@font-face {
    font-family: "Objectivity";
    font-weight: 400;
    src: url(/font/Objectivity-Regular.otf);
    font-display: swap;
}
@font-face {
    font-family: "Objectivity";
    font-weight: 700;
    src: url(/font/Objectivity-Bold.otf);
    font-display: swap;
}
@font-face {
    font-family: "Objectivity";
    font-weight: 300;
    src: url(/font/Objectivity-Light.otf);
    font-display: swap;
}
@font-face {
    font-family: "Objectivity";
    font-weight: 500;
    src: url(/font/Objectivity-Medium.otf);
    font-display: swap;
}

body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0;font-size: 16px;line-height: 160%;}
h1,h2,h3,h4,h5,h6{font-weight:400}
body{font-size:12px;color:#222;line-height:22px}
em{font-weight:400}
ol,ul{list-style-type:none}
a{color:#222;text-decoration:none;font-size: 16px;}
a:hover{text-decoration: underline;cursor: pointer;}
i{font-style:normal}
b{font-weight:400}
cite{font-style:normal;float:right}
*{font-family: Objectivity,Arial,Helvetica,sans-serif;}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.flex-box,.flex_box{display: -webkit-box; display: -ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack:justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.container{max-width:1400px;margin:0 auto;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.center{max-width:1400px;margin:0 auto;width: 100%;}

img{
    max-width: 100%;
    height: auto;
}

#footer .language_list::-webkit-scrollbar{
    width: 0px;
}

#header{
    width: 100%;
    height: 90px;
    background: #07030E;
}
#header>div{
    position: relative;
    z-index: 9;
}
#header .header_box{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header .menu_list .store i{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/header-image/shop.svg) no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}
#header .menu_list li.hot a{
    display: block;
    width: 132px;
    height: 56px;
    background:url(/images/header-image/top-navigation-promotion.gif) center center no-repeat;
    background-size: contain;
    margin: 10px 0;
}
#header .menu_list li.hot a{
    text-decoration: none;
}
#header .menu_list li.hot{
    margin-right: 0px;
}
#header .menu_list .menu_list_bottom>li{
    position: relative;
    margin-right: 48px;
    height: 90px;
    line-height: 90px;  
}
#header .menu_list .menu_list_bottom>li>*{
    cursor: initial;
}
#header .menu_list .menu_list_bottom.flex_box{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header .menu_list .menu_list_bottom li.active>span{
    color: #2679FF;
    cursor: pointer;
}
#header .menu_list .menu_list_bottom li a{
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}#header .menu_list .menu_list_bottom li a:hover{
    text-decoration: underline;
}
#header .menu_list .menu_list_bottom li span{
    cursor: pointer;
    color: #fff;
    line-height: 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#header .menu_list .menu_list_bottom li.hot span{
    opacity: 0;
}
#header .menu_list .menu_list_bottom>li span i{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 12px;
    background: url(/images/index/header-arrow.svg) no-repeat;
    vertical-align: middle;
}
#header .menu_list .menu_list_bottom>li.active span i{
    background-position-y: -20px;
}
#header .menu_list .menu_list_bottom>li:last-child{
    margin-right: 0px;
}
#header .menu_list .drop_list_box{
    position: absolute;
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 32px 40px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: rgba(255,255,255,.98);
    -webkit-box-shadow: 0px 9px 11px 0px rgba(61,18,0,0.04);
            box-shadow: 0px 9px 11px 0px rgba(61,18,0,0.04);
    border-radius: 16px 16px 16px 16px;
    z-index: 20;
    min-width: 300px;
    top: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#header .menu_list .drop_list_box .drop_item{
    margin-bottom: 0px;
    line-height: initial;
}
#header .menu_list .drop_list_box .drop_item a{
    color: #222;
}
#header .support_box{
    padding: 40px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#header .support_box li>i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/images/header-image/support-icons.svg) no-repeat;
    margin-right: 12px;
}
#header .support_box li:last-child{
    margin-bottom: 0px;
}
#header .support_box li:nth-child(1)>i{
    background-position-y: 0px;
}
#header .support_box li:nth-child(2)>i{
    background-position-y: -40px;
}
#header .support_box li:nth-child(3)>i{
    background-position-y: -80px;
}
#header .support_box li div>a{
    display: block;
    font-weight: 600;
    font-size: 18px;
    color: #222222;
}
#header .support_box li div>span{
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    line-height: 16px;
}
#header .toggle_bar{
    display: none;
}

.header_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(9, 10, 13, 0.9);
    z-index: 8;
    display: none;
}
.header_bg.active{
    display: block;
}

#header .menu_list .drop_list_box .drop_item a .icon_box{
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 16px;
    background: url(/images/index/brand-icon.svg) no-repeat;
    vertical-align: -14px;
}
#header .menu_list .drop_list_box .drop_item p:nth-child(2) a .icon_box{
    background-position-y: -40px;
}
#header .menu_list .drop_list_box .drop_item p:nth-child(3) a .icon_box{
    background-position-y: -80px;
}
#header .menu_list .drop_list_box .drop_item p:nth-child(4) a .icon_box{
    background-position-y: -120px;
}

#header .menu_list .drop_list_box .drop_item p {
    margin-bottom: 20px;
}
#header .menu_list .drop_list_box .drop_item p:last-child {
    margin-bottom: 0;
}

/* footer */
.footer {
    background: #09090B;
}

.footer>div:nth-child(1) {
    padding-top: 64px;
    padding-bottom: 50px;
}

