*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	overflow:auto;
	font-family:"Microsoft YaHei" ! important;
	font-size:15px;
	height:100%;
	color:#333333;
}
a,div,li,ul,span,p,img{border:0;}
a:focus{outline:none;}
table.tabno{width:100%;margin:0;padding:0;height:100%;} 
table.tabno,.tabno td{border:0 none;border-collapse:collapse;padding:0;margin:0;}
input:focus,textarea:focus,select:focus{
	outline:none;
}
input::placeholder {
	color:#555555;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	opacity: 1;
	line-height:40px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
input[type=button], input[type=submit], input[type=file], button {cursor:pointer;outline:0px; -webkit-appearance:none; }
/*******************************************maskÕÚÕÖ       beg*******************************************/
.loadmask {
    z-index: 700;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: .4;
    opacity: .40;
    filter: alpha( opacity = 40);
	width:100%;
	height:100%;
	zoom:1;
	display:none;
}.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #6593cf;
    background: #c3daf9;
    padding: 4px;
}.loadmask-msg .mask_lading {
    padding: 30px 40px 30px 80px;
    background: #fbfbfb url('images/loading.gif') no-repeat 30px 23px;
    background-size:32px 32px;
    line-height: 16px;
    border: 1px solid #a3bad9;
    color: #222;
    cursor: wait;
}.loadmask-msg .normal {
    padding: 10px 20px 10px 20px;
    background-color: #fbfbfb;
    line-height: 32px;
    border: 1px solid #a3bad9;
    color: #222;
	display:block;
}.masked {
    overflow: hidden !important;
}.masked-relative {
    position: relative !important;
}.masked-hidden {
    visibility: hidden !important;
}
/*******************************************maskÕÚÕÖ       end*******************************************/

.header{
	width:auto;
	margin:0 auto;
	height:140px;
	padding-top:18px;
	background:url(images/top.jpg) center center no-repeat;
	background-size:100% 200px;
}
.weblogo{
	width:auto;
	margin-left:15px;
	height:56px;
	padding-left:65px;
	background:url(images/logo.png) left center no-repeat;
	
}
.cnSystem{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #6D283B;
	opacity: 1;
	padding-top:5px;
}
.enSystem{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #6D283B;
	opacity: 1;
}

.loginBox{
	width:auto;
	margin:0 auto;
}

.bussiBox{
	width:auto;
	margin:0 auto;
	margin-top:20px;
}

.jfBox{
	width:auto;
	margin:0 auto;
	margin-top:5px;
}

.videoBox{
	width:auto;
	margin:0 auto;
	margin-top:20px;
}

.headFix{
	width:auto;
	margin:0 auto;
	height:20px;
	margin-top:-10px;
	border-radius:20px;
	background:#f6f6f6;
}

.webTitBox{
	width:auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
	height:40px;
	line-height:40px;
	background:linear-gradient(to bottom right,#195fce,#25adfa);
	border-bottom-left-radius:18px;
	border-top-right-radius:18px;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
}
.webFix{
	margin-left:20px;
	background:url(images/titLeft.png) left center no-repeat;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 1;
	padding-left:30px;
	width:fit-content;
}

.webTit{
	background:url(images/titRight.png) right center no-repeat;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 1;
	padding-right:30px;
	width:fit-content;
}

.contsBox{
	width:auto;
	margin-left:15px;
	margin-right:15px;
}

.userStu{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/user.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
	
}
.userPxs{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/pxs.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.userTech{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/tech.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.userComp{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/comp.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}


.bussiXljy{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/xljy.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
	
}
.bussiSzjz{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/szjz.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
	
}
.bussiJnjd{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/jnjd.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.bussiBzz{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/bzz.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.bussiGdjg{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/gdjg.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.bussiYcsf{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/ycsf.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.bussiNyjz{
	width:auto;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#FFFFFF url(images/nyjz.png) left 20px center no-repeat;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	padding-left:60px;
	margin-bottom:15px;
	cursor:pointer;
}
.userFix{
	background:url(images/rightTo.png) right 20px center no-repeat;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

.queryMore{
	float:right;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	line-height:40px;
	padding-right:20px;
}

.tit{
	width:auto;
	margin-left:15px;
	margin-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	color:#000;
	font-size:20px;
	font-family: Microsoft YaHei;
	font-weight:bold;
	
}


.playUnit{
	width:175px;
	margin:0 auto;
	float:left;
	background:#ffffff;
	margin-bottom:15px;
	cursor:pointer;
	padding-bottom:10px;
	position:relative;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.playImg{
	width:auto;
	margin:0 auto;
	height:102px;
	position:relative;
}
.playImg img{
	width:175px;
	margin:0 auto;
	height:auto;
	border: 1px solid #F3F6F9;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.playNolearn{
	position:absolute;
	width:74px;
	height:26px;
	line-height:26px;
	left:0;
	bottom:0;
	background:url(images/learned.png) no-repeat left center;
	color:#ffffff;
}
.playLearning{
	position:absolute;
	width:74px;
	height:26px;
	line-height:26px;
	left:0;
	bottom:0;
	background:url(images/learning.png) no-repeat left center;
	color:#ffffff;
}
.playLearned{
	position:absolute;
	width:120px;
	height:26px;
	line-height:26px;
	left:0;
	bottom:0;
	background:url(images/nolearn.png) no-repeat left center;
	color:#ffffff;
}
.playTxt{
	width:auto;
	margin:0 auto;
	padding-top:10px;
	height:40px;
	color: #000000;
	font-size: 14px;
	letter-spacing: 0px;
	text-align: center;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	text-align:center;
}

table.tabview/*±íµ¥±í¸ñ*/
{
    width:100%;
    table-layout: fixed; 
    border-collapse:collapse;
    background:#ffffff;
}
table.tabview th
{
    text-align:center; 
    border-collapse:collapse;
    border:1px solid #dddddd; 
    line-height:28px; 
    background:#deeefa; 
    font-family:"΢ÈíÑźÚ",Arial;  
    color:#212121;
    font-size:14px;
    font-weight:300; 
    padding:0;
    white-space:normal;
    word-wrap:break-word;
	word-break:break-all;
	padding:5px;
	font-weight:bold;
}
table.tabview td
{
    text-align:left; 
    line-height:28px; 
    border-collapse:collapse;
    border:1px solid #dddddd; 
    font-family:"΢ÈíÑźÚ",Arial;  
    color:#212121;
    font-size:14px;
    margin:0;
    padding:0;
    white-space:normal;
    word-wrap:break-word;
	word-break:break-all;
	padding:5px;
}

.videoUnit{
	width:auto;
	margin:0 auto;
	background:#fff;
	box-shadow: 0px 2px 8px rgba(23,87,201,0.1);
	opacity: 1;
	border-radius: 8px;
	padding:15px;
	margin-bottom:15px;
}

.videoImgBox{
	float:left;
	width:133px;
	height:100px;
}
.videoImgBox img{
	width:133px;
	height:100px;
}
.videoRig{
	float:right;
	width:180px;
	margin:0 auto;
}
.videoTigTit{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #12152A;
	opacity: 1;
	line-height:28px;
	height:60px;
}

.videoBtnBox{
	height:40px;
	text-align:right;
}

.btnVideoPlay{
	width:100px;
	height: 32px;
	background: linear-gradient(270deg, #1B74DC 0%, #1757C9 100%);
	opacity: 1;
	border-radius: 16px;
	border:0 none;
	color:#fff;
	font-size:14px;
}

.footer{
	width:auto;
	margin:0 auto;
	background:#12152A;
	margin-top:30px;
	color:#ffffff;
	text-align:center;
	line-height:40px;
}