body.AI {background: #e3f1fa;font-family: sans-serif, "Helvetica Neue", "Tahoma", Helvetica, Arial;}
.AI .more2 {width: 100%;background: var(--white30);border: none;position: absolute;top: 0px;left: 0;z-index: 999;}
.AI .more2 a {color: var(--steelgray2);}
/* .AI .more2 a.selectA {color: var(--text-hightlight-1);} */
.AI .more a.on:after {border-bottom-color: #0a142a;}
.AI .more2 div a.selectA {color: var(--gray80);}
.AI .more2 div a.selectA:after {width: 30%;height: 4px;border-radius: 10px;transform: translateX(50%);}
.AI .more2 div a.selectA:before {display: none;}
.more2.nav-v-guess div {width: 25%;}
.more2.nav-v-guess div a.selectA {color: var(--text-color-1);}
.more2.nav-v-guess div a.selectA::before {display: none;}
.more2.nav-v-guess div a.selectA::after {content:"";background:linear-gradient(90deg,#3121ff,#ffc901);width:40px;height:12px;opacity:0.3;border-radius: 0;bottom:5px;left:50%;right: auto;transform:translateX(-50%);position:absolute;}
.selectA .drop {display:none;height: 12px;border-top: 6px solid var(--text-hightlight-1);border-bottom: 0 none;border-left: 5px solid transparent;border-right: 5px solid transparent; vertical-align: -3px; margin: 5px 0 0 5px;transition: all 300ms;}
/*.mainbox::after,*/.opt-pop::after,.match .infobox::after,.leaguebox::after,.teambox::after,.tablelist .list::after,.hot_userbox::after,.itembox::after {content:"";clear: both;display: block;}
.rl {border-right: 1px solid var(--border-3);}
.tl {border-top: 1px solid var(--border-3);}
.YBG {background: var(--bg-hightlight-1);}
.BBG {background: var(--bg-hightlight-9);}
.HBG {background: var(--bg-hightlight-2);}
.org {color: var(--text-hightlight-5);}
.hide {display: none;}
.bgshow{position:fixed;top:0px;bottom:0px;left:0px;right:0px;margin:auto;height:100%;width:100%;background-color:#333;z-index:99999;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.closebtn{position:absolute;right:15px;top:13px;padding:0;width:26px;height:26px;cursor:pointer;}
.closebtn:hover{background-color:#e5e5e5;border-radius:50%;}
.closebtn:before,.closebtn:after{position:absolute;content:'';width:16px;height:1px;top:13px;left:5px;background-color:#888;}
.closebtn:before{transform:rotate(45deg);}
.closebtn:after{transform:rotate(-45deg);}
#div_query #div_result.infobox {margin:25px 0 !important;}

.msg {width: calc(100% - 24px);background: var(--white50);color:var(--text-color-2);font-size:12px;text-align:left;padding:2px 0;margin: 10px 12px;border-radius: 4px;position: relative;z-index:99;overflow:hidden;}
.msg i {background: url(/content/images/aiservice/notice.png) no-repeat center;width: 20px;height: 20px;vertical-align: -5px;display: inline-block;margin: 0px 5px;}
.msg .msgtext {position: absolute;padding: 0;}
.msg .msgtext li a {color: var(--gray70);width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.msg2 { display: flex; align-items: flex-start; padding: 8px 8px 0px; background: var(--white);  }

.hit { display: flex; font-size: 12px; line-height: 14px; align-items: center; margin-right: 8px; }
.hit span { padding: 2px 4px; background-color: #fb4a4a; color: #fff; border-radius: 4px 0px 0px 4px; }
.hitRate { padding: 1px 4px; background-color: #fff6f6; color: #fb4a4a; border-radius: 0px 4px 4px 0px; border: 1px solid #fb4a4a; }
.msg2 i { background: url(/content/images/aiservice/notice.png) no-repeat center; width: 20px; height: 20px; margin-right: 6px; vertical-align: -5px; vertical-align: middle; }
.hit :last-child{margin-right: 0px;}
.hit-all{display: flex;}
.hit-box{display: flex;width: 100%;}
.hit-out { display: flex; flex-wrap: wrap; gap: 8px 0px; padding-bottom: 8px; }


.banner {height: auto;background: #48398c url(/content/images/aiservice/h5-banner.png)no-repeat left top;background-size: cover;color: var(--text-white);text-align: center;padding: 10px;margin: 0;position: relative;overflow: hidden;}
.banner .introduction {text-align: left;padding: 10% 8px 0 8px;}
.banner .introduction h2 {font-size: 20px;font-weight: bold;line-height: 30px;letter-spacing: 2px;margin: 0;}
.banner .databox {padding: 0;}
.banner .databox text {color: var(--text-white);font-size: 11px;line-height: 18px;font-weight: normal;display: block;}
.banner .databox span {background: rgba(255,255,255,0.1);color: #fb4a4a;font-size: 18px;line-height: 30px;font-weight: bold;text-align: center;width: calc(25% - 5px);padding: 10px 0;margin: 0;border-radius: 10px;display: inline-block;position: relative;overflow: hidden;}
.banner .databox span:nth-child(2)::after {background: rgba(103, 255, 171, 0.3);animation-delay: 0.4s;}
.banner .databox span:nth-child(3)::after {background: rgba(255, 252, 103, 0.3);animation-delay: 1s;}
.banner .databox span:nth-child(4)::after {background: rgba(255, 103, 166, 0.3);animation-delay: 0.8s;}
.banner .databox span::after,.banner .databox span::before {content:"";background: rgb(103,228,255,0.3);width: 300px;height: 300px;border-radius: 42%;transform: translate(-50%,0);top: 90%;left: 50%;position: absolute;animation: roate 10s ease-in infinite;}
.banner .databox span::before {background: rgb(232,222,255,0.1);top: 88%;animation: roate 5s ease-in-out 0.2s infinite;}
@keyframes roate { 
    0% {transform: translate(-50%, 0) rotate(0); }
    100% {transform: translate(-50%, 0) rotate(360deg);}
}
.close {position: absolute;top: 120px;right: 0px;background: var(--black50);width: 20px;height: 20px;margin: 5px 10px;border-radius: 50%;z-index: 100;}
.close::before,.close::after {content:"";position: absolute;top: 4px;left: 10px;background: var(--gray40);width: 1px;height: 12px;transform: rotate(45deg);}
.close::after {transform: rotate(-45deg);}
.expbtn {position: absolute;bottom: 0;left: 20px;background: var(--black50);color: var(--text-color-4);font-size: 12px;padding: 3px 10px;border-radius: 6px 6px 0 0;overflow: hidden; /* animation: color 2s infinite linear; */}
.expbtn:after {content: "";position: absolute;left: -40px;top: -16px;width: 30px;height: 80px;background: linear-gradient(90deg,transparent,#666);opacity: 0.6;transform: rotate(30deg);animation: move 5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;}
@keyframes move {
    0% { left: -40px;opacity: 0.3;}
    20% { left: 100%;opacity: 0.6;}
    100% { left: 100%;opacity: 0;}
}
/* @keyframes color {  
    0% {color: var(--text-color-4);} 
    50% {color: var(--second-color);transform: scale(1.1);}
    100% {color: var(--text-color-4);}
} */
.PS {position: absolute;left: -50%;bottom: 0;width: 100%;transform: translate(50%, 0);z-index: 99;overflow: hidden;}
.PS .expbtn {display: inline-block;border-radius: 6px 0 0 6px;padding: 3px 8px;}
.PS .keeplink {background: var(--black20);color: var(--steelgray4);font-size: 12px;text-align: center;padding: 3px 8px;margin-left: 70px;display: inline-block;border-radius: 0 6px 6px 0;}
.PS .Bcolor {color: var(--blue20);}
.mainbox {margin: 0 12px;}
.subscribe {/* background: var(--bg-color-1); */background: linear-gradient(45deg,#e3e7ff,#b3ddff);border: 1px solid var(--border-3);color: var(--gray80);font-size: 12px;padding: 0;margin: 12px;border-radius: 6px;overflow: hidden;}
.subscribe .msg {background: var(--bg-color-1);width: 100%;height: 20px;margin: 0;border-radius: 0;}
.subbox {padding: 3px 8px;display: flex;align-items: center;align-content: center;justify-content: space-between;}
.subbox span {display: inline-block;text-align: left;}
.subbox span i {background: url(/content/images/aiservice/subicon.png)no-repeat center;width: 26px;height: 26px;margin-right: 10px;display: inline-block;vertical-align: middle;opacity: 0.5;}
.subbox .info {font-weight: bold;flex: 1;}
.subbox .time {color: var(--text-color-2);font-weight: normal;display: block;}
.subbtn {background: linear-gradient(90deg,#ff906c,#ff6736 85%);color: var(--text-white);line-height: 28px;font-weight: bold;text-align: center;min-width: 10%;padding: 0 10px;margin-left: 5px;border-radius: 5px;float: right;cursor: pointer;}

/* ----- 未订阅界面 -----*/
.NotSubscribed {margin:10px 12px;}
.NotSubscribed .NoSubbox {margin-bottom: 10px;border-radius: 8px;overflow: hidden;position: relative;}
.NotSubscribed .pointbox {margin: 0;padding: 0;position: absolute;bottom: 4px;left: 50%;transform: translateX(-50%);z-index: 10;}
.NotSubscribed .pointbox .point {background: var(--bg-color-3);width: 12px;height: 4px;border-radius: 5px;margin: 0 3px;display: inline-block;cursor: pointer;}
.NotSubscribed .pointbox .on {background: var(--primary-color);}
.NotSubscribed .NoSubmatch {background: var(--bg-color-1);height: 265px;padding: 0 0 15px 0;position: relative;/*overflow-x: auto;*/}
.NotSubscribed .mainbox {width: 100%;/*position: absolute;*/margin: 0;display: flex;}
.NotSubscribed .match {width: 100%;/*border-right: 1px solid var(--border-1);*/box-shadow: none;border-radius: 0;margin: 0;flex: 0 0 auto;position: relative;}
.NotSubscribed .result {bottom: 10px;}
.NotSubscribed .swiper-slide {height: auto;}
.NotSubscribed .NoSubtit {background: linear-gradient(-90deg,var(--bg-color-1),var(--bg-hightlight-9));border-bottom: 1px solid var(--border-1);color: var(--text-color-1);font-size: 14px;font-weight: bold;padding: 2px 10px 2px 4px;}
.NotSubscribed .NoSubtit img {width: 30px;height: 30px;margin-right: 5px;vertical-align: middle;}
.NotSubscribed .NoSubtit span {vertical-align: -2px;}
.NotSubscribed .NoSubtit i {color: var(--text-color-2);font-size: 12px;line-height: 24px;letter-spacing: 0;font-weight: normal;font-style: normal;padding: 3px;float: right;cursor: pointer;}
.NotSubscribed .NoSubtit i:hover {color: #FF5106;}
.NotSubscribed .NoSubrule {background: var(--bg-color-1);font-size: 12px;padding: 10px 10px 10px 26px;margin: 0;list-style-type: circle;}
.NotSubscribed .NoSubrule li {line-height: 18px;margin-bottom: 5px;}
.NotSubscribed #noLogin, .NotSubscribed #noData {border: none;width: 100%;}
/* ---------------------*/

/* ----- 榜单 -----*/
.listbox {background: #18367e;width: 100%;padding: 0;margin-bottom: 10px;border-radius: 6px;}
.listbox .title {color: #a6b1cd;font-size: 14px;font-weight: bold;line-height: 30px;border-bottom: 1px solid #122e6d;}
.listbox .billicon {width: 20px;height: 20px;margin: 0 10px;vertical-align: -4px;}
.listbox .rotation {position: relative;height: 36px;overflow: hidden;}
.listbox ul {position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 100%;}
.listbox .list_table th {background: #132d6a;color: #5f719a;font-size: 11px;font-weight: normal;line-height: 26px;text-align: center;}
.listbox .list_table td {font-size: 12px;text-align: center;padding: 3px 0;}
.listbox .rank {background:#fff4cf;color:#c98c2f;font-size:12px;font-weight:bold;border:1px solid #fde5b3;width:20px;height:20px;line-height: 20px;border-radius:3px;display:inline-block;}
.headicon {width: 24px;height: 24px;border-radius: 50%;vertical-align: -4px;}
.listbox .userN {color: #fff;text-align: left !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listbox .rate {color: #F9AF06;font-size: 14px !important;}
.listbox .morebtn {color: var(--blue20);font-size: 12px;line-height: 30px;text-align: center;text-decoration: none;display: block;cursor: pointer;}
.listbox .morebtn:hover,.propaganda .seemore:hover {color: var(--yellow3);}
/* ----- 推荐 -----*/
.propaganda {background: var(--bg-color-1);color: var(--text-color-2);text-align: center;width: 100%;margin: 0;height: 30px;line-height: 30px;border-radius: 4px;overflow: hidden;position: relative;}
.propaganda .propaganda_text {position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 100%;display: block;}
.propaganda .headicon {width: 16px;height: 16px;}
.propaganda span {font-size: 12px;line-height: 18px;padding: 0 4px;margin: 0;border-radius: 3px;display: inline-block;}
/* .propaganda .trend {color: #999;}
.propaganda .trend::before,.propaganda .trend::after {content:"";display:inline-block;width: 0;height: 0;margin: 0 4px;border-top: 4px solid #999;border-bottom: 0 none;border-left: 3px solid transparent;border-right: 3px solid transparent;vertical-align: 2px;transform: rotate(90deg);}
.propaganda .trend::after {transform: rotate(-90deg);}
.propaganda .win {background: #e86e5d;color: #fff;}
.propaganda .draw {background: #4395d5;color: #fff;}
.propaganda .loss {background: #619b63;color: #fff;} */
.propaganda .Rident {background: none;border: none;padding: 0;}
.propaganda .seemore {color: var(--text-hightlight-1);font-size: 11px;cursor: pointer;text-decoration: none;}
.propaganda .adT {position: absolute;top: 0;left: 0;background: #d2dfe7;color: var(--steelgray1);font-size: 12px;padding: 0 5px;z-index: 10;}

.match {background: var(--bg-color-1);padding: 0 0 10px 0;margin: 10px auto;border: 1px solid #f4def9;border-radius: 6px;/* border: 1px solid var(--border-3);box-shadow: 0 2px 5px #d4ecf9;*/ position: relative;}
.match .infobox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}
.match .infobox.topitem {background: #f9f9f9;font-size: 12px;text-align: left;line-height: 30px;padding: 0 10px;margin: 0;border-radius: 6px 6px 0 0;position: relative;display: block;color: #333;}
.topitem span {color: var(--red40);}
.topitem .time {color: var(--text-color-2);text-align: center;padding: 0;display: inline-block;}
.topitem .state {color: var(--text-color-1);min-width: 25px;padding: 0;margin: 0;float: right;cursor: pointer;line-height: 30px;}
.topitem .state::after {content:"";position:absolute;top:11px;right:12px;width:6px;height:6px;border-right:1px solid var(--text-color-2);border-bottom:1px solid var(--text-color-2);transform:rotate(-45deg);transition:all 0.2s linear;}
.infobox {margin: 10px 0;text-align: center;}
.leaguebox {font-size: 12px;padding: 5px;background-image: linear-gradient(90deg,var(--white-bg),#f1faff);border-bottom: 1px dashed var(--border-1);border-radius: 5px 5px 0 0;}
.leaguebox .time {float: left;color: var(--text-color-2);text-align: left;padding: 0 5px;}
.leaguebox label span {padding: 0 2px;}
.ballicon {width: 18px;height: 18px;display: inline-block;margin-right: 5px;vertical-align: -4px;}
.fore-type {float: left;color: var(--text-color-2);}
.fore-type::before {content:"";border-left: 1px solid var(--border-3);margin-right: 10px;}
/* .leaguebox a.anlbtn {float: right;color: var(--text-color-2);text-align: right;text-decoration: none;} */
.anlbtn {position: absolute;top: 46px;right: 0;background: var(--bg-color-2);color: var(--text-color-2);font-size: 12px;width: 12px;height: 20px;padding: 0 5px 0 8px;border-radius: 10px 0 0 10px;}
.result,.result_run {/*background: url(/content/images/aiservice/hiticon-w.svg)no-repeat center;background-size: 100%;*/position: absolute;right: 0;top: 34px;width: 40px;height: 40px;border-radius: 50%;z-index: 10;opacity: 1;}
/* .result_run {background: url(/content/images/aiservice/zoushui-w.svg)no-repeat center;background-size: 100%;} */
.watchbtn {float: right;color: var(--text-color-2);font-size: 12px;text-align: center;padding: 0 10px;margin: 0;border-radius: 6px;cursor: pointer;overflow: hidden;position: relative;}
.watchbtn i {position: absolute;top: 0;right: 0;background: var(--bg-hightlight-5);color: var(--text-white);font-size: 10px;font-style: normal;font-weight: normal;padding: 0 4px;}
/* .watchbtn {width: 6%;height: 38%;color: var(--text-color-2);background: var(--bg-color-2);font-size: 12px;line-height: normal;text-align: center;padding: 5px 0;margin: 0;border: 1px solid var(--border-3);border-right: none;border-radius: 6px 0 0 6px;cursor: pointer;overflow: hidden;position: absolute;right: 0;bottom: 10px;} */
/* .watchbtn i {position: absolute;bottom: -5px;left: -5px;width: 100%;background: var(--bg-hightlight-5);color: var(--text-white);font-size: 12px;font-style: normal;font-weight: normal;padding: 5px;transform: scale(0.8);} */
.pay {width: 25px;color: var(--text-hightlight-3);background: var(--bg-hightlight-8);border: 1px solid #ffcccc;text-align: left;padding: 0 10px;margin-right: 5px;}
.wed {padding: 0 5px;}
.infobox .hometeam {float: left;width: 33%;text-align: right;font-size: 13px;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; /*display: flex;align-items: center;justify-content: flex-end;*/}
.infobox .guestteam {float: right;width: 33%;text-align: left;font-size: 13px;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*display: flex;align-items: center;justify-content: flex-start;*/}
.hometeam .name,.guestteam .name {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;}
.VS {position: relative;float: left;width: 33%;text-align: center;font-size: 16px;font-weight: bold;line-height: normal;padding: 3px 0;margin: 0 5px;border-radius: 50px;display: flex;align-items: center;justify-content: space-around;}
.basket .hometeam,.basket .guestteam {width: 30%;}
.basket .VS {width: 38%;font-size: 14px;}
.teamicon {width: 20px;height: 20px;border-radius: 50%;overflow: hidden;margin: 0 4px;vertical-align: middle;}
.infobox span {display: inline-block;font-size: 12px;line-height: 26px;border-radius: 6px;padding: 0 10px;margin: 0 2px;}
.infobox .fore {width: 70%;line-height: 20px;color: #51409d; background: #fcf7ff; border: 1px solid #efebff;border-radius: 6px;padding: 4px;margin: 0 auto;position: relative;}
.fore .helpicon {background: url(/content/images/aiservice/help-dark.svg) no-repeat center;background-size: 16px;position: absolute;right: 0;top: 5px;width: 30px;height: 20px;border-left: 1px solid #efebff;cursor: pointer;}
#noLogin,#noData {background: var(--bg-color-1);color: var(--steelgray3);font-size: 16px;text-align: center;border-radius: 6px;margin: 14px;padding: 10px;}
#noLogin img,#noData img {display: block;margin: 0 auto;}
.AD {width: 100%;max-height: 68px;margin: 10px 0;border-radius: 6px;overflow: hidden;display: block;}
.screenbtn {background: var(--bg-color-1);position: relative;padding: 0 12px;line-height: 36px;margin: 12px;border-radius: 4px;cursor: pointer;}
.screenbtn::after {content:"";position: absolute;top: 14px;right: 12px;width: 6px;height: 6px;border-right: 1px solid var(--gray50);border-bottom: 1px solid var(--gray50);transform: rotate(-45deg);transition: all 0.2s linear;}
.opt-pop {position: fixed;bottom: -100px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: center;width: 100%;background: var(--bg-color-1);z-index: 99999;box-shadow: 0 -4px 20px rgb(0 0 0 / 20%);transition: all 0.2s linear;}
.opt-pop li {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;font-size: 14px;text-align: center;padding: 8px;margin: 8px;border-radius: 6px;}
.opt-pop li.on {background: var(--bg-color-2);}
.opt-pop img {display: block;margin: 0 auto;width: 30px;}
.layui-m-layershade,.layui-m-layermain {z-index: 9999;}


/* -----------分析图表与结果------------ */
.itembox {padding: 8px 8px 0 8px;font-size: 12px;border-top: 1px dashed var(--border-1);}
.itembox .infobox {margin-top: 0;}
.plotbox {width: 49%;float: left;position: relative;}
.extbox {color: var(--text-color-2);font-size: 12px;line-height: 30px;padding-left: 10px;}
.extbox span {display: block;}
.extbox span i {width: 6px;height: 6px;border-radius: 1px;margin-right: 3px;display: inline-block;}
.win {background: #FA4E4E;color: #FA4E4E;}
.draw {background: #2288FF;color: #2288FF;}
.lose {background: #0eb555;color: #0eb555;}
.canvas {background: #eaf1f7;width: 90px;height: 90px;margin: 40px 5px 10px 0;float: right;border-radius: 50%;}
.canvas canvas {margin-top: -5px;}
.oddbox {background: var(--bg-color-2);border: 1px solid var(--border-3);border-radius: 5px;margin:0 15px 0 12px;overflow: hidden;}
.oddbox span {color: var(--text-color-2);text-align: center;width: calc(50% - 40px);padding: 3px 20px;border-radius: 4px;display: inline-block;cursor: pointer;transition: all 0.2s linear;}
.oddbox .on {background: var(--bg-color-1);color: var(--text-color-1);font-weight: bold;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.resultbox {width: 50%;border-left: 1px solid var(--border-1);float: right;}
.resulttit {background: url(/content/images/aiservice/resultit-w.svg)no-repeat -1px top;width: 110px;height: 30px;line-height: 30px;color:#7D1CED;font-size: 12px;font-weight: bold;padding-left: 35px;margin: 0;}
.resultbox ul {min-height: 114px;padding: 10px 0;margin: 0;position: relative;font-size: 13px;}
.resultbox ul.lock::before {content:"";background: linear-gradient(180deg,transparent,#f6f9ff 65%);width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;}
.resultbox ul.lock::after {content:"立即订阅";background: url(/content/images/AiService/lock-icon.png)no-repeat center top;background-size: 70%;color: #51409d;font-size: 14px;padding: 45px 2px 0px 2px;transform: translate(-50%,-50%);top: 50%;left: 50%;position: absolute;z-index: 2;}
.resultbox .infobox a {margin: 0 0 0 -10px;}
.resultlis {line-height: 18px;padding: 4px 0 4px 15px;}
.resultbox .infobox .fore {width: 100%;padding-right: 15px;border-radius: 50px;}
.resultbox .bounce .ailoadicon {margin: 0;}
/* .resultbox span.bounce {margin-left: -25%;} */
.resultbox span.letter {letter-spacing: -2px;}

.vote {padding: 0;text-align: center;}
.vote .fx-ht-data {width: 30%;height:65px;margin:16px 0;display: inline-block;position: relative;}
.vote .fx-ht-data .bar {width: 60%;height: 0;margin:0 auto;border-bottom:2px solid transparent;border-radius:5px 5px 0 0;bottom: 0;left: 50%;transform: translate(-50%,0);position:absolute;transition:height 0.3s ease-in-out;}
.vote .fx-ht-data .annotation {background: #f5f5f5;color: var(--text-color-2);line-height: 16px;width: 60%;padding: 0;transform: translateX(-50%);left: 50%;bottom: -16px;position: absolute;}
.vote .fx-ht-data-w {width:100%;font-size:12px;font-weight:500;text-align: center;position:absolute;top:-20px;left:50%;transform:translateX(-50%);}


/* -----------分析动画------------ */
.bounce .ailoadicon {background: url(/content/images/aiservice/AI_Bloading.gif)no-repeat center;background-size: 100%;width: 20px;height: 20px;border-radius: 50%;vertical-align: middle;margin-right: 5px;vertical-align: -4px;display: inline-block;}
span.bounce {align-items: center;justify-content: center;white-space: nowrap;padding: 0;margin: 0;margin-left: -16%;border: none;line-height: 20px;}
span.letter {animation: bounce 0.45s cubic-bezier(0.05, 0.5, 0.2, 1) infinite alternate;transform: translate3d(0, 0, 0);
    line-height: 20px;padding: 0;margin: 0;border: none;display: inline-block;
    /* text-shadow: rgb(255 255 255 / 40%) 0 0 0.05em; */}
.letter:nth-child(1) {animation-delay: 0s;}
.letter:nth-child(2) {animation-delay: 0.0833333333s;}
.letter:nth-child(3) {animation-delay: 0.1666666667s;}
.letter:nth-child(4) {animation-delay: 0.25s;}
.letter:nth-child(5) {animation-delay: 0.3333333333s;}
.letter:nth-child(6) {animation-delay: 0.4166666667s;}
.letter:nth-child(7) {animation-delay: 0.5s;}
.letter:nth-child(8) {animation-delay: 0.6333333333s;}
.letter:nth-child(9) {animation-delay: 0.7166666667s;}
.letter:nth-child(10) {animation-delay: 0.8s;}
@keyframes bounce {
    0% {
        transform: translate3d(0, 0px, 0);
        opacity: 1;
        color: #fa01ff;
    }

    100% {
        transform: translate3d(2px, 0px, 0);
        opacity: 1;
        color: #9522ff;
    }
}

/* -----------内页------------ */
.rheaderbg {width: 100%;background-color: var(--primary-color);font-size: 18px;line-height: 45px;text-align: center;color: var(--text-white);position: relative;display: block;font-weight: 600;}
.rheaderbg .back {transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: 15px;width: 12px;height: 12px;display: inline-block;position: absolute;left: 5px;top: 15px;border-left: 2px solid var(--white);border-bottom: 2px solid var(--white);z-index: 9999;}
.content {background-color: var(--bg-color-1);padding-bottom: 10px;}
/* .spacing {height: 6px;background-color: var(--body-bg);display: block;clear: both;} */
.anlmbtn {float: right;color: var(--text-color-2);text-align: right;text-decoration: none;padding-right: 16px;position: relative;}
.go {transform: rotate(225deg);-webkit-transform: rotate(225deg);width: 7px;height: 7px;display: inline-block;position: absolute;right: 5px;top: 6px;border-left: 1px solid var(--gray50);border-bottom: 1px solid var(--gray50);}
.teambox {margin: 10px 0;text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;position: relative;}
.teambox .hometeam,.teambox .guestteam {float: left;width: 45%;padding: 0 5px;}
.teambox .guestteam {float: right;}
.teambox .teamicon {width: 30px;height: 30px;display: block;margin: 5px auto;}
.teambox .anlbtn {top: 35%;}
.teambox .go {right: 10px;}
.paybtn {background: var(--bg-hightlight-5);color: var(--text-white);width: 45%;line-height: 30px;text-align: center;border-radius: 5px;margin: 0 auto 5px auto;display: inline-block;cursor: pointer;}
.paybtn i {background: url(../content/images/aiservice/lock.svg)no-repeat center;width: 20px;height: 20px;vertical-align: middle;display: inline-block;margin: 0 5px 4px 0;}
.price {margin: 0 10px;text-decoration: line-through;}
.remark {color: var(--text-color-3);font-size: 12px;}
.fenxiBar {background: var(--bg-color-1);position: relative;height: 37px;line-height: 36px;font-size: 14px;font-weight: 600;text-align: left;padding: 0 5px 0 10px;border-bottom: 1px solid var(--border-1);margin-bottom: -1px;color: var(--text-color-1);clear: both;}
.fenxiBar:before {content: "";float: left;display: inline-block;width: 2px;height: 12px;background-color: var(--text-hightlight-1);margin-right: 5px;vertical-align: -1px;border-radius: 20px;margin-top: 12px;}
.trend {width: 100%;height: 120px;text-align: center;padding: 0;margin: 10px 0;}
.tablelist {text-align: center;}
.tablelist .list {border-bottom: 1px solid var(--border-1);}
.W18 {width: 18% !important;}
.list .ind {width: 40%;height: 20px;float: left;border-right: 1px solid var(--border-1);padding: 5px 0;}
.list .ind:last-child {border: none;}
.list .ind span {width: 33%;display: inline-block;}
.list .odd {float: left;width: 15%;border: 1px solid var(--border-3);border-radius: 3px;padding: 5px 0;margin: 0 5px;}
.list.JC .ind {width: 27%;}
.infobox a {color: var(--text-hightlight-1);margin: 0 10px;}
.rheaderbg .themeicon {float: none;position: absolute;top: 1px;right: 0;}

/* ----- 热门作者 -----*/
.hot_userbox {padding: 5px 0;margin: 0 5px;border-bottom: 1px dashed var(--border-1);}
.hot_userbox:last-child {border: none;}
.hot_userbox .headicon {float: left;margin: 5px;}
.hot_userbox .Rinfo {float: left;width: calc(100% - 45px);text-align: left;line-height: 20px;margin: 5px 0;padding-left: 5px;}
.hot_userbox .Hname {margin-bottom: 5px;}
.hot_userbox .Htitle {font-size: 14px;font-weight: bold;}
.hot_userbox .Htitle a {color: var(--text-color-1);}
.hot_userbox .payinfo {color: var(--gray50);font-size: 12px;margin-top: 5px;}
.Rident {color:var(--text-hightlight-3);background:var(--bg-hightlight-8);border:1px solid var(--border-hightlight-3);border-radius:20px;font-size:11px;line-height:18px;font-style: normal;padding:0 8px;margin: 0 10px;display:inline-block;}

/* -----------------筛选页--------------- */
#showLeaguePanel {position: fixed;top: 0;width: 100%;height: 100%;z-index: 9999;}
.rheaderbg .btn {font-size: 14px;line-height: 28px;height: 28px;font-weight: normal; overflow: hidden;position: absolute;right: 10px;top: 50%;padding: 0;margin: 0;border: solid 1px rgba(255,255,255,.2);min-width: 55px;border-radius: 4px;margin-top:-15px;}
.typemenu {background: var(--bg-color-2);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: calc(100% - 40px);border-radius: 30px;padding: 4px;position: fixed;left: 16px;bottom: 20px;z-index: 999;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 20px rgb(140 140 140 / 40%), 0px -10px 10px rgba(0, 0, 0, 0.02);}
.typemenu li {float: left;color:var(--text-color-2);-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;line-height: 32px;font-size: 16px;position: relative;}
.typemenu li.on {color: var(--text-white);font-weight: 500;border-radius: 20px;background: var(--primary-color);}
.typemenu .ctrl {flex: initial;width: 130px;font-size: 14px;margin-right: 6px;}
.typemenu .ctrl input {vertical-align: -1px;}
.opt {width: calc(100% - 16px);height: calc(100% - 400px);padding: 8px 8px 400px 8px;position: fixed;top:0;overflow-y: auto;background: var(--bg-color-1);}
.filterBox.opt .filterBtn2 {width: 22.3%;height: 26px;line-height: 26px;background: var(--bg-color-1);border-color: var(--border-2);}
.opt .filterBtn2.on {background: var(--bg-hightlight-9);color: var(--text-color-1);border: solid 1px var(--border-hightlight-1);font-weight: 500;}


/* -----------------问题页--------------- */
.rulebanner {background: #ebf9fa url(/content/images/aiservice/rulebanner.jpg)no-repeat top;background-size: 100%;height: 130px;text-align: center;}
.ruletitle {padding: 10px 0;}
.ruletitle h2 {color: #2e4ca6;font-size: 20px;font-weight: bold;line-height: 30px;letter-spacing: 10px;margin: 0 auto;}
.ruletitle .expinfo {width: 60%;background: rgba(175,205,208,0.3);color: #2c66a2;font-size: 12px;line-height: 20px;margin: 20px auto;padding: 5px;}
.rulebox {margin: 10px auto;}
.rulebox_lr_20px{ padding:0 20px;}
.rulebox li.match {padding: 10px 0;border-bottom: 1px dashed var(--border-1);box-shadow: none;}
.rulebox li.match:last-child {border: none;}
.rulebox .question {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.rulebox .number {color: var(--bg-hightlight-5);font-size: 20px;font-style: normal;font-weight: normal;margin-right: 5px;display: inline-block;float: left;}
.rulebox .answer {color: var(--text-color-2);font-size: 14px;text-align: justify;}


/* -----------------预测说明页--------------- */
.foreinfo {background: var(--bg-color-1);font-size: 14px;text-align: center;padding: 10px;margin: 12px;border-radius: 6px;}
.foreinfo .h2 {background-image: linear-gradient(90deg,var(--blue10),transparent);font-size: 16px;font-weight: bold;text-align: left;line-height: 30px;margin: 10px 5px;padding-left: 15px;position: relative;}
.foreinfo .h2::before {content:"";position: absolute;top: 8px;left: 0;width: 4px;height: 15px;background: var(--primary-color);border-radius: 5px;}
.foreinfo p {text-align: justify;font-size: 14px;line-height: 22px;padding: 0;margin: 5px;}
.foreinfo span {line-height: 20px;margin: 0 0 10px 0;display: block;}
.foreinfo .expimg {width: 100%;margin: 5px auto;}


/* -----------------暗黑模式--------------- */
/* .theme--dark.AI {background: #0d1f56;} */
.theme--dark .mainbox .match,.theme--dark .screenbtn {/* background: #0d1f56; background-image: linear-gradient(-90deg,#0d1f56,#0b2769);border: 1px solid #0e3898;*/box-shadow: none;}
/* .theme--dark .mainbox .match::before {content:"";position: absolute;width: 10%;height: 20px;top: -6px;left: -6px;border-left: 2px solid #0e3898;border-top: 2px solid #0048ec;border-radius: 10px 0 0 0;}
.theme--dark .mainbox .match::after {content:"";position: absolute;width: 10%;height: 20px;right: -6px;bottom: -6px;border-right: 2px solid #0e3898;border-bottom: 2px solid #0048ec;border-radius: 0 0 10px 0;} */
.theme--dark .mainbox .leaguebox,.theme--dark .mainbox .anlbtn,.theme--dark .oddbox span,.theme--dark .canvas,.theme--dark .infobox .VS {background: rgba(4,19,62,0.5);/*border-color: #0e3898;*/}
.theme--dark .oddbox span.on {background: #0e3898;}
.theme--dark .infobox .fore {background: var(--black20);border: none;color: #0a8fea;}
.theme--dark .infobox span {background: var(--black20);border: none;}
.theme--dark .helpicon,.theme--dark .fore-type::before {border-color: #0e3898;opacity: 0.6;}
/*.theme--dark .itembox,*/.theme--dark .resultbox ul {border-color: #0e3898;}

/* .theme--dark .leaguebox .time {color: #0a8fea;} */
.theme--dark .mainbox .anlbtn {color: #0a8fea;border: 1px solid #0e3898;border-right: none;}
.theme--dark .bounce .ailoadicon {background: url(/content/images/aiservice/AI_Bloading-dk.gif)no-repeat center;background-size: 100%;}
/* .theme--dark .result {opacity: 0.4;} */
.theme--dark .resulttit {background: url(/content/images/aiservice/resultit.svg)no-repeat left top;color: var(--blue10);}
.theme--dark .result {background: url(/content/images/aiservice/hiticon.svg)no-repeat center;background-size: 100%;}
.theme--dark .result_run {background: url(/content/images/aiservice/zoushui.svg)no-repeat center;background-size: 100%;}
.theme--dark span.bounce,.theme--dark span.letter {background: none;}
.theme--dark span.letter {animation-name: bounce-dark;}
@keyframes bounce-dark {  
    0% {transform: translate3d(0, 0px, 0);opacity: 0.5;color: #0a8fea;} 
    100% {transform: translate3d(2px, 0px, 0);opacity: 1;color: #00b8ff;}
}
.theme--dark .pay {background: var(--black20);border-color: #562c2c;}
.theme--dark #noLogin, .theme--dark #noData/*,.theme--dark .propaganda*/ {background: var(--black20);}
.theme--dark .propaganda .adT {background:#0d1c3e;color:#2853b3;}
.theme--dark .foreinfo .h2 {background-image: linear-gradient(90deg,#13222f,transparent);}
.theme--dark .opt-pop img {opacity: 0.6;}



/* 20230919 new add begin*/
.jb_titlebg{font-weight:normal;background:#fff;line-height:22px;padding-left:10px;color:#395e92;font-size:16px; font-weight:normal; border-bottom:1px solid #EEEEEE; padding:6px 0 6px 7px;text-align: left;}
.jb_tyi{background:url(/content/images/aiservice/titleicons.png) no-repeat left 2px;width:18px;height:18px;display:inline-block;float:left;background-size:16px;margin:2px 5px 0 0;}
 /*dark style*/
 @media (prefers-color-scheme:dark)
{
	.jb_titlebg{background:#191919;color:#E1E1E1; border-bottom:1px solid #222;}
}/* 20230919 new add end*/





.state{display: flex; font-size: 12px; color: #888; padding: 0 20px;}