body{ background: #2a2c38; max-width:640px; min-height:100%; height:auto;}
*{outline:none;box-sizing: border-box;}
.header{text-align: center;color: #fae6bc;font-weight: bold;font-size: 0.28rem; height: 0.8rem; line-height: 0.8rem;display: flex; align-items: center; justify-content: center;margin-top: 0.2rem;}
.header span{display: flex;}
.header span::before{content: '';display: inline-block; background: url(../images/hy008.png) no-repeat left center/0.5rem auto; width:0.7rem; height: 0.8rem;}
.header span::after{content: '';display: inline-block; background: url(../images/hy007.png) no-repeat right center/0.5rem auto; width:0.7rem; height: 0.8rem;}



.desc{display: flex; margin: 0 0.2rem;  padding: 0.2rem;}
.desc>div{flex: 1; text-align: center;color: #cab38d;display: flex; flex-direction: column; justify-content: center; align-items: center;}

.desc>div img{width: 42%;}
.desc>div p{font-size: 0.24rem; margin-top: 0.1rem;}

.list{padding-top: 0.4rem;}

.van-radio-group{display: flex;flex-flow: wrap;padding: 0 0.3rem;}
.van-radio-group .van-radio{width:2.6rem;margin: 0.2rem 0.15rem 0 0.15rem;border: 1px solid #cdaf73;border-radius: 0.1rem;cursor: pointer;background-image: linear-gradient(to bottom,#ebd9ae,#cdaf73);position: relative;-webkit-tap-highlight-color:transparent;}

.van-radio-group .van-radio::before{content: '';display: block; width: 0.8rem; height: 0.5rem; background: url(../images/004.png)  no-repeat center center/100%;position: absolute; top: -0.35rem; left: 50%; margin-left: -0.4rem;}

.van-radio-group .van-radio .flex{display: flex;flex-direction: column;text-align: center;padding-bottom: 0.4rem; align-items: center;background:url(../images/006.png) no-repeat left top/100% 100%;}

.van-radio-group .van-radio .flex .t1{color: #333;font-size: 0.28rem;margin-top: 0.3rem;}

.van-radio-group .van-radio .flex .t2{font-size: 0.44rem; color: #000;font-weight: bold;margin-top: 0.14rem;}
.van-radio-group .van-radio .flex .t2 i{font-size: 0.22rem;}
.van-radio-group .van-radio .flex .t3{color: #666;font-size: 0.2rem;margin-top: 0.1rem; text-decoration: line-through;}
.van-radio-group .van-radio .flex .t4{font-size: 0.22rem; margin-top: 0.4rem;}
.van-radio-group .van-radio.active{border: 1px solid #ebd9ae;}
.van-radio-group .van-radio.active::after{content: '';display: block; width: 0.9rem; height: 0.9rem; background: url(../images/009.png)  no-repeat center center/100%;position: absolute; top:-3px; left: 0; }


.van-button{background-color: #dbc195;color: #916e2f; display: block;width: 3.5rem; margin:0.9rem auto 0; padding: 0.2rem 0; text-align: center;font-size: 0.3rem;border-radius: 0.4rem;}
.van-button:hover{background-color: #e3bf87;}

.van-radio-group .van-radio .flex .select{  border: 1px solid #282a35; color: #282a35; width: 1.8rem; line-height: 0.5rem;border-radius: 3px; margin-top: 0.2rem;}
.van-radio-group .van-radio.active .flex .select{ background-color: #282a35; border: 1px solid #ebd9ae; color: #dbc195; }

.vip-list-top {padding: 0 6%;margin-top: 10%;}
.vip-list-group {display: flex;}
.vip-list-radio {flex: 1;margin-right: 5%; border: 1px solid #cdaf73; border-radius: 0.1rem; background-image: linear-gradient(to bottom,#ebd9ae,#cdaf73); border: 1px solid #ebd9ae; position: relative; -webkit-tap-highlight-color: transparent; }
.vip-list-radio:last-child {margin-right: 0 !important;}
.vip-radio-bg {background: url(../images/kp006.png) no-repeat left top/100% 100%;}
.vip-radio-bg div {position: relative;top: -0.3rem; text-align: center;}
.vip-radio-logo {text-align: center;}
.vip-radio-logo img {width: 30%;}
.vip-list-group .vip-list-radio.active::after{content: ''; display: block; width: 0.6rem; height: 0.6rem; background: url(../images/009.png)  no-repeat center center/100%; position: absolute;  top: -0.04rem;  left: -0.01rem;  }
.vip-radio-title {font-size: 0.2rem; padding-top: 6%; }
.vip-radio-price {font-size: 0.36rem; color: #000; font-weight: bold; padding-top: 4%; }
.vip-radio-price i {font-size: 0.16rem; }
.vip-radio-old_price {font-size: 0.14rem; text-decoration: line-through; color: #666; padding-bottom: 6%; }
.vip-radio-button {border: 1px solid #282a35; color: #282a35; line-height: 0.4rem; border-radius: 3px; font-size: 0.2rem; width: 70%; margin: 0 auto; }
.vip-list-group .vip-list-radio.active .vip-radio-button {background-color: #282a35; border: 1px solid #ebd9ae; color: #dbc195;}
.vip-radio-desc {padding-top: 0.2rem;font-size: 0.16rem;}