@charset "utf-8";

:root {
    --form-tmpl-color-default: #222222;
    --form-tmpl-radius-default: 4px;
    --form-tmpl-font-default: Maven Pro;
    --form-animate-duration: 1s;
    --form-animate-delay: 1s;
    --form-animate-repeat: 1;
    --form-theme: #ff6541;
    --form-tmpl-color: #222222;
    --form-style-color: #222222;
    --form-bg-color: #FFFFFF;
    --form-border-color: #FFFFFF00;
    --form-title-color: var(--form-tmpl-color);
    --form-text-color: var(--form-tmpl-color);
    --form-submit-color: var(--form-tmpl-color);
    --form-submit-font-color: #FFFFFF;
    --form-tmpl-radius: 4px;
    --form-tmpl-font: 'Maven Pro';
    --form-tmpl-height-default: 44px
}

.form-tmpl {}

.form-tmpl-container {
    position: fixed;
    display: none;
    min-height: 240px;
    z-index: 99;
    bottom: 0;
    padding: 8px;
    max-width: 580px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.form-tmpl {
    font-family: var(--form-tmpl-font);
    background: #fff;
    min-height: 240px;
    border-radius: 6px;
    padding-bottom: 8px !important
}

.form-tmpl-close {
    text-align: right;
    padding: 6px 0 0
}

.form-tmpl-close .iconfont {
    cursor: pointer;
    font-size: 12px;
    color: var(--form-title-color);
    padding: 6px
}

.form-subscribe .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-contact .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-feedback .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-appl .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-quote .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-appt .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-rsvp .form-control {
    margin: 12px 0;
    padding: 0 24px
}

.form-control>span {
    display: inline-block;
    width: 100%;
    max-height: 44px;
    overflow: hidden;
    word-break: break-all;
    padding: 0 12px
}

.form-control>input {
    display: inline-block;
    width: 100%;
    max-height: 44px;
    padding: 0 12px
}

.form-control>input::-moz-placeholder {
    color: #111
}

.form-control>input::-ms-input-placeholder {
    color: #111
}

.form-control>input::-webkit-input-placeholder {
    color: #111
}

.form-control>input::placeholder {
    color: #111
}

.form-fullname {
    line-height: 40px;
    color: #333
}

.form-fullname input {
    border: 2px solid var(--form-tmpl-color);
    border-radius: var(--form-tmpl-radius)
}

.form-email {
    line-height: 40px;
    color: #333
}

.form-email input {
    border: 2px solid var(--form-tmpl-color);
    border-radius: var(--form-tmpl-radius)
}

.form-control .form-button {
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
    height: 44px
}

.form-button button {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    background: var(--form-tmpl-color);
    color: #fff;
    border-radius: var(--form-tmpl-radius)
}

.form-thanks {
    display: none;
    line-height: 32px;
    text-align: center;
    color: var(--form-tmpl-color);
    height: 32px
}

.form-thanks>span {
    max-height: 32px
}

.form-control.form-thanks {
    bottom: 0
}

.form-phone {
    line-height: 40px;
    color: #333
}

.form-service {
    position: relative;
    line-height: 40px;
    color: #333;
    max-height: 44px
}

.form-service .service-options {
    position: absolute;
    display: none;
    background: #fff;
    padding: 0 12px;
    max-height: 160px;
    width: calc(100% - 48px);
    top: 42px;
    border: 2px solid var(--form-tmpl-color);
    overflow: auto
}

.service-options .service-option {
    position: relative;
    cursor: pointer;
    max-width: 100%;
    max-height: 40px;
    display: flex;
    justify-content: space-between
}

.service-options .service-option span {
    max-width: 100%;
    max-height: 40px;
    word-break: break-all;
    overflow: hidden;
    display: inline-block
}

.service-options .service-option .iconfont {
    display: none
}

.service-options .service-option.selected .iconfont {
    display: inherit;
    font-size: 20px;
    color: var(--form-tmpl-color)
}

.form-message {
    color: #333
}

.form-message textarea {
    width: 100%;
    border: 2px solid var(--form-tmpl-color);
    border-radius: 4px;
    height: 80px;
    max-height: 120px;
    resize: none;
    padding: 6px 12px 2px
}

.form-message textarea::-moz-placeholder {
    color: #111
}

.form-message textarea::-ms-input-placeholder {
    color: #111
}

.form-message textarea::-webkit-input-placeholder {
    color: #111
}

.form-message textarea::placeholder {
    color: #111
}

.form-phone input {
    border: 2px solid var(--form-tmpl-color);
    border-radius: var(--form-tmpl-radius)
}

.form-service>span {
    border: 2px solid var(--form-tmpl-color);
    border-radius: var(--form-tmpl-radius)
}

.form-select .span {
    cursor: pointer
}

.form-select .iconfont {
    font-size: 24px;
    float: right;
    cursor: pointer
}

.form-appt .form-datetime {
    display: flex;
    line-height: 40px;
    color: #333
}

.form-datetime>span {
    border: 2px solid var(--form-tmpl-color);
    border-radius: var(--form-tmpl-radius);
    padding-right: 6px
}

.form-datetime .iconfont {
    font-size: 14px
}

.form-datetime .form-date {
    margin-right: 12px
}

.form-datetime .form-date,
.form-datetime .form-time {
    display: flex;
    justify-content: space-between
}

.form-option .option-cycle {
    position: relative;
    text-indent: 20px;
    cursor: pointer
}

.form-option .option-cycle::before {
    content: " ";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--form-tmpl-color);
    border-radius: 50%;
    top: 2px
}

.form-rsvp .form-service {
    margin-bottom: 0
}

.form-rsvp .form-service span {
    padding: 0;
    border: none;
    border-radius: unset
}

.form-rsvp .form-option {
    margin-top: 0
}

.form-rsvp .form-option span {
    padding: 0
}

.option-cycle.selected::after {
    content: " ";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background: var(--form-tmpl-color);
    border-radius: 50%;
    top: 6px;
    left: 4px
}

.form-control.form-title {
    line-height: 48px;
    font-size: 20px;
    color: #111;
    font-weight: 700;
    height: 48px;
    margin-top: 0
}

.form-title>span {
    padding: 0
}

.con ul.ctx_subscribe {
    display: block
}

.form-tmpl .form-date span,
.form-tmpl .form-time span {
    position: relative;
    display: inline-block;
    min-width: 80px;
    cursor: pointer;
    width: 100%;
    min-height: 40px
}

.form-cust {
    font-family: var(--form-tmpl-font);
    background: var(--form-bg-color);
    border: 2px solid var(--form-border-color);
    min-height: 200px;
    padding: 0 12px 4px;
    text-align: left
}

.form-tmpl-container .form-cust {
    padding: 0 16px 4px
}

.form-cust .form-control.form-title {
    line-height: 28px;
    font-size: 20px;
    color: var(--form-title-color);
    font-weight: 700;
    height: auto;
    margin-top: 0;
    padding: 10px 0
}

.form-cust .form-title>span {
    padding: 0
}

.form-cust .form-field .form-control {
    width: 100%;
    position: relative
}

.form-cust .form-control {
    line-height: 44px;
    color: var(--form-text-color)
}

.form-cust .form-fields-group .form-field {
    margin-bottom: 12px
}

.form-cust .form-control>span {
    display: inline-block;
    width: 100%;
    max-height: 44px;
    overflow: hidden;
    word-break: break-all;
    padding: 0 12px
}

.form-cust .form-control input {
    display: inline-block;
    width: 100%;
    max-height: 44px;
    padding: 0 12px;
    background: 0 0;
    border-radius: 0
}

.form-cust .form-control input::-moz-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control input::-ms-input-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control input::-webkit-input-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control input::placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea {
    width: 100%;
    border: 2px solid var(--form-style-color);
    border-radius: 4px;
    height: 80px;
    max-height: 120px;
    resize: none;
    padding: 6px 12px 2px;
    background: 0 0
}

.form-cust .form-control textarea::-moz-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea::-ms-input-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea::-webkit-input-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea::placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control .form-button {
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
    height: 44px
}

.form-cust .form-button button {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 44px;
    font-size: 16px;
    background: var(--form-submit-color);
    color: var(--form-submit-font-color);
    border-radius: var(--form-tmpl-radius);
    border: 2px solid transparent;
    line-height: initial
}

.form-cust .form-thanks {
    display: none;
    line-height: 32px;
    text-align: center;
    color: var(--form-text-color);
    height: 32px
}

.form-cust .form-thanks>span {
    max-height: 32px
}

.form-cust .form-control.form-thanks {
    bottom: 0
}

.form-cust .form-select .span {
    cursor: pointer
}

.form-cust .form-select .iconfont {
    font-size: 24px;
    float: right;
    cursor: pointer
}

.form-cust .form-datetime>span {
    border: 2px solid var(--form-style-color);
    border-radius: var(--form-tmpl-radius);
    padding-right: 6px
}

.form-cust .form-datetime .iconfont {
    font-size: 14px
}

.form-cust .form-datetime .form-date {
    margin-right: 12px
}

.form-cust .form-datetime .form-date,
.form-datetime .form-time {
    display: flex;
    justify-content: space-between
}

.form-cust [data-param=text] .form-control {
    line-height: 1
}

.form-cust .form-control input {
    line-height: 44px;
    border: 2px solid var(--form-style-color);
    width: 100%;
    height: 44px
}

.form-cust .form-field-phone {
    display: flex
}

.form-cust .form-field-phone .dial-code {
    position: relative;
    min-width: 60px;
    height: 44px;
    line-height: 40px;
    padding: 0 6px 0 8px;
    text-align: center;
    border: 2px solid var(--form-style-color);
    border-right: 0 !important;
    cursor: pointer
}

.form-cust .form-field-phone .dial-code:after {
    content: "";
    display: block;
    position: absolute;
    right: 4px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid var(--form-text-color)
}

.form-cust .form-field-phone input {
    padding-left: 8px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.form-cust .dial-code-select {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #646164;
    color: #fff;
    z-index: 9;
    outline: 0;
    text-align: left;
    max-height: 240px;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, .2) 1px 1px 4px;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 400px;
    cursor: pointer
}

.form-cust .dial-code-select ul {
    min-width: 240px
}

.form-cust .dial-code-select ul li {
    padding: 5px 10px;
    line-height: 24px
}

.form-cust .dial-code-select ul li:hover {
    background-color: rgba(0, 0, 0, .9)
}

.form-cust .dial-code-select ul li.selected {
    background-color: rgba(0, 0, 0, .9)
}

.form-cust .form-control select {
    position: relative;
    z-index: 1;
    line-height: 40px;
    height: 44px;
    border: 2px solid var(--form-style-color);
    width: 100%;
    background: 0 0;
    border-radius: 0;
    padding: 0 28px 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-cust .form-field-dropdown,
.form-field-regions {
    position: relative;
    height: 44px
}

.form-cust .form-field-dropdown span,
.form-field-regions span {
    display: block;
    position: absolute;
    right: 12px;
    width: 16px;
    height: 16px;
    top: 15px;
    line-height: 16px;
    z-index: 1
}

.form-cust .form-field-dropdown span svg,
.form-field-regions span svg {
    fill: var(--form-text-color);
    transform: rotate(90deg)
}

.form-cust .form-control select option {
    line-height: 44px;
    width: 100%;
    background-color: rgba(0, 0, 0, .65);
    color: #fff
}

.form-cust .form-control textarea {
    width: 100%;
    border: 2px solid var(--form-style-color);
    border-radius: 0;
    height: 80px;
    max-height: 120px;
    resize: none;
    padding: 6px 12px 2px 8px;
    line-height: 24px
}

.form-cust .form-control textarea::-moz-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea::-ms-input-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea::-webkit-input-placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control textarea::placeholder {
    color: var(--form-text-color)
}

.form-cust .form-control label {
    display: inline-block;
    word-break: break-word;
    line-height: 20px;
    width: calc(100% - 20px)
}

.form-cust .form-field-radio {
    line-height: 32px
}

.form-cust .form-field-radio-title {
    line-height: 24px
}

.form-cust input[type=radio] {
    display: none
}

.form-cust input[type=radio]+label {
    position: relative;
    left: 20px;
    cursor: pointer
}

.form-cust input[type=radio]+label::before {
    content: "";
    position: absolute;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--form-style-color);
    left: -20px;
    border-radius: 50%
}

.form-cust input[type=radio]:checked+label::before {
    content: "";
    position: absolute;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--form-style-color);
    left: -20px;
    border-radius: 50%
}

.form-cust input[type=radio]:checked+label::after {
    content: "";
    position: absolute;
    top: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--form-style-color);
    left: -17px;
    border-radius: 50%
}

.form-cust .form-field-checkbox {
    line-height: 32px
}

.form-cust input[type=checkbox] {
    display: none
}

.form-cust input[type=checkbox]+label {
    position: relative;
    left: 20px;
    cursor: pointer
}

.form-cust input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--form-style-color);
    left: -20px
}

.form-cust input[type=checkbox]:checked+label::before {
    content: "";
    position: absolute;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--form-style-color);
    left: -20px
}

.form-cust input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    border-left: 2px solid var(--form-style-color);
    border-bottom: 2px solid var(--form-style-color);
    top: 3px;
    left: -19px;
    transform: rotate(-50deg)
}

.form-cust .form-field-radio,
.form-cust .form-field-checkbox {
    color: var(--form-style-color)
}

.form-cust .form-field-date span,
.form-field-time span {
    display: block;
    position: absolute;
    right: 12px;
    width: 16px;
    height: 16px;
    top: 15px;
    line-height: 16px
}

.form-cust .form-field-date span svg,
.form-field-time span svg {
    fill: var(--form-text-color)
}

.form-cust .form-fields-actions {
    margin-top: 20px
}

.form-cust .form-fields-actions .form-button {
    margin-bottom: 12px
}

.form-cust .form-fields-actions .edit-add-field {
    display: none
}

.form-cust .form-fields-actions .edit-add-field button {
    background-color: transparent;
    border: 1px solid #777;
    color: var(--form-theme);
    height: 44px
}

.form-cust .form-date span,
.form-cust .form-time span {
    position: relative;
    display: inline-block;
    min-width: 80px;
    cursor: pointer;
    width: 100%
}

.form-cust .form-date span.iconfont:before,
.form-cust .form-time span.iconfont:before {
    position: absolute;
    right: 0;
    font-size: 20px
}

.jedate .jedate-footbtn .btnscon {
    border-radius: 0 !important;
    display: flex !important;
    justify-content: space-between;
    width: 100%
}

.jedate .jedate-footbtn .btnscon span {
    background: 0 0 !important;
    color: #999 !important;
    font-weight: bolder
}

.jedate .jedate-content .daystable td.action,
.jedate .jedate-content .daystable td.action:hover,
.jedate .jedate-content .daystable td.action .lunar {
    background-color: #abc1d5 !important
}

