@charset "utf-8";
*{padding: 0;margin: 0;}
html,body{max-width: 750px;margin:0 auto;display: block;height:100%;overflow:hidden;position: relative;}
html,body{background: #fff;font-family: "Microsoft Yahei","SimSun";}
a{text-decoration: none;}
ul{list-style-type: none;}
.clear{clear:both;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
input[type="button"]{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-appearance: none;}
::-webkit-scrollbar{width:0;height:0;}

 /*滚动条样式*/
::-webkit-scrollbar {
    width: 4px;    
    /*height: 4px;*/
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    border-radius: 0;
    background: #ffffff;

}

.ep_main{}
/*头部*/
.ep_header{width:100%;height:3.125rem;line-height:3.125rem;background: #fff;text-align: center;position: absolute;top:0;left: 0;z-index: 9;}
.ep_header .ep_header_tit{color: #333333;font-size: 1.0rem;overflow: hidden;display: inline-block;text-overflow: ellipsis;white-space: nowrap;max-width: 80%;}
.ep_header .ep_back{position: absolute;left:5%;top:0.9375rem;width:0.75rem;height:1.25rem;background: url("../images/ep_arrow.png") no-repeat;background-size: 100%;}

.ep_content{position: absolute;left:0;right:0;top:0;bottom:0;overflow-y: auto;background:#f2f2f2;}
.ep_content img{display: inline-block;width:100%;}
.ep_banner{width:100%;min-height:5.625rem;}
.ep_form_center{background:#ffffff;padding:0.625rem;margin:0 3%;border-radius: 0.625rem;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.2); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.2); box-shadow:0 0 0.3125rem rgba(0,0,0,.2);
            transform:translateY(-2.5rem);
            -webkit-transform:translateY(-2.5rem);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:translateY(-2.5rem);  }
.ep_form_title{text-align: center;font-size: 1.25rem;font-weight: bold;color: #000000;padding:0.625rem 0;}
.ep_form_tip{font-size: 0.875rem;color: #666666;line-height:1.25rem;}
.ep_form_box{margin:0.625rem 0;}
.ep_form_label{line-height: 2.5rem;border:1px solid #cbced7;border-radius: 0.3125rem;height:2.5rem;margin-bottom: 0.9375rem;position: relative;overflow: hidden;}
.ep_form_label font{color: #f40d1f;font-size: 0.875rem;display: inline-block;width:5%;text-align: center;}
.ep_form_inp{position: absolute;top:0;left:5%;right:0;line-height: 2.5rem;height:2.5rem;width:93%;padding:0;border:none;outline: none;}
.ep_form_btnlabel{text-align: center;}
.ep_form_btn{line-height: 2.5rem;width:100%;background:#f40d1f;border:none;border-radius: 0.3125rem;outline: none;font-size: 1.0rem;color: #fff;cursor: pointer;}
.ep_form_btn.disabled{background: #b7b1b1;}
.ep_code_box{text-align: center;margin:-0.625rem 0 0 0;padding:0 0 1.25rem;}
.ep_code_img{width:40%;margin:0 auto;background:#ffffff;padding:0.5rem;border-radius: 0.3125rem;border-radius: 0.625rem;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.2); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.2); box-shadow:0 0 0.3125rem rgba(0,0,0,.2);}
.ep_code_tip{font-size: 0.875rem;color:#666666;padding:0.625rem 0;}
.ep_bottom{margin:3.125rem 0 0.625rem;}
.ep_logo{width:35%;margin:0 auto;}
.ep_arch_info{color: #666666;font-size: 0.75rem;line-height: 1.25rem;
    margin:0.3125rem 3% 0;text-align: center;}

.ep_tips_box{margin:-1.875rem 3% 0;padding:0 0 1.25rem;}
.ep_tips_box p{color: #666666;font-size: 0.875rem;line-height: 1.5rem;}
.ep_form_yzm_inp{position: absolute;top:0;left:5%;line-height: 2.5rem;height:2.5rem;width:40%;padding:0;border:none;outline: none;}
.ep_form_yzm_btn{position: absolute;top:0;right:0;line-height: 2.5rem;width:52%;padding:0;border:none;outline: none;background:#f40d1f;color: #fff;font-size: 0.875rem;cursor: pointer;}
.ep_form_yzm_btn.disabled{background:#aeafb1;}
.ep_form_yzm_img{position: absolute;top:0;right:0;height:2.5rem;width:auto!important;cursor: pointer;}

/*优惠券弹窗*/
.ep_zz{position: absolute;top:0;bottom: 0;left: 0;right: 0;background: #000;z-index: 1000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.ep_yhq_box{position:absolute;z-index: 1001;top:15%;left:15%;right:15%;}
.ep_yhq_box img{display: inline-block;width:100%;}
.ep_close{width: 10%;display: inline-block;position: absolute;right:0;top:-10%;cursor: pointer;}
.ep_yhq_wn{position: absolute;top:68%;left:15%;width:70%;}
.ep_mny{position: absolute;top:41%;left:0;right:0;text-align: center;color:#E3681A;font-size: 2.5rem;font-weight: bold;}
.ep_mny font{font-size: 1.875rem;}

/*活动未开始*/
.ep_act_box{position:absolute;padding:1.875rem 0;z-index: 1001;top:15%;left:15%;right:15%;background:#ffffff;border-radius: 10px;}
.ep_act_con{padding:0 15% 0.625rem;}
.ep_act_box img{display: inline-block;width:100%;}
.ep_act_box p{text-align: center;font-size: 1.0rem;color:#333333;}
.ep_act_close{position: absolute;top:105%;left:45%;width: 10%;}

/*0元课二次挽留弹窗*/
.ep_wl_box{position:absolute;z-index: 1001;top:15%;left:10%;right:10%;}
.ep_wl_box img{display: inline-block;width:100%;}
.ep_wl_close{width: 10%;display: inline-block;position: absolute;left:45%;bottom:-15%;cursor: pointer;}
.ep_wl_incon{position: absolute;background: #ffffff;border-radius: 1.25rem;top:38%;left:9%;right:6%;bottom:5%;}
.ep_wl_p{text-align: center;color: #444444;font-size: 1.0rem;line-height: 1.875rem;position: absolute;top:12%;width: 100%;}
.ep_wl_btn_box{text-align: center;position: absolute;top:60%;width:100%;}
.ep_wl_prev{display: inline-block;width:43%;font-size:15px;margin:0 1%;line-height: 2.5rem;background: #ffffff;border: 1px solid #e4e4e4;border-radius: 24px;color: #999999;}
.ep_wl_go{display: inline-block;width:43%;font-size:15px;margin:0 1%;line-height: 2.5rem;color:#ffffff;background: linear-gradient(90deg,#ea191a, #ff9378);
border-radius: 23px;
box-shadow: 0px 3px 15px 0px rgba(255,0,0,0.20);
-moz-box-shadow:0px 3px 15px 0px rgba(255,0,0,0.20);
-webkit-box-shadow:0px 3px 15px 0px rgba(255,0,0,0.20); }

/*底部购买*/
.ep_ls_bottom{position: absolute;left:0;right:0;bottom:0;z-index: 100;}
.ep_yh_box{height: 3.125rem;line-height: 3.125rem;background:#FFE7E1;padding:0 5%;position: relative;}
.ep_yh_left{font-size: 0.75rem;color:#333333;}
.ep_yh_left img{display: inline-block;margin-top:1.25rem;}
.ep_yh_left span{color: #FF3031;background:#ffffff;border-radius: 0.25rem;padding:0.0625rem 0.125rem;margin:0 0.125rem;}
.ep_yh_right{position: absolute;right:5%;top:0;font-size: 0.75rem;color:#333333;}
.ep_yh_right span{color: #FF3031;background:#ffffff;border-radius: 0.25rem;padding:0.0625rem 0.125rem;margin:0 0.125rem;}
.ep_gm_box{height: 3.4375rem;line-height: 3.4375rem;padding:0 5%;background:#ffffff;color:#333333;font-size: 1.0rem;}
.ep_new_pri{color: #FF3031;font-size: 1.25rem;font-weight: bold;}
.ep_old_pri{color: #999999;font-size: 14px;text-decoration: line-through;}
.ep_btn{float: right;width:10.0rem;height: 2.8125rem;line-height:2.8125rem;border-radius: 1.375rem;text-align:center;
    margin-top:0.4375rem;color:#ffffff;font-size: 1.0rem;border:none;outline: none;
    background:#FF2E30;
    background: -webkit-linear-gradient(left, #FF2E30 , #FF957A);
    background: -o-linear-gradient(right, #FF2E30, #FF957A);
    background: -moz-linear-gradient(right, #FF2E30, #FF957A);
     background: linear-gradient(to right, #FF2E30 , #FF957A);}  
dot {
    display: inline-block; 
    height: 1em;
    line-height: 1;
    text-align: left;
    vertical-align: -.25rem;
    overflow: hidden;
}
dot::before {
    display: block;
    content: '. . .\A. .\A.';
    white-space: pre-wrap;
    animation: dot 2s infinite step-start both;
}
@keyframes dot {
    33% { transform: translateY(-2em); }
    66% { transform: translateY(-1em); }
}

/*购买弹窗*/
.ep_chs_box_zz{position: absolute;left:0;right:0;bottom:0;top:0;background:none;z-index: 1000;}
.ep_chs_box{position: absolute;left:0;right:0;bottom:0;background:#ffffff;border-radius: 0.625rem 0.625rem 0 0;z-index: 1001;}
.ep_chs_top{border-bottom: 1px solid #eff0f1;line-height: 3.125rem;padding:0 5%;color: #333333;}
.ep_chs_cent{padding:0.625rem 5% 0;max-height: 18.75rem;overflow-y: auto;}
.ep_chs_tit{color: #333333;font-size: 0.875rem;padding:0.625rem 0;}
.ep_chs_cent ul{}
.ep_chs_cent ul li{cursor: pointer;padding:0.3125rem 0.625rem;
    line-height: 1.5625rem;border:1px solid #F5F5F5;text-align: center;background:#F5F5F5;border-radius: 0.25rem;color:#333333;font-size: 0.875rem;margin-bottom: 0.9375rem;}
.ep_chs_cent ul li.active,.ep_chs_cent ul li:hover{background:#FFECE8;color:#FF3031;border:1px solid #FF3031;}
.ep_chs_bottom{text-align: center;padding:0.9375rem 0;}
.ep_chs_bottom .ep_btn{float: none;width:90%;cursor: pointer;}

/*支付倒计时*/
.ep_pay_top{position: absolute;top:0;left:0;right:0;line-height: 2.5rem;height: 2.5rem;padding:0 5%;background:#FFE7E1;}
.ep_pay_sp{color: #333333;font-size: 0.75rem;}
.ep_pay_right{position: absolute;right:5%;text-align: right;top:0;color: #FF3031;font-size: 0.75rem}
.ep_pay_right span{background:#ffffff;border-radius: 0.25rem;padding:0.0625rem 0.125rem;margin:0 0.125rem;}


.ep_pay_content{position: absolute;top:2.5rem;left:0;right:0;bottom: 6.875rem;overflow-y: auto;background:#f2f2f2;}
.ep_pay_content.noyh{top:0.625rem;}
.ep_pay_form_box{background:#ffffff;padding:0.9375rem 5% 0.3125rem;}
.ep_pay_form_box form{background:#F9FAFB;padding:0 1.25rem;}
.ep_pay_form_label{border-top: 1px solid #eff0f1;line-height: 1.875rem;height: 1.875rem;padding:0.625rem 0;position: relative;}
.ep_pay_form_box .ep_pay_form_label:first-child{border:none;}
.ep_pay_form_label span{color: #666666;font-size: 0.875rem;width:5.3125rem;display: inline-block;}
.ep_pay_label_right{position: absolute;top:0;left:5.3125rem;right:0;bottom:0;padding:0.625rem 0;}
.ep_pay_form_inp{background:#F9FAFB;line-height: 1.875rem;height: 1.875rem;border:none;outline: none;width:100%;}
.ep_pay_form_yzm_inp{background:#F9FAFB;line-height: 1.875rem;height: 1.875rem;border:none;outline: none;width:60%;}
.ep_pay_form_yzm_img{width:40%;height: 1.875rem;display: inline-block;float: right;}
.ep_pay_form_yzm_btn{width:40%;height: 1.875rem;border-radius: 0.9375rem;color:#FF3031;font-size: 0.75rem;border:none;outline: none;background:#FFDAD1;float: right;}
.ep_pay_form_yzm_btn.disabled{background:#babcbf;color:#f0f0f0;}

.ep_less_info{background:#ffffff;padding:0 5% 0.625rem;}
.ep_less_con{padding:0 0 0.625rem;}
.ep_less_tit{color: #666666;font-size: 0.875rem;padding:0.625rem 0;}
.ep_less_cent{height: 4.375rem;position: relative;}
.ep_less_img{width:7.0rem;height: 4.375rem;}
.ep_less_img img{width:7.0rem;height: 4.375rem;border-radius: 0.25rem;}
.ep_less_right{position: absolute;left:7.5rem;right:0;top:0;bottom:0;}
.ep_less_pp{color: #3A3D4B;font-size: 1.0rem;line-height: 1.375rem;height: 2.75rem;overflow: hidden;}
.ep_less_p{color:#FF2E30;font-size: 0.875rem;padding-top: 0.5rem;}
.ep_less_pri_con{background:#F9FAFB;padding:0.5rem 0;}
.ep_less_pri_con p{padding:0 0.625rem;color: #3A3D4B;font-size: 0.875rem;line-height:1.625rem;}
.ep_less_old_pri{float: right;color: #333333;}
.ep_less_new_pri{float: right;color: #FF2E30;font-weight: bold;}
.ep_less_tips{color: #666666;font-size: 0.75rem;line-height: 1.0rem;padding:1.25rem 0 0.625rem;}

.ep_pay_xy{position: absolute;bottom:5.0rem;left:0;right:0;text-align: center;color: #3A3D4B;font-size: 0.75rem;line-height: 1.875rem;background: #f2f2f2;}
.ep_pay_check{width:0.875rem;height: 0.875rem;display: inline-block;background:url("../images/ep_icon.png") no-repeat;margin-right: 0.3125rem;background-position: 0 -0.875rem;}
.ep_pay_check.checked{background-position: 0 0;}

.ep_login_after{background:#F9FAFB;padding:0 0.625rem;color:#666666;font-size: 0.875rem;line-height: 3.125rem;}
.ep_login_after a{float: right;color: #FF2E30;text-decoration: underline;}

.ep_main_con{position: absolute;left:0;right:0;top:0;bottom:7.8125rem;overflow-y: auto;background: #f2f2f2;}
.ep_main_con.noyh{bottom: 4.375rem;}
.ep_main_con img{display: block;width:100%;}
.ep_join_num{position: absolute;top:0.625rem;right:5%;z-index: 100;color:#FF3031;background: #FFE7E1;font-size: 0.75rem;line-height: 1.5rem;padding:0 0.9375rem;border-radius: 0.3125rem;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}


@media screen and (max-width: 350px) {
    .ep_mny{position: absolute;top:41%;left:0;right:0;text-align: center;color:#E3681A;font-size: 1.875rem;font-weight: bold;}
    .ep_mny font{font-size: 1.5625rem;}
}
@media screen and (min-width: 500px) {
    .ep_mny{position: absolute;top:42%;left:0;right:0;text-align: center;color:#E3681A;font-size: 3.125rem;font-weight: bold;}
    .ep_mny font{font-size: 2.5rem;}
}


@-webkit-keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }

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

    @keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }

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

    .bounceInDown {
        -webkit-animation: bounceInDown 1s both;
        animation: bounceInDown 1s both;
    }