/*
* @Author: jian.wan
* @Date:   2018-07-12 20:06:17
* @Last Modified by:   jianwan
* @Last Modified time: 2019-03-14 18:22:57
*/
body,li,p,ul{margin:0;padding:0}
body{overflow-x:hidden}
li,ul{list-style:none}
img{width:100%;display:block}
.clearfix:after,.clearfix:before{content:'';clear:both;display:block;width:0;height:0}
a{text-decoration:none}
.mb40{margin-bottom:.4rem}
.mb30{margin-bottom:.3rem}
.mb25{margin-bottom:.25rem}
.mb20{margin-bottom:.2rem}
.mb50{margin-bottom:.5rem}
.mui-spinner{vertical-align: middle;}
.wfhd-main{margin:.2rem .2rem 0 .2rem;}

/*opt注册*/
.topbanner1{ position: relative;}
.wfhd-login{ margin-bottom: .3rem;}
.wfhd-login .login{position:relative;padding:.34rem;background-color:#fff}
.wfhd-login .text-content input{background-color:#ece9e8;height:.8rem;border:none;
    -webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;
    padding-left:.2rem;font-size:.3rem;margin-bottom:.4rem}
/*.wfhd-login .text-content .text-flex{
    display:box;
    display:-webkit-box;
    display:-moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.wfhd-login .text-content .text-flex li{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;}
.wfhd-login .text-content .text-flex li:nth-of-type(2){-webkit-box-flex:0 0 2.14rem;
    -moz-box-flex:0 0 2.14rem;
    -webkit-flex:0 0 2.14rem;
    -ms-flex:0 0 2.14rem;
    flex:0 0 2.14rem;
    width:2.14rem;
    margin-left:.08rem}*/

.wfhd-main .text-content .text-flex{display:-webkit-box;display:-moz-box;display:box}
.wfhd-main .text-content .text-flex li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.wfhd-main .text-content .text-flex li:nth-of-type(2){-webkit-box-flex:0 0 3.14rem;-moz-box-flex:0 0 3.14rem;box-flex:0 0 3.14rem;width:3.14rem;margin-left:.08rem}

.wfhd-login .text-content .btn-ver{background-color:#ece9e8;height:.8rem;border:none;font-size:.26rem;width:100%;padding:0;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem}
.wfhd-login .text-content .piccode{height:.8rem;width:100%;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem}
.wfhd-login .isnone{display:none}
.wfhd-login .text-xy{font-size:.24rem;line-height:.3rem;margin-bottom:.3rem;padding-left:.4rem;color:#432809;background:url(../images/xy.png) 0 0 no-repeat;background-size:.3rem .3rem}
.wfhd-login .text-xy a{color:#432809}
.wfhd-login .text-bangding .btn{color:#fff;background-color:#fa7253;width:4.4rem;height:.78rem;line-height:.78rem;margin:0 auto;font-size:.4rem; letter-spacing: .1rem; text-align:center;-webkit-border-radius:.39rem;-moz-border-radius:.39rem;border-radius:.39rem;border:none;display:block;padding:0}
.wfhd-login .user-c{padding:.2rem 0 0 1.3rem;font-size:.28rem;color:#6d3826}
.wfhd-login .user-c img{width:1.08rem;height:1.08rem;position:absolute;left:.3rem;top:.4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.wfhd-login .u-more{color:#fff;position:absolute;right:.2rem;text-align:center;top:.65rem;display:block;width:2.3rem;height:.6rem;line-height:.6rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem}

/*广告位*/
.adv-mk4-main{ display: none;}
.adv-mk4-main .adv-mk4-1 li,.adv-mk4-main .adv-mk4-title{  margin-bottom: .2rem;}
.adv-mk4-main .adv-mk4-2 li{  margin-bottom: .2rem; width: 3.45rem; float: left;margin-left: .05rem;}
.adv-mk4-main .adv-mk4-2 li:nth-child(2n-1){ margin-right: .2rem;}

/*商品*/
.sp-mk6-main{ display: none;}
.sp-mk6-main li { width: 3.45rem; height: 5.6rem; background-color: #fff; float: left; margin-bottom: .2rem; padding: .2rem;}
/* .sp-mk6-main li:nth-of-type(2n-1){ margin-right: .2rem;} */
.sp-mk6-main li .sp-islogin{ display: block;}
.sp-mk6-main li .sp-pic{ width: 3.05rem; height: 3.05rem; margin-bottom: .2rem;}
.sp-mk6-main li .sp-title{ display: -webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2; color: #222;
    overflow: hidden;height: .6rem; line-height: .3rem; font-size: .24rem; margin-bottom: 0;}
.sp-mk6-main li .sp-sale{ color:#e14700; font-size: .32rem; margin-bottom: .1rem; }
.sp-mk6-main li .sp-sale em{ font-style: normal;}
.sp-mk6-main li .sp-ljgm{ height: .7rem; line-height: .7rem; background-color: #fa7253; color: #fff; display: block;
    -webkit-border-radius: .35rem;  -moz-border-radius: .35rem;  border-radius: .35rem; font-size: .36rem; text-align: center;
    letter-spacing: .05rem; }

/*活动结束蒙版*/
.wrapper-toast {  position: fixed;  top: 0;  left: 0;  z-index: 20;  width: 100%;  height: 100%;  background-size: 2.52rem 2.86rem;  background-color: rgba(0, 0, 0, 0.6);  display: none;  }
.wrapper-toast p {  font-size: 0.3rem;  width: 6rem;  height: 0.6rem;  margin: 7rem auto;  background: #adabab;  border-radius: 0.1rem;  text-align: center;  line-height: 0.6rem;  }
.go-top{ position: fixed; right: .35rem; bottom: .5rem; width: 1.2rem; height: 1.2rem; background-color: #d84220;
    -webkit-border-radius: .6rem;  -moz-border-radius: .6rem;  border-radius: .6rem; z-index: 10; display: none;
    font-size: .26rem; color: #fff; padding-top: .2rem; text-align: center; }
.fhsy{ width: 1.5rem; height: .54rem; line-height: .54rem; position:absolute; right: 0;top: 0; color: #fff; display: none;
    border-top-left-radius: .27rem; border-bottom-left-radius: .27rem; text-align: center; z-index: 10;}

/*橙色*/
.orange,.orange .mui-content{ background-color: #ff9f77;}
.orange .wfhd-login .btn-ver{color:#f05611;}
.orange .wfhd-login .u-more{background-color:#fa7253;}
.orange ::-webkit-input-placeholder{color:#9d7e74;font-size:.3rem}
.orange :-moz-placeholder{color:#9d7e74;font-size:.3rem}
.orange ::-moz-placeholder{color:#9d7e74;font-size:.3rem}
.orange :-ms-input-placeholder{color:#9d7e74;font-size:.3rem}
.orange .fhsy{ background-color:#fa7253; }

/*红色*/
.red,.red .mui-content{ background-color: #fa4a55;}
.red .wfhd-login .btn-ver{color:#fa4a55;}
.red .wfhd-login .u-more{background-color:#fa4a55;}
.red ::-webkit-input-placeholder{color:#9d7e74;font-size:.3rem}
.red :-moz-placeholder{color:#9d7e74;font-size:.3rem}
.red ::-moz-placeholder{color:#9d7e74;font-size:.3rem}
.red :-ms-input-placeholder{color:#9d7e74;font-size:.3rem}
.red .fhsy{ background-color:#fbd91c; }
.red .go-top{ background-color: #bb0713;}

/*蓝色*/
.blue,.blue .mui-content{ background-color: #6fc3ff;}
.blue .wfhd-login .btn-ver{color:#f05611;}
.blue .wfhd-login .u-more{background-color:#fa7253;}
.blue ::-webkit-input-placeholder{color:#9d7e74;font-size:.3rem}
.blue :-moz-placeholder{color:#9d7e74;font-size:.3rem}
.blue ::-moz-placeholder{color:#9d7e74;font-size:.3rem}
.blue :-ms-input-placeholder{color:#9d7e74;font-size:.3rem}
.blue .fhsy{ background-color:#4b9ad3; }

/*绿色*/
.green,.green .mui-content{ background-color: #e5efbf;}
.green .wfhd-login .text-content input{ background-color: #d5f1c6; color: #79916d;}
.green .wfhd-login .btn-ver{color:#f05611;background-color: #d5f1c6!important;}
.green .wfhd-login .u-more{background-color:#fa7253;}
.green .wfhd-login .user-c{ color: #5b764d;}
.green ::-webkit-input-placeholder{color:#79916d;font-size:.3rem}
.green :-moz-placeholder{color:#79916d;font-size:.3rem}
.green ::-moz-placeholder{color:#79916d;font-size:.3rem}
.green :-ms-input-placeholder{color:#79916d;font-size:.3rem}
.green .fhsy{ background-color:#99b47d; }

/*----------------mui.showLoading---------------*/
.mui-show-loading {
    position: fixed;
    padding: 5px;
    width: 120px;
    min-height: 120px;
    top: 45%;
    left: 50%;
    margin-left: -60px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
    visibility: hidden;
    margin: 0;
    z-index: 2000;

    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
    transform: scale(0.9) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.mui-show-loading.loading-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}
.mui-show-loading .mui-spinner{
    margin-top: 24px;
    width: 36px;
    height: 36px;
}
.mui-show-loading .text {
    line-height: 1.6;
    font-family: -apple-system-font,"Helvetica Neue",sans-serif;
    font-size: 14px;
    margin: 10px 0 0;
    color: #fff;
}

.mui-show-loading-mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.mui-show-loading-mask-hidden{
    display: none !important;
}