body,html{
    width:100%;
    height:100%;
}
*{
    margin:0;
    padding:0;
    list-style:none;
}


@font-face {
    font-family: 'iconfont';  /* project id 1163763 */
    src: url('https://at.alicdn.com/t/font_1163763_bkdfwm1evst.eot');
    src: url('https://at.alicdn.com/t/font_1163763_bkdfwm1evst.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1163763_bkdfwm1evst.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1163763_bkdfwm1evst.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1163763_bkdfwm1evst.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1163763_bkdfwm1evst.svg#iconfont') format('svg');
}
.teachimged{
    display:inline-block;
    width: 62px;
    height: 61px;
    border-radius:40px;
    overflow: hidden;
    margin-left: 18%;
}
.teachimged img{
    width:100%;

}
#icons{
    font-family:'iconfont';
    font-size:30px;
    font-style:normal;
    margin-top:-1px;
    /* background-image() */
}
.spzc{
    margin-left:12px;
}

}
.icon-icon--:before{
    content: "\e717";
}
.dls dl dt img{
    width:60%;
}
.box{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;

}
header{
    width:100%;
    height:40px;
    background:#eee;
}
section{
    width:100%;
    flex: 1;
}
.section_top{
    width:100%;
    height: 105px;


    background:white;
}
.section_list{
    width:85%;
    padding-left: 4%;
    height: 105px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.top_left h2{
    color:#DA3333;
    font-family:'经典黑体';
    padding-left: 2%;
    border-left: 1px solid #dcdcdc;
    font-size: 24px;
    line-height: 24px;
    height: 40px;
}
.top_left .xiaof{
    width:50%;
    // margin-top: 30px;
    /*width:400px;*/
    /*display: flex;*/
    align-items: center;
    justify-content: space-around;

}
.shipin{
    width:90%;
    margin:21px auto;
    margin-top: 1%;
    display: flex;
}


.shipin ul li{

    width:201px;
    height:56.3px;
    line-height:56.3px;
    background:#333;
    text-align: center;

}
.top_left{
    margin-left: -5%;
    /*margin-left: -60px;*/
    flex:45%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content:space-between;
}
.top_left .top_inp input{
    width:240px;
    height:33px;
    border:1px solid #C9C6C6;
    font-size:12px;
    text-indent:0.7em;
}
.top_inp {
    display: flex;
    justify-content: space-around;
}

.span_top{

    display:flex;
    justify-content:space-around;
    width:30%;
}
.zqs{
    width:90%;
    margin:0 auto;
}
.topbtn{
    background:#C9C6C6;
    border:2px solid #ccc;
    width:35px;
    height:35px;
    color:#fff;
    outline:none;
}

.top_right{
    width:35%;
    display: flex;
    align-items: center;
    justify-content: space-around;

}
.top_right .login{
    display: block;
    text-align: center;
    /* padding-top: 4px; */
    width:80px;
    height:30px;
    border-radius:20px;
    color:#fff;
    border:none;
    outline: none;
    background:#F08400;

}
.top_right .zhuce{
    width:80px;
    height:30px;
    border-radius:20px;
    color:#fff;
    border:none;
    outline: none;
    background:#F08400;
    display: block;
    text-align: center;
    /* padding-top: 4px; */
}
.top_right a{
    display:flex;
    font-size: 14px;
}
.top_tit{
    width:100%;
    height: 60px;
    margin:0 auto;
    background:#C5020A;
    display:flex;
    justify-content: space-around;
}
.navbtm{
    margin-bottom: 33px;
}
.top_r div ul li{
    float: left;
    margin: auto 10px;
}
.top_tit #danghang .top_l em{
    display: inline-block;
    background: url(zl/img/cover-page-nav.png) left center no-repeat;
    background-size: inherit;
    width: 20px;
    height: 12px;
    margin: 0 12px;
    margin-left:40px;
}

.mfxz{
    font-family:正文;
    margin-left: 15px;
}
.mfxz:hover{
    padding:5px;
    padding-bottom:5px;
// background:#1BB0F0;
    color:red;
    border-radius:20px;
}

.r {
    width: 240px;
    background: #ffffff;
    margin-left: 20px;
    padding: 30px 20px;
    height: 395px;
    float: left;
}

#zixun,#beikao,#shiti,#tuijian{
    width:25%;
    display: flex;
    justify-content: space-between;
}
#zixun .zxtu,#beikao .bktu,#shiti .bktu,#tuijian .bktu{
    width:20%;
    height:100%;
}
#zixun .zxtu a,#beikao .bktu a,#shiti .bktu a,#tuijian .bktu a{
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
    text-align: center;
    width:100%;
    height:100%;
}
#zixun .zxtu a i,#beikao .bktu a i,#shiti .bktu a i,#tuijian .bktu a i{
    width:100%;
}
#zixun .zxtu a span,#beikao .bktu a span,#shiti .bktu a span,#tuijian .bktu a span{
    width:100%;
    text-align: center;
    font-size: 16px;
}
.kumuicon{
    margin-top: -4px !important;
    font-size:28px !important;
}
.tok{
    margin-top:0px !important;
}
.kumutit{
    margin-top:-3px;
}
#zixun ul,#beikao ul,#shiti ul,#tuijian ul{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#zixun ul li{
    width:25%;
    text-align: center;
    line-height:28px;
}
#beikao ul li{
    width:27%;
    text-align: center;
    line-height:29px;
}
#shiti ul li,#tuijian ul li{
    width:50%;
    text-align: center;
    line-height:28px;
}
#title_lun{
    width:28%;
    /* border: 1px solid #a9ceed; */
    margin-left: 8px;
    overflow: hidden;
    position: relative;
    top:0
}
#addjscz {
    width: 95%;
    background: white;
    text-align: center;
    margin-top: 20px;
    position: relative;
    line-height: 30px;
    margin-right: 30px;
    border-top: 15px solid white;
    border-bottom: 15px solid white;
}
#g{
    position: relative;
}
.lun{
    width:90%;
    margin:0 auto;
    margin-top: 30px;
    display: flex;
    justify-content:space-between;
}
.lun .time_left{
    width:25%;
}
#list2{
    position: relative;
}
.tearch_list{
    display: flex;
    width:100%;
// border-bottom:0.5px solid #ccc;
    justify-content: space-around;
    position: relative;
}
.teachimg{
    width: 30%;
}
.teachimg dt {
    width: 61%;
    border-radius: 100%;
    background: #F3F3F3;
    overflow: hidden;
    margin:0 auto;
    height:56px;
    border:0.5px solid #f3eeee;
}
.teachimg  dt  img{
    width:110%;
}

.teachimg dd{
    font-size: 14px;
    color:#ccc;
    margin-top:10px;
    text-align: center;
}
.teach_tit,.teach_title{
    width:100%;
    font-size: 13px;
    line-height: 28px;
    color: #333333;
}

.tearch_right{
    flex: 1;
}
.teach_footer{
    margin-top:10px;
    width:100%;
    display: flex;
    padding-bottom:10px;
    justify-content: space-between;
    line-height:40px;
}
.teach_bao{
    font-size: 12px;
    margin-top:-15px;
    color:#333333;

}
.teach_bao>span{
    color:orange
}
.teach_footer button{
    font-size:12px;
    padding:4px;
    height:25px;
    padding-left: 13px;
    padding-right: 13px;
    outline:none;
    margin-top:-3px;
    color:#C01517;
}
.lun .swpier{
    width:50%;
    margin-left:8px;
}
.right1{
    width: 100%;
    height:215px;
    overflow: hidden;
}

.ljyy{
    margin-right:10%;
    margin-top:-12px;
    color:red;

}
#lun_top li a{
    color: #fff;
}
.right_title {
    width: 100%;
    font-size: 16px;
    text-align: left;
}



.right_title li{
    line-height: 36px;
    font-size: 16px;
}
.roll__list1 a{
    font-size: 13px;
    margin-right:89px;
}
.right1{
    width:100%;
    height: 215px;
    background: #2B2B2B;
}
.right1 ul li{
    text-align: center;
    height:30px;
    width:100%;
    font-size: 13px;
    text-align: center;
    line-height:30px;
}
.roll__list1  li:hover{
    background: white;
}
#lun_top li:hover{
    background: #A90000;
}
.roll-wrap,.roll__list1 {
    width:100%;
    height:100%;

}
.right1 ul li a{
    width:100%;
    height:100%;
    text-align: center;
}
.last_time{
    width: 100%;
    background: white;
// text-align: center;
    margin-bottom: 18px;
    border-top:1px transparent solid;

//
border-right:1px solid #ccc;
//
border-left:1px transparent solid;
//
border-image:linear-gradient(to right,#D83C42,#EE491F) 1 10;
//
border-right:1px transparent solid;
//
border-image:linear-gradient(to right,#D9D9D9,#EE491F) 1 10;
}
.last_time:hover{
    border-top: 5px solid red;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
    border-image:linear-gradient(to right,#EE491F,#D9D9D9) 1 10;
}

.exam_tit{
    width:100%;
    font-size: 12px;
    height: 40px;
    background:white;
    position: relative;
    display: flex;
    margin-left:10px;
}
.z{
    width:60px;
    height:40px;
    display: flex;
    background:#c70e09;
    font-size:20px;
}
#J_site_login  {line-height: 0px;}
.exam_lefts{
    font-size: 14px;
    display: inline-block;
    width: 55px;
    height: 27px;
    background: #E4E7F0;
    border-radius: 0 15px 15px 0;
    text-align: center;
    line-height: 28px;
    margin-top: 16px;
}
.qiehu {
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 70%;
    display: flex;
    justify-content: space-around;
    margin-top:8px;
}
.qiehu1 {
    background-image: url(/templates/tp01/images/nbj.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 70%;
    display: flex;
    justify-content: space-around;
    margin-left: 14px;
    margin-top:8px;
}
.local_title{
    padding-top: 20px;
// font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    margin: -8px 20px 0 20px;
    color: #333;
    font-size: 16px;
    text-align: center;
}
#zi{
    font-size:20px;
    font-family:'iconfont';
    font-size:24px;
    margin:7px auto;
    font-style:normal;
}
// .sanjiao{
   //     display: flex;
   //     width:0;
   //     height:0;
   //     border-width:0px 0 40px 40px;
   //     border-style:solid;
   //     border-color:transparent transparent transparent #c70e09;/*透明 透明 透明 灰*/
   //     position: absolute;
   //     top:0px;
   //     left:60px;
   // }
.djs{
    width:100%;
    font-size: 17px;
    margin-left: 6%;
    text-align: center;
    line-height: 40px;
    background:white;
}
.djs img{
    margin-right: 9px;
    margin-top: -13px;
    margin-left: 18px;
}
#tian{
    font-size:30px;
    color:#fff;
    background:#f3a344;
    border-radius:4px;
    letter-spacing: 10px;
    margin-right:5px;
    padding-left: 10px;
// width:40px;
}
.exam_list{
    width:100%;
//

//
border-left: 1px solid #678c63;
//
border:1px solid #EEEEEE;
    background:white;
    margin-top: 5px;
    line-height: 20px;
    border-bottom:24px solid white;
}
.list{
    position: relative;
    border-left:1px solid #e6e6e6;
}
.border_r{
    display: block;
    width: 7px;
    height: 7px;
    background: #fff;
    border: 1px solid #E4E7F0;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 26px;
    left: -5px;
}
.border_r1{
    display: block;
    width: 7px;
    height: 7px;
    background: #fff;
    border: 1px solid #F08400;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 25px;
    left: -5px;
}
.baoming{
    border-radius:30px;
    color:#fff;
    font-size: 14px;
    display: flex;
    width:80px;

    justify-content: space-around;
    background:#649CF0;
    position: absolute;
    top:-15px;
    left:-41px;
}
.h{
    width:100%;
    display: flex;
    line-height: 60px;
    height: 61px;
    justify-content:space-between;
}

// .exam_xsanj{
   //     display: inline-block;
   //     width:0;
   //     height:0;
   //     border-width:0 10px 10px;
   //     border-style:solid;
   //     border-color:transparent transparent #F3F3F3;/*透明 透明  灰*/
   //     position: absolute;
   //     top: 40px;
   //     left:20px;
   // }
.list ul{
    margin:0 auto;
    width:90%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    background:#F3F3F3;
// margin-left:10px;
}
.list ul li{
    width:27%;
    text-align: center;
    height: 38px;
    font-size: 13px;
    line-height: 38px;

}
.list ul li a:hover{
    color:red;
}

.h p a{
    display:inline-block;

    font-size: 14px;
    color:#de3534;
    padding:0px 5px;
    color:#ef522b;
    border-radius:4px;
    line-height: 32px;
    height:32px;
}
.h p{
    text-align: center;
    margin-left:-16%;
}
.h p a:hover{
    color:#fff!important;
    background:#ef522b;
}

#swiper-wrapper{
    width:100%;
    height:251px;
}
#swiper-pagination{
    width:100%;
    /* /* position: absolute; */
    position: relative;
    bottom: -14%;
    margin-left: 40%;
}
.swiper-wrapper{
    transition-timing-function: linear;

}
.swiper-slide{
    width: 100%;
    position:relative;

}
.swiper_top{
    width:100%;
    height:325px;
    overflow: hidden;
}
.swiper-slide img{
    width:100%;
    height:325px;
}
.swiper_bot{
    width:100%;
    display:flex;
    justify-content: space-around;

}
.swiper_list{
    margin-top: 25px;
    padding:10px;
    width:46%;
    border-radius:6px;
    overflow: hidden;
    position: relative;
    background:white;
}
.swiper_list .register {
    line-height: 22px;
    margin-bottom: 15px;
    height: 44px;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}
.ornament-line{
    height: 10px;
    width: 1px;
    background: #F0F0F0;
    margin: 0 18px;
    display: inline-block;
}
.exam-name,.course-len,.daytime{
    color: #9598A2;
    font-size: 12px;
}
.register_tit{
    color:#56524e;
    display: inline;
    font-size:17px;
    line-height:40px;
    margin-left: 43px;
}
.people{
    width:100%;
    display: flex;
    justify-content: space-around;
    margin-bottom:4px;
    margin-top: 5px;
}
.people dl{
    width: 30%;
    text-align: center;
}
.people dl dt img{
    width: 100%;

}
.people dl dt{
    text-align: center;
    width: 68%;
    height:57px;

    border-radius:50%;
    overflow: hidden;
    margin:0 auto;

    border:0.5px solid #f3eeee;
}
.people dl dd{
    color:#9598A2;
    font-size: 12px;
    margin-top:10%;
}
.numsx{
    margin-right:10px;
    font-size:20px;
    color: #f54030;
    margin-top:15px;
}
.Audition{
    width:100%;
    border-top:0.5px solid #E8E8E8;
    /*margin-top: 10%;*/
    display: flex;
    justify-content: space-between;
    padding: 10px;
    padding-bottom: 5px;
}
.xgou{
    width:85px;
    height:40px;
}
.xgou span{
    width:100%;
    font-size: 12px;
    line-height: 12px;
    color:#9598A2;
}
.title_bottom{
    width:95%;
    background:white;
    margin-top: 0px;
}.title_bottom1{
    width:95%;
    background:white;
    margin-top: 0px;
}
.title_bottom ul{
    display:flex;
    width:100%;

    display: flex;
    justify-content: space-around;
    border-top:1px solid #ccc;
    background:#F3F3F3;
}.title_bottom1 ul{
    display:flex;
    width:100%;

    display: flex;
    justify-content: space-around;
    border-top:1px solid #ccc;
    background:#F3F3F3;
}
.title_bottom ul dl{
    width:50%;
    height: 73px;
    color:#000;
    text-align: center;
    display:flex;
    flex-direction: column;
    line-height:35px;
    cursor: pointer;
}.title_bottom1 ul dl{
    width:50%;
    height: 73px;
    color:#000;
    text-align: center;
    display:flex;
    flex-direction: column;
    line-height:73px;
}
.title_bottom ul dl dt{
    width:100%;
    display:block;
}.title_bottom1 ul dl dt{
    width:100%;
    display:block;
}
.title_bottom ul dl dd{
    font-size: 16px;
    font-weight: 500;
}.title_bottom1 ul dl dd{
    font-size: 16px;
    font-weight: 500;
}
.title_bottom ul dl #icons{
    font-size: 20px !important;
}.title_bottom1 ul dl #icons{
    font-size: 20px !important;
}
.sign_in {
    width:95%;
}
.sign_in img {
    width:100%;
}
.active{

    background:#fff;
    font-size: 18px;
    border-bottom: none;
    border-top:1px solid red;
}
.active1{
    background:#fff;
    font-size: 18px;
    border-bottom: none;
    border-top:1px solid red;
}
.new1{
    width:90%;
    margin:21px auto;
    border:1px solid white;
    display:none;

}
#new2{
    width:98%;
    position: relative;

}
.road{
    text-align: center;
    color:#fff;
    line-height:30px;
    width:100%;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;

}
.rade{
    padding:10px;
    margin-bottom:10px;
}
.roadtime{
    padding:10px;
}
.tearch{
    width:90%;
    display: flex;
    align-items: center;
    margin:0 auto;
    margin-bottom:10px;

}
.tearch .teachimg{
    display: flex;
    width: 67px;
    height: 51px;
    border-radius: 40px;
    overflow: hidden;
    margin-right: 12px;
}
.ls{
    margin-left:20px;
}
.classtearch{
    width:90%;
    margin:0 auto;
    display: flex;
    line-height:60px;
    justify-content: space-between;
    border-top:1px solid #ccc;
    margin-top:-42px;
    margin-left:35px;
}
.nums{
    margin-left:60px;
    color:#A90000;
}
.webteacher{
    width:100%;
    border:1px solid #E8E8E8;
    margin-top: 4px;
    /* border-left:none; */
    background:#ffffff;
    border-bottom: 1px solid white;
}
.teachtitle{
    width: 60%;
}
.webteacher h3:hover{
    color:red;
}
.webteacher h3{
    margin-top: 23px;
    font-size: 16px;
    margin-left:16px;
    margin-bottom: 8px;
}
.teachlist{
    width:100%;
    display: flex;
    justify-content: space-around;
    position: relative;
    margin-bottom: 26px;
    margin-top: 8%;
}
.teachtitle p{
    font-size: 13px;line-height:20px;
}
#ic{
    font-family: 'iconfont';
    color:green;
    font-size: 20px;
}
.teachtitle span{
    font-size: 14px;
    color:#ccc;
    letter-spacing: 0px;
}
.teachlist .tearch{
    line-height: 20px;
    width:30%;
}
.swiper_footer {
    margin-top:10px;
    width:100%;
    border:0.5px solid #ccc;
}
#newtp {
    float: left;
    width: 100%;
    margin-top: 3%;
    margin-left:3px;
    line-height: 150px;
}
.news {
    width: 99%;
    background:white;
    position:relative;
    border-top: 8px solid white;
}
.npail a{
    color:#333333;
    font-size: 15px;
    line-height: 29px;
}
#ntop {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #cccccc;
    width: 100%;
    padding-bottom: 12px;
    line-height: 30px;
}

.nziti {
    line-height: 33px;
    color: #FF0000;
    width: 100%;
    margin-top: 7px;
    font-family: "微软雅黑";
    font-size: 17px;
    font-weight: bold;
    display: flex;
    text-align: center;
}
.baom {
    float: left;
    height: 18px;
    width: 32px;
    margin-left:16px;
    margin-right: 8px;
}
.nziti a {
    color: #FF0000;
}
.nziti a:hover {
    color:#FF9900;
}
.npail {
    height: auto;
    width: 90%;
    margin-top: 0px;
    line-height: 30px;
    padding-left: 9px;
}
#ntop1 {
    text-align: center;
    height: auto;
    width: 100%;
    padding-bottom:10px;
}
#hotzr {
    text-align: center;
    width: 100%;
    padding-bottom: 0px;
    margin-top: 20px;
    position: relative;
}
#hotzr ul{
    width:100%;
    display: flex;
    height:30px;
    line-height: 30px;

}
#hotzr ul h4{
    margin-left: 15px;
    line-height: 40px;
    margin-top: -3px;
    font-size: 16px;
}
#hotzr ul h4:hover{
    color:red;
}

