body{background-color: #fff;}
.vip-banner{display: flex;justify-content: space-around;width: 100%;overflow: hidden;}
.title{font-size: 38px;color: #666;margin-top: 50px;background: url(../../img/vip-title.png) no-repeat center center;}
.quanyi-box{height: 1500px;padding-top: 80px;}
.quanyi-box ul{width: 163px;height: auto;border: 1px solid #ddd;background-color: #fff;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transition: all .28s;-moz-transition: all .28s; transition: all .28s;margin-left: -1px;}
.quanyi-box ul:hover,.quanyi-box ul.on{position: relative;border-color: #F1F1F1;-webkit-box-shadow: 0 1px 20px 0 rgba(3,3,3,.17);box-shadow: 0 1px 20px 0 rgba(3,3,3,.17);z-index: 10;-webkit-transform: scale(1.05,1);-moz-transform: scale(1.05,1);-ms-transform: scale(1.05,1);transform: scale(1.05,1);}
.quanyi-box ul li{display: flex;flex-wrap: wrap;align-items:center; width: auto;min-height: 40px;padding:5px 10px;border-bottom: 1px solid #ddd;font-size: 14px;}
.quanyi-box ul li:last-of-type{border-bottom: 0 none;}
.quanyi-box ul li:nth-last-child(2){border-bottom: 0 none;}
.quanyi-box ul li.list-title{position: relative;display: block;height: 80px;padding: 0;}
.quanyi-box ul li.list-title span{position: absolute;bottom: 0;left: -1px;display: block;width: 165px;height: 80px;line-height: 80px;font-size: 26px;-webkit-transition: height .28s;-moz-transition: height .28s;transition: height .28s;}
.quanyi-box ul:hover li.list-title span,.quanyi-box ul.on li.list-title span{height: 110px;}
.quanyi-box ul li.list1{height: 129px;padding: 0;}
.quanyi-box ul li.bg{background-color: #f9f9f9;}
.quanyi-box ul li p{width: 100%;position: relative;}
.quanyi-box ul li p.tr-1{height: 44px;line-height: 44px;color: #999;font-size: 20px;}
.quanyi-box ul li p.tr-1 em{font-size: 40px;font-weight: 300;color: #333;}
.quanyi-box ul li p.tr-1 i{position: relative;font-weight: 300;font-style:normal;top: -24px;font-size: 20px;}
.quanyi-box ul li p.tr-1 span.tui{right: 20px;top: -24px;position: absolute;background: #FF9B30;-webkit-border-radius: 10.5px 10.5px 10.5px 0;border-radius: 10.5px 10.5px 10.5px 0;width: auto;padding: 0 5px;height: 22px;font-size: 14px;line-height: 22px;color: #fff;text-align: center;display: inline-block;}
.quanyi-box ul li p.tr-1 span.yunj{position: relative;top: -10px; display:block; color: #B9B8B8;font-size: 16px;line-height: initial; text-decoration: line-through;padding-left: 6px;background-color: initial !important;}
.quanyi-box ul li p.tr-2{color: #B9B8B8;font-size: 16px;text-decoration: line-through;}
.quanyi-box ul li p.tr-3{}
.quanyi-box ul li p.tr-3 img{width: 20px;}
.quanyi-box ul li p.tr-3 img.tag{width: 76px;height: 20px;}
.quanyi-box ul li p.tr-4{}

.quanyi-box ul.tb-title{width: 52px;text-align: center;}
.quanyi-box ul.tb-title li{font-weight: bold;color: #333;font-size: 16px;justify-content: center;padding: 0 10px;}

.quanyi-box ul:hover li.btn,.quanyi-box ul.on li.btn{height: 98px;border-top: 1px solid #ddd;padding: 5px 10px;}
.quanyi-box ul li.btn{justify-content: center;min-height: initial;height: 0;overflow: hidden;padding: 0;}
.quanyi-box ul li.btn a{width: 138px;height: 46px;line-height: 44px;font-size: 20px;background-color: #FF9B31;}

.quanyi-box ul.lei{width: 322px;}
.quanyi-box ul.lei li{color: #333;}
.quanyi-box ul.lei li em{color: #e1251b;}
.quanyi-box ul.lei li.list-title span{color: #333;width: 100%;}
.quanyi-box ul.lei:hover li.list-title span{height: 80px !important;}

.quanyi-box ul.putong li.list-title span{background-color: #F1F1F1;}
.quanyi-box ul.putong li.btn a{background-color: #fff;border: 1px solid #ccc;color: #666;}

.quanyi-box ul.jinpai:hover,.quanyi-box ul.jinpai.on{border-color: #FF9B31;}
.quanyi-box ul.jinpai li.list-title span{background-color: #FF9B31;color: #fff;}
.quanyi-box ul.jinpai li .tr-4{color: #FF9B31;}


.quanyi-box ul.bojin:hover,.quanyi-box ul.bojin.on{border-color: #26C5C9;}
.quanyi-box ul.bojin li.list-title span{background-color: #26C5C9;color: #fff;}
.quanyi-box ul.bojin li p.tr-1 span{background-color: #26C5C9;}
.quanyi-box ul.bojin li.btn a{background-color: #26C5C9;}
.quanyi-box ul.bojin li .tr-4{color: #26C5C9;}

.quanyi-box ul.zuanshi:hover,.quanyi-box ul.zuanshi.on{border-color: #10C55B;}
.quanyi-box ul.zuanshi li.list-title span{background-color: #10C55B;color: #fff;}
.quanyi-box ul.zuanshi li p.tr-1 span{background-color: #10C55B;}
.quanyi-box ul.zuanshi li.btn a{background-color: #10C55B;}
.quanyi-box ul.zuanshi li .tr-4{color: #10C55B;}

.quanyi-box ul.zunxiang:hover,.quanyi-box ul.zunxiang.on{border-color: #4EA1F8;}
.quanyi-box ul.zunxiang li.list-title span{background-color: #4EA1F8;color: #fff;}
.quanyi-box ul.zunxiang li p.tr-1 span{background-color: #4EA1F8;}
.quanyi-box ul.zunxiang li.btn a{background-color: #4EA1F8;}
.quanyi-box ul.zunxiang li .tr-4{color: #4EA1F8;}

.news{position: fixed;right: 30px;bottom: 60px; width:188px;height:300px;padding: 0px 25px 0px 25px; background:rgba(255,255,255,1);border:1px solid rgba(229,229,229,1);box-shadow:0px 6px 16px 0px rgba(51,52,52,0.14);border-radius:4px;}
.news .gunbi{margin:6px -16px 0 0;}
.news .gunbi .layui-icon{cursor: pointer;}
.news .gunbi .layui-icon:hover{color: #e1251b;}
.news dl{width: auto;height: auto;font-size: 14px;}
.news dl dt{color: #333;}
.news dl dd{color: #666;}
.news .erwei{width: 144px;height: 144px;padding: 13px;border: 1px solid #E5E5E5;margin: 18px auto 0;}



/* 金牌会员待支付弹出层 */
.payment{position: relative; height: 580px;padding: 0 114px;}
.payment:after{position: absolute;top: 200px; left: 0px; width: 100%;height: 1px;background-color: #EBEBEB;}
.payment h2{line-height: 24px; font-size: 24px;color: #333;margin-bottom: 35px;}
.payment .message{width: auto;}
.payment .message .lee-pull-left{font-size: 16px;color: #333;}
.payment .zhif1 {margin-bottom: 20px;line-height: 16px;}
.payment .zhif4 {margin-bottom: 30px;line-height: 16px;}
.payment .zhif1 .lee-pull-right{font-size: 16px;color: #999;}
.payment .zhif2{margin-bottom: 80px;}
.payment .zhif2 .lee-pull-right{line-height: 18px;font-size: 32px;color: #e1251b;}
.payment .zhif2 .lee-pull-right em{font-size: 22px;}
.payment .zhif3 .lee-pull-right{width: 340px; height: 260px;}
.payment .zhif3 .lee-pull-right .wx-payment-img{width: 220px;height: 220px; border: 1px solid #e1251b;margin: 30px 0 20px 10px;}
.payment .zhif3 .lee-pull-right .wx-payment-img img{width: 100%;height: 100%;}

/* 钻石会员弹出层 */
.diamon-layer{position: relative; height: auto;padding: 0 114px 40px;}
.diamon-layer:after{position: absolute;top: 472px; left: 0px; width: 100%;height: 1px;background-color: #EBEBEB;}
.diamon-layer h2{line-height: 24px; font-size: 24px;color: #333;margin-bottom: 14px;}
.diamon-layer h3{line-height: 16px; font-size: 16px;margin-bottom: 56px;}
.diamon-layer .method{}
.diamon-layer .method .met-tite{font-size: 18px;line-height: 18px;color: #333;font-weight: bold;margin-bottom: 14px;}
.diamon-layer .method .met-text{font-size: 16px;text-indent:38px;line-height: 22px;margin-bottom: 14px;}
.diamon-layer .method .met-text em{color: #e1251b;}
.diamon-layer .method  p{line-height: 16px;font-size: 16px;color: #EF5688;margin-bottom: 36px;}
.diamon-layer .method dl{width: auto;height: 80px;margin-bottom: 30px;}
.diamon-layer .method dl dt{width: 80px;height: 80px;margin-right: 20px;}
.diamon-layer .method dl dd{width: 350px; color: #333;}
.diamon-layer .method-2{margin-top: 60px;}
.diamon-layer .method-2 .met-text{text-indent:0px;}
.diamon-layer .method-2 .layui-form{margin-top: 36px;}
.diamon-layer .method-2 .layui-form .layui-form-item{margin-bottom: 20px;}
.diamon-layer .method-2 .layui-form .layui-form-item .layui-input-block{position: relative;margin-left: 0;line-height: 38px;}
.diamon-layer .method-2 .layui-form .layui-form-item .layui-input-block img{position: absolute;top: 8px;left: 20px;}
.diamon-layer .method-2 .layui-form .layui-form-item .layui-input-block .layui-input{height: 40px;border-radius: 4px;padding-left: 54px;}
.diamon-layer .method-2 .layui-form .layui-form-btn{margin: 40px 0 0;}
.diamon-layer .method-2 .layui-form .layui-form-btn .layui-btn{height: 40px;line-height: 40px;background-color: #e1251b;border-radius: 4px;font-size: 16px;padding: 0 38px;}

/* 支付完成后弹出 */
.payment-complete{height: 380px;text-align: center;}
.payment-complete .complete-img{text-align: center;padding-top: 30px;margin-bottom: 60px;}
.payment-complete .complete-img p{font-size: 36px;color: #08A800;}
.payment-complete .complete-close{height: 46px;line-height: 46px; font-size: 18px;background-color: #e1251b;border-radius:4px;padding: 0 112px;}

/* 用户会员权益条款 */
.layui-login-state .protocol-title{font-size: 16px;color: #333;}
.layui-login-state .protocolText{width: auto;height: 637px;overflow-y: auto;padding: 0 40px;margin:0 10px 18px 0;}
.layui-login-state .protocolText::-webkit-scrollbar {width: 6px;height: 9px;}
.layui-login-state .protocolText::-webkit-scrollbar-thumb {border-radius: 5px;background: #999;}
.layui-login-state .protocolText::-webkit-scrollbar-track {border-radius: 0;background: rgba(234,234,234,1);}
.layui-login-state .protocolText dd{text-indent: 26px;line-height: 22px;}