/***********************支付框-通用***********************/
.ceo-payment { }
.ceo-payment .ceo-modal-dialog { width: 300px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-payment .moduletitle { margin-bottom: 50px; }
.ceo-payment .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 14px; color: #434343; display: flex; align-items: center; }
.ceo-payment .moduletitle span i { font-size: 26px!important; line-height: 1; margin-right: 5px; }
.ceo-payment .moduletitle button { top: 20px; right: 20px; }
.ceo-payment .qrcode { margin: 0 auto; width: 188px; height: 188px; padding: 8px; border-radius: 4px; background-color: #f8f8f8; -webkit-box-shadow: 0 3px 15px 3px rgb(146 146 146 / 10%); -moz-box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1); box-shadow: 0 3px 15px 3px rgb(146 146 146 / 10%); background-image: url(../images/ceo-member-loading.gif); background-repeat: no-repeat; background-position: center; background-size: 188px; }
.ceo-payment .qrcode img { max-width: 100%; height: auto; border-radius: 4px; }
.ceo-payment .money { text-align: center; margin-top: 15px; }
.ceo-payment .money span { font-size: 16px; }
.ceo-payment .money span em { font-size: 12px; color: #434343; margin-right: 3px; }
.ceo-payment .desc { text-align: center; margin-top: 20px; }
.ceo-payment .desc p { text-align: center; display: inline-block; background: #f8f8f8; padding: 8px 16px; border-radius: 50px; font-size: 14px; }
/*微信支付*/
.ceo-wechat-payment { }
.ceo-wechat-payment .moduletitle span i { color: #21bd0a; }
/*微信H5引导支付*/
.ceo-wechat-payment .guide { text-align: center; margin-top: 20px; }
.ceo-wechat-payment .guide .box { display: flex; justify-content: space-around }
.ceo-wechat-payment .guide .box button, .ceo-wechat-payment .guide .box a { padding: 0 15px; background: var(--primary-color); color: #fff; border-radius: 4px; font-size: 14px; }
.ceo-wechat-payment .guide p { text-align: center; display: inline-block; background: #f8f8f8; padding: 8px 16px; margin-top: 15px; font-size: 14px; }
.ceo-wechat-payment .guide p span { color: red; }
/*支付宝支付*/
.ceo-alipay-payment { }
.ceo-alipay-payment .moduletitle span i { color: #1378fe; }
/***********************购买框-通用***********************/
.ceo-purchase { }
.ceo-purchase .ceo-modal-dialog { width: 388px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-purchase .moduletitle { margin-bottom: 50px; }
.ceo-purchase .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-purchase .moduletitle span i { font-size: 26px!important; line-height: 1; margin-right: 5px; }
.ceo-purchase .moduletitle button { top: 20px; right: 20px; }
.ceo-purchase .info { margin-bottom: 20px; }
.ceo-purchase .info .title { display: block; color: #434343; font-size: 16px; margin-bottom: 8px; }
.ceo-purchase .info .number { display: flex; align-items: center; }
.ceo-purchase .info .number p { font-size: 12px; margin-right: 10px; color: #666; }
.ceo-purchase .info .number p em { color: var(--primary-color); font-weight: 600; }
.ceo-purchase .info .number span { flex: 1; font-size: 12px; color: #666; }
.ceo-purchase .info .number .input { }
.ceo-purchase .info .number .input .value { border: none; outline: none; width: 30px; text-align: center; }
.ceo-purchase .info .number .input .decrease, .ceo-purchase .info .number .input .increase { outline: none; cursor: pointer; width: 25px; height: 25px; border-radius: 50px; border: 1px solid #dbdbdb; background: #fff; }
.ceo-purchase .info .number .input .decrease { }
.ceo-purchase .info .number .input .increase { }
.ceo-purchase .info .number .input input::-webkit-outer-spin-button, .ceo-purchase .info .number .input input::-webkit-inner-spin-button {
 -webkit-appearance: none !important;
 margin: 0;
}
.ceo-purchase .info .number .input input[type="number"] { -moz-appearance: textfield; }
.ceo-purchase .package { margin-bottom: 20px; }
.ceo-purchase .package .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-purchase .package ul { }
.ceo-purchase .package ul li { }
.ceo-purchase .package ul li button { background: rgb(255 255 255 / 0%); border: 1px solid rgb(0 0 0 / 6%); color: #434343; padding: 10px; border-radius: 4px; line-height: 1; width: 100%; text-transform: inherit; }
.ceo-purchase .package ul li button.select { border: 1px solid var(--primary-color); background: rgba(0, 132, 255, .1); }
.ceo-purchase .package ul li button.select span { color: var(--primary-color); }
.ceo-purchase .package ul li button span { display: block; font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ceo-purchase .way { }
.ceo-purchase .way .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-purchase .way ul { display: flex; flex-flow: nowrap; align-items: center; justify-content: center; }
.ceo-purchase .way ul li { width: 100%; display: flex; margin-right: 10px; }
.ceo-purchase .way ul li:last-child { margin-right: 0px; }
.ceo-purchase .way ul li button { display: flex; align-items: center; justify-content: center; height: 45px; line-height: 1; font-size: 12px; background: rgb(255 255 255 / 0%); border: 1px solid rgb(0 0 0 / 6%); color: #434343; width: 100%; padding: 0; border-radius: 4px; }
.ceo-purchase .way ul li button.select { border: 1px solid var(--primary-color); }
.ceo-purchase .way ul li button i { font-size: 20px !important; margin-right: 5px; }
.ceo-purchase .way ul li button i.ceoicon-alipay-fill { color: #226bf3; }
.ceo-purchase .way ul li button i.ceoicon-wechat-pay-fill { color: #22ac38; }
.ceo-purchase .way ul li button i.ceoicon-wallet-3-fill { color: var(--primary-color); }
.ceo-purchase .way ul li button span { }
.ceo-purchase .coupon { margin-top: 20px; margin-bottom: 15px; }
.ceo-purchase .coupon i { font-size: 20px!important; transform: translateY(0px); color: var(--primary-color); }
.ceo-purchase .coupon input { border-radius: 4px 0px 0px 4px; border: 1px solid #e5e5e5; font-size: 12px; }
.ceo-purchase .coupon button { width: 100%; line-height: 40px; color: var(--primary-color); background: rgba(0, 132, 255, .1); border-radius: 0px 4px 4px 0px; font-size: 12px;  transition: all .3s;
padding: 0 10px; }
.ceo-purchase .coupon button:hover { background: var(--primary-color); color: #fff; }
.ceo-purchase .money { position: relative; margin-top: 10px; }
.ceo-purchase .money .price { color: #333; font-size: 14px; display: inline-block; }
.ceo-purchase .money .price b { color: #FF7D18; font-size: 14px; font-weight: 600; display: inline-block; line-height: 1; }
.ceo-purchase .money .detail { display: inline-block; margin-left: 3px; }
.ceo-purchase .money .detail .righttitle { color: #ff7d18; display: inline-block; cursor: pointer; line-height: 1; transform: translateY(-1px); }
.ceo-purchase .money .detail:hover .box { display: block; }
.ceo-purchase .money .detail .box { position: absolute; bottom: 31px; right: 0; left: 0; z-index: 201; display: none; }
.ceo-purchase .money .detail .box ul { padding: 20px 20px 10px 20px; height: 100%; border-radius: 4px; background: #fff; position: relative; box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%); }
.ceo-purchase .money .detail .box ul .titles { margin-bottom: 10px; font-size: 14px; }
.ceo-purchase .money .detail .box ul li { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.ceo-purchase .money .detail .box ul li:last-child { margin-bottom: 0px; }
.ceo-purchase .money .detail .box ul li span { }
.ceo-purchase .money .detail .box ul li em { color: #FF7D18; }
.ceo-purchase .money .discount { float: right; display: inline-block; }
.ceo-purchase .money .discount a { border-radius: 50px; color: #ff7d18; background: #fff0e1; padding: 0 10px; height: 22px; line-height: 22px; font-size: 12px; display: inline-block; }
.ceo-purchase .money .discount:hover .box { display: block; }
.ceo-purchase .money .discount .box { position: absolute; bottom: 31px; right: 0; left: 0; z-index: 201; display: none; }
.ceo-purchase .money .discount .box .title { margin-bottom: 10px; }
.ceo-purchase .money .discount .box ul { padding: 20px; height: 100%; border-radius: 4px; background: #fff; box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%); text-align: left; }
.ceo-purchase .money .discount .box ul li { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; line-height: 1; border-bottom: 0px dashed #f4f4f4; list-style: none; padding-left: 0; }
.ceo-purchase .money .discount .box ul li:after { display: none; }
.ceo-purchase .money .discount .box ul li:last-child { margin-bottom: 0px; }
.ceo-purchase .money .discount .box ul li.vip { color: #FF7D18; }
.ceo-purchase .money .discount .box ul li.vip span:after { content: ''; position: absolute; right: -11px; top: 3px; height: 5px; width: 5px; background: #FF7D18; box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 50px; display: block; }
.ceo-purchase .money .discount .box ul li span { position: relative; }
.ceo-purchase .money .discount .box ul li p { line-height: 1.5; margin-bottom: 0; font-size: 12px; }
.ceo-purchase .money .discount .box ul li p em { color: #ff7d18; margin-right: 5px; }
.ceo-purchase .button { color: #fff; background-color: var(--primary-color); font-size: 15px; border-radius: 4px; line-height: 50px; display: block; width: 100%;  transition: all .3s;
margin-top: 20px; }
.ceo-purchase .button:hover { opacity: .8; }
.ceo-purchase .vipbutton { background: #f5cc87; color: #473a09; }
/***********************卡密购买框***********************/
.ceo-purchase-card { }
.ceo-purchase-card .mailbox { margin-bottom: 20px; }
.ceo-purchase-card .mailbox input { border-radius: 4px; font-size: 14px; }
.ceo-purchase-card .mailbox span { display: block; margin-top: 10px; background: #f8f8f8; padding: 8px 10px; border-radius: 4px; font-size: 12px; color: #999; }
.ceo-purchase-card .mailbox span i { line-height: 1; margin-right: 5px; font-size: 15px!important; color: #ff9a5f; }
.ceo-purchase-card .desc { margin-top: 10px; }
.ceo-purchase-card .desc span { text-align: center; display: inline-block; background: #f8f8f8; color: #999; padding: 8px 16px; border-radius: 4px; font-size: 12px; line-height: 2; }
.ceo-purchase-card .desc span a { color: var(--primary-color); margin-left: 10px; display: inline-block; }
.ceo-purchase-card .desc span a i { margin-left: 3px; font-size: 16px!important; line-height: 1; }
.ceo-purchase-card .desc span a i:before { content: "\edc6"; }
.ceo-purchase-card .desc span a:hover i:before { content: "\edc5"; }
/***********************实物购买框***********************/
.ceo-purchase-entity { }
.ceo-purchase-entity .address { margin-bottom: 20px; }
.ceo-purchase-entity .address .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-purchase-entity .address .btns { display: flex; justify-content: space-between; background: #f5f5f5; color: #999; border-radius: 4px; padding: 8px 10px; }
.ceo-purchase-entity .address .btns span { width: 100px; }
.ceo-purchase-entity .address .btns p { }
.ceo-purchase-entity .address .btns em { color: #666; font-size: 14px; }
.ceo-purchase-entity .message { margin-bottom: 20px; }
.ceo-purchase-entity .message .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-purchase-entity .message input { border-radius: 4px; font-size: 14px; }
/***********************游客购买框***********************/
.ceo-purchase-tourist { }
.ceo-purchase-tourist .desc { margin-top: 10px; }
.ceo-purchase-tourist .desc span { text-align: center; display: inline-block; background: #f8f8f8; color: #999; padding: 8px 16px; border-radius: 4px; font-size: 12px; line-height: 2; }
.ceo-purchase-tourist .desc span a { color: var(--primary-color); margin-left: 10px; display: inline-block; }
.ceo-purchase-tourist .desc span a i { margin-left: 3px; font-size: 16px!important; line-height: 1; }
.ceo-purchase-tourist .desc span a i:before { content: "\edc6"; }
.ceo-purchase-tourist .desc span a:hover i:before { content: "\edc5"; }
/***********************下载框***********************/
.ceo-download { }
.ceo-download .ceo-modal-dialog { width: 388px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-download .moduletitle { margin-bottom: 50px; }
.ceo-download .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-download .moduletitle span i { font-size: 26px!important; line-height: 1; margin-right: 5px; }
.ceo-download .moduletitle button { top: 20px; right: 20px; }
.ceo-download ul { list-style: none; overflow-y: auto; height: 231px; }
.ceo-download ul::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #ededed;
}
 .ceo-download ul::-webkit-scrollbar-track {
 background-color: #fff;
}
 .ceo-download ul::-webkit-scrollbar-thumb {
 background-color: #ededed;
 border-radius: 10px
}
.ceo-download ul li { margin-bottom: 20px; text-align: center; }
.ceo-download ul li p { margin-bottom: 10px; }
.ceo-download ul li a { display: inline-block; color: #fff; background: var(--primary-color); font-size: 15px; border-radius: 50px; line-height: 46px; width: 80%; }
.ceo-download ul li a:active { transform: scale(0.95); box-shadow: 0 1px 4px -1px var(--shadow); }
.ceo-download ul li a:hover { opacity: .8; }
.ceo-download ul li span { display: block; margin-top: 13px; color: #888; font-size: 14px; }
.ceo-download ul li span em { display: inline-block; color: var(--primary-color); background: rgba(0, 132, 255, .1); border: 1px dashed var(--primary-color); font-size: 12px; border-radius: 4px; padding: 2px 10px; margin-left: 5px; cursor: pointer; word-break: break-all; }
.ceo-download .desc { margin-top: 20px; text-align: center; }
.ceo-download .desc span { border: solid 1px #ff8400; padding: 2px 10px; color: #ff8400; text-align: center; display: inline-block; border-radius: 4px; font-size: 12px; margin-bottom: 10px; line-height: 2; }
.ceo-download .desc p { text-align: center; display: block; background: #f8f8f8; color: #999; padding: 8px 16px; border-radius: 4px; font-size: 12px; }
.ceo-download .desc p em { color: var(--primary-color); display: inline-block; font-weight: 600; margin-left: 3px; }
/***********************隐藏内容-通用***********************/
.ceo-hide { border-radius: 4px; background-color: rgb(239 246 255); border: 1px dashed #90c0ff; margin: 20px 0; padding: 30px 20px; text-align: center; position: relative; }
.ceo-hide .tag { position: absolute; top: 20px; left: 20px; color: var(--primary-color); background: rgba(0, 132, 255, .1); padding: 5px 10px; border-radius: 50px; font-size: 12px; }
.ceo-hide .tag i { line-height: 1; background: rgb(168 209 255); color: var(--primary-color); border-radius: 50px; padding: 3px; margin-right: 5px; }
.ceo-hide .icon { margin-bottom: 15px; }
.ceo-hide .icon i { color: var(--primary-color); background: rgba(0, 132, 255, .1); border-radius: 100px; line-height: 1; padding: 20px; font-size: 50px !important; }
.ceo-hide .desc { margin-bottom: 20px; }
.ceo-hide .desc .info { color: #5e6e81; font-size: 16px; display: block; }
.ceo-hide .desc .info em { color: #FF7D18; margin: 0 5px; font-weight: 600; }
.ceo-hide .desc .discount { display: inline-block; position: relative; margin-top: 10px;  transition: all .3s;
}
.ceo-hide .desc .discount a { color: #FF7D18; border: 1px solid #FF7D18; border-radius: 50px; padding: 2px 10px; font-size: 12px; }
.ceo-hide .desc .discount:hover .box { display: block; }
.ceo-hide .desc .discount .box { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); z-index: 201; display: none;  transition: all .3s;
}
.ceo-hide .desc .discount .box .title { margin-bottom: 10px; }
.ceo-hide .desc .discount .box ul { padding: 20px; height: 100%; width: 205px; border-radius: 4px; background: #fff; position: relative; box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%); text-align: left; }
.ceo-hide .desc .discount .box ul:before { content: " "; position: absolute; width: 0; height: 0; left: 50%; transform: translateX(-50%); top: -16px; border: 10px solid transparent; border-bottom-color: #fff; }
.ceo-hide .desc .discount .box ul li { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; line-height: 1; border-bottom: 0px dashed #f4f4f4; list-style: none; padding-left: 0; }
.ceo-hide .desc .discount .box ul li:after { display: none; }
.ceo-hide .desc .discount .box ul li:last-child { margin-bottom: 0px; }
.ceo-hide .desc .discount .box ul li.vip { color: #FF7D18; }
.ceo-hide .desc .discount .box ul li.vip span:after { content: ''; position: absolute; right: -11px; top: 3px; height: 5px; width: 5px; background: #FF7D18; box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 50px; display: block; }
.ceo-hide .desc .discount .box ul li span { position: relative; }
.ceo-hide .desc .discount .box ul li p { line-height: 1.5; margin-bottom: 0; font-size: 12px; }
.ceo-hide .desc .discount .box ul li p em { color: var(--primary-color); margin-right: 5px; }
.ceo-hide .btns { display: flex; justify-content: center; }
.ceo-hide .btns button, .ceo-hide .btns a { color: #fff!important; background-color: var(--primary-color); font-size: 14px; border-radius: 4px; line-height: 38px;  transition: all .3s;
}
.ceo-hide .btns button:nth-child(2) {
 margin-left: 10px;
}
.ceo-hide .btns button:hover, .ceo-hide .btns a:hover { opacity: .8; }
.ceo-hide .btns .vip { background: #f5cc87; color: #473a09!important; }
.ceo-hide .number { display: inline-block; margin-top: 10px; color: #999; font-size: 14px; }
.ceo-hide .number i { line-height: 1; font-size: 16px!important; margin-right: 5px; color: #ff5200; }
.ceo-hide .number em { color: var(--primary-color); margin: 0 3px; }
/*隐藏内容-付费*/
.ceo-payment-hide { }
/*隐藏内容-登录*/
.ceo-login-hide { }
/*隐藏内容-评论*/
.ceo-comment-hide { }
/*底部购买-下载*/
.ceo-down-hide { }
/***********************隐藏内容-已解锁***********************/
.ceo-hide-content { border-radius: 4px; background-color: rgb(239 246 255); border: 1px dashed #90c0ff; margin: 20px 0; padding: 20px; position: relative; }
.ceo-hide-content .tag { position: absolute; top: 20px; left: 20px; color: var(--primary-color); background: rgba(0, 132, 255, .1); padding: 5px 10px; border-radius: 50px; font-size: 12px; }
.ceo-hide-content .tag i { line-height: 1; background: rgb(168 209 255); color: var(--primary-color); border-radius: 50px; padding: 3px; margin-right: 5px; }
.ceo-hide-content .content { margin-top: 40px; }
.ceo-hide-content .content p { font-size: 15px; }
/***********************隐藏内容-相册***********************/
.ceo-album { margin: 20px 0; text-align: center; }
.ceo-album .desc { border-radius: 4px; background-color: rgb(239 246 255); border: 1px dashed #90c0ff; padding: 10px; position: relative; display: flex; align-items: center; justify-content: space-between; }
.ceo-album .desc .info { color: #5e6e81; font-size: 14px; display: inline-block; }
.ceo-album .desc .info i { margin-right: 5px; line-height: 1; font-size: 18px!important; }
.ceo-album .desc .info b { color: var(--primary-color); margin: 0 5px; }
.ceo-album .desc .info em { color: #FF7D18; margin: 0 5px; font-weight: 600; }
.ceo-album .desc button { color: var(--primary-color); border: 1px solid var(--primary-color); background-color: rgb(255 255 255 / 0%); border-radius: 4px; line-height: 33px;  transition: all .3s;
font-size: 14px; padding: 0 20px; }
.ceo-album .desc button:hover { background-color: var(--primary-color); color: #fff; }
.ceo-album .desc button.vip { background: #f5cc87; color: #473a09; border: 1px solid #f5cc87; }
/***********************视频购买***********************/
.ceo-video-pay { position: relative; }
.ceo-video-hide { position: absolute; z-index: 999; text-align: center; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.ceo-video-hide .icon { margin-bottom: 20px; }
.ceo-video-hide .icon i { color: #fff; border: 3px solid #fff; border-radius: 100px; line-height: 1; padding: 14px; font-size: 30px !important; }
.ceo-video-hide .desc { margin-bottom: 20px; }
.ceo-video-hide .desc .info { color: #fff; font-size: 16px; display: block; }
.ceo-video-hide .desc .info em { color: #FF7D18; margin: 0 5px; font-weight: 600; }
.ceo-video-hide .desc .discount { display: inline-block; position: relative; margin-top: 10px;  transition: all .3s;
}
.ceo-video-hide .desc .discount a { color: #FF7D18; border: 1px solid #FF7D18; border-radius: 50px; padding: 2px 10px; font-size: 12px; }
.ceo-video-hide .desc .discount:hover .box { display: block; }
.ceo-video-hide .desc .discount .box { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); z-index: 201; display: none;  transition: all .3s;
}
.ceo-video-hide .desc .discount .box .title { margin-bottom: 10px; }
.ceo-video-hide .desc .discount .box ul { padding: 20px; height: 100%; width: 205px; border-radius: 4px; background: #fff; position: relative; box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%); text-align: left; }
.ceo-video-hide .desc .discount .box ul:before { content: " "; position: absolute; width: 0; height: 0; left: 50%; transform: translateX(-50%); top: -16px; border: 10px solid transparent; border-bottom-color: #fff; }
.ceo-video-hide .desc .discount .box ul li { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; line-height: 1; border-bottom: 0px dashed #f4f4f4; list-style: none; padding-left: 0; }
.ceo-video-hide .desc .discount .box ul li:after { display: none; }
.ceo-video-hide .desc .discount .box ul li:last-child { margin-bottom: 0px; }
.ceo-video-hide .desc .discount .box ul li.vip { color: #FF7D18; }
.ceo-video-hide .desc .discount .box ul li.vip span:after { content: ''; position: absolute; right: -11px; top: 3px; height: 5px; width: 5px; background: #FF7D18; box-shadow: 3px 0px 10px -1px var(--primary-color); border-radius: 50px; display: block; }
.ceo-video-hide .desc .discount .box ul li span { position: relative; }
.ceo-video-hide .desc .discount .box ul li p { line-height: 1.5; margin-bottom: 0; font-size: 12px; }
.ceo-video-hide .desc .discount .box ul li p em { color: var(--primary-color); margin-right: 5px; }
.ceo-video-hide .btns { display: flex; justify-content: center; }
.ceo-video-hide .btns button, .ceo-video-hide .btns a { color: #fff; background-color: var(--primary-color); font-size: 14px; border-radius: 4px; line-height: 38px;  transition: all .3s;
}
.ceo-video-hide .btns button:nth-child(2) {
 margin-left: 10px;
}
.ceo-video-hide .btns button:hover, .ceo-video-hide .btns a:hover { opacity: .8; }
.ceo-video-hide .btns .vip { background: #f5cc87; color: #473a09; }
.ceo-video-hide .number { display: inline-block; margin-top: 10px; color: #888; font-size: 14px; }
.ceo-video-hide .number i { line-height: 1; font-size: 16px!important; margin-right: 5px; color: #ff5200; }
.ceo-video-hide .number em { color: var(--primary-color); margin: 0 3px; }
.ceo-video-background { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.ceo-video-background:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgb(0 0 0 / 50%); }
/***********************悬赏采纳***********************/
.ceo-dialog-public { }
.ceo-dialog-public .ceo-modal-dialog { width: 360px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 360px 190px; background-repeat: no-repeat; }
.ceo-dialog-public .moduletitle { text-align: center; margin-bottom: 30px; }
.ceo-dialog-public .moduletitle span { font-size: 24px; font-weight: bold; color: #1b2337; }
.ceo-dialog-public p { text-align: center; margin-bottom: 30px; font-size: 15px; }
.ceo-dialog-public .btns { text-align: center; }
.ceo-dialog-public .btns .ceo-button-default { margin-right: 20px; background-color: #ededed; color: #999; border: 1px solid transparent; width: auto; height: auto; border-radius: 4px; width: 100px; }
.ceo-dialog-public .btns .ceo-button-default:hover { opacity: .8; }
.ceo-dialog-public .btns .ceo-button-primary { background: var(--primary-color); border-radius: 4px; width: 100px; }
.ceo-dialog-public .btns .ceo-button-primary:hover { opacity: .8; }
/***********************商城中心模块***********************/
.member-module { position: relative; }
.member-module .member-sign { position: absolute; top: 20px; left: 20px; color: var(--primary-color); background: rgba(0, 132, 255, .1); border-radius: 50px; padding: 3px 15px; font-size: 12px; }
.member-module .member-sign:hover { color: #fff; background: var(--primary-color); }
.member-module .member-img { display: block; margin-bottom: 8px; padding-top: 30px; }
.member-module .member-img .img { display: inline-block; position: relative; }
.member-module .member-img .img img { padding: 6px; background-color: rgb(2 110 255 / 12%); border-radius: 100%!important; }
.member-module .member-img .img i { position: absolute; right: 12px; bottom: 6px; width: 16px; height: 16px; background-image: url(../images/ceo-member-icon.png); display: inline-block; background-size: contain; background-repeat: no-repeat; }
.member-module .member-text { padding: 0 30px 30px 30px; }
.member-module .member-text .member-name { display: block; margin: 0; font-size: 1.25rem; line-height: 1.4; font-weight: bolder; }
.member-module .member-text .member-desc-v { margin: 20px 0; display: inline-block; color: #ff6a00; font-size: 12px; line-height: 1.5; background: rgb(255 129 0 / 12%); border-radius: 50px; padding: 5px 20px; }
.member-module .member-text .member-desc-n { margin: 20px 0; display: inline-block; color: #999; font-size: 12px; line-height: 1.5; background: rgb(0 0 0 / 5%); border-radius: 50px; padding: 5px 20px; }
.member-module .member-text .member-desc-v i, .member-module .member-text .member-desc-n i { line-height: 1; margin-right: 5px; font-size: 16px!important; }
.member-module .member-text .member-desc-n a { color: #ff6a00; margin-left: 5px; }
.member-module .member-text .member-btn1 { color: #fff!important; border: 1px solid var(--primary-color); background: var(--primary-color); font-size: 14px; border-radius: 4px; padding: 10px 0; display: block; }
.member-module .member-text .member-btn1:hover { opacity: .8; color: #fff; }
.member-module .member-text .member-btn2 { color: var(--primary-color)!important; border: 1px solid var(--primary-color); font-size: 14px; border-radius: 4px; padding: 10px 0; display: block; }
.member-module .member-text .member-btn2:hover { opacity: .8; color: #fff; }
/*用户菜单*/
.member-data { margin-bottom: 20px!important; }
.member-nav { text-align: center; list-style: none }
.member-nav li { }
.member-nav li a { font-size: 15px; padding: 16px 0; display: block; border-left: 2px solid transparent; }
.member-nav li a:hover { color: var(--primary-color)!important; }
.member-nav .active { }
.member-nav .active a { color: var(--primary-color)!important; background-image: linear-gradient(270deg, rgb(213 231 255 / 16%), rgb(123 180 255 / 18%) 51%, rgb(213 231 255 / 10%)); border-color: var(--primary-color); }
/*商城中心*/
.member-center { }
.member-center .top { }
.member-center .top .left { height: 100%; }
.member-center .top .left .above { background-image: url(../images/ceo-member-center-above.png); position: relative; padding: 52px 30px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.member-center .top .left .above .img { }
.member-center .top .left .above .img img { border-radius: 50px; height: 66px; width: 66px; padding: 5px; background: rgb(255 255 255 / 33%); }
.member-center .top .left .above .name { display: inline-block; margin-top: 10px; }
.member-center .top .left .above .name a { font-size: 18px; display: inline-block; color: #250000; font-weight: bold; }
.member-center .top .left .above .name em { display: inline-block; background: rgb(244 221 186); border-radius: 50px; padding: 2px 10px 2px 6px; font-size: 12px; color: #250000; transform: translateY(-2px); margin-left: 6px; }
.member-center .top .left .above .name em i { background: #e1b97b; color: #fff; font-size: 12px!important; border-radius: 50px; padding: 2px; transform: translateY(-1px); margin-right: 5px; line-height: 1; }
.member-center .top .left .above p { color: #444; margin-top: 3px; font-size: 12px; }
.member-center .top .left .below { padding: 0 32px; border-radius: 0 0 6px 6px; height: 57px; line-height: 57px; background: #f4ddba; display: flex; align-items: center; }
.member-center .top .left .below span { font-size: 14px; color: #3f2114; flex: 1; }
.member-center .top .left .below a { padding: 0 22px; height: 30px; font-size: 14px; font-weight: 600; line-height: 30px; text-align: center; background: #f5cc87; color: #473a09; border-radius: 50px; }
.member-center .top .left .below a:hover { background: #f7d5a1; }
.member-center .top .right { padding: 20px; border-radius: 4px; }
.member-center .top .right .title { margin-bottom: 20px; align-items: center; }
.member-center .top .right .title span { font-size: 16px; font-weight: 600; color: #333; }
.member-center .top .right .title a { color: #aab1bd; font-size: 12px; }
.member-center .top .right .title a i { line-height: 1; font-size: 16px!important; margin-right: 3px; }
.member-center .top .right .title a:hover { color: #ff6a00; }
.member-center .top .right .item { padding: 20px; border-radius: 4px; }
.member-center .top .right .item1 { background-image: -webkit-linear-gradient( 62deg, #aaf5ea 0%, #e7fffb 100%); }
.member-center .top .right .item1 span { font-size: 22px; font-weight: 600; color: #01474f; }
.member-center .top .right .item1 span em { margin-left: 5px; color: #529192; font-size: 12px; font-weight: 400; }
.member-center .top .right .item1 p { margin: 10px 0 15px 0; color: #529192; font-size: 14px; }
.member-center .top .right .item2 { background-image: -webkit-linear-gradient( 62deg, #fcf6e5 0%, #fffaf2 100%); }
.member-center .top .right .item2 span { font-size: 22px; font-weight: 600; color: #973e06; }
.member-center .top .right .item2 span em { margin-left: 5px; color: #ba7e54; font-size: 12px; font-weight: 400; }
.member-center .top .right .item2 p { margin: 10px 0 15px 0; color: #ba7e54; font-size: 14px; }
.member-center .top .right .item1 .btn1 { padding: 3px 15px; border: 1px solid #33d3ca; background-image: -webkit-linear-gradient( 62deg, #08c0c5 0%, #33d3ca 100%); border-radius: 4px; color: #fff; margin-right: 5px; font-size: 14px; }
.member-center .top .right .item1 .btn2 { border: 1px solid #08c0c5; padding: 3px 15px; border-radius: 4px; color: #08c0c5; font-size: 14px; }
.member-center .top .right .item2 .btn1 { padding: 3px 15px; border: 1px solid #ffc689; background-image: -webkit-linear-gradient( 62deg, #ff9550 0%, #ffc689 100%); border-radius: 4px; color: #fff; margin-right: 5px; font-size: 14px; }
.member-center .top .right .item2 .btn2 { border: 1px solid #ffc689; padding: 3px 15px; border-radius: 4px; color: #ff9550; font-size: 14px; }
.member-center .middle { }
.member-center .middle .item { padding: 30px 20px; border-radius: 4px; align-items: center; background-color: #fff; }
.member-center .middle .item1 { background-image: url(../images/ceo-member-center-middle-item1.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.member-center .middle .item2 { background-image: url(../images/ceo-member-center-middle-item2.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.member-center .middle .item3 { background-image: url(../images/ceo-member-center-middle-item3.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.member-center .middle .item4 { background-image: url(../images/ceo-member-center-middle-item4.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.member-center .middle .item i { width: 40px; height: 40px; margin-right: 11px; }
.member-center .middle .item1 i { background: url(../images/ceo-member-center-middle-item1-i.png) no-repeat; background-size: cover; }
.member-center .middle .item2 i { background: url(../images/ceo-member-center-middle-item2-i.png) no-repeat; background-size: cover; }
.member-center .middle .item3 i { background: url(../images/ceo-member-center-middle-item3-i.png) no-repeat; background-size: cover; }
.member-center .middle .item4 i { background: url(../images/ceo-member-center-middle-item4-i.png) no-repeat; background-size: cover; }
.member-center .middle .item span { font-size: 14px; }
.member-center .middle .item p { font-weight: 600; }
.member-center .bottom { padding: 20px; border-radius: 4px; }
.member-center .bottom .item { min-height: 204px; }
.member-center .bottom .item .title { font-size: 16px; font-weight: 600; color: #333; }
.member-center .bottom .item .more { color: #c0c5cf; font-size: 12px; background: #f7f7f7; border-radius: 50px; padding: 3px 10px; }
.member-center .bottom .item .more i { line-height: 1; font-size: 12px!important; transform: translateY(0px); margin-left: 3px; }
.member-center .bottom .item .more:hover { color: #999; background: #eee; }
.member-center .bottom .item ul { }
.member-center .bottom .item ul li { margin-top: 15px; align-items: center; }
.member-center .bottom .item ul li a { color: #7D8592; font-size: 14px; }
.member-center .bottom .item ul li a:hover { color: var(--primary-color); }
.member-center .bottom .item ul li span { padding-left: 20px; font-size: 12px; color: #aab1bd; }
.member-center .bottom .item .empty { text-align: center; }
.member-center .bottom .item .empty i { background-image: url(../images/ceo-member-empty.svg); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; min-height: 150px; margin-right: auto!important; margin-left: auto!important; }
.member-center .bottom .item .empty p { color: #999; font-size: 14px; }
/*我的资产*/
.member-property { }
.member-property .top { padding: 30px; }
.member-property .top span.title { font-size: 18px; font-weight: 600; color: #434343; display: block; margin-bottom: 20px; }
.member-property .top .box { padding: 30px; border-radius: 4px; position: relative; }
.member-property .top .box .title { color: #fff; font-size: 16px; margin-bottom: 20px; position: relative; z-index: 1; }
.member-property .top .box .title:after { content: ""; position: absolute; top: 12px; left: 0px; width: 78px; height: 12px; border-radius: 12px; z-index: -1; }
.member-property .top .box span { display: inline-block; font-size: 35px; font-weight: 600; color: #fff; line-height: 1; font-family: impact; }
.member-property .top .box em { display: inline-block; margin-left: 10px; color: #fff; }
.member-property .top .box p { display: block; margin-top: 10px; color: #fff; font-size: 12px; }
.member-property .top .balance { background-color: #3B83FD; }
.member-property .top .balance:after { content: ""; position: absolute; bottom: 0; right: 0; background-image: url(../images/ceo-member-balance.png); background-repeat: no-repeat; background-size: 100% 100%; width: 71px; height: 62px; }
.member-property .top .balance a { color: #3B83FD; background: #fff; font-size: 14px; border-radius: 4px; padding: 6px 26px; display: inline-block; position: absolute; right: 20px; top: 66px; }
.member-property .top .balance a:hover { opacity: .8; }
.member-property .top .balance .title:after { }
.member-property .top .integral { background-image: -webkit-linear-gradient( -17deg, #fc973d 0%, #ffc490 100%); }
.member-property .top .integral:after { content: ""; position: absolute; bottom: 0; right: 0; background-image: url(../images/ceo-member-integral.png); background-repeat: no-repeat; background-size: 100% 100%; width: 71px; height: 62px; }
.member-property .top .integral a { color: #fc983e; background: #fff; font-size: 14px; border-radius: 4px; padding: 6px 26px; display: inline-block; position: absolute; right: 20px; top: 66px; }
.member-property .top .integral a:hover { opacity: .8; }
.member-property .task { margin-top: 30px; }
.member-property .task ul { }
.member-property .task ul li { }
.member-property .task ul li .box { align-items: center; background: #f8f8f8; padding: 20px; }
.member-property .task ul li .box i { border-radius: 50px; background: #ebebeb; padding: 6px; line-height: 1; margin-right: 10px; transform: translateY(0px); }
.member-property .task ul li .box span { }
.member-property .task ul li .box p { font-size: 12px; color: #f25125; margin-right: 10px; }
.member-property .task ul li .box a { color: #fff; background: var(--primary-color); font-size: 12px; border-radius: 50px; padding: 3px 15px; display: inline-block; }
.member-property .bottom { border-radius: 4px; padding: 30px; }
.member-property .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; }
.member-property .bottom .title a { font-size: 14px; color: #434343; margin-right: 20px; display: inline-block; }
.member-property .bottom .title a:hover { color: var(--primary-color); }
.member-property .bottom .title a.current { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
/*我的资产-记录*/
.member-property .bottom .record { margin-top: 30px; }
.member-property .bottom .record .box { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-property .bottom .record .box .header { display: flex; background-color: #f9f9f9; box-shadow: inherit; }
.member-property .bottom .record .box .header .header-1, .member-property .bottom .record .box .header .header-2, .member-property .bottom .record .box .header .header-3, .member-property .bottom .record .box .header .header-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-property .bottom .record .box .list { }
.member-property .bottom .record .box .list li { display: flex; }
.member-property .bottom .record .box .list li .list-1, .member-property .bottom .record .box .list li .list-2, .member-property .bottom .record .box .list li .list-3, .member-property .bottom .record .box .list li .list-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; }
.member-property .bottom .record .box .list li .list-2 .increase { color: #0ec302; }
.member-property .bottom .record .box .list li .list-2 .decrease { color: #e30000; }
/*我的订单*/
.member-order { }
.member-order .top { padding: 30px; }
.member-order .top span.title { font-size: 18px; font-weight: 600; color: #434343; display: block; margin-bottom: 20px; }
.member-order .top .box { padding: 30px; border-radius: 4px; position: relative; }
.member-order .top .box .title { color: #fff; font-size: 16px; margin-bottom: 20px; position: relative; z-index: 1; }
.member-order .top .box span { display: inline-block; font-size: 35px; font-weight: 600; color: #fff; line-height: 1; font-family: impact; }
.member-order .top .box em { display: inline-block; margin-left: 10px; color: #fff; }
.member-order .top .box p { display: block; margin-top: 10px; color: #fff; font-size: 12px; }
.member-order .top .purchase { background: -webkit-linear-gradient( -17deg, #13c07e 0%, #4edda7 100%); }
.member-order .top .purchase:after { content: ""; position: absolute; bottom: 0; right: 0; background-image: url(../images/ceo-member-balance.png); background-repeat: no-repeat; background-size: 100% 100%; width: 71px; height: 62px; }
.member-order .top .vip { background-image: -webkit-linear-gradient( -17deg, #fc973d 0%, #ffc490 100%); }
.member-order .top .vip:after { content: ""; position: absolute; bottom: 0; right: 0; background-image: url(../images/ceo-member-order-vip.png); background-repeat: no-repeat; background-size: 100% 100%; width: 71px; height: 62px; }
.member-order .bottom { border-radius: 4px; padding: 30px; }
.member-order .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; }
.member-order .bottom .title a { font-size: 14px; color: #434343; margin-right: 20px; display: inline-block; }
.member-order .bottom .title a:hover { color: var(--primary-color); }
.member-order .bottom .title a.current { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
/*我的订单-购买记录*/
.member-order .bottom .commodity { margin-top: 30px; }
.member-order .bottom .commodity .box { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-order .bottom .commodity .box .header { display: flex; background-color: #f9f9f9; box-shadow: inherit; }
.member-order .bottom .commodity .box .header .header-1, .member-order .bottom .commodity .box .header .header-2, .member-order .bottom .commodity .box .header .header-3, .member-order .bottom .commodity .box .header .header-4, .member-order .bottom .commodity .box .header .header-5 { width: 15%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-order .bottom .commodity .box .header .header-1 { width: 40%; }
.member-order .bottom .commodity .box .list { }
.member-order .bottom .commodity .box .list li { display: flex; }
.member-order .bottom .commodity .box .list li .list-1, .member-order .bottom .commodity .box .list li .list-2, .member-order .bottom .commodity .box .list li .list-3, .member-order .bottom .commodity .box .list li .list-4, .member-order .bottom .commodity .box .list li .list-5 { width: 15%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; }
.member-order .bottom .commodity .box .list li .list-1 { width: 40%; }
.member-order .bottom .commodity .box .list li .list-5 button { color: #fff; background: var(--primary-color); font-size: 14px; border-radius: 50px; line-height: 32px; padding: 0px 12px; display: inline-block; }
.member-order .bottom .commodity .box .list li .list-5 button:hover { opacity: .8; }
/*我的订单-购买记录-订单详情*/
.ceo-order-details { }
.ceo-order-details .ceo-modal-dialog { width: 660px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 660px 190px; background-repeat: no-repeat; }
.ceo-order-details .moduletitle { margin-bottom: 45px; }
.ceo-order-details .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-order-details .moduletitle button { top: 17px; right: 20px; }
.ceo-order-details .module { background: #fff; padding: 30px; border-radius: 4px; -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%); box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%); }
.ceo-order-details .module .title { display: block; margin-bottom: 15px; font-size: 16px; }
.ceo-order-details .module .title i { line-height: 1; font-size: 20px!important; margin-right: 6px; color: var(--primary-color); }
.ceo-order-details .module .list { background: #f8f8f8; padding: 10px; border-radius: 4px; }
.ceo-order-details .module .list span { color: #999; margin-right: 5px; display: inline-block; font-size: 12px; }
.ceo-order-details .module .list p { display: inline-block; font-size: 12px; }
.ceo-order-details .module .list p em { color: var(--primary-color); }
.ceo-order-details .module .list a { color: var(--primary-color); font-size: 12px; }
.ceo-order-details .module .item { background: #f8f8f8; padding: 10px; border-radius: 4px; font-size: 12px; }
.ceo-order-details .module .item span { color: #999; margin-bottom: 5px; display: block; }
.ceo-order-details .module .item p { display: block; }
.ceo-order-details .module .downbtn { margin-top: 20px; }
.ceo-order-details .module .downbtn a { color: #fff !important; border: 1px solid var(--primary-color); background: var(--primary-color); font-size: 15px; border-radius: 4px; padding: 12px 0; display: block; text-align: center; }
.ceo-order-details .module .downbtn a:hover { opacity: .8; }
.ceo-order-details .module .downbtn a i { font-size: 17px !important; margin-right: 5px; }
/*我的订单-购买记录-订单详情-物流信息*/
.ceo-order-logistics { }
.ceo-order-logistics .ceo-modal-dialog { width: 460px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-order-logistics .moduletitle { margin-bottom: 45px; }
.ceo-order-logistics .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-order-logistics .moduletitle button { top: 17px; right: 20px; }
.ceo-order-logistics .module { list-style: none; overflow-y: auto; height: 300px; }
.ceo-order-logistics .module::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: #ccc;
}
.ceo-order-logistics .module::-webkit-scrollbar-track {
 background-color: #fff;
}
.ceo-order-logistics .module::-webkit-scrollbar-thumb {
 background-color: #ccc;
 border-radius: 10px
}
/*我的订单-会员记录*/
.member-order .bottom .vip { margin-top: 30px; }
.member-order .bottom .vip .box { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-order .bottom .vip .box .header { display: flex; background-color: #f9f9f9; box-shadow: inherit; }
.member-order .bottom .vip .box .header .header-1, .member-order .bottom .vip .box .header .header-2, .member-order .bottom .vip .box .header .header-3, .member-order .bottom .vip .box .header .header-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-order .bottom .vip .box .list { }
.member-order .bottom .vip .box .list li { display: flex; }
.member-order .bottom .vip .box .list li .list-1, .member-order .bottom .vip .box .list li .list-2, .member-order .bottom .vip .box .list li .list-3, .member-order .bottom .vip .box .list li .list-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; }
.member-order .bottom .vip .box .list li .list-2 .increase { color: #0ec302; }
.member-order .bottom .vip .box .list li .list-2 .decrease { color: #e30000; }
/*我的卡券*/
.member-card { }
.member-card .top { padding: 30px; }
.member-card .top span.title { font-size: 18px; font-weight: 600; color: #434343; display: block; margin-bottom: 20px; }
.member-card .top .box { padding: 30px; border-radius: 4px; position: relative; }
.member-card .top .item1 { background-color: #fcedeb; }
.member-card .top .item2 { background-color: #faf3d4; }
.member-card .top .item1, .member-card .top .item2 { background-image: url(../images/ceo-member-promotion.png); background-repeat: no-repeat; background-size: 100% 100%; }
.member-card .top .box .title { color: #666; font-size: 16px; margin-bottom: 20px; position: relative; z-index: 1; }
.member-card .top .box span { display: inline-block; font-size: 35px; font-weight: 600; line-height: 1; font-family: impact; }
.member-card .top .item1 span { color: #eb5858; }
.member-card .top .item2 span { color: #f69a47; }
.member-card .top .box span em { display: inline-block; margin-left: 10px; font-size: 12px; font-weight: 400; color: inherit; }
.member-card .top .box p { display: block; margin-top: 10px; font-size: 12px; }
.member-card .bottom { border-radius: 4px; padding: 30px; }
.member-card .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; }
.member-card .bottom .title a { font-size: 14px; color: #434343; margin-right: 20px; display: inline-block; }
.member-card .bottom .title a:hover { color: var(--primary-color); }
.member-card .bottom .title a.current { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
.member-card .bottom .coupon { }
.member-card .bottom .coupon .box { }
.member-card .bottom .coupon .box .nav { margin: 30px 0; }
.member-card .bottom .coupon .box .nav a { padding: 5px 20px; border-radius: 4px; display: inline-block; margin-right: 20px; color: #888; background: rgb(165 165 165 / 11%); font-size: 14px; }
.member-card .bottom .coupon .box .nav a:last-child { margin-right: 0px; }
.member-card .bottom .coupon .box .nav a:hover { color: var(--primary-color); background: rgba(0, 132, 255, .1); }
.member-card .bottom .coupon .box .nav a.current { color: var(--primary-color); background: rgba(0, 132, 255, .1); }
.member-card .bottom .coupon .box ul { }
.member-card .bottom .coupon .box ul li { }
.member-card .bottom .coupon .box ul li .to { border-radius: 10px; background: #fff5f6; position: relative; overflow: hidden; }
.member-card .bottom .coupon .box ul li .to em { width: 140px; height: 28px; line-height: 28px; font-size: 12px; background: #ffe8d6; position: absolute; right: -44px; top: 3px; text-align: center; -webkit-transform: rotate(36deg); }
.member-card .bottom .coupon .box ul li .to .value { text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-image: -webkit-linear-gradient( 270deg, #ff6c54 0%, #ff4a35 100%); }
.member-card .bottom .coupon .box ul li .to .value p { font-weight: 600; color: #fff; font-size: 28px; display: block; margin-top: 28px; }
.member-card .bottom .coupon .box ul li .to .value a { background: #fff; color: #e13b29; padding: 0 15px; display: inline-block; height: 28px; line-height: 28px; border-radius: 50px; margin-top: 5px;  transition: .4s;
text-align: center; box-shadow: 0 4px 9px 0 rgb(224 30 15 / 26%); }
.member-card .bottom .coupon .box ul li .to .value a:hover { transform: translateY(-4px); }
.member-card .bottom .coupon .box ul li .to .desc { padding: 20px 20px 20px 0px; }
.member-card .bottom .coupon .box ul li .to .desc .title { color: #e13b29; font-size: 15px; }
.member-card .bottom .coupon .box ul li .to .desc p { margin-bottom: 3px; font-size: 12px; }
.member-card .bottom .coupon .box ul li .to .desc p:last-child { margin-bottom: 0px; }
/*我的下载*/
.member-download { }
.member-download .top { padding: 30px; }
.member-download .top span.title { font-size: 18px; font-weight: 600; color: #434343; display: block; margin-bottom: 20px; }
.member-download .top .box { padding: 30px; border-radius: 4px; position: relative; overflow: hidden; background-color: var(--primary-color); }
.member-download .top .box:after { content: ""; position: absolute; right: -20px; bottom: -10px; width: 110px; height: 110px; border-radius: 100px; background-color: rgba(245, 245, 245, 0.1); }
.member-download .top .box:before { content: ""; position: absolute; right: -40px; top: 10px; width: 100px; height: 100px; border-radius: 100px; background-color: rgba(245, 245, 245, 0.1); }
.member-download .top .box .title { color: #fff; font-size: 16px; margin-bottom: 20px; }
.member-download .top .box span { display: inline-block; font-size: 35px; font-weight: 600; color: #fff; line-height: 1; font-family: impact; }
.member-download .top .box em { display: inline-block; margin-left: 10px; color: #fff; }
.member-download .top .box p { display: block; margin-top: 10px; color: #fff; font-size: 12px; }
/*我的下载-记录*/
.member-download .bottom { border-radius: 4px; padding: 30px; }
.member-download .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; margin-bottom: 30px; }
.member-download .bottom .title span { font-size: 14px; display: inline-block; border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
.member-download .bottom .box { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-download .bottom .box .header { display: flex; background-color: #f9f9f9; box-shadow: inherit; }
.member-download .bottom .box .header .header-1, .member-download .bottom .box .header .header-2, .member-download .bottom .box .header .header-3, .member-download .bottom .box .header .header-4 { border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-download .bottom .box .header .header-1 { width: 40%; }
.member-download .bottom .box .header .header-3 { width: 10%; }
.member-download .bottom .box .header .header-2, .member-download .bottom .box .header .header-4 { width: 25%; }
.member-download .bottom .box .list { }
.member-download .bottom .box .list li { display: flex; }
.member-download .bottom .box .list li .list-1, .member-download .bottom .box .list li .list-2, .member-download .bottom .box .list li .list-3, .member-download .bottom .box .list li .list-4 { border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; }
.member-download .bottom .box .list li .list-1 { width: 40%; }
.member-download .bottom .box .list li .list-3 { width: 10%; }
.member-download .bottom .box .list li .list-2, .member-download .bottom .box .list li .list-4 { width: 25%; }
/*我的推广*/
.member-promotion { }
.member-promotion .top { padding: 30px; }
.member-promotion .top span.title { font-size: 18px; font-weight: 600; color: #434343; display: block; margin-bottom: 20px; }
.member-promotion .top .box { padding: 30px; border-radius: 4px; position: relative; min-height: 102px; }
.member-promotion .top .item1 { background-color: #e0eaf7; }
.member-promotion .top .item2 { background-color: #faf3d4; }
.member-promotion .top .item3 { background-color: #fcedeb; }
.member-promotion .top .item1, .member-promotion .top .item2, .member-promotion .top .item3 { background-image: url(../images/ceo-member-promotion.png); background-repeat: no-repeat; background-size: 100% 100%; }
.member-promotion .top .box .title { color: #666; font-size: 12px; }
.member-promotion .top .box span { font-size: 35px; font-family: impact; line-height: 1; display: block; margin-top: 20px; margin-bottom: 8px; }
.member-promotion .top .item1 span { color: #3580e6; }
.member-promotion .top .item2 span { color: #f69a47; }
.member-promotion .top .item3 span { color: #eb5858; }
.member-promotion .top .box p { display: inline-block; font-size: 12px; margin-right: 20px; }
.member-promotion .top .box p:last-child { margin-right: 0; }
.member-promotion .top .box span em { display: inline-block; margin-left: 10px; font-size: 12px; color: inherit; }
/*推广链接*/
.member-promotion .top .link { background: #f6f6f6; border-radius: 8px; position: relative; margin: 30px 0; padding: 15px; }
.member-promotion .top .link:after { content: ""; position: absolute; bottom: 0; right: 10px; background-image: url(../images/ceo-member-promotion-link.png); background-repeat: no-repeat; background-size: 100% 100%; width: 275px; height: 105px; }
.member-promotion .top .link .module { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.member-promotion .top .link .module .title { font-size: 12px; color: #999; line-height: 43px; padding: 0 15px 0 5px; }
.member-promotion .top .link .module .input { margin-right: 15px; border: none; padding: 0 10px; border-radius: 8px; font-size: 13px; color: #333; width: 260px; height: 43px; }
.member-promotion .top .link .module .input input { border: none; padding: 0 10px; border-radius: 8px; font-size: 13px; color: #333; width: 260px; height: 43px; }
.member-promotion .top .link .module .input input:focus { outline:none; }
.member-promotion .top .link .module .button1 { display: inline-block; vertical-align: middle; height: 43px; line-height: 43px; border: 1px solid transparent; padding: 0 20px; background-color: #fff; color: #3580e6; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 8px; margin-right: 15px; cursor: pointer;  transition: all .3s;
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.member-promotion .top .link .module .button1:hover { opacity: .9; }
.member-promotion .top .link .module .button2 { display: inline-block; vertical-align: middle; height: 43px; line-height: 43px; border: 1px solid transparent; padding: 0 20px; background-color: #3580e6; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 8px; cursor: pointer;  transition: all .3s;
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.member-promotion .top .link .module .button2:hover { opacity: .9; }
/*我的推广-记录*/
.member-promotion .bottom { border-radius: 4px; padding: 30px; }
.member-promotion .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; }
.member-promotion .bottom .title a { font-size: 14px; color: #434343; margin-right: 20px; display: inline-block; }
.member-promotion .bottom .title a:hover { color: var(--primary-color); }
.member-promotion .bottom .title a.current { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
.member-promotion .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; margin-bottom: 30px; }
.member-promotion .bottom .title span { font-size: 14px; display: inline-block; border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
/*推广奖励*/
.member-promotion .bottom .reward { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-promotion .bottom .reward .header { display: flex; background-color: #f9f9f9; }
.member-promotion .bottom .reward .header .header-1, .member-promotion .bottom .reward .header .header-2, .member-promotion .bottom .reward .header .header-3 { width: 33.33333333%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-promotion .bottom .reward .list { }
.member-promotion .bottom .reward .list li { display: flex; }
.member-promotion .bottom .reward .list li .list-1, .member-promotion .bottom .reward .list li .list-2, .member-promotion .bottom .reward .list li .list-3 { width: 33.33333333%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; }
/*推广用户*/
.member-promotion .bottom .promotion { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-promotion .bottom .promotion .header { display: flex; background-color: #f9f9f9; }
.member-promotion .bottom .promotion .header .header-1, .member-promotion .bottom .promotion .header .header-2, .member-promotion .bottom .promotion .header .header-3, .member-promotion .bottom .promotion .header .header-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-promotion .bottom .promotion .list { }
.member-promotion .bottom .promotion .list li { display: flex; }
.member-promotion .bottom .promotion .list li .list-1, .member-promotion .bottom .promotion .list li .list-2, .member-promotion .bottom .promotion .list li .list-3, .member-promotion .bottom .promotion .list li .list-4 { width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; word-break: break-all; }
/*推广佣金*/
.member-promotion .bottom .commission { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-promotion .bottom .commission .header { display: flex; background-color: #f9f9f9; }
.member-promotion .bottom .commission .header .header-1, .member-promotion .bottom .commission .header .header-2, .member-promotion .bottom .commission .header .header-3, .member-promotion .bottom .commission .header .header-4, .member-promotion .bottom .commission .header .header-5, .member-promotion .bottom .commission .header .header-6 {
 width: calc(100% * 1 / 6.001); border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-promotion .bottom .commission .list { }
.member-promotion .bottom .commission .list li { display: flex; }
.member-promotion .bottom .commission .list li .list-1, .member-promotion .bottom .commission .list li .list-2, .member-promotion .bottom .commission .list li .list-3, .member-promotion .bottom .commission .list li .list-4, .member-promotion .bottom .commission .list li .list-5, .member-promotion .bottom .commission .list li .list-6 {
 width: calc(100% * 1 / 6.001); border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; word-break: break-all; }
/*推广说明*/
.member-promotion .desc { padding: 20px; }
.member-promotion .desc .title { border-bottom: #f8f8f8 1px solid; height: 40px; margin-bottom: 30px; color: #434343; }
.member-promotion .desc .title span { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); display: inline-block; }
.member-promotion .desc .content { line-height: 2; color: #999; }
/*我的收益*/
.member-income { }
.member-income .top { padding: 30px; }
.member-income .top span.title { font-size: 18px; font-weight: 600; color: #434343; display: block; margin-bottom: 20px; }
.member-income .top .box { padding: 30px; border-radius: 4px; position: relative; min-height: 102px; }
.member-income .top .item1 { background-color: #e0eaf7; }
.member-income .top .item2 { background-color: #faf3d4; }
.member-income .top .item1, .member-income .top .item2 { background-image: url(../images/ceo-member-promotion.png); background-repeat: no-repeat; background-size: 100% 100%; }
.member-income .top .item1 a, .member-income .top .item2 a { color: #fff; font-size: 14px; border-radius: 4px; padding: 6px 26px; display: inline-block; position: absolute; right: 20px; top: 66px; }
.member-income .top .item1 a { background: #3b83fd; }
.member-income .top .item2 a { background: #f69a47; }
.member-income .top .item1 a:hover, .member-income .top .item2 a:hover { opacity: .8; }
.member-income .top .box .title { color: #666; font-size: 12px; }
.member-income .top .box span { font-size: 35px; font-family: impact; line-height: 1; display: block; margin-top: 20px; margin-bottom: 8px; }
.member-income .top .item1 span { color: #3580e6; }
.member-income .top .item2 span { color: #f69a47; }
.member-income .top .box p { display: inline-block; font-size: 12px; margin-right: 20px; }
.member-income .top .box p:last-child { margin-right: 0; }
.member-income .top .record1, .member-income .top .record2, .member-income .top .record3 { background: #f5f7fd; padding: 20px; border-radius: 4px; }
.member-income .top .record1 .title, .member-income .top .record2 .title, .member-income .top .record3 .title { margin-bottom: 10px; color: #7D8592; }
.member-income .top .record1 span, .member-income .top .record2 span, .member-income .top .record3 span { font-size: 20px; color: #3D4A5D; font-family: impact; display: block; }
/*我的收益-记录*/
.member-income .bottom { border-radius: 4px; padding: 30px; }
.member-income .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; }
.member-income .bottom .title a { font-size: 14px; color: #434343; margin-right: 20px; display: inline-block; }
.member-income .bottom .title a:hover { color: var(--primary-color); }
.member-income .bottom .title a.current { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
.member-income .bottom .title { border-bottom: #f8f8f8 1px solid; height: 40px; margin-bottom: 30px; }
.member-income .bottom .title span { font-size: 14px; display: inline-block; border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); }
/*收益记录*/
.member-income .bottom .income { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-income .bottom .income .header { display: flex; background-color: #f9f9f9; box-shadow: inherit; }
.member-income .bottom .income .header .header-1, .member-income .bottom .income .header .header-2, .member-income .bottom .income .header .header-3, .member-income .bottom .income .header .header-4, .member-income .bottom .income .header .header-5 { width: 20%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-income .bottom .income .list { }
.member-income .bottom .income .list li { display: flex; }
.member-income .bottom .income .list li .list-1, .member-income .bottom .income .list li .list-2, .member-income .bottom .income .list li .list-3, .member-income .bottom .income .list li .list-4, .member-income .bottom .income .list li .list-5 { width: 20%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; word-break: break-all; }
/*提现记录*/
.member-income .bottom .withdrawal { border-top: 1px solid #eee; border-left: 1px solid #eee; }
.member-income .bottom .withdrawal .header { display: flex; background-color: #f9f9f9; box-shadow: inherit; }
.member-income .bottom .withdrawal .header .header-1, .member-income .bottom .withdrawal .header .header-2, .member-income .bottom .withdrawal .header .header-3, .member-income .bottom .withdrawal .header .header-4, .member-income .bottom .withdrawal .header .header-5, .member-income .bottom .withdrawal .header .header-6 {
 width: calc(100% * 1 / 6.001); border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; }
.member-income .bottom .withdrawal .list { }
.member-income .bottom .withdrawal .list li { display: flex; }
.member-income .bottom .withdrawal .list li .list-1, .member-income .bottom .withdrawal .list li .list-2, .member-income .bottom .withdrawal .list li .list-3, .member-income .bottom .withdrawal .list li .list-4, .member-income .bottom .withdrawal .list li .list-5, .member-income .bottom .withdrawal .list li .list-6 {
 width: calc(100% * 1 / 6.001); border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; padding: 15px; text-align: center; color: #999; align-items: center; display: flex; justify-content: center; }
.member-income .bottom .withdrawal .list li .list-4 .true { color: #67c23a; }
.member-income .bottom .withdrawal .list li .list-4 .false { color: #f56c6c; }
/*提现说明*/
.member-income .desc { padding: 20px; }
.member-income .desc .title { border-bottom: #f8f8f8 1px solid; height: 40px; margin-bottom: 30px; color: #434343; }
.member-income .desc .title span { border-bottom: var(--primary-color) 2px solid; height: 39px; color: var(--primary-color); display: inline-block; }
.member-income .desc .content { line-height: 2; color: #999; }
/*我的认证*/
.member-authentication { padding-bottom: 30px; }
.member-authentication .bg { border-radius: 4px; height: 260px; background-image: url(../images/ceo-member-authentication-bg.png) }
.member-authentication .bg .title { margin-top: 60px; }
.member-authentication .bg .title h1 { font-size: 36px; font-weight: 600; color: #fff; margin-bottom: 10px; }
.member-authentication .bg .title p { color: #fff; }
.member-authentication .module { padding: 30px; margin: -80px 100px 70px 100px; box-shadow: 0px 3px 43px 0px rgb(123 175 255 / 20%); border-radius: 20px; position: relative; }
.member-authentication .module .front { background-size: cover; background-repeat: no-repeat; width: 315px; height: 222px; background-image: url(../images/ceo-member-authentication-front.png) }
.member-authentication .module .behind { background-size: cover; background-repeat: no-repeat; width: 315px; height: 222px; background-image: url(../images/ceo-member-authentication-behind.png) }
.member-authentication .box { margin-top: 30px; }
.member-authentication .box form { }
.member-authentication .box form label { }
.member-authentication .box form input { }
.member-authentication .box .btn { text-align: center; margin-top: 30px; }
.member-authentication .box .btn a { display: inline-block; height: 50px; line-height: 50px; background-color: #fc5e20; background: linear-gradient( 90deg, rgba(255, 111, 8, 1) 0%, rgba(250, 74, 61, 1) 100%); border-radius: 4px; padding: 0 60px; color: #fff; font-size: 16px; }
.member-authentication .box .btn p { color: #999; margin-top: 10px; font-size: 12px; }
.member-authentication .module ul { }
.member-authentication .module ul li { margin-bottom: 20px; }
.member-authentication .module ul li:last-child { margin-bottom: 0px; }
.member-authentication .module ul li span { display: inline-block; margin-right: 20px; }
.member-authentication .module ul li p { display: inline-block; }
.member-authentication .module ul em { background: #116aff2e; color: #126bff; display: block; text-align: center; padding: 10px; border-radius: 4px; }
/***********************开通会员框***********************/
.ceo-svip { }
.ceo-svip .ceo-modal-dialog { width: 768px; padding: 0; border-radius: 4px; background-color: #FFF2E5; background-image: url(../images/ceo-member-svip.png); background-size: 100% auto; background-repeat: no-repeat; }
.ceo-svip .ceo-modal-dialog .top { padding: 30px; border-radius: 4px 4px 0px 0px; }
.ceo-svip .ceo-modal-dialog .top .moduletitle { text-align: center; margin-bottom: 20px; }
.ceo-svip .ceo-modal-dialog .top .moduletitle span { font-size: 20px; font-weight: 600; color: #752A00; margin-bottom: 10px; display: block; }
.ceo-svip .ceo-modal-dialog .top .moduletitle p { color: #752A00; font-size: 14px; }
.ceo-svip .ceo-modal-dialog .top .moduletitle button { top: 17px; right: 20px; }
.ceo-svip .ceo-modal-dialog .top .package { padding: 20px; border-radius: 4px; margin-bottom: 10px; }
.ceo-svip .ceo-modal-dialog .top .package ul { }
.ceo-svip .ceo-modal-dialog .top .package ul li { }
.ceo-svip .ceo-modal-dialog .top .package ul li button { background-color: rgb(255 255 255 / 0%); border: 2px solid #eee; color: #434343; padding: 30px 10px 20px 10px; border-radius: 4px; line-height: 1; width: 100%; text-align: center; position: relative; }
.ceo-svip .ceo-modal-dialog .top .package ul li button.select { border: 2px solid #FF7D17; background-color: #FFFBF8; }
.ceo-svip .ceo-modal-dialog .top .package ul li button.select p { color: #ff7d18; }
.ceo-svip .ceo-modal-dialog .top .package ul li button span { font-size: 15px; }
.ceo-svip .ceo-modal-dialog .top .package ul li button span.time { color: #999; font-size: 12px; margin-top: 15px; display: block; }
.ceo-svip .ceo-modal-dialog .top .package ul li button p { display: block; margin: 15px 0 20px 0; font-size: 30px; font-weight: 600; }
.ceo-svip .ceo-modal-dialog .top .package ul li button em { background: #FFF5EA; color: #ff7d18; padding: 5px 10px; display: inline-block; border-radius: 50px; line-height: 1.5; }
.ceo-svip .ceo-modal-dialog .top .package ul li button .tag { position: absolute; top: -2px; left: -2px; height: 24px; line-height: 24px; text-align: center; background: linear-gradient(102.51deg, #ff451d 3.76%, #ff6f32 93.18%); border-radius: 4px 0 8px 0; color: #fff; font-size: 14px; font-weight: 400; padding: 0 12px; }
.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right { display: block; width: 35px; height: 35px; line-height: 40px; background: #fff; color: #666; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%); border-radius: 50%; text-align: center; }
.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left { z-index: 1; left: -38px; margin: 0; transform: translateY(-50%) translateY(0px); }
.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right { z-index: 1; right: -38px; margin: 0; transform: translateY(-50%) translateY(0px); }
.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out i, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out i, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left i, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right i { line-height: 1; font-size: 25px!important; }
.ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left-out:hover, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right-out:hover, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-left:hover, .ceo-svip .ceo-modal-dialog .top .package .ceo-position-center-right:hover { color: #111; }
.ceo-svip .ceo-modal-dialog .top .desc { padding: 20px; border-radius: 4px; margin-bottom: 10px; }
.ceo-svip .ceo-modal-dialog .top .desc span { color: #333; margin-bottom: 10px; font-weight: 700; font-size: 14px; line-height: 18px; display: block; }
.ceo-svip .ceo-modal-dialog .top .desc p { font-size: 12px; color: #666; line-height: 2; }
.ceo-svip .ceo-modal-dialog .top .way { padding: 20px; border-radius: 4px; }
.ceo-svip .ceo-modal-dialog .top .way ul { display: flex; flex-flow: nowrap; align-items: center; justify-content: center; background-color: #FAFAFA; border-radius: 4px; padding: 12px; }
.ceo-svip .ceo-modal-dialog .top .way ul li { width: 100%; display: flex; margin-right: 10px; background: #fff; }
.ceo-svip .ceo-modal-dialog .top .way ul li:last-child { margin-right: 0px; }
.ceo-svip .ceo-modal-dialog .top .way ul li button { display: flex; height: 46px; line-height: 1; font-size: 14px; background: #fff; color: #202020; width: 100%; padding: 0 20px; border-radius: 4px; justify-content: flex-start; align-items: center; position: relative; }
.ceo-svip .ceo-modal-dialog .top .way ul li button.select { }
.ceo-svip .ceo-modal-dialog .top .way ul li button i { font-size: 20px !important; margin-right: 6px; }
.ceo-svip .ceo-modal-dialog .top .way ul li button i.ceoicon-wechat-pay-fill { color: #22ac38; }
.ceo-svip .ceo-modal-dialog .top .way ul li button i.ceoicon-alipay-fill { color: #226bf3; }
.ceo-svip .ceo-modal-dialog .top .way ul li button i.ceoicon-wallet-3-fill { color: #ff8a16; }
.ceo-svip .ceo-modal-dialog .top .way ul li button span { }
.ceo-svip .ceo-modal-dialog .top .way ul li button .icon { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; border: 1px solid #E0E0E0; position: absolute; right: 20px; }
.ceo-svip .ceo-modal-dialog .top .way ul li button.select .icon { background: url(../images/ceo-member-svip-selected.png) no-repeat; background-size: 100%; border: none; }
.ceo-svip .ceo-modal-dialog .top .way .coupon { margin-bottom: 20px; padding: 10px; background: #fafafa; border-radius: 4px; }
.ceo-svip .ceo-modal-dialog .top .way .coupon i { font-size: 20px!important; transform: translateY(0px); color: #ff8a16; }
.ceo-svip .ceo-modal-dialog .top .way .coupon input { border-radius: 4px 0px 0px 4px; border: 1px solid #e5e5e5; font-size: 14px; }
.ceo-svip .ceo-modal-dialog .top .way .coupon button { width: 100%; line-height: 40px; background: #ffe4c9; color: #ff8a16; border-radius: 0px 4px 4px 0px; font-size: 14px;  transition: all .3s;
}
.ceo-svip .ceo-modal-dialog .top .way .coupon button:hover { background: #ffdcb9; }
.ceo-svip .ceo-modal-dialog .bottom { padding: 16px 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px solid #f3f3f3; border-radius: 0px 0px 4px 4px; }
.ceo-svip .ceo-modal-dialog .bottom .money { }
.ceo-svip .ceo-modal-dialog .bottom .money span { color: #333; font-size: 20px; font-weight: 600; }
.ceo-svip .ceo-modal-dialog .bottom .money p { color: #FF7D18; font-size: 26px; font-weight: 600; display: inline-block; line-height: 1; }
.ceo-svip .ceo-modal-dialog .bottom .money p span { color: #FF7D18; font-size: 26px; font-weight: 600; display: inline-block; line-height: 1; }
.ceo-svip .ceo-modal-dialog .bottom .money em { border-radius: 50px; color: #ff7d18; background: #fff0e1; padding: 0 10px; height: 20px; line-height: 20px; font-size: 12px; display: inline-block; margin-left: 10px; transform: translateY(-4px); }
.ceo-svip .ceo-modal-dialog .bottom button { width: 200px; height: 63px; line-height: 63px; background: linear-gradient(270deg, #FF7500 0%, #FF9A45 100%); border-radius: 4px; font-weight: 700; font-size: 20px; color: #fff;  transition: all .3s;
}
.ceo-svip .ceo-modal-dialog .bottom button:hover { background: linear-gradient(270deg, #FF9A45 0%, #FF7500 100%); }
/***********************账户充值框***********************/
.ceo-recharge { }
.ceo-recharge .ceo-modal-dialog { width: 460px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-recharge .ceo-modal-dialog .moduletitle { margin-bottom: 30px; }
.ceo-recharge .ceo-modal-dialog .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-recharge .ceo-modal-dialog .moduletitle button { top: 17px; right: 20px; }
.ceo-recharge .ceo-modal-dialog .package { margin-bottom: 20px; }
.ceo-recharge .ceo-modal-dialog .package .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-recharge .ceo-modal-dialog .package .title i { line-height: 1; font-size: 18px!important; margin-left: 5px; color: #ff5200; }
.ceo-recharge .ceo-modal-dialog .package ul { }
.ceo-recharge .ceo-modal-dialog .package ul li { }
.ceo-recharge .ceo-modal-dialog .package ul li button { background: rgb(255 255 255 / 0%); border: 1px solid rgb(0 0 0 / 6%); color: #434343; padding: 15px 10px; border-radius: 4px; line-height: 1; width: 100%; }
.ceo-recharge .ceo-modal-dialog .package ul li button.select { border: 1px solid var(--primary-color); }
.ceo-recharge .ceo-modal-dialog .package ul li button span { display: block; font-weight: 600; font-size: 16px; margin-bottom: 10px; }
.ceo-recharge .ceo-modal-dialog .package ul li button em { color: var(--primary-color); background: rgba(0, 132, 255, .1); padding: 5px 10px; display: inline-block; margin-bottom: 10px; border-radius: 50px; font-size: 12px; }
.ceo-recharge .ceo-modal-dialog .package ul li button p { }
.ceo-recharge .ceo-modal-dialog .money { margin-bottom: 20px; }
.ceo-recharge .ceo-modal-dialog .money .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-recharge .ceo-modal-dialog .money input { border-radius: 4px; }
.ceo-recharge .ceo-modal-dialog .way { }
.ceo-recharge .ceo-modal-dialog .way .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-recharge .ceo-modal-dialog .way ul { display: flex; flex-flow: nowrap; align-items: center; justify-content: center; }
.ceo-recharge .ceo-modal-dialog .way ul li { width: 100%; display: flex; margin-right: 10px; }
.ceo-recharge .ceo-modal-dialog .way ul li:last-child { margin-right: 0px; }
.ceo-recharge .ceo-modal-dialog .way ul li button { display: flex; align-items: center; justify-content: center; height: 45px; line-height: 1; font-size: 12px; background: rgb(255 255 255 / 0%); border: 1px solid rgb(0 0 0 / 6%); color: #434343; width: 100%; padding: 0; border-radius: 4px; }
.ceo-recharge .ceo-modal-dialog .way ul li button.select { border: 1px solid var(--primary-color); }
.ceo-recharge .ceo-modal-dialog .way ul li button i { font-size: 20px !important; margin-right: 5px; }
.ceo-recharge .ceo-modal-dialog .way ul li button i.ceoicon-alipay-fill { color: #226bf3; }
.ceo-recharge .ceo-modal-dialog .way ul li button i.ceoicon-wechat-pay-fill { color: #22ac38; }
.ceo-recharge .ceo-modal-dialog .way ul li button i.ceoicon-bank-card-fill { color: var(--primary-color); }
.ceo-recharge .ceo-modal-dialog .way ul li button span { }
.ceo-recharge .ceo-modal-dialog .button { color: #fff; background: var(--primary-color); font-size: 15px; border-radius: 4px; line-height: 50px; display: block; width: 100%;  transition: all .3s;
margin-top: 20px; }
.ceo-recharge .ceo-modal-dialog .button:hover { opacity: .8; }
/***********************积分兑换框***********************/
.ceo-exchange { }
.ceo-exchange .ceo-modal-dialog { width: 460px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-exchange .ceo-modal-dialog .moduletitle { }
.ceo-exchange .ceo-modal-dialog .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-exchange .ceo-modal-dialog .moduletitle button { top: 17px; right: 20px; }
.ceo-exchange .ceo-modal-dialog .number { margin-top: 50px; text-align: center; }
.ceo-exchange .ceo-modal-dialog .number .title { display: block; color: #999; margin-bottom: 20px; text-align: center; font-size: 16px; }
.ceo-exchange .ceo-modal-dialog .number input { border-radius: 4px; width: 80%; display: flex; align-content: center; align-items: center; justify-content: center; margin: 0 auto; }
.ceo-exchange .ceo-modal-dialog .number span { text-align: center; display: inline-block; margin-top: 10px; background: #f8f8f8; padding: 8px 16px; border-radius: 50px; font-size: 12px; }
.ceo-exchange .ceo-modal-dialog .number span p { color: var(--primary-color); margin: 0 10px; display: inline-block; }
.ceo-exchange .ceo-modal-dialog .button { color: #fff; background: var(--primary-color); font-size: 15px; border-radius: 4px; line-height: 50px; display: block; width: 100%;  transition: all .3s;
margin-top: 20px; }
.ceo-exchange .ceo-modal-dialog .button:hover { opacity: .8; }
/***********************卡密充值框***********************/
.ceo-cards { }
.ceo-cards .ceo-modal-dialog { width: 460px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-cards .ceo-modal-dialog .moduletitle { }
.ceo-cards .ceo-modal-dialog .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-cards .ceo-modal-dialog .moduletitle button { top: 17px; right: 20px; }
.ceo-cards .ceo-modal-dialog .number { margin-top: 50px; text-align: center; }
.ceo-cards .ceo-modal-dialog .number .title { display: block; color: #999; margin-bottom: 20px; text-align: center; font-size: 16px; }
.ceo-cards .ceo-modal-dialog .number input { border-radius: 4px; width: 80%; display: flex; align-content: center; align-items: center; justify-content: center; margin: 0 auto; }
.ceo-cards .ceo-modal-dialog .number span { text-align: center; display: inline-block; margin-top: 10px; background: #f8f8f8; padding: 8px 16px; border-radius: 50px; font-size: 12px; line-height: 2; }
.ceo-cards .ceo-modal-dialog .number span a { color: var(--primary-color); margin-left: 10px; display: inline-block; }
.ceo-cards .ceo-modal-dialog .number span a i { margin-left: 3px; font-size: 16px!important; line-height: 1; }
.ceo-cards .ceo-modal-dialog .number span a i:before { content: "\edc6"; }
.ceo-cards .ceo-modal-dialog .number span a:hover i:before { content: "\edc5"; }
.ceo-cards .ceo-modal-dialog .button { color: #fff; background: var(--primary-color); font-size: 15px; border-radius: 4px; line-height: 50px; display: block; width: 100%;  transition: all .3s;
margin-top: 20px; }
.ceo-cards .ceo-modal-dialog .button:hover { opacity: .8; }
/***********************收益提现框***********************/
.ceo-extract { }
.ceo-extract .ceo-modal-dialog { width: 460px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-extract .ceo-modal-dialog .moduletitle { margin-bottom: 30px; display: block; }
.ceo-extract .ceo-modal-dialog .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-extract .ceo-modal-dialog .moduletitle button { top: 17px; right: 20px; }
.ceo-extract .ceo-modal-dialog .way { margin-bottom: 20px; }
.ceo-extract .ceo-modal-dialog .way .title { display: block; color: #999; margin-bottom: 10px; }
.ceo-extract .ceo-modal-dialog .way ul { display: flex; flex-flow: nowrap; align-items: center; justify-content: center; }
.ceo-extract .ceo-modal-dialog .way ul li { width: 100%; display: flex; margin-right: 10px; }
.ceo-extract .ceo-modal-dialog .way ul li:last-child { margin-right: 0px; }
.ceo-extract .ceo-modal-dialog .way ul li button { display: flex; align-items: center; justify-content: center; height: 45px; line-height: 1; font-size: 12px; background: rgb(255 255 255 / 0%); border: 1px solid rgb(0 0 0 / 6%); color: #434343; width: 100%; padding: 0; border-radius: 4px; }
.ceo-extract .ceo-modal-dialog .way ul li button.select { border: 1px solid var(--primary-color); }
.ceo-extract .ceo-modal-dialog .way ul li button i { font-size: 20px !important; margin-right: 5px; }
.ceo-extract .ceo-modal-dialog .way ul li button i.ceoicon-alipay-fill { color: #226bf3; }
.ceo-extract .ceo-modal-dialog .way ul li button i.ceoicon-wallet-3-fill { color: var(--primary-color); }
.ceo-extract .ceo-modal-dialog .way ul li button span { }
.ceo-extract .ceo-modal-dialog .info { margin-bottom: 20px; }
.ceo-extract .ceo-modal-dialog .info .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-extract .ceo-modal-dialog .info input { margin-bottom: 10px; border-radius: 4px; }
.ceo-extract .ceo-modal-dialog .info input:last-child { margin-bottom: 0px; }
.ceo-extract .ceo-modal-dialog .money { margin-bottom: 10px; }
.ceo-extract .ceo-modal-dialog .money .title { display: block; color: #999; margin-bottom: 10px; font-size: 14px; }
.ceo-extract .ceo-modal-dialog .money input { border-radius: 4px; }
.ceo-extract .ceo-modal-dialog .money span { text-align: center; display: inline-block; margin-top: 10px; background: #f8f8f8; padding: 8px 16px; border-radius: 50px; font-size: 12px; line-height: 2; }
.ceo-extract .ceo-modal-dialog .attention { color: var(--primary-color); background: rgba(0, 132, 255, .1); padding: 8px 10px; border-radius: 4px; margin-bottom: 20px; font-size: 12px; }
.ceo-extract .ceo-modal-dialog .attention span { margin-right: 20px; }
.ceo-extract .ceo-modal-dialog .attention span:last-child { margin-right: 00px; }
.ceo-extract .ceo-modal-dialog .attention span em { margin-left: 10px; font-weight: 600; color: #ff4a6c; }
.ceo-extract .ceo-modal-dialog .desc { padding: 20px; border-radius: 4px; background: #f8f8f8; }
.ceo-extract .ceo-modal-dialog .desc span { color: #333; margin-bottom: 10px; font-weight: 700; font-size: 14px; line-height: 18px; display: block; }
.ceo-extract .ceo-modal-dialog .desc p { font-size: 12px; color: #666; line-height: 2; }
.ceo-extract .ceo-modal-dialog .button { color: #fff; background: var(--primary-color); font-size: 15px; border-radius: 4px; line-height: 50px; display: block; width: 100%;  transition: all .3s;
margin-top: 20px; }
.ceo-extract .ceo-modal-dialog .button:hover { opacity: .8; }
/***********************签到框***********************/
.ceo-sign { }
.ceo-sign .ceo-modal-dialog { width: 460px; border-radius: 4px; background-image: url(../images/ceo-recharge.png); background-size: 460px 190px; background-repeat: no-repeat; }
.ceo-sign .moduletitle { margin-bottom: 30px; display: block; }
.ceo-sign .moduletitle span { position: absolute; z-index: 1010; top: 20px; left: 30px; font-size: 18px; font-weight: 600; color: #434343; }
.ceo-sign .moduletitle button { top: 17px; right: 20px; }
.ceo-sign .number { margin-bottom: 20px; }
.ceo-sign .number span { font-size: 26px; font-weight: 600; color: #333; }
.ceo-sign .number span em { font-size: 14px; color: #333; margin-left: 5px; }
.ceo-sign .list { box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%); background: #fff; padding: 20px; border-radius: 4px; position: relative; }
.ceo-sign .list .title { display: block; margin-bottom: 20px; font-size: 14px; font-weight: 600; color: #333; }
.ceo-sign .list .title em { margin: 0 5px; color: var(--primary-color); }
.ceo-sign .list .rule { }
.ceo-sign .list .rule span { color: #999; font-size: 14px; }
.ceo-sign .list .rule:hover .box { display: block; }
.ceo-sign .list .rule .box { position: absolute; top: 60px; left: 0; right: 0; z-index: 201; display: none; }
.ceo-sign .list .rule .box p { padding: 20px; height: 100%; border-radius: 4px; background: #fff; position: relative; box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%); color: #666; font-size: 14px; }
.ceo-sign .list .rule .box p i { margin-right: 5px; color: var(--primary-color); font-size: 18px!important; line-height: 1; }
.ceo-sign .list ul { display: flex; flex-flow: nowrap; align-items: center; justify-content: center; }
.ceo-sign .list ul li { width: 100%; margin-right: 10px; font-size: 12px; text-align: center; }
.ceo-sign .list ul li:last-child { margin-right: 0px; }
.ceo-sign .list ul li .integral { background: #f8f8f8; padding: 5px; border-radius: 2px; }
.ceo-sign .list ul li .integral p { color: var(--primary-color); }
.ceo-sign .list ul li .integral span { margin-top: 10px; color: #999; }
.ceo-sign .list ul li .currency { background: #f8f8f8; padding: 5px; margin-top: 10px; border-radius: 2px; }
.ceo-sign .list ul li .currency p { color: #ff8a16; }
.ceo-sign .list ul li .currency span { margin-top: 10px; color: #999; }
.ceo-sign .list ul li.complete { }
.ceo-sign .list ul li.complete .integral { background: rgba(0, 132, 255, .1); }
.ceo-sign .list ul li.complete .currency { background: rgb(255 138 22 / 16%); }
.ceo-sign .list ul li .date { font-size: 12px; margin-top: 6px; color: #999; }
.ceo-sign .button { color: #fff; background: var(--primary-color); font-size: 15px; border-radius: 4px; line-height: 50px; display: block; width: 100%;  transition: all .3s;
margin-top: 20px; }
.ceo-sign .button.correct { opacity: .6; cursor: not-allowed; }
/*页面*/
.member-main { margin-top: 20px; }
.member-content { min-height: 883px; margin-bottom: 20px!important; }
.member-page-title { padding: 20px; }
.member-page-title span { color: #434343; font-size: 18px; font-weight: 600; }
/*内容为空*/
.member-empty { text-align: center; margin-bottom: 200px; }
.member-empty i { background-image: url(../images/ceo-member-empty.svg); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; min-height: 366px; margin-right: auto!important; margin-left: auto!important; }
.member-empty p { color: #999; }
/*分页*/
.paginate { text-align: center; margin: 40px 0 20px 0 !important; }
.paginate .page-numbers { background: #fff; display: inline-block; padding: 0 16px; height: 40px; line-height: 40px; font-size: 15px; margin: 0 6px; border-radius: 6px; color: #666;  transition: all .3s;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6; box-shadow: 0 2px 10px 0 #d8dde6; }
.paginate .page-numbers:hover { background: var(--primary-color); color: #fff; }
.paginate .current { background: var(--primary-color); color: #fff; }
/***********************抽奖活动***********************/
.ceo-ceoshop-lottery { }
.ceo-ceoshop-lottery .ceo-modal-dialog { width: 390px; padding: 0; background: rgb(255 255 255 / 0%); }
.ceo-ceoshop-lottery .ceo-modal-close-default { top: 0px; right: 0px; color: rgb(255 255 255 / 42%); background: rgb(0 0 0 / 22%); border-radius: 50px; padding: 10px; width: 30px; height: 30px; }
.ceo-ceoshop-lottery .ceo-modal-close-default:hover { color: #fff; }
.ceo-ceoshop-lottery .module { display: block; margin-top: 20px; background: rgb(0 0 0 / 44%); padding: 20px; border-radius: 4px; font-size: 12px; }
.ceo-ceoshop-lottery .module span { display: block; margin-bottom: 10px; color: #fff; }
.ceo-ceoshop-lottery .module p { line-height: 2; color: #c1c1c1; }
.ceo-ceoshop-lottery .module p em { color: var(--primary-color); margin: 0 10px; display: inline-block; }

/***********************手机端***********************/
@media screen and (max-width: 900px) {
    /*商城中心*/
    .member-nav {
 list-style: none;
 white-space: nowrap;
 overflow-x: auto !important;
}
 .member-nav::-webkit-scrollbar {
 display: none;
}
 .member-nav li {
 display: inline-block;
}
 .member-nav li a {
 padding: 14px 8px;
}
 .member-nav .active a {
 border-color: rgb(19 192 126 / 0%);
}
 .member-center .top .left .above {
 padding: 20px;
}
 .member-center .top .left .below {
 height: 50px;
 line-height: 50px;
 padding: 0 20px;
}
 .member-center .top .left .below span {
 font-size: 12px;
}
 .member-center .top .left .below a {
 padding: 0 15px;
}
 .member-center .middle .item {
 padding: 20px 20px;
}
 .member-center .middle .item i {
 width: 25px;
 height: 25px;
 margin-right: 10px;
}
    /*我的资产*/
    .member-property .top .box {
 padding: 20px;
}
 .member-property .top .box span {
 font-size: 25px;
}
    /*我的订单*/
    .member-order .top .box {
 padding: 20px;
}
 .member-order .top .box span {
 font-size: 25px;
}
 .member-order .bottom .commodity .box .header {
 display: none;
}
 .member-order .bottom .commodity .box .list li {
 display: inline;
}
 .member-order .bottom .commodity .box .list li .list-1, .member-order .bottom .commodity .box .list li .list-2, .member-order .bottom .commodity .box .list li .list-3, .member-order .bottom .commodity .box .list li .list-4, .member-order .bottom .commodity .box .list li .list-5 {
 display: block;
 padding: 15px 0;
 width: 100%;
}
 .ceo-order-details .module {
 padding: 10px;
}
    /*我的下载*/
    .member-download .top .box {
 padding: 20px;
}
 .member-download .top .box span {
 font-size: 25px;
}
    /*我的卡券*/
    .member-card .top .box {
 padding: 20px;
}
 .member-card .top .box span {
 font-size: 25px;
}
 .member-card .bottom .coupon .box .nav a {
 margin-right: 10px;
}
    /*我的推广*/
    .member-promotion .top .link:after {
 display: none;
}
 .member-promotion .top .link .module .input {
 margin-right: 0;
 padding: 0;
 width: 100%;
 display: block;
 margin-bottom: 10px;
}
 .member-promotion .top .box {
 padding: 20px;
}
 .member-promotion .top .box span {
 font-size: 25px;
}
    /*我的收益*/
    .member-income .top .box span {
 font-size: 20px;
}
    /*分页*/
    .paginate {
 margin: 20px 0!important;
}
 .paginate .page-numbers {
 padding: 0 12px;
 height: 30px;
 line-height: 30px;
 font-size: 12px;
}
    /*为空*/
    .member-empty {
 margin-bottom: 80px;
}
 .member-empty i {
 min-height: 230px;
}
    /*会员弹窗*/
    .ceo-svip .ceo-modal-dialog .top {
 padding: 20px;
}
 .ceo-svip .ceo-modal-dialog .top .moduletitle span {
 font-size: 15px;
}
 .ceo-svip .ceo-modal-dialog .top .moduletitle p {
 font-size: 12px;
}
 .ceo-svip .ceo-modal-dialog .top .package {
 padding: 15px;
}
 .ceo-svip .ceo-modal-dialog .top .package ul li button span {
 font-size: 14px;
}
 .ceo-svip .ceo-modal-dialog .top .package ul li button p {
 font-size: 14px;
}
 .ceo-svip .ceo-modal-dialog .top .package ul li button em {
 font-size: 12px;
 border-radius: 4px;
}
 .ceo-svip .ceo-modal-dialog .top .desc {
 padding: 15px;
}
 .ceo-svip .ceo-modal-dialog .top .way {
 padding: 15px;
}
 .ceo-svip .ceo-modal-dialog .top .way .coupon {
 padding: 0;
}
 .ceo-svip .ceo-modal-dialog .top .way .coupon i {
 font-size: 16px!important;
}
 .ceo-svip .ceo-modal-dialog .top .way .coupon input {
 font-size: 12px;
}
 .ceo-svip .ceo-modal-dialog .top .way .coupon button {
 line-height: 40px;
 font-size: 12px;
 padding: 0;
}
 .ceo-svip .ceo-modal-dialog .top .way .coupon button v {
 display: none;
}
 .ceo-svip .ceo-modal-dialog .top .way ul {
 flex-wrap: wrap;
 margin: 0;
 padding: 0;
 list-style: none;
 margin-left: -10px;
 justify-content: inherit;
}
 .ceo-svip .ceo-modal-dialog .top .way ul li {
 padding-left: 10px;
 width: 50%;
 box-sizing: border-box;
 max-width: 100%;
 margin-right: 0;
}
 .ceo-svip .ceo-modal-dialog .top .way ul li button {
 padding: 0 10px;
}
 .ceo-svip .ceo-modal-dialog .top .way ul li button .icon {
 width: 15px;
 height: 15px;
 right: 10px;
}
 .ceo-svip .ceo-modal-dialog .bottom .money span {
 font-size: 14px;
}
 .ceo-svip .ceo-modal-dialog .bottom .money p {
 font-size: 14px;
}
 .ceo-svip .ceo-modal-dialog .bottom .money p span {
 font-size: 14px;
}
 .ceo-svip .ceo-modal-dialog .bottom button {
 width: 100px;
 height: 35px;
 line-height: 30px;
 font-weight: 400;
 font-size: 14px;
}
 .ceo-svip .ceo-modal-dialog .bottom {
 padding: 16px 20px;
}
    /*充值弹窗*/
    .ceo-recharge .ceo-modal-dialog .button {
 line-height: 40px;
}
 .ceo-cards .ceo-modal-dialog .button {
 line-height: 40px;
}
    /*积分弹窗*/
    .ceo-exchange .ceo-modal-dialog .button {
 line-height: 40px;
}
    /*提现弹窗*/
    .ceo-extract .ceo-modal-dialog .button {
 line-height: 40px;
}
    /*购买框*/
    .ceo-purchase .button {
 line-height: 40px;
}
    /*隐藏内容*/
    .ceo-hide .icon i {
 padding: 20px;
 font-size: 30px !important;
}
 .ceo-hide .btns button, .ceo-hide .btns a {
 font-size: 12px;
 line-height: 32px;
}
    /*视频课程*/
    .ceo-video-module {
 height: 100%!important;
}
 .ceo-video-purchase-no {
 height: 300px!important;
}
 .ceo-video-hide .icon i {
 font-size: 15px !important;
}
 .ceo-video-hide .desc .info {
 font-size: 12px;
}
 .ceo-video-hide .btns button, .ceo-video-hide .btns a {
 font-size: 12px;
 line-height: 32px;
}
 .ceo-video-hide .number {
 display: none;
}
}
/***********************暗黑***********************/
.night .member-center .top .right .title span { color: #aaa; }
.night .member-center .bottom .item .title { color: #aaa; }
.night .member-center .bottom .item .more { color: #aaa; background: #0e131a; }
.night .member-center .middle .item { color: #505050; }
.night .member-center .middle .item:hover { color: var(--primary-color); }
.night .member-module .member-text .member-desc-n { background: var(--ceo-ahbg); }
.night .member-property .top span.title { color: #aaa; }
.night .member-property .bottom .title { border-bottom: var(--ceo-ahmk) 1px solid; }
.night .member-property .bottom .title a { color: #aaa; }
.night .member-property .bottom .record .box .header { background-color: var(--ceo-ahbg); }
.night .member-property .bottom .record .box { border-top: 1px solid var(--ceo-ahbg); border-left: 1px solid var(--ceo-ahbg); }
.night .member-property .bottom .record .box .header .header-1, .night .member-property .bottom .record .box .header .header-2, .night .member-property .bottom .record .box .header .header-3, .night .member-property .bottom .record .box .header .header-4 { border-right: 1px solid var(--ceo-ahmk); border-bottom: 1px solid var(--ceo-ahmk); color: #aaa; }
.night .member-property .bottom .record .box .list li .list-1, .night .member-property .bottom .record .box .list li .list-2, .night .member-property .bottom .record .box .list li .list-3, .night .member-property .bottom .record .box .list li .list-4 { border-right: 1px solid var(--ceo-ahbg); border-bottom: 1px solid var(--ceo-ahbg); }
.night .member-order .top span.title { color: #aaa; }
.night .member-order .bottom .title { border-bottom: var(--ceo-ahmk) 1px solid; }
.night .member-order .bottom .title a { color: #aaa; }
.night .member-order .bottom .commodity .box { border-top: 1px solid var(--ceo-ahbg); border-left: 1px solid var(--ceo-ahbg); }
.night .member-order .bottom .commodity .box .header { background-color: var(--ceo-ahbg); }
.night .member-order .bottom .commodity .box .header .header-1, .night .member-order .bottom .commodity .box .header .header-2, .night .member-order .bottom .commodity .box .header .header-3, .night .member-order .bottom .commodity .box .header .header-4, .night .member-order .bottom .commodity .box .header .header-5 { border-right: 1px solid var(--ceo-ahmk); border-bottom: 1px solid var(--ceo-ahmk); color: #aaa; }
.night .member-order .bottom .commodity .box .list li .list-1, .night .member-order .bottom .commodity .box .list li .list-2, .night .member-order .bottom .commodity .box .list li .list-3, .night .member-order .bottom .commodity .box .list li .list-4, .night .member-order .bottom .commodity .box .list li .list-5 { border-right: 1px solid var(--ceo-ahbg); border-bottom: 1px solid var(--ceo-ahbg); }
.night .member-order .bottom .vip .box { border-top: 1px solid var(--ceo-ahbg); border-left: 1px solid var(--ceo-ahbg); }
.night .member-order .bottom .vip .box .header { background-color: var(--ceo-ahbg); }
.night .member-order .bottom .vip .box .header .header-1, .night .member-order .bottom .vip .box .header .header-2, .night .member-order .bottom .vip .box .header .header-3, .night .member-order .bottom .vip .box .header .header-4 { border-right: 1px solid var(--ceo-ahmk); border-bottom: 1px solid var(--ceo-ahmk); color: #aaa; }
.night .member-order .bottom .vip .box .list li .list-1, .night .member-order .bottom .vip .box .list li .list-2, .night .member-order .bottom .vip .box .list li .list-3, .night .member-order .bottom .vip .box .list li .list-4 { border-right: 1px solid var(--ceo-ahbg); border-bottom: 1px solid var(--ceo-ahbg); }
.night .member-download .top span.title { color: #aaa; }
.night .member-download .bottom .title { border-bottom: var(--ceo-ahmk) 1px solid; }
.night .member-download .bottom .box { border-top: 1px solid var(--ceo-ahbg); border-left: 1px solid var(--ceo-ahbg); }
.night .member-download .bottom .box .header { background-color: var(--ceo-ahbg); }
.night .member-download .bottom .box .header .header-1, .night .member-download .bottom .box .header .header-2, .night .member-download .bottom .box .header .header-3, .night .member-download .bottom .box .header .header-4 { border-right: 1px solid var(--ceo-ahmk); border-bottom: 1px solid var(--ceo-ahmk); color: #aaa; }
.night .member-download .bottom .box .list li .list-1, .night .member-download .bottom .box .list li .list-2, .night .member-download .bottom .box .list li .list-3, .night .member-download .bottom .box .list li .list-4 { border-right: 1px solid var(--ceo-ahbg); border-bottom: 1px solid var(--ceo-ahbg); }
.night .member-card .top span.title { color: #aaa; }
.night .member-card .bottom .title { border-bottom: var(--ceo-ahmk) 1px solid; }
.night .member-card .bottom .title a { color: #aaa; }
.night .member-card .bottom .coupon .box .nav a { color: #aaa; }
.night .member-promotion .top span.title { color: #aaa; }
.night .member-promotion .bottom .title { border-bottom: var(--ceo-ahmk) 1px solid; }
.night .member-promotion .bottom .title a { color: #aaa; }
.night .member-income .top span.title { color: #aaa; }
.night .member-income .bottom .title { border-bottom: var(--ceo-ahmk) 1px solid; }
.night .member-income .bottom .title a { color: #aaa; }
.night .member-income .bottom .income { border-top: 1px solid var(--ceo-ahbg); border-left: 1px solid var(--ceo-ahbg); }
.night .member-income .bottom .income .header { background-color: var(--ceo-ahbg); }
.night .member-income .bottom .income .header .header-1, .night .member-income .bottom .income .header .header-2, .night .member-income .bottom .income .header .header-3, .night .member-income .bottom .income .header .header-4, .night .member-income .bottom .income .header .header-5 { border-right: 1px solid var(--ceo-ahmk); border-bottom: 1px solid var(--ceo-ahmk); color: #aaa; }
.night .member-income .bottom .income .list li .list-1, .night .member-income .bottom .income .list li .list-2, .night .member-income .bottom .income .list li .list-3, .night .member-income .bottom .income .list li .list-4, .night .member-income .bottom .income .list li .list-5 { border-right: 1px solid var(--ceo-ahbg); border-bottom: 1px solid var(--ceo-ahbg); }
.night .member-income .bottom .withdrawal { border-top: 1px solid var(--ceo-ahbg); border-left: 1px solid var(--ceo-ahbg); }
.night .member-income .bottom .withdrawal .header { background-color: var(--ceo-ahbg); }
.night .member-income .bottom .withdrawal .header .header-1, .night .member-income .bottom .withdrawal .header .header-2, .night .member-income .bottom .withdrawal .header .header-3, .night .member-income .bottom .withdrawal .header .header-4, .night .member-income .bottom .withdrawal .header .header-5, .night .member-income .bottom .withdrawal .header .header-6 { border-right: 1px solid var(--ceo-ahmk); border-bottom: 1px solid var(--ceo-ahmk); color: #aaa; }
.night .member-income .bottom .withdrawal .list li .list-1, .night .member-income .bottom .withdrawal .list li .list-2, .night .member-income .bottom .withdrawal .list li .list-3, .night .member-income .bottom .withdrawal .list li .list-4, .night .member-income .bottom .withdrawal .list li .list-5, .night .member-income .bottom .withdrawal .list li .list-6 { border-right: 1px solid var(--ceo-ahbg); border-bottom: 1px solid var(--ceo-ahbg); }
.night .ceo-download .moduletitle span { color: #aaa; }
.night .ceo-download ul li p { margin-bottom: 10px; color: #aaa; }
.night .ceo-download .desc p { background: var(--ceo-ahmk); }
.night .ceo-purchase .moduletitle span { color: #aaa; }
.night .ceo-purchase .info .title { color: #aaa; }
.night .ceo-purchase .info .number p { color: #999; }
.night .ceo-purchase .way ul li button { background: var(--ceo-ahmk); color: #aaa; }
.night .ceo-purchase .money .price { color: #aaa; }
.night .ceo-purchase .coupon input { border: 1px solid var(--ceo-ahmk); }
.night .ceo-purchase-entity .address .btns { background: var(--ceo-ahmk); }
.night .ceo-purchase .package ul li button { background: var(--ceo-ahmk); color: #aaa; }
.night .ceo-album .desc { background-color: var(--ceo-ahbg); border: 1px dashed #404040; }
.night .ceo-album .desc .info { color: #aaa; }
.night .ceo-purchase .info .number span { color: #999; }
.night .ceo-purchase-entity .message input { background: var(--ceo-ahmk); }
.night .ceo-purchase-entity .address .btns em { color: #999; }
.night .ceo-purchase-card .mailbox span { background: var(--ceo-ahmk); }
.night .ceo-purchase-card .mailbox input { background: var(--ceo-ahmk); }
.night .ceo-hide { border-radius: 4px; background-color: var(--ceo-ahbg); border: 1px dashed #404040; }
.night .ceo-hide .desc .info { color: #aaa; }