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;min-height: auto;}
.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;min-width:34px;line-height:18px;border-radius:2px;text-align:center;white-space:nowrap;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:#ff6a00;color: #fff;}
.app-tag.red{background-color: #F72828;color:#fff}
.app-tag.blue{background-color: #3183FC;color:#fff;}
.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: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;left: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;left: 50%;bottom: -5px;width: 100%;padding-top: 42%;background:no-repeat center bottom;background-size:contain;transform: translateX(-50%);}
.avatar[data-dot="0"]::before{display:none}
.avatar[data-vest="1"]::after{display:none}
.avatar[data-vest="2"]::after{background-image:url("../images/v2/icon-vest-1.png")}
.avatar[data-vest="3"]::after{background-image:url("../images/v2/icon-vest-2.png")}
.avatar[data-vest="4"]::after{background-image:url("../images/v2/icon-vest-3.png")}
.avatar[data-vest="5"]::after{background-image:url("../images/v2/icon-vest-4.png")}
.avatar[data-vest="6"]::after{background-image:url("../images/v2/icon-vest-6.png")}
.avatar[data-vest="邀"]::after{background-image:url("../images/v2/icon-vest-5.png")} */
.author-info-wrap {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.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::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;background-image: linear-gradient(to right, rgba(101,187,255,.2),rgba(101,187,255,0), rgba(207,152,59,0), rgba(207,152,59,.2)) !important;overflow: hidden;}
.author-info-box {padding: 0 !important;}
.author-info-box .author-info-wrap {padding: 20px;}
.author-wrap .intro{color:#999;font-size:14px;line-height:1.5;margin-top: 12px;width: 100%;}
.author-wrap .sharebar {margin-bottom: -10px;}
.author-wrap .w0share2bt {background: transparent;}
.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;display: inline-block;white-space: nowrap;}
.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{flex: 1;font-size:16px;text-align:center;padding:260px 0 50px;background:url(../images/empty.png) no-repeat center 50px;background-size: auto 320px}
.empty-box2{flex: 1;font-size:16px;text-align:center;padding:260px 0 50px !important;background:url(../images/empty.png) no-repeat center 50px;background-size: auto 320px}
.diy_chart{overflow: hidden;}
.diy_chart .c-item{position:relative;float: left;}
.diy_chart .c-item[data-chart=recent]{width: 150px;float: right;margin-top: 30px;text-align: center;}
.diy_chart .c-item[data-chart=trend]{width: calc(100% - 160px);float: left;}
.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 .echart-pie .c-chart{margin:0 auto;height:150px}
.diy_chart .echart-pie .c-chart > div {margin: 0 auto !important;}
.diy_chart .echart-line .c-chart{margin:0 auto;}
.diy_chart .c-item .legend {line-height: 20px;position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.diy_chart .c-item .legend-inner {display: inline-block;vertical-align: middle;text-align: left;}
.diy_chart .c-item .legend span {display: flex;align-items: center;}
.diy_chart .c-item .legend span::before {content: "";width: 8px;height: 8px;border-radius: 50%;margin-right: 4px;}
.diy_chart .c-item .legend .win::before {background-color: #f4243b;}
.diy_chart .c-item .legend .draw::before {background-color: #55a7ed;}
.diy_chart .c-item .legend .lose::before {background-color: #505050;}
.diy_chart .c-item .legend span::after {content: attr(data-value);margin-left: 4px;}
.diy_chart .c-tips{font-size:16px;color:#999;text-align:center;margin-top: 10px;}
.diy_chart .c-tips em {font-size: 12px;}
.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{display:flex;height:130px;position:relative;padding: 40px 0 10px 0;margin-left: 22px;box-sizing: content-box;overflow-x: auto;overflow-y: hidden;}
.diy_chart .trend::-webkit-scrollbar {background: #e4e4e4;height: 5px;width: 5px;}
.diy_chart .trend::-webkit-scrollbar-thumb {background-color: #ff7310;border-radius: 10px;}
.diy_chart .trend_label{font-weight:700;font-size:14px;line-height:20px;position:absolute;left: 0;right:0;bottom:0;top:40px;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_dian{display:flex;flex:1;justify-content: center;}
.diy_chart .trend_dian .d-point{position:relative;width:28px;color:#bbb;border-radius:3px;transition:all .3s;cursor:pointer;text-align: center;}
.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:410%;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:410%;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;}

.overlay {text-align: center;padding: 16px;overflow: auto;}
/* .overlay::after {content: "";display: inline-block;height: 100%;width: 0;vertical-align: middle;} */
.popup-message {display: inline-block;vertical-align: middle;max-width: 420px;width: 100%;background-color: #fff;border-radius: 4px;overflow: hidden;}
.popup-message .header {font-size: 22px;font-weight: bold;line-height: 34px;padding: 14px 0 5px;}
.popup-message .footer {display: flex;border-top: 1px solid #e7e7e7;}
.popup-message .footer .btn {flex: 1;height: 56px;line-height: 56px;background-color: transparent;border: 0;font-size: 16px;color: #666;}
.popup-message .footer .btn + .btn {border-left: 1px solid #e7e7e7;}
.popup-message .footer .btn.confirm {color: #FF7310;font-weight: bold;}
.popup-message .content {padding: 16px 24px 24px;}
.popup-message .text {width: 50%;height: 36px;line-height: 34px;border: 1px solid #979797;border-radius: 2px;padding: 0 10px;text-align: center;font-size: 14px;}
.popup-message .state {font-size: 22px;padding-top: 100px;background: url("../../images/icon/state_success.png") no-repeat center top / 86px;word-break: break-word;}
.popup-message .state.warning {background-image: url("../../images/icon/state_warning.png");}
.popup-message .goods .icon {display: block;width: 78px;height: 78px;background: no-repeat center center / cover;margin: 0 auto 6px;border-radius: 4px;}
.popup-message .goods p {font-size: 18px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 二维码 */
.ui-QRcode {position: relative;background-color: #fff;padding: 4px;border-radius: 4px;overflow: hidden;}
.ui-QRcode > * {width: 100% !important;height: 100% !important;}
.ui-QRcode::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 30%;height: 30%;background: #fff url(../images/logo-clean.png) no-repeat center center / 68%;border-radius: 4px;}

/* 体验卡 */
.experience-addTime-dialog em{color: #ff7310;font-style:normal}
.experience-addTime-dialog .c-footer-button{flex-direction: column;align-items: center;}
.experience-addTime-dialog .c-footer-button .aio-bt{width: 50%;}
.experience-addTime-dialog .c-footer-button .aio-bt[data-action="submit"]{background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 100%);border-radius: 30px;box-shadow: 0 5px 10px -3px #ff8f26;}
.experience-addTime-dialog .c-footer-button .aio-bt[data-action="close"]{background: transparent;color: rgba(0, 0, 0, .5);}
.experience-addTime-dialog .app-dialog.auto-size{padding-bottom: 20px;}

/* 多场方案-其他推荐方案 */
.multi-card-list .scheme-content{padding-left: 35px;}
.multi-card-list .app-tag{position: absolute;top: 10px;left: 0;min-width: auto;line-height: 18px;padding: 0 4px;}
.multi-card-list .scheme-content .desc{color: #333;}
.multi-card-list .title{font-size: 12px !important;line-height: 16px;margin-bottom: 2px !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: #333;background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);color: #777777 !important;padding: 3px 5px;border-radius: 3px;position: relative;font-weight: initial;display: flex;}
.multi-card-list .t-match-time{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 61px;white-space: nowrap;}
.multi-card-list .t-name{padding-right: 61px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 84%;display: inline-block;}
.multi-card-list .t-match{margin-right: 5px;}
.multi-card-list .card-item .match-status{font-style: normal;}
.multi-card-list .card-item .match-status[data-status]::after{content: attr(data-status);border: 1px solid #f25555;color: #f25555;border-radius: 100%;width: 40px;height: 40px;position: absolute;top: 0;left: 0;line-height: 40px;text-align: center;letter-spacing: -1px;}
.multi-card-list .card-item .match-status[data-status="红"]::after,
.multi-card-list .card-item .match-status[data-status="黑"]::after{content: '';display: none;}
.multi-card-list .card-item .match-status[data-status="红"]{background-image: url("../images/user/icon-seal1.png");}
.multi-card-list .card-item .match-status[data-status="黑"]{background-image: url("../images/user/icon-seal5.png");}
.multi-card-list .card-item .match-status[data-status=""]::after{display: none;}
/* end */

@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 10px 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 !important;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} */
	.author-content{padding-left: 6px}
	.author-content .name {font-size: 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-info-box .author-info-wrap {padding: 10px 10px 14px;}
	.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;}
	.diy_chart .c-item.echart-pie {padding-top:0;}
    .diy_chart .c-item[data-chart=recent] {width: 100%;margin-top: 0;display: flex;align-items: center;}
	.diy_chart .c-item[data-chart=recent] .c-chart{width: 100%;height: 110px;}
    .diy_chart .c-item[data-chart=recent] .echart-pie {width: 45%;}
    .recent-echart .btn-group {flex: 1;margin-top: 0 !important;justify-content: flex-start !important;}
    .recent-echart .btn-group .btn {margin-right: 10px;}
    .states .diy_chart {padding-top: 10px !important;}
	.diy_chart .c-item[data-chart=trend]{width: 100%;padding-left:0;}
    .diy_chart .c-item .legend {line-height: 15px;font-size: 11px;}
	.diy_chart .trend{height: 100px;}
    .diy_chart .trend_dian .d-point {width: 20px;}
    .diy_chart .trend_dian .d-point[data-type^=lose]:before {bottom: 5px;}
    .diy_chart .trend_dian .d-point[data-type="draw,win"]:after {transform: rotateZ(297deg);top: 44%;}
    .diy_chart .trend_dian .d-point[data-type="lose,draw"]:after {bottom: 10px;transform: rotateZ(296deg);}
    .diy_chart .trend_dian .d-point[data-type="lose,win"]:after {bottom: 11%;}
    .diy_chart .trend_dian .d-point[data-type="lose,lose"]:after {bottom: 10px;}
    .diy_chart .trend_dian .d-point:before {width: 10px;height: 10px;font-size: 10px;line-height: 14px;left: 8px;}
    .diy_chart .trend_dian .d-point:hover:before {width: 14px;height: 14px;}
	.diy_chart .trend_label{font-size:12px;left:0}
    .diy_chart .trend_label span[data-type=draw] {transform: translateY(20px);}
    .diy_chart .trend_label span[data-type=lose] {transform: translateY(40px);}
	.diy_chart .trend_dian .d-point>em{font-size:10px}
	.diy_chart .c-tips{font-size:12px;margin-top: 0;}
    .diy_chart .c-tips em {font-size: 10px;}
    .diy_chart .c-tips span[data-type] {padding: 0 5px;}
	.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;}
	.rate-column {font-size: 12px;}
	.rate-column em {font-size: 20px;}

	/* 多场 */
	.multi-card-list .scheme-content{padding-left: 30px;}
	.multi-card-list .app-tag{left: 5px;height: 16px;line-height: 15px;font-size: 11px;}
	.multi-card-list .scheme-content .desc{font-size: 14px;}
	.multi-card-list .card-item .match-status{top: auto !important;bottom: 12px !important;}
	.multi-card-list .card-item .match-status[data-status]::after{width: 36px;height: 36px;font-size: 12px;line-height: 36px;letter-spacing: -1px;}
}