@charset "utf-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{color:#333;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#333;font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
a{ color:#333;}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.hide{display: none;}
.fs24{font-size:0.32rem;}
.fs26{font-size: 0.34rem;}
.fs28{font-size: 0.38rem;}
.fs30{font-size:0.4rem;}
.fs32{font-size:0.42rem;}
.fs34{font-size:0.45rem;}
.fs36{font-size:0.48rem;}
.fs38{font-size:0.5rem;}
.fs40{font-size:0.53rem;}
.fix{position: fixed;}
.fw{font-weight: bold;}
body { max-width: 768px; margin: 0 auto; }
.title { height:2rem; text-align:center; }
.title h2 { display:inline-block; padding:.4rem 0 0 1.48rem;line-height:1.6rem; color:#555; font-weight:bold; position:relative; font-size:.5333rem;vertical-align:top; }
.title h2 img { width:3.2rem; height:1.68rem; position:absolute; left:0; top:0; }
.xian, .xian2 {height:.24rem; background: #efefef; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4 }
.xian2 { height:1.52rem; }

/*页头*/
.header { width: 100%; position: relative; margin-bottom: 0.32rem;}
.header .logo{ display: block; width: 3.32rem;  height:.68rem; line-height: 0; font-size: 0;  left:.28rem;top:.36rem;}
.header .cen1{ width: 100%; top: 1.38rem; left: 0; animation:bounceInDown 1s 0s 1 both; -webkit-animation:bounceInDown 1s 0s 1 both; z-index: 1;}
.header .cen2{ width: 100%; top: 2.37rem; left: 0; animation:bounceInDown 1s 0.6s 1 both; -webkit-animation:bounceInDown 1s 0.6s 1 both; z-index: 1;}
.header .cen3{ width: 4.66rem; height: 2.06rem; top: 3.12rem; right: 0.64rem; animation:strDwon 1s 1.5s 1 both; -webkit-animation:strDwon 1s 1.5s 1 both; z-index: 2;}

/*名师*/
.teachjieshao { width: 92%; margin: 0.6rem auto 0; }
.name { color: #1b7eda; }
.xuxian { width: 100%; margin-top: 0.2rem; height: 0; border-bottom: 1px dotted #e0e0e0; }
.jieshao { color: #666666; margin-top: 0.3rem; }
.more { width: 100%; color: #f46b19; display: block; text-align: center; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top:5.2rem; left: 0; width: 100%; }
.video { width: 20%; left: 40%; top: 1.5rem; }
.teacher {  padding-bottom: .4rem}
.teacher .swiper-teacher { width: 100%; margin: 0 auto; overflow: hidden }
.teacher .swiper-teacher .pic { width:8.6rem; height:4.8rem; overflow:hidden; margin: 0 auto; }
.teacher .swiper-teacher .swiper-slide:last-child { margin-right: 0 }
.teacher .swiper-teacher .swiper-wrapper img { display: block }
.teacher .pic { width: 100%; height: auto; position: relative }
.teacher .pic p { width: 100%; height: .8rem; line-height: .8rem;background: rgba(0, 0, 0, .6); text-align: center; color: #fff;  font-size: .35rem;position: absolute; left: 0; bottom: 0 }
.con { width: 100%; padding-bottom: 0.4rem; }

/*班次*/
.ecourse { padding-top:.52rem;}
.ecourse-in {  margin: .1rem 0 0 0}
.ecourse-in-to { padding-left:4%; }
.ecourse-in-to a { display: block; float: left; width: 21%; margin: 0 6%; height: 2.1rem;  font-size: .25rem;color: #fff; text-align: center; line-height: 1.7rem; background: url(/images/project/2018anquan/bg01.png) no-repeat -1.84rem 0; background-size: auto 100% }
.ecourse-in-to a.on {background-position: .15rem 0; background-size: auto 100% }
.ecourse-in-to a .hot{ display: block; width: 0.73rem; height: 0.48rem; top: 0.03rem; right: -0.21rem;}
.ecourse-in-bo {  padding:.1rem 0 0}
.ecourseInBo { float:left; }
.ecourseInBo .tit{color:#ff7800;font-size:.38rem;width:93%;margin:0 auto;line-height:.8rem;}
.ecourseInBo .sev{width:93%;margin:0 auto;}
.ecourseInBo .sev li{border-bottom:1px dashed #e0e0e0;line-height:1rem;color:#4e4e4e;font-size:.38rem;}
.ecourseInBo .sev li:last-child{border-bottom:0;}
.ecourseInBo .sev li span{font-size:.38rem;color:#0075c1;padding-right:.3rem;}
.ecourseInBo article{background:#555;padding:.1rem 0;}
.ecourseInBo article ul{width:93%;margin:0 auto;}
.ecourseInBo article ul li{border-bottom:1px dashed #7c7c7c;padding:.1rem 0;}
.ecourseInBo article ul li:last-child{border-bottom:0;}
.ecourseInBo article ul li p{display:block;padding:.05rem 0;}
.ecourseInBo article ul li p.t{color:#f8f8f8;font-size:.38rem;}
.ecourseInBo article ul li p.t span{color:#ffdc38;}
.ecourseInBo article ul li p.s{color:#d4d3d3;font-size:.32rem;}
.ecourseInBo article ul li p.s span{color:#ffdc38;font-size:.38rem;}
.ecourseInBo article ul li p.s span em{color:#d4d3d3;font-size:.32rem;}
.gwc{width:100%;margin:0 auto;height:1.2rem;line-height:1.2rem; position: fixed; left: 0; bottom: 0; z-index: 9;}
.gwc a{height:1.2rem;line-height:1.2rem;text-align:center;font-size:.4rem;color:#fff;}
.gwc .zx{background:#5986f1;width:4rem;}
.gwc .buy{width:calc(100% - 4rem);width:-moz-calc(100% - 4rem);width: -webkit-calc(100% - 4rem);background:#ff7800;}
.gwc .zx i{width:15%;display:inline-block;margin-right:.2rem;vertical-align: -.1rem;}
.gwc .buy i{width:10%;display:inline-block;margin-right:.2rem;vertical-align: -.1rem;}

.bcdb {
    text-align: center;
    padding: .133rem 0;
    border-bottom: 1px dashed #e0e0e0;
    border-top: 1px dashed #e0e0e0
}
.bcdb .btn {
    display: inline-block;
    width: 3rem;
    height: 1.093rem;
    line-height: 1.093rem;
    text-align: center;
    font-size: .4rem;
    color: #fff;
    background: #1581dc;
    border-radius: .1rem
}

/*考试利器*/
.kslq { padding-top:.52rem;}
.kslq table{width:93%;margin:0 auto;}
.kslq table tr td{vertical-align: middle;}
.kslq table tr td h2{display:inline-block;float:left;font-size:.4rem;color:#4e4e4e;line-height:2.5rem;margin-left:.3rem;}
.kslq table tr td img{display:inline-block;width:40%;float:left;margin:.3rem 0;}
.kslq table tr td p{display:block;font-size:.35rem;color:#4e4e4e;}

/*流程*/
.flow{padding-bottom:1.36rem;}
.flow h4{height:1.48rem;line-height:1.48rem;font-size:.48rem;text-align:center;background:url(/images/project/2018anquan/flowTitle.png) no-repeat center center;background-size:9.2rem auto;margin-bottom:.16rem;}
.flow ul{width:9.2rem;height:2.4rem;position:relative;margin:0 auto;}
.flow ul:after{width:7.2rem;height:4px;background:#d6d5d5;content:"";position:absolute;left:1rem;top:.56rem;z-index:1;}
.flow ul li{width:2.3rem;text-align:center;float:left;line-height:1.12rem;font-size:.3733rem;z-index:2;position:relative;}
.flow ul li a{display:block;}
.flow ul li i{width:1.16rem;height:1.16rem;line-height:1.16rem;background:#4db1ea;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;margin:0 auto;overflow:hidden;}
.flow ul li i img{width:.44rem;height:.48rem;display:inline-block;vertical-align:middle;margin-top:-3px;}
.goTop{width:184px;padding:.96rem .12px 0;line-height:.8rem;color:#2a86cf;font-size:.4266rem;text-align:center;margin:0 auto;display:block;background:url(/images/project/2018anquan/goTop.png) no-repeat center top;background-size:.96rem auto;}




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

    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: none;
        transform: none;
    }
}

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

    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: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

.strDwon{
    animation-name: strDwon;
    -webkit-animation-name: strDwon;
    animation-timing-function: cubic-bezier(1,1,0,1);
    -webkit-animation-timing-function: cubic-bezier(1,1,0,1);

    visibility: visible !important;
}

@keyframes strDwon {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes strDwon {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}