@charset "utf-8";
/* CSS Document */
* {
	list-style:none;
	MARGIN: 0px auto;
}
/* 网站公共样式 */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body {FONT-FAMILY: "Microsoft Yahei", 宋体, Arial; margin:0; padding:0; font-size: 0.16rem; color:#000000; background-color:#eee3ff;
/* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;}
form,img,ul,ol,li,dl,dt,dd,li {margin:0;padding:0;border:0;}
li,dl{list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
em,i { font-style: normal; }
input{vertical-align: middle;margin:0;padding:0;}

A:link {
	COLOR:#000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #020202; TEXT-DECORATION: none
}
A:hover {
	CURSOR: hand; COLOR: #FF0000; TEXT-DECORATION:none
}
A:active {
	COLOR: #00518a; TEXT-DECORATION: none
}
a:hover img{opacity:0.9;filter:alpha(opacity=90);}

TABLE {
	LINE-HEIGHT: 20px; 
}

h1{font-size:16px;margin:0; padding:0;color:#FFFFFF}
h2{
	font-size:18px;
	margin:0; 
	padding:0;
	line-height:23px;
	color:#FFFFFF;
}
h3{font-size:14px;margin:0; padding:0; color:#333333}
h4{
	font-size:19px;
	margin:0; 
	padding:0;
	line-height:32px;
}
h5{
	font-size:15px;
	margin:0; 
	padding:0;
	line-height:26px;
}
h6{font-size:16px;margin:0; padding:0;line-height:35px; padding-left:15px;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.fl{ float: left; }
.fr{ float: right;}

/*改变表单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中文字的颜色*/
/*百分百表单框*/
._input{border:1px solid #cccccc; background: #FFFFFF; width:99.5%; height:0.57rem; line-height:0.57rem; font-size:0.20rem; color:#666666; text-align:left; text-indent:0.15rem; border-radius:4px;}
.inputbj{ background-color:#E4E4E4}/*不让填写的表单给加上背景*/
/*百分80表单框*/
._input8{border:1px solid #cccccc; background: #FFFFFF; width:80%; height:0.47rem; line-height:0.47rem; font-size:0.20rem; color:#666666; text-align:left; text-indent:0.15rem; border-radius:4px;}
/*百分60表单框*/
._input6{border:1px solid #cccccc; background: #FFFFFF; width:60%; height:0.47rem; line-height:0.47rem; font-size:0.20rem; color:#666666; text-align:left; text-indent:0.15rem; border-radius:4px;}
/*会员详情框蓝*/
._inputx{margin-left:20px;border:1px solid #00FFFF; background:#00FFFF; height:0.40rem; line-height:0.40rem; font-size:0.20rem; color:#000000; text-align:left; text-indent:0.15rem; border-radius:4px;}
/*会员详情框粉*/
._inputf{margin-left:20px;border:1px solid #FF99CC; background:#FF99CC; height:0.40rem; line-height:0.40rem; font-size:0.20rem; color:#000000; text-align:left; text-indent:0.15rem; border-radius:4px;}
/*会员详情框黄*/
._inputh{margin-left:20px;border:1px solid #FFCC66; background:#FFCC66; height:0.40rem; line-height:0.40rem; font-size:0.20rem; color:#000000; text-align:left; text-indent:0.15rem; border-radius:4px;}

/*百分百内容表单框*/
._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:#CC3300/*选中后的效果*/
}
.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:#9139bd; border:1px solid #601685; border-radius:4px; color:#fff; cursor:pointer; font-size:0.26rem; height:0.58rem; line-height:0.58rem; width:100%; }
.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.58rem; line-height:0.60rem; 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{overflow:hidden; min-height:7rem; background-color:#eee3ff}
.content_top{padding-top:0.691rem}
.content_bottom{padding-bottom:0.96rem}
.content_bottom_8{padding-bottom:0.8rem}

@media all and (min-width:640px){
	.content{width:640px; height:auto; margin:0 auto;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
	html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
	html{font-size: 60px;}
}

.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}
.pt10{ padding-top:10px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt60{ margin-top:60px;}

.bt10{border-top:2px 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{max-width:95%; height:auto; padding-top:10px; padding-bottom:10px; max-width: 100%; display: block; margin: 0 auto !important;}

/*文章主体*/
.conte_text{padding:8px;font-size:0.22rem; line-height:0.37rem;}
.conte_text_p0{font-size:0.22rem; line-height:0.37rem;}
.conte_text_sm{font-size:0.18rem; line-height:0.23rem;}

/*分页start*/
.propage{ width:100%; height:auto; overflow:hidden; margin-top:25px; text-align:center; border-top:1px solid #CCCCCC; font-size:0.22rem; 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 12px 0 12px; 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;}

/*会员展示*/
.z_member{MARGIN: 0px auto; width:80%; 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;}
.z_member div{ text-align:left}
.z_member div img{ margin:10px;}
.z_member p{text-align:left; color:#666666; font-size:0.22rem; line-height:0.45rem}
.z_member dl{ margin-top:15px}
.z_member b{ color:#FF0000; font-size:0.26rem;}

/* 首页焦点图banner幻灯片 */
.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:800px;/* 设置焦点图最大宽度 */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.691rem; top:0; right:0; z-index:999; color:#fff; text-align:center; background:#601685}
.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.26rem; line-height:0.76rem; 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.40rem; line-height:0.65rem;  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:#CC3300; 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.55rem; line-height:0.55rem; font-size:0.22rem; padding:0 5px; background-color:#601685; 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.55rem; line-height:0.60rem; 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.22rem; }
.hy_list li+li{border-top:1px solid #E6E6E6;}
.hy_list li span{ float:right; color:#CCCCCC}
.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.85rem; line-height:0.85rem; 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}这句我做了屏蔽，不知道为什么原始的不让显示a标签*/
.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:#CC3300; 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 */
.footkx{height:0.86rem;}
.footer{width:100%; height:0.8rem; 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(96, 22, 133, 0.85);}
.footer a{display:block; float:left; width:20%; color:#ffffff; border-right:#4d5054 solid 1px; height:0.8rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer a:nth-child(5){ 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.14rem; font-weight:100; color:#ffffff}

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

.ov{overflow:hidden}