/*全站页面样式重置开始*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, input, button, select, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, table, tbody, tfoot, thead, tr, th, td,
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time,textarea { padding:0; margin:0; font-family:Microsoft YaHei, SimSun, Lucida Grande, Tahoma, sans-serif; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
caption, th, td { font-weight:normal; text-align:left; }
table { /*border-collapse:collapse; */border-spacing:0; }
input, button, select { vertical-align:middle; }
fieldset, img, abbr, acronym { border:0; }
textarea { resize:none; overflow:auto; }
ul, ol { list-style:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html, body { width:100%; color:#555; font:12px Microsoft YaHei, SimSun, Lucida Grande, Tahoma, sans-serif; line-height:normal; -webkit-text-size-adjust:none; }
html { overflow-y:auto; *overflow-y:scroll; }
:focus { outline:0; }
a,a:visited,a:active { text-decoration:none; /*-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;*/ }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display:block; }
.clearFix { *zoom:1; }
.clearFix:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
input,textarea,input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none; } /*IOS默认样式*/
img{vertical-align: top;}
input,textarea{border: 0px none;-webkit-border: 0px none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
/*全站页面样式重置结束*/
body{min-width: 1400px;}
a{cursor: pointer;}
select{appearance: none;-webkit-appearance: none;border: 0px none;outline: none;}

/*----去margin*/
/*----清浮动*/
.clearFloat_t:after{
	content: '.';
	clear: both;
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

.disN{
	display: none !important;
}

/*----placeholder*/
 /* WebKit browsers*/ 
/*input::-webkit-input-placeholder {
　color:#999999;
}

textarea::-webkit-input-placeholder {
　color:#999999;
}

input::-webkit-input-placeholder{
	color: #999999 !important;
}*/

/*----左浮动*/
.floatL{
	float: left !important;
}

/*----右浮动*/
.floatR{
	float: right !important;
}

/*----居上*/
.verT{
	vertical-align: top;
}

/*----去margin*/
.mgrB0{
	margin-bottom: 0px !important;
}

.mgrL0{
	margin-left: 0px !important;
}

.mgrT0{
	margin-top: 0px !important;
}

.mgrR0{
	margin-right: 0px !important;
}


/*----去padding*/
.padT0{
	padding-top: 0px !important;
}

.padB0{
	padding-bottom: 0px !important;
}

.padL0{
	padding-left: 0px !important;
}

.padR0{
	padding-right: 0px !important;
}

/*----去border*/
.borderR0{
	border-right: 0px none !important;
}

.borderB0{
	border-bottom: 0px none !important;
}

@font-face {
    font-family: 'arial_blackregular';
    src: url('../fonts/arial_black-webfont.woff') format('woff'),
         url('../fonts/arial_black-webfont.ttf') format('truetype'),
         url('../fonts/arial_black-webfont.svg#arial_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mgrB40{
	margin-bottom: 40px;
}

/*----通用遮罩*/

.posiR{
	position: relative;
}

.popMask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}

.popMask2{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
	z-index: 16;
}

/*----顶部页面样式*/
#header{
	width: 100%;
	height: 70px;
	line-height: 70px;
	background: url(../img/head-bg.png) no-repeat;
	text-align: center;
	position: relative;
}

.head-inr{
	width: 1400px;
	margin: 0 auto;
	height: 100%;
}

.webIcon-header{
	display: block;
	float: left;
}

.info-box-header{
	float: right;
	height: 100%;
}

.info-box-header ul li{
	float: left;
	list-style: none;
	line-height: 70px;
	height: 100%;
}

.info-box-header ul li img{
	display: block;
}

.info-box-header ul li.msg-li-header{
	position: relative;
	margin-right: 30px;
}

.num-msg-header{
	width: 24px;
	height: 24px;
	background: #f34602;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	right: -8px;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}

.info-box-header ul li.setting-header{
	margin-right: 30px;
}

.user-info-li-header{
	position: relative;
	margin-right: 40px;
}

.img-user-header{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 14px;
	float: left;
	margin-top: 11px;
}

.img-user-header img{
	width: 100%;
	height: 100%;
	display: block;
}

.user-name-header{
	font-size: 16px;
	color: #fff;
}

.ctrl-box-header{
	color: #fff8e0;
	font-size: 18px;
	margin-right: 42px;
}

.ctrl-box-header a{
	color: #fff8e0;
	font-size: 18px;
}

.ctrl-box-header img{
	float: left;
	margin-right: 11px;
}


/*----底部样式*/
#footer{
	padding-top: 20px;
	overflow: hidden;
	width: 100%;
	padding-bottom: 32px;
	background: #fff8dc;
	position: relative;
	z-index: 2;
}

.footer-inr{
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}

.icon-botm{
	float: left;
	display: block;
	overflow: hidden;
}

.icon-botm img{
	display: block;
}

.alert-title{
	font-size: 28px;
    color: #fff8e1;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: url(../img/agreementTop.png) no-repeat;
}

.alert-title span.left{
	margin-left: 30px;
}

.alert-title span.right{
	float: right;
    font-size: 50px;
    position: relative;
    right: 29px;
    top: -4px;
    cursor: pointer;
}

/*.popMask table td{
	height: 51px;
	line-height: 50px;
}*/
.popMask .td1{
	color: #6c6c6c;
	text-align: right;
	padding-bottom: 20px;
}

.popMask .td2{
	color: #6c6c6c;
	padding-bottom: 20px;
}

.ipt-normal-alert{
	width: 380px;
	height: 48px;
	line-height: 48px;
	background: #f6f6f6;
	border: 1px solid #eee;
	padding-left: 18px;
	margin-left: 24px;
	font-size: 18px;
	border-radius: 6px;
	/*color: #ccc;*/
}

.ipt-yzm-alert{
	padding-right: 126px;
	width: 254px;
}

.vc-btn-alert {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #eb960a;
    position: absolute;
    right: 7px;
    top: 5px;
    border-radius: 4px;
    display: block;
}

.vc-btn-alert:hover{
	background: #f9ac0c;
}

.btn-alert{
	width: 400px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #eb960a;
	border-radius: 12px;
	cursor: pointer;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -200px;
}

.btn-alert:hover{
	background: #F9AC0C;
}


.alert-phone-txt{
	margin-left: 24px;
}

.popMask .txt-tip{
	font-size: 16px;
	color: #999;
	text-align: right;
	cursor: pointer;
}

.popMask .txt-tip:hover{
	color: #F9AC0C;
}


/*----背景*/
.bg-botm-fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding-bottom: 174px;
	background: #fff8dc;
}

