:root {
    --theme-color: #ff7310;
}
input,textarea,button{outline:0;resize:none}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance: none;}
.app-lottery-top{height:500px}
.app-lottery-top ol{font-size:0;line-height:0}
.app-lottery-top ol>li{display:inline-block;width:33%;padding:5px}
.app-lottery-top ol>li>a{border-radius:5px;background:#f1f1f1;display:block;font-size:14px;line-height:20px;padding:15px 0 0;position:relative;overflow:hidden}
.app-lottery-top ol .d-avatar{height:60px;width:60px;border-radius:50%;background:url("../images/icon/head_portrait@2x(1).png") no-repeat center center;background-size:contain;margin:0 auto}
.app-lottery-top ol .d-nick{height:40px;line-height:20px}
.app-lottery-top ol .d-nick:before{content:'';display:inline-block;height:100%;width:0;vertical-align:middle}
.app-lottery-top ol .d-info{height:30px;background:#fec399;color:#1277d9;line-height:30px;font-weight:700}
#localMatchInfo1{min-height:100px}
.aio-layout-right a {padding: 0;}

.hide {display: none !important;}
.aio-recommend{display:block;width:30%;position:absolute;right:0;top: 60px;padding:15px;background-color:#fff;box-shadow: 0 0 3px rgb(0 0 0 / 15%);border-radius:2px}
.aio-recommend .content-list,.aio-recommend .nav-list{padding:0;list-style:none;background-color:#fff!important}
.aio-recommend .nav-list{height:280px}
.aio-recommend .nav-list:before{content:none}
.aio-recommend .nav-list>li{line-height: 20px;color: #999;}
.aio-recommend .nav-list>li:first-child .title {border-radius: 10px 0 0 10px;}
.aio-recommend .nav-list>li:last-child .title {border-radius: 0 10px 10px 0;}
.aio-recommend .nav-list .aio-box{top: 34px}
.aio-recommend .nav-list li.aio-on>.title{background-color: #ff6a00;color: #fff;border-radius: 10px !important;}
.aio-recommend .nav-list li .title{cursor:pointer;line-height:20px;padding: 0 10px;background-color: #f5f7ff;}
.aio-recommend .content-list-show{margin-top:20px;animation:content-list-show .8s forwards}
.author-item{float:left;width:25%;margin-bottom: 10px;}
.author-item a{display:block;font-size:12px;line-height:1.5;border-radius:4px;padding:0;overflow:hidden;text-align: center;}
.author-item a::after{content:attr(title);display: inline-block;color: #F72828;font-size: 12px;line-height: 14px;background: #FFEFEF;border-radius: 2px;padding: 0 3px;}
.author-item .name{padding-top:6px;display: block;}
.author-item.more{position: absolute;right: 0;top: -34px;width: auto !important;}
.author-item.more a img {width: 15px;}
.author-item.more a::after{content: '达人榜';color: #333;background-color: transparent;vertical-align: middle;}
.publish,a.publish{height:50px;background:#ff6a00;cursor:pointer;border-radius:5px;text-align:center;color:#fff;font-size:20px;line-height:50px;margin:10px 0;display:block}
.publish span{display:inline-block;background:url(../images/lottery/release.png) no-repeat left center;background-size:auto 80%;padding-left:50px;color:#fff}
.publish.expert span{background-image:url(../images/icon-expert.png)}

.recommend-tabs {height: 45px;display: flex;align-items: center;font-size: 16px;padding: 0 10px;color: #999;line-height: 18px;}
.recommend-tabs ul {display: flex;flex: 1;}
.recommend-tabs .item {flex-shrink: 0;cursor: pointer;padding: 0 10px;margin-right: 20px;}
.recommend-tabs .item:last-child {margin-right: 0;}
.recommend-tabs .item.active {color: #ff6a00;font-size: 18px;font-weight: bold;}
.recommend-tabs .item.active span {position: relative;}
.recommend-tabs .item.active span::before {content:"";position:absolute;left:50%;bottom:-4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:3px;width:100%;background-color:#ff6a00;box-shadow:0 4px 3px 0 rgba(218,93,4,.34);border-radius:3px}
.recommend-tabs .tail {padding-left: 10px;border-left: 1px solid #999;cursor: pointer;}

.app-dialog .close{position:absolute;right:10px;top:5px;width:30px;height:30px;background:url(../images/lottery/icon-close.png) no-repeat center center;background-size:10px auto;cursor:pointer}
/* 弹窗 */
.app-dialog-content{padding:30px 14px 0}
.app-dialog.screen .group{margin-bottom:4px}
.app-dialog.screen .group .title{font-size:16px;font-weight:500;padding-left:8px;margin-bottom:2px}
.app-dialog.screen .group .list{list-style:none;overflow:hidden}
.app-dialog.screen .group .item{height:30px;line-height:30px;border-radius:2px;text-align:center;font-size:14px;background-color:#f4f4f4;float:left;width:calc(33.3333% - 16px);margin:0 8px 3px;cursor:pointer}
.app-dialog.screen .group .item.large{height:96px;line-height:96px}
.app-dialog.screen .group .item.active{background-color:#ffe1cb;color:#ff6a00}
.app-dialog.screen .group .item.is-disabled{color:#999;cursor:no-drop}
.app-dialog-bottom{padding:20px 22px 15px;overflow:hidden}
.app-dialog-bottom .option{float:left}
.app-dialog-bottom .option .buttons{float:left;width:78px;height:28px;line-height:26px;border:1px solid #ddd;border-radius:3px;position:relative}
.app-dialog-bottom .option .buttons a{float:left;width:50%;color:#333;font-size:13px}
.app-dialog-bottom .option .buttons a.active{color:#ff6a00}
.app-dialog-bottom .option .buttons::after{content:"";width:1px;height:12px;background-color:#ddd;position:absolute;left:36px;top:50%;margin-top:-6px}
.app-dialog-bottom .option span{float:left;color:#999;font-size:11px;padding-left:10px}
.app-dialog-bottom .confirm{float:right;width:78px;height:28px;line-height:28px;text-align:center;background-color:#ff6a00;color:#fff;font-size:15px;border-radius:3px}
.app-dialog-bottom.inline {display: flex; justify-content: center;}
.app-dialog-bottom.inline .button {flex: 1; margin-right: 20px; height: 40px; max-width: 160px; color: #999; font-size: 14px; background-color: #fff; border: 1px solid #999; border-radius: 5px;}
.app-dialog-bottom.inline .button:last-child {margin-right: 0;}
.app-dialog-bottom.inline .button.primary {color: #fff; background-color: #ff6a00; border-color: #ff6a00;}
.app-dialog-title {text-align: center;line-height: 1.6;padding: 30px 0 20px;}
.app-dialog-title .title {font-size: 20px;font-weight: 500;text-align: center;margin: 0;}
[class*="icon-"]::before {background-repeat: no-repeat; background-position: center center; background-size: contain; display: inline-block; vertical-align: middle; margin-top: -4px;}
.app-dialog-title .title.icon-zan::before {content: ""; width: 30px; height: 30px; background-image: url(../images/icon-zan.png); margin-right: 6px;}
.app-dialog-title .subtitle {color: #999;font-size: 16px;font-weight: 500;}
/* 弹窗end */
.app-analysis .vs-wrap{padding:10px 0}
.app-analysis .vs-wrap .title span{display:inline-block;margin-right:4px}
.app-analysis .vs-wrap .time{display:flex;justify-content:space-between;color:#999;font-size:15px;/*padding:5px 20px*/}
.app-analysis .vs-wrap .time .end em{color:#f2330e}
.app-analysis .vs-wrap .vs{display:flex;align-items:center;justify-content:space-around}
.app-analysis .vs-wrap .vs .center{font-size:36px;font-weight:700}
.app-analysis .vs-wrap .vs .left,.app-analysis .vs-wrap .vs .right{flex:1}
.app-analysis .vs-wrap .team{text-align:center;font-size:18px;}
.app-analysis .vs-wrap .team .icon{display:block;background:no-repeat center center;background-size:contain;width:60px;height:60px;margin:5px auto}
.clickable{height:50px;line-height:50px;background-color:#fff;border-radius:5px 5px 0 0;font-size:18px;/*padding:0 20px;*/position:relative;cursor:pointer;user-select:none}
.clickable::after{content:"";position:absolute;right:17px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:24px;background:url(../images/icon-arrow-right-grey.png) no-repeat center center;background-size:8px auto}
.clickable:not([data-ai-vis="1"])+.content{display:none}
.app-analysis .select-tab .content{/*padding:0 20px 10px 20px;*/border-radius:3px}
.app-analysis .select-tab .group{display:flex;font-size: 16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.app-analysis .select-tab .group .label{color:#fff;width:70px;background-color:#41a4de;border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.app-analysis .select-tab .group .label span{width:18px;line-height:26px}
.app-analysis .select-tab .group .list{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between}
.app-analysis .select-tab .group .list .item{flex:1;background-color:#f5f5f5;border-radius:4px;text-align:center;margin-left:8px;margin-bottom:6px;height:60px;display:flex;flex-direction:column;justify-content:center;line-height:24px;min-width:30%;cursor:pointer}
.app-analysis .select-tab .group .list .item[data-ai-vis]{background-color:#f2330e;color:#fff}
.app-analysis .select-tab .group .list .item em{font-size:90%;opacity:.7}
.app-analysis .select-tab .group .list .item strong{font-size:110%}
.app-analysis .select-tab .group .list .item[disabled] {cursor: no-drop;background-color: #ccc; color: #fff;}
/*.app-analysis .edit-content{padding:0 20px 20px}*/
.app-analysis .edit-content h2{font-size:20px;font-weight:500;padding:26px 0 10px}
.app-analysis .edit-content h2 em{font-size:14px;opacity:.5}
.app-analysis .edit-content input{display:block;width:100%;height:50px;background-color:#f5f5f5;border:0;border-radius:2px;font-size:16px;padding:0 20px}
.app-analysis .edit-content .textarea-box{position:relative;border:1px solid #ccc;border-radius:5px;overflow:hidden}
/* .app-analysis .edit-content .textarea-box textarea{display:block;width:100%;height:150px;border:0;font-size:16px;padding:10px 20px} */
.app-analysis .edit-content .textarea-box textarea{display:block;width:100%;height:300px;border:0;font-size:16px;padding:10px 20px}
.app-analysis .edit-content .textarea-box .placeholder{width:100%;font-size:12px;min-width:240px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;color:#999;text-align:center;pointer-events:none}
.app-analysis .attribute{padding-top:14px}
.app-analysis .attribute .item{display:flex;align-items:center;padding:0 20px 8px}
.app-analysis .attribute .item .label{flex:1;font-size:20px;line-height:initial}
.app-analysis .attribute .item .click-button{display:block;width:220px;height:40px;border:0;border-radius:4px;background-color:#f2330e;color:#fff;font-size:16px;text-align:center;position:relative}
.app-analysis .attribute .item .click-button::after{content:"";position:absolute;right:14px;top:0;width:16px;height:100%;background:url(../images/icon-arrow-right-white.png) no-repeat center center;background-size:8px}
.app-analysis .reminder {flex: 1;}
.app-analysis .reminder-wrap {display: flex;align-items: flex-start;padding: 5px 0;}
.app-analysis .reminder-wrap select {width: 100px;height: 26px;margin-right: 10px;}

.fixed-footer-content{text-align:center}
.fixed-footer-content .fill-button{display:inline-block;width:300px;height:50px;line-height:50px;border-radius:50px;border:0;background-color:#ff6a00;color:#fff;font-size:16px;cursor:pointer}
.fixed-footer-content .publish{display:inline-block;width:300px;border-radius:50px;margin-left:10px}
.app-programme-action{display:flex;align-items:center;background-color:#ff6a00;box-shadow:0 0 6px 0 rgba(26,26,25,.16);color:#fff;font-size:14px;border-radius:3px;overflow:hidden}
.app-programme-action .text{flex:1;line-height:18px;text-align:left;padding-left:26px}
.app-programme-action .button{color:#fff;font-size:16px;width:90px;line-height:60px;background-color:#41a4de;border:0;cursor:pointer}
.programme-details .detail-content{padding:20px}
.programme-details .match-top{color:rgba(0,0,0,0.5);font-size:14px;line-height:20px;border-radius: 6px 6px 0 0;background-color: rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: flex-start;padding: 10px;margin-bottom: 0;}
.programme-details .match-top::before {content: "";width: 16px;height: 16px;background:url(../images/icon-football-small.png) no-repeat left center;background-size:16px auto;margin-right: 10px;}
.programme-details .match-top[data-sportid="2"]::before{background-image:url(../images/icon-basketball-small.png)}
.programme-details .match-top span {margin-right: 10px;}
.programme-details .match-top .btn-retreat {background-color:#41a4de;color:#fff;font-size:14px;line-height:26px;border-radius:3px;padding:0 10px;float:right;display:inline-block}
.programme-details .match-vote {border-radius: 0 0 6px 6px;overflow:hidden;display:flex;min-height:80px;font-size:16px;position: relative;}
.programme-details .match-vote .title{width:50px;color:#fff;background-color:#458ae6;display:flex;align-items:center;justify-content:center;padding:10px 15px;text-align:center;line-height:20px;font-size:15px}
.programme-details .match-vote .item{flex:1;background-color:#ecf3fd;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;font-weight:bold;font-size: 19px;position: relative;}
.programme-details .match-vote .item:not(:last-child)::before {content: ''; border-right: 1px solid #d5d7de;position: absolute;top: 0;right: 0;bottom: 0;pointer-events: none;}
.programme-details .match-vote .item strong{color:#333;font-size:19px;font-weight:700}
.programme-details .match-vote .item:last-child{border-radius:0 4px 4px 0}
.programme-details .match-vote .item.mark-recommend {background-color:#e45e58;color:#fff}
.programme-details .match-vote .item.mark-recommend strong{color:#fff}
.programme-details .match-vote .item.mark-recommend::after{content:"";width: 30px;height: 100%;background: url(../images/icon/tui.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 0;pointer-events: none;}

.programme-details .match-vote[data-winlose="未完场"] .item.mark-recommend {background-color:rgba(245, 225, 172, 1);color:#333;}
.programme-details .match-vote[data-winlose="未完场"] .item.mark-recommend strong{color:#333}

.programme-details .match-vote[data-winlose="黑"] .item.mark-recommend {background: linear-gradient(128.61deg, #d4d4d4 0%, #c2c2c2 100%);color: rgba(0, 0, 0, 0.8);}
.programme-details .match-vote[data-winlose="黑"] .item.mark-recommend::after {background-image: url(../images/icon/tui_black.png);}
.programme-details .match-vote[data-winlose="黑"] .item.mark-recommend strong{color: rgba(0, 0, 0, 0.8);}
.programme-details .match-vote-key{flex:1;text-align:center;background:#fff7f2 url(../images/match-access-key.png) repeat center center;background-size: auto 100%;display:flex;align-items:center;justify-content:center;border:solid 1px rgb(201 191 184 / 50%);border-radius:0 4px 4px 0;padding:20px 0;}
.programme-details .match-vote-key .aio-bt{background:#e00 url(../images/icon-locked.png) no-repeat center 5px;background-size:auto 25px;color:#fff;border-radius:4px;padding:25px 30px 0;line-height:40px;box-shadow:0 0 3px rgb(0 0 0 / 30%);display:block;cursor:pointer;user-select:none}
.programme-details .article-title{font-size:20px;font-weight:400;line-height:1.5;padding:20px;border-bottom:1px solid #ddd;margin:0}
.programme-details .detail-content .article{color:#333;font-size:16px;line-height:1.8em;padding:20px;background:#f7f7f7;border-radius:3px;margin-top:16px;}
.programme-details .article-title .btn-retreat {display: inline-block;vertical-align: top;margin-top: 5px;background-color: #428ef2;color: #fff;font-size: 12px;line-height: 20px;padding: 0 6px;border-radius: 2px;margin-right: 4px;}
.programme-details .detail-content .article h4{font-size:20px;font-weight: 500;margin-bottom:10px}
.programme-details .detail-content .article p {word-break: break-word;text-align:justify;white-space: pre-line;}
.programme-details .detail-content .other{display:flex;align-items:flex-end;justify-content:space-between;color:#999;font-size:14px;line-height:26px;margin-top:8px}
.programme-details .detail-content .other .left span{display:block}
.programme-details .detail-content .other .left span em{color:#f2330e;margin-left:10px}
.programme-details .detail-content .other .right span{margin-left:25px;background-repeat:no-repeat;background-position:left center;padding-left:25px;display:inline-block;cursor:pointer}
.programme-details .detail-content .other .right .like{background-image:url(../images/icon-like.png);background-size:18px auto}
.programme-details .detail-content .other .right .warning{background-image:url(../images/icon-warning.png);background-size:18px auto}
.programme-details .detail-content .minor-text {color: rgba(0, 0, 0, 0.6);font-size: 14px;line-height: 1.4;text-align: center;margin: 10px 0;}
.programme-details .detail-content .minor-text span {color: #e44d5c;}
.programme-details .statement{color:#999;font-size:14px;line-height:1.5;text-align:center;padding:30px 15px}
.programme-details .record-wrap{margin-top:22px}
.programme-details .record .title{color:#333;font-size:25px;line-height:1.5;font-weight:400;padding-left:34px;background:url(../images/icon-trophy.png) no-repeat left center;background-size:20px auto}
.programme-details .record .other{align-items:center;justify-content:space-between;padding-top:5px}
.programme-details .record .trend{margin-top:0;text-align:left}
.programme-details .record .trend dt{margin-right:2px}
.programme-details .record .trend dd{width:30px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#fff;border-radius:50%;margin:2px;display:inline-block;position:relative}
.programme-details .record .trend dd:nth-of-type(1):before{content:'最近';position:absolute;left:0;top:-30px;color:#000;right:0;font-size:12px;background:url(../images/icon-arrow-down-black.png) no-repeat center bottom;background-size:auto 10px}
.programme-details .record .trend .red{background-color:#f2330e}
.programme-details .record .trend .blue{background-color:#61b9ec}
.programme-details .record .trend .green{background-color:#7ed7ab}
.programme-details .record .trend .black{background-color:#000}
.programme-details .record .trend .hit{background-color:transparent;border: 1px solid #f25555;color: #f25555;box-sizing: border-box;font-size: 11px;letter-spacing: -1px;width: 30px;height: 30px;}
.programme-details .record .corner{line-height:40px}
.programme-details .record .corner em{color:#f2330e;font-size:22px;font-weight:700}

.programme-details .minor-wrap {margin-top: 16px;}
.programme-details .minor-wrap .header {display: flex;line-height: 24px;margin-bottom: 10px;}
.programme-details .minor-wrap .header .title {font-size: 20px;font-weight: 500;}
.programme-details .minor-wrap .header span {color: rgba(0, 0, 0, 0.5);font-size: 12px;margin-left: 2px;}
.programme-details .minor-wrap .list {display: flex;flex-wrap: wrap;gap: 5px;text-align: center;}
.programme-details .minor-wrap .list .item {width: calc((100% - 5px) / 2);border-radius: 1px;background-color: #f2f5fa;color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 22px;padding: 5px;}

.programme-reward{padding: 16px 0 8px;color: #666;font-size: 14px;text-align: center;}
.programme-reward .reward-img{display: block;width: 70px;margin :0 auto;cursor: pointer;}

.match-list-content {background-color: #fff;min-height: 500px;position: relative;}
.match-list-content .card-list .card-item{padding:10px}
.programme-details.match-info-only .article-title{padding-right: 50px;}

/* 排行榜 */
.rank-side-nav {float: left;width: 260px;background-color: #fff;padding: 8px;font-size: 16px;color: rgba(0, 0, 0, 0.8);box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);position: sticky;top: 24px;left: 0;}
.rank-side-nav .nav-item-text {display: block;padding: 10px 15px;line-height: 24px;color: rgba(0, 0, 0, 0.8);border-radius: 4px;position: relative;}
.rank-side-nav .has-sub-nav .nav-item-text::after {content: "";background: url(../images/icon/icon_arrow_bottom.png) no-repeat center center;background-size: contain;width: 16px;height: 16px;position: absolute;right: 10px;top: 50%;margin-top: -8px;}
.rank-side-nav .nav-item-text.is-active {font-weight: bold;color: #ff7310;background-color: rgba(255, 115, 16, 0.1) !important;}
.rank-side-nav .nav-item-text.is-active-open::after {transform: rotate(180deg);}
.rank-side-nav .nav-item-text.is-active-open + .sub-nav-item {display: block;}
.rank-side-nav .sub-nav-item {display: none;}
.rank-side-nav .sub-nav-item-text {display: block;padding: 10px 15px 10px 30px;line-height: 20px;font-size: 14px;color: rgba(0, 0, 0, 0.5);border-radius: 4px;}
.rank-side-nav .sub-nav-item-text.is-active {color: #ff7310;}
.rank-side-nav .nav-item-text:hover,
.rank-side-nav .sub-nav-item-text:hover {background-color: #f9f9f9;color: #ff7310;}
.rank-side-nav .type-select {background-color: #f6f8fa;border-radius: 3px;font-size: 16px;line-height: 38px;padding: 4px;overflow: hidden;margin-bottom: 4px;}
.rank-side-nav .type-select .aio-item {float: left;width: 50%;padding: 0 14px;text-align: center;border-radius: inherit;}
.rank-side-nav .type-select .aio-item.aio-on {background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);color: #fff;font-weight: bold;}
.rank-list-wrap {float: right;width: calc(100% - 270px);position: relative;}
.rank-list-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.rank-list-header .title {font-size: 18px;font-weight: bold;}
.rank-list-content .rank-user-item {display: flex;align-items: center;font-size: 14px;padding: 15px 12px;border-radius: 4px;}
.rank-list-content .rank-user-item .user-number {min-width: 30px;text-align: center;font-size: 18px;font-weight: bold;line-height: 30px;color: #e44d5c;margin-right: 24px;flex-shrink: 0;position: relative;}
.rank-list-content .rank-user-item [class*="user-number-"]::after {content: "";width: 30px;height: 30px;background: no-repeat center center;background-size: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.rank-list-content .rank-user-item .user-number-1::after {background-image: url(../images-v2/ranking1.png);}
.rank-list-content .rank-user-item .user-number-2::after {background-image: url(../images-v2/ranking2.png);}
.rank-list-content .rank-user-item .user-number-3::after {background-image: url(../images-v2/ranking3.png);}
.rank-list-content .rank-user-item .user-avatar {position: relative;margin-right: 20px;}
.rank-list-content .rank-user-item .user-avatar::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;padding: 0 3px;box-sizing: border-box;pointer-events: none;}
.rank-list-content .rank-user-item .user-avatar[data-chargecount]::before {content: attr(data-chargecount);background-color: #f2330e;font-size: 12px;color: #fff;min-width: 16px;line-height: 16px;text-align: center;border-radius: 8px;position: absolute;left: -4px;top: -2px;z-index: 1;}
.rank-list-content .rank-user-item .avatarimg {display: block;width: 48px;height: 48px;border-radius: 50%;object-fit: cover;}
.rank-list-content .rank-user-item .user-group {background: no-repeat center center;background-size: contain;height: 20px;width: 100%;position: absolute;bottom: -3px;left: 50%;transform: translateX(-50%);z-index: 1;}
.rank-list-content .rank-user-item .user-info {flex: 1;min-width: 0;}
.rank-list-content .rank-user-item .user-name {line-height: 100%;overflow: hidden;}
.rank-list-content .rank-user-item .user-name span {float: left;margin-right: 5px;}
.rank-list-content .rank-user-item .name {font-size: 15px;font-weight: bold;line-height: 20px;}
.rank-list-content .rank-user-item .tag {padding: 0 4px;font-size: 12px;line-height: 20px;color: #fff;border-radius: 2px;}
.rank-list-content .rank-user-item .user-desc {font-size: 12px;line-height: 20px;margin-top: 5px;}
.rank-list-content .rank-user-item .goodat::before {content: "擅长: ";color: rgba(0, 0, 0, 0.5);display: inline-block;vertical-align: middle;margin-right: 4px;}
.rank-list-content .rank-user-item .goodat span {display: inline-block;vertical-align: middle;color: #ff7310;margin-right: 8px;}
.rank-list-content .rank-user-item .trend::before {content: "走势: ";color: rgba(0, 0, 0, 0.5);display: inline-block;vertical-align: middle;margin-right: 4px;}
.rank-list-content .rank-user-item .trend em {display: inline-block;vertical-align: middle;width: 10px;height: 10px;border-radius: 100%;margin-right: 3px;}
.rank-list-content .rank-user-item .trend .win {background-color: #e44d5c;}
.rank-list-content .rank-user-item .trend .draw {background-color: #3a82fb;}
.rank-list-content .rank-user-item .trend .lose {background-color: #aeb2bf;}
.rank-list-content .rank-user-item .tag.achievement {background-color: rgba(58, 130, 251, 0.8);}
.rank-list-content .rank-user-item .tag.lastwin {background-color: rgba(228, 77, 92, 1);}
.rank-list-content .rank-user-item .item-right {display: flex;align-items: center;padding: 4px 0;position: relative;}
.rank-list-content .rank-user-item .item-right::after {content: "";position: absolute;right: 95px;top: 0;bottom: 0;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.rank-list-content .rank-user-item .btn {display: block;width: 70px;height: 30px;line-height: 30px;background: linear-gradient(270deg, rgba(255, 170, 79, 1) 0%, rgba(255, 115, 16, 1) 100%);border: 0;border-radius: 4px;font-size: 14px;color: #fff;}
.rank-list-content .rank-user-item .btn::after {content: "+关注";}
.rank-list-content .rank-user-item .btn[data-is-follow="1"] {background: #e9e9ef;color: #737380;}
.rank-list-content .rank-user-item .btn[data-is-follow="1"]::after {content: "已关注";}
.rank-list-content .rank-user-item .hitrate {font-size: 16px;line-height: 20px;color: #e44d5c;margin-right: 50px;}
.rank-list-content .rank-user-item:hover {background-color: #f9f9f9;}
.rank-list-content .content-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.rank-list-content .content-header .title {font-size: 18px;font-weight: bold;}
.rank-list-content .content-header .subtitle {font-size: 14px;color: rgba(0, 0, 0, 0.5);}
.rank-list-action {border-bottom: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 15px;display: flex;align-items: center;justify-content: space-between;padding: 10px 0;}
.rank-list-action .action-picker {font-size: 16px;font-weight: bold;padding-right: 10px;cursor: pointer;position: relative;}
.rank-list-action .action-picker::after {content: "";width: 0;height: 0;border: 4px solid var(--theme-color);border-left-color: transparent;border-right-color: transparent;border-bottom: 0;border-radius: 2px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.rank-list-action .action-right {display: flex;align-items: center;}
/* .rank-list-action .tipbtn {width: 20px;height: 20px;background: url(../images/icon/rule.png) no-repeat center center;background-size: contain;} */
.vote-list-btn {position: absolute;right: 104px;top: 30px;}
.vote-list-btn .publishbtn {display: inline-block;vertical-align: top;font-size: 14px;color: #ff7310;padding: 0 0 0 20px;background: url(../images/icon/publish.png) no-repeat center left;background-size: 18px auto;}
.rank-list-action .tipbtn {color: #ff7310;font-size: 14px;}
.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {color: #ff7310 !important;}
/* 排行榜end */

.list-nav{display:flex;border-bottom: 1px solid #eff1f7;}
.list-nav .nav-item a {display: block;line-height: 40px;font-size: 14px;color:#999;padding:0 15px;}
.list-nav .nav-item.active a {color:#ff6a00;font-size: 16px;font-weight: bold;}
.ranking-list{padding-bottom:25px}
.ranking-item{border-bottom:1px solid #eff1f7;line-height:initial}
.ranking-item .link{display:flex;align-items:center;min-height:75px;padding:15px 8px}
.ranking-item .number{width:60px;text-align:center;font-size:15px;font-family:DINPro;font-weight:900;color:#8e8d8d}
.ranking-item .number::after{display:inline-block;width:28px;height:28px;background:no-repeat center center;background-size:contain}
.ranking-item .number[data-number="1"],.ranking-item .number[data-number="2"],.ranking-item .number[data-number="3"]{font-size:0}
.ranking-item .number[data-number="1"]::after{content:"";background-image:url(../images-v2/ranking1.png)}
.ranking-item .number[data-number="2"]::after{content:"";background-image:url(../images-v2/ranking2.png)}
.ranking-item .number[data-number="3"]::after{content:"";background-image:url(../images-v2/ranking3.png)}
.ranking-list-header{display:flex;padding:12px 8px 8px;border-bottom:1px solid #e0dddd;line-height:initial}
.ranking-list-header span{font-size:14px;text-align:center}
.ranking-list-header span:nth-child(1){flex:0 0 60px;width:60px}
.ranking-list-header span:nth-child(2){flex:1;width:100%;text-align:left;padding-left:80px}
.ranking-list-header span:nth-child(3){flex:0 0 90px;width:90px}
.item-edge{flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.5;font-size:12px;padding-bottom:10px}
.item-edge .warning{color:#fff;background-color:#f2330e;line-height:20px;border-radius:3px;text-align:center;padding: 0 10px;}
.item-edge .ds{color:#ff6a00;height:35px}
.item-edge .ds em{font-size:26px;font-weight:700}



.scheme-item .link{position:relative;display: block;border-bottom:1px solid #e0dddd;padding: 15px 0;line-height: 1;}
.scheme-item .desc {font-size: 18px;line-height: 24px;}
.scheme-item .title {font-weight: 500;font-size: 16px;color: #999;margin: 6px 0;}
.scheme-item .minor {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 1.4;margin-bottom: 5px;}
.scheme-item .classify {font-size: 12px;color: #ff6a00;border: 1px solid #ff6a00;border-radius: 2px;padding: 1px 4px;display: inline-block;vertical-align: middle;line-height: 14px;margin-right: 10px;}
.scheme-item .opeartion {display: flex;justify-content: space-between;align-items: flex-end;}
.scheme-item .information span {font-size: 12px;color: #8e8e8e;margin-right: 10px;}
.scheme-item .price {font-size: 12px;color: #ff0000;}
.scheme-item .price em {font-size: 20px;color: #3188fc;}
.scheme-item .free {font-size: 20px;color: #3188fc;}
.scheme-item .match-status {position: absolute;right: 15px;top: 15px;}
.scheme-item[data-ischarge="1"] .free {display: none;}
.scheme-item[data-ischarge="0"] .price {display: none;}



.scheme-content{color:rgb(0 0 0 / 40%);font-size:14px;font-weight:400;line-height:1.5;flex:1;overflow:hidden;}
.scheme-content .desc{line-height:initial;margin-bottom:5px}
.scheme-content .title {color:#333;font-size:20px;font-weight:400;margin-bottom:5px}
.scheme-content .minor {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 1.4;margin-bottom: 5px;}
.scheme-content .actions{font-size:12px}
.scheme-content .actions span {display: inline-block; margin-right: 20px;}
.scheme-content .actions span:last-child{margin-right:0}
.scheme-content .actions .label em{display:inline-block}
.scheme-content .actions .label .is-match{color:#fff;background-color:#f4765a;border-radius:4px;padding:0 4px;line-height:16px}
.scheme-content .actions .label .is-match[data-is-match="false"] {display: none;}
.recommend-author {padding: 0 15px;}
.recommend-author .item {background-color: #f9f9f9;border-radius: 5px;padding: 10px;margin-bottom: 6px;}
.recommend-author .item:last-child {margin-bottom: 0;}
.recommend-author .avatar {width: 50px;height: 50px;}
.recommend-author .avatar[data-vest]::after {width: 30px; height: 30px;}
.recommend-author .author-content .name {font-size: 14px;}
.recommend-author .follow-btn {font-size: 12px; width: 50px; height: 25px;}

.payment-header{background:url(../images/checkout-image.png) no-repeat !important;background-size:cover !important;padding: 12px 8px;color: #fff;}
.payment-header a {color: #fff;padding: 0;display: initial;}
.privilege-cards .item{background-color:#f8f2e2;box-shadow:0 3px 3px 1px rgba(222,223,224,.34);border-radius:5px;margin-bottom: 15px;display:flex;overflow:hidden;}
.privilege-cards .item:last-child{margin-bottom: 0;}
.privilege-cards .item .left{width: 67px;background-color:#fbd6bc;color:#785004;font-size: 16px;line-height:25px;padding:0 10px;display:flex;align-items:center;text-align: center;}
.privilege-cards .item .right{flex:1;font-size: 16px;line-height: 1.5;padding: 20px 14px;overflow: hidden;}
.checkoutcounter .privilege-wrap{padding: 0 18px 10px;}
.checkoutcounter .payment-wrap {padding: 0 18px 10px;}
section {overflow: hidden;}
[class*="i-icon-"]::before {content: "";display: inline-block;vertical-align: middle; background: no-repeat center center; background-size: contain; margin-right: 6px;}
.i-icon-permissions::before {width: 22px; height: 22px; background-image: url(../images/icon-privilege.png);}
.i-icon-payment::before {width: 22px; height: 22px; background-image: url(../images/icon-payment.png);}

.payment-list .item{border-top:1px solid #e0dddd;height:45px;display:flex;align-items:center;padding:0 8px;cursor:pointer;}
.payment-list .item:last-child{border-bottom:1px solid #e0dddd}
.payment-list .item .label{font-size:14px;padding-left:8px;flex:1}
.payment-list .item::before{content:"";display:inline-block;width:26px;height:26px;background:no-repeat center center;background-size:contain}
.payment-list .item.wx::before{background-image:url(../images/payment-wx.png)}
.payment-list .item.zfb::before{background-image:url(../images/payment-zfb.png)}
.payment-list .item.yl::before{background-image:url(../images/payment-yl.png)}
.payment-list .item.hb::before{background-image:url(../images/payment-hb.png)}
.payment-list .item::after{content:"";display:inline-block;width:20px;height:20px;border:1px solid #999;border-radius:50%}
.payment-list .item.active::after{border-color:#f2330e;background:#f2330e url(../images/icon-checked-red.png) no-repeat;background-size:100% 100%}
.checkoutcounter .payment-list{padding:0 0 14px}
.checkoutcounter .agreement{font-size:12px;margin-top:10px}
.checkoutcounter .agreement a{color:#41a4de;padding:0}
.checkoutcounter .agreement .icon-checkbox{display:inline-block;vertical-align:middle;width:14px;height:14px;border-radius:50%;border:1px solid #999;margin-right:5px;margin-top:-4px}
.checkoutcounter .agreement .icon-checkbox.is-checked{border-color:#f2330e;background:#f2330e url(../images/icon-checked-red.png) no-repeat;background-size:100% 100%}
.checkoutcounter-footer{height:50px;display:flex;align-items:center;justify-content:space-between;background-color:#ff6a00;padding:0 10px}
.checkoutcounter-footer .action-btn{border:0;height:30px;padding:0 15px;border-radius:30px;background-color:#f2330e;color:#fff;font-size:12px}
.checkoutcounter-footer .total{color:#fff;font-size:12px}
.checkoutcounter-footer .total em{font-size:15px}
.payment-dialog{border-radius:12px}
.payment-dialog.success{background:#fff url(../images/dialog-success.png) no-repeat;background-size:100% auto}
.payment-dialog.warning{background:#fff url(../images/dialog-warning.png) no-repeat;background-size:100% auto}
.payment-dialog-content{text-align:center;padding:50% 12% 5px}
.payment-dialog-content h2{font-size:24px;font-weight:500;line-height:1.5}
.payment-dialog-content h3{font-size:20px;font-weight:400;line-height:1.5}
.payment-dialog-content h3 em{color:#f2330e;font-weight:700}
.payment-dialog-content p{text-align:left;color:#999;font-size:14px;line-height:1.5;margin-top:5px}
.payment-dialog-bottom{padding:18px 0}
.payment-dialog-bottom.center{text-align:center}
.payment-dialog-bottom .fill-button{width:164px;height:40px;border-radius:40px;text-align:center;color:#fff;font-size:15px;border:0;background-color:#f2330e;display:block;margin:0 auto}
.payment-dialog-bottom .hollow-buttom{display:inline-block;width:116px;height:32px;border:1px solid #f2330e;border-radius:16px;background-color:#fff;color:#f2330e;font-size:15px;margin:0 15px}
.retreat-rule-content {font-size: 15px; line-height: 1.8; text-align: left;}
.retreat-rule-content p span {font-size: 16px;color: #ff6a00;display: inline-block;}
.retreat-rule-content p[data-retreat="1"] span {color: #41a4de;}

/* .map-tips {display: none;} */
/* .map-tips {display: block;} */
.disclaimer {text-align: center;padding: 10px;line-height: 30px;color: #F2330E;font-size: 14px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.disclaimer span {color: #ff6a00;font-weight: bold;display: inline-block;margin-left: 2px;}
.disclaimer span:before {content: "";display: inline-block;vertical-align: -2px;width: 14px;height: 14px;background: url("../images/icon/map.png") no-repeat;background-size: 100% auto;margin-right: 2px;vertical-align: middle;}
.disclaimer .close{ display:none;}
/* .map-tips::after {content: "";display: block;height: calc(env(safe-area-inset-bottom) + 30px);} */


.container {display: flex;flex-direction: row;flex: 1;flex-basis: auto;}
.container .aside {width: 35%;margin-right: 25px;}
.container .aside .inner {position: sticky;top: 0;}
.container .aside .ad {padding: 0;}
.container .aside .ad img {border-radius: 4px;}
.container .main {flex: 1;}

body.share .share-poster .analyst-poster img {transform: none !important;max-width: none !important;}
.analyst-poster {position: relative;height: auto !important;display: none;}
.analyst-poster .bgimg {width: 100% !important;}
.analyst-poster .content {position: absolute;top: 10%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 92%;}
.analyst-poster .content::before {content: "";position: absolute;left: 7.4%;right: 6.8%;top: 60%;border-top: .5px dashed #f79c6a;}
.analyst-poster .content .bottom {position: absolute;bottom: 4%;left: 1.4%;right: .8%;height: 12%;padding: 0 4%;border-top: .5px dashed rgba(89, 89, 89, .3);display: flex;flex-direction: column;justify-content: center;}
.analyst-poster .content .info {display: flex;align-items: center;justify-content: space-between;font-size: 12px;line-height: 18px;margin-bottom: 4%;}
.analyst-poster .content .info .price {font-size: 18px;padding-left: 26px;background: url(../images/icon/pay-bean.png) no-repeat 0 center;background-size: 22px auto;}
.analyst-poster .content .subtitle {text-align: center;color: rgba(255, 3, 3, .7);font-size: 18px;font-weight: bold;}
.analyst-poster .logo {position: absolute;left: 0;right: 0;bottom: 2%;text-align: center;}
.analyst-poster .logo img {width: 42% !important;}
.analyst-poster .inner-content {position: absolute;left: 0;top: 0;right: 0;}
.analyst-poster .author-avatar {width: 70px !important;height: 70px;border-radius: 50%;object-fit: cover;margin-top: -30px;}
.analyst-poster .author-name {font-size: 18px;font-weight: bold;margin-top: 10px;}
.analyst-poster .qrcode {position: relative;width: 60%;border-radius: 5px;background-color: #fff;padding: 10px;margin: 4% auto 0;}
.analyst-poster .qrcode::after {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 34px;height: 34px;background: #fff url(../images/logo-icon.png) no-repeat center center;background-size: 30px auto;}
.analyst-poster .summary {position: absolute;left: 0;right: 0;top: 65.5%;font-size: 16px;font-weight: bold;line-height: 24px;text-align: left;padding: 0 5%;height: 96px;overflow: hidden;}
.w0share2win.share .analyst-poster {display: block;}
.w0share2win.share .poster-loading {display: none;}
.share-poster .poster-loading {position: static;max-height: 68vh;min-height: 60vh;}

/* 优惠券 */
.programme-details .detail-content .coupon{color: rgba(0, 0, 0, .5);font-size: 16px;margin-top: 10px;background: url(../images//card/icon-money.png) no-repeat left center;background-size: 25px 22px;padding-left: 33px;}
.programme-details .detail-content .coupon span{color: #ff7310;}

.match-info-pay-dialog .payhide{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.match-info-pay-dialog .payhide::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;border: 2px solid #ff7310;border-top-color: transparent;border-radius: 50%;animation: rotate 0.75s linear infinite;z-index: 11;}
.match-info-pay-dialog .payhide::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .9);z-index: 1;}
@keyframes rotate {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes rotate {
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
.match-info-pay-dialog .top{position: relative;}
.match-info-pay-dialog .top .close{position: absolute;top: 0;right: 0;background-image: url(../images/card/icon-close.png);width: 18px;height: 18px;background-size: 100% 100%;}
.match-info-pay-dialog ul{text-align: left;}
.match-info-pay-dialog ul li{border-bottom: 1px solid rgba(0, 0, 0, .1);padding: 5px 0;}
.match-info-pay-dialog ul li.item {display: flex;align-items: center;}
.match-info-pay-dialog ul li .title {width: 100%;}
.match-info-pay-dialog ul li.coupon{background-image: url('../images/card/icon-money.png');}
.match-info-pay-dialog ul li.pay{background-image: url('../images/card/icon-card.png');}
.match-info-pay-dialog li.i0before{font-size: 14px;padding-left: 25px;background-repeat: no-repeat;background-size: 20px;background-position: left center;}
.match-info-pay-dialog li.i0before .title{font-size: 14px;color: rgba(0, 0, 0, .7);}
.match-info-pay-dialog li.i0before .type{display: inline-block;width: 72%;text-align: right;color: rgba(0, 0, 0, .4);text-decoration:none;cursor: pointer;flex-shrink: 0;line-height: 20px;}
.match-info-pay-dialog li.i0before .type span {color: #ff0f0f;}
.match-info-pay-dialog li.i0before .icon-right{display: inline-block;width: 15px;height: 15px;background: url(../images/card/icon-right.png) no-repeat center center;background-size: contain;vertical-align: middle;cursor: pointer;margin-left: 5px;}
.match-info-pay-dialog li.i0before .closes{background-image: url(../images/card/icon-close.png);}
.match-info-pay-dialog li.i0submit{border-bottom: 0;padding-top: 15px;}
.match-info-pay-dialog li.i0submit .money{font-size: 14px;color: rgba(0, 0, 0, .7);}
.match-info-pay-dialog li.i0submit .money i{font-style: normal;font-weight: bold;font-size: 26px;color: #ff7310;}
.match-info-pay-dialog li.i0submit .aio-bt-m{float: right;width: 130px;border-radius: 30px;text-align: center;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99%, rgba(255, 170, 79, 1) 100%);}

.match-info-pay-dialog .agreement{font-size: 13px;}
.match-info-pay-dialog .agreement .check {display: inline-block;vertical-align: middle;position: relative;margin-right: 2px;cursor: pointer;}
.match-info-pay-dialog .agreement .check::before {content: "";display: block;width: 16px;height: 16px;border: 1px solid rgba(0, 0, 0, .3);border-radius: 50%;margin: 3px;}
.match-info-pay-dialog .agreement .check[data-ai-vis]::before {width: 18px;height: 18px;border: 0;background: url(../images/icon/icon-check.png) no-repeat center center;background-size: contain;}
.match-info-pay-dialog .agreement a{color: #ff7310;}
.match-info-pay-dialog .pay-tips{font-size: 12px;line-height: 20px;color: rgba(0, 0, 0, .5);}
.match-info-pay-dialog .tip {border-radius: 2px;background-color: #fff5eb;color: #573100;font-size: 12px;line-height: 18px;text-align: left;padding: 4px 7px;}

.pay-type-dialog .c-title{padding: 5px 0;}
.pay-type-dialog .c-title h3 {font-size: 18px;}
.pay-type-dialog .c-content{text-align: left;padding: 20px;}
.pay-type-dialog .pay-checkbox{background-repeat: no-repeat;background-size: 25px;background-position: left center;border-bottom: solid 1px #e1e1e1;padding: 5px 0 5px 30px;position: relative;cursor: pointer;font-size: 15px;}
.pay-type-dialog .pay-checkbox .check{cursor: pointer;position: absolute;right: 3px;top: 50%;transform: translateY(-50%);}
.pay-type-dialog .pay-checkbox .check::before {content: "";display: block;width: 16px;height: 16px;border: 1px solid rgba(0, 0, 0, .3);border-radius: 50%;margin: 3px;}
.pay-type-dialog .a0item[data-ai-vis] .check::before,
.pay-type-dialog .pay-checkbox .check[data-ai-vis]::before {width: 18px;height: 18px;border: 0;background: url(../images/icon/icon-check.png) no-repeat center center;background-size: contain;}
.pay-type-dialog .pay-checkbox.disabled{opacity: 0.4;cursor: no-drop;}
.pay-type-dialog .pay-checkbox .bank-info{font-size: 12px;float: right;margin-right: 30px;}
.pay-type-dialog .pay-checkbox.wechat {background-image: url("../images/icon/pay-wechat.png");background-size: 20px;background-position: 3px center;opacity: 1;}
.pay-type-dialog .pay-checkbox.wechat a {color: #ff0f0f;font-weight: bold;}
.pay-type-dialog .pay-checkbox.wechat em{font-style: normal;opacity: 0.4;}

.pay-type-dialog .pay-checkbox[ai-value="2"] span{opacity: .5;}
.pay-type-dialog .pay-checkbox a{color: red;font-weight: bold;}

.coupon-layout-pay{position: absolute;top: 0;left: 0;}
.pay-end-dialog .c-content{padding: 40px 20px;text-align: center;}
.pay-end-dialog .close{position: absolute;top: 15px;right: 15px;width: 20px;height: 20px;background: url(../images/bt-close.png) no-repeat;background-size: 15px;}
.pay-end-dialog .close a{display: block;width: 100%;height: 100%;}

/* 发布方案 */
.edit-scheme {font-size: 14px;}
.edit-scheme .head {background: url(../images/bg_1@3x.jpg) no-repeat center center;background-size: cover;position: relative;overflow: hidden;color: #fff;}
.edit-scheme .head h1 {color: #fff;font-size: 30px;line-height: 34px;margin-bottom: 15px;}
.edit-scheme .head::after {content: "";position: absolute;right: -20px;bottom: 0;width: 110px;height: 110px;background: url(../images/icon/ball_football.png) no-repeat;background-size: contain;}
.edit-scheme[data-sportid="2"] .head::after {background-image: url(../images/icon/ball_basketball.png);}
.edit-scheme .meta-wrap {overflow: hidden;margin-bottom: 20px;}
.edit-scheme .meta-wrap .end {float: right;}
.edit-scheme .meta-wrap .end em {color: #fff;}
.edit-scheme .match-wrap {display: flex;align-items: flex-start;text-align: center;position: relative;z-index: 1;}
.edit-scheme .match-wrap .team {flex: 1;}
.edit-scheme .match-wrap .team img {display: block;width: 70px;height: 70px;object-fit: contain;margin: 0 auto;background-color: #fff;}
.edit-scheme .match-wrap .team p {font-size: 16px;margin-top: 10px;}
.edit-scheme .match-wrap .score {width: 100px;line-height: 80px;color: #081e3b;font-size: 40px;font-weight: bold;display: none;}
/* .edit-scheme h2 {font-size: 20px;font-weight: bold;line-height: 30px;margin-bottom: 5px;}
.edit-scheme h2 em {color: rgba(0, 0, 0, .4);font-size: 14px;font-weight: 500;vertical-align: bottom;} */
.edit-scheme .title-wrap {margin-bottom: 20px;}
.edit-scheme .title-wrap input {display: block;width: 100%;height: 48px;border-radius: 4px;background: #f7f8fa;border: 0.5px solid #c9c9c9;padding: 10px;font-size: 16px;}
.edit-scheme .content-wrap textarea {display: block;width: 100%;height: 150px;border-radius: 4px;background: #f7f8fa;border: 0.5px solid #c9c9c9;padding: 10px;font-size: 16px;}
.edit-scheme .select-box .group {padding-left: 64px;display: flex;position: relative;}
.edit-scheme .select-box .group::after {content: "";display: table;clear: both;}
.edit-scheme .select-box .label {position: absolute;left: 0;top: 0;color: #ff7310;font-size: 24px;font-weight: bold;line-height: 62px;text-align: center;}
.edit-scheme .select-box .a0item {flex: 1;line-height: 24px;background-color: #f7f8fa;border: 1px solid #f7f8fa;border-radius: 4px;text-align: center;padding: 6px 0;margin: 0 6px 6px 0;cursor: pointer;}
.edit-scheme .select-box .a0item:last-child {margin-right: 0;}
.edit-scheme .select-box .a0item .text {font-size: 16px;font-weight: bold;}
.edit-scheme .select-box .a0item .subtext {color: rgba(0, 0, 0, .4);font-size: 14px;}
.edit-scheme .select-box .a0item[data-ai-vis] {border-color: #ff8d1a;background-color: #fff8f5;}
.edit-scheme .reminder-wrap {margin-bottom: 10px;display: table;}
.edit-scheme .reminder-wrap > * {display: table-cell;vertical-align: top;}
.edit-scheme .reminder-wrap select {font-size: 16px;width: 60px;height: 30px;margin-right: 4px;}
.edit-scheme .reminder-wrap .reminder {color: #7b5834;line-height: 30px;border-radius: 4px;background-color: #fcf3d9;padding: 0 10px;}
.edit-scheme .select-price::after {content: "";display: table;clear: both;}
.edit-scheme .select-price .a0item {float: left;line-height: 44px;border-radius: 4px;background: linear-gradient(146.26deg, #bfbfbf 0%, #999 100%), #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, .14);width: 24.25%;text-align: center;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;margin-right: 1%;margin-bottom: 1%;position: relative;}
.edit-scheme .select-price .a0item:nth-child(4n) {margin-right: 0;}
.edit-scheme .select-price .a0item[data-ai-vis] {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%), #fff;}
.edit-scheme .select-price .a0item[data-ai-vis]::after {content: "";position: absolute;right: 0;bottom: 0;width: 22px;height: 22px;background: url(../images/icon/select_active.png) no-repeat;background-size: cover;}
.edit-scheme .fixed-bottom {text-align: center;}
.edit-scheme .fixed-bottom p {font-size: 14px;line-height: 18px;margin: 50px 0 10px;}
.edit-scheme .fixed-bottom p em {color: #ff7310;}
.edit-scheme .fixed-bottom button {width: 100%;line-height: 48px;max-width: 450px;border: 0;background: linear-gradient(146.26deg, #FFAA4F 0%, #FF7310 100%), #FF7310;border-radius: 48px;color: #fff;font-size: 16px;font-weight: bold;}
.edit-scheme .checktip .check {display: inline-block;vertical-align: -4px;width: 20px;height: 20px;border-radius: 100%;border: 1px solid rgba(0, 0, 0, .3);margin-right: 4px;cursor: pointer;}
.edit-scheme .checktip .check.checked {background: url(../images/icon/icon-check.png) no-repeat;background-size: cover;border: 0;}
.edit-scheme .checktip .check[data-ai-vis] {border: 0;background: url(../images/icon/icon-check.png) no-repeat;background-size: cover;}
/* .edit-scheme .edit-tips h2 {padding-left: 30px;background: url(../images/icon/icon_light.png) no-repeat left center;background-size: 26px auto;} */
.edit-scheme .edit-tips .content {font-size: 14px;}

.edit-scheme .box-header {display: flex;align-items: center;justify-content: space-between;line-height: 100%;margin-bottom: 10px;}
.edit-scheme .box-header .title {display: flex;align-items: center;}
.edit-scheme .box-header .title-text {font-size: 16px;line-height: 26px;}
.edit-scheme .box-header .title span {color: rgba(0, 0, 0, 0.6);font-size: 12px;margin-left: 4px;}
.edit-scheme .box-header .title .tips-icon {width: 20px;height: 20px;background: url(../images/icon/icon_light.png) no-repeat left center;background-size: contain;margin-right: 4px;}
.edit-scheme .box-header .edit-btn {color: #ff7310;line-height: 20px;cursor: pointer;display: flex;align-items: center;}
.edit-scheme .box-header .edit-btn::before {content: "";background: url("../images/icon/edit_1.png") no-repeat center center;background-size: contain;width: 16px;height: 16px;margin-right: 2px;}

.edit-scheme .add-opinion {border-radius: 2px;background: linear-gradient(135.64deg, #1674ff 0%, #78acff 100%);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);color: #fff;font-size: 14px;line-height: 20px;padding: 10px 20px;text-align: center;width: 200px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.edit-scheme .add-opinion::before {content: "";background: url("../images/icon/add.png") no-repeat center center;background-size: contain;width: 16px;height: 16px;margin-right: 2px;}
.edit-scheme .opinion-list {display: flex;flex-wrap: wrap;gap: 10px;text-align: center;}
.edit-scheme .opinion-list .a0item {border-radius: 2px;background-color: #f2f5fa;color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 20px;padding: 5px 20px;margin-bottom: 5px;width: calc((100% - 10px) / 2);}

.dialog-opinion {position: relative;margin: 15vh  auto 50px;background-color: #fff;border-radius: 12px;padding: 12px;width: 98%;max-width: 450px;text-align: left;}
.dialog-opinion .tips {color: #e44d5c;font-size: 14px;line-height: 20px;margin-bottom: 12px;}
.dialog-opinion .list-base {margin-bottom: 10px;}
.dialog-opinion .list-item {display: flex;align-items: center;gap: 5px;margin-bottom: 8px;}
.dialog-opinion .list-item:last-child {margin-bottom: 0;}
.dialog-opinion .list-item .list-label {color: #ff7310;font-size: 18px;text-align: center;width: 42px;}
.dialog-opinion .list-item .a0item {position: relative;border-radius: 2px;background-color: #f2f5fa;color: rgba(0, 0, 0, 0.6);font-size: 14px;line-height: 20px;text-align: center;flex: 1;padding: 1px 4px;cursor: pointer;}
.dialog-opinion .list-item .a0item .pk {color: rgba(0, 0, 0, 0.4);font-size: 12px;}
.dialog-opinion .list-wrap .list-title {color: #ff7310;font-size: 16px;font-weight: bold;line-height: 22px;margin-bottom: 5px;}
.dialog-opinion .list-wrap .list {display: flex;flex-wrap: wrap;gap: 5px;margin-bottom: 10px;}
.dialog-opinion .list-wrap .a0item {position: relative;width: calc((100% - 20px) / 5);border-radius: 2px;background-color: #f2f5fa;color: rgba(0, 0, 0, 0.6);font-size: 14px;line-height: 20px;text-align: center;padding: 3px 4px;cursor: pointer;}
.dialog-opinion .list-wrap .a0item .pk {color: rgba(0, 0, 0, 0.4);font-size: 12px;}

.dialog-opinion .list-item .a0item[data-ai-vis="1"],
.dialog-opinion .list-wrap .a0item[data-ai-vis="1"] {background-color: #fcfdff;}
.dialog-opinion .list-item .a0item[data-ai-vis="1"]::after,
.dialog-opinion .list-wrap .a0item[data-ai-vis="1"]::after {content: "";position: absolute;inset: 0;border: 1px solid #1674ff;border-radius: inherit;pointer-events: none;}
.dialog-opinion .btn-group {display: flex;justify-content: center;margin-top: 20px;}
.dialog-opinion .btn-group .btn {height: 40px;line-height: 40px;width: 70%;border: 0;border-radius: 999px;color: #fff;font-size: 14px;}
.dialog-opinion .btn-group .btn.btn-confirm {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%), #ff7310;}

.popup-success {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: #fff url(../images/bg_success.png) no-repeat center 20px;background-size: 218px auto;border-radius: 12px;width: calc(100% - 20px);max-width: 440px;padding: 155px 20px 24px;}
.popup-success p {color: rgba(0, 0, 0, .7);font-size: 18px;font-weight: bold;line-height: 26px;}
.popup-success p em {color: rgba(255, 115, 16, 0.8);padding: 0 5px;}
.popup-success .button {display: block;width: 90%;max-width: 183px;line-height: 40px;border-radius: 40px;background: linear-gradient(270deg, #ff7310 0%, #ffa84d 100%);box-shadow: 0px 12px 32px rgba(255, 115, 26, .12), 0px 8px 16px -8px rgba(255, 115, 26, .16);color: #fff;font-size: 18px;margin: 36px auto 0;cursor: pointer;}
.popup-success .button-cancel {color: rgba(0, 0, 0, .5);font-size: 14px;margin-top: 10px;display: inline-block;cursor: pointer;}
.popup-success.popup-bean {background-image: url(../images/bg_bean.png);background-size: 120px auto;}
.popup-success.popup-tips {background-image: url(../images/bg_tips.png);background-size: 120px auto;}
.jump-profit {font-size: 15px;line-height: 34px;margin-top: 20px;border-top: 1px dashed rgba(0, 0, 0, .15);}
.jump-profit em {color: var(--theme-color);}
.jump-profit a {color: rgba(0, 0, 0, .7);padding-left: 70px;background: url(../images/icon/icon_profit@2x.png) no-repeat left center;background-size: 64px auto;}
.jump-profit a:hover {color: #000;}
/* 盈利赛主页 */
.user-info-box {background: linear-gradient(90deg, #d4eafc 0%, #fff 48.14%, #faecd4 100%) !important;}
.user-info-box .info {display: flex;align-items: center;}
.user-info-box .useravatar {position: relative;margin-right: 15px;position: relative;}
.user-info-box .useravatar .image {width: 70px;height: 70px;object-fit: cover;border-radius: 100%;}
/* .user-info-box .useravatar::after {content: "";position: absolute;left: 0;bottom: -4px;background: no-repeat center center;background-size: contain;width: 100%;height: 26px;} */
/* .user-info-box .useravatar[data-label="2"]::after {background-image: url(../images/v2/icon-vest-1.png);}
.user-info-box .useravatar[data-label="3"]::after {background-image: url(../images/v2/icon-vest-2.png);}
.user-info-box .useravatar[data-label="4"]::after {background-image: url(../images/v2/icon-vest-3.png);}
.user-info-box .useravatar[data-label="5"]::after {background-image: url(../images/v2/icon-vest-4.png);}
.user-info-box .useravatar[data-label="6"]::after {background-image: url(../images/v2/icon-vest-6.png);}
.user-info-box .useravatar[data-label="邀"]::after {background-image: url(../images/v2/icon-vest-5.png);}
.user-info-box .useravatar[data-label="海外"]::after {background-image: url(../images/v2/icon-vest-7.png);}
.user-info-box .useravatar[data-label="主播"]::after {background-image: url(../images/v2/icon-vest-9.png);} */
/* .user-info-box .useravatar[data-label="2"]::after{background-image:url("../images/author_rank_2png")}
.user-info-box .useravatar[data-label="3"]::after{background-image:url("../images/author_rank_3.png")}
.user-info-box .useravatar[data-label="4"]::after{background-image:url("../images/author_rank_4.png")}
.user-info-box .useravatar[data-label="5"]::after{background-image:url("../images/author_rank_5.png")}
.user-info-box .useravatar[data-label="6"]::after{background-image:url("../images/author_rank_6.png")}
.user-info-box .useravatar[data-label="7"]::after{background-image:url("../images/author_rank_7.png")}
.user-info-box .useravatar[data-label="8"]::after{background-image:url("../images/author_rank_8.png")}
.user-info-box .useravatar[data-label="9"]::after{background-image:url("../images/author_rank_9.png")}
.user-info-box .useravatar[data-label="12"]::after{background-image:url("../images/author_rank_12.png")}
.user-info-box .useravatar[data-label="fx"]::after{background-image:url("../images/author_rank_fx.png")}
.user-info-box .useravatar[data-label="xb"]::after{background-image:url("../images/author_rank_xb.png")} */
.user-info-box .username {flex: 1;width: 0;}
.user-info-box .username span {display: inline-block;vertical-align: top;}
.user-info-box .name {font-size: 20px;font-weight: bold;}
.user-info-box .right {display: flex;flex-direction: column;align-items: flex-end;}
.user-info-box .followbtn {display: block;width: 74px;line-height: 30px;font-size: 14px;border-radius: 4px;background: linear-gradient(270deg, #ffaa4f 0%, #ff7310 100%);border: 0;color: #fff;text-align: center;}
.user-info-box .followbtn::after {content: "+关注";}
.user-info-box .followbtn.followed {color: #737380;background: #e9e9ef;}
.user-info-box .followbtn.followed::after {content: "已关注";}
.user-info-box .fans {color: rgba(0, 0, 0, .7);font-size: 14px;line-height: 20px;text-align: right;margin-top: 4px;}
.user-info-box .intro {color: rgba(0, 0, 0, .7);font-size: 14px;line-height: 20px;margin-top: 14px;}

.profit-home h2 {font-size: 20px;padding: 15px 0;}
.profit-home .stats {background-color: #fff;}
.profitlist {padding-bottom: 20px;}
.profitlist .item {-webkit-transition: .3s;transition: .3s;}
.profitlist .item:not(:last-child) {border-bottom: .5px solid rgba(0, 0, 0, .1);}
.profitlist .item .link {position: relative;padding: 20px 10px;display: block;}
.profitlist .item .info {font-size: 0;line-height: 20px;}
.profitlist .item .info span {display: inline-block;vertical-align: top;color: rgba(0, 0, 0, .5);font-size: 14px;margin-right: 10px;}
.profitlist .item .title {position: relative;margin: 10px 0;}
.profitlist .item .title h3 {font-size: 18px;font-weight: 500;line-height: 26px;}
.profitlist .item .title button {position: absolute;right: 0;top: 0;border: 0;border-radius: 2px;background: linear-gradient(270deg, rgba(255, 170, 79, 1) 0%, rgba(255, 115, 16, 1) 100%);color: #fff;font-size: 12px;line-height: 26px;padding: 0 10px;z-index: 1;}
.profitlist .item .other {color: rgba(0, 0, 0, .5);font-size: 14px;line-height: 20px;position: relative;}
.profitlist .item .other .gameplay em {color: var(--theme-color);}
.profitlist .item .other .recommend {position: absolute;right: 0;top: 0;}
.profitlist .item .other .recommend em {color: #e44d5c;}
.profitlist .item .link::after {content: "";position: absolute;right: 10px;top: 20px;width: 50px;height: 50px;background: no-repeat center center;background-size: contain;}
.profitlist .item.win .link::after {background-image: url(../images/user/icon-seal1.png);}
.profitlist .item.lose .link::after {background-image: url(../images/user/icon-seal5.png);}
.profitlist .item.draw .link::after {background-image: url(../images/user/icon-seal2.png);}
.profitlist .item.quxiao .link::after {background-image: url(../images/user/icon-seal4.png);}
.profitlist .item.end .title h3 em {color: #e44d5c;}
.profitlist .item:hover {background-color: #f7f8fa;}

.states .flex-row {display: flex;align-items: center;}
.states .flex-row .grid {flex: 1;padding: 0;margin-right: 10px;}
.states .flex-row .grid .gird-item {padding: 0;background-color: #f6f6f6;border-radius: 100%;}
.states .flex-row .grid .gird-content {border-radius: 0;background: transparent;height: 97px;}
.states .flex-row .grid .gird-content .s1 {font-size: 16px;}
.states .flex-row .grid .gird-content .s2 {font-size: 12px;}
.echart-line-gradient {width: 60%;max-width: 500px;height:150px;}
.states .diy_chart {border-top: 1px solid rgba(0,0,0,0.1);padding-top: 20px;margin-top: 30px;}

.states .diy_chart .center-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1001;font-size: 40px;font-weight: bold;}

.card-list li {margin-bottom: 0;}
.card-list .card-item {padding: 10px 0;}
.recent-echart .btn-group {display: flex;justify-content: space-between;margin-top: 13px;}
.recent-echart .btn-group .btn {padding: 0 5px;border-radius: 3px;background: #f5f5f5;border: 0;color: rgba(0,0,0,0.5);font-size: 13px;line-height: 20px;display: inline-block;vertical-align: top;}
.recent-echart .btn-group .btn.btn-active {background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);color: #fff !important;}
.recent-echart .btn-group .btn:hover {color: var(--theme-color);}
/* .list-bottom {margin-top: 5px;} */
/* 方案详情-开通订阅 */
.monthly-subscription .app-programme-action{background-color: #fff;color: #333;max-height: 60px;}
.monthly-subscription .app-programme-action .button{background-color: #ff7310;}
.monthly-subscription .app-programme-action .button.opened{flex: 1;}
.activate-subscription{margin-bottom: 15px;}
.activate-subscription a {padding: 0;}
/* .activate-subscription a{width: 100%;height: 100px;background: url(../images/expert/dingyue-btn.png) no-repeat;background-size: 100% 100%;} */

/* 方案详情-分析师包月 */
.app-expert-payments{text-align: center;}
.app-expert-payments .aio-layout-left{background-color: rgb(37,37,49);padding-right: 0;}
.app-expert-payments .payment-header{background: url(../images/expert/payments-bg-web.png) no-repeat !important; background-size: cover !important;padding: 40px 10px;margin-bottom: 25px;}
.app-expert-payments .author-content{text-align: left;}

.payments-btn{text-align: center;padding-bottom: 30px;}
.payments-btn a{display: inline-block;width: 95%;height: 50px;background: linear-gradient(146.26deg, rgba(255, 170, 79, 1) 0%, rgba(255, 115, 16, 1) 100%);border-radius: 5px;line-height: 50px;font-size: 16px;color: #fff;border-radius: 30px;}
.payments-nav{position: relative;text-align: center;margin-bottom: 30px !important;}
.payments-nav-list{display: inline-block;background: #fff;border-radius: 30px;}
.payments-nav-list a{width: 70px;border-radius: 30px;line-height: 40px;font-size: 18px;}
.payments-nav-list a.aio-on{background: #d9903d;color: #fff;position: relative;}

.payments-wrap{padding: 0 18px 60px !important;}
.payments-wrap .privilege-cards{display: none;}
.payments-wrap .aio-tab{display: block;}
.app-expert-payments .privilege-cards .item{box-shadow: initial;}
.payments-cards .item .left{background-color: transparent;color: #fff;position: relative;border-right: 1px dashed rgba(255, 255, 255, .35);}
.payments-cards .item .right{text-align: left;}
.payments-cards .item{background: linear-gradient(90deg, rgba(68, 73, 94, 1) 0%, rgba(68, 73, 94, 1) 100%);box-shadow: 0px 2px 6px  rgba(0, 0, 0, 0.15);color: #fff;}
.payment-wrap-title{color: #fff;}

.payments-pay-dialog .as{font-size: 12px;}
.payments-pay-dialog .as i{font-style: normal;color: #ff7310;}
.payments-type-dialog .pay-checkbox{height: 45px;}

.payments-layout-pay{left: 50%;transform: translateX(-50%);height: 100%;background-color: #fff !important;}
.payments-dialog{display: none;}
.payments-dialog.active{display: block;}

.payments-dialog .c-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;border-radius: 15px;width: 33%;}
.payments-dialog .payment-dialog-content{background-repeat: no-repeat;background-size: 40%;background-position: center 15%;}
.payments-warning .payment-dialog-content{background-image: url(../images/expert/icon-fail.png);}
.payments-success .payment-dialog-content{background-image: url(../images/expert/icon-success.png);background-size: 35%;background-position: center 25%;padding: 45% 12% 5px;}
.payments-ds .payment-dialog-content{background-image: url(../images/expert/icon-ds.png);}
.payments-dialog .payment-dialog-content h2{font-size: 18px;font-weight: bold;}

.payments-dialog .payment-dialog-bottom{text-align: center;padding: 15px 0 18px;}
.payments-dialog .payment-dialog-bottom button{display: block;margin: 0 auto;border: 0;}
.payments-dialog .payment-dialog-bottom button.again, .payments-dialog .payment-dialog-bottom button.agains, .payments-dialog .payment-dialog-bottom .fill-button.back{background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 100%);color: #fff;}
.payments-dialog .payment-dialog-bottom button.again a, .payments-dialog .payment-dialog-bottom button.agains a{color: #fff;}
.payments-dialog .payment-dialog-bottom button.back, .payments-dialog .payment-dialog-bottom button.backs{color: rgba(0, 0, 0, .5);margin-top: 5px;}

.payments-ds em{font-style: normal;}
.payments-ds em.ds{color: rgba(225, 115, 16, .9);font-size: 20px;font-style: normal;}
.fixed-package{position: fixed;bottom: 20%;right: 0;width: 80px;height: 80px;padding: 0 0;}
.fixed-package a{width: 100%;height:100%;background: url(../images/expert/icon-package-btn.png) no-repeat;background-size: 100% 100%;}

/* 专家中心 */
.ep9as{padding-top: 0;}

.stats-tab {font-size: 0;text-align: center;}
.stats-tab a {display: inline-block;vertical-align: top;font-size: 15px;text-align: center;line-height: 50px;margin: 0 80px;position: relative;}
.stats-tab a.active {color: var(--theme-color);}
.stats-tab a.active::after {content: "";position: absolute;left: 50%;bottom: 0;width: 14px;height: 4px;margin-left: -7px;background: linear-gradient(270deg, #FFAA4F 0%, #FFA84D 1%, #FF7310 100.96%);border-radius: 4px;}
.stats-wrap {color: rgba(0, 0,0, .7);font-size: 14px;overflow: hidden;}
.stats-wrap .head {position: relative;margin-bottom: 30px;}
.stats-wrap .head .title {color: #333;font-size: 20px;}
.stats-wrap .head .text {position: absolute;right: 0;top: 50%;margin-top: -13px;}
.stats-wrap .head .text em {color: var(--theme-color);}
.stats-wrap .score {margin: 20px 0;}
.stats-wrap .score .item {float: left;width: 33.33%;text-align: center;}
.stats-wrap .score .item .num {color: var(--theme-color);font-size: 24px;line-height: 30px;}
.stats-wrap .rank {border-radius: 5px;background-color: #eff2f9;margin: 20px 0;}
.stats-wrap .rank .item {float: left;width: 33.33%;text-align: center;padding: 14px 0;}
.stats-wrap .rank .item .num {color: #e44d5c;font-size: 24px;line-height: 30px;}
.stats-wrap .stat {border-top: .5px dashed rgba(0, 0, 0, .1);padding: 10px 0 10px 64px;background: url(../images/icon/icon_profit.png) no-repeat left center;background-size: auto 18px;}
.stats-wrap .stat em {color: var(--theme-color);}

/* 改版-选择赛事 */
.list-header {position: relative;}
.list-header-nav {font-size: 15px;line-height: 50px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.list-header-nav a {padding: 0;margin-right: 20px;position: relative;}
.list-header-nav a:hover {color: var(--theme-color);}
.list-header-nav a.active {font-size: 16px;font-weight: bold;color: var(--theme-color);}
.list-header-search {position: absolute;right: 55px;top: 8px;width: 230px;}
.list-header-search form {display: flex;background-color: #ededed;border-radius: 4px;padding: 0 15px;overflow: hidden;}
.list-header-search input {display: block;width: 100%;height: 34px;line-height: 34px;border: 0;background: none;font-size: 14px;appearance: none;outline: none;}
.list-header-search .submit {width: 26px;border: 0;background: url(../images/icon/icon-search_1.png) no-repeat center center;background-size: 16px auto;margin-left: 10px;}
.list-header-filter {font-size: 14px;line-height: 44px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.list-header-filter li {margin-right: 26px;float: left;}
.list-header-filter a {display: inline-block;padding: 0;position: relative;}
.list-header-filter li.active a::after {content: "";position: absolute;left: 0;bottom: -1px;right: 0;height: 3px;border-radius: 3px;background-color: var(--theme-color);}
.list-header-filter li:hover a {color: var(--theme-color);}
.list-header-rules {position: absolute;right: 15px;top: 8px;width: 34px;height: 34px;background: url(../images/icon/icon_tips.png) no-repeat center center;background-size: 24px;}
.list-tips {background-color: #fcf3d9;color: #7b5834;font-size: 14px;text-align: center;line-height: 34px;position: sticky;top: 0;z-index: 1;}
.list-tips em {color: var(--theme-color);}
.aio .match-item {position: relative;-webkit-transition: .3s;transition: .3s;display: block;padding: 20px;cursor: pointer;}
/* .aio .match-item > a {} */
.aio .match-item::after {content: "";position: absolute;left: 20px;bottom: 0;right: 20px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.aio .match-item:last-child::after {display: none;}
.aio .match-item .information {overflow: hidden;margin-bottom: 15px;}
.aio .match-item .info {float: left;line-height: 20px;}
.aio .match-item .info span {display: inline-block;vertical-align: top;font-size: 14px;color: rgba(0, 0, 0, .3);margin-right: 8px;}
.aio .match-item .lottery {float: right;line-height: 20px;}
.aio .match-item .lottery span {display: inline-block;vertical-align: top;color: #fff;font-size: 12px;border-radius: 2px;padding: 0 6px;margin-left: 5px;}
.aio .match-item .lottery span[data-type="1"] {background-color: var(--theme-color);}
.aio .match-item .lottery span[data-type="2"] {background-color: #209504;}
.aio .match-item .lottery span[data-type="3"],
.aio .match-item .lottery span[data-type="4"] {background-color: #41a4de;}
.aio .match-item .content {display: flex;text-align: center;}
.aio .match-item .content .team {flex: 1;font-size: 15px;}
.aio .match-item .content .icon {width: 52px;height: 52px;object-fit: contain;display: block;margin: 0 auto 5px;}
.aio .match-item .content .center {width: 100px;display: flex;flex-direction: column;text-align: center;}
.aio .match-item .content .score {font-size: 30px;font-weight: bold;line-height: 52px;margin-bottom: 6px;}
.aio .match-item .content .follow {line-height: 24px;background-color: var(--theme-color);color: #fff;font-size: 14px;border-radius: 4px;}
.aio .match-item .published {width: 54px;height: 54px;background: url(../images/icon/icon_published.png) no-repeat;background-size: contain;position: absolute;right: 38px;top: 56px;display: none;}
.aio .match-item .icon-circle {width: 22px;height: 22px;border-radius: 999px;position: absolute;right: 20px;top: 82px;}
.aio .match-item .icon-circle::after {content: "";position: absolute;inset: 0;border: 1px solid #888;border-radius: inherit;}
.aio .match-item:hover {background-color: #f7f7f7;}
.aio .match-item.selected {background-color: rgba(222, 223, 224, 0.34) !important;} 
.aio .match-item.selected .icon-circle::after {border: 0;background: url("../images/icon/icon-check.png") no-repeat;background-size: cover;}

.aio-checkbox {display: flex;align-items: center;cursor: pointer;user-select: none;}
.aio-checkbox-icon {display: inline-block;border: 1px solid rgba(0, 0, 0, .3);width: 20px;height: 20px;border-radius: 100%;}
.aio-checkbox-label {margin-left: 8px;}
.aio-checkbox[data-ai-vis="1"] .aio-checkbox-icon {border: 0;background: url(../images/icon/icon-check.png) no-repeat;background-size: cover;}

/* 限时优惠 */
.limit-view {font-size: 14px;line-height: 20px;}
.limit-view h2 {font-size: 20px;line-height: 34px;margin-bottom: 10px;}
.limit-list-wrap .limit-list {display: flex;gap: 2%;}
.limit-list-wrap .limit-thumb {background-color: #fff;border-radius: 6px;padding: 0 3.5%;overflow: hidden;position: relative;z-index: 1;}
.limit-list-wrap .limit-thumb::before {content: "有效期7天";position: absolute;left: 0;top: 15px;background-color: #222;border-radius: 0 3px 3px 0;color: #fff;font-size: 12px;line-height: 16px;text-align: center;width: 20px;padding: 4px 2px;box-sizing: border-box;z-index: 1;}
.limit-list-wrap .limit-item {padding: 15px;background: linear-gradient(136.49deg, rgba(255, 132, 18, 1) 0.14%, rgba(247, 166, 84, 1) 100%);width: 32%;margin-bottom: 2%;}
.limit-list-wrap .limit-item .discounts {display: flex;padding: 15px 0;border-bottom: 1px dashed #000;}
.limit-list-wrap .limit-item .discounts .item {flex: 1;text-align: center;position: relative;}
.limit-list-wrap .limit-item .discounts .item:not(:last-child)::after {content: "";position: absolute;right: 0;top: 0;bottom: 0;border-right: 1px solid #000;transform: scaleX(0.5);transform-origin: right center;}
.limit-list-wrap .limit-item .discounts .t1 {font-size: 44px;line-height: 44px;font-weight: bold;}
.limit-list-wrap .limit-item .discounts .t2 {font-size: 12px;line-height: 20px;}
.limit-list-wrap .limit-item .discounts .t3 {display: inline-block;vertical-align: top;font-size: 12px;line-height: 14px;text-align: left;padding: 3px 6px;max-width: 84px;position: relative;}
.limit-list-wrap .limit-item .discounts .t3::after {content: "";position: absolute;left: -50%;top: -50%;right: -50%;bottom: -50%;border: 1px solid #000;transform: scale(0.5);border-radius: 20px;pointer-events: none;}
.limit-list-wrap .limit-item .experience {display: flex;margin-top: 15px;}
.limit-list-wrap .limit-item .experience .item {width: 49%;background: no-repeat center center;background-size: cover;position: relative;color: #543103;font-size: 14px;line-height: 18px;}
.limit-list-wrap .limit-item .experience .item:nth-child(odd) {margin-right: 2%;}
.limit-list-wrap .limit-item .experience .item::after {content: "";display: block;padding-top: 53.54%;}
.limit-list-wrap .limit-item .experience .item[data-role="1"] {color: #fff;}
.limit-list-wrap .limit-item .experience .item-inner {position: absolute;top: 9%;left: 0;right: 0;padding: 0 3.5%;}
.limit-list-wrap .limit-item .experience .item .subtitle {margin-top: 2px;font-size: 12px;line-height: 18px;}
.limit-list-wrap .limit-item .btn {display: block;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 100%);color: #fff;font-size: 17px;font-weight: bold;width: 185px;height: 44px;line-height: 44px;border-radius: 44px;border: 0;margin: 20px auto;position: relative;}
.limit-list-wrap .limit-item .btn::after {content: "";position: absolute;top: 50%;bottom: 0;left: 16px;right: 16px;border-radius: 10px;box-shadow: 0 0 20px 0px #ff8f26;z-index: -1;}
.limit-list-wrap .limit-item .btn.is-active {background: linear-gradient(135.64deg, rgba(22, 116, 255, 1) 0%, rgba(159, 192, 245, 1) 100%);}
.limit-list-wrap .limit-item .btn.is-active::after {box-shadow: 0 0 20px 0px #6da7ff;}
/* 限时优惠end */

/* 支付结果 */
.payment-result {text-align: center;}
.payment-result .inner {width: 100%;;max-width: 256px;margin: 0 auto;}
.payment-result h1 {font-size: 32px;line-height: 70px;font-weight: 500;}
.payment-result .text {color: #999;font-size: 18px;}
.payment-result .price {font-size: 20px;line-height: 30px;padding-top: 44px;background: url(../images/payment-wx.png) no-repeat center top;background-size: 40px}
.payment-result .qrcode {margin: 10px 0 5px;}
.payment-result .qrcode img {display: block;width: 100%;}
.payment-result .bottom {color: #1277d9;font-size: 14px;padding: 25px 0;}
.payment-result .bottom span {display: inline-block;cursor: pointer;}
/* 支付结果end */

.bottom-box:not([data-ai-vis]) .list-item:nth-child(n+4) {display: none;}

.aio-dialog {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;border-radius: 2px;box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);padding: 50px 16px 16px;overflow-wrap: break-word;width: 90%;max-width: 500px;}
.aio-dialog .d-close {width: 48px;height: 48px;position: absolute;right: 0;top: 0;background: url(../images/icon/dismiss.png) no-repeat center center;background-size: 20px;cursor: pointer;}
.aio-dialog .d-iframe {vertical-align: top;width: 100%;height: 50vh;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 2px;}

.view-guide {background: linear-gradient(90deg, #f8ad67 0%, #ffd787 28.55%, #f8ad67 61.42%, #f7ca5a 100%), #ccc;padding: 8px 22px 8px 16px;display: none;align-items: center;}
.view-guide p {flex: 1;min-width: 0;color: #512c19;font-size: 14px;line-height: 20px;}
.view-guide p::before {content: "";width: 18px;height: 18px;background: url("../images/icon/t.png") no-repeat;background-size: contain;display: inline-block;vertical-align: -3px;margin-right: 2px;}
.view-guide .btn {border-radius: 999px;background: #512c19;box-shadow: 0px 0px 6px  #997450;color:  #ffca4f;font-size: 12px;line-height: 28px;padding: 0 24px 0 10px;position: relative;}
.view-guide .btn::after {content: "";width: 12px;height: 12px;border-radius: 999px;background: url("../images/icon/arrow_4.png") no-repeat;background-size: contain;position: absolute;right: 10px;top: 8px;}
.navigation-wrap {border-radius: 5px;background-color: #fff;font-size: 16px;margin-bottom: 20px;position: relative;}
.navigation-wrap  .view-guide {position: absolute;right: 10px;top: 0;max-width: 320px;width: 100%;}
.navigation {padding: 0 10px;}
.navigation .nav {line-height: 44px;}
.navigation .nav .item {color: rgba(0, 0, 0, 0.5);margin: 0 25px;position: relative;}
.navigation .nav .item:not(:last-child)::after {content: "";position: absolute;top: 14px;bottom: 14px;right: -25px;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.navigation .nav .item.is-active {color: var(--theme-color);font-weight: bold;}
.subnavigation {line-height: 44px;padding: 0 10px;position: relative;}
.subnavigation::before {content: "";position: absolute;left: 10px;right: 10px;top: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
.subnavigation .guide {color: var(--theme-color);font-size: 14px;padding: 0;float: right;}
.subnavigation .select-list {float: left;display: flex;white-space: nowrap;}
.subnavigation .select-list .select-item {color: rgba(0, 0, 0, 0.5);font-size: 14px;padding: 0 20px;position: relative;}
.subnavigation .select-list .select-item.is-active {color: var(--theme-color);font-weight: bold;}
.subnavigation .dropdown-box {float: right;margin-right: 20px;font-size: 14px;cursor: pointer;position: relative;}
.subnavigation .dropdown-box::before {content: attr(ai-title);color: var(--theme-color);display: block;padding-right: 18px;}
.subnavigation .dropdown-box::after {content: "";border-top: 8px solid var(--theme-color);border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.subnavigation .dropdown-box .dropdown-wrap {position: absolute;top: 100%;left: 0;z-index: 1;padding-top: 2px;display: none;}
.subnavigation .dropdown-list {background-color: #fff;box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);border-radius: 5px;}
.subnavigation .dropdown-list::before {content: "";position: absolute;top: -3px;left: 17px;width: 12px;height: 12px;transform: rotate(45deg);background-color: #fff;border-radius: 2px;z-index: -1;box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);}
.subnavigation .dropdown-list .a0item {padding: 0 15px;white-space: nowrap;}
.subnavigation .dropdown-list .a0item::before {content: "";display: inline-block;vertical-align: middle;width: 16px;height: 16px;border: 1px solid rgba(220, 220, 220, 0.9);border-radius: 100%;margin-right: 5px;}
.subnavigation .dropdown-list .a0item:hover {color: var(--theme-color);}
.subnavigation .dropdown-box[data-ai-vis="1"] .dropdown-wrap {display: block;}
.subnavigation .dropdown-list .a0item[data-ai-vis="1"]::before {background: url("../images/icon/icon-check.png") no-repeat;background-size: cover;border: 0;}
/* 订阅 */
.hot-container {font-size: 14px;}
.hot-container a {padding: 0;}
.hot-list-wrap .hot-item {float: left;display: block;width: calc((100% - 20px) / 3);background-color: #fff;box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);padding: 10px;border-radius: 8px;margin: 0 10px 10px 0;position: relative;}
.hot-list-wrap .hot-item:nth-child(3n) {margin-right: 0;}
.hot-list-wrap .hot-item .image {width: 50px;height: 50px;margin-right: 10px;position: relative;}
.hot-list-wrap .hot-item .image[data-dot="0"]::before {display: none;}
.hot-list-wrap .hot-item .image::before {content: attr(data-dot);position: absolute;left: 0;top: 0;background-color: #f2330e;color: #fff;font-size: 12px;line-height: 15px;border-radius: 15px;min-width: 7px;padding: 0 4px;}
.hot-list-wrap .hot-item .image .icon {position: absolute;left: 1%;bottom: -5%;width: 98%;}
.hot-list-wrap .hot-item .avatar-img {border: 1px solid rgba(0,0,0,0.1);width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
.hot-list-wrap .hot-item .nickname {flex: 1;min-width: 0;}
.hot-list-wrap .hot-item .name {font-size: 16px;line-height: 1.43;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-list-wrap .hot-item .name a {display: inline;-webkit-transition: 0.3s all;transition: 0.3s all;}
.hot-list-wrap .hot-item .endtime {font-size: 12px;line-height: 1.34;margin-top: 3px;}
.hot-list-wrap .hot-item .endtime::before {content: "订阅状态：";color: rgba(0, 0, 0, 0.6);}
.hot-list-wrap .hot-item .endtime span {color: #e44d5c;}
.hot-list-wrap .hot-item .btn {width: 64px;line-height: 26px;border-radius: 999px;background-color: #2b87f0;color: #fff;font-size: 12px;text-align: center;}
.hot-list-wrap .hot-item .btn.disabled {background-color: rgba(43, 135, 240, 0.09);color: #2b87f0;position: relative;}
.hot-list-wrap .hot-item .btn.disabled::after {content: "";pointer-events: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid #2b87f0;border-radius: inherit;}
.hot-list-wrap .hot-item .info-box {display: flex;align-items: center;margin-bottom: 10px;}
.hot-list-wrap .hot-item .row-box {background: linear-gradient(90deg, rgba(245, 245, 245, 0.4) 0.42%, rgba(245, 245, 245, 1) 100%);border-radius: 4px;display: flex;position: relative;overflow: hidden;}
.hot-list-wrap .hot-item .row-box .col-item {color: rgba(0, 0, 0, 0.6);font-size: 12px;line-height: 18px;text-align: center;padding: 20px 0;position: relative;}
.hot-list-wrap .hot-item .row-box .col-item:nth-child(1),
.hot-list-wrap .hot-item .row-box .col-item:nth-child(3) {width: 28%;}
.hot-list-wrap .hot-item .row-box .col-item:nth-child(2) {width: 44%;}
.hot-list-wrap .hot-item .row-box .value {color: #000;font-size: 16px;line-height: 20px;}
.hot-list-wrap .hot-item .row-box .color-1 {color: var(--theme-color);}
.hot-list-wrap .hot-item .row-box .refund {background-color: rgba(255, 115, 16, 0.1);color: var(--theme-color);font-size: 12px;line-height: 18px;position: absolute;left: 0;top: 0;border-radius: inherit;padding: 0 4px;}
.hot-list-wrap .hot-item .start-end-time {color: rgba(0,0,0,0.6);font-size: 12px;line-height: 16px;margin-top: 5px;}
.hot-list-wrap .hot-item .start-end-time::before {content: "订阅时长：";}
.hot-list-wrap .hot-item.is-show .col-item:nth-child(2)::after {content: "";width: 40px;height: 40px;background: url("../images/icon/dabiao@2x.png") no-repeat center center;background-size: contain;position: absolute;top: 8px;left: 62%;}
.hot-list-wrap .hot-item .name a:hover {color: var(--theme-color);}

/* 名家 */
.author-container {font-size: 14px;}
.author-container a {padding: 0;}
.author-list-wrap .item {float: left;display: block;width: calc((100% - 20px) / 3);background-color: #fff;box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);padding: 10px;border-radius: 8px;margin: 0 10px 10px 0;}
.author-list-wrap .item:nth-child(3n) {margin-right: 0;}
.author-list-wrap .item .info-box {display: flex;align-items: center;margin-bottom: 5px;position: relative;}
.author-list-wrap .item .image {width: 50px;height: 50px;margin-right: 10px;position: relative;}
.author-list-wrap .item .image[data-dot="0"]::before {display: none;}
.author-list-wrap .item .image::before {content: attr(data-dot);position: absolute;left: 0;top: 0;background-color: #f2330e;color: #fff;font-size: 12px;line-height: 15px;border-radius: 15px;min-width: 7px;padding: 0 4px;}
.author-list-wrap .item .image .icon {position: absolute;left: 1%;bottom: -5%;width: 98%;}
.author-list-wrap .item .avatar-img {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
.author-list-wrap .item .nickname {flex: 1;min-width: 0;padding-right: 70px;}
.author-list-wrap .item .name {font-size: 16px;line-height: 1.43;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.author-list-wrap .item .name a {display: inline;-webkit-transition: 0.3s all;transition: 0.3s all;}
.author-list-wrap .item .badge {display: flex;margin-top: 5px;}
.author-list-wrap .item .badge li {color: #fff;font-size: 12px;line-height: 18px;padding: 0 4px;border-radius: 2px;margin-right: 2px;}
.author-list-wrap .item .badge .wininrow {background-color: rgba(228, 77, 92, 0.8);}
.author-list-wrap .item .badge .record {background-color: rgba(58, 130, 251, 0.8);}
.author-list-wrap .item .count-box {font-size: 12px;line-height: 20px;display: flex;border-radius: 2px;background-color: #fafafa;position: absolute;top: 0;right: 0;}
.author-list-wrap .item .count-box::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: inherit;border: 1px solid #ff7b19;}
.author-list-wrap .item .count-box span {padding: 0 4px;background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%), #5c88f6;color: #fff;}
.author-list-wrap .item .count-box .count {color: var(--theme-color);background: transparent;}
.author-list-wrap .item .summary {color: rgba(0, 0, 0, 0.7);font-size: 14px;line-height: 18px;min-height: 36px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.author-list-wrap .item .bottom {display: flex;align-items: flex-end;border-radius: 4px;background: linear-gradient(90deg, rgba(245, 245, 245, 0.24) 0%, rgba(245, 245, 245, 1) 100%);padding: 10px;position: relative;}
.author-list-wrap .item .bottom::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid #ccc;border-radius: inherit;pointer-events: none;}
.author-list-wrap .item .bottom .left {flex: 1;min-width: 0;}
.author-list-wrap .item .bottom .title {color: #000;font-size: 14px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s all;}
.author-list-wrap .item .bottom .sub-title {color: rgba(0, 0, 0, 0.6);font-size: 12px;line-height: 18px;margin: 2px 0 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.author-list-wrap .item .bottom .other {display: flex;color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 20px;}
.author-list-wrap .item .bottom .match {padding-left: 15px;margin-right: 5px;background: no-repeat left center;background-size: 12px;}
.author-list-wrap .item .bottom .match[data-sport-id="1"] {background-image: url('../images/icon/guide_football.png');}
.author-list-wrap .item .bottom .match[data-sport-id="2"] {background-image: url('../images/icon/guide_basketball.png');}
.author-list-wrap .item .bottom .gameplay {border-radius: 2px;background-color: #fff;color: #3183fc;font-size: 12px;line-height: 20px;padding: 0 4px;position: relative;}
.author-list-wrap .item .bottom .gameplay::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: inherit;border: 1px solid #3183fc;pointer-events: none;}
.author-list-wrap .item .bottom .right {display: flex;flex-direction: column;align-items: flex-end;}
.author-list-wrap .item .bottom .price {text-align: right;}
.author-list-wrap .item .bottom .price .num {color: var(--theme-color);font-size: 18px;line-height: 1;}
.author-list-wrap .item .bottom .price .label {font-size: 12px;line-height: 18px;margin-top: 3px;}
.author-list-wrap .item .bottom .status {border-radius: 2px;background-color: #494e5d;color: #f8dbb1;font-size: 12px;line-height: 20px;padding: 0 5px;margin-top: 7px;}
.author-list-wrap .item .name a:hover {color: var(--theme-color);}
.author-list-wrap .item .bottom:hover .title {color: var(--theme-color);}


.hairline {position: relative;}
.hairline::after {content: "";pointer-events: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid rgba(0,0,0,0.1);border-radius: inherit;}
.error-box {text-align: center;padding: 30px 0;}
.error-box .image {display: block;width: 115px;margin: 0 auto;}
.error-box[data-code="-4"] .image {width: 300px;}
.error-box .text {margin: 10px 0 15px;font-size: 16px;}
.error-box .btn {background: linear-gradient(270deg, #ff7310 0%, #ffaa4f 93.52%, #ffa84d 99.87%);border: 0;border-radius: 999px;line-height: 40px;width: 140px;color: #fff;font-size: 16px;margin: 0 auto;position: relative;z-index: 1;}
.error-box .btn::after {content: "";background: linear-gradient(270deg, #FF7310 0%, #FFAA4F 93.52%, #FFA84D 99.87%);filter: blur(20px);position: absolute;bottom: 5px;left: 12px;right: 12px;height: 15px;z-index: -1;}
/* 分析师订阅 */
.subscribe {font-size: 14px;}
.subscribe-main {border-radius: 14px;max-width: 850px;margin: 0 auto;background: linear-gradient(90deg, #dba444 0%, #f1bd6d 100%);padding: 15px 20px;}
.subscribe-main-wrap {display: flex;border-radius: 8px;overflow: hidden;}
.subscribe-title {color: #4f2a08;font-size: 18px;font-weight: bold;display: flex;margin-bottom: 15px;}
.subscribe-title::before {content: "";width: 36px;background: url("../images/icon/VIP@2x.png") no-repeat center center;background-size: contain;margin-right: 5px;}
.subscribe-head {background: linear-gradient(90deg, #2f353d 0%, #676d82 100%);padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 250px;}
.subscribe-head .info-box {display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 14px;padding: 10px;width: 100%;color: rgba(0, 0, 0, 0.5);}
.subscribe-head .user-avatar {width: 50px;height: 50px;padding: 0;margin-bottom: 10px;position: relative;}
.subscribe-head .user-avatar .avatar-img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.subscribe-head .user-avatar .avatar-icon-img {position: absolute;left: 1%;bottom: -5%;width: 98%;}
.subscribe-head .username {line-height: 20px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.subscribe-head .username .name {padding: 0;font-size: 15px;font-weight: bold;margin-right: 4px;}
.subscribe-head .username .block {color: #fff;font-size: 12px;line-height: 20px;padding: 0 4px;border-radius: 2px;margin-right: 2px;}
.subscribe-head .username .ws {background-color: #e44d5c;}
.subscribe-head .username .count {background-color: #3a82fb;}
.subscribe-head .goodat {font-size: 12px;line-height: 20px;margin-top: 5px;padding-left: 36px;position: relative;}
.subscribe-head .goodat::before {content: "擅长：";position: absolute;left: 0;top: 0;}
.subscribe-head .goodat span {display: inline-block;color: #ff7310;margin-right: 5px;}
.subscribe-content {flex: 1;padding: 15px 15px 0;background-color: #fff;}
.subscribe-package .title {font-size: 16px;font-weight: bold;line-height: 24px;margin-bottom: 10px;}
.subscribe-package .a0item {float: left;width: calc((100% - 20px) / 3);border: 1px solid #d1d1d1;border-radius: 8px;text-align: center;padding: 10px 0;cursor: pointer;user-select: none;}
.subscribe-package .a0item:not(:last-child) {margin-right: 10px;}
.subscribe-package .a0item .time {color: #2c1708;font-size: 14px;line-height: 20px;}
.subscribe-package .a0item .desc {color: #484848;font-size: 12px;line-height: 16px;}
.subscribe-package .a0item .price {color: #c76912;font-size: 26px;font-weight: bold;line-height: 42px;}
.subscribe-package .a0item .price::after {content: "豆";font-size: 14px;line-height: 36px;vertical-align: bottom;margin-left: 2px;}
.subscribe-package .a0item[data-ai-vis="1"] {border-color: #484848;box-shadow: 0px 0px 10px  rgba(20, 19, 15, 0.3);background: linear-gradient(134.15deg, #f8d8b0 0%, #f4b96a 100%), #fff;}
.subscribe-package .a0item[data-ai-vis="1"] .price {color: #2c1708;}
.subscribe-remark {border-radius: 8px;background: url("../images/masking@2x.png") no-repeat center center;background-size: cover;padding: 10px;margin: 10px 0;}
.subscribe-remark .remark-list {display: none;}
.subscribe-remark .remark-item .title {color: #2c1708;font-size: 16px;font-weight: bold;line-height: 24px;}
.subscribe-remark .remark-item .desc {color: #70604d;font-size: 14px;line-height: 20px;white-space: pre-wrap;margin-top: 3px;}
.subscribe-remark .remark-item:not(:last-child) {margin-bottom: 8px;}
.subscribe-tips {padding: 15px 10px;position: relative}
.subscribe-tips h2 {font-size: 16px;line-height: 24px;padding-left: 22px;background: url("../images/icon/light@2x.png") no-repeat left center;background-size: 20px auto;}
.subscribe-tips .content {font-size: 14px;line-height: 22px;white-space: pre-wrap;margin-top: 6px;}
.subscribe-tips::after {border-color: var(--theme-color);border-radius: 8px;}
/* 分析师订阅end */

.match-box {border-radius: 6px;position: relative;}
.match-box::after {content: "";box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);border: 1px solid #d5d7de;border-radius: inherit;position: absolute;inset: 0;pointer-events: none;}
.match-info-left .match-box{background: rgba(250, 249, 248, 1);}
.martch-content {display: flex;align-items: flex-start;padding: 20px 0;text-align: center;position: relative;}
.martch-content .team {flex: 1;text-align: center;}
.martch-content .team .icon {display: block;width: 40px;height: 40px;background: no-repeat center center;background-size: contain;margin: 0 auto;}
.martch-content .team .name {color: rgba(0,0,0,0.65);font-size: 15px;line-height: 20px;margin-top: 10px;}
.unlock-box {background: url("../images/unlock_img.png") no-repeat center center;background-size: cover;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);border-radius: 6px;padding: 20px 0;text-align: center;position: relative;}
.martch-content .center {width: 100px;}
.martch-content .score {display: block;padding: 0;font-size: 24px;font-weight: bold;line-height: 44px;}
.martch-content .score .bf-img {display: block;width: 100%;height: 44px;background: url("../images/icon/VS@2x.png") no-repeat center center;background-size: contain;}
.martch-content .status-text {color: var(--theme-color);font-size: 12px;line-height: 18px;margin-top: 8px;}
.martch-content .match-status {position: absolute;right: 0;top: 0;}
.unlock-inner {display: inline-block;vertical-align: top;border-radius: 5px;background-color: #fff;padding: 15px 15px 10px 50px;cursor: pointer;position: relative;}
.unlock-inner::before {content: "";background: url("../images/icon/unlock_1.png") no-repeat center 10px;background-size: contain;width: 30px;position: absolute;top: 0;bottom: 0;left: 15px;}
.unlock-box .unlock-title {color: var(--theme-color);font-size: 16px;line-height: 1.42;}
.unlock-box .unlock-title-sub {font-size: 12px;line-height: 1.45;}
.submit-bar .submit-tip {background-color: rgba(0,0,0,0.5);color: #fff;font-size: 12px;text-align: center;line-height: 1.4;padding: 5px 10px;}
.submit-bar .submit-content {display: flex;}
.submit-bar .submit-content .btn {flex: 1;font-size: 16px;text-align: center;line-height: 48px;cursor: pointer;display: inline-flex;justify-content: center;}
.submit-bar .submit-content .btn-bean {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99%, #ffaa4f 100%), #fff;color: #fff;} 
.submit-bar .submit-content .btn-subscribe {background: linear-gradient(192.63deg, #2b2b2b 0%, #474747 100%), #fff;color: #fabf5a;}
.submit-bar .submit-content .btn::before {content: "";width: 20px;height: 100%;margin-right: 3px;background: no-repeat center center;background-size: 20px;}
.submit-bar .submit-content .btn-bean::before {background-image: url("../images/icon/unlock_2.png");}
.submit-bar .submit-content .btn-subscribe::before {background-image: url("../images/icon/subscribe.png");}
.has-web-share {position: relative;}
.has-web-share .affix-share {display: inline-block;width: 100px;position: sticky;left: 0;top: 100px;margin-top: 100px;padding: 0 10px;}
.has-web-share .affix-share .w0share2bt {margin: 0 auto;width: 60px;position: static;background: transparent;float: none;}
.has-web-share .aio-layout-left {width: calc(70% - 100px);}

.action-dinyue {background: linear-gradient(192.63deg, #2b2b2b 0%, #474747 100%);color: #fff;padding: 15px;display: flex;align-items: center;}
.action-dinyue .icon {width: 24px;margin-right: 5px;}
.action-dinyue p {flex: 1;min-width: 0;color: #fabf5a;font-size: 15px;line-height: 24px;}
.action-dinyue .btn {display: inline-flex;align-items: center;border-radius: 999px;background: linear-gradient(90deg, #fae9c6 0%, #f8ad67 60.53%, #f7ca5a 100%);padding: 0 7px;color: #512c19;font-size: 12px;}
.action-dinyue .btn::after {content: "";width: 12px;height: 12px;margin-left: 2px;background: url("../images/icon/arrow_3.png") no-repeat;background-size: cover;}

/* 已解锁方案 */
.unlocked {font-size: 14px;}
/* .unlocked a {padding: 0;} */
.unlocked .select-date .date-item {text-align: center;line-height: 20px;}
.unlocked .select-date .date-item a {display: block;padding: 10px 0;transition: all 0.5s;}
.unlocked .select-date .date-item a span {display: inline-block;position: relative;}
.unlocked .select-date .date-item a span[data-count="0"]::after {display: none;}
.unlocked .select-date .date-item a span[data-count]::after {content: attr(data-count);line-height: 14px;color: #fff;font-size: 12px;text-align: center;white-space: nowrap;border-radius: 999px;background-color: #e45e58;padding: 0 3.5px;position: absolute;left: 100%;top: -6px;}
.unlocked .select-date .date-item.date-active a {color: var(--theme-color);font-weight: bold;}
.unlocked .select-date .date-item a:hover{color: var(--theme-color);transform: scale(1.1);}
.unlocked .count-text {padding: 5px 20px;background-color: rgba(255, 115, 16, 0.1);color: rgba(0,0,0,0.5);line-height: 20px;}
.unlocked .count-text span {color: var(--theme-color);}
.unlocked .count-text::before {content: "";display: inline-block;vertical-align: top;width: 16px;height: 20px;background: url("../images/icon/icon_target.png") no-repeat center center;background-size: contain;margin-right: 4px;}
.unlocked .matchlist .item {float: left;width: calc((100% - 20px) / 3);background-color: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);margin: 0 10px 10px 0;position: relative;}
.unlocked .matchlist .item a {padding: 0;}
.unlocked .matchlist .item:nth-child(3n) {margin-right: 0;}
.unlocked .matchlist a.game {flex: 1;padding: 10px;display: block;}
.unlocked .matchlist .game .head {display: flex;flex-wrap: wrap;font-size: 12px;line-height: 18px;padding-left: 15px;margin-bottom: 10px;position: relative}
.unlocked .matchlist .game .head::before {content: "";position: absolute;left: 0;top: 0;width: 12px;height: 18px;background: url("../images/icon-football-small.png") no-repeat center left;background-size: 12px;}
.unlocked .matchlist .game .head span {color: rgba(0, 0, 0, 0.6);margin-right: 7px;}
.unlocked .matchlist .team-box {display: flex;text-align: center;line-height: 20px;}
.unlocked .matchlist .team-box .team {flex: 1;}
.unlocked .matchlist .team-box .icon {display: block;width: 30px;height: 30px;object-fit: contain;margin: 0 auto 4px;}
.unlocked .matchlist .team-box .name {font-size: 14px;}
.unlocked .matchlist .team-box .num {color: var(--theme-color);font-size: 24px;font-weight: bold;line-height: 30px;margin-bottom: 4px;}
.unlocked .matchlist .team-box .score-icon {display: block;width: 100%;height: 30px;background: url("../images/icon/VS@2x.png") no-repeat center center;background-size: contain;margin: 0 auto;}
.unlocked .matchlist .team-box .score {width: 100px;}
.unlocked .matchlist .team-box .status {color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.unlocked .matchlist .analyst {flex: 1;padding: 10px;position: relative;} 
.unlocked .matchlist .analyst::before {content: "";position: absolute;top: 0;left: 10px;right: 10px;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.unlocked .matchlist .analyst .userinfo {display: flex;align-items: center;font-size: 12px;line-height: 18px;margin-bottom: 8px;}
.unlocked .matchlist .analyst .useravatar {width: 18px;height: 18px;position: relative;}
.unlocked .matchlist .analyst .avatar-img {display: block;width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
.unlocked .matchlist .analyst .avatar-icon {position: absolute;left: 0;right: 0;bottom: 0;height: 20px;background: no-repeat center center;background-size: contain;}
.unlocked .matchlist .analyst .username {flex: 1;margin-left: 10px;}
.unlocked .matchlist .analyst .time {color: rgba(0,0,0,0.7);opacity: 0.6;}
.unlocked .matchlist .analyst .regameplay {display: block;padding: 5px 10px;border-radius: 2px;background-color: #f9f9f9;}
.unlocked .matchlist .analyst .play {display: flex;justify-content: space-between;color: rgba(0,0,0,0.5);font-size: 12px;line-height: 20px;}
.unlocked .matchlist .analyst .minor {color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;margin-top: 5px;}
.unlocked .matchlist .analyst .gameplay .value {color: var(--theme-color);}
.unlocked .matchlist .analyst .recommend {position: relative;}
.unlocked .matchlist .analyst .recommend .value {color: #e44d5c;}
.unlocked .matchlist .analyst .recommend::before {content: "";width: 40px;height: 40px;background: no-repeat center center;background-size: contain;position: absolute;left: -45px;bottom: -5px;}
.unlocked .matchlist .analyst .recommend[data-winlose="win"]::before {background-image: url("../images/user/icon-seal1.png");}
.unlocked .matchlist .analyst .recommend[data-winlose="lose"]::before {background-image: url("../images/user/icon-seal5.png");}
.unlocked .matchlist .analyst .recommend[data-winlose="draw"]::before {background-image: url("../images/user/icon-seal2.png");}
.unlocked .matchlist .analyst .recommend[data-winlose="cancel"]::before {background-image: url("../images/user/icon-seal4.png");}
.unlocked .matchlist .more {display: block;color: var(--theme-color);font-size: 12px;line-height: 18px;text-align: center;position: absolute;right: 10px;top: 10px;}
.unlocked .matchlist .more::after {content: "";display: inline-block;vertical-align: top;width: 6px;height: 18px;background: url("../images/icon/arrow_2@2x.png") no-repeat center center;background-size: contain;margin-left: 4px;}
/* 已解锁方案end */

.flex-container {display: flex;}
.multiple .main {flex: 1;min-width: 0;margin-left: 15px;}
.multiple .action-wrapper {width: 300px;user-select: none;}
.multiple .action-wrap {position: sticky;top: 0;}
.multiple .action-wrap .tip {background-color: #fcf3d9;color: rgba(0, 0, 0, 0.7);font-size: 12px;line-height: 18px;padding: 3px 44px 3px 10px;position: relative;cursor: pointer;}
.multiple .action-wrap .tip span {color: #ff7310;}
.multiple .action-wrap .tip::after {content: "";width: 12px;height: 6px;background: url("../images/icon/arrow_1@2x.png") no-repeat center center;background-size: contain;position: absolute;right: 16px;top: 9px;}
.multiple .action-wrap .btn {display: block;border-radius: 3px;background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%), #ccc;color: #fff;font-size: 14px;text-align: center;line-height: 40px;}
.multiple .action-wrap .btn.disabled {opacity: 0.5;}
.multiple .action-wrap .selected-list {background-color: #fff;}
.multiple .action-wrap .selected-list .item {font-size: 14px;line-height: 20px;padding: 10px 32px 10px 10px;position: relative;}
.multiple .action-wrap .selected-list .item:not(:last-child)::after {content: "";position: absolute;left: 10px;bottom: 0;right: 10px;border-bottom: 1px dashed rgba(0, 0, 0, 0.2);}
.multiple .action-wrap .selected-list .item .close {width: 22px;height: 22px;background: url("../images/icon/close_2.png") no-repeat;background-size: contain;position: absolute;right: 10px;top: 9px;cursor: pointer;}
.multiple .action-wrap[data-ai-vis="1"] .selected-list {display: none;}
.multiple .action-wrap[data-ai-vis="1"] .tip::after {transform: rotate(180deg);}

/* 多方案发布 */
.multi-editor {font-size: 14px;}
.multi-editor h1 {font-size: 24px;line-height: 40px;}
.multi-editor .tips {background-color: #fcf3d9;color: #7b5834;font-size: 14px;line-height: 18px;padding: 5px 10px;}
.multi-editor .select-wrap {overflow: hidden;}
.multi-editor .select-box {float: left;background-color: #fff;padding: 15px;width: calc((100% - 15px) / 2);}
.multi-editor .select-box:nth-child(odd) {margin-right: 15px;}
.multi-editor .select-box .info {color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 20px;display: flex;flex-wrap: wrap;margin-bottom: 14px;}
.multi-editor .select-box .info span:not(:last-child) {margin-right: 20px;}
.multi-editor .select-box .info .vsinfo {color: #000;}
.multi-editor .select-box .info .match {color: #ff7310;}
.multi-editor .select-box .info .lottery {color: #1095e8;}
.multi-editor .select-box .selectlist {display: flex;flex-wrap: wrap;align-items: center;gap: 6px;}
.multi-editor .select-box .selectlist:not(:last-child) {margin-bottom: 6px;}
.multi-editor .select-box .selectlist .name {color: #ff7310;font-size: 18px;text-align: center;width: 42px;}
.multi-editor .select-box .a0item {flex: 1;color: rgba(0, 0, 0, 0.6);font-size: 16px;line-height: 24px;text-align: center;border-radius: 2px;background-color: #f7f8fa;padding: 4px;cursor: pointer;user-select: none;position: relative;}
.multi-editor .select-box .a0item .value {color: rgba(0, 0, 0, 0.4);margin-top: 2px;}
.multi-editor h2 {display: flex;align-items: flex-end;font-size: 18px;margin-bottom: 10px;}
.multi-editor h2 span {color: rgba(0, 0, 0, 0.4);font-size: 15px;font-weight: 500;margin-left: 10px;}
.multi-editor .select-box .a0item[data-ai-vis="1"] {background-color: #fff8f5;}
.multi-editor .select-box .a0item[data-ai-vis="1"]::after {content: "";position: absolute;inset: 0;border-radius: inherit;border: 1px solid #ff7310;pointer-events: none;}
.multi-editor .select-price .a0item {float: left;line-height: 44px;border-radius: 4px;background: linear-gradient(146.26deg, #bfbfbf 0%, #999 100%), #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, .14);text-align: center;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;width: calc((100% - 15px) / 4);margin: 0 5px 5px 0;position: relative;}
.multi-editor .select-price .a0item:nth-child(4n) {margin-right: 0;}
.multi-editor .select-price .a0item[data-ai-vis="1"] {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%), #fff;}
.multi-editor .select-price .a0item[data-ai-vis="1"]::after {content: "";position: absolute;right: 0;bottom: 0;width: 22px;height: 22px;background: url("../images/icon/select_active.png") no-repeat;background-size: cover;}
.multi-editor .input-box .title-wrap {float: left;width: calc(40% - 15px);margin-right: 15px;}
.multi-editor .input-box .content-wrap {float: right;width: 60%;}
.multi-editor .input-box .textarea {position: relative;}
.multi-editor .input-box .textarea-inner {display: block;width: 100%;resize: none;padding: 10px 12px;font-size: 14px;line-height: 20px;background-color: #ededed;border-radius: 8px;border: none;}
.multi-editor .input-box .textarea .input-count {color: rgba(0, 0, 0, 0.4);font-size: 14px;line-height: 18px;position: absolute;right: 12px;bottom: 10px;}
.multi-editor .fixed-bottom {text-align: center;}
.multi-editor .fixed-bottom p {font-size: 14px;line-height: 18px;margin: 50px 0 10px;}
.multi-editor .fixed-bottom p em {color: #ff7310;}
.multi-editor .fixed-bottom button {width: 100%;line-height: 48px;max-width: 450px;border: 0;background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%), #ff7310;border-radius: 48px;color: #fff;font-size: 16px;font-weight: bold;}

.profile-header {height: 50px;line-height: 50px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: space-between;padding-right: 20px;}
.profile-header .tabs,
.profile-header .navs-box {display: inline-flex;}
.profile-header .tabs .tab-item {font-size: 16px;padding: 0 20px;position: relative;}
.profile-header .tabs .tab-item.active {color: #ff7310;font-weight: bold;}
.profile-header .tabs .tab-item.active::after {content: "";width: 14px;height: 4px;border-radius: 999px;background: linear-gradient(270deg, #ffaa4f 0%, #ffa84d 1%, #ff7310 100.96%);position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.profile-header .tabs .tab-item:hover {color: #ff7310;}
.profile-header .navs .nav-item {font-size: 12px;line-height: 24px;padding: 0 14px;position: relative;margin: 0 2px;border-radius: 4px;}
.profile-header .navs .nav-item::after {content: "";position: absolute;inset: 0;border-radius: inherit;border: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
.profile-header .navs .nav-item.nav-active {background: linear-gradient(270deg, #ffaa4f 0%, #ffa84d 1%, #ff7310 100.96%), #f6f6f6;color: #fff !important;}
.profile-header .navs .nav-item.nav-active::after {display: none;}
.profile-header .navs .nav-item:hover {color: #ff7310;}

.profile-info {padding: 20px;}
.profile-info #match {margin-right: 10px;}
.profile-info .box {float: left;width: calc((100% - 10px) / 2);}
.profile-info .box .tips {color: rgba(0, 0, 0, 0.4);font-size: 12px;text-align: center;line-height: 16px;margin-top: 5px;}
.profile-info .title {font-size: 18px;text-align: left;margin-bottom: 5px;}
.profile-info .table {border-radius: 5px;background-color: #f6f6f6;text-align: center;padding: 0 12px;max-height: 252px;overflow: auto;}
.profile-info .table .th,
.profile-info .table .tb {display: flex;align-items: center;position: relative;}
.profile-info .table .th {color: rgba(0, 0, 0, 0.5);position: sticky;background-color: inherit;}
.profile-info .table .td {flex: 1;min-width: 0;font-size: 14px;padding: 5px 0;line-height: 26px;}
.profile-info .table .td:first-child {text-align: left;}
.profile-info .table .td:last-child {text-align: right;}
.profile-info .table > div:not(:last-child)::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px dashed rgba(0, 0, 0, 0.15);}
.profile-info .states {margin-bottom: 10px;}

.list-plan .list-title {font-size: 18px;padding: 15px 15px 0;}
.list-plan .list-title span {color: rgba(0, 0, 0, 0.6);font-size: 14px;font-weight: 500;margin-left: 4px;}
.list-plan .item {display: flex;padding: 15px;position: relative;}
.list-plan .item:not(:last-child)::after {content: "";position: absolute;left: 15px;bottom: 0;right: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);pointer-events: none;}
.list-plan .item::before {content: "";width: 15px;height: 15px;background: url("../images/icon/guide_football.png") no-repeat;background-size: contain;position: absolute;right: 35px;top: 20px;}
.list-plan .item[data-sport-id="2"]::before {background-image: url("../images/icon/guide_basketball.png");}
.list-plan .item .classify {position: relative;align-self: flex-start;color: #3183fc;font-size: 12px;line-height: 24px;padding: 0 4px;}
.list-plan .item .classify::after {content: "";position: absolute;inset: 0;border-radius: 3px;border: 1px solid #3183fc;pointer-events: none;}
.list-plan .item .content {flex: 1;min-width: 0;padding: 0 10px;}
/* .list-plan .item .title {font-size: 16px;line-height: 24px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: #333;} */
.list-plan .item .title {font-size: 14px;line-height: 16px;margin-bottom: 2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: #333;    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);color: #777777;padding: 5px 10px;border-radius: 3px;position: relative;font-weight: initial;}
.list-plan .item .title .t-match-time{font-weight: initial;font-size: 13px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);word-spacing: 10px;}
.list-plan .item .desc {font-size: 16px;line-height: 24px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list-plan .item .info {display: flex;align-items: flex-end;flex-wrap: wrap;color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 20px;}
.list-plan .item .info span:not(:last-child) {margin-right: 10px;}
.list-plan .item .info .read {padding-left: 20px;background: url("../images/icon/read.png") no-repeat left center;background-size: 18px;}
.list-plan .item .info .count {color: #fff;border-radius: 2px;background-color: rgba(58, 130, 251, 0.8);padding: 0 8px;}
.list-plan .item .info .origin {flex: 1;min-width: 0;text-align: right;}
.list-plan .item .price {align-self: flex-end;}
.list-plan .item .price .num {color: #000;font-size: 24px;font-weight: bold;line-height: 24px;text-align: center;}
.list-plan .item .price .num span {display: block;font-size: 18px;}
.list-plan .item .discount {font-size: 14px;line-height: 20px;}
.list-plan .item .discount span {color: #fff;font-size: 12px;border-radius: 2px;background-color: #e44d5c;padding: 0 4px;display: block;}
/* .list-plan .item .winlog {color: #f25555;font-size: 14px;min-width: 40px;line-height: 40px;text-align: center;white-space: nowrap;border: 1px solid #f25555;border-radius: 999px;position: absolute;right: 100px;bottom: 35px;} */
.list-plan .item .winlog {color: #f25555;font-size: 16px;text-align: center;white-space: nowrap;border: 2px solid #f25555;border-radius: 999px;position: absolute;right: 90px;bottom: 15px; min-width: 50px;min-height: 50px;/*line-height: 50px;*/font-weight: bold;display: flex;justify-content: center;align-items: center;}
.list-plan .item .winlog.cancel {border: 0;font-size: 0;background: url("../images/user/icon-seal4.png") no-repeat;background-size: contain;}
.list-plan .item .winlog.win{border: 0;font-size: 0;background: url("../images/user/icon-seal1.png") no-repeat;background-size: contain;}
.list-plan .item .winlog.lose{border: 0;font-size: 0;background: url("../images/user/icon-seal5.png") no-repeat;background-size: contain;}
.list-plan .nodata {color: rgba(0, 0, 0, 0.4);font-size: 14px;text-align: center;padding: 10px 0;}

.list-plan .it-bot{display: flex;justify-content: space-between;}

.rec-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.rec-header .res-tabs {border-radius: 999px;background-color: #f5f5f5;display: flex;position: relative;}
.rec-header .res-tabs::after {content: "";position: absolute;inset: 0;border-radius: inherit;border: 1px solid #ff7310;pointer-events: none;}
.rec-header .res-tabs .a0item {color: rgba(0, 0, 0, 0.5);font-size: 16px;line-height: 36px;padding: 0 15px;border-radius: inherit;cursor: pointer;position: relative;z-index: 1;}
.rec-header .res-tabs .a0item[data-ai-vis="1"] {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;}
.rec-header .rec-navs {display: flex;align-items: center;}
.rec-header .rec-navs .btn {font-size: 14px;margin-left: 20px;cursor: pointer;padding-right: 10px;background: url("../images/calendar-right.png") no-repeat right center;background-size: 6px;}
.rec-header .rec-navs .navs {border-radius: 999px;background-color: #f5f5f5;display: flex;}
.rec-header .rec-navs .navs .a0item {color: rgba(0, 0, 0, 0.5);font-size: 14px;border-radius: inherit;padding: 0 12px;cursor: pointer;}
.rec-header .rec-navs .navs .a0item[data-ai-vis="1"] {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;}
.rec-header .rec-navs .navs.multi-filter .a0item[ai-value="2"]{display: none;}

.detail-content .list {display: flex;flex-wrap: wrap;gap: 10px;}
/* .detail-content .list .item {width: calc((100% - 10px) / 2);border-radius: 6px;box-shadow: 0px 1px 4px  rgba(0, 0, 0, 0.05);background-color: #fff;position: relative;overflow: hidden;} */
.detail-content .list .item {width: calc((100% - 10px) / 2);border-radius: 6px;box-shadow: 0px 1px 4px  rgba(0, 0, 0, 0.05);background-color: #faf9f8;position: relative;overflow: hidden;border: 1px solid #d5d7de;}
/* .detail-content .list .item::after {content: "";border: 1px solid #d5d7de;border-radius: inherit;position: absolute;inset: 0;pointer-events: none;} */
.detail-content .list .item::before {content: "";width: 40px;height: 40px;background: no-repeat;background-size: contain;position: absolute;left: 54%;top: 2%;}
.detail-content .list .item[data-winlose="赢"]::before {background-image: url("../images/user/icon-seal1.png");}
.detail-content .list .item[data-winlose="输"]::before {background-image: url("../images/user/icon-seal3.png");}
.detail-content .list .item[data-winlose="走"]::before {background-image: url("../images/user/icon-seal2.png");}
.detail-content .list .item[data-winlose="取消"]::before {background-image: url("../images/user/icon-seal4.png");}
.detail-content .list .item[data-winlose="黑"]::before {background-image: url("../images/user/icon-seal5.png");}
.detail-content .list .match-info {color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 20px;padding: 10px;overflow: hidden;}
.detail-content .list .match-info span {float: left;margin-right: 7px;}
.detail-content .list .match-info .match {padding-left: 18px;background: url("../images/icon-football-small.png") no-repeat left center;background-size: 14px;}
.detail-content .list .match-info .match[data-sport-id="2"] {background-image: url("../images/icon-basketball-small.png");}
.detail-content .list .match-info .lottery-type {float: right;margin-right: 0;}
.detail-content .list .team-info {display: flex;color: rgba(0, 0, 0, 0.65);font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.detail-content .list .team-info .team {flex: 1;min-width: 0;padding: 0 4px;}
.detail-content .list .team-info .team:first-child {text-align: right;}
.detail-content .list .team-info .score {width: 80px;color: #ff7310;text-align: center;}
.detail-content .list .result {background-color: #ecf3fd;display: flex;height: 64px;text-align: center;border-top: 1px solid #d5d7de;}
.detail-content .list .result-title {width: 30px;color: #fff;font-size: 12px;line-height: 14px;background-color: #458ae6;display: flex;align-items: center;padding: 0 5px;}
.detail-content .list .result-item {flex: 1;font-size: 16px;position: relative;display: flex;flex-direction: column;justify-content: center;line-height: 24px;}
.detail-content .list .result-item:not(:last-child)::after {content: "";position: absolute;right: 0;top: 0;bottom: 0;border-right: 1px solid #d5d7de;}
.detail-content .list .result-item.active {background: linear-gradient(128.61deg, #d4d4d4 0%, #9e9e9e 100%), #e45e58;font-weight: bold;}
/* .detail-content .list .result-item.active::before {content: "";width: 20px;background: url("../images/icon/tui_black.png") no-repeat center top;background-size: contain;position: absolute;left: 2px;top: 0;bottom: 0;pointer-events: none;} */
.detail-content .list .result-item.active::before {content: "";width: 20px;background: url("../images/icon/tui_black.png") no-repeat center top;background-size: contain;position: absolute;left: 0;top: 0;bottom: 0;pointer-events: none;}
.detail-content .list .result-item.active-result {background: #e45e58;color: #fff;}
.detail-content .list .result-item.active-result::before {background-image: url("../images/icon/tui.png");}
.detail-content .list .result.orange-color {background-color: #fcf4eb;}
.detail-content .list .result.orange-color .result-title {background-color: #ff7310;}
.detail-content .list .result + .result {margin-top: 5px;}
.detail-content .list-count {font-size: 15px;text-align: center;margin-top: 10px;}
.detail-content .list-count span {color: #ff7310;padding: 0 10px;}

.detail-content .multiTips-detail-list .item[data-status="0"] .result-item.active{background: rgba(245, 225, 172, 1);color: #333;}
.detail-content .multiTips-detail-list .result-item.active::before{background-image: url(../images/icon/tui.png);}
.detail-content .multiTips-detail-list .result-item.active{background-color: rgba(228, 94, 88, 1);color: #fff;}

.detail-content .multiTips-detail-list .item:not([data-status="0"])[data-winlose="黑"] .result-item.active:not(.active-result),
.detail-content .multiTips-detail-list .item:not([data-status="0"])[data-winlose="走"] .result-item.active:not(.active-result),
.detail-content .multiTips-detail-list .item:not([data-status="0"])[data-winlose="赢"] .result-item.active:not(.active-result){background: linear-gradient(128.61deg, #d4d4d4 0%, #9e9e9e 100%), #e45e58;color: #333;}

.detail-content .multiTips-detail-list .item:not([data-status="0"])[data-winlose="黑"] .result-item.active::before,
.detail-content .multiTips-detail-list .item:not([data-status="0"])[data-winlose="走"] .result-item.active:not(.active-result)::before,
.detail-content .multiTips-detail-list .item:not([data-status="0"])[data-winlose="赢"] .result-item.active:not(.active-result)::before{background-image: url(../images/icon/tui_black.png)}

.detail-content .list .multiTips-liveDetail{position: relative;}
.detail-content .list .multiTips-liveDetail a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

/* 专家主页 => 发布按钮 */
.publish-multi{display: flex;justify-content: space-between;align-items: center;}
.publish-multi a{width: 49%;background: linear-gradient(225.09deg, rgba(255, 170, 79, 1) 0%, rgba(255, 168, 77, 1) 1%, rgba(245, 145, 73, 1) 100%);width: 49%;background: linear-gradient(225.09deg, rgba(255, 170, 79, 1) 0%, rgba(255, 168, 77, 1) 1%, rgba(245, 145, 73, 1) 100%);font-size: 16px;color: #fff;text-align: center;border-radius: 5px;line-height: 50px;position: relative;}
.publish-multi a.multi{background: linear-gradient(135.64deg, rgba(105, 162, 255, 1) 0.28%, rgba(53, 125, 232, 1) 100%);}
.rec-header{position: relative;}
.rec-header .expert-release{position: absolute;top: 10px;right: 10px;}
.detail-content .list.multiTips-detail-list{display: block;}
.detail-content .list.multiTips-detail-list .item{width: 100%;}
.detail-content .list.multiTips-detail-list .item:not(:last-child){margin-bottom: 10px;}

.detail-content .list.multiTips-detail-list .result-title[data-type="竞彩让球"]{background-color: #ff7310;}
.detail-content .list.multiTips-detail-list .item::before{top: 30px;right: 10px;left: auto;}