.cl {
    clear: both;
}

.block {
    display: block !important;
}

.contains {
    margin: 0 0.25rem;
    position: relative;
}
#opcaty1{
    opacity: 0;
    height: 1rem;
}
.tit {
    font-size: 0.48rem;
    color: #363845;
    text-align: center;
    padding-top: 0.8rem;
    font-weight: normal;

}
.tits{
    font-size: 0.24rem;
    text-align: center;
    color: #91939d;
}
.banner{
    width: 100%;
    height: 5rem;
    background: url(../img/mby_01.png);
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 4.3rem;
}
.ba_zx{
    padding-left: 1.9rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
    color: #fff;
}
.m1-swiper{
    margin-top: 0.4rem!important;
}
.m1-swiper .swiper-slide{
    width: 2.4rem!important;
    height: 1.8rem!important;
    margin-top: 2.02rem!important;
    margin-right: 0.33rem!important;
}
.m1-swiper .swiper-slide img{
    display: block;
    height: 1.8rem!important;
    
}
.m1-swiper .swiper-slide-active{
    width: 5.12rem!important;
    height: 3.82rem!important;
    margin-top: 0!important;
}
.m1-swiper .swiper-slide-active img{
    width: 5.12rem!important;
    height: 3.82rem!important;
}
.m1_list{
    width: 0.32rem;
    position: absolute;
    right: 0.64rem;
    top: 0;
}
.m1_list li{
    width: 0.28rem;
    height: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    border: 0.02rem solid #b1b3bc;
    color: #b1b3bc;
    font-size: 0.24rem;
    border-radius: 50%;
    margin-bottom: 0.2rem;
}
.m1_list .m1_act{
    border-color: #5f6caf;
    color: #5f6caf;
}
.m1_zx{
    width: 100%;
    height: 1.98rem;
    background: url(../img/mby_07.png);
    background-size: 100% 100%;
    margin-top: 0.55rem;
}
.m2{
    border-radius: 0.24rem;
    box-shadow: 0 0 0.18rem rgba(206,208,232,.59);
   
}
.m2-swiper{
    padding-bottom: 1rem!important;
}
.m2-swiper img{
    display: block;
    width: 100%;
    height: 4.58rem;

}
.m2-swiper h3{
    text-align: center;
    color: #363845;
    font-size: 0.28rem;
}
.ad{
    width: 100%;
    height: 3.3rem;
    margin-top: 0.6rem;
    background: #aac6ea;
    position: relative;
}
.ad_tit{
    font-size: 0.36rem;
    text-align: center;
    color: #fff;
    font-weight: normal;
    padding-top: 0.4rem;
}
.ad_tit b{
    font-size: 0.48rem;
    color: #ff8f73;
}
.ad_tit span{
    font-size: 0.24rem;
}
.baseline{
    text-decoration: line-through;
}
.ad_cont{
    width: 6.34rem;
    height: 1.66rem;
    background: #94a2c3;
    font-size: 0.24rem;
    color: #cfd9f3;
    margin: 0 auto;
    margin-top: 0.15rem;
    box-sizing: border-box;
    padding: 0.2rem 0.4rem;
    text-align: left;
    line-height: 0.36rem;
    opacity: 0;

}
.ad_cont p{
    text-align: left;
    margin-bottom: 0.2rem;
    line-height: 0.3rem;
}
#redux{
    width: 6.34rem;
    height: 1.66rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 1.2rem;
}
.lb-swiper{
    width:100%;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: #ecf0fc;
    box-sizing: border-box;
    padding-left: 2.4rem;
    position: relative;
}
.lb-swiper::before{
    position: absolute;
    content: '';
    width: 0.32rem;
    height: 0.31rem;
    background: url(../img/lb.png);
    background-size: 100% 100%;
    top: 0.1rem;
    left: 1.6rem;
}
.m3_cont{
    width: 100%;
    height: 17.75rem;
    background: url(../img/mby_17.png);
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 0.7rem;
}
.m3_list li{
    margin-bottom: 1.2rem;
}
.m3_msg{
    width: 3.2rem;
    float: left;
    height: 3.1rem;
    box-sizing: border-box;
}
.m3_zx{
    width: 3.7rem;
    float: left;
    margin-top: 2.45rem;
    height: 0.66rem;
    border-radius: 0.08rem;
    line-height: 0.66rem;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
    background: #6788db;

}
.m3_list li:nth-of-type(even) .m3_msg{
    padding-left: 0.2rem;
}
.m3_zx img{
    width: 0.42rem;
    vertical-align: middle;
}
.m3_tit{
    font-size: 0.32rem;
    color: #55575f;
    
}
.m3_tits{
    font-size: 0.24rem;
    color: #91939d;
   
    margin-bottom: 0.4rem;
}
.m3_msg span{
    color: #6788db;
}
.m3_ys{
    font-size: 0.28rem;
    color: #91939d;
    padding-left: 0.2rem;
    margin-bottom:  0.2rem;
    position: relative;
}
.m3_ys::before{
    position: absolute;
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    background: #91939d;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin:auto 0;
    left: 0;
}
.m4{
    border-top-left-radius:0.24rem;
    border-bottom-left-radius:0.24rem;
    box-shadow: 0 0 0.18rem rgba(206,208,232,.59);
    height: 13.4rem;
    margin-bottom: 1.2rem;
    overflow-y: scroll;
}
.m4::-webkit-scrollbar {
    width: 6px;
}

.m4::-webkit-scrollbar-track {
    background-color: #e2e5e9;
}

.m4::-webkit-scrollbar-thumb {
    background: #d1d5d9;
}
.m4_list li{
    box-sizing: border-box;
    padding-top: 0.6rem;
    padding-left: 0.5rem;
    padding-bottom: 0.55rem;
    border-bottom:  0.02px solid #f1f3f7;
    position: relative;
}
.m4_list li p{
    width: 5rem;
    font-size: 0.28rem;
    color: #91939d;
    margin-bottom: 0.2rem;
    line-height: 0.44rem;
}
.m4_list li p span{
    color: #55575f;
}
.m4_list li h5{
    font-size: 0.28rem;
    color: #6788db;
    font-weight: normal;
    margin-top: 0.4rem;
}
.m4_list li h3{
    width: 1.38rem;
    height: 1.38rem;
    border-radius: 50%;
    background: #e8eefd;
    line-height: 1.38rem;
    text-align: center;
    color: #6788db;
    font-size: 0.32rem;
    position: absolute;
    top: 0.3rem;
    right: 0.25rem;
}