@charset "UTF-8";
/* CSS Document */
/* reset */
body, html {height: 100%;}
body,div,p,a,li,ul,ol,span,input,dl, dd, dt, form, h1, h2, h3, h4, h5, h6, h7, input, select, pre,img,textarea,blockquote
{ padding:0px; margin:0px; list-style:none; outline:none; font-size:system; border:0 none; text-decoration:none;border-radius: 0;}
body { font-family:"microsoft yahei","SimHei","Helvetica Neue",Arial,"Droid Sans",sans-serif; color:#333;overflow-x:hidden;background:#fff;font-size:1rem;}
table{ border-collapse:collapse;border-spacing:0;}
img{border:0;}
em,strong,th,b,i{font-style:normal;font-weight:normal;}
th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input[type="radio"]{font-family:inherit;font-size:inherit;font-weight:inherit;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img,input,label,button{vertical-align:middle;}
article,section,nav,header,footer{display:block;}
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/*苹果手机按钮和输入框默认样式清除*/
/* fontsize reset */
@media screen and (min-width:1080px){
html,body{font-size:34px;}
}
@media screen and (min-width:721px) and (max-width:1079px){
html,body{ font-size:24px;}
}
@media screen and (min-width:640px) and (max-width:720px){
html,body{ font-size:22px;}
}
@media screen and (min-width:540px) and (max-width:639px){
html,body{ font-size:20px;}
}
@media screen and (min-width:480px) and (max-width:539px){
html,body{ font-size:16px;}
}
@media screen and (min-width:320px) and (max-width:479px){
html,body{ font-size:14px;}
}
@media screen and (max-width:320px){
html,body{ font-size:12px;}
}

/* common */
input:focus,button:focus,select:focus,textarea:focus{outline:0;}
a.hidefocus,a:active,a:focus,.hidefocus:focus,input[type=button] ,input[type=submit] 
{ outline:none; -moz-outline:none;}
input:-moz-placeholder { color:#ccc;}
input:-ms-input-placeholder { color:#ccc;}
input::-webkit-input-placeholder { color:#ccc;}
button.hidefocus::-moz-focus-inner { border:none;}
a:link,a:visited,a:active{ text-decoration:none}
a:hover{text-decoration: none;}
a,input,button,select,textarea{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
.hide{display:none;}
.show{display:block;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}
.grey_9{color:#999;}
.grey_6{color:#666;}
.grey_c{color:#ccc;}
.blue{color:#05aeef;}
.purple{color:#7873e0;}
.orange{color:#ff7800;}
.green{color:#53b949;}
.red{color:#fd3333;}
.up{color:#fe7370;}
.bgWhite{background:#fff;}
.bgGreen{background:#41cebd;}
.bgDarkGreen{background:#35bb7c;}
.bgBlue{background:#05aeef;}
.bgLightGreen{background:#87d001;}
.bgLightBlue{background:#6acbf6;}
.bgRed{background:#f26868;}
.bgPurple{background:#7592e0;}
.bgOrange{background:#ff7800;}
.bgDarkYellow{background:#ffaf0e;}
.p1{padding:1rem;}
.pl1{padding-left:1rem;}
.pr1{padding-right:1rem;}
.pt1{padding-top:1rem;}
.pb1{padding-bottom:1rem;}
.pl05{padding-left:0.5rem;}
.pr05{padding-right:0.5rem;}
.pt05{padding-top:0.5rem;}
.pb05{padding-bottom:0.5rem;}
.m1{margin:1rem;}
.ml1{margin-left:1rem;}
.mr1{margin-right:1rem;}
.mt1{margin-top:1rem;}
.mb1{margin-bottom:1rem;}
.mt0{margin-top:0 !important;}
.mt05{margin-top:0.5rem;}
.mb05{margin-bottom:0.5rem;}
.ml05{margin-left:0.5rem;}
.mr05{margin-right:0.5rem;}
.bdbGrey{border-bottom:1px solid #f1f1f1;}
.noBdtop{border-top:none !important;}
.tdLine{text-decoration:line-through}
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.vm{vertical-align:middle;}
.lHeight{line-height:1.5rem;}
.inputTxt{border:1px solid #f1f1f1;border-radius:0.2rem;height:1.6rem;line-height:1.2rem;color:#666;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;font-size:0.9rem;padding-left: 0.5rem;}
.searchTxt{width:80%;color:#676767;height:1.23rem;line-height:1.23rem;margin-top:0.25rem;margin-bottom:0.3rem;font-weight:normal;border:none;font-size:0.9rem;float:left;margin-left:0.5rem;background:none;}
/* header */

/*更改*/

header{ width:100%; height:40px; z-index:100;background:#d80100; position:fixed; top:0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
header a,header h1 { display:inline-block; float:left; height:40px; line-height:40px; text-align:center; color:#fff;}
header h1 { width:70%; font-size:1.3rem; text-align:center !important;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
header h1 .icon-dian{color:#fff;}
header .headLeft{ width:15.9%;}
header .headLeft img{width:2.97rem; margin-left:0.59rem;margin-right:1.35rem}
header .headRight { width:8%; font-size:1.1rem;color:#fff;height: 3rem;line-height: 3rem}
header .headRight .iconfont{font-size:1.6rem;}
header .headRight .icon-shaixuan{font-size:1.2rem;}
.searchBox{width:100%;-webkit-height:1.6rem;height:1.6rem;line-height:1.4rem;border-radius:1rem;margin-top:0.5rem;background-color:#e3f8f5;overflow:hidden;box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; color:#676767;}
.searchBox img{width:0.8rem;}
.operArea a{ color:#333}
/*footer*/
footer{background:#d80100;!important;width:100%;height:3.4rem;overflow:hidden;position:fixed;bottom:0;padding-top:0.5rem; z-index:1000}
footer ul{font-size:0.9rem;overflow:hidden;margin-top:-2px;}
footer ul li{float:left;width:20%;text-align:center;color:#fff;}
footer ul li a{display:block;color:#fff;height:3.5rem;}
footer ul li a p{ font-size:0.8rem; padding:0;}
footer ul li a:hover,footer ul li a:visited,footer ul li a:visited{color:#fff;}
footer ul li.current a{color:#fff;}
footer ul li .iconfont{font-size:1.8rem;display:block;height:2rem;line-height:2rem;}
/* container */
.container{position:static; width:100%; height:auto; top:4rem; left:0; bottom:4rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.indexHeader{width:100%;position:fixed;top:0;height:36px;z-index:1000;
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 50% , rgba(0, 0, 0, 0));  
    background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)),  color-stop(50%, rgba(0, 0, 0, 0.1)), to( rgba(0, 0, 0, 0)));  
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 50% , rgba(0, 0, 0, 0));
}
.indexHeader.purity {
    background: #d80100;
}
.indexHeader a,.indexHeader h1{display:inline-block; float:left;  text-align:center; color:#FFF !important;}
.indexHeader h1{width:57%; font-size:1.2rem; text-align:center !important;}
.indexHeader .headLeft {width:14.5%;  text-align:left; margin-left:2%;margin-right:2%;height: 35px;}
.indexHeader .headLeft img{width: 100%;height: 100%;}
.indexHeader .headRight { width:13%;}
.indexHeader.purity{background:#d80100;}
.indexHeader em{display:block;font-size:1.2rem;line-height: 2.5rem;color:#fff;}
.noHeader{top:0;}
.noFooter{bottom:0;}
.hasShopFoot{bottom:7rem;}






/*添加成功提示层*/
.lh_tip{width:210px; height:auto; background:rgba(0,0,0,0.7); border-radius:3px; padding:10px; position: fixed; left:53%; top:50%; margin:-31px 0 0 -115px; display:none; z-index:10000;}
.lh_tip_info{background:url(../../images/icon_suc.png) no-repeat 10px top; padding-left:50px; color:#fff;}
.lh_tip_info h3{font-size:14px;}
.lh_tip_info p{font-size:12px; margin-top:5px; line-height:20px;}
.lh_tip_xx{background:url(../../images/xx.png) no-repeat 10px top;margin-top:5px; height:40px; line-height:31px; overflow:hidden;}
.lh_tip_tishi{background:url(../../images/icon_tishi.png) no-repeat 10px top;margin-top:5px;line-height:31px;}
.lh_tip_ts{margin-top:5px; height:31px; line-height:31px; overflow:hidden;}

.lh_tip2{width:210px; height:43px; background:rgba(0,0,0,0.7); border-radius:3px; padding:10px; position:absolute; left:50%; top:50%; margin:-31px 0 0 -115px; display:none; z-index:10000;}
.lh_tip_info2{background:url(../../images/icon_suc.png) no-repeat 10px center; padding-left:50px; color:#fff;}
.lh_tip_info2 h3{font-size:14px;}
.lh_tip_info2 p{font-size:12px; margin-top:5px;}

.more_loader_spinner img{width:16px;}


/*add*/
#container{
	width: 95.3125%;
	margin: 0 auto;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clear_both{
	clear: both;
}
input[type="text"],input[type="password"],input[type="email"]{
    -webkit-appearance: none;
}