.jedate .jedate-time .hmslist ul li.action,
.jedate-time .hmslist ul li.action:hover {
    background-color: #abc1d5 !important
}

.jedate .jedate-footbtn .btnscon span:first-child {
    background: 0 0 !important;
    color: #4271d4 !important;
    margin-right: 80px
}

.jedate .jedate-footbtn .btnscon span:last-child {
    background: #07f !important;
    color: #fff !important;
    width: 40px
}

.animate__animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-duration: var(--form-animate-duration);
    -webkit-animation-duration: var(--form-animate-duration);
    animation-duration: var(--form-animate-duration);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.form-cust .error {
    font-family: maven pro;
    color: #ff1515;
    line-height: 1.57;
    background: rgba(255, 255, 255, .5);
    padding: 6px
}

.form-cust .error:before {
    padding-right: 4px
}

.form-cust .form-submit-terms {
    width: 100%;
    max-width: 380px;
    font-size: 12px;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
    color: var(--form-title-color)
}

.form-cust [data-sitekey] {
    display: flex;
    justify-content: center
}

.form-tmpl-container .form-cust {
    max-height: 95vh;
    overflow-y: auto;
    overflow-x: hidden
}

.data-field--title {
    font-weight: 700
}

.data-field--tips {
    font-size: 12px;
    line-height: 20px
}

.form-cust .form-control .form-field-file-upload {
    width: 100%;
    border: 2px solid var(--form-style-color);
    border-radius: 4px;
    height: 112px;
    max-height: 120px;
    padding: 6px 12px 2px;
    background: 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.form-cust .form-control .form-field-file-upload .iconfont {
    font-size: 32px
}

.form-cust .form-control .form-field-file-upload div {
    height: 36px;
    line-height: 36px
}

.form-cust .form-control .form-field-file-upload .data-field--tips {
    height: 20px;
    line-height: 20px
}

.form-cust .form-control input,
.form-cust .form-control select,
.form-cust .form-control textarea,
.form-cust .form-control .form-field-file-upload,
.form-cust .form-button button {
    border-radius: var(--form-tmpl-radius)
}

.form-field-file .file-item {
    margin-top: 6px;
    display: flex;
    height: 32px;
    line-height: 28px;
    align-items: center;
    position: relative;
    padding: 2px 6px;
    color: var(--form-style-color);
    z-index: 1
}

.file-item--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--form-style-color);
    z-index: -1;
    opacity: .1
}

.form-field-file .file-item__icon .iconfont {
    font-size: 24px
}

.form-field-file .file-item__icon {
    min-width: 28px;
    max-width: 84px;
    max-height: 28px;
    margin-right: 6px
}

.form-field-file .file-item__icon img {
    max-width: 84px;
    max-height: 28px;
    vertical-align: initial;
    object-fit: contain
}

.form-field-file .file-item__name {
    width: 100%;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
    max-height: 28px
}

.form-field-file .file-item__remove {
    margin-left: 6px;
    cursor: pointer
}

.form-cust .g-recaptcha {
    opacity: 0
}

.form-cust .g-recaptcha .grecaptcha-badge {
    right: 0 !important
}

.form-cust .form-success {
    display: none;
    padding-top: 60px;
    text-align: center
}

.form-cust .form-success .form-success-tips span {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 32px;
    font-size: 26px;
    background: var(--theme-color);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%
}

.form-cust .form-success .form-thanks {
    display: block;
    margin-top: 8px;
    color: var(--form-title-color)
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

body {
    --body-padding-top: 20px;
    --link-background-image-blur: 10px;
    --link-background-image-opacity: 0.4;
    --link-background-gradient-style: to bottom;
    --link-page-bg-gradient-style: to bottom;
    --link-social-border-color: #444444;
    --link-social-color: #444444;
    --link-button-bg-color: #444444;
    --link-button-font-color: #ffffff;
    --link-button-bg-border-color: #444444;
    --link-button-border-color: #ffffff;
    --link-button-border-font-color: #444444;
    --link-button-border-bg-color: rgba(0, 0, 0, 0);
    --link-button-radius12: 8px;
    --link-button-corner: 10px;
    --link-social-radius: 8px;
    --link-button-shadow-color: #000000;
    --link-button-thumbnail-color: var(--link-button-font-color);
    --link-button-bg-thumbnail-color: var(--link-button-font-color);
    --link-button-bg-thumbnail-border-color: var(--link-button-bg-thumbnail-color);
    --link-button-border-thumbnail-color: var(--link-button-border-font-color);
    --link-button-border-thumbnail-border-color: var(--link-button-border-thumbnail-color);
    --link-text-color: #333333;
    --link-title-color: #222222;
    --link-text-title-color: var(--link-title-color);
    --link-text-desc-color: var(--link-title-color);
    --link-text-button-color: #000000;
    --single-button-radius12: 8px;
    --single-button-corner: 12px;
    --single-button-font-color: #333333;
    --single-button-bg-color: #FFFFFF;
    --single-button-bg-border-color: #FFFFFF;
    --single-button-border-font-color: var(--link-text-button-color);
    --single-button-border-color: var(--link-text-button-color);
    --link-video-size: 1;
    --link-slide-point-color: rgba(255, 255, 255, 0.85);
    --link-slide-arrow-bg-color: rgba(255, 255, 255, 0.85);
    --link-button-wave-top: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgMyI+PHBhdGggZD0iTTAgM1YwYzUgMCA1IDIgMTAgMnM1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMmM1LjEgMCA1LjEgMiAxMCAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyIDUgMCA1LTIgMTAtMmguMWM1IDAgNSAyIDkuOSAyaC4xYzUgMCA1LTIgMTAtMnM1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMiA1IDIgMTAgMiA1LTIgMTAtMnYzSDB6Ii8+PC9zdmc+);
    --link-button-wave-bottom: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgMyI+PHBhdGggZD0iTTY0MCAwdjNjLTUgMC01LTItMTAtMnMtNSAyLTEwIDItNS0yLTEwLTItNSAyLTEwIDItNS0yLTEwLTItNSAyLTEwIDItNS0yLTEwLTItNSAyLTEwIDItNS0yLTEwLTItNSAyLTEwIDJjLTUuMSAwLTUuMS0yLTEwLTItNSAwLTUgMi0xMCAyaC0uMWMtNSAwLTUtMi05LjktMi01IDAtNSAyLTEwIDJoLS4xYy01IDAtNS0yLTkuOS0yLTUgMC01IDItMTAgMmgtLjFjLTUgMC01LTItOS45LTItNSAwLTUgMi0xMCAyaC0uMWMtNSAwLTUtMi05LjktMi01IDAtNSAyLTEwIDJoLS4xYy01IDAtNS0yLTkuOS0yLTUgMC01IDItMTAgMmgtLjFjLTUgMC01LTItOS45LTItNSAwLTUgMi0xMCAyaC0uMWMtNSAwLTUtMi05LjktMi01IDAtNSAyLTEwIDJoLS4xYy01IDAtNS0yLTkuOS0yLTUgMC01IDItMTAgMmgtLjFjLTUgMC01LTItOS45LTItNSAwLTUgMi0xMCAyaC0uMWMtNSAwLTUtMi05LjktMi01IDAtNSAyLTEwIDJoLS4xYy01IDAtNS0yLTkuOS0yLTUgMC01IDItMTAgMmgtLjFjLTUgMC01LTItOS45LTItNSAwLTUgMi0xMCAyaC0uMWMtNSAwLTUtMi05LjktMi01IDAtNSAyLTEwIDJoLS4xYy01IDAtNS0yLTkuOS0yaC0uMWMtNSAwLTUgMi0xMCAycy01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMi01IDItMTAgMi01LTItMTAtMlM1IDMgMCAzVjBoNjQweiIvPjwvc3ZnPg==);
    --pixel-svg-right-top: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxNiI+PHJlY3QgeD0iMTEiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiLz48cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMTYiLz48L3N2Zz4=");
    --pixel-svg-right-bottom: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAyNCI+PHBvbHlnb24gcG9pbnRzPSIxOSAwIDExIDAgMCAwIDAgOCAwIDE2IDAgMjQgMTkgMjQgMTkgMTYgMjcgMTYgMjcgMCAxOSAwIi8+PC9zdmc+");
    --pixel-svg-left-top: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNiI+PHBvbHlnb24gcG9pbnRzPSI4IDAgOCA4IDAgOCAwIDE2IDggMTYgOSAxNiAxOSAxNiAxOSAwIDggMCIvPjwvc3ZnPg==");
    --pixel-svg-left-bottom: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAyNCI+PHBvbHlnb24gcG9pbnRzPSI5IDAgOCAwIDAgMCAwIDggOCA4IDggMTYgMTYgMTYgMTYgMjQgMTkgMjQgMTkgMTYgMTkgOCAxOSAwIDkgMCIvPjwvc3ZnPg==")
}

.block-box,
.block-item {
    --link-block-bg-color: #222222;
    --link-block-border-color: #222222;
    --link-block-font-color: #FFFFFF;
    --link-block-corner: 8px;
    --link-block-corner-border: var(--link-block-corner);
    --link-block-corner-inner: calc(var(--link-block-corner) * 0.9);
    --link-block-corner-img: var(--link-block-corner);
    --link-action-bg-color: #FFFFFF;
    --link-action-border-color: #FFFFFF;
    --link-action-font-color: #000000;
    --form-tmpl-color: #FFFFFF;
    --form-style-color: #FFFFFF;
    --form-title-color: var(--form-tmpl-color);
    --form-text-color: var(--form-tmpl-color);
    --form-submit-color: var(--link-action-bg-color);
    --form-submit-font-color: var(--link-action-font-color);
    --form-tmpl-radius: calc(var(--link-block-corner) * 0.5);
    --link-title-color: var(--link-block-font-color);
    --link-text-title-color: var(--link-block-font-color);
    --link-text-desc-color: var(--link-block-font-color);
    --single-button-border-color: var(--link-action-border-color);
    --single-button-border-font-color: var(--link-action-font-color);
    --single-button-bg-color: var(--link-action-bg-color);
    --single-button-corner: calc(var(--link-block-corner) * 0.5);
    --link-block-padding-top: 12px;
    --link-block-padding-right: 12px;
    --body-width-ctx: calc(100vw - 320px);
    --link-block-item-margin: calc(var(--body-width-ctx) / 28.3 + 8px)
}

[class^=cmpt-cover-] .block-box,
[class^=cmpt-cover-] .block-item {
    --single-button-bg-color: #FFFFFF
}

[class^=cmpt-goods-] .block-box,
[class^=cmpt-goods-] .block-item {
    --link-block-corner-img: var(--link-block-corner)
}

@media only screen and (max-width:320px) {

    .block-box,
    .block-item {
        --link-block-item-margin: 8px
    }
}

@media only screen and (min-width:660px) {

    .block-box,
    .block-item {
        --link-block-item-margin: 20px
    }
}

body {
    position: relative;
    min-height: 100vh
}

.bg-container {
    display: flex;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
    top: 0
}

.bg-0,
.bg-2 {
    width: 0;
    height: 100%
}

.bg-1 {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.bg {
    background: center center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1
}

.bg div {
    width: 110%;
    height: 110%;
    background-size: cover;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    position: absolute;
    top: -5%;
    left: -5%;
    z-index: -1;
    opacity: .95
}

.bg video {
    display: none;
    object-fit: cover;
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

.container {
    display: flex;
    padding: 40px 16px 80px;
    min-height: 100vh;
    align-items: center;
    flex-direction: column
}

.container section {
    position: relative;
    margin: 0 auto;
    max-width: 700px;
    width: 94%;
    z-index: 1;
    padding-bottom: 20px;
    overflow: initial
}

section .section-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

section .header_box {
    margin: 0 auto;
    max-width: 620px;
    border: none !important
}

section .header {
    max-width: 100%
}

.header img {
    object-fit: cover
}

section .header_box+.content {
    padding-top: 20px
}

section .content [class^=cmpt-] {
    max-width: 620px;
    margin: auto
}

section .content [class^=cmpt-]:first-child {
    padding-top: 0;
    margin-top: 0
}

.content [class^=cmpt-] .image-box img {
    border-radius: 4px
}

section .content [class^=cmpt-slide-] img {
    border-radius: 4px
}

.button-box {
    line-height: 1
}

.button-box a {
    padding: 0 12px
}

.text-box .title,
.text-box .title-box,
.text-box .goods_title {
    color: var(--link-text-title-color)
}

.text-box .desc,
.text-box .desc-box,
.text-box .price {
    color: var(--link-text-desc-color)
}

[class^=cmpt-text] {
    color: var(--link-text-color);
    text-align: center;
    word-break: break-word
}

[class^=cmpt-text] .title {
    font-weight: 500;
    font-size: 24px
}

[class^=cmpt-text] .desc {
    font-size: 20px
}

.cmpt-text-title1 .title {
    font-weight: 600;
    font-size: 40px
}

.cmpt-text-title2 .title {
    font-weight: 600;
    font-size: 32px
}

.cmpt-text-title4 .title {
    text-align: center
}

.cmpt-text-title4 .title span {
    padding: 6px 12px;
    border: 2px solid var(--link-text-color)
}

.cmpt-text-title4 .text-box p {
    display: block;
    padding: 6px 12px;
    border: 2px solid var(--link-text-color);
    max-width: max-content
}

.cmpt-text-title4 .text-box .title {
    font-weight: inherit;
    font-size: inherit
}

.cmpt-text-title3Desc,
.cmpt-text-titleDesc {
    text-align: center
}

.cmpt-text-title3Desc .title,
.cmpt-text-titleDesc .title {
    font-weight: 600;
    font-size: 24px
}

.cmpt-text-title3Desc .desc,
.cmpt-text-titleDesc .desc {
    margin-top: 10px
}

.cmpt-text-title2LineDesc .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 1
}

.cmpt-text-title2LineDesc .title span {
    display: block
}

.cmpt-text-title2LineDesc .title .divider-box {
    width: 280px;
    height: 2px;
    margin-top: 16px
}

.cmpt-text-title2LineTitle3Desc {
    text-align: left
}

.cmpt-text-title2LineTitle3Desc .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 1
}

.cmpt-text-title2LineTitle3Desc .title span {
    display: block
}

.cmpt-text-title2LineTitle3Desc .title .divider-box {
    width: 280px;
    height: 2px;
    margin: 16px auto 0 0
}

.cmpt-text-title2LineTitle3Desc .subtitle {
    font-weight: 500;
    font-size: 24px;
    margin-top: 16px
}

.cmpt-text-title2LineTitle3Desc .desc {
    margin-top: 16px
}

.cmpt-text-title2Title3Desc {
    text-align: left
}

.cmpt-text-title2Title3Desc .title {
    font-weight: 600;
    font-size: 32px
}

.cmpt-text-title2Title3Desc .subtitle {
    font-weight: 500;
    font-size: 24px;
    margin-top: 14px
}

.cmpt-text-title2Title3Desc .desc {
    margin-top: 16px
}

