/*前台页面样式*/
body {font-size: 14px;font-family: "Microsoft YaHei","微软雅黑";background-color: #f4f4f4;}
/*reset*/
html{ font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family:SourceHanSansCN-Regular;}
html, button, input, select, textarea{ font-family:"微软雅黑", serif;}
body { margin: 0; font-size: 1em; line-height: 1.4; }
article,aside,details,figcaption,figure,footer,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
audio:not([controls]){display: none;height: 0;}
template,[hidden] {display: none;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;}
figure{margin: 1em 40px;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline;}
b,strong {font-weight: inherit;}
b, strong{ font-weight: bold; }
small { font-size: 85%; }
::-webkit-input-placeholder{color: inherit;opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
ul, ol { margin:0; padding:0; }
li{ list-style:none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; overflow: visible;box-sizing: content-box;}
/*Links*/
a {background-color: transparent;-webkit-text-decoration-skip: objects;cursor: pointer;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; text-decoration:none;}
/*表单*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,input {overflow: visible; line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] {cursor:no-drop; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring{cursor:pointer;}
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}
/*自定义*/
.hidden{ display: none !important; visibility: hidden; }
.none{display:none;}
.clearfix{ overflow:hidden;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.hand{cursor: pointer;}
/**************************************************************************************************************************************/
.mainbox {min-height: 600px;clear: both;    width: 1200px;margin: auto;}
.must {color: #ff2400;}
.free {color: #57c6ae; }
.box {width: 1170px;  margin: 0 auto; }
.card {position: relative;  background: #fff;  margin-bottom: 20px; }
.eps{word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.imgbox{overflow: hidden;position: relative;}
.imgbox img{ height: 100%;  width: 100%; }

/*width*/
.w20{width:20%;}
.w33{width:33.3%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
/* margin */
.auto{margin-left:auto; margin-right:auto;}
.m0{margin:0;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
/* padding */
.p0{padding:0;}
.p5{padding:5px;}
.pl5{padding-left:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
/* font-size */
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
/* font-style */
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.taj{text-align:justify;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* css3过渡动画效果 */
.trans{-webkit-transition:all 0.2s;	transition:all 0.2s;}


/*脸*/
header{ height: 130px;transition: all 0.2s;position: relative;z-index:20;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.23);margin-bottom: 30px;}
.tabnav {list-style: none;overflow: hidden;border-bottom: 1px solid #eaebed;height: 52px;padding: 0;position: absolute;background: #fff;width: 848px;z-index: 1000;  }
.tabnav li {float: left;padding: 0 15px;}
.tabnav li a {color: #333;font-size: 16px;line-height: 50px;display: inline-block;height: 51px;padding: 0 5px;}
.tabnav li.active a {color: #DA2527;border-bottom: 2px solid #DA2527;cursor: default;}
.btn-main{background:#DA2527;color: #fff;}
.btn-main:hover{background:#EE2A3B; color: #fff;  }
.btn-cancel{background: -webkit-linear-gradient(#758299, #5a6c90); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#758299, #5a6c90); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#758299, #5a6c90); /* Firefox 3.6 - 15 */background: linear-gradient(#758299, #5a6c90); /* 标准的语法 */background-color: #5a6c90;color: #fff;  }
.btn-cancel:hover{background: -webkit-linear-gradient(#5a6c90, #758299); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#5a6c90, #758299); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#5a6c90, #758299); /* Firefox 3.6 - 15 */background: linear-gradient(#5a6c90, #758299); /* 标准的语法 */background-color: #758299;color: #fff;}
.mainnav{position: relative;width:1200px;margin: auto;}
.navbox {height:90px;position: relative;}
.navbox .logo {float: left; margin-top:15px;cursor: pointer;position: relative;}
.navbox .logo span{font-size: 16px;color: #666;margin-left: 20px;top:10px;right: -190px;position: absolute;}
.navbox .logo img{max-width: 100%;}
.mainnav ul {padding: 0;list-style: none;display:flex;justify-content: space-between}
.mainnav>ul>li {position:relative;}
.mainnav ul li a {display: inline-block;font-size: 16px;color: #333;height:40px;margin: 0 30px;transition: all 0.2s;cursor: pointer!important;}
.mainnav ul li a:hover {text-decoration: none;}
.mainnav ul li:hover a {color: #EE2A3B;}
.mainnav ul li:hover ul a {color: #333;}
.mainnav ul li.active,.mainnav ul li:hover {}
.mainnav ul li.active a {border-bottom: 2px solid #EE2A3B;color:#EE2A3B; }
.mainnav ul li.active li a{border: none;color: #333;}
.mainnav ul li ul{display: none;position: absolute;    width: 65%;    padding: 10px 0;
    margin: auto;left: 0;right: 0;z-index: 999;    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.23);
    border-radius: 4px;background: #fff;}
.mainnav ul li:hover ul{display: block;}
.mainnav ul li ul li{text-align: center}
.mainnav ul li ul li a{margin: 0;font-size: 14px;color: #333;    line-height: 30px;height: 30px;}

.navbox .fr{margin-top:23px;}
.navbox .topsearch {float: left;border-color: #DA2527;margin: 25px 50px 0;}
.topsearch button i{color: #EE2A3B;font-size: 16px;}
.topsearch {background: #ffffff;width: 265px;height: 30px;line-height: 30px;padding-left: 20px;border: 1px solid rgba(238,42,59,1);border-radius: 15px;}
.topsearch input[type="text"] {border: none;height:30px;background: none;width:210px;}
.topsearch input::-webkit-input-placeholder {/* WebKit browsers */}
.topsearch input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */}
.topsearch input::-moz-placeholder {/* Mozilla Firefox 19+ */}
.topsearch input:-ms-input-placeholder {/* Internet Explorer 10+ */}
.topsearch input:focus {outline: none;}
.topsearch button {border: none;background: none;}
.topsearch button i{color: #888f95;}
.topsearch button:hover i{color: #666;}
.topsearch button:focus {outline: none;}
.banner {height: 400px;}
a.btnOn {width: 37px;height: 19px;display: inline-block;position: relative;top: 4px;background: url("/images/btn-on.png") no-repeat center;}
a.btnOff {width: 37px;height: 19px;display: inline-block;position: relative;top: 4px;background: url("/images/btn-off.png") no-repeat center;}
.userbox,.loginbox{height:300px;}
.userbox{background-image: url("/img/index/cbg.png");background-repeat: no-repeat;background-position: top center;background-size: contain;}
.userbox .tx-box{padding-top: 1px;}
.userbox .tx-box .imgbox{width:70px;height:70px;border-radius:50%;    margin: 50px auto 0;}
.userbox .tx-box p{text-align: center;font-size: 12px;margin-top: 6px;}
.userbox ul.idx{overflow: hidden;display: flex;}
.userbox ul.idx li{width: 50%;text-align: center;}
.userbox ul.idx li a{color:rgba(136,136,136,1);font-size: 12px;}
.userbox ul.idx li a span{color: #dee0e3;font-size:18px;font-family:Arial;font-weight:bold;display: block;}
.userbox .userbox-btns{display: flex;    padding: 0 10px;justify-content: space-between;}
.userbox .userbox-btns a{width:100px;height:35px;background-color:rgba(247,250,252,1);border-radius:4px;display: block;line-height: 35px;}
.userbox .userbox-btns a.pk-btn{background-image:url("/img/index/pk.png");background-repeat: no-repeat;background-position: 20px center;padding-left: 45px;}
.userbox .userbox-btns a.lmap-btn{background-image:url("/img/index/lmap.png");background-repeat: no-repeat;background-position: 15px center;padding-left: 35px;}
.userbox .btn-main-sx{width: 190px;height: 38px;margin: 15px auto 0;line-height: 38px;border-radius: 50px;display: block;}
.loginbox .logbox{padding: 20px 12px 0;}
.loginbox .logbox .btn-main{margin-bottom:12px;text-align: center;height: 40px;line-height:40px;border-radius: 23px;border: 1px solid;font-size: 14px;width:200px;}
.logbox .logline{width:200px;height: 30px;border: 1px solid #dee0e3;background: #fff;border-radius: 23px;margin-bottom:15px;}
.logbox .logline input{height:28px;border: none;background: #fff;width: 130px;padding: 0 0 0 10px;}
.logbox .logline input:focus{outline: none;}
.logbox .logline label{color: #DA2527;font-size: 16px;margin: 0 6px 0 12px;  display: block;  float: left;  height: 30px;  line-height: 30px;}
.loginbox .logbox a{margin:0 10px;}
/*腿*/
.w1200{width: 1200px;margin: auto;}
footer {background:#1B1F21;  width: 100%;  line-height:24px;  font-size: 14px;padding: 30px 0;margin-top: 30px;color: #666;}
footer p{margin: 0;color: #666;}
footer a{margin: 0;color: #666;}
footer img{margin-top: 20px;}
/*首页*/
@keyframes rotate {
    from{    transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg); /* Safari and Chrome */
        -moz-transform:rotateY(0deg); /*Firefox*/}
    to{    transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg); /* Safari and Chrome */
        -moz-transform:rotateY(360deg); /*Firefox*/}
}
/*新闻轮播*/
.news-run{width:557px;height: 280px;}
.news-run .carousel-inner .item{padding: 0;}
.news-run .item .imgbox{width: 557px;height: 290px;cursor: pointer;}
.news-run .item .imgbox p{position: absolute;width: 100%;height: 40px;bottom: 0;text-align: left;padding: 0 85px 0 10px;line-height: 40px;background: rgba(0,0,0,0.6);margin: 0;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-run .carousel-indicators{width: auto;margin-left: 0;  left: 80%;}
.news-run .carousel-indicators.out{bottom: -14px;}
.news-run .carousel-indicators li{border-radius: 0;color: #fff;font-size: 12px;border: none;width: 18px;height: 18px;text-align:center;background: #525f6b;text-indent: 0;box-shadow: none;}
.news-run .carousel-indicators li.active{background: #DA2527;margin: 5px;}
.dx-run{height: 230px;width: 568px;background: #fff;padding: 12px;border: 1px solid #dee0e3;}
.dx-run .carousel-inner .item{padding: 0;cursor: pointer;background: #fff;overflow: hidden;}
.dx-run .item .imgbox{width: 279px;height: 200px;float: left;}
.dx-run .item .imgbox p{position: absolute;font-size: 12px;color: #fff;padding: 6px 8px;left: 12px;bottom: 10px;background: rgba(0,0,0,0.5);border-radius: 2px;}
.dx-run .item .item-info p{font-size: 15px;margin: 0 0 8px;}
.dx-run .item-info h1{margin: 0 0 15px 0;font-size: 15px;line-height:24px;}
.dx-run .carousel-indicators{width: auto;margin-left: 0;left: 84%;}
.dx-run .carousel-indicators li{border-radius: 0;color: #fff;font-size: 12px;border: none;width: 18px;height: 18px;text-align:center;background: #525f6b;text-indent: 0;box-shadow: none;}
.dx-run .carousel-indicators li.active{background: #DA2527;margin: 5px;}
.dx-run .item-info{height: 210px;width: 260px;float: left;}
.main-banner{overflow: hidden;position: relative;height:300px;}
/*margin-bottom: 20px;*/
.main-banner .carousel-inner .item{height:300px;padding-top: 0;width: 100%;}
.main-banner .carousel-indicators li{border: none;background: #fff;opacity:0.6;transition: all 0.2s;}
.main-banner .carousel-indicators li.active{opacity: 1;width: 16px;height: 10px;margin:5px;box-shadow: none;}
.main-banner .carousel-indicators.out + .main-banner .carousel-inner{padding: 0;}
.main-banner .carousel-control{width: 60px;height: 90px;padding: 0;background: rgba(0,0,0,0.8);margin: auto;top: 0;bottom: 0;color: #fff;}
.main-banner .carousel-control, .main-banner .carousel-control:focus{width: 60px;}
.main-banner .carousel-control i{color: #fff;}
.main-banner .carousel-control.left{left: -60px;}
.main-banner .carousel-control.right{right: -60px;}
.tabs-bar{position: relative;}
.comnav {list-style: none;width: 100%;  overflow: hidden;  border-bottom: 1px solid #eaebed;  height: 46px;  padding: 0;    position: relative;    margin: 0;}
.comnav li {float: left;padding: 0 1px;margin: 0!important;}
.comnav li a {color: #333;  font-size: 14px;  line-height: 46px;  display: inline-block;  height: 46px;margin: 0 8px;}
.comnav li:hover a{color: #EE2A3B;text-decoration: none;}
.comnav li.active a {color: #EE2A3B;  border-bottom: 2px solid #EE2A3B;  cursor: default; }
.comnav .btn-group{position: absolute;right: 40px;top:12px;}
.tabs-bar .more-btn{position: absolute;top: 10px;right: 15px;}
.more-btn{height: 24px;line-height: 24px;color: #fff;background: #EE2A3B;font-size: 14px;padding: 0 15px;border-radius: 15px;border: none;}
.more-btn:hover{background: #d02024;}
.index-news-list{margin: 0;width: 568px;background: #fff;border: 1px solid #dee0e3;}
.index-news-list li{border-bottom: 1px dashed #ebebeb;height: 43px;line-height: 43px;padding: 0 10px;overflow: hidden;cursor: pointer;position: relative;}
.index-news-list li:hover{background: #eee;}
.index-news-list li:last-child{border-bottom: none;}
.index-news-list li i{background: #dee0e3;width: 7px;height: 7px;border-radius: 50%;display: inline-block;float: left;    margin: 18px 12px 0 0;}
.index-news-list li p{font-size: 14px;color: #000;display: inline-block;width: 80%;margin: 0;float: left;}
.index-news-list li span.date{color: #999;float: right;    margin-right: 15px;}
.index-news-list li img.new{position: absolute;right: 0;top:0;opacity: 0;}
.index-news-list li:nth-of-type(1) img.new{opacity:1;}
.index-news-list li:nth-of-type(2) img.new{opacity:1;}
.collect{}
.collect_down{background: url("/img/c/collect_dwn.png") no-repeat left;    padding-left: 28px;color: #A8AFB5;}
/*播放*/
.black-play{background: #000;height: 530px;overflow: hidden;position: relative;}
.black-play .playbox{float: left;width: 70%;height:100%;overflow: auto;}
.black-play .playbox::-webkit-scrollbar {width: 6px;height: 200px;background-color: #333;}
.black-play .playbox::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/  border-radius: 3px;  background-color: #333;}
.black-play .playbox::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #868686;/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ }
.black-play .play_right{float: left;width: 30%;position: relative; height: 100%;background: #212121;}
.playbox{position: relative;}
.playbox .fixname{z-index: 1;background: rgba(0,0,0,0.5);position: absolute;width: 100%;font-size: 16px;height: 0;line-height: 45px;padding-left: 20px;margin: 0;color: #fff;overflow: hidden;transition: height 0.2s;}
.black-play .play_right .fixh3{background: #212121;z-index: 1;border-bottom: 1px solid #494d4f;color: #fff;height: 45px;line-height: 45px;margin: 0;padding-left: 20px;position: absolute;top: 0;left: 0;width: 100%;font-size: 16px;}
.black-play .playbox .video-player{height: 100%;}
.black-play .playbox .message{position: absolute;top: 0;}
.black-play .play_right .warelist{height: 530px;overflow: auto; padding-top: 60px;}
.black-play .play_right .wareline{cursor: pointer;}
.black-play .play_right .wareline p{color: #fff; width: 100%;}
.black-play .play_right .wareline:hover p{background:#323232;}
.black-play .play_right .wareline:hover *{color:#fff; }
.black-play .play_right .wareline.active{background:#323232;}
.black-play .play_right .wareline.active p{color:#fff;    background: linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));}
.black-play .play_right a.toggle-btn{position: absolute;height: 50px;width:0;background:#212121;transition: all 0.2s;top: 100px;left:0;text-align: center;overflow: hidden;line-height: 50px;}
.black-play .play_right a.toggle-btn i{color: #f5f5f5;}
.black-play .play_right a.toggle-btn:hover i{color: #fff;}
.black-play:hover a.toggle-btn{left:-30px;width:30px;}
.black-play .play_right .wareline { background: transparent; margin-bottom: 0;    padding: 0;}
.black-play .play_right .wareline:hover{background: #212121;}
.black-play .play_right .wareline p {margin: 0;white-space: normal;display: inline-block;padding: 10px 10px 10px 20px;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;font-size: 14px;float: none;}
.black-play .play_right .wareline .scormmenu{padding: 0;margin: 0;}
.black-play .play_right .wareline .scormmenu li{color: #fff;line-height: 30px;min-height: 30px;padding-left: 30px;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;}
.black-play .play_right .wareline .scormmenu li:hover{background:#323232;color:#999/* #d32125 */;}
.black-play .play_right .wareline .scormmenu li.active{background:#323232;color:#999/* #d32125 */;}
.black-play .play_right .wareline p i {margin-right: 6px;color: #fff;margin-left: 0;padding: 4px 12px;}
.black-play .play_right .warelist::-webkit-scrollbar {width: 6px;height: 200px;background-color: #333;}
.black-play .play_right .warelist::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 3px;background-color: #333;}
.black-play .play_right .warelist::-webkit-scrollbar-thumb {border-radius: 3px;/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/background-color: #868686;}
.full-w .playbox{width: 100%!important;}
.full-w .play_right{width: 0!important;}
.fixed-playbox{position: fixed;bottom: 0;right: 0;width: 400px;height: 200px;z-index:1001;}
.zt-banner .carousel-indicators{margin-left: 0;right:20px;text-align: right;width: auto;left: 0;}
.zt-banner .carousel-indicators li{text-align: center;border-radius: 0;width: 30px;height: 30px;line-height: 30px;background: #fff;color: #333;text-indent: 0;border: none;}
.zt-banner .carousel-indicators li.active{color: #fff;background: #d43c33;box-shadow: none;}
.zt-banner .text-main,.zt-banner a.text-main:hover,.zt-banner a.text-main:focus{color: #6c141c;font-weight: bold;font-size: 34px;margin: 20px 0;}
.zt-banner .carousel-inner p{color: #6c141c;}
.zt-banner .carousel-inner p span{margin: 0 8px;position: relative;}
.zt-banner .carousel-inner p span:after{content: "";position: absolute;right: -10px;width: 1px;height: 10px;top: 4px;background: #6c141c;}
.zt-banner .carousel-inner p span:last-child:after{display: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {  background-color: #d02024;border-color: #d02024;}
.email-inter{float: left;margin-left: 20px;position: relative;}
.email-inter a{font-size: 20px;color: #999;margin-right: 6px;position: relative;  top: 5px;}
.email-inter a:hover{color:#EE2A3B; }
.email-inter label{color: #999;}
.email-inter i.dot{position: absolute;border-radius: 50%;display: block;width: 8px;height: 8px;background: #EE2A3B;left: 10px;top: 5px;z-index: 1;}
.center-top{background: url("/images/center_bg.jpg") no-repeat center;position: relative;height: 180px;margin-top: 20px;}
.center-top .imgbox{width: 120px;height: 120px;border-radius: 50%;border: 1px solid #dedede;margin-left: 120px;float: left;    margin-top: 25px;}
.center-top .data-show{float: left;margin-left: 50px;margin-top: 25px;}
.center-top .data-show *{color: #fff;}
.center-top .data-show p{font-size: 18px;}
.center-top .data-show ul{overflow: hidden;margin-top: 6px;}
.center-top .data-show li{float: left;font-size: 14px;margin-right: 30px;text-align: center;line-height: 28px;}
.center-top .data-show li span{display:block;font-size: 30px;height: 70px;width: 70px;background: rgba(255,255,255,0.3);text-align: center;line-height: 70px;border-radius: 50%;}
.center-top .data-show div{position: absolute;right: 100px;top:55px;}
.center-top .data-show div p{float: left;margin-left: 35px;font-size: 18px;}
.center-top .data-show div p span{font-size: 24px;}
.center-nav-search{overflow: hidden; padding: 25px 25px 20px; margin-bottom: 10px;}
.center-nav-search p{float: left;font-size: 18px;    margin-top: 12px;}
.center-nav-search p span{color: #DA2527;}
.center-nav-search .search-bar{float: right;width: 480px;}
.center-nav-search .search-bar input{width: 355px;margin-right: 10px;border: 1px solid #ebebeb;}
.choose-course-list{padding: 10px 10px 20px;}
.choose-course-list .course-item{float: none;background: rgba(245, 247, 248, 0.4);padding: 20px;width: auto;overflow: hidden;}
.choose-course-list .course-item:hover{top:0;background: #e6e8ed;}
.choose-course-list .course-item .imgbox{float: left;}
.choose-course-list .course-item .imgbox span.label{position: absolute;font-size:12px;color: #fff;padding:6px 8px;right: 12px;bottom: 10px;background: rgba(0,0,0,0.5);border-radius: 2px;}
.choose-course-list .course-item .item-info{border: none;float: left;}
.choose-course-list .course-item button{ margin: 10px auto 0;}
.choose-course-list .course-item p.tags{margin-top: 15px;}
.learn-prgress-bar{height: 6px;border-radius: 3px;background: #bec7cc;width: 330px;position: absolute;top: 8px;left: 75px;}
.learn-prgress-bar span{height: 6px;position: absolute;border-radius: 3px;background: #35aa61;left: 0;transition: width 0.3s;}
.learn-prgress-bar-box{position: relative;}
.item-info .learn-prgress-bar i{position: absolute;font-style: normal;color: #35aa61;font-size: 18px;    left: 340px;top: -8px;}
h1.card-title{font-size:16px;color:#DA2527; border-bottom: 1px solid #eaebed;  height: 52px;line-height: 52px;width: 100%;margin: 0;}
h1.card-title i{margin-left: 20px;  padding: 0 15px;  height: 52px;  float: left;}
h1.card-title i.glyphicon{line-height: 52px;}
.index-ad{height: 100px;margin-bottom: 20px;}
.index-ad div{text-align: center;width: 380px;height: 100px;float: left;padding: 10px;cursor: pointer;transition: box-shadow 0.2s;}
.index-ad div:nth-child(1){background: url("/images/tbg01.jpg") no-repeat center;}
.index-ad div:nth-child(2){background: url("/images/tbg02.jpg") no-repeat center;margin: 0 15px;}
.index-ad div:nth-child(3){background: url("/images/tbg03.jpg") no-repeat center;}
.index-ad div p{font-size: 30px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.index-ad div span{color: #fff;font-size: 18px;text-shadow: 1px 1px 3px #333;}
.index-ad div:hover{box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.5);}
.bootstrap-table .table thead>tr>th{text-align: center;font-size: 12px;font-weight: normal;background: #EFF2F7;color:#29343C;}
.bootstrap-table .table thead>tr>th div{color:#29343C; }
.bootstrap-table .table tbody>tr>td.table_operation{text-align: center;}
table.index-ads{width: 100%;}
table.index-ads td{text-align: center;height: 80px;cursor: pointer;font-size: 20px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);border: 10px solid transparent;vertical-align: middle;position: relative;overflow: hidden;border-width: 0 10px 0 10px;}
table.index-ads td p{width: 5em;text-align: center;font-size:20px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);margin: 0 auto;}
table.index-ads td:nth-child(1){background: url("/images/bg01.png") no-repeat center;background-size: cover;}
table.index-ads td:nth-child(2){background: url("/images/bg02.png") no-repeat center;background-size: cover;}
table.index-ads td:nth-child(3){background: url("/images/bg03.png") no-repeat center;background-size: cover;}
table.index-ads td:nth-child(4){background: url("/images/bg04.png") no-repeat center;background-size: cover;}
table.index-ads td:nth-child(5){background: url("/images/bg05.png") no-repeat center;background-size: cover;}
table.index-ads td:nth-child(6){background: url("/images/bg06.png") no-repeat center;background-size: cover;}
table.index-ads td:hover .shadow{width: 100%;height:80px;top:0;background: rgba(0,0,0,0.5);position: absolute;}
.index-title{position: relative; height: 35px;background-color: #d9d9d9;margin: 40px 0 15px;}
.index-title img{text-align: left;}
.index-title ul{padding: 0;margin: 0 auto; display: inline-block;line-height: 35px;position: relative;z-index: 1;}
.index-title ul li{padding: 0 30px;float: left;position: relative;cursor: pointer;}
.index-title ul li:after{content: "";width: 1px;height:14px;position: absolute;top:10px;right: 0;background: #c2c0c1;}
.index-title ul li:last-child:after{display: none;}
.index-title ul li a{color: #333;    font-size: 16px;}
.index-title ul li a i{padding: 0 20px;  height:40px;  float: left;}
.index-title ul li a span.en{font-size: 16px;color: #7d8790;margin-left: 15px;text-transform:uppercase;}
.index-title ul li.active{cursor: default;}
.index-title ul li.active a{color: #EE2A3B;}
.index-title ul li:hover a{text-decoration: none;color: #EE2A3B;}
.index-title button.more-btn{position: absolute;right: 10px;top: 6px;}
.index-title ul:before{content: "";height: 1px;background: #dee0e3;width: 480px;left: -460px;  top: 22px;position: absolute;display: none;}
.index-title ul:after{content: "";height: 1px;background: #dee0e3;width: 480px;right: -460px;top: 22px;position: absolute;display: none;}
.index-course-list{padding: 0 0 30px 15px;}
.index-img{text-align:left; margin-bottom: 20px; margin-top: 30px;}
.item-info{padding: 10px 10px 20px 10px;}
.item-info p{color: #7d8790;font-size: 14px;    margin: 0 0 5px;}
.item-info i{color: #EE2A3B;font-style: normal;}
.item-info p span{margin-right: 20px;}
.item-info h1{color: #333744; margin: 0 0 10px 0;font-size: 16px;}
.item-info p.jj-info{max-height: 40px;line-height: 20px;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.btn-red{border:1px solid #DA2527;color: #DA2527;background:transparent;}
.btn-red:hover{background: #DA2527!important;color: #fff;}
.btn-yellow{border:1px solid #f19b2a;color: #f19b2a;background:transparent;}
.btn-yellow:hover{background: #f19b2a!important;color: #fff;}
.btn-blue{border:1px solid #58638a;color: #58638a;background:transparent;}
.btn-blue:hover{background: #58638a!important;color: #fff;}
.btn-gary{border:1px solid #999;color: #999;background: transparent;}
.friendlink{width: 100%;position: relative;}
.friendlink .imglink a{margin: 0 3px;}
.yqlj_nr_wz {width: 1140px;margin-left: 30px;overflow: hidden;margin-top: 5px; text-align: left;padding-bottom: 30px;}
.yqlj_nr_wz ul li {float: left;display: inline;vertical-align: middle;margin-top: 10px;width: 190px;text-align: left;}
.yqlj_nr_wz ul li a{color:#979797}
.yqlj_nr_wz ul li a:hover{ color: #68798a;}
button:focus{outline: none;}
.course-item{width: 280px;position: relative;top:0;background: #fff;cursor: pointer;}
@keyframes topchange {
    0%{top:0;}
    100%{top: -10px;}
}
@-moz-keyframes topchange /* Firefox */
{
    0% {top:0;}
    100% {top:-10px;}
}
@-webkit-keyframes topchange /* Safari 和 Chrome */
{
    0% {top:0;}
    100% {top:-10px;}
}
@-o-keyframes topchange /* Opera */
{
    0% {top:0;}
    100% {top:-10px;}
}
.pagging{display: block;width: 100%;}
.course-item:hover,.zt-item:hover{animation:topchange 0.2s forwards;-moz-animation:topchange 0.2s forwards; /* Firefox */-webkit-animation:topchange 0.2s forwards; /* Safari and Chrome */-o-animation:topchange 0.2s forwards; /* Opera */ }
.course-item .imgbox{width: 280px;height: 150px;}
.course-item .imgbox .btn-box{background: rgba(0,0,0,0.5);height:100%;width: 100%;transition: top 0.2s;top:100%;position: absolute;}
.course-item .imgbox .btn-box button{position: absolute;margin: auto;top:0;bottom:0;left: 0;right: 0;width: 120px;}
.course-item:hover .imgbox .btn-box{top:0;}
.course-item:hover .imgbox .star-area{bottom: -20px;}
.course-item .imgbox span.label{position: absolute;font-size:12px;color: #fff;padding:6px 8px;right: 12px;bottom: 10px;background: rgba(0,0,0,0.5);border-radius: 2px;}
.course-item i.done{background: url("/images/home/coursedone.png") no-repeat center;padding: 18px 28px;position: absolute;top: 0;right: -4px;}
.course-item .item-info{cursor: pointer;}
.course-item button{/*background: transparent;border: 1px solid;*/padding: 0 30px;text-align: center;height:36px;line-height:36px;border-radius:18px;    margin: 10px auto 0;font-size: 14px;}
.hot-ico{background: url("/images/hot-ico.png") no-repeat left;}/*.index-zt-list{padding: 0 0 20px 15px;}*/
.zt-item{float: left;width: 265px;margin: 10px;cursor: pointer;position:relative;top:0;    background: #fff;}
.zt-item .imgbox{width: 265px;height: 170px;}
.zt-item .imgbox p{position: absolute;bottom: 0;height: 30px;color: #fff;font-size: 12px;width: 100%;line-height: 30px;background: rgba(0,0,0,0.7);text-align: center;margin: 0;}
.zt-item .item-info{border:solid #dee0e3;border-width: 0 1px 1px 1px;padding: 10px 10px 10px 10px;}
.cjwt-list .index-news-list li i{color: #DA2527;background: transparent; margin: 0 12px 0 0;  font-style: normal;}
.class-ico{background: url("/images/class-ico.png") no-repeat left;}
.stb-item{float: left; width: 550px;margin: 10px;cursor: pointer;position: relative;top:0;border: 1px solid #dee0e3;transition: top 0.2s;background: #fff;}
.stb-item .imgbox{width: 265px;height: 170px;float: left;}
.stb-item .item-info{float: left;height: 170px; width: 280px;}
.stb-item .item-info h1{margin: 10px 0 10px 0;}
.stb-list .stb-item{float: none;width: 100%;  height: 210px;padding: 20px;margin-bottom: 20px; border: none; }
.stb-list .stb-item:hover{top: 0;background: #e6e8ed;animation: none;}
.stb-list .stb-item .item-info{width:auto;max-width: 850px;padding: 0 10px 20px 20px;}
.stb-list .stb-item .item-info h1{margin: 0 0 6px 0;}
.stb-item .func-btns{/*overflow: hidden;*/position: absolute;left: 305px;bottom: 20px;}
.stb-item .func-btns div{width: 50px;height: 50px;border-radius: 50%;position: relative;float: left;margin-right: 20px;}
.stb-item .func-btns div p{color: #fff;text-align: center;font-size: 12px;width: 2em;position: absolute;height:34px;top:0;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0;}
.stb-item .func-btns div:hover p{opacity: 1;}

.stb-item .func-btns div.tzd:hover{background: #DA2527;}
.stb-item .func-btns div.kcyx:hover{background: #f4bd15;}
.stb-item .func-btns div.wjdy:hover{background: #636c8e;}
.stb-item .func-btns div.wyqj:hover{background: #f37715;}
.stb-item .func-btns div.rckh:hover{background: #4b88cd;}
.stb-item .func-btns div.jykh:hover{background: #ae69c8;}
.stb-item .func-btns div.cgw:hover{background: #85b028;}
.stb-item .func-btns div.bjkj:hover{background: #f84b57;}
.stb-item .func-btns div.gd:hover{background: #f84b57;}
.stb-item .func-btns div.tzd p,.stb-item .func-btns div.cgw p{width: 3em;height:16px;}
.stb-item .func-btns div.gd p{width: 2em;height: 16px;}
.stb-info .stb-item{float: none;overflow: hidden;margin: 0;width: 100%;cursor: default;}
.stb-info .stb-item:hover{background: #fff;}
.stb-info .stb-item .item-info{width: auto;max-width: 850px;padding: 0 10px 20px 20px;}
.stb-info{padding: 20px;}
.stb-info .stb-item .item-info h1{margin: 0 0 12px 0;}
.stb-item .func-btns div.gd ul{background: #fff;border: 1px solid #dee0e3;position: absolute;padding: 0 14px;display: none;width: 120px;right: -132px;top: -40%;}
.stb-item .func-btns div.gd ul li{line-height:34px;border-bottom: 1px solid #eee;text-align: center;}
.stb-item .func-btns div.gd:hover ul{display: block;}
.stb-item .func-btns div.gd ul::before{content:"";height: 0;width: 0;border-top: 10px solid transparent;border-right:12px solid #fff; border-bottom: 10px solid transparent;display: block;position: absolute;left: -12px;bottom:40%;z-index: 1;}
.stb-item .func-btns div.gd ul::after{content:"";height: 0;width: 0;border-top: 10px solid transparent;border-right:12px solid #dee0e3;border-bottom: 10px solid transparent;display: block;position: absolute;left: -13px;bottom:40%;}
.stb-item .func-btns div.gd:hover ul li:hover{color:#DA2527;}
.sclass-menu{width: 260px;float: left;}
.sclass-list{width: 885px;float: right;position: relative;}
.sclass-menu .index-rate-list{width: 260px;margin: 0;border: none;}
.sclass-menu .index-rate-list li span{position: relative;right: 0;top:-5px;}
.sclass-menu .index-rate-list li p{line-height: 32px;width: 100%;}
.ztb-item{width: 100%;margin: 20px 0;position: relative;/* border-bottom: 1px solid #e4e4e4; */ overflow: hidden;cursor: pointer;background: #fff;padding: 15px;}
.ztb-item:hover{background:#e6e8ed; }
.ztb-item .imgbox{width: 160px;height: 110px;position: relative;float: left;}
.ztb-item .imgbox .p-tag{position: absolute;top:0;left: 0;font-size: 12px;color: #fff;height: 24px;width: 50px;text-align: center;line-height: 24px;}
.ztb-item .imgbox .p-tag.tag-done{background-color: #5a6c90;}
.ztb-item .imgbox .p-tag.tag-ing{background-color: #35aa61;}
.ztb-item .imgbox .p-tag:after{content:"";width: 0; height: 0;border-top: 23px solid;border-right: 12px solid transparent;position: absolute; right: -12px;}
.ztb-item .imgbox .p-tag.tag-done:after{border-top-color:#5a6c90;}
.ztb-item .imgbox .p-tag.tag-ing:after{border-top-color:#35aa61;}
.ztb-item .item-info{float: left;padding: 0 10px 0 20px;background:transparent;max-width: 560px;}
.ztb-item .item-info h1{margin: 0 0 10px 0;}
.ztb-item .item-info i.glyphicon{color: #7d8790;}
.ztb-item .btn-box button{position: absolute;right: 20px;bottom: 0;top:0;margin: auto;height: 34px;width: 120px;border-radius:50px;background:transparent;border: 1px solid;}
.ztb-item .btn-box button.btn-gary{cursor: default;}
.ztb-item .btn-box label{position: absolute;right: 40px;bottom: 0;top:0;margin: auto;height: 26px;width:80px;line-height:26px;color: #fff;padding: 0;font-size: 12px;font-weight: normal;}
.zt-kind{overflow: hidden;padding: 10px 10px 10px 20px;cursor: pointer;}
.zt-kind.active,.zt-kind:hover{background:#e6e8ed;}
.zt-kind i{width: 72px;height: 72px;text-align: center;font-style: normal;color: #fff;font-size: 18px; display: block;float: left; margin-right: 15px;    border: 12px solid transparent;overflow: hidden;}
.zt-kind:nth-child(6n+1) i{background: url("/images/bg01.png") no-repeat center;}
.zt-kind:nth-child(6n+2) i{background: url("/images/bg02.png") no-repeat center;}
.zt-kind:nth-child(6n+3) i{background: url("/images/bg03.png") no-repeat center;}
.zt-kind:nth-child(6n+4) i{background: url("/images/bg04.png") no-repeat center;}
.zt-kind:nth-child(6n+5) i{background: url("/images/bg05.png") no-repeat center;}
.zt-kind:nth-child(6n+6) i{background: url("/images/bg06.png") no-repeat center;}
.zt-kind .zt03{line-height: 48px;}
.zt-kind p{font-size: 15px;color: #333;margin: 10px 0;}
.zt-kind span{color: #7d8790;}
.zt-banner{height: 180px;}
.zt-banner .item button.btn-gary{border-radius: 50px;border:1px solid;}
.zt-banner .item button{padding: 0 30px;height:35px;}
.zt-banner .item label{color: #fff;font-weight: normal;}

.gbyx-show{width: 568px;height: 230px;background: #fff;border: 1px solid #dee0e3;}
.gbyx-show .imgbox p{text-align: center;position: absolute;background: rgba(0,0,0,0.6);color: #fff;height: 42px;line-height: 42px;bottom:0;left: 0;width: 100%;}
.hot-search-list{width: 568px;background: #fff;height: 210px;border: 1px solid #dee0e3;margin-top: 15px;padding: 20px 15px;overflow: hidden;}
.hot-search-list li{cursor: pointer;border-radius: 50px;line-height: 32px;height: 32px;padding: 0 14px;float: left;border: 1px solid;margin: 0 15px 15px 0;}
.hot-search-list li:nth-child(3n){border-color: #EE2A3B;color: #EE2A3B;}
.hot-search-list li:nth-child(3n+1){border-color: #e47b15;color: #e47b15;}
.hot-search-list li:nth-child(3n+2){border-color: #72a1c9;color: #72a1c9;}
.hot-search-list li:nth-child(3n):hover{border-color: #EE2A3B;color: #fff;background-color:#EE2A3B; }
.hot-search-list li:nth-child(3n+1):hover{border-color: #e47b15;color: #fff;background-color:#e47b15;}
.hot-search-list li:nth-child(3n+2):hover{border-color: #72a1c9;color: #fff;background-color:#72a1c9;}
.foot-h2{font-size: 18px;color: #EE2A3B;font-weight: bold;display: inline-block;width: 180px;padding-left: 10px;line-height: 50px;float: left;}
/*注册*/
.registerbox{background: #fff;box-shadow:0 0 20px 1px #333;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;width:700px;height:600px;}
.registerbox ul{padding: 0;list-style: none;border-bottom: 1px solid #eaebed;overflow: hidden;}
.registerbox ul li{width: 50%;height: 80px;  line-height: 80px;  float: left;  text-align: center;}
.registerbox ul li a{height: 80px;line-height: 80px;display: inline-block;font-size: 20px;padding: 0 4px;}
.registerbox ul li a i{padding: 10px 20px;}
.registerbox ul li a:hover {text-decoration: none;}
.registerbox ul li.active a {border-bottom: 2px solid #EE2A3B;color: #EE2A3B;}
.registerbox ul li.active:hover a {cursor: default;}
.registerbox ul li:first-child {border-right: 1px solid #eaebed;}
.register-help{position: relative;margin-top: 25px;}
.register-help:before{content: "";background: #dee0e3;position: absolute;top:0;height: 100%;width: 1px;left:1px;}
.register-help p{color: #999;font-size: 13px;line-height: 28px;}
form.form-horizontal {padding: 20px 20px 0;}
form.form-horizontal>div>label{text-align: right;font-size: 14px;    line-height: 34px;}
.registerbox form.form-horizontal label.control-label{padding-top: 0;margin-left: 10px;}
form.form-horizontal .form-group textarea{border: 1px solid #dee0e3;background: #f6f6f6;  width: 100%;  padding: 1em;  height: 120px;resize: none;}
form.form-horizontal .form-group input:-moz-ui-invalid:not(output){box-shadow: none;}
form.form-horizontal .form-group .must{line-height: 40px;}
form.form-horizontal .form-group button:focus {outline: none;}
form.form-horizontal .form-group button.send_btn {height:34px;border: none;width: 130px;border-radius: 20px;font-size: 12px;}
.registerbox form.form-horizontal .form-group input{border-radius: 20px;}
.registerbox form.form-horizontal .form-group input:focus{outline: none;}
.registerbox form.form-horizontal .form-group input[readonly="readonly"]{background: #f6f6f6;}
.po-change{position: absolute;top: 14px;right: 0;}
.kx-btn{color: #EE2A3B;border: 1px solid #EE2A3B;padding: 3px 10px;border-radius: 50px;}
.kx-btn:hover{ color: #EE2A3B;}
/*课程*/
.good-search{/*background: url("/images/search-bg.jpg") center no-repeat;*/background:#e3e3e3;height:70px;position: relative;margin-top: 20px;}
.good-search .search-bar{position: absolute;margin: auto;top:0;bottom: 0;right: 0;left: 0; height:42px;  }
.search-bar{ width: 920px;height: 50px;position: relative;}
.search-bar i{color: #888f95;position: absolute;left: 15px;  top: 14px;}
.search-bar input{/*border-radius: 50px;*/width: 800px;height:40px;border: none;background: #fff;padding: 0 0 0 50px;margin-right:10px;float: left;}
.search-bar button{/*border-radius:50px;*/color: #fff;font-size: 15px;height: 40px;line-height:40px;width: 100px;border: 1px solid #b71c1c;padding: 0;float: left;}
.functionbox{position: relative;}
.functionbox .btn-group{position: absolute;right: 25px;top: 8px;}
.functionbox .btn-group i{color:#333744;}
.function-select{position: absolute;right:20px;top:12px;}
.function-select button{padding:0 16px;height: 40px;line-height: 40px;border-radius: 20px;float: left;border: 1px solid;background:#fff;font-size: 16px;}
.function-select .fr input[type='checkbox']{ margin: 0 4px 0 20px;}
.function-select .fr label{font-size: 16px;color: #333;}
.score-info{position: relative;color: #9a9a9a;overflow: hidden;    margin: 20px 0 0;}
.score-info span{float: left;}
.score-info div.star-show{float: left;margin-right: 10px;  position: relative;  top: -2px;}
.score-box{width: 340px;margin: 0 auto;}
.score-box .score-item{overflow: hidden;}
.score-box .score-item label{float: left;font-size: 16px;color: #9a9a9a;}
.score-box .score-item .score-edit{float: left;position: relative;}
.score-box .score-item span{font-size: 16px;color: #9a9a9a;font-weight: bold;margin: 0 10px;}
.score-box .score-item small{color: #9a9a9a;}
.coursemenu {}
.coursemenu .menuline {border-bottom: 1px solid #eaebed;overflow: hidden;padding: 15px 20px;text-align: justify;}
.coursemenu .menuline h4 {font-size: 14px;display: inline-block;float: left;margin: 5px 0;width: auto;color: #929AA0;}
.coursemenu .menuline a{color: #4B555E;padding: 4px 10px; display: inline-block;border-radius:10px;}
.coursemenu .menuline a.active{background:rgba(238,42,59,0.14);color: #EE2A3B;}
.coursemenu .menuline a.active:hover{background: rgba(238,42,59,0.14);color: #EE2A3B;}
.coursemenu .menuline a:hover {text-decoration: none;color:#4B555E;background: #F7FAFC;}
.coursemenu .menuline input {height: 30px;line-height: 30px;width: 65px;border: 1px solid #eaebed;margin: 0 6px;}
.coursemenu .menuline .btn {height: 30px;line-height: 30px;}
/*.coursemenu .menuline:last-child {border-bottom: none;}*/
.breadcrumb {padding:8px 0!important;}
.breadcrumb i {margin-right: 4px;}
.coursebox {width: 1170px;margin: 0 auto;}
.coursemation {background: #fff;padding: 20px 30px;position: relative;margin-top: 20px;border: 1px solid #e5e5e5;overflow: hidden;}
.coursemation ul{overflow: hidden;list-style: none;padding: 0;float: left;}
.coursemation ul li{float: left;font-size: 20px;border-right: 1px solid #eaebed;padding: 0 20px 0 0;margin-right: 20px;color: #2a343e;}
.coursemation ul li p{color: #7d8790;font-size: 16px;}
.coursemation .fr .price {color: #ff2400;font-size: 30px;position: relative;top: 10px;}
.coursemation .fr button {height: 44px;line-height: 43px;border-radius: 22px;font-size: 20px;padding: 0 25px;margin-left: 20px;}
.coursemation .fr button:focus {outline: none;}
.coursemation .fr .add_btn {border: 1px solid #ef8100;color: #ef8100;background: #fdf2e5;transition: all 0.2s;}
.coursemation .fr .add_btn:hover,.quesmation .fr .add_btn:hover{background: #ef8100;color: #fff;}
.coursemation .fr .buy_btn {background: #ef8100;transition: all 0.2s;color: #fff;}
.coursemation .fr .buy_btn:hover,.quesmation .fr .buy_btn:hover{background: #df7300;}
.coursenav {list-style: none;width: 100%;background: #fff;overflow: hidden;border-bottom: 1px solid #eaebed;height: 52px;padding: 0;}
.coursenav li{float: left;padding: 0 15px;}
.coursenav li a{color: #333;font-size: 16px;line-height: 50px;display: inline-block;height: 51px;padding: 0 5px;}
.coursenav li.active a{ cursor: default; }
.black-play .play_right .warelist .chapter li .warelinebox{background: transparent;}
/*播放弹出提示*/
.play-cover{background:rgba(0,0,0,0.7);position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 1;}
.play-cover .select-win{position: absolute;width: 320px;height: 170px;background: #fff;top:0;bottom: 0;left: 0;right: 0;margin: auto;padding: 30px;}
.play-cover .select-win p{margin: 28px;text-align: center;}
a.ab-close{position:absolute;right: 20px;font-size: 26px;line-height: 50px;color: #bebebe;}
.pop-head{height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #eee;font-size: 18px;}
.evaluation {padding: 15px;}
.edit_box {position: relative;border: 1px solid #d7d7d7;/*overflow: hidden;*/}
.edit_box textarea {resize: none;width: 100%;height: 80px;background: #f8f8f8;border: none;border-bottom: 1px solid #d7d7d7;padding: 10px;}
.edit_box textarea:focus{outline: none;}
.edit_box button {font-size: 12px;
    width: 70px;border: none;
    border-radius: 17px;
    float: right;
    margin-right: 10px;
    margin-top: 7px;margin-bottom: 7px;height: 25px;}
.edit_box span.type-text-count {position: absolute;right: 10px;top: 55px;color: #999;}
.btn_more {height: 30px;width: 200px;color: #808080;background: #f1f1f1;line-height: 30px!important;}
.coment_item {position: relative;margin-top: 30px;}
.coment_item dt {width: 40px;height: 40px;border-radius: 50%;position: absolute;left: 0;top: 0;}
.coment_item dt span.date{background: #f7f7f7;border: 1px solid #dedede;}
.coment_item dt i.glyphicon{color: #8b8b8b;}
.coment_item dd {position: relative;left: 50px;width: 760px;}
.coment_item dd dd{left: 70px;}
.coment_item dd.coment_info{margin-top: 10px;line-height: 24px;padding-bottom: 8px;border-bottom: 1px solid #eaebed;}
/*.coment_item dd div {display: inline-block;}*/
.coment_item dd .op{cursor: pointer;float:right;}
.studentlist {overflow: hidden;padding: 20px 0 20px 20px;}
.studentlist .student_item {float: left;  width: 40px;  margin-right: 25px;  margin-bottom: 20px;}
.studentlist .student_item .imgbox {width: 40px;  height: 40px;  border-radius: 50%;}
.studentlist .student_item p {text-align: center;  text-overflow: ellipsis;  word-wrap: break-word;  white-space: nowrap;  overflow: hidden;  margin-top: 10px;}
.file-page .showbox .movebox::-webkit-scrollbar {width: 6px;height: 200px;background-color: #333;}
.file-page .showbox .movebox::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 3px;background-color: #333;}
.file-page .showbox .movebox::-webkit-scrollbar-thumb {border-radius: 3px;/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background-color: #868686;}
.play_left:hover .file-page{display: block;}
.file-page{height: 120px;width: 100%;position: fixed; bottom: 0;background: rgba(131, 131, 131, 0.45);}
.file-page a{color: #fff;position: absolute;width: 5%;margin: auto;top: 0;bottom: 0;font-size: 24px;height: 24px;text-align: center;}
.file-page a:hover{color: #999;}
.file-page a.left-ctrl{left: 0;}
.file-page a.right-ctrl{right: 0;}
.file-page .pageshow{position: absolute;color: #fff;font-size: 16px;bottom: 10px;left: 1.5%;}
.file-page .showbox{width: 85%;margin-left: 5%;height: 92px;margin-top: 15px;overflow: hidden;}
.file-page .showbox .movebox{overflow: auto;height: 92px;width: 100%;}
.file-page .showbox .movebox .imgbox{cursor:pointer;float: left;margin:0 15px;margin-bottom: 10px; height: 90px;width: 135px;border: 1px solid #dee0e3;}
.discussmain .del-discuss{position: absolute;top:20px;right: 20px;z-index: 1;border: 1px solid #e82921;color: #e82921;padding: 0 14px;background: #fff;border-radius: 14px;height: 28px;}
.discussmain .del-discuss i{margin-right: 6px;    font-size: 10px;}
.discussmain .del-discuss:hover{color: #fff;background: #e82921;}
.discussmain {margin-top: 20px;/*overflow: hidden;*/}
.discussmain h4 {margin-top: 20px;font-size: 16px;color: #2a343e;border-bottom: 1px solid #eaebed;line-height: 44px;}
.discussmain h5 {margin: 0;font-size: 14px;color: #2a343e;padding-bottom: 20px;}
.discussmain .functionbar {height: 60px;line-height: 60px;border-bottom: 1px solid #eaebed;}
.discussmain .functionbar ul{list-style: none;margin: 0;padding: 0;float: left;margin-left: 20px;}
.discussmain .functionbar ul li{float: left;padding: 0 10px;}
.discussmain .functionbar ul li a{color: #2a343e;height: 60px;line-height: 60px;display: block;padding: 0 6px;}
.discussmain .functionbar button {margin-top: 14px;  margin-right: 20px;  float: right;  height: 34px;  line-height: 34px;  background: #ef8100;  color: #fff;  border-radius: 17px;  padding: 0 1.5em;}
.discussmain .functionbar button:focus {outline: none;}
.plr30 {padding: 30px 0;}
li.active:hover a{cursor: default;text-decoration: none;}
.discussnav {list-style: none;overflow: hidden;  margin: 0;  padding: 12px;}
.discussnav li {float: left;margin-right: 1em;}
.discussnav li a {color: #2a343e;padding: 8px;font-size: 16px;display: block;}
.discussnav li:hover {background: #d6ecfd;}
.discussnav li.active {/*background: #EE2A3B;*/}
.discussnav li.active a {color: #fff;}
.discussnav li.active:hover a{text-decoration: none;}
.discusslist {padding: 20px;}
.discusslist .discuss {position: relative;}
.discusslist .discuss dt {width: 40px;height: 40px;border-radius: 50px;position: absolute;left: 0;}
.discusslist .discuss dd {margin-bottom: 10px;position: relative;left: 60px;width: 740px;}
.discusslist .discuss dd span.name{margin-right:8px;}
.discusslist .discuss dd span.date,.discusslist .discuss dd span.orgin,.discusslist .discuss dd span.zan,.discusslist .discuss dd span.cicon {margin-right: 2em;color: #a8afb5;}
.discusslist .discuss dd i.discuss_ico,.discusslist .discuss dd .zan i {display: inline-block;width: 22px;height: 15px;}
.discusslist .discuss dd:last-child {border-bottom: 1px solid #eaebed;padding-bottom: 10px;}
.fakeedit {border: 1px solid #eaebed;}
.fakeedit .ibar {height: 40px;line-height: 40px;border-bottom: 1px solid #eaebed;background: #eceef0;}
.fakeedit .ibar i {margin-left: 1em;cursor: pointer;}
.fakeedit textarea {resize: none;border: none;height: 100px;width: 100%;padding: 10px;outline: none;}
.fakeedit .editfoot {border-top: 1px solid #eaebed;overflow: hidden;height: 50px;}
.fakeedit .editfoot .btn {background: #ef8100;color: #fff;height: 34px;line-height: 34px;border-radius: 17px;padding: 0 30px;float: right;margin-top: 8px;margin-right: 20px;}
.fakeedit .editfoot .btn:hover{background: #fa8800;}
.fakeedit .editfoot .btn:focus {outline: none;}
.shiftbar {margin-top: 20px;}
.shiftbar a{margin: 0 10px;}
.shiftbar a.active {cursor: default;/*color: #EE2A3B;*/}
.teacherlist {overflow: hidden;}
.teacherlist .teacheritem {position: relative;background: #fff;border: 1px solid #f1f1f1;margin-bottom: 20px;width: 270px;float: left;margin-top: 115px;padding-top: 115px;height: 250px;padding-left: 1em;padding-right: 1em;cursor: pointer;margin-left: 10px;  margin-right: 12px;  box-shadow: 0 2px 6px 0 rgba(199, 211, 224, 0.78);}
.teacherlist .teacheritem .imgbox {transition: all 0.4s;width: 170px;height: 170px;position: absolute;top: -85px;border-radius: 50%;margin: auto;left: 0;right: 0;}
.teacherlist .teacheritem .info {overflow: hidden;line-height: 36px;}
.teacherlist .teacheritem .info .fl{color: #2a343e;}
.teacherlist .teacheritem .info .name {font-size:20px;color: #2a343e;margin-right: 4px;}
.teacherlist .teacheritem .info .fr i {padding: 0 12px;}
.teacherlist .teacheritem p{color: #a8afb5;height: 60px;overflow: hidden;line-height: 20px;}
.teacherlist .teacheritem:hover {box-shadow: 0 0 10px 0 #ddd;}
.teacherlist .teacheritem:hover .imgbox {top: -65px;}
.centermenu {width: 240px;margin-bottom: 20px;}
.centermenu .centerbg {position: relative;background: url("/images/center_bg.png") no-repeat;background-size: cover;/*background-color:#EE2A3B;*/padding-top: 10px;}
.centermenu .centerbg button {position: absolute;right: 10px;top: 10px;height: 24px;color: #fff;background: none;border-radius: 12px;border: 1px solid #fff;}
.centermenu .centerbg button:hover {background: #d6ecfd; /*color: #EE2A3B;*/}
.centermenu .centerbg button:focus { outline: none;  }
.centermenu .centerbg p{text-align: center;margin-bottom: 0;line-height: 40px;color: #fff;}
.centermenu .imgbox{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;}

.centermain .form-horizontal .radio-inline{padding-top: 0;margin-right: 16px;font-size: 12px;}
.usercenter{overflow: hidden;clear: both;margin-top: 20px;position: relative;}
.centermain { position: relative;}
.centermain .changehead {position: absolute;height: 200px;width: 180px;border: 1px solid #eaebed;right: 70px;  top: 100px;}
.centermain .changehead .uploadifive-queue{display: none;}
.centermain .changehead .uploadify{position: absolute;left: 30px;margin-top: 140px;opacity: 0;}
.centermain .changehead .imgbox{border-radius: 50%;width: 80px;height: 80px;margin: 30px auto;}
.centermain .changehead .btn{background: #ef8100;color: #fff;margin: 0 35px;height: 30px;line-height: 30px;border-radius: 15px;padding: 0 25px;}
.centermain .changehead .btn:focus{outline: none;}
.centermain .coursehis {width: 100%;margin-top: 70px;}
.centermain .coursehis .courseitem {margin-left: 20px;}
.centermain .coursehis .courseitem .progress {height: 4px;margin-top: 15px;position: relative;overflow: visible;width:85%;}
.centermain .coursehis .courseitem .progress-bar{/*background: #EE2A3B;*/}
.centermain .coursehis .courseitem .progress-bar span{position: absolute;right: -40px;top: -18px;/*color: #EE2A3B;*/  }
.orderlist{padding: 20px;}
.orderlist .order{background: #fff;border: 1px solid #e5e5e5;margin-bottom: 20px;}
.orderlist .order h1{height: 40px;line-height: 40px;font-size: 14px;margin: 0;padding-left: 20px;border-bottom: 1px solid #eaebed;background: #f3f5f7;color: #2a343e;}
.orderlist .order h1 span {color: #999;margin-left: 20px;}
.orderlist .order .orderbody {overflow: hidden;position: relative;padding: 0 0 0 20px;}
.orderlist .order .ordercost{position: absolute;top: 0;padding-top: 50px;width: 15%;right: 15%;border-right: 1px solid #eee;  height: 100%;}
.orderlist .order .orderfoot{position: absolute;right:0;top: 50px;width: 15%;text-align: center;}
.orderlist .order .orderbody .orderitem{display: block;overflow: hidden;width: 70%;}
.orderlist .order .orderbody .orderitem .imgbox {width: 160px;height: 106px;border-right: none;margin: 10px 0 10px 0;  padding: 0;}
.orderlist .order .orderbody .orderitem div {width: 36.32%;  float: left;border-right: 1px solid #eee;height: 126px;padding: 20px;}
.orderlist .order .orderbody .orderitem div span {color: #999;}
.orderlist .order .orderbody .orderitem div .cost {text-decoration: line-through;color: #7d8790;}
.orderlist .order .ordercost p{text-align: center;font-size: 16px;}
.orderlist .order .orderbody .orderfoot p {text-align: center;font-size: 16px;}
.orderlist .order .orderbody .orderfoot a {color: #999;display: block;}
.orderlist .order .orderbody .orderfoot button {background: #ff2400;color: #fff;height: 30px;border-radius: 15px;padding: 0 20px;margin-bottom: 6px;}
.orderlist .order .orderbody .orderfoot .btn:focus {outline: none;}
.orderlist .order .orderbody .orderitem h2 {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;font-size: 16px;margin: 5px 0 10px 0;}
.orderlist .order .orderbody .orderitem:last-child {border-right: none;text-align: center;}
.examtipbox {margin-left: 870px;  position: absolute;width: 280px;}
.examtipbox button {width: 120px;height: 40px;border-radius: 20px;margin: 40px 8px 10px;}
.examtipbox button:nth-child(2){background-color: #fde1d9;}

.examtipbox .tipbox {padding-bottom: 20px;max-height:365px;overflow: auto;}
.examtipbox .tipbox .indexes {display: flex;flex-wrap: wrap;margin-top: 10px;}
.examtipbox .tipbox a {width: 40px;color: #666;height: 40px;line-height: 40px;text-align: center;border: 1px solid #eaebed;margin-left: 10px;margin-top: 10px;display: inline-block;border-radius: 4px;}
.examtipbox .tipbox a.wrong{color: #fff;background:#ff2400; }
.examtipbox .tipbox a.right{color: #fff;background: #57c6ae;}
.examtipbox .tipbox a.active {background:linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));color: #fff;}
.examtipbox h3 {text-align: center;font-size: 18px;color: #3894dd;font-weight: 200;margin-top: 20px;}
.examtipbox ul{padding: 0;list-style: none;}
.examtipbox ul li {float: left;    margin: 15px 10px 0;text-align: center;font-size: 12px;color: #999;}
.textlist {padding: 20px;min-height: 400px;}
label.fix-option{ display: flex!important;}
.examtime{height: 70px;line-height: 70px;text-align: center;}
.examtime i{font-size: 30px;color: rgba(0, 0, 0, 0.3);margin: 0 24px 0 0;  top: 2px;}
.examtime span{font-size:32px;}
.subject {margin-bottom: 20px;}
.subject div {margin-top: 10px;margin-left: 20px;overflow: hidden;}
.simple-subject label{cursor: pointer;}
.subject div input,.subject div textarea{display: inline-block;}
.subject div label{ margin-left: 10px;overflow: hidden;}
.subject div label div{margin: 0;}
.subject div label div span img{cursor: pointer;}
.subject p {margin: 0;text-align: justify;display: inline-block;width:650px;}
.bigpicmain{position: fixed;width: 100%;height: 100%;top: 0;right: 0;  bottom: 0;  left: 0;  background: rgba(0,0,0,0.6);  z-index: 99999;}
.bigpicmain-box{position: absolute;display: table;text-align: center;width: 600px;height: 600px;top: 0;bottom: 0;margin: auto!important;left: 0;right: 0;}
.bigpicmain-box a{position: absolute;width: 30px;height: 30px;color:#fff;background: #ff2400;text-align: center;right: 0;line-height: 30px;  border-radius: 50%;  font-size: 16px;  font-weight: bold;}
.bigpicmain-box a:hover{color:#fff;background: #eb2400;}
.bigpicmain-box .box{display: table-cell;vertical-align: middle;}
.bigpicmain-box .box img{max-width: 100%;}
.exammain {display: flex;}
.btn:focus{outline: none!important;}
/*密码强弱提示*/
.pw-check .one,.pw-check .three,.pw-check .two{color:#666;width:52px;display:inline-block;text-align:center}
.pw-xian{display:inline-block;width:52px;height:8px;background:#eee}
.pw-check-enough .one .pw-xian,.pw-check-medium .one .pw-xian{background:#E33006}
.pw-check-medium .two .pw-xian{background:#69C4D1}
.pw-check-strong .one .pw-xian{background:#E33006}
.pw-check-strong .two .pw-xian{background:#69C4D1}
.pw-check-strong .three .pw-xian{background:#58BB50}
.nodata{width: 100%;height: 300px;background: url("/images/no_Data.png") center center no-repeat;}
.activecardbox{border: 2px solid #d1d8e0;border-radius: 3px;background: #fafdff;padding: 0!important;width: 90%;margin: 0 auto;}
.activecard{border-top:50px solid #eaeef2; padding-top: 40px;}
.OffShelf {color: #999 !important;}
.free {color: #57c6ae !important;}
.tureanswer{color:#4f8862;}
.q_analysis{color: #374154;}
.tureanswer div{margin-top: 0;line-height: 24px;}
.q_analysis div{margin-top: 0;line-height: 24px;}
.popexam{width: 700px;height:615px;background: #fff;position: absolute;top:0;bottom: 0;margin: auto;left: 0;right: 0;}
.popexam .title{height: 54px;line-height:54px;border-bottom: 1px solid #dee0e3;text-align: center;position: relative;    font-size: 16px;}
.popexam .title a.close{position: absolute;color: #000000;font-size:16px;display: inline-block;width: 40px;height: 40px;right: 20px;top: 20px;}
.popexam .dtl-list{float: left;}
.popexam .dtl-list .th li{background: #efeff0;}
.popexam .dtl-list .tr li{background: #f8f8f9;}
.popexam .dtl-list ul{padding: 0;list-style:none;overflow:hidden;margin-bottom: 0;}
.popexam .dtl-list li{float: left;margin-right: 2px;margin-bottom: 3px;height: 35px;line-height: 35px;width: 70px;text-align: center;}
.popexam .dtl-list .clearfix{background: #f8f8f9;padding: 14px;line-height: 20px;}
.popexam .dtl-list .clearfix p{margin-bottom: 0;}
.popexam .dtl-list .clearfix a{width: 37px;height: 19px;display: inline-block;position: relative;top: 4px;}
.popexam .dtl-list .clearfix a.on{background: url("/images/btn-on.png") no-repeat center;}
.popexam .dtl-list .clearfix a.off{background: url("/images/btn-off.png") no-repeat center;}
.popexam-main{padding: 20px;}
.e-progress{width: 110px;margin-right: 20px;float: left;}
.e-progress p{text-align: center;color: #a1a1a1;}
.popexam button.btn{height: 36px;line-height: 36px;border-radius: 18px;padding: 0 25px;}
.bg_right{background: #41a569;}
.bg_wrong{background: #f14543;}
.questiontipbox hr{margin: 20px 0;background: #dee0e3;}
.q_numberbox .right{color: #fff;background: #41a569;}
.q_numberbox .wrong{color: #fff;background: #f14543;}
.answerbox{border-top: 1px dashed #ebebeb;}
.answerbox .useranswer{clear: both;line-height: 26px;}
.answerbox .useranswer label{width: 26px;height: 26px;margin-bottom: -7px;margin-left:30px;}
.subject label.right{background: url("/images/right_ico.jpg") center no-repeat;}
.subject label.wrong{background: url("/images/wrong_ico.jpg") center no-repeat;}
.subject input.right{color: #41a569;}
.subject input.wrong{color: #f14543;}
.answerbox .useranswer label.right{background: url("/images/right_ico.jpg") center no-repeat;}
.answerbox .useranswer label.wrong{background: url("/images/wrong_ico.jpg") center no-repeat;}
.answerbox .useranswer span.right{color: #41a569;}
.answerbox .useranswer span.wrong{color: #f14543;}
.answerbox .tureanswer{line-height: 26px;margin-top: 0.5em;}
.answerbox .q_analysis{color: #666;line-height: 30px;padding-bottom: 1em;}
.useranswer .q_text input.right{color: #41a569;}
.useranswer .q_text input.wrong{color: #f14543;}
.useranswer .q_text{margin-left: 0;}
.useranswer .q_text input{margin-left: 0;}
.indexes a.r{background-color:#31b131!important;color:#fff;}
.indexes a.w{background-color: #c62300!important;color:#fff;}

.un-login{margin: 0 auto;background: url("/images/unlogin.jpg") top no-repeat;width: 200px;height:250px;position: relative;}
.un-login .btn{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 80px;height: 30px;border-radius: 15px;}
.lsinfo .zan-done{border: none!important;}
.lsinfo .zan-done i{padding: 0 12px;background: url(/images/zan_fff_done.png) no-repeat!important;}
.index-talk .talkbox{box-shadow: 0 2px 6px 0 rgba(199, 211, 224, 0.78);cursor:pointer;float: left;border: 1px solid #e5e5e5;background: #fff;width: 370px;padding: 15px;position: relative;top:0;transition:top 0.2s;}
.index-talk .talkbox:nth-child(2){margin:0 28px;}
.index-talk .talkbox .imgbox{width: 40px;height: 40px;border-radius: 50%;float: left;margin-right: 12px;}
.index-talk .talkbox .name{color: #525f6b;}
.index-talk .talkbox .date{display: block;color: #a8afb5;margin-top:4px;font-size: 12px;}
.index-talk .talkbox .from{position: absolute;right: 15px;top:15px;color: #999;font-size: 12px;}
.index-talk .talkbox p{color: #525f6b;overflow : hidden;text-overflow: ellipsis;margin-top: 20px;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;height:90px;line-height:30px;font-size: 16px;}
.index-talk .talkbox .info{text-align: center;margin-top: 20px;color: #525f6b;}
.index-talk .talkbox:hover{top: -10px;}
.loadmore{text-align:center;color: #999;cursor: pointer;  line-height: 40px;}
.loadmore:hover{color: #666;background: #eee;}
.subject_item .question_t{ font-size: 15px;color: #000;line-height: 24px;text-align: justify;margin-left: 8px;max-width: 80%;margin-top: 8px;}
.subject_item .question_t pre{white-space: pre-wrap;word-wrap: break-word;max-width: 99%;}
.subject_item .question_t p{margin: 0;word-wrap: break-word;    text-align: justify;}
.subject_item{overflow: hidden;position: relative;    min-height:60px;    border-bottom: 1px dashed #d1d1d1;    padding-top: 10px;}
.subject_item .subject_item{margin-left: 60px;border-bottom: none;}
.subject_item .togglebox{margin-top: 15px;clear: both;}
.subject_item .togglebox input[type="radio"],.subject_item .togglebox input[type="checkbox"],.subject_item .togglebox input[type="text"],.subject_item .togglebox textarea{margin: 4px 10px 0 35px;}
.subject_item .answerbox{border-top: none;margin-left: 30px;}
.subject_item .togglebox input[type="text"]{margin-bottom:20px;}
.subject_item .togglebox .limit_pic{margin-left: 50px;margin-bottom: 20px;}
.btn_on,.btn_off,.btn_remove{width: 26px;height: 26px;display: inline-block;font-size: 0;position: absolute;top:15px;}
.btn_on{background: url("/images/up_exam.png") no-repeat;right:0;}
.btn_off{background: url("/images/down_exam.png") no-repeat;right:0;}
.btn_remove{background: url("/images/del_exam.png") no-repeat;right: 35px;}
.btn_on:hover,.btn_off:hover{background-color: #d6ecfd;}
.btn_remove:hover{background-color: #eacdce;}
.pn-btn{font-size: 16px;height: 40px;border-radius: 20px;width: 120px;background: #fff;margin: 0 20px;    border: none;}
.pn-btn i{margin: 0 4px;}
.pn-btn:hover{color: #fff;}
.pn-btn:focus{outline: none;}
.endline{text-align: center;color: #c1c6cb;position: relative;    margin-top: 40px;}
.endline::before,.endline::after{content: "";position: absolute;height: 1px;background: #e1e5e8;width: 40%;top: 50%;}
.endline::before{left: 0;}
.endline::after{right: 0;}
.f-loading{text-align: center;background: url("/images/loading.gif") no-repeat 55%; background-size: 24px; margin-top: 40px;color: #cbcbcb;position: relative;}
.f-loading::before,.f-loading::after{content: "";position: absolute;height: 1px;background: #ebebeb;top: 50%;}
.f-loading::before{left: 0;width: 45%;}
.f-loading::after{right: 0;width: 42%;}
.btn-base{color: #fff;}/*border-color: #006ab4;*//*background-color: #EE2A3B;*/
.btn-base i{margin-right: 4px;}
.btn-base:hover {color: #fff;} /*background-color: #1780f2;*//*border-color: #006ab4;*/
.editmode{position: absolute;width: 100%;height: 100%;background: rgba(37,156,254,0.3);border: 1px dashed #084d84;z-index: 999;left: 0;top: 0;}
.editmode .btnbox{position: absolute;display: inline-flex;right: 4px;top: 4px;}
.editmode .btnbox .btn-base{margin-left: 6px;}
/*fixed*/
.fixed{position: fixed;right: 0;bottom:200px;z-index: 20;}
.fixed ul{padding: 0;list-style: none;}
.fixed li{width: 44px;height: 44px;margin-bottom: 15px;position: relative;cursor: pointer;background-color: #EE2A3B;}
.fixed li:hover{background-color: #5a6c90;}
.fixed li i{display: block;width: 44px;height: 44px;}
.codeico{background: url("/images/fix01.png") no-repeat center;}
.totopico{background:url("/images/fix04.png") no-repeat center; }
.contactmeico{background:url("/images/fix03.png") no-repeat center;}
.helpico{background:url("/images/fix05.png") no-repeat center;}
.poptip{position: absolute;width: 200px;height: 80px;border: 1px solid #dee0e3;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: #fff;}
.poptip p{text-align: center;line-height: 80px;}
.poptip p i{margin-right: 6px;}
.qcode{position: relative;}
.qcode .codebox{height: 0;transition: height 0.2s;overflow: hidden;position: absolute;background: #fff;border-radius: 4px;right: 44px;top: 0;}
.qcode:hover .codebox{height: 250px;width: 220px;border: 1px solid #dee0e3;}
.qcode .codebox img{width: 200px;margin:10px 10px 0;}
.qcode .codebox p{text-align: center;}

.qnum .numbox{height: 0;transition: height 0.2s;overflow: hidden;position: absolute;background: #fff;border-radius: 4px;right: 44px;top: 0;}
.qnum:hover .numbox{    height: 155px;
    width: 290px;border: 1px solid #dee0e3;padding:12px;
    background: -webkit-linear-gradient(#d92a28, #EE2A3B);
    background: -o-linear-gradient(#d92a28, #EE2A3B);
    background: -moz-linear-gradient(#d92a28, #EE2A3B);
    background: linear-gradient(#d92a28, #EE2A3B);
    background-color: #d92a28;}
.qnum .numbox p{line-height: 32px;font-size: 14px;text-decoration: underline;color: #fff;}

/*左右时间线*/
.timelinebox{position: relative;top: 20px;padding-bottom: 80px;}
.timelinebox:before{left:50%;top:50px;width:2px;}
.timelinebox:before, .timelinebox:after {background-color: #ececec;  bottom: 20px;  content: "";  display: block;  position: absolute;}
.timelinebox:after {left: 50%;width: 20px;height: 20px;margin-left: -9px;border-radius: 50%;}
.timelinebox .time-head{text-align: center;}
.timelinebox .time-head h1{font-size: 24px;border-radius:100px;padding: 12px 45px;background: #f4f5f6;display: inline-block;margin: 0;color: #575f64;}
.timelinebox .time-head h1 i{top: 3px;position: relative;}
.timelinebox .time-head h1 span{color: #d02024;}
.time-item-list{width: 640px;margin: 0 auto;}
.timelinebox .time-item{width: 320px;position: relative;left: 320px;margin-top: 40px;}
.timelinebox .time-item:nth-child(2n+1){left:0;}
.timelinebox .time-item .time-body{}
.timelinebox .time-item .time-body .score-list{padding: 0 60px 0 33px;}
.timelinebox .time-item:nth-child(2n+1) .time-body .score-list{padding: 0 16px 0 80px;}
.timelinebox .time-item .time-body .score-list p{}
.timelinebox .time-item .time-body .score-list p span{margin-left: 20px;}
.timelinebox .time-item .time-body .colorful-date{}
.timelinebox .time-item .time-body .colorful-date h3{font-size: 18px;margin: 0;border-bottom: 2px solid;padding-bottom: 8px;position: relative;top: -18px;}
.timelinebox .time-item:nth-child(2n+1) .time-body .colorful-date h3{padding-left: 80px;}
.timelinebox .time-item:nth-child(2n+2) .time-body .colorful-date h3{padding-left: 30px;}
.timelinebox .time-item .time-body .colorful-date span{color: #fff;border-radius: 6px;padding:6px 10px;position: absolute;top: -4px;}
.timelinebox .time-item:nth-child(2n+1) .time-body .colorful-date span{left: 0;}
.timelinebox .time-item:nth-child(2n+2) .time-body .colorful-date span{right: 0;}
.timelinebox .time-item .time-body .colorful-date span:before{ content: "";position: absolute;left: -8px;width: 0;  height: 0;  border-top: 8px solid transparent;  border-right: 12px solid;  border-bottom: 8px solid transparent;}
.timelinebox .time-item:nth-child(2n+1) .time-body .colorful-date span:before{display: none;}
.timelinebox .time-item:nth-child(2n+1) .time-body .colorful-date span:after{content: "";position: absolute;right: -8px;width: 0;  height: 0;  border-top: 8px solid transparent;  border-left: 12px solid;  border-bottom: 8px solid transparent;}
.timelinebox .time-item .time-dot{border: 6px solid;border-radius: 50%;height:20px;width:20px;background: #fff;position:absolute;z-index: 1;}
.timelinebox .time-item:nth-child(2n+1) .time-dot{right: -11px;}
.timelinebox .time-item:nth-child(2n+2) .time-dot{left:-9px;}
.timelinebox .time-item:nth-child(7n+1) .time-dot{border-color:#85b028;}
.timelinebox .time-item:nth-child(7n+2) .time-dot{border-color:#ae69c8;}
.timelinebox .time-item:nth-child(7n+3) .time-dot{border-color:#4b88cd;}
.timelinebox .time-item:nth-child(7n+4) .time-dot{border-color:#f37715;}
.timelinebox .time-item:nth-child(7n+5) .time-dot{border-color:#636c8e;}
.timelinebox .time-item:nth-child(7n+6) .time-dot{border-color:#f4bd15;}
.timelinebox .time-item:nth-child(7n+7) .time-dot{border-color:#DA2527;}
.timelinebox .time-item:nth-child(7n+1) .colorful-date h3{color:#85b028;}
.timelinebox .time-item:nth-child(7n+2) .colorful-date h3{color:#ae69c8;}
.timelinebox .time-item:nth-child(7n+3) .colorful-date h3{color:#4b88cd;}
.timelinebox .time-item:nth-child(7n+4) .colorful-date h3{color:#f37715;}
.timelinebox .time-item:nth-child(7n+5) .colorful-date h3{color:#636c8e;}
.timelinebox .time-item:nth-child(7n+6) .colorful-date h3{color:#f4bd15;}
.timelinebox .time-item:nth-child(7n+7) .colorful-date h3{color:#DA2527;}
.timelinebox .time-item:nth-child(7n+1) .colorful-date span{background-color:#85b028;}
.timelinebox .time-item:nth-child(7n+2) .colorful-date span{background-color:#ae69c8;}
.timelinebox .time-item:nth-child(7n+3) .colorful-date span{background-color:#4b88cd;}
.timelinebox .time-item:nth-child(7n+4) .colorful-date span{background-color:#f37715;}
.timelinebox .time-item:nth-child(7n+5) .colorful-date span{background-color:#636c8e;}
.timelinebox .time-item:nth-child(7n+6) .colorful-date span{background-color:#f4bd15;}
.timelinebox .time-item:nth-child(7n+7) .colorful-date span{background-color:#DA2527;}
.timelinebox .time-item:nth-child(7n+1) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+1) .colorful-date span:after{border-right-color:#85b028;border-left-color:#85b028!important;}
.timelinebox .time-item:nth-child(7n+2) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+2) .colorful-date span:after{border-right-color:#ae69c8;border-left-color:#ae69c8!important;}
.timelinebox .time-item:nth-child(7n+3) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+3) .colorful-date span:after{border-right-color:#4b88cd;border-left-color:#4b88cd!important;}
.timelinebox .time-item:nth-child(7n+4) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+4) .colorful-date span:after{border-right-color:#f37715;border-left-color:#f37715!important;}
.timelinebox .time-item:nth-child(7n+5) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+5) .colorful-date span:after{border-right-color:#636c8e;border-left-color:#636c8e!important;}
.timelinebox .time-item:nth-child(7n+6) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+6) .colorful-date span:after{border-right-color:#f4bd15;border-left-color:#f4bd15!important;}
.timelinebox .time-item:nth-child(7n+7) .colorful-date span:before,
.timelinebox .time-item:nth-child(7n+7) .colorful-date span:after{border-right-color:#DA2527;border-left-color:#DA2527!important;}
.course-table{padding: 20px;}
.course-table .table th{background: #f0f0f0;text-align: center;line-height: 50px;}
.course-table .table td{text-align: center;line-height: 50px;}
.course-table .table td[rowspan="2"]{line-height: 100px;}
.course-item .imgbox .tag-bx,.course-item .imgbox .tag-xx{color: #fff;}
.course-item .imgbox .tag-bx{background:#d02024;}
.course-item .imgbox .tag-xx{background:#249e92;}
.star-area{position: absolute;bottom:4px;display: flex;right: 10px;transition: all 0.1s;}
.imgbox .star-area:before{content: '';background:linear-gradient(-90deg,rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%);}
.star-area i{color: #fff;font-style: normal;text-decoration: none;margin-left: 10px;font-size: 16px;}
.ztb-info{overflow: hidden;padding: 20px;position: relative;}
.ztb-info .po-info{position: absolute;right: 40px;  top:88px;}
.ztb-info .po-info h6{font-size: 12px;margin-left: 20px;color: #7d8790;}
.ztb-info .po-info p{float: left;font-size: 16px;margin: 0 20px;line-height: 26px;}
.ztb-info .imgbox{width: 310px;height: 200px;float: left;}
.ztb-info .item-info{float: left;padding: 10px 10px 20px 20px;}
.ztb-info .item-info h1{font-size: 18px;}
.ztb-info .item-info p.tags{margin: 16px 0;}
.ztb-info .btn-box{position: absolute;right: 255px;bottom: 20px;}
.ztb-info .btn-box button{border-radius: 50px;height: 35px;    border: 1px solid;  background: transparent;  padding: 0 30px;}
.ztb-filter{text-align: center;}
.ztb-filter a.active{background: #d02024;color: #fff;}
.admin-ico{background: url("/images/admin-ico.png") no-repeat left;padding: 6px 10px;}
.admin-enter{float: left;  margin-left: 20px;margin-top: 12px;}
.admin-enter a{color: #999;display: block;}
.admin-enter a i{margin-right: 6px;}
.bm-ico{background: url("/images/ztb/bm-ico.png") no-repeat left;}
.bx-ico{background: url("/images/ztb/bx-ico.png") no-repeat left;}
.dw-ico{background: url("/images/ztb/dw-ico.png") no-repeat left;}
.xs-ico{background: url("/images/ztb/xs-ico.png") no-repeat left;}
.xx-ico{background: url("/images/ztb/xx-ico.png") no-repeat left;}
.bm-ico,.bx-ico,.dw-ico,.xs-ico,.xx-ico{padding: 10px 14px;display: inline-block;position: relative;top: 4px;}
.ztb-info .item-info p span{position: relative;}
.ztb-info .item-info p span:after{position: absolute;content: "";width: 1px;height: 90%;right: -10px;top: 1px;background: #dee0e3;}
.ztb-info .item-info .tags span:after{display: none;}
.ztb-info .item-info p span:last-child:after{display: none;}
.p_progress{position: absolute;width: 200px;height: 4px;background: #eee; margin-top: 4px;}
.p_progress span.p{width: 50%;position: absolute;height: 100%;background: #249e92;}
.p_progress i{font-style: normal;position: absolute;left: 204px;top:-10px;color:#9a9a9a!important;}
.yes-pop{background: url("/images/yes.png") no-repeat 50% 30% #fff;width: 350px;height: 170px;margin:120px auto 0;position: relative;padding:100px 0;}
.yes-pop a{position: absolute;  top: 10px;  right: 16px;  width: 20px;  background-color: #eee;  text-align: center;}
.yes-pop p{text-align: center;}
/*8.24首页改版*/
.problem-nav{background: #fff;padding: 0;overflow: hidden;}
.problem-nav li{padding: 20px 0;float: left;width: 20%;height: 90px;position: relative;}
.problem-nav li::after{content: "";width: 1px;height:50px;background: #e0e0e0;position: absolute;right: 0;top:20px;}
.problem-nav li:last-child::after{display: none;}
.problem-nav li:hover{background-color: #ecedee;cursor: pointer;}
.problem-nav li a{font-size: 16px;color: #2b425b;margin: 0 0 0 120px;line-height: 50px;}
.course-menu{float: left;width: 265px;border: 1px solid #dee0e3;background: #fff;margin-top: 15px;margin-left: 15px;margin-bottom:30px;height: 442px;overflow: hidden;}
.course-menu ul{padding: 0;list-style: none;margin: 0;}
.after-line{position: relative;}
.after-line:after{content: "";position: absolute;height: 1px;width:820px;background: #c9d1d6;top: 50%;right:100px;}
/*scorm-play*/
.scorm-play{width: 100%;height: 100%;position: relative;}
.scorm-play h1{ position: absolute;font-size: 14px;top: 0;left: 0;width: 100%;margin: 0;height: 30px;line-height: 30px;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;background: rgba(0, 0, 0, 0.5);color: #fff;}
.scorm-play iframe{width: 100%;height: 100%;transition: all 0.2s;}
.scorm-play iframe body{margin: 0!important;}
.pop-scorm{position: fixed; background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%; left: 0;right: 0;top:0;bottom: 0;margin: auto;z-index:1001;box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.6);}
/*.pop-scorm iframe{width:100%;height:100%;transition: all 0.2s;}*/
.pop-scorm iframe body{margin: 0!important;}
.scorm-play .pop-control-btn,.pop-scorm .pop-control-btn{position: absolute;bottom: 0;right: 0;font-size: 25px;width: 100%;text-align: right;color: #fff;background: rgba(0,0,0,0.7);text-align:center;line-height: 50px;width:50px;}
/*.pop-scorm .pop-control-btn{opacity: 0;filter:Alpha(opacity=0)}*/
/*.pop-scorm .pop-control-btn:hover{opacity: 1;filter:Alpha(opacity=100)}*/
/*.pop-scorm iframe{height: calc(100% - 50px);height: -webkit-calc(100% - 50px);height: -moz-calc(100% - 50px);max-height:660px;width:100%;transition: all 0.2s;}*/
.pop-scorm iframe{height: 100%;width:100%;transition: all 0.2s;}
/*.scorm-play:hover iframe{height: calc(100% - 50px);height: -webkit-calc(100% - 50px);height: -moz-calc(100% - 50px);max-height:480px;}*/
.scorm-play:hover .pop-control-btn{display: block;}
.magic{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.fixnav {list-style: none;overflow: hidden;border-bottom: 1px solid #eaebed;padding: 0;position: absolute;background: #fff;width: 848px;z-index: 1000;}
.fixnav li{float: left;}
.fixnav li a {color: #333;font-size: 16px;line-height: 50px;display: inline-block;}
.fixnav li.active a {color: #EE2A3B;border-bottom: 2px solid #EE2A3B;cursor: default;}
.fixbox{background: #fff;height:130px;width: 100%;top:0;transition: top 0.2s;/*position: fixed;*/}
.smallplay{position: fixed;bottom: 50px;width: 430px;height: 240px;right: 44px;z-index: 9999;}
.question-item{padding: 20px;}
.question-item h2{font-size: 15px;margin:0;padding: 12px 10px;background-color: #f7f7f7;border-left: #EE2A3B 3px solid;font-weight: bold;}
/*帮助中心*/
.helpmain .answerline{padding: 10px 13px;}
.helpmain .answerline::before{content: "";}
.helpmain .answerline h3{font-weight: bold;font-size: 14px; margin: 0;line-height: 36px;}
.helpmain .answerline p{line-height: 2.2;}
.helpmain .panel-group.accordion .panel-title{border-left: #EE2A3B 3px solid;}
.helpmain .panel-group.accordion .panel-title a[aria-expanded="true"]{background: #EE2A3B;color: #fff;}
.address {color: #999;margin: 0 0 15px;}
.address span{margin: 0 5px 0 0;}
.kefu-box{padding: 20px;}
.kefu-box p{font-size: 16px;line-height: 46px;font-weight: bold;}
.kefu-box p span{margin-right: 1em;font-weight: normal;}

.l-jd{width:95px;
    background:#f1dcdc;
    padding: 0!important;
    height: 4px;
    display: block;
    position: relative;top: 7px;
}
.l-jd span{background: #DA2527;height: 4px;}
.l-jd b{    color: #DA2527;    position: absolute;
    right: -45px;
    top: -6px;
 font-size: 12px; font-weight: normal;}

/*首页*/
.left-part{width: 950px;float: left;}
.right-part{width: 230px;float: right;}
.all-part{width: 100%;}

.quickbox{display: flex;height: 90px;margin: 25px 0;}
.quickbox a{position: relative;width: 200px;height: 90px;text-align: center;padding-left: 50px;color: #929AA0;font-size: 14px;padding-top: 15px;}
.quickbox a span{font-size: 24px;display: block;color:rgba(41,52,60,1);font-weight:bold;}
.quickbox a::before{content: '';position: absolute;width:46px;height:46px;background-color:rgba(247,250,252,1);border-radius:6px;    left: 20px;top: 20px;}
.quickbox a::after{content: '';position: absolute;width:1px;  height:70px;  opacity:0.64;    top: 10px;background: #eee;right: 0;}
.quickbox a:nth-of-type(1)::before{background-image: url("/img/index/q1.png");background-position: center center;background-repeat:no-repeat; }
.quickbox a:nth-of-type(2)::before{background-image: url("/img/index/q2.png");background-position: center center;background-repeat:no-repeat; }
.quickbox a:nth-of-type(3)::before{background-image: url("/img/index/q3.png");background-position: center center;background-repeat:no-repeat; }
.quickbox a:nth-of-type(4)::before{background-image: url("/img/index/q4.png");background-position: center center;background-repeat:no-repeat; }
.quickbox a:nth-of-type(5)::before{background-image: url("/img/index/q5.png");background-position: center center;background-repeat:no-repeat; }
.quickbox a:nth-of-type(6)::before{background-image: url("/img/index/q6.png");background-position: center center;background-repeat:no-repeat; }
.quickbox a:hover{background-color: rgba(247,250,252,1);}
.single-t{position: relative;height:45px;}
.single-t h3{color: #29343C;display: inline;font-family: PingFangSC-Medium;font-size: 18px;}
.single-t a{color: #929AA0;position: absolute;right: 0;font-size: 12px;}

.listbox{}
.listbox ul{padding: 0;margin: 0;}
.listbox ul li{position: relative;padding:15px 40px;border-bottom: 1px dashed #EBEBEB;cursor: pointer;}
.listbox ul li:hover{background: rgba(247,250,252,1);}
.listbox ul li::before{content: "";width: 7px;height: 7px;background: #dee0e3;position: absolute;left:20px;margin: auto;top:0;bottom: 0;border-radius: 50%;}
.listbox ul li .date{color: #999;font-size: 12px;position: absolute;right:20px;top: 17px;}
.listbox ul li p{padding-right:170px;text-overflow:ellipsis;  white-space:nowrap;overflow: hidden;}
.listbox ul li .type{color: #525E86;text-decoration: none;font-style: normal;}
.lr-item{width: 430px;height: 120px;position: relative;margin: 20px 20px 0 0; }
.lr-item .imgbox{width:210px;height:120px;border-radius:4px;position: absolute;left: 0;top: 0;background: url('/img/ico.png') no-repeat center rgba(247,250,252,1);}
.lr-item .info{margin-left: 228px;}
.lr-item .info h3{font-size:16px;margin: 0 0 15px;font-weight:400;color:rgba(41,52,60,1);line-height:21px;}
.lr-item .info p{color: #929AA0;font-size: 14px;margin-top: 20px;}
.lr-item .info .progress{border:1px solid #EA9C27;height:14px;border-radius: 4px;position:relative; }
.lr-item .info .progress div{background-color: #EA9C27;height:100%;text-align: center;font-size:10px;line-height: 13px;color:#fff;}
.lr-item .info p span{}
.lr-item .info p i{margin-right: 4px;}
.lr-item .info a{margin-top: 34px;}
.indexbox{box-shadow:0 0 15px 0 rgba(191,195,201,1);background-color: #fff;    border-radius: 4px;}
.course-list,.lr-list{display: flex;flex-wrap: wrap;justify-content: flex-start; padding: 0 0 0 20px;}
.course-list .course-item{width: 210px; margin-right: 20px;}
.course-list .course-item .imgbox{width: 210px;height: 120px;}
.course-list .course-item .imgbox::before{content: '';background: linear-gradient(0deg,rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);position: absolute;width:100%;height:100%;}
.home-c-list{margin-top:40px;}
.c-item{position: relative;cursor: pointer;}
.c-item .imgbox{width:275px;height:160px;border-radius:4px;}
.c-item .star-area{position: absolute;}
.c-item .info{padding-top: 8px;}
.c-item .info h3{margin: 0;font-size: 16px;color: #29343C;}
.c-item .info p{margin-top: 10px;}
.c-item .info p span{color: #A1A1A1;margin-right: 15px;}
.home-c-list .course-list{padding: 20px 0 20px 20px;}
.home-c-list .course-list .c-item{margin-right: 20px;}

.databox{display: flex;justify-content: space-between;margin-top: 45px;}
.databox div{width:280px;height:70px;background:rgba(234,239,242,1);border-radius:4px;font-size:16px;position: relative;
    font-weight:bold;color:rgba(146,154,160,1);padding-left: 100px;line-height: 70px;}
.databox div span{font-weight:400;color:rgba(75,85,94,1);font-size: 24px;    margin-left: 30px;}
.databox div::before,.databox li::after{height: 70px;position: absolute;width: 85px;content: '';left: 0;}
.databox div:nth-of-type(1)::before{background: url("/img/index/d1.png") no-repeat center;}
.databox div:nth-of-type(2)::before{background: url("/img/index/d2.png") no-repeat center;}
.databox div:nth-of-type(3)::before{background: url("/img/index/d3.png") no-repeat center;}
.databox div:nth-of-type(4)::before{background: url("/img/index/d4.png") no-repeat center;}

/*排行*/
.ratelist{}
.rate{position: relative;}
.rate a{color: #525E86;position: absolute;top:9px;right: 16px;background: url("/images/rate.png") no-repeat left;padding-left: 20px;}
.rate ul{padding: 20px 40px 1px;}
.rate ul li{margin-bottom: 20px;line-height: 40px;height: 40px; display: flex;}
.rate ul li i{font-size:12px;color:rgba(255,255,255,1);display: inline-block;  height: 34px;width: 34px;text-align: center;}
.rate ul li .name{font-size:14px;position: relative;top: 5px; display: inline-block;    width: 12em; color:rgba(51,51,51,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rate ul li .name b{font-size:11px;font-weight: normal;}
.rate ul li .num{    font-weight: bold;color: rgba(41,52,60,1);font-size: 18px;}
.rate ul li:nth-of-type(1) i{background:url("/img/index/1.png") no-repeat left;font-size: 0;}
.rate ul li:nth-of-type(2) i{background:url("/img/index/2.png") no-repeat left;font-size: 0;}
.rate ul li:nth-of-type(3) i{background:url("/img/index/3.png") no-repeat left;font-size: 0;}
.rate ul li:nth-of-type(n+4) i{width: 27px;height: 27px;background: rgba(198,202,205,1);border-radius: 50%;font-style: normal;line-height: 27px;margin-right: 7px;}
.rate ul li:nth-of-type(1) .name,.rate ul li:nth-of-type(2) .name,.rate ul li:nth-of-type(3) .name{
    font-weight: bold;
}
.rate ul li .imgbox{width:35px;    margin: 0 20px;height:35px;border-radius:50%;}
.rate ul li.me{box-shadow:0 0 10px 0 rgba(21,68,143,0.31);;border-radius:2px;height: 38px;line-height: 38px;margin: 0 15px;padding: 0 6px;}
.rate ul li.me i{background:url("/images/topme.png") no-repeat left; position: relative; line-height: 22px;top:-12px;}
.rate ul li.me .name{color: #DA2527;top: 2px;}
.rate ul li.me .num{color: #DA2527;position: relative;top:-12px;}
/*模板下载*/
.template{}
.template ul{margin-top: 15px;}
.template ul li{position: relative;margin-bottom: 10px;line-height: 30px;height: 30px;padding-left: 40px;}
.template ul li.xls{background: url("/images/xls.png") no-repeat left;}
.template ul li.word{background: url("/images/word.png") no-repeat left;}
.template ul li.document{background: url("/images/document.png") no-repeat left;}
.template ul li p{}

.pagepadding{padding: 0 20px;}
.pk-list{display: flex;}
.pk-item{border-radius:4px;height:110px;position: relative;width:440px;border:1px solid rgba(247,250,252,1);}
.pk-item:hover{background:rgba(247,250,252,1);}
.pk-item h3{font-size:18px;font-weight:500;color:rgba(41,52,60,1);line-height:25px;}
.pk-item span.time{font-size:12px;color: #929AA0}
.pk-item p{font-size:12px;}
.pk-item p span{}
.pk-item .btns{}
/*直播*/
.top-calendar{margin-top: 30px;border:1px solid rgba(248,248,248,1);box-shadow:0 0 24px 0 rgba(191,195,201,1);border-radius:4px;position: relative;}
.top-calendar a{position: absolute; font-size: 60px;color:#C6CACD }
.top-calendar a.left{left: -70px;}
.top-calendar a.right{right: -70px;}
.top-calendar ul{height: 80px;position: relative;display: flex;background:rgba(253,253,253,1);}
.top-calendar li{width: 170px;text-align: center;font-size:22px; font-weight:400; color:rgba(75,85,94,1);padding-top: 17px;
    border-right: 1px solid #dee0e3;height: 80px;cursor: pointer;box-sizing: content-box;}
.top-calendar li:last-child{border-right: none;}
.top-calendar li.nolive{opacity: 0.5;cursor: default;}
.top-calendar li.active{background:linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));border-right: none;cursor: default;
    box-shadow:0 0 16px 0 rgba(181,0,0,0.46);height: 82px;border-radius:4px;color: #fff;position: relative;top: -4px;left: -2px;}
.top-calendar li.active span{color: #fff;}
.top-calendar li span{display: block;font-size:16px;font-weight:400;color:rgba(146,154,160,1);line-height: 2;}
.btn-main-kx{width:100px;font-size:14px;display: inline-block;
    font-weight:400;border: 1px solid #EE2A3B;text-align: center;line-height: 30px;
    color:#EE2A3B;background:#fff;
    height:30px;border-radius:15px;}
.btn-blue-kx{width:100px;font-size:14px;display: inline-block;
    font-weight:400;border: 1px solid #0BBAFB;text-align: center;line-height: 30px;
    color:#4285EC;background:#fff;
    height:30px;border-radius:15px;}
.btn-main-kx:hover{background:linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));color: #fff;}
.btn-blue-kx:hover{background:linear-gradient(-90deg,rgba(11,186,251,1) 0%, rgba(66,133,236,1) 100%);color: #fff;}
.btn-main-sx{width:80px;font-size:14px;display: inline-block;font-weight:400;text-align: center;border: none;
    color:#fff;background:linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));
    height:25px;border-radius:4px;}
.btn-main-sx:hover{background:linear-gradient(180deg,rgba(255,129,74,1),rgba(255,15,71,1));color: #fff;}
.live-info{position: relative;height: 90px;padding-left: 100px;color: #777D83;    padding-top: 25px;}
.live-info .imgbox{width: 60px;height: 60px;border-radius: 4px;position: absolute;left: 20px;top: 20px;}
.live-info h3{color: #fff;font-size:18px;margin: 0;}
.live-info .info{margin-top: 15px;}
.live-info .info span{margin-right: 30px;}
.live-info .info i{    margin-right: 6px;}
.live-info .phone-func{position: absolute;right: 30px;text-align: center;    top: 25px;}
.live-info .phone-func i{ display: block;font-size: 24px;margin: 0 0 8px;}
.live-info .phone-func span{}
.right-top{height: 50px;line-height: 50px;display: flex;    padding: 0 15px;justify-content: space-between;}
.right-top p{color: #777D83}
.right-top span{color: #fff;margin: 0 4px;font-size: 12px;}

.zb-calendar{width:100%;margin-top: 20px;transition: height 0.2s;overflow: hidden;}
.zb-day-list{}
.zb-day-list li{height: 80px;background: #fff;border:1px solid rgba(248,248,248,1);position: relative;margin-top: 30px;
    box-shadow:0px 0px 24px 0px rgba(191,195,201,1);display: flex;border-radius:4px;}
.zb-day-list li .ti-time{color: #929AA0;font-size: 20px;    line-height: 80px;margin: 0 18px;}
.zb-day-list li .time{font-size:22px;line-height: 80px;font-weight:400;color:rgba(75,85,94,1);}
.zb-day-list li .imgbox{width: 35px;height: 35px;border-radius: 50%;    margin: 22px 12px 0 40px;}
.zb-day-list li .info{    }
.zb-day-list li .btn-main-kx{position: absolute;right: 50px;top:25px;}
.zb-day-list li .name{color: #4B555E;font-size: 18px;    margin: 15px 0 5px;}
.zb-day-list li .info span{color: #929AA0;margin-right: 1em;}
.zb-day-list li .info i{color: #C6CACD;font-style: normal;}
#zhiboDiv {width: 100% !important;position: absolute;z-index: 0;}
/*mudu*/
.zhibobanner {min-width: 1200px;max-height: 200px;}
.zhibobanner img{width: 100%;}
.livebox{position: relative;z-index: 1;margin:30px auto 0;width: 1200px;}
.livebox .left-part{display: inline-block;position: relative;width: 900px;background:#1A1A1A; }
.livebox .left-part .playbox{position: relative;    background-color: #313131;height:480px;}
/*18/9/5*/
.livebox .left-part .playbox .fotorama__stage{height: 417px!important;}
.livebox .left-part .playbox .fotorama__stage::-webkit-scrollbar {width: 6px;height: 200px;background-color: #f5f5f5;}
.livebox .left-part .playbox .fotorama__stage::-webkit-scrollbar-track {border-radius: 3px;background-color: #bababa;}
.livebox .left-part .playbox .fotorama__stage::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #868686;}
.livebox .left-part .playbox .videobox{height: 485px;}
.livebox .left-part .playbar{    position: relative;
    height: 58px;
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    zoom: 1;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.9);}
.livebox .left-part .channel-info{    position: relative;
    display: inline-block;
    padding: 20px;
    width: 865px;
    height: 100px;
    background: none;
    zoom: 1;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ededed;}
.livebox .right-part{display: inline-block;position: relative;margin-left: 10px;width: 280px;background: #1A1A1A;}
.playrightmain{    height:470px;background: #313131}
.livebox .right-part section {
    overflow-y: overlay;
    overflow: overlay;overflow: auto;
    /*height:calc( 100% - 85px);height:-moz-calc( 100% - 85px);height:-webkit-calc( 100% - 85px);*/
    height:100%;
    padding-top: 0;
}
.livebox .right-part section::-webkit-scrollbar {width: 6px;height: 200px;background-color: #f5f5f5;}
.livebox .right-part section::-webkit-scrollbar-track {border-radius: 3px;background-color: #bababa;}
.livebox .right-part section::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #868686;}
.livebox .right-part .notelist {padding: 10px;}
.livebox .right-part .notelist .noteinput {overflow: hidden;}
.livebox .right-part .notelist .noteinput textarea {width: 100%;height: 100px;resize: none;}
.livebox .right-part .notelist .noteinput .btn {background: #306592;color: #fff;float: right;}
.livebox .right-part .notelist .notes .note {margin-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #dee0e3;    word-wrap: break-word;}
.livebox .right-part .notelist .notes .note .fr {color: #306592;}
.playbar .dm{ height: 110px;}
.playbar .dm textarea{border: 1px solid #c6c6c6;width: 250px;resize: none;height: 60px;margin: 10px auto;line-height: 30px;padding: 0 10px;display: block;border-radius: 4px;}
.playbar .dm .btn-main-sx{ float: right;  margin-right: 15px;}
.chat-item{margin-bottom: 20px;position: relative;display: flex;align-items: start;border-bottom: 0.5px solid #484848;padding-bottom: 20px;}
.chat-item .imgbox{border-radius: 50%;width: 35px;height: 35px;    flex: none;}
.chat-item .chatmation{color: #666;margin-left: 15px;    word-wrap: break-word;word-break: break-all;}
.chat-item .chatmation p{color: #fff;font-size: 14px;margin: 6px 0 0;line-height: 1.6;text-align: justify;}
.chat-item .chatmation p.name{font-size: 12px;color: #C6CACD;margin: 0;word-wrap: break-word;
    word-break: break-all;overflow: hidden;text-overflow: ellipsis;width: 12em;white-space: nowrap;}
.chat-item .chatmation span.date{color: #777D83;font-size: 12px;}
.chat-item .chatmation span i.tag{color: #fff;font-size: 12px;font-style: normal;text-decoration: none;background: #5cbcf6;border-radius: 2px;    position: relative;top: -5px;padding: 0px 2px;}
a.loadmore{text-align: center;color: #999;display: block;}
.left-bottom{height: 70px;}
.left-bottom .dm-btn{font-size: 0;margin: 15px 20px 0;float:right;width: 40px;height: 40px;background: url("/img/dan.png") no-repeat center;background-size: 100%;}
.dm-btn.active{background: url("/img/dana.png") no-repeat center;background-size: 100%;}
.danmuDiv{width: 100%;overflow: hidden;height:250px;position: absolute;z-index: 999;top: 0;}

.empty-pl{width: 100%;text-align: center;padding-top: 70px;}
.empty-pl img{width: 60px;}
.empty-pl p{color: #ccc;margin-top: 10px;}
.c-list-page{display: flex;justify-content: space-between;}
.l-part{}
.l-part ul{width: 240px;padding: 18px 10px 1px;}
.l-part ul li{height: 38px;line-height: 38px; border-radius:19px;text-align: center;margin-bottom: 18px;}
.l-part ul li a{font-size: 16px;position: relative;display: flex;    text-align: justify;padding-left: 2em;}
.l-part ul li a::before{content:'';width: 30px;height: 30px;display: inline-block;margin: 4px 22px 0 0;}
.l-part ul li:nth-of-type(1) a::before{background: url("/img/c/nav01.png") no-repeat center;}
.l-part ul li:nth-of-type(2) a::before{background: url("/img/c/nav02.png") no-repeat center;}
.l-part ul li:nth-of-type(3) a::before{background: url("/img/c/nav03.png") no-repeat center;}
.l-part ul li:nth-of-type(4) a::before{background: url("/img/c/nav04.png") no-repeat center;}
.l-part ul li:nth-of-type(5) a::before{background: url("/img/c/nav05.png") no-repeat center;}
.l-part ul li:nth-of-type(6) a::before{background: url("/img/c/nav29.png") no-repeat center;}
.l-part ul li:nth-of-type(7) a::before{background: url("/img/c/nav06.png") no-repeat center;}
.l-part ul li:nth-of-type(1).active a::before{background: url("/img/c/nav01_dwn.png") no-repeat center;}
.l-part ul li:nth-of-type(2).active a::before{background: url("/img/c/nav02_dwn.png") no-repeat center;}
.l-part ul li:nth-of-type(3).active a::before{background: url("/img/c/nav03_dwn.png") no-repeat center;}
.l-part ul li:nth-of-type(4).active a::before{background: url("/img/c/nav04_dwn.png") no-repeat center;}
.l-part ul li:nth-of-type(5).active a::before{background: url("/img/c/nav05_dwn.png") no-repeat center;}
.l-part ul li:nth-of-type(6).active a::before{background: url("/img/c/nav29_dwn.png") no-repeat center;}
.l-part ul li:nth-of-type(7).active a::before{background: url("/img/c/nav06_dwn.png") no-repeat center;}
.l-part ul li:hover{background:rgba(247,250,252,1);}
.l-part ul li.active{background:linear-gradient(-90deg,rgba(255,129,74,1),rgba(255,15,71,1));}
.l-part ul li.active a{color: #fff;}
.l-part ul.peixun li:nth-of-type(1) a::before{background: url("/img/c/nav07.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(2) a::before{background: url("/img/c/nav08.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(3) a::before{background: url("/img/c/nav09.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(4) a::before{background: url("/img/c/nav10.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(5) a::before{background: url("/img/c/nav11.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(1).active a::before{background: url("/img/c/nav07_dwn.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(2).active a::before{background: url("/img/c/nav08_dwn.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(3).active a::before{background: url("/img/c/nav09_dwn.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(4).active a::before{background: url("/img/c/nav10_dwn.png") no-repeat center;}
.l-part ul.peixun li:nth-of-type(5).active a::before{background: url("/img/c/nav11_dwn.png") no-repeat center;}
.l-part ul.kaoshi li:nth-of-type(1) a::before{background: url("/img/c/nav12.png") no-repeat center;}
.l-part ul.kaoshi li:nth-of-type(2) a::before{background: url("/img/c/nav13.png") no-repeat center;}
.l-part ul.kaoshi li:nth-of-type(1).active a::before{background: url("/img/c/nav12_dwn.png") no-repeat center;}
.l-part ul.kaoshi li:nth-of-type(2).active a::before{background: url("/img/c/nav13_dwn.png") no-repeat center;}
.l-part ul.hudong li:nth-of-type(1) a::before{background: url("/img/c/nav14.png") no-repeat center;}
.l-part ul.hudong li:nth-of-type(2) a::before{background: url("/img/c/nav15.png") no-repeat center;}
.l-part ul.hudong li:nth-of-type(3) a::before{background: url("/img/c/nav16.png") no-repeat center;}
.l-part ul.hudong li:nth-of-type(1).active a::before{background: url("/img/c/nav14_dwn.png") no-repeat center;}
.l-part ul.hudong li:nth-of-type(2).active a::before{background: url("/img/c/nav15_dwn.png") no-repeat center;}
.l-part ul.hudong li:nth-of-type(3).active a::before{background: url("/img/c/nav16_dwn.png") no-repeat center;}
.l-part ul.ucenter li:nth-of-type(1) a::before{background: url("/img/c/nav26.png") no-repeat center;}
.l-part ul.ucenter li:nth-of-type(2) a::before{background: url("/img/c/nav27.png") no-repeat center;}
.l-part ul.ucenter li:nth-of-type(3) a::before{background: url("/img/c/nav28.png") no-repeat center;}
.l-part ul.ucenter li:nth-of-type(1).active a::before{background: url("/img/c/nav26_dwn.png") no-repeat center;}
.l-part ul.ucenter li:nth-of-type(2).active a::before{background: url("/img/c/nav27_dwn.png") no-repeat center;}
.l-part ul.ucenter li:nth-of-type(3).active a::before{background: url("/img/c/nav28_dwn.png") no-repeat center;}




.r-part{width: 940px;}
.search-area{/*border-bottom: 1px solid #D1D4D8;*/padding:16px 0 0 20px;display: flex;flex-wrap: wrap;}
.search-area .form-group{margin: 0 1em 1.5em 0;}
.search-area .form-group .input-group{}
.search-area .form-group .input-group .input-group-addon{border: none;background: none;padding: 0;font-size: 12px; min-width: 1.8em;}
.search-area .form-group .input-group .input-group-addon:nth-of-type(1){text-align: right;width: 7em;}
.search-area .form-group .input-group .form-control{border: 1px solid #E5E5E5;width: 150px; padding: 4px 12px;font-size: 12px;}
.search-area .form-group.btns-box{float: right;}
.search-area .form-group.btns-box *{padding: 3px 12px;}
.search-area .form-group.btns-box .btn-search{background:linear-gradient(-90deg,rgba(255,129,74,1),rgba(255,15,71,1));border-radius:2px;color: #FFF;}
.search-area .form-group.btns-box .btn-reset{background:rgba(134,151,164,1);border-radius:2px;color: #fff;}
.tablepadding{padding: 0 20px 20px}

.tab-area{height: 51px;border-bottom: 1px solid #D1D4D8;overflow: hidden;}
.tab-area ul{display: flex;}
.tab-area ul li{}
.tab-area ul li.active{}
.tab-area ul li a{margin: 0 25px;line-height: 50px;height: 50px;display: block;}
.tab-area ul li.active a{border-bottom: 2px solid #EE2A3B;color: #EE2A3B;}
.screen-area{display: flex;justify-content: space-between;padding:15px 20px;}
.screen-area .order{}
.screen-area .topsearch{border:1px solid rgba(211,216,225,1);}
/*课程列表排序*/
.order{position: relative;}
.order span{color:#555;cursor: pointer;font-size: 12px;margin-right: 20px;}
.order span.active{color:#525E86;}
.order span b{margin-left: 4px;font-size: 12px;}
.imgbox .star-show img{width:16px!important;height: 16px;min-height: auto;}
/*笔记*/
.note-item dt img{width: 100%;height: 100%;}
.note-item dd.indent{margin-left: 310px;}
.note-item dd h1{font-size:16px;padding: 10px 0 5px;margin: 0;}
.note-item dd .infor{color:#999;padding:8px 0;display: block;}
.note-item dd p{color:#666;line-height: 24px;margin: 0;height:48px;font-size:14px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.hot-item{padding:5px 10px;border-bottom: 1px dashed #ebebeb;margin: 0;cursor: pointer;}
.hot-item dt{height:30px;line-height: 30px;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.hot-item dd{color:#666;line-height: 20px;}
.heartitle{margin: 10px auto;border-bottom:1px solid #ccc;}
.heartitle .t{padding:0 20px;color:#000;font-size: 15px;font-weight:bold;border-bottom:2px solid #000;line-height: 32px;display: inline-block;}
.note-item{position: relative;box-sizing: border-box;padding:10px;}
.note-item dt{position: absolute;left: 20px;height: 120px;width: 210px;overflow: hidden;}
.news-list .note-item dt.imgbox{left: 20px;height: 120px;width: 240px;}
.news-list .note-item dd.indent{margin-left: 270px;}
.note-item dd{margin-left: 220px;line-height: 24px;padding:0 10px;}
.note-item dd.name{line-height: 24px;font-size:12px;}
.note-item dd.name .r{color:#0f80db;margin-right: 10px;}
.note-item dd.name .dp{color:#888;margin-right: 30px;}
.note-item dd.name a{float:right;margin-right: 15px;cursor: pointer;color:#0f80db;}
.note-item dd.code{font-size:14px;padding:5px 10px;}
.note-item dd.memo {font-size:12px;color:#888;}
.note-item dd.memo .t{color:#888;float:right;}
.back{margin-bottom: 17px;line-height: 20px;}
.back a{font-size: 14px;color: #4B555E;display: flex;}
.back a i{margin-right: 10px;font-size: 20px;color: #BFC3C9;}
/*学习地图*/
.map{background: url("/img/map/map.png") no-repeat top center;width: 1200px;height:683px;position: relative;    background-size: contain;}
.jd-item-box{position: absolute;}
.map .jd-item{max-width:250px;min-width: 220px;min-height:50px;background:rgba(255,255,255,1);box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.45);border-radius:10px;position: relative;opacity:0;transition: all 0.1s;}
.map .jd-item .b:last-child:hover{border-radius: 10px;}
.map .jd-item-box::before{display: block;content: "";width: 86px;height: 66px;background: url("/img/map/lock.png") no-repeat;position: absolute;top: -10px;left: -100px;}
.map .jd-item .t{font-size: 15px;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;line-height: 20px;padding-left: 20px;
  color: #EE2A3B;}
.map .jd-item .t span{width:22px;color: #fff;line-height: 22px;font-size: 12px;
    height:22px;display: block;text-align: center;font-style: italic;
    background:linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));
    border-radius:50%;position: absolute;left: -10px;top: -10px;}
.map .jd-item .b{position: relative;    padding: 10px 5px;    font-weight: normal;    text-align: justify;}
.map .jd-item .b:hover{background: #E6E6E6;}
.map .jd-item .b p{font-size:14px;font-family:PingFang SC;font-weight:400;color:rgba(41,52,60,1);width:85%;    margin-bottom: 8px;}
.map .jd-item .b span{font-size:12px;color: #999;    margin-left: 10px;}
.map .jd-item .b a{font-size:0;color:#DA2527;position: absolute;right:18px;margin: auto;top:0;bottom: 0;height: 14px;}
.map .jd-item .b a img{}
.map .jd-item-box.active::after{content:"";background: url("/img/map/pin.png") no-repeat;position: absolute;width: 76px;height: 80px;top: -20px;left: -80px;}
.map .jd-item-box.active .jd-item{opacity: 1;}
.map .jd-item-box.active::before{display: none;}
.map .jd-item-box.lock::before{display: none;}
.map .jd-item-box.lock::after{content:"";background: url("/img/map/lock.png") no-repeat;position: absolute;width: 86px;height: 66px;top: -10px;left: -100px;}
.map .jd-item-box:nth-of-type(1){top: 90px;left: 658px;}
.map .jd-item-box:nth-of-type(2){top: 140px;left: 605px;}
.map .jd-item-box:nth-of-type(3){top: 190px;left: 506px;}
.map .jd-item-box:nth-of-type(4){top: 240px;left: 404px;}
.map .jd-item-box:nth-of-type(5){top: 300px;left: 286px;}
.map .jd-item-box:nth-of-type(6){top: 380px;left: 364px;}
.map .jd-item-box:nth-of-type(7){top: 443px;left: 490px;}
.map .jd-item-box:nth-of-type(8){top: 400px;left: 610px;}
.map .jd-item-box:nth-of-type(9){top: 330px;left: 720px;}
.map .jd-item-box:nth-of-type(10){top: 286px;right: 165px;}
.map .jd-item-box:nth-of-type(11){top: 215px;right: 20px;}
.map .jd-item-box:nth-of-type(12){top: 270px;right: -120px;}
.map .jd-item-box:nth-of-type(13){top: 330px;right: -50px;}
.map .jd-item-box:nth-of-type(14){top: 420px;right: 130px;}
.map .jd-item-box:nth-of-type(15){top: 500px;right: 56px;}
.map .jd-item-box:hover .jd-item{opacity: 1;}
.map .lock .op{display: none;}
.panel-footer .btn-main-sx{width: 100px;border-radius: 50px;height: 30px;    line-height: 30px;}
.fixcover{position: fixed;z-index: 9999;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);}
.fr-search-area{display: flex;margin-top: 10px;}
.fr-search-area .btn-main-kx{width: 77px;margin: 0 20px 0 10px;font-size: 12px}
.ww-search{position: relative;height: 30px;border:1px solid rgba(211,216,225,1);border-radius:15px;width: 350px;    display: flex;}
.ww-search input{border: none;padding-left: 30px;height: 28px;border-radius: 15px;width: 280px;}
.ww-search input:focus{outline: none;}
.ww-search .btn-main-sx{height:30px;line-height: 30px;border-radius: 50px;font-size: 12px}
.ww-search i{font-size: 17px;position: absolute;color: #D3D8E1;    left: 8px;top: 5px;}
.sortline{background:rgba(247,250,252,1);height: 30px;line-height: 30px;}
.sortline ul{display: flex;}
.sortline ul li{margin: 0 25px;color: #929AA0;font-size: 12px;}
.sortline ul li a{color: #929AA0;font-size: 12px;}
.sortline ul li.active a{color: #29343C}
.ww-item{position: relative;padding: 20px;}
.ww-item:hover{background:rgba(247,250,252,1); }
.ww-item::after{background:#E5E5E5;height: 1px;content: '';position: absolute;    left: 20px;width: calc(100% - 40px);bottom: 0;}
.ww-item h3{width:720px;font-size:16px;font-weight:500;color:rgba(41,52,60,1);line-height:25px;text-align: justify;margin: 0 0 10px;}
.ww-item h3 span{color: #fff;font-size: 12px;    padding: 1px 4px;border-radius: 10px 0;margin-left: 1em;}
.ww-item h3 span.done{background:linear-gradient(-90deg,rgba(25,219,189,1),rgba(91,220,187,1));    white-space: nowrap;}
.ww-item h3 span.undo{background:linear-gradient(-90deg,rgba(248,111,101,1),rgba(252,84,146,1));    white-space: nowrap;}
.ww-item p{font-size:12px;font-weight:400;color:rgba(146,154,160,1);line-height:30px;}
.ww-item p span{margin-right: 1em;}
.ww-item .pbox{    display: flex;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;height: 60px;}
.ww-item .pbox p{text-align: center;font-size: 12px;    width: 70px;}
.ww-item .pbox p:nth-of-type(1){color: #EB6100}
.ww-item .pbox p:nth-of-type(2){color: #929AA0}
.ww-item .pbox p span{display: block;font-size:16px;font-weight: bold;margin: 0;}
.ww-item a{}
.pkdetail{padding:30px;}
.pkdetail .numlist{display: flex;margin-bottom: 20px;}
.pkdetail .numlist li{color: #333;margin-right: 100px;    line-height: 30px;display: flex;}
.pkdetail .numlist li span{font-size: 24px;font-weight: bold;margin-left: 15px;}
.pkdetail .time{color: #929AA0;}
.pkdetail .time span{margin-right: 30px;}
p.text-semibold{border-left: 2px solid #ff1447;padding-left: 15px;line-height: 1;margin: 20px 0;}
.btn-loadmore{background:linear-gradient(-90deg,rgba(255,129,74,1),rgba(255,15,71,1));color:#fff;cursor: pointer;padding:10px 20px;}
.btn-loadmore i{margin-right: 4px;}
.btn-loadmore:hover{background:linear-gradient(0deg,rgba(255,129,74,1),rgba(255,15,71,1));color: #fff;}
/*考试*/
.examInfor{background-color: rgba(0,0,0,0.5);position: fixed;left:0;width:100%;bottom:0;height:100%;}
.examInfor .exammain{position: fixed;z-index: 10;left:50%;margin-left: -400px;top:0;bottom:0;width:800px;padding:100px 0px 0;box-sizing: border-box;height:100%;margin-top: 0;}
.examInfor .exammain .left{width:40%;box-sizing: border-box;float:left;}
.examInfor .exammain .t{font-size: 20px;color: #333;line-height: 50px;text-align: center;border: 1px solid #dee0e3;margin-bottom: 20px;}
.examInfor .exammain .left ul{margin:0;padding:15px 20px 0;}
/*.examInfor .exammain .left .btn{padding:10px 20px;cursor: pointer;color:#fff;background-color: #0b78e8;}*/
.examInfor .exammain .left li{list-style: none;padding:10px;font-size:15px;}
.examInfor .exammain .right{width:60%;box-sizing: border-box;float:right;color:#666;}
.examInfor .exammain .right .r {padding: 8px 0;border-bottom: 1px solid #dee0e3;font-size: 15px;color: #333;}
.examInfor .exammain .right .r i{margin-right: 10px;}
.rules{font-size: 12px;line-height: 24px;padding: 20px 20px 0 0;height: 240px;overflow: auto;}
.wq-info{padding:15px;border:1px solid #ccc;color:#888;line-height: 24px;text-align: center;}

.item-ulist{padding:10px 20px;}
.item-ulist li{padding:8px 10px;margin-bottom: 10px;border-bottom:1px dashed #ccc;}
.item-ulist li a{float:right;}
.friend-item{width: 30%;margin: 20px 1.5% 0;padding: 10px;box-sizing: border-box;position: relative;float: left;border: 1px solid #D1D4D8;}
.friend-item:hover{border:1px solid #aaa;}
.friend-item dt{position: absolute;left:10px;top:10px;height:60px;width:60px;overflow: hidden;}
.friend-item dt img{width:100%;min-height:100%;}
.friend-item dd{margin-left: 70px;line-height: 26px;color:#666;}
.friend-item dd.name{line-height: 34px;color:#333;font-weight:bold;}
.warp300{max-width: 300px;white-space: normal;}
.tab-area .fr-state{float: right;}
.tab-area .fr-state a{line-height: 30px;height: 30px;border-radius: 50px;width: 100px;margin-top: 10px;margin-right: 20px;}
.tab-area .fr-state span{line-height: 30px;margin: 10px 20px;display: block;background: linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));color: #fff;padding: 0 20px;border-radius: 0 10px;}

.my-note-item{position: relative;border-bottom: 1px solid #D1D4D8;padding: 20px 15px;}
.my-note-item h3{color: #29343C;font-size: 14px;    margin: 0 0 12px;    width: 80%;
    line-height: 20px;text-align: justify;}
.my-note-item h3 i{color: #929AA0;margin-right: 16px;}
.my-note-item p{font-size:12px;color: #777D83;}
.my-note-item .r-p{color: #929AA0;font-size: 12px;position: absolute;right: 20px;
    text-align: right;top: 20px;}
.my-note-item .r-p span{display: block;margin-bottom: 16px;}
.my-note-item .r-p a{color: #777D83;margin-left: 20px;}

.anserlist{padding:20px 20px 10px;}
.anserlist>dl{border-bottom:1px solid #EBEBEB;position:relative;}
.anserlist>dl:last-child{border-bottom: none;}
.anserlist>dl dt{position:absolute;width:35px;height:35px;overflow: hidden;border-radius: 50%;}
.anserlist>dl dt img{width:100%;min-height: 100%;}
.anserlist>dl dd{margin-left: 55px;}
.anserlist>dl dd .t{padding:8px 0;color:#666;font-size:14px;}
.anserlist>dl dd .t span{margin-left:1em;font-size:12px;color:#C6CACD;}
.anserlist>dl dd .c{padding:8px 0;color:#525F6B;font-size:14px;line-height: 24px;}
.anserlist>dl dd .w{color:#666;padding:10px 0;}
.anserlist>dl dd .w span{padding:2px 5px;border:1px solid #ccc;border-radius: 5px;margin-right: 5px;}
.replybox{padding:15px 20px 0;background-color: #F7FAFC;margin-top: 15px;}
.replybox dl{border-bottom: 1px dashed rgba(210,210,210,1);}
.replybox dl:last-child{border-bottom:none;}
.anserlist>dl .replybox dd .c{font-size: 12px;}
.anserlist>dl dd.btns{margin-top: 15px;margin-bottom: 15px;text-align: right;}
.anserlist>dl dd.btns a{width:64px;height:25px;border:1px solid rgba(210,210,210,1);border-radius:13px;font-size:12px;color:rgba(146,154,160,1);display: inline-block;text-align: center;line-height: 25px;}
.anser-item{position: relative;padding-left: 50px;}
.anser-item .imgbox{width:35px;height:35px;overflow: hidden;border-radius: 50%;position: absolute;left: 0;}
.anser-item p{color: #525F6B;margin-bottom: 20px;}
.anser-item p span{font-size: 12px;}
.anser-item p span.done{color: #fff;background:linear-gradient(-90deg,rgba(25,219,189,1),rgba(91,220,187,1));padding: 2px 7px;border-radius: 10px 0;margin-left: 1em;}
.anser-item p span.n{color: #929AA0;margin-right: 1em;}
.anser-item p span.t{color: #C6CACD;}
.train-exam-state{position: absolute;right: 20px;top: 0;}
.train-exam-state a.btn-main-kx{}
.train-exam-state span{color: #fff;background:linear-gradient(-90deg,rgba(25,219,189,1),rgba(91,220,187,1));padding: 2px 7px;border-radius: 10px 0;}