.dls{
    background:white;
    width:95%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-bottom: 20px solid white;
    border-top: 10px solid white;

}
.dls dl{
    width:33%;
    text-align: center;
    font-size: 12px;
    margin-top:10px;
}
.dls dl a{
}
.dls dl dt{
    height:65px;
}
#mn{
    display:none;
    display: flex;
    text-align: center;
    font-size: 12px;
}
.peng{
    font-size: 13px;
    margin-left:18px;
    margin-top:20px;
}
.videos{
    width:90%;
    margin:0 auto;
    background:#000;
    height:300px;
    margin-top:10px;
}
#videoed{
    width:50%;
    height: 100%;
}
.tables{
    width:90%;
    margin:0 auto;
}
#zhuanqu {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5px;
    margin:0 auto;
    margin-bottom:10px;
}
#stzq1{
    width:100%;
    display: flex;
    margin-top: 1%;
}
#zqrig{
    width:70%;
    display: flex;
    justify-content: space-around;
}
#zqleft{
    width:30%;
    padding-bottom:10px;
    padding-top:8px;
    background-color:white;
    margin-left: 3px;
}
#right{
    width:30%;
}
.zqfont {
    background:white;
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 69px;
    width: 100%;
    margin-bottom: 5px;
}
.tup{
    width:100%;
}
.tup a img{
    width:100%;
}
.ziti {
    background-color:white;
    line-height: 25px;
    color: #FF0000;
    width: 100%;
    margin-top: 6px;
    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-bottom:20px;
}

.ziti li {
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 10px;
    margin-left: 2px;
    line-height: 21px;
    font-size:12px;
}
.left{
    width:68%;
}
#left {
    float: left;
    // height: 330px;
    width: 68%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.zongzt {
    height: auto;
    width: 100%;
}
.wewrfq {
    width:100%;
    margin-bottom: 2px;
}
.wewrfq li {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 30px;
    padding-left:15px;
}
.wewrfq ul li span {
    color: #FF0000;
    float: right;
    display:block;
    font-size:15px;
    padding-right:15px;
}
.wewrfq a {
    font-size:15px;
    color: #333333;
}
.wewrfq a:hover {
    color:#FF9900;
}
.wewrfq1 {
    width:100%;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #cccccc;
    padding-top: 2px;
}
.wewrfq1 li {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 30px;
    padding-left:15px;
    font-size: 15px;
}
.wewrfq1 ul li span {
    color: #FF0000;
    float: right;
    display:block;
    font-size:15px;
    margin-right:15px;
}
.wewrfq1 a {
    font-size:15px;
    color: #333333;
}
.zqfontbs {
    background-image: url(/templates/tp01/images/mokao.gif);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 69px;
    width: 179px;
    margin-bottom: 5px;
}
.ziti li {
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 10px;
    margin-left: 2px;
    line-height: 21px;
    font-size:12px;
}
.ziti a {
    color: #333333;
    font-weight:lighter;
}
.ziti a:hover {
    color:#FF9900;
}
.zqfont a {
    float: left;
    margin-left: 15px;
    margin-top: 45px;
    color: #094e7f;
    font-size: 13px;

}
.zqfont a:hover {
    color:#3c3f87;
    font-weight: bold;
}
.zqfonts a {
    float: left;
    margin-left: 15px;
    margin-top: 45px;
    color: #094e7f;
    font-size: 13px;
}
.zqfonts a:hover {
    color:#3c3f87;
    font-weight: bold;
}
.zqfontbs a {
    float: left;
    margin-left: 15px;
    margin-top: 45px;
    color: #094e7f;
    font-size: 13px;
}
.zqfontbs a:hover {
    color:#3c3f87;
    font-weight: bold;
}
.dhzq {
    background:#e9f4fa;
    height: 31px;
    width:100%;
}
.dhzq2{
    height:40px;
    width:95%;
    background-color:#f5f7f9;
    color:red;
}
.dhzq a {
    color: #094e7f;
    line-height: 31px;
    text-align: center;
    float: left;
    height: 31px;
    width: 90px;
    font-size: 15px;

}
.dhzq2 a {
    color: rgb(0,0,0);
    line-height: 40px;
    text-align: center;
    float: left;
    height: 40px;
    width: 49%;
    font-size: 15px;
    border: 1px solid #c3c3c3;
    border-radius: 0 15px 0 0;
    background-color:white;
}
.dhzq a:hover {
    color:red;
    line-height: 31px;
    text-align: center;
    float: left;
    height: 31px;
    width: 90px;
    font-size: 15px;
    font-weight: bold;
    background:#fff;
    text-decoration: underline;
}
.dhzq2 a:hover {
    color:#FF0000;
    line-height: 40px;
    text-align: center;
    float: left;
    height: 40px;
    width: 49%;
    font-size: 15px;
    font-weight: bold;
    background:#fff;
    text-decoration: underline;
}
.rotzt1 {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #cccccc;
}
.rotzt1 a {
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
    margin-right: 2px;
    margin-left: 2px;
}
.rotzt1 a:hover {
    color:#FF9900;
}

.ksdd_tit,.kwfy_tit,.zszc_tit{
    background: white;
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    width: 90px;
    font-size: 16px;
    color: #313131;
    line-height: 31px;
    display: block;
    border-radius: 0 15px 0 0;
    float: left;
}
.ksdd,.kwfy,.zszc{
    padding-top: 4px;
    float: left;
    height: auto;
    width: 100%;
}

.ksdd li,.kwfy li,.zszc li{
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 14px;
    line-height: 30px;
}

.ksdd li a,.kwfy li a,.zszc li a {
    color: #333333;
}

.ksdd li a:hover,.kwfy li a:hover,.zszc li a:hover {
    color: #FF9900;
}

.sif1{
    background-image: url(../images/index/ztlqiehbj.gif);
    background-position: left top;
    background-repeat: no-repeat;}
.sif {
    background-image: url(../images/index/ztlqiehbj12.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
}
.dhzqz {
    background:white;
    background-repeat: repeat-x;
    background-position: left top;
    height: 32px;
    width: 97%;
    padding-left: 5px;
}
.dhzqz a {
    color: #313131;
    line-height: 31px;
    text-align: center;
    float: left;
    height: 31px;
    width: 90px;
    font-size: 15px;
}
// .dhzqz a:hover {
//     color:#FF0000;
//     line-height: 31px;
//     text-align: center;
//     float: left;
//     height: 31px;
//     width: 90px;
//     font-size: 14px;
//     text-decoration: underline;
//     border-bottom:none;
// }
.blbj1{
    background-image: url(../images/index/ztlqiehbj.gif);
    background-position: left top;
    background-repeat: no-repeat;}
.blbj {
    background-image: url(../images/index/ztlqiehbj12.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
}
.linian {
    width: 100%;
    text-indent: 20px;
    font-size: 16px;
    margin-top: 8px;
}
.linian a {
    color: #333333;
    margin-right: 2px;
    margin-left: 2px;
}
.linian a:hover {
    color:#FF9900;
}

.dhzqz a:hover {
    text-decoration: none;
}
.rotzt {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #cccccc;
}
.rotzt a {
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
    margin-right: 2px;
    margin-left: 2px;
}
.rotzt a:hover {
    color:#FF9900;
}
#kazc {
    background: #ffffff;
    background-repeat: repeat-x;
    background-position: left top;
    height: 31px;
    width: 100%;
    justify-content: space-around;
    font-size: 14px;
}
.wewrfq1 a:hover {
    color:#FF9900;
}
#kazc a {
    /* height: 35px; */
    background: white;
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    /* height: 40px; */
    width: 90px;
    /* margin-left: 12px; */
    font-size: 16px;
    color: #313131;
    line-height: 31px;
    display: block;
    border-radius: 0 15px 0 0;
    float:left;
}
#zqleft ul {
    padding-top:4px;
    float: left;
    height: auto;
    width:100%;
    _width:100%;
}
#zqleft li {
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 14px;
    line-height: 30px;
}
#zqleft ul li a {
    color: #333333;
}
#zqleft ul li a:hover {
    color:#FF9900;
}
#ksbook dl {
    width:25%;
    display: flex;
    height: auto;
    display: flex;
}
#ksbook dt {
    height: 103px;
    width: 74px;
    margin-top: 0;
    margin-right: 8px;
}
#ksbook {
    height: 181px;
    width:96.8%;
    margin-top:10px;
    margin:0 auto;
    background: #fff;
    /*border: 1px solid #a9ceed;*/
}
.bookdh {
    height: 31px;
    width:86.8%;
    margin-bottom: 9px;
    font-family: "微软雅黑";
    font-size: 16px;
    line-height: 31px;
    font-weight: bold;
    text-indent: 15px;
    margin-top: 15px;
}
.bookdh a {color: #082831;}
.bookdh a:hover {color:#FF9900;}
.footer{
    width:100%;
    display: flex;
    justify-content: space-around;
}
.footer dl dd{
    font-size: 12px;
}
.footer dl dd a{
    color:#000;
}
#bottom {
    height: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    line-height: 24px;
    padding-top: 20px;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #cacaca;
    color: #333333;
    padding-bottom: 20px;
    font-size: 12px;
}
.courses{
    display: flex;
    width:100%;
    padding:10px 0;
    box-sizing: border-box;
    background: #e2e4f3;
    margin:5px 0 10px 0;
}
.courses li{
    padding:0 10px;
    font-size:14px;
    color:#7364a7;
    text-align: center;
}
.tableBox{
    display: flex;
    margin-bottom:20px;
}
.tableLeft,.tableRight{
    width:48%;
}
.tableLeft table,.tableRight table{
    border-color:#9795a2;
    border-collapse:collapse;
    width:100%;
}

.tableLeft{
    margin-right:20px;
}
.tableLeft table tr:nth-child(1),.tableRight table tr:nth-child(1){
    background: #e3e5f1;
}
.tableLeft table tr:last-child td:first-child{
    font-weight: 600;
}
.tableLeft table tr:nth-child(1),.tableLeft table tr:last-child td{
    font-size:11px;
    height:28px;
    padding:0 10px;
    box-sizing: border-box;
    color: #0f0621;
}
.tableRight table tr:nth-child(1),.tableRight table tr:last-child td{
    font-size:11px;
    height:32px;
    padding:0 10px;
    box-sizing: border-box;
    color: #0f0621;
}
.tableLeft table tr:nth-child(1) th{
    text-align: center;
}
.tableRight table tr:nth-child(1) th{
    font-weight: normal;
}
.tableLeft table tr:not(:first-child) td{
    height:24px;
    text-align: center;
}
.tableRight table tr:not(:first-child) td{
    height:30px;
    text-align: center;
}
.tableLeft table tr td, .tableRight table tr td{
    padding:0 30px;
    box-sizing: border-box;
    font-size:10px;
    color:#18171c;
}
.tableLeft table tr:not(:first-child) td:first-child{
    color:#625e55;
}
.signUp{
    height:85px;
    padding:8px;
    writing-mode:vertical-rl;
    letter-spacing:7px;
    background: #ff7f11;
    color:#fff7d3;
    border:1px solid #ca7647;
    border-radius: 10px;
    font-weight: 600;
    font-size:14px;
    background: -webkit-linear-gradient(left, #fbc501 , #ff5c0f);
    background: -o-linear-gradient(right, #fbc501, #ff5c0f);
    background: -moz-linear-gradient(right, #fbc501, #ff5c0f);
    background: linear-gradient(to right, #fbc501 , #ff5c0f);
}
tr td ol li{
    list-style-type:decimal;
    text-align: left;
    padding:5px;
    box-sizing: border-box;
    margin-left:20px;
}
.tableRight table tr td ol li b{
    color:#eb0623;
    font-size:16px;
    margin: 0 3px;
    font-weight: normal;
}
.Discount{
    width:100%;
}
.Discount tr:nth-child(1){
    background:#fff !important;
}
.Discount tr td:first-child div{
    width:20%;
    height:40px;
    display: inline-block;
    position: relative;
}
.Discount tr td:first-child span{
    background: #f44b44;
    color:#fff3d1;
    width:100%;
    height:40px;
    text-align: center;
    line-height:40px;
    box-sizing: border-box;
    border-radius:5px;
    font-size:14px;
    display: inline-block;
    position: absolute;
    left:0;
    top: -10px;
}
.Discount tr td:first-child ol{
    display: inline-block;
}
.Discount tr td:last-child{
    text-align: center;
}
.w1180 {
    width:90%;
    width:1200px\9;
    margin: 0 auto;
}
.hq2018title {
    height: 90px;
    position: relative;
}
/* line 189, */
.hq2018title h2 {
    font-size: 24px;
    font-weight: bold;
    color: #171920;
    line-height: 90px;
}
.hq2018lesson.clearfix {}
/* line 753*/
.hq2018lesson .n_title {
    margin: 40px 0;
    font-size: 14px;
    font-weight: normal;
}
/* line 757*/
.hq2018lesson .n_title span {
    font-size: 20px;
    font-weight: bold;
}
.hq2018lesson .n_title a.more{
    margin-top: 8px;
}
/* line 762*/
.hq2018lesson .n_lessonpage {
    display: block;
    float: left;
    background: #ffffff;
}
/* line 766*/
.hq2018lesson .n_lessonpage .fixtop {
    display: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -590px;
    z-index: 99;
}
/* line 776*/
.hq2018lesson .n_lessonpage .fixtop b {
    height: 10px;
    width: 40px;
    position: absolute;
    left: 0px;
    background: #ffffff;
    bottom: -10px;
}
/* line 785*/
.hq2018lesson .n_lessonpage .fixtop b s {
    height: 10px;
    width: 40px;
    display: block;
    background: #649cf0;
    border-radius: 8px 0 0 0;
}
/* line 793*/
.hq2018lesson .n_lessonpage .title {
    width: 40px;
    float: left;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
/* line 802*/
.hq2018lesson .n_lessonpage .title div {
    display: block;
    vertical-align: middle;
    border-bottom: 1px solid #eff5fd;
    background: #649cf0;
    padding: 0 12px;
}
/* line 810*/
.hq2018lesson .n_lessonpage .title div span {
    padding: 10px 0;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
/* line 818*/
.hq2018lesson .n_lessonpage .title .t1 {
    background: #f5f7f9;
    border: none;
    height: 54px;
}
/* line 824*/
.hq2018lesson .n_lessonpage .title .t2 {
    border-radius: 8px 0 0 0;
}
/* line 827*/
.hq2018lesson .n_lessonpage .t3, .hq2018lesson .n_lessonpage .t3 .k1,.hq2018lesson .n_lessonpage .t3 .k2 {
    float: left;
}
.hq2018lesson .n_lessonpage .t4{
    clear: both;
}
.hq2018lesson .n_lessonpage .t4 strong{
    float: left;
}
.hq2018lesson .n_lessonpage .t5,.hq2018lesson .n_lessonpage .t6,.hq2018lesson .n_lessonpage .t7,.hq2018lesson .n_lessonpage .t8 {
    clear: both;
}

/* line 830*/
.hq2018lesson .n_lessonpage .title .t8 {
    border-radius: 0px 0 0 8px;
    border: none;
}
/* line 835*/
.hq2018lesson .n_lessonpage .list {
    width: 240px;
    float: left;
}
/* line 839*/
.hq2018lesson .list-3 .list {
    width:32%;
}
/* line 842*/
.hq2018lesson .n_lessonpage .list:hover {
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 8px 8px 0 0;
    position: relative;
    z-index: 5;
}
/* line 850*/
.hq2018lesson .n_lessonpage .list .n_dx {
    font-family: "simsun";
    font-size: 12px;
    color: #ffffff;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #f16262;
    border-radius: 5px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
/* line 867*/
.hq2018lesson .n_lessonpage .list .n_gm {
    font-family: "simsun";
    font-size: 12px;
    color: #649cf0;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #649cf0;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    position: relative;
    top: -1px;
}
/* line 885*/
.hq2018lesson .n_lessonpage .list .n_gm:hover {
    background: #649cf0;
    color: #ffffff;
    cursor: pointer;

}
/* line 891*/
.hq2018lesson .n_lessonpage .list .t1 {
    height: 54px;
    background: #649cf0;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
    position: relative;
    border-radius: 8px 8px 0 0;
    width:380px;
    z-index:10;
}
/* line 903*/
.hq2018lesson .n_lessonpage .list .t1 span {
    font-size: 14px;
    border: 1px solid #ffffff;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: 14px;
    border-radius: 3px;
    position: absolute;
    top: 17px;
}
/* line 916*/
.hq2018lesson .n_lessonpage .list .t2 {
    background: #ffffff;
}
/* line 920*/
.hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t8 {
    border-right: 1px solid #eeeeee;
}
/* line 924*/
.hq2018lesson .n_lessonpage .list .t2, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5, .hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    border-right: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 40px;
    border-bottom: 1px solid transparent;
}
/* line 932*/
.hq2018lesson .n_lessonpage .list .t7 {
    color: #f16262;
}
/* line 936*/
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    line-height: 32px;
}
/* line 940*/
.hq2018lesson .n_lessonpage .list .t3 {
    padding: 20px;
}
/* line 944*/
.hq2018lesson .n_lessonpage .list .t3 div {
    margin-bottom: 8px;
}
/* line 948*/
.hq2018lesson .n_lessonpage .list .t3 div span {
    font-size: 14px;
    line-height: 23px;
    width: 82px;
    padding-left: 8px;
    display: inline-block;
}
/* line 956*/
.hq2018lesson .n_lessonpage .list .t3 div .nr {
    background: #eff5fd;
    width: 278px;
    margin-bottom: 0px;
    padding: 10px;
    float: left;
    border-radius: 8px 0 0 8px;
}
/* line 965*/
.hq2018lesson .n_lessonpage .list .t3 div .title {
    background: #b7d1f8;
    font-size: 14px;
    color: #ffffff;
    width: 14px;
    float: left;
    border-radius: 0 8px 8px 0;
    margin-bottom: 0px;
    padding: 0 13px;
}
/* line 976*/
.hq2018lesson .n_lessonpage .list .t3 div .title b {
    display: table-cell;
    vertical-align: middle;
    width: 14px;
}
/* line 982*/
.hq2018lesson .n_lessonpage .list .t3 .k2 .title {
    background: #93baf4;
}
/* line 986*/
.hq2018lesson .n_lessonpage .list .t3 .k3 .title {
    background: #649cf0;
}
/* line 990*/
.hq2018lesson .n_lessonpage .list .t8 {
    padding: 24px 8px;
    background: #ffffff;
}
/* line 995*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon {
    text-align: center;
    margin: 7px 0 20px;
    height: 14px;
}
/* line 1001*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span {
    color: #f16262;
    border: 1px solid #f16262;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px;
}
/* line 1009*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span a {
    color: #f16262;
}
/* line 1013*/
.hq2018lesson .n_lessonpage .list .t8 p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}
/* line 1020*/
.hq2018lesson .n_lessonpage .list .t8 p span {
    color: #f16262;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-right: 10px;
}
/* line 1028*/
.hq2018lesson .n_lessonpage .list .t8 p span b {
    font-size: 14px;
}
/* line 1032*/
.hq2018lesson .n_lessonpage .list .t8 p s {
    text-decoration: line-through;
    font-size: 14px;
    color: #999999;
}
/* line 1038*/
.hq2018lesson .n_lessonpage .list .t8 .n_button {
    text-align: center;
    margin-top: 20px;
}
/* line 1043*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    width: 98px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: #649cf0;
    margin: 0 8px;
}
/* line 1054*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a .icon, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose li, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a li, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose .choose_now, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a .choose_now {
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
/* line 1060*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 154px;
}
/* line 1066*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk {
    background: #ffffff;
    border: 1px solid #649cf0;
    color: #649cf0;
}
/* line 1074*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk:hover {
    background: #4187f0;
    border: 1px solid #4187f0;
    color: #ffffff;
}
/* line 1080*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart {
    background: #649cf0;
    border: 1px solid #649cf0;
}
/* line 1085*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart:hover {
    background: #4187f0;
    border-color: #4187f0;
}


.hq2018lesson .n_lessonpage .list .t8 .icon-n_talk{
    display: inline-block;
    background: url("../images/zixun_2.png") center no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: text-bottom!important;
}
.hq2018lesson .n_lessonpage .list .t8 .icon-n_cart{
    vertical-align: text-bottom!important;
    background: url("../images/cart_1.png") center no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;

}
.hq2018lesson .n_lessonpage .list .t8 .n_talk:hover .icon-n_talk{
    background: url("../images/zixun_1.png") center no-repeat;
}

/* line 1090*/
.hq2018lesson .n_lessonpage .list .t2,.hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5,
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7, .hq2018lesson .n_lessonpage .list .t8 {
    border-bottom: 1px solid #eeeeee;
}
/* line 1094*/
.hq2018lesson .n_lessonpage .green .t1 {
    background: #8cc360;
}
/* line 1098*/
.hq2018lesson .n_lessonpage .green .t3 .nr {
    background: #f6ffef !important;
}
/* line 1102*/
.hq2018lesson .n_lessonpage .green .t3 .k1 .title {
    background: #cce7b6;
}
/* line 1106*/
.hq2018lesson .n_lessonpage .green .t3 .k2 .title {
    background: #b0d791;
}
/* line 1110*/
.hq2018lesson .n_lessonpage .green .t3 .k3 .title {
    background: #8cc360;
}
/* line 1114*/
.hq2018lesson .n_lessonpage .yellow .t1 {
    background: #fdb736;
}
/* line 1118*/
.hq2018lesson .n_lessonpage .yellow .t3 .nr {
    background: #fffbf3 !important;
}
/* line 1122*/
.hq2018lesson .n_lessonpage .yellow .t3 .k1 .title {
    background: #fee0a7;
}
/* line 1126*/
.hq2018lesson .n_lessonpage .yellow .t3 .k2 .title {
    background: #fece76;
}
/* line 1130*/
.hq2018lesson .n_lessonpage .yellow .t3 .k3 .title {
    background: #fdb736;
}
/* line 1134*/
.hq2018lesson .n_lessonpage .red .t1 {
    background: #e24945;
}
/* line 1138*/
.hq2018lesson .n_lessonpage .red .t3 .nr {
    background: #fff6f6  !important;
}
/* line 1142*/
.hq2018lesson .n_lessonpage .red .t3 .k1 .title {
    background: #f3b1af;
}
/* line 1146*/
.hq2018lesson .n_lessonpage .red .t3 .k2 .title {
    background: #ec8481;
}
/* line 1150*/
.hq2018lesson .n_lessonpage .red .t3 .k3 .title {
    background: #e24945;
}
/* line 1154*/
.hq2018lesson .n_lessonpage .list-3 .list {
    width: 320px;
}
/* line 1158*/
.hq2018lesson .n_lessonpage .list-3 .t3 div .nr {
    width: 278px !important;
}
/* line 1162*/
.hq2018lesson .n_lessonpage.list-2 .list {
    width: 570px;
}
/* line 1166*/
.hq2018lesson .n_lessonpage.list-2 .t3 div .nr {
    width: 468px !important;
}
ol, ul, li, menu {
    list-style: none outside none;
}

/* line 3, */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%;
}

/* line 9, */
body {
    word-wrap: break-word;
    cursor: default;
    font-family: "microsoft YaHei", "微软雅黑", "宋体", "黑体";
}

/* line 15, */
body {
    font: 14px/1.5 arial,\5B8B\4F53,sans-serif;
    background: #f5f7f9;
}

/* line 22, */
a {
    cursor: pointer;
    outline: 0 none;
    color: #171920;
}

/* line 28, */
:active {
    outline: 0;
}

/* line 32, */
:visited {
    outline: 0;
}

/* line 36, */
:link, :visited, ins {
    text-decoration: none;
}

/* line 40, */
[hidden] {
    display: none;
}

/* line 44, */
body {
    margin: 0;
    min-width: 1180px;
}

/* line 49, */
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
}

/* line 55, */
fieldset, iframe {
    border: 0 none;
}

/* line 59, */
img {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/* line 65, */
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
}

/* line 69, */
h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub, small, input, button, textarea, select {
    font-size: 100%;
}

/* line 73, */
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}

/* line 78, */
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* line 85, */
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* line 91, */
textarea, input, select {
    outline: 0 none;
}

/* line 95, */
ol, ul, li, menu {
    list-style: none outside none;
}

/* line 99, */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 104, */
td {
    vertical-align: top;
}

/* line 108, */
caption, th {
    text-align: left;
}

/* line 112, */
sup {
    vertical-align: text-top;
}

/* line 116, */
sub {
    vertical-align: text-bottom;
}

/* line 120, */
blockquote, q {
    quotes: none;
}

/* line 124, */
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* line 129, */
mark {
    background-color: #FF6;
}

/* line 133, */
del {
    text-decoration: line-through;
}

/* line 137, */
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

/* line 142, */
input, select, button {
    vertical-align: middle;
}

/* line 146, */
button {
    width: auto;
    cursor: pointer;
    overflow: visible;
}

/* line 152, */
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    margin-right: 5px;
    margin-top: -3px;
    display: inline-block;
}

/* line 158, */
button::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}

