@charset "utf-8";
/* header */
.header{height: 80px;width: 100%;min-width: 1200px;position: fixed; left: 0;top: 0; padding: 0 40px;z-index: 999999; color: #fff;background: #0c64f7; }
.header-content{display: flex;justify-content: space-between;}
.header .logoImage{margin: 20px 0px 0 0px}
.nav-bar{padding-top: 30px;}
.nav-bar:after{content: " ";	display: block;	clear: both;}
.nav-bar li{float: left;margin-right: 40px;}
.nav-bar li  a{color: #EDEDED;position: relative;}
.nav-bar li.on a,.nav-bar li:hover a{color: #fff;}
.nav-bar li.on a:after{content: '';width: 4px;height: 4px;background: #fff; border-radius: 50%;position: absolute;top: 24px;left: 50%;margin-left: -2px;}
.regBox{padding-top: 30px;}
.regBox a:hover{text-decoration: underline;}
.loginshow{position: relative;padding-top: 30px;}
/* index */
.wt-box{background: #fff;height: 96px;line-height: 96px;box-shadow:0px 16px 32px 0px rgba(74,74,74,0.1);padding: 0 40px;}
.introduce-wrapper{top: -48px;    position: relative;    z-index: 22;}
/* newest-list */
.news-box{background: #f5f5f5;width: 100%;min-width: 1200px;padding-top: 160px;}
.clouds,.clouds1{position: absolute;z-index: 22;}
.clouds1{top: -200px; right: 56px;}
.clouds2{top: 700px; left: -460px;}
.clouds3{bottom:-160px; right: -300px;}
.clouds4{bottom:-168px; left: -230px;}
.clouds5{top: 40px; left: -96px;}
.clouds6{bottom: -60px; right: -196px;}
.news-point{width: 1200px;overflow: hidden;}
.news-point .info{overflow: hidden;padding-right: 40px;color: #666;}
.news-point .elips{overflow: hidden;height: 88px;}
.news-list li{padding-bottom: 48px;}
/* expert */
.expert-list{overflow: hidden;margin-left: -40px;margin-right: -40px;}
.expert-list li{float: left;width: 320px;padding-left:40px ;padding-right: 40px;  border-right: 1px solid #eee; text-align: center;}
.expert-list li:last-child{border-right:none;}
.expertImg img,.aboutExpert-list li img{width:160px;height:160px;border-radius:50%;}
.expert-list li .cont,.aboutExpert-list li .cont{overflow: hidden;line-height: 20px;height: 80px;}
.aboutExpert-list{overflow: hidden;}
.aboutExpert-list li{float: left;width: 300px;padding: 32px 24px 48px; text-align: center;}
.aboutExpert-list li:hover{background: #f5f5f5;border-radius:16px;}
/* contact */
.contact-box{width: 100%;min-width: 1200px;background: #f5f5f5;padding: 80px 0 120px;position: relative;}

.footer{width: 100%;min-width: 1200px;background: #fff;height: 80px;line-height: 80px;color: #999;}

.block-sidebar{position: fixed;display: none;left: 50%; margin-left: 640px; bottom: 350px;width: 60px; z-index: 99;}
/* page */
.page {font-size: 14px;display: inline-block;}
.page li{display: inline-block;}
.page li a,.page li span{display: inline-block; width: 48px;height: 48px;margin-right: 16px;color: #999;border-radius: 8px;
	border: solid 1px #ccc;transition: 0.5s;-webkit-transition: 0.5s;    -moz-transition: 0.5s;-o-transition: 0.5s;text-align: center;line-height: 48px;}
.page li.disabled a{cursor: not-allowed;color: #999;border-color: #ddd;}
.page li:hover a, .page li.active a,.page li.active span{background:  #3681FD; color: #fff;border-color: #3681FD;}
.page li.disabled:hover a{color: #999;border-color: #ddd;background:  none;}
.page li:last-child{margin-right: 0;}
.ibox{padding: 48px;background: #fff;}
.ibox2{padding: 80px 40px;}
.article-tile{padding: 80px 0 24px;}
.article-content{min-height: 400px;}
.article{color: #666;line-height: 25px;}
/* topic */
.common-box{ background-image: url(../images/Top_Bg.png);background-repeat: no-repeat; background-position: top center; width: 100%;min-width: 1200px;padding-top: 240px;}
.tab-nav li{display: inline-block;margin-right: 80px;font-size: 16px;position: relative;cursor: pointer;}
.tab-nav li.on{font-weight: bold;color: #3681FD;}
.tab-nav li.on::after{position: absolute;bottom: 20px; left: 50%; margin-left: -10px; content: ''; width:20px;height:4px;background: #3681FD; }
.tab-content .tab-body{display: none;}
.tab-content .tab-body.on{display: block;}
/* course */
.train-list li{background: #f5f5f5;margin-bottom: 40px;width:23%;float:left;margin-right:32px;}
.mrnot{
	margin-right:0 !important;
}
.train-list img{height: 196px;width:100%;}
.train-list .cont{padding: 24px 12px;}
.train-list-title{font-size:18px; margin-bottom:10px;}
.price{color:red; font-size:14px;margin-top:24px;}
.train-list .info{color: #666;line-height: 20px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.training-title{position: absolute;bottom: 80px;left: 40px;color: #fff;font-size: 24px;font-weight: bold;}
.course-line{margin-left:10px;}
.course-line .line-content{position: relative;padding-left: 30px;padding-bottom: 32px;}
.course-line .line-content::after{position: absolute; top: 6px;left: 0; content: '';width: 1px; border-left:1px dashed #3681FD;height: 100%;z-index: 1;}
.course-line .line-content:last-child::after{border: none;}
.course-line .line-content .tips { position: absolute; top: 6px; left: -7px; width: 14px; height: 14px;border-radius: 50%; background: #B91414;z-index: 2;}
.course-line .line-content .item{line-height: 1;}
.course-list li{width: 270px;background:#fff ;margin:0 24px 24px 0; float: left;}
.course-list:after,.lesson-list li:after{display: table;clear: both;content: '';}
.course-list li img{width:270px;height:190px;}
/* coursedetail */
.vedio-box{width: 1136px;	height: 700px; background-color: #000000;	border-radius: 8px;}
.label{width: 20px;	height: 20px;display: inline-block;border-radius: 50%;background: #d2dcec;position: relative;vertical-align: middle;margin-right: 16px;}
.label.ing:after{border-radius: 20px  0 0 20px;background:#3681FD;width: 10px;height: 20px; position: absolute; left: 0;top: 0;content: '';}
.label.done{background: #3681FD;}
.mulu-list li{color: #666;margin-bottom: 24px;font-size: 16px;}
.mulu-list li:last-child{margin-bottom: 0px;}
.mulu-list li .tips{display: inline-block; width: 66px;	height: 28px;line-height: 28px;text-align: center;	background: #cccccc;	border-radius: 4px;color: #fff;font-size: 12px;}
.collapse{margin-bottom: 16px;}
.collapse-item{height :88px; line-height :88px; font-size:16px;color: #444;padding: 0 32px;background:#f5f5f5;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.collapse-content{padding: 16px 36px; display: none;}
.collapse-content.on{display: block;}
.ic-arrow{width: 18px;height: 14px;display: inline-block;background: url(../images/arrow-down.png) no-repeat; transition: all 0.4s ease-in-out;}
.ic-arrow.up{transform: rotate(-180deg);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
/* news */
.news-side-list li{margin-bottom: 24px; display: flex;align-items: center;}
.news-side-list li img{width:128px;height:90px;}

/* center */
.profile-box{background: url(../images/PersonalCenter_Bg.png) no-repeat;height: 364px;padding: 40px;box-shadow:0px 10px 32px 0px rgba(74,74,74,0.1);}
.profileImg img{width: 160px;height: 160px; border-radius:50%;}
.quit a{padding: 10px 20px;}
.quit a:hover{color: #3681FD;}
.flex-center{display: flex;align-items: center;}
.fileInput{ opacity: 0; width: 84px; margin-left: -84px;}
/* login */
.reg-bg { background: url(../images/loginbg.png) no-repeat top center; width: 100%;  min-width: 1200px; height: 100%; padding-top: 150px;}
.reg-content{width:448px;height:610px;margin:0px auto;background:url(../images/Login_Bg_1.png) no-repeat;position: relative;}
.reg-body{overflow: hidden;padding: 64px 64px 0;}
.reg-body .title{  font-size: 24px;	font-weight: bold;	line-height: 32px;	letter-spacing: 4px;	color: #353e4e;}
.reg-content .input-box{width: 100%;border-bottom:1px solid #eee ;}
input::-webkit-input-placeholder { color:#ccc;}
input:-moz-placeholder { color:#ccc;}
input::-moz-placeholder { color: #ccc;}
input:-ms-input-placeholder {color: #ccc;}
.reg-content .input-box input{border: none;background: none; background-image: none; color: inherit; line-height: 22px; font-size: 14px;padding: 0  0 8px;width: 100%;}
.reg-box .link{ cursor: pointer;}
.reg-box .link:hover { text-decoration: underline;}
.reg-btn{width: 100%;height:48px;background: rgb(1, 135, 210);color: #fff; cursor: pointer;transition: all ease 0.4s;}
.reg-btn:hover{background:rgba(58, 32, 22);}
.input-tools {  position: absolute;  bottom: 0px;  right: 0px;}
.yzmbox img{width: 88px; height: 40px;}
.input-tools input[type="button"]{  background: none;  cursor: pointer;  color: #3681FD;}
.reg-content input[type="checkbox"]{  width: 16px;height: 16px;opacity: 0.8;}

/* table */
.table-box{border-radius:16px 16px 0px 0px;overflow: hidden;background: #f8f8f8;padding-bottom: 24px;}
.table {width: 100%; max-width: 100%;line-height: 1.4;}
.gray-table tbody td {background: #f8f8f8;padding:16px 16px;text-align: center;}
.gray-table thead tr th{ background-color: #f5f5f5;font-weight: normal;line-height: 80px; text-align: center;color: #666;padding:0px 16px;}
.kc-table img{width:160px;height:110px;}
.kc-table thead tr th:first-child,.kc-table tbody tr td:first-child{text-align: left; padding-left: 40px;}
.table thead tr th.text-right,.table tbody tr td.text-right{text-align: right;}
.b-rt{width: 200px;border-right: 1px solid #efefef;}


/* exam */
.leftBox{width: 780px;float: left;}
.rightBox{width: 400px;float: right;}
.text-green{color:#2eaf65 ;}
.text-red{color:#fc1a2a ;}
.questionList>li{border-bottom: 1px solid #ededed; margin-bottom: 24px;padding-bottom: 24px;}
.questionList>li:last-child{border-bottom: none;}
.xzList li label{display: flex;align-items: center;}
.xzList li{margin-bottom: 32px;color: #666;}
.xzBox{width: 32px;height: 32px;position: relative; margin-right: 10px;}
.xzBox .tips{position: absolute;left: 0;top: 0;width: 32px;height: 32px;line-height: 32px;text-align: center;color: #fff;}
input.check,input.check:checked,input.duoxuan,input.duoxuan:checked{display: inline-block;width: 32px;height: 32px;border: 0;outline: 0!important;background-color: #c7c7c7;   -webkit-appearance: none;}
input.check,input.check:checked{border-radius: 50%;}
input.duoxuan,input.duoxuan:checked{border-radius: 8px;}
input.check::before,input.duoxuan::before{ font-size: 0;    -webkit-font-smoothing: antialiased;}
input.check:checked,input.duoxuan:checked{background: #30c4a6;}
.sheet-box{margin-right: -12px;font-size: 12px;}
.sheet-box a{ display: inline-block; width: 32px;  height: 32px;line-height: 32px;  margin: 0 6px 12px 0; color: #1a1a1a; text-align: center;   border-radius: 8px; background: #fff; ;border:1px solid #d4d4d4;color: #444}
.sheet-box a.on,.doneBg{ background: #3681FD ;}
.answer-info{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-left: 4px; border-radius: 3px;}
.sheet-box a.redBg,.redBg{background: #f55757 ;border:1px solid #d4d4d4;color: #444}
.sheet-box a.weBg,.weBg{background: #fff ;border:1px solid #d4d4d4;color: #444}
.sheet-box a.greenBg,.greenBg{background: #30c4a6 ;color: #fff}
.sheet-box a.unBg,.unBg{background: #d4ccc9 ;}
/*.sheet-box a.redBg,.redBg{background: #fff ;border:1px solid #d4d4d4;color: #444}*/
.jxBox{background: #f5f5f5;padding: 15px;border-radius: 8px;}
.testing .sheet-box a,.weiBg{background: #fff;border:1px solid #d4d4d4;color: #444}
.sheet-box a.ingBg,.ingBg{background: #d4ccc9 ;color: #fff}