:root {
    --color-theme: #ff7310;
    --color-hover: #fff8f5;
}
body{color:#333}
img{max-width:100%;vertical-align:middle}
#body_content{overflow:hidden}
.clearfix::after{content:"";display:table;clear:both}
li,ul{list-style:none}
.pc-sidebar{display:inline-block;width:320px;background-color:#fff;vertical-align:top;float: left;}
.pc-main{display:inline-block;vertical-align:top;width:calc(100% - 320px);padding-left:20px}
.app-user-tools .tool-list{padding:10px 0}
.app-user-tools .tool-list .tool-item a{display:flex;align-items:center;padding:10px 20px}
.app-user-tools .tool-list .tool-item .title{font-size:15px;padding-left:36px;background-repeat:no-repeat;background-position:center left;background-size:20px auto;position:relative}
.app-user-tools .tool-list .tool-item .title:hover{color:#ff6a00}
.app-user-tools .tool-list .wallet .title{background-image:url(../images/user/tool-wallet.png)}
.app-user-tools .tool-list .home .title{background-image:url(../images/user/tool-home.png)}
.app-user-tools .tool-list .achievement .title{background-image:url(../images/user/tool-achievement.png)}
.app-user-tools .tool-list .fans .title{background-image:url(../images/user/tool-fans.png)}
.app-user-tools .tool-list .expert .title{background-image:url(../images/user/tool-expert.png)}
.app-user-tools .tool-list .match .title{background-image:url(../images/user/tool-match.png)}
.app-user-tools .tool-list .team .title{background-image:url(../images/user/tool-team.png)}
.app-user-tools .tool-list .add-friend .title{background-image:url(../images/user/tool-friend.png)}
.app-user-tools .tool-list .member .title{background-image:url(../images/user/tool-member.png)}
.app-user-tools .tool-list .profile .title{background-image:url(../images/user/tool-profile.png)}
.app-user-tools .tool-list .service .title{background-image:url(../images/user/tool-service.png)}
.app-user-tools .tool-list .feedback .title{background-image:url(../images/user/tool-feedback.png)}
.app-user-tools .tool-list .setting .title{background-image:url(../images/user/tool-setting.png)}
.app-user-tools .tool-list .scheme .title{background-image:url(../images/user/tool-scheme.png)}
.app-user-tools .tool-list .edit .title{background-image:url(../images/user/tool-edit.png)}
.app-user-tools .tool-list .extension .title{background-image:url(../images/user/tool-extension.png)}
.app-user-tools .tool-list .task .title{background-image:url(../images/user/tool-task.png)}
.app-user-tools .tool-list .push .title{background-image:url(../images/user/tool-push.png)}
.app-user-tools .tool-list .about .title{background-image:url(../images/user/tool-about.png)}
.app-user-tools .tool-list .read .title{background-image:url(../images/user/tool-read.png)}
.app-user-tools .tool-list .add-friend .title::after{content:"（送出奇币）";color:#ff6a00;font-size:12px;font-weight:700}
.app-user-head{background:#ff6a00 url(../images/user/app-user-head.jpg) no-repeat;background-size:auto 100%;color:#fff;display:none;border-radius:2px 2px 0 0}
.app-user-head.show{display:block}
.app-user-head .user{display:flex;align-items:center;padding:30px 20px 0 20px;position:relative}
.app-user-head .user .avatar{width:100px;height:100px;overflow:hidden;box-shadow:0 0 0 2px rgb(0 0 0 / 20%)}
.app-user-head .user .text{flex:1;padding-left:10px;}
.app-user-head .user .text .user-name{font-size:24px;font-weight:500;padding: 0 60px 0 5px;position:relative;}
.app-user-head .user .text .user-name[data-level=""]::after {display: none;}
.app-user-head .user .text .user-name a {color: #fff; padding: 0;}
.app-user-head .user .text .desc{font-size:16px;padding:10px 0 0 5px;max-width:310px;line-height: initial;}
.app-user-head .user .btn-level{position:absolute;right:20px;top:80px}
.app-user-head .user .btn-level a{padding:0;font-size:14px;color:#fff;padding-right:15px;vertical-align:middle;background:url(../images/user/icon-arrow-right-white.png) no-repeat right center;background-size:8px auto;padding-left:34px}
.app-user-head .user .user-login {flex: 1;font-size: 24px;margin-left: 10px;}
.app-user-head .user .user-login a {color: #fff;padding: 0;}
.app-user-head .btn-level a::before{content:"";position:absolute;left:0;top:-4px;width:24px;height:34px;background:url(../images/user/icon-level.png) no-repeat center center;background-size:24px auto}
.app-user-head .follows{display:flex;justify-content:space-around;padding:27px 0}
.app-user-head .follows a span{display:block;color:#fff;text-align:center;line-height:initial}
.app-user-head .follows .number{font-size:24px}
.app-user-head .follows .label{font-size:16px}
.app-user-member{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:10px 20px;border-bottom:solid 1px #ddd}
.app-user-member .member{font-size:16px}
.app-user-member .member img{margin-right:10px}
.app-user-member .link{font-size:16px;background:url(../images/user/icon-arrow-right-grey.png) no-repeat right center;padding-right:20px;background-size:8px auto}
.app-user-member .link:hover{color:#ff6a00}
.app-user-assets .tips{color:#ff6a00;font-size:25px;text-align:center;background-color:#ffe8d7;padding:20px;display:block}
.app-user-assets{background-color:#fff;line-height:initial}
.app-user-assets .assets-group{overflow:hidden;padding:20px 0;display: flex;justify-content: space-between;}
.app-user-assets .assets{width:50%;display:flex;align-items:center;justify-content:center;text-align:center}
.app-user-assets .assets .left .label{display:block;font-size:18px;line-height:76px;padding-left:48px;background:no-repeat center left;background-size:38px auto}
.app-user-assets .assets.bean .left .label{background-image:url(../images/user/icon-bean.png)}
.app-user-assets .assets.integral .left .label{background-image:url(../images/user/icon-integral.png)}
.app-user-assets .assets .left img{width:38px;height:38px;margin-right:10px}
.app-user-assets .assets .left .num{display:block;font-size:24px;font-weight:700}
.app-user-assets .assets .btn{font-size:15px;background-color:#ff6a00;color:#fff;border-radius:15px;padding:0 20px;margin-left:20px;line-height:30px}
/* .sign-box {display: none;} */







.app-user-binding{margin:100px auto 100px;width:500px;background-color:#fff;padding:20px 0 50px;border-radius:4px;box-shadow:0 1px 3px rgb(18 18 18 / 10%)}
.app-user-binding-tabs{display:flex;align-items:center;justify-content:center;margin-top:28px}
.app-user-binding-tabs .tab-item{color:#999;font-size:14px;height:34px;line-height:34px;position:relative;margin:0 30px;cursor:pointer}
.app-user-binding-tabs .tab-item.active{color:#ff6a00;font-size:15px}
.app-user-binding-tabs .tab-item.active::after{content:"";display:block;position:absolute;left:50%;bottom:0;width:62px;height:6px;background:url(../images/user/app-user-line.png) no-repeat;background-size:100% auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.app-user-binding .app-user-form{display:none;padding:0 18px}
.app-user-binding .app-user-form.show{display:block}
.app-user-binding .app-user-form .form-item{height:48px;border-radius:48px;background-color:#fff;border:1px solid #eee;padding:0 20px;margin-top:26px;display:flex;align-items:center}
.app-user-binding .app-user-form .form-item input{display:block;width:100%;height:100%;border:0;font-size:15px}
.app-user-binding .app-user-form .form-item .input{flex:1}
.app-user-binding .app-user-form .form-phone .prefix{color:#333;font-size:18px}
.app-user-binding .app-user-form .form-phone .division{width:1px;height:14px;background-color:#ddd;margin:0 12px 0 6px}
.app-user-binding .app-user-form .form-phone .phone{flex:1 1}
.app-user-binding .app-user-form .form-phone-code .phone-code{flex:1 1}
.app-user-binding .app-user-form .form-phone-code .division{width:1px;height:25px;background-color:#ddd;margin:0 20px}
.app-user-binding .app-user-form .form-phone-code .button{color:#ff6a00;font-size:14px;background:0 0;border:0;cursor:pointer}
.app-user-binding .app-user-form .submit{display:block;width:100%;height:48px;border-radius:48px;border:0;background-color:#ff6a00;color:#fff;font-size:16px;margin-top:26px;cursor:pointer}
[data-h5-page=feedback] .pc-sidebar{display:block}
.app-user-feedback{color:#333}
.app-user-feedback .tabs{display:flex}
.app-user-feedback .tabs .tab-item{flex:1;height:48px;line-height:46px;border-bottom:2px solid #aaa;text-align:center;color:#333;font-size:20px;cursor:pointer}
.app-user-feedback .tabs .tab-item.active{color:#ff6a00;border-bottom-color:#ff6a00}
.app-user-feedback .feedback{background-color:#fff;box-shadow:0 6px 6px 1px rgba(222,223,224,.34);padding:0}
.app-user-feedback .panel.feedback h4{line-height:36px;padding:14px 20px 2px;margin:0}
.app-user-feedback ul.aio-control>li[data-ai-vis]{background:#ff6a00;color:#fff;box-shadow:0 0 0 1px #ff6a00;z-index:2}
.app-user-feedback .list .list-item:hover{color:#ff6a00}
.app-user-feedback .panel h4{font-size:16px;font-weight:500;margin-bottom:10px}
.app-user-feedback .panel .input input{display:block;width:100%;outline:0;border:0;font-size:16px}
.app-user-feedback .character-num{color:#999;font-size:14px;position:absolute;right:0;top:0;line-height:26px}
.app-user-feedback .uploader{display:flex;flex-wrap:wrap;margin-top:4px}
.app-user-feedback .uploader .upload{width:82px;height:86px;border-radius:4px;background-color:#f2f2f2;position:relative;margin:0 8px 8px 0}
.app-user-feedback .uploader .upload::after,.app-user-feedback .uploader .upload::before{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#bababa;border-radius:30px}
.app-user-feedback .uploader .upload::before{width:30px;height:3px}
.app-user-feedback .uploader .upload::after{width:3px;height:30px}
.app-user-feedback .uploader .upload .file{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.app-user-feedback .uploader .preview{width:82px;height:86px;position:relative;margin:0 8px 8px 0}
.app-user-feedback .uploader .preview .image{display:block;width:100%;height:100%;object-fit:cover}
.app-user-feedback .uploader .preview .delete{position:absolute;top:0;right:0;width:18px;height:18px;background:rgba(0,0,0,.7) url(../images/user/icon-delete.png) no-repeat 4px 2px;background-size:12px auto;border-radius:0 0 0 16px;cursor:pointer}
.app-user-feedback .uploader-tips{color:#999;font-size:14px}
.app-user-feedback .feedback-contact{color:#999;font-size:12px;line-height:22px;text-align:center;padding-bottom:14px}
.app-user-feedback .feedback-contact p:nth-child(1),.app-user-feedback .feedback-contact p:nth-child(3){color:#ff6a00}
.aio-sys-layout,.aio-sys-main{padding:0}
.app-user-setting{padding-bottom:20px}
.app-user-setting .group-list{border-bottom:1px solid rgb(0 0 0 / 7%);text-align:left}
.app-user-setting .group-list .item{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 18px;position:relative}
.app-user-setting .group-list .item:last-child{border-bottom:0}
.app-user-setting .group-list .item .avatar{width:70px;height:70px;border-radius:50%;vertical-align:middle;margin:8px 0;background:url(../images/user/app-user-avatar.png) no-repeat center center;background-size:cover;display:inline-block}
.app-user-setting .group-list .item .title{color:#333;font-size:14px;flex:1.2}
.app-user-setting .group-list .item .title em{display:inline-block;color:#ff6a00;font-size:12px;margin-left:10px}
.app-user-setting .group-list .item .text{color:#999;font-size:14px;text-align:right;flex:2;position:relative;z-index:1;min-height:26px}
.app-user-setting .group-list .item a{padding-right:18px}
.app-user-setting .group-list .item a:after{width:20px;height:24px;background:url(../images/user/icon-arrow-right-grey2.png) no-repeat right center;background-size:6px auto;content:'';display:inline-block;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:0}
.app-user-setting .group-list .item .text.unique{color:#ff6a00;font-size:16px}

.app-user-setting .group-list .item[data-state="未绑定手机号"] span.text,.app-user-setting .group-list .item[data-state] a{display:none}
.app-user-setting .group-list .item[data-state="未绑定手机号"] a,.app-user-setting .group-list .item[data-state] span.text{display:block}
.app-user-setting .sign-out{display:inline-block;height:55px;line-height:55px;background-color:#fff;color:#ff6a00;font-size:16px;text-align:center;margin-top:50px}
/*控件组件*/
.app-switch{display:inline-block;vertical-align:middle;width:40px;height:20px;border:1px solid #dcdfe6;border-radius:10px;background-color:#dcdfe6;cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s}
.app-switch::after{content:"";position:absolute;width:16px;height:16px;top:1px;left:1px;border-radius:100%;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
.app-switch.checked{border-color:#ff6a00;background-color:#ff6a00}
.app-switch.checked::after{left:100%;margin-left:-17px}
.app-checkbox,.app-checkbox>*{display:inline-block;vertical-align:middle}
.app-checkbox .checkbox-input{width:28px;height:28px;border:1px solid #ff6a00;border-radius:100%;cursor:pointer}
.switch {cursor: pointer;display: inline-block;vertical-align: middle;position: relative;width: 80px;height: 30px;border-radius: 20px;background-color: #D6D6D6;}
.switch::before {content: "";position: absolute;right: 0;top: -5px;width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(165deg, #E2E2E2 0%, #F7F7F7 100%);box-shadow: 0px 1px 10px 0px rgba(255, 255, 255, 0.38);transition: all 0.3s;}
.switch[data-ai-vis] {background-color: rgba(255,106,0,.2);}
.switch[data-ai-vis]::before {right: 50%;background: linear-gradient(165deg, #FF6A00 0%, #FF8B38 100%);box-shadow: 0px 1px 10px 0px rgba(255, 106, 0, 0.38);}
/*控件组件end*/
.a0item[data-ai-vis="1"] .app-checkbox .checkbox-input{background:#ff6a00 url(../images/user/icon-check.png) no-repeat;background-size:100% auto}

.app-dialog-content.rewards-content{padding:6px 0 10px 17px}
.rewards .reward-item{float:left;width:33.3333%;padding: 10px;}
.rewards .reward-item span{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border:2px solid #f9f9f9;border-radius:5px;height:46px;font-size:16px;cursor:pointer}
.rewards .reward-item span::before{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../images/user/icon-coin.png) no-repeat;background-size:16px auto;margin-top:-2px;margin-right:5px}
.rewards .reward-item span[data-ai-vis="1"]{border-color:#f2330e}
.app-dialog-bottom .current-coin{float:left;font-size:16px}
.app-dialog-bottom .current-coin .balance::before{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../images/user/icon-coin.png) no-repeat;background-size:16px auto;margin-right:5px;margin-top:-4px}
.app-dialog-bottom .current-coin .go-recharge{color:#999}
.app-dialog-bottom .settlement{float:right;font-size:16px}
.app-dialog-bottom .settlement .final-coin{display:inline-block;margin-right:4px}
.app-dialog-bottom .settlement .final-coin em{color:#f2330e}
.app-dialog-bottom .settlement .btn{display:inline-block;width:96px;height:35px;line-height:35px;border-radius:5px;background-color:#ff6a00;border:0;cursor:pointer;color:#fff;font-size:16px}
.app-dialog-bottom .settlement .btn::before{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/user/icon-dollar.png) no-repeat;background-size:20px auto;margin-top:-2px;margin-right:3px}
.app-card{background:#fff;border-radius:3px;box-shadow:0 0 3px rgb(0 0 0 / 13%);margin:20px 0}
.app-user-people .app-card{margin-bottom:5px}
.app-tabs-wrap{border-bottom:1.5px solid #eee;display:flex}
.app-tabs-wrap .tab-item{flex:1;text-align:center;font-size:20px;line-height:60px;user-select:none}
.app-tabs-wrap .tab-item>*{display:inline-block;vertical-align:top;padding:0 3.5px;position:relative}
.app-tabs-wrap .tab-item.active>*{color:#ff6a00}
.app-tabs-wrap .tab-item.active>::after{content:"";position:absolute;left:0;bottom:-1.5px;width:100%;height:3.5px;background-color:#ff6a00}
.app-user-people .sports .content-panel{padding:20px;text-align:center}
.app-user-people .statistics-tabs{display:inline-block;line-height:40px;border-radius:30px;overflow:hidden;margin:0 auto 10px;background-color:#f5f5f5;user-select:none}
.app-user-people .btn-ranking {display: inline-block;padding: 8px 40px 8px 15px;background-color: #FEE3CF;font-size: 16px;border-radius: 5px;margin: 15px auto 0;position: relative;text-align: left;}
.app-user-people .btn-ranking::after {content:">";display: inline-block;vertical-align: top;color: #ff6a00;margin-left: 10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.app-user-people .btn-ranking em {color: #ff6a00;padding: 0 2px;}
.app-user-people .statistics-tabs span{display:inline-block;padding:0 30px;border-radius:20px;color:#777;font-size:15px;cursor:pointer}
.app-user-people .statistics-tabs span.active{color:#fff;background-color:#ff6a00}
.app-user-people .statistics .statistics-content{display:none;}
.app-user-people .statistics .statistics-content .table{border-radius:5px;overflow:hidden;width:100%;margin-bottom:9px}
.app-user-people .statistics .statistics-content .table td,.app-user-people .statistics .statistics-content .table th{color:#333;width:33.3333%;height:50px;font-size:15px;text-align:center;background-color:#f1f1f1;border-left:1px solid #fff}
.app-user-people .statistics .statistics-content .table td{color:#555}
.app-user-people .statistics .statistics-content .table td:first-child{color:#ff6a00}
.app-user-people .statistics .statistics-content .table .tbody tr:nth-child(odd) td{background-color:#fafafa}
.app-user-people .statistics .statistics-content .tips{color:#999;font-size:14px;text-align:center;margin:9px 0}
.app-user-people .statistics .match::after {content: "注：只显示近30天联赛方案数超过3且命中率超过60%的数据"; color: #999; font-size: 14px;}
.app-user-people .states .chart .chart-item{float:left;width:50%;padding:0 10px 20px}
.app-user-people .states .grid{padding:0 0 10px 10px}
.app-user-people .states .grid .gird-item{float:left;width:33.3333%;padding-right:10px}
.app-user-people .states .grid .gird-content{background-color:#f5f5f5;background:linear-gradient(180deg,#f0f0f0,#ececec 80%);border-radius:5px;text-align:center;display:flex;flex-direction:column;justify-content:center;height:80px}
.app-user-people .states .grid .gird-content span{display:block;line-height:1.4}
.app-user-people .states .grid .gird-content .s1{color:#f4243b;font-size:22px}
.app-user-people .states .grid .gird-content .s2{color:#777;font-size:14px}
.app-user-operations{position:absolute;font-size:15px;padding:20px;right:0;line-height:30px;z-index:2}
.app-user-operations .item{display:inline-block;color:#fff;padding:0 10px 0 25px;position:relative;background-repeat:no-repeat;background-position:left center;background-size:18px auto;cursor:pointer;margin:0 5px;cursor:pointer;vertical-align:top}
.app-user-operations .icon-scanning{background-image:url(../images/user/icon-scan.png)}
.app-user-operations .icon-config{background-image:url(../images/user/icon-config.png)}
.app-user-operations .icon-notice{background-image:url(../images/user/icon-notice.png)}
.app-user-operations .icon-notice.tips::after{content:"";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background-color:#ff0036}
.app-submit-bar{width:100%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-shadow: 0 0 3px rgb(0 0 0 / 13%);}
.app-submit-bar .submit-text{flex:1;padding-left:15px;line-height:initial}
.app-submit-bar .submit-text .price{font-size: 18px;font-weight: 500}
.app-submit-bar .price span{color:#ff7310;font-size: 24px;}
.app-submit-bar .submit-text .desc{color: rgba(0, 0, 0, .5);font-size:14px;}
.app-submit-bar .submit-text .desc em {color: #ff7310;}
.app-submit-bar .submit{line-height:80px;width:150px;border:0;color:#fff;font-size:20px;cursor:pointer;text-align:center;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);
}
.voucher-center .panel-title{font-size: 20px;line-height: 28px;font-weight: 400;margin-bottom: 14px;}
.voucher-center .panel-title em{color:#999;font-size:14px;vertical-align:bottom}
.voucher-center .voucher-current {background:url(../images/user/bgimg_2.png) no-repeat center bottom;background-size:cover;color:#fff;padding: 30px 20px;margin-bottom: 15px;border-radius: 14px;}
.voucher-center .voucher-current h2{font-size:20px;line-height: 30px;font-weight:400;}
.voucher-center .voucher-current .balance{font-size:35px;font-family:system-ui;line-height: 40px;}
.voucher-center .voucher-wrap{padding-top:14px;}
.voucher-center .voucher-wrap .beans {margin: 0 -10px;}
.voucher-center .voucher-wrap .beans .item{float:left;width:33.3333%;padding: 0 10px;font-family:DINPro;text-align:center;position: relative;margin-bottom: 10px;}
.voucher-center .beans .item[data-rank="1"]:before,
.voucher-center .beans .item[data-rank="2"]:before,
.voucher-center .beans .item[data-rank="3"]:before{ content:''; display:block;width: 25px;height: 25px;background:url(../images/icon/icon-hot-1.gif) no-repeat;background-size: contain;position: absolute;right: 10px;top: 2px;z-index: 2;}
.voucher-center .beans .item[data-rank="2"]:before{ background-image:url(../images/icon/icon-hot-2.gif); }
.voucher-center .beans .item[data-rank="3"]:before{ background-image: url(../images/icon/icon-hot-3.gif);}
.voucher-center .beans .item[data-rank="1"]:before{width: 35px;height: 35px;right: 8px;top: 0;}

.voucher-center .beans .content{display:flex;flex-direction:column;justify-content:center;border-radius:5px;border:1px solid #ddd;width:100%;height:70px;font-size:15px;line-height:30px;color:#979797;cursor:pointer;position:relative;overflow:hidden;user-select:none}
.voucher-center .beans .bean{font-size:24px;color:#000}
.voucher-center .beans .bean:after{content:'豆';padding-left: 2px}
.voucher-center .beans .give{line-height:16px}
.voucher-center .beans .item[data-ai-vis="1"] .content{color:#ff7310;border-color:#ff7310;background:#ffecdf url(../images/user/icon-horn.png) no-repeat right bottom;background-size:34px auto}
.voucher-center .voucher-wrap .input-bean input{display:block;width:100%;height:70px;background:#f5f5f5;border:1px solid #eee;border-radius:5px;color:#333;font-size:22px;padding:0 20px;border:0}
.voucher-center .pays dd{line-height:60px;font-size:16px;position:relative;cursor:pointer;border-top:solid 1px rgba(0, 0, 0, .08);}
.voucher-center .pays a {padding: 0;}
.voucher-center .pays .label{display:inline-block;padding-left:50px;background:no-repeat left center;background-size:40px auto}
.voucher-center .pays .max-limit {color: #999;font-size: 14px;display: inline-block;margin: 0 10px;}
.voucher-center .pays dd.wx .label{background-image:url(../images/user/icon-wx.png)}
.voucher-center .pays dd.wx .bank-select{background-image:url(../images/user/bank-select.png)}
.voucher-center .pays dd .hk {background-image: url(../images/icon/pay-hk.png) !important;}
.voucher-center .pays .app-bank-select{background: url(../images/user/bank-right.png) no-repeat;background-position: right center;width: 10px;height: 30px;background-size: contain;margin-left: 16px;}
.voucher-center .pays dd .bind-card{color: #ff7310;padding: 0;}
.voucher-center .pays dd .text {color: rgba(0, 0, 0, 0.6);}
.voucher-center .pays dd .icon-service {display: inline-block;vertical-align: -4px;width: 20px;height: 20px;background: url(../images/user/icon-service.png)no-repeat center center;background-size: contain;margin-left: 4px;}
.voucher-center .pay-wrap .pays dd.alipay .label{background-image:url(../images/user/icon-zfb.png)}
.voucher-center .pay-wrap .pays dd.apple .label{background-image:url(../images/user/icon-ios.png)}
.voucher-center .pays .app-checkbox{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.voucher-center .read-agreement {font-size:16px;margin: 15px 0;}
.voucher-center .read-agreement a {color: #ff7310;padding: 0;}
.voucher-center .tips .panel-title {padding-left: 28px;background: url(../images/icon/tips_2.png) no-repeat 0 center;background-size: 24px auto;}
.voucher-center .tips pre {color:rgba(0, 0, 0, .7);font-size:14px;line-height:20px;}
.voucher-center dd .bank-info {margin-right: 10px;}

/* 差额支付 */
.voucher-center .card-style{width: 70%}
.voucher-center .card-style .bank-info{position: absolute;right: 28px;bottom: 0;display: block;line-height: 20px;}
.voucher-center .card-style .max-limit{position: absolute;top: 5px;right: 28px;line-height: 20px;}
.voucher-center .card-style .checkbox-input{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.records-tabs{display:flex;padding:9px 4px}
.records-tabs .item{flex:1;height: 120px;line-height: 120px;border-radius: 6px;background:no-repeat center center;background-size:cover;margin:0 5px;color:#333;font-size:24px;padding: 0 40px;cursor:pointer}
.records-tabs .item>em{font-size:14px;font-weight:400}
.records-tabs .item.active{color:#fff}
.records-tabs .item.bean{background-image:url(../images/user/t-bean.png)}
.records-tabs .item.integral{background-image:url(../images/user/t-integral.png)}
.records-tabs .item.active.bean{background-image:url(../images/user/t-bean-active.png)}
.records-tabs .item.active.integral{background-image:url(../images/user/t-integral-active.png)}
.records-tabs .item.football{background-image:url(../images/user/t-football.png);}
.records-tabs .item.basketball{background-image:url(../images/user/t-basketball.png)}
.records-tabs .item.active.football{background-image:url(../images/user/t-football-active.png);}
.records-tabs .item.active.basketball{background-image:url(../images/user/t-basketball-active.png)}
.records-tabs .item.month{background-image:url(../images/user/t-month.png)}
.records-tabs .item.season{background-image:url(../images/user/t-season.png)}
.records-tabs .item.active.month{background-image:url(../images/user/t-month-active.png)}
.records-tabs .item.active.season{background-image:url(../images/user/t-season-active.png)}

.records-account-content ul{padding-bottom:14px}
.records-account-content .item{border-bottom:1px solid #e0dddd;padding: 10px 140px 10px 15px;line-height:1.5;color:#999;font-size:14px;position: relative;}
.records-account-content .item .left{display: block;}
.records-account-content .item .title{display:flex}
.records-account-content .item .title span,.records-account-content .item .title strong{display:inline-block;min-width:100px;padding-right: 5px;}
.records-account-content .item .title strong{font-size:17px;font-family:DINPro}
.records-account-content .item .title .plus{color:#f2330e}
.records-account-content .item .title .reduce{color:#2ba632}
.records-account-content .item .other{padding: 5px 0 0 100px;}
.records-account-content .item .other span{display:inline-block;margin-right:8px}
.records-account-content .item .right{background: url(../images/icon-marvel.png) no-repeat left top;background-size:auto 20px;padding-left: 22px;color:#777;vertical-align:top;width: 130px;display: block;position: absolute;right: 10px;top: 10px;line-height: 20px;}
.records-account-content .item .right[data-state="已确认"]{color:#2ba632;background-image:url(../images/icon-ok.png)}
.records-account-content .item .right[data-state="取消"]{color:#999;background-image:url(../images/icon-cancel.png)}
.record-scheme-content .item{background:#fff;box-shadow:0 3px 3px 1px rgba(222,223,224,.34);border-radius:5px;margin-bottom:4px;color:#999;font-size:16px;line-height:1.5;overflow:hidden;position:relative}
.record-scheme-content .item .top{padding:15px 20px 10px}
.record-scheme-content .item .user{display:flex;align-items:center}
.record-scheme-content .item .user .avatar{width:50px;height:50px}
.record-scheme-content .item .user .name{padding-left:10px;flex:1}
.record-scheme-content .item .follow-btn{color:#fff;font-size:10px;background-color:#ff6a00;height:18px;border:0;padding:0 4px;border-radius:3px}
.record-scheme-content .item .title{color:#333;font-size:20px;font-weight:400;margin-top:4px}
.record-scheme-content .item .bottom{background-color:#fff7f2;padding:6px 10px;position:relative;display:flex;justify-content:space-between;font-size:14px;line-height:20px}
.record-scheme-content .item .bottom .time{flex-shrink:0}
.record-scheme-content .item .info{flex:1}
.record-scheme-content .item .info span{float:left;width:45%}
.record-scheme-content .item .count{display:flex;flex-direction:column;justify-content:flex-end}
.record-scheme-content .item .count em{color:#ff6a00}
.record-scheme-content .item[data-state]::before{content:"";position:absolute;right:100px;top:24px;width:60px;height:60px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.record-scheme-content .item[data-state="1"]::before{background-image:url(../images/user/icon-seal1.png)}
.record-scheme-content .item[data-state="2"]::before{background-image:url(../images/user/icon-seal2.png)}
.record-scheme-content .item[data-state="3"]::before{background-image:url(../images/user/icon-seal3.png)}
.record-cost-content ul{padding-bottom:14px}
.record-cost-content .item{border-bottom:1px solid #e0dddd;display:flex;align-items:center;padding:12px 14px;line-height:1.5}
.record-cost-content .item .avatar{width:40px;height:40px}
.record-cost-content .item .info{flex:1;padding-left:5px}
.record-cost-content .item .info h4{font-size:14px;font-weight:500;margin-bottom:2px}
.record-cost-content .item .other{color:#999;font-size:10px}
.record-cost-content .item .other span{display:inline-block;margin-right:30px}
.record-cost-content .item .other span:last-child{margin-right:0}
.record-cost-content .item .corner{color:#999;font-size:11px;display:flex;flex-direction:column;text-align:right}
.record-cost-content .item .corner .bean{font-size:13px}
.record-cost-content .item .corner .bean.success{color:#ff6a00}
.all-author-wrap{padding:2px 6px 6px;overflow:auto hidden}
.all-author-wrap ul{display:flex;flex-wrap:nowrap}
.all-author-wrap .item{padding:0 4px;flex-shrink:0}
.index-list .group{line-height:1.5;color:#999;margin-bottom:6px}
.index-list .group ul{background:#fff;box-shadow:0 3px 3px 1px rgba(222,223,224,.34);border-radius:5px;padding:3px 0}
.index-list .group .title{font-size:14px;font-weight:400;padding:0 10px;line-height:22px}
.index-list .item{padding:5px 10px;display:flex;align-items:center;border-bottom:1px solid #e0dddd}
.index-list .item:last-child{border-bottom:0}
.index-list .item .avatar{width:40px;height:40px}
.index-list .item .name{color:#333;font-size:15px;padding-left:8px;flex:1}
.index-list .item .corner{font-size:10px;display:flex;flex-direction:column;text-align:center;line-height:1.2}
.upload-idcard{display:flex}
.upload-idcard .idcard-item{flex:1;padding:4px;text-align:center;line-height:1.5}
.upload-idcard .item-content{height:100%;background:#fff;box-shadow:0 0 14px 2px rgba(222,223,224,.6);border-radius:5px;padding:12px 0;display:flex;flex-direction:column;justify-content:center}
.upload-idcard .idcard-item .title{font-size:12px;font-weight:400}
.upload-idcard .idcard-item p{font-size:6px;text-align:left;padding:8px 26px 7px}
.upload-idcard .upload .image{width:125px;height:75px;background:url(../images/idcard-upload.png) no-repeat center center;background-size:contain;margin:0 auto 26px;position:relative;overflow:hidden}
.upload-idcard .upload .image img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.upload-idcard .upload .image .file{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.upload-idcard .idcard-demo .image{width:125px;height:68px;background:url(../images/idcard-demo.png) no-repeat;background-size:contain;box-shadow:0 0 7px 2px rgba(255,106,0,.18);margin:0 auto}
.check-expert span{display:inline-block;color:#999;font-size:14px;cursor:pointer;line-height:1.5}
.check-expert span::before{content:"";display:inline-block;vertical-align:middle;width:12px;height:14px;background:url(../images/icon-attestation.png) no-repeat;background-size:contain;margin-top:-2px;margin-right:5px}
.check-expert span.active::before{background-image:url(../images/icon-attestation-active.png)}
.check-agreement span{display:inline-block;font-size:12px;line-height:1.5;cursor:pointer}
.check-agreement span::before{content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;border:1px solid #999;border-radius:50%;margin-top:-2px;margin-right:5px}
.check-agreement span.active::before{border-color:#f2330e;background:#f2330e url(../images/icon-checked-red.png) no-repeat;background-size:100% 100%}
.check-agreement a{color:#41a4de;padding:0}
.expert-benefits{background-color:#fff;box-shadow:0 0 7px 2px rgba(222,223,224,.6);border-radius:5px;line-height:1.5;padding:12px 10px;margin:10px 0}
.expert-benefits h2{color:#fff;font-size:15px;font-weight:500;text-align:center;margin-bottom:10px}
.expert-benefits h2 span{display:inline-block;height:24px;line-height:24px;padding:0 24px;background:url(../images/btn-bg-img.png) repeat-x;background-size:auto 100%;border-radius:24px}
.expert-benefits .privilege{display:flex}
.expert-benefits .privilege .item{flex:1;text-align:center}
.expert-benefits .privilege .item .icon{display:block;width:45px;height:45px;margin:0 auto;background-repeat:no-repeat;background-size:contain}
.expert-benefits .privilege .item .title{font-size:12px;font-weight:400;margin-top:5px}
.expert-benefits .privilege .name .icon{background-image:url(../images/privilege01.png)}
.expert-benefits .privilege .personality .icon{background-image:url(../images/privilege02.png)}
.expert-benefits .privilege .commission .icon{background-image:url(../images/privilege03.png)}
.expert-benefits .privilege .activity .icon{background-image:url(../images/privilege04.png)}
.jwp-nav{font-size:15px;line-height:34px;position:absolute;right:0;top:-70px;background:#eee;padding:4px;border-radius:2px}
.jwp-nav a{color:#777;background-color:#fff;text-align:center;padding:0 15px;border-radius:2px;min-width:68px;text-align:center}
.jwp-nav a.active{background-color: #ff6a00;color:#fff}
.tab-summary{padding-bottom:15px}
.tab-item-title{background:#eee;background:linear-gradient(30deg,#dce6ee,#fff 80%);padding:10px;border-radius: 3px;font-size:14px;}
.tab-item-title h2{font-size:20px;color:#222;line-height:30px;border-left:10px solid #168fff;padding-left:10px;font-weight:400}
.tab-summary-list{font-size:0;line-height:0;padding:0 1px;background: white;}
.tab-summary-list li{width:25%;height:70px;padding:5px 0;line-height:30px;text-align:center;box-shadow:0 0 1px rgb(0 0 0 / 40%);background:#fff;font-size:15px;color:#555;display:inline-block}
.tab-summary-list li p{color:#ff6a00;display:block}
.tab-summary-list li strong{font-size:150%;font-weight:700;padding:0 2px;display:inline-block;vertical-align:bottom}
.tab-detail-list{padding:0;font-size:14px;line-height:30px;color:#666}
.tab-detail-list li{background:#fff;margin-bottom:10px;padding:10px;position:relative;box-shadow:0 0 3px rgb(0 0 0 / 15%);border-radius:3px}
.tab-detail-list li::after{content:"";position:absolute;top:35px;right:30px;width:50px;height:50px;background-size:contain}
.tab-detail-list li.detail-hong::after{background-image:url(../images/user/icon-seal1.png)}
.tab-detail-list li.detail-zou::after{background-image:url(../images/user/icon-seal2.png)}
.tab-detail-list li.detail-shu::after{background-image:url(../images/user/icon-seal3.png)}
.tab-detail-list li.detail-cancel::after{background-image:url(../images/user/icon-seal4.png)}
.tab-detail-list li [title]:before{content:attr(title) '：';opacity:.6}
.tab-detail-bot,.tab-detail-time{display:flex;line-height:20px}
.tab-detail-bot span,.tab-detail-time span{min-width:30%}
.tab-detail-bot strong{color:#ff6a00}
.tab-detail-team,a.tab-detail-team{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0;line-height:25px}
.team-vs-level{color:#fff;width:60px;text-align:center;border-radius:3px;margin-right:10px;font-size:12px;line-height:15px;padding:5px 0}
.tab-team-vs{display:flex;align-items:center}
.tab-team-vs strong{font-size:20px;color:#333;font-weight:400;padding-right:65px}
.tab-detail-team:after,.team-vs-to{font-size:24px;font-family:monospace;font-weight:400;color:#333;content:'>'}
.jl-nav{font-size:28px;font-weight:700;height:70px;line-height:70px;background:#fff;text-align:center}
.jl-option{font-size:24px;box-sizing:border-box;display:flex;justify-content:space-between}
.jl-option a{flex:1;background:#fff;text-align:center;padding:0 0;line-height:100px;font-weight:400}
.jl-option a:not(:last-child){margin-right:10px}
.jl-option .active{background:#f59a23;color:#fff}
.jl-list{margin:0 0 0}
.jl-content{background:#f5f5f5;padding:10px 0 0}
.jl-ul li{position:relative;padding:10px;background:#fff;box-shadow:0 0 3px rgb(0 0 0 / 15%);border-radius:3px}
.jl-list-info a{display:flex;align-items:center;color:beige;padding:0}
.jl-avatar{width:40px;height:40px;margin-right:13px;background:url(../images/user/app-user-avatar.png) no-repeat center center;background-size:cover;box-shadow:0 0 2px rgb(0 0 0 / 30%);border-radius:50%}
.jl-avatar img{width:100%;height:100%}
.jl-name{font-size:15px;color:rgb(109 79 57 / 60%)}
.jl-list-vs,a.jl-list-vs{font-size:22px;font-weight:400;display:block;line-height:40px;padding:5px 0}
.jl-list-bot{background:#fbf6f6;padding:10px;border-radius:3px}
.jl-list-bot span{font-size:14px;color:#555;display:inline-block;width:33%;vertical-align:top}
.jl-list-bot [title]:before{content:attr(title) '：';opacity:.6}
.jl-list-bot [title]:before{content:attr(title) '：';opacity:.6}
.jl-list-bot span i{font-style:normal;font-size:120%;color:#ff6a00}
.fix-btn{position:fixed;bottom:30%;right:3%;z-index:9999;font-size:16px;width:60px;height:60px;border-radius:100%;border:1px solid #fff;box-shadow:0 0 5px 2px rgba(0,0,0,.5)}
.fix-btn a{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;line-height:60px;text-align:center;color:#fff;font-weight:700}
.fix-btn a.already{background:#fb0000;z-index:1}
.fix-btn a.all{background:#019007;z-index:11}
.fix-btn a.all{background:#e37a00;z-index:111}
.jl-ul li.item::after{content:"";position:absolute;top:20px;right:10px;width:60px;height:60px;background-repeat:no-repeat;background-size:contain}
.jl-ul li.hong::after{background-image:url(../images/user/icon-seal1.png)}
.jl-ul li.shu::after{background-image:url(../images/user/icon-seal3.png)}
.jl-ul li.zou::after{background-image:url(../images/user/icon-seal2.png)}
.jl-ul li.quxiao::after{background-image:url(../images/user/icon-seal4.png)}
.badge-steps{position:relative;display:flex;padding-right:50px;padding-top:50px}
.badge-step-item{flex:1;color:#a7b2d3;font-size:14px;position:relative}
.badge-step-item .step-content{display:inline-block;vertical-align:top;line-height:20px;background-color:#fff;position:relative;z-index:1;width:50px;text-align:center}
.badge-step-item .step-content::before{content:"白银";display:block}
.badge-step-item[data-grade="3"] .step-content::before{content:"黄金"}
.badge-step-item[data-grade="4"] .step-content::before{content:"钻石"}
.badge-step-item[data-grade="5"] .step-content::before{content:"王者"}
.badge-step-item[data-grade="6"] .step-content::before{content:"至尊"}
.badge-step-item .step-content::after{content:attr(data-number);display:block}
.badge-step-item:last-child{position:absolute;right:0;width:auto}
.badge-step-item[data-grade="3"]{color:#f1d807}
.badge-step-item[data-grade="4"]{color:#168fff}
.badge-step-item[data-grade="5"]{color:#f77419}
.badge-step-item[data-grade="6"]{color:#f2330e}
.badge-step-item::before{content:"";position:absolute;left:5px;top:-45px;width:40px;height:40px;background:url(../images/icon-vest-01.png) no-repeat center center;background-size:contain}
.badge-step-item[data-grade="3"]::before{background-image:url(../images/icon-vest-02.png)}
.badge-step-item[data-grade="4"]::before{background-image:url(../images/icon-vest-03.png)}
.badge-step-item[data-grade="5"]::before{background-image:url(../images/icon-vest-04.png)}
.badge-step-item[data-grade="6"]::before{background-image:url(../images/icon-vest-06.png)}
.badge-step-item .line{position:absolute;left:0;top:9px;width:100%;height:2px;background-color:#999}
.badge-step-item .line::before{content:"";position:absolute;top:-6.5px;right:0;width:0;height:0;border-left:8px solid #999;border-bottom:8px solid transparent;border-top:8px solid transparent}
.card-privilege{display:flex;flex-wrap:wrap}
.card-privilege .card-item{width: calc(50% - 20px);display:flex;flex-direction:column;line-height:1.7;font-size:16px;color:#fff;text-align:left;background:no-repeat center center;background-size:cover;padding:30px 20px 30px 35px;border-radius:15px;overflow:hidden;margin:10px;position:relative}
.card-privilege .card-item[data-groupid="2"]{background-image:url(../images/card-3.png);box-shadow:0 0 13px 0 rgba(150,160,194,.5)}
.card-privilege .card-item[data-groupid="3"]{background-image:url(../images/card-4.png);box-shadow:0 0 13px 0 rgba(243,166,49,.5)}
.card-privilege .card-item[data-groupid="4"]{background-image:url(../images/card-1.png);box-shadow:0 0 13px 0 rgba(3,109,206,.5)}
.card-privilege .card-item[data-groupid="5"]{background-image:url(../images/card-2.png);box-shadow:0 0 13px 0 rgba(224,96,4,.5)}
.card-privilege .card-item[data-groupid="6"]{background-image:url(../images/card-5.png);box-shadow:0 0 13px 0 rgba(230,172,14,.5)}
.card-privilege .title{font-size:20px;z-index:1}
.card-privilege .subtitle{font-size:18px;padding:15px 0;z-index:1}
.privilege-wrap .badge-steps{margin:0 auto 20px;max-width:600px}
.data-info{display:flex}
.data-info .item{flex:1;color:#999;font-size:14px;line-height:1.5;text-align:center}
.data-info .item span{display:block;color:#ff6a00;font-size:20px}
.release-list-content .tab_item-title{background-color:#fff;display:flex;justify-content:space-between;padding:20px 10px}
.release-list-content .tab_item-title span{font-size:24px;font-weight:700;padding-left:10px;border-left:10px solid #168fff}
.release-list-content .tab-summary-list li{box-shadow:none}
.release-list-content .tab_item-title a{font-size:16px;color:#aaa}
.release-list-content .tab-summary-list i{font-size:18px;font-style:normal;font-weight:700}
.release-detail-list{color:#333}
.release-detail-list li{display:flex;align-items:center;margin-bottom:0;}
.release-detail-list li a{padding:0;min-width: 30px;}
.release-detail-list .avatar{width:60px;height:60px;border-radius:100%;margin-right:15px}
.release-detail-list .info{flex:1}
.release-detail-list .avatar img{width:100%}
.release-detail-list .info-a{font-size: 18px;display:flex;align-items:center;justify-content:space-between;}
.release-detail-list .info-a .info-a-ds{color: #ff6a00;}
.release-detail-list .info-a .name em {display: inline-block;background-color: #ff6a00;color: #fff;font-size: 12px;line-height: 16px;padding: 0 4px;border-radius: 8px;vertical-align: middle;}
.release-detail-list .info-b,.release-detail-list .info-b a{color:#aaa;display:flex;justify-content:space-between;}
.release-detail-list li::after{display:none}
.release-detail-list .aio-nodata,.release-detail-list .list-flip{justify-content:center;display:block;width:100%}

.task-header {background: url(../images/bg-01.png) no-repeat;background-size: 100% 100%;position: relative;height: 400px;}
.task-header .btn-integral {position: absolute;right: 20px;top: 70px;line-height: 40px;border-radius: 40px;background-color: #fff;color: #ff6a00;font-size: 14px;padding: 0 25px;}
.task-header .my-integral {position: absolute;left: 20px;top: 56px;background-color: rgba(255,255,255,.2);line-height: initial;font-size: 16px;color: #fff;padding: 8px 20px;border-radius: 6px;}
.task-header .my-integral .number {display: block;font-size: 30px;font-weight: bold;padding-left: 32px;background: url(../images/user/icon-integral.png) no-repeat left center;background-size: 30px auto;margin-top: 4px;}
.task-sign-in {margin-top: -190px;}
.task-center .title {font-size: 20px;margin-bottom: 20px;font-weight: 600;}
.task-center .title em {color: #ff6a00;}
.task-center .after {color: #999;font-size: 14px;font-weight: 500;}
.task-sign-in .after {display: block;}
.task-sign-in .switch-box {font-size: 14px;color: #999;position: absolute;right: 20px;top: 34px;}
.task-sign-in .switch-box .switch {margin-left: 10px;margin-top: -4px;}
.task-sign-in .list .item {width: 14%; float: left;text-align: center;padding-top: 56px;position: relative;font-size: 14px;color: #999;user-select: none;}
.task-sign-in .list .item-inner {padding-top: 56px;position: relative;display: inline-block;font-size: 14px;color: #999;user-select: none;}
.task-sign-in .list .item::before {content: attr(data-number);position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: linear-gradient(165deg, #E2E2E2 0%, #F7F7F7 100%);font-size: 18px;font-weight: bold;}
.task-sign-in .list .item[checked="true"] {color: #ff6a00;}
.task-sign-in .list .item[checked="true"]::before {font-size: 0;background: #ff6a00 url(../images/icon-gou.png) no-repeat; background-size: cover;}
.exchange-wrap .btn-go {display: block;max-width: 350px;height: 50px;line-height: 50px;background-color: #ff6a00;font-size: 20px;color: #fff;text-align: center;border-radius: 6px;margin: 0 auto;}
.exchange {display: flex;justify-content: center;margin-bottom: 20px;}
.exchange .item {padding: 44px 10px 0; background: no-repeat center top;background-size: 40px;font-size: 14px;color: #999;}
.exchange .item em {color: #ff6a00;font-weight: bold;font-size: 18px;}
.exchange .integral {background: url(../images/user/icon-integral.png) no-repeat center top;}
.exchange .bean {background: url(../images/user/icon-bean2.png) no-repeat center top;}
.exchange .center {width: 100px;height: 40px;background: url(../images/icon-right-arrow.png) no-repeat left center;background-size: 100% auto;}
.task-item {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e0dddd;padding: 0 0 10px 40px;margin-bottom: 14px;background: url(../images/user/task-icon-1.png) no-repeat left top;background-size: 26px;}
.task-item:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.task-item .text h4 {font-size: 18px;font-weight: 500;margin-bottom: 4px;}
.task-item .text p {color: #ff6a00;font-size: 14px;}
.task-item .btn {background-color: #ff6a00;color: #fff;font-size: 16px;width: 80px;line-height: 34px;border-radius: 34px;text-align: center;}
.rule-dialog-top {background-color: #ff6a00;line-height: 60px;color: #fff;font-size: 22px;text-align: center;border-radius: 8px 8px 0 0;}
.rule-dialog .c-content {text-align: left;}
.rule-dialog .buttom {display: block;margin: 0 auto 24px;min-width: 150px;height: 40px;line-height: 40px;border-radius: 40px;border: 1px solid #ff6a00;background-color: #ff6a00;color: #fff;font-size: 17px;text-align: center;padding: 0;}


.shadow {background-color: #fff;border-radius: 5px;box-shadow: 0px 3px 3px 1px rgba(222, 223, 224, 0.34);}
.paymain {line-height: 1;}
.bindpay-wrap {font-size: 12px;margin-top: 30px;}
.bindpay-wrap dt {margin-bottom: 4px;}
.bindpay-wrap dd {margin-bottom: 5px;}
.bindpay-wrap dd.isbind a {cursor: auto;}
.bindpay-wrap .tip {color: #f2330e;padding: 10px 0;}
.bindpay-wrap .submit-btn {display: block;width: 100%;height: 45px;border: none;background-color: #ff6a00;color: #fff;font-size: 18px;border-radius: 5px;margin-top: 30px;}
.bindpay-wrap .submit-point{cursor: not-allowed;background-color: rgba(255, 106, 0, .5);}
.bindpay a {height: 60px;font-size: 15px;display: flex;align-items: center;padding: 10px;position: relative;}
.bindpay a::before {content: "";display: block;width: 20px;height: 20px;background: url("../images/user/icon-pay.png") no-repeat;background-size: 100% auto;margin-right: 6px;}
.bindpay a::after {content: "";width: 10px;height: 17px;background: url("../images/user/icon-arrow-right-grey2.png") no-repeat;background-size: 100% auto;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.formpay label {display: block;padding: 15px 10px;}
.formpay .numberbox {display: flex;align-items: center;}
.formpay .numberbox .unit {font-size: 24px;line-height: 40px;font-weight: bold;border-right: 1px solid #e0dddd;padding: 0 8px;}
.formpay .numberbox input {flex: 1;height: 40px;border: none;margin: 3px 0;font-size: 24px;padding: 0 10px;width: 100%;}
.formpay .operation {border-top: 1px solid #e0dddd;display: flex;align-items: center;justify-content: space-between;padding: 8px 10px 14px;color: #999;}
.formpay .operation .allbtn {color: #06B4FD;padding: 0;}

/* 最新活动 */
h3.title-borLeft{border-left: 10px solid #168fff;padding-left: 5px;}
.recharge-item{position: relative;margin-bottom: 10px;text-align: center;}
.recharge-item a img.recharge-bg{margin-top: 8%;width: 80%;}
.recharge-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block !important;width: 100%;width: 100%;font-size: 20px;text-align: center;font-weight: bold;}

/* 活动详情页 */
.activity-center{max-width: 750px; margin:0 auto;padding: 10px 0;}
.activity-pos{position: relative;text-align: center;}
.act-abs{position: absolute;left: 50%;transform: translate(-50%, -50%);padding: 0 0 !important;width: 60%;}
.act-receive{top: 17%;}
.act-kefu{bottom: 6%;}
.act-person{bottom: 6%;}
.five-match_kefu{bottom: -2%;}
.five-match_share{height: 195px;}
.seven-member{background-color: #130a06;}
/* .seven-member_share{bottom: -25px;} */
/* .seven-member_share .discount-title{display: none;} */

/* 新活动 */
.new-recharge .wenhao, .lym-wenhao{position: absolute;right:5px;top:60px;width:50px;height:50px;cursor: pointer;z-index: 1;}
.new-recharge_closeRules{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);width: 50px;height: 50px;background: url(../images/new-recharge-close.png) no-repeat;background-size: cover;padding: 10px !important;display: inline-block !important;}
.new-recharge_rules{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .72);z-index: 112;display: none;}
.new-recharge_abs{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #fff;padding: 15px 15px 20px;box-sizing: border-box;max-height: 75%;overflow: hidden;z-index: 7;overflow-y: auto;border-radius: 10px;}
.new-recharge_abs .rules-text{font-size: 13px;color: #333;line-height: 25px;}
.new-recharge_abs .rules-text p{margin-bottom: 10px;}
.new-recharge_abs .rules-text span{display: block;margin-top: 5px;}
.new-recharge_kefu a{position: absolute;left: 50%;transform: translateX(-50%);background-size: cover;background-repeat: no-repeat;display: inline-block;z-index: 5;}
.new-recharge_kefu a.kefu1{top: 37.8%;}
.new-recharge_kefu a.kefu2{top: 48%;}
.new-recharge_kefu a.kefu3{top: 57%;}
.new-recharge_kefu a.kefu4{top: 65.8%;}
.new-recharge_kefu a.kefu6{top: 81.2%;}
.new-recharge_kefu a.kefu5{top: 85.5%;left: 50%;transform: translateX(-50%);}
.new-recharge_bean{position: absolute;left: 50%;top: 37.8%;transform: translateX(-50%);background-size: cover;background-repeat: no-repeat;display: inline-block;z-index: 5;}
.total-number{position: absolute;top: 28.2%;left: 50%;width: 95%;height: 179px;background: url(../images/new-recharge-number.png) no-repeat;background-size: 100% 100%;z-index: 5;transform: translateX(-50%);}
.total-number span{position: absolute;top: 70%;left: 50%;transform: translate(-50%, -50%);font-size: 32px;color: #fff;width: 100%;letter-spacing: 5px;text-shadow: 0px 2px 5px rgb(0 0 0 / 50%);font-weight: bold;}
.total-number span em{color: #f9e5b7;letter-spacing: normal;}

/* 周年特惠 */
.ar_padding19{padding: 0 19px;}
.accumulated-recharge{background: url(../images/activity/accumulated-recharge_bg2.png) no-repeat;background-size: cover;margin-top: 44px;}
.accumulated-recharge .wenhao{position: absolute;right:15px;top:15px;width:50px;height:50px;cursor: pointer;}
.accumulated-recharge_paty1{padding-top: 36px;}
.accumulated-recharge_meal{background: url(../images/activity/accumulated-recharge_xzBg.png) no-repeat;background-size: 100% 100%;padding-bottom: 30px;}
.accumulated-recharge_czTitle{padding-top: 20px;}
.accumulated-recharge_meal li:first-child{margin-right: 49px;}
.ar-recharge{display: flex;align-items: center;justify-content: center;padding-top: 20px;}
.ar-recharge li{cursor: pointer;width: 246px;background-color: #fff;border-radius: 8px;position: relative;padding: 33px 0 40px;}
.ar-recharge li.aio-on{background: linear-gradient(-36deg, #DFAB6A, #FCE9B8);}
.ar-recharge li.aio-on .newMoney{text-shadow: 0px 5px 7px rgba(9,8,8,0.16);}
.ar-recharge li.aio-on .oldMoney{text-shadow: 0px 2px 4px rgba(0,0,0,0.17);}
.ar-recharge li span{display: block;line-height: 1em;}
.ar-recharge li::before{content: "";position: absolute;top: -14px;right: 0;background: url(../images/activity/accumulated-recharge_icYH.png) no-repeat;background-size: 100% 100%;width: 92px;height: 29px;}
.ar-recharge li .time{font-size: 46px;font-weight: 600;}
.ar-recharge li .newMoney{font-size: 48px; color: #FF7310;padding: 40px 0;}
.ar-recharge li .newMoney em{font-size: 65px;font-weight: 500;}
.ar-recharge li .oldMoney{font-size: 43px; color: #666;text-decoration: line-through;}
.accumulated-recharge_xd, .accumulated-recharge_kefu{text-align: center;}
.accumulated-recharge_xd img{width: 60%;display: inline-block;}
.accumulated-recharge_kefu{padding-bottom: 40px;}
.accumulated-recharge_kefu img{width: 100%;display: inline-block;}
.ar-submit{text-align: center;}
.ar-submit a{display: inline-block;width: 48%;background: url(../images/activity/accumulated-recharge_xzBtn.png) no-repeat;background-size: 80%;height: 110px;margin-top: 15px;background-position-x:center}
.ar-tips{font-size: 22px;color: #FF7310;text-align: left;padding-left: 21px;background: linear-gradient(269deg, #DFAB6A 0%, #FCE9B8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;text-shadow: 4px 6px 7px rgba(9,8,8,0.75);}
.accumulated-recharge_czTitle img{width: 75%;}

/* 鼓励消费 */
.large-recharge-x{position: absolute;left: 50%;transform: translateX(-50%);}
.large-recharge-title{top: 9%;width: 95%;}
.large-recharge-fireworks .item{position: absolute;background: url(../images//activity//lr-yanhua.png) no-repeat;background-size: 100% 100%;z-index: 1;}
.large-recharge-fireworks .icon-fireworks1{top: 23%;left: 13%;width: 136px;height: 132px;animation: fireworks infinite 6s ease 2s;opacity: 0;}
.large-recharge-fireworks .icon-fireworks2{top: 20%;right: 1%;width: 284px;height: 244px;animation: fireworks infinite 6s ease;}
.large-recharge-caishen{top: 14.5%;left: 50%;width: 100%;animation: caishen 1 6s ease, caishen2 infinite 2s ease 4s;}
.large-recharge-caishen img{width: 100%;}
.large-recharge-boxing{left: 52%;top: 43%;width: 100%;animation: boxing infinite 2s ease;cursor: pointer;}
.large-recharge-btn{bottom: 17.5%;width: 65%;cursor: pointer;animation: scale infinite 5s ease;}
.large-recharge-bTitle{bottom: 6.5%;width: 70%;}
.large-recharge-tips{width: 70%;bottom: 1%;}

.large-recharge-fixed{position: absolute;z-index: 5;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);display: none;}
.large-recharge-fGif{position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);}
.large-recharge-dialog{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: widthAni 1 1s ease 1.2s;width: 0;height: 0;overflow: hidden;}
.large-recharge-dialog > a{display: block;}
.lr-icon-bg{background-image: url(../images/activity/lr-bg.png) !important;background-repeat: no-repeat;background-size: 100% 100%;width: 95%;height: 843px;margin: 0 auto;background-color: inherit;padding: 0 0;}
.lr-content-box{width: 67%;margin: 0px 15% 0 auto;padding-top: 20%;}

.lr-content-box .author-info{border-bottom: 5px solid #996e3d;padding-bottom: 3%;}
.lr-content-box .author-content{text-align: left;}
.lr-content-box .detail-article{background-color: inherit;}
.lr-content-box .article-title{font-size: 19px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 2%;margin-left: 1%;}
.lr-content-box .match-top{font-size: 14px;padding-left: 25px;background: url(../images/icon-football-small.png) no-repeat left center;background-size: 16px auto;color: #777;word-spacing: 10px;text-align: left;display: block;line-height: 26px;margin-bottom: 2%;margin-left: 1%;}
.lr-content-box .detail-article-border{border-top: 1px solid #DDE5F9;border-bottom: 1px solid #DDE5F9;box-sizing: border-box;    border-image: linear-gradient(-360deg, rgba(221, 229, 249, 0.00) 0%, #DDE5F9 55%, rgba(221, 229, 249, 0.00) 100%) 2 2 2 2;    border-image: -webkit-linear-gradient(-360deg, rgba(221, 229, 249, 0.00) 0%, #DDE5F9 55%, rgba(221, 229, 249, 0.00) 100%) 2 2 2 2;}
.lr-content-box .btn-retreat{ background-color: #41a4de;color: #fff;font-size: 14px;line-height: 26px;border-radius: 3px;padding: 0 10px;float: right;display: inline-block;}
.lr-content-box .match-team .name{padding-bottom: 0;height: 50px;}
.lr-content-box .match-team .score{padding-bottom: 0;height: 50px;}
.lr-content-box .match-vote{position: relative;height: 57px;line-height: 57px;display: flex;align-items: center;justify-content: center;background-image:linear-gradient(to right,rgba(245,229,203,.3) 10%,rgba(245,229,203,1) 50%,rgba(245,229,203,.15) 100%)}
.lr-content-box .match-vote::before{content: attr(data-type);position: absolute;left: 7px;height: 57px;font-size: 14px;color: #0086FF;background: #D2E6FF;border-radius: 0px 0px 0px 12px;width: 14px;padding: 0 -4px;padding: 0 5px;top: 2px;line-height: 25px;display: flex;align-items: center;}
.lr-content-box .match-vote_text{font-size: 19px;color: #BD8E3C;font-weight: 500;}
.lr-content-box .match-vote_text span{background: url(../images/activity/icon-jiesuo.png) no-repeat;padding-left: 37px;background-size: 31px 31px; background-position: left center;display: block;}
.lr-content-box .record .other{align-items: center;justify-content: space-between;padding-top: 5px;}
.lr-content-box .card-list{padding-left: 0;padding-right: 0;}
.lr-content-box .card-list .card-item{padding: 0 0;box-shadow: inherit;}
.lr-content-mzl{text-align: left;padding-top: 3%;color: #767678;font-size: 14px;margin-top: 3%;border-top: 5px solid #996e3d;margin-left: 1%;padding-left: 5%;}
.lr-content-mzl span{font-size: 15px;color: #FF0009;}
.lr-content-mzl span em{font-size: 30px;font-weight: bold;}

.activity-no_data{padding-top: 50%;background-color: inherit;}

.large-recharge-guang {width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.large-recharge-gBg {width: 100%;height: 100%;background: url(../images/activity/slide_zcjb.png) repeat-x;animation: brightnessAni 1.1s steps(15) 1;-webkit-animation: brightnessAni 1.1s steps(15) 1;animation-delay: 0.5s;transform: scale(1.5);background-position: 0 center;background-size: 1500%;opacity: 0;}
@keyframes brightnessAni {
    0%, 5%{
		background-position: 0% center;
        opacity: 0;
    }
	100% {
		background-position: -1500% center;
		opacity: 1;
	}
}
@-webkit-keyframes brightnessAni {
    0%, 5%{
		background-position: 0% center;
        opacity: 0;
    }
	100% {
		background-position: -1500% center;
		opacity: 1;
	}
}

@keyframes fireworks {0%{transform: scale(0);opacity: 0;} 50%{transform: scale(1);opacity: 1;}100%{transform: initial;opacity: 0;}}
@-webkit-keyframes fireworks {0%{transform: scale(0);opacity: 0;} 50%{transform: scale(1);opacity: 1;}100%{transform: initial;opacity: 0;}}

@keyframes fireworks {0%{transform: scale(0);opacity: 0.5;} 50%{transform: scale(1);opacity: 1;}100%{transform: initial;opacity: 0;}}
@-webkit-keyframes fireworks {0%{transform: scale(0);opacity: 0.5;} 50%{transform: scale(1);opacity: 1;}100%{transform: initial;opacity: 0;}}

@keyframes caishen{
	0%{
		transform: translateX(-50%) scale(0.8);
	} 
	80%, 100%{
		transform: translateX(-50%) scale(1);
	}
}
@-webkit-keyframes caishen{
	0%{
		transform: translateX(-50%) scale(0.8);
	} 
	80%, 100%{
		transform: translateX(-50%) scale(1);
	}
}

@keyframes caishen2{
	0%{
		transform: translate(-50%);
	} 
	50%{
		transform: translate(-50%, 5px);
	}
	100%{
		transform: translateX(-50%);
	}
}
@-webkit-keyframes caishen2{
	0%{
		transform: translate(-50%);
	} 
	50%{
		transform: translate(-50%, 5px);
	}
	100%{
		transform: translateX(-50%);
	}
}
@keyframes boxing{
	0%{
		transform: translate(-50%, 0);
	}
	50%{
		transform: translate(-50%, 30px);
	}
	100%{
		transform: translateX(-50%)
	}
}
@-webkit-keyframes boxing{
	0%{
		transform: translate(-50%, 0);
	}
	50%{
		transform: translate(-50%, 30px);
	}
	100%{
		transform: translateX(-50%)
	}
}

@keyframes widthAni {
	0%{
		width: 0%;
		height: 0;
	} 
	50%{
		width: 20%;
		height: 0;
	}
	80%{
		width: 50%;
		height: 0;
	}
	100%{
		width: 100%;
		height: auto;
	}
}

@keyframes -webkit-widthAni {
	0%{
		width: 0%;
		height: 0;
	} 
	50%{
		width: 20%;
		height: 0;
	}
	80%{
		width: 50%;
		height: 0;
	}
	100%{
		width: 100%;
		height: auto;
	}
}

@keyframes scale{
	0%{
		transform: translateX(-50%) scale(0.8);
	}
	50%, 100%{
		transform: translateX(-50%) scale(1);
	}
}

@keyframes -webkit-scale{
	0%{
		transform: translateX(-50%) scale(0.8);
	}
	50%, 100%{
		transform: translateX(-50%) scale(1);
	}
}

/* 国庆首充 */
.gfc-tranform{position: absolute;left: 50%;transform: translateX(-50%);}
.gfc-title{top: 3%;width: 65%;}
.gfc-balance{top: 20%;width: 100%;display: none;}
.gfc-balance span{display: inline-block;background: url(../images/activity/gfc-ycBg.png) no-repeat center center;background-size: cover;padding: 5% 0 16%;width: 100%;font-weight: 500;color: #FFFFFF;line-height: 27px;text-shadow: 0px 6px 3px rgba(190,42,48,0.75);font-size: 40px;}
.gfc-balance span em{color: #F9E5B7;}
.gfc-balance p{margin-top: -65px;font-size: 32px;font-weight: 500;color: #FFE9AD;line-height: 33px;}

.gcf-btn{position: absolute;top: 30.5%;left: 0;width: 100%;height: 2%;}
.gcf-btn span{position: absolute;top: 0;display: block;width: 28%;height: 100%;background-repeat: no-repeat;background-size: contain;cursor: pointer;}
.gcf-btn span:nth-child(1){left: 12.7%;}
.gcf-btn span:nth-child(2){right: 12.7%;}

.gcf-prize{top: 50.5%;width: 70%;}
.gcf-prize-li{display: flex;align-items: center;justify-content: space-between;}
.gcf-prize-li li{width: 45%;}
.gcf-prize_kefu{display: block;width: 50%;margin-top: 5%;}
.gcf-kefu{top: 71%;}

/* 国庆累充 */
.gac-title{top: 3%;width: 65%;}
.gac-rcBtn span{display: block;height: 2%;background: url(../images/activity/gac-btn.png) no-repeat;background-size: contain;cursor: pointer;position: absolute;right: 8%;width: 28%;}
.gac-rcBtn span.item1{top: 28.8%;}
.gac-rcBtn span.item2{top: 34.7%;}
.gac-rcBtn span.item3{top: 40.6%;}
.gac-kefu{top: 71%;}
.gac-xuan{top: 20%;}

/* 十一月累充 */
.cr{position: relative;}

.cumulative-recharge .total-number{position: absolute;top: 0.3%;left: 50%;width: 95%;height: 127px;background: url(../images/activity/cr/cumulative-recharge-number.png) no-repeat;background-size: 100% 100%;z-index: 5;transform: translateX(-50%);}
.cumulative-recharge .total-number span{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-top: -10px;width: 100%;font-size: 42px;font-weight: bold;color: #FFFFFF;background: linear-gradient(94deg, #FFA853 0%, #FFF4D3 49.853515625%, #FFA853 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 40px;text-shadow: initial;background-origin: content-box;background-repeat: no-repeat;}
.cumulative-recharge .total-number em{color: #fff;}

.ar_kefu a{position: absolute;left: 50%;transform: translateX(-50%);width: 60%;}
.ar_kefu a.kefu1{top: 13.5%;}
.ar_kefu a.kefu2{top: 27.2%;}
.ar_kefu a.kefu3{top: 40.8%;}
.ar_kefu a.kefu4{top: 54.5%;}
.ar_kefu a.kefu5{top: 68.2%;}
.ar_kefu a.kefu6{top: 82%;}
.ar_kefu a.kefu7{bottom: 0.3%;}

.cr_related{position: relative;background: url(../images/activity/cr/cr-bg3.jpg) no-repeat;background-size: 100% 100%;margin-top: -1px;}
.cr_related-title{text-align: center;}
.cr_related-title img{display: inline-block;width: 60%;}
.cr_related-li{text-align: center;margin-top: 15px;}
.cr_related-li li{margin-bottom: 5px;width: 95.5%;display: inline-block;border-radius: 10px;overflow: hidden;}
.cr_related-li li a{display: block;padding: 0 0;}
.ar-bg2{position: relative;margin-top: -1px;}

.ar_standard span{position: absolute;right: 28%;background: url(../images/activity/cr/icon-gou.png) no-repeat;background-size: contain;width: 17%;height: 100px;}
.ar_standard span.ar_standard-1{top: 2.7%;}
.ar_standard span.ar_standard-2{top: 16.4%;}
.ar_standard span.ar_standard-3{top: 30%;}
.ar_standard span.ar_standard-4{top: 43.8%;}
.ar_standard span.ar_standard-5{top: 57.5%;}
.ar_standard span.ar_standard-6{top: 71.2%;}

.cr .wenhao{top: 50px;width: 15%;right: -4px;}

.last-bg{margin-top: -1px;}

/* 签到活动页 */
.si_top{position: relative;}
.sign-in .new-wenhao{height: 87px;position: absolute;top: 24%;width: 13%;right: 0;cursor: pointer;}
.si_ct {background: url(../images/activity/signIn/si-bg2.png) no-repeat; background-size: 100% 100%;margin-top: -1px;padding: 0 2%;}
.si-column{display: flex;justify-content: center;flex-direction: column;background: url(../images/activity/signIn/icon-qdl.png) no-repeat; background-size: 100% 100%;padding: 11% 8%;}

.si-column-title{text-align: left;color: #fff;}
.si-column-title p{font-size: 30px;margin-bottom: 12px;}
.si-column-title span{font-size: 24px;}
.si-column-title em{color: #FFF60A;}

.si-column-box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.si-column-box li{width: 31%;background: url(../images/activity/signIn/icon-wq.png) no-repeat; background-size: 100% 100%;position: relative;margin-top: 3%;cursor: pointer;}
.si-column-box li a{display: block;}
.si-column-box li.finish{background-image: url(../images/activity/signIn/icon-yq.png);}
.si-column-box li.finish::before{content: "已完成";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 118px;height: 118px;background-color: rgba(28, 28, 28, .50);border-radius: 100%;text-align: center;font-size: 30px;color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.signs-local .si-column-box li.finish::before{content: "";position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 117px;height: 117px;background-color: rgba(28, 28, 28, .50);border-radius: 100%;text-align: center;font-size: 30px;color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;margin-left: 1px;background-color: transparent;}
.si-column-box li:last-of-type{width: 100%;background: none;}
.si-column-box li span{display: block;color: #FF6A00;width: 100%;}
.si-column-box li span.day{padding-top: 13%;font-size: 26px;position: relative;z-index: 1;}
.si-column-box li span.fen{font-size: 21px;padding-top: 72%;padding-bottom: 10%;position: relative;}

.si-column-box li.sign{position: relative;}
.si-column-box li.sign::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% - 5%);background: rgba(0, 0, 0, .4);border-radius: 20px;}
.si-column-box li.sign::after{content: "点击签到";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;height: 25%;background: rgba(255, 106, 0, .65);border-radius: 10px;font-size: 26px;color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.si-column-box li:last-child::after{max-width: 25%;}
.si-column-box li.sign span{color: #fff;}

.si-btn{text-align: center;margin-top: 7%;cursor: pointer;}
.si-btn img{width: 80%;display: inline-block;}

.si-rules{margin-top: 13px;}
.si-kefu{text-align: center;cursor: pointer;}
.si-kefu img{width: 80%;display: inline-block;}

.si_other{position: relative;background: url(../images/activity/signIn/icon-other_bg.png) no-repeat;background-size: 100% 100%;margin-top: 12px;}
.si_other-title{position: absolute;top: -12px;left: 50%;transform: translateX(-50%);width: 35%;}
.si_other-title img{display: inline-block;}
.si_other-li{text-align: center;padding-top: 9%;padding-bottom: 5%;}
.si_other-li li{margin-top: 10px;width: 85%;display: inline-block;border-radius: 10px;overflow: hidden;}
.si_other-li li a{display: block;padding: 0 0;}

.si_statement{margin-top: 20px;}
.si_dialog-info{background-color: transparent;box-shadow:inherit;height: 50%;}
.si_dialog-container{width: 100%;height: 100%;background: url(../images/activity/signIn/tc_bg.png) no-repeat;background-size: 100% 100%;background-position: center center;position: relative;}
.si_dialog-info .si_ds{display: block;font-size: 32px;color: #ff6a00;position: absolute;top: 45%;left: 50%;transform: translateX(-50%);width: 100%;}
.si_dialog-info .si_nextDay{display: block;font-size: 25px;color: #999;position: absolute;top: 69%;left: 50%;transform: translateX(-50%);width: 47%;line-height: 33px;}
.si_dialog-info span i{color: #F70F0E;font-weight: bold;font-style: initial;}
.si_dialog-info .c-content{height: 100%;padding: 0 0;}
.si_dialog-info .si_button{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);width: 50%;height: 10%;cursor: pointer;}
.si_dialog-info .si_button span.icon-anniu{background: url(../images/activity/signIn/icon-anniu.png) no-repeat; background-size: contain;width: 100%;background-position: center center;}
.si_dialog-info .si_button .icon-lingqu{background: url(../images/activity/signIn/lingqu_btn.png) no-repeat; background-size: contain;width: 100%;background-position: center center;}
.app-dialog .si_dialog-info{height: 100%; padding: 0 0;}

/* 好友助力 */
.fa{position: relative;}
.fa-container{margin-top: -1px;background: url(../images/activity/fa/bg2.png) no-repeat;background-size: cover;padding: 0 2% 4%;}
.fa-container .author-info_item{background: linear-gradient(-90deg, #F7ECD9, #FFFFFF, #FFD9D2);border-radius: 10px;}
.fa-container .align-left{text-align: left;}
.fa-container .author-content_line{display: flex;align-items: center;}
.fa-container .author-content .name{margin-right: 10px;}
.fa-container .action .follower{color: #333333;font-size: 20px;}
.fa-container a.author-info{padding: 2% 10px 0;}
.fa-container .intro{padding: 2% 10px;color: #999999;font-size: 20px;}
.fa-container .detail-article{background-color: #fff; padding:2% 10px;margin-top: 10px;border-radius: 10px;}
.fa-container .article-title{margin-top: 0px;color: #333;}
.fa-container .detail-article-border{border: 1px solid #EEEEEE;border-radius: 10px;padding: 2%;text-align: center;}
.fa-container .match-vote-key{width: 90%;background: url(../images/activity/fa/icon_anniu-bg.png) no-repeat;background-size: 100% 100%;text-align: center;display: inline-block;padding: 2.5% 0 3%;cursor: pointer;color: #fff;font-size: 26px;line-height: 35px;margin: 0 auto;animation: voteKey 3s ease-in infinite;}
.fa-container .match-vote-key span{display: block;}
.fa-container .match-vote-key span i{background-size: contain;background-repeat: no-repeat;display: inline-block;width: 18px;height: 18px;vertical-align: middle;}
.fa-container .match-vote-key span i.icon-unlock{background-image: url(../images/activity/fa/icon-suo.png)}
.fa-container .match-vote-key span i.icon-phone{background-image: url(../images/activity/fa/icon-mima.png);}
.fa-container .match-vote-key em{color: #F2E426;}
.fa-container .other{display: flex;justify-content: space-between;align-items: center;color: #999999;font-size: 18px;margin-top: 15px;}
.fa-container .other em{color: #F2330E;}
.fa-container .tips{text-align: center;background: rgba(0, 0, 0, .21);color: #fff;font-size: 25px;font-weight: 500;border-radius: 10px;padding: 4% 0;cursor: pointer;}
.fa-container .match-team .score{width: 50%;margin: 0 auto 5px;}
.fa-container .match-top{margin-bottom:15px;font-size:14px;padding-left:25px;background:url(../images/icon-football-small.png) no-repeat left center;background-size:16px auto;color:#777;word-spacing:10px;text-align:left;display:block;line-height:26px}
.fa-container .match-top[data-sportid="2"]{background-image:url(../images/icon-basketball-small.png)}
.fa-container .type-filter{font-size: 21px;color: #4D8EF8;}
.fa-dialog{background-color: transparent;box-shadow: inherit;height: 80%;}
.fa-dialog .c-content{padding: 0 0;width: 100%;background-repeat: no-repeat;background-size: contain;height: 55%;background-position: center;position: relative;}
.fa-dialog .c-content.success{background-image: url(../images/activity/fa/chengg.png);}
.fa-dialog .c-content.fail{background-image: url(../images/activity/fa/shibai.png);}
.fa-context_box{font-size: 35px;color: #CC422B;width: 100%;height: 100%;position: relative;}
.fa-context_box span{position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);display: block;width: 100%;}
.fa-context_box .close{position: absolute;bottom: 7%;left: 50%;transform: translateX(-50%);width: 32%;height: 8%;background-position: center;}
.fa-context_box .close {background: url(../images/activity/fa/chakan.png) no-repeat;background-size: contain;cursor: pointer;}
.fa-context_box .icon-know {background: url(../images/activity/fa/know.png) no-repeat;background-size: contain;cursor: pointer;background-position: center;}
.fa-dialog .fa_button{position: absolute;top: 55%;left: 50%;height: 50px;width: 10%;transform: translateX(-50%);background: url(../images/activity/fa/guanbi.png) no-repeat;background-size: contain;}
.fa-dialog .fa_button span{width: 100%;height: 100%;background: url(../images/activity/fa/guanbi.png) no-repeat;background-size: contain;}
.fa-dialog .c-content.fail span{top: 45%;}
.fa-dialog .c-content.fail .close{bottom: 10%;}
.fa-container .article{text-align: left;font-size: 16px;margin-top: 10px;}
.fa-container .article h4{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.fa-container .article p{margin-top: 10px;}

.fa-container .match-team .center{flex: 1;padding: 0 2px;}

.fa-container .match-vote{border-radius: 3px;overflow: hidden;display: flex;min-height: 80px;font-size: 16px;}
.fa-container .match-vote .title{width:50px;color:#fff;background-color:#41a4de;display:flex;align-items:center;justify-content:center;padding:0 15px;text-align:center;line-height:20px;font-size:15px}
.fa-container .match-vote .item{flex: 1;border: 1px solid rgb(0 0 0 / 15%);border-left: 0;background-color: #fff7f2;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;overflow: hidden;font-weight: 400;}
.fa-container .match-vote .item strong{color: #333;font-size: 19px;font-weight: 700;}
.fa-container .match-vote .item.mark-recommend::after{content: "推";text-align: center;background-color: #f2330e;width: 90px;height: 30px;line-height: 30px;position: absolute;left: -25px;top: 5px;color: #fff;transform: rotate(-45deg);font-size: 20px;}
.fa-container .match-vote .item{    flex: 1;border: 1px solid rgb(0 0 0 / 15%);border-left: 0;background-color: #fff7f2;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;overflow: hidden;font-weight: 400;}

.fa-container .match-vote .item.mark-result {background-color: #ff6a00;border-color: #ff6a00;color: #fff;}
.fa-container .match-vote .item:last-child {border-radius: 0 4px 4px 0;}
.fa-container .match-vote .item.mark-result strong {color: #fff;}

/* 会员续费 */
/* .page-member {line-height: 1;} */
/*.page-member h2 {font-size: 26px;font-weight: 500;padding: 20px 0;}
.member-privilege {background: linear-gradient(90deg, #303145, #44495E);box-shadow: 0px 11px 62px 0px rgba(21,21,34,0.6700);border-radius: 8px;padding: 0 10px 50px;}
.member-privilege h2 {color: #fff;margin-bottom: 10px;}
.member-privilege .list {overflow: hidden;}
.member-privilege .item {float: left;width: 33.3333%;text-align: center;}
.member-privilege .item-inner {display: inline-block;vertical-align: top;width: 100%;background-color: #F9E8D4;box-shadow: 0px 6px 16px 0px rgba(10,13,47,0.0500);border: 1px solid #B2B2B2;border-radius: 8px;text-align: center;padding-bottom: 15px;}
.member-privilege .item .icon {width: 74%;margin-bottom: 15px;}
.member-privilege .item .item-title {font-size: 18px;}
.member-privilege .item .sub-title {color: #666;font-size: 14px;margin: 8px 0 10px;}
.member-privilege .item .money {color: #ff7310;font-size: 16px;}
.member-privilege .item:first-child {text-align: left;}
.member-privilege .item:last-child {text-align: right;}
.page-member .button-prev,
.page-member .button-next {position: absolute;top: 0;bottom: 0;z-index: 1;margin: auto 0;cursor: pointer;width: 24px;height: 36px;background: rgba(3,8,26,.36) no-repeat center center;background-size: 8px auto;z-index: 1;}
.page-member .button-prev {left: 0;border-radius: 0 18px 18px 0;background-image: url("../images/icon/swiper-prev.png");background-position: 6px center;}
.page-member .button-next {right: 0;border-radius: 18px 0 0 18px;background-image: url("../images/icon/swiper-next.png");background-position: 10px center;}
 .member-top {background: linear-gradient(90deg, #EDC790, #D6A364);box-shadow: 0px 8px 8px 0px rgba(206,158,82,0.3200);border-radius: 8px;padding: 18px 10px 16px 12%;position: relative;}
.member-top:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url('../images/member-bg.png') no-repeat 0 0;background-size: auto 100%;}
.member-top * {position: relative;}
.member-top h3 {color: #4e2f0c;font-size: 30px;font-weight: 500;margin-bottom: 8px;}
.member-top p {color: #4e2f0c;font-size: 14px;}
.member-package {padding: 0 10px 40px;}
.member-package .swiper {margin-top: 20px;}
.member-package .item-inner {border: 1px solid #b2b2b2;background-color: #fff;border-radius: 8px;box-shadow: 0px 3px 8px 0px rgba(10,13,47,0.0500);text-align: center;padding: 30px 0;cursor: pointer;user-select: none;height: 164px;margin: 12px 0;}
.member-package .aio-on .item-inner {border-color: #a68056;background-color: #fdf7e6;}
.member-package .is-discount .item-inner:before {content: "限时优惠";color: #fff;font-size: 12px;background: url("../images/bg1.png") no-repeat;background-size: 100% 100%;position: absolute;right: 0;top: 0;width: 60px;height: 20px;line-height: 20px;text-align: center;}
.member-package .swiper-slide .name {font-size: 20px;}
.member-package .swiper-slide .price {color: #ff7310;font-size: 26px;font-weight: bold;margin: 20px 0;}
.member-package .swiper-slide .price:before {content: "￥";font-size: 16px;}
.member-package .swiper-slide .original-price {color: #666;font-size: 15px;line-height: 22px;text-decoration: line-through;}
.member-layment {padding: 0 10px 30px;}
.member-layment .list {overflow: hidden;}
.member-layment .a0item {border: 1px solid #ebedf4;border-radius: 4px;height: 50px;line-height: 48px;font-size: 16px;margin-bottom: 20px;padding-left: 60px;cursor: pointer;user-select: none;width: 48%;float: left;position: relative;background-color: #fff;}
.member-layment .a0item:nth-child(-n + 1) {margin-right: 4%;} 
.member-layment .a0item::after {content: "";position: absolute;right: 18px;top: 0;bottom: 0;margin: auto 0;width: 20px;height: 20px;border: 1px solid #b2b2b2;border-radius: 50%;}
.member-layment .a0item[data-ai-vis]::after {background: #434960 url("../images/icon/select.png") no-repeat center center;background-size: 100% 100%;border-color: #434960;}
.member-layment .a0item .icon {position: absolute;top: 0;bottom: 0;left: 10px;margin: auto 0;width: 30px;height: 30px;background: no-repeat center center;background-size: contain;}
.member-layment .a0item[ai-value="3"] .icon {background-image: url("../images/icon/payment-alipay.png");}
.member-layment .a0item[ai-value="2"] .icon {background-image: url("../images/icon/payment-wechat.png");}
.member-layment .a0item[ai-value="5"] .icon {background-image: url("../images/user/icon-bean2.png");}
.member-layment .a0item.ios::before {background-image: url("../images/icon/payment-ios.png");}
.member-agreement {font-size: 16px;margin-bottom: 60px;}
.member-agreement a {color: #ff7310;}
.member-submit {display: flex;align-items: center;}
.member-submit .text {flex: 1;color: #999;font-size: 14px;padding: 0 10px;}
.member-submit .text .price {display: inline-block;color: #ff7310;font-size: 26px;font-weight: bold;margin-right: .2em;}
.member-submit .text .price:before {content: "￥";font-size: 14px;}
.member-submit .valid {margin-top: 5px;}
.member-submit .submit-btn {width: 140px;height: 70px;line-height: 70px;background-color: #ff7310;color: #fff;font-size: 18px;font-weight: bold;border: 0;} */

.user-action-member {width: 100%;height: 80px;display: flex !important;align-items: center;justify-content: space-between;padding: 0 20px 0 10% !important;background: #FFB078 url("../images/bg2.png") no-repeat;background-size: auto 100%;color: #fff !important;line-height: 1;}
.user-action-member .text h3 {font-size: 24px;font-weight: 500;margin-bottom: 5px;}
.user-action-member .text p {font-size: 14px;}
.user-action-member .btn {width: 68px;height: 24px;line-height: 24px;background: linear-gradient(96deg, #FFFEFC 0%, #F6D2B4 100%);box-shadow: 0px 4px 7px 0px #DE9352;border-radius: 24px;color: #604733;font-size: 14px;text-align: center;}
.user-action-member.is-member::after {content: "";display: block;width: 14px;height: 100%;background: url("../images/icon/icon-right.png") no-repeat center center;background-size: contain;}
.aio-layout-set .aio-back {margin-left: 15px;}
.popup-center {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.popover-wrap {position: relative;}
.popover {position: absolute;top: calc(100% + 10px);left: 50%;transform: translateX(-50%);background-color: #fff;z-index: 1;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);border-radius: 4px;border: 1px solid #ebeef5;}
.popover-wrap:hover .popover-service {visibility: visible;opacity: 1;}
.popover-service {display: flex;align-items: center;white-space: nowrap;width: max-content;padding: 0px 2px 0px 10px;color: #999;font-size: 12px;visibility: hidden;opacity: 0;transition: all .3s;line-height: 18px;}
.popover-service img {width: 100px;}
.popover-service::before {content: "";border-width: 6px;border-top-width: 0;position: absolute;left: 0;right: 0;bottom: 100%;margin: 0 auto;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;border-bottom-color: #fff;}

.popup-card {background-color: #fff;border-radius: 6px;max-width: 500px;width: 96%;}
.popup-card .header {padding: 15px 0;font-size: 18px;font-weight: 600;text-align: center;border-bottom: 1px solid #D4D9EA;}
.popup-code {background-color: #fff;border-radius: 6px;max-width: 500px;width: 96%;text-align: center;}
.popup-code .header {color: #ff6a00;font-size: 20px;padding: 18px 0 10px;border-bottom: 1px solid #d4d9ea;}
.popup-code .content {padding: 0 14px 14px;}
.popup-code .QRcode {width: 46%;margin: 24px auto 15px;position: relative;}
.popup-code .QRcode * {width: 100%;}
.popup-code .QRcode:before {content: "";position: absolute;top: 50%;left: 50%;width: 30%;height: 30%;background: #fff url(../images/logo-clean.png) no-repeat center center;background-size: 80% auto;margin-top: -15%;margin-left: -15%;border-radius: 8px;}
.popup-code .tips {color: #666;font-size: 14px;line-height: 1.4;}
.popup-code .tips span {color: #FF1414;}
.popup-code .btn {background: linear-gradient(0deg, #FF3500 0%, #FF7C00 100%);box-shadow: 0px 5px 10px 0px rgb(255 65 0 / 28%);height: 30px;line-height: 30px;border-radius: 15px;color: #fff;padding: 0px 18px;margin-top: 14px;}

.popup-winning-detail {background-color: #fff;border-radius: 6px;max-width: 500px;width: 96%;}
.popup-winning-detail .header {padding: 15px 0 10px;font-size: 18px;font-weight: bold;text-align: center;border-bottom: 1px solid #d4d9ea;}
.popup-winning-detail .table {padding: 6px 8px 0;}
.popup-winning-detail .table .column1 {width: 150px;}
.popup-winning-detail .table .column2 {flex: 1;width: 100%;}
.popup-winning-detail .table .column3 {width: 120px;text-align: center;}
.popup-winning-detail .tbody .btn {height: 24px;line-height: 24px;color: #fff;padding: 0;}
.popup-winning-detail .tbody .btn:before {display: block;height: 100%;background: linear-gradient(270deg, #565CFE 0%, #A63CFF 100%);box-shadow: 0px 4px 10px 0px rgba(194,211,255,0.5300);border-radius: 12px;padding: 0 12px;}
.popup-winning-detail .tbody {max-height: 245px;overflow: auto;}
.popup-winning-detail .tbody .btn[data-status="0"]:before {content: "立即发送";}
.popup-winning-detail .tbody .btn[data-status="1"][data-code=""]:before {content: "已送达";}
.popup-winning-detail .tbody .btn[data-status="1"]:before {content: "已兑奖";}
.popup-winning-detail .table .thead {display: flex;align-items: center;}
.popup-winning-detail .table .thead span {padding: 7px 8px;font-size: 16px;}
.popup-winning-detail .table .list .item {background: #fff;box-shadow: 0px 8px 10px 0px rgba(240,242,255,0.5300);border-radius: 4px;margin-bottom: 5px;display: flex;align-items: center;}
.popup-winning-detail .table .list .column {padding: 10px 5px;line-height: 1.4;}
.popup-winning-detail .text {padding: 15px 18px 18px;}
.popup-winning-detail .text p {margin-bottom: 6px;line-height: 1.4;}
.popup-winning-detail .text p span {color: #B5192A;}
.popup-winning-detail .text .tips {color: #666;font-size: 12px;}
.popup-winning-detail .text .tips a {color: #B5192A;padding: 0;}
.popup {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -40%);}
.popup .close-bottom {position: absolute;left: 50%;top: calc(100% + 25px);-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 33px;height: 33px;cursor: pointer;background: url(../images/icon/icon-close.png) no-repeat center center;background-size: contain;}

.popup-rule .content {padding: 14px 25px 30px;font-size: 16px;line-height: 1.6;text-align: justify;overflow: auto;max-height: 500px;text-align: justify;}
.popup-rule .content dl {margin-bottom: 20px;}
.popup-rule .content dl dd {text-indent: 2em;}
.popup-false-goods {background-color: #fff;background: linear-gradient(163deg, #FFFFFC, #FFFBDF);border-radius: 8px;text-align: center;padding: 20px 12px 20px 18px;max-width: 500px;width: 96%;}
.popup-false-goods .title {font-size: 20px;margin-bottom: 8px;}
.popup-false-goods .desc {color: #666;font-size: 16px;}
.popup-false-goods .goods {max-width: 50%;margin-top: 10px;}
.popup-false-goods .tips {color: #666;font-size: 14px;text-align: left;margin-bottom: 4px;line-height: 1.4;}
.popup-false-goods .tips span {color: #B5192A;}
.popup-false-goods .tips:last-child {margin-bottom: 0;}

.dropdown {position: relative;}
.dropdown .dropdown-current {color: #fff;font-size: 14px;height: 30px;line-height: 30px;padding: 0 15px;border-radius: 4px;}
.dropdown .dropdown-current::after {content: "";display: inline-block;width: 10px;height: 10px;background: url("../images/icon/icon-bottom.png") no-repeat center center;background-size: contain;margin-left: 5px;}
.dropdown .dropdown-current[data-index="0"] {background-color: #ff6a00;}
.dropdown .dropdown-current[data-index="1"] {background-color: #F2330E;}
.dropdown .dropdown-current[data-index="2"] {background-color: #39AB1E;}
.dropdown-menu {transform-origin: center top;transition: .3s cubic-bezier(.32, 1, .32, 1);transform: scaleY(0);position: absolute;top: calc(100% + 10px);left: 0;right: 0;background-color: #fff;border: 1px solid #e4e7ed;box-shadow: 0 0 12px rgba(0, 0, 0, .12);border-radius: 4px;word-wrap: break-word;padding: 5px 0;visibility: hidden;z-index: 1;}
.dropdown-menu .item a {display: block;line-height: 22px;white-space: nowrap;padding: 5px 16px;text-align: center;cursor: pointer;}
.dropdown-menu:before {content: "";width: 10px;height: 10px;z-index: -1;transform: rotate(45deg);background: #fff;position: absolute;top: -5px;left: 50%;margin-left: -5px;border: 1px solid #e4e7ed;border-bottom-color: transparent;border-right-color: transparent;}
.dropdown-menu .item:hover a {background-color: rgba(255, 106, 0, .58);color: #fff;}
.dropdown:hover .dropdown-menu {visibility: visible;transform: scaleY(1);}

.record-user {padding: 20px 0;padding: 0;}
.record-user .table-record-wrap{ padding:0;margin: 0;border-radius: 0;}

.page-head-wrap {display: none;}
.page-head-wrap::after {content: "";display: block;width: 100%;height: 44px;}

.page-head-wrap {display: none;}
.page-head-wrap::after {content: "";display: block;width: 100%;height: 44px;}


.z9vest {font-size: 14px;position: relative;overflow: visible;display: inline-block;padding: 5px;}
.z9vest .a0curr{ cursor:pointer;min-width: 100px;border-radius: 2px;text-align: center;background: #ff6a00;font-size: 12px;}
.z9vest .a0item{cursor: pointer;padding: 5px;position: relative;z-index: 2;}
.z9vest .a0item:not(:last-child){border-bottom: solid 1px #eee;}
.z9vest .a0item:hover{ color: #ff6a00;}
.z9vest .a0list{position: absolute;background: white;color: black;padding: 10px 15px;border-radius: 2px;z-index: 201;top: 0;overflow: visible;font-size: 14px;min-width: 110px;}
.z9vest:not([data-ai-vis]) .a0list{ display:none;}
.z9vest[data-ai-vis]:before{ content:''; display:block;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 20%);z-index: 200;}

/* .overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 1001;display: none;overflow: auto;font-size: 0;} */
/* .overlay[data-ai-vis] {display: block;} */
.login-track .content {position: absolute;top: 58px;left: 0;width: 100%;padding: 0 4px;}
.login-track .avatar-user {width: 96px;background: url("../images/login_avatar_line.png") no-repeat center center;background-size: contain;padding: 15px;position: relative;}
.login-track .avatar-user .sz {position: absolute;top: 40px;left: 86px;width: 58px;animation: slideup .8s ease infinite;}
.login-track .image {display: block;width: 74%;margin: 0 auto;margin-top: -6px; margin-left: 50px;}
.login-track .btn {width: 110px;cursor: pointer;display: block;margin: 0 auto;}
.login-track .btndown {position: absolute;left: 60%;top: 25%;width: 45px;animation: slidedown .8s ease infinite;}

/* .bo-popup {position: fixed;top: 45%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 94%;max-width: 640px;}
.bo-popup .close {position: absolute;right: -50px;top: -51px;width: 40px;height: 40px;background: url(../images/icon/icon-close.png) no-repeat center center;background-size: contain;cursor: pointer;z-index: 2;} */
.bo-switch {position: relative;display: inline-block;width: 60px;height: 26px;background-color: #d5d5d5;border-radius: 13px;border: 2px solid #d5d5d5;cursor: pointer;}
.bo-switch:before {content: "";position: absolute;top: 0;left: 0;width: 22px;height: 22px;border-radius: 50%;background-color: #fff;box-shadow: 2px 0px 4px 0px rgba(0,0,0,0.24);}
.switch-box {display: flex;align-items: center;font-size: 14px;color: #666;}
.switch-box .bo-switch {margin-left: 4px;}

.activity-top {background-color: #384159;color: #fff;padding-bottom: 130px;}
.activity-top h1 {color: #fff;}
.activity-top h1 .btn {font-size: 16px;color: #fff;}
.activity-top .aio-back {background-color: #f5f5f5;}
.activity-top .content {display: flex;align-items: center;justify-content: space-between;}
.activity-top .integral {border: 1px solid rgba(255,255,255,.44);border-radius: 4px;font-size: 30px;line-height: 60px;padding: 0 8px 0 60px;background: url("../images/integral.png") no-repeat 10px center;background-size: 40px auto;white-space: nowrap;}
.activity-top .text .day {font-size: 22px;font-weight: 600;}
.activity-top .text .reward {font-size: 16px;color: #a7abb5;}

.activity-signin {background-color: #fff;margin-top: -130px;border-radius: 4px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08);padding: 20px;margin-bottom: 20px;}
.activity-signin .header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.activity-signin .title {font-size: 22px;}
.signin-list {display: flex;}
.signin-list .item {background: #fff;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08);border-radius: 4px;width: 13%;line-height: 20px;color: #666;text-align: center;padding: 12px 0 10px;}
.signin-list .item.active {background-color: #fcf8d1;}
.signin-list .item:not(:last-child) {margin-right: 1.5%;}
.signin-list .item .day {font-size: 16px;line-height: 18px;}
.signin-list .item .num {font-size: 16px;}
.signin-list .item.active .num {font-size: 0;}
.signin-list .item.active .num:before {content: "已签到";font-size: 14px;display: inline-block;vertical-align: top;}
.signin-list .item .icon {display: block;width: 40px;height: 40px;background: url("../images/integral.png") no-repeat center center;background-size: contain;margin: 10px auto;}
.activity-topic {overflow: hidden;margin-bottom: 20px;}
.activity-topic .item {float: left;display: block;width: calc(100% / 2 - 3px);cursor: pointer;background: no-repeat center center;background-size: cover;border-radius: 4px;padding: 0;}
.activity-topic .item:not(.aio-bigpipe-load){background: no-repeat 0 0;background-size: cover;}
.activity-topic .item::before {content: "";display: block;padding-top: 50.5028%;}
.activity-topic .item:not(:last-child) {margin-right: 6px;}
/* .activity-topic .item:nth-child(1) {background-image: url(../images/user/topic-jfdh.png);}
.activity-topic .item:nth-child(2) {background-image: url(../images/user/topic-hdkl.png);}
.activity-topic .item:nth-child(3) {background-image: url(../images/user/topic-dhhl.png);} */
.activity-topic.col-3 .item {width: calc(100% / 3 - 4px);}
.activity-list-wrap .header {font-size: 22px;margin-bottom: 10px;}
.activity-list-wrap .item {background-color: #fff;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08);border-radius: 8px;font-size: 14px;overflow: hidden;margin-bottom: 20px;}
.activity-list-wrap .item a {display: block;padding: 0;}
.activity-list-wrap .item .image {display: block;width: 100%;}
.activity-list-wrap .item .content {padding: 20px;display: flex;align-items: center;justify-content: space-between;}
.activity-list-wrap .item .text h3 {font-size: 18px;}
.activity-list-wrap .item .text p {color: #999;font-size: 16px;}
.activity-list-wrap .item .text p:before {content: "";display: inline-block;vertical-align: middle;width: 6px;height: 6px;border-radius: 50%;background-color: #ff7611;margin-right: 6px;}
.activity-list-wrap .item .button {border: 0;background-color: transparent;}
.activity-list-wrap .item .button:before {content: '暂未开始';display: block;width: 110px;line-height: 40px;border-radius: 40px;background-color: #FFE1CB;box-shadow: 0px 1px 4px 0px #EBE5E2;text-align: center;font-size: 16px;color: #ff7912;}
.activity-list-wrap .item .button[data-state="2"]:before {content: "立即参与";color: #fff;background: linear-gradient(180deg, #fd8115 0%, #ff7310 100%);box-shadow: 0px 2px 5px 0px rgba(214,89,0,0.2);}
.activity-list-wrap .item .button[data-state="3"]:before {content: "活动结束";color: #fff;background: linear-gradient(180deg, #e9e9e9 0%, #ccc 100%);box-shadow: 0px 2px 5px 0px rgba(255,236,222,0.2);}

.integral-exchange {background-color: #fff;border-radius: 8px;}
.integral-exchange .header {padding: 30px 0;}
.integral-exchange .header h2 {text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 6px;}
.integral-exchange .header p {font-size: 18px;color: #666;text-align: center;}
.integral-exchange .button {width: 200px;height: 60px;background: linear-gradient(180deg, #FFA258 0%, #FF7310 100%);box-shadow: 0px 2px 5px 0px rgba(214,89,0,0.18);border-radius: 34px;border: 0;font-size: 24px;color: #fff;font-weight: bold;position: absolute;bottom: -100px;left: 50%;margin-left: -100px;}
.integral-exchange .content {display: flex;align-items: center;padding-bottom: 36px;}
.integral-exchange .content .num {flex: 1;font-size: 16px;color: #666;text-align: center;background: no-repeat;}
.integral-exchange .content .num:before {content: "";display: block;width: 60px;height: 60px;margin: 0 auto 4px;background: no-repeat center center;background-size: contain;}
.integral-exchange .content .integral:before {background-image: url("../images/integral.png");}
.integral-exchange .content .bean:before {background-image: url("../images/bean.png");}
.integral-exchange .content .arrow {width: 50px;height: 50px;background: url("../images/icon/icon_arrow.png") no-repeat center center;background-size: contain;}

/* .command {max-width: 506px;height: 335px;}
.command .content {width: 100%;height: 100%;background: url("../images/user/box.png") no-repeat center center;background-size: cover;padding-top: 174px;position: relative;font-size: 24px;text-align: center;}
.command .content h3 {margin-bottom: 18px;}
.command .content input {display: block; width: 64%;height: 68px;background: #fff;box-shadow: 0px 2px 4px 0px #F9D2B2, 0px 1px 4px 0px rgba(249,210,178,0.5);border-radius: 8px;border: 2px solid #FF7310;margin: 0 auto;font-size: 30px;text-align: center;padding: 10px;position: relative;z-index: 2;}
.command .content input::-webkit-input-placeholder {font-size: inherit;}
.command .title {position: absolute;top: -27%;left: 50.2%;transform: translateX(-50%);width: 129%;max-width: none;z-index: 2;}
.command .content .error {font-size: 20px;color: #ff281d;text-align: center;margin-top: 14px;display: none;}
.command .content .error:before {content: "*";}
.command .button {width: 200px;height: 60px;line-height: 60px;text-align: center;background: linear-gradient(180deg, #FF9B5E 0%, #FF1915 100%);box-shadow: 0px 3px 7px 0px rgba(255,78,65,0.46), inset 0px -2px 3px 0px rgba(157,0,0,0.33);border-radius: 34px;border: 0;font-size: 24px;color: #fff;font-weight: bold;position: absolute;bottom: -100px;left: 50%;margin-left: -100px;}
.command .light-box {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);width: 200%;height: 200%;}
.command .light-box .light {background: url("../images/user/light.png") no-repeat center center;background-size: contain;width: 100%;height: 100%;-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-animation: rotation 30s linear infinite;animation: rotation 30s linear infinite;} */


.guess {font-size: 16px;line-height: 1.2;}
.guess .menu {margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;}
.guess .banner {margin-bottom: 20px;}
.guess .banner img {display: block;width: 100%;}
.guess .section {display: block;}
.guess .section .header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.guess .section .header .title {font-size: 20px;line-height: 32px;}
.guess .section .header .title em {color: #ea3e32;}
.guess .tabs {background: #fcfcfc;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.12);border-radius: 19px;overflow: hidden;display: inline-block;vertical-align: top;}
.guess .tabs .a0item {float: left;min-width: 80px;line-height: 32px;text-align: center;font-size: 14px;color: #999;padding: 0 16px;border-radius: inherit;cursor: pointer;}
.guess .tabs .a0item[data-ai-vis] {background-color: #ff7310;color: #fff;}
.guess .tabs[data-size="small"] .a0item {line-height: 26px;min-width: 46px;font-size: 12px;padding: 0 8px;}
.guess .section .content {color: #999;line-height: 1.4;}
.guess-rank .table {border: 1px solid #eee;position: relative;}
.guess-rank .table .tbody {max-height: 400px;overflow: auto;}
.guess-rank .table .tbody .fixed {position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff8f2;display: none;}
.guess-rank .table .tbody .fixed span {flex: 1;text-align: center;line-height: 40px;font-size: 14px;}
.guess-rank .table .tbody.is-fixed {padding-bottom: 40px;}
.guess-rank .table table {width: 100%;table-layout: fixed;text-align: center;font-size: 14px;}
.guess-rank .table th {background-color: #f6f9ff;height: 36px;color: #666;}
.guess-rank .table td {height: 40px;padding: 4px;}
.guess-rank .table td .icon-tips_fill {color: #999;cursor: pointer;padding: 5px;}
.guess-rank .table tbody tr:not(:last-child) td {border-bottom: 1px solid #eee;}
.table-empty {line-height: 40px;text-align: center;font-size: 14px;}
.guess .match-list .match-item {margin-bottom: 20px;padding: 20px;background-color: #fff;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);}
.guess .match .info {display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #666;margin-bottom: 14px;height: 20px;}
.guess .match .info a {color: #ea3e32;font-size: 18px;font-weight: bold;padding: 0 12px 0 0;background: url("../images/icon/right.png") no-repeat right center;background-size: 6px auto;}
/* .guess .match .info a:hover {color: #ff6a00;} */
.guess .match .team-vs {display: flex;text-align: center;}
.guess .match .team {flex: 1;}
.guess .match .team .icon {display: block;width: 60px;height: 60px;background: no-repeat center center;background-size: contain;margin: 0 auto 8px;}
.guess .match .team-vs .vs {width: 120px;color: #666;padding-top: 20px;position: relative;}
.guess .match .team-vs .status {display: inline-block;vertical-align: top;line-height: 20px;padding: 0 4px;min-width: 40px;text-align: center;font-size: 14px;color: #fff;background-color: #FF7310;;border-radius: 2px;margin-top: 26px;}
.guess .match .team-vs .score {width: 184%;position: absolute;top: 12px;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;font-size: 30px;color: #ea3e32;}

.prediction .message {display: flex;align-items: center;justify-content: space-between;padding-right: 20px;}
.prediction .message .result {line-height: 36px;background: url("../images/activity/guess/result.png") no-repeat right center;background-size: auto 100%;color: #fff;padding: 0 14px;border-radius: 0 0 0 5px;overflow: hidden;position: relative;}
.prediction .message .result:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 40%;background-color: #1674FF;}
.prediction .message .result span {position: relative;z-index: 1;}
.prediction .message .award {color: #999;}
.prediction .message .award em {font-size: 18px;font-weight: bold;color: #ea3e32;}
.prediction .message .award a {color: #666;font-size: 14px;padding: 0 12px 0 0;background: url(../images/icon/right.png) no-repeat right center;background-size: 6px auto;}
.prediction .message .award a:hover {color: #ff6a00;}
.prediction .title {font-size: 24px;}
.prediction .list {display: flex;margin-top: 10px;}
.prediction .list .item {flex: 1;background: #fff no-repeat center center;background-size: 100% 100%;border-radius: 5px;border: 2px solid #6E0E33;height: 90px;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #680c31;cursor: pointer;-webkit-user-select: none;user-select: none;position: relative;}
.prediction .list .item:not(:last-child) {margin-right: 60px;}
.prediction .list .item .name {font-size: 24px;font-weight: bold;}
.prediction .list .item .value {font-size: 16px;margin-top: 8px;}
.prediction .list.twins .item {background-image: url("../images/activity/guess/block_1.png");border: 0;}
.prediction .list.twins .item:nth-child(2) {background-image: url("../images/activity/guess/block_2.png");}
.prediction .list .item.checked {background-image: url("../images/activity/guess/block_3.png");border: 0;color: #fff;}
.prediction .list.twins .item.checked {background-image: url("../images/activity/guess/block_4.png");border: 0;}
.prediction .list.twins .item:nth-child(2).checked {background-image: url("../images/activity/guess/block_5.png");border: 0;}
.prediction .list .item.checked::after {content: "";background: url("../images/activity/guess/checked_1.png") no-repeat center center;background-size: contain;position: absolute;right: 0;bottom: 0;width: 32px;height: 24px;}
.prediction .list.twins .item.checked::after {width: 39px;height: 26px;background-image: url("../images/activity/guess/checked_2.png");left: 0;right: auto;}
.prediction .list.twins .item:nth-child(2).checked::after {background-image: url("../images/activity/guess/checked_3.png");left: auto;right: 0;}

.prediction .button {display: block;margin: 18px auto 0;width: 200px;height: 48px;background: linear-gradient(270deg, #FE940B 0%, #FF622B 100%);box-shadow: 0px 3px 5px 0px rgba(196,196,196,0.67);border: 0;border-radius: 24px;font-size: 18px;color: #fff;}
.no-data {padding: 200px 0 30px;text-align: center;font-size: 16px;color: #999;background: url("../images/empty.png") no-repeat center -50%; background-size: 360px auto;}


.prediction-list .section.is-end .prediction.past .list .item {background-image: url("../images/activity/guess/block_6.png");border: 0;color: #fff;cursor: auto}
.prediction-list .section.is-end .prediction.past .list.twins .item {background-image: url("../images/activity/guess/block_10.png");}
.prediction-list .section.is-end .prediction.past .list.twins .item:nth-child(2) {background-image: url("../images/activity/guess/block_11.png");}
.prediction-list .section.is-end .prediction .list .item.active {background-image: url("../images/activity/guess/block_7.png");border: 0;}
.prediction-list .section.is-end .prediction .list.twins .item.active {background-image: url("../images/activity/guess/block_8.png");}
.prediction-list .section.is-end .prediction .list.twins .item:nth-child(2).active {background-image: url("../images/activity/guess/block_9.png");}


 

.base-dialog {position: absolute;top: 50%;left: 50%;max-width: 390px;width: 94%;background-color: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 12px;overflow: hidden;}
.base-dialog .content {min-height: 140px;display: flex;align-items: center;}
.base-dialog .message {flex: 1;padding: 14px;text-align: center;word-wrap: break-word;}
.base-dialog .message > * {font-size: 16px;line-height: 20px;}
.base-dialog .message p {margin: 10px 0;}
.base-dialog .message em {color: #ea3e32;}
.base-dialog .footer {display: flex;overflow: hidden;-webkit-user-select: none;user-select: none;border-top: 1px solid #e7e7e7;}
.base-dialog .footer .button {flex: 1;height: 56px;line-height: 56px;border: 0;background-color: #fff;font-size: 16px;color: #666;}
.base-dialog .footer .button + .button {border-left: 1px solid #e7e7e7;}
.base-dialog .footer .button.confirm,
.base-dialog .footer .button.confirm:active {color: #ff7310;}

.poster-dialog {max-width: 390px;width: 80%;margin: 15vh auto 50px;position: relative;display: inline-block;vertical-align: middle;}
.poster-dialog .header {line-height: 50px;height: 50px;background: url("../images/activity/guess/title.png") no-repeat center center;background-size: 100% 100%;text-align: center;color: #fff;font-weight: bold;font-size: 24px;border-radius: 12px 12px 0 0;}
.poster-dialog .content {border-radius: 0 0 12px 12px;}
.poster-dialog .footer {display: flex;justify-content: center;margin-top: 30px;}
.poster-dialog .button {width: 150px;height: 50px;line-height: 50px;border: 0;background: no-repeat center center;background-size: 100% 100%;font-size: 16px;font-weight: bold;color: #fff;margin: 0 10px;}
.poster-dialog .button.cancel {background-image: url("../images/activity/guess/btn_1.png");}
.poster-dialog .button.confirm {background-image: url("../images/activity/guess/btn_2.png");}
.poster-dialog .QRcode {position: absolute;right: 4%;bottom: 4%;width: 85px;height: 85px;text-align: center;}
.poster-dialog .thumbnail  {position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 0 0 10px 10px;overflow: hidden;}
.poster-dialog .text {position: absolute;bottom: calc(85px + 6%);left: 0;right: 0;margin: 0 auto;color: #fff;text-align: center;font-weight: bold;font-size: 26px;background: url("../images/user/select_box.png") no-repeat center center / contain;}
.poster-dialog .text:before {content: '';display: block;padding-top: 24.2666%;}
.poster-dialog .text::after {content: attr(data-text);position: absolute;top: 50%;left: 0;right: 0;transform: translate(0, -50%);}
.poster-dialog .text.bingo {background-image: url('../images/user/select_box_active.png');}

.slides-poster .swiper-button-prev::after {display: none;}
.slides-poster .swiper-button-prev,
.slides-poster .swiper-button-next {width: 20px;height: 60px;background: #a82337 no-repeat center center;background-size: 13px auto;z-index: 2;}
.slides-poster .swiper-button-prev {border-radius: 0 4px 4px 0;left: 0;background-image: url("../images/activity/guess/swiper_prev.png");}
.slides-poster .swiper-button-next {border-radius: 4px 0 0 4px;right: 0;background-image: url("../images/activity/guess/swiper_next.png");}

.share-control {background-color: #fff;display: flex;flex-direction: column;padding: 10px 0;border-radius: 0 4px 4px 0;position: absolute;right: -60px;top: 0;}
.share-control .control {flex: 1;text-align: center;padding-top: 50px;font-size: 14px;background: no-repeat center 4px;background-size: 40px auto;margin-bottom: 10px;}
.share-control .control:last-child {margin-bottom: 0;}
.share-control .wechat {background-image: url("../images/share-wx.png");}
.share-control .weibo {background-image: url("../images/share-micro-blog.png");}
.share-control .qzone {background-image: url("../images/share-qq-zone.png");}

.tool-wrap {margin-bottom: 8px;min-height: 18px;}
.tool-wrap .aio-dropdown {float: right;}
/* 下拉组件 */
.aio-dropdown {display: inline-flex;position: relative;white-space: nowrap;font-size: 14px;line-height: 18px;-webkit-user-select: none;user-select: none;}
.aio-dropdown .trigger {padding-right: 20px;cursor: pointer;color: #ff7310;position: relative;}
.aio-dropdown .trigger::after {content: "";position: absolute;top: 0;right: 0;width: 14px;height: 100%;background: url("../images/icon/icon_arrow_bottom2.png") no-repeat center center;background-size: contain;}
.aio-dropdown-list {position: absolute;top: calc(100% + 10px);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #fff;border: 1px solid #e4e7ed;box-shadow: 0 0 12px rgba(0,0,0,.12);padding: 5px 0;visibility: hidden;opacity: 0;transition: .3s cubic-bezier(.23, 1, .23, 1);transform-origin: center top;z-index: 1;}
.aio-dropdown-list:before {content: "";position: absolute;top: -5px;left: 50%;margin-left: -5px;width: 10px;height: 10px;z-index: -1;content: "";transform: rotate(45deg);box-sizing: border-box;background-color: #fff;border: 1px solid #e4e7ed;z-index: -1;border-bottom-color: transparent;border-right-color: transparent;}
.aio-dropdown-list .dropdown-item a {display: block;padding: 5px 16px;}
.aio-dropdown-list .dropdown-item a:hover {background-color: #ffd7bb;color: #ff7310;}
.aio-dropdown[data-ai-vis] .aio-dropdown-list {visibility: visible;opacity: 1;}

/* 会员中心 */
/* .member {font-size: 14px;}
.member-top a {position: relative;overflow: hidden;display: block;background: url(../images/user/member-card.png) no-repeat center top / cover;padding: 20px;border-radius: 10px;margin-bottom: 15px;}
.member-top .header {position: relative;;height: 30px;display: flex;align-items: center;background: url(../images/icon/icon_diamond.png) no-repeat 0 center;background-size: 24px;padding-left: 30px;}
.member-top .header .title {font-size: 20px;font-weight: bold;background-image:-webkit-linear-gradient(left, #fcaa00, #fd8101);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.member-top .header .sub-title {color: #82551a;margin-left: 2px;}
.member-top .header .icon-arrow-right {position: absolute;right: 0;top: 50%;font-size: 20px;font-weight: bold;margin-top: -13px;}
.member-top .content {color: #512c19;font-size: 16px;font-weight: bold;padding: 20px 0 10px;}
.member-top .crown {position: absolute;right: -4px;top: 45px;width: 156px;}
.member-grid {background-color: #fff;border-radius: 5px;box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, .03);margin-bottom: 15px;}
.member-grid .header {position: relative;line-height: 40px;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;padding: 0 20px;}
.member-grid .header .title {font-size: 18px;font-weight: bold;}
.member-grid .header .btn-video {color: #333;cursor: pointer;user-select: none;padding-left: 26px;background: url(../images/icon/icon_video.png) no-repeat 0 center;background-size: 20px;}
.member-grid.ai,
.member-grid.vip {background-color: #e7e8ec;}
.member-grid.duration .header {background: linear-gradient(134.15deg, rgba(248, 216, 176, 1) 0%, rgba(250, 213, 165, 1) 40.06%, rgba(230, 183, 126, 1) 100%);box-shadow: 0px 2px 4px 0px rgba(131, 142, 166, 0.25);}
.member-grid.duration .header::after {content: "";position: absolute;right: 0;top: 0;height: 100%;width: 50px;background: url(../images/icon/icon_crown_1.png) no-repeat center center / contain;}
.member-grid.duration .header .title {background: url(../images/icon/icon_medal.png) no-repeat 0 center;background-size: 26px;padding-left: 30px;}
.member-grid.ai .header {background: linear-gradient(134.15deg, rgba(22, 116, 255, 1) 0%, rgba(201, 222, 255, 1) 100%), linear-gradient(90deg, rgba(252, 206, 159, 1) 0%, rgba(254, 222, 181, 1) 28.11%, rgba(225, 183, 131, 1) 100%);background-blend-mode: normalnormal;color: #fff;}
.member-grid.vip .header  {background: linear-gradient(134.15deg, rgba(249, 201, 134, 1) 0%, rgba(255, 233, 222, 0.92) 56.44%, rgba(252, 222, 179, 1) 100%), linear-gradient(90deg, rgba(255, 204, 115, 1) 0%, rgba(255, 216, 166, 1) 100%);background-blend-mode: normalnormal;}
.member-grid .content {padding: 0 20px;overflow: hidden;}
.member-grid .agreement {color: rgba(0, 0, 0, .5);margin-bottom: 10px;} 
.member-grid .agreement a {color: var(--color-theme);padding: 0;}
.member-grid .select-group {margin-top: 10px;}
.member-grid .select-group h4 {font-size: 16px;line-height: 30px;}
.member-grid .gird-wrap {margin: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.member-grid .gird-wrap::after {content: "";width: 32%;}
.member-grid .grid-item {width: 32%;background-color: #fff;border: 1px solid rgba(141, 184, 247, 1);box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);border-radius: 5px;display: flex;align-items: center;padding: 15px 12px;margin-bottom: 2%;}
.member-grid .grid-item .icon img {width: 50px;height: 50px;object-fit: contain;}
.member-grid .grid-item .text {padding-left: 4px;flex: 1;}
.member-grid .grid-item .name {font-size: 16px;line-height: 24px;font-weight: bold;color: #4e94fc;margin-bottom: 4px;}
.member-grid .grid-item .desc {color: #7a7a7a;font-size: 12px;line-height: 16px;}
.member-grid.vip .grid-item {background: #fffcf5;border-color: #fac989;}
.member-grid.vip .grid-item .name {color: #f0ad4f;}
.member-type {margin: 0 -5px;}
.member-type .select-item {float: left;width: 50%;height: 80px;padding: 5px;text-align: center;}
.member-type .select-item-inner {position: relative;height: 100%;border-radius: 5px;background: #fff;border: 1px solid #fabb4d;box-shadow: 0px 2px 4px 0px rgba(131, 142, 166, .05);display: flex;flex-direction: column;justify-content: center;user-select: none;cursor: pointer;}
.member-type .select-item.recommend {height: 160px;}
.member-type .select-item .name {font-size: 18px;font-weight: bold;}
.member-type .select-item .desc {color: rgba(50, 47, 55, .7);}
.member-type .select-item.active .select-item-inner {background-color: #fcebd7;}
.member-type .select-item.active .name {color: var(--color-theme);}
.member-duration {margin-top: 5px;}
.member-duration .swiper-slide {position: relative;height: 130px;background-color: #fff;border: 1px solid #fabb4d;border-radius: 5px;text-align: center;color: #6F6767;display: flex;flex-direction: column;justify-content: center;cursor: pointer;user-select: none;}
.member-duration .swiper-slide .price {font-size: 12px;line-height: 20px;}
.member-duration .swiper-slide .price span {display: inline-block;color: #333;font-size: 22px;font-weight: bold;vertical-align: bottom;}
.member-duration .swiper-slide .price-sub {line-height: 20px;margin-top: 4px;}
.member-duration .swiper-slide.active {background-color: #fcebd7;}
.member-duration .swiper-slide.active .price span {color: var(--color-theme);}
.member-type .select-item:first-child .select-item-inner::before,
.member-duration .swiper-slide:first-child:before {background-color: #f52a2a;color: #fff;font-size: 12px;line-height: 20px;padding: 0 5px;border-radius: 5px 0 8px 0;position: absolute;left: 0;top: 0;}
.member-type .select-item:first-child .select-item-inner::before {content: "推荐购买";}
.member-duration .swiper-slide:first-child:before {content: "限时优惠";}
.payment-action {display: flex;align-items: center;}
.payment-action .text {flex: 1;font-size: 16px;text-align: right;padding: 0 20px;}
.payment-action .text .price {color: var(--color-theme);line-height: 100%;vertical-align: bottom;margin-left: 4px;}
.payment-action .text .price::after {content: "出奇豆";color: rgba(0, 0, 0, .5);font-size: 12px;font-weight: 500;vertical-align: 2px;margin-left: 4px;}
.payment-action .text .pay .price {font-size: 26px;font-weight: bold;}
.payment-action .text .balance {line-height: 18px;margin-top: 4px;}
.payment-action .text .balance .price {font-size: 16px;}
.payment-action button {width: 130px;height: 54px;line-height: 54px;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);border: 0;color: #fff;font-size: 18px;font-weight: bold;} */
.member h1 {color: #fff;}
.member .aio-layout-set .aio-back {color: #fff;background-color: #ddd;color: #000;}
.member .main-wrap {background-color: #15224a;}
.member .main-box {border-radius: 6px;background-color: #fff;max-width: 600px;margin: 0 auto;}
.member .box-head {border-radius: 6px 6px 0 0;box-shadow: 0px 2px 4px rgba(131,142,166,0.25);background: linear-gradient(134.15deg, #f8d8b0 0%, #fad5a5 40.06%, #e6b77e 100%);display: flex;align-items: center;padding: 8px 20px;position: relative;z-index: 1;}
.member .box-head .title {flex: 1;font-size: 16px;font-weight: bold;}
.member .box-head .value {color: #855c48;font-size: 14px;text-align: right;}
.member .box-head .value span {color: #f52a2a;}
.member .box-1 .box-head::after {content: "";position: absolute;right: 0;top: 0;width: 60px;height: 100%;background: url(../images/icon/icon_crown_1.png) no-repeat center center;background-size: contain;pointer-events: none;z-index: -1;}
.member .box-1 .box-content {padding: 0 20px 20px;}
.member .box-1 h2 {font-size: 15px;padding: 10px 0;}
.member .box-1 .product-list {max-width: 460px;margin: 0 auto;overflow: hidden;}
.member .box-1 .product-list .a0item {float: left;width: calc((100% - 20px) / 3);color: rgba(50, 47, 55, 0.7);font-size: 14px;line-height: 24px;text-align: center;border-radius: 6px;box-shadow: 0px 2px 4px  rgba(131, 142, 166, 0.05);background-color: #fff;cursor: pointer;position: relative;padding: 20px 0 10px;margin-right: 10px;user-select: none;overflow: hidden;}
.member .box-1 .product-list .a0item::after {content: "";border: 1px solid #b3b3b3;border-radius: 6px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none;}
.member .box-1 .product-list .a0item:last-child {margin-right: 0;}
.member .box-1 .product-list .a0item span {color: #322f37;font-size: 18px;font-weight: bold;}
.member .box-1 .product-list .a0item.hot::before {content: "限时优惠";position: absolute;left: 0;top: 0;border-radius: 0 0 5px 0;background-color: #f52a2a;color: #fff;font-size: 12px;line-height: 20px;padding: 0 5px;}
.member .box-1 .product-list .a0item[data-ai-vis="1"] {background-color: #fcebd7;}
.member .box-1 .product-list .a0item[data-ai-vis="1"]::after {border-color: #ffac1c;}
.member .box-1 .product-list .a0item[data-ai-vis="1"] span {color: var(--color-theme);}
.member .box-1 .btn {border-radius: 6px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.22);background: url(../images/btn_1.png) no-repeat center 10%;background-size: 103%;line-height: 45px;text-align: center;color: #ffdb8a;font-size: 16px;font-weight: bold;max-width: 320px;margin: 20px auto 0;cursor: pointer;}
.member .box-2 .box-head {background: linear-gradient(134.15deg, #f9c986 0%, #ffe9de 56.44%, #fcdeb3 100%), linear-gradient(90deg, #ffcc73 0%, #ffd8a6 100%);}
.member .box-2 .list {max-width: 460px;margin: 0 auto;overflow: hidden;padding: 20px 0 10px;}
.member .box-2 .list .item {float: left;width: calc((100% - 10px) / 2);background: linear-gradient(90deg, #fff 0%, #fdf6e4 100%);font-size: 14px;display: flex;align-items: center;padding: 10px 8px;border-radius: 6px;position: relative;margin: 0 10px 10px 0;}
.member .box-2 .list .item:nth-child(2n) {margin-right: 0;}
.member .box-2 .list .item::after {content: "";border: 1px solid #fac989;border-radius: inherit;position: absolute;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none;}
.member .box-2 .list .item .icon {width: 38px;height: 38px;object-fit: contain;margin-right: 3px;}
.member .box-2 .list .item .text {flex: 1;font-size: 14px;}
.member .box-2 .list .item .title {font-size: 14px;line-height: 20px;}
.member .box-2 .list .item .value {line-height: 16px;}
.member .box-2 .list .item .value span {color: var(--color-theme);font-size: 12px;text-decoration: underline;cursor: pointer;}
.member .box-3 .box-head {color: #fff;background: linear-gradient(134.15deg, #1674ff 0%, #c9deff 100%), linear-gradient(90deg, #fcce9f 0%, #fedeb5 28.11%, #e1b783 100%);}
.member .box-3 .content {font-size: 14px;padding: 10px 20px 20px;}
.preview-wrap {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);max-width: 450px;margin: 0 auto;}
.preview-wrap video {width: 100%;max-height: 70vh;}
/* .member .aio-layout-set h1 {color: #fff;} */
/* 会员中心end */

/* 会员记录 */
.record-tabs {display: flex;font-size: 16px;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 15px;}
.record-tabs .tab-item {position: relative;display: block;padding: 0 20px 5px;transition: all .2s ease;}
.record-tabs .tab-item::after {content: "";background-color: rgba(0, 0, 0, .1);width: 1px;height: 14px;position: absolute;right: 0;top: 6px;}
.record-tabs .tab-item:last-child:after {display: none;}
.record-tabs .tab-item.active::before {content: "";background-color: var(--color-theme);width: 100%;height: 2px;position: absolute;left: 0;right: 0;bottom: -1px;}
.record-tabs .tab-item.active,
.record-tabs .tab-item:hover {color: var(--color-theme);}
.record-tabs .tab-item.active {font-weight: bold;}
.member-thead {display: flex;background-color: #fffbf0;}
.member-thead li {color: rgba(0, 0, 0, .5);font-size: 14px;padding: 4px 20px;text-align: left;}

.member-item {display: flex;font-size: 14px;text-align: left;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.member-item div {padding: 10px 20px;line-height: 22px;color: rgba(0, 0, 0, .6);}
.member-item div span {color: var(--color-theme);}
.member-thead li:nth-child(1),
.member-item div:nth-child(1) {width: 200px;}
.member-thead li:nth-child(2),
.member-item div:nth-child(2) {width: 200px;}
.member-thead li:nth-child(3),
.member-item div:nth-child(3) {flex: 1;text-align: right;}
/* end */

/* 充值结果弹窗 */
.dialog-result {background-color: #fff;border-radius: 12px;text-align: center;padding: 20px 20px 26px;}
.dialog-result .result-title {font-size: 24px;font-weight: bold;line-height: 34px;}
.dialog-result .result-image {width: 100px;margin: 14px 0 42px;}
.dialog-result .result-btn {display: block;margin: 0 auto;width: 225px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;background: linear-gradient(228.98deg, rgba(250, 111, 12, 1) 0%, rgba(255, 193, 59, 1) 100%);box-shadow:  0 5px 10px rgba(250, 111, 12, .5);color: #fff;font-size: 20px;}
/* end */

/* 我的银行卡 */
.my-bank_list li:not(:last-child){background: #fff;padding: 20px 16px; box-sizing: border-box;border-radius: 4px;line-height: 0;margin-top: 10px;}
.my-bank_list li a{background: #f5f5f5;padding: 15px;border-radius: 4px;width: 100%;position: relative;}
.my-bank_list li a::after{content: "";clear: both;visibility: hidden;display: block;height: 0;}
.my-bank_list .info{padding-left: 80px;font-size: 16px;line-height: 30px;background-repeat: no-repeat;background-position: left center;background-size: contain;}
.my-bank_list .info p{font-size: 24px;font-weight: bold;}
.my-bank_list li:last-child{text-align: center;}
.my-bank_list li:last-child a{display: inline-block;background-color: #fff;width: 90%;border: 1px solid #ff7310;border-radius: 8px;margin-top: 20px;}
.my-bank_list li:last-child .card_item{font-size: 22px;color: #ff7310;padding: 10px 0;}
.bank_tips{display: none;}
.aio-bank-form .delect .aio-submit-add{display: none;}
.aio-bank-form .add .aio-submit-delect{display: none;}

/* end */

/* 支付中心（新增银行卡） */
.bank-vou-dialog .app-dialog{padding: 1%;text-align: left;}
.bank-vou-dialog .panel-title{text-align: center;font-weight: bold;font-size: 20px;padding-bottom: 15px;}
.bank-vou-close{text-align: right;}
.bank-vou-close span{background: url(../images/user/icon-close.png) no-repeat;display: inline-block;width: 30px;height: 30px;background-size: contain;cursor: pointer;}
.banks-option .a0item{position: relative;padding: 15px 0;}
.banks-option dd:not(:last-child){border-bottom: 0.5px solid rgba(0, 0, 0, 0.1)}
.banks-option .app-checkbox{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.banks-option .a0item a{text-decoration: inherit;display: block;}
.banks-option .a0item .bank-select{background: url(../images/user/bank-select.png) no-repeat ;display: inline-block;padding-left: 40px;background-position: left center;background-size: contain;color: rgba(0, 0, 0, .9);font-weight: bold;}
.banks-option .a0item .app-bank-select {background: url(../images/user/bank-right.png) no-repeat;background-position: left center;width: 12px;height: 20px;background-size: contain;}
/* end */

@keyframes press {
	0% {transform: scale(1);}
	100% {transform: scale(0.9);}
}
@keyframes rotate {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}
@keyframes voteKey{
	0%, 50%, 100% {transform: scale(1.05);}
	25%, 75% {transform: scale(1);}
}
@-webkit-keyframes voteKey{
	0%, 50%, 100% {transform: scale(1.05);}
	25%, 75% {transform: scale(1);}
};
@keyframes slideup {
	0% {transform: translate(0, 0);}
	50% {transform: translate(-5px, -5px);}
	100% {transform: translate(0, 0);}
}
@keyframes slidedown {
	0% {transform: translateY(0);}
	50% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
}
/* 旋转 */
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotation {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}


/* 佣金提现 */
.pay-tips dt{font-weight: bold;font-size: 16px;margin: 10px 0 5px;}
.pay-tips dd{line-height: 25px;}
/* end */

/* 微信浏览器 */
.only-wxBrowser{position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .5);width: 100%;height: 100%;z-index: 1001;}
.only-wxBrowser img{position: absolute;top: 0;right: 0;width: 80%;max-width: 300px;}
/* .wxBrowser-pc img{left: 15%;right: inherit;} */

/* 专家方案详情的口令弹窗 */
.new-matchInfo .light-box{display: none;}
.new-matchInfo .command .content{background: transparent;padding-top: 185px;}
.new-matchInfo .content input{width: 80%;}
.new-matchInfo .command .button{bottom: -155px;background: #FFC646;box-shadow: inherit;}
.new-matchInfo .bo-popup .close{top: -90px;}

.new-matchInfo .content h3{margin-bottom: 5px;}
.new-matchInfo .new-content{position: relative;z-index: 11;}
.new-matchInfo .new-content h3, .new-matchInfo .new-content p{position: relative;z-index: 11;}
.new-matchInfo .new-content::before{content: "";position: absolute;top: 185px;left: 50%;transform: translateX(-50%);width: 80%;height: 80px;background: #fff;border-radius: 10px;border: 1px solid #f2532a;}

/* 方案首页优化 */
/* .instruction-dialog{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 100;background: url(../images/yindao/yindao-bg.png) no-repeat;background-size: 100%; background-position: 0 29%;} */
.instruction-dialog{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, .7);background-size: 100%; background-position: 0 29%;display: none;}
/* .instruction-dialog.active{display: block !important;} */
.instruction-dialog.active{display: block;}
.inst-d-center{position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);width: 25%;}
.inst-d-data{position: absolute;top: 42%;left: 50%;transform: translateX(-50%);width: 95%;padding-top: 27%;}
.inst-d-data::before{content: "";position: absolute;top: 0;right: 0;width: 160px;height: 110px;background: url(../images/yindao/list.png) no-repeat;background-size: contain;}
.inst-d-data .recommend-list {min-height: auto;}

.inst-d-close{position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);width: 25%;}

.app-dialog-gx{overflow: inherit;}
.app-dialog-gx .app-dialog-top{background: url(../images/expert/ex-top.png) no-repeat;background-size: 100% 100%;padding: 16px 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.app-dialog-gx .app-dialog-top h3{font-size: 20px;color: #fff;}
.app-dialog-gx .app-dialog-title{padding: 6px 0 18px;}
.app-dialog-gx .app-dialog-title .title{font-size: 16px;position: relative;padding: 0 30px;color: rgba(0, 0, 0, .6);}
.app-dialog-gx .app-dialog-title .title::before, .app-dialog-gx .app-dialog-title .title::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 20px;height: 1px;background: rgba(0, 0, 0, .4);}
.app-dialog-gx .app-dialog-title .title::before{left: 0;}
.app-dialog-gx .app-dialog-title .title::after{right: 0;}

.inst-d-nav{text-align: center;padding: 20px 10px;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);border-radius: 100%;background: #fff;}
.inst-d-nav::before{content: "";position: absolute;top: 100%;left: 10%;transform: translateX(-50%);background: url(../images/yindao/nav.png) no-repeat;width: 160px;height: 120px;background-size: contain;margin-top: -10px;}
.aio-com-switch .aio-item.aio-inst-on{background: white;color: #ff6a00; border-radius: 17px;}
.instruction-dialog .end{display: none;height: 100%;}

.instruction-dialog .app-dialog-new{height: 100%;}
#inst_recommend1 a{text-decoration: inherit;}

/* checkbox,radio */
.a1check,.a1radio{position: relative;padding: 0px 10px 0px 25px !important;line-height: 30px;display: inline-block;cursor: pointer;}
.a1check:last-child,.a1radio:last-child{ padding-right: 0; }
.a1check:before,.a1radio:before {content: '';cursor: pointer;position: relative;display: block;width: 20px;height: 20px;background-color: #ffffff;-webkit-transition: .4s;transition: .4s;border:solid 1px rgba(0,0,0,.38);position:absolute;left: 0px;top: 50%;margin-top: -9px;box-sizing: border-box;}
.a1check.round:before,.a1radio:before{ border-radius: 100%;}
.a1radio[data-ai-vis]:before{border-color: #c18a4a;}
.a1radio[data-ai-vis],.a1check[data-ai-vis]{color: #111;}
.a1radio[data-ai-vis]:after{content: '';display: block;background-color: #c18a4a;width: 12px;height: 12px;border-radius: 100%;position: absolute;left: 4px;top: 50%;margin-top: -5px;}
.a1check[data-ai-vis]:before, .a1check:before{background-color: #f9680e;border-color:rgba(255,255,255,0);}
.a1check[data-ai-vis]:after, .a1check:after{content: '';display: block;border:solid 2px white;width: 14px;height: 7px;border-radius: 1px;border-color: rgba(255,255,255,0) rgba(255,255,255,0) white white;position: absolute;left: 3px;top: 50%;margin-top: -5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: border-box;}

.recommend-ym-author{text-align: left;}
.recommend-ym-author .author-info, .recommend-ym-author a.author-info{display: block;}
.recommend-ym-author .a1check{padding: 10px !important;width: 30%;border-radius: 2px;background: rgba(247, 249, 255, 1);margin-right: 10px;margin-bottom: 10px;}
.recommend-ym-author .a1check:nth-child(3n){margin-right: 0 !important;}
.recommend-ym-author .a1check:before{top: 3px;right: 3px;left: auto;background-color: rgba(216, 216, 216, 1);border-color: rgba(216, 216, 216, 1);margin-top: 0;}
.recommend-ym-author .a1check[data-ai-vis]:after, .recommend-ym-author .a1check:after{top: 3px;right: 6px;left: auto;margin-top: 5px;}
.recommend-ym-author .a1check[data-ai-vis]:before{background-color: #f9680e;border-color: rgba(255,255,255,0);}

.recommend-ym-author .avatar[data-vest]::after{width: 47px !important;}
.recommend-ym-author .author-content .name{margin-top: 10px;text-align: center;}
.ym-dialog{padding: 15px 22px !important;}
.ym-dialog.inline{display: block !important;text-align: center;}
.ym-dialog .sub-title{color: rgba(153, 153, 153, 1);font-size: 14px;display: block;margin-bottom: 5px;}
.ym-dialog.inline .button{border-radius: 30px !important;background: linear-gradient(270deg, rgba(240, 48, 48, 1) 0%, rgba(240, 69, 31, 1) 100%);box-shadow: 0px 0px 8px  rgba(0, 0, 0, 0.33);display: inline-block;max-width: 240px !important;width: 100%;margin-right: 0 !important;}
.ym-dialog .ym-dialog-program{border-radius: 30px;display: none;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%), linear-gradient(242.49deg, rgba(247, 67, 67, 1) 0%, rgba(245, 54, 37, 1) 100%);font-size: 14px;color: #fff !important;height: 40px;line-height: 40px;max-width: 240px;width: 100%;}
.app-dialog-pro .ym-dialog-program{display: inline-block;text-decoration: none;}

.ym-dialog-close{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);background: url(../images/round_close.png) no-repeat;background-size: contain;width: 35px;height: 35px;margin-top: 10px;}
.app-dialog-pro .button{display: none !important;}
.app-dialog-gx .no_a1check:before, .app-dialog-gx .no_a1check::after{display: none;}
/* end */

/* 个人首页优化 */
.lead-switch{margin-right: 10px;display: inline-block;}
.lead-switch .switch{width: 90px;height: 25px;background-color:rgba(255, 174, 107, 1)}
.lead-switch .switch::before{top: 2px;right: 2px;width: 22px;height: 22px;z-index: 1;}
.lead-switch .switch[data-ai-vis]{background-color: rgba(201,201,201,1)}
.lead-switch .switch[data-ai-vis]::before{right: 73%;background: #fff;}
.lead-switch .switch .switch-label{position: absolute;top: 50%;left: 40%;transform: translate(-50%, -50%);font-size: 12px;width: 100%;text-align: center;margin-top: 1px;transition: all .3s ease-in;}
.lead-switch .switch[data-ai-vis="1"] .switch-label{position: absolute;top: 50%;left: 60%;transform: translate(-50%, -50%);font-size: 12px;width: 100%;text-align: center;margin-top: 1px;}
/* end */

/* 方案详情页优化 */
.lead_dialog-app{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: 100;}
.lead-author-info .author-info, .lead-author-info .action{position: relative;z-index: 101;background: #fff;height: 55px;}
.lead-author-info .author-info::before, .lead-author-info .action::before{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 100%;height: 120px;background-repeat: no-repeat;background-size: contain;}
.lead-author-info .author-info::before{background-image: url(../images/yindao/info-1.png);height: 113px;}
.lead-author-info .action::before{background-image: url(../images/yindao/info-2.png);height: 79px;width: 130px;left: -10px;}
.matchInfo-lead-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 25%;}

.share .lead-author-info .author-info, .share .lead-author-info .action{background: transparent;}
.share .lead-author-info .author-info::before{background-image: initial;}
.share .lead-author-info .action::before{background-image: initial;}
.share .author-info-wrap .follower{font-size: 12px;}

#match_pay_prompt_dialog .app-dialog em{display: block;font-style: inherit;background: url(../images/icon-dou.png) no-repeat;background-size: contain;background-position: center center;width: 100%;height: 100px;}
#match_pay_prompt_dialog .c-content{padding: 20px 30px;}
#match_pay_prompt_dialog .c-content .aio-strong{color: rgba(255, 115, 16, 0.9);}
#match_pay_prompt_dialog .c-footer-button{flex-direction: column;justify-content: center;align-items: center;}
#match_pay_prompt_dialog .c-footer-button span{max-width: 183px;display: block;width: 100%;}
#match_pay_prompt_dialog .c-footer-button span[data-action="submit"]{border-radius: 24px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);}
#match_pay_prompt_dialog .c-footer-button span[data-action="close"]{background-color: transparent;}

#split_dialog .app-dialog-box{width: 100%;border: 0.5px solid rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 8px  rgba(0, 0, 0, 0.08);border-radius: 9px;overflow: hidden;}
#split_dialog .app-dialog{overflow: inherit;background-color: inherit;box-shadow:inherit;border-radius: 0;}
#split_dialog .c-content{background: #fff;box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);border-radius: 20px;}
.split_dia-box{position: relative;}
.split_dia-box .content{height: 68px;width: 100%;}
.split_dia-info .icon-vs{background: url(../images/icon-vs.png) no-repeat;background-position: center center;background-size: contain;height: 24px;}
.split_dia-info .match-result-label{padding-top: 0;}
.split_dia-info .time{padding-top: 10px;}
.split_dia-info.match-team{padding-top: 20px;}
.split_dia-btn span{background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);color: #fff;padding: 5px 30px;margin-top: 18px;}

.split-dialog.active .app-dialog{animation: 500ms ease 100ms 1 normal both running dialogAni;}
.split-dialog.active .c-content{animation: 500ms ease 800ms 1 normal both running flipInY;}

@keyframes dialogAni {
	0%{
		opacity: 0;
		transform: translate(100%, 50%);
	}
	100% {
		opacity: 1;
		transform: translate(-50%, 50%);
	}
}
@-webkit-keyframes dialogAni {
	0%{
		opacity: 0;
		transform: translate(100%, 50%);
	}
	100% {
		opacity: 1;
		transform: translate(-50%, 50%);
	}
}

@keyframes flipInY {
	0% {
	  opacity: 1;
	}
	1% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 100deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 100deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 1;
	}
	40% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
	60% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  opacity: 1;
	}
	80% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	99% {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
	100% {
	  transform: none;
	}
}
@-webkit-keyframes flipInY {
	0% {
	  opacity: 1;
	}
	1% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 100deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 100deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 1;
	}
	40% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
	60% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  opacity: 1;
	}
	80% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	99% {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
	100% {
	  transform: none;
	}
}

#split_dialog .split-dialog-tip{font-size: 14px;color: #fff;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);text-align: left;line-height: 30px;margin-top: 15px;}
#split_dialog .split-dialog-tip em{background: linear-gradient(270deg, rgba(240, 48, 48, 1) 0%, rgba(240, 69, 31, 1) 100%);box-shadow: 0px 0px 8px  rgba(0, 0, 0, 0.33);padding: 8px 10px;border-radius: 2px;margin-left: 3px;cursor: pointer;}

#scrapeCanvas{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
/* end */

.new-matchInfo .new-content::before{content: "";position: absolute;top: 185px;left: 50%;transform: translateX(-50%);width: 80%;height: 80px;background: #fff;border-radius: 10px;border: 1px solid #f2532a;}

/* 实名认证/分析师认证 */
.status-wrap {text-align: center;}
.status-wrap .status-content {padding-top: 120px;background: url(../images/icon-state-success.png) no-repeat center 10px;background-size: 100px auto;}
.status-wrap.wait .status-content {background-image: url(../images/icon-state-wait.png);}
.status-wrap.warning .status-content {background-image: url(../images/icon-state-warning.png);}
.status-wrap .status-text {font-size: 28px;line-height: 50px;}
.status-wrap.warning .status-text {color: #f2330e;}
.status-btn-group {display: flex;justify-content: center;column-gap:20px;margin-top: 50px;}
.status-btn-group .btn {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);border: 0;width: 170px;height: 44px;line-height: 44px;border-radius: 22px;color: #fff;font-size: 16px;}
.authentication .status-wrap {margin-top: 55px;}
.authentication .notice {color: #f2330e;}
.authentication .content {background-color: #fff;padding: 20px 15px;box-shadow: 0 0 3px rgba(0,0,0,.2);border-radius: 5px;}
.authentication .form-item {display: flex;border-bottom: 1px solid rgba(0,0,0,.08);padding: 12px 0;}
.authentication .form-item-label {width: 94px;font-size: 15px;}
.authentication .form-item-content {flex: 1;position: relative;}
.authentication .form-item-content input {display: block;width: 100%;height: 26px;line-height: 26px;border: 0;}
.authentication .form-item-content textarea {display: block;width: 100%;line-height: 20px;border: 0;padding: 2px 0;}
.authentication .agreement {display: flex;align-items: center;margin-top: 5px;}
.authentication .agreement a {color: #ff7310;padding: 0;}
.authentication .agreement .checkbox {cursor: pointer;display: inline-block;width: 16px;height: 16px;border: 1px solid rgba(0,0,0,.3);border-radius: 50%;margin-right: 4px;}
.authentication .agreement .checkbox.checked {background: url(../images/icon/icon-check.png) no-repeat center center;background-size: cover;border: 0;}
.authentication .tips {color: rgba(0,0,0,.6);margin-top: 20px;}
.authentication .tips dd {line-height: 20px;}
.authentication .submit-btn {display: block;margin: 30px auto 0;background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);border: 0;width: 250px;height: 44px;line-height: 44px;border-radius: 20px;color: #fff;font-size: 16px;}
.authentication .demo-wrap {display: flex;padding: 10px 10px 0;margin-bottom: 15px;}
.authentication .demo-wrap .item {flex: 1;text-align: center;}
.authentication .demo-wrap .item + .item {margin-left: 30px;}
.authentication .demo-wrap .item .demo {position: relative;width: 100%;height: 120px;background: #fff;box-shadow: 0px 2px 4px  rgba(0,0,0,.1);border-radius: 5px;cursor: pointer;}
.authentication .demo-wrap .item .demo input {position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;z-index: 1;}
.authentication .demo-wrap .item .demo img {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 90%;max-height: 90%;object-fit: contain;}
.authentication .demo-wrap .item .label {font-size: 16px;padding: 8px 0;}
.authentication .example-content {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 650px;}
.authentication .example-content .close {position: absolute;bottom: -52px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 32px;height: 32px;background: url(../images/icon/icon-close.png) no-repeat center center;background-size: contain;cursor: pointer;}

.share-poster .poster-loading {position: static;max-height: 68vh;min-height: 60vh;}


/* CustomSwitch 自定义开关 */
.custom-switch {position: relative;display: inline-block;vertical-align: top;width: 50px;height: 24px;font-size: 22px;background-color: #e2e2e2;border-radius: 24px;cursor: pointer;-webkit-transition: .3s;transition: .3s;}
.custom-switch::after {content: "";position: absolute;top: 1px;left: 1px;width: 1em;height: 1em;background-color: #fff;border-radius: 100%;-webkit-transition: .3s cubic-bezier(.3, 1.05, .4, 1.05);transition: .3s cubic-bezier(.3, 1.05, .4, 1.05);box-shadow: 2px 0px 4px  #b7babf;}
.custom-switch.switch-on {background-color: #ff7310;}
.custom-switch.switch-on::after {transform: translate(calc(50px - 1em - 2px));}

/* 个人中心 */
.myuser {position: relative;}
.myuser .control {position: absolute;right: 20px;top: 20px;display: flex;align-items: center;z-index: 1;}
.myuser .control a {width: 20px;height: 20px;padding: 0;margin-left: 10px;background: no-repeat center center;background-size: 20px;}
.myuser .control .icon-service {background-image: url(../images/icon/service.png);}
.myuser .control .icon-message {background-image: url(../images/icon/message.png);}
.side-nav {padding: 10px 0;}
.side-nav .items .link {display: flex;align-items: center;justify-content: space-between;min-height: 50px;padding: 0 20px 0 45px;-webkit-transition: .3s;transition: .3s;position: relative;}
.side-nav .items .link::before {content: "";position: absolute;left: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 20px;height: 20px;background: url(../images/icon/css_sprites.png) no-repeat;background-size: 20px auto;}
.side-nav .items .label {font-size: 16px;font-weight: bold;}
/* 新加数量 */
.side-nav .items .label[data-count]{position: relative;}
.side-nav .items .label[data-count]::after{content: attr(data-count);position: absolute;top: 50%;left: 100%;transform: translateY(-50%);width: 18px;height: 18px;background: #e45d57;border-radius: 100%;color: #fff;text-align: center;line-height: 18px;font-size: 12px;font-weight: initial;margin-left: 5px;letter-spacing: -1px;}
/* end */
.side-nav .items .reminder {color: rgba(0, 0, 0, .4);font-size: 14px;text-align: right;flex: 1;}
.side-nav .items .link-member::before {background-position: 0 -32px;}
.side-nav .items .link-coupon::before {background-position: 0 -64px;}
.side-nav .items .link-event::before {background-position: 0 -96px;}
.side-nav .items .link-follow::before {background-position: 0 -128px;}
.side-nav .items .link-disburse::before {background-position: 0 -160px;}
.side-nav .items .link-setting::before {background-position: 0 -192px;}
.side-nav .items .link-promotion::before {background-position: 0 -224px;}
.side-nav .items .link-analyst::before {background-position: 0 -256px;}
.side-nav .items .link-chat::before {background: url(../images/icon/robot.png) no-repeat;background-size: contain;}
.side-nav .items .link-withdraw::before {background: url(../images/icon/withdraw.png) no-repeat;background-size: contain;}
.side-nav .items .link-service::before {background-image: url("../images/icon/service_3.png");}
.side-nav .items .link:hover {color: #ff7310;}
.usertop {display: flex;align-items: center;padding: 30px;position: relative;}
.usertop .user-code {position: absolute;right: 20px;bottom: 30px;display: flex;align-items: center;padding: 0;}
.usertop .user-code::before {content: "";width: 16px;height: 16px;background: url(../images/icon/code.png) no-repeat;background-size: contain;margin-right: 12px;}
.usertop .user-code::after {content: "";width: 8px;height: 14px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: contain;}
.usertop .useravatar {padding: 0;margin-right: 20px;}
.usertop .useravatar-img {width: 90px;height: 90px;border-radius: 50%;object-fit: cover;}
.usertop .text {flex: 1;}
.usertop .username {font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.usertop .username a {padding: 0;}
.usertop .follow a {color: rgba(0, 0, 0, .5);font-size: 14px;padding: 0;margin-right: 20px;vertical-align: top;-webkit-transition: .3s;transition: .3s;}
.usertop .follow a:hover {color: #000;}
.sweep-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 380px;min-height: 500px;background-color: #8dadce;color: #fff;font-size: 14px;text-align: center;padding: 10px 10px 20px;}
.sweep-wrap .poster-loading {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;}
.sweep-wrap .poster-loading .icon-loading {width: 18px;margin-right: 5px;}
.sweep-wrap .btn {display: inline-block;cursor: pointer;color: #fff;font-size: 18px;font-weight: bold;line-height: 34px;margin-top: 30px;padding: 0 15px;}
.grid-content {font-size: 14px;text-align: center;min-height: calc(100vh - 699px);overflow: hidden;}
.grid-content .grid-item {float: left;width: 20%;margin-bottom: 20px;}
.grid-content .grid-item::before {content: "";display: block;width: 40px;height: 40px;background: url(../images/icon/css_sprites.png) no-repeat center 5px;background-size: 30px auto;margin: 0 auto;}
.grid-content .grid-item[data-name="profile"]::before {background-position-y: 5px;}
.grid-content .grid-item[data-name="topup"]::before {background-position-y: 5px;}
.grid-content .grid-item[data-name="member"]::before {background-position-y: -42px;}
.grid-content .grid-item[data-name="coupon"]::before {background-position-y: -90px;}
.grid-content .grid-item[data-name="mybuy"]::before {background-position-y: 5px;}
.grid-content .grid-item[data-name="recommend"]::before {background-position-y: 5px;}
.grid-content .grid-item[data-name="service"]::before {background-position-y: 5px;}
.grid-content .grid-item[data-name="message"]::before {background-position-y: 5px;}

/* 设置 */
.wrap-main {min-height: calc(100vh - 474px);}
.select-cell .items .link {display: flex;align-items: center;padding: 10px 0;border-bottom: .5px solid rgba(0, 0, 0, .1);min-height: 60px;}
.select-cell .items .label {flex: 1;font-size: 18px;}
.select-cell .items .label p {color: rgba(0, 0, 0, .4);font-size: 14px;font-weight: 500;line-height: 20px;}
.select-cell .items .reminder {color: rgba(0, 0, 0, .4);font-size: 16px;}
.select-cell .items .reminder.personalized-signature{max-width: 80%;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.select-cell .items a {-webkit-transition: .3s;transition: .3s;}
.select-cell .items a:hover {color: #ff7310;}
.select-cell .items .copy {display: block;width: 20px;height: 20px;background: url(../images/icon/copy.png) no-repeat center center;background-size: 14px auto;cursor: pointer;margin-left: 10px;}
.select-cell .items .useravatar-img {width: 80px;height: 80px;border-radius: 50%;object-fit: cover;}
.select-cell .items .share-img {width: 25px;}
.setting-bottom {width: 120px;line-height: 40px;color: #fff !important;font-size: 14px;text-align: center;margin-top: 60px;background: linear-gradient(270deg, #FF7310 0%, #FFAA4F 93.52%, #FFA84D 99.87%);border-radius: 4px;}

/* 充值中心 */
.nav-select {display: flex;align-items: center;margin: 15px 0;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.nav-select .nav-type {flex: 1;}
.nav-select .nav-type a {display: inline-block;vertical-align: top;width: 100px;line-height: 38px;font-size: 16px;text-align: center;-webkit-transition: .3s;transition: .3s;position: relative;}
.nav-select .nav-type a::after {content: "";position: absolute;right: 0;top: 7px;bottom: 7px;width: 1px;background-color: rgba(0, 0, 0, .1);}
.nav-select .nav-type a:last-child::after {display: none;}
.nav-select .nav-type a.active,
.nav-select .nav-type a:hover {color: #ff7310;}
.nav-select .nav-type a.active::before {content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);}
.nav-select .tool-wrap {margin-bottom: 0;}
.nav-select .edit-btn {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;font-size: 12px;line-height: 26px;padding: 0 10px 0 28px;border-radius: 4px;position: relative;}
.nav-select .edit-btn::before {content: "";position: absolute;left: 8px;top: 5px;width: 14px;height: 14px;background: url(../images/icon/edit.png) no-repeat center center;background-size: contain;}
.nav-select .view-guide {display: none;background: linear-gradient(90deg, #f8ad67 0%, #ffd787 28.55%, #f8ad67 61.42%, #f7ca5a 100%), #ccc;font-size: 14px;margin-right: 10px;padding: 5px 10px;}
.nav-select .view-guide .btn {border-radius: 999px;background-color: #512c19;color: #ffca4f;font-size: 12px;line-height: 28px;padding: 0 10px;display:flex;align-items: center;margin-left: 10px;}
.nav-select .view-guide .btn::after {content: "";width: 12px;height: 12px;background: url("../images/icon/arrow_4.png") no-repeat;background-size: contain;margin-left: 2px;}

/* 账户记录 */
.account-wrap .account-item {display: flex;align-items: center;font-size: 14px;border-bottom: .5px solid rgba(0, 0, 0, .1);line-height: 20px;padding: 10px 0;}
.account-wrap .account-item:last-child {border-bottom: 0;}
.account-wrap .account-item .left {flex: 1;}
.account-wrap .account-item .right {text-align: right;}
.account-wrap .account-item .title {display: flex;flex-wrap: wrap;}
.account-wrap .account-item .title pre {color: #999;font-size: 12px;flex: 1;}
.account-wrap .account-item .amount {display: inline-block;font-size: 16px;font-weight: bold;vertical-align: top;margin-right: 4px;}
.account-wrap .account-item .plus {color: #ff7310;}
.account-wrap .account-item .reduce {color: #20b044;}
.account-wrap .account-item .date {color: #999;margin-top: 6px;}
.account-wrap .account-item .status {display: inline-block;background-color: #ff7310;color: #fff;font-size: 12px;line-height: 22px;width: 42px;border-radius: 22px;text-align: center;}
.account-wrap .account-item .status-text {color: #999;margin-top: 4px;}

/* 方案记录 */
.scheme-record-item {border-bottom: .5px solid rgba(0, 0, 0, .1);padding: 10px 0;position: relative;}
.scheme-record-item:last-child {border-bottom: 0;}
.scheme-record-item a {padding: 0;}
.scheme-record-item .info {display: flex;align-items: center;}
.scheme-record-item .avatar-img img {width: 50px;height: 50px;border-radius: 50%;object-fit: cover;transition: .3s;}
.scheme-record-item .username {color: rgba(0, 0, 0, .5);font-size: 16px;font-weight: bold;margin-left: 12px;}
.scheme-record-item .match {display: block;line-height: 40px;border-radius: 4px;background-color: #f9f9f9;font-size: 16px;text-align: center;margin: 10px 0;position: relative;}
.scheme-record-item .match span {position: absolute;left: 20px;top: 10px;color: #fff;font-size: 12px;line-height: 20px;padding: 0 4px;border-radius: 2px;}
.scheme-record-item .match::after {content: "";position: absolute;right: 30px;top: 0;bottom: 0;width: 10px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: contain;}
.scheme-record-item .meta-1 {color: rgba(0, 0, 0, .7);font-size: 14px;line-height: 20px;margin-top: 10px;}
.scheme-record-item .meta-1 span {margin-right: 20px;}
.scheme-record-item .meta-2 {color: #ff7310;font-size: 14px;line-height: 20px;display: flex;}
.scheme-record-item .meta-2 span {margin-right: 20px;}
.scheme-record-item .meta-left {flex: 1;}
.scheme-record-item .avatar-img:hover img {border-radius: 6px;}
.scheme-record-item::after {content: "";position: absolute;right: 20px;top: 20px;width: 60px;height: 60px;background: no-repeat center center;background-size: contain;}
.scheme-record-item[data-result="win"]::after {background-image: url(../images/user/icon-seal1.png);}
.scheme-record-item[data-result="draw"]::after {background-image: url(../images/user/icon-seal2.png);}
.scheme-record-item[data-result="lose"]::after {background-image: url(../images/user/icon-seal5.png);}
.scheme-record-item[data-result="quxiao"]::after {background-image: url(../images/user/icon-seal4.png);}
.scheme-record-item[data-result*="中"]::after{content: attr(data-result);color: #f25555;font-size: 18px;text-align: center;white-space: nowrap;border: 2px solid #f25555;border-radius: 999px;min-width: 50px;min-height: 50px;font-weight: bold;display: flex;justify-content: center;align-items: center;}

.share-poster .poster-loading {position: static;max-height: 68vh;min-height: 60vh;}

/* 卡包 */
.card-holder-list{min-height: 572px;}
.card-holder .card-list{margin-top: 15px;}
.card-holder .card-list a{display: block;text-align: left;position: relative;font-size: 20px;font-weight: bold;padding: 15px;background: url(../images/card-right.png) no-repeat 99% center; background-size: 10px;}
.card-holder .card-list a:not(:last-child){border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);}
.card-holder .card-list span.item{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);font-size: 16px;color: rgba(0, 0, 0, .4);font-weight: initial;}
.card-holder .card-list span.overtime{color: #ff7310;}

/* 优惠券 */
.rules-msg{text-align: right;}
.rules-msg .icon{background: url(../images/card-rules-icon.png) no-repeat center center;background-size: cover;display: inline-block;width: 30px;height: 30px;cursor: pointer;}

.coupon-tabs{background-color: #fff;}
.coupon-tabs span{width: 33%;text-align: center;font-size: 18px;line-height: 50px;float: left;}
.coupon-tabs span.active{font-weight: bold;color: #ff7310;position: relative;}
.coupon-tabs span.active a{color: #ff7310;}
.coupon-tabs span.active::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 15px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);width: 25px;height: 5px;}

.card-list li{padding: 0 0;margin-bottom: 10px;border-bottom: 0 !important;}
.card-list li.disabled{opacity: .5;}

.coupon-ul li.disabled .card-bot .ri{cursor: no-drop;background: linear-gradient(270deg, rgba(214, 214, 214, 1) 0%, rgba(232, 232, 232, 1) 100%), linear-gradient(270deg, rgba(181, 181, 181, 1) 0%, rgba(212, 212, 212, 1) 100%), rgba(255, 255, 255, 1);color: rgba(181, 181, 181, 1);}
.coupon-ul .padd10{padding: 10px;}
.coupon-ul .card-top{border-bottom: 1px dashed rgba(0, 0, 0, .2);}
.coupon-ul .card-top h3{font-size: 18px;}
.coupon-ul .card-top span{font-size: 16px;color: rgba(0, 0, 0, .5);margin-top: 10px;display: block;}
.coupon-ul .card-top .time{color: #ef0204;}
.coupon-ul .lf{float: left;text-align: left;}
.coupon-ul .ri{float: right;text-align: right;}
.coupon-ul .ri h3{color: #ff7310;}
.coupon-ul .ri span{color: rgba(0, 0, 0, .8);}
.coupon-ul .card-bot{font-size: 16px;}
.coupon-ul .card-bot p.lf{color: #ef0204;line-height: 40px;}
.coupon-ul .card-bot span.lf{color: rgba(0, 0, 0, .5);line-height: 40px;}
.coupon-ul .card-bot .ri{background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);font-weight: bold;text-align: center;color: #fff;width: 90px;line-height: 40px;border-radius: 30px;}

.fixed-btn{text-align: center;position: sticky;margin-top: 20px; position: -webkit-sticky;}
.fixed-btn-center{background: url(../images/btn-bg.png) no-repeat;background-size: cover;width: 50%;display: inline-block;}
.fixed-btn-center a{width: 50%;text-align: center;float: left;font-size: 18px;color: #fff;line-height: 60px;}
.app-dialog-windows .c-title{color: #000;font-weight: bold;font-size: 20px;padding: 20px 0;}

/* 体验卡 */
.experience-ul{text-align: center;}
.experience-ul li .mt15{margin-top: 15px;}
.experience-ul li{background-size: contain;height: 266px;width: 77%;box-shadow: initial;background-repeat: no-repeat;background-color: initial;margin-bottom: 0;padding: 40px 30px;text-align: left;display: inline-block;}
.experience-ul li.ai{background-image: url(../images/card/ai.png);color: #fff;}
.experience-ul li.member{background-image: url(../images/card/member.png);color: #543103;}
.experience-ul li.privilege{background-image: url(../images/card/privilege.png);color: #dea277;}
.experience-ul li .title{font-size: 30px;}
.experience-ul li .f0b{font-size: 18px;display: block;}
.experience-ul li .overtime{color: #ef0204;}
.experience-ul .bot{margin-top: 20px !important;}
.experience-ul .bot p{float: left;backdrop-filter: blur(20px);border-radius: 4px;padding: 0 8px;margin-top: 8px;border-width: 0.5px;border-style: solid;}
.experience-ul .bot a{float: right;background: #fff;font-weight: bold;text-align: center;width: 120px;line-height: 45px;border-radius: 30px;color: #ff7310;font-size: 18px;}

.experience-ul li.ai .bot p{background: rgba(255, 255, 255, 0.49);border-color: rgba(90, 154, 250, 1);color: #15458c;}
.experience-ul li.member .bot p{background: rgba(255,238,217,1);border-color: rgba(222, 150, 111, 1);color: #5c3907;}
.experience-ul li.privilege .bot p{background: rgba(97, 93, 115, 1);border-color: rgba(249,236,236,0.35);color: #dea277;}
.experience-ul li.ai .bot a{color: #448fff;}
.experience-ul li.disabled .bot a{cursor: no-drop;background: linear-gradient(270deg, rgba(214, 214, 214, 1) 0%, rgba(232, 232, 232, 1) 100%), linear-gradient(270deg, rgba(181, 181, 181, 1) 0%, rgba(212, 212, 212, 1) 100%), rgba(255, 255, 255, 1);color: rgba(181, 181, 181, 1);}

/* .experience-addTime-dialog em{color: #ff7310;font-style:normal}
.experience-addTime-dialog .c-footer-button{flex-direction: column;align-items: center;}
.experience-addTime-dialog .c-footer-button .aio-bt{width: 50%;}
.experience-addTime-dialog .c-footer-button .aio-bt[data-action="submit"]{background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 100%);border-radius: 30px;box-shadow: 0 5px 10px -3px #ff8f26;}
.experience-addTime-dialog .c-footer-button .aio-bt[data-action="close"]{background: transparent;color: rgba(0, 0, 0, .5);}
.experience-addTime-dialog .app-dialog.auto-size{padding-bottom: 20px;} */

.experience-addTime-dialog .c-content {white-space: pre-wrap;line-height: 28px;text-align:left;}

/* 方案详情 */
#match_pay_prompt_dialog .c-content{padding: 20px 20px;}

/* 会员中心 */
.payment-action{display: flex;align-items: initial;flex-direction: column;}
.payment-action .payment-action_flex{display: flex;align-items: center;padding-top: 20px;}

.coupon-option{padding: 10px 10px;border-bottom: 1px solid #ebebeb;}
.coupon-option p{background: url('../images/card/icon-money.png') no-repeat left center;background-size: 20px;padding-left: 25px;font-size: 14px;width: 15%;display: inline-block;}
.coupon-option a.name{display: inline-block;text-align: right;width: 80%;color: rgba(0, 0, 0, .4);}
.coupon-option span.icon-right {display: inline-block;width: 15px;height: 15px;background: url(../images/card/icon-right.png) no-repeat right center;background-size: contain;vertical-align: middle;cursor: pointer;;}

.coupon-option span.close{background-image: url(../images/card/icon-close.png);background-size: 100% 100%;width: 20px;height: 20px;}

/* 关注的联赛+球队 */
.follow-tags-page .topic {padding: 20px 20px 12px;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 10px;position: relative;}
.follow-tags-page .topic h2 {font-size: 22px;font-weight: 500;line-height: 28px;}
.follow-tags-page .topic-edit {position: absolute;right: 20px;top: 20px;color: rgba(0, 0, 0, .5);font-size: 14px;cursor: pointer;}
.follow-tags-page .topic-edit::before{content: "编辑";}
.follow-tags-page .topic-edit.isopen::before{content: "关闭";}
.follow-tags-page .follow-content {padding: 0 20px 20px;}
.follow-tags {padding: 0 20px 15px;}
.follow-tags .header {border-bottom: 1px solid rgba(0,0,0,.1);position: relative;;margin-bottom: 14px;}
.follow-tags .header h3 {font-size: 16px;font-weight: bold;line-height: 40px;}
.follow-tags .header .btn {position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);    width: 18px;height: 18px;background: url(../images/icon/icon_plus.png) no-repeat;background-size: contain;cursor: pointer;}
.follow-tags .list::after {content: "";display: table;clear: both;}
.follow-tags .list {margin: 0 -10px;}
.follow-tags .item {float: left;width: 25%;font-size: 14px;text-align: center;padding: 0 10px 10px;}
.follow-tags .item .thumb {display: block;padding: 15px 10px;border-radius: 3px;position: relative;border: 1px solid rgba(0, 0, 0, .1);-webkit-transition: .3s;transition: .3s;}
.follow-tags .item .thumb:hover {box-shadow: 0 0 6px rgba(0, 0, 0, .1);}
.follow-tags .item .icon {display: block;width: 50px;height: 50px;object-fit: contain;margin: 0 auto 5px;}
.follow-tags .item .name {font-size: 15px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.follow-tags .item .subname {color: rgba(0, 0, 0, .49);font-size: 12px;line-height: 20px;}
.follow-tags .item .btn {position: absolute;right: 10px;top: 10px;width: 18px;height: 18px;border-radius: 100%;background: url(../images/icon/icon_minus.png) no-repeat;background-size: contain;cursor: pointer;display: none;}
.follow-tags .swiper-wrapper.list {margin: 0;}
.follow-tags .swiper-slide.item {padding: 0;}
.follow-tags .swiper-pagination {position: static;margin-top: 8px;}
.follow-tags .swiper-pagination-bullet-active {background-color: var(--color-theme);}
.follow-tags-page .more-btn {width: 90%;max-width: 330px;line-height: 44px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;background: linear-gradient(134.15deg, #ff7310 0%, #ffc685 99.86%), #ccc;border-radius: 44px;margin: 40px auto 0;cursor: pointer;}
.follow-tags-page .more-btn::after {content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/icon/icon_btn_bottom.png) no-repeat;background-size: contain;vertical-align: -2px;margin-left: 2px;}
.popup-hottags {width: calc(100vw - 10px * 6);max-width: 450px;}
.popup-hottags .animate {background-color: #fff;border-radius: 12px;padding: 18px 0;-webkit-animation: fadeInBig .5s both;animation: fadeInBig .5s both;}
.popup-hottags .title {font-size: 18px;font-weight: bold;line-height: 26px;}
.popup-hottags .content {overflow: auto;padding: 0 15px;margin-top: 10px;height: 356px;}
.popup-hottags .content .item {display: flex;align-items: center;padding: 10px 0;position: relative;}
.popup-hottags .content .item:not(:last-child) {border-bottom: .5px solid rgba(0, 0, 0, .1);}
.popup-hottags .content .item .link {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.popup-hottags .content .icon {width: 30px;height: 30px;object-fit: contain;}
.popup-hottags .content .name {color: rgba(0, 0, 0, .7);font-size: 14px;line-height: 18px;margin: 0 10px;max-width: 126px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.popup-hottags .content .subname {color: rgba(0, 0, 0, .5);font-size: 12px;line-height: 16px;}
.popup-hottags .content .btn {width: 20px;height: 20px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: url(../images/icon/icon_plus.png) no-repeat center center;background-size: 18px auto;cursor: pointer;z-index: 1;}
.popup-hottags .close {position: absolute;right: 12px;top: 12px;width: 30px;height: 30px;background: url(../images/icon/icon_close1.png) no-repeat center center;background-size: 22px auto;cursor: pointer;}

/* 从下到上 */
@-webkit-keyframes fadeInUpPopup {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUpPopup {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

/* 放大 */
@-webkit-keyframes fadeInBig {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes fadeInBig {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}

/* 订阅记录 */
.monthly-sub{font-size: 14px;color: rgba(0, 0, 0, .5);}
.monthly-sub-list li a{display: block; box-shadow: 0 0 3px rgba(0,0,0,.2);border-radius: 2px;background-color: white;padding: 20px;margin-top: 10px;}

.monthly-sub .top-user{float: left;position: relative;}
.monthly-sub .top-user .name{position: absolute;left: 75px;top: 50%;transform: translateY(-50%);text-wrap: nowrap;color: #000;font-size: 18px;white-space: nowrap; }
.monthly-sub .top-ds{float: right;}
.monthly-sub .top-ds h2{color: #ff7310;font-weight: inherit;}
.monthly-sub .top-ds p{color: rgba(0,0,0,.5);text-align: center;}

.monthly-sub .bot span{float: left;text-align: right;width: 20%;margin-top: 10px;}
.monthly-sub .bot span:not(:nth-child(3)):not(:nth-child(6)){width: 40%;text-align: left;}
.monthly-sub .bot span em{color: #ff7310;margin-left: 5px;}

/* 提现 */
.withdraw-top {background-color: #fff;;box-shadow: 0px 3px 3px 1px rgba(222, 223, 224, 0.34);border-radius: 4px;margin-bottom: 10px;font-size: 15px;line-height: 20px;}
.withdraw-top .inner {display: block;padding: 14px 20px;position: relative;}
.withdraw-top a::after {content: "";position: absolute;right: 20px;top: 0;bottom: 0;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: 100% auto;width: 10px;}
.withdraw-top .icon {display: inline-block;vertical-align: bottom;width: 24px;height: 24px;background: url(../images/icon/payment-alipay.png) no-repeat center center;background-size: contain;margin: 0 5px;}
.withdraw-top span {color: rgba(0, 0, 0, .4);font-size: 13px;margin-left: 8px;}
.withdraw-form .form-content {background-color: #fff;;box-shadow: 0px 3px 3px 1px rgba(222, 223, 224, 0.34);border-radius: 4px;padding: 0 20px;font-size: 14px;line-height: 20px;margin-bottom: 40px;}
.withdraw-form .balance {text-align: center;padding: 10px 0;}
.withdraw-form .balance .num {color: var(--color-theme);font-size: 36px;font-weight: bold;line-height: 48px;}
.withdraw-form .balance .num::before {content: "￥";font-size: 15px;line-height: 20px;display: inline-block;vertical-align: 2px;}
.withdraw-form .label {font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.withdraw-form .input-box {padding: 12px 0;line-height: 24px;display: flex;align-items: flex-end;}
.withdraw-form .input-box .rmb {font-size: 18px;font-weight: bold;padding-right: 18px;}
.withdraw-form .input-box .input-text {flex: 1;font-size: 20px;line-height: 26px;border: 0;}
.withdraw-form .input-box .allbtn {color: var(--color-theme);font-size: 15px;cursor: pointer;}
.withdraw-form .text {border-top: .5px solid rgba(0, 0, 0, .1);color: #e6485d;font-size: 12px;line-height: 32px;}
.withdraw-form .submit {display: block;max-width: 345px;width: 100%;line-height: 44px;border: 0;border-radius: 44px;background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%);color: #fff;font-size: 15px;margin: 0 auto;}
.withdraw-tips {background-color: #fff;;box-shadow: 0px 3px 3px 1px rgba(222, 223, 224, 0.34);border-radius: 4px;padding: 15px 20px;margin-top: 40px;}
.withdraw-tips .title {font-size: 18px;background: url(../images/icon/icon_light.png) no-repeat left 2px;background-size: 20px auto;padding-left: 24px;margin-bottom: 8px;}

/* 提现协议 */
.withdraw-form .agreement{position: relative;width: 100%;margin-top: 20px;}
.withdraw-form .agreement #agree + label{display: block;width: 16px;height: 16px;cursor: pointer;position: absolute;top: 50%;left: 0;border-radius: 100%;border: 2px solid #ff7310;transform: translateY(-50%);}
.withdraw-form .agreement #agree:checked +label{background: #ff7310;}
.withdraw-form .agreement #agree:checked +label::before{display: block;content: "\2714";text-align: center;font-size: 14px;color: white;transform: translateY(-5px);}
.withdraw-form .agreement input[type=checkbox]{visibility: hidden;position: absolute;top: 50%;left: 0;width: 16px;height: 16px;transform: translateY(-50%);}
.withdraw-form .agreement .titles{padding-left: 20px;font-size: 16px;}
.withdraw-form .agreement .titles a{color: #ff7310;}
/* end */

.events-tablist {border-bottom: 2px solid #e4e7ed;margin-bottom: 8px;}
.events-tablist::after {content: "";clear: both;display: table;}
.events-tablist .tabitem {float: left;color: rgba(0, 0, 0, 0.6);font-size: 15px;line-height: 20px;padding: 10px 20px;text-align: center;position: relative;}
.events-tablist .tabitem:first-of-type {padding-left: 0;}
.events-tablist .tabitem.is-active {color: rgba(0, 0, 0, 0.8);font-weight: bold;}
.events-tablist .tabitem.is-active::after {content: "";width: 20px;height: 4px;border-radius: 4px;background: linear-gradient(270deg, rgba(255, 170, 79, 1) 0%, rgba(255, 168, 77, 1) 1%, rgba(255, 115, 16, 1) 100.96%);position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);}
.events-tablist .tabitem:first-of-type.is-active::after {left: calc(50% - 10px);}
.events-tablist .tabitem:hover {color: rgba(0, 0, 0, 0.8);}
.events-tasklist::after {content: "";clear: both;display: table;}
.events-tasklist .item {display: flex;align-items: center;width: calc(50% - 5px);padding: 20px 10px;float: left;border: 1px solid #ededed;border-radius: 2px;margin-bottom: 10px;}
.events-tasklist .item:nth-child(even) {float: right;}
.events-tasklist .item .icon {background: no-repeat center center;background-size: contain;width: 35px;height: 35px;margin-right: 10px;margin-top: 3px;}
.events-tasklist .item .title {font-size: 14px;line-height: 20px;margin-bottom: 7px;}
.events-tasklist .item .progress {background-color: #ededed;width: 116px;height: 6px;border-radius: 6px;overflow: hidden;}
.events-tasklist .item .progress-inner {background-color: #ffbd42;height: 100%;border-radius: inherit;}
.events-tasklist .item .btn {background-color: #2789e7;color: #fff;font-size: 14px;line-height: 28px;padding: 0 10px;border-radius: 2px;cursor: pointer;position: relative;}
.events-tasklist .item .btn.completed {background-color: #fff;color: #cfcfcf;cursor: not-allowed;}
.events-tasklist .item .btn.completed::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid #ededed;border-radius: inherit;pointer-events: none;}
.events-tasklist .item .btn.wait {background-color: #ff7310;color: #fff;}
.events-tasklist .item .award {flex: 1;color: rgba(0, 0, 0, 0.7);font-size: 12px;line-height: 16px;margin-bottom: -5px;margin-left: 5px;}
.events-tasklist .item .award-text {color: #ff7310;margin-bottom: 4px;}

.popup-style-1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 500px;width: 94%;}
.popup-style-1 .content {position: relative;}
.popup-style-1 h2 {position: absolute;top: 48%;left: 0;right: 0;color: #ff3100;font-size: 30px;font-weight: bold;line-height: 36px;text-align: center;letter-spacing: 4px;}
.popup-style-1 .text {position: absolute;left: 0;right: 0;top: 64%;margin: 0 auto;width: 56%;line-height: 52px;opacity: 1;border-radius: 5px;background: #FFFAED;border: 2px solid #FF4300;text-align: center;font-size: 20px;}
.popup-style-1 .text::-webkit-input-placeholder {color: #a48d4f;font-size: 20px;}
.popup-style-1 .btn {display: block;max-width: 168px;width: 50%;border: 0;background: transparent;margin: 10px auto 0;}
.popup-style-1 .btn::after {content: "";display: block;padding-top: 25.9587%;background: url(../images/popup-style-1-btn.png) no-repeat;background-size: cover;}
.popup-style-1 .close {display: block;width: 30px;height: 30px;cursor: pointer;background: url(../images/icon/icon-close.png) no-repeat;background-size: contain;margin: 0 auto;margin-top: 3%;}

body[data-mode="iframe"] .aio-layout-header {display: none !important;}
body[data-mode="iframe"] .aio-body {background-color: #fff;}
body[data-mode="iframe"] .aio-sys-body {height: 100%;padding-bottom: 0;}
body[data-mode="iframe"] .rules-msg {display: none;}

.list-nav {overflow: hidden;border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;}
.list-nav .icon-tips {width: 20px;height: 20px;background: url(../images/card-rules-icon.png) no-repeat center center;background-size: contain;position: absolute;right: 20px;top: 12px;cursor: pointer;}
.list-nav .nav-item {float: left;line-height: 44px;font-size: 14px;padding: 0 20px;position: relative;}
.list-nav .nav-item.is-active {color: var(--color-theme);}
.list-nav .nav-item.is-active::after {content: "";width: 20px;height: 3px;border-radius: 999px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);position: absolute;left: 50%;bottom: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
/* .submit-bottom {} */
.submit-coupon {display: flex !important;align-items: center;padding: 8px 15px !important;border-bottom: 1px solid rgba(0,0,0,0.1);font-size: 14px;}
.submit-coupon .title {flex: 1;}
.submit-coupon .icon {width: 20px;height: 20px;background: url("../images/card/icon-money.png") no-repeat center center;background-size: contain;margin-right: 10px;}
.submit-coupon .icon-arrow {width: 8px;height: 24px;background: url("../images/card/icon-right.png") no-repeat center center;background-size: contain;margin-left: 10px;}
.submit-coupon .value {flex: 1;text-align: right;color: rgba(0,0,0,0.4);}
.submit-bottom .submit-wrap {background-color: #fff;display: flex;align-items: center;padding: 15px;}
.submit-bottom .submit-text {flex: 1;text-align: right;padding-right: 20px;font-size: 16px;}
.submit-bottom .submit-text span {color: var(--color-theme);font-size: 18px;display: inline-block;vertical-align: top;}
.submit-bottom .submit-btn {width: 118px;line-height: 48px;border: 0;border-radius: 999px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);color: #fff;font-size: 15px;}

.menu-dropdown {display: inline-block;font-size: 14px;line-height: 20px;overflow-wrap: break-word;position: absolute;right: 30px;top: 52px;}
.menu-dropdown .menu-text {background-color: rgba(0, 0, 0, 0.05);line-height: 26px;padding: 0 28px 0 10px;border-radius: 3px;position: relative;cursor: pointer;}
.menu-dropdown .menu-text::after {content: "";position: absolute;top: 0;right: 10px;width: 6px;height: 100%;background: url("../images/icon/icon_arrow_left.png") no-repeat center center;background-size: contain;pointer-events: none;transform: rotate(-90deg);}
.menu-dropdown .menu-list {position: absolute;right: 0;top: 100%;z-index: 1;padding-top: 5px;opacity: 0;visibility: hidden;transition: all 0.3s ease-in;}
.menu-dropdown .menu-list-wrap {padding: 5px 0;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);background-color: #fff;max-height: 200px;overflow: auto;}
.menu-dropdown .menu-item {padding: 5px 16px;white-space: nowrap;min-width: 100px;}
.menu-dropdown:hover .menu-list {opacity: 1;visibility: visible;}
.menu-dropdown .menu-item:hover {color: var(--color-theme);background-color: var(--color-hover);}

/* 联赛报告卡 */
.report-package {font-size: 14px;background: linear-gradient(134.75deg, rgba(31, 30, 48, 1) 0%, rgba(48, 50, 67, 1) 100%);}
.report-package .main-wrap {border-radius: 10px;background: linear-gradient(0, rgba(255, 255, 255, 1) 70%, rgba(255, 234, 204, 1) 100%);max-width: 600px;padding: 30px 70px;margin: 0 auto;}
.report-package .agreement {color: #fff;max-width: 580px;margin: 12px auto;padding-left: 22px;position: relative;}
.report-package .agreement a {padding: 0;color: var(--color-theme);}
.report-package .agreement .checkbox {width: 18px;height: 18px;border: 1px solid #fff;border-radius: 100%;position: absolute;left: 0;top: 4px;cursor: pointer;}
.report-package .agreement .checkbox[data-ai-vis="1"] {border: 0;background: url("../images/icon/icon-check.png") no-repeat;background-size: cover;}
.report-package .main-wrap .row-title {font-size: 20px;line-height: 34px;font-weight: bold;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.report-package .main-wrap .row-title span {padding: 0 10px;}
.report-package .main-wrap .row-title::after,
.report-package .main-wrap .row-title::before {content: "";width: 40px;height: 2px;background-color: rgba(0,0,0,0.8);}
.report-package .package-wrap .list {display: flex;flex-wrap: wrap;margin: 0 -3px;}
.report-package .package-wrap .a0item {flex: 1;min-width: calc(100% / 3);text-align: center;padding: 0 3px;}
.report-package .package-wrap .a0item-body {max-width: 180px;margin: 0 auto;border: 1px solid #b3b3b3;border-radius: 8px;background-color: #fff;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.1);position: relative;padding: 18px 0 8px;color: rgba(0,0,0,0.5);font-size: 14px;line-height: 20px;overflow: hidden;cursor: pointer;}
.report-package .package-wrap .number {color: rgba(0,0,0,0.8);font-size: 16px;font-weight: bold;line-height: 24px;margin: 5px 0;}
.report-package .package-wrap .price {color: #000;margin-top: 8px;line-height: 1;}
.report-package .package-wrap .price span {font-size: 24px;font-weight: bold;}
.report-package .package-wrap .a0item[data-ai-vis="1"] .a0item-body {background: linear-gradient(180deg, #f3ddbb 0%, #fecda2 100%);border-color: #2e2b2e;}
.report-package .package-wrap .a0item.hot .a0item-body::before {content: "超级推荐";position: absolute;left: 0;top: 0;background: url("../images/tag.png") no-repeat;background-size: cover;color: #ffdb8a;font-size: 12px;line-height: 20px;padding: 0 6px;border-radius: 8px 0 8px 0;}
.report-package .package-wrap .list-btn {border-radius: 6px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.22);background: url("../images/btn_1.png") no-repeat center 10%;background-size: 103%;line-height: 45px;text-align: center;color: #ffdb8a;font-size: 16px;font-weight: bold;margin: 20px 10px 30px;cursor: pointer;}
.report-package .explain-wrap {padding-bottom: 30px;}
.report-package .explain-wrap .content {white-space: pre-wrap;line-height: 22px;}
.report-package .explain-wrap .content .btn-video {color: var(--color-theme);text-decoration: underline;cursor: pointer;padding: 0;}
.report-package .explain-wrap video {width:100%;max-height:30vh;margin-top: 20px;display: none;}
.report-package .menu-wrap .swiper {padding: 5px 10px;}
.report-package .menu-wrap .custom-pagination {text-align: center;line-height: 1;}
.report-package .menu-wrap .custom-bullet {display: inline-block;vertical-align: top;width: 10px;height: 10px;border-radius: 100%;background-color: #d6d6d6;margin: 10px 5px 0;cursor: pointer;}
.report-package .menu-wrap .custom-bullet-active {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%), #ccc;}
.report-package .menu-wrap .slide-item {border: 1px solid rgba(230, 230, 230, 1);border-radius: 3px;box-shadow: 3px 3px 8px  rgba(161, 181, 201, 0.6);background-color: #fff;text-align: center;padding: 4px 0;margin-bottom: 5px;}
.report-package .menu-wrap .slide-item .icon {display: block;width: 28px;height: 28px;object-fit: contain;margin: 0 auto 4px;}
.report-package .menu-wrap .slide-item .name {font-size: 12px;line-height: 18px;}

/* .app-dialog .c-content {line-height: 20px;white-space: pre-wrap;text-align: left} */
a.main-banner {display: block;padding: 0;}
a.main-banner img {width: 100%;}
.report-card-list .card-item {float: left;width: calc((100% - 10px) / 2);font-size: 14px;border-radius: 8px;box-shadow: 0 0 4px rgba(0,0,0,.1);background-color: #fff;margin-bottom: 10px;}
.report-card-list .card-item:nth-child(odd) {margin-right: 10px;}
.report-card-list .card-item .content {padding: 15px;}
.report-card-list .card-item .description {display: flex;align-items: center;padding: 10px 15px;position: relative;}
.report-card-list .card-item .description::after {content: "";position: absolute;left: 15px;right: 15px;top: 0;border-top: 1px dashed rgba(0, 0, 0, 0.2);pointer-events: none;}
.report-card-list .card-item .row-title {display: flex;align-items: center;font-size: 16px;font-weight: bold;line-height: 22px;}
.report-card-list .card-item .title {flex: 1;}
.report-card-list .card-item .number span {color: var(--color-theme);}
.report-card-list .card-item .time {color: rgba(0, 0, 0, 0.7);font-size: 14px;line-height: 20px;margin-top: 10px;}
.report-card-list .card-item .description-text {flex: 1;color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.report-card-list .card-item .btn {line-height: 28px;border-radius: 999px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);color: #fff;font-size: 12px;font-weight: bold;text-align: center;min-width: 68px;}
.report-card-list .card-item.disabled .row-title,
.report-card-list .card-item.disabled .number span,
.report-card-list .card-item.disabled .time {color: rgba(0,0,0,0.5);}
.report-card-list .card-item.disabled .title {opacity: 0.6;}
.report-card-list .card-item.disabled .btn {background: linear-gradient(135.64deg, #1674ff 0%, #9fc0f5 100%), linear-gradient(270deg, #ff7310 0%, #ffa94d 99.96%, #ffaa4f 100.96%);}
/* 联赛报告卡end */

/* 解锁明细 */
.unlock-detail h2 {font-size: 20px;line-height: 34px;}
.unlock-detail h2 span {color: rgba(0,0,0,0.5);font-size: 14px;font-weight: 500;vertical-align: bottom;}
.unlock-detail .unlock-list {border: 1px solid rgba(0,0,0,0.1);border-radius: 3px;}
.unlock-detail .unlock-list .thead {display: flex;color: rgba(0,0,0,0.7);font-size: 15px;line-height: 20px;}
.unlock-detail .unlock-list .name {flex: 1;padding: 10px;border-right: 1px solid rgba(0,0,0,0.1);}
.unlock-detail .unlock-list .time {width: 150px;text-align: right;padding: 10px;}
.unlock-detail .unlock-item {color: rgba(0,0,0,0.5);font-size: 14px;line-height: 20px;display: flex;position: relative;transition: 0.3s;padding: 0;}
.unlock-detail .unlock-item::after {content: "";border-top: 1px solid rgba(0,0,0,0.1);position: absolute;left: 0;right: 0;top: 0;pointer-events: none;}
.unlock-detail .unlock-item .name-top {display: flex;}
.unlock-detail .unlock-item .name-top span {margin-right: 20px;}
.unlock-detail .unlock-item .name-text {color: rgba(0,0,0,0.8);margin-top: 4px;}
.unlock-detail .unlock-item:hover {background-color: var(--color-hover);}
/* 解锁明细end */


/* 出奇助手 */
.assistant {font-size: 14px;}
.assistant a {padding: 0;}
.assistant .navbar-header {position: relative;}
.assistant .navbar-header .navlist {display: flex;line-height: 44px;}
.assistant .navbar-header .navlist .a0item {padding: 0 20px;position: relative;cursor: pointer;}
.assistant .navbar-header .navbar-right {position: absolute;right: 0;top: 0;bottom: 0;display: flex;align-items: center;padding: 0 20px;}
.assistant .navbar-header .navlist .a0item[data-ai-vis="1"] {color: var(--color-theme);}
.assistant .navbar-header .navlist .a0item[data-ai-vis="1"]::after {content: "";width: 20px;height: 3px;border-radius: 999px;background: linear-gradient(270deg, #ff7310 0%, #ffa94d 99.96%, #ffaa4f 100.96%);position: absolute;left: 50%;bottom: 5px;transform: translateX(-50%);}
.assistant-list-item {padding: 10px 20px;}
.assistant-list-item .list-header {line-height: 30px;display: flex;align-items: center;justify-content: space-between;padding-bottom: 10px;position: relative;}
.assistant-list-item .list-header::after {content: "";border-bottom: 1px solid rgba(0,0,0,0.1);position: absolute;left: 0;right: 0;bottom: 0;}
.assistant-list-item .list-header .title {font-size: 18px;}
.assistant-list-item .mode::before {display: block;border-radius: 999px 0 999px 999px;background-color: #36ba6f;color: #fff;font-size: 12px;line-height: 22px;padding: 0 5px;}
.assistant-list-item .list-content {counter-reset: rule-counter;}
.assistant-list-item .list-content li {color: rgba(0,0,0,0.7);line-height: 20px;padding: 10px 0;position: relative;}
.assistant-list-item:not(.no-number) .list-content li .question-header::before {counter-increment: rule-counter;content: counter(rule-counter)'.';}
.assistant-list-item .list-content li:not(:last-child)::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px dashed rgba(0,0,0,0.25);pointer-events: none;}
.assistant-list-item .list-content .question-header {font-size: 16px;line-height: 24px;cursor: pointer;position: relative;}
.assistant-list-item .list-content .question-header::after {content: "";width: 14px;height: 14px;background: url("../images/icon/arrow_1@2x.png") no-repeat center center;background-size: contain;position: absolute;right: 0;top: 5px;}
.assistant-list-item .list-content .hover .question-header::after{transform: rotate(180deg);}
.assistant-list-item .list-content .question-header .mode {position: absolute;right: 28px;top: 1px;}
.assistant-list-item .list-content .question-content {padding-top: 10px;display: none;}
.assistant-list-item .list-content .question-text {border-radius: 5px;background-color: #ddd;padding: 10px;white-space: pre-wrap;}
.assistant-list-item .list-content .question-link {color: var(--color-theme);font-size: 14px;margin-top: 5px;padding-right: 10px;background: url("../images/icon/arrow_2@2x.png") no-repeat right center;background-size: 6px auto;}
.assistant-list-item .mode[data-channelid="1"]::before {content: "个人中心";background-color: #36ba6f;}
.assistant-list-item .mode[data-channelid="2"]::before {content: "赛事频道";background-color: #e44d5c;}
.assistant-list-item .mode[data-channelid="3"]::before {content: "方案频道";background-color: #2672ff;}
.assistant-list-item .mode[data-channelid="4"]::before {content: "发现频道";background-color: #ff5925;}
/* 出奇助手end */

/* 助手设置 */
.setting-chat {min-height: 520px;}
.setting-chat .title {padding: 15px;font-size: 18px;line-height: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.setting-chat .container {padding: 15px;}
.setting-chat .choice-title {display: flex;margin-bottom: 10px;}
.setting-chat .choice-title .label {width: 300px;font-size: 15px;line-height: 20px;}
.setting-chat .choice-list {padding-left: 300px;}
.setting-chat .choice-list .item {float: left;line-height: 1;margin-right: 32px;margin-bottom: 10px;}
.setting-chat .choice {display: inline-flex;vertical-align: top;align-items: center;cursor: pointer;}
.setting-chat .choice .choice-text {color: rgba(0,0,0,0.5);font-size: 14px;line-height: 20px;margin-left: 4px;}
.setting-chat .choice .choice-icon {width: 14px;height: 14px;position: relative;}
.setting-chat .choice .choice-icon::after {content: "";position: absolute;inset: 0px;border: 1px solid rgba(0,0,0,0.4);border-radius: 999px;}
.setting-chat .choice.checked .choice-icon::after {border: 0;background: url("../images/icon/icon-check.png") no-repeat;background-size: cover;}
/* 助手设置end */

/* 分析师中心 */
section.aio-layout-box {padding: 10px 20px !important;}
section.aio-layout-box .box-header {display: flex;align-items: center;padding-bottom: 5px;margin-bottom: 5px;}
section.aio-layout-box .box-header.hairline {position: relative;}
.box-header.hairline::after {content: "";position: absolute;left: 0;bottom: 0;right: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
section.aio-layout-box .box-header .title {flex: 1;min-width: 0;font-size: 18px;line-height: 30px;}
section.aio-layout-box .box-header .extra {color: #999;font-size: 14px;line-height: 20px;display: flex;align-items: center;}
section.aio-layout-box .box-header .endtime {margin-right: 20px;}
section.aio-layout-box .box-header .checkbox {display: flex;align-items: center;color: rgba(0, 0, 0, 0.8);cursor: pointer;}
section.aio-layout-box .box-header .checkbox::before {content: "";width: 12px;height: 12px;border-radius: 2px;border: 1px solid var(--color-theme);background: no-repeat center center;background-size: 74%;margin-right: 4px;}
section.aio-layout-box .box-header .checkbox[data-state="1"]::before {background-image: url("../images/icon/tick.png");}
section.aio-layout-box .box-header .round-btn {border-radius: 999px;background: linear-gradient(270deg, rgba(255, 15, 15, 1) 0%, rgba(255, 98, 89, 1) 100%);box-shadow: 1px 0px 2px  rgba(69, 3, 3, 0.24);color: #fff;font-size: 13px;line-height: 22px;padding: 0 16px;}
section.aio-layout-box .gridlist {border-radius: 2px;background: linear-gradient(90deg, rgba(245, 245, 245, 0.4) 0.42%, rgba(245, 245, 245, 1) 100%);text-align: center;display: flex;}
section.aio-layout-box .gridlist .grid-item {width: calc(100% / 3);padding: 8px 0;color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 1.5;}
section.aio-layout-box .gridlist .value {color: #ff7310;font-size: 18px;line-height: 1.44;}
section.aio-layout-box .gridlist .value em {font-size: 14px;}
section.aio-layout-box .gridlist + .gridlist {margin-top: 5px;}
.analyst-center .sub-header {display: flex;align-items: center;margin-bottom: 5px;}
.analyst-center .sub-header .text {flex: 1;min-width: 0;font-size: 16px;}
.analyst-center .sub-header .text span {color: #ff7310;margin-right: 4px;}
section.aio-layout-box .box-header .btn,
.analyst-center .sub-header .btn {color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 20px;padding: 0;}
section.aio-layout-box .box-header .btn::after,
.analyst-center .sub-header .btn::after {content: "";display: inline-block;vertical-align: top;width: 6px;height: 20px;background: url("../images/icon/arrow-right.png") no-repeat center center;background-size: contain;margin-left: 4px;}
.analyst-center .steps {display: flex;}
.analyst-center .steps .step-item {flex: 1;text-align: center;}
.analyst-center .steps .step-item .icon {width: 60px;height: 60px;background: no-repeat center center;background-size: contain;display: block;margin: 0 auto;}
.analyst-center .steps .step-item .text {color: rgba(0, 0, 0, 0.6);font-size: 16px;line-height: 1.42;}
.analyst-center .promote {display: flex;margin-top: 10px;}
.analyst-center .promote .promote-item {width: calc((100% - 20px) / 2);border-radius: 8px;background-color: #fff;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);padding: 10px;font-size: 16px;line-height: 1.4;margin-right: 20px;}
.analyst-center .promote .promote-item:last-child {margin-right: 0;}
.analyst-center .promote .promote-title {color: rgba(0, 0, 0, 0.8);margin-bottom: 5px;}
.analyst-center .promote .promote-cont {color: rgba(0, 0, 0, 0.6);white-space: pre-wrap;}
.analyst-center .promote .promote-item:not(:last-child) .promote-title {color: rgba(255, 33, 33, 0.8);}
/* 分析师中心end */

/* 方案列表 */
.tabs-header {margin-bottom: 15px;}
.tabs-header .radiolist {display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.tabs-header .radiolist .radio-item {font-size: 16px;line-height: 44px;padding: 0 20px;}
.tabs-header .radiolist .radio-item.aio-on {color: #ff7310;font-weight: bold;}
.tabs-header .tablist {display: flex;text-align: left;}
.tabs-header .tablist .a0item {color: rgba(0, 0, 0, 0.7);font-size: 16px;line-height: 40px;padding: 0 20px;cursor: pointer;position: relative;}
.tabs-header .tablist .a0item[data-ai-vis="1"] {color: rgba(0, 0, 0, 0.8);font-weight: bold;}
.tabs-header .tablist .a0item[data-ai-vis="1"]::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 30px;height: 3px;border-radius: 3px;background: linear-gradient(270deg, #ff7310 0%, #ffa94d 99.96%, #ffaa4f 100.96%);}
.detail-list-header {display: flex;align-items: center;padding: 10px 20px;}
.detail-list-header .title {flex: 1;min-width: 0;font-size: 18px;line-height: 30px;}
.detail-list-header .selectlist {user-select: none;position: relative;z-index: 1;}
.detail-list-header .selectlist::before {content: attr(ai-title);font-size: 14px;line-height: 20px;display: block;padding-right: 14px;cursor: pointer;}
.detail-list-header .selectlist .icon-check {width: 12px;height: 8px;background: url("../images/icon/sanjiao.png") no-repeat center center;background-size: contain;position: absolute;right: 0;top: 6px;}
.detail-list-header .selectlist .menu {box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);border-radius: 8px;background-color: #fff;position: absolute;right: 0;top: calc(100% + 5px);display: none;z-index: 1;}
.detail-list-header .selectlist .menu::before {content: "";width: 10px;height: 10px;background-color: #fff;position: absolute;right: 16px;top: -5px;z-index: -1;transform: rotate(45deg);box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);}
.detail-list-header .selectlist .menulist {padding: 10px 0;background: #fff;border-radius: inherit;}
.detail-list-header .selectlist .a0item {font-size: 16px;line-height: 24px;padding: 10px;display: flex;align-items: center;white-space: nowrap;cursor: pointer;}
.detail-list-header .selectlist .a0item::before {content: "";display: block;width: 20px;height: 20px;margin-right: 5px;border: 2px solid rgba(220, 220, 220, 0.9);border-radius: 100%;box-sizing: border-box;}
.detail-list-header .selectlist .a0item[data-ai-vis="1"]::before {border: 0;background: url("../images/icon/icon-check.png") no-repeat;background-size: cover;}
.detail-list-header .selectlist[data-ai-vis="1"] .menu {display: block;}
.detail-list-header .selectlist[data-ai-vis="1"] .icon-check {transform: rotate(180deg);}
.detail-list-wrap {padding: 0 20px;}
.detail-list-wrap .item {display: block;padding: 10px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);background-color: #fff;margin-bottom: 10px;}
.detail-list-wrap .item .info-flex {color: rgba(0, 0, 0, 0.4);font-size: 14px;line-height: 20px;text-align: center;display: flex;}
.detail-list-wrap .item .info-item {overflow: hidden;margin-right: 25px;}
.detail-list-wrap .item .info-item p {float: left;}
.detail-list-wrap .item .info-item p:first-child::after {content: "：";}
.detail-list-wrap .item .info-item .value {color: rgba(0, 0, 0, 0.7);}
.detail-list-wrap .item .info-match {display: flex;padding: 10px 0;line-height: 24px;position: relative;}
.detail-list-wrap .item .info-match::after {content: "";width: 8px;background: url("../images/calendar-right.png") no-repeat center center;background-size: contain;}
.detail-list-wrap .item .match-name {color: #ff7310;font-size: 14px;background: url("../images/sportid-1.png") no-repeat center left;background-size: 14px;padding-left: 18px;}
.detail-list-wrap .item .match-name[data-sportid="2"] {background-image: url("../images/sportid-2.png");}
.detail-list-wrap .item .competition {flex: 1;font-size: 16px;padding: 0 20px;}
.detail-list-wrap .item .mark {width: 45px;height: 45px;background: no-repeat;background-size: cover;position: absolute;right: 30px;bottom: 0;}
.detail-list-wrap .item .mark[data-winlose="win"] {background-image: url("../images/user/icon-seal1.png");}
.detail-list-wrap .item .mark[data-winlose="lose"] {background-image: url("../images/user/icon-seal5.png");}
.detail-list-wrap .item .mark[data-winlose="draw"] {background-image: url("../images/user/icon-seal2.png");}
.detail-list-wrap .item .mark[data-winlose="cancel"] {background-image: url("../images/user/icon-seal4.png");}
.detail-list-wrap .item .grid-reverse {border-radius: 2px;background: linear-gradient(90deg, rgba(245, 245, 245, 0.4) 0.42%, rgba(245, 245, 245, 1) 100%);display: flex;padding: 0 10px;}
.detail-list-wrap .item .grid-reverse .grid-item {color: rgba(0, 0, 0, 0.4);font-size: 14px;line-height: 20px;text-align: center;padding: 10px 0;overflow: hidden;margin-right: 25px;}
.detail-list-wrap .item .grid-reverse p {float: left;}
.detail-list-wrap .item .grid-reverse p:first-child::after {content: "：";}
.detail-list-wrap .item .grid-reverse .value {color: #ff7310;font-weight: bold;}
/* 方案列表end */

/* 发布方案明细 */
.scheme-details .s1 {padding: 15px 20px;}
.scheme-details .s1 .header {line-height: 20px;display: flex;justify-content: space-between;margin-bottom: 20px;}
.scheme-details .s1 .header .match-name {color: #ff7310;font-size: 14px;padding-left: 18px;background: url("../images/sportid-1.png") no-repeat center left;background-size: 14px;}
.scheme-details .s1 .header .btn {font-size: 14px;padding: 0 10px 0 0;background: url("../images/calendar-right.png") no-repeat center right;background-size: 6px;}
.scheme-details .s1 .content {display: flex;align-items: flex-start;}
.scheme-details .s1 .content .team {flex: 1;display: flex;}
.scheme-details .s1 .content .team .icon {width: 40px;height: 40px;object-fit: contain;}
.scheme-details .s1 .content .team .name {font-size: 16px;line-height: 24px;display: flex;align-items: center;padding: 0 10px;}
.scheme-details .s1 .content .home {justify-content: flex-end;text-align: right;}
.scheme-details .s1 .content .score {width: 100px;color: #ff7310;font-size: 24px;line-height: 40px;text-align: center;}
.scheme-details .s1 .content .score-img {display: block;height: 40px;background: url("../images/icon/VS@2x.png") no-repeat center center;background-size: auto 34px;}
.list-box {padding: 10px 20px;}
.list-box .list-header {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 10px;}
.list-box .list-header .title {font-size: 18px;line-height: 30px;}
.list-box .list-header .checkbox {display: flex;align-items: center;color: rgba(0, 0, 0, 0.8);font-size: 14px;cursor: pointer;}
.list-box .list-header .checkbox::before {content: "";width: 12px;height: 12px;border-radius: 2px;border: 1px solid var(--color-theme);background: no-repeat center center;background-size: 74%;margin-right: 4px;}
.list-box .list-header .checkbox.checked::before {background-image: url("../images/icon/tick.png");}
.list-box .item {display: flex;align-items: center;padding: 15px 0;color: rgba(0, 0, 0, 0.6);font-size: 14px;line-height: 20px;position: relative;}
.list-box .item a {padding: 0;}
.list-box .item:not(:last-child)::after {content: "";border-bottom: 1px solid rgba(0, 0, 0, 0.1);position: absolute;left: 0;right: 0;bottom: 0;}
.list-box .item .useravatar {width: 50px;height: 50px;margin-right: 10px;}
.list-box .item .avatar-img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.list-box .item .username {flex: 1;min-width: 0;}
.list-box .item .username .name {color: #000;font-size: 16px;margin-bottom: 5px;}
.list-box .item .extra {text-align: right;}
.list-box .item .ds {margin-bottom: 5px;}
.list-box .item .ds span {color: #ff7310;}
.list-box .item .ds.has-arrow::after {content: "";display: inline-block;vertical-align: top;width: 6px;height: 20px;background: url("../images/icon/arrow_2@2x.png") no-repeat center center;background-size: contain;margin-left: 4px;}
.list-box .item .status.active {color: #ff7310;}
/* .list-box .item:hover {background-color: #fcebd7;} */
/* 发布方案明细end */

/* 订阅记录 */
.sr-top {display: flex;align-items: center;padding: 20px;}
.sr-top .useravatar {width: 60px;height: 60px;padding: 0;}
.sr-top .avatar-img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.sr-top .username {font-size: 18px;padding: 0 10px;}
.sr-top .other {flex: 1;min-width: 0;text-align: right;color: rgba(0, 0, 0, 0.5);font-size: 14px;}
.sr-top .other span {color: #ff7310;}
.sr-table {font-size: 14px;line-height: 20px;text-align: center;}
.sr-table .table-tr {display: flex;align-items: center;width: 100%;position: relative;}
.sr-table .table-tr:not(:first-child)::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
.sr-table .table-tr:last-child::after {display: none;}
.sr-table .table-tr:first-child {background-color: #f7f7f7;}
.sr-table .table-th,
.sr-table .table-td {flex: 1;padding: 10px;}
.sr-table .starttime {color: rgba(0, 0, 0, 0.5);}
.sr-table .endtime {color: #ff7310;}
.sr-table .price {color: #ff7310;font-size: 18px;font-weight: bold;line-height: 24px;}
.sr-table .status {color: #e81c1c;}
.sr-table .status.success {color: #289404;}
/* 订阅记录end */

.cq-dialog {width: 94%;max-width: 400px;font-size: 16px;line-height: 24px;border-radius: 12px;background-color: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.cq-dialog .content {text-align: center;padding: 26px 24px;}
.cq-dialog .tips {color: #e81c1c;font-size: 14px;line-height: 20px;padding-bottom: 10px;}
.cq-dialog .btn-group {display: flex;position: relative;}
.cq-dialog .btn-group::before {content: "";position: absolute;left: 0;top: 0;right: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
.cq-dialog .btn-group .btn {flex: 1;color: rgba(0, 0, 0, 0.7);font-size: 14px;text-align: center;line-height: 50px;cursor: pointer;position: relative;}
.cq-dialog .btn-group .btn:not(:first-child)::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;border-left: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
.cq-dialog .btn-group .btn.confirm {color: #ff7310;}

/* 在线客服 */
.online-service-page .aio-container{padding: 0 0;}
.online-service-containers{height: 588px;box-shadow: 0 0 3px rgba(0, 0, 0, .2);}
.online-service-customer-containers{height: 58vh;}
.online-service-containers iframe{width: 100%;height: 100%;border: 0;}

/* 在线客服end */

/* 发布 */
.releasePlan-list{display: flex;justify-content: space-between;align-items: center;}
.releasePlan-list .item{display: inline-block;width: 48%;position: relative;border-radius: 5px;background: linear-gradient(225.09deg, rgba(255, 170, 79, 1) 0%, rgba(255, 168, 77, 1) 1%, rgba(245, 145, 73, 1) 100%);box-shadow: 0px 2px 3px  rgba(255, 133, 36, 0.09);padding: 18px 12px;position: relative;}
.releasePlan-list .item::before{content: '';position: absolute;top: 50%;right: 5%;transform: translateY(-50%);width: 52px;height: 50px;background-image: url(../images/release-single.png);background-repeat: no-repeat;background-size: cover;}
.releasePlan-list .item.multi::before{background-image: url(../images/release-mult.png);}
.releasePlan-list .item.multi{background: linear-gradient(135.64deg, rgba(105, 162, 255, 1) 0.28%, rgba(53, 125, 232, 1) 100%);box-shadow: 0px 2px 3px  rgba(255, 133, 36, 0.09);}
.releasePlan-list .title{font-size: 18px;color: #fff;}
.releasePlan-list .title span.main{display: block;}
.releasePlan-list .title span.sub{font-size: 16px;padding-right: 25px;background: url(../images/release-link.png) no-repeat;background-size: 17px;background-position: right center;}
/* 发布end */

/* 发布多场方案列表 */
.detail-list-wrap .item .multi-marnk{min-width: 50px;min-height: 50px;background: no-repeat;background-size: cover;position: absolute;right: 30px;bottom: 0;border: 2px solid #f25555;color: #f25555;font-size: 16px;font-weight: bold;text-align: center;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.detail-list-wrap .item .multi-marnk[data-winlose="lose"],
.detail-list-wrap .item .multi-marnk[data-winlose="win"],
.detail-list-wrap .item .multi-marnk[data-winlose="cancel"]{font-size: 0;border: 0;background-image: url(../images/user/icon-seal5.png);background-repeat: no-repeat;}
.detail-list-wrap .item .multi-marnk[data-winlose="win"] {background-image: url(../images/user/icon-seal1.png);}
.detail-list-wrap .item .multi-marnk[data-winlose="cancel"]{background-image: url(../images/user/icon-seal4.png);}
.detail-list-wrap .item .multi-marnk[data-winlose="no-start"]{display: none;}

/* 发布多场方案列表end */

/* '发布方案'按钮样式 */
.aio-layout-set .expert-release,
.expert-release{background: linear-gradient(90deg, rgba(250, 230, 194, 0.3) 0%, rgba(248, 180, 114, 0.3) 53.01%, rgba(247, 199, 91, 0.3) 100%);border: 1px solid rgba(255, 163, 71, 1);border-radius: 15px;color: #000 !important;font-size: 14px;display: block;padding: 0 10px !important;line-height: 30px;}
.aio-layout-set .expert-release{font-size: 16px;padding: 1px 15px !important;}
/* end */

/* 阅读方案记录（单、多）场切换按钮 */
.scheme-read-type{position: relative;text-align: center;display: flex;justify-content: center;margin-bottom: 15px;}
.scheme-read-type .res-tabs{width: 150px;background-color: #f5f5f5;border-radius: 999px;font-size: 14px;position: relative;display: flex;justify-content: space-between;}
.scheme-read-type .res-tabs::after{content: "";position: absolute;inset: 0;border-radius: inherit;border: 1px solid #ff7310;pointer-events: none;}
.scheme-read-type .res-tabs span{color: rgba(0, 0, 0, 0.5);font-size: 16px;line-height: 36px;border-radius: inherit;cursor: pointer;position: relative;z-index: 1;text-align: center;flex: 1;display: block;max-width: 50%;}
.scheme-read-type .res-tabs span[data-ai-vis="1"]{background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;}
/* end */