@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_bg{
    position: relative;
    background:#529FFC;
    background: -webkit-linear-gradient(top, #529FFC, #A0D3FF);
    background: -o-linear-gradient(bottom, #529FFC, #A0D3FF);
    background: -moz-linear-gradient(bottom, #529FFC, #A0D3FF);
    background: linear-gradient(to bottom, #529FFC, #A0D3FF);
}

.ep_zs_bg{width:100%;position: absolute;z-index: 0;}
.ep_zs_bg img{display: inline-block;width:100%;}
.ep_main{z-index: 10;position: relative;overflow-y: auto;height: 100%;}

/*推广文案*/
.ep_mate_top{background:#ffffff;width:90%;margin:1.25rem auto;border-radius: 0.625rem;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); box-shadow:0 0 0.3125rem rgba(0,0,0,.1);}
.ep_mtp_tit{padding:0.625rem 1.25rem;}
.ep_mtp_sp{font-size: 0.9375rem;color: #0D6FFF;font-weight: bold;background:url("../images/ep_zs_icon1.png") no-repeat left center;padding-left:0.625rem;}
.ep_mtp_btn{float: right;display: inline-block;width: 4.25rem;height: 1.125rem;line-height: 1.125rem;text-align: center;border: 1px solid #0D6FFF;border-radius: 0.25rem;font-size: 0.75rem;color: #0D6FFF;background: rgba(13,111,255,0.20);}
.ep_mtp_con{padding:0 1.25rem 0.625rem;}
.ep_mtp_con p{font-size: 0.875rem;color: #333333;line-height: 1.375rem;}
.ep_mtp_con pre{white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;}

.ep_meta_center{overflow: hidden;background:#ffffff;width:90%;margin:1.25rem auto 0;border-radius: 0.625rem;display:flex;align-items: center;justify-content:center;min-height: 25.0rem;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); box-shadow:0 0 0.3125rem rgba(0,0,0,.1);}
.ep_meta_center img{display: inline-block;width:100%;}
.ep_meta_tip{text-align: center;color:#0D6FFF;font-size: 0.875rem;line-height: 1.25rem;padding:0.625rem 0;}

.ep_meta_cent{background:#ffffff;width:90%;margin:1.25rem auto 0;padding:0 0 1.875rem;
    border-radius: 0.625rem;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); box-shadow:0 0 0.3125rem rgba(0,0,0,.1);}
.ep_mtc_top{padding:0.9375rem 1.25rem 0;}
.ep_mtc_tit{padding:0.3125rem 0;}
.ep_mtc_tit span{color: #666666;font-size: 0.875rem;font-weight: bold;display: inline-block;background: url("../images/ep_zs_icon2.png") no-repeat left center;padding-left:0.75rem;float: left;}
.ep_mtc_tit p{color: #666666;font-size: 0.875rem;padding-left: 5.375rem;}
.ep_mtc_center{border-radius: 0.625rem;margin:0.9375rem 5%;padding:0 1.25rem 1.875rem;-moz-box-shadow:0 0 0.625rem rgba(13,111,255,0.2); -webkit-box-shadow:0 0 0.625rem rgba(13,111,255,0.2); box-shadow:0 0 0.625rem rgba(13,111,255,0.2);}
.ep_mtc_code{padding:1.25rem 0 0; width:95%;margin:0 auto;}
.ep_mtc_code img{display: inline-block;width:100%;}
.ep_mtc_ctip{text-align: center;color:#333333;font-size: 0.875rem;font-weight: bold;}
.ep_mtc_tip{text-align: center;color: #666666;font-size: 0.875rem;}



.ep_meta_botton{width:90%;margin:1.25rem auto;}
.ep_meta_share{width:57%;display: inline-block;text-align: center;line-height: 2.8125rem;border-radius: 1.5625rem;color: #ffffff;font-size: 1.0rem;
    background:#0167FE;
    background: -webkit-linear-gradient(left, #0167FE, #3F9FFF);
    background: -o-linear-gradient(right #0167FE, #3F9FFF,);
    background: -moz-linear-gradient(right, #0167FE, #3F9FFF);
    background: linear-gradient(to right, #0167FE, #3F9FFF);}
.ep_meta_hk{width:40%;display: inline-block;text-align: center;float: right;line-height: 2.8125rem;border-radius: 1.5625rem;color: #0D6FFF;font-size: 1.0rem;background: #ffffff;}


.ep_cust_bg{background: #f7f7f7;}
.ep_cust_top{border-radius: 0.625rem;padding:0.9375rem 12%;width:55%;margin:1.25rem auto 0.9375rem;background: #f8f8f8;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); box-shadow:0 0 0.3125rem rgba(0,0,0,.1);}
.ep_cust_center{position: relative;background:#ffffff;width:90%;margin:0.9375rem auto ;border-radius: 0.625rem;-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); -webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,.1); box-shadow:0 0 0.3125rem rgba(0,0,0,.1);}
.ep_cusc_tit{line-height: 3.125rem;border-bottom: 2px solid #f3f3f3;text-align: center;background: url("../images/ep_zs_icon4.png") no-repeat center center;}
.ep_cusc_tit span{color: #0D6FFF;font-size: 0.9375rem;font-weight: bold;}
.ep_cusc_con{padding:1.25rem 0;}
.ep_cusc_con ul li{width:49.5%;float: left;text-align: center;border-left:1px dashed #e8e8e8;}
.ep_cusc_con ul li:first-child{border-left:none;}
.ep_cusc_con ul li span{display: block;font-size:0.875rem;color: #666666;}
.ep_cusc_con ul li span.ep_cusc_sp{font-size: 2.25rem;font-weight: bold;color:#0167FE;
    background-image:-webkit-linear-gradient(bottom,#0167FE,#3F9FFF); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.ep_cusc_con:after{content: "";display: block;height: 0;clear: both;}
.ep_cust_icon{position: absolute;display: inline-block;width: 0.6875rem;height: 2.625rem;background: url("../images/ep_zs_icon3.png") no-repeat center center;top:-1.75rem;}
.ep_cust_icon.left{left:10%;}
.ep_cust_icon.right{right:10%;}

.ep_cust_tpx{width:90%;margin:3.125rem auto 1.875rem;}
.ep_cusp_tit{border-top:1px solid #e4e4e4;height: 1.25rem;position: relative;}
.ep_cusp_tit span{font-size: 0.875rem;color: #FF0000;line-height: 2.5rem;top: -1.25rem;position: absolute;left:50%;display: inline-block;background:#f7f7f7;width:5.0rem;text-align: center;margin-left: -2.5rem; }
.ep_cusp_p{color: #666666;font-size: 0.875rem;line-height: 1.375rem;padding:0 1.25rem;}
.ep_cusp_p span{font-weight: bold;}

.ep_cust_bottom{width:90%;margin:1.25rem auto;}
.ep_arch_info{color: #666666;font-size: 0.75rem;line-height: 1.25rem;
    margin:0.3125rem 3% 0;text-align: center;}

/*活动未开始*/
.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_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%;}



.ep_mate_title{width:90%;margin:0.625rem auto 0;position: relative;}
.ep_mate_name{color: #333333;font-size: 18px;font-weight: bold;padding:0.625rem 0;}
.ep_mate_pro{color: #333333;font-size: 14px;line-height: 20px;background: url("../images/ep_zs_icon5.png") no-repeat left;padding-left:20px;}
.ep_mate_go{display: inline-block;line-height: 2.0rem;background: #0167FE url("../images/ep_zs_icon7.png") no-repeat 0.9375rem;color: #ffffff;font-size: 14px;border-radius: 1.125rem;
padding:0 0.9375rem 0 2.1875rem;position: absolute;right: 0;top:20px;}

.ep_mate_ul{margin:1.25rem auto;width: 90%;}
.ep_mate_ul ul{display: flex;}
.ep_mate_ul ul li{flex : 1;text-align: center;color: #999999;font-size: 14px;line-height: 20px;padding-bottom:0.5rem;cursor: pointer;}
.ep_mate_ul ul li.active{color: #0167FE;font-size: 17px;font-weight: bold;background: url("../images/ep_zs_icon6.png") no-repeat center bottom;}
.ep_meta_box{background:#ffffff;width:90%;margin:0.625rem auto 1.25rem;padding:0 0 0.625rem;
    border-radius: 0.625rem;-moz-box-shadow: 0px 0px 15px 0px rgba(13,111,255,0.15); -webkit-box-shadow: 0px 0px 15px 0px rgba(13,111,255,0.15); box-shadow: 0px 0px 15px 0px rgba(13,111,255,0.15);}
.ep_meta_item{padding:0.625rem 0;}
.ep_mtp_code{width:50%;margin:0.625rem auto 1.25rem;background: #ffffff;border: 1px solid #f3f3f3;padding:5px;border-radius: 15px;}
.ep_mtp_code img{display: inline-block;width:100%;}
.ep_mtp_tip{text-align: center;color: #333333;font-size: 14px;}


.ep_success{margin:2.5rem auto 0.9375rem;width:36%;}
.ep_success img{display: inline-block;width:100%;}
.ep_succ_cent{background:#ffffff;width:90%;margin:1.5625rem auto 4.6875rem;padding:3.125rem 0 4.375rem;
    border-radius: 1.25rem;-moz-box-shadow:0px 0px 15px 0px rgba(13,111,255,0.15); -webkit-box-shadow:0px 0px 15px 0px rgba(13,111,255,0.15); box-shadow:0px 0px 15px 0px rgba(13,111,255,0.15);}
.ep_succ_tip{text-align: center;color: #fff;font-size: 1.25rem;font-weight: 500;}
.ep_succ_p{text-align: center;line-height: 24px;color: #353535;font-size: 1.0rem;width: 60%;margin:0 auto;}
.ep_succ_code{margin:1.875rem auto 0;width:50%;border:1px solid #f2f2f2;}
.ep_succ_code img{display: inline-block;width:100%;}

@-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;
    }