[class^=cmpt-image] .text-box {
    word-break: break-word
}

[class^=cmpt-image] .image-box {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

[class^=cmpt-image] .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[class^=cmpt-image] .image-bg {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    width: 100%
}

[class^=cmpt-image] .image-bg img {
    position: absolute;
    top: 0;
    left: 0
}

.cmpt-image-image .image-box img {
    width: 100%;
    height: 100%;
    max-height: 780px;
    object-fit: cover
}

.cmpt-image-imageRect .image-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.666%
}

.cmpt-image-imageRect .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-image-imageRectTitleDesc .image-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.666%
}

.cmpt-image-imageRectTitleDesc .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-image-imageRectTitleDesc .title-box {
    font-size: 26px;
    line-height: 1.3;
    margin-top: 20px;
    color: var(--link-text-title-color)
}

.cmpt-image-imageRectTitleDesc .desc-box {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 8px;
    color: var(--link-text-desc-color)
}

.cmpt-image-titleDescImage {}

.cmpt-image-titleDescImage .title-box {
    font-size: 26px;
    line-height: 1.3;
    color: var(--link-text-title-color)
}

.cmpt-image-titleDescImage .desc-box {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 8px;
    color: var(--link-text-desc-color)
}

.cmpt-image-titleDescImage .image-box {
    margin-top: 20px
}

.cmpt-image-titleDescImage .image-box img {
    width: 100%;
    object-fit: cover
}

.cmpt-image-titleImage .title-box {
    font-size: 26px;
    line-height: 1.3;
    color: var(--link-text-title-color)
}

.cmpt-image-titleImage .image-box {
    margin-top: 20px
}

.cmpt-image-titleImage .image-box img {
    width: 100%;
    max-height: 780px;
    object-fit: cover
}

.cmpt-image-rowImageTitleDesc {
    word-break: break-word;
    text-align: left
}

.cmpt-image-rowImageTitleDesc li {
    display: flex;
    align-items: center
}

.cmpt-image-rowImageTitleDesc .image-box {
    width: calc(50% - 10px);
    height: auto;
    padding-bottom: initial;
    margin-right: 20px
}

.cmpt-image-rowImageTitleDesc .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-image-rowImageTitleDesc .text-box {
    width: calc(50% - 10px)
}

.cmpt-image-rowImageTitleDesc .title-box {
    font-size: 26px;
    line-height: 1.4;
    color: var(--link-text-title-color)
}

.cmpt-image-rowImageTitleDesc .desc-box {
    font-size: 20px;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 8px;
    color: var(--link-text-desc-color)
}

.cmpt-image-rowTitleDescImage {
    word-break: break-word;
    text-align: left
}

.cmpt-image-rowTitleDescImage li {
    display: flex;
    align-items: center
}

.cmpt-image-rowTitleDescImage .text-box {
    width: calc(50% - 10px);
    margin-right: 20px;
    text-align: right
}

.cmpt-image-rowTitleDescImage .title-box {
    font-size: 26px;
    line-height: 1.4;
    color: var(--link-text-title-color)
}

.cmpt-image-rowTitleDescImage .desc-box {
    font-size: 20px;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 8px;
    color: var(--link-text-desc-color)
}

.cmpt-image-rowTitleDescImage .image-box {
    width: calc(50% - 10px);
    height: auto;
    padding-bottom: initial
}

.cmpt-image-rowTitleDescImage .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-image-imageTitleDescButton .image-box img {
    width: 100%;
    object-fit: cover
}

.cmpt-image-imageTitleDescButton .text-box {
    text-align: left
}

.cmpt-image-imageTitleDescButton .title-box {
    color: var(--link-text-title-color);
    font-size: 26px;
    line-height: 32px;
    margin-top: 16px
}

.cmpt-image-imageTitleDescButton .desc-box {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 26px;
    margin-top: 8px
}

.cmpt-image-imageTitleDescButton .button-box {
    margin-top: 16px
}

.cmpt-image-imageTitleDescButton .button-box a {
    display: inline-block;
    min-width: 140px;
    height: 52px;
    font-size: 20px;
    color: var(--single-button-border-font-color);
    border: 2px solid var(--single-button-border-color);
    background-color: var(--single-button-bg-color);
    line-height: 48px;
    max-width: 320px;
    overflow: hidden;
    text-align: center
}

[class^=cmpt-image-list] ul {
    display: flex;
    flex-wrap: wrap
}

[class^=cmpt-image-list] li .image-box {
    max-height: 330px
}

[class^=cmpt-image-list] li .image-box img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    max-height: 330px;
    cursor: pointer
}

.cmpt-image-listRowImageTitleDesc {
    word-break: break-word;
    text-align: left
}

.cmpt-image-listRowImageTitleDesc li {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 12px
}

.cmpt-image-listRowImageTitleDesc li:first-child {
    margin-top: 0 !important
}

.cmpt-image-listRowImageTitleDesc .image-box {
    width: calc(50% - 10px);
    height: auto;
    margin-right: 20px;
    padding-bottom: initial
}

.cmpt-image-listRowImageTitleDesc .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-image-listRowImageTitleDesc .text-box {
    width: calc(50% - 10px)
}

.cmpt-image-listRowImageTitleDesc .title-box {
    font-size: 26px;
    line-height: 1.4
}

.cmpt-image-listRowImageTitleDesc .desc-box {
    font-size: 22px;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 20px
}

.cmpt-image-listRow2Image li {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px 0 0
}

.cmpt-image-listRow2Image li:nth-child(1),
.cmpt-image-listRow2Image li:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-image-listRow2Image li:nth-child(2n) {
    padding: 0 0 0 10px
}

.cmpt-image-listRow2Image li .image-box {
    position: relative;
    max-height: 100%;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.cmpt-image-listRow2Image li .image-box img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.cmpt-image-listImageRect li {
    width: 100%;
    margin-top: 16px
}

.cmpt-image-listImageRect li:first-child {
    margin-top: 0 !important
}

.cmpt-image-listImageRect li .image-box {
    padding-bottom: 66.666%
}

.cmpt-image-listImageFlow ul {
    position: relative;
    display: block;
    min-height: 10px
}

.cmpt-image-listImageFlow li {
    width: calc(50% - 8px);
    position: absolute
}

.cmpt-image-listImageFlow li:first-child,
.cmpt-image-listImageFlow li:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-image-listImageFlow li .image-box {
    padding-bottom: initial;
    height: auto;
    max-height: initial
}

.cmpt-image-listImageFlow li .image-box img {
    position: initial;
    max-height: initial;
    min-height: 10px
}

[class^=cmpt-slide-] {
    position: relative;
    max-height: 480px;
    overflow: hidden;
    padding: 0
}

[class^=cmpt-slide-] .box-cmpt {
    position: relative;
    max-height: 480px;
    overflow: hidden;
    padding: 0
}

[class^=cmpt-slide-] img {
    min-width: 100%;
    max-height: 480px;
    object-fit: cover;
    object-position: center
}

[class^=cmpt-slide-] iframe {
    height: 80vw;
    max-height: 480px
}

[class^=cmpt-slide-] li.swiper-slide {
    height: 0;
    padding-bottom: 66.66666%
}

[class^=cmpt-slide-] li.swiper-slide img,
[class^=cmpt-slide-] li.swiper-slide iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[class^=cmpt-slide-] .swiper-pagination-bullet {
    background: transparent;
    border: 2px solid rgba(0, 0, 0, .35);
    width: 14px;
    height: 14px;
    opacity: 1;
    margin-bottom: 2px !important
}

[class^=cmpt-slide-] .swiper-pagination-bullet-active {
    background: #fff
}

[class^=cmpt-slide-] .swiper-button-next,
[class^=cmpt-slide-] .swiper-button-prev {
    background: transparent;
    line-height: 44px;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    display: flex;
    align-items: center;
    justify-content: center
}

[class^=cmpt-slide-] .swiper-button-next {
    right: 10px;
    left: auto
}

[class^=cmpt-slide-] .swiper-button-prev svg,
[class^=cmpt-slide-] .swiper-button-next svg {
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.cmpt-slide-slide1 .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .9)
}

.cmpt-slide-slide1 .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, .85)
}

.cmpt-slide-slide2 .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .85);
    border: 0;
    width: 10px;
    height: 10px;
    margin-bottom: 2px !important
}

.cmpt-slide-slide2 .swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .85);
    margin-bottom: 0 !important;
    width: 14px;
    height: 14px
}

.cmpt-slide-slide3 .swiper-button-prev,
.cmpt-slide-slide3 .swiper-button-next {
    background: rgba(255, 255, 255, .85);
    line-height: 36px;
    width: 36px;
    height: 36px;
    text-align: center
}

.cmpt-slide-slide3 .swiper-button-prev svg,
.cmpt-slide-slide3 .swiper-button-next svg {
    width: 16px;
    height: 16px
}

.cmpt-slide-slide3 .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .9)
}

.cmpt-slide-slide3 .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, .85)
}

.cmpt-slide-slide4 .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .85);
    border: 0;
    width: 10px;
    height: 10px
}

.cmpt-slide-slide4 .swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .85);
    margin-bottom: 0 !important;
    width: 14px;
    height: 14px
}

.cmpt-slide-slide5 .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid rgba(34, 34, 34, .9)
}

.cmpt-slide-slide5 .swiper-pagination-bullet-active {
    background: rgba(34, 34, 34, .85)
}

.cmpt-slide-slide6 .swiper-pagination-bullet {
    background: rgba(34, 34, 34, .85);
    border: 0;
    width: 10px;
    height: 10px;
    margin-bottom: 2px !important
}

.cmpt-slide-slide6 .swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid #222;
    margin-bottom: 0 !important;
    width: 14px;
    height: 14px
}

.cmpt-slide-slide7 .swiper-button-prev,
.cmpt-slide-slide7 .swiper-button-next {
    background: rgba(34, 34, 34, .7);
    line-height: 36px;
    width: 36px;
    height: 36px;
    text-align: center
}

.cmpt-slide-slide7 .swiper-button-prev svg,
.cmpt-slide-slide7 .swiper-button-next svg {
    width: 16px;
    height: 16px
}

.cmpt-slide-slide7 .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid rgba(34, 34, 34, .9)
}

.cmpt-slide-slide7 .swiper-pagination-bullet-active {
    background: rgba(34, 34, 34, .85)
}

.cmpt-slide-slide8 .swiper-pagination-bullet {
    background: rgba(34, 34, 34, .85);
    border: 0;
    width: 10px;
    height: 10px
}

.cmpt-slide-slide8 .swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid #222
}

[class^=cmpt-slide-] .slidebar {
    text-align: center;
    position: absolute;
    bottom: 5px;
    display: none;
    border: 10px;
    z-index: 2;
    width: 100%;
    left: 0
}

[class^=cmpt-slide-] .slidebar i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    margin-right: 4px
}

[class^=cmpt-slide-] .slidebar i.active {
    background: #fff
}

.cmpt-slide-slide1 .slidebar i {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .9)
}

.cmpt-slide-slide1 .slidebar i.active {
    background: rgba(255, 255, 255, .85)
}

.cmpt-slide-slide2 .slidebar i {
    background: rgba(255, 255, 255, .85);
    border: 0;
    width: 10px;
    height: 10px;
    margin-bottom: 2px !important
}

.cmpt-slide-slide2 .slidebar i.active {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .85);
    width: 10px;
    height: 10px
}

.cmpt-slide-slide3 .slidebar i {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .9)
}

.cmpt-slide-slide3 .slidebar i.active {
    background: rgba(255, 255, 255, .85)
}

.cmpt-slide-slide4 .slidebar i {
    background: rgba(255, 255, 255, .85);
    border: 0;
    width: 10px;
    height: 10px;
    margin-bottom: 2px !important
}

.cmpt-slide-slide4 .slidebar i.active {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .85)
}

.cmpt-slide-slide5 .slidebar i {
    background: transparent;
    border: 1px solid rgba(34, 34, 34, .9)
}

.cmpt-slide-slide5 .slidebar i.active {
    background: rgba(34, 34, 34, .85)
}

.cmpt-slide-slide6 .slidebar i {
    background: rgba(34, 34, 34, .85);
    border: 0;
    width: 10px;
    height: 10px;
    margin-bottom: 2px !important
}

.cmpt-slide-slide6 .slidebar i.active {
    background: transparent;
    border: 2px solid #222
}

.cmpt-slide-slide7 .slidebar i {
    background: transparent;
    border: 1px solid rgba(34, 34, 34, .9)
}

.cmpt-slide-slide7 .slidebar i.active {
    background: rgba(34, 34, 34, .85)
}

.cmpt-slide-slide8 .slidebar i {
    background: rgba(34, 34, 34, .85);
    border: 0;
    width: 10px;
    height: 10px;
    margin-bottom: 2px !important
}

.cmpt-slide-slide8 .slidebar i.active {
    background: transparent;
    border: 2px solid #222
}

.cmpt-button-button ul {
    border-radius: 0 0 6px 6px;
    padding: 0 12px
}

.cmpt-button-button li {
    margin-top: 12px
}

.cmpt-button-button .item {
    min-height: 52px;
    display: flex;
    padding: 15px;
    background-color: #fff;
    align-items: center;
    font-size: 16px;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    text-align: center;
    position: relative;
    line-height: 24px
}

.cmpt-button-button li img {
    width: 32px;
    min-width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0
}

.cmpt-button-button .item .btn-icon span {
    padding: 0
}

.cmpt-button-button li span {
    margin: 0 auto;
    padding: 0 20px
}

.cmpt-button-iconname ul {
    border-radius: 0 0 6px 6px
}

.cmpt-button-iconname li {
    display: flex;
    padding: 15px;
    border-top: 1px solid #eee;
    justify-content: space-between;
    align-items: center
}

.cmpt-button-iconname .buy_ul .button-item {
    margin-top: 0
}

.cmpt-button-iconname li:last-child {
    border-bottom: 1px solid #eee
}

.cmpt-button-iconname li .left {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding-right: 8px
}

.cmpt-button-iconname li .left img {
    width: 32px;
    height: 32px;
    min-width: 32px;
    object-fit: cover;
    object-position: center;
    margin-right: 8px
}

.cmpt-button-iconname li .right {
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    min-width: 80px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    padding: 0 5px;
    webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 30px;
    height: auto;
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 180px;
    margin-right: 0
}

.cmpt-button-iconname .item {
    margin: 0;
    min-height: 32px;
    line-height: 28px;
    margin-right: 8px
}

.cmpt-button-iconname .item .btn-icon {
    position: initial;
    text-align: center;
    width: 32px;
    height: 32px
}

.cmpt-button-iconname .item .btn-icon span {
    font-size: 18px;
    line-height: 28px
}

.social_list span {
    width: 20%;
    height: 30px;
    margin-bottom: 12px;
    text-align: center
}

.social_list a {
    width: 30px;
    height: 30px;
    display: inline-block
}

.social_list a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto;
    border-radius: 50%
}