.footer>div>div {
    min-height: 226px;
}
.footer div div.social{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 26px;
}
.footer div div.social a{
    margin-right: 14px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.footer div div.social a:hover{
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
}
.footer .subscribe_title{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 24px;
    color: #fff;
}
.footer dl dt {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 24px;
    color: #fff;
}

.footer dl dd {
    margin-top: 16px;
}

.footer dl dd a {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.footer dl dd a:hover{
    color: #29D8F0;
}

.footer>div:last-child {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.footer .last_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer .last_box dl:nth-child(1){
    margin-right: 130px;
}
.footer .last_box div:first-child{
    margin-right: 130px;
}
.footer .last_box div dd:nth-child(1){
    margin-top: 0px;
}

.footer .border_line{
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}
.footer .border_line::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 236px;
    top: 0px;
    right: 0;
    background: rgba(255, 255, 255, .3);
}


/* subscribe */
.footer .email {position: relative;min-width: 320px;height: 48px;}
.footer .email input.email_number {border: none; border-radius: 24px; height: 48px; line-height:36px;border: 1px solid rgba(255,255,255,.4);background-color: transparent; padding-left: 20px; color: #fff;outline: 0;width: calc(100% - 15px);padding-right: 38px;}
.footer .email.active input.email_number{border: 1px solid rgba(255,255,255,1);}
.footer .email input.subscribe_btn {position: absolute;top: 0px; right: 3px; background: url(/images/index/right-arrow.svg); width: 38px; height: 38px;color: #fff;line-height: 32px; font-weight: 400; font-size: 14px; padding: 0px 12px; margin: 5px 2px 5px auto; border: 0; cursor: pointer;}
.footer .email input.email_number::-webkit-input-placeholder {background: none;color: rgba(255,255,255,.8);}
.footer .email.active input.email_number::-webkit-input-placeholder{color: #fff;}
.footer .error_tip{height: 22px;margin-top: 8px;}
.footer .error_tip p{display: none;color: #FF4545;font-size: 14px; font-weight: 400;line-height: 20px;padding-left: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
/* form_success */
.form_success {background: rgba(0, 0, 0, 0.5);position: fixed;top: 0px;left: 0px;width: 100%;height: 100%; z-index: 9;display: none;}
.form_success>div { position: absolute;top: 50%; left: 50%; max-width: 700px; width: 90%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: #fff;border-radius: 16px 16px 16px 16px;padding: 48px 50px 60px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form_success>div .close { width: 32px; height: 32px; background: url(/images/index/close.svg);position: absolute; top: 14px; right: 14px;cursor: pointer;background-size: contain;}
.form_success>div>img{margin: 0 auto;}
.form_success>div .title {font-size: 28px; color: #333333; line-height: 40px; font-weight: 600; margin-top: 16px;}
.form_success>div .info {font-size: 16px;line-height: 28px; color: #333333;margin-top: 12px;}
.form_success>div .info >span{ color: #ff0000;}
.form_success>div .info span.coupon_text{position: relative;}
.form_success>div .info span.coupon_text i{position: absolute;background: url(/style/index/copy.svg);width: 14px; height: 14px;display: inline-block; top: -2px; right: -9px; cursor: pointer;}
.form_success .success_copy{  display: none;color: #fff; line-height: 20px; font-size: 14px; padding: 16px;border-radius: 8px; position:absolute;background-color: rgba(0,0,0,0.7);  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);top: 50%;left: 50%;}


/* special_box */   
.special_box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    z-index: 10;
}
.special_box img {
    width: 100%;
    height: auto;
    opacity: 1;
    position: relative;
    max-width: 100%;
}
.special_box img.special_bottom_phone{
    display: none;
}
.special_box img.special_bottom_pc{
    display: block;
}
.special_box.animate img.special_bottom_pc{
    -webkit-animation: imgMove 0.4s ease-in-out forwards;
            animation: imgMove 0.4s ease-in-out forwards;
}
.special_box.reverse img.special_bottom_pc{
    -webkit-animation: imgReverse 0.4s ease-in-out forwards;
            animation: imgReverse 0.4s ease-in-out forwards;
    display: block;
}
.special_box a{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 11;
}
.special_box a.active{
    display: block;
}
.special_box .special_right,
.special_box video{
    opacity: 0;
    width: 0;
    border-radius: 16px 16px 16px 16px;
    /* border: 1px solid rgba(180,114,238,0.5);
    box-shadow: 0px 0px 4px 0px #A86FDE; */
    display: none;
}
.special_box.animate{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; 
    width: -webkit-fit-content; 
    width: -moz-fit-content; 
    width: fit-content;
    right: 26px;
    bottom: 80px;
    left: auto;
    overflow: visible;
}
.special_box.animate .special_right,
.special_box.animate video{
    width: auto;
    opacity: 1;
    display: block;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation: videoAppear 0.4s ease-in-out forwards;
            animation: videoAppear 0.4s ease-in-out forwards;
}
.special_box.animate .special_right {
    display: block;
    width: auto;
    height: auto;
    position: relative;
}

@-webkit-keyframes blink-show-hide {
    0%, 49.99% { display: block; }
    50%, 99.99% { display: none; }
}

@keyframes blink-show-hide {
    0%, 49.99% { display: block; }
    50%, 99.99% { display: none; }
}
.special_box.reverse{
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.special_box.reverse .special_right,
.special_box.reverse video{
    -webkit-animation: videoReverse 0.4s ease-in-out forwards;
            animation: videoReverse 0.4s ease-in-out forwards;
    -webkit-transform-origin: right center;
            transform-origin: right center;
}
.special_box i.close{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/resource/promotion-fermer.svg) no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    right: 14px;
    z-index: 12;
    background-position-y:0 ;
    cursor: pointer;
}
.special_box.animate i.close{
    width: 16px;
    height: 16px;
    background: url(/images/resource/fermer-promotion.svg) no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    top: -4px;
    right: -12px;
    cursor: pointer;
}
@-webkit-keyframes imgMove {
    0% {
        -webkit-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: translateX(50%) translateY(0);
                transform: translateX(50%) translateY(0);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(100%) translateY(0);
                transform: translateX(100%) translateY(0);
        opacity: 0;
        display: none;
    }
}
@keyframes imgMove {
    0% {
        -webkit-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: translateX(50%) translateY(0);
                transform: translateX(50%) translateY(0);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(100%) translateY(0);
                transform: translateX(100%) translateY(0);
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes imgReverse {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        opacity: 0;
        display: none;
    }
    50% {
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
        display: block;
    }
}

@keyframes imgReverse {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        opacity: 0;
        display: none;
    }
    50% {
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
        display: block;
    }
}

@-webkit-keyframes videoAppear {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes videoAppear {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes videoReverse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: right center;
                transform-origin: right center;
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        display: none;
    }
}

@keyframes videoReverse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: right center;
                transform-origin: right center;
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        display: none;
    }
}
.footer .last_box dl>dd{
    padding: 0;
}
.footer .last_box dl>dd:nth-child(1){
    margin-top: 0;
}

@media screen and (max-width:1800px) {
    #header .menu_list .drop_list_box{
        right: -70%;
    }
}
@media screen and (max-width:1400px) {
    .center, .container{
        padding: 0 10px;
    }
}
@media screen and (max-width:1280px) {
    #header .menu_list .menu_list_bottom>li{
        margin-right: 40px;
    }
    #header .center{
        padding: 0 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
}
@media screen and (max-width:1200px) {
    #header .menu_list .menu_list_bottom>li{
        height: auto;
        line-height: normal;
    }
    #header .header_box{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        padding-right: 36px;
        align-items: center;
    }
    #header .center{
        padding: 0px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    #header{
        position: relative;
        padding: 16px 0px 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    #header .menu_list{
        z-index: 16;
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        left: 0;
    }
    #header .toggle_bar {
        position: absolute;
        width: 26px;
        height: 26px;
        display: inline-block;
        right: 20px;
        top: 11px;
    }
    #header .toggle_bar.active i,
    #header .toggle_bar i {
        width: 24px;
        height: 24px;
        display: block;
        background: url(/images/index/icon.svg) top no-repeat;
    }
    #header .toggle_bar.active i{
        background-position-y: -24px;
    }
    #header .menu_list .drop_list_box .drop_item a{
        color: #fff;
    }
    #header .menu_list .menu_list_bottom li span{
        color: #fff;
        display: block;
    }
    #header .menu_list .menu_list_bottom>li span i{
        float: right;
        margin-top: 4px;
    }
    #header .menu_list .menu_list_bottom>li{
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-weight: 400;
        padding: 0px 20px;
        margin-right: 0;
    }
    #header .menu_list .menu_list_bottom>li>a,
    #header .menu_list .menu_list_bottom>li>span{
        display: block;
        padding: 12px 0px;
        border-bottom: 1px solid rgba(0, 0, 0,.1);
        color: #fff;
    }
    #header .menu_list .menu_list_bottom{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    #header .menu_list .menu_list_bottom,#header .menu_list .menu_list_bottom>li{
        width: 100%;
    }
    #header .menu_list .drop_list_box{
        display: none;
        width: 100%;
        padding-top: 10px;
        padding-left: 0px;
        padding-bottom: 10px;
        position: relative;
        left: 50%;
        right: 0px;
        top: 0px;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0px;
        background: none;
        -webkit-transform: translate(-50%,0);
                transform: translate(-50%,0);
    }
    #header .menu_list li.hot a{background: none;}
    #header .menu_list .menu_list_bottom li.hot span{
        opacity: 1;
    }
    #header .menu_list li.hot a{
        height: auto;
        margin: 12px 0;
    }
    #header .menu_list .menu_list_bottom>li.store{
        padding: 12px 20px;
    }
    .footer .subscribe_title{
        margin-top: 10px;
    }
    .footer div div.social{
        margin-top: 16px;
    }
    .footer>div>div {
        min-height: auto;
        padding: 0;
        border: none;
        width: 100%;
        margin-top: 32px;
        padding: 0px 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .footer>div:nth-child(1){
        padding: 8px 0 20px;
    }
    .footer>div:nth-child(1) dl{
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }
    .footer dl.active dd{
        display: block;
    }
    .footer dl dt{
        font-size: 18px;
        line-height: 24px;
        padding: 13px 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-bottom: 0;
        position: relative;
    }
    .footer dl.active dt::after{
        background-position-y: -20px;
    }
    .footer dl dt::after{
        clear: both;
        content: "";
        background: url(/images/index/header-arrow.svg) top no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -6px;
    }
    .footer dl dd{
        display: none;
        padding: 0px 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 0px;
    }
    .footer dl dd:last-child{
        margin-bottom: 20px;
    }
    .footer .center{
        padding-left: 0px;
        padding-right: 0px;
    }
    .footer>div:last-child{
        display: block;
    }
    .footer>div:last-child p{
        margin-bottom: 16px;
    }
    .footer>div:last-child img{
        max-width: 100%;
    }
    .special_box i.close{zoom: 0.8;}
        .footer .border_line{
        display: none;
    }
    .footer .last_box{
        display: block;
    }
    .footer .last_box dl dd:last-child{
         margin-bottom: 20px;
    }
    .footer .last_box div:first-child dd:last-child{
         margin-bottom: 0px;
    }
    .footer dl dd.last_box{
        margin-bottom:0
    }

.footer dd.last_box dl{
    border-bottom: 0;
}
.footer .last_box dl:first-child dd:last-child{
margin-bottom: 0;
}

}
@media screen and (max-width:768px) {
    #header .menu_list .drop_list_box{
        min-width: auto;
    }
    
    .special_box.animate .special_right{
        zoom: .7;
    }
}