.bg-botm-fixed img{
	display: block;
}

#scrollStyle::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 28px; 
  }
  
#scrollStyle::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-left: 14px solid #e9e9e9; 
  }
  
#scrollStyle::-webkit-scrollbar {
  width: 14px;
  height: 13px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  }
  
#scrollStyle::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 28px;
}
  
#scrollStyle::-webkit-scrollbar-thumb:hover {
	background-color: #cdcdcd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.padB40{
	padding-bottom: 40px;
}

.padB174{
	padding-bottom: 174px;
}


/*----首页下拉样式*/
.select-head{
	display: inline-block;
	height: 100%;
	font-size: 30px;
	color: #fff;
	font-family: arial;
	cursor: pointer;
}

.select-head span{
	width: 14px;
	height: 8px;
	display: inline-block;
	background: url(../img/select-head-arrow.png) no-repeat;
	margin-left: 20px;
	position: relative;
	top: -4px;
}


/*----视频border颜色*/

/*----basic*/
.borderColor-basic{
	border-color: #fb3b6a !important;
}

/*----song*/
.borderColor-song{
	border-color: #fca513 !important;
}

/*----finger*/
.borderColor-finger{
	border-color: #9654ea !important;
}

/*----activity*/
.borderColor-activity{
	border-color: #23a4ff !important;
}