[class^=cmpt-cover-] .banner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

[class^=cmpt-cover-] .text-box {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    text-align: center
}

[class^=cmpt-cover-] .title {
    font-size: 32px;
    white-space: normal;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 84px
}

[class^=cmpt-cover-] .desc {
    font-size: 20px;
    margin-top: 12px;
    white-space: normal;
    word-break: break-word;
    max-width: 90%;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis
}

[class^=cmpt-cover-] .text-box .title,
[class^=cmpt-cover-] .text-box .desc {
    color: #fff
}

.cmpt-cover-cover .btn-link {
    min-width: 72px;
    font-weight: 500;
    border-radius: var(--single-button-corner);
    padding: 0 16px;
    background: var(--single-button-bg-color);
    border: 2px solid var(--single-button-bg-color);
    color: var(--single-button-font-color);
    display: inline-block;
    align-items: center;
    justify-content: center;
    height: 40px;
    max-width: 400px;
    font-size: 16px;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cmpt-cover-cover .button-box {
    width: 100%;
    margin-top: 14px
}

[class^=cmpt-cover-] .block-box {
    background-color: initial !important;
    border: 0 !important
}

[class^=cmpt-video] .video-box {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: calc(56.25% * var(--link-video-size))
}

[class^=cmpt-video] .video-box iframe,
[class^=cmpt-video] .video-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[class^=cmpt-video] .title-box {
    color: var(--link-text-title-color);
    font-size: 20px;
    line-height: 28px;
    word-break: break-word
}

[class^=cmpt-video] .desc-box {
    color: var(--link-text-desc-color);
    font-size: 16px;
    line-height: 24px;
    word-break: break-word
}

.cmpt-video-videoTitle .title-box {
    margin-top: 20px
}

.cmpt-video-videoTitleDesc .title-box {
    margin: 20px 0 0
}

.cmpt-video-videoTitleDesc .desc-box {
    margin-top: 14px
}

.cmpt-video-titleVideo .video-box {
    margin-top: 20px
}

.embed-iframe-tiktok {
    max-width: 325px;
    padding-bottom: 720px;
    margin: auto
}

[class^=cmpt-video] .embed-iframe-tiktok {
    padding-bottom: 720px
}

.embed-iframe-tiktok iframe {
    max-height: 778px !important;
    min-height: 180px;
    height: 100% !important;
    border-radius: 8px
}

[class^=cmpt-video] .embed-iframe-bilibili {
    padding-bottom: 68%
}

[class^=cmpt-social] ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

[class^=cmpt-social] ul li {
    width: 48px;
    text-align: center;
    height: 40px
}

[class^=cmpt-social] ul li a,
[class^=cmpt-social] ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 4px
}

[class^=cmpt-social] li a img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

[class^=cmpt-social] li a span {
    display: none;
    width: 100%;
    height: 100%
}

[class^=cmpt-social] li a span,
[class^=cmpt-social] li a .borderColor {
    border-radius: 50%;
    font-size: 18px;
    line-height: 28px;
    border: 2px solid var(--link-social-border-color);
    color: var(--link-social-color)
}

[class^=cmpt-social] li a .solid {
    font-size: 28px;
    line-height: 32px;
    border: 0;
    color: var(--link-social-color)
}

[class^=cmpt-social] li a .line {
    font-size: 28px;
    line-height: 32px;
    border: 0;
    color: var(--link-social-color)
}

.cmpt-social-socialOrigin li a img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.cmpt-social-socialOrigin li a span {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 18px;
    line-height: 28px;
    border: 2px solid var(--link-social-border-color);
    color: var(--link-social-color)
}

.cmpt-social-socialBorder li a img {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.cmpt-social-socialBorder li a .borderColor {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 18px;
    line-height: 28px;
    border: 2px solid var(--link-social-border-color);
    color: var(--link-social-color)
}

.cmpt-social-socialSolid li a img {
    display: none
}

.cmpt-social-socialSolid li a .solid {
    display: inline-block
}

.cmpt-social-socialLine li a img {
    display: none
}

.cmpt-social-socialLine li a .line {
    display: inline-block
}

.social_list li span:before {
    line-height: inherit
}

[class^=cmpt-product] {
    text-align: left;
    word-break: break-word
}

[class^=cmpt-product] .image-box {
    position: relative
}

[class^=cmpt-product] .image-box .label {
    padding: 3px 4px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 2;
    line-height: 18px;
    max-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

[class^=cmpt-product] .goods_title {
    color: var(--link-text-title-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

[class^=cmpt-product] .price {
    color: var(--link-text-desc-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[class^=cmpt-product] ul li {
    overflow: hidden
}

.cmpt-product-imageTitlePrice {
    color: var(--link-text-title-color)
}

.cmpt-product-imageTitlePrice .image-box {
    width: 100%;
    height: 0;
    padding-bottom: 66.66%
}

.cmpt-product-imageTitlePrice .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-product-imageTitlePrice .goods_title {
    color: var(--link-text-title-color);
    font-size: 16px;
    line-height: 1.3;
    margin-top: 16px
}

.cmpt-product-imageTitlePrice .price {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.3;
    margin-top: 10px
}

.cmpt-product-rowImageTitlePrice li {
    display: flex;
    align-items: center;
    margin-top: 0 !important
}

.cmpt-product-rowImageTitlePrice .image-box {
    width: calc(50% - 10px);
    height: 0;
    margin-right: 20px !important;
    margin-left: 0 !important;
    padding-bottom: calc(50% - 10px)
}

.cmpt-product-rowImageTitlePrice .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-product-rowImageTitlePrice .text-box {
    width: calc(50% - 10px)
}

.cmpt-product-rowImageTitlePrice .goods_title {
    margin: 0;
    color: var(--link-text-title-color);
    font-size: 16px;
    line-height: 1.3;
    overflow: hidden
}

.cmpt-product-rowImageTitlePrice .price {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 10px
}

.cmpt-product-rowImageTitlePriceButton li {
    display: flex;
    align-items: center
}

.cmpt-product-rowImageTitlePriceButton .image-box {
    width: calc(50% - 10px);
    height: 0;
    padding-bottom: calc(50% - 10px);
    margin-right: 20px !important;
    margin-left: 0 !important
}

.cmpt-product-rowImageTitlePriceButton .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-product-rowImageTitlePriceButton .text-box {
    width: calc(50% - 10px);
    padding-left: var(--link-block-padding-right)
}

.cmpt-product-rowImageTitlePriceButton .goods_title {
    margin: 0;
    color: var(--link-text-title-color);
    font-size: 16px;
    line-height: 1.3;
    overflow: hidden
}

.cmpt-product-rowImageTitlePriceButton .price {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 10px
}

.cmpt-product-rowImageTitlePriceButton .button-box a {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    color: var(--single-button-border-font-color);
    border: 2px solid var(--single-button-border-color);
    background-color: var(--single-button-bg-color);
    max-height: 44px;
    height: 44px;
    overflow: hidden;
    line-height: 40px;
    font-size: 18px;
    min-width: 120px;
    max-width: 320px
}

[class^=cmpt-product-list] ul {
    display: flex
}

[class^=cmpt-product-list] .image-box {
    height: 300px
}

[class^=cmpt-product-list] .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cmpt-product-listRow2ImageTitlePrice ul {
    flex-wrap: wrap
}

.cmpt-product-listRow2ImageTitlePrice li {
    width: calc(50% - 10px);
    margin: 24px 10px 0 0
}

.cmpt-product-listRow2ImageTitlePrice li:nth-child(1) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageTitlePrice li:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageTitlePrice li:nth-child(2n) {
    margin: 24px 0 0 10px
}

.cmpt-product-listRow2ImageTitlePrice .image-box {
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.cmpt-product-listRow2ImageTitlePrice .text-box {
    word-break: break-word;
    font-size: 16px
}

.cmpt-product-listRow2ImageTitlePrice .goods_title {
    color: var(--link-text-title-color);
    line-height: 1.3;
    overflow: hidden;
    margin-top: 16px
}

.cmpt-product-listRow2ImageTitlePrice .price {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 10px
}

.cmpt-product-listRow2ImageTitlePriceButton ul {
    flex-wrap: wrap
}

.cmpt-product-listRow2ImageTitlePriceButton li {
    width: calc(50% - 10px);
    margin: 24px 10px 0 0
}

.cmpt-product-listRow2ImageTitlePriceButton li:nth-child(1) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageTitlePriceButton li:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageTitlePriceButton li:nth-child(2n) {
    margin: 24px 0 0 10px
}

.cmpt-product-listRow2ImageTitlePriceButton .image-box {}

.cmpt-product-listRow2ImageTitlePriceButton .text-box {
    word-break: break-word;
    font-size: 16px
}

.cmpt-product-listRow2ImageTitlePriceButton .goods_title {
    color: var(--link-text-title-color);
    line-height: 1.3;
    overflow: hidden;
    margin-top: 16px
}

.cmpt-product-listRow2ImageTitlePriceButton .price {
    margin-top: 10px;
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.3;
    overflow: hidden
}

.cmpt-product-listRow2ImageTitlePriceButton .button-box {
    margin-top: 10px
}

.cmpt-product-listRow2ImageTitlePriceButton .button-box a {
    display: inline-block;
    text-align: center;
    color: var(--single-button-border-font-color);
    border: 2px solid var(--single-button-border-color);
    background-color: var(--single-button-bg-color);
    max-height: 40px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 34px;
    font-size: 14px;
    border-radius: 20px
}

.cmpt-product-listRow2ImageRectTitlePrice ul {
    flex-wrap: wrap
}

.cmpt-product-listRow2ImageRectTitlePrice li {
    width: 186.666666666px;
    margin-top: 24px
}

.cmpt-product-listRow2ImageRectTitlePrice li:nth-child(1) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageRectTitlePrice li:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageRectTitlePrice li:nth-child(3) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageRectTitlePrice li:nth-child(3n+2) {
    margin-left: 15px;
    margin-right: 15px
}

.cmpt-product-listRow2ImageRectTitlePrice .image-box {
    height: 270px
}

.cmpt-product-listRow2ImageRectTitlePrice .text-box {
    word-break: break-word;
    font-size: 16px
}

.cmpt-product-listRow2ImageRectTitlePrice .goods_title {
    color: var(--link-text-title-color);
    line-height: 1.3;
    overflow: hidden;
    margin-top: 16px
}

.cmpt-product-listRow2ImageRectTitlePrice .price {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 10px
}

.cmpt-product-listRow2ImageRectTitlePriceButton ul {
    flex-wrap: wrap
}

.cmpt-product-listRow2ImageRectTitlePriceButton li {
    width: 186.666666666px;
    margin-top: 24px
}

.cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(1) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(3) {
    margin-top: 0 !important
}

.cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(3n+2) {
    margin-left: 15px;
    margin-right: 15px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .image-box {
    height: 270px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .text-box {
    word-break: break-word;
    font-size: 16px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .goods_title {
    color: var(--link-text-title-color);
    line-height: 1.4;
    overflow: hidden;
    margin-top: 16px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .price {
    color: var(--link-text-desc-color);
    font-size: 20px;
    line-height: 1.4;
    overflow: hidden;
    margin-top: 10px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .button-box {
    margin-top: 10px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .button-box a {
    display: inline-block;
    text-align: center;
    color: var(--single-button-border-font-color);
    border: 2px solid var(--single-button-border-color);
    background-color: var(--single-button-bg-color);
    max-height: 40px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 34px;
    font-size: 14px;
    border-radius: 20px
}

.pro-detail_box .desc_box {
    word-break: break-word
}

.cmpt-goods-list {}

.cmpt-goods-list .block-item {
    margin: 20px 0;
    position: relative;
    border-radius: var(--link-block-corner)
}

.cmpt-goods-list li .ctm-style {
    display: flex;
    align-items: center
}

.cmpt-goods-list .ctm-style .image-box {
    width: calc(50% - 10px);
    height: 0;
    padding-bottom: calc(50% - 10px);
    margin-right: 20px !important;
    margin-left: 0 !important;
    position: relative
}

.cmpt-goods-list .ctm-style .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--link-block-corner)
}

[class^=cmpt-goods] li .ctm-style {
    margin-top: 0 !important
}

[class^=cmpt-goods] .ctm-style .info-box {
    width: 100%;
    text-align: left;
    color: var(--link-block-font-color);
    padding-top: 12px;
    padding-left: var(--link-block-padding-right)
}

[class^=cmpt-goods] .ctm-style .title {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    overflow: hidden;
    -webkit-line-clamp: 2
}

[class^=cmpt-goods] .ctm-style .price {
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 8px;
    font-weight: 700;
    word-break: break-all
}

[class^=cmpt-goods] .ctm-style .button-box {
    max-width: 100%
}

[class^=cmpt-goods] .ctm-style .button-box button {
    display: flex;
    margin-top: 12px;
    text-align: center;
    color: var(--single-button-border-font-color);
    border: 2px solid var(--single-button-border-color);
    background-color: var(--single-button-bg-color);
    border-radius: var(--link-block-corner-inner);
    max-height: 40px;
    height: 40px;
    overflow: hidden;
    line-height: 36px;
    font-size: 14px;
    min-width: 120px;
    max-width: 100%;
    padding: 0 12px;
    justify-content: center;
    align-items: center
}

[class^=cmpt-goods] .ctm-style .button-box button div {
    overflow: hidden;
    max-height: 100%
}

[class^=cmpt-goods] .ctm-style .price span:nth-child(1) {
    margin-right: 4px
}

[class^=cmpt-goods] .ctm-style .price span:nth-child(2) {
    font-size: 16px;
    max-height: 20px;
    line-height: 20px;
    text-decoration: line-through;
    opacity: .85;
    font-weight: 400
}

[class^=cmpt-goods] .block-box {
    background-color: transparent !important;
    border: 0 !important
}

.cmpt-goods-list .ctm-style .info-box {
    width: calc(50% - 10px);
    text-align: left;
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    padding-left: 0;
    padding-right: var(--link-block-padding-right);
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 12px
}

.cmpt-goods-list .ctm-style .button-box {
    max-width: 100%
}

.cmpt-goods-list .ctm-style .button-box button {
    margin-top: 4px
}

.ctm-label {
    padding: 10px 8px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 2;
    max-height: 36px;
    max-width: calc(100% - var(--link-block-corner-img));
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.image-box .ctm-label {
    border-radius: var(--link-block-corner-img) 0 var(--link-block-corner-img) 0
}

.ctm-label span {
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.embed-tsp__item-channels {
    display: flex;
    position: relative;
    align-items: center
}

.embed-tsp__item-channels .item-icon {
    min-width: 22px;
    width: 22px;
    height: 22px;
    margin-left: -4px
}

.embed-tsp__item-channels .item-icon:nth-child(1) {
    margin-left: 8px
}

.embed-tsp__item-channels .item-icon img {
    border-radius: 50%;
    border: 1px solid #fff;
    vertical-align: top
}

.cmpt-goods-listRow2 ul,
.cmpt-goods-listRow2Rect ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.cmpt-goods-listRow2 .block-item,
.cmpt-goods-listRow2Rect .block-item {
    width: calc(50% - 20px);
    margin: 20px 10px 0;
    border-radius: var(--link-block-corner)
}

.cmpt-goods-listRow2 .ctm-style .image-box,
.cmpt-goods-listRow2Rect .ctm-style .image-box {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.cmpt-goods-listRow2 .ctm-style .image-box img,
.cmpt-goods-listRow2Rect .ctm-style .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--link-block-corner)
}

.cmpt-goods-listRow2Rect .ctm-style .image-box {
    padding-bottom: 150%
}

.cmpt-goods-listRow2 .block-item:nth-child(1),
.cmpt-goods-listRow2 .block-item:nth-child(2),
.cmpt-goods-listRow2Rect .block-item:nth-child(1),
.cmpt-goods-listRow2Rect .block-item:nth-child(2) {
    margin-top: 0 !important
}

.cmpt-goods-listRow2 .ctm-style .info-box,
.cmpt-goods-listRow2Rect .ctm-style .info-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-right: var(--link-block-padding-right);
    padding-bottom: var(--link-block-padding-right)
}

.cmpt-goods-listRow2 .block-item .ctm-style,
.cmpt-goods-listRow2Rect .block-item .ctm-style {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cmpt-goods-listRow2 .ctm-style .button-box button,
.cmpt-goods-listRow2Rect .ctm-style .button-box button {
    min-width: calc(120px - var(--link-block-padding-right))
}

.popup-embed-prodinfo .popup-container {
    padding-bottom: 20px;
    max-height: 92vh;
    overflow: auto;
    max-width: 500px
}

.popup-embed-prodinfo .popup-header {
    justify-content: end;
    justify-content: flex-end;
    position: relative;
    z-index: 9
}

.popup-embed-prodinfo .popup-header button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.popup-embed-prodinfo .popup-ctx {
    padding-left: 0
}

.popup-embed-prodinfo .embed-prodinfo__cont {
    color: var(--link-title-color)
}

.popup-embed-prodinfo #embed_prodinfo__images {
    width: 100%;
    position: relative;
    overflow: hidden
}

#embed_prodinfo__images li {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

#embed_prodinfo__images li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

#embed_prodinfo__images .ctm-label {
    border-radius: 8px 0 8px 0
}

.popup-embed-prodinfo .embed_prodinfo__price {
    margin-top: 12px
}

.popup-embed-prodinfo .prodinfo_price__price {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700
}

.popup-embed-prodinfo .prodinfo_price__price span:nth-child(1) {
    margin-right: 8px
}

.popup-embed-prodinfo .prodinfo_price__price span:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    opacity: .85
}

.popup-embed-prodinfo .embed_prodinfo__title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-top: 12px
}

.popup-embed-prodinfo .prodinfo__channels__title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px
}

.popup-embed-prodinfo .prodinfo__channels__item {
    margin: 12px 0
}

.popup-embed-prodinfo .prodinfo__channels__item a {
    min-height: 48px;
    border-radius: 8px;
    border: 1px solid var(--link-title-color);
    display: flex;
    position: relative;
    align-items: center;
    padding: 8px 12px;
    color: var(--link-title-color)
}

.prodinfo__channels__item a .prodinfo__channels__icon {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 12px
}

.prodinfo__channels__item a .prodinfo__channels__icon img {
    border-radius: 6px
}

.prodinfo__channels__item a .prodinfo__channels__title {
    font-size: 14px;
    width: 100%;
    padding: 0 40px;
    line-height: 18px;
    margin: 0;
    text-align: center
}

.popup-embed-prodinfo .prodinfo__desc__title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px
}

.popup-embed-prodinfo .prodinfo__desc__info {
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 16px
}

.prodinfo__channels__item a .btn-icon span {
    display: none;
    font-size: 16px;
    text-align: center;
    border: 2px solid var(--link-button-bg-thumbnail-border-color);
    line-height: 24px;
    color: var(--link-button-bg-thumbnail-color)
}

.prodinfo__channels__item .btn-icon span:before {
    line-height: inherit
}

.popup-embed-tsp-prodinfo .popup-container {
    padding-bottom: 20px;
    max-height: 92vh;
    max-width: 540px;
    background-color: transparent;
    padding: 0 0 40px
}

.popup-embed-tsp-prodinfo .popup-header {
    justify-content: end;
    justify-content: flex-end;
    position: relative;
    z-index: 9
}

.popup-embed-tsp-prodinfo .popup-header button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.popup-embed-tsp-prodinfo .popup-ctx {
    padding: 12px 12px 40px;
    margin-top: -24px;
    overflow: auto;
    max-height: 90vh;
    position: relative;
    z-index: -1
}

.popup-embed-tsp-prodinfo .embed-tsp-prodinfo__cont {
    color: var(--link-title-color)
}

.popup-embed-tsp-prodinfo #embed-tsp_prodinfo__images {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1
}

#embed-tsp_prodinfo__images li {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

#embed-tsp_prodinfo__images li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

#embed-tsp_prodinfo__images .ctm-label {
    border-radius: 8px 0 8px 0
}

.embed-tsp-prodinfo__cont .embed-tsp_prodinfo__images {
    z-index: -1
}

.popup-embed-tsp-prodinfo .embed-tsp_prodinfo__price {
    margin-top: 12px
}

.popup-embed-tsp-prodinfo .tsp_prodinfo_price__price {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.popup-embed-tsp-prodinfo .tsp_prodinfo_price__price span:nth-child(1) {
    margin-right: 8px
}

.popup-embed-tsp-prodinfo .tsp_prodinfo_price__price span:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
    opacity: .85
}

.popup-embed-tsp-prodinfo .embed-tsp_prodinfo__title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-top: 12px
}

.popup-embed-tsp-prodinfo .tsp_prodinfo__channels__title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px
}

.popup-embed-tsp-prodinfo .tsp_prodinfo__channels__item {
    margin: 12px 0
}

.popup-embed-tsp-prodinfo .tsp_prodinfo__channels__item a {
    min-height: 48px;
    border-radius: 8px;
    border: 1px solid var(--link-title-color);
    display: flex;
    position: relative;
    align-items: center;
    padding: 8px 12px;
    color: var(--link-title-color)
}

.tsp_prodinfo__channels__item a .tsp_prodinfo__channels__icon {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 12px
}

.tsp_prodinfo__channels__item a .tsp_prodinfo__channels__icon img {
    border-radius: 6px
}

.tsp_prodinfo__channels__item a .tsp_prodinfo__channels__title {
    font-size: 14px;
    width: 100%;
    padding: 0 40px;
    line-height: 18px;
    margin: 0;
    text-align: center
}

.popup-embed-tsp-prodinfo .tsp_prodinfo__desc__title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    text-align: left
}

.popup-embed-tsp-prodinfo .tsp_prodinfo__desc__info {
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 16px
}

.tsp_prodinfo__channels__item a .btn-icon span {
    display: none;
    font-size: 16px;
    text-align: center;
    border: 2px solid var(--link-button-bg-thumbnail-border-color);
    line-height: 24px;
    color: var(--link-button-bg-thumbnail-color)
}

.tsp_prodinfo__channels__item .btn-icon span:before {
    line-height: inherit
}

section .content [class^=cmpt-] {
    margin: 30px auto 0
}

[class^=cmpt-button] .button-item {
    position: relative;
    margin: 20px 0 0
}

[class^=cmpt-button] .item {
    color: #5f5f5f;
    border-radius: 0;
    min-height: 32px;
    line-height: 32px;
    background-color: #fff;
    position: relative
}

[class^=cmpt-button] .button-item:first-child {
    margin-top: 0 !important
}

[class^=cmpt-button] .button-item .item--bg {
    display: none
}

[class^=cmpt-button] .button-item .item--bg::before {
    content: "";
    display: none
}

[class^=cmpt-button] .button-item .item--bg::after {
    content: "";
    display: none
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(2) {
    margin-top: 0 !important
}

[class^=cmpt-button] .button-item .ctm-style {
    margin-top: 0
}

.item .ctm-style {
    position: relative
}

.item .link-text {
    display: none
}

.item .btn {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 16px 66px;
    text-align: center;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    vertical-align: middle;
    word-break: break-word;
    -webkit-box-orient: vertical
}

.button-item .ctm-style a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 52px
}

.item .btn-icon {
    position: absolute;
    height: 40px;
    left: 16px;
    width: 40px;
    line-height: 40px
}

.item .btn-icon span {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 24px;
    border: 2px solid var(--link-button-bg-thumbnail-border-color);
    line-height: 36px;
    color: var(--link-button-bg-thumbnail-color)
}

.item .btn-icon span:before {
    line-height: inherit
}

.item .btn-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    vertical-align: baseline
}

