@charset "utf-8";
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:#4a4f5a;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:''}
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;}
.ggtit{ height:1.78rem; line-height:1.78rem; font-size:.48rem; color:#333; font-weight:bold; text-align:center;}
.tc{text-align:center;}

  
video embed, video object, video iframe, video {
    width: 100%;
    height: auto;
}


/*页头*/
.header{}
.header .logo{ width:2.33rem; height:0.57rem; left:0.42rem; top:0.57rem; line-height:0; font-size:0;}
.header .tex1{ width:100%; left:0; top:1.28rem; -webkit-animation:lightSpeedIn 1s 0s 1 both; animation:lightSpeedIn 1s 0s 1 both;}
.header .tex2{ width:100%; left:0; top:2.84rem; -webkit-animation:lightSpeedIn2 1s 0s 1 both; animation:lightSpeedIn2 1s 0s 1 both;}

/*职场优势*/
.advantage{ padding:0 0 0.58rem 0; background:url("/images/pro2018/2020zixun/bg01.png") no-repeat center top #fff; background-size:100%;}
.advantage .list{ width: 2.48rem; margin-left: 0.64rem;}
.advantage .list .pic{ width: 2.48rem; height: 2.48rem; margin-bottom: 0.24rem;}
.advantage .list p{ text-align: center; line-height: 0.48rem; font-size: 0.4rem;}

/*网校名师*/
.teacher{ background: #eeeff5;}
.teacher .tabTit{ padding-left:.4rem; height:1.066rem;}
.teacher .tabTit li{ float:left; position:relative;}
.teacher .tabTit li a{ display:block; height:1.066rem; line-height:1.066rem; width:4.0rem; background:#aeb0bf; color:#fff; font-size:.43rem; text-align:center; margin-right:.4rem;}
.teacher .tabTit li.cur a{ background:#ffba42; color: #130058;}
.teacher .tabTit li.cur .jt{ display:block; left:50%; margin-left:-.44rem; bottom:-.27rem; width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.28rem solid #ffba42}
#wrapper{ float:left; position: relative; z-index:1; height:1.346rem; width:100%; overflow:hidden; -ms-touch-action: none; }
#scroller{ position: absolute; z-index:1; height:1.066em;}
.teacherCon{ margin:.666rem 0 0 .4rem; height:3.6rem; overflow:hidden; display:none;}
.teacher_list .swiper-slide{
    padding-right:.266rem;
    width:4.173rem;}

.videowrap{
    width: 4.439rem!important;
    padding: 0!important;
}

.teacher_list .swiper-slide a,.teacher_list .swiper-slide span{ display:block; position:relative;}
.teacher_list .swiper-slide p{width:100%;height:.72rem;line-height:.72rem;text-indent:.26rem;font-size:.37rem;color:#fff;left:0;bottom:0;background:url("/images/pro2018/2020zixun/play.png") no-repeat 94% center,rgba(0,0,0,.6);background-size:.426rem auto}
#mask{background:#000;opacity: .7;position:fixed;;left:0;top:0;height:100%;width:100%;z-index:998;}
.videoSection{width:100%;position:fixed;left:0;top:50%;z-index:999;}
.videoSection .close{display:block;width:1rem;height:1rem;bottom:0;left:50%;margin-left:-.5rem;}


/*辅导班次*/
#wrapper02{ float:left; position: relative; z-index:1; height:2.02rem; width:100%; overflow:hidden; -ms-touch-action: none; }
#scroller02{ position: absolute; z-index:1; height:1.066em;}
#wrapper03{ float:left; position: relative; z-index:1; height:2.02rem; width:100%; overflow:hidden; -ms-touch-action: none; }
#scroller03{ position: absolute; z-index:1; height:1.066em;}
.service .tabTit{ margin: 0 0.4rem 0.6rem; height:1.066rem;}
.service .tabTit li{ position:relative; height:1.066rem; line-height:1.066rem; width:2.426rem; padding: 0 1rem; background:#aeb0bf; color:#fff; font-size:.43rem; text-align:center;}
.service .tabTit li.cur{ background:#ffba42; color: #130058;}
.service .tabTit li.cur .jt{ display:block; left:50%; margin-left:-.44rem; bottom:-.28rem; width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.28rem solid #ffba42}
.service .tabCon{ display:none;}
.service .tab_tit{padding-left:.4rem; height:2.02rem;}
.service .tab_tit li{ float:left; position:relative;}
.service .tab_tit li a{ display:block; width:2rem; height:2rem; margin-right:.4rem;}
.service .tab_tit li a.vip{ background:url("http://m.jianshe99.com/upload/html/2019/04/10/shbee34fbac440428883b0ad48f3683d07.png") no-repeat; background-size:100%;}
.service .tab_tit li.cur a.vip{ background:url("http://m.jianshe99.com/upload/html/2019/04/10/sh08c71e8ef8664550afa4a28506bfc47c.png") no-repeat; background-size:100%;}
.service .tab_tit li a.wytg{ background:url("http://m.jianshe99.com/images/pro2018/xiaofang/tex10.png") no-repeat; background-size:100%;}
.service .tab_tit li.cur a.wytg{ background:url("http://m.jianshe99.com/images/pro2018/xiaofang/tex10h.png") no-repeat; background-size:100%;}
.service .tab_tit li a.gxqz{ background:url("http://m.jianshe99.com/upload/html/2019/11/05/jx5adf86041304449699c0d72b528fb82b.png") no-repeat; background-size:100%;}
.service .tab_tit li.cur a.gxqz{ background:url("http://m.jianshe99.com/upload/html/2019/11/05/jx2b1dfaa1f6ab426492fd9c6f8fd502d9.png") no-repeat; background-size:100%;}
.service .tab_tit li a.czjj{ background:url("//m.jianshe99.com/images/pro2018/2020zixun/tex10.png") no-repeat; background-size:100%;}
.service .tab_tit li.cur a.czjj{ background:url("//m.jianshe99.com/images/pro2018/2020zixun/tex10h.png") no-repeat; background-size:100%;}
.service .tab_tit li a.mxb{ background:url("http://m.chinatat.com/upload/html/2017/11/14/wae970a1a08c5c4e95b6fadace0fbc3686.png") no-repeat; background-size:100%; margin:0 0 0 3.6rem;}
.service .tab_tit li.cur a.mxb{ background:url("http://m.chinatat.com/upload/html/2017/11/14/wae970a1a08c5c4e95b6fadace0fbc3686.png") no-repeat; background-size:100%;}
.service .tab_tit li a.dqb{ background:url("/images/pro2018/2020zixun/tex12.png") no-repeat; background-size:100%; margin:0 0 0 1.75rem;}
.service .tab_tit li.cur a.dqb{ background:url("/images/pro2018/2020zixun/tex12h.png") no-repeat; background-size:100%;}
.serviceCon_wrap{ display:none;}
.serviceCon_wrap2{ display:none;}
.serviceCon{ overflow:hidden; background:#fff; margin:0 .4rem; border-radius:.1rem; padding:.25rem .2rem .4rem .2rem;}
.serviceCon h3{ font-size:.4rem; line-height:.6rem;}
.serviceCon h4{ line-height:.6rem; font-size:.37rem; color:#666; padding-top:.18rem;}
.serviceCon h4 span{ font-size:.43rem; color:#333;}
.serviceCon h4 span em{ font-size:.53rem; color:#fa5a4e;}
.serviceCon p{ line-height:.6rem; font-size:.4rem; color:#666;}
.serviceCon .pt1{ padding-top:.15rem;}
.serviceCon i.up{display:inline-block; margin-top:-.06rem;}
.serviceCon i{display:inline-block; position:absolute; right:.1rem; top:50%; margin-top:-.15rem;}
.serviceCon i:before{content:''; height:.2rem; width:.2rem; display:block; border:1px solid #999; border-right-width:0; border-bottom-width:0;transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg); }
.serviceCon i.up:before{content:''; height:.2rem; width:.2rem; display:block; border:1px solid #999; border-right-width:0; border-bottom-width:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg); }
.serviceCon .more_list{ display:none;}
.serviceCon b{ font-weight:normal;}
.serviceCon .more_links{ padding:.43rem 0 .43rem .133rem; text-align:center; border-bottom:1px dashed #ccc; margin:0 .4rem;}
.serviceCon .more_links a{ display:block; float:left; margin-right:1rem; width:2.3rem; height:.8rem; line-height:.75rem; text-align:center; font-size:.4rem; color:#666; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:.1rem;}
.serviceCon .more_links a:last-child{ margin:0;}
.service .other{ padding:.533rem 0; margin:0 .533rem; border-bottom: 1px dashed #ccc;}
.service .other a{ display:block; float:left; margin-right:1.066rem; width:2.266rem; height:.8rem; line-height:.8rem; text-align:center; background:#fff; border:1px solid #ccc; border-radius:.2rem; font-size:.4rem; color:#666; box-sizing:border-box; -webkit-box-sizing:border-box;}
.service .other a.none{ margin:0;}

/*选购课程*/
.course{ padding:0 0 0 .4rem;}
.course .tit{ height:1.173rem; line-height:1.173rem; padding-top:.133rem; font-size:.4rem;}
.course .subject{}
.course .subject li{ position:relative; float:left; width:2.8rem; height:1.066rem; line-height:1.066rem; text-align:center; font-size:.43rem; border:1px solid #ccc; margin:0 .4rem .4rem 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.course .subject li:nth-child(3n){ margin-right:0;}
.course .subject li:nth-child(7),.course .subject li:nth-child(8),.course .subject li:nth-child(9){ margin-bottom:0;}
.course .subject li.cur{ border:1px solid #f95209; color:#f95209;}
.course .subject li.on i{ display:block; width:.533rem; height:.533rem; background:url("/images/pro2018/2020zixun/gou.png") no-repeat; background-size:100%; position:absolute; right:0; bottom:0;}
.course .course_con{ display:none;}
.course .course_con label{ display:block; position:relative; float:left; width:4.4rem; height:1.066rem; line-height:1.066rem; text-align:center; font-size:.43rem; border:1px solid #ccc; margin:0 .4rem .4rem 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.course .course_con label.on{ border:1px solid #f95209; color:#f95209;}
.course .course_con label.on i{ display:block; width:.533rem; height:.533rem; background:url("/images/pro2018/2020zixun/gou.png") no-repeat; background-size:100%; position:absolute; right:0; bottom:0;}
.course .course_con label.yanqi_btn{ width:9rem; position:relative; color:#e0e0e0;border-color: #e0e0e0;}
.course .course_con label.yanqi_btn.cur{ border:1px solid #ccc; color:#333;}
.course .course_con label.yanqi_btn.on{ border:1px solid #f95209; color:#f95209;}
.course .course_con label:nth-child(2n){ margin-right:0;}
.course input{ display:none}
.course .course_con .other{ text-align:right; padding:0 .4rem; font-size:.37rem; line-height:.5rem;}
.course .course_con .other a{ color:#666;}
.buy_wrap{ height:1.613rem; line-height:1.613rem; padding:0 .4rem; text-align:right; margin-bottom: 0.4rem;}
.buy_wrap span{ font-size:.48rem; padding-right:.266rem;}
.buy_wrap .total{ color:#f95209; font-weight:bold;}
.buy_wrap .submit{ display:inline-block; width:3.706rem; height:1rem; line-height:1rem; text-align:center; font-size:.48rem; font-weight:bold; color:#fff; background:#f95209; border-bottom:.06rem solid #e73607;}

#protocolsBg{background:#333;opacity:.6;position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;}
.protocols{width:80%;background:#fff;z-index:999;right:-80%;top:0;position:fixed;overflow-x:hidden;overflow-y:scroll;}
.closeXY{position:absolute;width:.7rem;height:.7rem;right:.2rem;top:.2rem;cursor:pointer;z-index:999;display:block;}
.protocols h1{text-align:center;color:#fa5a4e;font-size:.5rem;font-weight:bold;margin-top:1.2rem;}
.protocols .xyContainer{margin:.4rem .3rem;font-size:.36rem;color:#333;}
.protocols .xyContainer span{font-weight:bold;}
.protocols .yqbz{margin:0 .3rem;text-align:center;}
.protocols .sure{background:#fa5a4e;display:block;width:35%;height:1rem;line-height:1rem;font-size:.4rem;color:#fff;border-bottom:3px solid #dd1d0f;text-align:center;margin:.4rem auto .5rem;}
#yq + label:before{left:50%;margin-left:-35%;}
#yq + label:after{left:17%;top:.12rem;}
.courseXYS{margin-bottom:.3rem;}

/*图书*/
.book{ background: #eeeff5;}
.book_con{ margin:0 0.4rem; padding-bottom: 1.3rem;}
.book_con .swiper-slide{ text-align:center; background:#fff; padding: 0.3rem 0;}
.book_con .swiper-slide .pic{ display:inline-block; width:2.186rem; margin-bottom:.2rem;}
.book_con .swiper-slide p{ font-size:.37rem; line-height:.56rem; text-align:center;}
.book_con .swiper-slide p del{ color:#999;}
.book_con .swiper-slide p em{ color:#f95209; padding-left:.13rem;}
.book_con .swiper-slide a{ color:#333;}
.book_con .swiper-pagination-bullet-active{ background: #f72238;}
.book .buy_btn{ display:block; text-align: center; font-size:.34rem; color:#666; margin:0 auto 0.6rem;}

/*app*/
.app{ height:6.7333rem; background:url("/images/pro2018/2020zixun/bg02.jpg") no-repeat center top; background-size:100%;}
.app a{ display:block; margin:0 auto; width:9.2rem;}

/*资料下载*/
.data_download{ height:5.53rem; background:url("/images/pro2018/2020zixun/bg04.jpg") no-repeat center top; background-size:100%;}
.data_download .list{ padding:0 0 .1rem .4rem;}
.data_download .list li{ float:left; font-size:.43rem; line-height:.76rem; width:2.5rem; padding-left:.5rem;}
.data_download .download_btn{ display:block; width:3.706rem; height:1rem; line-height:1rem; text-align:center; font-size:.48rem; font-weight:bold; color:#fff; background:#f95209; border-bottom:.06rem solid #e73607; margin:.18rem auto;}
.yesLogin{ text-align:center; font-size:.453rem; color:#f95209;}
.yesLogin a{ color:#f95209;}

/*动画*/
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedIn2 {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn2 {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn2 {
    -webkit-animation-name: lightSpeedIn2;
    animation-name: lightSpeedIn2;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
/*shipin*/
.videowrap{
  width: 1rem;
  margin: 0 auto;
}


.video{
  width:1rem;
  height: 1rem;
  display:inline-block;
}