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}
.ellipsis2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.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;line-height: 14px;}
.match-top .match{ display:inline-block; min-width: 60px;}
.match-top .date{ font-size:12px; min-width: 80px;display: inline-block;}
.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: 2px;text-align:center;color:#fff;background-color:#41a4de}
.match-top .type[data-type=""],
.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: left;position: relative;min-height: 40px;vertical-align: middle;align-items: center;white-space: nowrap;overflow: hidden;}
.match-team .team.home{ text-align:right;}
.match-team .team .icon{display: inline-block;width: 35px;height: 35px;background:no-repeat center center;background-size:contain;margin: 0 10px;border-radius: 10px;vertical-align: middle;object-fit: contain;}
.match-team .team .name{font-size:17px;font-weight:400;line-height:22px;/* height:64px; */padding: 5px 0;display: inline-block;vertical-align: middle;}
.match-team .center{display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:initial;padding: 2px 10px;min-width: 120px;vertical-align: middle;}
.match-team .center .follow{/* background-color: #2072da; */color: #2072da;font-size: 13px;line-height: 20px;padding:0 8px;min-width:80px;cursor:pointer;}
.match-team .center .score{font-size: 20px;font-weight: bold;padding: 0;color: rgb(0 127 197);}
.match-team .center .time{color:#999;font-size:14px}
.match-team .center .match-status {position: absolute;top: -23px;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);}
.detail-content .match-team .team{ text-align:center;}
.detail-content .match-team .team .icon{ display:block;margin: 0 auto;width: 70px;height: 70px;}
.detail-content .match-team .team .name{ padding: 10px 0;font-size: 20px;line-height: 30px;}
.detail-content .match-team .center .score{ font-size: 30px;line-height: 50px;}

.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;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;}
.card-list .scheme-content .app-tag{ margin: 0 5px 0 0;min-width: 40px;text-align: center;}

.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: #2072da;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 0px 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}
.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: 9px;object-fit:cover;background: #fff url(../images/user/app-user-avatar.png) no-repeat center center;background-size:cover;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-info_wrap{justify-content: space-between;}
.author-card.mini{ min-height: 150px;}
.author-card.mini .author-info{ align-items: flex-start;}
.author-card.mini .author-content{ padding-left: 22px;}
.author-card.mini .follow{ position:absolute;display: block;text-align: center;top: 80px;}
.author-content{flex:1;font-size:0;line-height:1.4;overflow:hidden;padding-left:20px}
.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}
.author-info .action.hide .follow-btn{display:none}
.author-info .action .follower{display:block;color:#999;font-size:12px;margin-top:2px}
.aio-layout-right .author-content .tags::before{ display:block;opacity: .7;}
.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;text-align: center;box-shadow:0 0 0 3px rgb(0 0 0 / 15%)}
.app-dialog .c-content{padding: 30px 30px 20px;color:#333;font-size: 15px;line-height: 25px;text-align:center;display: inline-block;}
.app-dialog .c-content p:not(:last-child){ padding-bottom:10px;}
.app-dialog .c-content strong{ font-size:110%;}
.app-dialog .c-content .aio-strong{color:red;font-size:120%}
.app-dialog .c-footer{ font-size:15px; text-align:center;padding-bottom: 20px;}
.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}
.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: #41a4de;color:#fff;font-size: 12px;min-width: 70px;line-height: 26px;cursor:pointer;margin:0 auto;}
.follow-btn::after{content:'+关注'}
.follow-btn[data-is-follow="1"]{background-color:#eee;color: #777;}
.follow-btn[data-is-follow="1"]::after{content:'已关注'}
.list-rate{display:block;color:#f2330e;font-size:16px;line-height:initial;margin-top:.2em}
.rate-row {color:#f2330e;font-size: 14px;display: block;padding: 4px 0;}
.rate-column{color: #2072da;font-size:12px;}
.rate-column em{display:block;font-size:22px;font-weight:700;font-family:DINPro;line-height:24px;}
.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: #2072da;-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: #2072da;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: #2072da url(../images/icon-check.png) no-repeat;background-size:contain;border-color: #2072da;}
.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;min-height: 525px;}
.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%)}

.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 .corner{line-height:40px}
.programme-details .record .corner em{color:#f2330e;font-size:22px;font-weight:700}



@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}
	.wrapper h2{font-size:16px;margin:20px 0 5px 8px;}
	.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: auto;line-height: 16px;}
	.match-team .team .icon{width: 20px;height: 20px;margin: 0 2px;}
	.match-team .team .name{font-size:14px;line-height:18px;height: 40px;padding: 2px 0;height: auto;}
	.match-team .center .follow{font-size: 10px;line-height: 15px;padding:0 4px;min-width:60px}
	.match-team .center .score{font-size: 14px;}
	.match-team .center .time{font-size:10px}
	.detail-content .match-team .team .name{ font-size: 16px;}
	.detail-content .match-team .team .icon{ width:40px; height:40px;}
	.detail-content .match-team .center .score{ font-size: 25px;line-height: 40px;}
	.card-list .card-item{border-radius: 0;padding:10px;background:#fff;box-shadow:0 0 3px rgb(0 0 0 / 13%);border:none!important;margin-bottom: 0px;}
	.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{padding: 10px 0;}
	.app-tag{height:14px;line-height:14px;font-size:10px}
	.avatar{width: 45px;height: 45px;}
	.avatar[data-vest]::after{width: 20px;height: 20px;right: -2px;}
	.author-content{padding-left:14px}
	.author-content .tags{margin-top:0}
	.author-content .tags::before{font-size:10px}
	.author-wrap{padding:12px 8px}
	.author-wrap .author-info,.author-wrap a.author-info{padding:10px}
	.author-wrap .intro{font-size:12px;margin:0;padding:5px 10px 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: auto;font-size: 10px;}
	.aio-author .follow-btn{ position:absolute; right:0;top: 20px;}
	.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:80vw;padding:220px 0 50px}
	.match-team .center .match-status[data-status="未结算"] {top:-23px;width:45px;height:45px;line-height:45px;font-size:12px}
	.match-team .center .match-status {width: 45px; height: 45px; line-height: 45px;}
	
	.programme-details .record .other{padding-top:20px}
	.programme-details .record .corner{font-size:13px}
	.programme-details .record .corner em{font-size:16px}
}