.wechat{

    display: none;

    position: fixed;

    overflow-y: auto;

    z-index: 10001;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(55,55,55,0.8);

}

.wechat.active{

    display: block;

}

.wechat .wechat-box{

    display: flex;

    position: absolute;

    flex-direction: column;

    align-items: center;

    top: 50%;

    left: 50%;

    margin-top: -190px;

    margin-left: -155px;

    width: 310px;

    height: 380px;

    background: rgba(255,255,255,1);

    border-radius: 25px;

    padding: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.wechat .wechat-box .logo{

    display: flex;

    align-items: center;

    height: 100px;

}

.wechat .wechat-box .logo img{

    display: block;

}

.wechat .wechat-box .logo >div{

    display: flex;

    flex-direction: column;

}

.wechat .wechat-box .logo h1{

     color: #333;

     font-size: 26px;

     letter-spacing: 4px;

     line-height: 30px;

     font-family: lianmeng;

 }

.wechat .wechat-box .logo small{

    color: #333;

    font-size: 12px;

    line-height: 12px;

    text-transform: uppercase;

}

.wechat .wechat-box .wechat-qrcode{

     width:200px;

     height:200px;

     overflow: hidden;

 }

.wechat .wechat-box .wechat-qrcode img{

    width:100%;

    height:100%;

    object-fit: cover;

}

.wechat .wechat-box  .scan-tips{

    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

    align-items: center;

    margin-top:20px;

    padding-left:40px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;



}

.wechat .wechat-box .scan-tips p {

    height:50px;

    line-height:50px;

    font-size:14px;

    color:#999;

}

.wechat .wechat-box  .scan-tips:before{

    display: block;

    position: absolute;

    content:"";

    width:50px;

    height:50px;

    background: url(assets/liyunwangluo.xyz/static/index/zm001/images/wx@2x.png) no-repeat left;

    background-size: 50%;

    top:0;

    left:0;

}

.wechat .wechat-box .qrclose{

    width:32px;

    height:32px;

    position: absolute;

    top:-10%;

    right:-20%;

    overflow: hidden;

}

.wechat  .wechat-box .qrclose img{

    width:100%;

    height:100%;

    object-fit: cover;

}

.wechat  .wechat-box .qrclose:hover{

    cursor: pointer;

}

@media screen and (max-width: 475px) {

    .wechat .wechat-box{

        display: flex;

        position: absolute;

        flex-direction: column;

        align-items: center;

        top: 50%;

        left: 50%;

        margin-top: -180px;

        margin-left: -125px;

        width: 250px;

        height: 360px;

        background: rgba(255,255,255,1);

        border-radius: 25px;

        padding: 10px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

}