/* line 164, */
.clearfix:after, .hq2018course .w1180:after, .hq2018course .coursemain:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

/* line 172, */
.clearfix, .hq2018course .w1180, .hq2018course .coursemain {
    *zoom: 1;
}

/* line 176, */
.nobreak, .coursecard .coursecard-catelog, .coursecard .coursecard-time {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* line 182, */
.w1180 {
    width: 1184px;
    width:1200px\9;
    margin: 0 auto;
}

/* line 186, */
.hq2018title {
    height: 90px;
    position: relative;
}
/* line 189, */
.hq2018title h2 {
    font-size: 24px;
    font-weight: bold;
    color: #171920;
    line-height: 90px;
}

/* line 196, */
.font_16 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
}

/* line 199, */
.font_20 {
    font-weight: bold;
    font-size: 20px;
    margin: 40px 0 30px;
    height: 20px;
    line-height: 20px;
    vertical-align: text-bottom;
}

/* line 205, */
.icon-n_lesson {
    display: inline-block;
    background-image: url(http://www.hqwx.com/leraning/statics/blue/images/icon-sfb7750eb5a.png);
    background-repeat: no-repeat;
    background-position: 0 -793px;
    height: 14px;
    width: 17px;
    margin-left: 5px;
}

/* line 214, */
.right {
    float: right;
    font-size: 14px;
    color: #9598a2;
    font-weight: normal;
    margin-left: 20px;
    padding-left: 20px;
}
/* line 221, */
.right:hover {
    color: #649cf0;
}

/* line 226, */
.more {
    font-size: 14px;
    display: block;
    font-weight: normal;
    float: right;
    color: #9598a2;
    background: url(http://www.hqwx.com/web_news/assets/news/images/more_icon.png) right center no-repeat;
    text-align: right;
    padding-right: 22px;
}

/* line 236, */
.more:hover {
    color: #649cf0;
    background: url("http://www.hqwx.com/images/more_blue.png") right center no-repeat;
}

/* line 240, */
.tab {
    cursor: pointer;
}

/* line 245, */
.icon-sprite, .icon-baoming1, .icon-baoming2, .icon-dot_blue, .icon-dot_grey, .icon-fly, .icon-jiantou_1, .icon-jiantou_2, .icon-jiantou_3, .icon-jiantou_3b, .icon-jiantou_4, .icon-jiantou_4b, .icon-ke1, .icon-ke1_b, .icon-ke2, .icon-ke2_b, .icon-ke3, .icon-ke3_b, .icon-time, .icon-time_baoming, .icon-time_bg_blue, .icon-time_bg_grey, .icon-time_chafen, .icon-time_jiaocai, .icon-time_kaoshi, .icon-time_lingzheng, .icon-n_arrow-right, .icon-n_arrow-left, nav .daohang div a em {
    background-image: url("../images/icon-s8064240c7f.png");
    background-repeat: no-repeat;
}

/* line 249, */
.icon-baoming1 {
    background-position: 0 0;
}
/* line 251, */
.icon-baoming1:hover {
    background-position: 0 -120px;
}

/* line 257, */
.icon-dot_blue {
    background-position: 0 -240px;
}

/* line 261, */
.icon-dot_grey {
    background-position: 0 -251px;
}

/* line 265, */
.icon-fly {
    background-position: 0 -262px;
}

/* line 270, */
.icon-ke1 {
    background-position: 0 -368px;
    line-height: 16px;
}
/* line 273, */
.icon-ke1:hover {
    background-position: 0 -382px;
}

/* line 279, */
.icon-ke2 {
    line-height: 16px;
    background-position: 0 -396px;
}
/* line 282, */
.icon-ke2:hover {
    background-position: 0 -408px;
}

/* line 289, */
.icon-ke3 {
    line-height: 16px;
    background-position: 0 -420px;
}
/* line 292, */
.icon-ke3:hover {
    background-position: 0 -436px;
}

/* line 299, */
.icon-time {
    background-position: 0 -452px;
}

/* line 303, */
.icon-time_baoming {
    background-position: 0 -498px;
}

/* line 307, */
.kecheng_shiting {
    float: left;
    margin-left: 0 !important;
}

/* line 312, */
h2 {
    display: inline-block;
    font-weight: bold;
}

/* line 4*/
body {
    font-family: "microsoft yahei";
}

/* line 8*/
.coursecard {
    position: relative;
    width: 240px;
    height: 284px;
    padding: 21px 20px;
    top: 0px;
    background: #ffffff;
    transition: all .2s ease-in 0s;
    -webkit-transition: all .2s ease-in 0s;
    -moz-transition: all .2s ease-in 0s;
    display: block;
}
/* line 19, ../sass/screen.scss */
.coursecard .coursecard-catelog {
    font-size: 14px;
    color: #649cf0;
    padding: 0px 9px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #649cf0;
    border-radius: 24px;
    display: inline-block;
    max-width: 222px;
    margin-bottom: 10px;
}
/* line 33, ../sass/screen.scss */
.coursecard .coursecard-title {
    line-height: 26px;
    height: 52px;
    font-size: 16px;
    color: #171920;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
/* line 45, ../sass/screen.scss */
.coursecard .coursecard-time {
    color: #9598a2;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
}
/* line 52, ../sass/screen.scss */
.coursecard .coursecard-teacher {
    height: 82px;
    padding-top: 15px;
    border-bottom: 1px solid #f0f0f0;
}
/* line 56, ../sass/screen.scss */
.coursecard .coursecard-teacher li {
    display: inline-block;
    *float: left;
    *width: 50px;
    text-align: center;
    margin-right: 12px;
    font-size: 14px;
    line-height: 1;
    color: #9598a2;
}
/* line 62, ../sass/screen.scss */
.coursecard .coursecard-teacher li img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 9px;
    border-radius: 100%;
}
/* line 73, ../sass/screen.scss */
.coursecard .coursecard-teacher li {
    *display: inline;
}
/* line 78, ../sass/screen.scss */
.coursecard .coursecard-nums, .coursecard .coursecard-buynums {
    color: #9598a2;
    font-size: 12px;
    position: absolute;
    left: 21px;
    top: 266px;
    line-height: 1;
}
/* line 86, ../sass/screen.scss */
.coursecard .coursecard-buynums {
    top: 295px;
}
/* line 89, ../sass/screen.scss */
.coursecard .coursecard-price-free {
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 287px;
    color: #f54030;
    line-height: 1;
}
/* line 97, ../sass/screen.scss */
.coursecard .coursecard-price-over {
    color: #999999;
}
/* line 100, ../sass/screen.scss */
.coursecard .coursecard-price-number {
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 287px;
    color: #f54030;
    background: #ffffff;
    line-height: 1;
    font-family: 'arial';
}
/* line 109, ../sass/screen.scss */
.coursecard .coursecard-price-number span {
    font-family: 'microsoft yahei';
    font-size: 16px;
    margin-right: 3px;
}
/* line 115, ../sass/screen.scss */
.coursecard .coursecard-djs {
    font-size: 12px;
    color: #9598a2;
    line-height: 1;
    left: 21px;
    top: 266px;
    position: absolute;
}
/* line 122, ../sass/screen.scss */
.coursecard .coursecard-djs span {
    color: #f54030;
}
/* line 126, ../sass/screen.scss */
.coursecard .coursecard-oriprice {
    color: #cccccc;
    font-size: 12px;
    line-height: 1;
    top: 266px;
    text-decoration: line-through;
    right: 20px;
    position: absolute;
}

/* line 131*/
.hq2018course {
    background: #f5f7f9;
    margin-top: 40px;
}
/* line 134*/
.hq2018course .w1180 {
    padding-bottom: 1px;
}
/* line 138*/
.hq2018course .cousepart {
    display: block;
}
/* line 141*/
.hq2018course .coursemain {
    width: 880px;
    width: 900px\9;
    float: left;
}
/* line 145*/
.hq2018course .coursemain .pic {
    width: 580px;
    height: 326px;
    margin: 0px;
    margin-bottom: 19px;
    float: left;
    transition: all .2s ease-in 0s;
    -webkit-transition: all .2s ease-in 0s;
    -moz-transition: all .2s ease-in 0s;
}
.hq2018course .coursemain .pic:hover{
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hq2018course .coursemain .pic a{
    margin-left: 0px;
    margin-bottom: 0px;
    float: none;
    display: none;
}

/* line 150*/
.hq2018course .coursemain .pic img {
    vertical-align: baseline;
    display: block;
    width: 580px;
    height: 326px;
}

/* banner */
.pdy-banner-left {

    background: url("../images/banner-left.png") no-repeat 0 0 !important; }

.pdy-banner-right {
    background: url("../images/banner-right.png") no-repeat 0 0 !important; }

.pdy-banner-lefth, .pdybanner .pdy-banner-left:hover {
    background: url("../images/banner-lefth.png") no-repeat 0 0 !important; }

.pdy-banner-righth, .pdybanner .pdy-banner-right:hover {
    background: url("../images/banner-righth.png") no-repeat 0 0 !important; }

.pdybanner {
    background: #f5f7f9;
    position: relative;
}
.pdybanner .pdy-banner-left {
    position: absolute;
    left: 50%;
    margin-left: -280px;
    top: 140px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none; }
.pdybanner:hover .pdy-banner-left{
    display: block;
}
.pdybanner .pdy-banner-right {
    position: absolute;
    left: 50%;
    margin-left: 240px;
    top: 140px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none; }

.pdybanner:hover .pdy-banner-right {
    display: block;
}
.pdybanner .pdy_banner_pic a {
    display: none;
    width: 100%;
    height: 326px;
    background-color: #f5f7f9; }
.pdybanner .pdy_banner_choose {
    text-align: center;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 300px;
    margin-left: -140px;
    font-size: 0px; }
.pdybanner .pdy_banner_choose li {
    width: 26px;
    height: 13px;
    margin: 0 7px;
    display: inline-block;
    background: url(../images/bannern.png) top center no-repeat; }
.pdybanner .pdy_banner_choose li {
    *display: inline; }
.pdybanner .pdy_banner_choose .pdy_choose_now {
    background: url(../images/bannerc.png) top center no-repeat; }
.pdybanner:hover .pdybanner-banner-left, .pdybanner:hover .pdybanner-banner-right {
    display: block; }



/* line 155*/
.hq2018course .coursemain a {
    float: left;
    /*margin-left: 20px;*/
    /*margin-bottom: 20px;*/
    /*position: relative;*/
    /*top: 0px;*/
}
/* line 165*/
.hq2018course .coursemain .coursecard:hover {
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
/* line 172*/
.hq2018course .courseinfo {
    width: 280px;
    margin-left: 20px;
    background: #ffffff;
    float: left;
}
/* line 177*/
.hq2018course .courseinfo .daojishi {
    text-align: center;
    height: 140px;
}
/* line 180*/
.hq2018course .courseinfo .daojishi p {
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin: 5px 20px 0 20px;
}
.hq2018course .courseinfo .daojishi p.n_djs {
    padding-top: 10px;
}

/* line 185*/
.hq2018course .courseinfo .daojishi p.n_djs em {
    background-image: url("../images/icon-s8064240c7f.png");
    background-repeat: no-repeat;
    background-position: 0 -452px;
    display: inline-block;
    width: 34px;
    height: 46px;
    line-height: 46px;
    font-size: 42px;
    font-family: Arial;
    color: #649cf0;
    margin: 0 3px;
}
/* line 201*/

.hq2018course .courseinfo .time_line .shu_line {
    float: left;
    width: 3px;
    height: 460px;
    background-color: #e7eaf2;
    margin-left: 10px;
}
/* line 208*/
.hq2018course .courseinfo .time_line ul {
    position: relative;
    height: 526px;
    margin-top: 1px;
    margin-left: 13px;
}
/* line 215*/
.hq2018course .courseinfo .time_line ul li {
    width: 234px;
    height: 100px;
    padding: 0 0 0 8px;
    margin-bottom: 2px;
}
/* line 222*/
.hq2018course .courseinfo .time_line ul li .icon-n_list {
    text-align: center;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    width: 85px;
    background-position: 0 -534px;
    background-image: url("../images/icon-s8064240c7f.png");
    background-repeat: no-repeat;
    color: #ffffff;
    padding-left: 7px;
    margin-left: -15px;
    float: left;
}
/* line 235*/
.hq2018course .courseinfo .time_line ul li .icon-n_list img {
    margin-right: 7px;
    margin-top: -3px;
}
/* line 239*/
.hq2018course .courseinfo .time_line ul li.active .icon-n_list {
    background-position: 0 -510px;
}
/* line 244*/
.hq2018course .courseinfo .time_line ul li h4 a {
    color: #f16262;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    width: 153px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    display: inline-block;
}
/* line 249*/
.hq2018course .courseinfo .time_line ul li em {
    display: inline-block;
    margin-left: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f9f9f9;
}
/* line 258*/
.hq2018course .courseinfo .time_line ul li.active em {
    border-bottom: 10px solid #e9f3ff;
}
/* line 261*/
.hq2018course .courseinfo .time_line ul li p {
    background: #f9f9f9;
    padding: 5px;
    margin-top: -6px;
}
/* line 268*/
.hq2018course .courseinfo .time_line ul li p a {
    display: inline-block;
    font-size: 12px;
    line-height: 34px;
    margin: 0 10px;
}
/* line 275*/
.hq2018course .courseinfo .time_line ul li p a:hover {
    color: #009df0;
}
/* line 279*/
.hq2018course .courseinfo .time_line ul .row2 {
    height: 124px;
}
/* line 281*/
.hq2018course .courseinfo .time_line ul .row2 p a {
    line-height: 28px;
}
/* line 286*/
.hq2018course .courseinfo .time_line ul .active p {
    background: #e9f3ff;
}
/* line 291*/
.hq2018course .courseinfo .time_line .n_app {
    height: 126px;
    margin-top: 14px;
    border: 1px solid #eeeeee;
}
/* line 297*/
.hq2018course .courseinfo .time_line .n_app .new_page_title {
    margin-bottom: 4px;
}
/* line 301*/
.hq2018course .courseinfo .time_line .n_app a {
    margin-left: 15px;
    font-size: 14px;
}
/* line 306*/
.hq2018course .courseinfo .time_line .n_app a img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 3px;
}
/* line 313*/
.hq2018course .courseinfo .time_line .n_app p {
    font-size: 12px;
    color: #999999;
    padding-left: 15px;
    padding-top: 13px;
}

/*time_line2*/


/* line 208*/
.hq2018course .courseinfo .time_line2{
    height: 650px;
    margin-top:20px;
}

.hq2018course .courseinfo .time_line2 .title{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 20px;
}
.hq2018course .courseinfo .time_line2 ul {
    position: relative;
    height: 526px;
    margin-top: 1px;
    margin-left: 13px;
}
/* line 215*/
.hq2018course .courseinfo .time_line2 ul li {
    width: 234px;
    height: 100px;
    padding: 0 0 0 8px;
    margin-bottom: 2px;
}
.hq2018course .courseinfo .time_line2.four ul li {
    width: 234px;
    height: 148px;
    padding: 0 0 10px 8px;
    margin-bottom: 2px;
}
/* line 222*/
.hq2018course .courseinfo .time_line2 ul li .icon-n_list {
    border-left: 4px solid #649cf0;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-left: 5px;
    text-align: left;
}
/* line 235*/
.hq2018course .courseinfo .time_line2 ul li .icon-n_list img {
    margin-right: 3px;
}

.hq2018course .courseinfo .time_line2 ul li h4 a {
    color: #f16262;
    font-size: 12px;
    line-height: 24px;
}
/* line 249*/
.hq2018course .courseinfo .time_line2 ul li em {
    display: inline-block;
    margin-left: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f9f9f9;
}
/* line 258*/
.hq2018course .courseinfo .time_line2 ul li.active em {
    border-bottom: 10px solid #e9f3ff;
}
/* line 261*/
.hq2018course .courseinfo .time_line2 ul li p {
    text-align: center;
    background: #f9f9f9;
    padding: 5px 0px;
    margin-top: -6px;
}
/* line 268*/
.hq2018course .courseinfo .time_line2 ul li p a {
    display: inline-block;
    font-size: 12px;
    line-height: 34px;
    margin: 0 10px;
}
/* line 275*/
.hq2018course .courseinfo .time_line2 ul li p a:hover {
    color: #009df0;
}
/* line 279*/
.hq2018course .courseinfo .time_line2 ul .row2 {
    height: 124px;
}
/* line 281*/
.hq2018course .courseinfo .time_line2 ul .row2 p a {
    line-height: 28px;
}
/* line 286*/
.hq2018course .courseinfo .time_line2 ul .active p {
    background: #e9f3ff;
}
/* line 291*/
.hq2018course .courseinfo .time_line2 .n_app {
    height: 126px;
    margin-top: 14px;
    border: 1px solid #eeeeee;
}
/* line 297*/
.hq2018course .courseinfo .time_line2 .n_app .new_page_title {
    margin-bottom: 4px;
}
/* line 301*/
.hq2018course .courseinfo .time_line2 .n_app a {
    margin-left: 15px;
    font-size: 14px;
}
/* line 306*/
.hq2018course .courseinfo .time_line2 .n_app a img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 3px;
}
/* line 313*/
.hq2018course .courseinfo .time_line2 .n_app p {
    font-size: 12px;
    color: #999999;
    padding-left: 15px;
    padding-top: 13px;
}


/* line 323*/

nav,.nav {
    background: #649cf0;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    color: #FFFFFF;
}
/* line 329*/

nav h1 {
    font-size: 20px;
    font-weight: bold;
    width: 280px;
    width: 260px;
    float: left;
}
/* line 337*/
nav .daohang div {
    float: left;
}
/* line 339*/
nav .daohang div a {
    display: inline-block;
    width: 128px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
}
/* line 345*/
nav .daohang div a:hover {
    background: #5990e3;
}

/* line 347*/
nav .daohang div a:hover em {
    background-position: 0 -297px;
}
/* line 351*/
nav .daohang div a em {
    display: inline-block;
    margin-left: 8px;
    background-position: 0 -290px;
    width: 12px;
    height: 7px;
}
/* line 361*/

/* line 366*/
nav .daohang div ul {
    display: none;
    width: 128px;
    position: absolute;
    margin-top: -1px;
    z-index: 2;
    border-top: 1px solid #efeff0;
    border-left: 1px solid #efeff0;
    border-right: 1px solid #efeff0;
    margin-left: -132px;
    margin-top: 70px;
}

nav .daohang div:hover ul {
    display: block;
}
/* line 374*/
nav .daohang div ul li {
    width: 128px;
    border-bottom: 1px solid #efeff0;
    line-height: 30px;
    height: 30px;
}
/* line 379*/
nav .daohang div ul li a {
    color: #a7a9b2;
    font-size: 14px;
    background: #ffffff;
}
/* line 386*/
nav .daohang div ul li:hover a {
    color: #171920;
    background: #f4f5f6;
}

/* line 399*/
.icon-n_arrow-right {
    height: 16px;
    width: 16px;
    background-position: 0 -304px;
    cursor: pointer;
}

/* line 405*/
.icon-n_arrow-right:hover {
    background-position: 0 -320px;
}

/* line 408*/
.icon-n_arrow-left {
    cursor: pointer;
    margin: 0 10px;
    height: 16px;
    width: 16px;
    background-position: 0 -336px;
}

/* line 416*/
.icon-n_arrow-left:hover {
    background-position: 0 -352px;
}

/* line 423*/
.zhibo_com {
    display: none;
    width: 240px;
    height: 300px;
    padding: 23px 20px;
    background: #ffffff;
    float: left;
}

/* line 433*/
.zhibo_com .n_nr .n_timetoday, .zhibo_com ul li .n_nr .n_ing {
    background-image: url("http://www.hqwx.com/leraning/statics/blue/images/icon-sfb7750eb5a.png");
    background-repeat: no-repeat;
}

/* line 437*/
.zhibo_com .n_nr .n_timetoday {
    background-position: 0 -1135px;
    height: 16px;
    width: 32px;
    display: none;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}


.zhibo_com .hq-1v1-info-today .n_timetoday, .zhibo_com .hq-1v1-info-today-enter .n_timetoday {
    display: inline-block !important;
}

/* line 453*/
.zhibo_com .font_16, .main_page_teacher .font_16, .kecheng_shiting .font_16 {
    font-weight: bold;
}

/* line 456*/
.zhibo_com .font_16 span, .main_page_teacher .font_16 span, .kecheng_shiting .font_16 span {
    float: right;
    color: #979aa4;
    font-size: 14px;
}

/* line 461*/
.zhibo_com .hq-1v1-info .hq-1v1-class-order, .zhibo_com .hq-1v1-info .hq-1v1-class-enter, .zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    position: relative;
    top: -27px;
    margin-left: 163px;
    margin-right: 2px;
    width: 74px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #649cf0;
    color: #649cf0;
    text-align: center;
    border-radius: 13px;
    cursor: pointer;
}

/* line 476*/
.zhibo_com .hq-1v1-info {
    margin-top: 20px;
    line-height: 20px;
    display: flex;
    max-height: 306px;
    overflow: hidden;
}

/* line 483*/
.zhibo_com .hq-1v1-info .hq-1v1-class-order {
    display: inline-block;
}

/* line 487*/
.zhibo_com .hq-1v1-info .hq-1v1-class-enter {
    display: none;
}

/* line 491*/
.zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    display: none;
}

/* line 494*/
.zhibo_com .hq-1v1-info ul {
    display: none;
}

/* line 497*/
.zhibo_com .hq-1v1-info ul:first-child {
    display: block;
}

/* line 501*/
.zhibo_com ul li .n_nr .n_ing {
    display: none;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
    background-position: 0 -1114px;
    height: 16px;
    width: 40px;
}

/* line 511*/
.zhibo_com ul li.hq-1v1-info-enter .n_nr .n_time, .zhibo_com ul .hq-1v1-info-enter .hq-1v1-class-order, .zhibo_com .hq-1v1-info-order .hq-1v1-class-order, .zhibo_com .hq-1v1-info-today-enter .hq-1v1-class-order ,.zhibo_com .hq-1v1-info-today .n_time ,.zhibo_com .hq-1v1-info-today-enter .n_time{
    display: none;
}

/* line 515*/
.zhibo_com ul li.hq-1v1-info-enter .n_nr .n_ing, .zhibo_com ul .hq-1v1-info-enter .hq-1v1-class-enter, .zhibo_com ul .hq-1v1-info-today-enter .hq-1v1-class-enter {
    display: inline-block;
}

/* line 518*/
.zhibo_com ul li .hq-1v1-class-enter {
    display: none;
    border: 1px solid #f16262 !important;
    color: #f16262 !important;
    text-align: center;
}

/* line 524*/
.zhibo_com .hq-1v1-info-order .hq-1v1-class-nostart {
    display: inline-block;
    border: 1px solid #999999 !important;
    color: #999999 !important;
}

/* line 530*/


.zhibo_com .hq-1v1-info .n_avator {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px solid #eeeeee;
}
/* line 263*/
.zhibo_com .hq-1v1-info .n_teacher {
    width: 65px;
    text-align: center;
    color: #9598a2;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}
.zhibo_com .hq-1v1-info .live_title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
}
.zhibo_com .hq-1v1-info .live_title2 {
    color: #9598a2;
    line-height: 26px;
}
/* line 554*/
.zhibo_com .hq-1v1-info .hq-1v1-class-order:hover {
    background: #649cf0;
    color: #ffffff;
}

/* line 558*/
.zhibo_com .hq-1v1-info .hq-1v1-class-enter:hover {
    background: #f16262;
    color: #ffffff !important;
}

/* line 562*/
.zhibo_com .hq-1v1-info .hq-1v1-class-nostart:hover {
    background: #999999 !important;
    color: #ffffff !important;
}


/*tanchang*/
.main_page_left .layer_free {
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -260px;
    width: 520px;
    height: 380px;
    background: #fff;
    z-index: 1002;
    /*border: 2px solid #0095db;*/
    border-radius: 5px;
    display: none;
    overflow: hidden;
}
/* line 209*/
.main_page_left .layer_free .gopng_close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    background: url(http://hqkc.hqwx.com/uploadfile/2017/0103/20170103103953658.png) top center no-repeat;
    height: 12px;
    width: 12px;
    overflow: hidden;
    cursor: pointer;
}
/* line 221*/
.main_page_left .layer_free .gopng_close:hover {
    background: url(http://hqkc.hqwx.com/uploadfile/2017/0103/20170103104009486.png) top center no-repeat;
}

/* line 233*/
.main_page_left .layer_free h5 {
    font: 16px "微软雅黑";
    color: #3c9ddb;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eaeaea;
    display: block;
}
/* line 244*/
.main_page_left .layer_free .gopng_green {
    background: #f5f5f5;
}
/* line 249*/
.main_page_left .layer_free ul {
    padding-top: 50px;
}
/* line 253*/
.main_page_left .layer_free .layer_valid {
    padding-left: 89px;
    margin: 0 auto;
}
/* line 258*/
.main_page_left .layer_free .layer_valid h5 {
    display: none;
}
/* line 262*/
.main_page_left .layer_free .layer_input {
    border: 1px solid #dcdcdc;
    color: #999999;
    outline: none;
    width: 250px;
    height: 37px;
    padding-left: 5px;
    font: 14px "微软雅黑";
    padding-left: 10px;
    border-right: 1px solid transparent;
}
/* line 273*/
.main_page_left .layer_free .nosubmit {
    width: 341px;
    border: 1px solid #dcdcdc;
}
/* line 278*/
.main_page_left .layer_free .validimg {
    width: 91px;
    height: 39px;
    border-radius: 0 5px 5px 0;
    vertical-align: top;
}
/* line 285*/
.main_page_left .layer_free .layer_valid li {
    height: 50px;
    font-size: 0px;
    width: auto;
    margin-left: 0px;
}
/* line 292*/
.main_page_left .layer_free .layer_valid .errorinfo {
    width: 353px;
    text-align: center;
    color: #ff5858;
    font-size: 14px;
    font-family: "microsoft yahei";
}
/* line 300*/
.main_page_left .layer_free .a_submit {
    vertical-align: middle;
    font: 12px "宋体";
    color: #fff;
    width: 90px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    vertical-align: top;
    width: 91px;
    line-height: 39px;
    height: 39px;
    border-radius: 0 5px 5px 0;
}
/* line 316*/
.main_page_left .layer_free .bg_green {
    background: #84c360;
}
/* line 320*/
.main_page_left .layer_free .bg_gray {
    background: #aaaaaa;
}
/* line 324*/
.main_page_left .layer_free .bg_blue {
    background: #0095db;
}
/* line 328*/
.main_page_left .layer_free .layer_error {
    color: #ff5858;
    margin: 10px 0;
}
/* line 333*/
.main_page_left .layer_free .a_submit2 {
    font: 16px "微软雅黑";
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 180px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 0 0 38px 170px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #0095db;
}
/* line 350*/
.main_page_left .layer_free .layer_pic_succ,  .main_page_left .layer_free .layer_pic_error {
    margin-top: 15%;
}
/* line 354*/
.main_page_left .layer_free_over {
    margin-left: -320px;
    width: 640px;
    background: #f8f8f8;
    height: auto;
}
/* line 361*/
.main_page_left .layer_free_over .a_submit2 {
    display: none;
}
/* line 365*/
.main_page_left .layer_free_success .layer_free_success_wd {
    text-align: center;
    font: 16px "microsoft yahei";
    color: #5a5a5a;
    background: #FFFFFF;
    height: 122px;
    line-height: 122px;
}
/* line 374*/
.main_page_left .layer_free_success .layer_free_success_wd img {
    vertical-align: middle;
    margin-right: 10px;
}
/* line 379*/
.main_page_left .layer_free_success h4 {
    font: 18px "microsoft yahei";
    color: #666666;
    padding: 20px 0 20px 30px;
    font-weight: bold;
}
/* line 386*/
.main_page_left .layer_free_success .layer_free_card {
    float: left;
    width: 182px;
    background: #FFFFFF;
    text-align: center;
    margin-left: 25px;
}
/* line 394*/
.main_page_left .layer_free_success .layer_free_card h5 {
    color: #0095db;
    font: 14px "microsoft yahei";
    font-weight: bold;
}
/* line 401*/
.main_page_left .layer_free_success .layer_free_card img {
    width: 106px;
    height: 106px;
    border-radius: 10px;
}
/* line 407*/
.main_page_left .layer_free_success .layer_free_card p {
    color: #5a5a5a;
    padding: 15px 0;
    font: 14px "microsoft yahei";
}
/* line 414*/
.main_page_left .layer_free_success .layer_free_card .qqnumber {
    margin-top: 10px;
    font: 14px "microsoft yahei";
    color: #27a0ed;
    text-decoration: underline;
}
/* line 421*/
.main_page_left .layer_free_success .layer_free_card .qqnumber:hover {
    margin-top: 10px;
    font: 14px "microsoft yahei";
    color: #1178b9;
    text-decoration: underline;
}
/* line 427*/
.main_page_left .hq1v1shade {
    width: 100%;
    height: 500%;
    background: rgba(0, 0, 0, 0.5);



    position: absolute;
    top: 0;
    left: 0;
    z-index: 99990;
}
/* line 440*/
.main_page_left .layer_free_success .layer_free_success_wd {
    text-align: center;
    font: 16px "microsoft yahei";
    color: #5a5a5a;
    background: #FFFFFF;
    height: 122px;
    line-height: 122px;
}
/* line 449*/
.main_page_left .layer_free_success .layer_free_success_wd img {
    vertical-align: middle;
    margin-right: 10px;
}
/* line 453*/
.main_page_left .layer_free_success .new_link img {
    float: left;
    width: 121px;
    height: 121px;
    margin: 0 18px 0 82px;
}
/* line 460*/
.main_page_left .layer_free_success .new_link p {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 22px;
    font-family: "microsoft yahei";
    width: 230px;
    float: left;
}
/* line 468*/
.main_page_left .layer_free_success .new_link p a {
    display: block;
    background: #0095db;
    font: 16px "微软雅黑";
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    line-height: 50px;
}




/* line 568*/
.hq2018content .hq_news {
    float: left;
    width: 540px;
    height: 300px;
    padding: 23px 20px;
    background: #ffffff;
    margin-left: 20px;
}
/* line 575*/
.hq2018content .hq_news .news_title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
}
/* line 579*/
.hq2018content .hq_news .news_title li {
    display: inline;
    width: 35px;
    margin-right: 17px;
}
/* line 583*/
.hq2018content .hq_news .news_title li:hover {
    color: #649cf0;
    border-bottom: 2px solid #649cf0;
}
/* line 588*/
.hq2018content .hq_news .news_title li:not(:first-child) {
    margin-left: 17px;
}
/* line 591*/
.hq2018content .hq_news .news_title .active {
    color: #649cf0;
    border-bottom: 2px solid #649cf0;
}
/* line 595*/
.hq2018content .hq_news .news_title em {
    color: #f1f1f1;
    width: 1px;
    display: inline-block;
}
/* line 600*/
.hq2018content .hq_news .news_info strong {
    font-weight: bold;
    font-size: 18px;
    padding: 20px 0 15px;
    height: 30px;
    line-height: 30px;
    clear: both;
    display: block;
    text-align: center;
}
/* line 607*/
.hq2018content .hq_news .news_info{
    display: none;
}
.hq2018content .hq_news .news_info ul li {
    background: url(http://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat;
    padding-left: 14px;
    padding-right: 15px;
    float: left;
    width: 235px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.hq2018content .hq_news .news_info{
    display: block;
}
.hq2018content .hq_news .news_info2{
    display: none;
}
.hq2018content .hq_news .news_info2 ul li {
    width: 240px;
    float: left;
    line-height: 30px;
    height: 30px;
    display: block;
}
.hq2018content .hq_news .news_info a:hover {
    color: #649cf0;
}
.hq2018content .hq_news .news_info2 ul li:first-child,
.hq2018content .hq_news .news_info2 ul li:first-child+li+li+li+li+li {
    font-size: 18px;
    padding: 20px 0 15px;
    font-weight: bold;
    width: 500px;
    height: 37px\9;
    line-height: 42px\9;
    text-align: center;
    background-image: url("")!important;
}

/* line 621*/
.hq2018content .main_page_teacher {
    width: 240px;
    padding: 23px 20px;
    margin-left: 20px;
    height: 300px;
    background: #ffffff;
    float: left;
}
/* line 631*/
.hq2018content .main_page_teacher ul {
    width: 243px;
    float: left;
    padding: 0 11px 0 0;
    display: none;
}
/* line 637*/
.hq2018content .main_page_teacher ul:first-child {
    display: block;
}
/* line 641*/
.hq2018content .main_page_teacher ul li {
    margin-top: 23px;
    height: 70px;
    position: relative;
}
.hq2018content .main_page_teacher ul li a:hover,.hq2018content .main_page_teacher ul li .n_nr p.intro:hover{
    color: #649cf0;
}
/* line 647*/
.hq2018content .main_page_teacher ul li .n_avator {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 12px;
}
/* line 655*/
.hq2018content .main_page_teacher ul li .n_nr p {
    line-height: 20px;
    padding: 0;
    margin-left: 73px;
}
/* line 660*/
.hq2018content .main_page_teacher ul li .n_nr p.intro {
    color: #9598a2;
    line-height: 22px;
    height: 43px;
    overflow: hidden;
}

/* line 669*/
.hq2018content .main_page_teacher ul li .n_nr p .icon, .hq2018content .main_page_teacher ul li .n_nr p .nav_ad .banner .banner_choose li, .hq2018content .nav_ad .banner .banner_choose .main_page .main_page_left .main_page_teacher ul li .n_nr p li, .hq2018content .main_page_teacher ul li .n_nr p .nav_ad .banner .banner_choose .choose_now, .hq2018content .nav_ad .banner .banner_choose .main_page .main_page_left .main_page_teacher ul li .n_nr p .choose_now {
    margin-left: 5px;
}
/* line 673*/
.hq2018content .main_page_teacher ul li .n_nr .intro {
    line-height: 14px;
    margin-top: 5px;
}

/* line 682*/
.kecheng_shiting {
    width: 240px;
    padding: 23px 20px;
    margin-left: 20px;
    height: 300px;
    background: #ffffff;
    float: left;
}

/* line 692*/
.kecheng_shiting ul {
    width: 243px;
    float: left;
    padding: 0 11px 0 0;
    display: none;
}

/* line 698*/
.kecheng_shiting ul:first-child {
    display: block;
}

/* line 702*/
.kecheng_shiting ul li {
    margin-top: 23px;
    height: 70px;
    position: relative;
}

/* line 708*/
.kecheng_shiting ul li .n_avator {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 12px;
}

/* line 716*/
.kecheng_shiting ul li .n_nr p {
    line-height: 20px;
    padding: 0;
    margin-left: 73px;
}

/* line 721*/
.kecheng_shiting ul li .n_nr p.intro {
    color: #9598a2;
    line-height: 22px;
    height: 43px;
    overflow: hidden;
}
/* line 726*/
.kecheng_shiting ul li .n_nr p.intro a {
    float: right;
    display: inline-block;
    position: relative;
    width: 76px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #649cf0;
    color: #649cf0;
    text-align: center;
    border-radius: 13px;
    cursor: pointer;
}
/* line 737*/
.kecheng_shiting ul li .n_nr p.intro a:hover {
    background: #649cf0;
    color: #ffffff;
}

/* line 746*/
.kecheng_shiting ul li .n_nr .intro {
    line-height: 14px;
    margin-top: 5px;
}

/* line 752*/
.hq2018lesson {

}
/* line 753*/
.hq2018lesson .n_title {
    margin: 40px 0;
    font-size: 14px;
    font-weight: normal;
}
/* line 757*/
.hq2018lesson .n_title span {
    font-size: 20px;
    font-weight: bold;
}
.hq2018lesson .n_title a.more{
    margin-top: 8px;
}
/* line 762*/
.hq2018lesson .n_lessonpage {
    display: block;
    float: left;
    background: #ffffff;
}
/* line 766*/
.hq2018lesson .n_lessonpage .fixtop {
    display: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -590px;
    z-index: 99;
}
/* line 776*/
.hq2018lesson .n_lessonpage .fixtop b {
    height: 10px;
    width: 40px;
    position: absolute;
    left: 0px;
    background: #ffffff;
    bottom: -10px;
}
/* line 785*/
.hq2018lesson .n_lessonpage .fixtop b s {
    height: 10px;
    width: 40px;
    display: block;
    background: #649cf0;
    border-radius: 8px 0 0 0;
}
/* line 793*/
.hq2018lesson .n_lessonpage .title {
    width: 40px;
    float: left;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
/* line 802*/
.hq2018lesson .n_lessonpage .title div {
    display: block;
    vertical-align: middle;
    border-bottom: 1px solid #eff5fd;
    background: #649cf0;
    padding: 0 12px;
}
/* line 810*/
.hq2018lesson .n_lessonpage .title div span {
    padding: 10px 0;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
/* line 818*/
.hq2018lesson .n_lessonpage .title .t1 {
    background: #f5f7f9;
    border: none;
    height: 54px;
    width:40px;

}
/* line 824*/
.hq2018lesson .n_lessonpage .title .t2 {
    border-radius: 8px 0 0 0;
}
/* line 827*/
.hq2018lesson .n_lessonpage .t3, .hq2018lesson .n_lessonpage .t3 .k1,.hq2018lesson .n_lessonpage .t3 .k2 {
    float: left;
}
.hq2018lesson .n_lessonpage .t4{
    clear: both;
}
.hq2018lesson .n_lessonpage .t4 strong{
    float: left;
}
.hq2018lesson .n_lessonpage .t5,.hq2018lesson .n_lessonpage .t6,.hq2018lesson .n_lessonpage .t7,.hq2018lesson .n_lessonpage .t8 {
    clear: both;
}

/* line 830*/
.hq2018lesson .n_lessonpage .title .t8 {
    border-radius: 0px 0 0 8px;
    border: none;
}
/* line 835*/
.hq2018lesson .n_lessonpage .list {
    width: 240px;
    float: left;
}
/* line 839*/
.hq2018lesson .list-3 .list {
    width: 32%;
}
/* line 842*/
.hq2018lesson .n_lessonpage .list:hover {
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 8px 8px 0 0;
    position: relative;
    z-index: 5;
}
/* line 850*/
.hq2018lesson .n_lessonpage .list .n_dx {
    font-family: "simsun";
    font-size: 12px;
    color: #ffffff;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #f16262;
    border-radius: 5px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
/* line 867*/
.hq2018lesson .n_lessonpage .list .n_gm {
    font-family: "simsun";
    font-size: 12px;
    color: #649cf0;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #649cf0;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    position: relative;
    top: -1px;
}
/* line 885*/
.hq2018lesson .n_lessonpage .list .n_gm:hover {
    background: #649cf0;
    color: #ffffff;
    cursor: pointer;
}
/* line 891*/
.hq2018lesson .n_lessonpage .list .t1 {
    height: 54px;
    background: #649cf0;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
    position: relative;
    border-radius: 8px 8px 0 0;
}
/* line 903*/
.hq2018lesson .n_lessonpage .list .t1 span {
    font-size: 14px;
    border: 1px solid #ffffff;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: 14px;
    border-radius: 3px;
    position: absolute;
    top: 17px;
}
/* line 916*/
.hq2018lesson .n_lessonpage .list .t2 {
    background: #ffffff;
}
/* line 920*/
.hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t8 {
    border-right: 1px solid #eeeeee;
}
/* line 924*/
.hq2018lesson .n_lessonpage .list .t2, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5, .hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    border-right: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 40px;
    border-bottom: 1px solid transparent;
}
/* line 932*/
.hq2018lesson .n_lessonpage .list .t7 {
    color: #f16262;
}
/* line 936*/
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    line-height: 32px;
}
/* line 940*/
.hq2018lesson .n_lessonpage .list .t3 {
    padding: 20px;
}
/* line 944*/
.hq2018lesson .n_lessonpage .list .t3 div {
    margin-bottom: 8px;
}
/* line 948*/
.hq2018lesson .n_lessonpage .list .t3 div span {
    font-size: 14px;
    line-height: 23px;
    width: 82px;
    padding-left: 8px;
    display: inline-block;
}
/* line 956*/
.hq2018lesson .n_lessonpage .list .t3 div .nr {
    background: #eff5fd;
    width: 278px;
    margin-bottom: 0px;
    padding: 10px;
    float: left;
    border-radius: 8px 0 0 8px;
}
/* line 965*/
.hq2018lesson .n_lessonpage .list .t3 div .title {
    background: #b7d1f8;
    font-size: 14px;
    color: #ffffff;
    width: 14px;
    float: left;
    border-radius: 0 8px 8px 0;
    margin-bottom: 0px;
    padding: 0 13px;
}
/* line 976*/
.hq2018lesson .n_lessonpage .list .t3 div .title b {
    display: table-cell;
    vertical-align: middle;
    width: 14px;
}
/* line 982*/
.hq2018lesson .n_lessonpage .list .t3 .k2 .title {
    background: #93baf4;
}
/* line 986*/
.hq2018lesson .n_lessonpage .list .t3 .k3 .title {
    background: #649cf0;
}
/* line 990*/
.hq2018lesson .n_lessonpage .list .t8 {
    padding: 24px 8px;
    background: #ffffff;
}
/* line 995*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon {
    text-align: center;
    margin: 7px 0 20px;
    height: 14px;
}
/* line 1001*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span {
    color: #f16262;
    border: 1px solid #f16262;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px;
}
/* line 1009*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span a {
    color: #f16262;
}
/* line 1013*/
.hq2018lesson .n_lessonpage .list .t8 p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}
/* line 1020*/
.hq2018lesson .n_lessonpage .list .t8 p span {
    color: #f16262;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-right: 10px;
}
/* line 1028*/
.hq2018lesson .n_lessonpage .list .t8 p span b {
    font-size: 14px;
}
/* line 1032*/
.hq2018lesson .n_lessonpage .list .t8 p s {
    text-decoration: line-through;
    font-size: 14px;
    color: #999999;
}
/* line 1038*/
.hq2018lesson .n_lessonpage .list .t8 .n_button {
    text-align: center;
    margin-top: 20px;
}
/* line 1043*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    width: 98px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: #649cf0;
    margin: 0 8px;
}
/* line 1054*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a .icon, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose li, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a li, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose .choose_now, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a .choose_now {
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
/* line 1060*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 154px;
}
/* line 1066*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk {
    background: #ffffff;
    border: 1px solid #649cf0;
    color: #649cf0;
}
/* line 1074*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk:hover {
    background: #4187f0;
    border: 1px solid #4187f0;
    color: #ffffff;
}
/* line 1080*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart {
    background: #649cf0;
    border: 1px solid #649cf0;
}
/* line 1085*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart:hover {
    background: #4187f0;
    border-color: #4187f0;
}


.hq2018lesson .n_lessonpage .list .t8 .icon-n_talk{
    display: inline-block;
    background: url("../images/zixun_2.png") center no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: text-bottom!important;
}
.hq2018lesson .n_lessonpage .list .t8 .icon-n_cart{
    vertical-align: text-bottom!important;
    background: url("../images/cart_1.png") center no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;

}
.hq2018lesson .n_lessonpage .list .t8 .n_talk:hover .icon-n_talk{
    background: url("../images/zixun_1.png") center no-repeat;
}

/* line 1090*/
.hq2018lesson .n_lessonpage .list .t2,.hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5,
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7, .hq2018lesson .n_lessonpage .list .t8 {
    border-bottom: 1px solid #eeeeee;
}
/* line 1094*/
.hq2018lesson .n_lessonpage .green .t1 {
    background: #8cc360;
}
/* line 1098*/
.hq2018lesson .n_lessonpage .green .t3 .nr {
    background: #f6ffef !important;
}
/* line 1102*/
.hq2018lesson .n_lessonpage .green .t3 .k1 .title {
    background: #cce7b6;
}
/* line 1106*/
.hq2018lesson .n_lessonpage .green .t3 .k2 .title {
    background: #b0d791;
}
/* line 1110*/
.hq2018lesson .n_lessonpage .green .t3 .k3 .title {
    background: #8cc360;
}
/* line 1114*/
.hq2018lesson .n_lessonpage .yellow .t1 {
    background: #fdb736;
}
/* line 1118*/
.hq2018lesson .n_lessonpage .yellow .t3 .nr {
    background: #fffbf3 !important;
}
/* line 1122*/
.hq2018lesson .n_lessonpage .yellow .t3 .k1 .title {
    background: #fee0a7;
}
/* line 1126*/
.hq2018lesson .n_lessonpage .yellow .t3 .k2 .title {
    background: #fece76;
}
/* line 1130*/
.hq2018lesson .n_lessonpage .yellow .t3 .k3 .title {
    background: #fdb736;
}
/* line 1134*/
.hq2018lesson .n_lessonpage .red .t1 {
    background: #e24945;
}
/* line 1138*/
.hq2018lesson .n_lessonpage .red .t3 .nr {
    background: #fff6f6  !important;
}
/* line 1142*/
.hq2018lesson .n_lessonpage .red .t3 .k1 .title {
    background: #f3b1af;
}
/* line 1146*/
.hq2018lesson .n_lessonpage .red .t3 .k2 .title {
    background: #ec8481;
}
/* line 1150*/
.hq2018lesson .n_lessonpage .red .t3 .k3 .title {
    background: #e24945;
}
/* line 1154*/
.hq2018lesson .n_lessonpage .list-3 .list {
    width: 320px;
}
/* line 1158*/
.hq2018lesson .n_lessonpage .list-3 .t3 div .nr {
    width: 278px !important;
}
/* line 1162*/
.hq2018lesson .n_lessonpage.list-2 .list {
    width: 570px;
}
/* line 1166*/
.hq2018lesson .n_lessonpage.list-2 .t3 div .nr {
    width: 468px !important;
}

/*浮动弹窗*/
/*浮窗*/
/* line 1173*/
.shade {
    display: none;
    width: 100%;
    height: 1000%;
    background: rgba(0, 0, 0, 0.5);
    background: #000 \9;
    /*IE6、7、8识别*/
    _background: none;
    /*IE6识别*/
    filter: alpha(opacity=50);
    /*IE透明度问题*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99990;
}

/* line 1186*/
.fu_buy {
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -370px;
    width: 720px;
    padding: 20px 20px;
    background: #fff;
    z-index: 99999;
    border: 1px solid #888888;
}
/* line 1205*/
.fu .icon {
    display: inline-block;
    background-image: url("http://www.hqwx.com/images/icon.png");
    background-repeat: no-repeat;
}

/* line 1210*/
.fu .icon-close {
    background-position: 0 -256px;
    height: 15px;
    width: 17px;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

/* line 1218*/
.fu_title {
    border-bottom: 0px solid #fff;
    padding-bottom: 10px;
}

/* line 1222*/
.fu_title s {
    text-decoration: none;
    font: 18px "微软雅黑";
    color: #333333;
    font-weight: bold;
}

/* line 1228*/
.fu_title em {
    font: 14px "宋体";
    color: #666666;
    font-style: normal;
    margin-left: 20px;
}

/* line 1234*/
.fu_title em b {
    color: #649cf0;
    font-weight: normal;
}

/* line 1238*/
.fu h4 {
    display: block;
    font: 14px "宋体";
    color: #666;
    padding: 40px 0;
    text-align: center;
}

/* line 1245*/
.fu .arrow {
    background-position: 0 -957px;
    height: 21px;
    width: 21px;
}

/* line 1250*/
.fu .selectControl em {
    font-style: normal;
}

/* line 1253*/
.fu .icon-success-small {
    background-position: 0 -1035px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    padding-right: 5px;
    margin-top: 15px;
}

/* line 1261*/
.fu .icon-information-small {
    background-position: 0 -521px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    padding-right: 5px;
}

/* line 1268*/
.fu .icon-error-small {
    background-position: 0 -399px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    padding-right: 5px;
}

/* line 1275*/
.fu .information {
    font: 14px "宋体";
    color: #999999;
    margin-top: 15px;
}

/* line 1280*/
.fu .error {
    font: 14px "宋体";
    color: #e4393c;
    margin-top: 15px;
}

/* line 1285*/
.fu .star {
    color: #ff8432;
    font: 12px "宋体";
    font-style: normal;
    margin-top: 15px;
}

/* line 1291*/
.fu .item-btn {
    font: 12px "宋体";
    color: #666666;
}

/* line 1295*/
.fu_reg .item-btn a {
    color: #649cf0;
}

/* line 1298*/
.fu .yanzheng {
    margin-top: 15px;
    font: 12px "宋体";
    color: #999999;
}

/* line 1303*/
.fu .yanzheng img {
    border: 1px solid #dddddd;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 5px;
}

/* line 1309*/
.fu_login .formima {
    color: #666666;
    margin-left: 90px;
}

/* line 1313*/
.fu .notice {
    font: 14x "宋体";
    color: #aaaaaa;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    margin-top: 35px;
}

/* line 1320*/
.fu_se form .horizontal label {
    min-width: 260px;
}

/* line 1323*/
.fu .item-btn {
    width: 100%;
}

/* line 1326*/
.fu_buy_table {
    width: 720px;
    margin: 0;
}

/* line 1330*/
.fu_buy_table th {
    font: 14px "宋体";
    color: #666666;
    font-weight: bold;
    background: #f5f5f5;
    text-align: left;
}

/* line 1337*/
.fu_buy_table td {
    font: 14px "微软雅黑";
    color: #000;
    vertical-align: middle;
    text-align: left;
}

/* line 1343*/
.fu_buy_table th, .fu_buy_table td {
    border: 1px solid #f5f5f5;
    padding: 7px 10px;
}

/* line 1347*/
.fu_buy .fu_buy_table .checkbox {
    margin-left: 10px;
}

/* line 1350*/
.fu_buy .fu_buy_table input {
    margin-left: 60px;
}

/* line 1353*/
.fu_buy .fu_buy_table .ch {
    margin: 5px 0px 5px;
    display: block;
}

/* line 1358*/
.fu_buy .fu_buy_table .ch input {
    position: relative;
    margin-left: 10px;
}

/* line 1363*/
.fu_buy .tagch {
    display: inline-block;
    margin-left: -8px;
    margin-right: 8px;
}

/* line 1368*/
.fu .button-red {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-image: linear-gradient(to bottom, #f54030, #f54030);
    color: #fff !important;
    display: inline-block;
    font-family: "SimSun";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: blink;
    width: 156px;

    position: RELATIVE;
    left: 50%;
    margin-left: -80px;
    margin-top: 20px;
}

/* line 1387*/
.fu .button-blue {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #46adf4, #0095db);
    border: 1px solid #0095db;
    color: #fff !important;
    display: inline-block;
    font-family: "SimSun";
    font-size: 14px;
    height: 28px;
    line-height: 35px;
    margin: 10px;
    text-align: center;
    text-decoration: blink;
    width: 148px;
    background-color: #0095db \9;
}

/* line 1409*/
.hq2018lesson_dan .tab {
    font-size: 16px;
    margin: 0 10px;
    padding-bottom: 10px;
    font-weight: initial;
}
/* line 1413*/
.hq2018lesson_dan .tab:first-child {
    margin-left: 50px;
}
/* line 1416*/
.hq2018lesson_dan .tab.active {
    color: #649cf0;
    border-bottom: 2px solid #649cf0;
}
/* line 1422*/
.hq2018lesson_dan .n_class_main {
    background: #ffffff;
    padding: 20px 20px;
    position: relative;
}
/* line 1425*/
.hq2018lesson_dan .n_class_main .table {
    width: 100%;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
/* line 1430*/
.hq2018lesson_dan .n_class_main .table tr td {
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
/* line 1436*/
.hq2018lesson_dan .n_class_main .table tr:first-child, .hq2018lesson_dan .n_class_main .table tr th {
    background: #f5f5f5;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.hq2018lesson_dan .font_20 .right{
    margin-top: 3px;
}
/* shiting */
/* line 1450*/
.new_page .n_shiting {
    display: none;
    background: #ffffff;
}

/* line 1453*/
.new_page .n_shiting .tab3 .videotop {
    margin-top: 30px;
}

/* line 1457*/
.new_page .n_shiting .tab3 .videotop li {
    border: 1px solid #dddddd;
    padding: 10px 20px;
    font: 12px "宋体";
    color: #666666;
    vertical-align: top;
}

/* line 1465*/
.new_page .n_shiting .tab3 .videotop li b {
    font: 14px "宋体";
    color: #666666;
    font-weight: bold;
    float: left;
    padding-top: 10px;
}

/* line 1472*/
.new_page .n_shiting .tab3 .videotop .garybg {
    background: #ffffff;
}

/* line 1475*/
.new_page .n_shiting .tab3 .videotop li div {
    float: left;
    padding: 0 0 0 20px;
    width: 900px;
}

/* line 1480*/
.new_page .n_shiting .tab3 .videotop li .second {
    float: left;
    padding: 0 0 0 0px;
    width: 900px;
}

/* line 1485*/
.new_page .n_shiting .tab3 .videotop li div a {
    float: left;
    color: #666666;
    width: 65px;
    display: block;
    margin: 5px 0;
    padding: 0 20px 0 20px;
    border-right: 1px solid #dddddd;
    cursor: pointer;
}

/* line 1495*/
.new_page .n_shiting .tab3 .videotop li .fch .active {
    font-weight: bold;
    color: #649cf0;
    position: relative;
}

/* line 1500*/
.new_page .n_shiting .tab3 .videotop li .fch .active span {
    display: block;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -9px;
    margin-top: 20px;
    _display: none;
}

/* line 1512*/
.new_page .n_shiting .tab3 .videotop li .fch .active em {
    display: block;
    border-top: 6px solid #dddddd;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    margin-top: 20px;
    _margin-top: 12px;
    _display: none;
}

/* line 1525*/
.new_page .n_shiting .tab3 .videotop li .sch {
    display: none;
}

/* line 1528*/
.new_page .n_shiting .tab3 .videotop li .sch em {
    font-style: normal;
    padding: 5px;
    text-align: center;
    display: inline-block; min-width: 45px;
}

/* line 1532*/
.new_page .n_shiting .tab3 .videotop li .sch .active em {
    background: #649cf0;
    color: #fff;
    border-radius: 23px;

}

/* line 1537*/
.new_page .n_shiting .tab3 .videonr {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

/* line 1542*/
.new_page .n_shiting .tab3 .videonr {
    border: 1px solid #dddddd;
}

/* line 1545*/
.new_page .n_shiting .tab3 .videonr div h4 {
    color: #666666;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

/* line 1550*/
.new_page .n_shiting .tab3 .videonr div .left {
    float: left;
    display: block;
    width: 250px;
    border: 0px;
    margin: 20px;
}

/* line 1557*/
.new_page .n_shiting .tab3 .videonr div .left .title {
    margin-bottom: 15px;
}

/* line 1560*/
.new_page .n_shiting .tab3 .videonr div .left a {
    float: left;
    display: block;
    margin: 10px 10px 10px 0;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
    width: 250px;
}

/* line 1569*/
.new_page .n_shiting .tab3 .videonr div .left a:hover {
    color: #649cf0;
}

/* line 1572*/
.new_page .n_shiting .tab3 .videonr div .left span {
    display: block;
    border-left: 4px solid #649cf0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 10%;
    left: 0%;
}

/* line 1583*/
.new_page .n_shiting .tab3 .videonr .right {
    float: left;
    width: 660px;
}

/* line 1587*/
.new_page .n_shiting .tab3 .videonr .right .kp_iframe {
    margin-top: 20px;
}

/* line 1590*/
.new_page .n_shiting .tab3 .videonr .right img {
    margin-top: 20px;
}

/* line 1593*/
.new_page .n_shiting .tab3 .shipin {
    display: none;
}

/* line 1596*/
.new_page .n_shiting .shiting_title {
    color: #666666;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* line 1601*/
.new_page .n_shiting .shiting_iframe {
    float: left;
    border: none;
    margin-left: 10px;
    width: 850px;
    height: 480px;
}

/* line 1608*/
.new_page .n_shiting .shiting_player {
    position: relative;
    background: #000;
    height: 480px;
    margin-top: 0!important;
}

/* line 1613*/
.new_page .n_shiting .shiting_error {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

/* line 1619*/
.new_page .n_shiting .shiting_content {
    width: 312px;
    float: left;
}

/* line 1623*/
.new_page .n_shiting .shiting_content h4 {
    font: 14px "microsoft yahei";
    color: #649cf0;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}

/* line 1630*/
.new_page .n_shiting .shiting_list {
    background: #2b2b2b;
    padding: 10px 0 0px;
    border: 0px;
    width: 310px;
    height: 408px;
    margin: 10px 5px;
    overflow: hidden;
    outline: none;
}

/* line 1640*/
.new_page .n_shiting .shiting_list li {
    font: 14px "microsoft yahei";
    color: #a3a3a2;
    padding: 10px 0;
    padding-left: 40px;
    position: relative;
}

/* line 1647*/
.new_page .n_shiting .shiting_list li:hover {
    background: #1b1b1b;
}

/* line 1650*/
.new_page .n_shiting .newpic_free {
    background: url(http://www.hqwx.com/subject/jjswk/images/newpic2.png) -208px 0px no-repeat;
    height: 27px;
    width: 39px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    left: 10px;
    display: none;
}

/* line 1660*/
.new_page .n_shiting .cansee .newpic_free {
    display: block;
}

/* line 1665*/
.icon-n_addcart {
    height: 120px;
    width: 46px;
    position: absolute;
    left: 50%;
    margin-left: 591px;
    top: 5px;
    cursor: pointer;
    z-index: 90;
}


/* line 1676*/
.icon-n_addcart b {
    margin-left: 24px;
    width: 20px;
    height: 20px;
    background: red;
    display: inline-block;
    border-radius: 10px;
    color: #Ffffff;
    text-align: CENTER;
}

/* line 1688*/
.list_city {
    background: #ffffff;
    width: 1152px;
    margin: 0 auto 20px;
    height: 65px;
    padding: 30px 0 30px 28px;
}

/* line 1695*/
.list_city ul li {
    float: left;
}

/* line 1698*/
.list_city ul li a {
    font-size: 14px;
    display: inline-block;
    width: 58px;
    height: 28px;
    line-height: 28px;
    margin: 3px 0 3px 12px;
    border-radius: 13px;
    text-align: center;
}

/* line 1709*/
.list_city ul li a:hover, .list_city ul li a.cur {
    color: #ffffff;
    background: #649cf0;
}

/* line 1721*/
.hq2018shiti .guide-body {
    background: #ffffff;
    padding: 40px 20px;
}
/* line 1724*/
.hq2018shiti .guide-body table {
    width: 100%;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
/* line 1729*/
.hq2018shiti .guide-body table tr td {
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
/* line 1734*/
.hq2018shiti .guide-body table tr td a:hover {
    color: #649cf0;
}
/* line 1738*/
.hq2018shiti .guide-body table tr:first-child, .hq2018shiti .guide-body table tr th {
    background: #f5f5f5;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

/* line 1753*/
.hq2018tiku .big_box .l {
    width: 840px;
    padding: 30px 20px;
    background: #ffffff;
    float: left;
}
/* line 1758*/
.hq2018tiku .big_box .l ul li {
    width: 420px;
    float: left;
    height:40px;
    line-height: 40px;
    overflow:hidden;zoom:1;
    margin-right: 0px;
    background: url(http://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat;
}
/* line 1764*/
.hq2018tiku .big_box .l ul li a {
    display: inline-block;
    padding-left: 14px;
    width: 305px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 1772*/
.hq2018tiku .big_box .l ul li a.download {
    float: right;
    padding-left: 0;
    margin-top: 5px;
    margin-right: 11px;
    display: inline-block;
    width: 58px;
    height: 27px;
    line-height: 27px;
    border-radius: 13px;
    text-align: center;
}
/* line 1783*/
.hq2018tiku .big_box .l ul li a.download:hover {
    color: #ffffff;
    background: #639def;
}

/* line 1793*/
.r {
    width: 240px;
    background: #ffffff;
    margin-left: 20px;
    padding: 30px 20px;
    height: 395px;
    float: left;
}
.hq2018tiku .big_box .r{
    padding: 32px 20px;
}
/* line 1800*/
.r ul li {
    width: 240px;
    height:40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 1801*/
.r ul li em {
    margin-right: 10px;
}

/* line 1811*/
a.cur_red {
    color: #ff4030;
}
.hq2018tiku a:hover,.hq2018news_ksdt a:hover{
    color: #649cf0;
}
/* line 1816*/
.hq2018news_ksdt .big_box .l {
    width: 840px;
    padding: 30px 20px;
    background: #ffffff;
    float: left;
}
/* line 1821*/
.hq2018news_ksdt .big_box .l .l1, .hq2018news_ksdt .big_box .l .l2 {
    width: 50%;
    float: left;
    margin-bottom: 18px;
    overflow: hidden;
}
/* line 1825*/
.hq2018news_ksdt .big_box .l .l1 a, .hq2018news_ksdt .big_box .l .l2 a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    width: 305px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis; /* for Opera */
    text-overflow: ellipsis; /* for IE */
}
/* line 1835*/
.hq2018news_ksdt .big_box .l .l1 p, .hq2018news_ksdt .big_box .l .l2 p {
    width: 390px;
    line-height: 24px;
    height: 48px;
}
/* line 1841*/
.hq2018news_ksdt .big_box .l ul li {
    width: 420px;
    float: left;
    font: inherit;
    vertical-align: baseline;
    line-height: 40px;
    height:40px;
    overflow:hidden;zoom:1;
    margin-right: 0px;
    background: url(http://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat;
}
/* line 1848*/
.hq2018news_ksdt .big_box .l ul li a {
    display: inline-block;
    padding-left: 14px;
    width: 305px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 1856*/
.hq2018news_ksdt .big_box .l ul li span {
    float: right;
    margin-right: 18px;
    color: #9598a2;
    display: inline-block;
    width: 58px;
}

/* line 1871*/
.hq2018books{
    display: none;
}
.book-body {
    background: #ffffff;
    margin-bottom: 50px;
}
/* line 1874*/
.book-body .book-items {
    padding: 40px 20px;
    margin: 0 20px;
    width: 1100px;
    height: 275px;
    overflow: hidden;
}
/* line 1881*/
.book-body ul li {
    width: 200px;
    float: left;
    margin: 20px;
}
/* line 1885*/
.book-body ul li img {
    margin: 1px 30px 20px 30px;
}
/* line 1888*/
.book-body ul li .bookname {
    width: 200px;
    line-height: 22px;
    text-align: center;
}
/* line 1893*/
.book-body ul li .new-price {
    color: #f54030;
}
/* line 1896*/
.book-body ul li .old-price {
    color: #cccccc;
    text-decoration: line-through;
    margin-left: 12px;
}
.price-wrap {
    text-align: center;
    margin-bottom: 20px;

}

.hq2018news_ksdt .right{
    width: 805px;
    text-align: right;
    margin-top: 2px;
}
.right a {
    margin-left: 20px;

}
#doyoo_panel{
    display: none!important;
}
.coursecard .coursecard-teacher li img {
    border-radius: 50%;
}

.csshackmac .coursecard .coursecard-catelog{
    line-height: 24px;
}

.csshackwin .coursecard .coursecard-catelog{
    line-height: 20px;
}
.csshackmac .kecheng_shiting ul li .n_nr p.intro a,.csshackmac .hq2018course .courseinfo .time_line ul li .icon-n_list,.csshackmac .zhibo_com .hq-1v1-info .hq-1v1-class-order,.csshackmac  .zhibo_com .hq-1v1-info .hq-1v1-class-enter, .csshackmac .zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    line-height: 26px;
}
.csshackwin .kecheng_shiting ul li .n_nr p.intro a,.csshackwin .hq2018course .courseinfo .time_line ul li .icon-n_list,.csshackwin .zhibo_com .hq-1v1-info .hq-1v1-class-order,.csshackwin  .zhibo_com .hq-1v1-info .hq-1v1-class-enter, .csshackwin .zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    line-height: 22px;
}
/*友情链接*/
.exam_message {
    margin: 20px auto;
    width: 1100px;
    padding: 25px 40px 40px 40px;
    background: #ffffff;
    height: 115px;
}
.exam_message .font_16 {
    margin-bottom: 20px;
}
.exam_message .font_16 .cur{
    cursor: pointer;
    font-weight: bold;
}
.exam_message .font_16 span{
    font-weight: normal;
    margin: 0 10px;
}
.exam_message .font_16 span:first-child{
    margin-left: 0;
}
.exam_message .exam_info {
    line-height: 32px;
}
.exam_message .exam_info ul a {
    margin-right: 20px;
}

/*弹窗部分*/
.nav .w1180 h1{
    font-size: 18px;
    width: 270px;
+width:269px;
    letter-spacing:1px;
}
.nav .w1180 h1:hover{
    background-color: #5990E3;
}
.nav .w1180 h1 em{
    display: inline-block;
    background: url('../images/dh_icon.png') left center no-repeat;
    background-size: inherit;
    width: 20px;
    height: 12px;
    margin: 0 20px;
}
.nav .daohang {
    width: 840px;
+width:851px;
    float: left;
    margin-left: 87px;
+margin-left: 69px;
    margin-right: -18px;

}
.nav .daohang div a,.nav .daohang div ul li,.nav .daohang div ul {
    width: 118px;
}

.nav .courselist{
    position: absolute;
    margin-top: 70px;
    padding-top: 24px;
    background: #ffffff;
    width: 900px;
    overflow: auto;
    z-index: 22;
    line-height: 28px;
    box-shadow: 1px 2px 1px rgba(14, 5, 10, 0.03);
    display: none;
}


.nav .courselist .part span {
    width: 126px;
    padding-left: 47px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #9598A2;
}

.nav .courselist .part div {
    width: 723px;
    padding-bottom: 24px;
    float: left
}

.nav .courselist .part div a {
    width: 160px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #9598A2;
    display: inline-block
}

.nav .courselist .part div a:hover,.nav .courselist .part div a.cur {
    color: #649cf0
}

.cousepart{
    position: relative;
}
.cousepart .coursemain .pic{
    position: absolute;
    top: 0;
    left: 0;
    float: left;
}
#danghang {
    height: 100%;
    width: 90%;
    margin: 0 auto;
    display: flex;
    text-align: center;
    justify-content: space-around;
    line-height: 60px;
    position: relative;

}

#danghang  div>a{
    color:#fff;
    letter-spacing:2px;
    font-family: 微软雅黑;
}
.top_l{
    width: 20%;
    margin-left: -5%;
    font-size: 20px;
    margin-right: 5px;
    color:#fff;
    text-align: left;

}
/*.top_r div{*/
    /*position: relative;*/

/*}*/
.top_r div a{
    display:block;
    width:100%;

    font-size:17px;
}
.top_r{
    width:75%;
    display: flex;
    justify-content: space-around;
    margin-right: 17px;
}
#sj{
    width:0;
    height:0;
    border-right:7px solid transparent;
    border-left:7px solid transparent;
    border-top:8px solid #fff;
    margin-left:1px;
}
.sjtop{
    width:0 !important;
    height:0 !important;
    border-right:7px solid transparent !important;
    border-left:7px solid transparent !important;
    border-bottom:8px solid #fff !important;
}
.top_r div a em {
    display: inline-block;

    margin-left: 8px;
    background-position: 0 -290px;
    width: 12px;
    height: 7px;
}
a{
    text-decoration:none;
    outline: none;
}

.top_r div ul{
    display:block;
    position: absolute;
    left:0px;
    top:60px;
    background:#fff;
    z-index: 10;
    width:77%;
    display:none;
    line-height:30px;
    padding-left: 22%;

}
.top_r div ul li a{
    color:#403939;
    font-size: 14px
}

.zxqh {
    height:340px;
    width:100%;
    padding-bottom:24px;
}
.zxqh1 {
    height:273px;
    width:100%
}
.zxqh li {
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 15px;
    line-height: 25px;
}
.zxqh1 li {
    font-size: 15px;
    background-image: url(/templates/tp01/images/xyd.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 15px;
    line-height: 25px;
}
.qiehu a {
    height: 23px;

    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    letter-spacing:0px;
    display:block;
    display:block;
    width:70px;
    height:30px;
    padding:0 8px;
}
.qiehu1 a {
    height: 23px;
    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    padding-right:5px;
    letter-spacing:0px;
    display:block;
    margin-left:5px;
    display:block;
    width:70px;
    height:30px;
    padding:0 10px;
}

.wzww {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww3 {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww1 {
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}
.wzww2 {
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}
.qiehu a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.qiehu1 a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.zxqh ul {
    height: auto;
    width: 100%;
}
.zxqh ul a{
    line-height: 23px;
    margin-top: 10px;
}
.zxqh ul li span {
    color: #FF0000;
    float: right;
    margin-right: 15px;
    line-height: 23px;
    margin-top: 10px;
}

.zxqh1 ul {
    height: auto;
    width: 100%;
}
.zxqh1 ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.zxqh1 ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}
.zxqh li {font-size: 14px;bac;font-size: 15px;rl(/templates/tp01/images/xyd.gif);background-repeat: no-repeat;background-position: left center;text-indent: 15px;line-height: 30px;display: flex;justify-content: space-between;}
.zxqh1 li {font-size: 14px;bac;font-size: 15px;rl(/templates/tp01/images/xyd.gif);background-repeat: no-repeat;background-position: left center;text-indent: 15px;line-height: 30px;display: flex;justify-content: space-between;}
.switch{
    display:none;
}
.n_lessonpage{
    width:100%;
}


.qiehu3 {
    background-image: url(/templates/tp01/images/nbj.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-left: 14px;
    margin-top:8px;
}
.qiehu3 a {
    height: 23px;

    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    padding-right:5px;
    letter-spacing:0px;
    display:block;
    margin-left:5px;
    display:block;
    width:70px;
    height:30px;
    padding:0 10px;
}
.qiehu3 a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.wzww4 {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww5{
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}
.kaoshi ul {
    height: auto;
    width: 100%;
}
.kaoshi ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.kaoshi ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}

.kaoshi ul {
    height: auto;
    width: 100%;
}
.kaoshi ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.kaoshi ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}
.kaoshi li {font-size: 14px;bac;font-size: 15px;rl(/templates/tp01/images/xyd.gif);background-repeat: no-repeat;background-position: left center;text-indent: 15px;line-height: 30px;display: flex;justify-content: space-between;}



.qiehu4 {
    background-image: url(/templates/tp01/images/nbj.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-left: 14px;
    margin-top:8px;
}
.qiehu4 a {
    height: 23px;

    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    padding-right:5px;
    letter-spacing:0px;
    display:block;
    margin-left:5px;
    display:block;
    width:70px;
    height:30px;
    padding:0 10px;
}
.qiehu4 a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.wzww6 {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww7{
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}
.kaoshi1 ul {
    height: auto;
    width: 100%;
}
.kaoshi1 ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.kaoshi1 ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}

.kaoshi1 ul {
    height: auto;
    width: 100%;
}
.kaoshi1 ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.kaoshi1 ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}
.kaoshi1 li {font-size: 14px;bac;font-size: 15px;rl(/templates/tp01/images/xyd.gif);background-repeat: no-repeat;background-position: left center;text-indent: 15px;line-height: 30px;display: flex;justify-content: space-between;}


.qiehu5 {
    background-image: url(/templates/tp01/images/nbj.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-left: 14px;
    margin-top:8px;
}
.qiehu5 a {
    height: 23px;

    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    padding-right:5px;
    letter-spacing:0px;
    display:block;
    margin-left:5px;
    display:block;
    width:70px;
    height:30px;
    padding:0 10px;
}
.qiehu5 a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.wzww8 {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww9{
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}
.kaoshi2 ul {
    height: auto;
    width: 100%;
}
.kaoshi2 ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.kaoshi2 ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}

.kaoshi2 ul {
    height: auto;
    width: 100%;
}
.kaoshi2 ul a{
    line-height: 23px;
    margin-top: 10px;
    margin-left: 12px;
}
.kaoshi2 ul li span {
    color: #FF0000;
    float: right;
    margin-right: 30px;
}
.kaoshi2 li {font-size: 14px;bac;font-size: 15px;rl(/templates/tp01/images/xyd.gif);background-repeat: no-repeat;background-position: left center;text-indent: 15px;line-height: 30px;display: flex;justify-content: space-between;}



.qiehu6 {
    background-image: url(/templates/tp01/images/nbj.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-left: 14px;
    margin-top:8px;
}
.qiehu6 a {
    height: 23px;

    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    padding-right:5px;
    letter-spacing:0px;
    display:block;
    margin-left:5px;
    display:block;
    width:70px;
    height:30px;
    padding:0 10px;
}
.qiehu6 a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.wzww11 {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww12{
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}

.zxqh2 {
    height:273px;
    width:100%
}
.zxqh2 li {
    font-size: 15px;
    background-image: url(/templates/tp01/images/xyd.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 15px;
    line-height: 25px;
}
.zxqh2 li {
    font-size: 15px;
    background-image: url(/templates/tp01/images/xyd.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 15px;
    line-height: 25px;
}


.qiehu7 {
    background-image: url(/templates/tp01/images/nbj.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 27px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-left: 14px;
    margin-top:8px;
}
.qiehu7 a {
    height: 23px;

    font-size: 15px;
    color: #094e7f;
    line-height: 34px;
    padding-right:5px;
    letter-spacing:0px;
    display:block;
    margin-left:5px;
    display:block;
    width:70px;
    height:30px;
    padding:0 10px;
}
.qiehu7 a:hover {
    line-height: 34px;
    color: #FF0000;
    /* height: 23px;
    font-size: 15px;
    color: #FF0000;
    line-height: 23px;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline; */

}
.wzww13 {
// background-image: url(zl/img/zxqhbj.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 34px;
}
.wzww14{
// background-image: url(zl/img/zxqhbjf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
    line-height: 34px;
}

.zxqh3 {
    height:273px;
    width:100%
}
.zxqh3 li {
    font-size: 15px;
    background-image: url(/templates/tp01/images/xyd.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 15px;
    line-height: 25px;
}
.zxqh3 li {
    font-size: 15px;
    background-image: url(/templates/tp01/images/xyd.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 15px;
    line-height: 25px;
}
.zhuanqu{
    margin: 0 auto;
}
.kaoshi{
    width:23%;
    height: 400px;
    margin-left: 1%;
    /*border: 1px solid red;*/
    background: #fff;
    float: left;
    margin-bottom: 1%;
}
.kaoshi1{
    width:23%;
    height: 400px;
    margin-left: 1%;
    /*border: 1px solid red;*/
    background: #fff;
    float: left;
    margin-bottom: 1%;
}
.kaoshi2{
    width:23%;
    height: 400px;
    margin-left: 1%;
    /*border: 1px solid red;*/
    background: #fff;
    float: left;
    margin-bottom: 1%;
}
.beikao{
    width: 42%;
    height: 400px;
    margin-left: 1%;
    /*border: 1px solid red;*/
    background: #fff;
    float: left;
    margin-bottom: 1%;
}
.zixun{
    width: 25%;
    height: 400px;
    margin-left: 1%;
    /*border: 1px solid red;*/
    background: #fff;
    float: left;
    margin-bottom: 1%;
}
.zhuanqu_p{
    height: 5%;
    margin-left: 5%;
    margin-top: 4%;
    padding-bottom: 4%;
    font-size: 16px;
    font-weight: 500;
}
.dagang li{
    margin-left: 4%;
    font-size: 12px;
}
.shipin_wrap{
    width: 64%;
    margin-right: -1%;
    margin-bottom: 35px;
    background-color: #000;
}

.shipin_wrap body{
    background:rgb(0,0,0);
}

.shipin_list_wrap{
    width: 16.8%;
    margin-left: 8px;
    margin-bottom: 35px;
}
.pop_wrap{
    width: 35%;
    margin-left: 8px;
    overflow: hidden;
    position: relative;
}
.shipin_list_wrap ul li {
    width: 100%;
    height: 57px;
    line-height: 57px;
    background: #1E1E1E;
    text-align: center;
}
.shipin_list_wrap a {
    display: inline-block;
    width: 100%;
    color:#fff;
}
.shipin_list_wrap a.ssp {
    background-color: gray;
}
.shipin_list_wrap a:hover {
    background-color: gray;
}
#biaoge {
    float: left;
    height: auto !important;
    margin-top: 10px;
    width: 620px;
    border: 0
}

.jingpin {
    float: left;
    height: auto;
    background-color:white;
}

.taocan {
    float: left;
    height: auto;
    margin-top: 5px;
}
.clear{clear:both;}

.kuang {
    float: left;
    height: auto;
    margin-left: 17px;
    _margin-left: 8px;
    margin-bottom: 5px;
}
a#kui01,a#kui02,span.jpkc {
    line-height: 30px;
    border: 1px solid #c3c3c3;
    border-bottom:none;
    display: block;
    float: left;
    border-radius: 0 15px 0 0;
    padding: 5px 10px;
}

.kec a:hover{
    color:red;
}

div#kui001,div#kui002{
    margin-bottom:15px;
}

.taocan .kec{

}

.taocan .kec a {
    // border: 1px solid gray;
    display: block;
    float: left;
    padding: 2px 3px;
    width: 108px;
    margin: 2px 4px;
    margin-left: 0;
    border-radius: 3px;
    background-color:gainsboro;
}

.kuangtcan table{
    margin-top:6px;
}
#right{
    background-color:white;
    padding-top: 8px;
    padding-bottom: 10px;
}

#left{
    background-color:white;
}

#bkao{
    background-color:white;
}
#bkao a:hover{
    text-decoration:none;
}

#bkao a{
    color:#313131;
}

#last{
    background-color:white;
}

#last a{
    color:#313131;
}
#last a:hover{
    text-decoration:none;
}

#kazc .qudiao a {
    background-color: #ffffff;
    margin-left: 175px;
}

.sp01 {
    background-image: url(../images/index/ztlqiehbj12.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
}

.sp01{
    background-image: url(../images/index/ztlqiehbj12.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
}

#zqrig2 {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

#right2 {
    width: 100%;
    background-color:white;
}

ul#roll__list {
    text-align: left;
    padding-left: 15px;
    font-size: 15px;
}
.biaoge2{
    width: 525px;
    height: 625px;
    margin-top: 8px;
    float: right;
    background-color:white;
}
.taocan {

                    margin-top: 15px;
                    width: 625px;
                    background-color:white;

                }
.kec {

    width: 607px;
    margin-left:18px;
    margin-top:20px;
    border-bottom:1px solid #c3c3c3;

}
.bgalb{
    width: 491px;
    height: 490px;
    border: 1px solid #e6e6e6;
    margin-left:17px;
    margin-bottom:30px;
}
span.baise {
    overflow: hidden;
    width: 100%;
    height: 21px;
    display: block;
}

.topslide{
    margin-top:10px;
    font-size:12px;
    background-image: url('zl/img/naba.jpg');
    background-position:left center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: -3px;
    color:#333333;
}

ul.web_notice{
    margin: 0 13px;
    background: white;
    border-top: none;
    display: block;
    line-height: 30px;
}

.ksbbx{
    display: block;
    padding: 0 11px;
    padding-bottom: 10px;
}

.ksbbx li {
    display: block;
    margin: 6px;
    float: left;
}

.ksbbx li a:hover {
    color: red;
}
#kazc a.r_more {
    color: red;
    float: right;
}

.cl *, .cl :after, .cl :before, .clVideo * {
    box-sizing: border-box;
}

.cl2__section {
    background: #fff;
    border-radius: 10px 0 0 10px;
    border: solid 1px #eee;
    height: 260px;
    text-align: center;
    margin: 20px auto;
}
.cl2__section {
    height: auto;
}
.cl2__section {
    border-collapse: collapse;
    border-spacing: 0;
}
.cl2__section td {
    vertical-align: middle;
}
.cl2__type, .cl2__price, .cl2__module, .cl2__core, .cl2__exam, .cl2__service {
    float: none;
    padding: 20px 0;
}
.cl2__type {
    width: 90px;
    float: left;
    background-color: #f6f6f6;
    padding: 22px 0 0;
}
.cl2__typeText {
    width: 64px;
    height: 210px;
    background-image: -webkit-linear-gradient(bottom,#ff7123 0,#ff5432 100%);
    background-image: linear-gradient(0deg,#ff7123 0,#ff5432 100%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    border-radius: 32px;
    letter-spacing: 5px;
    font-weight: 700;
    color: #fffefe;
    font-size: 28px;
    text-align: center;
    margin: 0 auto;
    padding: 29px 6px;
    line-height: 1.2;
}
.cl2__typeText3 {
    background-image: -webkit-linear-gradient(bottom,#1189ef 0,#195bf0 100%);
    background-image: linear-gradient(0deg,#1189ef 0,#195bf0 100%);
}
.cl2__price {
    float: left;
    width: 220px;
    position: relative;
    padding: 50px 0 0;
}
.cl2__section td {
    border: 1px solid #eee;
    border-width: 1px;
}
.cl2__priceNum {
    font-weight: Bold;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
}
.cl2__priceNum span {
    font-size: 28px;
    color: #ef4545;
}
.cl2__priceIcon {
    position: absolute;
    top: 18px;
    left: 8px;
    -webkit-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    transform: rotate(-28deg);
    width: 67px;
    height: 25px;
    font-weight: Bold;
    font-size: 14px;
    line-height: 24px;
    color: #ef4545;
    border: 2px solid #ef4545;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
}
.cl2__special {
    margin: 0 auto 20px;
}
.cl2__specialItem {
    margin: 10px auto;
    width: 128px;
    height: 28px;
    background-color: #f6f6f6;
    border-radius: 14px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
}
.cl2__specialItem span {
    color: #ef4545;
}
.cl2__doc {
    color: #999;
    font-size: 12px;
}
.cl2__module {
    float: left;
    width: 196px;
    padding: 40px 0 0;
}
.cl2__core {
    width: 195px;
    float: left;
    padding: 40px 0 0;
}
.cl2__exam {
    float: left;
    width: 198px;
    padding: 40px 0 0;
}
.cl2__service {
    float: left;
    width: 280px;
    padding: 40px 0 0;
}
.cl2__commonHead {
    color: #333;
    font-size: 16px;
}
.cl2__commonHead p {
    display: inline-block;
    padding-bottom: 7px;
    border-bottom: 2px solid #ef4545;
}
.cl2__commonNav {
    margin: 20px auto 10px;
    height: 114px;
    text-align: left;
    width: 172px;
}
.cl2__commonNav {
    height: auto;
}
.cl2__commonNav {
    min-height: 128px;
}
.cl2__commonItem {
    display: inline-block;
    margin: 8px 14px;
    text-align: left;
    position: relative;
}
.cl2__commonItem p {
    min-width: 4em;
    color: #333;
    font-size: 12px;
    position: relative;
    line-height: 20px;
}
.cl2__commonItem p:after {
    content: "";
    display: block;
    background: #fff no-repeat center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAABGdBT…QwWDKUMWgtYkhnKONbc+pBOsNkXgPmC5YwJVANUO0QwwDB4REjXZcsdQAAAABJRU5ErkJggg==);
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: -17px;
}
:after, :before {
    box-sizing: border-box;
}
.a3Table_pop {
    display: none;
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 230px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.23);
    padding: 15px 12px;
    z-index: 1;
    background: #fff;
    border-radius: 3px;
    line-height: 1.4;
}
.cl2__commonItem div {
    display: none;
}
li.a3Table_pop_list {
    margin: 6px 0;
}
.a3Table_pop_left {
    color: red;
    font-weight: bold;
    margin-right: 6px;
}
.cl2__commonItem2 p {
    color: red;
}
.cl2__commonLink {
    color: #999;
    font-size: 12px;
}
.cl .kf {
    cursor: pointer;
}
.cl2__serviceHead {
    font-weight: Bold;
    font-size: 16px;
    color: #333;
    margin: 0 auto 5px;
    width: 210px;
    text-align: left;
    position: relative;
}
.cl2__serviceHead::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: 12px;
    width: 46px;
    height: 14px;
    background: no-repeat center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAOCAYAAABQFS4BAAAChUlEQ…KXxdpZ/NFQ9Dt8WvBf8KhBfwSfFPw+/m3Qj+tGHxG1G47fO4wzilYDz9HMAAAAAElFTkSuQmCC);
}
.cl2__serviceList {
    width: 210px;
    text-align: left;
    margin: 0 auto;
}
.cl2__serviceItem {
    display: inline-block;
    min-width: 4em;
    font-size: 12px;
    line-height: 24px;
    color: #333;
    position: relative;
    margin: 6px 18px;
}
.cl2__serviceItem::before {
    content: "";
    display: block;
    background: no-repeat center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAeUlEQ…+V4XdCjc5UHeoUv5o/QIM+xbCJHMKwhgws8cAOW9yxgi+dHxO9pJ21QAAAAABJRU5ErkJggg==);
    position: absolute;
    top: 8px;
    left: -12px;
    width: 8px;
    height: 8px;
}
.cl__btn {
    border: 1px solid #ff9696;
    border-radius: 4px;
    width: 72px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ef4545;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.cl2__serviceBtn {
    width: 126px;
    height: 40px;
    background-color: #ef4545;
    border-radius: 6px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}
.cl2__section:after {
    content: "";
    display: block;
    clear: both;
}
#zdcourse {
    line-height: 30px;
}

/*返现券*/
ul.cash_tickets {
    width: 1184px;
    margin: auto;
}
li.cash_ticket {
    background-image: url(http://www.gohoedu.com/images/cash_ticket_bg3.jpg);
    background-repeat: no-repeat;
    width: 188px;
    height: 122px;
    float: left;
    margin: 10px;
}
h4.ticket_title {
    font-size: 36px;
    color: white;
    text-align: center;
    margin-top: 10px;
}
p.denomination {
    text-align: center;
    color: #ffc33b;
    font-size: 12px;
}
.denomination span {
    color: #f9c2c2;
}
p.collecttime {
    text-align: center;
    color: #ff9c07;
    font-size: 12px;
}
p.cash_ticket_desc {
    margin: 10px;
    font-size: 12px;
}

/*环球课程样式start*/
.w1180 {
    width: 1184px;
    width: 1200px\9;
    margin: 0 auto;
}
.font_20 {
    font-weight: bold;
    font-size: 20px;
    margin: 40px 0 30px;
    height: 20px;
    line-height: 20px;
    vertical-align: text-bottom;
}
.hq2018lesson .n_title {
    margin: 40px 0;
    font-size: 14px;
    font-weight: normal;
}
.hq2018lesson .n_title span {
    font-size: 20px;
    font-weight: bold;
}
.right {
    float: right;
    font-size: 14px;
    color: #9598a2;
    font-weight: normal;
    margin-left: 20px;
    padding-left: 20px;
}
.more {
    font-size: 14px;
    display: block;
    font-weight: normal;
    float: right;
    color: #9598a2;
    background: url(http://www.hqwx.com/web_news/assets/news/images/more_icon.png) right center no-repeat;
    text-align: right;
    padding-right: 22px;
}
.right:hover {
    color: #649cf0;
}
.more:hover {
    color: #649cf0;
    background: url(http://www.hqwx.com/images/more_blue.png) right center no-repeat;
}
.hq2018lesson .n_title a.more {
    margin-top: 8px;
}
.hq2018lesson .n_lessonpage {
    display: block;
    float: left;
    background: #ffffff;
}
.hq2018lesson .n_lessonpage .fixtop {
    display: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -590px;
    z-index: 99;
}
.hq2018lesson .n_lessonpage .title {
    width: 40px;
    float: left;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
.hq2018lesson .n_lessonpage .title div {
    display: block;
    vertical-align: middle;
    border-bottom: 1px solid #eff5fd;
    background: #649cf0;
    padding: 0 12px;
}
.hq2018lesson .n_lessonpage .title .t1 {
    background: #f5f7f9;
    border: none;
    height: 54px;
}
.hq2018lesson .n_lessonpage .list {
    width: 240px;
    float: left;
}
.hq2018lesson .list-3 .list {
    width: 380px;
}
.hq2018lesson .n_lessonpage .list:hover {
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 8px 8px 0 0;
    position: relative;
    z-index: 5;
}
.hq2018lesson .n_lessonpage .list .t1 {
    height: 54px;
    background: #649cf0;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
    position: relative;
    border-radius: 8px 8px 0 0;
}
.hq2018lesson .n_lessonpage .green .t1 {
    background: #8cc360;
}
.hq2018lesson .n_lessonpage .yellow .t1 {
    background: #fdb736;
}
.hq2018lesson .n_lessonpage .title .t2 {
    border-radius: 8px 0 0 0;
}
.hq2018lesson .n_lessonpage .title div span {
    padding: 10px 0;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.hq2018lesson .n_lessonpage .t3, .hq2018lesson .n_lessonpage .t3 .k1, .hq2018lesson .n_lessonpage .t3 .k2 {
    float: left;
}
.hq2018lesson .n_lessonpage .t4 {
    clear: both;
}
.hq2018lesson .n_lessonpage .t5, .hq2018lesson .n_lessonpage .t6, .hq2018lesson .n_lessonpage .t7, .hq2018lesson .n_lessonpage .t8 {
    clear: both;
}
.hq2018lesson .n_lessonpage .list .t2 {
    background: #ffffff;
}
.hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t8 {
    border-right: 1px solid #eeeeee;
}
.hq2018lesson .n_lessonpage .list .t3 {
    padding: 20px;
}
.hq2018lesson .n_lessonpage .t3, .hq2018lesson .n_lessonpage .t3 .k1, .hq2018lesson .n_lessonpage .t3 .k2 {
    float: left;
}
.hq2018lesson .n_lessonpage .list .t3 div {
    margin-bottom: 8px;
}
.hq2018lesson .n_lessonpage .list .t3 div .nr {
    background: #eff5fd;
    width: 278px;
    margin-bottom: 0px;
    padding: 10px;
    float: left;
    border-radius: 8px 0 0 8px;
}
.hq2018lesson .n_lessonpage .list .t3 div span {
    font-size: 14px;
    line-height: 23px;
    width: 82px;
    padding-left: 8px;
    display: inline-block;
}
.hq2018lesson .n_lessonpage .list .t3 div .title {
    background: #b7d1f8;
    font-size: 14px;
    color: #ffffff;
    width: 14px;
    float: left;
    border-radius: 0 8px 8px 0;
    margin-bottom: 0px;
    padding: 0 13px;
}
.hq2018lesson .n_lessonpage .list .t3 div .title b {
    display: table-cell;
    vertical-align: middle;
    width: 14px;
}
.hq2018lesson .n_lessonpage .list .t3 .k2 .title {
    background: #93baf4;
}
.hq2018lesson .n_lessonpage .list .t3 .k3 .title {
    background: #649cf0;
}
.hq2018lesson .n_lessonpage .list .t2, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5, .hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    border-right: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 40px;
    border-bottom: 1px solid transparent;
}
.hq2018lesson .n_lessonpage .list .t2, .hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5, .hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7, .hq2018lesson .n_lessonpage .list .t8 {
    border-bottom: 1px solid #eeeeee;
}
.hq2018lesson .n_lessonpage .t4 strong {
    float: left;
}
.hq2018lesson .n_lessonpage .list .n_dx {
    font-family: "simsun";
    font-size: 12px;
    color: #ffffff;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #f16262;
    border-radius: 5px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    line-height: 32px;
}
.hq2018lesson .n_lessonpage .list .t7 {
    color: #f16262;
}
.hq2018lesson .n_lessonpage .list .t8 {
    padding: 24px 8px;
    background: #ffffff;
}
.hq2018lesson .n_lessonpage .list .t8 .n_coupon {
    text-align: center;
    margin: 7px 0 20px;
    height: 14px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span {
    color: #f16262;
    border: 1px solid #f16262;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span a {
    color: #f16262;
}
.hq2018lesson .n_lessonpage .list .t8 p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}
.hq2018lesson .n_lessonpage .list .t8 p span {
    color: #f16262;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-right: 10px;
}
.hq2018lesson .n_lessonpage .list .t8 p span b {
    font-size: 14px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button {
    text-align: center;
    margin-top: 20px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    width: 98px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: #649cf0;
    margin: 0 8px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 154px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk {
    background: #ffffff;
    border: 1px solid #649cf0;
    color: #649cf0;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk:hover {
    background: #4187f0;
    border: 1px solid #4187f0;
    color: #ffffff;
}
.hq2018lesson .n_lessonpage .list .t8 .icon-n_talk {
    display: inline-block;
    background: url(http://www.hqwx.com/assets/images/zixun_2.png) center no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: text-bottom !important;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button a .icon, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose li, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a li, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose .choose_now, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a .choose_now {
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
.hq2018lesson .n_lessonpage .list .t8 .n_talk:hover .icon-n_talk {
    background: url(http://www.hqwx.com/assets/images/zixun_1.png) center no-repeat;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart {
    background: #649cf0;
    border: 1px solid #649cf0;
}
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart:hover {
    background: #4187f0;
    border-color: #4187f0;
}
.hq2018lesson .n_lessonpage .green .t3 .nr {
    background: #f6ffef !important;
}
.hq2018lesson .n_lessonpage .green .t3 .k1 .title {
    background: #cce7b6;
}
.hq2018lesson .n_lessonpage .green .t3 .k2 .title {
    background: #b0d791;
}
.hq2018lesson .n_lessonpage .green .t3 .k3 .title {
    background: #8cc360;
}
.hq2018lesson .n_lessonpage .yellow .t1 {
    background: #fdb736;
}
.hq2018lesson .n_lessonpage .yellow .t3 .nr {
    background: #fffbf3 !important;
}
.hq2018lesson .n_lessonpage .yellow .t3 .k1 .title {
    background: #fee0a7;
}
.hq2018lesson .n_lessonpage .yellow .t3 .k2 .title {
    background: #fece76;
}
.hq2018lesson .n_lessonpage .yellow .t3 .k3 .title {
    background: #fdb736;
}

/*环球课程样式end*/

/*中大课程样式 start*/
.cl *, .cl :after, .cl :before, .clVideo * {
    box-sizing: border-box;
}
.cl2019 {
    width: 1224px;
    margin: auto;
    overflow: hidden;
    padding-left: 1px;
}
.lc1__btn {
    width: 78px;
    height: 28px;
    border-radius: 14px;
    border: solid 1px #ef2d36;
    margin: 0 auto 10px;
    color: #ef4545;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer;
}
.cl2019>.cl2019_box {
    position: relative !important;
    width: 386px !important;
    height: 402px !important;
    margin: 20px 17px 20px 2px !important;
    border-radius: 5px !important;
    float: left !important;
    color: #000 !important;
    background-color: #fff !important;
    border: none !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
    transition: all 0.5s !important;
    text-align: left !important;
    cursor: pointer !important;
}
.cl2019>.cl2019_box:hover {
    transform: translateY(-5px) !important;
    transition: all 0.5s !important;
}
.imgBox1, .imgBox2, .imgBox3, .imgBox4, .imgBox5, .imgBox6 {
    width: 386px;
    height: 226px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 8px;
    border: none;
}
.imgBox1 {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/img/xiaofang/xqh.jpg);
}
.jImg {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/二建/img/jiaobiao.png);
    width: 100px;
    height: 50px;
    display: inline-block;
    background-size: 80%;
    position: absolute;
    left: 16px;
    top: 0;
    background-repeat: no-repeat;
}
.jTit {
    height: 110px;
}
.cl2019>.cl2019_box>.jTit {
    padding: 0 10px 20px;
}
.cl2019>.cl2019_box>.jTit>h2 {
    margin: 0 0 10px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 24px !important;
    color: #000 !important;
}
.spot {
    overflow: hidden;
}
.spot .spot_text {
    display: inline-block;
    float: left;
    margin: 0 4px 10px 0;
    padding: 0 6px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
.cl2019>.cl2019_box:nth-child(1) .spot>span {
    background-color: #f9f0ef;
    color: rgba(166, 107, 102, 1);
}
.spotBottom {
    height: 50px;
    padding: 0 10px;
}
.spotBottom>.spot_tit:nth-child(1) {
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
    color: rgba(239, 69, 69, 1);
}
.cl__btn {
    border: 1px solid #ff9696;
    border-radius: 4px;
    width: 72px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ef4545;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.cl2__serviceBtn {
    width: 126px;
    height: 40px;
    background-color: #ef4545;
    border-radius: 6px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}
.cl__btn:hover {
    background-color: #ef4545;
    color: #fff;
}
.cl2__serviceBtn:hover {
    background-color: #ff5656;
}
.spotBottom>.aBtn:nth-child(2) {
    float: right;
    text-decoration: none;
    text-align: center;
}
.imgBox2 {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/img/xiaofang/xdlb1.png);
}
.cl2019>.cl2019_box:nth-child(2) .spot>span {
    background-color: #ececf5;
    color: rgba(125, 125, 176, 1);
}
.tjImg {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/tags.png);
    width: 100px;
    height: 50px;
    display: inline-block;
    background-size: 80%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}
.imgBox6 {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/img/xiaofang/xtg.jpg);
}
.tcp {
    text-decoration: none;
    font-size: 12px;
    color: #999;
    margin-left: 10px;
    display: inline-block;
}
.headset_box {
    display: block;
    text-decoration: none;
    position: absolute;
    right: 19px;
    top: 241px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #4085ED;
    font-size: 12px;
}
.headset_boxs {
    display: inline-block;
    text-decoration: none;
    width: 20px;
    height: 20px;
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/headset.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-left: 5px;
}
.cl2019>.cl2019_box:nth-child(3) .spot>span {
    background-color: #f5f5eb;
    color: rgba(159, 159, 99, 1);
}
.imgBox4 {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/img/xiaofang/xzx.png);
}
.jup {
    text-decoration: none;
}
.cl2019>.cl2019_box:nth-child(4) .spot>span {
    background-color: #eaf0f9;
    color: rgba(59, 116, 195, 1);
}
.cl2019>.cl2019_box:nth-child(5) .spot>span {
    background-color: #f5efea;
    color: rgba(183, 133, 98, 1);
}
.cl2019>.cl2019_box:nth-child(6) .spot>span {
    background-color: #eff3f7;
    color: rgba(86, 132, 165, 1);
}
.imgBox5 {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/img/xiaofang/xtx.png);
}
.imgBox3 {
    background-image: url(http://static.wangxiao.cn/zhuanti/GGW3/img/xiaofang/xbz.png);
}
.newreg{
    width:640px;
    height:620px;
    position: fixed;
    right:50px;
    top:200px;
    z-index: 2147483647;
    display: none;
}
.newrega2{
    position: absolute;
    right:0;
    top:0;
}
@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    40% {opacity: 0;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}
#newreg {
    animation: fade-in;/*动画名称*/
    animation-duration: 1.5s;/*动画持续时间*/
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/
}
/*中大课程样式 end*/
.ec--cs-wrapper {
    top: 363px!important;
}
/*顶部直播*/
.live-banner {
    width:100%;
    height:545px;
    padding-top:10px;
    font-size:12px;
    color:#fff;
    overflow:hidden
}
.live-banner .clearfix {
    *zoom:1
}
.live-banner .clearfix:before,.live-banner .clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.live-banner .clearfix:after {
    clear:both
}
.live-banner .text-overflow {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.live-banner .left {
    display:inline;
    float:left
}
.live-banner .right {
    display:inline;
    float:right
}
.live-banner-inner {
    position:relative;
    z-index:2;
    top:-555px;
    width:999px;
    height:531px;
    margin:0 auto;
    background-color:#333;
    border:#4d4d4d 1px solid
}
.live-banner-inner .lb-video {
    width:690px;
    height:518px;
    overflow:hidden;
    margin:7px 0 0 7px;
    float:left;
    display:inline;
    background-color:#000;
    position:relative
}
.live-banner-inner .lb-video-tips {
    display:none;
    position:absolute;
    left:0;
    width:690px;
    top:195px;
    text-align:center;
    font-size:30px;
    color:#727272
}
.live-banner-inner .lb-blue-btn {
    display:none;
    width:172px;
    height:43px;
    line-height:43px;
    border:#09a3b2 1px solid;
    border-radius:4px;
    color:#fff;
    position:absolute;
    left:260px;
    top:260px;
    text-align:center;
    font-size:18px
}
.live-banner-inner .lb-blue-btn:hover {
    background-color:#09a3b2
}
.live-banner-inner .lb-video-title {
    display:none;
    position:absolute;
    width:100%;
    bottom:280px;
    text-align:center;
    font-size:24px;
    line-height:28px;
    font-weight:bold;
    color:#fff
}
.live-banner-inner .lb-video-title-inner {
    margin:0 30px;
    display:inline-block;
    background-color:#000;
    border-radius:10px;
    background:rgba(0,0,0,0.8);
    padding:11px 19px
}
.live-banner-inner .lb-video-title-inner i {
    color:#3d4043;
    font-weight:normal;
    margin:0 14px
}
.live-banner-inner .lb-video-teacher {
    position:absolute;
    right:40px;
    bottom:10px;
    color:#fff;
    display:none
}
.live-banner-inner .lb-video-teacher dt {
    width:42px
}
.live-banner-inner .lb-video-teacher dt img {
    width:42px;
    height:42px;
    border-radius:50%
}
.live-banner-inner .lb-video-teacher dd {
    margin-left:12px;
    line-height:19px
}
.live-banner-inner .lb-video-teacher dd p {
    font-size:16px
}
.live-banner-inner .lb-no-mute-btn {
    position:absolute;
    left:12px;
    bottom:10px;
    width:33px;
    height:32px;
    background:url("../../images/live_banner/live_banner_icons.png?v=201706211615") no-repeat 0 -33px;
    display:none
}
.live-banner-inner .lb-mute-btn {
    background-position:-33px -33px
}
.live-banner-inner .lb-blue-btn2 {
    background-color:#09a3b2
}
.live-banner-inner .lb-blue-btn2:hover {
    background-color:#00c1d2;
    border-color:#00c1d2
}
.live-banner-inner .lb-list {
    width:302px;
    float:right;
    display:inline;
    position:relative;
    height:531px;
    background:url("/images/live_banner_line.gif?v=201706211615") no-repeat 17px 7px
}
.live-banner-inner .lb-bar-tit {
    height:56px;
    line-height:56px;
    margin-left:39px
}
.live-banner-inner .lb-bar-tit h4 {
    color:#fff;
    font-size:20px;
    font-weight:normal
}
.live-banner-inner .lb-bar-tit a {
    float:right;
    display:inline;
    color:#afafaf;
    margin-right:20px
}
.live-banner-inner .lb-bar-tit a:hover {
    color:#0da7b5
}
.live-banner-inner .lb-white-btn {
    display:block;
    border:#fff 1px solid;
    padding:0 8px;
    height:25px;
    line-height:25px;
    border-radius:4px;
    color:#fff;
    text-align:center
}
.live-banner-inner .lb-white-btn:hover {
    border-color:#0da7b5;
    color:#0da7b5
}
.live-banner-inner .lb-disabled-btn {
    border-color:#afafaf;
    color:#afafaf;
    cursor:default
}
.live-banner-inner .lb-disabled-btn:hover {
    border-color:#afafaf;
    color:#afafaf
}
.live-banner-inner .lb-point {
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    background-color:#333;
    margin-top:8px;
    float:left
}
.live-banner-inner .lb-point i {
    display:block;
    width:8px;
    height:8px;
    overflow:hidden;
    background-color:#bcbcbc;
    border-radius:50%;
    margin:4px auto 0
}
.live-banner-inner .lb-time {
    font-size:18px;
    display:inline-block;
    height:23px;
    line-height:23px;
    overflow:hidden;
    width:143px;
    margin-top:3px;
    float:left;
    margin-left:10px
}
.live-banner-inner .lb-time i {
    display:inline-block;
    width:0;
    height:0;
    overflow:hidden;
    border:#333 12px solid;
    border-left:none;
    float:left;
    margin-right:5px;
    display:none
}
.live-banner-inner .lb-top .lb-white-btn {
    float:right;
    display:inline
}
.live-banner-inner .lb-list-wrap {
    width:302px;
    height:475px;
    overflow:hidden;
    position:relative
}
.live-banner-inner .lb-list-inner {
    width:302px;
    height:475px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:30px;
    color:#eeeded
}
.live-banner-inner .lb-list-inner ul {
    width:302px
}
.live-banner-inner .lb-list-inner li {
    padding:15px 20px 15px 10px;
    cursor:pointer;
    background:url("/images/live_banner_on.gif?v=201706211615") no-repeat left bottom
}
.live-banner-inner .lb-list-inner .on {
    background:url("/images/live_banner_on.gif?v=201706211615") repeat-y
}
.live-banner-inner .lb-list-inner .on .lb-time {
    font-size:16px;
    background-color:#00c1d2;
    margin-top:0;
    margin-left:4px
}
.live-banner-inner .lb-list-inner .on .lb-time i {
    border-color:#3e3e3e;
    border-right-color:#00c1d2;
    display:block
}
.live-banner-inner .lb-list-inner .on .lb-point {
    border-radius:50%;
    width:20px;
    height:20px;
    background-color:#575757;
    margin-left:-2px;
    margin-top:2px
}
.live-banner-inner .lb-list-inner .on .lb-point i {
    width:12px;
    height:12px;
    background-color:#00c1d2
}
.live-banner-inner .lb-list-inner .lb-tips {
    background:none;
    text-align:center;
    margin-top:130px;
    cursor:default
}
.live-banner-inner .lb-list-inner dl {
    margin-top:13px
}
.live-banner-inner .lb-list-inner dt {
    float:left;
    display:inline;
    width:42px;
    height:42px;
    margin-left:24px
}
.live-banner-inner .lb-list-inner dt img {
    border-radius:50%
}
.live-banner-inner .lb-list-inner dd {
    float:left;
    display:inline;
    width:195px;
    margin-left:9px
}
.live-banner-inner .lb-list-inner dd h5 {
    font-size:14px;
    margin-top:3px
}
.live-banner-inner .lb-list-inner dd p {
    font-size:16px;
    margin-top:8px
}
.live-banner-inner .lb-list-inner dd p span {
    display:inline-block;
    width:130px
}
.live-banner-inner .lb-list-inner dd p i {
    float:right;
    overflow:hidden;
    width:56px;
    line-height:18px;
    height:18px;
    text-align:right;
    display:inline;
    color:#afafaf;
    font-size:12px;
    margin-top:-1px
}
.live-banner-inner .lb-bar-bg {
    position:absolute;
    width:8px;
    height:475px;
    overflow:hidden;
    background-color:#252525;
    right:0;
    top:0
}
.live-banner-inner .lb-bar {
    position:absolute;
    width:8px;
    height:8px;
    overflow:hidden;
    background-color:#8a8a8a;
    right:0;
    top:0;
    cursor:pointer
}
.live-banner-book {
    display:none;
    position:fixed;
    z-index:19999;
    top:50%;
    left:50%;
    margin-top:-190px;
    margin-left:-260px;
    width:315px;
    min-height:380px;
    height:auto !important;
    height:380px;
    background:#FFF;
    border-radius:4px;
    font-family:"Microsoft Yahei"
}
.live-banner-book .lbb-head {
    position:relative;
    padding:0 10px;
    height:60px;
    line-height:60px;
    background-color:#f5f5f5;
    color:#3c9ddb;
    font-size:16px;
    text-align:center;
    border-radius:4px 4px 0 0;
    border-bottom:#eaeaea 1px solid
}
.live-banner-book .lbb-head .lbb-btn-close {
    position:absolute;
    top:8px;
    right:8px;
    width:12px;
    height:12px;
    background:url("../../images/live_banner/live_banner_icons.png?v=201706211615") no-repeat
}
.live-banner-book .lbb-head .lbb-btn-close:hover {
    background-position:0 -14px
}
.live-banner-book .lbb-body {
    overflow:hidden
}
.live-banner-book .lbb-footer {
    text-align:center
}
.live-banner-book .lbb-footer .lbb-btn-now-book {
    display:inline-block;
    width:210px;
    height:52px;
    background:#0095db;
    border-radius:4px;
    color:#FFF;
    font:20px/52px "Microsoft Yahei";
    text-align:center
}
.live-banner-book .lbb-footer .lbb-btn-now-book.lbb-disabled {
    background:#dddddd;
    cursor:default
}
.live-banner-book .lbb-list-tel {
    margin:24px 80px 0
}
.live-banner-book .lbb-list-tel h5 {
    color:#555;
    font-size:16px
}
.live-banner-book .lbb-list-tel ul {
    overflow:hidden
}
.live-banner-book .lbb-list-tel li {
    float:left;
    width:100%;
    padding-top:11px
}
.live-banner-book .lbb-list-tel li .lbb-text {
    float:left;
    padding:5px 10px;
    width:230px;
    height:28px;
    background:#FFF;
    border:1px solid #dcdcdc;
    color:#333;
    font-size:16px;
    font-family:"Microsoft Yahei"
}
.live-banner-book .lbb-list-tel li .lbb-input-code {
    width:325px
}
.live-banner-book .lbb-list-tel li .lbb-pic-code,.live-banner-book .lbb-list-tel li .lbb-btn {
    display:inline-block;
    width:94px;
    height:40px;
    line-height:39px
}
.live-banner-book .lbb-list-tel li .lbb-pic-code {
    cursor:pointer
}
.live-banner-book .lbb-list-tel li .lbb-btn {
    border-radius:0 4px 4px 0;
    background:#0095db;
    text-align:center;
    color:#FFF;
    font-size:12px
}
.live-banner-book .lbb-list-tel li .lbb-btn.lbb-disabled {
    background:#dddddd;
    cursor:default
}
.live-banner-book .lbb-book-tips {
    text-align:center;
    clear:both;
    height:30px;
    padding-top:10px;
    color:#0095db;
    font-size:12px
}
.live-banner-book .lbb-book-tips.error {
    color:#ff5858
}
.live-banner-book .lbb-result {
    color:#5a5a5a;
    display:none
}
.live-banner-book .lbb-result dt {
    text-align:center;
    font-size:16px;
    padding-top:43px
}
.live-banner-book .lbb-result dt .lbb-success {
    display:inline-block;
    width:31px;
    height:31px;
    background:url("../../images/live_banner/live_banner_icons.png?v=201706211615") no-repeat -14px 0;
    margin:0 12px -8px 0
}
.live-banner-book .lbb-result dd {
    height:130px;
    font-size:14px;
    line-height:24px;
    margin:46px 0 0 83px
}
.live-banner-book .lbb-result dd .lbb-qq-code {
    float:left;
    display:inline;
    width:122px;
    margin-top:6px
}
.live-banner-book .lbb-result dd .lbb-des {
    float:left;
    display:inline;
    width:224px;
    margin-left:16px
}
.live-banner-book .lbb-result dd .lbb-blue-btn {
    display:block;
    width:180px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#fff;
    background-color:#0095db;
    font-size:16px;
    border-radius:4px;
    margin-top:5px
}
.live-banner-book .lbb-loading {
    background:url("../../images/live_banner/loading.gif?v=201706211615") no-repeat;
    width:74px;
    height:74px;
    margin:0 auto
}
.live-banner-win-bg {
    display:none;
    background-color:#000;
    position:absolute;
    z-index:999;
    left:0;
    top:0;
    opacity:0.8;
    filter:alpha(opacity=80)
}
@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    80% {
        -webkit-transform:scaley(0.3);
        transform:scaley(0.3)
    }
    90% {
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
}@keyframes line-scale-pulse-out-rapid {
     0% {
         -webkit-transform:scaley(1);
         transform:scaley(1)
     }
     80% {
         -webkit-transform:scaley(0.3);
         transform:scaley(0.3)
     }
     90% {
         -webkit-transform:scaley(1);
         transform:scaley(1)
     }
 }.line-scale-pulse-out-rapid {
      margin:6px 0 0 10px;
      float:left;
      display:inline
  }
.line-scale-pulse-out-rapid>div {
    background-color:#fff;
    width:2px;
    height:20px;
    border-radius:2px;
    margin:2px;
    overflow:hidden;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    display:inline-block;
    -webkit-animation:line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11,0.49,0.38,0.78);
    animation:line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11,0.49,0.38,0.78)
}
.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4) {
    -webkit-animation-delay:0.25s !important;
    animation-delay:0.25s !important
}
.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5) {
    -webkit-animation-delay:0.5s !important;
    animation-delay:0.5s !important
}
.live-banner-link {
    display:block;
    position:relative;
    width:100%;
    height:555px;
    top:-10px
}
/*顶部直播end*/


@media screen and (max-device-width: 1000px) {
.top_left h2{
    /*font-size: 18px;*/
}

.top_left .xiaof{
    width: 56%;
}

.swiper_list .register{
    font-size: 14px;
}

.swiper_list .registe span{
    font-size: 12px;
}

.mfxz{
    font-size: 14px;
}

.register span{
    font-size: 12px;
}
#biaoge{
    width: 100%;
}
.biaoge2{
    float: left;
    width: 100%;
}
.jingpin{
    width: 100%;
}
.taocan{
    width: 100%;
}
.kec{
    width: 94%;
}

.bgalb{
    width: 94%;
}
.top_inp input {
    text-indent: 5px;
}
@media screen and (min-device-width: 1400px) {
    .biaoge2{
        width: 500px;
    }
    .bgalb{
        width: 460px;
    }
    .kec2{
        width: 470px!important;
    }
}


}