@charset "utf-8";
/*css reset*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle; width:100%}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input, input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
textarea{resize:none}
html{-webkit-text-size-adjust:none; height:100%;}
body{max-width: 1080px;margin: 0 auto;user-select: none;background: #fff;font-family:"Microsoft Yahei";font-size:.24rem;position:relative;margin:auto;color:#333;word-break:break-all; background-attachment:fixed;background-size:100% 100%; height:100%; }
body a{color:#333;text-decoration:none;cursor:pointer;}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none;}
img{ border:0;max-width:100%;}
/*clearfix*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}
.clear{clear: both;}

.fl{float:left;}
.fr{float:right;}


/*********************************************** 公用样式start ***********************************************/

/******************** header start ********************/
.header{position: relative;overflow: hidden;}
.header .menu-mask{display: none;position: fixed;top: 1.5rem;left: 0;z-index: 1000;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
.header-inner{
    width: 100%;
    height: 1.5rem;
    position: fixed;  
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    /* justify-content: space-around; */
    background-color: rgba(0, 0, 0, .4);
    padding: 0 0.6rem;
    /* box-shadow: 0 0 10px rgba(204, 204, 204, 60%); */
}
.header .navBtn{display: block;float: left;margin-right: 0.16rem;height:0.7rem;width: 0.7rem;overflow: hidden;position: relative;cursor: pointer;}
.header .navBtn span {display: block;width: 100%;height: 0.03rem;background: #ffffff;position: absolute;left: 10%;transition: all .3s;}
.header .navBtn .span1 {top: 70%;}
.header .navBtn .span3 {bottom: 70%;}
            
.header .navBtnon .span1 {transform: rotate(-45deg);top: 50%;}
.header .navBtnon .span3 {transform: rotate(45deg);top: 50%;}
.header .header-inner .nav-wrapper{position: absolute;top: 1.5rem;left: 0;height: 100vh;background: #fff;overflow-y: scroll;transition: .5s;transform: translateX(-100%);}                
.header .header-inner .nav-wrapper.is-Show {transform: translateX(0);}          
.header .logo{width: 3.25rem;position: absolute;left: 0;right: 0;margin: 0 auto;}
.header #navlist dl{height: 1.8rem;overflow: hidden;}
.header #navlist dl.active{height: auto;transition: all 0.25s; }
.header #navlist dt{padding: 0 .4rem;border-bottom: .01rem solid #e3e3e3;}
.header #navlist dt, #navlist dt a{color: #666;font-size: .4rem;color: #666;height: 1.8rem;line-height: 1.8rem;border-width: 0;}
.header #navlist dt .getMore img{width: .28rem;margin-left: .3rem;}
.header #navlist dd a{display: block;background-color: #f9f9f9;font-size: .38rem;color: #666;line-height: 1.2rem;padding: 0 .5rem;}
/******************** header end ********************/


/******************** footer start ********************/
.footer .item .top{padding: 0 .6rem;background-color: #f1f1f1;}
.footer .item .top{padding: 0 .6rem;display: flex;
    justify-content: space-between;
    border-bottom: .01rem solid #bfbfbf;
    font-size: .4rem;
    color: #666;
    height: 1.68rem;
    line-height: 1.68rem;
    background-color: #f1f1f1;
}
.footer .item .top a{font-size: .4rem;color: #666;}
.footer .item .bottom{padding: .6rem .6rem;display: none;}
.footer .item .bottom.active{display: block;}
.footer .item .bottom a{display: block;line-height: .8rem;font-size: .4rem;color:#757575;}
.footer .item .bottom.storeUrl{padding: 0;display: flex;align-items: center;justify-content: space-between;
    background-color: #f1f1f1;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 400;
    color: #757575;
    line-height: 0.6rem;
    border-bottom: .01rem solid #bfbfbf;
    }
.footer .item .bottom.storeUrl div{width: 50%;padding: .4rem 0;}
.footer .item .bottom.storeUrl div:first-child{border-right: 1px solid #bfbfbf;}
.footer .item .bottom.storeUrl a{width: 4.19rem;height: 0.93rem;margin: 0 auto;border: 1px solid #bfbfbf;border-radius: 20px;}
.footer .item .top .right{width: .4rem;}
.footer .item.qrCode{padding: 0;display: flex;align-items: center;justify-content: space-between;
    background-color: #f1f1f1;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 400;
    color: #757575;
    line-height: 0.6rem;
    border-bottom: .01rem solid #bfbfbf;
}
.footer .item.qrCode div{width: 50%;padding: .85rem 1.08rem }
.footer .item.qrCode div:first-child{border-right: 1px solid #bfbfbf;}
.footer .item.qrCode div img{}
.footer .item.qrCode div p{padding-top: .3rem;font-size: 0.43rem;font-weight: 400;color: #000000;line-height: 0.52rem;}
.footer .item .contactUs{background-color: #f1f1f1;padding: 1rem 1.28rem;font-size: 0.3rem;font-weight: 400;color: #757575;line-height: 0.6rem;}
.footer .item .contactUs a{font-size: 0.5rem;color: #757575;line-height: 0.6rem;}
.copyRight{font-size: .3rem;text-align: center;padding: 1rem 0;background: #fff;}
.copyRight a {display: block;line-height: .4rem;color: #757575;font-size: .3rem;font-weight: 400;}
/******************** footer end ********************/
/*********************************************** 公用样式end ***********************************************/