* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap:break-word;
    text-decoration: none;
    /*font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;*/
}
html{
    width: 100%;
}
body{
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
    background-color: #F5F6FA;
    color: #303030;
  
}

img{
    width: 100%;
    /* height: 100%; */
    /* display: block; */
}
input::-webkit-input-placeholder {
    color: #b0adab;
    text-align: center;
    font-size: 0.14rem;

}
.both{
    clear: both;
}
.warp{
    width: 100%;
    overflow: hidden;
    /* padding-bottom: .55rem; */
}
.head-warp{
    width: 100%;
    background: #f6f6f6;
    height: .55rem;
}
.head-warp .head{
    width: 92%;
    margin: auto;
    padding-top: .1rem;
}
.head-warp .head .logo{
    width: .8rem;
    float: left;
    margin-left: 6%;
}
.nav{
    width: .66rem;
    float: right;
    padding-top: .05rem;
}
.tell{
    width: .2rem;
    height: .2rem;
    display: inline-block;
    background: url("https://smart-resource.sikegroup.com/image/mobile/phone.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: relative;


}
.tell a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
/* .tell::after{
    content: '';
    background: #7d7d7d;
    position: absolute;
    width: 1px;
    height: .25rem;
    right: -36%;

} */

.p-title{
    text-align: center;
    font-weight: 600;
    text-shadow: 0px 0px #ffffff;
    border-top:2px solid #d3534e;
}
.p-title>div{
    height:0.26rem;
    color: #ffffff;
    font-size: 0.12rem;
    line-height: 0.24rem;
    width: 0.9rem;
    border-radius: 0px 0px 0.06rem 0.06rem;
}
.flexm{
    display: flex;
    justify-content: space-between;
    margin-top:0.18rem;
    align-items: center;
}
.category{
    float: right;
    width: .3rem;
}
/*分类*/
.menu{
    position: fixed;
    top: .64rem;
    right: 1%;
    background: url(/Public/home/images/index/menu.png) no-repeat;
    background-size: 100% 100%;
    width: 1.4rem;
    padding: .06rem 0px;
    z-index: 1900;
}
.menu ul{
    padding-top: .1rem;
    width: 100%;
}
.menu ul li{
    width: 100%;
    border-bottom: 1px solid #ececec;
    padding: 0.04rem 0px 0.04rem .32rem;
    margin-bottom: .01rem;
    position: relative;
}

.menu ul li:nth-child(1)::after{
    content:'';
    background: url("/Public/home/images/index/menu1.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .12rem;
    height: .15rem;
    top: 60%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(2)::after{
    content:'';
    background: url("/Public/home/images/index/menu2.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(3)::after{
    content:'';
    background: url("/Public/home/images/index/menu3.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(4)::after{
    content:'';
    background: url("/Public/home/images/index/menu4.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(5)::after{
    content:'';
    background: url("/Public/home/images/index/menu7.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(6)::after{
    content:'';
    background: url("/Public/home/images/index/menu5.png") no-repeat 100% 100%;
    background-size: 86% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(7)::after{
    content:'';
    background: url("/Public/home/images/index/menu8.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:nth-child(8)::after{
    content:'';
    background: url("/Public/home/images/index/menu6.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: .15rem;
    height: .15rem;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}
.menu ul li:last-child{
    border: none;
}
.menu ul li a{
    color: #595959;
    font-size: .14rem;
}

.foot-button{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #eeeeee;
    width: 100%;
    height: .55rem;
    z-index: 1;
}
.foot-button ul li{
    float: left;
    width: 20%;
    height: .55rem;
    padding-top: 0.08rem;
}
.foot-button ul li a img {
    height: .25rem;
    margin: auto;
    /*line-height: .45;*/
    /*margin-top: .08rem;*/
    width: auto;
}
.from {
    width: 2.2rem;
    margin: auto;
}

.from input{
    width: 100%;
    text-align: center;
    height: .35rem;
    margin-bottom: .2rem;
    color: #b0adab;
    font-size: .14rem;
    border: 1px solid #989898;
}
.from label{
    width: 100%;
    border: 1px solid #989898;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: .2rem;
    background: url(/Public/home/images/index/bth.png) no-repeat 95% 50%;
}
.from label span{
    color: #b0adab;
    font-size: .14rem;
    text-align: center;

}
.mask{
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width:100%;
    z-index: 1800;
}
.select-bth{
    width: 100%;
    height: .35rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
}
.customer{
    position: absolute;
    width: 1.8rem;
    top: 65%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
}
.skim {
    background: none;
    width:80%;
}
.close {
    width: 0.32rem;
    height: 0.32rem;
    display: block;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    background: url(/Public/home/images/index/close.png) no-repeat;
    background-size: 100%;
}
.letter{
    letter-spacing: 0.05rem;
}