body{color:#333}
img{max-width:100%;vertical-align:middle}
#body_content{overflow:hidden}
.clearfix::after{content:"";display:block;height:0;clear:both}
li,ul{list-style:none}
.pc-sidebar{display:inline-block;width:25%;background-color:#fff;vertical-align:top;float:left}
.pc-main{display:inline-block;vertical-align:top;width:75%;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;overflow: hidden;}
.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::after{content: "";display: inline-block;vertical-align: middle;background-color:#fcc031;font-size:12px;height:16px;line-height:16px;padding:0 6px;border-radius:2px;margin-left:20px;margin-top: -2px;}
.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 .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;padding:0 18px}
.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;background:#ffecdf}
.app-submit-bar .submit-text{flex:1;padding-left:15px;line-height:initial}
.app-submit-bar .submit-text .price{font-size:21px;font-weight:500}
.app-submit-bar .price span{color:#ff6a00;font-family:DINPro;font-weight:700;font-size:140%}
.app-submit-bar .submit-text .desc{font-size:15px;margin-top:10px}
.app-submit-bar .submit-text .desc em{color:#f2330e;font-family:DINPro}
.app-submit-bar .submit{line-height:100px;width:130px;background-color:#ff6a00;border:0;color:#fff;font-size:20px;cursor:pointer;text-align:center}
.voucher-center .panel-title{font-size:19px;line-height:32px;font-weight:400;padding-left:16px;position:relative;margin:0 20px}
.voucher-center .panel-title::before{content:"";position:absolute;left:0;top:50%;width:4px;height:22px;border-radius:1px;background-color:#ff6a00;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.voucher-center .panel-title em{color:#999;font-size:14px;vertical-align:bottom}
.voucher-center .voucher-current{height:120px;background:url(../images/user/bgimg1.jpg) no-repeat center bottom -10px;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 20px;border-radius:3px}
.voucher-center .voucher-current h2{font-size:20px;line-height:50px;font-weight:400;padding-left:46px;background:url(../images/user/icon-bean2.png) no-repeat left center;background-size:30px auto}
.voucher-center .voucher-current .balance-box{display:flex;align-items:center;justify-content:space-between;padding-left:46px}
.voucher-center .voucher-current .balance-box .balance{font-size:35px;font-family:system-ui}
.voucher-center .voucher-current .balance-box .mybean{height:36px;line-height:36px;border-radius:36px;padding:0 26px;color:#fff;font-size:15px;text-shadow:0 0 1px #b34400;background-image:linear-gradient(to right,#ffbc04 30%,#fc812a)}
.voucher-center .voucher-wrap{padding-top:14px}
.voucher-center .voucher-wrap .beans{padding:16px 12px 0 20px}
.voucher-center .voucher-wrap .beans .item{float:left;width:33.3333%;padding:0 8px 8px 0;font-family:DINPro;text-align:center}
.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:#999;cursor:pointer;position:relative;overflow:hidden;user-select:none}
.voucher-center .beans .bean{font-size:24px;color:#000}
.voucher-center .beans .bean:after{content:'豆';font-weight:400;font-size:80%;padding-left:3px}
.voucher-center .beans .give{line-height:16px}
.voucher-center .beans .item[data-ai-vis="1"] .content{color:#ff6a00;border-color:#ff6a00;background:#ffecdf url(../images/user/icon-horn.png) no-repeat right bottom;background-size:34px auto}
.voucher-center .voucher-wrap .input-bean{padding:2px 20px 14px}
.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 .pay-wrap .pays{padding:12px 0 0}
.voucher-center .pay-wrap .pays .panel-title{margin-bottom:14px}
.voucher-center .pays dd{line-height:60px;font-size:16px;padding:0 20px;position:relative;cursor:pointer;border-top:solid 1px #e1e1e1;user-select:none}
.voucher-center .pays .label{display:inline-block;padding-left:60px;background:no-repeat left center;background-size:40px auto}
.voucher-center .pays dd.wx .label{background-image:url(../images/user/icon-wx.png)}
.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;padding:0 20px}
.voucher-center .read-agreement a{color:#ff6a00}
.voucher-center .tips{padding:12px 0 30px}
.voucher-center .tips dd{color:#999;font-size:14px;line-height:18px;padding:0 20px;margin-top:8px;white-space:pre-line}
.voucher-center .tips dd em{color:#ff6a00}
.records-tabs{display:flex;padding:9px 4px}
.records-tabs .item{flex:1;height:65px;line-height:65px;border-radius:3px;background:no-repeat center center;background-size:cover;margin:0 5px;color:#333;font-size:22px;text-align:center;cursor:pointer}
.records-tabs .item>em{font-size:14px;font-weight:400}
.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.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{color:#fff}
.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.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-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:rgb(255 106 0);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{flex:1;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-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;}

#home_expert{ min-height: 2075px;}
#home_expert .aio-layout-right{ position:absolute;top: 10px;bottom: 0;}
#home_expert .aio-sticky{ position:sticky; top:0;}