:root {
    --color-1: #e44d5c;
    --theme-color: #ff7410;
}
ul{list-style:none}
button{cursor:pointer}
button span{vertical-align:middle}
input,textarea{vertical-align:middle}
img {vertical-align: middle;}
*{word-break:break-all;}
.head-title {line-height: 1.4;font-size: 24px;font-weight: 400;margin: 24px 0 7px;}
.clearfix {zoom: 1;}
.clearfix::after {content: "\20";display: block;height: 0;clear: both;}
.wrapper h2{font-size:21px;font-weight:400;line-height:1.5;text-align:left;margin:10px 0;}
.wrapper h2 em{font-size:15px;padding-left:10px;opacity:.7}
.wrapper .card{margin-bottom:15px;position:relative}
.wrapper h2.icon-draft{padding-left:30px;background:url(../images/user/icon-book.png) no-repeat 0 center;background-size:20px auto}
.wrapper h2.icon-trophy{padding-left:30px;background:url(../images/icon-trophy.png) no-repeat 0 center;background-size:22px auto}
.match-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;line-height:1.5}
.match-top p{color:#777;font-size:14px}
.match-top .type{display:inline-block;color:#fff;font-size:14px;height:24px;min-width:50px;line-height:24px;border-radius:4px;text-align:center;color:#fff;background-color:#41a4de}
.match-top .type[data-type=false]{display:none}
.match-top .type[data-type="足彩"]{background-color:#ff6a00}
.match-top .type[data-type="北单"]{background-color:#209504}
.match-top .type[data-type="竞篮"]{background-color:#41a4de}
.match-team{display:flex;align-items:center;position:relative}
.match-team .team{flex:1;text-align:center}
.match-team .team .icon{display:block;width:70px;height:70px;background:no-repeat center center;background-size:contain;margin:0 auto}
.match-team .team .name{font-size:17px;font-weight:400;line-height:22px;height:64px;padding:10px 0}
.match-team .center{display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:initial;padding:20px 2px 20px}
.match-team .center .follow{background-color:#ff6a00;color:#fff;font-size:14px;height:26px;line-height:26px;padding:0 8px;border-radius:3px;min-width:80px;cursor:pointer}
.match-team .center .score{font-size:34px;font-weight:700;padding:5px 0}
.match-team .center .time{color:#999;font-size:14px}
.match-team .center .match-status {position: absolute;top: -35px;left: 50%;transform: translateX(-50%); width: 60px; height: 60px; line-height: 60px; color: #fff; font-style: normal;}
.match-team .center .match-status[data-status="未完场"] {display: block; background-color: #41a4de;font-size: 14px;}
.match-team .center .match-status[data-status="未完场"]::before {content: attr(data-status);}
.card-wrap .more-btn{display:none;text-align:center;color:#8a919f;font-size:14px;cursor:pointer}
.card-list{text-align:center}
.card-list .match-info{padding-bottom:10px}

.card-list .card-item{padding:15px 0;position:relative;text-align:left}
.card-list .card-item .aio-item{display:block}
.card-list .card-item:not(:last-child){border-bottom:solid 1px #ddd}
.card-list .card-item>a{display:block;color:rgb(109 84 38 / 70%);padding: 0;}
.card-list .card-item .match-status {position:absolute;bottom:15px;right:5px;width:40px;height:40px;}

.card-list .card-item .seal{position:absolute;bottom:15px;right:5px;width:40px;height:40px;background:no-repeat center center;background-size:cover}
.card-list .card-item .seal[data-lose-win="赢"],
.match-result-label[data-result="赢"]:before{background-image:url(../images/user/icon-seal1.png);font-size:0;background-color:transparent;width:45px;height:45px}
.card-list .card-item .seal[data-lose-win="走"],
.match-result-label[data-result="走"]:before{background-image:url(../images/user/icon-seal2.png);font-size:0;background-color:transparent}
.card-list .card-item .seal[data-lose-win="输"],
.match-result-label[data-result="输"]:before{background-image:url(../images/user/icon-seal3.png);font-size:0;background-color:transparent}
.card-list .card-item .seal[data-lose-win="取消"],
.match-result-label[data-result="取消"]:before{background-image:url(../images/user/icon-seal4.png);font-size:0;background-color:transparent}
.card-list .card-item .seal[data-lose-win="黑"],
.match-result-label[data-result="黑"]:before{background-image:url(../images/user/icon-seal5.png);font-size:0;background-color:transparent}

.match-status{display: block;width: 50px;height: 50px;background: no-repeat center center;background-size: contain;border-radius: 50%;}
.match-status[data-status="赢"] {background-image: url(../images/user/icon-seal1.png);}
.match-status[data-status="输"] {background-image: url(../images/user/icon-seal3.png);}
.match-status[data-status="走"] {background-image: url(../images/user/icon-seal2.png);}
.match-status[data-status="取消"] {background-image: url(../images/user/icon-seal4.png);}
.match-status[data-status="黑"] {background-image: url(../images/user/icon-seal5.png);}
.match-status[data-status="未结算"]{display: none;}

.card-list .card-item[data-status="赢"] .list-bottom {background: linear-gradient(to bottom,#fff1c2,#ffd496 80%);}
.card-list .card-item[data-status="赢"] .list-bottom * {color: #e00; text-shadow: 0 0 2px #fbecb4;}
.card-list .card-item .author-info {padding-bottom: 10px;}
.card-list .scheme-content .title {font-size: 16px;}

.list-bottom {height: 40px;line-height: 40px; background: #eee; background: linear-gradient(to right,#feefd9,#fff5e5 80%); text-align: center; margin-top: 10px;}
.list-bottom span {margin-right: 30px; padding: 0;}
.list-bottom span:last-child {margin-right: 0;}
.list-bottom .ds {color: #ff6a00; font-size: 14px;}
.list-bottom .ds em {font-size: 24px; font-weight: bold;}
.list-bottom .ds strong {font-size: 18px;}
.list-bottom .rate-row {color: rgb(109 84 38 / 70%);}
.list-bottom .rate-row em {color:#f2330e; font-size: 20px; font-weight: 700;}

.match-info p{color:#999;font-size:13px;line-height:1.5}
.match-info .team-name{align-items:center;margin:5px 0}
.match-info .team-name .app-tag{margin-top:-2px}
.match-info h3{display:inline;font-size:16px;font-weight:400;line-height:1.5;margin-left:10px}
.match-info .other{display:flex;align-items:center;line-height:20px;color:#999;font-size: 12px;}
.match-info .other span{margin-left:16px;display:inline-block;vertical-align:middle}
.match-info .other span:first-child{margin-left:0}
.match-info .other .right{flex:1;text-align:right}
.match-info .other .tag{background-color:#f4765a;color:#fff;font-size:12px;padding:0 4px;height:16px;line-height:16px;border-radius:2px;margin-left:6px;border:solid 1px transparent;vertical-align:middle}
.match-info .other .tag[data-is-match=false]{display:none}

/* .app-tag{display:inline-block;vertical-align: middle;font-size:12px;height:18px;min-width:34px;line-height:18px;border-radius:2px;text-align:center;white-space:nowrap;border:solid 1px transparent;padding:0 3px;margin:2px 5px 2px 0} */
.app-tag{display:inline-block;vertical-align: middle;font-size:12px;height:18px;min-width:34px;line-height:18px;border-radius:2px;text-align:center;white-space:nowrap;border:solid 1px transparent;padding:0 3px;margin:2px 2px 2px 0}
.app-tag[title]::after{content:attr(title)}
.app-tag[title="标准"]::after{content:"让球"}
.app-tag.orange{background-color:#fed6b9;border:1px solid rgb(232 104 13 / 70%);color:#eb721b}
.app-tag.red{background-color:#ffe4df;border:1px solid rgb(242 51 14 / 70%);color:#f2330e}
.app-tag.blue{background-color:#ddf1fd;border:1px solid rgb(65 164 222 / 70%);color:#41a4de}
.app-tag.light{padding:0 6px}
.app-tag.plain{color:#41a4de;font-size:12px;border:1px solid #41a4de;padding:0 2px}
.app-tag.dark{color:#ff6a00;background-color:#fee3cf;background: none !important;}
.app-tag i{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;border-radius:3px}
/* .avatar{display:block;margin:0 auto;width:60px;height:60px;border-radius:50%;object-fit:cover;background:#fff url(../images/user/app-user-avatar.png) no-repeat center center;background-size:cover;box-shadow:0 0 0 1px rgb(0 0 0 / 10%);border:none;position:relative}
.avatar[data-dot]::before{content:attr(data-dot);position:absolute;right:0;top:0;background-color:#f2330e;color:#fff;font-size:12px;line-height:15px;border-radius:15px;min-width:7px;padding:0 4px} */
.avatar[data-vest]::after{content:"";position:absolute;right:-10px;bottom:0;width: 30px;height: 30px;background:no-repeat center bottom;background-size:contain}
.avatar[data-dot="0"]::before{display:none}
.avatar[data-vest="1"]::after{display:none}
.avatar[data-vest="2"]::after{background-image:url(../images/icon-vest-01.png)}
.avatar[data-vest="3"]::after{background-image:url(../images/icon-vest-02.png)}
.avatar[data-vest="4"]::after{background-image:url(../images/icon-vest-03.png)}
.avatar[data-vest="5"]::after{background-image:url(../images/icon-vest-04.png)}
.avatar[data-vest="6"]::after{background-image:url(../images/icon-vest-06.png)}
.avatar[data-vest="邀"]::after{background-image:url(../images/icon-vest-05.png)}
.author-info,a.author-info{display:flex;align-items:center;}
.author-content{flex:1;font-size:0;line-height:1.4;overflow:hidden;padding-left: 15px;}
.author-content .name{font-size:16px;font-weight:500;max-width:200px}
.author-content .tags{margin-top:4px}
.author-content .tags::before{content:"擅长";padding-right:4px;font-size:12px;display: inline-block;vertical-align: middle;}
.author-info .action{text-align:center;line-height:initial;flex-shrink:0;min-width: 90px;white-space: nowrap;}
.author-info .action.hide .follow-btn{display:none}
.author-info .action .follower{display:block;color:#999;font-size:12px;margin-top:2px}
.author-wrap{padding:20px}
.author-wrap .intro{color:#999;font-size:14px;line-height:1.5;margin-top: 12px;}
.author-wrap .sharebar {margin-bottom: -10px;}
.app-dialog{min-height:200px;background-color:#fff;border-radius: 20px;overflow: hidden;position:fixed;bottom:50%;left:50%;max-width:550px;width:94%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:2001;box-shadow:0 0 0 3px rgb(0 0 0 / 15%);}
.app-dialog .c-content{padding:30px;color:#333;font-size: 16px;line-height: 35px;text-align:center;}
.app-dialog .c-content .aio-strong{color:red;font-size:130%}
.app-dialog .c-footer-button{display:flex;font-size:16px}
.app-dialog .c-footer-button .aio-bt{flex:1;text-align:center;border-radius:0;line-height:50px;display:block;padding:0 15px}
.app-dialog.auto-size{min-height:0;max-width:96%}

.divider{display:flex;align-items:center;color:#999;font-size:12px;padding:16px 10%;line-height:initial}
.divider::after,.divider::before{content:"";flex:1;height:1px;background-color:#ddd}
.divider::before{margin-right:4px}
.divider::after{margin-left:4px}
.popup-bottom{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;border-radius:10px 10px 0 0;line-height:1.5;z-index:2001;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.popup-bottom.show{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.share-sheet-title{font-size:18px;font-weight:400;text-align:center;padding:4px 0}
.share-sheet-options{display:flex;flex-wrap:wrap}
.share-sheet-options .option{width:25%;cursor:pointer;text-align:center;padding:10px 0;display:block;height:auto;margin-right:0;background:0 0}
.share-sheet-options .option .name{font-size:14px;pointer-events:none}
.share-sheet-options .option .icon{display:block;width:50px;height:50px;background-repeat:no-repeat;background-size:contain;margin:0 auto 5px;pointer-events:none}
.share-sheet-options .option.wx .icon{background-image:url(../images/share-wx.png)}
.share-sheet-options .option.pyq .icon{background-image:url(../images/share-pyq.png)}
.share-sheet-options .option.qq .icon{background-image:url(../images/share-qq.png)}
.share-sheet-options .option.qq-zone .icon{background-image:url(../images/share-qq-zone.png)}
.share-sheet-options .option.micro-blog .icon{background-image:url(../images/share-micro-blog.png)}
.share-sheet-options .option.link .icon{background-image:url(../images/share-link.png)}
.share-sheet-options .option.image .icon{background-image:url(../images/share-image.png)}
.share-sheet-options .option.more .icon{background-image:url(../images/share-more.png)}
.share-sheet-cancel{width:100%;height:56px;border:0;border-top:5px solid #f5f5f5;background-color:#fff;font-size:16px;cursor:pointer}
.bsBox{display:none;z-index:100000001;font-size:12px;background:url(http://static.bshare.cn/frame/images//background-opaque-dark.gif)!important;padding:6px!important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-sizing:content-box}
.bsClose{cursor:pointer;position:absolute;z-index:10000000;color:#666;font-weight:700;font-family:Helvetica,Arial;font-size:14px;line-height:20px}
.bsTop{color:#666;background:#f2f2f2;height:24px;line-height:24px;border-bottom:1px solid #e8e8e8}
.bsTop span{float:left}
#bsMorePanel,.bsFrameDiv{border:none;background:#fff}
.bsReturn{float:right;margin-right:36px;text-align:right;cursor:pointer;line-height:24px;color:#666;opacity:.5}
#bsReturn:hover{text-decoration:underline;opacity:1}
.empty{padding:0;display:block;position:relative}
.empty-content{padding:30px 0 20px 0}
.empty-content .icon{display:block;width:64px;height:64px;background:url(../images/icon-state-wait.png) no-repeat center center;background-size:contain;margin:0 auto}
.empty-content .title{text-align:center;font-size:24px;font-weight:400;line-height:1.5;padding:8px 0 20px}
.empty-content .text{text-align:center;border-radius:5px;padding:10px;position:relative;font-size:15px}
.empty-content .text:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden}
.empty[data-state=warning] .icon{background-image:url(../images/icon-state-warning.png)}
.empty[data-state=success] .icon{background-image:url(../images/icon-state-success.png)}
.empty[data-state=warning] .title{color:#f2330e}
.empty[data-state=warning] .text{display:block}
.empty-buttons{display:flex;justify-content:center;padding:20px 0}
.empty-buttons .btn{display:inline-block;width:110px;height:42px;line-height:42px;border-radius:6px;background-color:#ddd;font-size:15px;text-align:center;margin:0 5px;cursor:pointer}
.empty-buttons .btn.theme-bg-color{background-color:#ff6a00;color:#fff}

.status-box {text-align: center;font-size: 20px;background: url(../images/icon-state-success.png) no-repeat center 10px; background-size: 100px auto;padding-top: 120px;}
.status-box[name="wait"] {background-image: url(../images/icon-state-wait.png);}
.status-box[name="warning"] {background-image: url(../images/icon-state-warning.png);}

.footer-button{position:fixed;left:0;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;color:#fff!important;font-size:15px;background-color:#ff6a00;z-index:2000;cursor:pointer}
.search-result{padding:5px}

.search-result>li.list-item .link{padding: 15px 0;}
.search-result>li.list-item{cursor:pointer}
.search-result>li.list-item:not(:last-child){border-bottom:solid 1px #ddd}
.follow-btn{display:block;border:0;border-radius:3px;background-color:#ff6a00;color:#fff;font-size:14px;width:80px;height:30px;cursor:pointer;margin:0 auto}
.follow-btn::after{content:'+关注'}
.follow-btn[data-is-follow="1"]{background-color:#eee;color:#999}
.follow-btn[data-is-follow="1"]::after{content:'已关注'}
.list-rate{display:block;color:#f2330e;font-size: 15px;line-height:initial;margin-top:.2em;}
.rate-row {color:#f2330e;font-size: 14px;display: block;padding: 4px 0;}
.rate-column{color:#f2330e;font-size: 14px;text-align: center;}
.rate-column em{display:block;font-size: 25px;font-weight:bold;font-family:DINPro;margin-bottom: 2px;}
.layout-section{padding:20px}
.layout-section .card-title{margin-bottom:20px}
.card-title{position:relative;line-height:30px}
.layout-h3{display:inline-block;vertical-align:top;font-size:20px;padding-left:15px;position:relative}
.layout-h3::before{content:"";position:absolute;left:0;top:50%;width:5px;height:24px;border-radius:5px;background-color:#ff6a00;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.card-title a{color:#999;font-size:14px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.card-title .cash-btn{line-height:25px;font-size:14px;color:#fff;background-color:#ff6a00;width:60px;border-radius:4px}
.card-title .date{display:inline-block;vertical-align:top;color:#999;font-size:14px;margin-left:15px}
.radio-wrapper{font-size:0;text-align:left;line-height:32px}
.radio-wrap{display:inline-block;vertical-align:middle;font-size:0;line-height:20px;cursor:pointer;position:relative;overflow:hidden;margin-right: 15px;}
.radio-wrap::before{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;border:1px solid #999;border-radius:50%}
.radio-label{display:inline-block;vertical-align:middle;font-size:14px;padding-left:10px}
.radio-wrap.checked::before{background:#ff6a00 url(../images/icon-check.png) no-repeat;background-size:contain;border-color:#ff6a00}
.report-box{text-align:left}
.report-box p{font-size:14px;line-height:26px;margin-bottom:5px}
.report-box textarea{width:100%;height:150px;background-color:#fff;line-height:30px;padding:5px 10px;font-size:16px;border-radius:2px;border:solid 1px #d1d1d1;margin-top:10px;-webkit-appearance:none}
.empty-box{font-size:16px;text-align:center;padding:260px 0 50px;background:url(../images/empty.png) no-repeat center 50px;background-size: auto 320px}
.diy_chart{overflow: hidden;}
.diy_chart .c-item{padding:0 20px 30px;position:relative;float: left;}
.diy_chart .c-item[data-chart=recent]{width:40%;padding-top:20px}
.diy_chart .c-item[data-chart=trend]{padding-top:40px;width: 60%;}
.w0share2win .diy_chart .c-item[data-chart=recent]{width:40%; float:left; }
.w0share2win .diy_chart .c-item[data-chart=trend]{width: 60%; float:left;}
.diy_chart .c-chart{margin:0 auto;height:180px}
.diy_chart .c-tips{font-size:16px;color:#999;position:absolute;bottom:20px;left:0;right:0;text-align:center}
.diy_chart .c-tips span[data-type]{display:inline-block;padding:0 10px}
.diy_chart .c-tips span[data-type=win]{color:red}
.diy_chart .c-tips span[data-type=draw]{color:#55a7ed}
.diy_chart .c-tips span[data-type=lose]{color:#505050}
.diy_chart .trend_label{font-weight:700;font-size:17px;line-height:20px;position:absolute;left:-20px;right:0;bottom:0;top:0;text-align:left;overflow:hidden}
.diy_chart .trend_label span{display:block;position:relative}
.diy_chart .trend_label span:after{content:'';position:absolute;width:100%;height:0;border-bottom:dashed 2px #eee;top:8px;left:30px}
.diy_chart .trend_label span[data-type=draw]{transform:translateY(35px)}
.diy_chart .trend_label span[data-type=lose]{transform:translateY(73px)}
.diy_chart .trend{display:flex;height:130px;position:relative;padding:0 20px 0 20px;max-width:320px;margin:0 auto}
.diy_chart .trend_dian{display:flex;flex:1}
.diy_chart .trend_dian .d-point{position:relative;width:30px;color:#bbb;border-radius:3px;transition:all .3s;cursor:pointer}
.diy_chart .trend_dian .d-point>em{font-size:12px;display:block;text-align:center;transform:rotateZ(-45deg);position:absolute;left:0;right:0;top:-25px;line-height:14px;white-space:nowrap}
.diy_chart .trend_dian .d-point:before{content:'';display:block;position:absolute;left:6px;width:16px;height:16px;line-height:20px;border:solid 2px rgb(255 255 255 / 50%);border-radius:100%;z-index:9;background:#505050;font-size:12px;color:transparent;transition:inherit}
.diy_chart .trend_dian .d-point:hover{color:#55a7ed;background:linear-gradient(to bottom,rgb(255 255 255 / 50%),rgb(85 167 237 / 70%),hsl(0deg 0 100% / 50%));font-weight:700;transition:all .3s}
.diy_chart .trend_dian .d-point[data-type^=win]:hover{color:red;background:linear-gradient(to bottom,rgb(238 0 0 / 70%),#ffffff5e 80%)}
.diy_chart .trend_dian .d-point[data-type^=lose]:hover{color: #505050;;background:linear-gradient(to bottom,rgb(255 255 255 / 50%),hsl(153deg 0% 0% / 50%) 80%)}
.diy_chart .trend_dian .d-point:hover:before{transform:scale(1.7);color:#fff;width:20px;height:20px;left:3px}
.diy_chart .trend_dian .d-point:after{content:"";position:absolute;margin-top:7px;top:1px;left:15px;width:100%;height:2px;background-color:#ccc;background-color:rgb(0 0 0 / 20%);background:linear-gradient(to right,rgb(238 0 0 / 50%),rgb(238 0 0 / 50%) 80%);z-index:1;transform-origin:left}
.diy_chart .trend_dian .d-point[data-type="lose,win"]:after{transform:rotateZ(284.5deg);width:400%;top:auto;bottom:0;background:linear-gradient(to left,rgb(238 0 0 / 50%),hsl(153deg 0% 0% / 50%) 80%)}
.diy_chart .trend_dian .d-point[data-type$=","]:after{content:none}
.diy_chart .trend_dian .d-point[data-type^=win]:before{background-color:#f4243b;top:0;content:'赢'}
.diy_chart .trend_dian .d-point[data-type="win,draw"]:after{transform:rotateZ(64deg);width:210%;background:linear-gradient(to right,rgb(238 0 0 / 50%),rgb(65 164 222 / 50%) 80%)}
.diy_chart .trend_dian .d-point[data-type="win,lose"]:after{transform:rotateZ(75deg);width:400%;background:linear-gradient(to right,rgb(238 0 0 / 50%),hsl(153deg 0% 0% / 50%) 80%)}
.diy_chart .trend_dian .d-point[data-type^=draw]:before{background-color:#55a7ed;top:42%;content:'走'}
.diy_chart .trend_dian .d-point[data-type="draw,win"]:after{transform:rotateZ(298deg);width:250%;top:50%;left:13px;background:linear-gradient(to right,rgb(65 164 222 / 50%),rgb(238 0 0 / 50%) 80%)}
.diy_chart .trend_dian .d-point[data-type="draw,draw"]:after{top:50%;transform:translateY(-8px)}
.diy_chart .trend_dian .d-point[data-type="draw,lose"]:after{top:40%;transform:rotateZ(-295deg);width:230%;background:linear-gradient(to right,rgb(85 167 237 / 50%),hsl(153deg 65% 45% / 50%) 80%)}
.diy_chart .trend_dian .d-point[data-type^=lose]:before{background-color:#505050;top:auto;bottom:0;content:'黑'}
.diy_chart .trend_dian .d-point[data-type=lose]:after{left:-21px;transform:translateY(-44px) rotateZ(108deg);width:84px}
.diy_chart .trend_dian .d-point[data-type="lose,lose"]:after{top:auto;bottom:7px;background:linear-gradient(to right,hsl(153deg 0% 0% / 50%),hsl(153deg 0% 0% / 50%) 80%)}
.diy_chart .trend_dian .d-point[data-type="lose,draw"]:after{top:auto;bottom:7px;transform:rotateZ(298deg);width:230%;background:linear-gradient(to right,rgb(40 191 124 / 50%),rgb(85 167 237 / 50%) 80%)}
.toolbar {position: absolute;right: 20px;top: 15px;z-index: 100;line-height: initial;}
.toolbar a {display: inline-block;color: #fff;font-size: 14px;padding: 0 0 0 30px;line-height: 26px;background: no-repeat left 0px;background-size: 23px auto;}
.toolbar .explain {background-image: url(../images/toolbar/explain.png);}
.layout-space {margin: 15px 0;}
.swiper-slide a {padding: 0;display: block;}
.swiper-slide a img {width: 100%;}
.swiper-pagination-bullet {background-color: #fff;opacity: .7;}
.swiper-pagination-bullet-active {background: #ff6a00;opacity: 1;}

#dialogMap .map-content {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#map {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#map img[onmousedown]{display: none;}
#mapPanel {position: absolute;left: 0;right: 0;bottom: 0;max-height: 300px;z-index: 10;overflow: auto;padding-bottom: env(safe-area-inset-bottom);background-color: #fff;border-radius: 10px 10px 0 0;}
#mapPanel > div {border: 0 !important;}
#mapPanel > div > div:nth-child(2) {margin: 0 !important;padding: 10px 5px !important;background: transparent !important;}
#mapPanel > div > div:nth-child(2) p span {margin: 0 0 0 6px !important;}
#mapPanel > div > div:nth-child(2) p a {margin: 0 !important;}
#mapPanel > div > div:nth-child(2) a {color: #333 !important;}
#mapPanel ol {padding: 4px 0 !important;}
#mapPanel li {padding: 4px 0 !important;margin: 0 5px !important;border-bottom: 1px solid #e5e5e5;}
#mapPanel li > span:nth-child(1) {margin-top: 10px !important;background: url("../images/icon/location.png") no-repeat !important;background-size: 100% auto !important;}
#mapPanel li > div {padding: 4px 5px !important;}
#mapPanel li > div > div:nth-child(1) span {color: #333 !important;font-size: 14px;font-weight: bold;}
#mapPanel li > div > div:nth-child(1) * {vertical-align: middle;}
.h5-page-head {position: absolute;left: 0;top: 0;right: 0;height: 44px;background-color: #F2330E;z-index: 1;color: #fff;font-size: 16px;line-height: 30px;text-align: center;padding: 7px 0;z-index: 10;justify-content: center;}
.h5-page-head .head-btn {position: absolute;left: 4px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 30px;height: 30px;background: url("../images/icon-arrow-left.png") no-repeat center center;background-size: 80% auto;cursor: pointer;}
.table-empty-text {color: #999;font-size: 14px;text-align: center;padding: 10px 0;}

@media (max-width:960px){
	.layout-space {margin: 10px 5px !important;}
	.rate-row {font-size: 12px; padding: 2px 0;}
	.wrapper .card{background:#fff;box-shadow:0 0 3px rgb(0 0 0 / 13%);border-radius:3px;margin-bottom:5px}
	.apphide{display:none}
	.fixed-footer-content{position:fixed;left:0;right:0;bottom:0;padding:0;z-index:100}
	.head-title {font-size: 16px;}
	[class*="i-icon-"]::before {margin-right: 4px;}
	.wrapper h2{font-size:16px;margin:20px 0 5px}
	.wrapper h2 em{font-size:13px}
	.wrapper h2.icon-draft{padding-left:22px;background-size:14px auto}
	.wrapper h2.icon-trophy{padding-left:24px;background-size:15px auto}
	.records-tabs .item{font-size:17px;height:55px;line-height:55px}
	.records-tabs .item>em{font-size:12px}
	.match-top p{font-size:10px}
	.match-top .type{font-size:10px;height:18px;line-height:18px}
	.match-team .team .icon{width:44px;height:44px}
	.match-team .team .name{font-size:14px;line-height:18px;height:46px;padding:5px 0}
	.match-team .center .follow{font-size:11px;height:18px;line-height:18px;padding:0 4px;min-width:60px}
	.match-team .center .score{font-size:19px}
	.match-team .center .time{font-size:10px}
	.card-list .card-item{border-radius:3px;padding:10px;background:#fff;box-shadow:0 0 3px rgb(0 0 0 / 13%);border:none!important;margin-bottom:10px}
	.card-list .card-item .seal{top:10px;right:15px;bottom:auto}
	.card-list .card-item .match-status {top:24px;right:15px;bottom:auto}
	.card-wrap .more-btn{margin-bottom:30px}
	.app-tag{height:14px;line-height:14px;font-size:10px}
	.avatar{width:50px;height:50px}
	.avatar[data-vest]::after{width:30px;height:30px}
	.author-content{padding-left:14px}
	.author-content .tags{margin-top:0}
	.author-content .tags::before{font-size:10px}
	.aio-layout-left .aio-layout-box.author-wrap,
	.author-wrap{padding: 12px 8px;}
	.author-wrap .author-info,.author-wrap a.author-info{/* padding:10px */}
	.author-wrap .intro{font-size:12px;margin-top: 10px;}
	.search-result{padding:5px 10px;background:#fff;box-shadow:0 0 3px 0 rgb(0 0 0 / 11%);border-radius:3px}
	.follow-btn{width:50px;height:20px;font-size:11px}
	.list-rate{font-size:12px}
	.diy_chart{display:block}
	.diy_chart .c-item{padding:0 0 10px 0;float: none;}
	.diy_chart .c-item[data-chart=recent]{padding-bottom:50px;padding-top:0;width: auto;}
	.diy_chart .c-item[data-chart=recent] .c-chart{height:220px}
	.diy_chart .c-item[data-chart=trend]{padding-left:0;width: auto;}
	.diy_chart .c-tips{font-size:14px}
	.diy_chart .trend{padding:0 0 0 20px}
	.diy_chart .trend_label{font-size:15px;left:0}
	.diy_chart .trend_dian .d-point>em{font-size:10px}
	.layout-section{padding:10px 8px}
	.layout-section .card-title{margin-bottom:10px}
	.layout-h3{font-size:15px;font-weight:500;padding-left:10px}
	.layout-h3::before{width:3px;height:15px}
	.card-title{line-height:24px}
	.card-title .more-btn{font-size:12px}
	.card-title .cash-btn{width:40px;font-size:12px;line-height:20px}
	.card-title .date{font-size:12px;margin-left:10px}
	.data-info .item{padding:10px 0}
	.empty-box{background-size: auto 260px;padding:220px 0 50px;}
	.match-team .center .match-status[data-status="未结算"] {top:-30px;width:45px;height:45px;line-height:45px;font-size:12px}
	.match-team .center .match-status {width: 45px; height: 45px; line-height: 45px;}
	.toolbar {top: 12px;right: 15px;}
	.toolbar a {font-size: 0;padding: 0;width: 26px;line-height: 26px;background-position: center center;background-size: 24px auto;}
	.author-info .action{ min-width:70px;}
	.author-info .action em{font-size:19px;}
}

input,textarea{outline:0;resize: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-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;}
.aio-recommend .nav-list{height:500px}
.aio-recommend .nav-list:before{content:none}
.aio-recommend .nav-list>li{text-align:center;padding:10px;margin-bottom:4px;width:25%;line-height:0}
.aio-recommend .nav-list .aio-box{top:100px;}
.aio-recommend .nav-list li.aio-on>.title{color:#f2330e}
.aio-recommend .nav-list li.aio-on::after{content:"";width:20px;height:2px;background-color:#f2330e;display:inline-block;line-height:0}
.aio-recommend .nav-list li .title{padding-top:52px;background:no-repeat center top;background-size:45px auto;cursor:pointer;line-height:20px}
.aio-recommend .nav-list li[data-id='1'] .title{background-image:url(../images/lottery/tuijian.png)}
.aio-recommend .nav-list li[data-id='2'] .title{background-image:url(../images/lottery/mingzhong.png)}
.aio-recommend .nav-list li[data-id='3'] .title{background-image:url(../images/lottery/huibao.png)}
.aio-recommend .nav-list li[data-id='4'] .title{background-image:url(../images/lottery/hong.png)}
.aio-recommend .content-list-show{margin-top:20px;animation:content-list-show .8s forwards}
.author-item{float:left;width:33.3333%;padding:2px}
.author-item a{display:block;background-color:#f5f5f5;font-size:12px;line-height:1.5;border-radius:4px;padding:0;overflow:hidden}
.author-item a::after{content:attr(title);display:block;height:26px;color:#f2330e;font-size:12px;line-height:26px;background-color:#fee0ca}
.author-item .top{height:100px;display:flex;flex-direction:column;justify-content:center;padding:5px}
.author-item .name{padding-top:6px}
.author-item.more .icon-more{width:38px;height:38px;background:#fec399 url(../images/lottery/more.png) no-repeat;background-size:38px auto;border-radius:50%;margin:0 auto}
.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 .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}
.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{margin-bottom:15px;font-size:14px;padding-left:25px;background:url(../images/icon-football-small.png) no-repeat left center;background-size:16px auto;color:#777;word-spacing:10px;text-align:left;display:block;line-height:26px}
.programme-details .match-top[data-sportid="2"]{background-image:url(../images/icon-basketball-small.png)}
/* .programme-details .match-top:after{content:attr(data-title);} */
.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:3px;overflow:hidden;display:flex;min-height:80px;font-size:16px}
.programme-details .match-vote .title{width:50px;color:#fff;background-color:#41a4de;display:flex;align-items:center;justify-content:center;padding:0 15px;text-align:center;line-height:20px;font-size:15px}
.programme-details .match-vote .item{flex:1;border:1px solid rgb(0 0 0 / 15%);border-left:0;background-color:#fff7f2;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;font-weight:400}
.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::after{content:"推";text-align:center;background-color:#f2330e;width:90px;height:30px;line-height:30px;position:absolute;left:-25px;top:5px;color:#fff;transform:rotate(-45deg);font-size:20px}
.programme-details .match-vote .item.mark-result{background-color:#ff6a00;border-color:#ff6a00;color:#fff}
.programme-details .match-vote .item.mark-result strong{color:#fff}
.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;text-align:justify;padding:20px;background:#f7f7f7;border-radius:3px;margin-top:16px;white-space: pre-line;}
.programme-details .detail-content .article h4{font-size:24px;font-weight:400;margin-bottom:10px}
.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 .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 .corner{line-height:40px}
.programme-details .record .corner em{color:#f2330e;font-size:22px;font-weight:700}
.programme-reward{padding:16px 0 8px}
.programme-reward .button{display:block;width:120px;height:120px;line-height:120px;border:0;border-radius:50%;text-align:center;color:#fff;font-size:25px;background:url(../images/icon-circular.png) no-repeat;background-size:cover;margin:0 auto;cursor:pointer}
.programme-reward p{font-size:15px;text-align:center}

.match-list-content .card-list .card-item{padding:10px}
.list-nav{display:flex;margin-bottom:10px;font-size:15px}
.list-nav .nav-item{padding:0 15px;position:relative}
.list-nav .nav-item a{padding:0;color:#999}
.list-nav .nav-item.active a{color:#ff6a00;font-size:16px;font-weight:700;position:relative}
.list-nav .nav-item.active a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#ff6a00;box-shadow:0 2px 3px 0 rgba(218,93,4,.34);border-radius:3px}
.list-nav .nav-item::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background-color:#ccc}
.list-nav .nav-item:last-child::after{display:none}
.ranking-list{padding-bottom:25px}
.ranking-item{border-bottom:1px solid #e0dddd;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:25px;height:35px;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/ranking-1.png)}
.ranking-item .number[data-number="2"]::after{content:"";background-image:url(../images/ranking-2.png)}
.ranking-item .number[data-number="3"]::after{content:"";background-image:url(../images/ranking-3.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{display:flex;align-items:center;width:100%;border-bottom:1px solid #e0dddd;padding:15px 0;position:relative}
.scheme-item .free{display:none;color:#ff6a00;font-size:18px}
.scheme-item .match-status {position: absolute;top:50%;right:100px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.scheme-item[data-ischarge="0"] .free{display:block}
.scheme-item[data-ischarge="0"] .ds,.scheme-item[data-ischarge="0"] .warning{display:none}
.scheme-item .scheme-content {padding-right:150px}
.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 .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:1.2;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 {cursor: pointer;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);} */







.case-common{background-color: #fff; padding: 15px;background-color: #fff;box-shadow: 0 0 3px rgb(0 0 0 / 15%);border-radius: 2px;position: relative;padding: 0 0;}
.aio-layout{ width:1160px;}

h3.case-title{font-size: 30px;color: var(--theme-color);padding-left: 55px;margin: 20px 0 20px;background-repeat: no-repeat;background-position: left center;height: 44px;line-height: 44px;}
h3.case-title:before{ content:none;}
.icon-football{background-image: url(../images/icon_football.png);}
.icon-basketball{background-image: url(../images/icon_basketball.png);}

.aio-recommend{position: relative;width: 100%;top: inherit;right: inherit;}
.aio-recommend .nav-list{height: 180px;}
.aio-recommend .nav-list li.aio-on::after{content: '';display: none;}
.aio-recommend .nav-list li.aio-on>.title::after{    content: '';position: absolute;left: 0;right: 0;top: 100%;width: 100%;height: 4px;background-color: #ff6a00;margin-top: 11px;}
.aio-recommend .nav-list li.aio-on>.title{color: #ff6a00;}
.aio-recommend .nav-list .aio-box{top: 45px;padding-top: 90px;background-color: transparent;z-index: 1;}
.aio-recommend .nav-list .aio-box .userlist {background: #fff;}
.zq-recommend{padding: 0 0;height: 220px;}
.zq-recommend .nav-list li>.title{padding-top: 0;}

.ai-case .nav-list li{width: auto;font-size: 16px;padding: 10px 37px;margin-bottom: 0;}
.ai-case  .aio-padd-fr{padding: 0 15px;}
.ai-case .zq-expert_top li{padding: 20px;width: 145px;}
.ai-case .nav-list li .title{background-image: none !important;position: relative;padding-top: 0;}

.ai-case .author-item.more{padding: 60px 37px;}
.author-item a{background-color: inherit;border-radius: 0;font-size: 14px;}
.author-item a::after{background-color: inherit;border: 1px solid #f2330e;padding: 0 10px;}
.author-item.more a::after{border: 0;color: #333;}
.author-item.more .top{flex-direction: inherit;align-items: center;height: auto;}
.author-item.more .icon-more-dian{background-image: inherit;background-color: var(--theme-color);width: 12px;height: 12px;}

.recommend-tabs{color: #333;font-size: 16px;padding:15px;}
.recommend-tabs-content{padding: 15px 15px 0;height: 1005px;}
.recommend-tabs .item{padding: 0 32px;margin-right: 0;}
.recommend-tabs .item.active{font-weight: inherit;font-size: 16px;}
.recommend-tabs .item.active span::before{box-shadow:initial;bottom: -14px;}

.case-container{margin-top: 14px;}
.case-container-left{width: 850px;float: left;max-height: 1050px;height: 100%;}
.case-container-right{width: 300px;float: right;height: 1050px;}

.case-list li{width: 403px;height:220px;float: left;border: 1px solid #ccc;margin-right: 14px;box-sizing: border-box;margin-bottom: 14px;}
.case-list li:nth-child(7), .case-list li:nth-child(8){margin-bottom: 0;}
.recommend-list .top{position: relative;padding-bottom: 0;padding-top: 10px;}
.case-list li:nth-child(2n){margin-right: 0 !important;}
/* .recommend-list .top .tail{position: absolute;right: 0;top: 18px;width: 58px;background-color: var(--theme-color);border-top-left-radius: 30px;border-bottom-left-radius: 30px;text-align: center;min-width: 58px;} */
.recommend-list .top .tail{position: absolute;right: 0;top: 18px;width: 55px;background-color: var(--theme-color);border-top-left-radius: 30px;border-bottom-left-radius: 30px;text-align: center;min-width: 55px;}
.recommend-list .top .expert-level {position: absolute;left: 50%;bottom: -4px;transform: translateX(-50%);margin-top: 0;}
.rate-column{color: #fff;display: inline-block;padding: 4px 0;}
.rate-column em{font-size: 14px;}

.author-content .name{max-width: 140px;transform: translateY(5px);display: inline-block;margin-right: 5px}
.recent{display: inline-flex;}
.app-tag.light{padding: 0 3px;}

#scheme_nav li.item:nth-child(1){padding-left: 0;}

.expert-level{position: relative; width: 70px;height: 23px;margin-top: -10px;}
.expert-level::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center center;background-size: contain;}
/* .expert-level[data-vest="1"]::after{display:none} */
/* .expert-level[data-vest="2"]::after{background-image:url(../images/icon-vest-1.png)}
.expert-level[data-vest="3"]::after{background-image:url(../images/icon-vest-2.png)}
.expert-level[data-vest="4"]::after{background-image:url(../images/icon-vest-3.png)}
.expert-level[data-vest="5"]::after{background-image:url(../images/icon-vest-4.png)}
.expert-level[data-vest="6"]::after{background-image:url(../images/icon-vest-6.png)}
.expert-level[data-vest="邀"]::after{background-image:url(../images/icon-vest-5.png)}
.expert-level[data-vest="海外"] {height: 31px;}
.expert-level[data-vest="海外"]::after{background-image:url(../images/v2/icon-vest-7.png)}
.expert-level[data-vest="主播"]::after{background-image:url(../images/v2/icon-vest-9.png)} */

/* .expert-level[data-vest="2"]::after{background-image:url("../images/author_rank_2png")}
.expert-level[data-vest="3"]::after{background-image:url("../images/author_rank_3.png")}
.expert-level[data-vest="4"]::after{background-image:url("../images/author_rank_4.png")}
.expert-level[data-vest="5"]::after{background-image:url("../images/author_rank_5.png")}
.expert-level[data-vest="6"]::after{background-image:url("../images/author_rank_6.png")}
.expert-level[data-vest="7"]::after{background-image:url("../images/author_rank_7.png")}
.expert-level[data-vest="8"]::after{background-image:url("../images/author_rank_8.png")}
.expert-level[data-vest="9"]::after{background-image:url("../images/author_rank_9.png")}
.expert-level[data-vest="12"]::after{background-image:url("../images/author_rank_12.png")}
.expert-level[data-vest="fx"]::after{background-image:url("../images/author_rank_fx.png")}
.expert-level[data-vest="xb"]::after{background-image:url("../images/author_rank_xb.png")} */

.recommend-list .item {box-shadow: none; margin-bottom: 14px; padding: 0;}
.recommend-list .bottom{display: block;background-color: inherit;padding: 10px 0;position: relative;}
.recommend-list .bottom .desc{font-size: 16px;color: #333;white-space: normal;line-height: 20px;min-height: 50px;margin-bottom: 0;}
.recommend-list .bottom .title{background-color: #F4F4F4;max-width: 100%;font-size: 16px;color: #666;}
.recommend-list .bottom .title::before{margin-right: 10px;}
.recommend-list .bottom .time{float: right;font-size: 12px;} 

.recommend-list .bottom .ellipsis{padding: 5px 10px;}
.recommend-list .bottom .tail{padding: 30px 84px 0 10px;color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 18px;overflow: hidden;}
.recommend-list .bottom .tail .left{float: left;}
.recommend-list .bottom .tail .left span {margin-right: 5px;}
.recommend-list .bottom .tail .right {float: right;}
.recommend-list .bottom .tail .right span {margin-left: 5px;}
.recommend-list .bottom .retreat{background-color:inherit;color: inherit;font-size: inherit;padding: 0 0;margin-top: 0;line-height: inherit;}
.recommend-list .bottom .ds{line-height: 100%;position: absolute;right: 10px;bottom: 10px;display: flex;flex-direction: column;align-items: flex-end;}
.recommend-list .bottom .ds .num {color: var(--theme-color);font-size: 26px;font-weight: bold;line-height: 26px;}
.recommend-list .bottom .ds .num[data-ischarge="0"] {font-size: 20px;}
.recommend-list .bottom .ds .has-discount {display: inline-block;vertical-align: top;background-color: var(--color-1);color: #fff;font-size: 12px;line-height: 18px;padding: 0 4px;border-radius: 2px;}
.recommend-list .bottom .ds .sub-num-text {display: block;font-size: 12px;line-height: 18px;text-align: right;}
.re-ds{display: flex;align-items: center;}

.ranking-top{position: absolute;top: 50px;left: 0;right: 0;z-index: 1;font-size: 18px;font-weight: bold;text-align: center;}
/* .ranking-top.bg-hua{position: absolute;top: 0;left: 0 ;transform: translateY(60px);background: url(../images/rank_hua.png) no-repeat;background-size: cover;height: 150px;}*/
.ranking-top.bg-hua{position: absolute;top: 0;left: 0 ;transform: translateY(60px);background: url(../images/rank_hua.png) no-repeat;background-size: cover;height: 150px;padding: 0 15px 0 35px;text-align: left;}
.ranking-top.bg-hua p{padding-top: 30px;font-size: 0;}

/* .ranking-top.bg-hua.other-bg-hua p::after{} */

.aio-recommend .nav-list .aio-box .userlist{position: relative;}
.aio-recommend .nav-list li:not(:first-child) .aio-box .userlist::after{content: "近7天";position: absolute;right: 0;top: -33px;font-size: 14px;}
.aio-recommend .nav-list .aio-box .userlist::before{content: attr(data-type);position: absolute;top: -33px;left: 20px;font-size: 18px;font-weight: bold;z-index: 1;}

.content-list{border-top: 1px solid #ccc;}

.ai-case .zq-ranking>li{padding: 10px 20px;}
.zq-ranking>li ul li.author-items{padding:0 0;text-align: center;min-height: 92px;}
.zq-ranking ul a{display: flex;align-items: flex-start;font-size: 14px;padding: 0 0;}
.zq-ranking>li a .rank-tx{line-height: 1.2;}
.zq-ranking>li a .total{color: #666;}
.zq-ranking>li a .mzl{color: var(--theme-color);position: relative;}
/* .zq-ranking>li a .mzl::after{content: attr(data-title);display: block;} */
.zq-ranking>li .mzl em{font-weight: bold;font-size: 18px;}
.zq-ranking>li .mzl em.block{display: block;}
.zq-ranking>li .avatar{margin: 0 5px 0 0;display: inline-block;width: 50px;height: 50px;}
.zq-ranking>li .username {display: flex;align-items: center;}
.zq-ranking>li .block-group {margin-top: 4px;}
.zq-ranking>li .block {border-radius: 2px;border: 1px solid transparent;font-size: 12px;line-height: 16px;padding: 0 3px;margin-right: 2px;}
.zq-ranking>li .block.count {color: #41a4de;border-color: #41a4de;background-color: #ddf1fd;}
.zq-ranking>li .block.lastwin {color: #f2330e;border-color: #f2330e;background-color: #ffe4df;}
.zq-ranking>li .block-group[data-show="false"] {display: none;}
.zq-ranking>li .block.lastwin[data-show="false"] {display: none;}
.zq-ranking>li .name{font-size: 15px;line-height: 18px;max-width: 80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 4px;}
.zq-ranking>li .user-info {flex: 1;min-width: 0;text-align: left;}
.zq-ranking>li .goodat {font-size: 12px;line-height: 16px;margin-top: 4px;position: relative;}
.zq-ranking>li .goodat::before {content: "擅长: ";}
.zq-ranking>li .goodat span {display: inline-block;vertical-align: top;margin-right: 4px;color: var(--theme-color);}
.zq-ranking>li .goodat[data-len="0"] {display: none;}
.zq-ranking .aio-bar{overflow-y: hidden;}

.zq-ranking ul.userlist li.author-items {padding-left: 20px;position: relative;}
.zq-ranking ul.userlist li.author-items:nth-child(n+4)::after{content: attr(data-pm);position: absolute;left: -3px;top: 26px;font-size: 20px;font-weight: bold;color: #333;border-bottom: 2px solid var(--theme-color);padding-bottom: 5px;}
/* .zq-ranking ul.userlist li.author-items[data-pm="1"],
.zq-ranking ul.userlist li.author-items[data-pm="2"],
.zq-ranking ul.userlist li.author-items[data-pm="3"] {position: absolute;width: 95px;margin-bottom: 0;z-index: 1;} */
/* .zq-ranking ul.userlist li.author-items[data-pm="1"]{left: 50%;top: 90px;transform: translateX(-50%);}
.zq-ranking ul.userlist li.author-items[data-pm="2"]{left: 15px;top: 140px;}
.zq-ranking ul.userlist li.author-items[data-pm="3"]{right: 5px;top: 140px;}
.zq-ranking ul.userlist li.author-items[data-pm="4"]{margin-top: 290px;} */
/* .zq-ranking ul.userlist li.author-items:nth-child(1),
.zq-ranking ul.userlist li.author-items:nth-child(2),
.zq-ranking ul.userlist li.author-items:nth-child(3) {position: absolute;width: 95px;margin-bottom: 0;z-index: 1;}

.zq-ranking ul.userlist li.author-items:nth-child(1){left: 50%;top: 90px;transform: translateX(-50%);}
.zq-ranking ul.userlist li.author-items:nth-child(2){left: 15px;top: 140px;}
.zq-ranking ul.userlist li.author-items:nth-child(3){right: 5px;top: 140px;}
.zq-ranking ul.userlist li.author-items:nth-child(4){margin-top: 290px;} */
/* .zq-ranking li.author-items[data-pm="1"] a, .zq-ranking li.author-items[data-pm="2"] a, .zq-ranking li.author-items[data-pm="3"] a{display: block;}
.zq-ranking li.author-items[data-pm="1"] .total, .zq-ranking li.author-items[data-pm="2"] .total, .zq-ranking li.author-items[data-pm="3"] .total{display: none;}
.zq-ranking li.author-items[data-pm="1"] .name, .zq-ranking li.author-items[data-pm="2"] .name, .zq-ranking li.author-items[data-pm="3"] .name{margin-top: 10px;margin-bottom: 5px;text-align: center;max-width: 100%;}
.zq-ranking li.author-items[data-pm="1"] .mzl, .zq-ranking li.author-items[data-pm="2"] .mzl, .zq-ranking li.author-items[data-pm="3"] .mzl{border: 1px solid #ff6a00;padding: 5px;border: 1px solid #ff6a00;border-radius: 15px;width: 100%;font-size: 13px;}
.zq-ranking li.author-items[data-pm="1"] .mzl::after, .zq-ranking li.author-items[data-pm="2"] .mzl::after, .zq-ranking li.author-items[data-pm="3"] .mzl::after{display: inline-block;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);line-height: 21px;}
.zq-ranking li.author-items[data-pm="1"] .mzl em, .zq-ranking li.author-items[data-pm="2"] .mzl em, .zq-ranking li.author-items[data-pm="3"] .mzl em{font-weight: inherit;font-size: 14px;}
.zq-ranking li.author-items[data-pm="1"] .mzl em.block, .zq-ranking li.author-items[data-pm="2"] .mzl em.block, .zq-ranking li.author-items[data-pm="3"] .mzl em.block{display: inline-block;float: right;margin-top: -2px;}

.zq-ranking li.author-items[data-pm="1"] .avatar{border: 1px solid #FCD012;position: relative;}
.zq-ranking li.author-items[data-pm="2"] .avatar{border: 1px solid #C5D3E3;position: relative;}
.zq-ranking li.author-items[data-pm="3"] .avatar{border: 1px solid #F9A771;position: relative;}

.zq-ranking li.author-items[data-pm="1"] .avatar:before{content: '';position: absolute;top: -23px;left: -23px;background: url(../images/no-1.png) no-repeat;width: 39px;height: 39px;background-size: cover;}
.zq-ranking li.author-items[data-pm="2"] .avatar:before{content: '';position: absolute;top: -23px;left: -23px;background: url(../images/no-2.png) no-repeat;width: 39px;height: 39px;background-size: cover;}
.zq-ranking li.author-items[data-pm="3"] .avatar:before{content: '';position: absolute;top: -23px;left: -23px;background: url(../images/no-3.png) no-repeat;width: 39px;height: 39px;background-size: cover;} */

/* .zq-ranking li.author-items:nth-child(1) a,
.zq-ranking li.author-items:nth-child(2) a,
.zq-ranking li.author-items:nth-child(3) a{display: block;}
.zq-ranking li.author-items:nth-child(1) .total,
.zq-ranking li.author-items:nth-child(2) .total,
.zq-ranking li.author-items:nth-child(3) .total{display: none;}
.zq-ranking li.author-items:nth-child(1) .name,
.zq-ranking li.author-items:nth-child(2) .name,
.zq-ranking li.author-items:nth-child(3) .name{margin-top: 10px;margin-bottom: 5px;text-align: center;max-width: 100%;}
.zq-ranking li.author-items:nth-child(1) .mzl,
.zq-ranking li.author-items:nth-child(2) .mzl,
.zq-ranking li.author-items:nth-child(3) .mzl{border: 1px solid var(--theme-color);padding: 5px;border: 1px solid var(--theme-color);border-radius: 15px;width: 100%;font-size: 13px;}
.zq-ranking li.author-items:nth-child(1) .mzl::after,
.zq-ranking li.author-items:nth-child(2) .mzl::after,
.zq-ranking li.author-items:nth-child(3) .mzl::after{display: inline-block;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);line-height: 21px;}
.zq-ranking li.author-items:nth-child(1) .mzl em,
.zq-ranking li.author-items:nth-child(2) .mzl em,
.zq-ranking li.author-items:nth-child(3) .mzl em{font-weight: inherit;font-size: 14px;}
.zq-ranking li.author-items:nth-child(1) .mzl em.block,
.zq-ranking li.author-items:nth-child(2) .mzl em.block,
.zq-ranking li.author-items:nth-child(3) .mzl em.block{display: inline-block;float: right;margin-top: -2px;} */

.zq-ranking li.author-items[data-pm="1"] .avatar{border: 1px solid #FCD012;position: relative;}
.zq-ranking li.author-items[data-pm="2"] .avatar{border: 1px solid #C5D3E3;position: relative;}
.zq-ranking li.author-items[data-pm="3"] .avatar{border: 1px solid #F9A771;position: relative;}

.zq-ranking li.author-items[data-pm="1"] .avatar:before{content: '';position: absolute;top: -23px;left: -23px;background: url(../images/no-1.png) no-repeat;width: 39px;height: 39px;background-size: cover;}
.zq-ranking li.author-items[data-pm="2"] .avatar:before{content: '';position: absolute;top: -23px;left: -23px;background: url(../images/no-2.png) no-repeat;width: 39px;height: 39px;background-size: cover;}
.zq-ranking li.author-items[data-pm="3"] .avatar:before{content: '';position: absolute;top: -23px;left: -23px;background: url(../images/no-3.png) no-repeat;width: 39px;height: 39px;background-size: cover;}


.more_data{font-size: 16px;text-align: center;padding-top: 9px;}
.more_data a{padding: 8px 25px;background: linear-gradient(225.09deg, rgba(255, 170, 79, 1) 0%, rgba(255, 168, 77, 1) 1%, rgba(245, 145, 73, 1) 100%);color: #fff;margin-top: 3px;border-radius: 5px;}
.more_data a:nth-child(2){margin-left: 20px;background: linear-gradient(135.64deg, rgba(105, 162, 255, 1) 0.28%, rgba(53, 125, 232, 1) 100%);}
.ai-case-football .more_data{padding-top: 5px;}

.app-expert-topad a, .app-expert-topad.aio-data-ads .aio-layout-box{height: 280px;background-size: cover;background-position: center;}