﻿
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    /*个人中心右侧*/
    .crumbs{font-size: 16px;}
    .user-header{width:100%;height:120px;box-sizing:border-box;padding:20px;background-color:#FFF;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.07);position:relative;border-radius: 8px;}
    .user-header .logo{width:80px;height:80px;float:left;border:1px solid #f5f5f5;border-radius:4px;margin-right:8px;position:relative;cursor:pointer;overflow: hidden;}
    .user-header .logo .logo-file{width:80px;height:80px;position:relative;outline:none;opacity:0;position:absolute;top:0;left:0;cursor:pointer}
    .user-header .logo .file{display:block;width:80px;height:80px;line-height:78px;text-align:center}
    .user-header .logo .file:before{width:40px;height:40px;background-position:-156px -364px;vertical-align:middle}
    .user-header .logo img{width:80px;height:80px;display:block;border-radius:4px}
    .user-header .account{float:left;box-sizing:border-box;padding:5px 0}
    .user-header .account .name{width:100%;height:36px;float:left;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .user-header .account .name a,.user-header .account .name span{display:block;margin-left:8px}
    .user-header .account .name .username{line-height:36px;font-size:18px;font-weight:bold;color:#22272e;display:inline-block;float:left}
    .user-header .account .name .update{position:relative;width:104px;height:24px;background:#FFE6DC;border:1px solid #FF5B00;opacity:1;border-radius:12px;color:#FF5B00;font-size:12px;line-height:22px;text-align:center}
    .user-header .account .name .update .name-tips{width:44px;height:19px;line-height:19px;text-align:center;border-radius:10px;background-color:#ffe6dc;font-size:12px;color:#FF5B00;position:absolute;right:-20px;top:-25px;z-index:99}
    .user-header .account .name .update .name-tips:before{content:'';width:6px;height:6px;background-color:#ffe6dc;position:absolute;bottom:-3px;left:12px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .user-header .account .name .agency{width:64px;height:24px;text-align:center;line-height:22px;border-radius:12px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
    .user-header .account .name .agency.ordinary{background:#E7EAEF;border:1px solid #627386;color:#627386}
    .user-header .account .name .agency.vip{background:#FFF2D5;border:1px solid #FFD54F;color:#E4AA43}
    .user-header .account .name .vip-icon{height:24px;text-align:center;line-height:24px;border-radius:12px;font-size:12px;font-weight:400;padding: 0 10px;}
    .user-header .account .name .vip-icon.vip{color:#4E4539;background:#F0CB72}
    .user-header .account .name .vip-icon.svip{color:#F0CB72;background:#333333}
    .user-header .account .msg{width:100%;font-size:14px;line-height:26px;color:#22272e;margin-top:20px}
    .user-header .account .msg em{color:#22272e;display:inline-block;margin-right:8px}
    .user-header .account .msg .red{color:#f94b4b;font-style:normal;margin:0 5px}
    .user-header .account .msg a{display:inline-block;height:22px;line-height:22px;padding:0 8px;color:#FFFFFF;font-size:12px;text-align:center;background-image:linear-gradient(225deg,#61686f 0%,#313a43 100%);border-radius:11px}
    .user-header .account .money{position:absolute;right:15px;bottom:20px;font-size:16px}
    .user-header .account .money em{color:#FF5B00;font-style:normal;}
    .user-header .message{position:absolute;height:28px;right:15px;top:20px}
    .user-header .message a{width:28px;height:28px;float:right;display:block;position:relative}
    .user-header .message .icon{width:28px;height:28px;float:right;display:block;position:relative}
    .user-header .message .icon:before{width:28px;height:28px;background-position:-240px -370px}
    .user-header .message .icon span{display:block;width:20px;height:20px;background-image:linear-gradient(90deg,#ff5353 0%,#ff2424 100%);position:absolute;top:-9px;left:-9px;font-style:normal;font-size:12px;color:#f94b4b;line-height:20px;text-align:center;border-radius:50%;color:#fff}
    .user-header .message .icon span.ellipse{width:30px;height:20px;border-radius:10px;line-height:20px;left:-22px}
    .user-content{width:100%;height:auto;margin-top:10px}
    .user-content .title{width: 100%;height: 44px;line-height: 44px;font-size: 16px;text-align: left;color: #22272e;padding: 0 20px}
    .user-content .title a{display: block;float: right;position: relative;padding-right: 36px;position: relative;}
    .user-content .title a .icon{display: block;width: 18px;height: 18px;position: absolute;top: 5px;right: 10px;}
    .user-content .title a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
    .user-content .section{width: 100%;height: auto;}
    .user-content .section .user-main{width: 100%;height:auto;background-color: #FFFFFF;box-sizing: border-box;padding: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 10px;border-radius: 8px;}
    .user-content .section .user-main.tabs{height: 90px;padding: 15px 20px;}
    .user-content .section .user-main.account{height: 78px;}
    .user-content .section .user-main.account .account-cell{line-height: 34px;font-size:14px;color: #333333;float: left;margin-right: 80px;display: block;}
    .user-content .section .user-main.account .account-cell .red{font-size:16px;color: #f94b4b;font-weight: bold;}
    .user-content .section .user-main.collec{height: 78px;padding: 10px 20px;}
    .user-content .section .user-main.collec .account-collec{width: 72px;display: block;float: left;}
    .user-content .section .user-main.collec .account-collec img{height: 26px;width: 26px;display: block;margin: 0 auto;margin-bottom: 2px;}
    .user-content .section .user-main.collec .account-collec p{height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #333333;}
    .user-content .section .user-main .tabs-left{height: 100%;float: left;}
    .user-content .section .user-main .tabs-left .item{width: 50px;height: 100%;float: left;margin:0 40px;}
    .user-content .section .user-main .tabs-left .item a{width: 100%;height: 100%;display: block;}
    .user-content .section .user-main .tabs-left .item a .icon{width: 24px;height: 24px;display: block;margin: 0 auto;position: relative;margin-top: 10px;}
    .user-content .section .user-main .tabs-left .item a .icon span{display: block;width: 20px;height: 20px;background-image: linear-gradient(90deg,#ff5353 0%,#ff2424 100%);position: absolute;top: -9px;right: -13px;font-style: normal;font-size: 13px;color: #f94b4b;line-height: 20px;text-align: center;border-radius: 50%;color: #fff;}
    .user-content .section .user-main .tabs-left .item a .icon span.ellipse{width: 30px;height: 20px;border-radius: 10px;line-height: 20px;right: -22px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-1:before{width: 24px;height: 24px;background-position: 0px -512px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-2:before{width: 24px;height: 24px;background-position: -38px -512px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-3:before{width: 24px;height: 24px;background-position: -73px -512px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-4:before{width: 24px;height: 24px;background-position: -110px -512px;}
    .user-content .section .user-main .tabs-left .item a .icon.icon-5:before{width: 24px;height: 24px;background-position: -145px -512px;}
    .user-content .section .user-main .tabs-left .item a .p{display:block;font-size: 14px;color: #22272e;text-align: center;line-height: 20px;margin-top: 3px;}
    .user-content .section .user-main .tabs-right{float: right;line-height: 60px;font-size: 14px;color: #22272e;}
    .user-content .section .user-main .tabs-right a{display: block;float: right;padding-right: 16px;position: relative}
    .user-content .section .user-main .tabs-right a .icon{width: 18px;height: 18px;display: block;position: absolute;top: 4px;right: -10px;}
    .user-content .section .user-main .tabs-right a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
    .user-content .section .user-main.order{height: 224px;padding-left: 68px;padding-top: 10px;}
    .user-content .section .user-main .order-title{width: 100%;height: 40px;position: relative;float: left;margin-bottom: 0;}
    .user-content .section .user-main .order-title .bag{display: block;position: absolute;left: -45px;top: 12px; width: 36px;height: 16px;background-image: linear-gradient(335deg,#FF5B00 0%,#ffb496 100%);border-radius: 2px;font-size: 10px;color: #FFFFFF;line-height: 16px;text-align: center;}
    .user-content .section .user-main .order-title .title-name{float: left;line-height:  40px;font-size: 14px;color: #22272e;}
    .user-content .section .user-main .order-title .title-name p{float: left;margin-right: 10px;}
    .user-content .section .user-main .order-title .title-name p.state{color: #FF5B00;}
    .user-content .section .user-main .order-title .title-type{float: left;width: 40px;height: 40px;background: url("../image/second.png")center center no-repeat;background-size: cover;}
    .user-content .section .user-main .order-title .title-time{float: right;line-height:  40px;font-size: 12px;color: #9aa5b5;}
    .user-content .section .user-main .order-content{width: 100%;height: auto;float: left;}
    .user-content .section .user-main .order-content .order-item{width: 100%;height: 36px;float: left;}
    .user-content .section .user-main .order-content .order-item p{float: left;margin-right: 50px;line-height: 36px;color: #22272e;font-size: 14px;}
    .user-content .section .user-main .order-content .order-item p span{margin-left: 5px;}
    .user-content .section .user-main .order-content .order-item p .red{color: #f94b4b;}
    .user-content .section .user-main .order-content .order-botton{width: 100%;height: 36px;float: left;margin-top: 8px;}
    .user-content .section .user-main .order-content .order-botton .btn{width: 88px;height: 34px;border-radius: 2px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
    .user-content .section .user-main .order-content .order-botton .btn.cancel{border-color: #9aa5b5;background-color: #FFFFFF;color: #22272e;}
    .user-content .section .user-main .order-content .order-botton .btn.primary{border-color: #FF5B00;background-color: #FF5B00;color: #FFFFFF;}
    .user-content .section .user-main.product{height: 260px;padding: 20px 20px 10px 20px;}
    .user-content .section .user-main .product-item{width: 173px;height: auto;float: left;margin-right: 15px;cursor: pointer;}
    .user-content .section .user-main .product-item:last-child{margin-right: 0;}
    .user-content .section .user-main .product-item .product-img{width: 171px;height: 171px;float: left;border: 1px solid #e2e7ef;}
    .user-content .section .user-main .product-item .product-img img{width: 173px;height: 173px;display: block;}
    .user-content .section .user-main .product-item .product-name{width: 100%;height: 40px;float: left;margin-top: 10px;}
    .user-content .section .user-main .product-item .product-name p{font-size: 14px;color: #93979f;text-align: justify;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
    .user-content .section .user-main .product-item .product-name p:hover{color: #FF5B00;text-decoration: underline;}
    .user-content .section .user-main.news{height: 207px;padding: 13px 20px;}
    .user-content .section .user-main .new-list{width: 100%;height: 36px;float: left;cursor: pointer;}
    .user-content .section .user-main .new-list .text{width: 600px;line-height: 36px;font-size: 14px;color: #4a4f58;float: left;padding-left: 15px;position: relative; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
    .user-content .section .user-main .new-list .text:hover{color: #FF5B00;text-decoration: underline;}
    .user-content .section .user-main .new-list .text:before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #FF5B00;position: absolute;left: 0;top:15px;}
    .user-content .section .user-main .new-list .time{line-height: 36px;font-size: 12px;color: #9aa5b5;float: right;}
    .user-content.coupon{width: 100%;height: 240px}
    .user-content.coupon .coupon_img{width: 100%;height: 100%;}
    /*SVIP*/
    .svip-content{margin-top:10px}
    .svip-content .title{width:100%;height:44px;line-height:44px;font-size:16px;text-align:left;color:#22272e;padding:0 20px}
    .svip-content .section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:968px;height:78px;padding:0 24px 0 110px;background:url(../image/pc-cm-svip-bg-01.png) no-repeat center;background-size:968px 78px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius: 8px;}
    .svip-content .section div{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#F0CB72}
    .svip-content .section div span:first-child{font-size:16px;font-weight:400;color:#F0CB72}
    .svip-content .section div span.error{color: #FF2A2A}
    .svip-content .section div span:last-child{font-size:14px;font-weight:400;color:#BCBCBC;margin-left: 10px}
    .svip-content .section a.btn{width:104px;height:36px;color:#4E4539;text-align:center;line-height:36px;background:-webkit-gradient(linear,right top,left top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(right,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(270deg,#FEE9BA 0%,#F0CB72 100%);border-radius:18px}
    .svip-content .section a.link{font-size:16px;font-weight:400;color:#F0CB72}
}

/**
* 移动端
*/
@media screen and (max-width:768px){
    body{background: #FFFFFF;}
    footer{display:none}
    #dashboard{ padding-top: 27vw; }
    .user-header{box-sizing:border-box;width:100%;padding:2.7vw;background:#fff;position:relative}
    .user-header .logo{width:19.4vw;height:19.4vw;border:solid 1px #f5f5f5;margin-right:2.7vw;position:relative}
    .user-header .logo .logo-file{width:19.4vw;height:19.4vw;outline:none;opacity:0;position:absolute;top:0;left:0}
    .user-header .logo .file{position:absolute;top:5vw;left:5vw;width:9vw;height:9vw}
    .user-header .logo .file:before{width:9vw;height:9vw;background-position:-5.5vw -60.3vw;}
    .user-header .logo img{max-width:100%;max-height:100%;display:block;margin:0 auto;}
    .user-header .account{width:70vw;height:auto;box-sizing:border-box;color:#9aa5b5;font-size:3.1vw;line-height:6.4vw;position:relative}
    .user-header .account .name{font-size:3.7vw;color:#22272e}
    .user-header .account em{font-style:normal;color:#FF5B00}
    .user-header .account .name a,.user-header .account .msg a{display:inline-block;height:5.4vw;line-height:5.4vw;padding:0 2vw;color:#FFF;border-radius:2.7vw;margin-left:2vw}
    .user-header .account .name a{background-color:#FF5B00;position: relative;}
    .user-header .account .name a .name-tips{width: 11.6vw;height: 4.8vw;line-height: 4.8vw;text-align: center;border-radius: 2.4vw;background-color: #ffe6dc;font-size: 12px;color: #FF5B00;position: absolute;right: -20px;top: -25px;z-index: 99;}
    .user-header .account .name a .name-tips:before{content: '';width: 6px;height: 6px;background-color: #ffe6dc;position: absolute;bottom: -3px;left: 12px;z-index: -1;transform:rotate(45deg);}
    .user-header .account .msg{ margin-top: 1.2vw;}
    .user-header .account .msg a{background-color:#313a43}
    .user-header .account .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .user-header .account .user-info a,.user-header .account .user-info span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:1.6vw}
    .user-header .account .user-info .username{width:100%;font-size:3.6vw;font-weight:bold;color:#22272e;display:inline-block}
    .user-header .account .user-info .update{position:relative;height:5.4vw;background:#FFE6DC;border:1px solid #FF5B00;opacity:1;border-radius:2px;color:#FF5B00;font-size:3.2vw;line-height:22px;text-align:center;margin-left:0}
    .user-header .account .user-info .update .name-tips{width:44px;height:19px;line-height:19px;text-align:center;border-radius:10px;background-color:#ffe6dc;font-size:12px;color:#FF5B00;position:absolute;right:0;top:-25px;z-index:99}
    .user-header .account .user-info .update .name-tips:before{content:'';width:6px;height:6px;background-color:#ffe6dc;position:absolute;bottom:-3px;left:12px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .user-header .account .user-info .agency{width:16vw;height:5.4vw;text-align:center;border-radius:2.7vw;font-size:3.2vw;-webkit-box-sizing:border-box;box-sizing:border-box}
    .user-header .account .user-info .agency.ordinary{background:#E7EAEF;border:1px solid #627386;color:#627386}
    .user-header .account .user-info .agency.vip{background:#FFF2D5;border:1px solid #FFD54F;color:#E4AA43}
    .user-header .account .user-info .vip-icon{height:5.4vw;text-align:center;border-radius:2.7vw;font-size:3.2vw;font-weight:400}
    .user-header .account .user-info .vip-icon.vip{width:8vw;color:#4E4539;background:#F0CB72}
    .user-header .account .user-info .vip-icon.svip{width:9vw;color:#F0CB72;background:#333333}
    .user-header .account .update a{position: relative;width: 32.6vw;height: 8.5vw;display: block; background-color:#ffe6dc;box-sizing: border-box;border: 1px solid #FF5B00;line-height: 8.5vw;text-align: center;color: #FF5B00;font-size: 3.4vw;border-radius: 4.25vw;}
    .user-header .account .update a .name-tips{width: 12.6vw;height: 4.8vw;line-height: 4.8vw;text-align: center;border-radius: 2.4vw;background-color: #ffe6dc;font-size: 2.8vw;color: #FF5B00;position: absolute;right: -2vw;top: -6.5vw;z-index: 99;}
    .user-header .account .update a .name-tips:before{content: '';width: 6px;height: 6px;background-color: #ffe6dc;position: absolute;bottom: -3px;left: 12px;z-index: -1;transform:rotate(45deg);}
    .user-header .message{position:absolute;right:0;top:5vw}
    .user-header .message .mIcon{position:absolute;right:0;top:0}
    .user-header .message .mIcon:before{width:8vw;height:8vw;background-position:-16.5vw -60.3vw}
    .user-header .message .ellipse,.user-header .message .circular{padding:.6vw;border-radius:3.1vw;font-size:3.1vw;background-color:#f55c5c;color:#FFF;font-style:normal;position:absolute;right:4vw;top:-1vw;transform:scale(.7)}
    .user-header .message .circular{padding:0 1vw;}
    .user-content{width:100%;margin:0 auto 2.4vw auto;background:#FFF;padding-top: 2.4vw;margin-top: 2.4vw;border-bottom: 3vw solid #F5F5F5;}
    .user-content .section .user-main.account{height: 23vw;box-sizing: border-box;padding: 2vw 3.2vw;}
    .user-content .section .user-main.account .account-cell{line-height:9vw;font-size:3.4vw;color: #333333;float: left;margin-right: 10vw;display: block;}
    .user-content .section .user-main.account .account-cell .red{font-size:4.2vw;color: #f94b4b;font-weight: bold;}
    .user-content .section .user-main.collec{width: 20vw;height: 20vw;box-sizing: border-box;padding: 3vw 3.2vw;}
    .user-content .section .user-main.collec .account-collec{height: 20vw;box-sizing: border-box;width: 100%;display: block;}
    .user-content .section .user-main.collec .account-collec img{height: 6.4vw;width: 6.4vw;display: block;margin: 0 auto;margin-bottom: 1vw;}
    .user-content .section .user-main.collec .account-collec p{height: 4.4vw;line-height: 4.4vw;text-align: center;font-size: 3vw;color: #333333;}
    .user-content .user-main .tabs-left{box-sizing:border-box;width:100vw;padding:4vw 2vw;}
    .user-content .user-main .tabs-left .item{width:20.8vw;height:8vw;line-height:8vw;text-align:center;border-radius:4.2vw;border:1px solid #b8bfca;font-size:3.3vw;color:#627386;margin:2vw 1vw;position:relative;}
    .user-content .user-main .tabs-left .item .icon span{ width: 4.6vw;height:4.6vw;line-height:4.6vw;padding:0 .6vw;border-radius:2.3vw;font-size:3.1vw;background-color:#f55c5c;color:#FFF;font-style:normal;position:absolute;right:1vw;top:-2vw}
    .user-content .title{box-sizing:border-box;padding:0 3.2vw;height:10.3vw;line-height:10.3vw;font-size:3.4vw;color:#22272e}
    .user-content .title.order{height:6vw;line-height:6vw;}
    .user-content .title a{float:right;color:#627386}
    .user-content .title a:after{content:'\276F';margin-left:1vw}
    .user-content .user-main.product{box-sizing:border-box;width:100%;height:43vw;padding:0 3.2vw;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
    .user-content .product-item{display:inline-block;width:26.7vw;height:43vw;margin-right:2.6vw;overflow:hidden}
    .user-content .product-item .product-img{box-sizing:border-box;width:100%;height:26.7vw;border:solid 1px #fef6f3}
    .user-content .product-item .product-name p{margin-top:2.6vw;line-height:6vw;font-size:3.4vw;color:#627386;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .user-content .user-main.news{box-sizing:border-box;width:100%;padding:0 3.2vw 2vw 3.2vw}
    .user-content .user-main .new-list{box-sizing:border-box;display:block;margin-bottom:2vw;font-size:3.4vw;position:relative;padding-left:4vw;line-height:6vw}
    .user-content .user-main .new-list:before{content:'\25CF';color:#9aa5b5;position:absolute;left:0}
    .user-content .user-main .new-list .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4a4f58}
    .user-content .user-main .new-list .time{color:#9aa5b5}
    .user-content.coupon{width: 100%;height: 32vw;background: none}
    .user-content.coupon .coupon_img{width: 100%;height: 100%;}
    /*SVIP*/
    .svip-content{margin-top:2vw}
    .svip-content .title{display: none}

    .svip-content .section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:20.6vw;padding:0 5vw 0 17vw ;background:url(../image/h5-cm-svip-bg-01.png) no-repeat center;background-size:100vw 20.6vw;-webkit-box-sizing:border-box;box-sizing:border-box}
    .svip-content .section div{-webkit-box-flex:1;-ms-flex:1;flex:1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;color:#F0CB72}
    .svip-content .section div span:first-child{font-size:3.4vw;font-weight:400;color:#F0CB72}
    .svip-content .section div span.error{color: #FF2A2A}
    .svip-content .section div span:last-child{font-size:3.2vw;font-weight:400;color:#BCBCBC;margin-top: 1.6vw}
    .svip-content .section a.btn{width:19.2vw;height:7.2vw;color:#4E4539;text-align:center;line-height:7.2vw;background:-webkit-gradient(linear,right top,left top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(right,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(270deg,#FEE9BA 0%,#F0CB72 100%);border-radius:3.6vw;}
    .svip-content .section a.link{font-size:3.2vw;font-weight:400;color:#F0CB72}
}

