@charset "utf-8";
/* CSS Document */
* {
	list-style:none;
	MARGIN:0 auto;
}
/* 网站公共样式 */
html{font-size:100px; min-width:320px;}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;border:0;}
body{max-width:6.4rem; FONT-FAMILY: "Microsoft Yahei", 宋体, Arial; margin:0 auto; padding:0; font-size:0.14rem; font-weight:400; color:#333; background-color:#fff;}
li,dl{list-style-type:none;}
img,a img{border:0; margin:0; padding:0; vertical-align:middle}
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}

TABLE {LINE-HEIGHT: 20px;}

h1{font-size:16px; margin:0; padding:0;}
h2{font-size:18px; margin:0; padding:0;}
h3{font-size:14px; margin:0; padding:0;}
h4{font-size:19px; margin:0; padding:0;}
h5{font-size:15px; margin:0; padding:0;}
h6{font-size:16px; margin:0; padding:0;}

/*去除div或是图片png图片点击会出现阴影，由其是手机端更明显*/
a {-webkit-tap-highlight-color: transparent;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /*清除button点击时周边阴影*/ } 

.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;}

/*百分百表单*/
._input{width:100%; height:0.4rem; line-height:0.4rem; border:1px solid #cccccc; background:#fff; font-size:0.14rem; text-indent:5px; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
._textarea{width:100%; height:auto; border:1px solid #d9d9d9; background:#fff; line-height:25px; font-size:0.14rem; padding:5px; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
._select{width:100%; height:0.4rem; line-height:0.4rem; border:1px solid #cccccc; background:#fff; color:#666666; padding:0 5px; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
._radio{ width:30px; height:30px; margin-right:6px;}
.bnt_save{width:100%; height:0.4rem; line-height:0.4rem; background:#2ca43a; border:1px solid #2ca43a; border-radius:4px; color:#fff; cursor:pointer; font-size:0.16rem; text-align:center}
.bnt_save:hover{background:#f60;border:1px solid #f60;}

/*椭圆带图标输入框,可用于登录带密码的形式*/
.one_input{width:100%; height:0.4rem; line-height:0.41rem; border:1px solid #cccccc; background:#fff url(../images/mobile.png) no-repeat 10px center; font-size:0.14rem; text-indent:36px; border-radius:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.one_input_mima{background:#fff url(../images/mm.png) no-repeat 10px center;/*密码*/}
.one_input_name{background:#fff url(../images/name.png) no-repeat 10px center;/*姓名*/}
.one_save{background:linear-gradient(to bottom,#d81e06,#d71f1f); border:1px solid #d81e06; border-radius:20px; color:#fff; cursor:pointer; font-size:0.14rem; width:100%; height:0.4rem; line-height:0.41rem; text-align:center}
.one_save:hover{background:#f60;border:1px solid #f60;}

/*随意控制大小的输入框<INPUT NAME="hy_zeou_nianling" TYPE="tel" class="_input_suiyi" value="<%=rs6("hy_zeou_nianling")%>" onKeyUp="this.value=this.value.replace(/\D/g,'')" maxlength="4" size="4" placeholder="岁">*/
._input_suiyi{height:0.4rem; line-height:0.4rem; border:1px solid #cccccc; background:#fff; font-size:0.14rem; text-indent:5px; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*搜索*/
.soso{ width:85%; height:auto; margin:0 auto; margin-top:30px}
.s_input{float:left; border:1px solid #CCCCCC; background:#fff; height:0.4rem; line-height:0.43rem; text-indent:10px; width:78%; border-radius:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.so_save{float:left; background:#3083ff; color:#fff; cursor:pointer; height:0.4rem; line-height:0.41rem; width:22%; font-size:0.16rem; border-radius:0 20px 20px 0;}
.so_save:hover{background:#f60;}

/*圆角搜索
<FORM action="index.asp" method="post">
	<input name="kw" type="search" class="yuan_input" placeholder="可按名字，电话，公司，地址搜索" />
	<input type="submit" name="Submit" value="搜索" class="yuan_save">
</FORM>
*/
.yuan_input{float:left; border:1px solid #3083ff; background:#fff; height:0.41rem; line-height:0.44rem; text-indent:10px; width:78%; border-radius:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.yuan_save{float:left; background:#3083ff; color:#fff; cursor:pointer; height:0.41rem; line-height:0.42rem; width:22%; font-size:0.16rem; border-radius:0 20px 20px 0;}
.yuan_save:hover{background:#f60;}

/*button可执行一个链接或是函数<button type="button" class="button_menu" onclick="downup()">尝试一下</button>*/
.button_menu{ width:100%; height:0.4rem; line-height:0.38rem; background:#01b033; border:1px solid #01b033; color:#fff; cursor:pointer; font-size:0.16rem; border-radius:0.4rem}
.button_menu:hover{background:#7fbd3e;border:1px solid #7fbd3e;}

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

/*改变表单placeholder中文字的颜色*/
input::-webkit-input-placeholder{color:#CCCCCC;}
input::-moz-placeholder{color:#CCCCCC;}
input:-moz-placeholder{color:#CCCCCC;}
input:-ms-input-placeholder{color:#CCCCCC;}
textarea::-webkit-input-placeholder{color:#CCCCCC;}
textarea::-moz-placeholder{color:#CCCCCC;}
textarea:-moz-placeholder{color:#CCCCCC;}
textarea:-ms-input-placeholder{color:#CCCCCC;}
/*改变表单placeholder中文字的颜色*/

/*多选框改成圆形----<li><input name="xq" type="checkbox" class="tui-checkbox" value="<%=rsphoto("class")%>"><span><%=rsphoto("class")%></span></li>*/
.tui-checkbox:checked {background:#922100/*选中后的效果*/}
.tui-checkbox {
	width:28px;
	height:28px;
	background-color:#ffffff;
	border:solid 1px #999999;
	-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:7px;
	left:7px;
	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*/

/*图片放大效果*/
.imgZoom{overflow:hidden;}
.imgZoom img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.ov{overflow:hidden}

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

/*全局*/
.mt7{margin-top:7px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mt100{margin-top:100px!important}

.p10{ padding:10px;}
.pt10{ padding-top:10px;}

.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_60{MARGIN:0 auto; width:60%; height:auto}
.main_50{MARGIN:0 auto; width:50%; height:auto}

.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}
.bt10mpb10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px; padding-bottom:10px}

/*按钮带图标<div class="btnbtn"><a href="reg.asp">更多数据...<span class="iconfont">&#xe6ab;</span></a></div>*/
.btnbtn{width:60%; height:0.4rem; line-height:0.4rem; margin-top:15px; background-color:#2ca43a; color:#FFFFFF; font-size:0.16rem; text-align:center; border-radius:4px;}
.btnbtn a{ display:block; color:#FFFFFF}
.btnbtn span{ padding-left:15px; font-size:0.18rem;}

/*全局标签*/
.anco{width:100%; height:auto;}
.coco{width:95%; height:auto; margin:0 auto;}

/*通用内容盒子*/
.view_content{width:100%; height:auto; margin:0 auto; line-height:0.26rem; font-size:0.14rem; overflow:hidden}
.view_content img{max-width:100%; margin:10px 0!important;}

/*图片控制*/
.images{width:100%; height:auto; margin:0 auto; text-align:center;}
.images img{max-width:100%; height:auto}

/*列表专用,超出文字隐藏*/
.ul_li{width:100%; height:auto; margin:0 auto; margin-top:32px}
.ul_li li{height:0.38rem; line-height:0.38rem; font-size:0.14rem; background:url(../img/jt.jpg) no-repeat right center; }
.ul_li li+li{border-top:1px solid #E6E6E6;}
.ul_li li a{ display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

/*文字或是按钮居中专用*/
.center{ text-align:center}

/*a标签带个小块___demo：<a href="/" class="a_more">查看更多 ></a>*/
.a_more{display:inline-table; margin:5px 0; padding:7px 20px; background-color:#2ca43a; font-size:0.12rem; border-radius:50px; color:#fff!important;}
.a_more:hover{ background-color:#ff6700}

/*<a href="pay/jsapi.asp?id=<%=rs_view("id")%>" class="buy_more">购买</a>带购物车图标*/
.buy_more{ width:50px; height:36px; line-height:36px; margin-left:0; display:block; font-size:0.16rem; background:#96c82e url(../images/buy.png) no-repeat 10px 5px; border-radius:3px; color:#fff!important; padding-left:50px; margin-top:20px}
.buy_more:hover{background-color:#ff6700}

/*<a href="pay/jsapi.asp?id=<%=rs_view("id")%>" class="mod_more">购买</a>修改带图标*/
.mod_more{ width:34px; height:0.3rem; line-height:0.31rem; margin-left:0; display:block; font-size:0.12rem; background:#96c82e url(../images/mod.png) no-repeat 10px center; border-radius:3px; color:#fff!important; padding-left:30px;}
.mod_more:hover{background-color:#ff6700}

/*<a href="pay/jsapi.asp?id=<%=rs_view("id")%>" class="del_more">购买</a>删除带图标*/
.del_more{ width:34px; height:0.3rem; line-height:0.31rem; margin-left:0; display:block; font-size:0.12rem; background:#999999 url(../images/del.png) no-repeat 10px center; border-radius:3px; color:#fff!important; padding-left:30px;}
.del_more:hover{background-color:#ff6700}

/*<a href="tel:<%=sj_tel%>" class="tel_more">拨打</a>*/
.tel_more{ width:34px; height:0.3rem; line-height:0.31rem; margin-left:0; display:block; font-size:0.12rem; background:#ff6a00 url(../images/tel16.png) no-repeat 10px center; border-radius:3px; color:#fff!important; padding-left:30px;}
.tel_more:hover{background-color:#EB0124}

.nav_more{ width:34px; height:0.3rem; line-height:0.31rem; margin-right:0; display:block; font-size:0.12rem; background:#52b41a url(../images/nav.png) no-repeat 10px center; border-radius:3px; color:#fff!important; padding-left:30px;}
.nav_more:hover{background-color:#ff6a00}

.shoucang_more{ width:34px; height:0.3rem; line-height:0.31rem; margin-right:0; display:block; font-size:0.12rem; background:#52b41a url(../images/shoucang.png) no-repeat 10px center; border-radius:3px; color:#fff!important; padding-left:30px;}
.shoucang_more:hover{background-color:#ff6a00}

/*<a href="pay/jsapi.asp?ddh=<%=rs_page("orderID")%>" class="pay_more">立即支付</a>*/
.pay_more{display:inline-table; padding:5px 15px; background-color:#CC3300; font-size:0.12rem; border-radius:50px; color:#fff!important;}
.pay_more:hover{ background-color:#FF6600}

/*<a href="pay/jsapi.asp?ddh=<%=rs_page("orderID")%>" class="no_more" onClick="return confirm('确定要删除?删除后将不可恢复?')">取消订单</a>*/
.no_more{display:inline-table; margin-top:10px; padding:5px 15px; background-color:#CCCCCC; font-size:0.12rem; border-radius:50px; color:#fff!important;}
.no_more:hover{ background-color:#666666; color:#FFFFFF}

/*带字符图标按钮<a href="member_mod.asp" class="green_more"><span class="iconfont">&#xe649;</span>继续完善详细个人信息</a>*/
.green_more{width:100%; height:0.43rem; line-height:0.45rem; display:block; font-size:0.16rem; background:#96c82e; border-radius:4px; color:#fff!important; text-align:center}
.green_more span{ padding-right:10px}
.green_more:hover{background-color:#ff6700}

.red_more{width:100%; height:0.43rem; line-height:0.45rem; display:block; font-size:0.16rem; background:#FF0000; border-radius:4px; color:#fff!important; text-align:center}
.red_more span{ padding-right:10px}
.red_more:hover{background-color:#ff6700}

/*标题返回<div class="title_exit"><a href="javascript:history.go(-1);">添加质保卡</a></div>*/
.title_exit{ width:100%; height:0.43rem; line-height:0.43rem; background:#d81e06 url(../img/exit2.png) no-repeat 10px center;  color:#FFF; font-size:0.16rem; text-align:center}
.title_exit a{ display:block; color:#FFFFFF}

/*标题,不带返回*/
.title_title{ width:100%; height:0.43rem; line-height:0.45rem; background:#d81e06; color:#5f2828; font-size:0.16rem; text-align:center; color:#FFF; }

/*
标题带返回和主页
<div class="title_exit_home">
	<div class="l"><a href="javascript:history.go(-1);"><img src="../img/exit2.png"></a></div>
	<div class="c">商品选择</div>
	<div class="r"><a href="/"><img src="../img/home2.png"></a></div>
</div>
*/
.title_exit_home{width:100%; height:0.43rem;  background:#d81e06; font-size:0.16rem; color:#FFF; overflow:hidden}
.title_exit_home .l{ float:left; width:20%; height:0.43rem; line-height:0.41rem; text-indent:10px;}
.title_exit_home .c{ float:left; width:59%; height:0.43rem; line-height:0.41rem; text-align:center;}
.title_exit_home .r{ float:right; width:20%; height:0.43rem; line-height:0.41rem; text-align:right; padding-right:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*一般用于主页上加个悬浮按钮，返回首页之类<div class="home"><a href="index.asp"><img src="images/home.png"></a></div>*/
.home{ position:fixed; right:10px; bottom:200px; width:80px; height:80px; z-index:9999; }
.home a{display:block}
.home img{max-width:100%; height:auto}

/*返回上页<div class="exit"><a href="javascript:history.go(-1);"><img src="/img/exit_35.png"></a></div>*/
.exit{ position:fixed; right:10px; bottom:100px; width:0.6rem; height:0.6rem; line-height:0.59rem; text-align:center; border-radius:50%; z-index:9999; background:#d81e06;}
.exit a{display:block}
.exit img{max-width:100%; height:auto}

/*两个长形按钮，可以用于首页或是其它地方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{width:100%; height:auto; overflow:hidden;}
.reg_info li{float:left; width:48%; height:0.45rem; line-height:0.45rem; background-color:#f03827; color:#FFFFFF; margin-right:4%; font-size:0.18rem; text-align:center; border-radius:5px;}
.reg_info li+li{background:#f60;}
.reg_info li a{ display:block; color:#FFFFFF}
.reg_info li span{ padding-right:15px; font-size:0.19rem;}
.reg_info li:nth-of-type(2n+0){margin-right:0px;}

/*分页start*/
.propage{width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:25px; text-align:center; border-top:1px solid #CCCCCC; font-size:0.16rem; padding-top:10px}
.propage span{ color:#FF0000; font-weight:bold}

.pic_table{width:95%; height:auto; margin:0 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.35rem; line-height:0.35rem; font-size:0.16rem; 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*/

/*<body style="background-color:#ededed">用于背景设为灰色后，需要在页面上调用白色框时用到*/
.box_main{ width:95%; height:auto; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:10px; background-color:#FFFFFF; border-radius:5px}

/*表单专用来控制表单之间的缝隙*/
.input_li{ width:100%; height:auto;}
.input_li li{ text-align:center; color:#333333}
.input_li li+li{ margin-top:10px;}

/*遮罩层专用*/
.zzc{position: fixed; top: 0; left: 0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99990; display: none;}

/*图片文字左右分开
<dl class="dl">
	<a href="../p/?<%=rs_page("id")%>.html">
	<dt><img src="<%=rs_page("a_img")%>" /></dt>
	<dd>
		<p><%=rs_page("a_name")%></p>
		
	</dd>
	</a>
</dl>
*/
.dl{ width:100%; height:auto; overflow:hidden}
.dl dt{ float:left; width:35%; height:auto}
.dl dt img{width:100%; height:auto}
.dl dd{ float:right; width:62%; height:auto}
.dl dd p{ font-weight:bold; line-height:0.26rem}
.dl+dl{ margin-top:15px;}
/*左右分开end*/