@import url("layer.css");
@charset "utf-8";
/* CSS Document */
.body{position: relative;}
.header{padding:12px 0 ;font-size: 15px;width: 100%;background: #fff;z-index: 99999;top: 0;left: 0;box-shadow: 0 2px 16px 0 rgba(7,17,27,.04);}
.shaw{box-shadow: 0 2px 16px 0 rgba(7,17,27,.04);}
.header .nav-bar{margin: 0 50px;}
.nav-bar li{display: inline-block;padding-top: 18px;}
.nav-bar li a{padding:0 10px 15px 10px;display: block;}
.nav-bar li.on a,.nav-bar li:hover a{color: #003b7a;}
.header .form-group{margin-top: 14px;}
.form-group{border: 1px solid #d4d4d4;border-radius: 15px;height: 30px;padding: 2px 8px;}
.loginBox{line-height: 58px; position: relative;}
.loginBox a:hover{color: #003b7a;}
.loginshow{padding-bottom: 10px;}
.loginshow img{display: inline-block;height: 48px;width: 48px;border-radius: 50%;line-height: 48px;}
.loginshow ul{position: absolute;top: 100%;right: 0;width: 100px; background: #fff;z-index: 999;display: none;}
.loginshow:hover ul{display: block;}
.loginshow ul li a{display: block;line-height: 40px; text-align: center;font-size: 14px;border-top: 1px solid #f4f4f4;}
/* banner */
.banner-box{ position:relative; width:100%; height:440px; overflow:hidden;min-width: 1200px;}
.banner-list{ position:relative; width:100%; height:440px; overflow:hidden;}
.banner-list li{ position:absolute; left:0; top:0; display:none;width:100%;height: 440px;min-width: 1200px;}
.banner-list li a{display: block;width: 100%;height: 440px;}
.banner-box .arrow{position:absolute;top:0px;width:120px; height: 440px;padding-top: 195px;  text-align:center; color:#fff; opacity:0;}
.banner-box:hover .arrow{opacity: 1;}
.banner-box .arrow a{background:rgba(0,0,0,0.4);  display: inline-block;width: 50px; height: 50px;text-align:center; line-height:50px; border-radius:50% ;color: #fff; font-size:18px; }
.banner-box .arrow:hover a{color: #003b7a;}
.banner-box .arrow.pre{ left:0;}
.banner-box .arrow.next{ right:0;}
/* index content */
.line-primary{height: 38px; width: 3px;background: #003b7a; margin-top:6px; margin-right: 10px;}
/* product */
.indexBg{background: #f3f9f8;padding-bottom:10px ;padding-top: 50px;}
.product-bg{width: 100%;height: 300px; background: url(../images/product_02.png) no-repeat center #bdc1cd;}
.product-list:after{display: table;clear: both;content: "";}
.product-list{margin-left: -10px;margin-right: -10px;}
.product-list li{float: left; width: 25% ;padding-left:10px ;padding-right: 10px; margin-bottom: 40px;}
.product-list li a{display: block;transition:  0.4s ;border: #E1E9FA 1px solid;position: relative; border-radius: 5px;overflow: hidden;}
.product-list li  .progress-tips{position: absolute;right: 10px; top: 10px; width: 40px; height: 22px; line-height: 22px;display: inline-block;text-align: center;border-radius: 11px; background: #003b7a;color: #fff; font-size: 12px;z-index: 99;}
.product-list li a:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3) ;}
.product-list li .images{width: 283px;height: 161px;overflow: hidden;}
.product-list li .images img{width: 100%;height: auto;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.product-list li:hover  img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.product-boy{padding: 20px 15px 15px;background: #fff;}
.product-boy .name{font-size: 16px;color:#464E56; height: 18px;line-height: 1; overflow: hidden;margin-bottom: 10px;}
.product-boy .info{font-size: 13px;height: 44px;overflow: hidden; color: #75818e;margin-bottom: 20px;}
.product-list li:hover .name,.product-list li:hover .icon-jinru{color: #003b7a;}
.product-list .icon-kecheng1{font-size: 13px;}
.product-list li em{position: relative; bottom: 308px; right: -230px; background: #003b7a; display: inline-block; padding: 2px 10px; border-radius: 2px; color: #fff; font-style: normal;}
.hidden em{position: relative;bottom: 252px;right: -266px;background: #003b7a;display: inline-block;padding: 2px 10px;border-radius: 2px;color: #fff;font-style: normal;z-index: 9999;}
/*filtrate*/
.filtrate .filt-row{position: relative;max-height:60px;}
.filtrate .filt-row:after{display: table;clear: both;content: '';}
.filtrate .group {padding: 16px 5px;border-bottom: 1px solid #E1E9FA;position: relative;}
.filtrate .hover-group:hover{top:-1px;z-index:22;padding:16px 4px;background:#fff;border:1px solid rgba(28,31,33,.1);box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:8px}
.group .head{width:60px;height:20px;line-height:30px;color:#75818e;float: left;margin-right:10px;}
.group .item{max-height:30px;overflow:hidden}
.item a{display:inline-block;margin:0 8px 8px 0;padding: 4px 6px;}
.item a.select{background: #003b7a;color: #fff;border-radius:4px}
.item a:hover{color: #003b7a;}
.item a.select:hover{color: #fff;}
@-webkit-keyframes skillIn{0%{max-height:30px}100%{max-height:200px}}
@keyframes skillIn{0%{max-height:30px}100%{max-height:200px}}
.hover-group:hover .item{-webkit-animation-duration:.3s; animation-duration:.3s;-webkit-animation-fill-mode:both;
animation-fill-mode:both;-webkit-animation-name:skillIn;animation-name:skillIn}
.paixu-box{border: solid 1px #E1E9FA;padding: 15px;font-size: 15px;}
.paixu-box .px{margin-right: 15px;}
.paixu-box .select,.paixu-box .px:hover,.paixu-box .xuexi a.on{color: #003b7a;}
.paixu-box  .icon-paixu{display: inline-block;}
.paixu-box .select .icon-paixu{
    margin-top: -4px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); /* Opera */}
.paixu-box .xuexi{display: inline-block;position: relative;padding-right: 20px;}
.paixu-box .xuexi a{position: absolute;right: 0;display: inline-block;z-index: 1;}
.paixu-box .xuexi a.up{top:2px;}
.paixu-box .xuexi a.down{bottom: -1px;}
.paixu-box .xuexi .iconfont{font-size: 14px;line-height: 1;}
/*bread*/
.bread {color: #75818e;}
.bread a:hover{color: #003b7a;}
.detail-box .bread {color: #fff;}
/*news-box*/
.news-right{width:33%; margin-left:3px;}
.news-left{background:#f3f9f8 ;height: 206px; width: 855px;}
.news-left img{height: 206px; width: 340px;}
.news-left .name{color: #333;font-size: 18px; margin-bottom: 10px;}
.news-left .info{color: #666; line-height: 24px;max-height: 96px; overflow: hidden;}
.news-radio{
	background: -webkit-linear-gradient(left, #1db7b5 , #1d45b7);
    background: -o-linear-gradient(right, #1db7b5, #1d45b7);
    background: -moz-linear-gradient(right, #1db7b5, #1d45b7);
    background: linear-gradient(to right, #1db7b5 , #1d45b7);
    color: #fff;
    height: 134px;
    padding: 20px;}
.news-radio .info{color: #f6f6f6; height: 44px; overflow: hidden;}
.news-list li{margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; color: #666;}
.news-list li:hover a,.news-left .name:hover a,.news-lieb li:hover .name{color: #003b7a;}
.news-lieb li{padding: 15px 0;border-bottom: 1px solid #E1E9FA;}
.side-box .news-lieb li{padding: 8px 0;}
.news-lieb li:after{display: table;content: "";clear: both;}
.news-lieb li .tips{font-size: 12px; padding:0px 4px;border-radius: 2px;border: solid 1px;display: inline-block;}
.news-lieb li .tips-green{border-color:#003b7a ;color: #003b7a;}
.news-lieb li .tips-gray{border-color:#99a4af ;color: #99a4af;}
.news-lieb li .nesPic{max-height: 100px;overflow: hidden;}
.news-lieb li .nesPic img{width: 180px; height: auto;}
.leib-items{display: inline-block;padding: 1px 6px; border-radius: 3px; background: #e1e8fa; color:#99a4af;}
.newstitle-icon .iconfont{font-size: 18px; color: #9ba1b1;}
/*detail*/
.detail-box{position: relative;width: 100%; min-width: 1200px; height: 470px;overflow: hidden;}
.detail-bg img{width: 100%;
    filter: url(blur.svg#blur);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}
.detail-shadow{position: absolute;left: 0;top: 0;width: 100%; height: 100%; background: rgba(0,0,0,.35);}
.detail-content{ position: absolute;top: 0; left: 0; width: 100%;}
.detail-body{background: #fff;border-radius: 10px;padding: 30px; overflow: hidden;}
.detail-body img{width: 480px;height: 270px;}
.detail-body .love:hover{color: #003b7a;}
.certBody{height: 35px;overflow: hidden;}
.certBody span{display: inline-block;border-radius: 3px;background: #f7f9fc; border: #E1E9FA solid 1px;padding: 3px 8px; margin: 0 5px 5px 0;}
.certBox.up .certBody{height: auto;}
.certBox.up .icon-zhankaishouqi-copy:before { content: "\e661"; }
/* presWrap */
.presWrap{width: 200px}
.presWrap .progressBox{width: 200px;height: 10px;border-radius:5px;background: #e4e4e4;overflow: hidden;}
.progressBox .progressBody{height: 10px;background: #003b7a;}
/*tabnav*/
.tab-box{height: 68px; line-height: 40px;  background: #fff;    box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);padding-top: 6px;}
.tabnav li{display: inline-block;font-size: 16px;padding: 10px  0px;margin-right: 30px; cursor: pointer;position: relative;}
.tabnav li.active,.tabnav li:hover{color: #003b7a;}
.tabnav li.active{border-bottom: 2px solid #003b7a;}
.tabcontent .tab-body{display: none;}
.tabcontent .tab-body.on{display: block;}
.tabnav-secd .tabnav{border-bottom:#E1E9FA solid 1px ;}
.tabnav-secd .tabnav li{padding: 10px 20px 10px 0;}
/*cs-cpt-list*/
.p30{padding: 30px;}
.shadow-box {background: #FFF; box-shadow: 0 8px 16px 0 rgba(7,17,27,.1);border-radius: 5px;}
.ibox{background: #FFF;}
.ibox .side-title span{border-bottom:2px solid #003b7a;padding-right: 0;}
.tips-label{display: inline-block;vertical-align: middle;padding: 0px 4px;font-size: 12px;background: #003b7a;color: #fff; border-radius: 2px; line-height: 18px;}
.cs-cpt-list {margin-bottom: 25px;border: #E1E9FA solid 1px;}
.cs-cpt-list.up dt{border-bottom:none}
.cs-cpt-list.up dd{display: none;}
.cs-cpt-list.up .icon-zhankaishouqi:before { content: "\e662"; }
.cs-cpt-list dt{padding:15px  80px 15px 15px ;position: relative;font-size: 16px;color: #003b7a;border-bottom: #E1E9FA solid 1px;}
.cs-cpt-list dt .icon-vedio{color: #003b7a; font-size: 22px;}
.cs-cpt-list dt .arrowbox{position: absolute;top: 15px;right: 15px;}
.cs-cpt-list dt .arrowbox:hover .icon-zhankaishouqi{color: #0f9c62; }
.cs-cpt-list dd{padding:15px; position: relative;}
.chapter-list dd{padding:15px  80px 15px 25px;}
.cs-cpt-list dd .play-box{position: absolute;top: 15px;right: 15px;color: #003b7a;display: none;}
.cs-cpt-list dd:hover .play-box{display: block;}
.chapter-list dd:hover{background: #f7f9fc;}
.cs-cpt-list dt a:hover{color: #003b7a;}
.course-line{border-left: dashed 1px #E1E9FA; padding-left: 15px;margin: 10px 0 20px 10px;}
.course-line li{position: relative;margin-bottom: 25px;}
.course-line li .tips { position: absolute; top: 0px; left: -24px; width: 18px; height: 18px;border:1px solid  #ff7735;  border-radius: 50%; background: #fff;}
.course-line li .item{line-height: 1; margin-bottom: 15px;}
.lesson-list li{width: 352px; height: 94px;background:#f7f9fc ;border: solid 1px #E1E9FA;margin:0 15px 15px 0; float: left;}
.lesson-list:after,.lesson-list li:after{display: table;clear: both;content: '';}
.lesson-list li img{width: 168px; height: 92px;}
/* person */
.person-bg{background: -webkit-linear-gradient(left, #1db7b5 , #1db777);
    background: -o-linear-gradient(right, #1db7b5, #1db777);
    background: -moz-linear-gradient(right, #1db7b5, #1db777);
    background: linear-gradient(to right, #1db7b5 , #1db777);
    height: 100px;position: relative;}
.person-img{position: absolute;bottom: -33px; left: 50%; margin-left: -43px;width: 86px;height: 86px;padding: 3px;background: rgba(255,255,255,0.3);border-radius: 50%;}
.person-img img{width: 80px;height: 80px;border-radius: 50%;}
.person-info{border-bottom: 1px solid #E1E9FA;position: relative;}
.person-info .item{text-align: center;position: absolute;top: -10px;left: 0;width: 100%;}
.person-info .item span{display: inline-block; padding: 0 20px; background: #fff;}
.side-title{border-bottom: 1px solid #E1E9FA;}
.side-title span{display: inline-block;border-bottom:2px solid #f01414;padding-bottom: 8px;padding-right: 30px; font-size: 18px;}
.side-course-list li{ margin-bottom: 15px;}
.side-course-list img{ width: 50px;height: 50px;border-radius: 5px;}
.usrImage img{ border-radius: 50%;width: 80px;height: 80px;}
/* mine */
.profile-box{display: inline-block;width: 90px;height: 90px;border-radius: 50%;border: 3px solid #e1e9fa;overflow: hidden;position: relative;}
.profile-box img{width: 100%;height: auto;position: relative;}
.profile-box .info{position: absolute;bottom: -30px;left: 0;text-align: center;height: 30px;line-height: 26px; font-size: 12px;background: rgba(0, 0, 0, 0.65);color: #fff;width: 100%;
   -webkit-transition: all 0.4s ;
    -moz-transition: all 0.4s ;
    -o-transition: all 0.4s ;
    transition: all 0.4s ;}
.profile-box:hover .info{bottom: 0;}
.side-nav li{padding: 12px 30px;font-size: 16px;}
.side-nav li .iconfont{margin-right: 5px;}
.side-nav li.on{color: #003b7a;background: #f4f6f9;}
.side-nav li:hover{color: #003b7a;}

.label-box{margin-bottom: 25px;}
.label-box .label{width: 120px;text-align: right;margin-right: 20px;display: inline-block;}
.label-box .textarea{ width: 400px;vertical-align: top;}
.label-box .form-control{ width: 300px;}
.select-box {display: inline-block;}
.label-box .select-box .form-control{ width: 150px;margin-right: 10px;}
.add-image{display: inline-block; overflow: hidden; vertical-align: top;}
.add-image .image-box{width: 160px;height: 240px;border: #e4e4e4 solid 1px;margin-right: 20px;}
.add-image img{width: 100%;height: auto; }
.id-box{width: 250px;height:231px;overflow: hidden; background: #fcfcfc;padding: 20px;text-align: center;display: inline-block;border: solid 1px #eee;}
.id-box .id-image{width: 210px;background: #fff;height: 120px;border-radius: 2px;border: solid 1px #eee;display: inline-block;overflow: hidden;}

.bronz-box{display: inline-block;width: 90px;height: 90px;border-radius: 50%;overflow: hidden;position: relative;}
.bronz-box img{width: 90px;height: 90px; }
.bronz-box .add-btn{position: absolute;bottom: 0px;left: 0;text-align: center;height: 90px;line-height: 90px; background: rgba(0, 0, 0, 0.65);color: #fff;width: 100%;}
/* exam */
.exam-bg{width: 100%;background: url(../images/exam-bg.png) no-repeat center;height: 220px; padding: 40px 0;}
.exam-bg .tips{display: inline-block;vertical-align: middle; padding: 2px 12px; font-size: 12px; border:1px solid #003b7a;
    color: #003b7a;border-radius: 11px; line-height: 18px;}
.choose-list{padding-left: 10px;}
.choose-list label{margin-bottom: 20px;display: block;}
.choose-list label input{margin-right: 2px;}
.sheet-title {padding-left:5px ;border-left: 3px solid #003b7a; line-height: 1;}
.expl-box{background: #f3f9f8; border-radius: 3px ;border: 1px solid #E1E9FA;padding: 20px;}
.sheet-box{margin-right: -4px;font-size: 13px;}
.sheet-box a{ display: inline-block; width: 24px;  height: 24px;line-height: 24px;  margin: 0 2px 6px 0; color: #636363; text-align: center;   border-radius: 2px;  border: #e6e8ec solid 1px;}
.sheet-box a.on{background:#99a4af ;color: #fff;}
.answer-info{width: 14px;height: 14px;border-radius:1px ;display: inline-block;vertical-align: middle;border: #dadada solid 1px;margin-left: 4px;}
.bg-red{border-color: #f01414 ;background:#f01414 ;}
.bg-right{border-color: #003b7a ;background:#003b7a ;}
.sheet-box a.bg-red,.sheet-box a.bg-right{color: #fff;}
.answer-un{border-color: #dadada ;background:#fff ;}
/*articlBox*/
.articlBox{line-height: 30px;}
.articlBox p{text-indent: 2em;}
.bgBox-big,.bgBox-small{border-radius: 3px;display: inline-block;color: #fff;text-align: center;vertical-align: middle;}
.bgBox-big{width: 146px;height: 120px;background: #34bf85;padding: 15px;}
.bgBox-small{width: 120px;height: 62px;padding: 10px 15px;}
.bg1{background: #2aaaca;}
.bg2{background: #37b299;}
.bg3{background: #eca847;}
.bg4{background: #34bf85;}
.bg5{background: #e05f59;}
.article-side :hover{color: #003b7a;}
/* page */
.page {font-size: 14px;display: inline-block;}
.page a {padding: 8px 12px;margin-right: 5px;color: #99A4AF;border-radius:2px; background: #f3f3f3;display: inline-block;}
.page a:hover, .page a.current {background:  #003b7a; color: #fff;}
/* table */
.table {width: 100%; max-width: 100%;line-height: 1.4;border: 1px solid #E1E9FA;}
.table>tbody>tr>td {border-bottom: 1px solid #E1E9FA;padding:15px 12px;text-align: center;color: #75818e;}
.table>thead>tr>th{ background-color: #f4f6f9;font-weight: normal;padding: 20px 12px; border-bottom: 1px solid #E1E9FA;text-align: center;color: #000;}
.table-pic img{width: 124px;height: auto;}
.w500{width: 500px;}
.jilu-tips{background: #f4f6f9;border:1px solid #f4f6f9; padding: 2px 6px;line-height: 1; margin-right: 5px;color: #003b7a;}
.jilu-tips:hover{border-color: #003b7a;}
.zs-name{cursor: pointer;}
.zs-detail{display: none;}
/*footer*/
.footer{background: #1d45b7; color: #fff;padding: 50px 0;width: 100%; min-width: 1200px;margin-top: 10px;}
.footer a:hover{color: #eee;}
/*sidebar*/
.sidebar {  width: 66px;    position: fixed;    right: 0; top:50%; margin-top: -150px;   z-index: 100;    list-style: none;    border-radius: 8px 0 0 8px;
    box-shadow: -2px 0 8px 0 rgba(0,0,0,.08);    background: #fff;}
.sidebar li {  position: relative;    text-align: center; padding: 0px 6px;}
.sidebar li:hover{color: #fff;background: #003b7a;}
.sidebar li a{display:block;border-top: 1px solid #e6e6e6; padding: 12px 0px;}
.sidebar li:first-child a{border-top: none;}
.sidebar .qrcodePop{display: none;position: absolute;right: 68px;top: 0;}
.sidebar li.qrcode:hover .qrcodePop{display: block;}
.kefuList{width: 216px;color: #333;}
.kefuList li{float: left;    width: 72px;    padding: 12px 0 12px;    text-align: center;    background: #fff;      cursor: pointer; }
.kefuList li div{   border-right: 1px solid #e6e6e6; }
.kefuList li:hover{background: #fff;color: #003b7a;}
.sidebar li i {display: block;padding-bottom: 2px;}
.sidebar li i.iconfont{font-size: 24px;}
.sidebar li span{font-size: 12px;}
.kefuList li a{border-top: none;padding: 0;}
/*modal*/
.modal-back {position: fixed;top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.75); }
.modal-box { background: #fff;width:380px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s;border-radius: 5px;overflow: hidden;}
.modal-title{position: relative;padding:15px 20px;border-bottom: #dfe1e5 solid 1px;}
.modal-title .close{position: absolute;right: 15px;top: 14px; padding: 6px;color: #999;}
.close .icon-close{font-size: 20px;}
.modal-title .close:hover .icon-close{color: #003b7a;}
.modal-content{padding:25px 30px 30px;}
.modal-content .form-control{padding: 9px 14px;width: 100%;}
.modal-content  .yzmbox .form-control{width: 180px;}
.yzmPic{position: absolute;right: 0;top: 0;}
.yzmPic img{width: 100px;height: 42px;border-radius: 3px;}
.inputbox,.yzmbox{position: relative;margin-bottom: 20px;}
.reg_error{padding: 0 10px; height: 0px;line-height: 20px; color: #f01414; position: relative;top: 0px; z-index: 88;font-size: 12px;}

.baom-top{background: url(../images/bg_03.png) no-repeat bottom ;color: #fff;padding: 15px 20px;}
.baom-cont{padding: 10px 50px 30px ;}


input.check,input.check:checked,input.duoxuan,input.duoxuan:checked{display: inline-block;width: 20px;height: 20px;border: 0;outline: 0!important;background-color: transparent;   -webkit-appearance: none;}
input.check::before,input.duoxuan::before{ font-family: iconfont; font-size: 20px; font-weight: 400; line-height: 1;  text-decoration: none; color: #aaa;  border-radius: 0;  background: 0 0;  -webkit-font-smoothing: antialiased;}
input.check,input.check:checked,input.duoxuan,input.duoxuan:checked{width: 20px;height: 20px;}
input.check::before,input.duoxuan::before{ font-size: 20px; }
input.check::before{content: "\e617";}
input.check:checked::before{content: "\e616";color: #003b7a;}
input.duoxuan::before{content: "\e68c";}
input.duoxuan:checked::before{content: "\e690";color: #003b7a;}


.renz-box{display: inline-block;}
.renz-img {display: inline-block; width: 120px;   height: 180px;    overflow: hidden;    background: #fff;    border: 1px solid #e4e4e4;}
.renz-vedio {width: 260px; height: 180px; overflow: hidden; background: #fff;  border: 1px solid #e4e4e4;}
.renz-img img, .renz-vedio img{width: 100%;height: auto;display: inline-block;}

.yinz-box{display: inline-block; width: 180px;height: 145px;position: relative; text-align: center;}
.yinz-box img{width: 145px;height: 145px;position: relative;display: inline-block;}
.yinz-box .yinz-wz{position: absolute;top: 66px;width: 180px;text-align: center;z-index: 22;left: 0; line-height: 24px;}
/* float */
.noticeBox{position: fixed;bottom: 0;right: 2px;z-index: 9999;width: 281px;height: 168px;}
.noticeBox .closex{position: absolute;right: 0;top: 0;}
#scrollwj{position:absolute; z-index:10000;width: 300px;height: 424px;}
#scrollwj img{width: 170px;height: 240px;}


/* 9.3 add*/
.content{}
.btn-sm{padding: 12px 20px;}
.mb24{margin-bottom: 24px;}
.mr24{margin-right: 24px;}
.p40{padding: 40px;}
.btn-info{background: #74DFB2;  border-color: #74DFB2;color: #fff; }
.btn-info:hover{background: #003b7a;  border-color: #003b7a; }
.flex-center{display: flex;align-items: top;}
.indexLive-img img{width: 320px;height: 240px;border-radius: 8px;}
.tabCourse-nav li{display: inline-block;padding: 14px 20px;font-size: 18px;position: relative;cursor: pointer;}
.tab-couse li.on{background: #003b7a;color: #fff;border-radius: 4px;}
.tab-detail li.on{ color: #003b7a; font-weight: bold;}
.tab-detail li.on:after{content: '';width: 16px;height: 4px;position: absolute;left: 50%;margin-left: -8px; background: #003b7a; top: 100%;}
.courseContent .contentBody{display: none;}
.courseContent .contentBody.on{display: block;}
.courseLive-list li{background: #fff;padding: 24px;overflow: hidden;margin-bottom: 24px;}
.courseLive-list li .pic img{width: 320px;height: 238px;}
.courseLive-list li .pic img{width: 320px;height: 238px;}
.teacherPic img{width: 56px;height: 56px;border-radius: 50%;}
.topicBox{background-repeat: no-repeat;background-position:top center;background-color: #f7f9fc;width: 100%;min-width: 1200px;padding: 360px 0 80px;}
.introduceImg img{max-width: 100%;}
.catalogue-list li{font-size: 16px;margin-bottom: 24px;}
.chat{ padding: 0px;}
.chat-video{width: 77%; background-color: #fff; float: left; line-height: 50px;  position: relative;}
.chat-tit{  padding: 5px 40px; border-right: 1px solid #f8f8f8;  }
.chat-time{  float: right; }
.chat-video h3{float: left; font-size: 16px;font-weight: 600;}
.chat-live{height: 600px;background-color: #000;}
.chat-directory{float: left;font-size: 14px;margin-right: 40px;font-weight: 600;position: relative;padding-left: 33px; cursor: pointer; }
.chat-directory i{font-size: 40px;font-weight: 900;color: #003b7a;margin-right: 5px;position: absolute;top: -2px;left: 0;font-family: Arial;font-style: normal; }
.list-directory{width: 454px;height: auto;border-radius: 5px;position: absolute;top: 50px;left: 40px;background-color: #fff;display: none;box-shadow: 1px 2px 3px #333;overflow-y: auto; padding-bottom: 20px;z-index: 100;}
/* 滚动条处理 */
.list-directory::-webkit-scrollbar {width:4px; height:2px; background:#f4f4f4;  border-radius:10px;}
.list-directory::-webkit-scrollbar-thumb{display:block;  width:6px;  margin:0 auto; border-radius: 10px;   background:rgb(172, 166, 166);}
.list-directory li{ line-height: 30px;  margin:10px 0;padding: 0 15px;}
.list-directory li span{font-size: 14px; color: #666; display: inline-block; }
.list-directory li span:nth-child(2){ width:270px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 10px 0 27px; vertical-align: top;}
/* ---------------------------------------------------- */
.chat-message{ width:23%;background-color: #fff;  float: right;  padding:0 10px 10px; }
.chat-message-tab{font-size: 0;}
.chat-message-tab li{  width: 50%;  height: 45px;  font-size: 16px;  color: #666;  text-align: center;  line-height: 45px;padding: 0;  background-color: #ddd;   }
.chat-people{height: 490px;margin-top: 15px;overflow-y: scroll;}
.chat-people li{  line-height: 30px;  font-size: 14px;  padding-left: 10px;  color:#999;}
#msg-area{  height: 460px;  overflow-y:auto ;}
/*#msg-area li:nth-child(1){  display: none;}*/
.chat-message-tab li.on{  background-color: #003b7a;  border-bottom:1px solid #003b7a;  color: #fff;  font-weight: 600;}
.chat-send{font-size: 0;}
.chat-input{width: 74%;height: 52px;  border:1px solid #d8d8d8;border-radius:  5px 0 0 5px ;padding: 5px 8px;font-size: 12px;resize: none;}
.chat-send button{  width: 24%;  background-color: #003b7a;  color: #fff;  height: 52px;  vertical-align: top;  border-radius: 0 5px 5px 0;  font-size: 16px;  }
/* ----------------------------------------------------- */
.chat-question{background-color: #fff;padding: 20px;  margin-bottom: 100px;}
.chat-question h1{  padding-left: 20px;  border-left:2px solid #003b7a;  font-size: 16px;  font-weight: 600;  color:#333;}
.chat-question h1 span{  font-size: 12px;  color: #999;}
.chat-question-textarea {margin-top: 20px;border:1px solid #003b7a;border-radius: 5px;overflow: hidden;height: 100px;background: #f5f5f5;}
.chat-question-textarea textarea{width: 740px;height: 98px;  padding: 15px;  border:none;background: none;font-size: 14px;resize: none;}
.chat-question-textarea button{ float: right; width: 110px;font-size: 16px;height: 98px;line-height: 98px; background-color: #003b7a; color:#fff;cursor: pointer;}
.chat-question-textarea button:active{  background-color: #149f64;}
.chat-question ul{  margin-top: 30px; }
.chat-question ul li{  margin-top: 15px; }
.chat-question ul li .issue{ background-color: #f5f5f5;  padding: 20px;   font-size: 14px;  border-radius:5px;}
.chat-question ul li .answer{ padding: 20px;  font-size: 14px;   }
.question-name{ display: inline-block;font-weight: 600; padding: 10px 0;}
.chat-question ul li p{ color:#333;}
.list-item { margin: 10px 0; }
.list-item h5{ line-height: 30px;font-weight: 600; }
.list-item p{  font-size: 14px; color: #666; padding-left: 5px;}
.side-title span.info{border-bottom: 2px solid #003b7a;}
.lesImg img{width: 90px; height: 50px;}

.page li{display: inline-block;}
.page .active{background: #003b7a;width: 38px;height: 38px;margin-right: 5px;color: #fff;border-radius: 2px;line-height: 38px;}

.header{position: fixed;top: 0px;}
.room-cell{table-layout: fixed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.common{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;border-radius: 5px;}
.articlBox img{max-width: 100%;height: auto;}
.common{word-break:break-all;}


/* -- lift -- */
.lift{color: #999; font-size: 14px;border: 1px solid #ddd;border-radius: 5px;padding: 5px 10px;width:99%;margin: 0 auto;margin-top: 35px;}
.lift a{color: #999;padding:5px 0;display: inline-block;}
.lift span{margin-right: 15px;}

/* -- pager -- */
.pager{padding-top: 20px; color: #666; font-size: 14px;}
.pager a{color: #666; text-decoration: underline;}

/* -- pager class two -- */
.pager ul{display: inline-block;margin: 0 auto;padding: 0;}
.pager ul li{display: inline-block;}
.pager ul li a{float: left; padding: 0 14px;margin:2px; line-height: 33px; text-decoration: none; background-color: #FFF; border: 1px solid #dddddd;}
.pager ul li a:hover{background-color: #f5f5f5;margin:2px;}
.pager ul .active a{background-color: #f5f5f5; color: #999; cursor: default;}

/* 提示信息--------------------------------------------- */
#douMsg{padding: 10px 0 100px 0;}
#douMsg dl{padding: 160px 0 200px 0; text-align: center;}
#douMsg dt{color: #0072C6; font-size: 16px; margin-bottom: 30px; font-weight: bold;}
#douMsg dd{color: #666;}
#douMsg dd a{margin-left: 5px; color: #000;}

/* 全局样式--------------------------------------------- */
/* -- urHere -- */
.urHere{height: 35px; line-height: 35px; padding-top: 15px; color: #999; font-weight: bold; font-size: 14px; border-bottom: 1px solid #DDD;}
.urHere a{color: #999;}
.urHere b{margin: 0 8px;}

.page li{display: inline-block;}
.page .active{background: #003b7a;width: 38px;height: 38px;margin-right: 5px;color: #fff;border-radius: 2px;line-height: 38px;}

.commontwo{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break:break-all;}

.container .spbt{margin:0 auto;width:1200px;overflow:hidden;text-align: center;}
.container .spbt h3{font-size: 20px; text-align: center; padding: 10px 0; border-bottom: 1px solid #ddd; width: 200px; margin: 0 auto; margin-bottom: 30px; background: #003b7a; color: #fff; border-radius: 3px;margin-right:10px;display:inline-block;}
.container .spbt2{font-size: 20px; text-align: center; padding: 10px 0; border-bottom: 1px solid #ddd; width: 200px; margin: 0 auto; margin-bottom: 30px; background: #1d45b7!important; color: #fff; border-radius: 3px;display:inline-block;}

.text-mute img{width:100%;}
.registers{background: #ff4400;padding: 5px 10px;border-radius: 3px;color: #fff;}
.loginBox a:hover{color:#fff!important;background:#1d45b7!important;}
.logins{background: #003b7a;padding: 5px 10px;border-radius: 3px;color: #fff;}

.dlbf{background: #003b7a;padding: 3px 8px;border-radius: 5px;color: #fff;margin-left: 10px;display: inline-block;}
.container .3jfl a{margin-right: 15px!important;}