/** reset **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background: #FFFFFF;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;cursor: pointer;}
em { font-style: normal; }
ul, ol ,li{ list-style: none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0);color:#000;}
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table {border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc;  padding: 0; }

select {outline: none; font-family: Helvetica;}
input{outline: none;font-family: Helvetica;padding:0;}

a,input,button{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{ text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover{color: #045fb8;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a.hidefocus{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
img { border: 0px; outline-width: 0px; vertical-align: top;}
.clearfix:after{clear:both;content:"\200B";display: block;height:5px;visibility:hidden;}
.clearfix{*zoom:1;}
.fl { float: left; }
.fr { float: right; }
i{font-style: normal;}
b{font-weight: normal;}
.w1200{width: 1200px;margin: 0 auto;}
input[type="button"]{border: none;}
input[type="button"]::-moz-focus-inner{border:none;padding:0;font-family:arial;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);} 
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;  }
body{font-family: "微软雅黑";}
input[type="file"]{opacity: 0; 
	filter:alpha(opacity=0); /* IE */  
	-moz-opacity:0; /* 老版Mozilla */  
	-khtml-opacity:0; /* 老版Safari */  
	opacity: 0; }
/*********input通用样式*************/
input[type="text"]，input[type="password"]{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0 5px;
	border:1px solid #e3e3e3;
}
/**************select选择框通用样式******************/
select{
	height: 28px;
	line-height: 28px;
	color:#8f8f8f;
	font-size: 12px;
	text-align: center;
	border:1px solid #e3e3e3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
/************文本框通用样式************************/
textarea{
	font-size: 12px;
	border:1px solid #e3e3e3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 8px;
}
/*************按钮通用样式******************/
button{cursor:pointer;border:none;}

/*通用按钮*/

/*****一级按钮---登录、下一步、注册**********/
.gradesOneButton{
	width:310px;
	height:40px;
	line-height: 40px;
	background: #1b94fc;
	border:none;
	color:#fff;
	border-radius: 5px;
}

/*获取短信验证码按钮*/
.gradesOneButonGray{
	width:186px;
	height:40px;
	line-height: 40px;
	background: #cdcdcd;
	border:none;
	color:#fff;
	border-radius: 5px;
}
.gradesOneButonorange{
	width:158px;
	height:30px;
	line-height: 30px;
	background: #fa6f12;
	border:none;
	color:#fff;
}
/*二级按钮---立即报名、已报名、下载资源、购买资源、*/
.gradesSecondButton{
	width:120px;
	height:34px;
	line-height: 34px;
	background: #fc4100;
	border:none;
	color:#fff;
	font-size: 15px;
	border-radius: 5px;
}
/*三级级按钮---保存*/
.gradesThirdButton{
	width:100px;
	height:40px;
	line-height: 40px;
	color:#fff;
	border:none;
}
/*四级级按钮---*/
.gradesFouthButton{
	width:80px;
	height:24px;
	line-height: 24px;
	background: #fc4100;
	border:none;
	color:#fff;
}
/*五级按钮*/
.gradesFifthButton{
	width:60px;
	height:24px;
	line-height: 24px;
	background: #fc4100;
	border:none;
	color:#fff;
	border-radius: 5px;
}
/********操作按钮--宽度自适应********/
.operationBtn{
	padding:2px 10px;
	border:none;
	color:#fff;
	line-height: 20px;
	font-size: 12px;
	border-radius: 3px;
}
/*按钮---中等--无圆角*/
.common-btn-md{
	width:100px;
	height:40px;
	line-height: 40px;
	color:#fff;
	border:none;
	border-radius: 5px;
}
.btn-commom-big{
	border:none;
	font-size: 12px;
	padding:3px 7px;
	line-height: 16px\0;
	color:#FFFFFF;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-left: 181px;
	cursor: pointer;
}
.btn-commom-big:hover{
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8
}
.bgBlue{
	background: #4fbdf0;
}
.btn-commom{
	border:none;
	font-size: 12px;
	padding:2px 4px;
	color:#FFFFFF;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-left: 8px;
	cursor: pointer;
	
}
.btn-commom:hover{
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8
}
/*******微课、文档投诉的上架、删除、无问题**************/
.btn-Payment{
	border:none;
	font-size: 14px;
	padding:5px 20px;
	color:#FFFFFF;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-left: 8px;
	cursor: pointer;
	background: #ff592d;
}
.graybg{
	background: #cecece;
}
/*******老师首页进入课堂按钮*****************/
.BtnLive{
	border:none;
	font-size: 12px;
	width:68px;
	text-align: center;
	height:20px;
	line-height: 20px;
	color:#FFFFFF;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-left: 8px;
	cursor: pointer;
}

.hand img{
	width:30%;
}
.btnBlue{
	background: #4fbdf0;
}
.btnGray{
	background: #9b9b9b;
}
.btnOriange{
	background: #ff632c;
}
.BtnLive a{
	color:#fff;
}
.btn-special{
	background: #ff592d;
}
/*********价格通用样式*************/
.buy_price{
	color:#ff632c;
	font-weight: normal;
}
span{cursor: pointer;}
/**************鼠标经过变成手形******************/
.HoverCursor{cursor: pointer;}
/***************鼠标进过阴影效果****************/
.HoverShadow:hover{ 
    -webkit-box-shadow:#c7c7c7 0 0 2px 2px; 
    -moz-box-shadow:#c7c7c7 0 0 2px 2px; 
    -ms-box-shadow:#c7c7c7 0 0 2px 2px; 
    box-shadow: #c7c7c7 0 0 2px 2px; 
    -moz-transition: all 0.5s ease-in; 
	-webkit-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in; 
	transition: all 0.5s ease-in; 
}
.icon-watch{
	display: inline-block;
	vertical-align: middle;
	background: url(/assets/html/pc/img/alterico.png) no-repeat -31px -14px;
	width:19px;
	height:13px;
	margin-right: 3px;
}
.icon-comment{
	display: inline-block;
	vertical-align: middle;
	background: url(/assets/html/pc/img/alterico.png) no-repeat -111px -11px;
	width:19px;
	height:19px;
	margin-right: 3px;
}
.ico-attention{
	display: inline-block;
	width:21px;
	height:17px;
	margin-right: 6px;
	vertical-align: middle;
	background: url(/assets/html/pc/img/alterico.png) no-repeat -51px -32px;
}
.icons-alreadyCollect{
	display: inline-block;
	width:37px;
	height:37px;
	margin-right: 6px;
	vertical-align: middle;
	background: url(/assets/html/pc/img/iconLog.png) no-repeat -214px -363px;
}
.header .hText dl dt dd{
	box-sizing:content-box!important;
}
/**************科目样式********************/
.small-subject{
	font-size: 13px;
	padding:2px 2px 3px 3px;
	background:#ff6600;
	color:#FFFFFF;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-right:3px;
	margin-bottom: 5px;
	+margin-top:-120px;
	*margin:-180px 0px 0 70px;
}

/************学段样式*******************/
.small-subject-k{
	font-size: 13px;
	padding:2px 2px 2px 3px;
	background: #ffcc00;
	color:#FFFFFF;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-right:8px;
	margin-bottom: 5px;
}
.small-subject-k:hover{
	opacity: 0.8;
	filter: alpha(opacity=0.8);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/*********转码图标*******************/
.icon-zhunama{
	display: inline-block;
	vertical-align: middle;
	background: url(/assets/html/pc/img/iconLog.png) no-repeat -269px -218px;
	width:31px;
	height:27px;
	margin-right: 5px;
}
/**********************/
.ico-relations{
	display: inline-block;
	vertical-align: middle;
	background: url(/assets/html/pc/img/ico.png) no-repeat -51px -33px;
	width:18px;
	height:16px;
	margin-right: 5px;
}
/*************免费购买图标**************/
.icon-freeBought{
	display: inline-block;
	vertical-align: middle;
	background: url(/assets/html/pc/img/alterico.png) no-repeat -168px -32px;
	width:32px;
	height:32px;
	margin-right: 10px;
}

/************阶段与科目通用样式*******************/
.grade ul{
	padding: 35px 0 28px 0;
}
.grade ul li{
	position: relative;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color:#373438;
	background: #f7f7f7;
	margin-top: 10px;
	padding-left: 10px;
	border:1px solid #e1dfdf;
}
.gradesSlide .gradesLeft{
	display: inline-block;
	width:80px;
	height:25px;
	margin-left: 10px;
	line-height: 25px;
	text-align: center;
}
.gradesSlide .gradesLeft.active{
	background: #00AFF1;
	color:#fff;
}
.gradesSlide .gradesLeft:hover{
	background: #00AFF1;
	color:#fff;
}
.gradesSlide .gradesRight{
	color:#b0b0b0;
	display: inline-block;
	width:60px;
	height:25px;
	margin-right: 10px;
	line-height: 25px;
	text-align: center;
}
.gradesSlide .gradesRight.active{
	background: #00AFF1;
	color:#fff;
	border-radius: 4px;
}
.gradesSlide .gradesRight:hover{
	background: #00AFF1;
	color:#fff;
	border-radius: 4px;
}
.search dl dt i.searchImg{
	display: inline-block;
	width:21px;
	height:21px;
	background: url(/assets/html/pc/img/icons.png) no-repeat -229px 0;
	margin-left: 4px;
	margin-top: 2px;
}
.gradeSelect{
	display: inline-block;
	width:118px;
	height:34px;
	line-height: 34px;
	margin-left: 10px;
	border:1px solid #0ba4ea;
	border-radius: 8px;
	background: #fff;
}
.icons-blueXiala{
	display: inline-block;
	width:14px;
	height:9px;
	text-align: center;
	background: url(/assets/html/pc/img/icons.png) no-repeat -286px -149px;
	margin-left: 10px;
}
.centerGrade{
	margin-left: 30px;
}
.greenBG{
	background:#22c313;
}

/*.gradesFifthButton{
	width:60px;
	height:24px;
	line-height: 24px;
	background: #fc4100;
	border:none;
	color:#fff;
	border-radius: 5px;
}*/

.gradesThirdButton{
	width:100px;
	height:30px;
	line-height: 30px;
	color:#fff;
	border:none;
	border-radius: 1px;
}
.segmentLabel a{color:fff;}