/*banner*/
#banner{
    width: 100%;
}
#banner img{
    width: 100%;
    height: 1.49rem;

}

/*vip模块一*/
.vip-tittle{
    text-align: center;
}
.vip-tittle p{
    color:#000;
    font-size: .17rem;
    letter-spacing: 3px;
    font-weight: bold;
}
.vip-tittle span{
    color:#fb9502;
}
.vip1{
    padding: .13rem .18rem 0;
    background: #f0f0f0;
}
.vip-box{
    width: 100%;
    margin: 0 auto;
}
.vip-card{
    padding-top: .13rem;
    font-size: 0;
}
.vip-card-item{
    position: relative;
    display: inline-block;
    width: 1.67rem;
    background: white;
    padding: .2rem .1rem .1rem .16rem;
    box-sizing: border-box;
    margin-right: .05rem;
    margin-bottom: .05rem;
}
.vip-card-item .hot-img{
    position: absolute;
    top:0;
    left: 0;
    width: .38rem;
}
.vip-card-item:nth-child(2n){
    margin: 0 !important;
}
.vip-card-title{
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    color: #000000;
}
.vip-card-title p{
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: .1rem;
    font-weight: bold;
    padding-bottom: .05rem;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.vip-card-title a{
    margin-top: 1px;
    float: right;
    font-size: .08rem;
    color:#000;
    opacity: 0.64;
}
.vip-list{
    display:block;
    margin-top: .05rem;
    font-size: .1rem;
    line-height: 1.5;
    color: #1a6ae9;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*vip模块二*/
.vip2{
    width: 100%;
}
.vip2-content{
    height: 2.36rem;
    background: url(../img/vip/vip2-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: .23rem;
    box-sizing: border-box;
}

.vip2-btn{
    position: absolute;
    bottom: .1rem;
    left:.95rem;
    width: 1.85rem;
    background:#fb9502;
    font-size: .12rem;
    color:white;
    border-radius: 8px;
    border:0;
    padding: 4px 0 5px;
    text-align: center;
    opacity: 0;
}

/*vip模块三*/
.vip3{
    padding-top: .2rem;
    background:#f1f5f8 url(../img/vip/m4_bg.png) right bottom no-repeat;
    background-size: 100% 100%;
}
.vip3 .vip-tittle span{
    color:#fb9502;
}
.vip3 .vip-card{
    font-size: 0;
    padding: .16rem.12rem;
}
.vip3 .vip-card li{
    display: inline-block;
    vertical-align: top;
}
.vip3-left img,.vip3-right img{
    width: 1.13rem;
}
.vip3-middle{
    width: 1.24rem;
    padding: 0 .15rem;
    box-sizing: border-box;
}
.vip3-middle img{
    width: .92rem;
}
.vip3-middle-top{
    margin-top: .11rem;
    padding-left: .05rem;
}

.vip3-middle-top img{
    width: .33rem;
    margin-right: .07rem;
    vertical-align: top;
}
.vip3-bottom-right{
    position: relative;
    top:.1rem;
    display: inline-block;
    width: 3rem;
    vertical-align: top;
}
.vip3-middle-top span{
    display: inline-block;
    font-size: .13rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .05rem;

}
.vip3-middle-bottom{
    text-align: center;
}
.vip3-middle-bottom button{
    height: .24rem;
    background-color: #ffffff;
    border-radius: .03rem;
    border: solid 1px #0cd3d0;
    opacity: 0.69;
    margin-right: .1rem;
    font-size: .09rem;
    margin-top: .05rem;
}
.vip3-middle-bottom button:last-child{
    margin: 0;
}

/*vip模块四*/
.vip4{
    padding: .2rem 0 .1rem;
    background: white;
}
.vip4 .vip-tittle span{
    color:red;
}
.vip4 .vip-tittle small{
    letter-spacing: 3px;
    color: #000000;
    opacity: 0.48;
}
.vip4 .vip-card-title{
    font-size: .17rem;
    letter-spacing: 2px;
    color: #000000;
    height: .42rem;
    line-height: .41rem;
    text-align: center;
    font-weight: bold;
}
.vip4 .vip-card-item{
    width: 100%;
    height: 1.42rem;
    padding: 0 .25rem 0 .3rem;
    margin-bottom: .06rem !important;
    box-sizing: border-box;
    margin-right: 0;
}
.vip4-card-content{
    padding-top: 15px;
}
.vip4-card-content p{
    line-height: .16rem;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    font-size: .1rem;
}
.vip4-bottom {
    text-align: center;
    padding-top: .04rem;
}
.vip4-bottom .btn{
    display: inline-block;
    width: 1.22rem;
    height: .3rem;
    background-color: #1a6ae9;
    border-radius: .05rem;
    text-align: center;
    font-size: .12rem;
    color:white;
    line-height: .3rem;
}
.vip4-bottom .tel{
    color:#1a6ae9;
}

/*vip模块五*/
.vip5{
    position: relative;
    background: url(../img/vip/vip5-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 4.57rem;
}
.vip5 .vip-tittle p{
    font-size: .17rem;
    letter-spacing: 2px;
    background: #f5f4f0;
    padding-top: .17rem;
}
.vip5-img{
    position: relative;
}
.vip5-img div{
    position: absolute;
    padding:.02rem .05rem;
    border: 1px solid #959595;
    border-radius: .07rem;
    background: white;
}
.vip5-img p{
    font-size: .12rem;
    color:#00a256;
    text-align: center;
}
.vip5-img span{
    color:#fb7909;
}
.vip5-img .vip5-text1{
    top: .97rem;
    background: unset;
    border: unset;
}
.vip5-text2{
    top: .24rem;
    left: 1.6rem;
}
.vip5-text3{
    top: .79rem;
    left: 2rem;
}
.vip5-text4{
    top: 1.32rem;
    left: 1.1rem;
}
.vip5-text5{
    top: 1.95rem;
    left: 1.3rem;
}
.vip5-text6{
    top: 2.65rem;
    left: 1.2rem;
}
.vip5-img .vip5-text7{
    top: 2.5rem;
    left: 2.55rem;
    background: unset;
    border: unset;
}
.vip5-img .vip5-button{
    position: absolute;
    bottom: -3.85rem;
    text-align: center;
    width: 100%;
    padding: unset;
    border: unset;
    border-radius: unset;
    background: unset;
}
.vip5-img .button{
    font-size: .12rem;
    padding: 0 .15rem;
    height: .3rem;
    background-color: #fb9502;
    box-shadow: 1px 1px 3px 0 rgba(46, 18, 21, 0.52);
    border-radius: 15px;
    line-height: .3rem;
    color:white;
    border: unset;
}
/*vip模块六*/
.vip6{
    padding: .2rem 0;
    background: white;
}

.vip6 .vip-tittle small{
    color: #e40011;
}
.vip6 .vip-card{
    padding: 0 .05rem;
    text-align: center;
    margin-top: .1rem;
}
.vip6  .vip-card-item{
    vertical-align: top;
    border:1px solid lightblue;
    margin-right: .05rem;
    margin-bottom: .05rem;
    border-radius: .05rem ;
    text-align: center;
    padding:.1rem .01rem;
    width: 1.8rem;
    height: auto;
}
.vip6 .vip-card-item:last-child{
    margin: 0;
}
.vip6 .icon-img{
    height: .45rem;
    text-align: center;
}
.vip6 .icon-img img{
    width: .4rem;
    height: .4rem;
    object-fit: scale-down;
}
.vip6-class-name{
    font-size: .14rem;
    font-weight: bold;
    color: #4a4a4a;
}
.vip6-class-small-name{
    font-size: .1rem;
    transform: scale(.8);
    color:#5b5b5b;
}
.vip6-btn{
    margin-top: .05rem;
}
.vip6-btn button{
    background: #1a6ae9;
    font-size: .08rem;
    color:white;
    border:0;
    border-radius: .1rem;
    box-shadow: 0 3px 0 #1a6ae9;
    padding: .01rem .05rem 0;
}
.vip6-btn button:first-child{
    margin-right: .03rem;
}
/*vip模块七*/
.vip7{
    height: 3.41rem;
    background-color: #eeeeee;
}
.vip7 .vip-tittle{
    padding: .2rem 0 .18rem;
}
.vip7 .vip-tittle p{
    line-height: 1;
}
.vip7 .vip-tittle small{
    font-size: .12rem;

}
.vip7-img{
    text-align: center;
    font-size: 0;
    padding: 0 0.26rem;
    box-sizing: border-box;
}
.vip7-img li{
    width: .6rem;
    display: inline-block;
    margin: 0 .09rem .17rem;
}

.vip7-img img{
    width: 100%;
}
.vip7-img p{
    font-size: .12rem;
    transform: scale(.8);
    color: #333333;
    width: 120%;
    position: relative;
    left: -10%;
}
.vips-btn{
    margin-top: 20px;
    text-align: center;
}
.vips-btn a{
    display: inline-block;
    font-size: .12rem;
    color:white;
    border:0;
    width: 2.2rem;
    padding: 5px 0 7px;
    border-radius: .25rem;
    background-color: #fb9502;
    box-shadow: 1px 1px 3px 0 rgba(46, 18, 21, 0.52);

}