/*
* @Author: itw_chenqing
* @Date:   2017-12-04 10:35:02
* @Last Modified by:   itw_liting02
* @Last Modified time: 2018-05-04 09:32:51
*/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: "PingFang SC","Microsoft YaHei","SimHei","STHeiti","Helvetica Neue", "Helvetica","Arial", "sans-serif";
	font-size: 14px;
	width: 100%;
	height: 100%;
	background: #ffffff;
	color: #666
}

ul,
ol,
li{
	list-style: none;
}
img{
	width: 100%;
}
a {
	text-decoration: none;
	outline: none;
	font-family: "PingFang SC","Microsoft YaHei","SimHei","STHeiti","Helvetica Neue", "Helvetica","Arial", "sans-serif";
	color: #666;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type="text"]{
	font-family:"PingFang SC","Microsoft YaHei","SimHei","STHeiti","Helvetica Neue", "Helvetica","Arial", "sans-serif";
}

@media (min-device-width:750px){
	#root,#index_swiper_img{
		width: 750px;
		margin:0 auto;
		overflow: hidden;
	}
	
}
.clear:after {
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
body{
    
}
.title{
	background: url("../img/title_bg.png ") center center no-repeat ;
	background-size: 2.1rem .2rem;
	line-height: .9rem;
	padding-top: .25rem;
	text-align: center;
	font-size: .3rem;
	font-weight: 400;
}
.clear-click-bg {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.borderNone{border:none;}
/* 弹出框 */
.msg_window {
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, .3);
		width: 100%;
		height: 100%;
		z-index: 9999;
	}
	
	.msg_window_select {
		width: 600px;
		position: absolute;
		left: 50%;
		top: 20%;
		margin-left: -335px;
		z-index: 100;
		background: #24ab9d;
		box-sizing: border-box;
	}
	
	.msg_window_select ul {
		background: #FFFFFF;
	}
	
	.msg_window_select h3 {
		height: 100px;
		line-height: 100px;
		font-size: 30px;
		color: #666666;
		text-align: center;
		font-weight: normal;
		color: #FFFFFF;
	}
	
	.msg_window_select>p {
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		padding: 0 20px 30px 20px;
		color: #FFFFFF;
	}
	
	.msg_window_bth {
		padding: 25px 0 10px 0;
	}
	
	.msg_window_bth li {
		height: 60px;
		text-align: center;
		width: 280px;
		margin-left: 160px;
	}
	
	.msg_window_bth li span {
		padding: 12px 0;
		display: inline-block;
		color: #24ab9d;
		background: #FFFFFF;
		font-size: 16px;
		width: 280px;
		/* height: 40px; */
		/* line-height: 40px; */
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
	}
	
	/*.msg_window_bth li:nth-of-type(1) span {
		background: #24ab9d;
		color: #FFFFFF;
	}*/
	.msg_window_bth  .firstli span {
		background: #24ab9d;
		color: #FFFFFF;
	}
	
	@media only screen and (width: 375px) and (height:724px){
		#foot{
			margin-bottom: 34px;
		}
		.iphoneXdiv{
			height:34px;
			width:100%;
			background: #f8f8f8;
			position: fixed;
			bottom:0;
			left:0;
			z-index: 10000;
		}
		/*购物车页面兼容*/
		.iphonexbg80{
			height: 84px!important;
		}
		.iphonexbg30{
			height: 34px!important;
		}
		/*支付页面兼容*/
		#commit {
			margin-bottom: 34px;
		}
	}
	/* 个人中西蓝色标题公共样式 */
	.blue_back{
		background: -webkit-linear-gradient(left,#3aaad0, #01c0ae); /* Safari 5.1 - 6.0 */
	    background: -o-linear-gradient(right,#3aaad0, #01c0ae); /* Opera 11.1 - 12.0 */
	    background: -moz-linear-gradient(right,#3aaad0, #01c0ae); /* Firefox 3.6 - 15 */
	    background: linear-gradient(to right,#3aaad0, #01c0ae); 
	    color: #fff;
	    height: 1rem;
	    text-align: center;
	    font-size: .34rem;
	    line-height: 1rem;
	    font-weight: 400;
	}
	.orangeBtnActive {
    border: 1px solid #f50;
    background: #fff url(../img/check1.png) no-repeat right bottom;
    background-size:  .4rem .3rem;
       width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
   
    color: #f50;
     border-radius: 4px;
     display: inline-block;;
}
.orangeBtn {
	display: inline-block;;
    border: 1px solid #ccc;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    color: #999;
}
.btn{
	width: 6.7rem;
    height: .9rem;
    border-radius: .45rem;
    margin: .2rem auto 1rem auto;
    text-align: center;
    line-height: .9rem;
    font-size: .3rem;
    background: -webkit-linear-gradient(left,#3aaad0, #01c0ae);
    background: -o-linear-gradient(right,#3aaad0, #01c0ae);
    background: -moz-linear-gradient(right,#3aaad0, #01c0ae);
    background: linear-gradient(to right,#3aaad0, #01c0ae);
    border: none;
    display: block;
    color: #fff;
}
.disabledbtn{
	width: 6.7rem;
    height: .9rem;
    border-radius: .45rem;
    margin: .2rem auto 1rem auto;
    text-align: center;
    line-height: .9rem;
    font-size: .3rem;
	background-color: #cccccc;
	border: none;
    display: block;
    color: #fff;
}
/* 完善注册信息页面 */
.rpmain{padding-bottom: 1rem;}
.rpbanner{
	height:2.6rem;
}
.rpInfo{border:none;margin-bottom: .2rem;}
.rpInfo:last-of-type{margin:0;}
.rpInfo a{border-bottom:1px solid #f1f1f1;}
.rpInfo a input{
	float: right;height: .4rem;margin:.3rem 0 0 0;
	}
.rpInfo a button{float: right;
    -webkit-appearance: none;
    -moz-appearance:none;
    -o-appearance:none;
    apperance: none;
    background: #fff;
    border: none;
    padding: 2px;
    border-radius: 1px;
    margin: .3rem 0 0 0.1rem;
    color: #fff;
    background: #32adcc;
    width: 20%;
    height: .6rem;
    margin: .2rem 0 0 0;
}
.rpNote{color:#fc5800;line-height: .66rem;height: .66rem;text-align: center;}
.rmpNote{padding:.38rem 0 0 0;line-height: 1;}
.salesmanType{margin-bottom: .4rem;}
.salesmanType>a{display: block;padding:0 .2rem;
	height: 1rem;line-height: 1rem;
	border:none;overflow: hidden;
}
.salesmanType>a *{float: left;}
.salesmanType>a input{width: 2rem;height:.6rem;border-radius: .06rem;
	border:1px solid #18b2b0;color:#18b2b0;
	text-align:center;line-height: .6rem;margin-top: .2rem;
	background-color: #fff;}
.salesmanType>a input:first-of-type{margin:.2rem .24rem;}
.salesmanType>a input.checked{background:#18b2b0;color:#fff;position: relative;}
.salesmanType>a input.checked:after{
	content: '';
	display: block;
	position: absolute;
	top:.67rem;
	left:40%;
	width: .24rem;
	height:.13rem;background:url(../img/top.jpg) no-repeat left top;
	background-size:100%;
}
.rgSelec{background:url(../img/href.png) no-repeat right center;background-size:0.16rem;padding-right:.36rem;}
.rgsearchRes h5,.rpInfo h5{background-color: #fafafa;color:#9b9b9b;height:.8rem;
	line-height: .8rem;padding-left: .2rem;font-size: .25rem;
	font-weight:normal;	
	}
.rpInfo h5{color:#f24112;}
.rgsearchRes ul{padding:.2rem;background-color: #fff;}
.rgsearchRes ul li{padding:0;}
.rgsearchRes ul li a{height: .6rem;line-height: .6rem;border:none;}
.obtainTel{color:#18b2b0;}
.rBottom{
    width: 100%;
    height: .98rem;
    background: #fff;
    display: flex;
    flex-direction: row;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.comeHome{
	text-align: center;
    width: 20%;
    color: #14b5b0;
    background: url(../img/comeback.png) no-repeat center 20%;
    background-size: .5rem;
    padding-top: .565rem;
    font-size: .2rem;
}
.rFooterBtn {
    color: #fff;
    text-align: center;
    font-size: .32rem;
    width: 80%;
    padding: .3rem;
    border: none;
    flex-grow: 1;
    background: -webkit-linear-gradient(left,#3aaad0, #01c0ae);
    background: -o-linear-gradient(right,#3aaad0, #01c0ae);
    background: -moz-linear-gradient(right,#3aaad0, #01c0ae);
    background: linear-gradient(to right,#3aaad0, #01c0ae);
}
.rFooterBtn.wid{width:40%;}
.noneBtn{color: #fff;
    text-align: center;
    font-size: .32rem;
    width: 80%;
    padding: .3rem;
    border: none;
    flex-grow: 1;
    background-color: #cccccc;}
.layer{width:100%;height:100%;background-color: rgba(0,0,0,0.3);
	position: fixed;left:0;top:0;z-index:10;}
.infoBox{width:100%;height:auto;background-color: #fff;position: absolute;bottom:0;left:0;}
.infoBox h5{height:1.1rem;line-height: 1.1rem;text-align:center;font-size: .3rem;
	color: #333;font-weight:bold;position: relative;border-bottom: 1px solid #c7c7c7;
	margin:0 .2rem;}
.infoBox .info_content{box-shadow: none;}
.infoBox .info_content p{padding:0;margin:0 .2rem;}
.infoBox .info_content .big_select{margin:0;background:url(../img/down.jpg) no-repeat right center;
background-size:0.26rem;width: 100%;}
.infoBox .info_content .big_select option:first-of-type{

}
.infoBox .rFooterBtn{width: 100%;}
.backBtn{position: absolute;left:0;top:.39rem;width: .2rem;height: .32rem;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	display: block;
    background: url(../img/back.jpg) no-repeat left top;
    display: block;
    background-size: 100% 100%;
    border: none;
}
.closeBtn{position: absolute;right:0;top:.40rem;width: .3rem;height: .3rem;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	display: block;
    background: url(../img/close.jpg) no-repeat left top;
    display: block;
    background-size: 100% 100%;
    border: none;}
.writeBox{margin:.53rem .55rem .65rem .95rem;overflow:hidden;}
.writeBox input{width:1.08rem;height:1.08rem;text-align: center;font-size: .36rem;
	border:1px solid #cacaca;border-radius:.05rem;float:left;margin-right:.4rem;}
	.tkheader{
		font-size: .36rem;
		line-height: 1rem;
		text-align: center;
		background: #ededed;
	}
html,body{
	/* 处理元素active切换时默认的小黑块背景 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-mz-tap-highlight-color: rgba(0,0,0,0);
	-o-tap-highlight-color: rgba(0,0,0,0);
}