.container{padding: 1.8rem 1.4rem 2.5rem}
    a{display: block;position: relative;}
        .banner{border-radius: 0.8rem;overflow: hidden;margin-bottom: 1.6rem;box-shadow: 0px 0.3rem 1rem 0px rgba(179, 179, 179, 0.6);}
        /* .banner1{background: url(../img/banner1.png) no-repeat;background-size: cover;}
            .txt{margin: 4rem  0 0 1.7rem}
                .txt div:first-child{ font-size: 1.8rem; font-weight: bold;color: #ffffff;}
                .txt div:last-child{ font-size: 1.2rem;color: #ffffff;}
            .tab{position: absolute;top: 0;left: 1.8rem;width: 5.5rem;height: 2.15rem; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0px 0.2rem 0.5rem 0px  rgba(96, 96, 96, 0.12);border-radius: 0px 0px 0.5rem 0.5rem; color: #ffffff;font-size: 1.3rem;line-height: 2.15rem;text-align: center} 
        .banner2{background: url(../img/banner2.png) no-repeat;background-size: cover;}
        .banner3{background: url(../img/banner6.jpg) no-repeat;background-size: cover;}
        .banner4{background: url(../img/banner4.png) no-repeat;background-size: cover;}
        .banner5{background: url(../img/banner5.png) no-repeat;background-size: cover;} */
        .back{font-size: 1.4rem; color: #8c7fee;;text-align: center;margin-top: 2.4rem}
        .banner .img_wrap{width: 100%}
        .banner img{width: 100%;max-height: 100%}

.layer{position: fixed;top:0;left:0;right:0;bottom:0;margin:0 auto; max-width: 750px;background-color:rgba(0,0,0,0.7);z-index: 2000;display: none;overflow: hidden;}
.layer.active{display: block;}

.layer_share{position: absolute;width: 18.75rem;border-radius: 0.3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);padding: 1.5rem;background: #FFFFFF;padding-bottom: 0}
.xcx img{width: 100%}
.layer_share .close{position: absolute;width: 2.8rem;top: -1.4rem; right: -1.4rem}
.layer_share .close img{width: 100%;}
.layer_share .text{font-size: 1.7rem;color: #999999;padding: 0.5rem;text-align: center;margin-top: 0.5rem}