.warp {
    width: 12.6rem;
    margin: 0 auto
}

.clb{
    clear: both;
}

.header {
    padding: .2rem 0;
    display: flex;
    justify-content: space-between;
}

.header .logo {
    width: 1.8rem;
    height: 0.7rem;
}

.header .logo img {
    width: 100%
}

.header .contact {
    width: 2.26rem;
    height: 0.38rem;
    margin-top: 0.35rem;
    display: flex;
    justify-content: space-between;
}

.header .contact .wx {
    width: 0.36rem;
    height: 0.36rem;
    cursor: pointer;
    background: url('/static/assets/img/icon-1.png') no-repeat;
    background-size: 100% auto;
    position: relative;
}

.header .contact .wx .qrcode img {
    width: 100%;
    height: auto;
}

.header .contact .wx:hover {
     background-image: url('/static/assets/img/icon-1-hover.png');
}

.header .contact .wx .qrcode {
    width: 1.9rem;
    height: 1.99rem;
    position: absolute;
    left: -0.765rem;
    top: -1000rem;
    opacity: 0;
    z-index: 9;
}

.header .contact .tel {
    width:1.78rem;
    height: 0.36rem;
    background: url('/static/assets/img/icon-2.png') no-repeat;
    background-size: 100% auto;
}

.footer {
    height: 1.3rem;
    border-top: 1px solid #d3d3d3;
    font-size: .14rem;
    padding: .25rem .1rem 0
}

.footer a {
    color: #000
}

.footer a:hover {
    color: #ec3432
}

.footer .link {
    width: 50%;
    box-sizing: border-box;
    float: left
}

.footer .copyright {
    width: 49%;
    float: right;
    color: #000;
    text-align: right
}