.item .btn-text {
    width: 100%;
    line-height: 1.6em
}

.item .btn-status {
    position: absolute;
    height: 32px;
    right: 3%;
    width: 32px;
    display: none;
    line-height: 32px
}

.item .btn-status img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: baseline
}

.item .btn-status span {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative
}

.btn-status.live-ing,
.btn-status.game-ing,
.btn-status.online-ing,
.btn-status.sale-sale {
    display: block
}

.btn-status.live-ing span {
    background: center/cover url(https://bio.linkcdn.cc/instabio.cc/icons/status/live-ing.gif) no-repeat
}

.btn-status.game-ing span {
    background: center/cover url(https://bio.linkcdn.cc/instabio.cc/icons/status/game-ing.gif) no-repeat
}

.btn-status.online-ing span {
    background: center/cover url(https://bio.linkcdn.cc/instabio.cc/icons/status/online-ing.gif) no-repeat
}

.btn-status.sale-sale span {
    background: center/cover url(https://bio.linkcdn.cc/instabio.cc/icons/status/sale-sale.gif) no-repeat
}

.cmpt-button-buttonLink {
    counter-reset: buttonLinkSort
}

.cmpt-button-buttonLink .show-sortNum::before {
    counter-increment: buttonLinkSort;
    content: counter(buttonLinkSort);
    display: block;
    position: absolute;
    width: 24px;
    left: -30px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: -1px
}

.cmpt-button-buttonBorderRadius50 .item {
    border-radius: 50vh;
    background-color: transparent;
    border: 2px solid var(--link-button-border-color);
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonBorderRadius50 .item .btn-icon span {
    border: 2px solid var(--link-button-border-thumbnail-border-color);
    line-height: 36px;
    color: var(--link-button-border-thumbnail-color)
}

.cmpt-button-buttonBorderRadius50 .item:nth-child(n) .btn {
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonBorderRadius12 .item {
    border-radius: var(--link-button-radius12, 12px);
    background-color: transparent;
    border: 2px solid var(--link-button-border-color);
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonBorderRadius12 .item .btn-icon span {
    border: 2px solid var(--link-button-border-thumbnail-border-color);
    line-height: 36px;
    color: var(--link-button-border-thumbnail-color)
}

.cmpt-button-buttonBorderRadius12 .item:nth-child(n) .btn {
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonBackgroundRadius50 .item {
    border-radius: 50vh;
    background-color: var(--link-button-bg-color);
    border: 2px solid transparent;
    color: var(--link-button-font-color)
}

.cmpt-button-buttonBackgroundRadius50 .item .btn-icon span {
    border: 2px solid var(--link-button-bg-thumbnail-border-color);
    line-height: 36px;
    color: var(--link-button-bg-thumbnail-color)
}

.cmpt-button-buttonBackgroundRadius50 .item:hover {
    background-color: transparent;
    border: 2px solid var(--link-button-border-color)
}

.cmpt-button-buttonBackgroundRadius50 .item:hover .btn,
.cmpt-button-buttonBackgroundRadius50 .item:hover .btn-text {
    color: var(--link-button-border-color)
}

.cmpt-button-buttonBackgroundRadius50 .item:hover .btn-icon span {
    border: 2px solid var(--link-button-border-color);
    line-height: 36px;
    color: var(--link-button-border-color)
}

.cmpt-button-buttonBackgroundRadius50 .item:nth-child(n) .btn {
    color: var(--link-button-font-color)
}

.cmpt-button-buttonBackgroundRadius12 .item {
    border-radius: var(--link-button-radius12, 12px);
    background-color: var(--link-button-bg-color);
    border: 2px solid transparent;
    color: var(--link-button-font-color)
}

.cmpt-button-buttonBackgroundRadius12 .item .btn-icon span {
    border: 2px solid var(--link-button-bg-thumbnail-border-color);
    line-height: 36px;
    color: var(--link-button-bg-thumbnail-color)
}

.cmpt-button-buttonBackgroundRadius12 .item:hover {
    background-color: transparent;
    border: 2px solid var(--link-button-bg-color)
}

.cmpt-button-buttonBackgroundRadius12 .item:nth-child(n) .btn {
    color: var(--link-button-font-color)
}

.cmpt-button-buttonRow3BorderRadius12NoIcon {
    display: flex;
    flex-wrap: wrap
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .box-cmpt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .button-item .btn-icon {
    display: none
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .button-item {
    width: 30%
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(3n+2) {
    margin: 0 5%
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(n+4) {
    margin-top: 12px
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .button-item .ctm-style a {
    padding: 12px 16px;
    max-height: 56px;
    overflow: hidden
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .item-style {
    margin: 0
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .item {
    border-radius: var(--link-button-radius12, 12px);
    background-color: transparent;
    border: 2px solid var(--link-button-border-color);
    color: var(--link-button-border-font-color);
    margin-bottom: 0 !important
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .item .btn {
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonRow3BorderRadius12NoIcon .item .btn-icon {
    display: none !important
}

.cmpt-button-buttonBorderDashed .item-style {
    background-color: transparent;
    border-radius: var(--link-button-corner);
    border: 2px dashed var(--link-button-border-color);
    margin-bottom: 20px
}

.cmpt-button-buttonBorderDashed .item-style .ctm-style {
    margin: 0;
    border: 0
}

.cmpt-button-buttonBorderDashed .item .btn {
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonBorderDashed .btn-icon img {
    display: none
}

.cmpt-button-buttonBorderDashed .btn-icon span {
    display: block;
    border: 2px solid var(--link-button-border-thumbnail-border-color);
    color: var(--link-button-border-thumbnail-color)
}

.cmpt-button-buttonBorderShadow .box-cmpt {
    padding-right: 12px
}

.cmpt-button-buttonBorderShadow .item-style::before,
.cmpt-button-buttonBorderDashed .item-style::after,
.cmpt-button-buttonBorderShadow .item-style .ctm-style::before,
.cmpt-button-buttonBorderShadow .item-style .ctm-style::after {
    display: none;
    background: 0 0;
    transform: none;
    border: 0
}

.cmpt-button-buttonBorderShadow .item-style .ctm-style {
    border: var(--link-button-corner);
    background-color: transparent
}

.cmpt-button-buttonBorderShadow .item {
    border-radius: var(--link-button-corner);
    background-color: var(--link-button-bg-color);
    border: 2px solid var(--link-button-border-color);
    box-shadow: var(--link-button-shadow-color) 12px 12px 0 0;
    margin-bottom: 32px
}

.cmpt-button-buttonBorderShadow .item .btn {
    color: var(--link-button-font-color)
}

.cmpt-button-buttonBorderShadow .item-style:hover {
    transform: translate(4px, 4px);
    box-shadow: var(--link-button-shadow-color) 8px 8px 0 0
}

.cmpt-button-buttonBorderDouble .item-style .ctm-style::after,
.cmpt-button-buttonBorderDouble .item-style .ctm-style::before,
.cmpt-button-buttonBorderDouble .item-style::after,
.cmpt-button-buttonBorderDouble .item-style::before {
    display: none;
    background: 0 0;
    transform: none;
    border: 0
}

.cmpt-button-buttonBorderDouble .item-style .ctm-style {
    border: 0
}

.cmpt-button-buttonBorderDouble .item-style {
    margin: 20px 0;
    background-color: transparent;
    border-radius: 0;
    border: 2px solid var(--link-button-border-color);
    box-shadow: none
}

.cmpt-button-buttonBorderDouble .item-style:hover {
    box-shadow: none;
    transform: none;
    background-color: transparent
}

.cmpt-button-buttonBorderDouble .item .btn {
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonBorderDouble .btn-icon img {
    display: none
}

.cmpt-button-buttonBorderDouble .btn-icon span {
    display: block;
    border: 2px solid var(--link-button-border-thumbnail-border-color);
    color: var(--link-button-border-thumbnail-color)
}

.cmpt-button-buttonBorderDouble .item-style .ctm-style {
    margin: 4px -8px;
    border: 2px solid var(--link-button-border-color);
    border-radius: 0;
    background-color: transparent;
    transition: all 400ms ease
}

.cmpt-button-buttonBorderDouble .item-style:hover .ctm-style {
    margin: 4px
}

.cmpt-button-buttonStyle3 .item-style {
    background-color: transparent;
    border-radius: 0;
    border: 2px solid transparent;
    margin-bottom: 20px
}

.cmpt-button-buttonStyle3 .item-style::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 40px;
    height: 32px;
    border: 2px solid var(--link-button-border-color);
    border-bottom: 0;
    border-right: 0
}

.cmpt-button-buttonStyle3 .item-style::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
    width: 40px;
    height: 32px;
    border: 2px solid var(--link-button-border-color);
    border-top: 0;
    border-left: 0
}

.cmpt-button-buttonStyle3 .item-style .ctm-style {
    margin: 5px;
    background-color: transparent;
    border-radius: 0;
    border: 2px solid var(--link-button-border-color)
}

.cmpt-button-buttonStyle3 .item .btn {
    color: var(--link-button-border-font-color)
}

.cmpt-button-buttonStyle3 .btn-icon img {
    display: none
}

.cmpt-button-buttonStyle3 .btn-icon span {
    display: block;
    border: 2px solid var(--link-button-border-thumbnail-border-color);
    color: var(--link-button-border-thumbnail-color)
}

.cmpt-button-buttonBorderWave .item-style .ctm-style::after,
.cmpt-button-buttonBorderWave .item-style .ctm-style::before {
    display: none;
    background: initial;
    transform: none;
    border: 0
}

.cmpt-button-buttonBorderWave .item-style .ctm-style {
    border: 0;
    background-color: transparent;
    margin: 0
}

.cmpt-button-buttonBorderWave .item-style:hover .ctm-style {
    margin: 0
}

.cmpt-button-buttonBorderWave .item {
    margin: 20px 0;
    border-radius: 0;
    background-color: var(--link-button-bg-color);
    border: 2px solid transparent;
    box-shadow: none
}

.cmpt-button-buttonBorderWave .item-style:hover {
    box-shadow: none;
    transform: none;
    background-color: var(--link-button-bg-color)
}

.cmpt-button-buttonBorderWave .item .btn {
    color: var(--link-button-font-color)
}

.cmpt-button-buttonBorderWave .item-style::after,
.cmpt-button-buttonBorderWave .item-style::before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    right: -2px;
    height: 3px;
    width: initial;
    overflow: hidden;
    mask-position: 0 top;
    mask-size: 640px 3px;
    -webkit-mask-position: 0 top;
    -webkit-mask-size: 640px 3px;
    background-color: inherit;
    animation: 12s linear 0s infinite normal none paused buttonWave;
    -webkit-animation: 12s linear 0s infinite normal none paused buttonWave
}

.cmpt-button-buttonBorderWave .item-style:before {
    top: -5px;
    mask-image: var(--link-button-wave-top);
    -webkit-mask-image: var(--link-button-wave-top)
}

.cmpt-button-buttonBorderWave .item-style:after {
    bottom: -5px;
    mask-image: var(--link-button-wave-bottom);
    -webkit-mask-image: var(--link-button-wave-bottom)
}

.cmpt-button-buttonBorderWave .item-style:hover:before {
    animation-play-state: running;
    -webkit-animation-play-state: running
}

.cmpt-button-buttonBorderWave .item-style:hover:after {
    animation-name: buttonWaveBottom;
    -webkit-animation-name: buttonWaveBottom;
    animation-play-state: running;
    -webkit-animation-play-state: running
}

[class^=cmpt-profile] .cover-box {
    position: relative;
    width: 120px;
    height: 0;
    padding-bottom: 120px;
    margin: auto;
    min-width: 120px
}

[class^=cmpt-profile] .cover-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    max-height: initial
}

[class^=cmpt-profile] .text-box,
[class^=cmpt-profile] .intro_box {
    text-align: center;
    word-break: break-word;
    margin-top: 12px
}

[class^=cmpt-profile] .text-box .title,
[class^=cmpt-profile] .intro_box .title {
    font-size: 28px;
    color: var(--link-text-title-color);
    font-weight: 600;
    margin-bottom: 8px
}

[class^=cmpt-profile] .text-box .empty::after,
[class^=cmpt-profile] .intro_box .empty::after {
    display: none !important
}

[class^=cmpt-profile] .divider-box {
    margin-top: 16px
}

.cmpt-profile-imageTitleDesc .intro_box .desc {
    margin-top: 12px
}

.cmpt-profile-imageTitleLineDesc .text-box {
    overflow: hidden
}

.cmpt-profile-imageTitleLineDesc .text-box .title span {
    display: block
}

.cmpt-profile-imageTitleLineDesc .text-box .divider-box {
    margin: 8px auto 0
}

[class^=cmpt-profile] .text-box .desc {
    font-size: 16px;
    color: var(--link-text-desc-color)
}

.cmpt-profile-imageTitleLineDesc .text-box .desc {
    margin-top: 8px
}

.cmpt-profile-rowImageTitleDesc .box-cmpt {
    display: flex;
    flex-direction: row;
    text-align: left
}

.cmpt-profile-rowImageTitleDesc .text-box {
    text-align: left;
    padding-left: 16px
}

.cmpt-profile-rowImageTitleDesc [class*=ctm-style-] {
    text-align: left;
    margin-left: 0;
    margin-right: 0
}

.cmpt-profile-rowTitleDescImage .box-cmpt {
    display: flex;
    flex-direction: row-reverse;
    text-align: right
}

.cmpt-profile-rowTitleDescImage .text-box {
    text-align: right;
    padding-right: 16px
}

.cmpt-profile-rowTitleDescImage [class*=ctm-style-] {
    text-align: right;
    margin-left: 0;
    margin-right: 0
}

.cmpt-profile-pinnedCover {
    --link-image-corner: 50px
}

.cmpt-profile-pinnedCover .cover-box img {
    border: 2px solid #fff
}

.cmpt-profile-pinnedCover .verified::after {
    content: " ";
    position: absolute;
    display: inline-block;
    background: url(//bio.linkcdn.cc/instabio.cc/static/images/verified_sprite.png) -2000px/cover no-repeat;
    bottom: 4px;
    right: 5px;
    z-index: 2;
    width: 20px;
    height: 20px
}

.cmpt-profile-pinnedCover .cover-box.verified::after {
    bottom: calc(var(--link-image-corner)/7);
    right: calc(var(--link-image-corner)/7)
}

.verified.verified-twitter::after {
    background-position: -20px 0
}

.verified.verified-facebook::after {
    background-position: -60px 0
}

.verified.verified-instagram::after {
    background-position: 0 0
}

.verified.verified-tiktok::after {
    background-position: -40px 0
}

.text-box .verified {
    position: relative;
    display: inline-block
}

.text-box .verified::after {
    bottom: calc(50% - 10px);
    right: 0;
    position: relative
}

.cmpt-profile-pinnedCover .cover-box {
    margin-left: auto !important;
    margin-right: auto !important
}

.cmpt-profile-pinnedCover .text-box .ctm-style-title,
.cmpt-profile-pinnedCover .text-box .ctm-style-desc {
    text-align: center !important
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: none
}

.divider-box {
    display: flex !important;
    height: 2px;
    width: 160px;
    align-items: center;
    margin: auto
}

.divider-box svg {
    width: 100%;
    height: 2px
}

.divider-box svg line {
    stroke-width: 4px;
    stroke: var(--link-text-desc-color)
}

.cmpt-divider-dashed svg line {
    stroke-dasharray: 20, 10
}

.cmpt-divider-dashedDot svg line {
    stroke-dasharray: 20, 5, 10, 5
}

.cmpt-divider-dot svg line {
    stroke-dasharray: 4, 4
}

.cmpt-divider-double .divider-box {
    height: 14px
}

.cmpt-divider-double .divider-box svg {
    height: 14px;
    border-bottom: 2px solid var(--link-text-desc-color)
}

.box-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.maps-box {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    margin: auto
}

.maps-box blockquote {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1;
    border-radius: 8px
}

.maps-box .infoWindow {
    color: #333
}

.maps-box .infoWindow a {
    color: #3155ff;
    border-bottom: 1px solid #3155ff;
    line-height: 20px
}

body .pro-detail_box.block-box {
    border: 0 !important
}

.pro-detail_box {
    max-width: 700px;
    margin: auto;
    padding: 10px 28px 88px;
    word-break: break-word;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    height: 100vh;
    overflow: auto;
    background: 0 0
}

.pro-detail_box .swiper-pagination-bullet-active {
    background: #4e4e4e
}

.pro-detail_box::-webkit-scrollbar {
    width: 0
}

.pro-detail_box .back {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2
}

.pro-detail_box .back span {
    width: 30px;
    height: 30px;
    background: url(//bio.linkcdn.cc/instabio.cc/static/images/back-1.png) center center no-repeat;
    background-size: cover;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer
}

.pro-detail_box .top {
    position: relative;
    overflow: hidden
}

.pro-detail_box .top li {
    width: 400px;
    text-align: center;
    max-height: 400px
}

.pro-detail_box .top li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--link-block-corner)
}

.ctm-style-detailSlide li,
#embed-tsp_prodinfo__images.ctm-style-detailSlide li,
#embed-tsp_prodinfo__images.ctm-style-detailSlide li:nth-child(n) {
    margin-top: 0 !important
}

#prod-detail .ctm-style-detailSlide li {
    margin-top: 0 !important
}

#prod-detail .embed-prodinfo__cont .ctm-style-detailSlide li {
    margin-top: 0 !important
}

.embed-prodinfo__cont #embed_prodinfo__images.ctm-style-detailSlide li {
    margin-top: 0 !important
}

.channel_ul li {
    width: 100%;
    height: 48px;
    background: var(--single-button-bg-color);
    border: 2px solid var(--single-button-border-color);
    border-radius: var(--single-button-corner);
    padding: 0 14px;
    margin: 0 auto 12px
}

.channel_ul li a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    text-decoration: none;
    height: 100%;
    color: var(--single-button-border-font-color);
    padding: 0
}

.channel_ul li img {
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center;
    margin-right: 10px;
    border-radius: 50%
}

.channel_ul li span {
    margin: 0 auto
}

.channel_ul li a img+span {
    padding-left: 40px
}

.pro-detail_box .title_box,
.pro-detail_box .desc_box {
    color: var(--link-title-color)
}

.pro-detail_box .title_box {
    margin-top: 16px
}

.pro-detail_box .title_box div {
    font-size: 20px
}

.pro-detail_box .title_box span {
    font-size: 16px;
    margin-top: 6px;
    display: block
}

.pro-detail_box .channel_ul {
    margin-top: 16px
}

.pro-detail_box .desc_box {
    font-size: 16px;
    margin-top: 40px
}

.pro-detail_box .desc_box .divider-box {
    width: 100%;
    margin-bottom: 8px
}

.product-detail_body {
    display: flex;
    padding: 50px 0 0
}

.product-detail_body .top {
    width: 50%;
    max-width: 400px;
    margin-right: 24px
}

.product-detail_body-ctx {
    width: calc(50% - 24px)
}

.image_preview_bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, .65)
}

.image_preview-close {
    color: #fff;
    width: 24px;
    height: 28px;
    padding: 8px 4px 2px 2px;
    margin-left: auto;
    line-height: 16px;
    cursor: pointer
}

.image_preview-close .iconfont {
    font-size: 12px
}

.image_preview {
    position: absolute;
    width: 92%;
    max-width: 720px;
    top: 50%;
    left: 50%;
    max-height: 80%;
    transform: translate(-50%, -50%)
}

.image_preview img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    max-width: 100%;
    max-height: 80vh
}

.preview-button-next,
.preview-button-prev {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-10px);
    left: 4px;
    display: none
}

.preview-button-next svg,
.preview-button-prev svg {
    width: 100%;
    height: 100%
}

.preview-list .preview-button-next,
.preview-list .preview-button-prev {
    display: block
}

.preview-button-next {
    right: 2px;
    left: auto
}

.cmpt-cover-cover .block-box,
.cmpt-cover-cover .block-box .ctm-style-cover,
.cmpt-cover-cover .block-box.ctm-style-cover,
.cmpt-cover-coverNoButton .block-box,
.cmpt-cover-coverNoButton .block-box .ctm-style-cover,
[class^=cmpt-form] .block-box {
    border-radius: var(--link-block-corner)
}

.form-cust.block-box {
    padding-left: var(--link-block-item-margin);
    padding-right: var(--link-block-item-margin)
}

.cmpt-video-titleVideo .block-box {
    border-radius: var(--link-block-corner);
    padding-top: var(--link-block-padding-top)
}

.cmpt-video-titleVideo .block-box iframe {
    border-radius: 0 0 var(--link-block-corner-border) var(--link-block-corner-border)
}

.cmpt-video-titleVideo .block-box .title-box {
    color: var(--link-block-font-color);
    text-align: left;
    padding: 0 var(--link-block-padding-right)
}

.cmpt-video-videoTitleDesc .block-box {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

.cmpt-video-videoTitleDesc .block-box iframe {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-video-videoTitleDesc .block-box .desc-box,
.cmpt-video-videoTitleDesc .block-box .title-box {
    padding-left: var(--link-block-padding-right);
    padding-right: var(--link-block-padding-right);
    text-align: left
}

.cmpt-video-videoTitle .block-box {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

.cmpt-video-videoTitle .block-box iframe {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-video-videoTitle .block-box .title-box {
    padding-left: var(--link-block-padding-right);
    padding-right: var(--link-block-padding-right);
    text-align: left;
    color: var(--link-block-font-color)
}

.cmpt-video-video .block-box {
    background-color: initial !important;
    border: 0 !important
}

.cmpt-video-video .block-box,
.cmpt-video-video .block-box iframe {
    border-radius: var(--link-block-corner-border)
}

.cmpt-product-rowImageTitlePrice .block-item {
    border-radius: var(--link-block-corner)
}

section .cmpt-product-rowImageTitlePrice .block-item .image-box img {
    border-radius: var(--link-block-corner-border) 0 0 var(--link-block-corner-border)
}

.cmpt-product-rowImageTitlePrice .block-item .text-box {
    padding-right: var(--link-block-padding-right)
}

.cmpt-product-rowImageTitlePrice .block-item .goods_title,
.cmpt-product-rowImageTitlePrice .block-item .price {}

.cmpt-product-imageTitlePrice .block-item {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

section .cmpt-product-imageTitlePrice .block-item .image-box img {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-product-imageTitlePrice .block-item .text-box {
    padding: 0 var(--link-block-padding-right)
}

.cmpt-product-imageTitlePrice .block-item .goods_title,
.cmpt-product-imageTitlePrice .block-item .price {}

.cmpt-product-listRow2ImageTitlePrice .block-item {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

section .cmpt-product-listRow2ImageTitlePrice .block-item .image-box img {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-product-listRow2ImageTitlePrice .block-item .text-box {
    padding: 0 var(--link-block-padding-right)
}

.cmpt-product-listRow2ImageTitlePrice .block-item .goods_title,
.cmpt-product-listRow2ImageTitlePrice .block-item .price {}

.cmpt-product-rowImageTitlePriceButton .block-item {
    border-radius: var(--link-block-corner)
}

section .cmpt-product-rowImageTitlePriceButton .block-item .image-box img {
    border-radius: var(--link-block-corner-border) 0 0 var(--link-block-corner-border)
}

.cmpt-product-rowImageTitlePriceButton .block-item .goods_title,
.cmpt-product-rowImageTitlePriceButton .block-item .price {}

.cmpt-product-listRow2ImageTitlePriceButton .block-item {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

section .cmpt-product-listRow2ImageTitlePriceButton .block-item .image-box img {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-product-listRow2ImageTitlePriceButton .block-item .text-box {
    padding: 0 var(--link-block-padding-right)
}

.cmpt-product-listRow2ImageTitlePriceButton .block-item .goods_title,
.cmpt-product-listRow2ImageTitlePriceButton .block-item .price {}

.cmpt-product-listRow2ImageRectTitlePrice .block-item {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

section .cmpt-product-listRow2ImageRectTitlePrice .block-item .image-box img {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-product-listRow2ImageRectTitlePrice .block-item .text-box {
    padding: 0 8px
}

.cmpt-product-listRow2ImageRectTitlePrice .block-item .goods_title,
.cmpt-product-listRow2ImageRectTitlePrice .block-item .price {}

.cmpt-product-listRow2ImageRectTitlePriceButton .block-item {
    border-radius: var(--link-block-corner);
    padding-bottom: var(--link-block-padding-top)
}

section .cmpt-product-listRow2ImageRectTitlePriceButton .block-item .image-box img {
    border-radius: var(--link-block-corner-border) var(--link-block-corner-border) 0 0
}

.cmpt-product-listRow2ImageRectTitlePriceButton .block-item .text-box {
    padding: 0 8px
}

.cmpt-product-listRow2ImageRectTitlePriceButton .block-item .goods_title,
.cmpt-product-listRow2ImageRectTitlePriceButton .block-item .price {}

.cmpt-image-listImageRect .block-item {
    background-color: initial !important;
    border: 0 !important
}

section .cmpt-image-listImageRect .block-item .image-box img {
    border-radius: var(--link-block-corner)
}

.cmpt-image-listImageFlow .block-item {
    background-color: initial !important;
    border: 0 !important
}

section .cmpt-image-listImageFlow .block-item .image-box img {
    border-radius: var(--link-block-corner)
}

.cmpt-image-listRow2Image .block-item {
    background-color: initial !important;
    border: 0 !important
}

section .cmpt-image-listRow2Image .block-item .image-box img {
    border-radius: var(--link-block-corner)
}

.cmpt-image-listRowImageTitleDesc .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

.cmpt-image-listRowImageTitleDesc .block-item .text-box {}

section .cmpt-image-listRowImageTitleDesc .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-maps-maps .block-box {
    background-color: initial !important;
    border: 0 !important
}

.cmpt-maps-maps .block-box blockquote {
    border-radius: var(--link-block-corner)
}

[class^=cmpt-slide-] .block-box {
    background-color: initial !important;
    border: 0 !important
}

section [class^=cmpt-slide-] .block-box img {
    border-radius: var(--link-block-corner)
}

.cmpt-image-image .block-item {
    background-color: initial !important;
    border: 0 !important
}

section .cmpt-image-image .block-item .image-box img {
    border-radius: var(--link-block-corner)
}

.cmpt-image-titleImage .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

.cmpt-image-titleImage .block-item .title-box {
    color: var(--link-block-font-color)
}

section .cmpt-image-titleImage .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-image-imageTitleDescButton .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

section .cmpt-image-imageTitleDescButton .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-image-imageTitleDescButton .block-item .text-box {}

.cmpt-image-titleDescImage .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

.cmpt-image-titleDescImage .block-item .text-box {}

section .cmpt-image-titleDescImage .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-image-rowImageTitleDesc .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

section .cmpt-image-rowImageTitleDesc .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-image-rowTitleDescImage .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

section .cmpt-image-rowTitleDescImage .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-image-imageRect .block-item {
    background-color: initial !important;
    border: 0 !important
}

section .cmpt-image-imageRect .block-item .image-box img {
    border-radius: var(--link-block-corner)
}

.cmpt-image-imageRectTitleDesc .block-item {
    border-radius: var(--link-block-corner);
    padding: var(--link-block-item-margin)
}

section .cmpt-image-imageRectTitleDesc .block-item .image-box img {
    border-radius: var(--link-block-corner-inner)
}

.cmpt-image-imageRectTitleDesc .block-item .text-box {}

.cmpt-ytb-sub .box-cmpt {
    background: #333433 !important;
    padding: 12px 16px;
    color: #fff;
    margin: 20px auto;
    border-radius: var(--link-block-corner)
}

.cmpt-ytb-sub .ytbsub-logo {
    height: 20px
}

.cmpt-ytb-sub .ytbsub-logo svg {
    pointer-events: none;
    display: block;
    height: 100%
}

.cmpt-ytb-sub .youtube-paths {
    fill: currentColor
}

.cmpt-ytb-sub .ytb-channel-avatar {
    width: 66px;
    min-width: 66px;
    height: 66px;
    min-height: 66px
}

.cmpt-ytb-sub .ytb-channel-avatar img {
    border-radius: 50%
}

.cmpt-ytb-sub .ytb-channel {
    display: flex;
    margin-top: 14px;
    font-weight: 700
}

.cmpt-ytb-sub .ytb-channel-info {
    margin-left: 12px;
    text-align: left;
    width: calc(100% - 78px)
}

.cmpt-ytb-sub .ytb-channel-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cmpt-ytb-sub .ytb-channel-title {
    max-height: 48px;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    margin-right: 8px
}

.cmpt-ytb-sub .ytb-channel-sub {
    height: 30px;
    background: red;
    border-radius: 4px;
    line-height: 30px
}

.cmpt-ytb-sub .ytb-channel-sub a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    color: #fff;
    font-size: 14px
}

.cmpt-ytb-sub .ytb-channel-desc {
    font-size: 12px;
    max-height: 36px;
    line-height: 18px;
    overflow: hidden;
    margin-top: 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.embed-twitter {
    background: #fff;
    padding: 12px;
    border-radius: var(--link-block-corner)
}

.embed-twitter-link a {
    display: block;
    background-color: var(--theme-color);
    color: #fff;
    height: 48px;
    border-radius: var(--link-block-corner);
    text-align: center;
    line-height: 48px;
    font-size: 16px
}

.embed-twitter blockquote {
    margin: 0;
    position: relative;
    z-index: 1
}

.embed-twitter blockquote.twitter-tweet {
    margin: -12px -2px
}

.embed-twitter-link {
    margin-top: 20px;
    display: none
}

body .cmpt-tw-tweet .block-box,
body .cmpt-tw-tweet .block-item {
    background: 0 0 !important;
    border: 0 !important
}

body .cmpt-music-embed .block-box,
body .cmpt-music-embed .block-item {
    background: 0 0 !important;
    border: 0 !important
}

body [class*=cmpt-fbp-] .block-box,
body [class*=cmpt-fbp-] .block-item {
    background: 0 0 !important;
    border: 0 !important
}

body [class*=cmpt-tiktok-] .block-box,
body [class*=cmpt-tiktok-] .block-item {
    background: 0 0 !important;
    border: 0 !important
}

body [class*=cmpt-tw-] .block-box,
body [class*=cmpt-tw-] .block-item {
    background: 0 0 !important;
    border: 0 !important
}

body .cmpt-pin-pin .block-box,
body .cmpt-pin-pin .block-item {
    background: 0 0 !important;
    border: 0 !important
}

.block-box .iframe--box {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 58%
}

.block-box .iframe--box iframe {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--link-block-corner)
}

.block-box .iframe--box iframe {
    object-fit: initial
}

.block-box .embed-spotify-track {
    height: 80px;
    max-height: 80px;
    padding-bottom: 0
}

.block-box .embed-spotify-album {
    padding-bottom: 152px
}

.block-box .embed-spotify-artist {
    padding-bottom: 152px
}

.block-box .embed-soundcloud-track,
.block-box .embed-soundcloud-tracks {
    padding-bottom: 0;
    height: 166px
}

.block-box .embed-apple-artist {
    height: 450px;
    padding-bottom: 0
}

.block-box .embed-apple-album {
    height: 450px;
    padding-bottom: 0
}

.block-box .embed-apple-playlist {
    height: 450px;
    padding-bottom: 0
}

.block-box .embed-apple-track {
    height: 175px;
    padding-bottom: 0
}

.block-box .embed-bandcamp-album {
    height: 320px;
    padding-bottom: 0
}

.block-box .embed-bandcamp-track {
    height: 120px;
    padding-bottom: 0
}

.block-box .embed-boomplay-album {
    height: 320px;
    padding-bottom: 0
}

.block-box .embed-boomplay-playlist {
    height: 320px;
    padding-bottom: 0
}

.block-box .embed-boomplay-track {
    height: 235px;
    padding-bottom: 0
}

.embed-fbpage .iframe--box {
    height: initial;
    padding-bottom: 0;
    text-align: center
}

.embed-fbpage .iframe--box iframe {
    border: none;
    visibility: visible;
    border-radius: var(--link-block-corner);
    width: 100%;
    max-width: 340px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease 0s
}

.cmpt-fbp-profile .iframe--box iframe {
    height: 130px
}

.cmpt-fbp-latest .iframe--box iframe {
    height: 500px
}

.embed-pinterest .embed-pins {
    position: relative;
    height: auto;
    border-radius: var(--link-block-corner)
}

.embed-pins {
    height: 80px;
    overflow: hidden;
    transition: height .4s linear;
    background: #fff;
    padding: 12px 0;
    text-align: center !important
}

.embed-pins span[data-pin-log=embed_user_ft] {
    display: none
}

.embed-pins span[data-pin-log=embed_grid] {
    border: none
}

.embed-pins .embed-twitter-link {
    padding: 0 12px;
    display: block
}

body .embed-pins .block-box {
    border: none !important
}

.embed-tiktok {
    background-color: #fff;
    transition: height .4s linear;
    padding: 16px;
    border-radius: var(--link-block-corner);
    position: relative;
    text-align: center !important
}

.embed-tiktok .embed-tiktok-mark {
    position: absolute;
    right: 12px;
    top: 12px
}

.embed-tiktok-mark .embed-tiktok-logo {
    width: 18px;
    height: 18px
}

.embed-tiktok-mark .embed-tiktok-logo img {
    border-radius: 50%;
    vertical-align: baseline
}

.embed-tiktok .embed-tiktok--logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto
}

.embed-tiktok .embed-tiktok--logo img {
    border-radius: 50%
}

.embed-tiktok .embed-tiktok--name {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.cmpt-tiktok-profile .embed-tiktok--name {
    margin-top: 12px
}

.embed-tiktok--name svg {
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.embed-tiktok--data {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: 500
}

.cmpt-tiktok-profile .embed-tiktok--data {
    margin-top: 8px
}

.embed-tiktok--data .embed-tiktok--data-item {
    position: relative
}

.embed-tiktok--data .embed-tiktok--data-item:first-child {
    margin-right: 6px;
    padding-right: 12px
}

.embed-tiktok--data-item:first-child::after {
    content: "|";
    display: block;
    width: 20px;
    height: 16px;
    position: absolute;
    right: -6px;
    top: 0
}

.embed-tiktok-share-link {
    margin-top: 20px
}

.embed-tiktok-share-link a {
    border-radius: 24px;
    background-color: #000;
    font-weight: 500
}

.cmpt-tiktok-video .embed-tiktok-profile {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.cmpt-tiktok-video .embed-tiktok-profile .embed-tiktok--logo {
    margin: 0 12px 0 0
}

.cmpt-tiktok-video .embed-tiktok--display {
    text-align: left
}

.cmpt-tiktok-video .embed-tiktok--data {
    text-align: center;
    justify-content: left;
    justify-content: start
}

.cmpt-tiktok-video .embed-tiktok-videos {
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    flex: 1 1 auto;
    transition: all .4s linear
}

.cmpt-tiktok-video .embed-tiktok-videos::-webkit-scrollbar {
    width: 0;
    height: 0
}

.cmpt-tiktok-video .embed-tiktok--video {
    position: relative;
    margin-right: 12px
}

.cmpt-tiktok-video .embed-tiktok--video:last-child {
    margin-right: 0
}

.cmpt-tiktok-video .embed-tiktok--video-item {
    position: relative;
    height: 575px;
    width: 300px;
    min-width: 300px;
    border-radius: 20px;
    overflow: hidden
}

.cmpt-tiktok-video .embed-tiktok--video-item iframe {
    border-radius: 20px;
    margin-top: -1px
}

.cmpt-tiktok-video .embed-tiktok--video-item img {
    border-radius: 20px;
    object-fit: cover
}

.embed-button--play {
    position: absolute;
    width: 38px;
    height: 38px;
    left: 50%;
    top: 50%;
    transform: translate(-19px, -25px);
    text-align: center;
    z-index: 2
}

.embed-button--play button {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6) !important;
    border-radius: 50%;
    color: #3d3d3d
}

.embed-button--play button div {
    height: 100%
}

.embed-button--play button svg {
    width: 18px;
    height: 18px;
    margin-top: 10px;
    margin-left: 3px;
    fill: currentColor
}

.playing .embed-button--play button svg {
    margin-left: 0
}

.playing .embed-button--play {
    opacity: 0
}

.playing:hover .embed-button--play {
    opacity: 1
}

.embed-tiktok-videos--box {
    position: relative;
    width: 100%
}

.embed--scroll button {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 50%;
    position: absolute !important;
    top: 50%;
    transform: translateY(-18px);
    left: 8px;
    background: rgba(255, 255, 255, .6) !important;
    box-shadow: var(--theme-shadow-button)
}

.embed--scroll button div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.embed--scroll button svg {
    width: 12px;
    height: 12px;
    margin-left: 1px
}

.embed--scroll button.left {}

.embed--scroll button[disabled] {
    display: none
}

.embed-tiktok-videos--box .embed--scroll button.left {
    display: initial
}

.embed-tiktok-videos--box .embed--scroll button[disabled] {
    display: none
}

.embed--scroll button.right {
    right: 8px;
    position: absolute;
    left: auto
}

.embed-bottom-link p {
    width: 100%;
    max-width: 100%;
    min-height: 40px
}

.embed-bottom-link a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: var(--theme-radius);
    font-size: 16px;
    width: 100%;
    height: 44px;
    pointer-events: auto;
    appearance: none;
    box-sizing: border-box;
    vertical-align: middle
}

.embed-tiktok-share-link {
    margin-top: 20px
}

.embed-tiktok-share-link a {
    border-radius: 24px;
    background-color: #000;
    font-weight: 500
}

@media only screen and (min-width:767px) {
    .cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(3) {
        margin-top: 0 !important
    }

    .cmpt-ytb-sub .box-cmpt {
        padding: 20px 16px 12px
    }

    .cmpt-ytb-sub .ytb-channel {
        padding: 8px 0
    }
}

@media only screen and (max-width:767px) {
    .container {
        padding: 20px 18px 80px
    }

    section .content [class^=cmpt-] {
        margin: 24px 15px 0
    }

    [class^=cmpt-text] .title {
        font-weight: 500;
        font-size: 20px
    }

    [class^=cmpt-text] .desc {
        font-size: 16px
    }

    .cmpt-text-title1 .title {
        font-weight: 500;
        font-size: 36px
    }

    .cmpt-text-title2 .title {
        font-weight: 500;
        font-size: 28px
    }

    .cmpt-text-title3 .title,
    .cmpt-text-title .title {
        font-size: 20px
    }

    .cmpt-text-title2LineDesc .title {
        font-weight: 500;
        font-size: 28px
    }

    .cmpt-text-title2LineDesc .title .divider-box {
        width: 200px;
        margin-top: 12px
    }

    .cmpt-text-title2LineTitle3Desc .title {
        font-weight: 500;
        font-size: 28px
    }

    .cmpt-text-title2LineTitle3Desc .title .divider-box {
        width: 200px;
        margin: 12px auto 0 0
    }

    .cmpt-text-title2LineTitle3Desc .subtitle {
        font-weight: 500;
        font-size: 20px;
        margin-top: 12px
    }

    .cmpt-text-title2LineTitle3Desc .desc {
        margin-top: 12px
    }

    .cmpt-text-title2Title3Desc .title {
        font-weight: 500;
        font-size: 28px
    }

    .cmpt-text-title2Title3Desc .subtitle {
        font-weight: 500;
        font-size: 20px;
        margin-top: 10px
    }

    .cmpt-text-title2Title3Desc .desc {
        margin-top: 12px
    }

    .cmpt-image-image .image-box img {
        width: 100%;
        object-fit: cover
    }

    .cmpt-image-imageRectTitleDesc .title-box {
        font-size: 22px;
        margin-top: 16px
    }

    .cmpt-image-imageRectTitleDesc .desc-box {
        font-size: 16px
    }

    .cmpt-image-titleDescImage {
        text-align: center
    }

    .cmpt-image-titleDescImage .title-box {
        font-size: 22px
    }

    .cmpt-image-titleDescImage .desc-box {
        font-size: 16px
    }

    .cmpt-image-titleDescImage .image-box {
        margin-top: 16px
    }

    .cmpt-image-titleDescImage .image-box img {
        width: 100%;
        object-fit: cover
    }

    .cmpt-image-titleImage .title-box {
        font-size: 22px
    }

    .cmpt-image-titleImage .image-box {
        margin-top: 16px
    }

    .cmpt-image-titleImage .image-box img {
        width: 100%;
        object-fit: cover
    }

    .cmpt-image-rowImageTitleDesc {
        word-break: break-word;
        text-align: left
    }

    .cmpt-image-rowImageTitleDesc li {
        display: flex
    }

    .cmpt-image-rowImageTitleDesc .image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cmpt-image-rowImageTitleDesc .title-box {
        font-size: 22px
    }

    .cmpt-image-rowImageTitleDesc .desc-box {
        font-size: 16px
    }

    .cmpt-image-rowTitleDescImage {
        word-break: break-word;
        text-align: left
    }

    .cmpt-image-rowTitleDescImage .title-box {
        font-size: 22px
    }

    .cmpt-image-rowTitleDescImage .desc-box {
        font-size: 16px
    }

    .cmpt-image-rowTitleDescImage .image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cmpt-image-imageTitleDescButton .image-box img {
        width: 100%
    }

    .cmpt-image-imageTitleDescButton .title-box {
        font-size: 22px;
        line-height: 28px;
        margin-top: 14px
    }

    .cmpt-image-imageTitleDescButton .desc-box {
        font-size: 16px;
        line-height: 22px;
        margin-top: 6px
    }

    .cmpt-image-imageTitleDescButton .button-box {
        margin-top: 12px
    }

    .cmpt-image-imageTitleDescButton .button-box a {
        min-width: 120px;
        height: 40px;
        line-height: 34px;
        max-width: 240px;
        font-size: 16px
    }

    .cmpt-image-listRowImageTitleDesc .title-box {
        font-size: 22px
    }

    .cmpt-image-listRowImageTitleDesc .desc-box {
        font-size: 16px;
        margin-top: 12px
    }

    .cmpt-image-listImageRect li {
        width: 100%
    }

    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 20px
    }

    [class^=cmpt-slide-] .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    .cmpt-slide-slide2 .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px
    }

    .cmpt-slide-slide4 .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px
    }

    .cmpt-slide-slide6 .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px
    }

    [class^=cmpt-cover-] .text-box {
        padding: 0 12px
    }

    [class^=cmpt-cover-] .title {
        font-size: 16px
    }

    [class^=cmpt-cover-] .button-box {
        margin-top: 12px
    }

    .cmpt-cover-cover .btn-link {
        height: 34px;
        font-size: 14px;
        max-width: 80%;
        line-height: 30px
    }

    [class^=cmpt-cover-] .desc {
        font-size: 12px;
        max-height: 48px;
        margin-top: 6px
    }

    [class^=cmpt-video] .title-box {
        color: var(--link-text-title-color);
        font-size: 18px;
        line-height: 24px
    }

    [class^=cmpt-video] .desc-box {
        color: var(--link-text-desc-color);
        font-size: 14px;
        line-height: 20px
    }

    .cmpt-video-videoTitle .title-box {
        margin-top: 16px
    }

    .cmpt-video-videoTitleDesc .title-box {
        margin: 16px 0 0
    }

    .cmpt-video-videoTitleDesc .desc-box {
        margin-top: 10px
    }

    .cmpt-video-titleVideo .video-box {
        margin-top: 16px
    }

    [class^=cmpt-social] li {
        width: 56px
    }

    .cmpt-product-imageTitlePrice li {}

    .cmpt-product-imageTitlePrice .image-box img {}

    .cmpt-product-imageTitlePrice .goods_title {
        margin-top: 16px
    }

    .cmpt-product-imageTitlePrice .price {
        line-height: 1.3;
        margin-top: 10px
    }

    .cmpt-product-rowImageTitlePrice .goods_title {
        margin: 0
    }

    .cmpt-product-rowImageTitlePrice .price {
        font-size: 20px;
        margin-top: 10px
    }

    .cmpt-product-rowImageTitlePriceButton .goods_title {}

    .cmpt-product-rowImageTitlePriceButton .price {}

    .cmpt-product-rowImageTitlePriceButton .button-box a {
        max-height: 32px;
        height: 32px;
        overflow: hidden;
        line-height: 28px;
        font-size: 14px;
        min-width: 80px;
        max-width: 100%
    }

    [class^=cmpt-product-list] .image-box {
        max-height: 240px
    }

    [class^=cmpt-product-list] .image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cmpt-product-listRow2ImageTitlePrice .image-box img {
        position: absolute;
        top: 0;
        left: 0
    }

    .cmpt-product-listRow2ImageTitlePrice .text-box {
        font-size: 16px;
        line-height: 20px
    }

    .cmpt-product-listRow2ImageTitlePrice .goods_title {
        margin-top: 14px
    }

    .cmpt-product-listRow2ImageTitlePrice .price {
        line-height: 1.2;
        overflow: hidden
    }

    .cmpt-product-listRow2ImageTitlePriceButton .image-box {
        max-height: 100%;
        height: 0;
        width: 100%;
        padding-bottom: 100%
    }

    .cmpt-product-listRow2ImageTitlePriceButton .image-box img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    .cmpt-product-listRow2ImageTitlePriceButton .goods_title {
        line-height: 1.2;
        margin-top: 16px
    }

    .cmpt-product-listRow2ImageTitlePriceButton .price {
        line-height: 1.2
    }

    .cmpt-product-listRow2ImageTitlePriceButton .button-box {
        line-height: 1.2
    }

    .cmpt-product-listRow2ImageTitlePriceButton .button-box a {
        max-height: 32px;
        width: 100%;
        height: 32px;
        overflow: hidden;
        line-height: 26px;
        font-size: 14px
    }

    .cmpt-product-listRow2ImageRectTitlePrice li {
        width: calc(50% - 10px);
        margin: 12px 10px 0 0
    }

    .cmpt-product-listRow2ImageRectTitlePrice li:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 10px
    }

    .cmpt-product-listRow2ImageRectTitlePrice li:nth-child(2n) {
        margin: 12px 0 0 10px
    }

    .cmpt-product-listRow2ImageRectTitlePrice li:nth-child(3) {
        margin-top: 12px !important
    }

    .cmpt-product-listRow2ImageRectTitlePrice .image-box {
        max-height: 100%;
        height: 0;
        width: 100%;
        padding-bottom: 150%
    }

    .cmpt-product-listRow2ImageRectTitlePrice .image-box img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    .cmpt-product-listRow2ImageRectTitlePrice .goods_title {
        margin-top: 14px
    }

    .cmpt-product-listRow2ImageRectTitlePrice .price {
        line-height: 1.2
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton li {
        width: calc(50% - 10px);
        margin: 12px 10px 0 0
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 10px
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(2n) {
        margin: 12px 0 0 10px
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton li:nth-child(3) {
        margin-top: 12px !important
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton .image-box {
        max-height: 100%;
        height: 0;
        width: 100%;
        padding-bottom: 150%
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton .image-box img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton .goods_title {
        margin-top: 14px
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton .price {
        line-height: 1.2
    }

    .cmpt-product-listRow2ImageRectTitlePriceButton .button-box {}

    .cmpt-button-buttonRow3BorderRadius12NoIcon .button-item {
        width: 48%;
        margin-right: 2%
    }

    .cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(3n+2) {
        margin: 0
    }

    .cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(2n) {
        margin: 0 0 0 2%
    }

    .cmpt-button-buttonRow3BorderRadius12NoIcon .button-item:nth-child(n+3) {
        margin-top: 12px
    }

    .product-detail_body {
        flex-wrap: wrap;
        justify-content: center
    }

    .product-detail_body .top {
        width: 100%;
        max-width: 600px;
        margin-right: 0
    }

    .pro-detail_box .top li {
        text-align: center;
        max-height: 600px
    }

    .product-detail_body-ctx {
        width: 100%;
        max-width: 600px
    }

    .pro-detail_box .desc_box {
        margin-top: 24px
    }

    .block-box .embed-spotify-artist {
        padding-bottom: 152px
    }

    .block-box .embed-spotify-album {
        padding-bottom: 152px
    }

    .block-box .embed-spotify-playlist {
        padding-bottom: 152px
    }
}

@media(max-width:667px) {
    .block-box .embed-soundcloud-track {
        height: 126px
    }

    .block-box .embed-soundcloud-tracks {
        height: 126px
    }

    .block-box .embed-soundcloud-sets {
        height: 383px;
        padding-bottom: 0
    }

    .block-box .embed-soundcloud-playlists {
        height: 383px;
        padding-bottom: 0
    }
}

@media(max-width:560px) {
    .block-box .embed-boomplay-track {
        height: 265px
    }

    .cmpt-goods-list .ctm-style .image-box {
        margin-right: 8px !important
    }

    .cmpt-goods-list .ctm-style .info-box {
        width: 50%
    }
}

@media(max-width:504px) {}

@media(max-width:475px) {
    .block-box .embed-apple-track {
        height: 150px
    }

    .block-box .embed-apple-episode {
        height: 150px
    }
}

@media(max-width:460px) {}

@media(max-width:440px) {
    .block-box .embed-soundcloud-track {
        height: 120px
    }

    .block-box .embed-soundcloud-tracks {
        height: 120px
    }
}

@media(max-width:400px) {}

@media(max-width:366px) {}

@media(max-width:340px) {}

@media(max-width:285px) {
    .block-box .embed-spotify-artist {
        padding-bottom: 80px
    }

    .block-box .embed-spotify-album {
        padding-bottom: 80px
    }

    .block-box .embed-spotify-playlist {
        padding-bottom: 80px
    }
}

@-webkit-keyframes buttonWave {
    from {
        -webkit-mask-position: 0 top;
        mask-position: 0 top
    }

    to {
        -webkit-mask-position: 680px top;
        mask-position: 680px top
    }
}

@keyframes buttonWave {
    from {
        -webkit-mask-position: 0 top;
        mask-position: 0 top
    }

    to {
        -webkit-mask-position: 680px top;
        mask-position: 680px top
    }
}

@-webkit-keyframes buttonWaveBottom {
    from {
        -webkit-mask-position: 0 top;
        mask-position: 0 top
    }

    to {
        -webkit-mask-position: -680px top;
        mask-position: -680px top
    }
}

@keyframes buttonWaveBottom {
    from {
        -webkit-mask-position: 0 top;
        mask-position: 0 top
    }

    to {
        -webkit-mask-position: -680px top;
        mask-position: -680px top
    }
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}