/*----game*/
.borderColor-game{
	border-color: #fe6127 !important;
}

/*------plan*/
.borderColor-plan{
	border-color: #afb322 !important;
}

/*----evaluation*/
.borderColor-evaluation{
	border-color: #526efb !important;
}

/*------evaluation当前样式*/
.nav-course-video ul li a.active-evaluation:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5874fb;
    margin-left: -5px;
}

/*------basic当前样式*/
.nav-course-video ul li a.active-basic:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fb3f71;
    margin-left: -5px;
}

/*------song当前样式*/
.nav-course-video ul li a.active-song:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fca715;
    margin-left: -5px;
}

/*------finger当前样式*/
.nav-course-video ul li a.active-finger:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #9a5aeb;
    margin-left: -5px;
}

/*------activity当前样式*/
.nav-course-video ul li a.active-activity:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #25a6ff;
    margin-left: -5px;
}

/*------game当前样式*/
.nav-course-video ul li a.active-game:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fe6228;
    margin-left: -5px;
}

/*------plan当前样式*/
.nav-course-video ul li a.active-plan:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #b1b626;
    margin-left: -5px;
}

/*----教案样式*/
.teaching-plan{
	position: fixed;
	right: 0;
	top: 313px;
	background: url(../img/teaching-plan.png) no-repeat;
	width: 101px;
	height: 118px;
	cursor: pointer;
}


.must{
	color: #f34602;
	position: relative;
	right: 11px;
	top: 2px;
}

.lan-li-header a{
	font-size: 20px;
	color: #efe0ad;
}

.lan-li-header a.active{
	color: #fff8e0;
}

/*----提交成功提示*/
.data-success,.data-fail,.data-ajax-tips{
	width: 414px;
	height: 190px;
	background: #737373;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
	font-size: 32px;
	text-align: center;
	line-height: 190px;
	border-radius: 10px;
	z-index: 999;
	display: none;
}


/*----placeholder*/
.ipt-form::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cccccc;
}
.ipt-form:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc;
}
.ipt-form::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc;
}
.ipt-form:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cccccc;
}

.textArea-placeholder::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cccccc;
}
.textArea-placeholder:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc;
}
.textArea-placeholder::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc;
}
.textArea-placeholder:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cccccc;
}

.placeholder{
	color: #ccc;
}

.gray {
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	filter: grayscale(100%); 
	filter:url('gray.svg#grayscale');
	filter:gray;
}


/*----alert样式——17/09/25*/
.popAlert {
	display:none; 
	position:fixed; 
	z-index:1000; 
	left:50%; 
	top:50%; 
	margin:-200px 0 0 -300px; 
	width:600px;
	height: 400px; 
	padding-bottom:47px; 
	background-color:#FFF; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
	border-radius: 18px;
}

.popClose{
	font-size: 56px;
	color: #ccc;
	font-weight: bold;
	position: absolute;
	right: 30px;
	top: 4px;
	cursor: pointer;
}

.popError{
	width: 207px;
	height: 127px;
	margin: 0 auto;
	background: url(../img/alertImg.png) no-repeat;
	margin-top: 70px;
	margin-bottom: 42px;
}

.popCnt {
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #eb960a;
}

.popCnt2 {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #6C6C6C;
	margin-top: 24px;
}

.popMask-alert { display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}

.prev:hover{
	background: #CDCDCD !important;
}

.color666{
	color: #666 !important;
}

/*.imgPreview img{
	width: 120px;
	height: 120px;
}*/

/*2018-11-09 add video none begin*/
.preparationBox{
	width: 1390px;
	border: 5px solid #ec9c0d;
	border-radius: 18px;
	height: 510px;
	display: block;
	text-align: center;
}

.preparationBox .preparation{
	display: inline-block;
	margin-top: 106px;
}
/*2018-11-09 add video none over*/