*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
.font-light{
    font-family:PingFangSC-Light;
    font-weight:300;
}
.font-regular{
    font-family:PingFangSC-Regular;
    font-weight:400;
}
.font-medium{
    font-family:PingFangSC-Medium;
    font-weight:500;
}
.font-semibold{
    font-family:PingFangSC-Semibold;
    font-weight:600;
}
html{
    -webkit-overflow-scrolling: touch;
}
.wrap{
    width:100%;
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,1);
    padding-top:66px;
}

/* header */
.header{
    width:100%;
    height:66px;
    background: rgba(255,255,255,1);
    position: fixed;
    top:0;
    left:0;
    z-index: 20;
}
.tabBar{
    height:66px;
    background:rgba(255,255,255,1);
    position: relative;
}
.bar_line{
    position: absolute;
    bottom:.5px;
    left:0;
    width:100%;
    height:.5px;
    background: #DDD;
}
.bar{
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; 
}
.bar .logo{
    display: flex;
    align-items: center;
}
.bar .logo img{
    width:37px;
    height:38px;
    margin-right:20px;
}
.bar .logo span, .bar .router_list span{
    font-size:16px;
    color:rgba(0,0,0,1);
    line-height:22px;
    z-index: 10;
}
.router_list{
    display: flex;
}
.router_list span{
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.actived{
    border-bottom: 2px solid #000;
}
.router_cen{
    margin:0 42px 0 53px;
}
.right_router_cen {
    margin-right: 42px;
}
/* footer */
.footer{
    height: 242px;
    border-top:.5px solid #DDDDDD;
}
.footer .about_as{
    height: 136px;
    background:#FFF;
}
.footer .about_as .qian{
    width:1000px;
    height: 100%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.footer .about_as .qian .about_left{
    display: flex;
    align-items: center;
}
.left_center{
    margin-right:122px;
}
.about_left p{
    font-size:12px;
    color:rgba(0,0,0,1);
    line-height:18px;
    text-decoration: underline;
}
.footer .paidian{
    height:106px;
    background:rgba(51,51,51,1); 
}
.footer .paidian .qian{
    width:1000px;
    height: 100%;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about_right{
    display: flex;
    align-items: center;
    position: relative;
}
.right_center{
    margin-left:111px;
}
.right_left p{
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:18px;
}
.right_left img{
    width:26px;
    height:22px;
}
.right_left img:first-child{
    margin-right:17px;
}
.right_left .weibo{
    cursor: pointer;
}
.footer-query{
    cursor: pointer; 
}
.qrcode{
    position: absolute;
    right: 238px;
    top: -72px;
    width:140px;
    height: 148px;
    display: none;
}
.right_left,.right_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.right_center p:first-child{
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:18px;
    text-align: right;
}
.right_center p:last-child{
    font-size:20px;
    color:rgba(0,0,0,1);
    line-height:28px;
}
.footer .paidian p{
    font-size:12px;
    color:rgba(102,102,102,1);
    line-height:18px;
}
.footer .paidian .martop{
    margin-bottom: 10px;
}


/*  pc端成为好物满仓弹框 */
.mask{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    position: fixed;
    top:0;
    left:0;
    display: none;
    z-index: 100;
}
.mask_none{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mask_white{
    width:680px;
    height:394px;
    background:rgba(255,255,255,1);
    position: relative;
    padding:32px 0 0 76px;
    display: flex;
    align-items: flex-start;
}
.close{
    position: absolute;
    top:-17.5px;
    right:-17.5px;
    width:35px;
    height:35px;
}
.mask_img{
    width:200px;
    height: 362px;
    margin-right:55px;
}
.haowuTitle{
    font-size:22px;
    color:rgba(0,0,0,1);
    line-height:30px;
    padding-left:10px;
    margin-bottom:30px;
}
.explain_list{
    font-size:16px;
    color:rgba(0,0,0,1);
    line-height:22px;
    padding-left:10px;
}
.mask_margin{
    margin: 10px 0;
}
.mask_qrcode{
    margin:16px 0 18px;
    width:150px;
    height:150px;
}

/* 移动端顶部样式 */
.webBox{
    width:100%;
    height: 100%;
    display: none;
    padding-top:2.5rem;
    background: rgba(255,255,255,1);
}
.webTab{
    position: fixed;
    left:0;
    top:0;
    display: flex;
    width:100%;
    height: 2.5rem;
    justify-content: space-between;
    align-items: center;
    background:rgba(255,255,255,1);
    box-shadow:0rem 0.05rem 0rem 0rem rgba(0,0,0,0.05);
    padding:0 .75rem;
    z-index:30;
}
.webTab img{
    width:1.15rem;
    height:1.15rem;
}
.webTab span{
    font-size:0.8rem;
    color:rgba(0,0,0,1);
    line-height:1.15rem;
}
.erTit{
    width:100%;
    padding:1rem .75rem;
    font-size:0.7rem;
    color:rgba(0,0,0,1);
    line-height:1rem;
    border-bottom:.5px solid #F5F5F5;
    z-index:35;
    background: #FFF;
    position: absolute;
    top:2.5rem;
    left:0;
}
.erTitfix{
    position: fixed;
    top:0;
    left:0;
}
.erTitfix_tit{
    position: fixed;
    top:2.5rem;
    left:0;
}

/* 移动端汉堡菜单 */
.webMask{
    width:100%;
    height: 100%;
    background: #000000;
    position: fixed;
    top:0;
    left:0;
    display: none;
    z-index:50;
}
.webMask_bar{
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:.65rem;
}
.webMask_bar span{
    font-size:0.8rem;
    color:rgba(255,255,255,1);
    line-height:1.15rem;
}
.webMask_close{
    width:1.1rem;
    height: 1.1rem;
}
.router_lists{
    margin-top:1.15rem;
    padding:0 .75rem;
    display: flex;
    flex-direction: column;
}
.webRouter{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.35rem;
    border-bottom:.5px solid #333333;
}
.webRouter span{
    font-size:0.7rem;
    color:rgba(255,255,255,1);
    line-height:0.85rem;
}
.webRouter img{
    width:0.35rem;
    height:.55rem;
}
.webMask_explain{
    position: absolute;
    left:.75rem;
    bottom:1rem;
    font-size:0.6rem;
    color:rgba(102,102,102,1);
    line-height:0.85rem;
}


/* 移动端底部样式 */

.webAbout{
    padding:0 .75rem 1.95rem;
}
.toSale{
    height: 2.35rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .5px solid #DDDDDD;
}
.toSale span{
    font-size:0.6rem;
    color:rgba(0,0,0,1);
    line-height:0.85rem;
}
.toSale img{
    width:.25rem;
    height:.45rem;
}
.webAbout_text{
    font-size:0.7rem;
    color:rgba(153,153,153,1);
    line-height:1rem;
    margin:1.5rem 0 .95rem;
}
.wechat_icon, .weibo_icon{
    width:1.8rem;
    height:1.8rem;
}
.wechat_icon{
    margin-right:1.4rem;
}
.company_explain{
    padding:1rem .75rem 1.75rem;
    background:rgba(51,51,51,1);
}
.company_explain_text{
    font-size:0.6rem;
    color:rgba(153,153,153,1);
    line-height:0.85rem;
}

.wechatMask{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:50;
    display: none;
}
.wechatMask_cont{
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    background: #FFF;
    width:10rem;
    height: 12.25rem;
    padding-bottom:1rem;
}
.wechatMask_img{
    width:100%;
    height:10rem;
    margin-bottom:.25rem;
}
.wechatMask_text{
    text-align: center;
    font-size:0.7rem;
    color:rgba(0,0,0,1);
    line-height:1rem;
}

.footer-router, .toSale{
    cursor: pointer;
}