﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,cite,a{margin:0;padding:0;color:#333;border:none;font-weight:400;font-size:0.26rem}
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,li,fieldset,legend,button,input,textarea,th,td,a{font-family:"Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
img{vertical-align:top;display:inline-block}
body{background:#fff;width:7.5rem;margin:0 auto}
article,iframe{display:block;border:0}
b,em,i,strong{font-style:normal;font-weight:400}
ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;max-width:100%}
input::focus-inner{outline:0;padding:0;border:0}
input[type="button"],input[type="submit"],input[type="reset"],button,select{-webkit-appearance:none;outline:0}
textarea{resize:none}
input,textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;resize:none}
:focus{outline:none}
a{color:#333;text-decoration:none;cursor:pointer;display:inline-block}
a:hover{color:#333;text-decoration:none}
a,b,button,div,em,h1,h2,h3,h4,h5,i,input,li,optgroup,p,select,span,textarea{-webkit-tap-highlight-color:transparent}
.fl{float:left}
.fr{float:right}
.clearfix:after{display:block;content:'';clear:both}
.clearfix{zoom:1}
td,th{border:1px solid #e5e4e4}


.show{display:block !important}
.showw{display:none;}
.hide{display:none !important}
.hidee{display:none;}
.commonWidth{width:94%;margin:0 auto}
.ellipsis{display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mar20{margin-top: .2rem;margin-bottom: .2rem;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:.22rem;color:#999}
input:-moz-placeholder,textarea:-moz-placeholder{font-size:.22rem;color:#999}
input::-moz-placeholder,textarea::-moz-placeholder{font-size:.22rem;color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:.22rem;color:#999}

.cover{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity:.3;z-index:1;display:none}
.cover.active{display:block}
.tk_temp{width:5.4rem;height:2.06rem;background-color:#fff;position:fixed;left:50%;top:50%;margin-left:-2.7rem;margin-top:-1.1rem;border-radius:.2rem;z-index:6;text-align:center;display:none}
.tk_temp.active{display:block}
.tk_temp p{height:1.18rem;line-height:1.18rem;font-size:.28rem;color:#333;font-weight:700;border-bottom:1px solid #e9e9eb;box-sizing:border-box}
.tk_temp div{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex}
.tk_temp div span{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;height:.88rem;line-height:.88rem;color:#4095fe;font-size:.28rem;font-weight:700;cursor:pointer}
.tk_temp span.tk_temp_cancel{border-right:1px solid #e9e9eb}
.tk_temp_spe{padding-top: 0.3rem;margin-top: -1.3rem;}
.tk_temp_spe p{line-height: 0.4rem;}

.temp_header{width:100%;height:0.88rem;line-height:0.88rem;background:linear-gradient(to right,#3ccc86,#3bcb6a);padding-left:0.4rem;box-sizing:border-box;text-align:center;position:relative}
.temp_header .title{font-size:0.32rem;color:#fff}
.temp_header .zt_title{font-size:0.32rem;color:#fff}
.temp_header .toback{display:inline-block;background:url(../images/sprite_img.png) no-repeat; background-size:4.65rem 3.77rem;background-position:-3.2rem -0.94rem;width:0.28rem;height:0.43rem;position:absolute;left:0.4rem;top:0.22rem;cursor:pointer}

.goTop_box{width:7.5rem;position:fixed;bottom:1.3rem}
.goTop_box .goTop{background:url(../images/to_top.png) no-repeat;width:0.8rem;height:0.8rem;position:absolute;bottom:0.8rem;right:0.2rem;cursor:pointer;background-size: 100%}

.temp_footer{background:#fff;color:#333;padding:0.3rem 0;font-size:0.26rem;line-height:0.36rem;text-align:center;margin-bottom:1.2rem;}
.temp_footer .footbox{width:7.5rem;height:0.72rem}
.temp_footer a{color:#333;padding:0 0.1rem 0 0;line-height:0.72rem}
/* .temp_footer a{float:left;color:#333;padding:0 0.1rem 0 0;margin-left:1.8rem;line-height:0.72rem} */
.temp_footer .foicon{float:left;width:4.2rem;height:0.72rem;
    background:url(../images/telicon.png) no-repeat 5px center;background-size:0.32rem;
    /* background:url(../images/sprite_img.png) no-repeat 5px center;background-size:4.65rem 3.77rem;background-position:-2.3rem -0.94rem;  */
    padding-left:0.5rem;text-align:left}
.temp_footer .foicon p{width:4.2rem;font-size:0.26rem;margin-top:0.16rem}
.temp_footer .copy{width:7.5rem;height:0.4rem;line-height:0.4rem;font-size:0.26rem}

.fixed_bot{width:7.5rem;height:1.2rem;background:#303130;position:fixed;bottom:0;z-index: 5;}
.fixed_bot ul{display:flex;height:100%}
.fixed_bot li{flex:1}
.fixed_bot li a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
.fixed_bot li a span{font-size:0.24rem;color:#fff;margin-top:0.1rem}
.fixed_bot li a .img_home{width:0.46rem;height:0.38rem;background: url(../images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position:-0.92rem -0.94rem}
.fixed_bot li a .img_zx{width:0.42rem;height:0.37rem;background: url(../images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: -1.42rem -0.94rem}
.fixed_bot li a .img_tl{width:0.4rem;height:0.44rem;background: url(../images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: 0 -0.94rem}
.fixed_bot li a .img_cart{width:0.44rem;height:0.4rem;background: url(../images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: -0.44rem -0.93rem}
.fixed_bot li a .img_my{width:0.37rem;height:0.44rem;background: url(../images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: -1.89rem -0.94rem}
.fixed_bot li .count_box{position:relative}
.fixed_bot li .count_box .count{position:absolute;top:0.05rem;left:1rem;font-size:0.28rem;color:#fff;display:inline-block;background:#ff4b5c;border-radius:50%;min-width:0.4rem;min-height:0.4rem;text-align:center}

.over-tips{color:#999;padding-top:.35rem;margin-bottom:0.3rem;position:relative;text-align:center;font-size:.2rem;background:#fff}
.over-tips:before,.over-tips:after{content:'';position:absolute;top:76%;background:#DFDFDF;width:36%;height:1px}
.over-tips:before{left:0}
.over-tips:after{right:0}

/* .masker-wrap {display:none;} */
.masker-wrap .masker,.money-masker-wrap .masker {position:fixed;background:#000;opacity:.3;left:0;right:0;bottom:0;top:0;z-index:102;display: none;}
.masker-wrap .masker-cont,.money-masker-wrap .money-cont,.money-masker-wrap .money-success,.alipay-info {position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:4.1rem;height:2.58rem;background:#fff;border-radius:15px;z-index:103;}
.masker-wrap .masker-cont .btn-style,.money-masker-btn-wrap .btn-style {background:#F2F2F2;margin-left:.3rem;margin-right:.18rem;}
.money-masker-btn-wrap .btn-style {margin-left:.58rem;}
.masker-wrap .masker-cont .gbtn-style,.money-masker-btn-wrap .gbtn-style {background:#00D36A;color:#fff;}
.btn-style,.gbtn-style {display:inline-block;width:1.65rem;height:.55rem;text-align:center;line-height:.55rem;border-radius:50px;font-size:.22rem;}
.masker-wrap .close-btn {width:.5rem;height:.5rem;position:absolute;right:-.5rem;top:-.75rem;}

.over-tips{display: none}
.over-tips.active{display: block}
.mar100{margin-top: 1rem;}

.colf30 {color: #f30;}