@media screen and (max-width:720px) {
    .special_box i.close{
        top: 24px;
        right: 12px;
    }
    .special_box img.special_bottom_phone{
        display: block;
    }
    .special_box img.special_bottom_pc{
        display: none !important;
    }
    .special_box.animate img.special_bottom_phone{
        -webkit-animation: imgMove 0.4s ease-in-out forwards;
                animation: imgMove 0.4s ease-in-out forwards;
    }
    .special_box.reverse img.special_bottom_phone{
        -webkit-animation: imgReverse 0.4s ease-in-out forwards;
                animation: imgReverse 0.4s ease-in-out forwards;
        display: block;
    }
}
@media screen and (max-width:580px) {
    .footer dl dt{
        padding: 13px 20px;
    }
    .footer dl dd{
        padding: 0 20px;
    }
    .footer>div>div{
        padding: 0 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 6px;
    }
    .footer dl dt::after{
        right: 20px;
    }
    .footer>div>div .first_top{
        min-width: 220px;
        text-align: center;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .footer div div.social{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer .email{
        min-width: 320px;
    }
    .footer .subscribe_title{
        text-align: left;
        font-size: 18px;
        line-height: 24px;
    }
    .footer>div>div .first_bottom{
        width: 100%;
    }
    .footer>div:last-child img{
        width: 98%;
    }
    .footer>div:last-child p{
        line-height: 20px;
    }
}
@media screen and (max-width:350px) {
    .footer .email{
        min-width: 240px;
    }
}
@media screen and (max-width:320px) {
    #header .menu_list .drop_list_box{
        padding: 20px 10px;
    }
}
/**
 * Swiper 6.5.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 23, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
body, button, dd, dl, dt, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

body {
    font-size: 16px;
    line-height: 22px
}

em {
    font-weight: 400
}

ol, ul {
    list-style-type: none
}

a {
    color: #222;
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

i {
    font-style: normal
}

b {
    font-weight: 400
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    display: block;
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    margin-left: -7px;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle;
}

button, input {
    line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    height: 13px;
    width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.flex_box,.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

i {
    display: inline-block;
}
font{
    color: inherit;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
body{
    position: relative;
}
.banner_bg{
    position: absolute;
    top: 0;
    left: 50%;
    height: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 802px;
    width: 100%;
    border-radius: 0 0 60px 60px;
    z-index: -1;
}
h2{
    font-weight: bold;
    font-size: 48px;
    color: #222222;
    line-height: 56px;
    text-align: center;
}

/* fix_bar */
.fix_bar{position: sticky;top: 0;background: #FFFFFF;-webkit-box-shadow: 0px 4px 8px 0px rgba(141,110,253,0.1);box-shadow: 0px 4px 8px 0px rgba(141,110,253,0.1);border-radius: 0px 0px 0px 0px;z-index: 10;-webkit-box-sizing: border-box;box-sizing: border-box;display: none;}
.fix_bar>.container{height: 80px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.fix_bar .ul_item{-ms-flex-item-align: center;align-self: center;}
.fix_bar .ul_item li{margin-right: 40px;font-weight: 600;}
.fix_bar .ul_item li.self{color: #2679FF;}
.fix_bar .ul_item a{font-size: 16px;color: #0E0053;line-height: 24px;}
.fix_bar .ul_item a:hover{text-decoration: underline;}
.fix_bar .btn_box{zoom: 0.65;}
.fix_bar .btn_box a{margin-top: 0;}
/* .fix_bar .btn_box>div{display: none ;} */
.fix_bar .btn_box>div.active{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.fix_bar .btn_box>div:nth-child(1){margin-right: 0;}
.fix_bar .arrow{ display: inline-block; width: 16px; height: 16px; background: url(/images/all-music-converter/arrow-nav.svg) no-repeat; background-position: 0px -16px; display: none;}
.fix_bar>.container.active .arrow{display: block;background-position: 0px 0px;}
.fix_bar>.container a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fix_bar>.container a img{max-width: 48px;height: auto;}
.fix_bar>.container a span{margin-left: 15px;font-weight: bold;font-size: 20px;color: #222222;line-height: 32px;}

.fix_bar>.container .product_name{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fix_bar>.container .product_name img{max-width: 48px;height: auto;}
.fix_bar>.container .product_name span{margin-left: 15px;font-weight: bold;font-size: 20px;color: #222222;line-height: 32px;}

.fix_bar>.container .btn>div a{margin: 0;}
.fix_bar>.container .btn>div a span{line-height: 60px;color: #FFFFFF;margin-left: 0;}
.fix_bar>.container .btn>div.buy_box{margin-left: 8px;}
.fix_bar>.container .btn>div a:hover{-webkit-transform: translateY(0);transform: translateY(0);}

.fix_bar>.container .btn>div.buy_box a{
    position: relative;
}
.fix_bar>.container .btn>div.buy_box a.off_50::after{
 width: 58px;
 height: 48px;
 position: absolute;   
 content: "";
 right: -24px;
 top: -10px;
 background: url(/images/sp-music-converter/50-off.svg) no-repeat;
}

/* 按钮 */
.btn{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 540px;
}
.btn>div{
    display: inline-block;
    vertical-align: middle;
}
.banner .btn>div.buy_box{
    position: relative;
}
.banner .btn>div.buy_box::before{
    width: 156px;
    height: 68px;
    overflow: hidden;
    content: "";
    position: absolute;
    background: url(/images/all-music-converter/save.svg) center no-repeat;
    top: -56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 6;
    -webkit-animation: floatAnimation 1.2s ease-in-out infinite;
            animation: floatAnimation 1.2s ease-in-out infinite;
}
.banner .btn_box>div.active .buy_box::before{
    display: block;
}
.banner .btn>div.buy_box.forty-off::before{
    background: url(/images/sp-music-converter/price-icon.png) center no-repeat;
    width: 204px;
    height: 68px;
}
.banner .btn_box>div.active .buy_box.forty-off::before{
    display: block;
}

  
@-webkit-keyframes floatAnimation {
    0%, 100% {
        top: -56px;
    }
    50% {
        top: -64px; /* 浮动的高度 */
    }
}

  
@keyframes floatAnimation {
    0%, 100% {
        top: -56px;
    }
    50% {
        top: -64px; /* 浮动的高度 */
    }
}
  

.btn>div a{
    min-width: 260px;
    height: 64px;
    line-height: 60px;
    display: block;
    background: #00AFBB;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,0.84);
            box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,0.84);
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    margin: 20px auto 0;
    z-index: 2;
    border: 1px solid rgba(255,255,255,0.4);
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.btn>div a:hover{
    border: 1px solid rgba(255,255,255,1);
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
.btn>div.down_box a{
    background: #00AFBB;
}
.btn>div.buy_box a{
    background: #FF7E06;
}
.btn>div.border_box a{
    border: 2px solid #FF7E06;
    background: transparent;
    color: #FF7E06;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.btn>div.border_box a:hover{
    border: 2px solid #FF7E06;
    background: #fff;
}
.btn>div a span{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 40px;
    position: relative;
    z-index: 1;
    line-height: 64px;
}
.btn>div.border_box a span{
    background: #fff;
}
.btn>div>p{
    font-size: 14px;
    line-height: 24px;
    color: #222;
    margin-top: 8px;
}
.btn>div a span i{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(/images/index/windows.svg) center center/cover no-repeat;
    vertical-align: -8px;
    margin-right: 8px;
}
.btn>div.border_box a span i{
    background: url(/images/index/windows-orange.svg) center center/cover no-repeat;
}
.btn>div a.mac span i{
    background: url(/images/index/mac.svg) center center/cover no-repeat;
}
.btn>div.border_box a.mac span i{
    background: url(/images/index/mac-orange.svg) center center/cover no-repeat;
}
.btn>div.border_box a::before{
    background: rgba(255, 126, 6, .3);
}
.btn>div.down_box a::before{
    background: rgba(0, 175, 187, .4);
}
.btn>div.buy_box a::before{
    background: rgba(255, 126, 6, .4);
}

.btn>div a::before{
    width: calc(100% + 16px);
    height: 76px;
    background: rgba(0, 175, 187, .4);
    border-radius: 43px;
    overflow: hidden;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn>div a:hover::before{
    opacity: 1;
    -webkit-animation: lightMove 1s linear infinite;
            animation: lightMove 1s linear infinite;
    z-index: -1;
}


/* banner */
.banner{
    padding: 32px 0 80px;
    height: auto;
    background: #E6FEFF;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 100px;
}
.banner>div{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.banner .banner_left{
    width: 100%;
    max-width: 680px;
}
.banner .banner_left .banner_left_title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.banner h1{
    font-weight: bold;
    font-size: 48px;
    color: #222;
    line-height: 56px;
    text-align: left;
    margin-bottom: 24px;
}
.banner .banner_text{
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 26px;
    text-align: left;
    margin-bottom: 24px;
    font-weight: 700;
}
.banner .banner_left .banner_list li{
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 26px;
    text-align: left;
    margin-bottom: 12px;
    padding-left: 14px;
    position: relative;
}
.banner .banner_left .banner_list li::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #222;
    border-radius: 2px;
    top: 12px;
    left: 0;
}
.banner .banner_left .banner_list li:last-child{
    margin-bottom: 0;
}
.banner .banner_left .banner_list{
    margin-bottom: 32px;
}
.banner .banner_tab{
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #FFFFFF;
    border-radius: 40px;
    padding: 4px;
    position: relative;
    margin-bottom: 4px;
    background: #fff;
}
.banner .banner_tab span{
    min-width: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #222;
    text-align: center;
    line-height: 16px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 6px 0;
    border-radius: 40px;

}
.banner .banner_tab span.active{
    color: #222222;
    background: #D0FBDD;
}
.banner .banner_tab span::before{
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/images/all-music-converter/win-mac-change.svg) no-repeat;
    vertical-align: -3px;
    margin-right: 4px;
    background-position: 0 0px;
}
.banner .banner_tab span.sys_mac::before{
    background-position: 0 -36px;
}
.banner .banner_tab span.sys_mac.active::before{
    background-position: 0 -36px;
}
.banner .banner_tab span.sys_win.active::before{
    background-position: 0 0;
}

.banner .platforms{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 30px;
}
.banner .platforms img{
    margin-left: 15px;
}

.banner .banner_tab .bg{
    position: absolute;
    width: 100%;
    max-width: 100px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 40px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.banner .banner_tab .bg.active{
    left: 108px;
}
.banner .banner_right{
    max-width: 680px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.banner .banner_right img{
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.btn_box>div{
    display: none;
}
.btn_box>div.active{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* may */
.may{
    margin-bottom: 140px;
}
.may li{
    margin-top: 64px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1);
    border-radius: 20px 20px 20px 20px;
    width: 100%;
    max-width: 440px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.may li .info_box{
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 32px;
}
.may li .title{
    font-weight: bold;
    font-size: 20px;
    color: #222222;
    line-height: 26px;
    text-align: center;
    margin-bottom: 12px;
}
.may li .text{
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 28px;
    text-align: center;
}

.may .btn_box{
    margin: 24px auto 0;
}
.may .btn_box>div{
    margin: 0 auto;
}


/* main */
#platform{
    margin-top: 120px;
}
.main{
    margin-bottom: 140px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.main .text_part{
    width: 100%;
    max-width: 650px;
}
.main h2{
    margin-bottom: 24px;
    text-align: left;
}
.main .info{
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: left;
    margin-bottom: 14px;
}
.main .info span{
    font-weight: 700;
}
.main .text_part .info:last-child{
    margin-bottom: 0;
}

/* more_features */
.more_features{
    width: 100%;
    max-width: 1680px;
    margin: 0 auto 140px;
    padding: 100px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #E5FFED;
    border-radius: 80px 80px 80px 80px;
}
.more_features h2{
    margin-bottom: 40px;
}
.more_features .feature_tab{
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.more_features .feature_tab>li{
    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    width: 100%;
    max-width: 310px;
    font-weight: bold;
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    text-align: center;
    padding: 24px 0;
    margin: 0 0 48px;
    cursor: pointer;
}
.more_features .feature_tab>li.active{
    background: #AFF6C5;
}
.more_features .feature_box .feature_item{
    background: -webkit-gradient( linear, left top, right top, from(#A0E3B5), to(#E5FFED));
    background: linear-gradient( 90deg, #A0E3B5 0%, #E5FFED 100%);
    border-radius: 32px 32px 32px 32px;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.more_features .feature_box .feature_item .text_box{
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: left;
    width: 100%;
    max-width: 696px;
    padding: 20px 0;
}
.more_features .feature_box .feature_item.active{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.more_features .btn_box{
    margin: 24px auto 0;
}
.more_features .btn_box>div{
    margin: 0 auto;
}
/* specialty */
.specialty{
    background: -webkit-gradient( linear, left bottom, left top, color-stop(6.95%, #F4FFF7), to(#C2F6D3));
    background: linear-gradient( 360deg, #F4FFF7 6.95%, #C2F6D3 100%);
    border-radius: 80px 80px 80px 80px;
    width: 100%;
    max-width: 1680px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 100px 20px;
    margin: 0 auto;
    margin-bottom: 140px;
}
.specialty .specialty_item{
    padding: 40px 24px 40px;
    background: #fff;
    border-radius: 24px 24px 24px 24px;
    width: 100%;
    max-width: 320px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.specialty .specialty_item .title{
    font-weight: bold;
    font-size: 22px;
    color: #222222;
    line-height: 28px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 12px;
}
.specialty .specialty_item .info{
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: left;
}
.specialty .btn_box{
    margin: 24px auto 0;
}
.specialty .btn_box>div{
    margin: 0 auto;
}
/* who */
.who{
    margin-bottom: 140px;
}
.who h2{
    text-align: center;
    margin-bottom: 24px;
}
.who ul .who_item{
    width: 100%;
    max-width: 440px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-top: 40px;
}
.who ul .who_item .text_box{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: rgba(34,34,34,0.5);
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 20px 32px;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.who ul .who_item .text_box .text{
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;
}
.who ul .who_item .text_box .des{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-top: 20px;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
}
.who ul .who_item:hover .text_box .des{
    opacity: 1;
    visibility: visible;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
}
.who .btn_box{
    margin: 24px auto 0;
}
.who .btn_box>div{
    margin: 0 auto;
}


.special_box{
    display: none;
}

/* soon */

.soon{
    margin-bottom: 140px;
}
.soon h2{
    margin-bottom: 24px;
}
.soon ul li{
    background: #FFFFFF;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.1);
    border-radius: 24px 24px 24px 24px;
    max-width: 680px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.soon ul li .right_box{
    margin-left: 24px;
    width: 100%;
    max-width: 404px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.soon ul li .right_box .title{
    font-weight: bold;
    font-size: 22px;
    color: #222222;
    line-height: 28px;
    text-align: left;
    margin-bottom: 12px;
}
.soon ul li .right_box .text{
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: left;
}
.soon .btn_box{
    margin: 24px auto 0;
}
.soon .btn_box>div{
    margin: 0 auto;
}



/* how */
.how{
    margin-bottom: 140px;
}
.how h2{
    margin-bottom: 18px;
    text-align: center;
}
.how>.info{
    max-width: 1040px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 64px;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: center;
}
.how .btn_box{
    margin: 24px auto 0;
}
.how .btn_box>div{
    margin: 0 auto;
}
.tab-content{
    max-width: 650px;
    margin-right: 80px;
    position: relative;
    min-height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #E9F2FF;
    border-radius: 24px 24px 24px 24px;
    overflow: hidden;
}
.tab-content .tab_next,
.tab-content .tab_prev{
    width: 38px;
    height: 38px;
    display: inline-block;
    background: url(/images/index/arrow.svg) top no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
    border-radius: 50%;
    display: none;
}
.tab-content .tab_next{
    right: 0px;
}
.tab-content .tab_next:hover{
    background-position-y: -76px;
}
.tab-content .tab_prev{
    background-position-y: -114px;
    left: 0px;
}
.tab-content .tab_prev:hover{
    background-position-y: -190px;
}
.tab-pane{
    display: none;
}
.tab-pane img{
    max-width: 100%;
    height: auto;
}
.tab-pane.active{
    display: block;
}
.tab-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 546px;
}
.tab-list ul{
    position: relative;
    padding-left: 22px;
}
.tab-list ul::before{
    width: 6px;
    height: 100%;
    background: #F1F1F1;
    border-radius: 3px;
    position: absolute;
    overflow: hidden;
    content: "";
    top: 0;
    left: 0;
}
.tab-list li{
    max-width: 524px;
    margin-bottom: 40px;
    border-radius: 16px;
    padding: 0px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
}
.tab-list li.active{
    padding: 24px 32px;
    background: -webkit-gradient( linear, left top, right top, from(#F3FFFF), to(#CFFDFF));
    background: linear-gradient( 90deg, #F3FFFF 0%, #CFFDFF 100%);
    position: relative;
}
.tab-list li.active::before{
    width: 6px;
    height: 100%;
    background: #25D3DA;
    border-radius: 3px;
    position: absolute;
    overflow: hidden;
    content: "";
    top: 0;
    left: -22px;
}
.tab-list li:last-child{
    margin-bottom: 0;
}
.tab-list li .title{
    font-weight: bold;
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    margin-bottom: 12px;
    max-width: 100%;
}
.tab-list li.active .des{
    display: block;
    max-width: 100%;
}
.tab-list li.active .des span{
    font-weight: 700;
}
.tab-list li .des{
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    display: none;
    max-width: 100%;
}
.how .to_guide{
    font-weight: 500;
    font-size: 16px;
    color: #2679FF;
    line-height: 30px;
    text-align: left;
}
.how .to_guide i{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/images/all-music-converter/step-arrow.svg) top no-repeat;
    margin-left: 4px;
    vertical-align: -4px;
}
/* table */
.table{
    margin-bottom: 140px;
}
.table h2{
    margin-bottom: 64px;
}
.table_box{
    width: 100%;
    overflow-x: auto;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    margin: 32px 0;
}
/* question */
.question{
    margin-bottom: 140px;
}
.question h2{
    text-align: center;
    margin-bottom: 56px;
}
.question .question_item{
    padding: 28px 32px;
    border-bottom: 1px solid #DDDDDD;
}
.question .question_item.active .info{
    display: block;
}
.question .question_item .info span{
    font-weight: 700;
}
.question .question_item:first-child{
    border-top: 1px solid #DDDDDD;
}
.question .question_item .title{
    font-weight: bold;
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}
.question .question_item .info{
    font-weight: 400;
    font-size: 16px;
    color: #555555;
    line-height: 26px;
    text-align: left;
    display: none;
    margin-top: 20px;
}
.question .question_item .title i{
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/images/all-music-converter/faq-icon.svg) top no-repeat;
    margin-left: 4px;
    vertical-align: -4px;
    position: absolute;
    right: 0;
    top: 2px;
    cursor: pointer;
}
.question .question_item .title:hover i{
    background-position: 0 -24px;   
}
.question .question_item.active .title i{
    background-position: 0 -48px;
}
.question .question_item.active .title:hover i{
    background-position: 0 -72px;
}
/* reviews_box */
.reviews_box{
    max-width: 1680px;
    margin: 0 auto 140px;
    background: #07030E url(/images/amazon-music-converter/review-bg.jpg) center no-repeat;
    border-radius: 50px;
    padding: 100px 0px;
    background-size: cover;
}
.reviews_box h2{
    color: #222;
    margin-bottom: 54px;
    text-align: center;
}
.reviews_box>div{
    max-width: 1400px;
    overflow: hidden;
    margin: auto;
}
.reviews_box .item{
    max-width: 440px;
    background: #fff;
    border-radius: 24px 24px 24px 24px;
    border: 1px solid transparent;
    color: #222;
    padding: 24px;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    z-index: 2;
    -webkit-backdrop-filter: blur(60px);
            backdrop-filter: blur(60px);
    margin-top: 10px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.reviews_box .item:hover{
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
.reviews_box .item::before{
    position: absolute;
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 24px;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    margin: auto;
    border-radius: 24px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, rgba(255, 255, 255, 1)), color-stop(54%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) -100%, rgba(255, 255, 255, 0) 54%);
    z-index: -1;
}
.reviews_box .item::after{
    width: 32px;
    height: 26px;
    background: url(/images/amazon-music-converter/decorate.svg) center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 30px;
    right: 24px;
    content: "";
    overflow: hidden;
}
.reviews_box .item>p{
    font-size: 16px;
    line-height: 30px;
    color: #222;
    margin-top: 24px;
    text-align: left;
}
.reviews_box .item .author{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.reviews_box .item .author>img{
    margin-right: 16px;
    border-radius: 50%;
}
.reviews_box .item .author .text{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
}
.reviews_box .item .author .text p:nth-child(1){
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.reviews_box .item .platform{
    margin-top: 32px;
}
.reviews_box .item .platform i{
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(/images/sp-music-converter/review-icon.png) no-repeat;
    zoom: 0.5;
    vertical-align: -18px;
    margin-right: 16px;
}
.reviews_box>.flex_box .item:nth-child(2) .platform i{
    background-position: 0 -64px;
}
.reviews_box>.flex_box .item:nth-child(3) .platform i{
    background-position: 0 -128px;
}
.reviews_box .btn_box{
    margin-top: 32px;
}
.reviews_box .btn_box>div{
    margin: 0 auto;
}



/* tips */
.tips{
    margin-bottom: 140px;
}
.tips h2{
    margin-bottom: 56px;
    text-align: center;
}
.tips>.center>div{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.tips>.center>div .line{
    opacity: 0.1;
    width: 1px;
    height: 140px;
    background: #222222;
}
.tips .tip_item{
    width: 100%;
    max-width: 540px;
    margin: 0 46px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.tips .tip_item li{
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.tips .tip_item li a{
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 30px;
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
    padding-left: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    box-sizing: border-box;
}
.tips .tip_item li:last-child a{
    margin-bottom: 0;
}
.tips .tip_item li a::before{
    position: absolute;
    width: 4px;
    height: 4px;
    content: "";
    display: block;
    background: #222;
    border-radius: 50%;
    top: 6px;
    left: 0;
}
.tips .tip_item li a:hover{
    color: #2E7DFC;
}

/* article */
.article{
    margin-bottom: 100px;
}
.article .article_item{
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1);
    border-radius: 20px 20px 20px 20px;
    width: 100%;
    max-width: 422px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 56px;
    position: relative;
}
.article .article_item .article_title{
    display: block;
    padding: 20px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    font-weight: bold;
    font-size: 20px;
    color: #222222;
    line-height: 32px;
}
.article .article_item .article_title::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* table */
.table .compare_table{
    margin-top: 56px;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: auto;
    border: 1px solid #E6E6E6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.table .compare_table table{
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-spacing: 0;
}
.table .compare_table table thead th{
    font-weight: bold;
    color: #222222;
    padding: 16px 10px;
    text-align: center;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.table .compare_table table thead th:first-child{
    background: rgba(246, 246, 246, 1);
    border-left: none;
}
.table .compare_table tbody td{
    padding: 16px 10px;
    width: calc(100% / 5);
}

.table .compare_table tbody tr i.apple_icon{
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 16px;
    background: url(/images/index/brand-icon.svg) no-repeat;
    margin: 0 auto;
    background-position: 0 -80px;
    zoom: 0.7;
}
.table .compare_table tbody tr i.sp_icon{
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 16px;
    background: url(/images/index/brand-icon.svg) no-repeat;
    margin: 0 auto;
    background-position: 0 -40px;
    zoom: 0.7;
}
.table .compare_table tbody tr i.amazon_icon{
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 16px;
    background: url(/images/index/brand-icon.svg) no-repeat;
    margin: 0 auto;
    background-position: 0 -120px;
    zoom: 0.7;
}

.table .compare_table tbody tr>td:first-child{
    background: rgba(246, 246, 246, 1);
    padding: 16px 0 16px;
}
.table .compare_table tbody tr td:last-child{
    border-right: 0;
}
.table .compare_table tbody tr:last-child td{
    border-bottom: 0;
}
.table .compare_table tbody td{
    font-weight: 600;
    font-size: 14px;
    color: #222222;
    line-height: 16px;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
}
.table .compare_table tbody td i{
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 50%;
}
.table .compare_table tbody td i.yes{
    background: url(/images/sp-music-converter/check-mark.svg) center no-repeat;
    vertical-align: -6px;
    margin: 0 6px;
}
.table .compare_table tbody td i.no{
    background: url(/images/acheter/unsupport.svg) center no-repeat;
}

.table .btn_box{
    margin-top: 32px;
}
.table .btn_box>div{
    margin: 0 auto;
}
/* product */
.product{
    text-align: center;
    background-repeat: 25px;
    padding: 48px 20px 84px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url(/images/amazon-music-converter/recommend-product-bg.jpg) bottom center no-repeat rgba(194, 246, 211, 1);
    background-size: cover;
    border-radius: 25px;
    margin-bottom: 100px;
    overflow: hidden;
}
.product img{
    margin: 0 auto 36px;
}
.product .title{
    font-weight: bold;
    font-size: 48px;
    color: #222222;
    line-height: 56px;
    text-align: center;
    margin-bottom: 8px;
}
.product .text{
    font-weight: 400;
    font-size: 18px;
    color: #222222;
    line-height: 26px;
    margin-bottom: 12px;
    text-align: center;
}
.product .banner_tab{
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 40px;
    padding: 4px;
    position: relative;
    background: rgb(179, 179, 179,0.3);
    margin: 0 auto 4px;
}
.product .banner_tab span{
    min-width: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #222222;
    text-align: center;
    line-height: 16px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 6px 0;
    border-radius: 40px;
}
.product .banner_tab span::before{
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/images/all-music-converter/win-mac-change.svg) no-repeat;
    vertical-align: -3px;
    margin-right: 4px;
    background-position: 0 0;
}
.product .banner_tab span.active{
    background: #fff;
}
.product .banner_tab span.sys_mac::before{
    background-position: 0 -36px;
}
.product .banner_tab .bg{
    position: absolute;
    width: 100%;
    max-width: 100px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 40px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product .banner_tab .bg.active{
    left: 108px;
}
.product .btn{
    margin: 0 auto;
}
.product .btn>div>p{
    font-weight: 500;
    font-size: 14px;
    color: #555555;
    line-height: 24px;
    text-align: center;
}
/* try */
.try{
    margin-bottom: 100px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 32px 64px -16px rgba(0,0,0,0.1);
            box-shadow: 0px 32px 64px -16px rgba(0,0,0,0.1);
    border-radius: 32px 32px 32px 32px;
    padding: 30px 0;
}
.try ul{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.try ul li{
    border-right: 1px solid #F3F4F6;
    max-width: 342px;
    width: 100%;
    padding: 32px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.try ul li .title{
    font-weight: bold;
    font-size: 20px;
    color: #101828;
    line-height: 28px;
    text-align: left;
    margin-bottom: 24px;
}
.try ul li .title i{
    width: 48px;
    height: 48px;
    background: url(/images/amazon-music-converter/icon.svg) no-repeat;
    vertical-align: -16px;
    margin-right: 12px;
}
.try ul li .text{
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: left;
}
.try ul li:last-child{
    border-right: none;
}
.try ul li:nth-child(2) .title i{
    background-position: 0 -48px;
}
.try ul li:nth-child(3) .title i{
    background-position: 0 -96px;
}
.try ul li:nth-child(4) .title i{
    background-position: 0 -144px;
}

/* highlights */
.highlights{
    margin-bottom: 140px;
    background: #E6FEFF;
    padding: 100px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.highlights .safe_box{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.highlights .safe_box li{
    font-size: 16px;
    color: #1E2939;
    line-height: 24px;
    text-align: left;
    width: 100%;
    max-width: 280px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 15px 5px;
}
.highlights .safe_box li i{
    background: url(/images/amazon-music-converter/feature-icon.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: -6px;
}
.highlights .safe_box li:nth-child(2) i{
    background-position: 0 -24px;
}
.highlights .safe_box li:nth-child(3) i{
    background-position: 0 -48px;
}
.highlights .safe_box li:nth-child(4) i{
    background-position: 0 -72px;
}


/* 堆叠卡片区域的总容器 */
.stack-container {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 32px; /* 给底部留一点空间 */
}
.highlights h2{
    margin-bottom: 56px;
}
/* --- 核心：单张卡片样式 --- */
.stack-card {
    position: sticky; /* 关键：开启粘性定位 */
    top: 100px;      /* 关键：所有卡片都停在距离顶部 100px 的位置 */
    
    background: white;
    border-radius: 40px;
    margin-bottom: 70px; /* 卡片之间的间距，决定了滚动多久开始覆盖 */
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    /* 确保背景不透明才能覆盖上一个 */
    background: #FFFFFF;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid #25D3DA;
    padding: 32px;
}

.highlights .stack-card:last-child{
    margin-bottom: 0;
}
/* 图片区域 */
.card-image {
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}
/* 文字区域 */
.card-content {
    width: 100%;
    max-width: 600px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.card-content h2 {
    font-weight: bold;
    font-size: 48px;
    color: #222222;
    line-height: 56px;
    text-align: left;
    margin-bottom: 24px;
}

.card-content p {
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 26px;
    text-align: left;
}
.card-content .btn>div>p{
    text-align: center;
}

@media screen and (max-width: 1440px){
    .tab-content{
        max-width: 600px;
        margin-right: 60px;
        min-height: auto;
    }
    .tab-list li{
        max-width: 510px;
    }
    .reviews_box{
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .reviews_box .swiper-button-next{
        right: 440px;
    }
    .reviews_box .swiper-button-prev{
        left: 476px;
    }
}
@media screen and (max-width: 1400px){
    .center{
        width: 96%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .main .btn_box>div{
        margin: 0 auto;
    }
    .banner>div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .main{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .main .text_part{
        margin-top: 30px;
    }
    .banner .banner_right{
        margin-top: 30px;
    }
    .main.right_main{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;

    }
    .specialty .specialty_item,.who ul .who_item{
        margin: 20px auto 0;
    }
    .specialty,.who ul{
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .main h2,.main .info{
        text-align: center;
    }
    .main{
        margin-bottom: 100px;
    }
    .tips>.center>div{
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .tips>.center>div .line{
        display: none;
    }
    .tips .tip_item{
        margin: 0 auto;
    }

    .fix_bar>.container{padding: 0 20px;}
    .fix_bar .btn_box{margin: 14px 0;}
    .fix_bar .arrow{ display: block;}
    .fix_bar .fix_right {position: absolute; top: 76px;left: 0px; width: 100%;padding: 0px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; -webkit-box-shadow: 0px 4px 4px 0px rgba(44,132,237,0.06), 0px 1px 1px 0px rgba(25,33,61,0.04); box-shadow: 0px 4px 4px 0px rgba(44,132,237,0.06), 0px 1px 1px 0px rgba(25,33,61,0.04); display: none;}
    .fix_bar .fix_right ul{width: 100%;}
    .fix_bar .fix_right ul li{width: 100%;display: block; padding: 10px 0px; border-bottom: 1px solid #CCCCCC; margin-right: 0px;}

    .try ul li{
        border-right: none;
    }
    .article>.flex_box{
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .reviews_box .item{
        max-width: 340px;
    }
    .reviews_box>div{
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .more_features .feature_tab li{
        max-width: 240px;
        font-size: 18px;
        margin-bottom: 35px;
    }
    .more_features .feature_box .feature_item{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .more_features .feature_box .feature_item .text_box{
        margin-top: 10px;
        text-align: center;
        width: 96%;
    }

    .stack-card{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .may ul.flex_box{
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }

    .soon ul.flex_box{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

@media screen and (max-width: 1280px){
    .tab-content{
        max-width: 660px;
        margin: 20px auto 0px;
        padding: 0px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .tab-list{
        max-width: 688px;
        margin: 0 auto 30px;
    }
    .tab-list li{
        max-width: 100%;
    }
    .tab-content .tab_next,
    .tab-content .tab_prev{
        display: block;
    }
    .reviews_box .swiper-button-next{
        right: 400px;
    }
    .reviews_box .swiper-button-prev{
        left: 436px;
    }
}
@media screen and (max-width:1190px) {
    .reviews_box .swiper-button-next{
        right: 350px;
    }
    .reviews_box .swiper-button-prev{
        left: 386px;
    }
}
@media screen and (max-width:1099px) {
    .reviews_box>div{
        max-width: 668px;
    }
    .reviews_box .swiper-button-next{
        right: 27%;
    }
    .reviews_box .swiper-button-prev{
        left: 32.5%;
    }
}

@media screen and (max-width:767px) {
    .reviews_box>div{
        max-width: 320px;
    }
    .reviews_box .swiper-button-next{
        right: 2%;
    }
    .reviews_box .swiper-button-prev{
        left: 13%;
    }
    .reviews_box .swiper{
        padding-bottom: 62px;
    }
    .banner h1{
        font-size: 48px;
        line-height: 56px;
    }
    h2{
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 40px;
    }
    .reviews_box{
        margin: 80px auto;
    }

    .soon ul li{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .soon ul li img{
        margin-bottom: 30px;
    }
    .soon ul li .right_box{
        margin: 0 auto;
    }
    .soon ul li .right_box .title,.soon ul li .right_box .text{
        text-align: center;
    }
}
@media screen and (max-width: 630px){
    .fix_bar .btn_box{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
    .fix_bar .btn_box>div>div:nth-child(1){display: none;}
    .fix_bar .btn_box>div, .fix_bar .btn_box>a{margin: 0 !important;}
}
@media screen and (max-width:550px) {
    .btn{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .banner .banner_tab{
        margin: 0 auto 30px;
    }
    .banner .banner_left .banner_left_title{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .banner h1{
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
        font-size: 38px;
        line-height: 44px;
    }
    .banner .btn>div.buy_box{
        margin-top: 80px;
    }
    .banner .platforms{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .card-content h2{
        font-size: 36px;
    }
}
@media screen and (max-width: 480px){
    .fix_bar>.container>a span{font-size: 16px;}
    
    .banner .platforms{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .banner .platforms img{
        margin: 15px auto 0;
    }
}
@media screen and (max-width:450px) {
    .banner h1{
        font-size: 36px;
        line-height: 44px;
    }
    .reviews_box h2,h2{
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px;
    }
    .reviews_box{
        margin: 56px auto;
    }
    .reviews_box{
        padding: 40px 20px 40px;
        border-radius: 24px;
    }
    .product_box .btn>div a{
        margin: 20px auto 0px;
    }
}
@media screen and (max-width:360px) {
    .reviews_box .swiper-pagination-progressbar{
        max-width: 130px;
    }
}
@media screen and (max-width:340px) {
    .btn>div a{
        min-width: 230px;
    }
}