*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{background: #ffffff;font-family: PingFangSC-Regular , sans-serif;width:100%;position: relative;}
:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-input-placeholder {color: rgb(199,198,203);}
:-moz-placeholder {color: rgb(199,198,203);}
::-moz-placeholder {color: rgb(199,198,203);}
:-ms-input-placeholder {color: rgb(199,198,203);}

.clearfix::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.clearfix{
    zoom:1;
}
.floated-right{float:right}
.floated-left{float:left}

input{color:#4c4c4c;}
a{text-decoration: none !important;}
p{ margin:0 0 10px;line-height: 1.4 }
h1{    margin-top: 20px;margin-bottom: 10px;font-weight: 500;line-height: 1.1;margin-bottom: 10px;}
h4{    margin-top: 10px;margin-bottom: 10px;font-weight: 500;line-height: 1.1}
@-webkit-keyframes rotateRun {
    from { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg)}
    to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg)}
}
@-webkit-keyframes slideToRight {
    from {-webkit-transform: translateX(-50%);transform: translateX(-50%);}
    to{-webkit-transform: translateX(0);transform: translateX(0);}
}
.no-padding{
    padding: 0;
}
.no-margin{
    margin:0;
}
.text-light-yellow{
    color: rgba(242,215,171,0.3);
}
.text-light-purple{
    color:rgba(230,170,215,0.3);
}
.text-center{text-align: center}
.main-container{
    position: relative;
    /*max-width: 1024px;*/
    margin: 0 auto;
    overflow: hidden;
}
.error{color:#a94442;}
input.error{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.full-height{
    height:100%;
}
.head-ads-container{position:relative;}
.head-ads-container .head-img{width: 100%;}
.stick-right{position:absolute;right: 16px;}
.flex-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch}
.horizontal-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.inline-elem{ display: inline}
.vertical-centered{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.ad-h3-title{margin-top: 0;}
.text-red{ color:rgb(250,71,88)}
.section-title{margin-top: 32px;margin-bottom:32px;}

.input-box{
    display: block;
    background: rgb(242,242,242);
    border:1px solid rgb(229,229,229);
    overflow: hidden;
    outline:none;
    -webkit-appearance: none;
}

.img-box-1,.img-box-2,.img-box-3,.img-box-4{display: table;}

.flex-row .detail-box-left,.flex-row .detail-box-right{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative}


.detail-box-right .active-order{position: absolute;z-index:-1;font-weight: 800;}
.img-box-1{background: -webkit-gradient(linear,right top, left top,from(rgb(255,238,228)),to(rgb(252,239,232)));background: -webkit-linear-gradient(right,rgb(255,238,228),rgb(252,239,232));background: -o-linear-gradient(right,rgb(255,238,228),rgb(252,239,232));background: linear-gradient(to left,rgb(255,238,228),rgb(252,239,232));}
.img-box-2{background: rgb(232,241,252)}
.img-box-3{background:rgb(252,232,247)}
.img-box-4{background: rgb(208,255,244)}
.description{width:100%}
.description h4{color:rgb(119,58,126);font-size:16px;font-weight:800;}
.description p{color:rgb(134,142,156);font-size: 12px;letter-spacing: 0.3px;}
.description strong{font-family: PingFangSC-Semibold,sans-serif}

.scene img{width:100%}

.logo-container h1{color:rgb(41,41,41);letter-spacing: 0.5px;}

.telphone-box .telphone{position:absolute;z-index:2;width:56px;height:56px;border-radius: 28px;overflow: hidden;font-size: 20px;color:#ffffff;padding-top: 14px;padding-left:56px;background:rgb(45,129,239) url("/img/ads/phone_call.png") 12px 12px / 32px 32px no-repeat;}

.custom-modal-size{width:296px;height:439px;margin: 0 auto}
.custom-modal-size .modal-footer{border-top:none}
.custom-modal-size .custom-close{width:30px;height:30px;background:url("/img/ads/close.png") left top / cover no-repeat;margin: 0 auto;}
.custom-modal-size .title{color:rgb(250,71,88);font-size:28px;margin-top: 32px;margin-bottom: 16px;}
.custom-modal-size .tips-one{color:rgb(68,68,68);font-size:15px;padding-bottom: 16px;}
.custom-modal-size .tips-two{height:1px;width: 200px;margin: 0 auto 10px;overflow: hidden;border-top:1px dashed rgb(220,220,220);}
.custom-modal-size .img-box{margin-bottom: 12px}
.custom-modal-size .img-box img{width:200px;height:200px;}
.custom-modal-size .small-tips{color:rgb(199,198,203);font-size:12px;}
.modal-backdrop{display: none}
.about-us{ color:rgb(119,58,126);display: block;font-family: PingFangSC-Medium,sans-serif;font-weight: 800;}
@media (max-width:767px) {
    #MEIQIA-BTN-HOLDER{display: none !important;}
    #MEIQIA-PANEL-HOLDER{right:0 !important;width:100% !important;height:100% !important;}
    .meiqia-msg{
        position: relative;
        width: 56px;
        height: 56px;
        background:url("/img/ads/msg.png") -8px -6px / 72px 72px no-repeat;
        border-radius: 28px;
        margin-bottom: 10px;
    }
    .meiqia-msg-unread{
        position: absolute;
        background: rgb(250,71,88);
        height: 34px;
        width:48px;
        border-radius: 16px;
        right:-2px;
        top:0;
        font-size:20px;
        text-align: center;
        line-height: 34px;
        zoom:0.5;
        color:#ffffff;
    }

    .about-us{font-size:12px;}
    .download-btn{display:block;margin: 0 auto;background: url("/img/ads/mini_download_btn.png") left top / cover no-repeat;}
    .flex-row{display: -webkit-box;display: -ms-flexbox;-webkit-box-align:center;-ms-flex-align: center;align-items: center;}
    .head-ads-container{height:214px;margin-bottom:64px; }
    .head-ads-container .head-img{position: absolute}
    .head-logo{position:absolute;right:24px;top:16px;width:58px;height:24px;}
    .head-title{font-size: 24px !important;color:#ffffff;position:relative;top:25px;left:24px;}
    .head-talk{position: relative;left: 24px;top: 28px;width:128px;height:25px;line-height: 26px;border-radius: 25px;background: #ffffff;font-size: 12px;}
    .mini-visible{display: block;}
    .large-visible{display: none !important;}
    .ad-h3-title{font-size:24px;}
    .block-centered{margin-bottom: 80px}
    .active-container{margin-bottom: 40px;}
    .active-content-left,.active-content-right{height:152px;border:5px #ffffff solid;-webkit-box-shadow: 0 6px 11px 0 rgba(0,0,0,0.1);box-shadow: 0 6px 11px 0 rgba(0,0,0,0.1)}
    .active-content-left{-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);}
    .active-content-right{-webkit-transform: translateX(-24px);-ms-transform: translateX(-24px);transform: translateX(-24px);}
    .flex-row .detail-box-left{padding-left:24px;}
    .flex-row .detail-box-right{padding-right:24px;text-align: right}
    .scene{width:100%;margin: 0 auto 40px;background-position: center top;}
    .app-effect{padding:0 24px;margin-bottom: 40px;}
    .app-description{padding-top:55px;}
    .app-view-image img{width:152px;height:332px;}
    .correlated-curriculum{
        padding-top: 12px;
        text-align: center;
        height:108px;
        background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126));
        color: #ffffff;
        margin-bottom: 120px;
    }
    .correlated-curriculum .title-address{
        font-family: PingFangSC-Semibold,sans-serif;font-size: 20px;
    }
    .correlated-curriculum .title-effect{
        font-size: 20px;
    }
    .correlated-curriculum-form{height:104px;width:327px;
        padding-top:26px;position: relative;
        clear:both;
        margin: 0 auto 18px;
        background: #ffffff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
    .correlated-curriculum-input-box{
        font-size:14px;
        width: 295px;
        height:49px;
        padding:8px 8px 8px 16px;
        background: rgb(242,242,242);
        border-radius: 24.5px;
        margin: 0 auto;
    }
    .correlated-curriculum-input{
        width:190px;height:33px;background: transparent;border: none;outline: none;float: left
    }
    .correlated-curriculum-submit{
        font-family: PingFangSC-Medium,sans-serif;
        text-align: center;
        color:#ffffff;
        display:inline-block;
        width:80px;height:33px;
        line-height: 33px;
        border-radius: 17px;
        float:left;
        background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126))
    }

    .address-secrion{font-size: 12px;width: 321px;line-height: 8px;margin: 0 auto 34px;}


    p.footer{width:100%;height:49px;margin-bottom: 0;background: -webkit-gradient(linear,right top, left top,from(rgb(255,129,38)),to(rgb(255,17,126)));background: -webkit-linear-gradient(right,rgb(255,129,38),rgb(255,17,126));background: -o-linear-gradient(right,rgb(255,129,38),rgb(255,17,126));background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126));color:#ffffff;text-align: center;font-size: 16px;line-height: 49px;}
    .detail-box-right .active-order{font-size:105px;right:20px;-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
    .img-box-1, .img-box-2, .img-box-3, .img-box-4{padding:21px 0;}
    .logo-container img{width: 100px;height:100px;}
    .logo-container h1{font-size: 20px;padding-left:14px;}
    .download-section{margin-bottom: 40px;}
    .download-btn{width:327px;height:64px;}
    .logo-container{margin-bottom: 40px;}
    .input-box{
        width:327px;
        height:49px;
        border-radius:24.5px;
        margin: 0 auto;
        font-size:16px;
        text-align: center;
    }
    .club-btn-block{
        display: block;
        width:327px;
        height:49px;
        border-radius:24.5px;
        text-align: center;
        line-height: 50px;
        background: -webkit-gradient(linear,right top, left top,from(rgb(255,129,38)),to(rgb(255,17,126)));
        background: -webkit-linear-gradient(right,rgb(255,129,38),rgb(255,17,126));
        background: -o-linear-gradient(right,rgb(255,129,38),rgb(255,17,126));
        background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126));
        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
        margin: 32px auto 0;
        font-size:16px;
        color:#ffffff;
    }
    .img-box-1{ width:187.5px }
}
@media (min-width: 768px ){
    #MEIQIA-BTN-HOLDER {
        left:auto !important;
        width: 320px !important;
    }

    .translate-up400{transform: translateY(-400px)}
    .about-us{font-size:16px;margin-top: 30px;}
    .download-btn{display:block;margin: 0 auto;background: url("/img/ads/download_btn.png") left top / cover no-repeat;}
    .flex-row{display: -webkit-box;display: -ms-flexbox;-webkit-box-align:center;-ms-flex-align: center;align-items: center;}
    /*.head-ads-container{margin-bottom: 105px;}*/
    .head-logo{position:absolute;left:10%;top:48px;width:97px;height:40px;}
    .head-title{font-size: 64px;color:#ffffff;position:absolute;top:20%;left:19%;}
    .head-talk{position:absolute;left:19%;top: 62%;width:312px;height:56px;line-height: 56px;border-radius: 28px;background: #ffffff;font-size: 32px;}
    .mini-visible{display: none !important;}
    .large-visible{display: block}
    .ad-h3-title{font-size:32px;}
    .block-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 116px;}
    .img-box-1, .img-box-2, .img-box-3, .img-box-4{width:30%;padding:40px 0;}
    .img-box-1,.img-box-3{padding-left: 15%/*160px*/;}
    .active-content-left,.active-content-right{height:290px;border:5px #ffffff solid;-webkit-box-shadow: 0 6px 11px 0 rgba(0,0,0,0.1);box-shadow: 0 6px 11px 0 rgba(0,0,0,0.1)}
    .active-content-left{-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px)}
    .active-content-right{-webkit-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px)}
    .flex-row .detail-box-left{padding-left:19%;}
    .flex-row .detail-box-right{padding-right:18%;text-align: right}
    .description p{font-size: 16px;}
    .description h4{font-size: 32px;}
    .app-description{padding-top: 155px;}
    .detail-box-right .active-order{font-size: 200px;right:26%;-webkit-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);}
    .scene{width: 100%;margin:0 auto 104px; }
    .app-effect{padding: 0 19%;}
    .logo-container img{width: 170px;height:170px;}
    .logo-container h1{font-size: 32px;padding: 40px;}
    .logo-container{margin-bottom: 60px;}
    .download-section{margin-bottom: 70px;}
    .download-btn{width:513px;height:116px;}
    .footer-title{padding-left: 19%;}
    .address-secrion{padding-left: 19%;font-size:16px;color:rgb(134,142,156);position: relative;z-index:2}
    .active-container{margin-bottom: 104px;}
    .app-view-image img{width:293px;height:629px;}
    .error-tips{}
    .telphone-box .telphone{-webkit-transform: translateX(-201px);-ms-transform: translateX(-201px);transform: translateX(-201px)}
    .telphone-box .telphone:hover{width:201px;-webkit-transition: width 0.4s ease-in 0.1s;-o-transition: width 0.4s ease-in 0.1s;transition: width 0.4s ease-in 0.1s; }
    .footer-bug-pading{height:174px;}
    .footer-img-padding{position:absolute;bottom:0;width:100%;height:215px;background: url("/img/ads/large_bottom.png") left top / 100% 100% no-repeat;}

    .correlated-curriculum{
        padding-top: 40px;
        text-align: center;
        height:225px;
        background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126));
        color: #ffffff;
        margin-bottom: 160px;
    }
    .correlated-curriculum .title-address{
        font-family: PingFangSC-Semibold,sans-serif;font-size: 32px;
    }
    .correlated-curriculum .title-effect{
        font-size: 32px;
        margin-bottom: 32px;
    }
    .correlated-curriculum-form{
        width:62%;
        padding:30px 56px;position: relative;
        clear:both;
        margin: 0 auto 18px;
        background: #ffffff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
    .correlated-curriculum-input-box{
        font-size:24px;
        overflow: hidden;
        width: 100%;
        height:56px;
        padding-left: 28px;
        /*padding: 30px 56px;*/
        background: rgb(242,242,242);
        border-radius: 24.5px;
        margin: 0 auto;
    }
    .correlated-curriculum-input{
        width:60%;height:100%;background: transparent;border: none;outline: none;float: left;
    }
    .correlated-curriculum-submit{
        font-family: PingFangSC-Medium,sans-serif;
        text-align: center;
        color:#ffffff;
        display:inline-block;
        width:40%;
        height:100%;
        line-height: 56px;
        border-radius: 28px;
        float:left;
        background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126))
    }

    .input-box{
        width:359px;
        height:56px;
        border-radius:28px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        font-size:24px;
        padding-left:30px;
        text-align: left;
        outline: none;
        border:none;
        -webkit-appearance: none;
    }
    .club-btn-block{
        width:224px;
        height:56px;
        text-align: center;
        line-height: 56px;
        border-radius:28px;
        background: -webkit-gradient(linear,right top, left top,from(rgb(255,129,38)),to(rgb(255,17,126)));
        background: -webkit-linear-gradient(right,rgb(255,129,38),rgb(255,17,126));
        background: -o-linear-gradient(right,rgb(255,129,38),rgb(255,17,126));
        background: linear-gradient(to left,rgb(255,129,38),rgb(255,17,126));
        -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
        box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
        display: inline-block;
        vertical-align: middle;
        font-size:24px;
        color:#ffffff;
    }
}

@media (min-width: 1400px) {
    .centered-box{width:70%;margin: 0 auto;/*overflow: hidden*/}
    .img-box-1:before,.img-box-3:before,.img-box-2:after,.img-box-4:after{
        content: ' ';
        display: block;
        position: absolute;
        width: 20%;
        height: 370px;

    }
    .img-box-1:before,.img-box-3:before{
        transform: translateY(-40px);
        left: 0;
    }
    .img-box-2:after,.img-box-4:after{
        transform: translateY(-330px);
        right: 0;
    }

    .img-box-1:before {
        background: rgb(255,238,228);
    }
    .img-box-3:before {
        background: rgb(252,232,247);
    }
    .img-box-2:after {
        background: rgb(232,241,252);
    }
    .img-box-4:after {
        background: rgb(208,255,244);
    }
}