@charset "utf-8";
/*css reset*/
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;}
body {font-size:12px;line-height:1;color:#666;font-family:"Microsoft YaHei","微软雅黑",SimSun,"Oxygen",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none; background:#FFF;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu {display:block;}
input {font-size:12px;line-height:1;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0;}
ul {list-style:none;}
li,dl{list-style-type:none;}
textarea{resize:none; overflow:auto;}
em,i { font-style: normal; }
input{vertical-align: middle;margin:0;padding:0;}

/* 颜色链接 */
a:link,a:visited {text-decoration:none; color:#333}
a:hover {transition:all 0.3s ease-in-out 0s;}
textarea{outline:none;}

/* HTY Common Reset*/
html{overflow-x:hidden;}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}

body{max-width:6.4rem; margin: 0 auto;}

/*下面后加*/

/*改变表单placeholder中文字的颜色*/
input::-webkit-input-placeholder{color:#CCCCCC;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */	color:#CCCCCC;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#CCCCCC;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#CCCCCC;}
textarea::-webkit-input-placeholder{color:#CCCCCC;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color:#CCCCCC;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#CCCCCC;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#CCCCCC;}
/*改变表单placeholder中文字的颜色*/

/*去除div或是图片png图片点击会出现阴影，由其是手机端更明显*/
a {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

input{border:0;outline:none;}/*去掉input选中后去掉蓝色*/
textarea{border:0;outline:none;}/*去掉textarea选中后去掉蓝色*/

/*百分百表单框*/
._input{border:1px solid #cccccc; background: #FFFFFF; width:99%; height:0.52rem; line-height:0.52rem; font-size:0.22rem; color:#666666; text-align:left; text-indent:0.15rem; border-radius:4px;}
.inputbj{ background-color:#F2F2F2}/*不让填写的表单给加上背景*/

/*百分百内容表单框*/
._textarea{border:1px solid #d9d9d9; background:#fff; width:97.4%; line-height:0.35rem; font-size:0.23rem;  text-indent:0.15rem; border-radius:4px; }
/*百分百下拉框*/
._select{border:1px solid #cccccc; background:#fff; width:99.7%; height:40px; line-height:40px; font-size:0.20rem; color:#666666; text-align:center; text-indent:5px; border-radius:4px;}

/*多选框改成圆形----<li><input name="xq" type="checkbox" class="tui-checkbox" value="<%=rsphoto("class")%>"><span><%=rsphoto("class")%></span></li>*/
.tui-checkbox:checked {
	background:#2ca43a/*选中后的效果*/
}
.tui-checkbox {
	width:25px;
	height:25px;
	background-color:#ffffff;
	border:solid 1px #dddddd;
	-webkit-border-radius:50%;
	border-radius:50%;
	font-size:0.8rem;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	vertical-align:top;
	cursor:default;
	-webkit-appearance:none;
	-webkit-user-select:none;
	user-select:none;
	-webkit-transition:background-color ease 0.1s;
	transition:background-color ease 0.1s;
	vertical-align:middle;
}
.tui-checkbox:checked::after {
	content:'';
	top:5px;
	left:5px;
	position:absolute;
	background:transparent;
	border:#fff solid 2px;
	border-top:none;
	border-right:none;
	height:6px;
	width:10px;
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/*多选框改成圆形end*/

/*提交表单*/
.bnt_save{background:#2ca43a; border:1px solid #2ca43a; border-radius:4px; color:#fff; cursor:pointer; font-size:0.26rem; height:0.63rem; line-height:0.60rem; width:100%; text-align:center}
.bnt_save:hover{background:#f60;border:1px solid #f60;}

/*红色提交表单*/
.red_save{background:#f35543; border:1px solid #f35543; border-radius:4px; color:#FFFF00; cursor:pointer; font-size:0.26rem; height:0.63rem; line-height:0.58rem; width:100%; text-align:center}
.red_save:hover{background:#e21b04;border:1px solid #e21b04;}

/*用于短表单框和小提交按钮*/
._code{border:1px solid #cccccc; background:#fff; width:48%; height:40px; line-height:40px; font-size:14px; color:#666666; text-align:center; text-indent:5px; border-radius:4px;}
.code_save{background:#dddddd;border:1px solid #c3c2c2; float:right;border-radius:4px;color:#000;cursor:pointer;font-size:16px; height:42px; line-height:42px; width:48%; }

/*font*/
@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../font/iconfont.woff2') format('woff2'),
		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;
	-moz-osx-font-smoothing: grayscale;
}

/*定义整体宽度*/
.content{ width:100%; height:auto; overflow:hidden; background-color:#fff}
.content_top{padding-top:0.7rem}
.content_top_x{padding-top:0.3rem}
.content_bottom{padding-bottom:1.1rem}


.main_100{width:100%; height:auto}
.main_95{MARGIN: 0 auto; width:95%; height:auto}
.main_90{MARGIN: 0 auto; width:90%; height:auto}
.main_96{MARGIN: 0 auto; width:96%; height:auto}
.main_80{MARGIN: 0 auto; width:80%; height:auto}
.main_70{MARGIN: 0 auto; width:70%; height:auto}

.pt10{ padding-top:10px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt60{ margin-top:60px;}

.bt10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px}
.bt10p0{border-top:10px solid #EFEFEF; margin-top:10px;}
.bt10m0{border-top:10px solid #EFEFEF; padding-top:10px}
.bt10m0p0{border-top:10px solid #EFEFEF;}
.bt10mpb10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px; padding-bottom:10px}

/*让图片宽度100%*/
.picimg img{width:100%; height:auto}

/*让图片宽度95%显示于文章中间*/
.center_img img{width:95%; height:auto; padding-top:10px; padding-bottom:10px; max-width: 100%; display: block; margin: 0 auto !important;}

/*文章主体*/
.conte_text{font-size:0.22rem; line-height:0.45rem;}
.conte_text_sm{font-size:0.21rem; line-height:0.30rem;}

/*分页start*/
.propage{ width:100%; height:auto; overflow:hidden; margin-top:25px; text-align:center; border-top:1px solid #CCCCCC; font-size:0.23rem; padding-top:10px}
.propage span{ color:#FF0000; font-weight:bold}
.pic_table{height:auto; text-align:center; margin-top:15px;}
.pic_table a{display: inline-block; margin-right:10px; padding:0 10px 0 10px; background:#3cb035; border:1px solid #2ba224; height:0.5rem; line-height:0.5rem; font-size:0.22rem; color:#fff; border-radius:3px;}
.pic_table a:hover{background:#ff6700; border:1px solid #ee6000; color:#fff; text-decoration:none;}
.pic_table SPAN {color:#990000; font-weight:bold;}
/*分页end*/

/*分享*/
#timelineGuid{position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9992000; display: none;}
#timelineGuid img{position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 999999;}
/* 网站公共样式结束 */

/*注册会员*/
.reg_member{MARGIN: 0px auto; width:75%; height:auto; border-radius:4px; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px; padding:5px 25px 35px 25px; -moz-box-shadow:2px 2px 5px #ABABAB; -webkit-box-shadow:2px 2px 5px #ABABAB; box-shadow:2px 2px 5px #ABABAB;}
.reg_member div{ text-align:center}
.reg_member div img{ margin:10px;}
.reg_member p{text-align:center; color:#666666; font-size:0.22rem; line-height:0.35rem}
.reg_member dl{ margin-top:15px}
.reg_member b{ color:#FF0000; font-size:0.26rem;}

/* 首页焦点图banner幻灯片 */
.slideBox{ position:relative; overflow:hidden; margin:0px auto; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:18px; line-height:18px; left:0; bottom:12px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 10px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*头部_带左中右*/
.head{position:fixed; width:100%; height:0.7rem; left:0; top:0; right:0; box-shadow: 0 4px 4px rgba(9,2,4,.40); z-index:999; color:#fff; text-align:center; background:#10aaf2}
.head a{color:#fff;}
.home-btn{width:14%; height:100%; left:0; top:0; position:absolute; font-size:0.40rem; line-height:0.73rem; overflow:hidden; display:block;}
.top-title{width:70%; height:100%; left:15%; top:0; position:absolute; font-size:0.30rem; line-height:0.75rem; overflow:hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.nav-btn{width:14%; height:100%; right:0; top:0; position:absolute; font-size:0.43rem; line-height:0.75rem;  overflow:hidden;}

/*抬头标题不带返回*/
.top_title{ height:0.5rem; line-height:0.54rem; font-size:0.20rem; padding:0 10px; background-color:#EFEFEF; border-bottom:1px solid #E4E4E4}/*灰色不带返回*/
.top_title_lv{ height:0.55rem; line-height:0.55rem; font-size:0.22rem; padding:0 10px; background-color:#2ca43a; border-bottom:1px solid #169a25; color:#FFFFFF; text-align:center}/*微信绿不带返回*/

/*/*微信绿，带返回<div class="top_title_lv_exit"><span class="iconfont"><a href="javascript:history.go(-1);">&#xe6bc;</a></span>扫一扫</div>*/
.top_title_lv_exit{ height:0.65rem; line-height:0.67rem; font-size:0.26rem; padding:0 5px; background-color:#2ca43a; border-bottom:1px solid #169a25; text-align:center; color:#FFFFFF; overflow:hidden}
.top_title_lv_exit span{ float:left;}
.top_title_lv_exit span a{height:0.65rem; line-height:0.67rem; font-size:0.36rem; color:#FFFFFF;}

/*/*红包红，带返回<div class="top_title_lv_exit"><span class="iconfont"><a href="javascript:history.go(-1);">&#xe6bc;</a></span>扫一扫</div>*/
.top_title_red_exit{ height:0.55rem; line-height:0.55rem; font-size:0.22rem; padding:0 5px; background-color:#f35543; border-bottom:1px solid #ef422e; text-align:center; color:#FFFF00; overflow:hidden}
.top_title_red_exit span{ float:left;}
.top_title_red_exit span a{height:0.55rem; line-height:0.60rem; font-size:0.36rem; color:#FFFF00;}

/*列表专用_不带超出文字隐藏*/
.hy_list{ height:auto; margin:0 auto}
.hy_list li{ height:0.55rem; line-height:0.55rem; overflow:hidden; font-size:0.23rem; }
.hy_list li+li{border-top:1px solid #E6E6E6;}
.hy_list li span{ float:right; color:#FF0000}
.hy_list li a{ display:block}

/*列表专用_明确分出左右两侧,超出文字隐藏*/
.fl_list{ height:auto; margin:0 auto}
.fl_list li{ height:0.55rem; line-height:0.55rem; overflow:hidden; font-size:0.22rem; }
.fl_list li+li{border-top:1px solid #E6E6E6;}
.fl_list li p{ float:left; width:90%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.fl_list li span{ float:right; color:#CCCCCC; width:8%; height:auto; text-align:right;}
.fl_list li a{ display:block}

/*列表专用_每行前面带一个小图片
<ul class="iclass_list">
<li><a href="#"><i class="iconfont">&#xe64f;</i>中国电信</a></li>
</ul>
*/
.iclass_list{height:auto; margin:0 auto}
.iclass_list li{ height:0.53rem; line-height:0.56rem; font-size:0.22rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.iclass_list li+li{border-top:1px solid #E6E6E6;}
.iclass_list li i{color:#0099FF; padding-right:7px}
.iclass_list li a{ display:block}

/*列表专用_每行前面带一个小图片,后面还有一个小箭头，每行的小图标颜色还不同
<ul class="membeer_list">
<li><i class="iconfont">&#xe65e;</i>会员ＩＤ：<%=hy_id%><span class="iconfont">&#xe6ab;</span></li>
</ul>
*/
.membeer_list{ height:auto}
.membeer_list li{ height:0.65rem; line-height:0.65rem; padding:0 10px; border-bottom:1px solid #E6E6E6; overflow:hidden; font-size:0.22rem;}
.membeer_list li span{ float:right; color:#CCCCCC}
.membeer_list li i{ color:#FF9900; padding-right:10px;}
.membeer_list li p{ display:inline; padding-right:15px}
.membeer_list li a{ display:block}
.membeer_list li span em{ font-weight:bold; color:#FF0000}
.membeer_list li:nth-child(1) i{ color:#0066FF;}
.membeer_list li:nth-child(2) i{ color:#007c36;}
.membeer_list li:nth-child(3) i{ color:#FF00FF;}
.membeer_list li:nth-child(4) i{ color:#CC0000;}
.membeer_list li:nth-child(5) i{ color:#660000;}
.membeer_list li:nth-child(6) i{ color:#0000FF;}
.membeer_list li:nth-child(7) i{ color:#FF6666;}
.membeer_list li:nth-child(8) i{ color:#009900;}
.membeer_list li:nth-child(9) i{ color:#666600;}
.membeer_list li:nth-child(10) i{ color:#FF0000;}
.membeer_list li:nth-child(11) i{ color:#0000FF;}

/*标题专用，方法：<div class="ititle"><span><a href="/fl/">更多>></a></span>最新课程推荐</div>*/
.ititle{ height:0.25rem; line-height:0.31rem; font-size:0.25rem; font-weight:bold; padding:0 10px; border-left:5px solid #0099FF; margin-bottom:5px;}
.ititle span{ float:right; color:#FF0000; font-size:0.18rem; font-weight:100}
.ititle span a{color:#FF0000;}

/*客服按钮<div class="kefu_qq"><a href="tel:<%=tel_%>"><img src="/images/qq.png" width="55" height="55" /></a></div>*/
.kefu_qq{ position:fixed; bottom:150px; right:10px; width:55px; height:55px;}/*用于浮动电话按钮*/

/*表单之间上下距离*/
.input_margin INPUT, .input_margin textarea{margin:5px 0}

/*两个长形按钮，可以用于首页或是其它地方http://www.lyspf.com/m/index.asp例子
<div class="main_95 reg_info">
	<li><a href="reg.asp"><span class="iconfont">&#xe63e;</span>注册会员</a></li>
	<li><a href="/2019wap/"><span class="iconfont">&#xe619;</span>登录系统</a></li>
</div>
*/
.reg_info{overflow:hidden; margin-top:13px;}
.reg_info li{ float:left; width:48%; height:0.6rem; line-height:0.6rem; background-color:#2ca43a; color:#FFFFFF; margin-right:4%; font-size:0.26rem; text-align:center; border-radius:4px;}
.reg_info li+li{background:#f60;}
.reg_info li a{ display:block; color:#FFFFFF}
.reg_info li span{ padding-right:15px; font-size:0.26rem;}
.reg_info li:nth-of-type(2n+0){margin-right:0px;}

/* footer */
.footer{width:100%; height:0.85rem; position:fixed; bottom:0; right:0; z-index:999; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;background: rgba(0, 0, 0, 0.8);}
.footer a{display:block; float:left; width:25%; color:#73767a; border-right:#4d5054 solid 1px; height:0.85rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer a:nth-child(4){ border:none;}
.footer a span{display:block; width:100%; text-align:center; font-size:0.35rem; line-height:0.55rem;}
.footer a h3{width:100%;text-align:center; font-size:0.18rem; line-height:0.23rem; font-weight:100; color:#CCCCCC}

/*加内边距的不会影响外框大小*/
.p_box{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.ov{overflow:hidden}

/*右侧隐藏菜单*/
.yc_menu{position:fixed; width:2rem; height:100%; right:0; top:0; bottom:0; z-index:99999; display:none}

.nav{width:2rem; height:auto; position:absolute; right:0; top:0; bottom:0; z-index:2; background:#e0051d}
.nav li{width:100%; height:0.7rem; border-bottom:1px solid #303030; text-align:center;}
.nav li a{display:block; font-size:0.26rem; line-height:0.7rem; color:#fff; }

.allpage{ position:fixed; background: rgba(0, 0, 0, 0.7); top:0; right:0; bottom:0; left:0; z-index:9999; display:none}
.allpage_close{ position:fixed; top:0; right:2.3rem; font-size:0.9rem; line-height:1.2; color:#FFF; z-index:99999; display:none}
/* 隐藏菜单 end*/

/*标题专用*/
.title_20191216{ height:0.4rem; line-height:0.4rem; border-bottom:1px solid #CCC; font-size:0.23rem}
.title_20191216 span{ float:right; font-size:0.2rem; font-weight:100}
.title_20191216 img{vertical-align:middle}
/*标题专用end*/