@charset "utf-8";
/*reset css  重置默认的一些样式  浏览器子自带的  目的是保持各种终端显示一致*/
/*所有的标签和伪类  before after*/
*,
::before,
::after{
    padding: 0;
    margin: 0;

    /*在移动端特殊的设置*/
    /*清除点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*设置所有的盒子的宽度以边框开始计算*/
    -webkit-box-sizing: border-box;
    /*要兼容 webkit 浏览器内核厂商 这种情况一般是老的移动端浏览器*/
    box-sizing: border-box;
}
html,body{
    font-size: 14px;
    color: #333;
    font-family: "PingFangSC-Medium","MicroSoft YaHei","sans-serif";/*是设备默认的字体*/
   /*  height:100%; */
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
    color: #333;
}

input,textarea{
    border: none;
    outline: none;
    resize: none;
    /*特殊的属性定义  清除浏览器给input自带的样式*/
    -webkit-appearance: none;/*组件默认的样式空*/
}
input:disabled,select:disabled{
  background-color: rgb(235, 235, 228);
}
/*common css  也就是我们公用的css*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{clear:both;}
.clearfix::after,
.clearfix::before{
    content: ".";
    line-height: 0;
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.w_bg{background: #fff;}
.p10{padding:10px;}
.pt20{padding-top:20px;}
.pm20{padding-bottom:20px;}
.p20{padding:20px;}
.m_r10{
    margin-right: 10px;
}
.m_l10{
    margin-left: 10px;
}
.m_t10{
    margin-top: 10px;
}
.m_b10{
    margin-bottom: 10px;
}
.m_t20{
    margin-top: 20px;
}
.m_b20{
    margin-bottom: 20px;
}
.mianColor{
    color: #4488ff;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.ellipsis3{
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;  
    display: -webkit-box;
   -webkit-box-orient: vertical;
   color:#666;
   vertical-align: middle;
}
.main{
    min-width: 300px;
    padding-bottom:80px;
  /*   padding-top:90px; */
}
.border{border:1px solid #e7e7e7;}
/*所有使用精灵图的 class  以icon_开始的所有class都有这些属性*/
[class^="icon_"]{
    display: block;
    background: url("../images/sprites.png") no-repeat;
    /*压缩背景图*/
    background-size: 160px 288px;
}
/*iconfront字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('./font/iconfont.eot');
  src: url('./font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('./font/iconfont.woff') format('woff'),
  url('./font/iconfont.ttf') format('truetype'),
  url('./font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color:#999;
}
/*全局颜色*/
.blue{color:#4488ff!important;}
.blueBtn{background: #4488ff;color:#fff;}
.red{color:#ed4040!important;}
.redBtn{background:#ed4040;color:#fff;margin: 15px;display: inline-block;}
.redBtn:hover{
	background: #b70606;
}

.layui-tab-content{padding:0;}
.layui-layout{
	border-top:5px solid #4488ff;
  background: #fff;
  width:100%;
  position: fixed;
  top:0;
  z-index: 9999;
}
.layui-layout .layui-header{
	width:1200px;
	margin:0 auto;
	background:#fff;
	padding: 20px 0;
	height:80px;
}
.layui-header .logo img{height:42px;}
.layui-tab-title {
	background-color: #f2f2f2;
}
.layui-tab-title .layui-this {
	background-color: #fff;
}
.layui-layout-body {
  background:#f4f5f6;
  overflow-y:auto; 
}
.layui-layout-admin{
	width:1200px;
	margin:0 auto;
	height:100%;
	box-sizing:border-box;
	padding-top:100px;
}
.hp-left-menu{
  background: #fff;
}
.demo-carousel {
	height: 500px;
	padding-top: 250px;
	text-align: center;
}

.hp-iframe {
	border-color: rgba(0, 0, 0, 0);
}

.hp-right-tab-menu table tr td {
	height: 30px;
	line-height: 30px;
	padding: 0 6px;
	border-radius: 2px;
	cursor: pointer;
}

.hp-right-tab-menu table tr td:hover {
	color: black;
	background: white;
}
.layui-circle-img{
	max-width: 140px;
    height: 50px;
    margin-right: 12px;
}


.hp-nav-none .layui-nav-bar{
    background-color: rgba(0,0,0,0);
}
.layui-tab-bar{display:none;}
.layui-nav{
	background:none;
	color:#3333;
}
.layui-nav-tree .layui-nav-item{
	border-bottom: 1px solid #e7e7e7;
}
.layui-nav .layui-nav-item a{color:#333;padding:0 20px 0 20px;}
.layui-nav .layui-nav-item a:hover{color:#333;}
.layui-nav .layui-nav-item{position: relative;}
.layui-layout-admin .layui-side{top:86px;border:1px solid #e7e7e7;}
.layui-layout-admin .hp-left-menu{
  width:205px;
  top:100px;
  position: absolute;
 /*  position: static;
  float: left; */
}
.layui-layout-admin .layui-side-scroll,.layui-nav-tree{width:100%;}  
.hp-right-menu{
  width:100%;
  overflow: hidden;
}
.layui-header .layui-layout-right li{float:left;margin-top: 5px;}
.layui-header .layui-layout-right li p{line-height: 21px;color:#333;}
.layui-header .layui-layout-right li p:first-child{padding-top:24px;margin-top: -10px;}
.layui-header .layui-layout-right .layui-nav .layui-this:after{width:0;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background: none;}
.layui-header .layui-nav .layui-nav-item.recharge{padding:20px 0px 0 20px;}
.layui-header .layui-layout-right .recharge a{
	line-height: 30px;
    border-radius: 4px;
    color:#fff;
    margin-top: -5px;
    float:left;
    margin-bottom:40px;
}
.layui-header .layui-layout-right .recharge a{
	padding:0 10px
}
.layui-header .layui-layout-right .recharge a:hover{color:#fff!important;}
.layui-header .layui-layout-right .loginout{padding:0;}
.layui-header .layui-layout-right .loginout a:hover{color:#4488ff;}
.layui-header .layui-layout-right .topIcon a i{color:#0088ff;margin-right:6px;vertical-align:middle;}
.layui-header .layui-layout-right .topIcon{vertical-align:middle}
.layui-layout-admin .layui-body{
	position: static;
	width:980px;
    height:100%;
    min-height:1196px;
	padding-bottom: 20px;
	overflow: hidden;
  float:right;
}
.layui-nav-itemed .layui-nav-child{background:none;}
.layui-this a{padding-left:28px;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this{
  border-left:none;
}
/*取消手风琴折叠*/

 .layui-side-scroll .layui-nav-child{background:none;padding:0;} /*display:none时手风琴可以折叠*/
.layui-nav-itemed>a{color:#333!important;}
.layui-nav-tree .layui-nav-child dd a{
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    border-left:2px solid transparent;
}
 .layui-nav-tree dd.layui-this a{
 	border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
 }
 .layui-nav-tree .layui-nav-child a{
 	height:46px;
 	line-height: 46px;
 	color:#999;

 }
 .layui-nav .layui-nav-item a:visitied{
 	color:#4488ff;
 	background:red;
 }
.layui-tab{
    margin:0;
 }

 .title,.basicContent{
    font-size:20px;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
}
 .title span{
    border-bottom: 3px solid #4488ff;
 	cursor:pointer;
    display:inline-block;
    padding:20px;
    height:100%;
    margin-bottom: -2px;
    margin-left:20px;
 }

.basicContent span{
	cursor:pointer;
   display:inline-block;
   padding:20px;
   height:100%;
   margin-bottom: -2px;
   margin-left:20px;
 }
 .basicContent span.active{
	border-bottom: 3px solid #4488ff;
 }
.addBottom{
	border-bottom: #4488ff 3px solid;
}
.layui-table-view select[lay-ignore]{
	display:none;
}	
 /**
	默认页
  */
  .index_bar{
      padding-top:5px;
  		padding-bottom:20px;
  		overflow: hidden;
  		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
          background: none;
          height:auto;
          position: static;
          border-bottom: 0;
  }
  .index_bar li{
		-webkit-box-flex: 1;
	    -webkit-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
        height:94px;
	    margin-right:20px;
	    background:#4488ff;
		box-shadow:0px 1px 2px 2px #e1e2e3;
        position: relative;
  }
   .index_bar li>span:first-child{
        position: absolute;
        top:28%;
        left:35px;
        font-size:30px;
        color:#fff;
   }
  .index_bar li:last-child{
    	margin-right:5px;
    }
  .index_bar li.layui-this{
		background:#4488ff;
		/* box-shadow:0px 1px 2px 3px #cecece; */
  }.index_bar li{
		border:1px solid #cecece;
		padding:0;
  }
  .index_bar li:hover{
      border:1px solid #4488ff;
    }
    .index_bar li.layui-this::after{
      height:auto;
      border-bottom-color: transparent;
      border-width: 0;
    }
  .index_bar li div{
  	width:100%;
  	height:100%;
  	padding-left:86px;
  }
    .index_bar li div p{
    	background: #fff;
    	height:100%;
    	padding:10px 0 0 10px;
    	font-size: 16px;
    	line-height: 34px;
    	vertical-align: middle;
    	font-size:14px;
    	font-weight: 700;
    	color:#2f3b4c;
        text-align: left;
    }
    .index_bar li div p span:first-child{
    	color:#999;
    	font-weight: normal;
    	font-size:14px;
    }

/* 曲线图 */
.line_bar{
    width:100%;
    height:426px;
}
.news{
    
}
.news h2{
    font-size:20px;
    padding:15px 20px;
    border-bottom: 1px solid #e7e7e7;
}
.news ul{
    padding:15px 20px;
}
.news ul li{
    line-height:44px;
}
.news ul li time{
    text-align: right;
    color:#999;
    font-size: 12px;
}
.iconBord{
    font-style: normal;
    font-size:12px;
    border:1px solid #ccc;
    border-radius: 2px;
    margin-right:5px;
}
.urgent{
    border-color:#ed4040;
    color:#ed4040;
}
.impor{
    border-color:#4488ff;
    color:#4488ff; 
}

.new{
    font-size:12px;
    color:#008d54;
    font-weight: 700;
    margin-right: 5px;
}
.pages{
    border-top:1px solid #e7e7e7;
    padding:20px;
    text-align: right;
}
.layui-form-select dl{
	top:28px;
}
.layui-form-item .layui-form-select .layui-anim {
	top: auto;
}
.pages .layui-laypage-curr .layui-laypage-em{background: #4488ff}
.layui-form-select dl dd.layui-this{background-color:#4488ff}
/*充值*/
.recharge_form .layui-form-label{
	width:119px;
}
/*使用文档说明*/
	.instr_info{
		width:100%;
	    position:relative;
	}
	.instr_info>h3{
		font-size:16px;
		font-weight:800;
		text-align:center;
		padding:10px ;
	}
	.instr_info .dlBox{
		margin:0 20px ;
		line-height:32px;
	}
	.instr_info .dlBox>dt{
		font-size:14px;
		font-weight:bold;
	}
	.instr_info .dlBox dd{
		text-indent:2em;
	}
	.instr_info .ddBox dd{
		text-indent:4em;
	}
	.instr_info .part{
		padding: 20px;
	
	}
	.instr_info .part img{
		display:block;
		width:90%;
		margin:0 auto;
		}
	.instr_info .part h2{
		font-size:16px;
		font-weight:700;
		line-height:32px;
		text-align:center;
		background:#666666;
		color:#fff;
		
	}
	.instr_info .part h2::before,.instr_info .part h2::after{
		content:'';
		display:inline-block;
		width:6px;
		height:6px;
		background:#fff;
		border-radius:100%;
		vertical-align:middle;
		margin:0 10px;
		
	}
	.instr_info .part h3{
		font-size:14px;
		font-weight:700;
		margin:20px;
		padding-left:15px;
		border-left:8px solid #c40400
	}
	.instr_info .part h4{
		font-size:14px;
		margin:10px 30px;
		display:inline-block;
		font-weight:700;
		padding:0 15px;
		font-weight:bold;
		border-left:6px solid #38a77d;
		border-right:6px solid #38a77d;
	}
	.instr_info .part p{
		padding:10px 60px; 
		line-height:26px;
		text-align:justify;
		
	}
	.instr_info .part small{
		text-align:center;
		font-size:10px;
		color:#666;
		display:block;
		padding:10px; 
	}
		
.bgw{
	background:#fff;
}	
.ml{
	position:fixed;
	left:50%;
	bottom:20%;
	padding:10px 20px;
	background:#39a67d;
	color:#fff;
	z-index:99;
	opacity:.2;
}
.ml:hover{
	opacity:1;
	cursor:pointer;
	color:#fff;
}
.newsCenter{
	padding:10px;
}
.newsCenter h2{
	padding:10px;
	text-align:center;
	font-size:16px;
	font-weight:700;
}
.newsCenter time{
	display:flex;
	justify-content:space-between;
	font-size:10px;
	color:#666;
}
.newsCenter .content p{
	line-height:21px;
	text-align:justify;
	text-indent:2em;
}
.newsCenter .content img{
	display:block;
	width:90%;
	margin:5px auto;
}
/*自定义课程*/
.addCertifBtn{
	margin:8px 0 10px 20px;
	color:#4488ff;
	border:1px dashed #4488ff;
}
.addCertifBtn i{
	color:#4488ff;
}
.CertifBox{
	position:relative;
}
.Certif_con{
	display:none;
	position:absolute;
	left:198px;
	top:-240px;
	z-index:9999;
	border:1px solid #e7e7e7;
}
.Certif_con button{
	background:none;
	border:none;
}
.Certif_con dd{
	color:#999999;
	cursor: pointer;
}
.Certif_con p{
	font-size:14px;
	text-align:right;
	color:#999;
	padding:5px;
}
.zj_dl dt{
	color:#999;
	padding-left:30px;

}
.layui-nav-tree dd.layui-this .Certif_con a{
	background:none;
	border:none;
	color:#999;
}
.layui-nav-tree dd.layui-this .Certif_con a:hover{
	color:#333;
}

/*左侧栏滚动，便于定位显示 */
.layui-side-scroll,.layui-layout-admin .layui-side,.layui-side{
	overflow:inherit;
}

.addCouPrice #description p{
	font-size:12px;
}
.addCouPrice #description p img{
	width:100%;
}
/* 用于显示的 */
.layui-table-grid-down{
	position:absolute;
	top:0;
	right:0;
	width:26px;
	height:100%;
	padding:5px 0;
	border-width:0 0 0 1px;
	text-align:center;
	background-color:#fff;
	color:#999;
	cursor:pointer
}
.layui-table-grid-down .layui-icon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-8px 0 0 -8px
}
.layui-table-grid-down:hover{
	background-color:#fbfbfb
	
}
.layui-table-tips-c{
	position:absolute;
	right:-3px;
	top:-13px;
	width:20px;
	height:20px;
	padding:3px;
	cursor:pointer;
	background-color:#666;
	border-radius:50%;color:#fff
}
.layui-table-tips-c:hover{
	background-color:#777
}
.layui-table-tips-c:before{
	position:relative;
	right: 0px;
    top: -2px;
}
.layui-icon-close:before{content:"\1006"}
.layui-icon-close-fill:before{content:"\1007"}
.layui-icon-down:before{content:"\e61a"}
.layui-menu {
    position: relative;
    margin: 5px 0;
    background-color: #fff;
}
.layui-menu li {
    position: relative;
    margin: 1px 0;
    width: calc(100% + 1px);
    line-height: 26px;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
	padding-left: 10px;
}
.layui-menu-body-title {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layui-dropdown {
    position: absolute;
    left: -999999px;
    top: -999999px;
    z-index: 66666666;
    margin: 5px 0;
    min-width: 100px;
	box-shadow: 2px 3px 10px #999;
}
.layui-dropdown:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    top: -6px;
}

/**左侧新**/
.layui-nav-tree .layui-nav-item{
	
}
.layui-nav-tree .layui-nav-item a{
	line-height:55px;
	height:55px;
}
.layui-nav-tree .layui-nav-item a i{
	font-size:20px;
	padding-right:8px;
	color:#0a0a0a;
	vertical-align:middle;
}
.layui-nav-tree .layui-this>a{
    color: #0088ff;
    background:#d9edff;
    border-left:none;
}
.layui-nav-tree .layui-this>a i{
	 color: #0088ff;
}

.layui-nav .layui-nav-child dd.layui-this a{
	 background:#e9f4ff;
	 color: #0088ff;
	 border-left:none;
}

.layui-nav-itemed .layui-nav-more{
	display:none;
}
/* 右侧悬浮 */
.rightFix{
	width:210px;
	position: fixed;
	right:10px;
	top:100px;
}
.rightFix .top{
	background:#fff;
	border-radius: 8px;
	padding:20px;
}
.rightFix h5{
	font-size:16px;
	font-weight: 700;
	padding-bottom: 10px;
}
.rightFix ul{
	line-height:2;
}
.rightFix ul li{
	width:100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
}
.rightFix .bottom{
	margin-top:10px;
}
.rightFix .bottom ul{
	display: flex;
	flex-wrap: wrap;
}
.rightFix .bottom ul li{
	width:50%;
	text-align: center;
	margin-top:10px;
}
.rightFix .bottom ul li img{
	border-radius: 8px;
	width:90%;
	margin:2% 5% 0;
}
.rightFix .bottom ul li a{
	cursor: pointer;
	display: block;
}
.rightFix .con{
	position:relative;
}
.rightFix .btns{
	position: absolute;	
	top:50%;
	font-size: 15px;
	z-index: 999;
	
}
.rightFix .btns:hover{
	cursor: pointer;
}
.recharge a{
	margin-bottom:20px;
}
@media screen and (max-width: 1600px) {
	.rightFix{
		width:270px;
	}
	.rightFix h5{
		font-size:14px;
	}	
	.rightFix ul li{
		font-size:13px;
	}
	.rightFix .bottom ul li{
		width:33%
	}
	.rightFix .bottom .layui-btn{
		line-height: 28px;
		height: 28px;
	}
	.rightFix .top{
		padding:10px 20px;
	}
}