ul{list-style:none}
button{cursor:pointer}
button span{vertical-align:middle}
input,textarea{vertical-align:middle}
*{word-break:break-all}
[class*=ellipsis]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ellipsis {white-space: nowrap;}
.ellipsis2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.head-title {line-height: 1.4;font-size: 24px;font-weight: 400;margin: 24px 0 7px;}
.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-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}

.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="未结算"]{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:18px;text-align:center;white-space:nowrap;border:solid 1px transparent;padding:0 3px;margin:2px 5px 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 i{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;border-radius:3px}
.tag {display: inline-block;vertical-align: middle;line-height: 18px;border-radius: 18px;padding: 0 6px;color: #a96e29;background-color:#fff2e2;margin-right: 4px;font-size: 12px;}
.tag.red {background-color: #fff6f7;color: #fa695b;}
.tag.blue {background-color: #f3f8fe;color: #8abdf9;}
.tag.rank {background-color: #f0f3f8;color: #a7b0ca;}
.tag.rank[data-groupid="5"] {background-color: #fefae6;color: #fcb32f;}
.tag.rank[data-groupid="6"] {background-color: #e6f3fa;color: #6c9fba;}
.tag.rank[data-groupid="9"],
.tag.rank[data-groupid="10"] {background-color: #faf8ff;color: #ab98d4;}
.tag.rank[data-groupid="11"],
.tag.rank[data-groupid="12"] {background-color: #ebfffb;color: #4fb7a4;}
.tag.rank[data-star="0"]:after {display: none !important;}
.tag.rank[data-star]:after {content: attr(data-star);display: inline-block;padding-right: 12px;background: url(../images/star.png) no-repeat right center;background-size: 12px auto;}
.tag.rank[data-groupid="9"]::after,
.tag.rank[data-groupid="10"]::after,
.tag.rank[data-groupid="11"]::after,
.tag.rank[data-groupid="12"]::after {display: none;}

.avatar{display:block;margin:0 auto;width:50px;height:50px;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:24px;height:24px;background:no-repeat center bottom;background-size:contain}
.avatar[data-dot="0"]::before{display:none}
.avatar[data-vest="4"]::after{background-image:url(../images/ic_yin.png)}
.avatar[data-vest="5"]::after{background-image:url(../images/ic_jing.png)}
.avatar[data-vest="6"]::after{background-image:url(../images/ic_zuan.png)}
.avatar[data-vest="9"]::after,
.avatar[data-vest="10"]::after{background-image:url(../images/ic_zhuan.png)}
.avatar[data-vest="11"]::after,
.avatar[data-vest="12"]::after{background-image:url(../images/ic_teyao.png)}
.avatar[data-vest="13"]::after{background-image:url(../images/ic_wang.png)}
.avatar[data-vest="14"]::after{background-image:url(../images/ic_zun.png)}
.author-info,a.author-info{display:flex;align-items:center;}
.author-content{flex:1;font-size:12px;line-height:1.4;overflow:hidden;padding-left: 15px;}
.author-content .namebox {font-size: 0;}
.author-content .name{color: #704410;font-size: 15px;font-weight:bold;max-width:200px;display: inline-block;vertical-align: middle;}
.author-content .tags{display: inline-block;margin-left: 4px;}
.author-content .tags::before {content: '擅长';margin-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;}
.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:14px}
.app-dialog-window{position:absolute;display:none}
.app-dialog-window.active{display:block}
.app-dialog-window:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 50%);z-index:1000;-webkit-backdrop-filter:saturate(100%) blur(10px);backdrop-filter:saturate(100%) blur(10px)}
.app-dialog{min-height:200px;background-color:#fff;border-radius:8px;position:fixed;bottom:50%;left:50%;max-width:550px;width:94%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:2001;/* overflow:hidden; */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{display:flex}
.diy_chart .c-item{padding:0 20px 30px;position:relative}
.diy_chart .c-item[data-chart=recent]{width:40%;padding-top:20px}
.diy_chart .c-item[data-chart=trend]{padding-top:40px;flex:1}
.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:#28bf7c}
.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:#000;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:#28bf7c;background:linear-gradient(to bottom,rgb(255 255 255 / 50%),hsl(153deg 65% 45% / 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 65% 45% / 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 65% 45% / 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:#28bf7c;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 65% 45% / 50%),hsl(153deg 65% 45% / 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);}


/* .sign-from {position: relative;padding: 20px;width: 90%;max-width: 350px;background-color: #fff;border-radius: 2px;font-size: 14px;}
.sign-from .title {font-size: 18px;font-weight: 500;margin-bottom: 24px;}
.sign-from .close-btn {width: 18px;height: 18px;background: url(../images/icon-close.png) no-repeat center center;background-size: 90%;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.sign-from .input-box {margin-bottom: 10px;border-bottom: 1px solid #e0dddd;position: relative;}
.sign-from .input-box input {width: 100%;padding: 10px 0;font-size: 14px;border: none;}
.sign-from .send-code-btn {position: absolute;right: 0;top: 0;height: 100%;background: transparent;border: none;color: #ff6a00;padding:  10px;}
.sign-from .btn {display: block;width: 100%;height: 40px;background-color: #ff6a00;border-radius: 2px;border-radius: 2px;outline: none;cursor: pointer;border: none;color: #fff;font-size: 16px;margin-top: 15px;}
.sign-from .prompt-box {margin-top: 10px;}
.sign-from .prompt-box span {color: #ff6a00;cursor: pointer;}
.sign-from .agreement-box {color: #767676;margin-top: 20px;}
.sign-from .agreement-box a{padding: 0;color: #ff6a00;} */

@media (max-width:960px){
	.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}
	.diy_chart .c-item[data-chart=recent]{width:auto;padding-bottom:50px;padding-top:0}
	.diy_chart .c-item[data-chart=recent] .c-chart{height:220px}
	.diy_chart .c-item[data-chart=trend]{padding-left:0}
	.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;}
}