/*前台页面样式*/
body {font-size: 14px;font-family: "Microsoft YaHei","微软雅黑";background-color: #F3F5F7;}
/*reset*/
html{ font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
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;}
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;}
*:focus{outline: none;}
.pager li > a:hover, .pager li > a:focus, .pagination > li a:hover, .pagination > li a:focus {background-color: #fff;border-color: #d02024;color: #d02024;box-shadow: inset 0 0 1px #d02024;z-index: 2;transition: border-color, 0.2s;}
/*自定义*/
.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 {clear: both;min-height: calc( 100vh - 258px )}
.must {color: #ff2400;}
.free {color: #57c6ae; }
.box {width: 1480px;  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%; object-fit: cover;    object-position: center;}

/*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;}

/*2021新版首页*/
.phoneIcon{background: url("/img/2021/sj.png") no-repeat left;    padding: 0 15px;}
.userIcon{background: url("/img/2021/user.png") no-repeat left;    padding: 0 15px;}
.indexTitle{position: relative;}
.itemMenu{display: inline-block;}
.itemMenu a{font-size: 14px;padding: 6px 12px;margin-left: 15px;color: #595959;border-radius: 18px;background: #FFFFFF;}
.itemMenu a.active{color: #FFFFFF;background: #CC1F0E;}
.newsCard{background:linear-gradient(180deg, #FBF7F1 0%, #FFFFFF 50%);border-radius: 10px;height: 425px;overflow: hidden;}
.newsCard .index-title{padding: 25px 30px 0;}
.newsCard .newsList{ background:url("/img/2021/news_bottom.png") repeat-x bottom; padding: 25px 30px;height: 100%;}
.newsCard .newsItem{position: relative;   padding: 0 0 12px 24px;}
.newsCard .newsItem::before{content: "";position: absolute;left: 0;    top: 5px;background: #FFFFFF;border-radius: 50%;border: 3px solid #D2D7D9; width: 11px;height: 11px;}
.newsCard .newsItem::after{content: "";position: absolute;width: 2px;    left: 4px;top: 14px;background:rgba(210, 215, 217, 0.3);height: 100%;}
.newsCard .newsItem h3{margin: 0 0 8px;font-size: 15px;line-height: 1.3;color: #2B3133;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsCard .newsItem span.date{color: #95A1A6;font-size: 14px;}
.newsCard .newsItem:hover{cursor: pointer;}
.newsCard .newsItem:hover h3{color: #BF3031;}
.newsCard .newsItem:hover::before{border: 3px solid #BF3031;}
.topicHis{width: 100%;overflow: hidden;}
.topicHis ul{height:300px;margin:0 auto;position:relative;overflow:hidden;}
.topicHis ul li{list-style:none;cursor: pointer;position:absolute;overflow:hidden;}
.topicHis ul li img{object-fit: cover; object-position: center;height: 300px;width: 100%;}
.topicHis ul li span{position: absolute;color: #fff; writing-mode: vertical-rl;background: rgba(0,0,0,0.5);width: 50px;height: 100%;left: 0;line-height: 50px;padding-top: 1em;letter-spacing: 2px;font-size: 16px;}
.topicHis ul li.active span{writing-mode: horizontal-tb;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));width: 100%;height: 60px;bottom:0;text-align: justify;padding-left: 1em;    letter-spacing: 0;text-overflow: ellipsis;}
.addressTag{color: #fff;border-radius: 0 10px 0 20px;font-size: 16px;background: linear-gradient(-90deg, #FE6E45 0%, #EE3320 100%);padding: 8px 18px;}
.allRadiusBox.teacherIndex{position: relative;padding: 20px;margin-top: 10px;}
.teacherIndex .addressTag{position: absolute;right: 0;top:0;}
.teacherIndex .zc{    font-size: 16px;padding: 8px 0 8px 20px;position: relative;left: -20px;color: #4C5359;    width: calc(100% + 20px);background: linear-gradient(90deg, #EFEFEF 0%, #FFFFFF 100%);}
.teacherIndex h3{    margin: 0 0 15px;font-size: 20px;}
.teacherIndex h3 span{font-size: 14px;margin-left: 10px;}
.teacherIndex h3 span i{display: inline-block;margin-right: 4px;}
.teacherIndex .info{line-height: 1.6;margin-right: 10px;top: 2px;position: relative;font-size: 14px;    margin-top: 15px;    height: 44.8px;overflow: hidden;}
.teacherIndex .info span{display: block;color: #95A1A6;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.teacherRow{min-height: 210px;}
.teacherRow .col-sm-3{height: 100%;}
.teacherRow .allRadiusBox.teacherIndex{height: 200px;}
.ztbBox{}
.ztbBox .imgbox{height: 180px;}
.boxInfo{padding: 20px;}
.boxInfo h3{font-size: 18px;    margin: 0 0 10px;font-weight: 500;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.boxInfo .time{    margin: 10px 0 0;color: #95A1A6;}
.boxInfo .time i{margin-right: 6px;}
.sInfo{padding: 20px 1em 8px;position: relative;margin-top: 10px;border-radius: 2px 5px 2px 2px;background: #FCFCFC;}
.sInfo i{position: absolute;left: 0;top: 0;font-size: 12px;}
.sInfo p{color: #7B7F83;
    line-height: 1.4;
    font-size: 14px;
    height: 39.2px;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-line-clamp: 2;text-align: justify;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.bxTag{
    color: #FFFFFF;    padding: 0px 6px;
    display: inline-block;
    border-radius: 5px 0px 5px 0px;
    background: #CC1F0E;}
.xxTag{
    color: #FFFFFF;    padding: 0px 6px;
    display: inline-block;
    border-radius: 5px 0px 5px 0px;
    background: #009E96;}
.allRadiusBox{background: #fff;padding: 1px;border-radius: 10px;box-shadow:  0px 0px 0px 0px rgba(50, 51, 51, 0.24);transition: all 0.2s;cursor: pointer;}
.allRadiusBox:hover{
    box-shadow: 0px 0px 20px 1px rgba(50, 51, 51, 0.24);}
.newsItem{position: relative;}
.jcItem{text-align: center;}
.jcItem:hover{
    background: linear-gradient(0deg, #FE6E45 0%, #ED2B22 100%);}
.centerIco{width: 60px;height: 60px;background: #FFF4EF;border-radius: 50%;margin: 30px auto 0;
    vertical-align: middle;
    position: relative;}
.centerIco img{    display: block;    position: relative;
    top: 12px;
    margin: auto;}
.jcItem:hover .centerIco{background: #fff;}
.jcItem h3{font-size: 17px;    margin: 20px 0;}
.jcItem:hover h3{color: #fff;}
.jcItem a{    font-size: 16px;    display: inline-block;
    margin-bottom: 30px;
    padding: 6px 17px;
    color: #CA1818;
    background: #FFFFFF;
    border-radius: 18px;
    border: 1px solid #CC1F0E;}
.jcItem:hover a{border: none;color: #CA1818;}
.indexAD .col-sm-12{margin-top: 40px;}
.indexAD a{display: block}
.indexAD a img{width: 100%;}

.dxRow .col-sm-4:nth-child(1) .t{background: url("/img/2021/bg01.png") no-repeat center;}
.dxRow .col-sm-4:nth-child(2) .t{background: url("/img/2021/bg02.png") no-repeat center;}
.dxRow .col-sm-4:nth-child(3) .t{background: url("/img/2021/bg03.png") no-repeat center;}
.dxRow .allRadiusBox{padding: 0;display: table;
    width: 100%;}
.dxRow .t{text-align: center;  display: table-row;}
.dxRow .t h3{text-shadow: 0px 0px 8px rgba(76, 51, 0, 0.69);font-size: 21px;color: #FFFFFF;
    display: table-cell;    height: 120px;
    width: 100%;line-height: 1.5;
    vertical-align: middle;
    padding: 0 30px;}
.dxRow .info{padding:20px 25px 0;}
.dxRow .info p{font-size: 18px;    margin-bottom: 20px;}
.dxRow .info p i{color: rgba(149, 161, 166, 1);margin-right: 10px;}
.dxRow .info p span{ float: right;}

.courseItem{padding: 15px 20px;cursor: pointer;}
.courseItem .imgbox{height: 170px;}
.courseItem h3{height: 50px;display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 400;    margin: 10px 0 5px;
    -webkit-line-clamp: 2;text-align: justify;
    overflow: hidden;
    line-height: 25px;
    font-size: 18px;}
.courseItem p{
    color: #95A1A6;}
.courseItem p i{font-style: normal;
    color: rgba(202, 24, 24, 1);}
.courseItem p span{margin-left: 20px;}



.goodCourseBox{background: #FFFFFF;border-radius: 10px;width: 100%;
padding: 30px 20px 0;    height: 300px;overflow: hidden;
}
.goodCourseItem{position: relative;padding: 25px 15px 25px 110px;cursor: pointer;width: 50%;margin-bottom: 30px;}
.goodCourseItem:hover{background: #FCFCFC;}
.goodCourseItem img{position: absolute;    left: 15px;top: 25px;width: 70px;}
.goodCourseItem h3{font-weight: 500;font-size: 17px;color: #000000;margin: 5px 0 10px;}
.goodCourseItem span{color: #95A1A6;    font-size: 16px;}
.goodCourseRow{    display: flex;flex-wrap: wrap;}




.redhead{
    background: #FFFFFF;
    box-shadow: 0px 2px 0px 0px #BF3031;}
/*脸*/
.headerBar{
    background: rgba(0,0,0,0.1);}
.headerBar .fr{display: flex;}
.headerBar .fr .sbtn{    width: 40px;height: 40px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #FE6E45;border-radius: 50%;text-align: center;
    line-height: 33px;margin: 20px 15px 0 0;}
.headerBar .fr .cbtn{    color: #F54A32;
    border: 1px solid #FE6E45;
    background: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    border-radius: 20px;
    width: 130px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    margin-right: 15px;}
.headerBar .fr .cbtn:hover{background: #fff;}
.redhead .headerBar .fr .cbtn:hover{background: rgba(245,74,50,0.1);}


.headerBar .fr .btn-main-orange{width: 100px;height: 40px;line-height: 40px;
    border-radius: 20px;text-align: center;margin: 20px 20px 0 0; }
header .logo{    float: left;    margin: 16px 20px 0;}
header .logoRed{    float: left;    margin: 16px 20px 0;display: none;}

header.redhead .logo{display: none;}
header.redhead .logoRed{display: block;}
header.redhead .headerBar{background: transparent;}

.indexNav{float: left;}
.indexNav ul{display: flex;    margin: 0;}
.indexNav li{    padding: 0 20px;}
.indexNav li:hover{background: rgba(0,0,0,0.15)}
.indexNav li a{font-size: 18px;color: #fff;    display: block;
    height: 80px;line-height: 80px;}
.indexNav li.active{}
.indexNav li.active a{border-bottom: 2px solid #fff; color: #fff;}
header.redhead .indexNav{margin-top: 25px;}
header.redhead .indexNav li{padding: 0;}
header.redhead .indexNav li:hover{border-radius: 5px;}
header.redhead .indexNav li a{color: #000;    font-size: 16px;
    display: block;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 18px;}
header.redhead .indexNav li.active a{background: #CC1F0E;color: #fff;}
header.redhead .txMenu .tx-bg p{color: #333;}
header{ height: 81px;transition: all 0.2s;position: relative;z-index:20;width: 100%;}
.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: #bc0108;border-bottom: 2px solid #bc0108;cursor: default;}
.btn-main{background: -webkit-linear-gradient(#d92a28, #c81d23); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#d92a28, #c81d23); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#d92a28, #c81d23); /* Firefox 3.6 - 15 */background: linear-gradient(#d92a28, #c81d23); /* 标准的语法 */ background-color: #d92a28;color: #fff;}
.btn-main:hover{background: -webkit-linear-gradient(#c81d23, #d92a28); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#c81d23, #d92a28); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#c81d23, #d92a28); /* Firefox 3.6 - 15 */background: linear-gradient(#c81d23, #d92a28); /* 标准的语法 */background-color: #c81d23;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{box-shadow:2px 3px 2px 0 #ddd;position: relative;width: 100%;    background: #fff;}
.navbox {height:90px;position: relative;}
.navbox .logo {float: left; margin-top: 25px;cursor: pointer;position: relative;width: 260px;}
.navbox .logo span{font-size: 15px;margin-left: 20px;top:10px;right: -177px;width:165px;position: absolute;text-align: justify;-moz-text-align-last: justify;text-justify: distribute-all-lines;display: block;}
.navbox .logo span i{display:inline-block;width:100%;}
.navbox .logo img{max-width: 100%;}
.mainnav ul {padding: 0;list-style: none;display:flex;justify-content: space-between;}
.mainnav ul li {height:45px;  line-height:45px;     text-align: center;    min-width: 90px;}
.mainnav ul li a {font-size: 18px;color: #bc0108;height:45px;line-height:45px;transition: all 0.2s;    padding-bottom: 10px;}
.mainnav ul li a:hover {text-decoration: none;}
.mainnav ul li:hover a {color: #bc0108;}
.mainnav ul li.active {background: #bc0108;}
.mainnav ul li.active a {color: #fff;cursor: default;}
.child-nav{background-color: #fff;text-align: center;height: 0;overflow: hidden;transition: height 0.2s;    display: block;}
.mainnav ul.child-nav{display: block;position: relative;top:-2px;}
.mainnav ul li:hover ul.child-nav{display: block;height: auto;position: relative;top: -2px;    width: 90px;}
.mainnav ul li:hover ul.child-nav a{color: #333;border-bottom: none;}
.mainnav ul li:hover ul.child-nav li.active a{color: #fff;}
.child-nav li{width: 100%;text-align: center;color: #333;}
.child-nav li.active{color: #bc0108;}
.child-nav li.active a{}
.navbox .fr{margin-top:23px;}
.navbox .topsearch {float: left;border-color: #bc0108;}
.navbox .topsearch button i{color: #bc0108;font-size: 16px;}
.topsearch {background: #fff;width:275px;height:40px;line-height:40px;border: 1px solid #ebebeb;padding-left: 20px;border-radius:50px;}
.topsearch input[type="text"] {border: none;height:40px;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: #c81d23;}
.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{background: rgba(255,255,255,1);position: absolute;right: 0;width: 440px;height: 375px;top: 0;z-index: 16;bottom: 0;left: 0;margin: auto;border-radius: 5px;}
.userbox button{text-align: center;width: 150px;height: 40px;border-radius: 20px;border: 1px solid;font-size: 16px;margin: 20px 11px 0;}
.userbox button i{padding: 4px 15px;}
.userbox button.btn-main i{background: url("/images/user-ico.png") no-repeat center;}
.userbox button.btn-cancel i{background: url("/images/quit-ico.png") no-repeat center;}
.userbox .imgbox{height: 80px;width: 80px;border-radius: 50%;top: -10px;margin: 0 auto;}
.userbox .tx-bg{background: url("/images/center_bg.png")  #667c9a; height: 110px;position: relative;}
.userbox .tx-bg p{text-align: center;color: #fff;font-size: 14px;}
.loginbox .logbox{padding: 20px 50px 0;}
.loginbox .logbox .btn-main{margin-bottom:16px;text-align: center;height: 46px;line-height:46px;border-radius: 23px;border: 1px solid;font-size: 16px;width:100%;}
.logbox .logline{width:100%;height: 46px;border: 1px solid #e1e1e1;background: #fff;border-radius: 23px;margin-bottom:15px;}
.logbox .logline input{height: 40px;border: none;background: #fff;width: 230px;padding: 0 0 0 10px; margin-top: 2px;}
.logbox .logline input:focus{outline: none;}
.logbox .logline label{color: #d31c1b;font-size: 18px;margin: 0 6px 0 20px;  display: block;  float: left;  height: 46px;  line-height: 40px;}
.loginbox .logbox a{margin:0 10px;}
.logbox .w{    margin: auto;
    width: 200px;box-shadow: 0 0 6px #e6e6e6;}
.logbox .w img{    width: 200px;
    height: 200px;
    object-fit: cover;}
.loginCodeText{    display: flex;
    width: 200px;
    margin:10px auto;}
.loginCodeText img{height: 24px;margin: 0 16px 0 0;}
.loginCodeText span{    color: #000;
    margin: 0 8px;}

.userbox ul{overflow: hidden;}
.userbox ul li{width: 50%;float: left;padding-left: 45px;height: 60px;line-height: 60px;border-bottom: 1px solid #dddcdc;position: relative;}
.userbox ul li:nth-child(1){background: url("/images/user01.png") no-repeat 15px;}
.userbox ul li:nth-child(2){background: url("/images/user02.png") no-repeat 15px;}
.userbox ul li:nth-child(3){background: url("/images/user03.png") no-repeat 15px;}
.userbox ul li:nth-child(4){background: url("/images/user04.png") no-repeat 15px;}
.userbox ul li:hover{background-color: #eee;}
.userbox ul li a span{font-size: 18px;color: #000;margin-right: 10px; float: right;}
.userbox ul li:after{content: "";background: #dddcdc;width: 1px;height: 60px;position: absolute;top: 0;right: 0;}
.userbox ul li:nth-child(2n):after{display: none;}
/*腿*/
footer {background: #37383a;  width: 100%;  line-height:24px;  font-size: 12px;text-align: center;padding: 60px 0;}
footer p{margin: 0;color: #a7a7a9;}
.papefooter{margin: auto;position: relative;
    padding: 0 0 0 170px;
    width: 650px;}
.papefooter dt{position: absolute;top:0;    border-right: 1px solid rgba(238, 238, 238, 0.2);
    padding-right: 55px;    left: 0;}
.papefooter dt img{margin: 0 0 12px;}
.papefooter dd{margin-left: 70px;color:#fff;font-size: 13px;text-align: left;    line-height: 30px;}
.papefooter dd span{margin-right:10px;}
.papefooter dd a{color:#fff;margin-right:10px;}
.papefooter dd a:hover{opacity: 0.6}
/*首页*/
@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 */}
}
.indexkind{height: 150px;}
.indexkind h1{writing-mode: vertical-lr;writing-mode: tb-lr;height: 150px;width: 45px;background: #525f6b;color: #fff;font-size: 14px;text-align: center;float: left;line-height: 45px;margin: 0;}
.indexkind ul{float: left;padding: 0;margin: 0;}
.indexkind li{float: left;height: 150px;padding-top:110px;width: 160px;position: relative;cursor: pointer;transition: background 0.3s;}
.indexkind li p{color: #333744;font-size: 16px;text-align: center;margin: 0;}
.indexkind li.lxxn{background: url("/images/button01.png") no-repeat center 15px;}
.indexkind li.dxjy{background: url("/images/button02.png") no-repeat center 15px;}
.indexkind li.zzll{background: url("/images/button03.png") no-repeat center 15px;}
.indexkind li.zcfg{background: url("/images/button04.png") no-repeat center 15px;}
.indexkind li.ywzs{background: url("/images/button05.png") no-repeat center 15px;}
.indexkind li.rwsy{background: url("/images/button06.png") no-repeat center 15px;}
.indexkind li.tjkd{background: url("/images/button07.png") no-repeat center 15px;}
.indexkind li:after{content: "";width: 1px;background: #ededed;height:80px;position: absolute; top:35px;right: 0;}
.indexkind li.tjkd:after{display: none;}
/*.indexkind li:hover{background-color: #eee;}*/
.indexkind li.lxxn:hover{background: url("/images/snav01.png") no-repeat center 15px;}
.indexkind li.dxjy:hover{background: url("/images/snav02.png") no-repeat center 15px;}
.indexkind li.zzll:hover{background: url("/images/snav03.png") no-repeat center 15px;}
.indexkind li.zcfg:hover{background: url("/images/snav04.png") no-repeat center 15px;}
.indexkind li.ywzs:hover{background: url("/images/snav05.png") no-repeat center 15px;}
.indexkind li.rwsy:hover{background: url("/images/snav06.png") no-repeat center 15px;}
.indexkind li.tjkd:hover{background: url("/images/snav07.png") no-repeat center 15px;}
/*新闻轮播*/
.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: #bc0108;margin: 5px;}
.dx-run{height: 200px;width: 568px;    background: #f8f8f8;padding: 12px;}
.dx-run .carousel-inner .item{padding: 0;cursor: pointer;overflow: hidden;}
.dx-run .item .imgbox{width: 279px;height:170px;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: 13px;margin: 0 0 8px;}
.dx-run .item-info h1{margin: 0 0 15px 0;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;}
.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: #bc0108;margin: 5px;}
.dx-run .item-info{height:170px;width: 260px;float: left;}
.main-banner{position: relative;height:500px; margin-bottom: 20px;}
/*margin-bottom: 20px;*/
/*.carousel-inner{background-color: #d7a957;}*/
.main-banner .carousel-inner .item{height:500px;padding-top: 0;width: 100%;}
.main-banner .carousel-indicators li{border: none;background: #c3c3c3;opacity:0.6;transition: all 0.2s;}
.main-banner .carousel-indicators li.active{opacity: 1;width: 16px;height: 10px;margin:5px;box-shadow: none;background: #fff;}
.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;}
.main-banner .leftControl,.main-banner .rightControl{    display: block;width: 80px;height: 60px;}
.main-banner .leftControl{
    background: url("/img/indexDbLbImg_03.png") no-repeat center;
}
.main-banner .rightControl{
    background: url("/img/indexDbLbImg_07.png") no-repeat center;
}
.main-banner .carousel-control-prev {left: 40px;}
.main-banner .carousel-control-next {right: 40px;}
.main-banner .carousel-control-prev,.main-banner .carousel-control-next{
    z-index: 9; position: absolute;transition: opacity 0.1s;
    display: block;width: 60px;height: 60px;opacity: 0.8;
    top: 0;bottom: 0;margin: auto;
}
.main-banner .carousel-control-prev:hover,.main-banner .carousel-control-next:hover{opacity:1;}
.specialItem{float: left;    width: 23%;margin-left: 20px;    margin-bottom: 20px;cursor: pointer;}
.specialItem img{object-fit: cover;object-position: center;}
.specialItem .imgbox{width: 100%;    height: 154px;}
.specialItem h3{font-size: 16px;
    margin: 0;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.special_list{}
.special_list li{font-size: 16px;padding: 14px 20px;    border-bottom: 1px dashed #e1e1e1;}
.special_list li i{color: #d86b6b;margin-right: 12px;}
.special_list li:hover{cursor: pointer;background: #f9f9f9;}
.tabs-bar{position: relative;}
.comnav {list-style: none;width: 100%;  overflow: hidden;  border-bottom: 1px solid #eaebed;  height: 52px;  padding: 0;    position: relative;    margin: 0;}
.comnav li {float: left;margin:0 0 0 20px}
.homepage .comnav li{margin:0;}
.comnav li a {color: #333;  font-size: 16px;    margin-right: 20px;  line-height: 50px;  display: inline-block;  height: 51px;}
.comnav li a i{display: inline-block;}
.comnav li a:active i{animation: rot 1s}
@keyframes rot {
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
@-moz-keyframes rot /* Firefox */
{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
@-webkit-keyframes rot /* Safari 和 Chrome */
{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
@-o-keyframes rot /* Opera */
{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
.comnav li:hover a{color: #c81d23;text-decoration: none;}
.comnav li.active a {color: #c81d23;  border-bottom: 2px solid #c81d23;  cursor: default; }
.exammain .comnav li.active a{color: #14448f;  border-bottom: 2px solid #14448f; }
.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;
    background: transparent;font-size: 14px;
    border-radius: 15px;border: none;color: #4C5359;font-weight: 400;}
.more-btn:hover{color: #c81d23;}
.index-news-list{margin: 0;width: 568px;background: #fff;border-top: 1px solid #e1e1e1;}
.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 p{color: #c81d23;}
/*.index-news-list li:last-child{border-bottom: none;}*/
.index-news-list li i{background: #e1e1e1;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;}
/*师资库*/
.xiala{position: relative;}
.xiala:after{content: "";background: url("/images/home/cart.png") no-repeat center;position: absolute;right: -33px;padding: 24px 15px;}
.sz-box{background: #fff;border: 1px solid #e1e1e1;display: flex;justify-content: space-around; margin-bottom:30px;margin-top: 15px;}
.sz-box .sz-item{width: 50%;padding:7px 40px;position: relative;cursor: pointer;    text-align: left;float: left;    min-height: 145px;}
.sz-item:nth-last-of-type(2n+1)::after{position: absolute;width: 1px;height:136px;background: #dadada;content: "";left: 0;top: 0;bottom: 0;margin: auto;}
.sz-item h5{font-size: 18px;color: #000;}
.sz-item p{margin-bottom: 6px;}
.sz-item p span{font-size: 12px;margin-right: 2em;}
.sz-item p i{padding: 4px 16px;}
.carousel{width: 100%;}
i.icon-sz1{background: url("/images/home/sz1.png") no-repeat left;width: 25px;height: 19px;}
i.icon-sz2{background: url("/images/home/sz2.png") no-repeat left;width: 20px;height: 15px;}
.sz-item p.info{color: #999;    width: 350px;}
.sz-item p.info span{display: block;line-height: 1.5;margin-bottom: 10px;}
.sz-item p.pr{position: absolute; right: 0;top:15px;}
.sz-item .zc{color: #666;}
.sz-menu{width: 265px;margin-top: 15px;}
.sz-menu li{text-align: center;background: #fff;border: 1px solid #e1e1e1;height: 38px;line-height: 38px;margin-bottom:5px;cursor: pointer;}
.sz-menu li.active{background: #bc0108;}
.sz-menu li.active a{color: #fff;}
.sz-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sz-list .sz-item{width: 49%;background: #fff;border: 1px solid #e1e1e1;position: relative;padding: 15px 30px;margin: 25px 0 0;cursor: pointer;}
.sz-list .sz-item::after{display: none;}
.sz-list .sz-item p.info{width: 100%;}
.sz-list .sz-item p.info span{margin: 0 0 10px 0;color: #999;display: block;line-height: 1.5;}
.carousel-indicators .active{margin: 4px;}
.sz-box .carousel-indicators .active{background:#bc0108;border:1px solid #bc0108}
.sz-box .carousel-indicators li{background: #dbdbdb;border:1px solid #dbdbdb}
.sz-bannerbox{height:200px;position: relative;text-align: center;width: 100%;overflow: hidden;}
.sz-bannerbox img{position: absolute;left: 50%;right: 0;margin-left: -1200px;}
ul.kindbox{display: grid;margin-top: 30px;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: repeat(1, 100%);
    grid-column-gap: 20px;}
ul.kindbox li{background: #fff;color: #000;height: 60px;line-height: 60px;padding: 0 25px;font-size: 14px;}
ul.kindbox li a{color: #000;}
ul.kindbox li.active{background: #cd2326;color: #fff;}
ul.kindbox li.active a{color: #fff;}
ul.kindbox li a i{padding: 15px 20px;display: inline-block;top: 8px;position: relative;}
.icon-all{background: url("/images/sz/k1.png") no-repeat left;}
.active .icon-all{background: url("/images/sz/k1a.png") no-repeat left;}
.icon-k1{background: url("/images/sz/k2.png") no-repeat left;}
.active .icon-k1{background: url("/images/sz/k2a.png") no-repeat left;}
.icon-k2{background: url("/images/sz/k3.png") no-repeat left;}
.active .icon-k2{background: url("/images/sz/k3a.png") no-repeat left;}
.icon-k3{background: url("/images/sz/k4.png") no-repeat left;}
.active .icon-k3{background: url("/images/sz/k4a.png") no-repeat left;}
.icon-k4{background: url("/images/sz/k5.png") no-repeat left;}
.active .icon-k4{background: url("/images/sz/k5a.png") no-repeat left;}
.icon-k5{background: url("/images/sz/k6.png") no-repeat left;}
.active .icon-k5{background: url("/images/sz/k6a.png") no-repeat left;}

.icon-sb0{background: url("/images/sanbai/tab01.png") no-repeat left;}
.active .icon-sb0{background: url("/images/sanbai/tab01_dwn.png") no-repeat left;}
.icon-sb1{background: url("/images/sanbai/tab02.png") no-repeat left;}
.active .icon-sb1{background: url("/images/sanbai/tab02_dwn.png") no-repeat left;}
.icon-sb2{background: url("/images/sanbai/tab03.png") no-repeat left;}
.active .icon-sb2{background: url("/images/sanbai/tab03_dwn.png") no-repeat left;}
.icon-sb3{background: url("/images/sanbai/tab04.png") no-repeat left;}
.active .icon-sb3{background: url("/images/sanbai/tab04_dwn.png") no-repeat left;}

.back{margin: 10px 0;display: block;}
.back i{color: #aaa; font-size: 30px;    margin-right: 15px;}
.back span{color: #939EA7;position: relative;top: -6px;font-size: 14px;}
.sz-col-item{position: relative;padding: 15px 30px;border:1px solid rgba(229, 229, 229, 1);}
.after-linebox{position: relative;}
.after-linebox::before{content: "";width: 1px;height: 40px;background:#e1e1e1;position: absolute;    left: 140px;top: 10px;}
.sz-col-item h6{position: relative;}
.sz-col-item h5{font-size: 24px;}
.sz-col-item h5 span{color: #666;font-size: 12px;margin-right: 2em;}
.sz-col-item p{margin-bottom: 10px;font-size: 14px;}
.sz-col-item p span{color: #666;font-size: 12px;margin-right: 2em;}
.sz-col-item i{padding: 4px 16px;    margin: 0 0 0 15px;}

.ys-item{background:rgba(245,247,248,1);min-height:150px;margin: 0 20px 20px;    overflow: hidden;}
.ys-item .col-sm-2{margin: 35px 0;}
.ys-item .col-sm-10{padding-left: 80px!important;}
.ys-item p{    margin: 10px 0 10px 20px;}
.ys-item p.dw{font-size:16px;font-weight:400;}
.ys-item p.kc{font-size:14px;}
.ys-item p i{padding: 4px 16px;}
.ys-item p.kc span{margin: 0 4px;}
.ys-item a.morel{position: absolute;top: 0;bottom: 0;margin: auto;font-size: 24px;height: 26px;left: 0;}
.ys-item a.morer{position: absolute;top: 0;bottom: 0;margin: auto;font-size: 24px;height: 26px;right: 30px;}
.icon-dw{background: url("/images/sz/dw.png") no-repeat left;}
.icon-kc{background: url("/images/sz/kc.png") no-repeat left;}
.data-item{position: relative;width: 50%;text-overflow: ellipsis;height: 75px;    padding-top: 12px;    float: left;padding-left: 15px;}
.data-item::before{content: "";width:1px;background:rgba(205,205,205,1);opacity:0.49;height: 100%;position: absolute;     left: 0;top: 0;}
.data-item::after{content: "";}
.data-item span.date{font-weight:400;font-size:16px;color:rgba(51,51,51,1);}
.data-item h4{font-weight:normal;font-size:12px;color:rgba(102,102,102,1); text-overflow: ellipsis;overflow: hidden;word-break: break-word;white-space: nowrap;}
.data-item span::before{content: "";width:9px;height:9px;background: #D32527;border-radius:50%;position: absolute;left: -4px;top: 16px;}
/*播放*/
.black-play{height: 530px;overflow: hidden;position: relative;}
.black-play .playbox{background: #000;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: #999;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:#d32125; }
.black-play .play_right .wareline.active{background:#323232;}
.black-play .play_right .wareline.active p{color:#d32125;}
.black-play .play_right a.toggle-btn{position: absolute;height: 64px;width:0;background: #fff;transition: all 0.2s;top: 233px;left:0;text-align: center;overflow: hidden;line-height: 64px;}
.black-play .play_right a.toggle-btn i{color: #666;}
.black-play .play_right a.toggle-btn:hover{background: #cecece;}
.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;height: 30px;padding-left: 20px;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;}
.black-play .play_right .wareline .scormmenu li:hover{background:#323232;color:#d32125;}
.black-play .play_right .wareline .scormmenu li.active{background:#323232;color:#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;left: 8px;position: relative;}
.email-inter a:hover{color:#c81d23; }
.email-inter label{color: #999;    display: block;font-size: 12px;text-align: center;}
.email-inter i.dot{position: absolute;border-radius: 50%;display: block;background: #c81d23;left: 20px;z-index: 1;
    font-size: 10px;color: #fff;font-style: normal;text-align: center;line-height: 16px;width: 16px;height: 16px;top: -10px;}
.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:20px;}
.center-top .data-show div p.perct{float: left;margin-left: 50px;font-size: 18px;text-align: center;}
.center-top .data-show div p.perct 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: #bc0108;}
.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;}
i.rate-ico{background: url("/images/rate-ico.png") no-repeat left;}
h1.card-title{font-size:16px;color:#bc0108; 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-rate-list{width: 568px;height: 210px;border-top: 1px solid #e1e1e1;overflow: hidden;background: #fff; }
.index-rate-list li{border-bottom: 1px dashed #ebebeb;padding:0 16px 0 50px;height:50px;cursor: pointer;position: relative;}
/*.index-rate-list li:last-child{border-bottom: none;}*/
.index-rate-list li:hover p{color:#bc0108;}
.index-rate-list li i{height: 22px;width: 22px;display: inline-block;color: #fff;border-radius: 2px;text-align: center;font-weight: bold;position: absolute;  left:10px;  top: 16px;line-height: 22px;    background: #a8afb5;}
.index-rate-list li:nth-child(1) i{background: #bc0108;}
.index-rate-list li:nth-child(2) i{background: #e6a10d;}
.index-rate-list li:nth-child(3) i{background: #72a1c9;}
.index-rate-list li:nth-child(4) i{background: #a8afb5;}
.index-rate-list li p{font-size:14px;color: #000;margin: 0;line-height: 52px;width: 66%;}
.index-rate-list li span{font-size: 12px;color: #999;position:absolute;right: 25px;top:17px;}
.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);}
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;margin: 40px 0 20px;}
.index-title h3{font-size: 23px;color:#333;display: inline;    margin: 0;line-height: 35px;}
.index-title h3.active{color: #c81d23;font-size: 20px;}
.index-title.with-bb h3.active{border-bottom: 2px solid #c81d23;    padding-bottom: 4px;}
.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: #c81d23;}
.index-title ul li:hover a{text-decoration: none;color: #c81d23;}
.index-title button.more-btn{position: absolute;right:0;top:6px;}
.index-title ul:before{content: "";height: 1px;background: #e1e1e1;width: 480px;left: -460px;  top: 22px;position: absolute;display: none;}
.index-title ul:after{content: "";height: 1px;background: #e1e1e1;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: #c81d23;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 #bc0108;color: #bc0108;background:transparent;}
.btn-red:hover{background: #bc0108!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 .index-title h3.active{    border-bottom: 2px solid;
    padding-bottom: 4px;}
.friendlink .imglink a{margin: 0 3px;}
.imglinkflex{display: flex;justify-content: space-between;padding: 30px 0 0}
.imglinkflex a{padding: 10px;  box-shadow: 2px 2px 8px #ddd;}
.yqlj_nr_wz {width: 1140px;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;}
.note-item:hover h1{color: #bc0108;}
button:focus{outline: none;}
.course-item{float: left;margin: 10px;width: 265px;position: relative;top:0;background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(3,20,55,0.05);}
@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;}
}
.course-item:hover,.zt-item:hover{box-shadow: 0 0 5px 0 #eee;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: 265px;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 .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{border:solid #e1e1e1;border-width: 0 1px 1px 1px;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;}*/
.index-zt-list{height: 330px;overflow: hidden;}
.index-zt-list .zt-item{margin: 15px 18px;    width: 365px;}
.index-zt-list .zt-item .imgbox{width: 100%; height: 215px;}
.index-zt-list .zt-item::before{background: url("/images/home/zt_tag.png") no-repeat center;display: inline-block;width: 76px;height: 26px; position: absolute;z-index: 1;top: -7px;}
.index-zt-list .zt-item .item-info{  border: none;padding: 10px 0;}
.index-zt-list .zt-item .item-info p{margin: 5px 0;}
.index-zt-list .zt-item .item-info h1{ line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 4px;font-size: 15px;display: table-cell;vertical-align: middle;}
.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 #e1e1e1;border-width: 0 1px 1px 1px;padding: 10px 10px 10px 10px;}
.cjwt-list .index-news-list li i{color: #bc0108;background: transparent; margin: 0 12px 0 0;  font-style: normal;}
.class-ico{background: url("/images/class-ico.png") no-repeat left;}
.index-stb-list{width: 568px;border: 1px solid #e1e1e1;}
.index-stb-list .stb-item{margin: 0;border: none;background: #fff; float: none;height: 230px;padding: 15px;}
.index-stb-list .stb-item .imgbox{width: 279px;height: 200px;}
.index-stb-list .stb-item .item-info{height: 210px;width: 230px;}
.stb-item{float: left; width: 550px;margin: 10px;cursor: pointer;position: relative;top:0;border: 1px solid #e1e1e1;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{border: 1px solid #bc0108;background: url("/images/stb1.jpg") no-repeat center #fff;}
.stb-item .func-btns div.kcyx{border: 1px solid #f4bd15;background: url("/images/stb2.jpg") no-repeat center #fff;}
.stb-item .func-btns div.wjdy{border: 1px solid #636c8e;background: url("/images/stb3.jpg") no-repeat center #fff;}
.stb-item .func-btns div.wyqj{border: 1px solid #f37715;background: url("/images/stb4.jpg") no-repeat center #fff;}
.stb-item .func-btns div.rckh{border: 1px solid #4b88cd;background: url("/images/stb5.jpg") no-repeat center #fff;}
.stb-item .func-btns div.jykh{border: 1px solid #ae69c8;background: url("/images/stb6.jpg") no-repeat center #fff;}
.stb-item .func-btns div.cgw{border: 1px solid #85b028;background: url("/images/stb7.jpg") no-repeat center #fff;}
.stb-item .func-btns div.bjkj{border: 1px solid #f84b57;background: url("/images/stb8.jpg") no-repeat center #fff;}
.stb-item .func-btns div.gd{border: 1px solid #f84b57;background: url("/images/stb9.png") no-repeat center #fff;}
.stb-item .func-btns div.tzd:hover{background: #bc0108;}
.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 #e1e1e1;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 #e1e1e1;border-bottom: 10px solid transparent;display: block;position: absolute;left: -13px;bottom:40%;}
.stb-item .func-btns div.gd:hover ul li:hover{color:#bc0108;}
.sclass-menu{width: 260px;float: left;}
.sclass-list{width: calc(100% - 280px);float: right;position: relative;}
.sclass-menu .index-rate-list{width: 260px;margin: 0;border: none;height: auto;}
.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: 130px;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 .num5{ border: 9px solid transparent!important;}
.zt-kind p{font-size: 14px;color: #333;margin:0 0 10px;}
.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;}
.zt-banner1{background:url("/images/zt-banner1.jpg") no-repeat center;height: 180px;}
.zt-banner2{background:url("/images/zt-banner2.jpg") no-repeat center;height: 180px;}
.zt-banner3{background:url("/images/zt-banner3.jpg") no-repeat center;height: 180px;}
.link-ico{background: url("/images/link-ico.png") no-repeat center;background-size: 14px;}
.gbyx-show{width: 568px;height: 230px;background: #fff;border: 1px solid #e1e1e1;}
.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 #e1e1e1;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: #c81d23;color: #c81d23;}
.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: #c81d23;color: #fff;background-color:#c81d23; }
.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: #c81d23;font-weight: bold;display: inline-block;width: 160px;line-height: 50px;float: left;}
.imglink{border-top: 1px solid #e1e1e1;padding-top: 10px;}
/*注册*/
.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 #c81d23;color: #c81d23;}
.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: #e1e1e1;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 label {text-align: right;font-size: 14px;line-height: 40px;}
.registerbox form.form-horizontal label.control-label{padding-top: 0;margin-left: 10px;}
form.form-horizontal .form-group {height: 50px;margin-bottom: 10px;clear: both;}
form.form-horizontal .form-group input,form.form-horizontal .form-group select{border: 1px solid #e1e1e1;background: #fff;width: 100%;display: inline-block;  padding-left: 1em;  height:34px;}
form.form-horizontal .form-group textarea{border: 1px solid #e1e1e1;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 input[type="radio"] {border: 1px solid #eaebed; margin-top: 0;background: #f6f6f6;width:auto;padding-left: 1em;height: 40px;}
form.form-horizontal .form-group button.btn-main {width:400px;color: #fff;height:50px;border-radius: 25px;border: none;}
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: #c81d23;border: 1px solid #c81d23;padding: 3px 10px;border-radius: 50px;}
.kx-btn:hover{ color: #c81d23;}
/*课程*/
.good-search{/*background: url("/images/search-bg.jpg") center no-repeat;*/background:#e3e3e3;height:70px;position: relative;margin: 20px 0;}
.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: #fff;margin-right: 8px;}
.search-bar input{/*border-radius: 50px;*/width: calc(100% - 100px);height:40px;border: none;background: #fff;padding: 0 0 0 20px;float: left;}
.search-bar button{/*border-radius:50px;*/color: #fff;font-size: 15px;height: 40px;line-height:40px;width: 100px;    border: none;
    background: linear-gradient(90deg, #FE6E45 0%, #ED2B22 100%);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 {background: #fff;margin-top: 20px;padding: 0 15px 0 15px;}
.coursemenu .menuline {border-bottom: 1px solid #eaebed;overflow: hidden;padding: 15px 0;}
.coursemenu .menuline h4 {font-size: 14px;display: inline-block;float: left;margin: 6px 0;width: 100px;color: #7d8790;text-align: right;padding-right: 20px;}
.coursemenu .menuline div{float: left;line-height: 26px;width: 90%;}
.coursemenu .menuline div a{color: #2a343e;padding: 4px 8px;border-radius: 50px;margin-right: 10px;}
.coursemenu .menuline div a.active{background: #c81d23;color: #fff;cursor: default;}
.coursemenu .menuline div a.active:hover{background: #c81d23;color: #fff;}
.coursemenu .menuline div a:hover {text-decoration: none;color: #c81d23;}
.coursemenu .menuline div input {height: 30px;line-height: 30px;width: 65px;border: 1px solid #eaebed;margin: 0 6px;}
.coursemenu .menuline div .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: 16px;width: 100px;border-radius:17px;float: right; margin-right: 10px;margin-top: 7px;margin-bottom: 7px;color: #fff;height: 34px;border: transparent;}
.edit_box span.type-text-count {position: absolute;right: 10px;top: 5px;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 dd.date{padding-bottom: 5px;border-bottom: 1px solid #eaebed;margin-top: 10px;line-height: 24px;}
.coment_item dd.date b{display: inline-block;position: relative;width:16px;height: 16px;cursor: pointer;margin-left: 6px;}
.coment_item dd.date b.n{background: url('../img/dan/zan_sn.png') no-repeat center;background-size: cover;}
.coment_item dd.date b.y{background: url('../img/dan/zan_sy.png') no-repeat center;background-size: cover;}
.coment_item dt i.glyphicon{color: #8b8b8b;}
.coment_item dd {position: relative;left: 70px;width: 760px;}
.coment_item dd.coment_info{margin-top: 10px;line-height: 24px;}

.coment_item dd div {display: inline-block;}
.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 #e1e1e1;}
.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: #c81d23;*/}
.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: #c81d23;}
.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: 250px;background: #fff;margin-bottom: 20px;}
.centermenu .centerbg {position: relative;background: url("/images/center_bg.png") no-repeat;background-size: cover;/*background-color:#c81d23;*/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: #c81d23;*/}
.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;}
.centermenu ul{list-style: none;padding: 0;margin: 0;}
.centermenu ul li{height: 50px;line-height: 50px;background: #fff;}
.centermenu ul li a{color: #000;display: block;font-size: 16px;background-position: 18%;background-repeat: no-repeat;padding-left: 35%;line-height: 48px;}
.centermenu ul li:hover{  background-color: #e6e8ed;}
.centermenu ul li.active a {background-color: #e6e8ed;}
.centermenu ul li:nth-child(1) a {background-image: url("/images/center01.png");}
.centermenu ul li:nth-child(2) a {background-image: url("/images/center02.png");}
.centermenu ul li:nth-child(3) a {background-image: url("/images/center03.png");}
.centermenu ul li:nth-child(4) a {background-image: url("/images/center04.png");}
.centermenu ul li:nth-child(5) a {background-image: url("/images/center05.png");}
.centermenu ul li:nth-child(6) a {background-image: url("/images/center06.png");}
.centermenu ul li:nth-child(7) a {background-image: url("/images/center07.png");}
.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 {margin-bottom: 20px;min-height: 482px; position: relative;padding-bottom: 20px;}
.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: #c81d23;*/}
.centermain .coursehis .courseitem .progress-bar span{position: absolute;right: -40px;top: -18px;/*color: #c81d23;*/  }
.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;}
.examtipbox button {width: 120px;height: 40px;background: #c81d23;border-radius: 20px;color: #fff;margin: 40px 8px 10px;}
.examtipbox button:nth-child(2){border: 1px solid #c81d23;color: #c81d23;  background: #fde1d9;}
.examtipbox button:nth-child(1):hover{background: #c81d23;}
.examtipbox button:nth-child(2):hover{color: #fff;background: #c81d23;}
.examtipbox .tipbox {padding-bottom: 20px;max-height:365px;overflow: auto;}
.examtipbox .tipbox .indexes {overflow: hidden;margin-top: 10px;}
.examtipbox .tipbox a {width: 40px;color: #666;height: 40px;line-height: 40px;text-align: center;border: 1px solid #eaebed;margin-left: 15px;margin-top: 10px;float: left;display: inline-block;  }
.examtipbox .tipbox a.wrong{color: #fff;background:#ff2400; }
.examtipbox .tipbox a.right{color: #fff;background: #57c6ae;}
.examtipbox .tipbox a.active {background: #c81d23;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: 8px 8px 0;text-align: center;}
.textlist {padding: 20px 20px 20px 20px;min-height: 400px;}
label.fix-option{float: left;width: 90%;}
.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;}
.simple-subject label:hover{background: #f4f4f4;}
.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 {position: relative;clear: both;width: 1170px;margin: 20px auto 0;}
.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: 200px;background: url("/images/no_Data.png") center center no-repeat;background-size: 120px;}
.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 #e1e1e1;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: #e1e1e1;}
.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;}
.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;}
.question_type_00{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px;background: #9370bb;}
.question_type_01{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px;background: #56abe4;}
.question_type_02{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px; background: #f4d214;}
.question_type_03{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px; background: #e37e94;}
.question_type_04{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px; background: #4ae3a5;}
.question_type_05{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px; background:#ea8010;}
.question_type_06{border-radius: 50%;width: 24px;margin-top: 8px;margin-left: 8px;height: 24px;line-height: 24px;overflow: hidden;display: inline-block;color: #fff; padding-left: 5px; background: #ea434e;}
.subject_item .question_t{ font-size: 14px;color: #000;line-height: 24px;text-align: justify;float: left;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:last-child{border-bottom: none;}
.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: #c81d23;*/
.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: 54px;height: 54px;margin-bottom: 15px;position: relative;
    cursor: pointer;background-color: #c81d23;    color: #fff;
    font-size: 12px;
    text-align: center;}
.fixed li:hover{background-color: #5a6c90;}
.fixed li i{display: block;height: 25px;    position: relative;
    top: 7px;margin-bottom: 8px;}
.codeico{background: url("/images/fix01.png") no-repeat center;}
.totopico{background:url("/images/fix04.png") no-repeat center; }
.contactmeico{background:url("/img/2021/sj2.png") no-repeat center;}
.helpico{background:url("/images/fix05.png") no-repeat center;}
.poptip{position: absolute;width: 200px;height: 80px;border: 1px solid #e1e1e1;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: 54px;top: 0;}
.qcode:hover .codebox{height: 250px;width: 220px;border: 1px solid #e1e1e1;}
.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: 54px;top: 0;}
.qnum:hover .numbox{    height: 155px;text-align: left;
    width: 320px;border: 1px solid #e1e1e1;padding:12px;
    background: -webkit-linear-gradient(#d92a28, #c81d23);
    background: -o-linear-gradient(#d92a28, #c81d23);
    background: -moz-linear-gradient(#d92a28, #c81d23);
    background: linear-gradient(#d92a28, #c81d23);
    background-color: #d92a28;}
.qnum .numbox p{line-height: 32px;font-size: 14px;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:#bc0108;}
.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:#bc0108;}
.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:#bc0108;}
.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:#bc0108;border-left-color:#bc0108!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;}
.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;}
.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: #e1e1e1;}
.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:nth-child(1){background: url("/images/home/help_tab01.png") no-repeat 50px;}
.problem-nav li:nth-child(2){background: url("/images/home/help_tab02.png") no-repeat 50px;}
.problem-nav li:nth-child(3){background: url("/images/home/help_tab03.png") no-repeat 50px;}
.problem-nav li:nth-child(4){background: url("/images/home/help_tab04.png") no-repeat 50px;}
.problem-nav li:nth-child(5){background: url("/images/home/help_tab05.png") no-repeat 50px;}
.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 #e1e1e1;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;}
.course-menu ul li{height:89px;cursor: pointer;border-bottom: 1px solid #e1e1e1;}
.course-menu ul li:nth-child(1){background: url("/images/home/tab01.png") no-repeat 40px;}
.course-menu ul li:nth-child(2){background: url("/images/home/tab02.png") no-repeat 40px;}
.course-menu ul li:nth-child(3){background: url("/images/home/tab03.png") no-repeat 40px;}
.course-menu ul li:nth-child(4){background: url("/images/home/tab04.png") no-repeat 40px;}
.course-menu ul li:nth-child(5){background: url("/images/home/tab05.png") no-repeat 40px;}
.course-menu ul li:nth-child(6){background: url("/images/home/tab06.png") no-repeat 40px;}
.course-menu ul li:nth-child(7){background: url("/images/home/tab07.png") no-repeat 40px;}
.course-menu ul li a{ padding-left: 100px;height: 48px;font-size: 15px;color: #434343;vertical-align: middle;align-items: center;display: table-cell;position: relative;  top:18px;  width: 245px;}
.course-menu ul li.active{border-left: 4px solid #c81d23;}
.course-menu ul li:nth-child(1).active{background: url("/images/home/tab01_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(2).active{background: url("/images/home/tab02_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(3).active{background: url("/images/home/tab03_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(4).active{background: url("/images/home/tab04_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(5).active{background: url("/images/home/tab05_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(6).active{background: url("/images/home/tab06_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(7).active{background: url("/images/home/tab07_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:hover{border-left: 4px solid #c81d23;}
.course-menu ul li:hover a{color: #c81d23;}
.course-menu ul li.active a{color: #c81d23;}
.course-menu ul li:nth-child(1):hover{background: url("/images/home/tab01_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(2):hover{background: url("/images/home/tab02_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(3):hover{background: url("/images/home/tab03_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(4):hover{background: url("/images/home/tab04_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(5):hover{background: url("/images/home/tab05_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(6):hover{background: url("/images/home/tab06_dwn.png") no-repeat 40px #f3f3f4;}
.course-menu ul li:nth-child(7):hover{background: url("/images/home/tab07_dwn.png") no-repeat 40px #f3f3f4;}
.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: 1040px;max-height:710px;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: 22px;width: 100%;text-align: right;color: #fff;background: rgba(0,0,0,0.7);padding-right: 10px;line-height: 50px;}
.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;}
/*.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;height: 52px;padding: 0;position: absolute;background: #fff;width: 100%;z-index: 1000;}
.fixnav li{float: left;padding: 0 15px;}
.fixnav li a {color: #333;font-size: 16px;line-height: 50px;display: inline-block;height: 51px;padding: 0 5px;}
.fixnav li.active a {color: #c81d23;border-bottom: 2px solid #c81d23;cursor: default;}
.helplist{width: 260px;    border: 1px solid #e1e1e1;transition:top 0.2s}
.helplist h1{padding-left: 20px;}
.helplist ul li a{cursor: pointer!important;display: block;font-size:14px;}
.helplist ul li ul{display: none;}
.helplist>ul>li:nth-child(1)>a{background: url(/images/help1.png) no-repeat 40px;background-size:28px; }
.helplist>ul>li:nth-child(2)>a{background: url(/images/help2.png) no-repeat 42px;background-size:25px;}
.helplist>ul>li:nth-child(3)>a{background: url(/images/help3.png) no-repeat 42px;background-size:25px;}
.helplist>ul>li:nth-child(4)>a{background: url(/images/help4.png) no-repeat 42px;background-size:25px;}
/*.helplist>ul>li.active,.helplist>ul>li:hover{background-color:#f3f3f4; }*/
.helplist>ul>li:nth-child(1).active>a{background: url(/images/help1a.png) no-repeat 40px ;background-size:28px;}
.helplist>ul>li:nth-child(2).active>a{background: url(/images/help2a.png) no-repeat 42px ;background-size:25px;}
.helplist>ul>li:nth-child(3).active>a{background: url(/images/help3a.png) no-repeat 42px ;background-size:25px;}
.helplist>ul>li:nth-child(4).active>a{background: url(/images/help4a.png) no-repeat 42px ;background-size:25px;}
.helplist>ul>li:nth-child(1):hover>a{background: url(/images/help1a.png) no-repeat 40px ;background-size:28px;}
.helplist>ul>li:nth-child(2):hover>a{background: url(/images/help2a.png) no-repeat 42px ;background-size:25px;}
.helplist>ul>li:nth-child(3):hover>a{background: url(/images/help3a.png) no-repeat 42px ;background-size:25px;}
.helplist>ul>li:nth-child(4):hover>a{background: url(/images/help4a.png) no-repeat 42px ;background-size:25px;}
.helplist>ul>li>a{line-height: 50px;padding-left: 90px;font-size: 15px;color: #434343;}
.helplist>ul>li.active>a{border-left: 4px solid #c81d23;}
.helplist>ul>li.active>a{color:#c81d23; }
.helplist>ul>li.active ul{display: block;}
.helplist>ul>li.active ul li a{line-height: 34px;padding-left:90px;}
.helplist>ul>li.active ul li.active a,.helplist>ul>li.active ul li:hover a{background-color: #eee;color:#c81d23;}
.helpmain{min-height: 332px; }
.helpmain article{}
.helplist>ul>li ol{background-color: #f3f3f4;}
.helplist>ul>li ol li{height: 50px;line-height: 50px;position: relative;padding-left:90px;}
.helplist>ul>li ol li:before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #999;top: 22px;left: 56px;}
.helplist>ul>li ol li.active:before{background: #c81d23;}
.helplist>ul>li ol li.active{color:#c81d23;}
.helplist>ul>li ol li.active a{color:#c81d23;}
.fixbox{background: #fff;height:135px;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: #c81d23 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 .answerline .tac img{max-width: 100%;}
.helpmain .panel-group.accordion .panel-title{border-left: #c81d23 3px solid;}
.helpmain .panel-group.accordion .panel-title a[aria-expanded="true"]{background: #c81d23;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: #c81d23;height: 4px;}
.l-jd b{color: #c81d23;position: absolute;right: -45px;top: -6px;font-size: 12px; font-weight: normal;}
.mp3box{height: 530px;position: relative; color: #fff;}
.mp3box a{color: #fff;font-size: 30px;    padding: 13px 16px;}
.mp3box img{height: 100px;width: 150px;position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;}
.mp3box .bar-c{position: absolute;height: 65px;bottom:0;left: 0;    display: flex;}
.mp3box .bar-c .slider-s{width: 600px; left: 20px;}
.mp3box .bar-c .slider-s .noUi-base {width: 100%;height: 100%;position: relative;z-index: 1;}
.noUi-background {background: #FAFAFA;box-shadow: inset 0 1px 1px #f0f0f0;}
.mp3box .bar-c .slider-s .noUi-connect{background:#c81d23;}
.mp3box .bar-c .noUi-horizontal {height: 6px;    top: 28px;}
.mp3box .bar-c .noUi-horizontal .noUi-handle {width: 30px;height: 22px;top: -9px;}
.mp3box .bar-c span{line-height: 65px;}
.noUi-target{border:none;}

.icon-lxsj{background: url("/images/cy/lxsj.png") no-repeat center;padding: 24px 15px;display: block;}
.icon-cts{background: url("/images/cy/cts.png") no-repeat center;padding: 24px 15px;display: block;}
.icon-jxlx{background: url("/images/cy/jxlx.png") no-repeat;}
.icon-ckct{background: url("/images/cy/ckct.png") no-repeat;}
.icon-cxcy{background: url("/images/cy/cxcy.png") no-repeat;}
.icon-djxq{background: url("/images/cy/djxq.png") no-repeat;}
.two-btn-box,.four-btn-box{display: flex;border-top:1px solid #e6e6e6;}
.two-btn-box a{width: 50%;height: 60px;line-height: 60px;text-align: center;position: relative;font-size: 18px;display: block;    font-weight: bold;}
.two-btn-box a i{padding: 2px 20px;}
.two-btn-box a:first-child{border-right:1px solid #e6e6e6;}
.four-btn-box a{width:25%;height: 60px;line-height: 60px;text-align: center;position: relative;font-size: 15px;display: block;border-right:1px solid #e6e6e6;}
.four-btn-box a i{padding: 2px 20px;}
.four-btn-box a:last-child{border-right: none;}

.result-box{text-align: center;}
.result-box .fl,.result-box .fr{width: 160px;}
.result-box .e-progress{margin: auto;float: none;}
.result-box i{margin: 15px 0;}
.result-box b{font-size: 20px;}
.result-box .cball{ padding-top: 15px;width: 120px;height: 120px;border-radius:50%; border:2px solid rgba(37,194,122,1);text-align: center;font-size: 18px;color: #666;margin: 15px auto;}
.result-box .cball p{color: #39C786;font-size: 30px;    font-weight: bold;}

.exam_left{position:absolute;width:270px;top:0;background-color: #fff;}
.exam_left ul,.exam_left li{list-style: none;margin:0;padding: 0;}
.exam_left li{padding:24px 20px;cursor: pointer;border-bottom:1px solid #e5e8ed;text-align: center;font-size: 18px;    position: relative;}
.exam_left li i{padding: 20px 20px;position: absolute;left: 60px;    top: 25px;}
.exam_left li.active{background-color: #e5e8ed;}
.exam_right{margin-left: 290px;background-color: #fff;}
.exam_right p.h{padding:10px 24px;border-bottom: 1px solid #EBEBEB;color: #D52225;font-size: 16px;}
.exam_right p.h i{ margin: 0 10px 0 0;}

.sortone_list{padding:24px 0 24px 24px;position: relative;display: flex;flex-wrap: wrap;}
.sortone{ width: 22%;margin: 0 3% 20px 0;display: table;    padding: 26px;
    border-radius: 10px;cursor: pointer;
    overflow: hidden;}
.sortone:nth-child(8n+1){background: url("/images/exam/bg01.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n+2){background: url("/images/exam/bg02.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n+3){background: url("/images/exam/bg03.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n+4){background: url("/images/exam/bg04.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n+5){background: url("/images/exam/bg05.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n+6){background: url("/images/exam/bg06.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n+7){background: url("/images/exam/bg07.png") no-repeat bottom;background-size: cover;}
.sortone:nth-child(8n){background: url("/images/exam/bg08.png") no-repeat bottom;background-size: cover;}
.sortone p{color: #fff;position: relative;font-size: 18px;    display: table-cell;vertical-align: middle;
    line-height: 24px;height: 72px;}
.sortone p span{position: relative;    display: inline-block;}
.sortone p span::before{width: 1em;height: 2px;background: #fff;content: '';position: absolute;top: -10px;left:0;
transition: width 0.2s;}
.sortone:hover p span::before{width: 100%;}

.sort_list>div:hover{background:#FAF1F1;color:#D32125;border-color:#FAF1F1; }

.sort_list{padding:24px;position: relative;}
.sort_list>div{border:1px solid #eee;padding:20px;margin-bottom:20px;cursor: pointer;}
.sort_list>div label{margin: 0;}
.sort_list>div.active{background-color: #eee;}
.sort_list>div.active label{color:#D52225;}
.sort_list>div i{display: none;position: absolute;right:0;top:0;padding:3px 15px;background-color: #ccc;color:#888; font-style: normal;cursor: pointer;font-size:13px;}
.sort_list>div:hover i{display: block;}

.icon-sj{background: url("/images/cy/icon-sj.png") no-repeat;}
.icon-mn{background: url("/images/cy/icon-mn.png") no-repeat;}
.icon-ct{background: url("/images/cy/icon-ct.png") no-repeat;}
.icon-sc{background: url("/images/cy/icon-sc.png") no-repeat;}
.icon-zx{background: url("/images/cy/icon-zx.png") no-repeat;}

.popexam .flex-data{display: flex;    margin-top: 25px;}
.popexam .flex-data li{text-align: center;color: #999;width: 33%;}
.popexam .flex-data li b{display: block;font-size: 24px;color: #000;font-weight: normal;    margin-top: 7px;}
.popexam .flex-data li b.green{color:#39C786; }
.popexam .flex-data li b.red{color: #D52225;}

.exambar{background: url("/images/cy/tip.png") no-repeat #fff 60px !important;position: relative;height: 100px;padding-left: 220px;border:1px solid rgba(230,230,230,1);margin: 40px 0 0!important;}
.exambar::before{position: absolute;content: "";width: 1px;height: 60px;background: #e6e6e6;left: 180px;top: 20px;}
.exambar h2{color: #d21c1b;font-size: 26px;max-width: 650px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;}
.exambar p{color: #999;font-size: 14px;}
.exambar p span{margin-right: 20px;}
.exambar p i{color:#d21c1b; font-style: normal;margin: 0 2px;}
.exambar .btn-main{line-height: 42px;width: 160px;border-radius: 50px;font-size: 16px;padding: 0;position: absolute;right: 46px;top: 30px;}
.exambar .btn-main i{margin-left: 4px;}

.jiexi{position: relative;padding:20px 20px;background-color: #fff;clear: both;}
.jiexi i{position: absolute;right:20px;top:10px;width:26px;height:26px;}
.jiexi .an{color:#333;}
.jiexi .jx{color:#333;line-height: 1.6;text-align: justify;}
.jiexi.r i{background:url('/images/right_ico.jpg') no-repeat;}
.jiexi.w i{background:url('/images/wrong_ico.jpg') no-repeat;}
.jiexi b{margin-right: 4px;}
.jiexi h6{color: #999;position: relative;text-align: center;overflow: hidden;font-size: 14px;}
.jiexi h6::before{    content: "";height: 1px;width: 44%;background: #eee;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.jiexi h6::after{   content: "";height: 1px;width: 44%;background: #eee;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}

.ban{background:rgba(249,249,249,1);box-shadow:0 3px 2px rgba(160,160,160,1);border-radius:20px;display: flex;flex-wrap: wrap;position: relative;
    justify-content: space-between;padding: 20px;}
.ban .ban-item{position: relative;width: 48%; padding: 0 20px 10px;}
.ban-item i{position: absolute;width:26px;display: block;    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    line-height: 26px;color: #fff;height:26px;background:rgba(189,0,19,1);top: 16px;
    border-radius:50%;font-size:18px;font-family:PingFangSC-Medium;font-weight:500;}
.ban-item h2{position: relative;font-size:18px;font-family:PingFangSC-Medium;font-weight:500;color:rgba(0,0,0,1);padding-left: 40px;display: inline-block;
    line-height: 1.6;
    margin: 15px 0 6px 0;}
.ban-item h2.done::after{    position: relative;
    content: "";
    top: 3px;
    background: url(/images/zt/done.png) no-repeat;
    display: inline-block;
    width: 48px;
    height: 18px;
    left: 12px;}
.ztpage{background: url("/images/zt/tbg.png") no-repeat center -14px,url("/images/zt/bbg.png") no-repeat bottom #fff;
    background-size: contain;padding-bottom: 100px;}
.ban-item p{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(102,102,102,1);    word-break: break-all;}
.ban-item p span{margin-right: 1em;}
.ban-item:hover{background:rgba(189,0,19,0.08);cursor: pointer;border-radius:20px;}
.ban-item:hover h2{color: #CA3A47;}
.ban-item:hover p{color: #CA3A47;}
.ztpage img{display: block;margin: 80px auto 50px;}
.ban::before{content: "";
    background: url(/images/zt/gg.png) no-repeat;
    display: block;
    width: 100%;
    height: 55px;
    left: 12px;
    top: -11px;
    position: absolute;}
.ztpage .t img{margin: 0 auto;}
.ztpage .t{margin: 0 auto;    padding: 50px 0;}
.ztpage .t+p{font-size:30px;position: relative;
    font-family:PingFangSC-Regular;
    font-weight:400;    line-height: 1.8;
    text-indent: 2em;
    text-align: justify;
    color:#000;}
.ztpage .t+p::before{content: "";background: url("/images/zt/tgg.png") no-repeat;position: absolute;display: block;width: 103px;height: 54px;
    right: 0;
    top: -54px;}
.ban img{margin: 30px 23px 20px;}
.ban div{width: 100%;}


.st34{position: absolute;background: rgba(255,255,255,0.6);padding-top: 5px;    transition: left 0.2s;
    width: 50px;height: 120px;border-radius: 50px;top: 0;bottom: 0;margin: auto;left:-50px;z-index: 20;}
.st34 a{display: block;width: 30px;height: 40px;margin: 10px;cursor: pointer;}
.st34 a.active{cursor: default;}
.st34 a.mp4{background: url("/img/sp.png") no-repeat center;background-size: contain;}
.st34 a.mp3{background: url("/img/yp.png") no-repeat center;background-size: contain;}
.st34 a.mp3.active{background: url("/img/yp_d.png") no-repeat center;background-size: contain;}
.st34 a.mp4.active{background: url("/img/sp_d.png") no-repeat center;background-size: contain;}
.st34::before{content: '';width: 40px;background: #fff;position: absolute;height: 1px;top: 0;bottom: 0;margin: auto;left: 0;right: 0;}
.playbox:hover .st34{left: 10px;}

.jzbox{background: url("/images/jxbg.png") no-repeat center;height: 240px;margin-top: 20px;position:relative;}
.jzbox .num{height:35px;
    background:linear-gradient(180deg,rgba(214,0,16,0.78),rgba(242,149,41,0.78));
    box-shadow:1px 2px 35px 0px rgba(154,94,4,0.44);
    border-radius:18px;font-size:16px;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(255,245,162,1);    display: inline-block;
    line-height: 35px;
    padding: 0 20px;
    position: absolute;
    bottom: 28px;
    left: 450px;}
#jz-carousel{    width: 320px;position: absolute;top:30px;right: 40px;height: 200px;overflow: hidden;}
.jzbox .item{overflow: hidden;}
.jx-item{width:320px;text-align: left;float: left;padding:20px;margin-bottom: 20px;
    height:170px;margin-right: 20px;border-radius: 6px;cursor: pointer;
    background:rgba(255,255,255,1);
    box-shadow:1px 2px 21px 0px rgba(154,94,4,0.66);}
.jx-item h5{font-size:18px;    margin-top: 5px;}
.jx-item p{font-size:14px;overflow : hidden;    line-height: 22px;
    height: 66px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(153,153,153,1);}
.jx-item span{color: #999;text-align: right;
    display: block;
    padding-top: 10px;}
.jx-item span i{color: #CA181A;font-style: normal;}
#jz-carousel .carousel-indicators.out{bottom: -12px;}
#jz-carousel .carousel-indicators li{height:8px;width:8px;background:rgba(255,255,255,1);opacity:0.35;border: none;}
#jz-carousel .carousel-indicators li.active{opacity:1;margin: 5px;}

.pop-scorm.h5{max-height:100%!important;width:auto!important;margin: 0;}
.pop-scorm.h5 iframe{max-height: 100%;}

.weekcbox{position: absolute;top:23%;height:400px ;width:220px; background: #fff;border-radius: 10px;box-shadow: 0 0 6px #999;}
.weekcbox ul{overflow: auto; height:360px;}
.weekc h3{color:#CA181A;margin: 0;font-size: 16px;line-height:40px;padding-left: 12px;}
.weekc li{padding-left: 12px;font-size: 14px;line-height: 36px;cursor: pointer;}
.weekc li.active{color: #fff;background-color:#CA181A;}
.pop-scorm.h5 .weekc{display: block;}
.weekback{position:fixed;margin:5px;display: none;}
.pop-scorm.h5 .weekback{display: block!important;}
.weekcbox li .btn{display: none;}
.weekcbox li.active:hover .btn{display: block;}

.goZGW{background-image: linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1)); float: left;
    display: block;width: 155px;height: 55px;position: relative;top: -23px;margin-left: 15px;border-radius: 0 0 5px 5px;}
.goZGW span{background: url('/img/zwy.png');background-repeat: no-repeat;background-position: center center;    display: block;height: 55px;}

.course-list .course-item .imgbox{border-radius: 3px;}
.course-list .course-item .item-info{border: none;}

.online-list{margin-top: 10px;}
.online-item{position: relative;background: #fff;width: 370px;height: 250px;float: left;
    border-radius: 10px;margin-right: 30px;margin-bottom:45px ;
    box-shadow: 0px 0px 10px 0px rgba(15, 15, 15, 0.11);}
.online-item:nth-of-type(3n){margin-right: 0;}
.online-item::after{position: absolute;content: "";background: #fff;width: 96%;
    border-radius: 10px;height: 20px;bottom: -5px;margin: auto;left: 0;z-index: -1;right: 0;box-shadow: 0px 7px 10px 0 rgba(15,15,15,0.11);}
/*.online-item::before{position: absolute;content: "";background: #fff;width: 90%;box-shadow: 0px 7px 10px 0 rgba(15,15,15,0.11);*/
    /*border-radius: 10px;height: 20px;bottom: -10px;margin: auto;left: 0;z-index: -1;right: 0;}*/
.online-item h3::before{position:absolute;content: "";left: 0;top:16px;display: block;width: 55px;height: 26px;}
.online-item h3{font-size: 20px;padding:20px 20px 0 60px;margin:0 0 10px;line-height: 1.3;text-align: justify;height: 98px;overflow: hidden;
text-overflow: ellipsis;position: relative;}
.online-item .info{display: flex;justify-content: space-between;padding:0 20px;}
.online-item .info div{font-size: 16px;color: #666;}
.online-item .info div i{color: #D2D2D2;margin-right: 4px;}
.online-item .info div span{color: #bc0108;}
.online-item .teacher{display: flex;padding: 10px; width:1000px;overflow: hidden;}
.online-item .teacher .item{position: relative;padding-left: 50px;overflow: hidden;}
.online-item .teacher .item img{width: 40px;height: 40px;border-radius: 50%;position: absolute;left: 0;background: url('/images/online/teacher.png') no-repeat center;}
.online-item .teacher .item span{font-size: 14px;color: #999;display: block;}
.online-item .teacher .item span.name{color: #333;}
.online-item .date-bottom{line-height: 60px;padding: 0 20px; border-radius: 10px;}
.online-item .date-bottom span{font-size: 20px;}
.online-item .date-bottom a{font-size: 18px;border: 1px solid;border-radius: 50px;float: right;margin-top: 10px;}

.online-item.ing{}
.online-item.ing h3::before{background: url("/images/online/ing.png") no-repeat left;}
.online-item.ing .date-bottom span{color: #bc0108;}
.online-item.ing .date-bottom a{border-color:#bc0108;color: #bc0108 }
.online-item.ok{}
.online-item.ok h3::before{background: url("/images/online/done.png") no-repeat left;}
.online-item.ok .date-bottom span{}
.online-item.ok .date-bottom a{border-color: #75A0CA;color: #75A0CA;}

.online-item.no h3::before{background: url("/images/online/unstart.png") no-repeat left;}
.online-item.over h3::before{background: url("/images/online/over.png") no-repeat left;}


.online-banner{color: #fff;text-align: center;background: url("/images/online/info_bg.png") no-repeat center;height: 380px;padding-top: 90px;}
.online-banner h2{font-size: 46px;color: #fff;margin: 0 auto;line-height: 60px;height: 120px;width:1200px;}
.online-banner h3{font-size: 36px;color: #fff;}
.po_info{background: #fff;height: 120px;width: 1200px;border-radius: 20px;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.28);position: absolute;
    top: 320px;
    z-index: 10;
    left: 0;
    right: 0;padding-top: 20px;
    margin: auto;}
.po_info ul{display: flex;float: left;}
.po_info ul li{font-size: 18px;position: relative;padding: 0 50px;text-align: center;}
.po_info ul li span{color: #FF661B;font-size: 36px;display: block;margin-bottom: 6px;}
.po_info ul li i{color: #FF661B;font-size: 36px;font-style: normal;position: absolute; top:0;right: 0;}
.po_info a.btn{background: #FF661B;color: #fff;font-size: 24px;float: right;border-radius: 50px;margin-right: 30px;    margin-top: 15px;
    padding: 7px 30px;}

.center-nav{text-align: center;display: flex;justify-content: center;margin-bottom: 30px;}
.center-nav li{position: relative;padding: 0 36px 10px;}
.center-nav li a{font-size: 20px;color: #333; }
.center-nav li.active{}
.center-nav li.active a{color:#BC0108;}
.center-nav li.active::after{content: '';position: absolute;width: 18px;border-radius: 1px;height: 2px;background: #BC0108;margin: auto;left: 0;right: 0;bottom: 0;}
.c-table-time-line{}
.c-table-time-line li{position: relative;padding-left: 120px;margin-bottom: 30px;}
.c-table-time-line li i{width: 29px;
    height: 29px;position: absolute;left: 0;top:35px;
    border: 2px solid #DCDCDC;
    border-radius: 50%;}
.c-table-time-line li label{font-size: 20px;position: absolute;left: 50px;top: 35px;}
.c-table-time-line li .rmbox{background: #F8FAFC;width: 1077px;
    border-radius: 10px;min-height: 100px;     padding: 14px 20px 14px;}
.c-table-time-line li .rmbox h4{color: #333;font-size: 18px;    width: 80%;text-align: justify;margin: 0;line-height: 1.4;min-height: 50px;}
.c-table-time-line li .rmbox .info{color: #464A55;font-size: 15px;margin-top: 6px;}
.c-table-time-line li .rmbox .info span{margin-right: 1em;}
.c-table-time-line li .rmbox a.btn{font-size: 14px;border: 1px solid #BC0108; color: #BC0108;border-radius: 50px;background: transparent;position: absolute;right: 20px;top: 30px;}

.c-table-time-line li::before{content: '';position: absolute;width: 3px;background: #E5E5E5;left: 13px;top: 75px;height: 80%;border-radius: 3px;}
.c-table-time-line li.active .rmbox{background: #F9F0F1;}
.c-table-time-line li.active .rmbox h4{color:#BC0108;}
.c-table-time-line li.active label{ color: #BC0108;}
.c-table-time-line li.active i{background: #BC0108;border: 2px solid #BC0108;}
.c-table-time-line li.active::before{background:#BC0108; }
.c-table-time-line li:last-child::before{display: none;}
.many-title{overflow: hidden;}
.titlenav li{float: left;margin: 0 15px;line-height: 40px;font-size: 18px;}
.titlenav li.active a{color: #bc0108;border-bottom: 2px solid #bc0108;display: block;position: relative;}
.titlenav li.active a::after{content: '';position: absolute;    width: 0;
    height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 6px solid #bc0108;    bottom: -7px;left: 0;right: 0;margin: auto;}


.z195box{position: relative;width: 570px;height: 270px;overflow: hidden;}
.jcbox{background:#fff8eb;overflow: hidden;    padding: 15px 0 10px;position: relative;top: -15px;}
.z195box h3{font-weight: bold;    position: relative;
    z-index: 1;
    font-size: 26px;letter-spacing: 2px;text-align: center;color: #c81d23;margin: 0;}
.jcbox a{display: block;width: 257px;height: 68px;text-align: center;
    line-height: 68px;    font-size: 20px;float: left;
    color: #c81d23;white-space: nowrap;overflow: hidden;
    margin: 10px 0 0 20px;transition: font-size 0.2s;}
.jcbox a:nth-child(1){background: url("/img/1.png") no-repeat center;}
.jcbox a:nth-child(2){background: url("/img/2.png") no-repeat center;}
.jcbox a:nth-child(3){background: url("/img/3.png") no-repeat center;}
.jcbox a:nth-child(4){background: url("/img/4.png") no-repeat center;}
.jcbox a:nth-child(5){background: url("/img/5.png") no-repeat center;}
.jcbox a:nth-child(6){background: url("/img/6.png") no-repeat center;}
.jcbox a:hover{font-size: 24px;color: #c81d23;}

.zt-run{height: 200px;width: 568px; }
.zt-run .carousel-inner .item{padding: 0;cursor: pointer;overflow: hidden;}
.zt-run .carousel-inner .item .imgbox{height: 200px;width:480px; }
.zt-run .carousel-indicators{width: auto;margin: 0;right: 0;left: auto;top: 0;}
.zt-run .carousel-indicators li{border: none;width: 88px;height: 50px;margin: 0;display: block;float: none; text-indent: 0;}
.zt-run .carousel-indicators li img{width: 88px;height:50px;background: url("/images/nophoto.png") center center #e2e5e7 no-repeat;    background-size: contain;float: left;filter: grayscale(50%);}
.zt-run .carousel-indicators li.active img{filter: none;}

.wqzt{position: relative;}
.wqzt>div{padding-left: 480px;}
.wqzt .active .key::before{background: rgba(0,0,0,0)}
.wqzt .active .big{width:480px;}
.wqzt>div:nth-child(1) .big{width:480px;background: #0aa5df}
.wqzt>div:nth-child(2) .big{z-index: 2;background: #d43b33}
.wqzt>div:nth-child(3) .big{z-index: 3;background: #00b800}
.wqzt>div:nth-child(4) .big{z-index: 4;background: #6A6AFF}
/*.wqzt .item:hover .big{width:480px;}*/
.wqzt .key{width: 88px;height: 50px;cursor: pointer;overflow: hidden;    position: relative;}
.wqzt .key img{height: 50px;position: relative;left: -25px;}
.wqzt .key::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.5);    z-index: 2;}
.wqzt .big{height: 200px;width:0;position: absolute;left: 0;top: 0;right: 88px;transition: width 0.2s;}
.wqzt>div:hover .key::before{background: rgba(0,0,0,0)}

.fadeQu{position: absolute;right: 15px;top: 50px;}
.fadeQu i{margin-right: 6px;}

/*自适应*/
/*@media only screen and (min-width: 1600px) {*/
    /*body {*/
        /*zoom: 1.2;position: absolute;*/
        /*margin: auto!important;*/
        /*right: 0; left: 0;    width: 100%;*/
        /*}*/
/*}*/

.fixedbg{    z-index: 999;background: rgba(0,0,0,0.4);width: 100%;height: 100%;position: fixed;top:0;left: 0;}
.serveEnter{position: absolute;width: 377px;height: 349px;top:0;left: 0;right: 0;bottom:0;margin: auto;}
.serveEnter .close{position: absolute;right: -20px;top:-20px;opacity: 1}

/*排行轮播*/
.rankNav{text-align: center;}
.rankNav a{cursor: pointer;    padding: 6px 20px;
    font-size: 16px;margin: 0 5px;
    border-radius: 5px;
    line-height: 36px;
    color: #4C5359;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;}
.rankNav a.active{
    color: #FFFFFF;border:1px solid #CA1818; ;
    background: #CA1818;}
.tableRank{margin-top: 15px;}
.rankIndex{padding:20px 0 40px}
.rankItem{display: flex;    line-height: 50px;position: relative;    justify-content: space-between;
    padding-right: 20px;    white-space: nowrap;
    flex-wrap: nowrap;}
.rankItem::after{content: "";position: absolute;
    height: 1px;    width: calc(100% - 40px);
    left: 20px;
    bottom: 0;
    background: rgba(238, 238, 238, 0.76);}
.rankItem:hover{
    background: rgba(149, 161, 166, 0.03);}
.rankItem:hover *{
    color: #CA1818;}
.rankItem .index i{display: block;height: 50px;width: 80px;text-align: center;font-size: 14px;}
.index1{background: url("/img/2021/01.png") no-repeat center;}
.index2{background: url("/img/2021/02.png") no-repeat center;}
.index3{background: url("/img/2021/03.png") no-repeat center;}
.index4{background: url("/img/2021/04.png") no-repeat center;}
.index5{background: url("/img/2021/05.png") no-repeat center;}
.index6{background: url("/img/2021/06.png") no-repeat center;}
.index7{background: url("/img/2021/07.png") no-repeat center;}
.index8{background: url("/img/2021/08.png") no-repeat center;}
.index9{background: url("/img/2021/09.png") no-repeat center;}
.index10{background: url("/img/2021/10.png") no-repeat center;}
.index11{background: url("/img/2021/11.png") no-repeat center;}
.index12{background: url("/img/2021/12.png") no-repeat center;}
.index13{background: url("/img/2021/13.png") no-repeat center;}
.index14{background: url("/img/2021/14.png") no-repeat center;}
.index15{background: url("/img/2021/15.png") no-repeat center;}
.index16{background: url("/img/2021/16.png") no-repeat center;}
.rankItem .name{font-size: 16px;width: calc(100% - 200px);
    overflow: hidden;text-overflow: ellipsis;}
.rankItem .time{font-size: 16px;width: 120px;text-align: right;
    color: #868A8E;}
.rankItem .time span{color: #2B3133;margin-right: 4px;}
.rankItem .time i{color: #BF3031;margin-right: 4px;font-style: normal;}
.rankSwiper .swiper-pagination{    bottom: -30px!important;}
.rankSwiper .swiper-pagination .swiper-pagination-bullet{transition: width 0.1s;}
.rankSwiper .swiper-pagination .swiper-pagination-bullet-active{    width: 12px;background: #CA1818;border-radius: 10px;}
.rankItem .name .imgbox{width: 36px;height: 36px;margin-right: 14px;
    border-radius: 50%;margin-top: 6px;float: left;line-height: 1;}
.hotList{display: flex;flex-wrap: wrap;    padding: 40px 5px;    max-height: 400px;
    overflow: hidden;}
.hotList li{margin: 12px;    padding: 10px 25px;
    cursor: pointer;
    font-size: 18px;
    color: #CA1818;
    border-radius: 5px;
    background: #FCFCFC;}
.hotList li span{color: #787878;}
.censusIndex{padding:50px 0;    margin-top: 30px;
    background: rgba(98, 98, 98, 1)}
.censusItem{padding: 26px 30px;
    border-radius: 10px;position: relative;
    background: rgba(210, 215, 217, 0.08);}
.censusItem img{    height: 52px;
    width: 52px;
    position: absolute;}
.censusItem h3{margin: 0 0 10px;    font-size: 16px;
    color: #D2D7D9;padding-left: 68px;}
.censusItem h1{margin: 0;    font-size: 24px;
    color: #fff;padding-left: 68px;}
.censusIndex .box{display: flex;justify-content: space-between;flex-wrap: wrap;}



.centerUser{background:url("/img/2021/center/bg.png") no-repeat top #fff;
    border-radius: 5px; background-size: 100%;padding-top: 2.5vw;;text-align: center;
    box-shadow: 0px 0px 7px 0px rgba(107, 19, 19, 0.08);}
.centerMenu{background: #fff;margin-top: 20px;
    border-radius: 5px;text-align: center;
    box-shadow: 0px 0px 7px 0px rgba(107, 19, 19, 0.08);}
.centerUser .imgbox{width: 100px;border-radius: 50%; margin: auto;height: 100px;}
.centerUser .name{font-size: 16px;}
.centerUser .code{
    font-size: 14px;color: #95561E;}
.centerUser ul{display: flex;text-align: center;
    justify-content: space-between;}
.centerUser ul li{margin: 20px 0;width: 33%;
    color: #95A1A6;}
.centerUser ul li span{display: block;
    font-size: 20px;    margin-bottom: 8px;
    color: #2B3133;}
.centerUser ul li:nth-child(2){}
.centerUser ul li:nth-child(1){border-right: 1px solid #eee;}
.centerUser ul li:nth-child(3){border-left: 1px solid #eee;}
.centerUser  p{margin: 10px 0;}

.centerMenu{}
.centerMenu ul{padding: 20px 30px;}
.centerMenu ul li{    text-align: left;
    padding-left: 20%; line-height: 50px;
    border-radius: 60px;}
.centerMenu ul li a{display: block;
    font-size: 16px;}
.centerMenu ul li.active{
    background: linear-gradient(90deg, #FA783F, #F32743);}
.centerMenu ul li.active a{color: #fff;}
.centerMenu ul li a i{padding: 12px 25px;}
.centerIco-1{background: url("/img/2021/center/nav01.png") no-repeat left;}
.centerIco-2{background: url("/img/2021/center/nav02.png") no-repeat left;}
.centerIco-3{background: url("/img/2021/center/nav03.png") no-repeat left;}
.centerIco-4{background: url("/img/2021/center/nav04.png") no-repeat left;}
.centerIco-5{background: url("/img/2021/center/nav05.png") no-repeat left;}
.centerIco-6{background: url("/img/2021/center/nav06.png") no-repeat left;}
.centerIco-7{background: url("/img/2021/center/nav07.png") no-repeat left;}
.centerIco-8{background: url("/img/2021/center/nav08.png") no-repeat left;}
.centerIco-9{background: url("/img/2021/center/nav09.png") no-repeat left;}
.centerIco-10{background: url("/img/2021/center/nav10.png") no-repeat left;}
.centerIco-11{background: url("/img/2021/center/nav11.png") no-repeat left;}
.centerIco-12{background: url("/img/2021/center/nav12.png") no-repeat left;}

.centerMenu ul li.active .centerIco-1{background: url("/img/2021/center/nav01_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-2{background: url("/img/2021/center/nav02_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-3{background: url("/img/2021/center/nav03_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-4{background: url("/img/2021/center/nav04_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-5{background: url("/img/2021/center/nav05_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-6{background: url("/img/2021/center/nav06_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-7{background: url("/img/2021/center/nav07_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-8{background: url("/img/2021/center/nav08_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-9{background: url("/img/2021/center/nav09_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-10{background: url("/img/2021/center/nav10_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-11{background: url("/img/2021/center/nav11_dwn.png") no-repeat left;}
.centerMenu ul li.active .centerIco-12{background: url("/img/2021/center/nav12_dwn.png") no-repeat left;}

.jinduItem{border-radius: 6px;    padding: 20px;margin: 20px 0 30px;border: 1px solid #EEEEEE;}
.jinduItem p{color: #2B3133;font-size: 16px;margin-bottom: 20px;}
.jinduItem p span{color: #95A1A6;margin-left: 20px;}
.jinduItem p span i{font-style: normal;
    color: #BF3031;}
.progress-bar-main{
    border-radius: 4px;
    background: linear-gradient(90deg, #FA9F3F, #F05D37);}
.jinduItem .progress{    position: relative;
    width: 75%;    overflow: visible;}
.jinduItem .progress span{font-size: 18px;    position: absolute;
    right: -5em;top: -14px;}
.jinduItem .progress span i{font-size: 25px;font-style: normal;}

.radaBox{
    border: 1px solid #EEEEEE;margin: 20px 0;position: relative;
    border-radius: 6px;}
.radaBox .zhi{position: absolute;font-size: 24px;font-weight: 600;
    display: block;
    text-align: center;
    width: 100%;
    line-height: 210px;}
.centerzt{overflow: hidden;    margin: 20px 0;
    border-radius: 5px;padding: 15px;
    border: 1px solid #EEEEEE;}
.centerzt img{object-fit: cover;width: 210px;
    height: 115px;float: left;
    border-radius: 5px;margin-right: 20px;}
.centerzt .info{float: left;    width: calc(100% - 670px);padding: 0 15px 0 0;}
.centerzt .info h3{    word-break: break-all;
    font-size: 16px;
    max-width: 300px;
    line-height: 24px;
    height: 48px;
    margin: 10px 0 20px;
    overflow: hidden;
    text-align: justify;}
.centerzt .info p.time{color: #95A1A6;    font-size: 14px;}
.centerzt .info p.time span{color: #4C5359;}
.centerzt .info p.time i{font-style: normal;color: #BF3031;margin-left: 20px;}
.centerzt .info2{float: left;    width: 150px;
    text-align: center;    margin-top: 26px;
    border-left: 1px solid #eee;}
.centerzt .info2 .pass{
    color: #008BF7;}
.centerzt .info2 .unpass{
    color: #FE6050;}
.centerzt .info2 h3{font-size: 20px;}
.centerzt .itemBtn{float: right;margin: 40px 20px 0 20px;}

.centerdx{overflow: hidden;position: relative;    margin: 20px 0;
    border-radius: 5px;padding: 20px 0;border: 1px solid #EEEEEE;}
.centerdx .info{float: left;padding-left: 20px;max-width: calc(100% - 340px);}
.centerdx .info h3{font-size: 16px;
    line-height: 1.4;
    margin: 8px 0 15px;}
.typeTag{position: absolute;color: #fff;
    border-radius: 5px 0 5px 0;left: 0;top:0;    font-size: 12px;
    padding: 3px 6px;
    background: #BF3031;}
.centerdx .info p.time{color: #95A1A6;}
.centerdx .info p.time span{color: #4C5359;}
.centerdx .info p.time i{font-style: normal;color: #BF3031;margin-left: 20px;}
.centerdx .btnsBox{float: right;display: flex;}
.centerdx .btnsBox a{padding-top: 55px;width: 80px;text-align: center;font-size: 14px;white-space: nowrap;}
.centerdx .btnsBox a.b1{background: url("/img/2021/center/icon01.png") no-repeat top;}
.centerdx .btnsBox a.b2{background: url("/img/2021/center/icon02.png") no-repeat top;}
.centerdx .btnsBox a.b3{background: url("/img/2021/center/icon03.png") no-repeat top;}
.centerdx .btnsBox a.b4{background: url("/img/2021/center/icon04.png") no-repeat top;}
.centerdx .btnsBox a.b1:hover{background: url("/img/2021/center/icon01_dwn.png") no-repeat top;}
.centerdx .btnsBox a.b2:hover{background: url("/img/2021/center/icon02_dwn.png") no-repeat top;}
.centerdx .btnsBox a.b3:hover{background: url("/img/2021/center/icon03_dwn.png") no-repeat top;}
.centerdx .btnsBox a.b4:hover{background: url("/img/2021/center/icon04_dwn.png") no-repeat top;}

.kx-btn-main{    border-radius: 18px;
    font-size: 15px;
    color: #BF3031;    padding: 5px 16px;
    border: 1px solid #BF3031;}
.kx-btn-main:hover{color: #fff;background:#BF3031;}
.testTable{margin-top: 20px;}
.testTable .kx-btn-main{margin: 10px 0;    display: inline-block;}
.testTable th{text-align: center;
    color: #4C5359;
    background: rgba(149, 161, 166, 0.04)}
.table.testTable td{vertical-align: middle;}

.centertest{position: relative;    margin-bottom: 20px;
    border-radius: 5px;display: flex;    padding: 20px 20px 20px 50px;
    border: 1px solid #EEEEEE;    justify-content: space-between;}
.centertest::before{position: absolute;content: "";width: 15px;height: 15px;
    border-radius: 50%;left: 20px;top: 0;
    bottom: 0;margin: auto;}
.centertest .info{position: relative;width: 300px;}
.centertest h3{margin: 0;line-height: 1.4;font-size: 16px;}
.centertest  .progress{width: 160px;    height: 6px;
    overflow: visible;    position: relative;    top: 10px;}
.centertest  .progress span{    position: absolute;
    right: -40px;top: -7px;}
.centertest  .progress span i{    font-style: normal;
    font-weight: bold;}
.isNew h3::after{position: absolute;content: "";
    right: -45px;top: -4px;padding: 12px 26px;
background: url("/img/2021/center/new.png") no-repeat left;
background-size: contain;}
.centertest:nth-child(4n)::before{border: 4px solid #FFA54C;}
.centertest:nth-child(4n+1)::before{border: 4px solid #FE6050;}
.centertest:nth-child(4n+2)::before{border: 4px solid #9142FF;}
.centertest:nth-child(4n+3)::before{border: 4px solid #00A0E9;}

.centercourse{display: flex;    margin-top: 25px;}
.centercourse img{object-fit: cover;width: 210px;
    height: 120px;margin-right: 15px;
    border-radius: 5px;}
.centercourse .info{width: calc(100% - 230px);}
.centercourse .info h3{margin: 0 0 10px;
    font-size: 16px;height: 44px;line-height: 22px;overflow: hidden;}
.centercourse .info p{color: #95A1A6;    margin-bottom: 15px;}
.centercourse .info p i{color: #BF3031;font-style: normal;margin-left: 15px;}
.centercourse .info p i:nth-child(2){margin-left: 15px;}

.centerRec{ margin: 20px auto 0;}
.centerRec img{width: 100%;
    height: 160px;
    border-radius: 5px;}
.centerRec .info{padding: 0 0 10px;margin: 0 0 20px;}
.centerRec h3{height: 44px;overflow: hidden;
    line-height: 22px;    text-align: justify;
    font-size: 16px;margin: 20px 0 10px;}
.centerRec p{color: #95A1A6;}
.centerRec p i{color: #CA1818;font-style: normal;}

.radaBox label{    font-size: 15px;
    text-align: center;
    margin-bottom: 15px;
    line-height: 24px;
    height: 48px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.radaBox label i{width: 14px;display: inline-block;height: 14px;border-radius: 50%;margin-right: 10px;}
.task1i{border: 4px solid #FE6050;}
.task2i{border: 4px solid #FFA54C;}
.task3i{border: 4px solid #9142FF;}
.task4i{border: 4px solid #00A0E9;}

.codeArea{position: relative;}
.codeArea .hoverShow{position: absolute;top: 70px;    box-shadow: 0 0 12px #ccc;left: 5px;border-radius: 10px;width: 120px;height: 0;overflow: hidden;background: #FFFFFF;transition: height 0.2s;z-index: 999;}
.codeArea .hoverShow img{    margin: 5px auto;display: block;}
.codeArea .hoverShow p{text-align: center;color: #4C5359;}
.codeArea:hover .hoverShow{height: 144px;}
.wqIcon{background: url("/img/2021/wj.png") no-repeat top;}
.ADrun .swiper-slide{cursor: pointer;}
.ADrun .swiper-slide img{width: 100%;}
.popLogin{position: fixed;top: 0;left:0;background: rgba(0,0,0,0.6);width: 100vw;height: 100vh;z-index: 100;}
.popSearch{position: fixed;background: rgba(0,0,0,0.75);    z-index: 99;width: 100vw;height:calc(100vh - 80px);top:80px;left: 0;}
.popSearch .box{background: #fff;border-radius: 0px 0px 10px 10px;    padding: 50px 100px;position: relative;}
.popSearch .box h1{margin: 0 0 30px;font-size: 40px;}
.popSearch a.ab-close{    top: 13px;font-size: 30px;right: 30px;}
.popSearch .search-bar{width: 100%;}
.popSearch .search-bar input{background: #F8F8F8;}

.txMenu{   }
.txMenu .tx-bg{    position: relative; margin-top: 20px;
    display: flex;    margin-right: 20px;}
.txMenu .tx-bg .imgbox{width: 40px;
    height: 40px;margin-right: 15px;
    border-radius: 50%;}
.txMenu .tx-bg p{color: #fff;line-height: 40px;}
.txMenu .tx-bg p i{margin-left: 6px;}
.headCenter{position: absolute;background: #fff;top: 40px;overflow: hidden;border-radius: 5px;height: 0;transition: height 0.2s;width: 100%;min-width: 160px;right: 0;}
.headCenter a{display: block;    padding: 10px 20px;font-size: 15px;    width: 100%;}
.headCenter a i{margin-right: 10px;}
.headCenter a:hover{color: #fff;background: linear-gradient(90deg, #FE6E45 0%, #ED2B22 100%);}
.headCenter a:hover .zwyIcon{background: url("/img/zwy2.png") no-repeat left;  background-size: contain;}
.txMenu .tx-bg:hover .headCenter{height: auto;    box-shadow: 0 0 12px #ccc;}
.comnav li.fr{float: right;display: flex;}
.comnav li.fr .form-control{margin-left: 12px;    width: auto;}
.comnav li.fr a.more{    font-size: 12px;color: #4C5359;}

.hotword{margin-top: 30px;}
.hotword a{color: #7B7F83;font-size: 16px;margin-right: 20px;}
.recentHot{}
.zwyIcon{background: url("/img/zwy1.png") no-repeat left;background-size: contain;padding: 8px 8px;}
.chooselove{background: #fff;width: 80vw;max-width: 800px;    height: 80vh;
    max-height: 600px;position: relative;border-radius: 10px;}
.chooselove .closebtn{position: absolute;right: 20px;top:10px;font-size: 26px;}
.chooselove h1{font-size: 20px;text-align: center;color: #000;    margin: 0;
    height: 60px;
    line-height: 60px;}
.chooselove h1 span{color: #999;font-size: 14px;margin-left: 6px;}
.chooselove .popbody{    padding:0 20px;height: calc(100% - 60px);}
.chooselove .lovetab{border-bottom: 1px solid #e1e1e1;      position: relative; }
.chooselove .lovetab .swiper-button-disabled {opacity: 0;}
.tabrun {line-height: 40px;    width: calc(100% - 60px);}
.tabrun .swiper-slide{width: auto;font-size: 16px;cursor: pointer;}
.swiper .swiper-button-hidden{ opacity : 0; }
.lovetab .love-prev{position: absolute;left: 0;    line-height: 40px;
    color: #000;
    font-size: 16px;}
.lovetab .love-next{position: absolute;right: 0;    line-height: 40px;
    color: #000;
    font-size: 16px;}
.chooselove .lovetab .swiper-slide.active{color: #bc0108;}
.chooselove .lovetab .swiper-slide.active::after{content: '';position: absolute;height: 2px;width: 30%;
    left: 0;right: 0;margin: auto;bottom: 0;min-width: 2em;    background: #bc0108;}
/*.chooselove .lovetab .swiper-slide.swiper-slide-active{color: #bc0108;}*/
/*.chooselove .lovetab .swiper-slide.swiper-slide-active::after{content: '';position: absolute;height: 2px;width: 30%;*/
    /*left: 0;right: 0;margin: auto;bottom: 0;min-width: 2em;    background: #bc0108;}*/
.chooselove .lovebody{    padding: 30px 0;overflow: auto;height: calc(100% - 140px)}
.chooselove .lovebody a{    font-size: 16px;
    border: 1px solid #e1e1e1;
    border-radius: 50px;
    padding: 10px 22px;
    display: inline-block;
    margin: 0 10px 10px 0;}
.chooselove .lovebody a.active{color: #bc0108;border-color: #bc0108; }
.chooselove .lovefoot{    border-top: 1px solid #e1e1e1;
    text-align: center;
    padding: 20px 0 0;}
.chooselove .lovefoot a{display: inline-block;border: 1px solid #e1e1e1;border-radius: 50px;
font-size: 16px;    padding: 12px 20px;}
.chooselove .lovefoot a.btn-sx{background: #bc0108;color: #fff;}
.chooselove .lovefoot a.btn-sx:hover{background: -webkit-linear-gradient(90deg,#fe6e45 0,#ed2b22 100%)}
.centerMenu{width: 360px;}
.course-list .course-item{width: 340px;margin:15px 15px;}
.course-list .course-item .imgbox{height: 190px;width: 100%;}
.course-item .p_progress{    width: 84%;}
.course-item .p_progress i{    left: 101%;}

.ing_ico{background: url("/images/home/zb@3x.png") no-repeat left;background-size: contain;    display: inline-block;
    width: 25px;
    height: 12px;}
.hk_ico{background: url("/images/home/hf@3x.png") no-repeat left;background-size: contain;    display: inline-block;
    width: 25px;
    height: 14px;}

.zb-button-prev{position: absolute;
    left: -30px;
    top: 0;    height: 40px;
    bottom: 0;
    margin: auto;
    font-size: 30px;}
.zb-button-next{position: absolute;    right: -30px;
    top: 0;
    bottom: 0;    height: 40px;
    margin: auto;
    font-size: 30px;}
.zb-button-disabled{opacity: 0;}
.ZBrun{padding: 20px 0;    display: flex;
    flex-wrap: wrap;
    justify-content: start;}
.ZBrun .allRadiusBox{padding: 15px;position: relative;   margin:  0 1.2% 20px 0;width: 32%}
.ZBrun .allRadiusBox:hover{}
.ZBrun .allRadiusBox .zbStatus{margin: 0 0 10px;}
.zbStatus.ing{color: #2cdfb9}
.zbStatus.noStart{color: #95A1A6;}
.zbStatus.lookBack{color: #95A1A6;}
.ZBrun .allRadiusBox h3{    font-size: 18px;
    margin: 15px 0;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.ZBrun .allRadiusBox .time{    color: #95A1A6;}
.ZBrun .allRadiusBox .time i{margin-right: 4px;}
.ZBrun .allRadiusBox .who{position: relative;       margin: 15px 0 0; min-height: 60px;}
.ZBrun .allRadiusBox .imgbox{width:60px;height: 60px;border-radius: 50%;position: absolute;background: url("/images/home/t_default.png") no-repeat center;}
.ZBrun .allRadiusBox .info{padding-left: 80px;}
.ZBrun .allRadiusBox .info h5{font-size: 16px;    margin: 0;padding: 10px 0 6px;}
.ZBrun .allRadiusBox .info p{font-size: 14px;    color: #95A1A6;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ZBrun .allRadiusBox .who .zbBtn{  font-size: 15px;display: inline-block;padding: 4px 12px;color: #CA1818;background: #FFFFFF;border-radius: 18px;border: 1px solid #CC1F0E;position: absolute;right: 0;top: 30%;}
.ZBrun .allRadiusBox .who .zbBtn:hover{background:linear-gradient(-90deg, #FE6E45 0%, #EE3320 100%);color: #fff;}
.ZBrun .zbType{position: absolute;right: 0;top: 0;}

.zbOnePice{padding-bottom: 9px;}
.zbItem{padding: 12px 15px;position: relative;}
.zbItem .time{color: #95A1A6;}
.zbItem .time i{margin-right: 4px;}
.zbItem .who{position: relative;       margin: 6px 0 0; min-height: 40px;}
.zbItem .imgbox{width:40px;height: 40px;border-radius: 50%;position: absolute;background: url("/images/home/t_default.png") no-repeat center;}
.zbItem h3{font-size: 18px;margin: 6px 0;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zbItem .info{padding-left: 60px;}
.zbItem .info h5{font-size: 15px;    margin: 0;padding:0 0 6px;}
.zbItem .info p{font-size: 14px;    color: #95A1A6;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zbItem .who .zbBtn{  font-size: 15px;display: inline-block;padding: 4px 12px;color: #CA1818;background: #FFFFFF;border-radius: 18px;border: 1px solid #CC1F0E;position: absolute;right: 0;top: 30%;}
.zbItem .who .zbBtn:hover{background:linear-gradient(-90deg, #FE6E45 0%, #EE3320 100%);color: #fff;}
.zbItem:before{position: absolute;content: '';height: 1px;width: calc(100% - 30px);left: 15px;top:0;background: #e1e1e1;}
.zbItem:first-child:before{display: none;}
.esp{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.esp_2{display: -webkit-box;
    -webkit-box-orient: vertical;line-height: 1.4;
    -webkit-line-clamp: 2;white-space: normal!important;
    overflow: hidden;
    text-overflow: ellipsis;}
.zbb{display: flex;position: relative;      padding: 15px 20px 10px;}
.zbb .status{position: absolute;bottom: 0;left: 0;border-radius: 0 10px 0 10px; color: #fff;    padding: 2px 10px;
    font-size: 14px;}
.zbb .status.s1{background: url(/images/home/zb.gif) no-repeat 8px center #e70010;
    background-size: auto 10px;
    padding: 2px 10px 2px 28px;}
.zbb .status.s2{background: #9399a1;}
.zbb .status.s3{background: #0756b5;}
.zbb .imgbox{width: 70px;height: 70px;overflow: hidden;border-radius: 50%;margin-right: 15px;flex: 0 0 auto;}
.zbb .info{flex: 1 1 auto;}
.zbb .info h3{font-size: 17px; margin: 0 0 10px;font-weight: normal;}
.zbb .info p{font-size: 14px;margin: 5px 0;color:#98979b; }


@media (max-width: 1600px){
    .indexNav li a{font-size: 16px;}
}
@media (max-width: 1550px){
    .codeArea{display: none;}
}
@media (max-width: 1500px){
    .box {width: 1180px;}
    .centerMenu{width: 280px;}
    .courseItem .imgbox{height: 166px;}
    .indexNav li a{font-size: 16px}
    .indexNav li{padding: 0 10px 0 10px;}
    header .logo{    margin: 26px 20px 0;}
    header .logoRed{    margin: 26px 20px 0;}
    header .logo img{    height: 38px;}
    header .logoRed img{    height: 38px;}
    .centerzt .info2{width: 100px;}
    .centerzt .info{    width: calc(100% - 570px);}
    .jcItem h3{font-size: 15px;}.jcItem a{font-size: 14px;}
    .censusItem h3{font-size: 14px;}
    .zbItem h3{font-size: 15px;}

    .censusItem h1{font-size: 20px;}
    .goodCourseBox{padding: 15px 15px 0;}
    .goodCourseItem{padding: 75px 0 10px;
        width: 50%;
        margin: 0;
        text-align: center;}
    .goodCourseItem img{    top: 10px;
        width: 60px;
        left: 0;
        right: 0;
        margin: auto;}
    .course-list .course-item{ width: 265px;}
    .course-list .course-item .imgbox{height: 150px;width: 100%;}
}
@media (max-width: 1420px){
    .goodCourseItem h3{font-size: 16px;    display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;}
    .goodCourseItem h3 span{font-size: 14px;}
    .courseItem h3{font-size: 15px;}
    .dxRow .info p{font-size: 15px;margin-bottom: 15px;}
    .dxRow .t h3{font-size: 19px;}
    .centerIco{    margin: 20px auto 0;}
    .addressTag{font-size: 14px;}
    .specialItem{width: 31%;}
}

@media (max-width: 1366px){
    header.redhead .indexNav li a{font-size: 15px;}
    .teacherIndex h3{font-size: 19px;}
    .goodCourseItem h3{font-size: 14px;}
    .goodCourseItem span{font-size: 13px;}
    }
@media (max-width: 1200px){
    .box {width: 90%;  margin: 0 auto; }
    .centerMenu{width: 22%;    min-width: 230px;}
    .centerMenu ul li{padding-left: 12%;}
    .index-title{margin: 40px 0 10px;}
    .index-title h3{font-size: 20px}
    .courseItem .imgbox{height: 120px;}
    .headerBar .fr .sbtn{display: none;}
    .teacherIndex .zc{font-size: 12px;}
    .rankItem .name{font-size: 15px;}
    .rankItem .time{font-size: 13px;}
    .hotList li{font-size: 14px;}
    .censusItem{    padding: 18px 18px;}
    .censusItem img{width: 40px;height: 40px;}
    .censusItem h1,.censusItem h3{padding-left: 55px;}
    .goodCourseItem{}
    .goodCourseItem img{width: 50px;}
}