@charset "utf-8";

/*---------VIP---------*/
.svip{background-color: #fff;padding-bottom: 0.2rem;}
.svip-title{text-align: center;padding:0.5rem 0rem;}
.svip-title img{width: 4.68rem;height: 0.43rem;vertical-align: sub;display: initial;}
.svip-title h2{font-size: 0.36rem;color: #4d4a3e;font-weight: bold;margin-top:0.1rem;}
.svip-title h2 b{color:#e8a442;}

/*banner*/
.svip-banner{margin-top: 0rem;position: relative;}
.svip-banner img{width: 7.5rem;height: 3.6rem;}
.svip-banner p{position: absolute;color:#fffcf1;font-size: 0.26rem; bottom:0.8rem;right:1.1rem;padding:0.1rem 0.2rem;letter-spacing: 0.01rem; border-radius: 0.4rem;font-style: italic;}

/*about*/
.svip-about{text-align: center;padding:0rem 0.2rem 0.4rem 0.2rem;background: url(../images/svipab-back.jpg);background-size: 100% 100%;}
.svipab-word{width:6.4rem;margin: 0 auto;background-color: #fffbfb;border: 1px solid #ffdaae;padding: 0.3rem;text-align: left;}
.svipab-word p{font-size: 0.26rem;color: #666;line-height: 0.52rem;}

/*eee*/
.svip-todo{width:7.1rem;margin: 0 auto;padding:0.2rem 0.2rem 0.3rem 0.2rem;}
.svip-todo ul{background:url(../images/svip-todoback.jpg);padding: 0.3rem;background-size: 100% 100%;}
.svip-todo ul li{width:3.15rem;text-align: center; background-color: #fff;margin-bottom: 0.2rem;box-shadow: 0px 0px 15px #ddd; height:3.9rem;float: left;margin-right: 0.2rem;}
.svip-todo ul li:nth-child(2n){margin-right: 0rem;}
.svip-todo ul li div{padding:0.2rem 0.25rem;border: 0.01rem solid #ffd6a0;height:3.2rem;margin:0.15rem;}
.svip-todo ul li img{width: 0.9rem;height:0.9rem;margin: 0.2rem auto;}
.svip-todo ul li h2{position: relative; z-index: 999;color:#4d4a3e;font-size: 0.28rem;font-weight: bold; padding-left: 0.1rem;}
.svip-todo ul li p{text-align: left; color:#9b9b9b;font-size:0.22rem;padding-top: 0.15rem;line-height: 0.36rem;}

/*流程*/
.svip-liucheng{background-image: url(../images/svip-lcback.jpg);padding:0rem 0.2rem 0.5rem 0.2rem;}
.svip-liucheng ul{display: flex;align-items: center;justify-content:center;flex-flow: wrap;width: 7.1rem;margin: 0 auto;padding: 0.25rem 0rem 0.35rem 0rem;}
.svip-liucheng ul li{background: url(../images/svip-lc01.png);background-size: 100% 100%;margin-bottom: 0.2rem;margin-right: 0.28rem; width: 2.15rem;height: 1.9rem;text-align: center;padding-top: 0.4rem;}
.svip-liucheng ul li:nth-child(3n){margin-right: 0rem;}
.svip-liucheng ul li:nth-child(2n){background: url(../images/svip-lc02.png);background-size: 100% 100%;}
.svip-liucheng ul li h3{font-size: 0.55rem;color:#a73f13;font-weight: bold;}
.svip-liucheng ul li p{font-size: 0.28rem;color:#a73f13;}
.svip-liucheng ul li:nth-child(2n) h3{color:#fff;}
.svip-liucheng ul li:nth-child(2n) p{color:#fff;}
.svip-liucheng .svip-lcbtn{width: 4.6rem; text-align: center;margin: 0 auto;}
.svip-liucheng .svip-lcbtn a{text-align: center;font-size: 0.24rem;color:#fff;box-shadow: 0rem 0.03rem 0.06rem #ffbc79; padding-top: 0.12rem; display:block;width: 4.6rem;height: 0.48rem; background-color: #e38157;border-radius: 0.29rem;}
.svip-liucheng .svip-lcbtn a:hover{background-color: #d76f42;}

/*VIP品牌*/
.svip-pp{padding: 0rem 0.2rem 0rem 0.2rem;}
.svip-pp ul{width: 7.1rem;margin: 0 auto;}
.svip-pp ul li{padding:0.2rem;width:3.05rem;background-image: linear-gradient(to right,#fff7eb,#fff0f0); float: left;margin-right: 0.2rem;margin-bottom: 0.2rem;}
.svip-pp ul li:nth-child(2n){margin-right: 0rem;}
.svip-pp ul li .pp-word img{width: 2.9rem;height:1.93rem;}
.svip-pp ul li .pp-word h2{font-size: 0.3rem;color:#333333;margin: 0.08rem 0rem 0.06rem 0rem;}
.svip-pp ul li .pp-word h2:hover{color: #726b51;}
.svip-pp ul li .pp-word p{font-size: 0.22rem;color:#666666;}
.svip-pp ul li .pp-word p b{color:#f02a46;}
.svip-pp ul li .pp-btn{margin-top: 0.18rem;}
.svip-pp ul li .pp-btn a{float: left;color: #fff;padding-top: 0.12rem;text-align: center; font-size:0.24rem; border-radius: 0.1rem 0rem 0rem 0.1rem; display: block;width:1.4rem;height:0.5rem;background-color: #904d30;}
.svip-pp ul li .pp-btn a:hover{background-color: #803b1d;}
.svip-pp ul li .pp-btn a:nth-child(2){border-radius: 0rem 0.1rem 0.1rem 0rem;color:#fff; width: 1.53rem;height: 0.5rem;background-image: linear-gradient(to right,#ff6e1c,#ff0f4e);}
.svip-pp ul li .pp-btn a:nth-child(2):hover{background-image: linear-gradient(to right,#ef6110,#f20a48);}



