@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('Inter-Regular-new.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('Inter-Medium-new.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('Inter-SemiBold-new.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('Inter-Bold-new.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('Inter-Black-new.woff2') format('woff2'),url('Inter-Black-new.woff2') format('woff');
  font-display: swap;
}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.clearfix{margin-right:auto;margin-left:auto}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:400}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#0D1421;background-color:#F7F9FD;position:relative;}
body,html{position:relative;width: 100%;}
html{height:100%;scrollbar-gutter: stable;}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{appearance:none;-webkit-appearance:none;}
input[type=password]::-ms-reveal{display:none;}
a{text-decoration:none;color: #808080;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input::-webkit-input-placeholder { color: #bdbdbd; }
input:-moz-placeholder { color: #bdbdbd; }
input::-moz-placeholder { color: #bdbdbd; }
input:-ms-input-placeholder { color: #bdbdbd; }
input::placeholder {color: #bdbdbd;}

/* ========== 公共样式 s ========== */
/* ---------- 公共样式-页面结构 ---------- */
.container {width: 1124px;margin: 0 auto;min-height: calc(100vh - 190px);}
.pageHeader{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;}
.pageHeader .headerBox{width: 100%;height: 66px;background: #FFFFFF;}
.pageHeader .headerBox .container{height: 100%;min-height: 100%;display: flex;align-items: center;justify-content: space-between;}
.pageHeader .headerLogo{width: 223px;height: 40px;background: url(../img/logo.png) no-repeat center;background-size: contain;}
.pageHeader .headerNav{height: 100%;display: flex;align-items: center;gap: 0 36px;}
.pageHeader .headerNav a{position: relative;height: 100%;padding: 0 13px;font-size: 16px;color: #353535;line-height: 66px;text-align: center;cursor: pointer;}
.pageHeader .headerNav a::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #FD4245;display: none;}
.pageHeader .headerNav .userIcon{display: block;width: 30px;height: 30px;background: url(../img/ico_mine_head2.png) no-repeat center;background-size: contain;margin-top: 18px;}
.pageHeader .headerNav a:hover,.pageHeader .headerNav a.active{color: #FD4245;font-weight: 500;}
.pageHeader .headerNav a.active::after{display: block;}
.headerBlock{width: 100%;height: 66px;}
.headerBlock.login{height: 66px;}
.emptyRes{width: 100%;margin: 30px 0;text-align: center;font-size: 14px;color: #353535;}
.pageFooter{width: 100%;height: 80px;background: #ECF2FF;}
.pageFooter .footer{max-width: 1124px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 0 8px;font-size: 13px;color: #353535;line-height: 20px;}
.pageFooter .footer a{color: #353535;}
.pageFooter .footer a:hover{opacity: .88;}
/* ---------- 公共样式-侧边 ---------- */
.commonSide.pageSide{position: relative;width: 355px;}
.commonSide.pageSide .pageSideInner{position: fixed;width: 355px;max-height: calc(100vh - 90px);overflow: hidden;overflow-y: scroll;scrollbar-width: none;overscroll-behavior: none;}
/* .commonSide.pageSide .pageSideInner{position: fixed;width: 355px;height: calc(100vh - 190px);overflow: hidden;overflow-y: scroll;scrollbar-width: none;overscroll-behavior: none;} */
.commonSide.pageSide .pageSideInner::-webkit-scrollbar{display: none;}
.commonSide.pageSide .pageSideInner.show{position: absolute;bottom: 0px;}
.commonSide.pageSide .sideBlock{width: 100%;background: #FFFFFF;border-radius: 8px;margin-bottom: 12px;}
.commonSide.pageSide .sideBlock .title{width: 100%;height: 48px;padding: 0 13px;box-sizing: border-box;font-size: 16px;color: #353535;line-height: 48px;}
/* 公共样式-侧边-最新预测 */
.commonSide.pageSide .forecastItem{width: 100%;padding: 16px 12px;box-sizing: border-box;border-top: 1px solid #F7F9FD;}
.commonSide.pageSide .forecastHeader{width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;}
.commonSide.pageSide .forecastInfo{height: 100%;display: flex;align-items: center;gap: 0 6px;padding-left: 4px;box-sizing: border-box;}
.commonSide.pageSide .forecastInfo img{width: 40px;height: 100%;border-radius: 50%;}
.commonSide.pageSide .forecastInfo .intro h4{font-weight: 600;font-size: 14px;color: #000000;line-height: 16px;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.commonSide.pageSide .forecastInfo .intro .desc{height: 16px;display: flex;align-items: center;justify-content: center;background: rgba(253,66,69,0.1);border-radius: 2px 6px 2px 6px;padding: 0 6px;box-sizing: border-box;font-size: 11px;color: #FD4245;line-height: 16px;margin-top: 5px;}
.commonSide.pageSide .forecastInfo .intro .desc i{width: 12px;height: 12px;background: url(../img/ico_football.png) no-repeat center;background-size: contain;margin-right: 2px;}
.commonSide.pageSide .forecastRate {font-weight: 400;font-size: 26px;color: #FD4245;line-height: 28px;text-align: right;}
.commonSide.pageSide .forecastContent{margin-top: 10px;display: block;}
.commonSide.pageSide .forecastSummary{font-weight: 400;font-size: 14px;color: #353535;line-height: 24px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;}
.commonSide.pageSide .forecastSummary span{color: #808080;}
.commonSide.pageSide .forecastDesc{width: 100%;height: 30px;background: #F7F9FD;border-radius: 4px;display: flex;align-items: center;justify-content: space-between;padding: 0 8px 0 6px;box-sizing: border-box;margin-top: 10px;}
.commonSide.pageSide .forecastDesc .desc{display: flex;align-items: center;gap: 0 4px;}
.commonSide.pageSide .forecastDesc .desc .tag{display: inline-block;height: 18px;justify-content: center;background: rgba(69,147,238,0.1);border-radius: 2px;border: 1px solid #4593EE;font-size: 11px;color: #4593EE;text-align: center;line-height: 16px;box-sizing: border-box;padding: 0 6px;}
.commonSide.pageSide .forecastDesc .desc .matchInfo{flex: 1;font-size: 12px;color: #808080;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 270px;}
.commonSide.pageSide .forecastDesc .toIcon{display: block;width: 3px;height: 6px;background: url(../img/home_ico_next02.png) no-repeat center;background-size: contain;margin-left: 10px;}
.commonSide.pageSide .forecastFooter{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.commonSide.pageSide .forecastFooter>.time{font-size: 11px;color: #808080;line-height: 16px;}
.commonSide.pageSide .forecastFooter .price{font-size: 11px;color: #E36200;line-height: 16px;}
/* 公共样式-侧边-最新开奖 */
.commonSide.pageSide .lotteryItem{border-top: 1px solid #F7F9FD;}
.commonSide.pageSide .lotteryItem .itemBox{display: block;width: 100%;padding: 18px 12px;box-sizing: border-box;}
.commonSide.pageSide .lotteryItem .headInfo{display: flex;align-items: flex-end;gap: 0 10px;line-height: 16px;margin-bottom: 12px;}
.commonSide.pageSide .lotteryItem .headInfo span{font-size: 13px;color: #ACACAC;}
.commonSide.pageSide .lotteryItem .headInfo h5{font-weight: 500;font-size: 14px;color: #353535;}
.commonSide.pageSide .lotteryItem .headInfo .num{color: #353535;}
.commonSide.pageSide .lotteryItem .headInfo .explainBtn{padding: 0;margin: 0;border: none;outline: none;background: none;font-size: 13px;color: #ACACAC;cursor: pointer;}
.commonSide.pageSide .lotteryItem .ballList{display: flex;flex-wrap: wrap;gap: 12px;}
.commonSide.pageSide .lotteryItem .ballList li{width: 30px;height: 30px;background: #FD4245;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 14px;color: #FFFFFF;}
.commonSide.pageSide .lotteryItem .ballList li.spec{background: #4593EE;}
.commonSide.pageSide .lotteryItem .footerInfo{display: flex;align-items: center;margin-top: 12px;font-size: 13px;color: #ACACAC;line-height: 15px;}
.commonSide.pageSide .lotteryItem .footerInfo span{color: #FD4245;margin-left: 10px;}
/* ---------- 公共样式-弹窗 ---------- */
.dialog{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:999;}
/* ---------- 玩法说明弹窗 ---------- */
.lotteryRuleDialog .dialogMain{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 1124px;height: 660px;padding: 40px 40px 18px;background: #fff;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.lotteryRuleDialog .dialogClose{position: absolute;top: 40px;right: 45px;width: 24px;height: 24px;background: url(../img/ico_close.png) no-repeat center;background-size: cover;cursor: pointer;}
.lotteryRuleDialog .dialogTitle{width: 100%;font-weight: 600;font-size: 22px;color: #353535;line-height: 24px;text-align: center;}
.lotteryRuleDialog .dialogContent{width: 100%;height: 554px;overflow: hidden;overflow-y: auto;scrollbar-width: none;margin-top: 24px;}
.lotteryRuleDialog .dialogContent::-webkit-scrollbar{display: none;}
.lotteryRuleDialog .dialogContent h5{font-weight: 600;font-size: 18px;color: #353535;line-height: 20px;margin: 15px 0;text-align: center;}
.lotteryRuleDialog .dialogContent h5:first-child{margin-top: 0;}
.lotteryRuleDialog .dialogContent p{font-weight: 400;font-size: 14px;color: #757575;line-height: 28px;text-align: justify;text-indent: 2em;}
.lotteryRuleDialog .dialogContent img{width: 100%;height: auto;}
@-webkit-keyframes dialogContentSlideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes dialogContentSlideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.lotteryRuleDialog .ruleTableWrap {width: 100%;overflow: hidden;overflow-x: auto;margin-bottom: 15px;}
.lotteryRuleDialog .ruleTableWrap .ruleTable tr{height: 60px;font-size: 14px;}
/* ---------- 下拉筛选 ---------- */
.customSelect{position: relative;}
.customSelect .current{min-width: 88px;height: 30px;padding: 0 10px;background: rgba(165,172,187,0.05);border-radius: 4px;border: 1px solid rgba(144,152,171,0.2);box-sizing: border-box;display: flex;align-items: center;justify-content: center;gap: 0 4px;font-size: 14px;color: #353535;cursor: pointer;}
.customSelect .current i{width: 10px;height: 10px;background: url(../img/ico_more.png) no-repeat center;background-size: cover;}
.customSelect.show .current i{transform: rotate(180deg);}
.customSelect .selectDrop{position: absolute;top: 30px;right: 0;width: 100%;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 4px;border: 1px solid #F7F9FD;box-sizing: border-box;z-index: 10;display: none;}
.customSelect.show .selectDrop{display: block;}
.customSelect .selectDrop .selectList{max-height: 200px;overflow: hidden;overflow-y: auto;scrollbar-width: none;}
.customSelect .selectDrop .selectList::-webkit-scrollbar{width: 0;height: 0;}
/* 下拉筛选-垂直 */
.customSelect.vertical .selectDrop .selectList{width: 100%;padding: 10px 4px;box-sizing: border-box;}
.customSelect.vertical .selectDrop .selectList li{width: 100%;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 4px;font-size: 14px;color: #ACACAC;cursor: pointer;margin-bottom: 2px;}
.customSelect.vertical .selectDrop .selectList li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.customSelect.vertical .selectDrop .selectList li:last-child{margin-bottom: 0;}
.customSelect.vertical .selectDrop .selectList li:hover{color: #353535;}
.customSelect.vertical .selectDrop .selectList li.active{background: #F7F9FD;color: #353535;}
/* 下拉筛选-水平 */
.customSelect.horizontal .selectDrop{width: 387px;background: #FFFFFF;border-radius: 8px;border: 1px solid #F7F9FD;padding: 20px;box-sizing: border-box;}
.customSelect.horizontal .selectDrop .selectList{display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.customSelect.horizontal .selectDrop .selectList li{width: 75px;height: 36px;display: flex;align-items: center;justify-content: center;background: rgba(165,172,187,0.05);border-radius: 4px;border: 1px solid rgba(144,152,171,0.2);box-sizing: border-box;font-size: 14px;color: #353535;cursor: pointer;}
.customSelect.horizontal .selectDrop .selectList li:hover{color: #FD4245;}
.customSelect.horizontal .selectDrop .selectList li.active{background: rgba(253,66,69,0.1);color: #FD4245;border-color: rgba(253,66,69,0.1);}
.customSelect.horizontal .selectDrop .selectBtn{display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;margin-top: 20px;padding-top: 20px;border-top: 1px solid #F7F9FD;}
.customSelect.horizontal .selectDrop .selectBtn button{height: 36px;display: flex;align-items: center;justify-content: center;border: none;border-radius: 4px;background: #EEF1F7;font-size: 14px;color: #000000;font-weight: 500;cursor: pointer;}
.customSelect.horizontal .selectDrop .selectBtn button:hover{color: #FD4245;}
.customSelect.horizontal .selectDrop .selectBtn button.confirmBtn{background: #FD4245;color: #FFFFFF;}
.customSelect.horizontal .selectDrop .selectBtn button.confirmBtn:hover{color: #FFFFFF;}
/* ---------- 轻提示 ---------- */
.toast{position:fixed;top:50%;left:50%;padding:10px 20px;background:rgba(1,1,1,.3);border-radius:8px;z-index:9999;display:none;transform:translate(-50%,-50%);animation:toastPopup .3s ease forwards}
.toast .mag{font-weight:400;color:#fff;font-size:16px}
@keyframes toastPopup{0%{opacity:0;transform:translate(-50%,100%)}
100%{opacity:1;transform:translate(-50%,-50%)}
}
.toastActive{display:block;animation:toastPopup .3s ease forwards,toastFadeOut .4s ease 2.6s forwards}
@keyframes toastFadeOut{0%{opacity:1}
100%{opacity:0;visibility:hidden}
}
* {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
/* 价格样式 新用户 不中包赔 */
.priceBox{display: flex;align-items: center;}
.priceBox .priceText{display: flex;align-items: center;line-height: 16px;}
.priceBox .priceText .newNum{display: flex;align-items: baseline; color: #FD4245;font-size: 14px;white-space:nowrap;}
.priceBox .priceText .newNum::after{content: '福豆';font-weight: 400;font-size: 12px;color: #353535;display: block;white-space:nowrap;}
.priceBox .priceText .time::before{content: "限时";font-weight: 400;font-size: 12px;color: #353535;display: block;white-space:nowrap;}
.priceBox .priceText .oldNum{margin-left: 5px; display: inline-block;line-height: 14px;font-weight: 400;font-size: 12px;color: #808080;text-decoration: line-through;}
.priceBox .notFullyComIcon{margin-left: 3px; display: block; font-weight: 400;font-size: 12px;color: #E36200; text-align: center;line-height: 14px; width: 50px;height: 14px;background: #FDECE8;border-radius: 2px}
.priceBox .notFullyComIcon::before{content: "不中全赔";white-space:nowrap;}
/* ---------- 登录/注册弹窗 ---------- */
.loginDialog .content{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 375px;height: 360px;background: #FFFFFF;border-radius: 8px;padding: 0 27px;box-sizing: border-box;}
.loginDialog .content .loginClose{position: absolute;top: 12px;right: 12px;width: 15px;height: 15px;background: url(../img/ico_close.png) no-repeat center;background-size: cover;cursor: pointer;}
.loginDialog .content .title{font-weight:700;font-size:22px;color:#353535;line-height:24px;text-align:center}
.loginDialog .content .contentFootBtn{display: flex;align-items: center;justify-content: space-between;margin-top: 15px;}
.loginDialog .content .contentFootBtn a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:14px;color:#656565;line-height:20px;text-align:center;cursor: pointer;}
/* 登录 */
.loginDialog .loginContent{padding-top: 57px;}
.loginDialog .loginContent .playTypeSection .playTypeList{display: flex;align-items: center;border-bottom: 1px solid #EEF1F7;}
.loginDialog .loginContent .playTypeSection .playTypeList li{flex: 1;height: 42px;font-weight: 600;font-size: 14px;color: #353535;line-height: 42px;text-align: center;cursor: pointer;position: relative;}
.loginDialog .loginContent .playTypeSection .playTypeList li.selected{color: #FD4245;}
.loginDialog .loginContent .playTypeSection .playTypeList li.selected::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #FD4245;}
.loginDialog .loginContent .loginForm{margin-top:28px}
.loginDialog .loginContent .formGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;margin-bottom:10px;gap: 0 12px;}
.loginDialog .loginContent .formGroup .inputBox{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f6f6f6;border-radius:10px;overflow:hidden}
.loginDialog .loginContent .formGroup .inputBox .inputClear{position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;right:20px;display: block;background-size: contain;background-image: url(../img/ico_nickname_delete.png);}
.loginDialog .loginContent .formGroup .inputBox .countryCode{display:block;width:60px;font-weight:400;font-size:14px;color:#333;text-align:center}
.loginDialog .loginContent .formGroup .inputBox input{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:46px;background:0 0;font-weight:400;font-size:14px;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:20px;border:none}
.loginDialog .loginContent .formGroup .inputBox .codeInput{padding-left:20px;width:100%}
.loginDialog .loginContent .formGroup .inputBox .pswInput{padding-left:20px;width:100%}
.loginDialog .loginContent .formGroup .getCodeBtn{width:112px;height:46px;background:rgba(253,66,69,.1);border-radius:8px;font-weight:400;font-size:12px;color:#fd4245;border:none;cursor: pointer;}
.loginDialog .loginContent .formGroup .disabledCode{color:#828282}
.loginDialog .loginContent .agreeGroup{height: 20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:13px;color:#656565;}
.loginDialog .loginContent .agreeGroup .checkIcon{display: block;width:13px;height:13px;margin-right:3px;background: url(../img/btn_select_01.png) no-repeat center;background-size: contain;cursor: pointer;}
.loginDialog .loginContent .agreeGroup .active{background-image: url(../img/btn_select_02.png);}
.loginDialog .loginContent .agreeGroup .link{color:#1c1c1c;cursor: pointer;}
.loginDialog .loginContent .loginBtn{display: block;border:none;width:100%;height:44px;background:radial-gradient(79.26% 79.29% at 75% 25.65%,#ff7b78 0,#fd4245 100%);border-radius:8px;font-weight:700;font-size:16px;color:#fff;margin:15px auto 0;cursor: pointer;}
.loginDialog .loginContent .disabledLogin{opacity: 0.6;}
/* 注册 */
.loginDialog .registerContent{padding-top: 57px;}
.loginDialog .registerContent .registerForm{margin-top:28px;}
.loginDialog .registerContent .formGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;margin-bottom:10px;}
.loginDialog .registerContent .formGroup .inputBox{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f6f6f6;border-radius:10px;overflow:hidden}
.loginDialog .registerContent .formGroup .inputBox .inputClear{display: block;background-size: contain;background-image: url(../img/ico_nickname_delete.png); position:absolute;top:50%;margin-top:-9px;width:18px;height:18px;right:20px}
.loginDialog .registerContent .formGroup .inputBox .countryCode{display:block;width:60px;font-weight:400;font-size:14px;color:#333;text-align:center}
.loginDialog .registerContent .formGroup .inputBox input{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background:0 0;font-weight:400;font-size:14px;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:20px;border:none}
.loginDialog .registerContent .registerPswGroup .inputBox .pswInput{padding-left:20px;width:100%}
.loginDialog .registerContent .agreeGroup{height: 20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:13px;color:#656565;}
.loginDialog .registerContent .agreeGroup .checkIcon{display: block;width:13px;height:13px;margin-right:3px;background: url(../img/btn_select_01.png) no-repeat center;background-size: contain;cursor: pointer;}
.loginDialog .registerContent .agreeGroup .active{background-image: url(../img/btn_select_02.png) !important;}
.loginDialog .registerContent .agreeGroup .link{color:#1c1c1c;cursor: pointer;}
.loginDialog .registerContent .registerBtn{display: block;border:none;width:100%;height:44px;background:radial-gradient(79.26% 79.29% at 75% 25.65%,#ff7b78 0,#fd4245 100%);border-radius:8px;font-weight:700;font-size:16px;color:#fff;margin:15px auto 0;cursor: pointer;}
.loginDialog .registerContent .disabledregister{opacity: 0.6;}
.loginDialog .registerContent .toRegisterLink{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:14px;color:#656565;line-height:20px;text-align:center;margin:15px auto 0;width:100%;cursor: pointer;}
/* 忘记密码 */
.loginDialog .forgetPasswordContent{padding-top: 48px;}
.loginDialog .forgetPasswordContent .playTypeSection .playTypeList{display: flex;align-items: center;border-bottom: 1px solid #EEF1F7;}
.loginDialog .forgetPasswordContent .playTypeSection .playTypeList li{flex: 1;height: 42px;font-weight: 600;font-size: 14px;color: #353535;line-height: 42px;text-align: center;cursor: pointer;position: relative;}
.loginDialog .forgetPasswordContent .playTypeSection .playTypeList li.selected{color: #FD4245;}
.loginDialog .forgetPasswordContent .playTypeSection .playTypeList li.selected::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #FD4245;}
.loginDialog .forgetPasswordContent .forgetPasswordForm{margin-top:20px}
.loginDialog .forgetPasswordContent .formGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;margin-bottom:10px;gap: 0 12px;}
.loginDialog .forgetPasswordContent .formGroup .inputBox{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f6f6f6;border-radius:10px;overflow:hidden}
.loginDialog .forgetPasswordContent .formGroup .inputBox .inputClear{position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;right:20px;display: block;background-size: contain;background-image: url(../img/ico_nickname_delete.png);}
.loginDialog .forgetPasswordContent .formGroup .inputBox .countryCode{display:block;width:60px;font-weight:400;font-size:14px;color:#333;text-align:center}
.loginDialog .forgetPasswordContent .formGroup .inputBox input{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:46px;background:0 0;font-weight:400;font-size:14px;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:20px;border:none}
.loginDialog .forgetPasswordContent .formGroup .inputBox .codeInput{padding-left:20px;width:100%}
.loginDialog .forgetPasswordContent .formGroup .inputBox .pswInput{padding-left:20px;width:100%}
.loginDialog .forgetPasswordContent .formGroup .getCodeBtn{width:112px;height:46px;background:rgba(253,66,69,.1);border-radius:8px;font-weight:400;font-size:12px;color:#fd4245;border:none;cursor: pointer;}
.loginDialog .forgetPasswordContent .formGroup .disabledCode{color:#828282}
.loginDialog .forgetPasswordContent .agreeGroup{height: 20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:13px;color:#656565;}
.loginDialog .forgetPasswordContent .agreeGroup .checkIcon{display: block;width:13px;height:13px;margin-right:3px;background: url(../img/btn_select_01.png) no-repeat center;background-size: contain;cursor: pointer;}
.loginDialog .forgetPasswordContent .agreeGroup .active{background-image: url(../img/btn_select_02.png);}
.loginDialog .forgetPasswordContent .agreeGroup .link{color:#1c1c1c;cursor: pointer;}
.loginDialog .forgetPasswordContent .confirmBtn{display: block;border:none;width:100%;height:44px;background:radial-gradient(79.26% 79.29% at 75% 25.65%,#ff7b78 0,#fd4245 100%);border-radius:8px;font-weight:700;font-size:16px;color:#fff;margin:15px auto 0;cursor: pointer;}
.loginDialog .forgetPasswordContent .disabledLogin{opacity: 0.6;}
.loginDialog .forgetPasswordContent .skipLink{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:14px;color:#656565;line-height:20px;text-align:center;margin:15px auto 0;width:100%;cursor: pointer;}
/* ---------- 隐私服务、用户协议弹窗 ---------- */
.agreementDialog {z-index: 1000;}
.agreementDialog .content{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 1124px;height: 660px;padding: 40px 40px 18px;background: #fff;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 1001;}
.agreementDialog .close{position: absolute;top: 40px;right: 45px;width: 24px;height: 24px;background: url(../img/ico_close.png) no-repeat center;background-size: cover;cursor: pointer;}
.agreementDialog .content .agreementBox{height:556px;margin-top: 20px;overflow-y:scroll;scrollbar-width: none;-webkit-box-sizing:border-box;box-sizing:border-box}
.agreementDialog .content .agreementBox::-webkit-scrollbar{display: none;}
.agreementDialog .content a{word-break:break-all;white-space:pre-wrap;text-decoration:underline;color:#353535}
.agreementDialog .content .title{font-weight:600;font-size:22px;color:#353535;line-height:24px;text-align:center;}
.agreementDialog .content .infoWrap{line-height:24px}
.agreementDialog .content .infoWrap .infoItem{font-weight:400;font-size:14px;color:#353535}
.agreementDialog .content .infoWrap .infoItem .infoValue{color:#757575}
.agreementDialog .content .oneTitle{font-weight:600;font-size:16px;color:#353535;line-height:20px;margin-top:20px}
.agreementDialog .content .subTitle{font-weight:600;font-size:14px;color:#353535;line-height:20px;margin-top:10px}
.agreementDialog .content .contentText{margin-top:10px;font-weight:400;font-size:14px;color:#757575;line-height:20px;text-align:justify}
.agreementDialog .content .contentText>em{color: #000000;}
.agreementDialog .content .sdkList{margin-top:10px;width:100%;overflow:hidden;border:1px solid #e7e9ee;-webkit-box-sizing:border-box;box-sizing:border-box}
.agreementDialog .content .sdkList .sdkItem{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e7e9ee;-webkit-box-sizing:border-box;box-sizing:border-box}
.agreementDialog .content .sdkList .sdkItem:last-child{border-bottom:none}
.agreementDialog .content .sdkList .sdkItem p{width:20%;font-weight:400;font-size:12px;color:#757575;line-height:14px;border-right:1px solid #e7e9ee;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.agreementDialog .content .sdkList .sdkItem p:last-child{border-right:none}
.agreementDialog .content .sdkList .sdkHeader p{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#353535}
/* ========== 公共样式 e ========== */

/* ========== 首页 s ========== */
.indexPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.indexPage .pageMain{width: 757px;min-height: 500px;}
/* ---------- 首页-pageTop ---------- */
.indexPage .pageTop{width: 100%;height: 160px;background: linear-gradient( 292deg, #5F3D29 0%, #6B3D35 100%);border-radius: 8px;padding: 8px 6px 0;box-sizing: border-box;}
.indexPage .pageTop .title{width: 100%;height: 30px;display: flex;align-items: center;justify-content: space-between;padding-left: 10px;box-sizing: border-box;}
.indexPage .pageTop .title .icon{width: 111px;height: 23px;background: url(../img/home_top_title.png) no-repeat center;background-size: contain;}
.indexPage .pageTop .raceBox{width: 100%;height: 110px;background: #FFFFFF;border-radius: 4px;margin-top: 6px;padding: 10px;box-sizing: border-box;display: flex;align-items: center;gap: 20px;}
.indexPage .pageTop .raceItem{flex: 1;height: 100%;position: relative;}
.indexPage .pageTop .raceItem::after{content: "";position: absolute;right: -10px;top: 0;width: 2px;height: 100%;background: #F7F9FD;}
.indexPage .pageTop .raceItem:last-child:after{display: none;}
.indexPage .pageTop .raceItem>a{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.indexPage .pageTop .receInfo{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 24px;padding: 0 12px;box-sizing: border-box;}
.indexPage .pageTop .receInfo .infoLeft{display: flex;align-items: center;gap: 0 4px;font-size: 12px;color: #ACACAC;}
.indexPage .pageTop .receInfo .infoLeft .status{color: #4593EE;}
.indexPage .pageTop .receInfo .infoRight{display: flex;align-items: center;gap: 0 6px;}
.indexPage .pageTop .receInfo .infoRight span{min-width: 56px;height: 100%;padding: 0 4px;border-radius: 3px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;}
.indexPage .pageTop .receInfo .infoRight .info1{background: rgba(253,66,69,0.1);color: #FD4245;}
.indexPage .pageTop .receInfo .infoRight .info2{background: rgba(69,147,238,0.1);color: #4593EE;}
.indexPage .pageTop .receTeam{display: flex;align-items: center;width: 100%;height: 30px;margin-top: 15px;}
.indexPage .pageTop .receTeam .teamBox{flex: 1;display: flex;align-items: center;gap: 0 6px;}
.indexPage .pageTop .receTeam .teamBox.flexEnd{justify-content: flex-end;}
.indexPage .pageTop .receTeam .teamBox h4{font-weight: 500;font-size: 16px;color: #353535;max-width: 108px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexPage .pageTop .receTeam .teamBox img{width: 30px;height: 30px;object-fit: contain;}
.indexPage .pageTop .receTeam .vs{margin: 0 15px;font-weight: bold;font-size: 18px;color: #353535;line-height: 24px;}
/* ---------- 首页-赛事 ---------- */
.indexPage .pageMatch{width: 100%;margin-top: 24px;min-height: 300px;}
.indexPage .pageMatch .matchTab{display: flex;align-items: center;gap: 0 8px;}
.indexPage .pageMatch .matchTab li{width: 64px;height: 34px;border-radius: 4px;font-size: 14px;color: #353535;line-height: 34px;text-align: center;cursor: pointer;}
.indexPage .pageMatch .matchTab li:hover{color: #FD4245;}
.indexPage .pageMatch .matchTab li.active{background: #FD4245;color: #FFFFFF;}
.indexPage .pageMatch .matchTab li.active:hover{color: #FFFFFF;}
.indexPage .pageMatch .matchCategory{display: flex;align-items: center;justify-content: space-between;margin-top: 8px;margin-bottom: 10px;}
.indexPage .pageMatch .categoryList{display: flex;align-items: center;}
.indexPage .pageMatch .categoryList li{height: 34px;padding: 0 12px;font-size: 14px;color: #ACACAC;line-height: 34px;text-align: center;cursor: pointer;}
.indexPage .pageMatch .categoryList li:hover,.indexPage .pageMatch .categoryList li.active{color: #FD4245;}
/* ---------- 首页-赛事-列表 ---------- */
.indexPage .pageMatch .matchBox{display: none;}
.indexPage .pageMatch .matchBox.active{display: block;}
.indexPage .pageMatch .matchListBox{display: none;}
.indexPage .pageMatch .matchListBox.active{display: block;}
/* .indexPage .pageMatch .matchBox ul{margin-top: 8px;} */
.indexPage .pageMatch .matchBox .timeNode{position: relative;font-size: 14px;color: #353535;padding-left: 20px;text-align: center;font-size: 500;line-height: 40px;}
.indexPage .pageMatch .matchBox .matchItem{margin-bottom: 4px;}
.indexPage .pageMatch .matchBox .matchItem:last-child{margin-bottom: 0px;}
.indexPage .pageMatch .matchBox .matchItem a{width: 100%;padding: 14px;box-sizing: border-box;background: #FFFFFF;border-radius: 8px;display: flex;align-items: center;justify-content: space-between;gap: 0 10px;position: relative;}
.indexPage .pageMatch .matchBox .matchItem a.hasDesc{padding-bottom: 24px;}
.indexPage .pageMatch .matchBox .matchInfo{width: 150px;}
.indexPage .pageMatch .matchBox .matchInfo .basic{font-size: 12px;color: #353535;line-height: 14px;}
.indexPage .pageMatch .matchBox .matchInfo .basic span{margin-right: 10px;}
.indexPage .pageMatch .matchBox .matchInfo .time{display: flex;align-items: center;font-size: 12px;color: #ACACAC;line-height: 14px;margin-top: 8px;}
.indexPage .pageMatch .matchBox .matchInfo .time i{width: 12px;height: 12px;background: url(../img/home_ico_time.png) no-repeat center;background-size: contain;margin-right: 4px;}
.indexPage .pageMatch .matchBox .matchInfo .time span{margin-right: 10px;}
.indexPage .pageMatch .matchBox .matchTeam{display: flex;align-items: center;position: relative;}
.indexPage .pageMatch .matchBox .matchTeam .team{display: flex;align-items: center;gap: 0 6px;width: 200px;}
.indexPage .pageMatch .matchBox .matchTeam .team.flexEnd{justify-content: flex-end;}
.indexPage .pageMatch .matchBox .matchTeam img{width: 24px;height: 24px;object-fit: contain;}
.indexPage .pageMatch .matchBox .matchTeam h4{max-width: 120px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;color: #353535;}
.indexPage .pageMatch .matchBox .matchTeam .vs{width: 65px;display: flex;flex-direction: column;align-items: center;gap: 2px 0;position: relative;}
.indexPage .pageMatch .matchBox .matchTeam .vs i{display: block;width: 21px;height: 21px;margin: 0 auto;background: url(../img/home_ico_vs.png) no-repeat center;background-size: contain;margin-bottom: 3px;}
.indexPage .pageMatch .matchBox .matchTeam .status{width: 35px;height: 14px;margin: 0 auto;background: rgba(69,147,238,0.05);border-radius: 12px;border: 1px solid rgba(69,147,238,0.5);box-sizing: border-box;font-size: 8px;color: #4593EE;line-height: 12px;text-align: center;}
.indexPage .pageMatch .matchBox .rightInfo{width: 150px;}
.indexPage .pageMatch .matchBox .matchPlan{display: flex;align-items: center;justify-content: flex-end;font-weight: 500;font-size: 12px;color: #353535;line-height: 14px;}
.indexPage .pageMatch .matchBox .matchPlan em{color: #FD4245;}
.indexPage .pageMatch .matchBox .matchPlan i{width: 10px;height: 10px;background: url(../img/ico_next.png) no-repeat center;background-size: contain;margin-left: 8px;}
.indexPage .pageMatch .matchBox .matchItem .homeRank{padding: 1px 2px;border-radius: 2px;color: 12px;line-height: 14px;color: #FFFFFF;background: #ea0000;}
.indexPage .pageMatch .matchBox .matchItem .awayRank{padding: 1px 2px;border-radius: 2px;color: 12px; line-height: 14px;color: #FFFFFF;background: #ffb31c;}
.indexPage .pageMatch .matchBox .matchItem.finished a,
.indexPage .pageMatch .matchBox .matchItem.inprogress a{padding-top: 26px;}
.indexPage .pageMatch .matchBox .matchItem .matchTop{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);width: 100%;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #ACACAC;line-height: 14px;}
.indexPage .pageMatch .matchBox .matchItem .totalGoal::before{content: "";display: inline-block;width: 10px;height: 10px;background: url(../img/game_ico_vector.png) no-repeat;background-size: contain;margin-right: 2px;}
.indexPage .pageMatch .matchBox .matchItem .matchTopCenter{width: 65px;text-align: center;}
.indexPage .pageMatch .matchBox .matchItem .matchTopLeft,.indexPage .pageMatch .matchBox .matchItem .matchTopRight{display: flex;flex: 1;gap: 0 15px;}
.indexPage .pageMatch .matchBox .matchItem .matchTopLeft{justify-content: flex-end;}
.indexPage .pageMatch .matchBox .matchItem.inprogress .matchTopCenter{color: #3bb552;}
.indexPage .pageMatch .matchBox .matchItem.finished .matchTopCenter{color: #FD4245;}
.indexPage .pageMatch .matchBox .matchItem.finished .finalScore{font-weight: bold;font-size: 18px;color: #FD4245;line-height: 20px;text-align: center;padding-top: 5px;}
.indexPage .pageMatch .matchBox .matchItem.finished .status{background: rgba(253,66,69,0.1);color: #FD4245;border: none;line-height: 14px;margin-top: 4px;}
.indexPage .pageMatch .matchBox .matchItem.inprogress .finalScore{font-weight: bold;font-size: 18px;color: #3bb552;line-height: 20px;text-align: center;padding-top: 5px;}
.indexPage .pageMatch .matchBox .matchItem.inprogress .status{background: rgba(59,188,82,0.1);color: #3bb552;border: none;line-height: 14px;margin-top: 4px;}
.indexPage .pageMatch .matchBox .matchItem .matchDesc{position: absolute;bottom: 4px;left: 50%;transform: translateX(-50%);font-size: 11px;color: #828282;line-height: 15px;}
.indexPage .pageMatch .matchBox .matchItem .status.openStatus{background:#e5e5e5 !important;color: #FFFFFF !important;}
.indexPage .pageMatch .matchBox .matchItem .status.yks{background:#ff7d7f !important;color: #FFFFFF !important;}
.indexPage .pageMatch .matchBox .matchItem .status.ykj{background:#3bb552 !important;color: #FFFFFF !important;}
.indexPage .pageMatch .matchBox .matchItem .status.dks{background:#e5e5e5 !important;color: #FFFFFF !important;}
.indexPage .pageMatch .matchBox .matchItem .status.dkj{background:#61CAF1 !important;color: #FFFFFF !important;}
.indexPage .pageMatch .matchBox .matchItem .matchEarn{display: flex;justify-content: flex-end;}
.indexPage .pageMatch .matchBox .matchItem .matchEarn .innerBox{font-size: 12px;color: #ACACAC;line-height: 14px;text-align: center;} 
.indexPage .pageMatch .matchBox .matchItem .matchEarn .ratio{color: #353535;margin: 7px 0;}
.indexPage .pageMatch .matchPeriod{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 8px;padding: 0 14px;box-sizing: border-box;}
.indexPage .pageMatch .matchPeriod .num{display: flex;align-items: center;font-size: 14px;color: #353535;line-height: 16px;}
.indexPage .pageMatch .matchPeriod .num i{width: 14px;height: 14px;background: url(../img/home_ico_date.png) no-repeat center;background-size: contain;margin-right: 4px;}
.indexPage .pageMatch .matchPeriod .info{display: flex;align-items: center;gap: 0 20px;}
.indexPage .pageMatch .matchPeriod .info .item{font-size: 14px;color: #ACACAC;line-height: 16px;}
/* ---------- 首页-专家文章 ---------- */
.indexPage .pageExpert{width: 100%;margin-top: 12px;}
.indexPage .pageExpert ul{display: grid;display: -moz-grid;grid-template-columns: repeat(2, 1fr);-moz-grid-template-columns: repeat(2, 1fr);gap: 5px;}
.indexPage .pageExpert .expertItem{flex: 1;height: 196px;background: #FFFFFF;border-radius: 8px;padding: 16px 12px;box-sizing: border-box;}
.indexPage .pageExpert .expertHeader{width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;}
.indexPage .pageExpert .expertInfo{height: 100%;display: flex;align-items: center;gap: 0 6px;padding-left: 4px;box-sizing: border-box;}
.indexPage .pageExpert .expertInfo img{width: 40px;height: 100%;border-radius: 50%;}
.indexPage .pageExpert .expertInfo .intro h4{font-weight: 600;font-size: 14px;color: #000000;line-height: 16px;max-width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexPage .pageExpert .expertInfo .intro p{font-weight: 400;font-size: 11px;color: #808080;line-height: 14px;margin-top: 5px;max-width: 140px;}
.indexPage .pageExpert .expertRate {font-weight: 400;font-size: 26px;color: #FD4245;line-height: 28px;text-align: right;}
.indexPage .pageExpert .expertContent{margin-top: 10px;display: block;}
.indexPage .pageExpert .expertSummary{font-weight: 400;font-size: 14px;color: #353535;line-height: 24px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;}
.indexPage .pageExpert .expertSummary span{color: #808080;}
.indexPage .pageExpert .expertDesc{width: 100%;height: 30px;background: #F7F9FD;border-radius: 4px;display: flex;align-items: center;justify-content: space-between;padding: 0 8px 0 6px;box-sizing: border-box;margin-top: 10px;}
.indexPage .pageExpert .expertDesc .desc{display: flex;align-items: center;gap: 0 4px;}
.indexPage .pageExpert .expertDesc .desc .tag{display: inline-block;height: 18px;justify-content: center;background: rgba(69,147,238,0.1);border-radius: 2px;border: 1px solid #4593EE;font-size: 11px;color: #4593EE;text-align: center;line-height: 16px;box-sizing: border-box;padding: 0 6px;}
.indexPage .pageExpert .expertDesc .desc .matchInfo{flex: 1;font-size: 12px;color: #808080;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 270px;}
.indexPage .pageExpert .expertDesc .toIcon{display: block;width: 3px;height: 6px;background: url(../img/home_ico_next02.png) no-repeat center;background-size: cover;margin-left: 10px;}
.indexPage .pageExpert .expertFooter{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.indexPage .pageExpert .expertFooter>.time{font-size: 11px;color: #808080;line-height: 16px;}
.indexPage .pageExpert .expertFooter .price{font-size: 11px;color: #E36200;line-height: 16px;}
.indexPage .pageExpert .expertList .emptyTip{font-weight: 500;font-size: 14px;color: #353535;line-height: 50px;text-align: center;}
/*========== 首页 e ========== */

/* ========== 个人中心 s ========== */
.userPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.userPage .pageMain{width: 812px;min-height: 500px;}
/* ---------- 个人中心-侧边 ---------- */
.userPage .pageSide,.userPage .pageSideInner{width: 300px !important;}
.userPage .userSideCard{width:100%;background:#FFFFFF;border-radius:8px;padding:20px 23px;box-sizing:border-box;}
/* 用户信息 */
.userPage .userSideInfo{display:flex;flex-direction: column;align-items: center;justify-content: center;gap:14px 0;padding:20px;}
.userPage .userSideAvatar{width: 90px;height: 90px;border-radius: 50%;background: url(../img/ico_mine_head.png) no-repeat center;background-size: cover;} 
.userPage .userSideName{font-size: 14px;line-height: 20px;color: #353535;font-weight: bold;text-align: center;}
.userPage .userSidePhone{font-size: 14px;line-height: 20px;color: #828282;font-weight: Regular;text-align: center;}
/* 菜单列表 */
.userPage .userSideMenuList{width:100%;margin-top: 20px;}
.userPage .userSideMenuItem{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 40px;border-radius: 4px;margin-bottom: 15px;padding: 0 8px;box-sizing: border-box;}
.userPage .userSideMenuItem .name{display:flex;align-items:center; gap:0 5px;height:100%;font-size:14px;color:#353535;border-radius: 4px;}
.userPage .userSideMenuItem .name i{width: 24px;height: 24px;}
.userPage .userSideMenuItem .name i.iconBalance{background: url(../img/ico_mine_faction01.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .name i.iconOrder{background: url(../img/ico_mine_faction02.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .name i.iconFollow{background: url(../img/ico_mine_faction03.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .name i.iconProfile{background: url(../img/ico_mine_faction04.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .name i.iconHelp{background: url(../img/ico_mine_faction05.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .name i.iconSetting{background: url(../img/ico_mine_faction06.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .name i.iconService{background: url(../img/ico_mine_faction07.png) no-repeat center;background-size: cover;}
.userPage .userSideMenuItem .balanceTotal{font-size: 14px;color: #FD4245;line-height: 20px;font-weight: bold;}
.userPage .userSideMenuItem .servicePhone{font-weight: 600;font-size: 14px;color: #353535;line-height: 18px;text-align: center;}
.userPage .userSideMenuItem .serviceTime{font-size: 10px;color: #4F4F4F;line-height: 16px;text-align: center;}
.userPage .userSideMenuItem.handleClick{cursor: pointer;}
.userPage .userSideMenuItem.handleClick:hover{background: #FFEEED;}
.userPage .userSideMenuItem.active{background: #FFEEED;}
/* ---------- 个人中心-面板切换 ---------- */
.userPage .userPanel{display:none;width:100%;}
.userPage .userPanel.active{display:block;}
/* ---------- 个人中心-我的订单 ---------- */
.userPage .userOrderTabs{display:flex;align-items:center;gap:0 36px;height: 42px;border-bottom:1px solid #EEF1F7;padding: 0 33px;box-sizing: border-box;}
.userPage .userOrderTab{width: 52px;height: 100%;font-size:14px;color:#ACACAC;cursor:pointer;position:relative;line-height: 42px;text-align: center;}
.userPage .userOrderTab:hover{color:#FD4245;}
.userPage .userOrderTab.active{color:#FD4245;font-weight:500;}
.userPage .userOrderTab.active::after{content:"";position:absolute;bottom:0px;left:0;width:100%;height:4px;background:#FD4245;}
/* 订单列表 */
.userPage .userOrderList{width:100%;margin-top:20px;}
.userPage .userOrderItem{width:100%;padding:15px 10px;box-sizing:border-box;background: #FFFFFF;border-radius: 8px;margin-bottom: 8px;}
.userPage .userOrderItem:last-child{margin-bottom:none;}
/* 订单头部 */
.userPage .userOrderHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom: 1px solid #F2F2F2;}
.userPage .userOrderNo{font-size:12px;color:#ACACAC;line-height:14px;}
.userPage .userOrderDate{font-size:12px;color:#ACACAC;line-height:14px;}
/* 订单内容 */
.userPage .userOrderBody{width: 100%;padding:10px 0;border-bottom: 1px solid #F2F2F2;}
.userPage .userOrderTitle{font-weight:500;font-size:16px;color:#333333;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.userPage .userOrderDesc{font-size:13px;color:#828282;line-height:24px;margin-top:10px;}
/* 订单底部 */
.userPage .userOrderFoot{display:flex;align-items:center;justify-content:space-between;margin-top: 10px;}
.userPage .userOrderFoot .butBox{display:flex;align-items:center;gap: 10px;}
.userPage .userOrderFoot .butBox .compensate{border: 1px solid #FD4245;color: #FD4245;}
.userPage .userOrderTotal{font-size:12px;color:#828282;line-height:16px;}
.userPage .userOrderTotal .price{color: #FD4245;}
/* 订单操作按钮 */
.userPage .userOrderStatus{width: 70px;height:30px;border: 1px solid #BDBDBD;border-radius:4px;font-size:14px;color: #828282;line-height:28px;text-align:center;background: none;outline:none;box-sizing: border-box;}
.userPage .userOrderStatus.pay{border-color: #FD4245;color: #FD4245;cursor:pointer;}
.userPage .userOrderStatus.cancelPay{border-color: #4593EE;color: #4593EE;cursor:pointer;}
/* ---------- 个人中心-我的关注 ---------- */
.userPage .userFollowTabs{display:flex;align-items:center;gap:0 36px;height: 42px;border-bottom:1px solid #EEF1F7;padding: 0 33px;box-sizing: border-box;}
.userPage .userFollowTab{width: 74px;height: 100%;font-size:14px;color:#ACACAC;cursor:pointer;position:relative;line-height: 42px;text-align: center;}
.userPage .userFollowTab:hover{color:#FD4245;}
.userPage .userFollowTab.active{color:#FD4245;font-weight:500;}
.userPage .userFollowTab.active::after{content:"";position:absolute;bottom:0px;left:0;width:100%;height:4px;background:#FD4245;}
.userPage .userFollowWrap{width: 100%;margin-top: 20px;}
.userPage .userFollowEmpty{width: 100%;height:500px; box-sizing: border-box; display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px 0;padding: 30px 0;}
.userPage .userFollowEmpty i{width: 166px;height: 87px;background: url(../img/attention_ico_kong.png) no-repeat center;background-size: contain;}
.userPage .userFollowEmpty p{font-size: 14px;color: #828282;line-height: 14px;}
.userPage .userFollowReco{width: 100%;margin-top: 20px;}
.userPage .userFollowReco h4{font-weight: bold;font-size: 18px;color: #333333;line-height: 20px;}
.userPage .userFollowRecoList{margin-top: 12px;}
.userPage .userFollowRecoItem{width: 100%;display: flex;justify-content: space-between;padding: 16px 12px;border-radius: 8px;background: #FFFFFF;margin-bottom: 8px;}
.userPage .userFollowRecoItem:last-child{margin-bottom: 0;}
.userPage .userFollowRecoItem a{display: flex;align-items: center;gap: 0 7px;}
.userPage .userFollowRecoItem .expertAvatar{width: 40px;height: 40px;border-radius: 50%;}
.userPage .userFollowRecoItem .expertNameRow{display: flex;align-items: center;}
.userPage .userFollowRecoItem .expertNameRow h5{font-size: 16px;color: #333333;line-height: 16px;}
.userPage .userFollowRecoItem .expertNameRow i{ width: 12px;height: 15px;background: url(../img/ico_attention_safety.png) no-repeat center;background-size: contain;margin-left: 10px;vertical-align: middle;}
.userPage .userFollowRecoItem .expertNameRow .mark{font-size: 12px;color: #828282;line-height: 14px;margin-left: 3px;}
.userPage .userFollowRecoItem .expertNameRow span{height: 12px;padding: 0 5px;background: #FD4245;border-radius: 6px 6px 6px 1px;font-size: 11px;color: #FFFFFF;line-height: 12px;margin-left: 2px;}
.userPage .userFollowRecoItem .expertStats{display: flex;align-items: center;gap: 0 5px;margin-top: 7px;}
.userPage .userFollowRecoItem .expertStats .statItem{display: flex;align-items: center;gap: 0 2px;height: 18px;padding: 0 8px;background: #FFEDED;border-radius: 1px 9px 9px 9px;font-size: 12px;color: #FD4245;}
.userPage .userFollowRecoItem .followBtn{width: 54px;height: 30px;display: flex;align-items: center;justify-content: center;gap: 0 2px;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 6px 6px 6px 6px;font-size: 12px;color: #FFFFFF;cursor: pointer;}
.userPage .userFollowRecoItem .followBtn i{width: 10px;height: 10px;background: url(../img/ico_attention_add.png) no-repeat center;background-size: contain;}
.userPage .userFollowRecoItem .followBtn{background:#EEF1F7;color:#ACACAC;}
.userPage .userFollowRecoItem .followBtn i{background-image: url(../img/list_ico_follow02.png);}
/* ---------- 个人中心-个人资料 ---------- */
.userPage .userProfileBox{width: 100%;margin-bottom: 20px;}
.userPage .userProfileBox:last-child{margin-bottom: 0;}
.userPage .userProfileBox h4{font-size: 14px;color: #828282;line-height: 16px;position: relative;padding-left: 7px;box-sizing: border-box;}
.userPage .userProfileBox h4::before{content:"";position:absolute;left:0;top:0;width: 2px;height: 100%;background: #FD4245;}
.userPage .userProfileInfo{width: 100%;margin-top: 10px;}
.userPage .userProfileItem{width: 100%;height: 50px;display: flex;align-items: center;gap: 0 10px;background: #FFFFFF;border-radius: 8px;padding: 0 13px;box-sizing: border-box;}
.userPage .userProfileItem .name{width: 80px;font-size: 14px;color: #353535;}
.userPage .userProfileItem .info{flex: 1;font-size: 14px;color: #828282;}
.userPage .userProfileItem .btn{width: 50px;display: flex;align-items: center;justify-content: flex-end;gap: 0 7px;font-size: 14px;color: #828282;cursor: pointer;}
.userPage .userProfileItem .btn i{width: 4px;height: 8px;background: url(../img/ico_mine_next.png) no-repeat center;background-size: contain;}
/* ---------- 个人中心-帮助和反馈 ---------- */
.userPage .userHelpBox{width: 100%;margin-bottom: 20px;}
.userPage .userHelpBox:last-child{margin-bottom: 0;}
.userPage .userHelpBox h4{font-weight: bold;font-size: 18px;color: #333333;line-height: 20px;position: relative;padding-left: 20px;box-sizing: border-box;}
.userPage .userHelpBox h4::before{content:"";position:absolute;left:8px;top:50%;transform: translateY(-50%);width: 4px;height: 4px;background: #333333;border-radius: 50%;}
.userPage .userHelpList{width: 100%;margin-top: 12px;padding: 5px 15px;box-sizing: border-box;background: #FFFFFF;border-radius: 8px;}
.userPage .userHelpList{border-bottom: 1px solid #F2F2F2;margin-bottom: 5px;}
.userPage .userHelpList:last-child{border-bottom: none;margin-bottom: 0;}
.userPage .userHelpList .name{width: 100%;height: 50px;display: flex;align-items: center;gap: 0 4px;font-size: 14px;color: #353535;line-height: 50px;cursor: pointer;}
.userPage .userHelpList .name i{width: 15px;height: 15px;background: url(../img/ico_person_add01.png) no-repeat center;background-size: contain;}
.userPage .userHelpList .on .name i{width: 15px;height: 15px;background: url(../img/ico_person_add02.png) no-repeat center;background-size: contain;}
.userPage .userHelpList .content{width: 100%;margin: 6px 0 10px;padding: 10px;box-sizing: border-box;background: #F8F8F8;border-radius: 4px;}
.userPage .userHelpList .content p{font-size: 14px;color: #353535;line-height: 26px;}
/* ---------- 个人中心-设置 ---------- */
.userPage .userSettingBox{width: 100%;background: #FFFFFF;border-radius: 8px;padding: 5px 18px;box-sizing: border-box;}
.userPage .userSettingItem{width: 100%;height: 50px;border-bottom: 1px solid #F2F2F2;margin-bottom: 5px;font-size: 14px;color: #353535;line-height: 50px;cursor: pointer;}
.userPage .userSettingItem:last-child{border-bottom: none;margin-bottom: 0;}
.userPage .userLogoutBtn{width: 600px;height: 44px;margin: 40% auto 0;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 8px;font-size: 14px;color: #FFFFFF;line-height: 44px;text-align: center;cursor: pointer;} 
/* ---------- 个人中心-修改昵称 ---------- */
.editNicknameDialog{display: none;}
.editNicknameDialog .dialogMain{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 375px;height: 276px;background: #FFFFFF;border-radius: 8px;padding: 57px 27px 0;box-sizing: border-box;z-index: 1000;}
.editNicknameDialog .dialogClose{position: absolute;top: 17px;right: 17px;width: 15px;height: 15px;background: url(../img/ico_close.png) no-repeat center;background-size: contain;cursor: pointer;}
.editNicknameDialog .dialogTitle{font-weight: bold;font-size: 22px;color: #353535;line-height: 24px;text-align: center;}
.editNicknameDialog .nicknameInput{display: block;width: 100%;height: 46px;background: #F6F6F6;border-radius: 8px;border: none;outline: none;padding: 0 20px;box-sizing: border-box;margin-top: 28px;}
.editNicknameDialog .dialogDesc{font-size: 12px;color: #828282;line-height: 20px;margin-top: 10px;}
.editNicknameDialog .dialogBtn{border: none;outline: none;width: 100%;height: 44px;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 8px;font-weight: bold;font-size: 16px;color: #FFFFFF;line-height: 44px;text-align: center;margin-top: 15px;cursor: pointer;}
/* ---------- 个人中心-修改手机号 ---------- */
.editPhoneDialog{display: none;}
.editPhoneDialog .dialogMain{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 375px;height: 415px;background: #FFFFFF;border-radius: 8px;padding: 57px 27px 0;box-sizing: border-box;z-index: 1000;}
.editPhoneDialog .dialogClose{position: absolute;top: 17px;right: 17px;width: 15px;height: 15px;background: url(../img/ico_close.png) no-repeat center;background-size: contain;cursor: pointer;}
.editPhoneDialog .dialogTitle{font-weight: bold;font-size: 22px;color: #353535;line-height: 24px;text-align: center;}
.editPhoneDialog .stepProgressList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:28px;margin-bottom:32px}
.editPhoneDialog .stepProgressList .stepItem{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.editPhoneDialog .stepProgressList .stepItem .stepNum{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:22px;height:22px;background:#bdbdbd;font-weight:400;font-size:12px;color:#fff;border-radius:50%}
.editPhoneDialog .stepProgressList .stepItem .stepText{display:block;width:75px;text-align:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-22px;font-weight:400;font-size:12px;color:#353535;line-height:14px}
.editPhoneDialog .stepProgressList .active .stepNum{background:#fd4245;color:#fff}
.editPhoneDialog .stepProgressList .stepLine{width:140px;height:1px;background:#d9d9d9}
.editPhoneDialog .phoneVerifyForm .formTip{font-weight:400;font-size:12px;color:#828282;line-height:35px;text-align: center;}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap{width: 100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap: 0 20px;padding: 0 15px 0 20px;box-sizing: border-box;margin-top: 10px;background: #F6F6F6;border-radius: 8px}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;font-weight:400;font-size:14px;color:#353535;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:0 0}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap .codeInput{min-width: 0}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap input::-webkit-input-placeholder{color:#bdbdbd}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap input::-moz-placeholder{color:#bdbdbd}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap input:-ms-input-placeholder{color:#bdbdbd}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap input::-ms-input-placeholder{color:#bdbdbd}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap input::placeholder{color:#bdbdbd}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap .inputClear{display: none; width:12px;height:12px;background-size: contain;background-image: url(../img/ico_nickname_delete.png);}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap .getCodeBtn{flex-shrink: 0;white-space: nowrap; font-weight:400;font-size:12px;color:#eb5757;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;border:none;background:0 0;cursor: pointer;}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap .getCodeBtn span{display: inline-block;width: 108px;text-align: right;}
.editPhoneDialog .phoneVerifyForm .formInputGroup .inputWrap .verification{color:#bdbdbd}
.editPhoneDialog .phoneVerifyForm .confirmBtn{display:block;font-weight:400;font-size:16px;color:#fff;width:100%;height:44px;margin-top: 15px;background:radial-gradient(79.26% 79.29% at 75% 25.65%,#ff7b78 0,#fd4245 100%);border-radius:8px;border:none;cursor: pointer;}
.editPhoneDialog .phoneVerifyForm .disabledStyle{opacity:.6}
/* ---------- 个人中心-修改密码 ---------- */
.editPasswordDialog{display: none;}
.editPasswordDialog .dialogMain{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 375px;height: 355px;background: #FFFFFF;border-radius: 8px;padding: 57px 27px 0;box-sizing: border-box;z-index: 1000;}
.editPasswordDialog .dialogClose{position: absolute;top: 17px;right: 17px;width: 15px;height: 15px;background: url(../img/ico_close.png) no-repeat center;background-size: contain;cursor: pointer;}
.editPasswordDialog .dialogTitle{font-weight: bold;font-size: 22px;color: #353535;line-height: 24px;text-align: center;}
.editPasswordDialog .stepProgressList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:28px;margin-bottom:32px}
.editPasswordDialog .stepProgressList .stepItem{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.editPasswordDialog .stepProgressList .stepItem .stepNum{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:22px;height:22px;background:#bdbdbd;font-weight:400;font-size:12px;color:#fff;border-radius:50%}
.editPasswordDialog .stepProgressList .stepItem .stepText{display:block;width:75px;text-align:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-22px;font-weight:400;font-size:12px;color:#353535;line-height:14px}
.editPasswordDialog .stepProgressList .active .stepNum{background:#fd4245;color:#fff}
.editPasswordDialog .stepProgressList .stepLine{width:140px;height:1px;background:#d9d9d9}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap{width: 100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap: 0 20px;padding: 0 15px 0 20px;box-sizing: border-box;margin-top: 10px;background: #F6F6F6;border-radius: 8px}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;font-weight:400;font-size:14px;color:#353535;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:0 0}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .codeInput{min-width: 0}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .inputIcon{display: block;width: 20px;height: 20px;background-image: url(../img/ico_password_off.png);background-size: contain;background-repeat: no-repeat;}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .inputLookIcon{background-image: url(../img/ico_password_on.png);}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap input::-webkit-input-placeholder{color:#bdbdbd}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap input::-moz-placeholder{color:#bdbdbd}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap input:-ms-input-placeholder{color:#bdbdbd}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap input::-ms-input-placeholder{color:#bdbdbd}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap input::placeholder{color:#bdbdbd}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .inputClear{display: none; width:12px;height:12px;background-size: contain;background-image: url(../img/ico_nickname_delete.png);}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .getCodeBtn{flex-shrink: 0;white-space: nowrap; font-weight:400;font-size:12px;color:#eb5757;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;border:none;background:0 0;cursor: pointer;}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .getCodeBtn span{display: inline-block;width: 108px;text-align: right;}
.editPasswordDialog .passwordVerifyForm .formInputGroup .inputWrap .verification{color:#bdbdbd}
.editPasswordDialog .passwordVerifyForm .confirmBtn{display:block;font-weight:400;font-size:16px;color:#fff;width:100%;height:44px;margin-top: 15px;background:radial-gradient(79.26% 79.29% at 75% 25.65%,#ff7b78 0,#fd4245 100%);border-radius:8px;border:none;cursor: pointer;}
.editPasswordDialog .passwordVerifyForm .disabledStyle{opacity:.6}
/* 订单-申请赔付 */
.comApplicationDialog{display: none;}
.comApplicationDialog .dialogMain{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 375px;background: #FFFFFF;border-radius: 8px;padding: 57px 27px 32px;box-sizing: border-box;z-index: 1000;}
.comApplicationDialog .dialogMain .dialogDesc{color: #353535;font-size: 14px;line-height: 20px;text-align: justify;margin-top: 16px;}
.comApplicationDialog .dialogClose{position: absolute;top: 17px;right: 17px;width: 15px;height: 15px;background: url(../img/ico_close.png) no-repeat center;background-size: contain;cursor: pointer;}
.comApplicationDialog .dialogTitle{font-weight: bold;font-size: 22px;color: #353535;line-height: 24px;text-align: center;}
.comApplicationDialog .butBox{margin-top: 20px; display: flex;align-items: center;justify-content: center;gap: 12px;}
.comApplicationDialog .butBox .dialogBtn{cursor: pointer; border: none;background: transparent; border-radius: 6px;width: 154px;height: 40px;text-align: center;line-height: 40px;font-weight: 400;font-size: 14px;}
.comApplicationDialog .butBox .cancelBut{border: 1px solid #ACACAC;color: #828282;}
.comApplicationDialog .butBox .submitBut{color: #FFFFFF;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);}
/* ========== 个人中心 e ========== */

/* ========== 支付页面 s ========== */
/* ---------- 支付页面-面包屑 ---------- */
.payPage .crumbsList{width: 100%;height: 50px;display: flex;align-items: center;gap: 0 8px;}
.payPage .crumbsList li{display: flex;align-items: center;gap: 0 8px;}
.payPage .crumbsList li a{font-size: 14px;color: #828282;}
.payPage .crumbsList li span{font-size: 14px;color: #353535;}
.payPage .crumbsList li i{width:4px;height:8px;background-image: url(../img/ico_mine_next.png);background-size: contain;}
/* ---------- 支付页面-订单信息 ---------- */
.payPage .payOrderWrap{width: 100%;padding: 15px 20px 30px;background: #FFFFFF;border-radius: 8px;box-sizing: border-box;}
.payPage .payOrderHead .payOrderTips{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #F2F2F2;font-size: 12px;color: #ACACAC;line-height: 14px;}
.payPage .payOrderHead .payOrderInfo{width: 100%;padding: 10px 0;border-bottom: 1px solid #F2F2F2;}
.payPage .payOrderHead .payOrderInfo h4{font-weight: 500;font-size: 16px;color: #333333;line-height: 24px;}
.payPage .payOrderHead .payOrderInfo .desc{font-size: 13px;color: #828282;line-height: 24px;margin-top: 10px;}
.payPage .payOrderHead .payOrderTotal{font-size: 14px;color: #828282;line-height: 16px;margin-top: 10px;display: flex; align-items: center;}
.payPage .payOrderHead .payOrderTotal span{color: #FD4245;}
.payPage .payOrderHead .payOrderTotal .priceBox .priceText .oldNum{color: #808080;}
/* ---------- 支付页面-支付方式 ---------- */
.payPage .payOrderBody{width: 100%;height: 357px;display: flex;align-items: center;justify-content: space-between;margin-top: 50px;flex-wrap: wrap;}
.payPage .payOrderBody .payOrderType .payPrice{font-size: 16px;color: #353535;line-height: 22px;}
.payPage .payOrderBody .payOrderType .payPrice span{font-size: 22px;color: #FD4245;}
.payPage .payOrderBody .payOrderType .payTypeList{display: flex;align-items: center;gap: 0 20px;margin-top: 40px;}
.payPage .payOrderBody .payOrderType .payTypeItem{height: 42px;border-radius: 4px;border: 1px solid #DBDBDB;padding: 0 16px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;gap: 0 7px;cursor: pointer;}
.payPage .payOrderBody .payOrderType .payTypeItem .name{font-size: 14px;color: #1C1C1C;}
.payPage .payOrderBody .payOrderType .payTypeItem .name span{color: #FD4245;}
.payPage .payOrderBody .payOrderType .payTypeItem i{width: 31px;height: 31px;}
.payPage .payOrderBody .payOrderType .payTypeItem i.iconBalance{background-image: url(../img/ico_vip_balance.png);background-size: contain;}
.payPage .payOrderBody .payOrderType .payTypeItem i.iconZfb{background-image: url(../img/ico_vip_alipay.png);background-size: contain;}
.payPage .payOrderBody .payOrderType .payTypeItem i.iconWx{background-image: url(../img/ico_vip_wechat.png);background-size: contain;}
.payPage .payOrderBody .payOrderType .payTypeItem:hover{background: #FFEEED;}
.payPage .payOrderBody .payOrderType .payTypeItem.active{background: #FFEEED;border-color: #FD4245;}
.payPage .payOrderBody .payOrderType .payTips{font-size: 12px;color: #828282;line-height: 20px;margin-top: 10px;}
/* ---------- 支付页面-二维码 ---------- */
.payPage .qrCodeDialog{display: none;}
.payPage .qrCodeDialog .dialogMain{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 375px;background: #FFFFFF;border-radius: 8px;padding: 43px 27px;box-sizing: border-box;z-index: 1000;}
.payPage .qrCodeDialog .dialogClose{position: absolute;top: 17px;right: 17px;width: 15px;height: 15px;background: url(../img/ico_close.png) no-repeat center;background-size: contain;cursor: pointer;}
.payPage .payOrderQrcode{text-align: center;position: relative; }
.payPage .payOrderQrcode .payPrice{font-weight: bold;font-size: 20px;color: #FD4245;line-height: 36px;}
.payPage .payOrderQrcode .payPrice span{font-size: 36px;}
.payPage .payOrderQrcode .payQrcode{width: 280px;height: 280px;margin: 20px auto;background: #FFFFFF;border-radius: 8px 8px 8px 8px;border: 1px solid #DBDBDB;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.payPage .payOrderQrcode .payQrcodeTips{display: flex;align-items: center;justify-content: center;gap: 0 2px;font-size: 14px;color: #353535;line-height: 20px;margin-top: 8px;}
.payPage .payOrderQrcode .payQrcodeTips i.wx{width: 16px;height: 16px;background-image: url(../img/ico_vip_wechat02.png);background-size: contain;}
.payPage .payOrderQrcode .payQrcodeTips i.zfb{width: 16px;height: 16px;background-image: url(../img/ico_vip_alipay02.png);background-size: contain;}
.payPage .payOrderQrcode .payAgreement{display: flex; align-items: center;justify-content: center;gap: 0 2px;font-size: 13px; color: #656565;line-height: 20px;margin-top: 8px;}
.payPage .payOrderQrcode .payAgreement span{color: #1c1c1c;}
.payPage .payOrderQrcode .payAgreement i{width: 12px;height: 12px;background-image: url(../img/btn_select_01.png);background-size: contain;}
.payPage .payOrderBody .payOrderQrcode .payAgreement.active i{background-image: url(../img/btn_select_02.png);}
/* ---------- 支付页面-支付按钮 ---------- */
.payPage .payOrderBody .payOrderBtn{width: 100%;margin-top: 40px;}
.payPage .payOrderBody .payOrderBtn .payBtn{border: none;outline: none;width: 338px;height: 44px;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 8px;font-size: 14px;color: #FFFFFF;line-height: 44px;text-align: center;}
.payPage .payOrderBody .payOrderBtn .payAgreement{display: flex;align-items: center;gap: 0 2px;margin-top: 10px;font-size: 13px;color: #656565;line-height: 20px;}
.payPage .payOrderBody .payOrderBtn .payAgreement span{color: #1c1c1c;}
.payPage .payOrderBody .payOrderBtn .payAgreement .btnSelect{display: flex;align-items: center;gap: 3px;cursor: pointer;}
.payPage .payOrderBody .payOrderBtn .payAgreement .btnSelect[data-selected="false"]::before{display: inline-block;content: ""; width: 12px;height: 12px;background-image: url(../img/btn_select_01.png);background-size: contain;}
.payPage .payOrderBody .payOrderBtn .payAgreement .btnSelect[data-selected="true"]::before{display: inline-block;content: ""; width: 12px;height: 12px;background-image: url(../img/btn_select_02.png);background-size: contain;}
.payPage .payOrderBody .payOrderBtn .payAgreement.active i{background-image: url(../img/btn_select_02.png);}
/* ---------- 支付页面-切换支付方式 ---------- */
.payPage .payOrderBalance{align-items: flex-end;}
.payPage .payOrderBalance .payOrderQrcode{display: none;}
.payPage .payOrderBalance .payOrderBtn{display: block;}
/* ---------- 支付页面-支付状态 ---------- */
.payPage .payStatusWrap{width: 100%;height: 633px;background: #FFFFFF;border-radius: 8px;display: flex;align-items: center;justify-content: center;display: none;}
.payPage .payStatusWrap .payStatusBox{height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 11px 0;}
.payPage .payStatusWrap .payStatusBox i{width: 109px;height: 109px;background-image: url(../img/purchase_ico_sucessful.png);background-size: contain;}
.payPage .payStatusWrap .payStatusBox p{font-weight: 500;font-size: 20px;color: #353535;line-height: 24px;}
.payPage .payStatusWrap .payStatusBox a{border: none;outline: none;width: 200px;height: 44px;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 8px;font-size: 14px;color: #FFFFFF;line-height: 44px;text-align: center;}
.payPage .payStatusWrap .payStatusBox .tips{font-size: 13px;color: #828282;line-height: 24px;}
/* ========== 支付页面 e ========== */

/* ========== 竞彩专家 s ========== */
.sportsExpertPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.sportsExpertPage .pageMain{width: 757px;min-height: 500px;}
/* ---------- 竞彩专家-侧边 ---------- */
.sportsExpertPage .pageSide .sideBlock{width: 100%;background: #FFFFFF;border-radius: 8px;margin-bottom: 12px;}
.sportsExpertPage .pageSide .sideBlock .title{width: 100%;height: 48px;padding: 0 13px;box-sizing: border-box;font-size: 16px;color: #353535;line-height: 48px;display: flex;align-items: center;justify-content: space-between;}
.sportsExpertPage .pageSide .sideBlock .title .moreBtn{display: flex;align-items: center;font-size: 12px;color: #ACACAC;line-height: 48px;}
.sportsExpertPage .pageSide .sideBlock .title .moreBtn i{display: inline-block;width: 8px;height: 12px;background: url(../img/ico_next.png) no-repeat center;background-size: contain;margin-left: 4px;opacity: 0.6;}
/* 竞彩专家-侧边-热门赛事 */
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem{width: 100%;padding: 10px 0;box-sizing: border-box;border-top: 1px solid #F7F9FD;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .league{width: 100%;font-size: 16px;color: #353535;line-height: 30px;text-align: center;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .teams{display: flex;align-items: center;justify-content: space-between;gap: 0 13px; margin-top: 14px;padding: 0 6px;box-sizing: border-box;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .team{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 8px 0;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .team img{width: 36px;height: 36px;object-fit: contain;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .team h4{font-weight: 400;font-size: 14px;color: #353535;line-height: 16px;max-width: 120px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .vs{width: 50px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .vs i{display: block;width: 24px;height: 24px;background: url(../img/home_ico_vs.png) no-repeat center;background-size: contain;}
.sportsExpertPage .pageSide .hotMatchBlock .hotMatchItem .planBtn{display: flex;align-items: center;justify-content: center;width: 100px;height: 36px;margin: 14px auto 0;border-radius: 4px;border: 1px solid #FD4245;box-sizing: border-box;font-size: 14px;color: #FD4245;line-height: 26px;text-align: center;}
.sportsExpertPage .pageSide .hotExpertBlock .hotExpertList{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 60px;border-top: 1px solid #F7F9FD;padding: 20px 37px;box-sizing: border-box;}
/* 竞彩专家-侧边-热门专家 */
.sportsExpertPage .pageSide .hotExpertBlock .hotExpertItem a{display: flex;flex-direction: column;align-items: center;gap: 8px 0;}
.sportsExpertPage .pageSide .hotExpertBlock .hotExpertItem img{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}
.sportsExpertPage .pageSide .hotExpertBlock .hotExpertItem h4{font-weight: 500;font-size: 14px;color: #353535;line-height: 16px;max-width: 100px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sportsExpertPage .pageSide .hotExpertBlock .hotExpertItem .badge{width: 100px;height: 30px;display: flex;align-items: center;justify-content: center;padding: 0 10px;border-radius: 4px;border: 1px solid #FD4245;box-sizing: border-box;font-size: 14px;color: #FD4245;line-height: 20px;text-align: center;}
/* ---------- 竞彩专家-专家文章 ---------- */
.sportsExpertPage .pageExpert{width: 100%;margin-bottom: 24px;}
.sportsExpertPage .pageExpert ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 5px;}
.sportsExpertPage .pageExpert .expertItem{height: 196px;background: #FFFFFF;border-radius: 8px;padding: 16px 12px;box-sizing: border-box;}
.sportsExpertPage .pageExpert .expertHeader{width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;}
.sportsExpertPage .pageExpert .expertInfo{height: 100%;display: flex;align-items: center;gap: 0 6px;padding-left: 4px;box-sizing: border-box;}
.sportsExpertPage .pageExpert .expertInfo img{width: 40px;height: 100%;border-radius: 50%;}
.sportsExpertPage .pageExpert .expertInfo .intro h4{font-weight: 600;font-size: 14px;color: #000000;line-height: 16px;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sportsExpertPage .pageExpert .expertInfo .intro p{font-weight: 400;font-size: 11px;color: #808080;line-height: 14px;max-width: 120px;}
.sportsExpertPage .pageExpert .expertInfo .introInfo{display: flex;align-items: center;margin-top: 5px;gap: 0 5px;}
.sportsExpertPage .pageExpert .expertInfo .desc{height: 16px;display: flex;align-items: center;justify-content: center;background: rgba(253, 66, 69, 0.1);border-radius: 2px 6px 2px 6px;padding: 0 6px;box-sizing: border-box;font-size: 11px;color: #FD4245;line-height: 16px;}
.sportsExpertPage .pageExpert .expertInfo .desc i{width: 12px;height: 12px;background: url(../img/ico_football.png) no-repeat center;background-size: contain;margin-right: 2px;}
.sportsExpertPage .pageExpert .expertRate {font-weight: 400;font-size: 26px;color: #FD4245;line-height: 28px;text-align: right;}
.sportsExpertPage .pageExpert .expertContent{margin-top: 10px;display: block;}
.sportsExpertPage .pageExpert .expertSummary{font-weight: 400;font-size: 14px;color: #353535;line-height: 24px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;height: 48px;}
.sportsExpertPage .pageExpert .expertSummary span{color: #808080;}
.sportsExpertPage .pageExpert .expertDesc{width: 100%;height: 30px;background: #F7F9FD;border-radius: 4px;display: flex;align-items: center;justify-content: space-between;padding: 0 8px 0 6px;box-sizing: border-box;margin-top: 10px;}
.sportsExpertPage .pageExpert .expertDesc .desc{display: flex;align-items: center;justify-content: space-between;gap: 0 10px;width: 100%;}
.sportsExpertPage .pageExpert .expertDesc .desc .matchInfo{flex: 1;font-size: 12px;color: #808080;line-height: 30px;display: flex;align-items: center;gap: 0 2px;}
.sportsExpertPage .pageExpert .expertDesc .desc .matchInfo .team{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 70px;}
.sportsExpertPage .pageExpert .expertDesc .toIcon{display: block;width: 3px;height: 6px;background: url(../img/home_ico_next02.png) no-repeat center;background-size: cover;margin-left: 10px;}
.sportsExpertPage .pageExpert .expertFooter{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.sportsExpertPage .pageExpert .expertFooter .deadlineTime{font-size: 11px;color: #808080;line-height: 16px;}
.sportsExpertPage .pageExpert .expertFooter .price{font-size: 11px;color: #E36200;line-height: 16px;}
.sportsExpertPage .pageExpert .expertList .emptyTip{font-weight: 500;font-size: 14px;color: #353535;line-height: 50px;text-align: center;}
/* ---------- 竞彩专家-赛事 ---------- */
.sportsExpertPage .pageMatch{width: 100%;min-height: 300px;}
.sportsExpertPage .pageMatch .matchTab{display: flex;align-items: center;gap: 0 8px;}
.sportsExpertPage .pageMatch .matchTab li{width: 64px;height: 34px;border-radius: 4px;font-size: 14px;color: #353535;line-height: 34px;text-align: center;cursor: pointer;}
.sportsExpertPage .pageMatch .matchTab li:hover{color: #FD4245;}
.sportsExpertPage .pageMatch .matchTab li.active{background: #FD4245;color: #FFFFFF;}
.sportsExpertPage .pageMatch .matchTab li.active:hover{color: #FFFFFF;}
.sportsExpertPage .pageMatch .matchCategory{display: flex;align-items: center;justify-content: space-between;margin-top: 8px;margin-bottom: 10px;}
.sportsExpertPage .pageMatch .categoryList{display: flex;align-items: center;}
.sportsExpertPage .pageMatch .categoryList li{height: 34px;padding: 0 12px;font-size: 14px;color: #ACACAC;line-height: 34px;text-align: center;cursor: pointer;}
.sportsExpertPage .pageMatch .categoryList li:hover,.sportsExpertPage .pageMatch .categoryList li.active{color: #FD4245;}
/* ---------- 竞彩专家-赛事-列表 ---------- */
.sportsExpertPage .pageMatch .matchBox{display: none;}
.sportsExpertPage .pageMatch .matchBox.active{display: block;}
.sportsExpertPage .pageMatch .matchListBox{display: none;}
.sportsExpertPage .pageMatch .matchListBox.active{display: block;}
/* .sportsExpertPage .pageMatch .matchBox ul{margin-top: 8px;} */
.sportsExpertPage .pageMatch .matchBox .timeNode{position: relative;font-size: 14px;color: #353535;padding-left: 20px;text-align: center;font-size: 500;line-height: 40px;}
.sportsExpertPage .pageMatch .matchBox .matchItem{margin-bottom: 4px;}
.sportsExpertPage .pageMatch .matchBox .matchItem:last-child{margin-bottom: 0px;}
.sportsExpertPage .pageMatch .matchBox .matchItem a{width: 100%;padding: 14px;box-sizing: border-box;background: #FFFFFF;border-radius: 8px;display: flex;align-items: center;justify-content: space-between;gap: 0 10px;position: relative;}
.sportsExpertPage .pageMatch .matchBox .matchItem a.hasDesc{padding-bottom: 24px;}
.sportsExpertPage .pageMatch .matchBox .matchInfo{width: 150px;}
.sportsExpertPage .pageMatch .matchBox .matchInfo .basic{font-size: 12px;color: #353535;line-height: 14px;}
.sportsExpertPage .pageMatch .matchBox .matchInfo .basic span{margin-right: 10px;}
.sportsExpertPage .pageMatch .matchBox .matchInfo .time{display: flex;align-items: center;font-size: 12px;color: #ACACAC;line-height: 14px;margin-top: 8px;}
.sportsExpertPage .pageMatch .matchBox .matchInfo .time i{width: 12px;height: 12px;background: url(../img/home_ico_time.png) no-repeat center;background-size: contain;margin-right: 4px;}
.sportsExpertPage .pageMatch .matchBox .matchInfo .time span{margin-right: 10px;}
.sportsExpertPage .pageMatch .matchBox .matchTeam{display: flex;align-items: center;position: relative;}
.sportsExpertPage .pageMatch .matchBox .matchTeam .team{display: flex;align-items: center;gap: 0 6px;width: 200px;}
.sportsExpertPage .pageMatch .matchBox .matchTeam .team.flexEnd{justify-content: flex-end;}
.sportsExpertPage .pageMatch .matchBox .matchTeam img{width: 24px;height: 24px;object-fit: contain;}
.sportsExpertPage .pageMatch .matchBox .matchTeam h4{max-width: 120px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;color: #353535;}
.sportsExpertPage .pageMatch .matchBox .matchTeam .vs{width: 65px;display: flex;flex-direction: column;align-items: center;gap: 2px 0;position: relative;}
.sportsExpertPage .pageMatch .matchBox .matchTeam .vs i{display: block;width: 21px;height: 21px;margin: 0 auto;background: url(../img/home_ico_vs.png) no-repeat center;background-size: contain;margin-bottom: 3px;}
.sportsExpertPage .pageMatch .matchBox .matchTeam .status{width: 35px;height: 14px;margin: 0 auto;background: rgba(69,147,238,0.05);border-radius: 12px;border: 1px solid rgba(69,147,238,0.5);box-sizing: border-box;font-size: 8px;color: #4593EE;line-height: 12px;text-align: center;}
.sportsExpertPage .pageMatch .matchBox .rightInfo{width: 150px;}
.sportsExpertPage .pageMatch .matchBox .matchPlan{display: flex;align-items: center;justify-content: flex-end;font-weight: 500;font-size: 12px;color: #353535;line-height: 14px;}
.sportsExpertPage .pageMatch .matchBox .matchPlan em{color: #FD4245;}
.sportsExpertPage .pageMatch .matchBox .matchPlan i{width: 10px;height: 10px;background: url(../img/ico_next.png) no-repeat center;background-size: contain;margin-left: 8px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .homeRank{padding: 1px 2px;border-radius: 2px;color: 12px;line-height: 14px;color: #FFFFFF;background: #ea0000;}
.sportsExpertPage .pageMatch .matchBox .matchItem .awayRank{padding: 1px 2px;border-radius: 2px;color: 12px; line-height: 14px;color: #FFFFFF;background: #ffb31c;}
.sportsExpertPage .pageMatch .matchBox .matchItem.finished a,
.sportsExpertPage .pageMatch .matchBox .matchItem.inprogress a{padding-top: 26px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchTop{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);width: 100%;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #ACACAC;line-height: 14px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .totalGoal::before{content: "";display: inline-block;width: 10px;height: 10px;background: url(../img/game_ico_vector.png) no-repeat;background-size: contain;margin-right: 2px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchTopCenter{width: 65px;text-align: center;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchTopLeft,
.sportsExpertPage .pageMatch .matchBox .matchItem .matchTopRight{display: flex;flex: 1;gap: 0 15px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchTopLeft{justify-content: flex-end;}
.sportsExpertPage .pageMatch .matchBox .matchItem.inprogress .matchTopCenter{color: #3bb552;}
.sportsExpertPage .pageMatch .matchBox .matchItem.finished .matchTopCenter{color: #FD4245;}
.sportsExpertPage .pageMatch .matchBox .matchItem.finished .finalScore{font-weight: bold;font-size: 18px;color: #FD4245;line-height: 20px;text-align: center;padding-top: 5px;}
.sportsExpertPage .pageMatch .matchBox .matchItem.finished .status{background: rgba(253,66,69,0.1);color: #FD4245;border: none;line-height: 14px;margin-top: 4px;}
.sportsExpertPage .pageMatch .matchBox .matchItem.inprogress .finalScore{font-weight: bold;font-size: 18px;color: #3bb552;line-height: 20px;text-align: center;padding-top: 5px;}
.sportsExpertPage .pageMatch .matchBox .matchItem.inprogress .status{background: rgba(59,188,82,0.1);color: #3bb552;border: none;line-height: 14px;margin-top: 4px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchDesc{position: absolute;bottom: 4px;left: 50%;transform: translateX(-50%);font-size: 11px;color: #828282;line-height: 15px;}
.sportsExpertPage .pageMatch .matchBox .matchItem .status.openStatus{background:#e5e5e5 !important;color: #FFFFFF !important;}
.sportsExpertPage .pageMatch .matchBox .matchItem .status.yks{background:#ff7d7f !important;color: #FFFFFF !important;}
.sportsExpertPage .pageMatch .matchBox .matchItem .status.ykj{background:#3bb552 !important;color: #FFFFFF !important;}
.sportsExpertPage .pageMatch .matchBox .matchItem .status.dks{background:#e5e5e5 !important;color: #FFFFFF !important;}
.sportsExpertPage .pageMatch .matchBox .matchItem .status.dkj{background:#61CAF1 !important;color: #FFFFFF !important;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchEarn{display: flex;justify-content: flex-end;}
.sportsExpertPage .pageMatch .matchBox .matchItem .matchEarn .innerBox{font-size: 12px;color: #ACACAC;line-height: 14px;text-align: center;} 
.sportsExpertPage .pageMatch .matchBox .matchItem .matchEarn .ratio{color: #353535;margin: 7px 0;}
.sportsExpertPage .pageMatch .matchPeriod{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 8px;padding: 0 14px;box-sizing: border-box;}
.sportsExpertPage .pageMatch .matchPeriod .num{display: flex;align-items: center;font-size: 14px;color: #353535;line-height: 16px;}
.sportsExpertPage .pageMatch .matchPeriod .num i{width: 14px;height: 14px;background: url(../img/home_ico_date.png) no-repeat center;background-size: contain;margin-right: 4px;}
.sportsExpertPage .pageMatch .matchPeriod .info{display: flex;align-items: center;gap: 0 20px;}
.sportsExpertPage .pageMatch .matchPeriod .info .item{font-size: 14px;color: #ACACAC;line-height: 16px;}
/* ========== 竞彩专家 e ========== */

/* ========== 数彩专家 s ========== */
.digitalExpertPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.digitalExpertPage .pageMain{width: 757px;min-height: 500px;}
/* ---------- 数彩专家-侧边 ---------- */
.digitalExpertPage .pageSide .dleSide { width: 100%; }
.digitalExpertPage .pageSide .dleSideTabs { width: 100%; height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 0 10px; }
.digitalExpertPage .pageSide .dleSideTab { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; background: #FFFFFF; font-size: 14px; color: #353535; border-radius: 4px; cursor: pointer; transition: background-color 0.2s, color 0.2s; }
.digitalExpertPage .pageSide .dleSideTab:hover { color: #FD4245; }
.digitalExpertPage .pageSide .dleSideTab.active { background: #FD4245; color: #FFFFFF; font-weight: 500; }
.digitalExpertPage .pageSide .dleSideTab.active:hover { color: #FFFFFF; }
.digitalExpertPage .pageSide .dleLotteryBox { display: none; width: 100%; margin-top: 12px; }
.digitalExpertPage .pageSide .dleLotteryBox.active { display: block; }
.digitalExpertPage .pageSide .dleEmpty { width: 100%; padding: 60px 0; text-align: center; color: #ACACAC; font-size: 14px; background: #FFFFFF; border-radius: 8px; }
/* 数彩专家-侧边-彩种 */
.digitalExpertPage .pageSide .dleLotteryItem { width: 100%; background: radial-gradient(79.26% 79.29% at 75% 25.65%, rgba(255, 123, 120, 0) 0%, #fff4f5 100%); border-radius: 8px; padding: 16px 0; margin-bottom: 12px; border: 1px solid rgba(253,66,69,0.1); box-sizing: border-box; transition: box-shadow 0.2s; }
.digitalExpertPage .pageSide .dleLotteryLink { display: block; cursor: pointer; }
.digitalExpertPage .pageSide .dleLtHead { display: flex; align-items: center; height: 20px; padding: 0 10px; box-sizing: border-box; }
.digitalExpertPage .pageSide .dleLtName { font-weight: 600; font-size: 16px; color: #353535; line-height: 20px; margin-right: 8px; }
.digitalExpertPage .pageSide .dleLtPeriod { font-size: 14px; color: #353535; line-height: 20px; margin-right: 8px; }
.digitalExpertPage .pageSide .dleLtDate { font-size: 13px; color: #ACACAC; line-height: 20px; }
/* 数彩专家-侧边-号码球 */
.digitalExpertPage .pageSide .dleBallRow { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding: 10px 30px 0 10px; box-sizing: border-box; border-top: 1px solid #F7F9FD; }
.digitalExpertPage .pageSide .dleBall { width: 30px; height: 30px; background: #FD4245; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; color: #FFFFFF; }
.digitalExpertPage .pageSide .dleBall.spec { background: #4593EE; }
.digitalExpertPage .dleLtArrow { position: absolute; right: 10px; top: 18px; width: 8px; height: 14px; background: url(../img/ico_next2.png) no-repeat center; background-size: contain; }
/* 数彩专家-侧边-信息行（每日开奖 / 今日开奖） */
.digitalExpertPage .pageSide .dleLtInfo { width: 100%; height: 20px; display: flex; align-items: center; justify-content: space-between; margin-top: 12px; background: linear-gradient( 90deg, #FFE3E6 0%, rgba(255,251,251,0) 100%); padding: 0 10px; box-sizing: border-box; }
.digitalExpertPage .pageSide .dleLtInfo .dleInfoText { font-size: 13px; color: #828282; }
.digitalExpertPage .pageSide .dleInfoToday {position: absolute;top: 50%;right: 7px;transform: translateY(-50%); font-size: 12px; color: #FD4245; line-height: 16px; font-weight: 600; }
/* 数彩专家-侧边-双色球-奖池信息 */
.digitalExpertPage .pageSide .dlePrizeInfo{ padding-top: 7px; }
.digitalExpertPage .pageSide .dlePrizeInfo p { width: 100%; height: 20px; display: flex; align-items: center; margin-top: 5px; background: linear-gradient( 90deg, #FFE3E6 0%, rgba(255,251,251,0) 100%); font-size: 13px; color: #828282; padding: 0 8px; box-sizing: border-box;position: relative; }
.digitalExpertPage .pageSide .dlePiLabel { margin-right: 8px; }
.digitalExpertPage .pageSide .dlePiValue{ margin-right: 14px; }
.digitalExpertPage .pageSide .dlePiValue em{ color: #FD4245; font-weight: 500; }
.digitalExpertPage .pageSide .dlePiExtra { position: relative; }
.digitalExpertPage .pageSide .dlePiExtra::before{ content: ""; position: absolute; top: 50%; left: -7px; transform: translateY(-50%); width: 1px; height: 14px; background: #E0E0E0; }
/* 数彩专家-侧边-底部操作行 */
.digitalExpertPage .pageSide .dleLtActions { display: flex; align-items: center; justify-content: space-between; gap: 0 8px; margin-top: 12px; padding: 0 10px; box-sizing: border-box; }
.digitalExpertPage .pageSide .dleLtActions .dleAction { flex: 1; display: flex; align-items: center; justify-content: space-between; position: relative; font-weight: bold; font-size: 12px; color: #353535; line-height: 14px; cursor: pointer; transition: color 0.2s; padding-right: 8px; box-sizing: border-box; }
.digitalExpertPage .pageSide .dleLtActions .dleAction::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #E5E8EE; }
.digitalExpertPage .pageSide .dleLtActions .dleAction i{ display: inline-block; width: 8px; height: 14px; background: url(../img/ico_next.png) no-repeat center; background-size: contain; }
.digitalExpertPage .pageSide .dleLtActions .dleAction:last-child { padding-right: 0; }
.digitalExpertPage .pageSide .dleLtActions .dleAction:last-child::after { display: none; }
.digitalExpertPage .pageSide .dleLtActions .dleAction:hover { color: #FD4245; }
/* ---------- 数彩专家-主要内容 ---------- */
.digitalExpertPage .dleBlockHead { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.digitalExpertPage .dleBlockTitle { font-weight: 600; font-size: 16px; color: #353535; line-height: 20px; }
.digitalExpertPage .dleMoreLink { display: flex; align-items: center; font-size: 12px; color: #828282; line-height: 20px; cursor: pointer; transition: color 0.2s; }
.digitalExpertPage .dleMoreLink:hover { color: #FD4245; }
.digitalExpertPage .dleMoreLink i { display: inline-block; width: 6px; height: 10px; background: url(../img/ico_next.png) no-repeat center; background-size: contain; margin-left: 4px; }
/* ---------- 明星专家 ---------- */
.digitalExpertPage .dleCelebrityBlock { width: 100%; }
.digitalExpertPage .dleCelebrityList { display: flex; align-items: flex-start; margin-top: 20px; }
.digitalExpertPage .dleCelebrityItem { width: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0 3px; cursor: pointer; transition: transform 0.2s; }
/* .digitalExpertPage .dleCelebrityItem:hover { transform: translateY(-2px); } */
.digitalExpertPage .dleCelAvatar { position: relative; width: 50px; height: 50px; }
.digitalExpertPage .dleCelAvatar img { width: 100%; height: 100%; border-radius: 50%; background: #E5E8EE; object-fit: cover; }
.digitalExpertPage .dleCelBadge { position: absolute; top: -14px; right: -8px; min-width: 16px; height: 14px; padding: 0 4px; background: #FD4245; border-radius: 6px 6px 6px 1px; box-sizing: border-box; font-size: 11px; color: #FFFFFF; line-height: 14px; text-align: center; }
.digitalExpertPage .dleCelName { font-size: 13px; color: #333333; line-height: 15px; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 7px; }
.digitalExpertPage .dleCelAmount { margin-top: 4px; font-size: 0; color: #FD4245; line-height: 14px; }
.digitalExpertPage .dleCelAmount span { font-weight: 500; font-size: 18px; line-height:26px; }
.digitalExpertPage .dleCelAmount em { font-size: 14px; vertical-align: -2px; }
/* ---------- 热销方案 ---------- */
.digitalExpertPage .dlePlanBlock { width: 100%; margin-top: 20px; }
.digitalExpertPage .dlePlanBlock .dleBlockHead { height: 34px; }
.digitalExpertPage .dlePlanTabs { display: flex; align-items: center; gap: 0 10px; }
.digitalExpertPage .dlePlanTabs li { min-width: 56px; height: 34px; padding: 0 14px; border-radius: 4px; background: #FFFFFF; font-size: 14px; color: #353535; line-height: 34px; text-align: center; cursor: pointer; box-sizing: border-box; transition: background-color 0.2s, color 0.2s; }
.digitalExpertPage .dlePlanTabs li:hover { color: #FD4245; }
.digitalExpertPage .dlePlanTabs li.active { background: #FD4245; color: #FFFFFF; font-weight: 500; }
.digitalExpertPage .dlePlanTabs li.active:hover { color: #FFFFFF; }
/* 方案卡片网格 */
.digitalExpertPage .dlePlanList { display: none; grid-template-columns: repeat(2, 1fr); gap: 5px; margin-top: 12px; }
.digitalExpertPage .dlePlanList.active{display: grid;}
.digitalExpertPage .dlePlanItem { background: #FFFFFF; border-radius: 8px; padding: 16px 12px; box-sizing: border-box; transition: box-shadow 0.2s; }
.digitalExpertPage .dlePlanItem:hover { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); }
.digitalExpertPage .dlePlHead { display: flex; align-items: center; gap: 0 6px; }
.digitalExpertPage .dlePlAvatar { width: 40px; height: 40px; border-radius: 50%; background: #E5E8EE; object-fit: cover; }
.digitalExpertPage .dlePlName { font-weight: 600; font-size: 16px; color: #000000; line-height: 20px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.digitalExpertPage .dlePlContent { font-size: 16px; color: #353535; line-height: 26px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-align: justify; min-height: 52px; }
.digitalExpertPage .dlePlFooter { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
.digitalExpertPage .dlePlInfo { display: flex; align-items: center; gap: 0 10px; font-size: 12px; color: #ACACAC; line-height: 30px; }
.digitalExpertPage .dlePlTag { color: #353535; }
.digitalExpertPage .dlePlPeriod { color: #ACACAC; }
.digitalExpertPage .dlePlPrice { font-size: 12px; color: #E36200; line-height: 30px; }
.digitalExpertPage .dlePlPrice em { font-weight: 600; margin-right: 1px; }
.digitalExpertPage .dlePlanList .emptyRes{width: 100%;grid-column: 1 / -1;margin: 30px 0;text-align: center;font-size: 14px;color: #353535;}
.digitalExpertPage .priceBox .priceText .oldNum{line-height: 13px;}
/* ========== 数彩专家 e ========== */

/* ========== 比赛详情页 s ========== */
.competitionDetailPage .pageMain{padding-bottom: 20px;}
/* ---------- 比赛信息模块 ---------- */
.competitionDetailPage .cdpMatchInfo{min-width: 1124px;width:100%;height: 208px;background: url(../img/match_bg01.jpg) no-repeat center; background-size: cover;padding:24px 30px 20px;box-sizing:border-box;border-top: 1px solid #F7F9FD;border-bottom: 1px solid #F7F9FD;position: relative;}
.competitionDetailPage .cdpMatchTeams{display:flex;align-items:center;justify-content:center;gap:0 20px;}
.competitionDetailPage .cdpMatchTeam{display:flex;flex-direction:column;align-items:center;min-width:200px;}
.competitionDetailPage .cdpMatchTeamLogo{width:66px;height:66px;object-fit:contain;}
.competitionDetailPage .cdpMatchTeamNameBox{display: flex;align-items: center;justify-content: center;gap: 0 2px;margin-top: 12px;}
.competitionDetailPage .cdpMatchTeamMark{width: 16px;height: 16px;background: #FFB31C;border-radius: 1px 1px 1px 1px;font-size: 11px;color: #FFFFFF;line-height: 16px;text-align: center;}
.competitionDetailPage .cdpMatchTeamName{font-weight:600;font-size:18px;color:#353535;line-height:20px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.competitionDetailPage .cdpMatchTeamRank{font-size:12px;color: #ACACAC;line-height:14px;margin-top: 12px;}
.competitionDetailPage .cdpMatchIntro{width: 345px;text-align: center;}
.competitionDetailPage .cdpMatchTime{display: flex;align-items: center;justify-content: center;gap: 0 10px;font-size: 14px;color: #808080;line-height: 16px;}
.competitionDetailPage .cdpMatchStatus{display: inline-block;height: 24px;padding: 0 13px;background: rgba(53,53,53,0.05);border-radius: 14px; font-size: 12px;color: #808080;line-height: 24px;text-align: center;margin-top: 12px;}
.competitionDetailPage .cdpMatchVs{font-weight: bold;font-size: 24px;color: #808080;line-height: 32px;margin-top: 12px;}
.competitionDetailPage .matchCountdown{font-size: 12px;color: #808080;line-height: 14px;margin-top: 12px;}
.competitionDetailPage .cdpMatchTag{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding: 0 12px;height: 34px;background: #FFB31C;border-radius: 10px 10px 0px 0px;font-size: 18px;color: #FFFFFF;line-height: 34px;}
.competitionDetailPage .statusRunning .cdpMatchStatus{background:rgba(59,181,82,.1);color:#3bb552}
.competitionDetailPage .statusRunning .cdpMatchScore{font-size: 22px;font-weight: bold;color: #3bb552;line-height: 24px;margin-top: 10px;}
.competitionDetailPage .statusFinished .cdpMatchStatus{background: rgba(253, 66, 69, .1);color: #fd4245;}
.competitionDetailPage .statusFinished .cdpMatchScore{font-size: 22px;font-weight: bold;color: #fd4245;line-height: 24px;margin-top: 10px;}
.competitionDetailPage .statusRunning .cdpMatchIntro .matchCountdown{display:none !important}
.competitionDetailPage .statusRunning .cdpMatchIntro .cdpMatchVs{display:none !important}
.competitionDetailPage .statusRunning .cdpMatchIntro .matchStatus::after{content:"'"}
.competitionDetailPage .statusFinished .cdpMatchIntro .matchCountdown{display:none !important}
.competitionDetailPage .statusFinished .cdpMatchIntro .cdpMatchVs{display:none !important}
/* ---------- Tab导航 ---------- */
.competitionDetailPage .cdpTabNavWrap{display: flex;align-items: center;justify-content: space-between;margin-top: 25px;}
.competitionDetailPage .cdpTabNav{display:flex;align-items:center;height:38px;box-sizing:border-box;gap:0 8px;}
.competitionDetailPage .cdpTabItem{width: 64px;height:34px;border-radius:4px;font-size:14px;color:#353535;line-height:34px;text-align:center;cursor:pointer;user-select:none;}
.competitionDetailPage .cdpTabItem:hover{color:#FD4245;}
.competitionDetailPage .cdpTabItem.active{background:#FD4245;color:#FFFFFF;}
.competitionDetailPage .cdpTabItem.active:hover{color:#FFFFFF;}
.competitionDetailPage .cdpTabPanelFilter .filterBox{display: none;align-items: center;gap: 0 4px;background: #EEF1F7;border-radius: 20px;height: 100%;padding: 3px;box-sizing: border-box;}
.competitionDetailPage .cdpTabPanelFilter .filterBox.active{display: flex;}
.competitionDetailPage .cdpTabPanelFilter .filterItem{flex: 1;height: 100%;padding: 0 10px;font-size: 14px;color: #353535;line-height: 28px;text-align: center;border-radius: 19px;cursor: pointer;white-space: nowrap;}
.competitionDetailPage .cdpTabPanelFilter .filterItem:hover{color:#FD4245;}
.competitionDetailPage .cdpTabPanelFilter .filterItem.active{background: #FD4245;color: #FFFFFF;}
.competitionDetailPage .cdpTabPanelFilter .filterItem.active:hover{color:#FFFFFF;}
/* ---------- Tab面板公共 ---------- */
.competitionDetailPage .cdpTabPanel{display:none;width:100%;margin-top:12px;}
.competitionDetailPage .cdpTabPanel.active{display:block;}
.competitionDetailPage .cdpTabPanel .emptyTip{padding:60px 0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px 0;}
.competitionDetailPage .cdpTabPanel .emptyTip .footballIcon{width:240px;height:184px;background-image:url(../img/match_none_bg.png);background-repeat:no-repeat;background-size:cover;-ms-flex-negative:0;flex-shrink:0}
.competitionDetailPage .cdpTabPanel .emptyTip .emptyTipText{font-weight:400;font-size:18px;color:#808080;line-height:20px}
.competitionDetailPage .cdpTabPanel .emptyTip .footballIcon.icon2{background-image: url(../img/match_none_bg2.png);}
/* ---------- 专家模块 ---------- */
.competitionDetailPage .cdpExpertBox{display: none;}
.competitionDetailPage .cdpExpertBox.active{display: block;}
.competitionDetailPage .cdpExpertItem{width:100%;background:#FFFFFF;border-radius:8px;padding:20px 24px;box-sizing:border-box;margin-bottom:4px;}
.competitionDetailPage .cdpExpertItem:last-child{margin-bottom:0;}
.competitionDetailPage .cdpExpertType{display: flex;align-items: center;justify-content: space-between;}
.competitionDetailPage .cdpExpertType .typeText{font-size: 16px;color: #353535;line-height: 18px;}
.competitionDetailPage .cdpExpertType .deadLineTime{font-size: 16px;color: #ACACAC;line-height: 18px;}
.competitionDetailPage .cdpExpertSummary{font-size:20px;color:#353535;line-height:36px;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top: 20px;}
.competitionDetailPage .cdpExpertSummary span{color:#808080;}
.competitionDetailPage .cdpExpertFooter{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;}
.competitionDetailPage .cdpExpertInfo{height:100%;display:flex;align-items:center;gap:0 10px;padding-left: 4px;}
.competitionDetailPage .cdpExpertInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.competitionDetailPage .cdpExpertInfo h4{font-weight:600;font-size:18px;color:#000000;line-height:20px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.competitionDetailPage .cdpExpertBadge{display:flex;align-items:center;height:28px;background: rgba(253,66,69,0.1);border-radius: 4px 8px 4px 8px;padding:0 6px;box-sizing:border-box;font-size:14px;color:#FD4245;line-height:16px;gap:0 2px;}
.competitionDetailPage .cdpExpertBadge i{display:inline-block;width:16px;height:16px;background:url(../img/ico_football.png) no-repeat center;background-size:contain;}
.competitionDetailPage .cdpExpertPrice{flex: 2;display: flex;justify-content: flex-end;}
.competitionDetailPage .cdpExpertPriceContent{display:flex;align-items:center;height: 42px;border-radius: 21px;border: 1px solid #FD4245;box-sizing: border-box;}
.competitionDetailPage .cdpExpertPrice .price{height: 100%;padding: 0 23px;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 21px;font-size: 14px;color: #FFFFFF;line-height: 40px;}
.competitionDetailPage .cdpExpertPrice .price span{font-size: 26px;font-weight: bold;}
.competitionDetailPage .cdpExpertPrice .skipLink{width: 60px;height: 100%;font-size: 16px;color: #FD4245;line-height: 40px;text-align: center;}
.competitionDetailPage .cdpExpertItem .priceBox{height: 100%;}
.competitionDetailPage .cdpExpertItem .priceBox .priceText .newNum{color: #fff;}
.competitionDetailPage .cdpExpertItem .priceBox .priceText .time::before{color: #fff;font-size: 16px;}
.competitionDetailPage .cdpExpertItem .priceBox .priceText .newNum::after{color: #fff;font-size: 16px;}
.competitionDetailPage .cdpExpertItem .priceBox .priceText .oldNum{font-size: 16px;color: #FFFFFF;font-weight: 400;}
.competitionDetailPage .cdpExpertItem .priceBox .notFullyComIcon{font-size: 14px;line-height: 16px;height: 16px;width: 60px;}
/* ---------- 情报模块 ---------- */
.competitionDetailPage .cdpIntelBox{display: none;}
.competitionDetailPage .cdpIntelBox.active{display: block;}
.competitionDetailPage .cdpIntelBlock{width:100%;background:#FFFFFF;border-radius:8px;box-sizing:border-box;margin-bottom:8px;padding-bottom: 8px;}
.competitionDetailPage .cdpIntelBlock:last-child{margin-bottom:0;}
.competitionDetailPage .cdpIntelBlockTitle{display:flex;align-items:center;margin-bottom:12px;font-weight:600;font-size:16px;line-height:48px;position: relative;padding-left: 13px;box-sizing: border-box;}
.competitionDetailPage .cdpIntelBlockTitle::before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 3px;height: 16px;border-radius: 5px;}
.competitionDetailPage .cdpIntelBlock--favor .cdpIntelBlockTitle{color:#FD4245;}
.competitionDetailPage .cdpIntelBlock--favor .cdpIntelBlockTitle::before{background-color:#FD4245;}
.competitionDetailPage .cdpIntelBlock--unfavor .cdpIntelBlockTitle{color:#4593EE;}
.competitionDetailPage .cdpIntelBlock--unfavor .cdpIntelBlockTitle::before{background-color:#4593EE;}
.competitionDetailPage .cdpIntelBlock--neutral .cdpIntelBlockTitle{color:#FFB31C;}
.competitionDetailPage .cdpIntelBlock--neutral .cdpIntelBlockTitle::before{background-color:#FFB31C;}
.competitionDetailPage .cdpIntelItem{display:flex;align-items:flex-start;gap:0 8px;padding: 0 12px;box-sizing: border-box;font-size:14px;color:#808080;line-height:28px;margin-bottom:20px;}
.competitionDetailPage .cdpIntelItem:last-child{margin-bottom:0;} 
.competitionDetailPage .cdpIntelDot{display:inline-block;width:9px;height:12px;flex-shrink:0;margin-top:8px;}
.competitionDetailPage .cdpIntelDot--favor{background:url(../img/match_ico_imformation01.png) no-repeat center;background-size:contain;}
.competitionDetailPage .cdpIntelDot--unfavor{background:url(../img/match_ico_imformation02.png) no-repeat center;background-size:contain;}
.competitionDetailPage .cdpIntelDot--neutral{background:url(../img/match_ico_imformation03.png) no-repeat center;background-size:contain;}
/* ---------- 战绩模块 ---------- */
.competitionDetailPage .cdpTabPanel .recordCard{background:#fff;border-radius:8px;padding:20px 10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom: 8px;}
.competitionDetailPage .cdpTabPanel .recordCard .recordTitle{font-weight:bold;font-size:14px;color:#353535;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable{margin-top:12px;border:1px solid #f7f9fd;border-radius:4px}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable .noData{text-align: center;font-weight: 400;font-size: 14px;color: #808080;line-height: 16px;padding: 20px 0;}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable .rankHeader p{font-weight:500}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable .teamItem{display: flex;align-items: center; min-height:36px;background:#f7f9fd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable .teamItem .teamName{flex-shrink: 0;font-weight:500;font-size:12px;color:#353535;line-height:14px;white-space: nowrap;}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable .teamItem .desc{flex-shrink: 0;font-weight:400;font-size:14px;color:#FD4245;line-height:16px;text-align: left;margin-left: 3px;}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable .teamItem .logo{flex-shrink: 0;width:18px;height:18px;vertical-align:middle;margin-right:3px}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li{min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-bottom:1px solid #f7f9fd}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li:last-child{border-bottom:none}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li>p{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;border-right:1px solid #f7f9fd;font-weight:400;font-size:12px;color:#353535;line-height:14px;box-sizing:border-box}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li>p:last-child{border-right:none}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li>p:nth-child(1){flex: 1.1;}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li>p:nth-child(2){flex: 1.3;}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li>p:nth-child(4){flex: 1.3;}
.competitionDetailPage .cdpTabPanel .scoreRank .teamTable li>p:nth-child(1){flex: 1.3;}

.competitionDetailPage .cdpTabPanel .recordCard .teamTable li .color808080{color:grey}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li .colorFD4245{color:#fd4245}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li .color4593EE{color:#4593ee}
.competitionDetailPage .cdpTabPanel .recordCard .teamTable li .color3bb552{color:#3bb552}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamHeader{padding:0;height:36px;border-top:1px solid #fff;}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamHeader p{font-weight: 500;}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li{padding:10px 0;border-bottom:0}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li:nth-child(2n-2){background:#f7f9fd}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li>p{border:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable li>p:nth-child(3){-webkit-box-flex:0.5;-ms-flex:0.5;flex:0.5}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter{height:40px;min-height:40px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .sessionTabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 15px;height:40px}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .sessionTabs .sessionItem{font-weight:500;font-size:16px;color:grey;cursor:pointer}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .sessionTabs .selected{position:relative;color:#353535}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .sessionTabs .selected::after{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";display:block;width:21px;height:3px;background:#fd4245;border-radius:7px}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .typeTabs{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .typeTabs .typeItem{display:block;width:70px;height:32px;background:#f7f9fd;border-radius:20px;font-weight:400;font-size:14px;color:#353535;text-align:center;line-height:32px;cursor:pointer}
.competitionDetailPage .cdpTabPanel .recordCard .zebraTable .teamFilter .typeTabs .selected{background:#fd4245;color:#fff}
.competitionDetailPage .cdpTabPanel .recordCard .summary{font-weight:400;font-size:14px;color:#353535;line-height:20px;padding:12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;width:100%}
.competitionDetailPage .cdpTabPanel .recordCard .summary .colorFD4245{color:#fd4245}
.competitionDetailPage .cdpTabPanel .recordCard .summary .color4593EE{color:#4593ee}
.competitionDetailPage .cdpTabPanel .recordCard .summary .color3bb552{color:#3bb552}
.competitionDetailPage .cdpTabPanel .recently .summary{padding-bottom: 15px;}
.competitionDetailPage .cdpTabPanel .scoreRank{display: none;}
.competitionDetailPage .cdpTabPanel .scoreRank .teamTableTwo li>p:nth-child(2){-webkit-box-flex:2;-ms-flex:2;flex:2}
.competitionDetailPage .cdpTabPanel .injuryStop #injuryStopTable .teamTable li>p .avatar{width:27px;height:27px;margin-right:5px;vertical-align:middle}
.competitionDetailPage .cdpTabPanel .injuryStop #injuryStopTable .teamTable li>p .playerName{text-align:center}
.competitionDetailPage .cdpTabPanel .injuryStop #injuryStopTable .teamTable li>p:first-child{-webkit-box-flex:3;-ms-flex:3;flex:3}
.competitionDetailPage .cdpTabPanel .injuryStop #injuryStopTable .teamTable li>p:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1}
.competitionDetailPage .cdpTabPanel .injuryStop #injuryStopTable .teamTable li>p:nth-child(3){-webkit-box-flex:2;-ms-flex:2;flex:2}
.competitionDetailPage .cdpTabPanel .recently #recentlyTable .zebraTable li:nth-child(2n-2){background:0 0}
.competitionDetailPage .cdpTabPanel .recently #recentlyTable .zebraTable li:nth-child(2n-1){background:#f7f9fd}
.competitionDetailPage .cdpTabPanel .recordCard .tableFlex{display: flex;gap: 0 10px;}
.competitionDetailPage .cdpTabPanel .recordCard .tableFlex .teamTable{flex:1;}
/* ---------- 指数模块 ---------- */
.competitionDetailPage .cdpTabPanel .indexTableWrap{flex: 1;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:12px;border-radius:8px;background:#fff}
.competitionDetailPage .cdpTabPanel .indexTableWrap.emptyBlock{background: none;}
.competitionDetailPage .cdpTabPanel .indexTableWrap .colorFD4245{color:#fd4245!important}
.competitionDetailPage .cdpTabPanel .indexTableWrap .color4593EE{color:#4593ee!important}
.competitionDetailPage .cdpTabPanel .indexTableWrap .color3bb552{color:#3bb552!important}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable{width:100%;border:1px solid #eef1f7;-webkit-box-sizing:border-box;box-sizing:border-box}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li:last-child p{border-bottom:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li p{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:1px solid #f7f9fd;border-bottom:1px solid #f7f9fd}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li p span{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:normal;-ms-flex-negative:1;flex-shrink:1;white-space:normal}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li p:last-child{border-right:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li p:first-child{-webkit-box-flex:0;-ms-flex:none;flex:none;width:334px;min-width:334px;border-right:1px solid #f7f9fd}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li .companyValue{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li .companyValue .companyName{-webkit-box-flex:0;-ms-flex:none;flex:none;font-weight:500;font-size:12px;color:#353535;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.competitionDetailsPage .indexContent .indexTableWrap .indexTable>li .companyValue .matchIcon{display:none;width:12px;height:12px;background-image:url(../img/match_ico_com.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:4px}
.competitionDetailsPage .indexContent .indexTableWrap .indexTable>li .companyValue .matchSelectedIcon{display:none;width:12px;height:10px;background-image:url(../img/match_ico_com02.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:4px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li .numericalValue span{font-weight:400;font-size:12px;color:#353535;border-right:1px solid #f7f9fd}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable>li .numericalValue span:last-child{border-right:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable .indexTableHead{background:#f7f9fd;height:36px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable .indexTableHead p{font-weight:500;font-size:12px;color:#353535;border-right:1px solid #eef1f7}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable .indexTableHead p:first-child{border-right:1px solid #eef1f7!important}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexTable .indexTableRow{min-height:40px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable{width:100%;border:1px solid #eef1f7;-webkit-box-sizing:border-box;box-sizing:border-box}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li{height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-bottom:1px solid #eef1f7}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li:last-child{border-bottom:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li .tableLabel{font-weight:500;font-size:12px;color:#353535;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:332px; background:#f7f9fd;border-right:1px solid #eef1f7}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li .tableValue{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li .tableValue p{padding:0;margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;width:-webkit-fill-available;width:-moz-available;width:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-bottom:1px solid #eef1f7}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li .tableValue p span{font-weight:400;font-size:12px;color:#353535;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:1px solid #eef1f7}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li .tableValue p span:last-child{border-right:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .numericalValueTable li .tableValue p:last-child{border-bottom:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable{margin-top: 12px;}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableHead{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:36px;background:#f7f9fd}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableHead>p{font-weight:500;font-size:12px;color:#353535;border-left:1px solid #eef1f7;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink: 0;}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableHead>p:first-child{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:content;-ms-flex:content;flex:content;width:332px;min-width: 332px;border-left:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableRow .tableLabel{background:#fff}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableRow .tableLabel .companyName{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableRow .tableLabel .matchIcon{display:none;width:12px;height:12px;background-image:url(../img/match_ico_com.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:4px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .companyTable .companyTableRow .tableLabel .matchSelectedIcon{display:none;width:12px;height:10px;background-image:url(../img/match_ico_com02.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:4px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .versusRow{background:#f7f9fd;border-bottom:1px solid #eef1f7;position:relative;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .versusRow>img{width:auto;height:18px;margin:0 3px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .versusRow .name{display:block;font-weight:500;font-size:14px;color:#353535;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .versusRow .vs{display:block;font-weight:400;font-size:14px;color:grey;margin:0 49px}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .versusRow .close{cursor:pointer;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:32px;height:30px;background-image:url(../img/match_ico_close.png);background-size:contain;background-repeat:no-repeat}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable li .numericalValue:last-child{width:255px;}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .indexTableRow .companyValue{background:#f7f9fd}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .indexTableRow .companyValue p{border-bottom:none!important}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .indexTableRow .companyValue .matchSelectedIcon{display:none}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .indexTableRow .selected{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:4px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background:#fff;color:#fd4245}
.competitionDetailPage .cdpTabPanel .indexTableWrap .indexDetailsTable .indexTableRow .selected .matchSelectedIcon{display:block}
.competitionDetailPage .cdpTabPanel .handicap{display:-webkit-box;display:-ms-flexbox;display:flex}
/* ---------- 赛况模块 ---------- */
.competitionDetailPage .cdpTabPanel .matchData{padding:17px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height: 120px;background:#fff;border-radius:8px;display: flex;align-items: center;justify-content: space-between;gap: 0 20px;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex: 1;padding: 0 30px;gap: 0 30px;box-sizing: border-box;position: relative;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap::after{content: "";position: absolute;top: -7px;right: -10px;width: 1px;height: 100px;background: #F7F9FD;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem::after{content: "";position: absolute;top: 50%;right: 0px;transform: translateY(-50%);width: 1px;height: 60px;background: #F7F9FD;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem:last-child::after{display: none;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .statTitle{font-weight:400;font-size:12px;color:#353535;line-height:14px;margin-bottom: 10px;}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .circleContainer{position:relative;width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .circleContainer .circleRing{width:100%;height:100%;border-radius:50%;background:conic-gradient(#4593ee 0,#4593ee var(--bluePercent),#fd4245 var(--bluePercent),#fd4245 100%);mask:radial-gradient(transparent 50%,#fff 50%);-webkit-mask:radial-gradient(transparent 50%,#fff 50%)}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .circleContainer .numLeft,.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .circleContainer .numRight{position:absolute;font-weight:400;font-size:12px;color:#353535;line-height:14px}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .circleContainer .numLeft{left:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.competitionDetailPage .cdpTabPanel .matchData .statsWrap .statItem .circleContainer .numRight{right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap{flex: 1;-webkit-box-sizing:border-box;box-sizing:border-box;padding: 0 62px;}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap: 0 54px;}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer .barTitle{font-weight:400;font-size:12px;color:#353535;line-height:14px}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer .progressBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer .progressBox .progressNum{-ms-flex-negative:0;flex-shrink:0;display:block;font-weight:400;font-size:12px;color:#353535;line-height:14px;white-space:nowrap}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer .barTrack{width:125px;height:4px;background:#eef1f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer .barTrack .leftbar{background:#fd4245}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .progressBar .barContainer .barTrack .rightbar{background:#4593ee;-webkit-box-flex:1;-ms-flex:1;flex:1}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .sideCards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:12px}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .sideCards .cardItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .sideCards .cardItem .cardFlag{display:block;width:13px;height:16px;background-image:url(../img/match_ico_flag.png);background-size:contain;background-repeat:no-repeat}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .sideCards .cardItem .cardYellow{width:13px;height:16px;background:#ffb31c;border-radius:2px}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .sideCards .cardItem .cardRed{width:13px;height:16px;background:#fd4245;border-radius:2px}
.competitionDetailPage .cdpTabPanel .matchData .attackWrap .attackRow .sideCards .cardItem .cardNum{font-weight:400;font-size:12px;color:#353535;line-height:14px}
/* 重要事件 */
.competitionDetailPage .cdpTabPanel .importantEvents{position:relative;padding:20px 10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#fff;margin-top: 8px;}
.competitionDetailPage .cdpTabPanel .importantEvents #importantEventsLine{flex: 1;display: flex;flex-direction: column;}
.competitionDetailPage .cdpTabPanel .importantEvents .title{font-weight:700;font-size:14px;color:#353535;line-height:16px;text-align:center}
.competitionDetailPage .cdpTabPanel .importantEvents .switch{position:absolute;top:20px;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;z-index:5;cursor: pointer;}
.competitionDetailPage .cdpTabPanel .importantEvents .switch .switchIcon{display:block;width:30px;height:15px;background-size:contain;background-repeat:no-repeat}
.competitionDetailPage .cdpTabPanel .importantEvents .switch .switchText{font-weight:400;font-size:14px;color:#808080;line-height:14px}
.competitionDetailPage .cdpTabPanel .importantEvents .switch .openIcon{background-image:url(../img/match_ico_Switch02.png)}
.competitionDetailPage .cdpTabPanel .importantEvents .switch .closeIcon{background-image:url(../img/match_ico_Switch01.png)}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents{overflow:hidden;position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px;gap:26px}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents::after{content:"";display:block;border-right:2px dotted #eef1f7;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0;height:100%;z-index:1}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li{position:relative;z-index:2;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap: 0 12px;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents  i.whistlingIcon{display:block;width:36px;height:36px;background-size:contain;background-repeat:no-repeat;background-image:url(../img/match_ico_start.png)}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .time{min-width:51px;height:30px;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.07);box-shadow:0 0 15px 0 rgba(0,0,0,.07);border-radius:18px;border:1px solid #eef1f7;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:13px;color:#353535;padding: 0 15px;box-sizing: border-box;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .time.status{color: #808080;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard{-ms-flex-negative:0;flex-shrink:0;min-width:137px;border-radius:5px;height:34px;background:#f7f9fd;border:1px solid #eef1f7;font-weight:400;font-size:12px;color:#353535;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;position: relative;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap: 0 10px;font-size: 12px;line-height: 14px;color: #353535;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .goalIcon{display:block;width:24px;height: 100%;background-image:url(../img/match_ico_being02.png);background-size:100% auto;background-repeat:no-repeat;background-position:center}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .yellowIcon{display:block;width:24px;height: 100%;background-image:url(../img/match_ico_being01.png);background-size:100% auto;background-repeat:no-repeat;background-position:bottom}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .redIcon{display:block;width:24px;height: 100%;background-image:url(../img/match_ico_being04.png);background-size:100% auto;background-repeat:no-repeat;background-position:bottom}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .substitutionIcon{display:block;width:24px;height: 100%;background-image:url(../img/match_ico_being03.png);background-size:100% auto;background-repeat:no-repeat;background-position:center}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent .substitutionUp{position:relative;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#3bb552}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent .substitutionUp::after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;content:"";display:inline-block;width:4px;height:11px;background-image:url(../img/match_ico_replace01.png);background-size:100% auto;background-repeat:no-repeat;background-position:center}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent .substitutionDown{position:relative;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fd4245}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent .substitutionDown::after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;content:"";display:inline-block;width:4px;height:11px;background-image:url(../img/match_ico_replace02.png);background-size:100% auto;background-repeat:no-repeat;background-position:center}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent .eventsName{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents>li .eventsCard .eventsContent .eventText .desc{color: #808080;font-size: 10px;font-weight: 400;line-height: 1.5;margin: 0 8px;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents .homeEventparty{flex: 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents .awayEventparty{flex: 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents .homeEvents{padding-left: 10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents .homeEvents::after{position:absolute;bottom:21%;right:-7px;content:"";display:block;width:7px;height:9px;background-image:url(../img/matchsj_bg02.png);background-size:contain;background-repeat:no-repeat;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents .awayEvents{padding-right: 10px;}
.competitionDetailPage .cdpTabPanel .importantEvents .competitionEvents .awayEvents::after{position:absolute;bottom:21%;left:-7px;content:"";display:block;width:7px;height:9px;background-image:url(../img/matchsj_bg01.png);background-size:contain;background-repeat:no-repeat}
/* ========== 比赛详情页 e ========== */

/* ========== 开奖 s ========== */
.lotteryDrawPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.lotteryDrawPage .pageMain{width: 896px;min-height: 500px;}
/*---------- 竞彩专家-侧边 ---------- */
.lotteryDrawPage .pageSide{position: relative;width: 216px;}
.lotteryDrawPage .pageSideInner{position: fixed;width: 216px;max-height: calc(100vh - 90px);overflow-y: scroll;scrollbar-width: none;overscroll-behavior: none;}
.lotteryDrawPage .pageSideInner::-webkit-scrollbar{display: none;}
.lotteryDrawPage .pageSideInner.show{position: absolute;bottom: 0px;}
/* Tab 切换条 */
.lotteryDrawPage .pageSide .ldpSide { width: 100%;background: #FFFFFF;padding: 10px 8px;box-sizing: border-box;border-radius: 8px; }
.lotteryDrawPage .pageSide .ldpSideTabs { display: flex;align-items: center;height: 42px;padding: 0 8px;box-sizing: border-box; }
.lotteryDrawPage .pageSide .ldpSideTab { flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #868686;cursor: pointer; }
.lotteryDrawPage .pageSide .ldpSideTab:hover { color: #FD4245; }
.lotteryDrawPage .pageSide .ldpSideTab.active { color: #FD4245;font-weight: 500; }
/* 彩种列表容器（全国彩/地方彩） */
.lotteryDrawPage .pageSide .ldpLotteryBox { display: none;width: 100%;margin-top: 6px; }
.lotteryDrawPage .pageSide .ldpLotteryBox.active { display: block; }
/* 空状态提示 */
.lotteryDrawPage .pageSide .ldpEmptyTip { width: 100%;padding: 50px 0;text-align: center;font-size: 14px;color: #ACACAC;border-radius: 8px; }
/* 彩种大类块（全国体育彩票 / 全国福利彩票） */
.lotteryDrawPage .pageSide .ldpCateBlock { width: 100%;margin-bottom: 6px;overflow: hidden; }
.lotteryDrawPage .pageSide .ldpCateHead { display: flex;align-items: center;height: 48px;background: #F7F9FD;border-radius: 4px;padding: 0 10px;box-sizing: border-box;cursor: pointer;user-select: none; }
.lotteryDrawPage .pageSide .ldpCateIcon { width: 20px;height: 20px;border-radius: 50%;flex-shrink: 0;margin-right: 6px; }
.lotteryDrawPage .pageSide .ldpCateIcon--sports { background: url(../img/ico_kind01.png) no-repeat center;background-size: contain;position: relative; }
.lotteryDrawPage .pageSide .ldpCateIcon--welfare { background: url(../img/ico_kind02.png) no-repeat center;background-size: contain;position: relative; }
.lotteryDrawPage .pageSide .ldpCateName { flex: 1;font-size: 14px;color: #353535;font-weight: 500; }
.lotteryDrawPage .pageSide .ldpCateArrow { width: 8px;height: 14px;background: url(../img/ico_next.png) no-repeat center;background-size: contain;opacity: 0.4;transform: rotate(90deg);transition: transform 0.2s, opacity 0.2s; }
.lotteryDrawPage .pageSide .ldpCateBlock.collapsed .ldpCateArrow { transform: rotate(-90deg); }
/* 彩种列表 */
.lotteryDrawPage .pageSide .ldpCateBlock.collapsed .ldpLotteryList { display: none; }
.lotteryDrawPage .pageSide .ldpLotteryItem { width: 100%; }
.lotteryDrawPage .pageSide .ldpLotteryItem .ldpLotteryLink { display: block;width: 100%;height: 46px;line-height: 46px;padding: 0 36px;box-sizing: border-box;font-size: 14px;color: #353535;transition: color 0.15; }
.lotteryDrawPage .pageSide .ldpLotteryItem .ldpLotteryLink:hover { color: #FD4245; }
.lotteryDrawPage .pageSide .ldpLotteryItem.active .ldpLotteryLink { color: #FD4245;font-weight: 500; }
/* ---------- 开奖信息 ---------- */
.lotteryDrawPage .ldpDrawInfo { width: 100%;background: #FFFFFF;border-radius: 8px;margin-bottom: 12px;padding: 38px 6px 8px;box-sizing: border-box; }
/* 信息头部：标题 + 期次 + 日期 */
.lotteryDrawPage .ldpDrawInfoHead { display: flex;align-items: center;justify-content: space-between;height: 30px;padding: 0 20px;box-sizing: border-box; }
.lotteryDrawPage .ldpDrawInfoLeft { display: flex;align-items: center;gap: 0 5px; }
.lotteryDrawPage .ldpDrawInfoTitle { font-weight: 600;font-size: 16px;color: #353535;line-height: 20px; }
.lotteryDrawPage .ldpDrawFreq { font-size: 14px;color: #868686;line-height: 18px; }
/* 右侧日期信息 */
.lotteryDrawPage .ldpDrawInfoRight { display: flex;align-items: center;gap: 0 16px;font-size: 12px;color: #868686;line-height: 18px; }
.lotteryDrawPage .ldpDrawInfoRight .ldpDrawHistoryLink{width: 80px;height: 30px;background: #EEF1F7;border-radius: 20px;font-size: 12px;color: #353535;line-height: 14px;text-align: center;line-height: 30px;}
/* 开奖结果 */
.lotteryDrawPage .ldpDrawBody { display: flex;align-items: center;margin-top: 24px;padding: 14px 22px;box-sizing: border-box; }
.lotteryDrawPage .ldpDrawNumbers { flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center; }
.lotteryDrawPage .ldpBallRow { display: flex;align-items: center;gap: 6px;max-width: 265px;flex-wrap: wrap; }
.lotteryDrawPage .ldpBall { width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 11px;color: #FFFFFF;flex-shrink: 0; }
.lotteryDrawPage .ldpBall--red { background: #FD4245; }
.lotteryDrawPage .ldpBall--blue { background: #4593EE; }
/* 号码标签 */
.lotteryDrawPage .ldpDrawLabel { font-size: 13px;color: #353535;line-height: 16px;margin-top: 12px; }
.lotteryDrawPage .ldpDrawOrder { font-size: 11px;color: #ACACAC;line-height: 14px;margin-top: 12px; }
.lotteryDrawPage .ldpDrawStat { flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing: border-box; }
.lotteryDrawPage .ldpStatAmount { font-weight: 700;font-size: 22px;color: #FD4245;line-height: 24px; }
.lotteryDrawPage .ldpStatAmount em { font-weight: 500;font-size: 16px;color: #FD4245;margin-left: 2px;vertical-align: baseline; }
.lotteryDrawPage .ldpStatAmount--pool { color: #FD4245; }
.lotteryDrawPage .ldpStatLabel { font-size: 13px;color: #353535;line-height: 15px;margin-top: 10px;text-align: center; }
/* 提示行 */
.lotteryDrawPage .ldpDrawTip { width: 100%;height: 28px;background: #F7F9FD;display: flex;align-items: center;justify-content: center;border-radius: 4px;margin-top: 24px; }
.lotteryDrawPage .ldpDrawTip p { font-size: 12px;color: #868686;line-height: 22px;text-align: center; }

.lotteryDrawPage .ldpDrawTableWrap{width: 100%;padding: 0 12px;box-sizing: border-box;margin-top: 24px;}
.lotteryDrawPage .ldpDrawTable{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.lotteryDrawPage .ldpDrawTable th,.lotteryDrawPage .ldpDrawTable td{height: 66px;border: 1px solid #E7E9EE;box-sizing: border-box;text-align: center;font-size: 14px;color: #353535;}
.lotteryDrawPage .ldpDrawTable td .score { color: #FD4245; }
/* ---------- 开奖详情 ---------- */
.lotteryDrawPage .ldpDrawDetail { width: 100%;background: #FFFFFF;border-radius: 8px;margin-bottom: 12px;padding: 26px 6px;box-sizing: border-box; }
/* 详情头部 */
.lotteryDrawPage .ldpDetailHead { display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;padding: 0 20px;box-sizing: border-box; }
.lotteryDrawPage .ldpDetailTitle { display: flex;align-items: baseline; }
.lotteryDrawPage .ldpDetailTitle h3 { font-weight: 600;font-size: 16px;color: #353535;line-height: 20px; }
.lotteryDrawPage .ldpDetailFreqNote { font-size: 14px;color: #868686;line-height: 18px; }
/* 奖金对照表按钮 */
.lotteryDrawPage .ldpPrizeTableBtn { display: flex;align-items: center;gap: 0 4px;height: 28px;padding: 0 12px;background: rgba(165,172,187,0.05);border-radius: 4px;border: 1px solid rgba(144,152,171,0.2);box-sizing: border-box;font-size: 13px;color: #353535;cursor: pointer;transition: border-color 0.2s, color 0.2s;user-select: none; }
.lotteryDrawPage .ldpPrizeTableBtn:hover { color: #FD4245;border-color: rgba(253,66,69,0.3); }
.lotteryDrawPage .ldpDropArrow { width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #ACACAC;flex-shrink: 0; }
.lotteryDrawPage .ldpPrizeTableBtn:hover .ldpDropArrow { border-top-color: #FD4245; }
/* 详情表格 */
.lotteryDrawPage .ldpDetailTableWrap { width: 100%;padding: 0 15px;box-sizing: border-box;margin-top: 16px; }
.lotteryDrawPage .ldpDetailTable { width: 100%;border-collapse: collapse;border-spacing: 0; }
.lotteryDrawPage .ldpDetailTableWrap.multi .ldpDetailTable{display: none;}
.lotteryDrawPage .ldpDetailTableWrap.multi .ldpDetailTable.active{display: table;}
.lotteryDrawPage .ldpDetailTable thead tr { background: #F7F9FD; }
.lotteryDrawPage .ldpDetailTable thead th { height: 42px;font-size: 12px;color: #868686;font-weight: 400;text-align: center;padding: 0 10px;box-sizing: border-box;border: 1px solid #F7F9FD;border-right: 1px solid #FFFFFF; }
.lotteryDrawPage .ldpDetailTable thead th:last-child { border-right: 1px solid #F7F9FD; }
.lotteryDrawPage .ldpDetailTable tbody tr { transition: background-color 0.15s; }
.lotteryDrawPage .ldpDetailTable tbody tr:last-child { border-bottom: none; }
.lotteryDrawPage .ldpDetailTable tbody td { height: 48px;font-size: 12px;color: #353535;text-align: center;padding: 0 10px;box-sizing: border-box;border: 1px solid #F7F9FD; }
/* 比赛表格 */
.lotteryDrawPage .ldpMatchTableWrap { width: 100%;padding: 0 15px;box-sizing: border-box;margin-top: 16px; }
.lotteryDrawPage .ldpMatchTable { width: 100%;border-collapse: collapse;border-spacing: 0; }
.lotteryDrawPage .ldpMatchTable thead tr { background: #F7F9FD; }
.lotteryDrawPage .ldpMatchTable thead th { height: 42px;font-size: 12px;color: #868686;font-weight: 400;text-align: center;padding: 0 10px;box-sizing: border-box;border: 1px solid #F7F9FD;border-right: 1px solid #FFFFFF; }
.lotteryDrawPage .ldpMatchTable thead th:last-child { border-right: 1px solid #F7F9FD; }
.lotteryDrawPage .ldpMatchTable thead .num{width: 80px;}
.lotteryDrawPage .ldpMatchTable thead .res{width: 80px;}
.lotteryDrawPage .ldpMatchTable tbody tr { transition: background-color 0.15s; }
.lotteryDrawPage .ldpMatchTable tbody tr:last-child { border-bottom: none; }
.lotteryDrawPage .ldpMatchTable tbody td { height: 48px;font-size: 12px;color: #353535;text-align: center;padding: 0 10px;box-sizing: border-box;border: 1px solid #F7F9FD; }
.lotteryDrawPage .ldpMatchTable .matchInfo{display: flex;align-items: center;justify-content: center;gap: 0 5px;}
.lotteryDrawPage .ldpMatchTable .matchInfo .name{width: 300px;color: #808080;text-align: left;}
.lotteryDrawPage .ldpMatchTable .matchInfo .name:first-child{text-align: right;}
.lotteryDrawPage .ldpMatchTable .matchInfo .score{width: 30px;}

.lotteryDrawPage .ldpDrawStats {display: flex;align-items: center;justify-content: center;gap: 0 120px;margin-top: 24px;padding: 14px 87px;box-sizing: border-box;}
.lotteryDrawPage .ldpDrawStat {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* ---------- 走势图列表 ---------- */
.lotteryDrawPage .ldpTrendList { width: 100%;background: #FFFFFF;border-radius: 8px;padding: 16px 20px;box-sizing: border-box; }
.lotteryDrawPage .ldpTrendGrid { display: grid;grid-template-columns: repeat(8, 1fr);gap: 10px; }
.lotteryDrawPage .ldpTrendItem { width: 100%; }
.lotteryDrawPage .ldpTrendLink { display: flex;align-items: center;justify-content: center;gap: 0 4px;width: 100%;height: 34px;font-size: 14px;color: #353535;text-align: center;white-space: nowrap; }
.lotteryDrawPage .ldpTrendLink:hover { color: #FD4245; }
.lotteryDrawPage .ldpTrendArrow { display: inline-block;width: 8px;height: 14px;background: url(../img/ico_next.png) no-repeat center;background-size: contain;flex-shrink: 0; }
/* ========== 开奖 e ========== */

/* ========== 往期开奖 s ========== */
.lotteryHistoryPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.lotteryHistoryPage .pageMain{width: 896px;min-height: 500px;}
/*---------- 往期开奖-侧边 ---------- */
.lotteryHistoryPage .pageSide{position: relative;width: 216px;}
.lotteryHistoryPage .pageSideInner{position: fixed;width: 216px;max-height: calc(100vh - 90px);overflow-y: scroll;scrollbar-width: none;overscroll-behavior: none;}
.lotteryHistoryPage .pageSideInner::-webkit-scrollbar{display: none;}
.lotteryHistoryPage .pageSideInner.show{position: absolute;bottom: 0px;}
/* Tab 切换条 */
.lotteryHistoryPage .pageSide .ldpSide { width: 100%;background: #FFFFFF;padding: 10px 8px;box-sizing: border-box;border-radius: 8px; }
.lotteryHistoryPage .pageSide .ldpSideTabs { display: flex;align-items: center;height: 42px;padding: 0 8px;box-sizing: border-box; }
.lotteryHistoryPage .pageSide .ldpSideTab { flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #868686;cursor: pointer; }
.lotteryHistoryPage .pageSide .ldpSideTab:hover { color: #FD4245; }
.lotteryHistoryPage .pageSide .ldpSideTab.active { color: #FD4245;font-weight: 500; }
/* 彩种列表容器（全国彩/地方彩） */
.lotteryHistoryPage .pageSide .ldpLotteryBox { display: none;width: 100%;margin-top: 6px; }
.lotteryHistoryPage .pageSide .ldpLotteryBox.active { display: block; }
/* 空状态提示 */
.lotteryHistoryPage .pageSide .ldpEmptyTip { width: 100%;padding: 50px 0;text-align: center;font-size: 14px;color: #ACACAC;border-radius: 8px; }
/* 彩种大类块（全国体育彩票 / 全国福利彩票） */
.lotteryHistoryPage .pageSide .ldpCateBlock { width: 100%;margin-bottom: 6px;overflow: hidden; }
.lotteryHistoryPage .pageSide .ldpCateHead { display: flex;align-items: center;height: 48px;background: #F7F9FD;border-radius: 4px;padding: 0 10px;box-sizing: border-box;cursor: pointer;user-select: none; }
.lotteryHistoryPage .pageSide .ldpCateIcon { width: 20px;height: 20px;border-radius: 50%;flex-shrink: 0;margin-right: 6px; }
.lotteryHistoryPage .pageSide .ldpCateIcon--sports { background: url(../img/ico_kind01.png) no-repeat center;background-size: contain;position: relative; }
.lotteryHistoryPage .pageSide .ldpCateIcon--welfare { background: url(../img/ico_kind02.png) no-repeat center;background-size: contain;position: relative; }
.lotteryHistoryPage .pageSide .ldpCateName { flex: 1;font-size: 14px;color: #353535;font-weight: 500; }
.lotteryHistoryPage .pageSide .ldpCateArrow { width: 8px;height: 14px;background: url(../img/ico_next.png) no-repeat center;background-size: contain;opacity: 0.4;transform: rotate(90deg);transition: transform 0.2s, opacity 0.2s; }
.lotteryHistoryPage .pageSide .ldpCateBlock.collapsed .ldpCateArrow { transform: rotate(-90deg); }
/* 彩种列表 */
.lotteryHistoryPage .pageSide .ldpCateBlock.collapsed .ldpLotteryList { display: none; }
.lotteryHistoryPage .pageSide .ldpLotteryItem { width: 100%; }
.lotteryHistoryPage .pageSide .ldpLotteryItem .ldpLotteryLink { display: block;width: 100%;height: 46px;line-height: 46px;padding: 0 36px;box-sizing: border-box;font-size: 14px;color: #353535;transition: color 0.15; }
.lotteryHistoryPage .pageSide .ldpLotteryItem .ldpLotteryLink:hover { color: #FD4245; }
.lotteryHistoryPage .pageSide .ldpLotteryItem.active .ldpLotteryLink { color: #FD4245;font-weight: 500; }
/*---------- 往期开奖-列表 ---------- */
.lotteryHistoryPage .lotteryHistoryWrap{width: 100%;background: #FFFFFF;border-radius: 8px;padding: 38px 25px 20px;box-sizing: border-box;}
.lotteryHistoryPage .lotteryHistoryTop{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.lotteryHistoryPage .lotteryHistoryTitle{display: flex;align-items: center;justify-content: space-between;gap: 0 12px;}
.lotteryHistoryPage .lotteryHistoryTitle h3{font-weight: 500;font-size: 16px;color: #353535;line-height: 30px;}
.lotteryHistoryPage .lotteryHistoryTitle .trendsChartLink{display: flex;align-items: center;justify-content: center;gap: 0 4px;width: 72px;height: 24px;background: rgba(253,66,69,0.1);border-radius: 4px;font-size: 13px;color: #FD4245;}
.lotteryHistoryPage .lotteryHistoryTitle .trendsChartLink i{width: 16px;height: 16px;background: url(../img/lotto_ico_trend.png) no-repeat center;background-size: contain;}
.lotteryHistoryPage .lotteryHistorySearch{display: flex;align-items: center;justify-content: space-between;gap: 0 20px;}
.lotteryHistoryPage .lotteryHistorySearch .serachBox{display: flex;align-items: center;justify-content: center;height: 42px;background: rgba(165,172,187,0.05);border-radius: 8px;border: 1px solid rgba(144,152,171,0.2);padding: 0 5px 0 14px;box-sizing: border-box;}
.lotteryHistoryPage .lotteryHistorySearch .serachBox .name{font-size: 14px;color: #353535;width: 70px;flex-shrink: 0;}
.lotteryHistoryPage .lotteryHistorySearch .serachBox .serachInput{border: none;outline: none;width: 150px;height: 100%;font-size: 14px;}
.lotteryHistoryPage .lotteryHistorySearch .serachBox .serachBtn{width: 72px;height: 30px;background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%);border-radius: 4px;border: none;outline: none;font-size: 13px;color: #FFFFFF;line-height: 30px;cursor: pointer;flex-shrink: 0;margin-left: 10px;}
.lotteryHistoryPage .lotteryHistorySearch .customSelect .current{height: 42px;gap: 0 10px;border-radius: 8px;}
.lotteryHistoryPage .lotteryHistorySearch .customSelect .current span{width: 95px;}
.lotteryHistoryPage .lotteryHistorySearch .customSelect .current i{width: 14px;height: 14px;background: url(../img/ico_sel.png) no-repeat center;background-size: contain;}
.lotteryHistoryPage .lotteryHistorySearch .customSelect .selectDrop{top: 42px;}
.lotteryHistoryPage .lotteryHistorySection{margin-top: 16px;padding-top: 16px;border-top: 1px solid #F7F9FD;}
.lotteryHistoryPage .lotteryHistoryList{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 106px;}
.lotteryHistoryPage .lotteryHistoryList li{width: 335px;padding: 15px 0;box-sizing: border-box;}
.lotteryHistoryPage .lotteryHistoryList .issueInfo{display: flex;align-items: center;gap: 0 4px;padding-bottom: 12px;border-bottom: 1px solid #F7F9FD;}
.lotteryHistoryPage .lotteryHistoryList .issueInfo h4{font-weight: 500;font-size: 18px;color: #353535;line-height: 18px;}
.lotteryHistoryPage .lotteryHistoryList .issueInfo span{font-size: 13px;color: #ACACAC;line-height: 14px;}
.lotteryHistoryPage .lotteryHistoryList .issueDetailLink{display: flex;justify-content: space-between;padding-top: 12px;}
.lotteryHistoryPage .lotteryHistoryList .issueDetailLink .issueRes{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}
.lotteryHistoryPage .lotteryHistoryList .issueDetailLink .issueRes span{width: 30px;height: 30px;background: #FD4245;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 14px;color: #FFFFFF;}
.lotteryHistoryPage .lotteryHistoryList .issueDetailLink .issueRes span.blue{background: #4593EE;}
.lotteryHistoryPage .lotteryHistoryList .issueDetailLink i{width: 8px;height: 12px;background: url(../img/ico_next2.png) no-repeat center;background-size: contain;margin-top: 9px;margin-left: 10px;flex-shrink: 0;}
.lotteryHistoryPage .lotteryHistorySection.sportLottery .issueDetailLink .issueRes{gap: 0 10px;}
.lotteryHistoryPage .lotteryHistorySection.sportLottery .issueDetailLink .issueRes span{width: auto;background: #FFFFFF;color: #fd4245;font-size: 16px;font-weight: 400;}
/* ========== 往期开奖 e ========== */

/* ========== 走势图图表 s ========== */
.trendChartPage .pageMain{width: 100%;padding: 15px 0 20px;}
.trendChartPage .trendTypeIcon{width: 60px;height: 60px;border-radius: 50%;}
.trendChartPage .trendTypeIcon.ssqIcon{background: url(../img/ico_trend_ssq.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.dltIcon{background: url(../img/ico_trend_dlt.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.fc3dIcon{background: url(../img/ico_trend_fc3d.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.kl8Icon{background: url(../img/ico_trend_kl8.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.pl3con{background: url(../img/ico_trend_pl3.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.pl5Icon{background: url(../img/ico_trend_pl5.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.qlcIcon{background: url(../img/ico_trend_qlc.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.qxcIcon{background: url(../img/ico_trend_qxc.png) no-repeat center;background-size: contain;}
.trendChartPage .trendTypeIcon.localIcon{background: url(../img/ico_local_trend.png) no-repeat center;background-size: contain;}
/* ---------- 顶部消息横条 ---------- */
.trendChartPage .tcpMsgBar {width: 100%;height: 30px;background: rgba(253, 66, 69, .1);display: flex;align-items: center;overflow: hidden;display: none;}
.trendChartPage .tcpMsgBar-icon {flex-shrink: 0;width: 26px;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.trendChartPage .tcpMsgBar-icon::after {content: "";width: 14px;height: 14px;background: url(../img/ico_warn.png) no-repeat center;background-size: contain;display: block;}
.trendChartPage .tcpMsgBar-track {flex: 1;overflow: hidden;height: 100%;}
.trendChartPage .tcpMsgBar-list {display: flex;align-items: center;height: 100%;padding: 0 5px;gap: 0 20px;white-space: nowrap;animation: tcpMarquee 10s linear infinite;}
.trendChartPage .tcpMsgBar-list li {flex-shrink: 0;}
.trendChartPage .tcpMsgBar-list li a {font-size: 12px;color: #FD4245;line-height: 30px;}
@keyframes tcpMarquee {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
/* ---------- 专家推荐 ---------- */
.trendChartPage .tcpExpertRec {width: 100%;}
.trendChartPage .tcpExpertRec-head {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.trendChartPage .tcpExpertRec-title {font-weight: 600;font-size: 16px;color: #353535;line-height: 20px;}
.trendChartPage .tcpExpertRec-more {font-size: 12px;color: #828282;line-height: 20px;display: flex;align-items: center;}
.trendChartPage .tcpExpertRec-more i{display: inline-block;width: 5px;height: 8px;background: url(../img/ico_mine_next.png) no-repeat center;background-size: contain;margin-left: 5px;}
.trendChartPage .tcpExpertRec-list {display: grid;grid-template-columns: repeat(3,1fr);gap: 7px;margin-bottom: 30px;}
/* 推荐卡片 */
.trendChartPage .tcpRecCard {display: flex;align-items: center;background: #FFFFFF;border-radius: 8px;padding: 16px 16px 16px 12px;box-sizing: border-box;}
.trendChartPage .tcpRecCard-left{width: 90px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 20px;position: relative;flex-shrink: 0;}
.trendChartPage .tcpRecCard-left::after{content: "";position: absolute;top: 0;right: -10px;width: 1px;
height: 100%;background: #F7F9FD;}
.trendChartPage .tcpRecCard-left .period{font-weight: 600;font-size: 14px;color: #000000;line-height: 16px;text-align: center;margin-top: 8px;}
.trendChartPage .tcpRecCard-right{flex: 1;}
.trendChartPage .tcpRecCard-name {height: 78px;font-weight: 500;font-size: 16px;color: #353535;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;line-clamp: 3;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.tcpRecCard-intro{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 30px;margin-top: 10px;}
.trendChartPage .tcpRecCard-timer {font-size: 12px;color: #ACACAC;line-height: 18px;}
.trendChartPage .tcpRecCard-timer em{color: #353535;}
.trendChartPage .tcpRecCard-price {font-size: 12px;color: #E36200;line-height: 18px;}
/* ---------- 走势图主体 ---------- */
.trendChartPage .tcpChart {width: 100%;}
/* 彩种标题行 */
.trendChartPage .tcpChart-header{height: 60px;display: flex;align-items: center;}
.trendChartPage .tcpChart-header h3 {font-weight: 600;font-size: 14px;color: #353535;line-height: 16px;margin-left: 10px;}
/* Tab 导航多行 */
.trendChartPage .tcpChart-nav {width: 100%;margin-top: 15px;}
.trendChartPage .tcpChart-navRow {display: flex;align-items: center;flex-wrap: wrap;gap: 15px 50px;}
.trendChartPage .tcpChart-navItem {height: 16px;font-size: 14px;color: #353535;line-height: 16px;cursor: pointer;white-space: nowrap;position: relative;transition: color .15s;}
.trendChartPage .tcpChart-navItem:hover {color: #FD4245;}
.trendChartPage .tcpChart-navItem.active {font-weight: bold;color: #FD4245;}
/* 走势图主体区域 */
.trendChartPage .tcpChart-body {width: 100%;margin-top: 30px;border: 1px solid #DBDBDB;box-sizing: border-box;}
/* 标题行与期数控制 */
.trendChartPage .tcpChart-titleBar {height: 46px;background: linear-gradient( 270deg, #F1F1F1 0%, #FFFFFF 52.88%, #F1F1F1 100%);display: flex;align-items: center;justify-content: space-between;gap: 0 20px;padding: 0 8px 0 12px;box-sizing: border-box;border-bottom: 1px solid #DBDBDB;}
.trendChartPage .tcpChart-titleBar h2 {font-weight: bold;font-size: 20px;color: #9B0305;line-height: 22px;}
.trendChartPage .tcpChart-periodCtrl {display: flex;align-items: center;gap: 0 20px;}
.trendChartPage .tcpChart-periodList{display: flex;align-items: center;gap: 0 20px;}
.trendChartPage .tcpChart-periodList li{font-size: 14px;color: #4593EE;line-height: 22px;cursor: pointer;}
.trendChartPage .tcpChart-periodList li:hover,.trendChartPage .tcpChart-periodList li.active{color: #9B0305;}

.trendChartPage .tcpChart-selectWrap {position: relative;}
.trendChartPage .tcpChart-select {height: 24px;padding: 0 24px 0 8px;background: #FFFFFF;border: 1px solid #828282;font-size: 12px;color: #353535;cursor: pointer;outline: none;appearance: none;-webkit-appearance: none;}
.trendChartPage .tcpChart-rangeWrap {display: flex;align-items: center;gap: 0 4px;}
.trendChartPage .tcpChart-rangeInput {width: 80px;height: 24px;padding: 0 6px;background: #FFFFFF;border: 1px solid #828282;font-size: 12px;color: #353535;outline: none;box-sizing: border-box;}
.trendChartPage .tcpChart-rangeSep {font-size: 12px;color: #353535;}

.trendChartPage .tcpChart-queryBtn {height: 24px;padding: 0 14px;background: #FD4245;border: none;border-radius: 4px;font-size: 14px;color: #FFFFFF;cursor: pointer;outline: none;}
/* 标注方式选择 */
.trendChartPage .tcpChart-markOpts {width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;gap: 0 15px;}
.trendChartPage .tcpChart-markLabel {font-size: 14px;color: #353535;line-height: 20px;margin-right: 10px;}
.trendChartPage .tcpChart-markOpt {display: flex;align-items: center;gap: 0 4px;cursor: pointer;}
.trendChartPage .tcpChart-markOpt input[type="radio"] {width: 14px;height: 14px;accent-color: #FD4245;cursor: pointer;}
.trendChartPage .tcpChart-markOpt span {font-size: 14px;color: #353535;line-height: 20px;}
/* 走势图详情页面-table */
.tcpChart-tableWrap .trandTableWrap {position: relative;width: 100%;overflow: hidden;overflow-x: auto;box-sizing: border-box;-webkit-overflow-scrolling: touch;}
.tcpChart-tableWrap .trandTable table {min-width: 1600px;width: max-content; border-collapse: collapse;table-layout: fixed;}
.tcpChart-tableWrap .trandTable table thead {background: #F5E4BF;border-top: 1px solid #DBDBDB;border-left: 1px solid #DBDBDB;box-sizing: border-box;}
.tcpChart-tableWrap .trandTable table tbody {border-bottom: 1px solid #DBDBDB;border-left: 1px solid #DBDBDB;box-sizing: border-box;}
.tcpChart-tableWrap .trandTable table tr {border-bottom: 1px solid #DBDBDB;box-sizing: border-box;}
.tcpChart-tableWrap .trandTable table tbody tr:nth-child(odd) {background: #FFFFFF;}
.tcpChart-tableWrap .trandTable table tbody tr:nth-child(even) {background: #F8F8F8;}
.tcpChart-tableWrap .trandTable table tbody tr:last-child {border-bottom: none;}
.tcpChart-tableWrap .trandTable table th,
.tcpChart-tableWrap .trandTable table td {height: 24px;border-right: 1px solid #DBDBDB;box-sizing: border-box;font-weight: normal;text-align: center;font-size: 12px;color: #353535;vertical-align: middle;}
.tcpChart-tableWrap .trandTable table th.br2,
.tcpChart-tableWrap .trandTable table td.br2 {border-right: 2px solid #DBDBDB;}
/* 走势图详情页面-table-颜色 */
.tcpChart-tableWrap .trandTable table .color1 {color: #FF8385;}
.tcpChart-tableWrap .trandTable table .color2 {color: #84BDFF;}
.tcpChart-tableWrap .trandTable table .color3 {color: #F5AD52;}
.tcpChart-tableWrap .trandTable table .color4 {color: #808080;}
/* 走势图详情页面-table-标记 */
.tcpChart-tableWrap .trandTable table .sign1 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #FD4245;color: #fff;text-align: center;line-height: 18px;}
.tcpChart-tableWrap .trandTable table .sign2 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #4593EE;color: #fff;text-align: center;line-height: 18px;}
.tcpChart-tableWrap .trandTable table .sign3 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #FD4245;box-sizing: border-box;color: #FD4245;text-align: center;line-height: 16px;background: none;}
.tcpChart-tableWrap .trandTable table .sign4 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #A9A9A9;color: #fff;text-align: center;line-height: 18px;}
.tcpChart-tableWrap .trandTable table .sign5 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #2F7E82;color: #fff;text-align: center;line-height: 18px;}
.tcpChart-tableWrap .trandTable table .sign6 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #353535;box-sizing: border-box;color: #353535;text-align: center;line-height: 16px;background: none;}
.tcpChart-tableWrap .trandTable table .sign7 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #F5AD52;color: #fff;text-align: center;line-height: 18px;}
.tcpChart-tableWrap .trandTable table .sign1.important span{background: #FD4245 !important;color: #fff !important;}
.tcpChart-tableWrap .trandTable table .importSign2 span {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #4593EE !important;color: #fff !important;text-align: center;line-height: 18px;border: none !important;}
/* 走势图详情页面-table-背景色 */
.tcpChart-tableWrap .trandTable table .bg1 span {display: block;width: calc(100% - 4px);height: 20px;margin: 0 auto;background: #F5AD52;color: #fff;text-align: center;line-height: 20px;}
.tcpChart-tableWrap .trandTable table .bg2 span {display: block;width: calc(100% - 4px);height: 20px;margin: 0 auto;background: #5BACAB;color: #fff;text-align: center;line-height: 20px;}
.tcpChart-tableWrap .trandTable table .bg3 span {display: block;width: calc(100% - 4px);height: 20px;margin: 0 auto;background: #FD4245;color: #fff;text-align: center;line-height: 20px;}
/* 走势图详情页面-table-td背景色 */
.tcpChart-tableWrap .trandTable table .tdBg1{background: #FD4245 !important;color: #fff !important;}
.tcpChart-tableWrap .trandTable table .tdBg2{background: #F5AD52 !important;color: #fff !important;}
/* 走势图详情页面-table-连线 */
.tcpChart-tableWrap .trandTable table .blockLine {font-style: normal;display: block;}
.tcpChart-tableWrap .trandTable table .connetLine {position: relative;z-index: 1;}
/* 走势图详情页面-table-SVG */
.tcpChart-tableWrap .trend-svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;overflow: visible;}
.tcpChart-tableWrap .trend-path {fill: none;stroke: #4593EE;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.tcpChart-tableWrap .trendLine1 .trend-path, .tcpChart-tableWrap .trendLineSame1 .trend-path, .tcpChart-tableWrap .trendLineMulti1 .trend-path {stroke: #4593EE;}
.tcpChart-tableWrap .trendLine2 .trend-path, .tcpChart-tableWrap .trendLineSame2 .trend-path, .tcpChart-tableWrap .trendLineMulti2 .trend-path, .tcpChart-tableWrap .trendLineMore2 .trend-path {stroke: #2F7E82;}
.tcpChart-tableWrap .trendLine3 .trend-path, .tcpChart-tableWrap .trendLineSame3 .trend-path, .tcpChart-tableWrap .trendLineMulti3 .trend-path, .tcpChart-tableWrap .trendLineMore3 .trend-path {stroke: #FD4245;}
.tcpChart-tableWrap .trendLine4 .trend-path, .tcpChart-tableWrap .trendLineSame4 .trend-path, .tcpChart-tableWrap .trendLineMulti4 .trend-path, .tcpChart-tableWrap .trendLineMore4 .trend-path {stroke: #F5AD52;}
/* 走势图详情页面-table-预选模块 */
.tcpChart-tableWrap .trandTable .customTbody, .tcpChart-tableWrap .trandTable .customTbody tr{background: #F1F1F1 !important;}
.tcpChart-tableWrap .trandTable .customTbody td {color: #828282;}
.tcpChart-tableWrap .customTbody td span{display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 50%;margin: 0 auto;}
.tcpChart-tableWrap .customTbody td.multiText span{width: auto;}
.tcpChart-tableWrap .customTbody td.active span{background: #9B0305;color: #fff;}
.tcpChart-tableWrap .customTbody td.spanBg1.active span{background: #06448D;}
.tcpChart-tableWrap .customTbody td.spanBg2.active span{background: #2F7E82;}
.tcpChart-tableWrap .customTbody td.areaBg span{margin: 0;width: 100%;}
.tcpChart-tableWrap .customTbody td.areaBg1.active span{height: 100%;margin: 0;border-radius: 0;background: #5BACAB;}
.tcpChart-tableWrap .customTbody td.areaBg2.active span{height: 100%;margin: 0;border-radius: 0;background: #F5AD52;}
.tcpChart-tableWrap .customTbody td.areaBg3.active span{height: 100%;margin: 0;border-radius: 0;background: #9B0305;}
.tcpChart-tableWrap .customTbody td.areaBg4.active span{height: 100%;margin: 0;border-radius: 0;background: #06448D;}
.tcpChart-tableWrap .customTbody .selectRowName span{border-radius: 0;display: inline;margin: 0;line-height: 14px;}
.tcpChart-tableWrap .customTbody .selectRowName i{display: inline-block;width: 14px;height: 14px;background: url(../img/ico_trend_select01.png) no-repeat center;background-size: cover;margin-left: 2px;vertical-align: -1px;border-radius: 50%;}
.tcpChart-tableWrap .customTbody .selectRowName.selected i{background-image: url(../img/ico_trend_select02.png);}
.tcpChart-tableWrap .customTbody .trendBtnTr td{padding: 10px 20px;background: #FFFFFF;text-align: left;}
.tcpChart-tableWrap .customTbody .trendBtn{display: inline-block;min-width: 80px;padding: 0 10px;height: 30px;border-radius: 8px;border-color: #FD4245;border-width: 1px;outline: none;background: none;font-size: 14px;color: #FD4245;line-height: 30px;margin-right: 20px;box-sizing: border-box;}
.tcpChart-tableWrap .customTbody.hzzsCustomBody td span{height: 100%;flex-direction: column;margin: 0;width: 100%;}
/* 走势图详情页面-table-统计模块 */
.tcpChart-tableWrap .trandTable .statHeadTbody, .tcpChart-tableWrap .trandTable .statHeadTbody tr{background: #F5E4BF !important;}
.tcpChart-tableWrap .trandTable .statTbody tr:nth-child(even) {background: #E5F0FA !important;}
/* 走势图详情页面-遗漏样式 */
.tcpChart-tableWrap .ylHead .ylInfo{width: 100%;height: 50px;background: linear-gradient( 0deg, #FFFFFF 0%, rgba(246,246,246,.2) 50%, rgba(145,145,145,.2) 100%);border-bottom: 1px solid rgba(144,152,171,0.2);display: flex;align-items: center;justify-content: space-between;padding: 0 10px;box-sizing: border-box;backdrop-filter: blur(10px);}
.tcpChart-tableWrap .ylHead .ylInfo h3{font-size: 20px;color: #9B0305;line-height: 20px;font-weight: bold;}
.tcpChart-tableWrap .ylHead .ylInfo .period{font-size: 12px;color: #353535;line-height: 14px;}
.tcpChart-tableWrap .ylHead .ylTitle {width: 100%;height: 40px;}
.tcpChart-tableWrap .ylHead .ylTitle h1{width: 100%;height: 100%;font-size: 16px;color: #175282;line-height: 40px;text-align: center;}
.tcpChart-tableWrap .trandTable.ylTable table th{height: 50px;position: relative;line-height: 24px;}
.tcpChart-tableWrap .trandTable.ylTable table th[data-sort] {padding: 0 20px 0 10px;box-sizing: border-box;}
.tcpChart-tableWrap .trandTable.ylTable .sortIcon{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 16px;height: 16px;background: url(../img/ico_sort_01.png) no-repeat center;background-size: cover;margin-left: 5px;}
.tcpChart-tableWrap .trandTable.ylTable th[data-sort="desc"] .sortIcon{background-image: url(../img/ico_sort_02.png);}
.tcpChart-tableWrap .trandTable.ylTable th[data-sort="asc"] .sortIcon{background-image: url(../img/ico_sort_02.png);transform: translateY(-50%) rotate(180deg);}
.tcpChart-tableWrap .trandTable.ylTable th.thBold{font-weight: bold;}
.tcpChart-tableWrap .trandTable.ylTable td.tdBold{font-weight: bold;}
.tcpChart-tableWrap .trandTable.ylTable table tbody tr:nth-child(even) {background: #FFFFFF;}
/* 走势图详情页面-切换 */
.tcpChart-tableWrap .switchTableBtn{color: #353535;}
.tcpChart-tableWrap .defaultShow{display: table-cell !important;}
.tcpChart-tableWrap .switchShow{display: none !important;}
.tcpChart-tableWrap .switchTable .switchShow{display: table-cell !important;}
.tcpChart-tableWrap .switchTable .defaultShow{display: none !important;}
/* ========== 走势图图表 e ========== */

/* ========== 专家排行 s ========== */
.expertRankPage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.expertRankPage .pageMain{width: 757px;min-height: 500px;}
.expertRankPage .erpModuleTitle { font-size: 14px; font-weight: 400; color: #353535; line-height: 16px; margin-bottom: 14px; }
/* ---------- 运动类型Tab ---------- */
.expertRankPage .erpSportTabs { display: flex; align-items: center; gap: 0 8px; margin-bottom: 16px; }
.expertRankPage .erpSportTab { display: flex; align-items: center; justify-content: center; gap: 0 6px; height: 38px; padding: 0 18px; border-radius: 4px; font-size: 14px; color: #353535; cursor: pointer; user-select: none; }
.expertRankPage .erpSportTab:hover { color: #FD4245; }
.expertRankPage .erpSportTab.active { background: #FD4245; color: #FFFFFF; }
.expertRankPage .erpSportTab.active:hover { color: #FFFFFF; }
/* ---------- 榜单面板（运动类型切换） ---------- */
.expertRankPage .erpSportPanel { display: none; }
.expertRankPage .erpSportPanel.active { display: block; }
/* ---------- 排行榜操作栏 ---------- */
.expertRankPage .erpRankBar { display: flex; align-items: center; justify-content: space-between; height: 40px; margin-bottom: 8px; }
.expertRankPage .erpRankTabs { display: flex; align-items: center; gap: 0 20px; }
.expertRankPage .erpRankTab { position: relative; font-size: 14px; color: #ACACAC; line-height: 40px; cursor: pointer; transition: color 0.2s; user-select: none; }
.expertRankPage .erpRankTab:hover { color: #FD4245; }
.expertRankPage .erpRankTab.active { color: #FD4245; font-weight: 500; }
.expertRankPage .erpRankTab.active::after { content: ""; position: absolute; bottom: 4px; left: 0; width: 100%; height: 2px; background: #FD4245; border-radius: 1px; }
.expertRankPage .erpRankMeta { display: flex; align-items: center; gap: 0 10px; }
.expertRankPage .erpUpdateTime { font-size: 12px; color: #ACACAC; line-height: 16px; white-space: nowrap; }
.expertRankPage .erpPeriodBtns { display: flex; align-items: center; gap: 0 6px; }
.expertRankPage .erpPeriodBtn { height: 28px; padding: 0 12px; background: rgba(165,172,187,0.05); border-radius: 4px; border: 1px solid rgba(144,152,171,0.2); box-sizing: border-box; font-size: 13px; color: #353535; line-height: 26px; cursor: pointer; transition: background-color 0.2s, color 0.2s, border-color 0.2s; outline: none; white-space: nowrap; }
.expertRankPage .erpPeriodBtn:hover { color: #FD4245; border-color: rgba(253,66,69,0.3); }
.expertRankPage .erpPeriodBtn.active { background: rgba(253,66,69,0.1); border-color: rgba(253,66,69,0.2); color: #FD4245; font-weight: 500; }
/* ---------- 排行列表 ---------- */
.expertRankPage .erpRankList { width: 100%; }
.expertRankPage .erpRankItem { display: flex; align-items: center; width: 100%; height: 104px; background: #FFFFFF; border-radius: 8px; margin-bottom: 4px; padding: 0 20px; box-sizing: border-box; transition: box-shadow 0.2s; }
.expertRankPage .erpRankItem:last-child { margin-bottom: 0; }
/* ---------- 排行序号 ---------- */
.expertRankPage .erpRankNo { width: 30px; height: 30px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #6C6C6C; font-weight: 600; margin-right: 20px; }
/* ---------- 专家信息区（头像 + 名称 + 认证） ---------- */
.expertRankPage .erpExpertInfo { flex: 1; display: flex; align-items: center; gap: 0 20px; height: 100%; }
.expertRankPage .erpExpertInfo img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #E5E8EE; }
.expertRankPage .erpExpertDetail { display: flex; flex-direction: column; gap: 10px 0; }
.expertRankPage .erpExpertNameRow { display: flex; align-items: center; gap: 0 6px; }
.expertRankPage .erpExpertName { font-weight: 600; font-size: 18px; color: #000000; line-height: 20px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.expertRankPage .erpHotBadge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 18px; padding: 0 5px; background: #EA0000; border-radius: 9px 9px 9px 1px; box-sizing: border-box; font-size: 14px; color: #FFFFFF; line-height: 18px; flex-shrink: 0; }
.expertRankPage .erpExpertAuth { display: flex; align-items: center; gap: 0 4px; font-size: 13px; color: #353535; line-height: 15px; }
/* ---------- 收益金额 ---------- */
.expertRankPage .erpEarnAmount { font-size: 16px; font-weight: 500; color: #FD4245; line-height: 28px; margin: 0 20px 0 10px; flex-shrink: 0; white-space: nowrap; }
.expertRankPage .erpEarnAmount span { font-weight: bold;font-size: 28px;line-height: 30px; }
/* ---------- 关注按钮 ---------- */
.expertRankPage .erpFollowBtn { flex-shrink: 0; width: 66px; height: 34px; border-radius: 4px; border: none; outline: none; font-size: 14px; line-height: 34px; text-align: center; cursor: pointer; background: radial-gradient( 79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%); color: #FFFFFF; }
.expertRankPage .erpFollowBtnFollowed { background: #EEF1F7; color: #ACACAC; box-sizing: border-box; }
/* ========== 专家排行 e ========== */

/* ========== 专家主页 s ========== */
.expertHomePage .container{display: flex;justify-content: space-between;margin-top: 24px;padding-bottom: 20px;}
.expertHomePage .pageMain{width: 757px;min-height: 500px;}
/* ---------- 专家信息卡片 ---------- */
.expertHomePage .pageSide .ehpProfileCard{width:100%;background:#FFFFFF;border-radius:8px;padding:16px 10px;box-sizing:border-box;}
/* 头像+名称行 */
.expertHomePage .pageSide .ehpProfileCard .ehpProfileHead{display:flex;flex-direction:column;align-items:center;}
.expertHomePage .pageSide .ehpProfileCard .ehpAvatar{display:block;width:90px;height:90px;margin:0 auto;border-radius:50%;object-fit:cover;background:#E5E8EE;}
.expertHomePage .pageSide .ehpProfileCard .ehpProfileMain{display:flex;flex-direction:column;align-items:center;width:100%;}
.expertHomePage .pageSide .ehpProfileCard .ehpNameRow{display:flex;align-items:center;flex-direction:column;gap:8px 0;margin-top:14px;}
.expertHomePage .pageSide .ehpProfileCard .ehpName{font-weight:600;font-size:24px;color:#000000;line-height:28px;}
.expertHomePage .pageSide .ehpProfileCard .ehpAuthBadge{display:inline-flex;align-items:center;gap:0 3px;height:16px;font-size:13px;color:#353535;line-height:16px;}
.expertHomePage .pageSide .ehpProfileCard .ehpAuthIcon{display:inline-block;width:14px;height:14px;background: url(../img/list_ico_expert.png) no-repeat center center;background-size: contain;}
/* 粉丝+关注 */
.expertHomePage .pageSide .ehpProfileCard .ehpFansRow{display:flex;align-items:center;justify-content:center;gap:0 40px;margin-top:15px;}
.expertHomePage .pageSide .ehpProfileCard .ehpFansText{font-size:14px;color:#353535;line-height:16px;}
.expertHomePage .pageSide .ehpProfileCard .ehpFansText em{font-style:normal;font-weight:500;font-size: 16px;}
.expertHomePage .pageSide .ehpProfileCard .ehpFollowBtn{width:56px;height:28px;border-radius:4px;border:none;outline:none;background:radial-gradient(79.26% 79.29% at 75% 25.65%,#FF7B78 0%,#FD4245 100%);font-size:12px;color:#FFFFFF;line-height:28px;text-align:center;cursor:pointer;display: flex;align-items: center;justify-content: center;}
.expertHomePage .pageSide .ehpProfileCard .ehpFollowBtn i{width: 14px;height: 14px;background: url(../img/list_ico_follow01.png) no-repeat center center;background-size: contain;}
.expertHomePage .pageSide .ehpProfileCard .ehpFollowBtn.followed{background:#EEF1F7;color:#ACACAC;}
.expertHomePage .pageSide .ehpProfileCard .ehpFollowBtn.followed i{background-image: url(../img/list_ico_follow02.png);}
/* 描述 */
.expertHomePage .pageSide .ehpProfileCard .ehpDescBox{margin-top:18px;padding:0 4px 15px;border-bottom: 1px dashed rgba(172,172,172,0.3);}
.expertHomePage .pageSide .ehpProfileCard .ehpDesc{font-size:14px;color:#808080;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-align:justify;}
.expertHomePage .pageSide .ehpProfileCard .ehpShowAll{display:inline-block;margin-top:6px;font-size:13px;color:#FE923F;line-height:16px;cursor:pointer;}
/* 专家信息-成绩模块公共 */
.expertHomePage .pageSide .ehpProfileCard .ehpBlockTitle{display:flex;align-items:center;gap:0 8px;margin-top:18px;}
.expertHomePage .pageSide .ehpProfileCard .ehpBlockTitle h4{font-weight:600;font-size:14px;color:#353535;line-height:16px;flex-shrink:0;}
.expertHomePage .pageSide .ehpProfileCard .ehpBlockTitle .ehpProgressRow{flex:1;margin-top:0;height:24px;}
.expertHomePage .pageSide .ehpProfileCard .ehpProgressRow{position:relative;width:262px;height:23px; display:flex;align-items:center;padding:0 13px;box-sizing:border-box;overflow:hidden;background: url(../img/expert_bg_grade00.png) no-repeat center center;background-size: contain;font-size:14px;color:#FFFFFF;line-height:16px;}
/* 徽章列表 */
.expertHomePage .pageSide .ehpProfileCard .ehpBadgeList{display:flex;justify-content: space-between;gap: 0 5px;margin-top:18px;}
.expertHomePage .pageSide .ehpProfileCard .ehpBadge{display:inline-flex;flex-direction: column;gap: 4px;height:60px;padding:10px 7px;font-size:13px;color:#FFFFFF;line-height:15px;box-sizing:border-box;}
.expertHomePage .pageSide .ehpProfileCard .ehpBadge span:last-child{line-height: 20px;}
.expertHomePage .pageSide .ehpProfileCard .ehpBadge em{font-style:normal;font-weight:600;font-size: 18px;}
.expertHomePage .pageSide .ehpProfileCard .ehpBadge--orange{background: url(../img/expert_bg_grade01.png) no-repeat center center;background-size: contain;}
.expertHomePage .pageSide .ehpProfileCard .ehpBadge--blue{background: url(../img/expert_bg_grade02.png) no-repeat center center;background-size: contain;}
/* 专家信息-竞彩战绩 */
.expertHomePage .pageSide .ehpProfileCard .ehpStatRow{display:flex;align-items:center;gap:0 6px;margin-left: 6px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStatBadge{display:inline-flex;align-items:center;justify-content:center;height: 16px;background: rgba(253,66,69,0.1);border-radius: 2px 6px 2px 6px;padding:0 8px;font-size:11px;color:#FD4245;line-height:16px;box-sizing:border-box;}
.expertHomePage .pageSide .ehpProfileCard .ehpStatBadge i{display:inline-block;width: 12px;height: 12px;background: url(../img/ico_football.png) no-repeat center center;background-size: contain;margin-right: 2px;}
/* 连红统计 */
.expertHomePage .pageSide .ehpProfileCard .ehpStreakRow{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap: 0 5px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreakRow span{display: block;text-align: center;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreakNum{font-weight:700;font-size:20px;color:#FD4245;line-height:22px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreakLabel{font-size:16px;color:#ACACAC;line-height:18px;margin-top: 10px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreakList{display:flex;justify-content: space-between;gap: 0 4px;margin-top:18px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreak{flex: 1;display:inline-flex;flex-direction: column;gap: 4px;height:48px;padding:5px 10px;font-size:13px;color:#FFFFFF;line-height:15px;box-sizing:border-box;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreak span:last-child{line-height: 20px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreak em{font-style:normal;font-weight:600;font-size: 18px;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreak1{background: url(../img/expert_bg_grade03.png) no-repeat center center;background-size: contain;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreak2{background: url(../img/expert_bg_grade04.png) no-repeat center center;background-size: contain;}
.expertHomePage .pageSide .ehpProfileCard .ehpStreak3{background: url(../img/expert_bg_grade05.png) no-repeat center center;background-size: contain;}
/* ---------- 方案区域 ---------- */
.expertHomePage .ehpSellingBlock{width:100%;background:#FFFFFF;border-radius:8px;padding:24px;box-sizing:border-box;}
.expertHomePage .ehpHistoryBlock{width:100%;background:#FFFFFF;border-radius:8px;padding:24px;box-sizing:border-box;margin-top:12px;}
/* 模块标题 */
.expertHomePage .ehpSectionHead{width:100%;margin-bottom: 12px;display:flex;align-items:center;justify-content:space-between;}
.expertHomePage .ehpSectionTitle{font-weight:600;font-size:18px;color:#353535;line-height:20px;}
.expertHomePage .ehpSectionTitle em{font-style:normal;color:#353535;margin-left:0;}
/* 方案列表 */
.expertHomePage .ehpPlanList{width:100%;}
.expertHomePage .ehpPlanItem{display: block;width:100%;padding:16px 0;box-sizing:border-box;border-top:1px solid #F7F9FD;transition:background-color 0.15s;position: relative;}
.expertHomePage .ehpPlanItem.red::after{content: "";position: absolute;top: 12px;right: 0;width: 60px;height: 60px;background: url(../img/expert_ico_grade03.png) no-repeat center center;background-size: contain;}
.expertHomePage .ehpPlanItem.black::after{content: "";position: absolute;top: 12px;right: 0;width: 60px;height: 60px;background: url(../img/expert_ico_grade01.png) no-repeat center center;background-size: contain;}
.expertHomePage .ehpPlanItem.regret::after{content: "";position: absolute;top: 12px;right: 0;width: 60px;height: 60px;background: url(../img/expert_ico_grade02.png) no-repeat center center;background-size: contain;}
/* 方案内容 */
.expertHomePage .ehpPlanContent{font-size:18px;color:#353535;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-align:justify;}
.expertHomePage .ehpPlanDesc{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.expertHomePage .ehpPlanPeriods{font-size:14px;color:#353535;line-height:16px;}
.expertHomePage .ehpPlanPeriods em{color: #ACACAC;}
.expertHomePage .ehpPlanPeriods .deadlineTime{color: #ACACAC;}
/* 方案价格 */
.expertHomePage .ehpPriceVal{font-size:14px;color:#E36200;line-height:16px;white-space:nowrap;}
/* ========== 专家主页 e ========== */

/* ========== 方案详情 s ========== */
.expertHomePage .pageMain { width: 757px; min-height: 500px; }
.schemePage { width: 100%;   padding: 0; box-sizing: border-box; overflow: hidden; }
/* ---------- 顶部区域：标题+摘要 ---------- */
.schemePage .schemeTopSection { padding: 28px 28px 0; background: #fff;border-radius: 8px;margin-bottom: 12px;}
/* ---------- 方案头部 ---------- */
.schemePage .schemeHeader { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #F0F2F7; }
.schemePage .schemeTitle { font-weight: 600; font-size: 22px; color: #353535; line-height: 32px; }
.schemePage .schemeDivider { width: 100%; height: 1px; background: #F0F2F7; margin: 16px 0 14px; }
.schemePage .schemeCategory { display: flex; align-items: center; }
.schemePage .schemeCatLabel { font-size: 16px; color: #353535; line-height: 24px;font-weight: bold; margin-bottom: 10px;}
/* ---------- 摘要 ---------- */
.schemePage .schemeSummaryBox { width: 100%; padding: 18px 0 20px; }
.schemePage .schemeSummary { font-size: 16px; color: #ACACAC; line-height: 26px; text-align: justify; }
.schemePage .schemeSummary em { color: #353535; font-weight: 500; }
/* ---------- 专家信息 ---------- */
.expertAchieveSectionDlt{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.expertAchieveSectionDlt .lotteryIssue{font-weight:700;font-size:16px;color:#353535;line-height:16px}
.expertAchieveSectionDlt .achieveDataList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border: 1px solid #F7F9FD;box-sizing: border-box;}
.expertAchieveSectionDlt .achieveDataList .dataItem{width: 100%; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.expertAchieveSectionDlt .achieveDataList .dataItem div{border-right: 1px solid #F7F9FD;box-sizing: border-box; flex: 1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:32px;}
.expertAchieveSectionDlt .achieveDataList .dataItem .dataLabel{font-weight:400;font-size:12px;color: #353535;}
.expertAchieveSectionDlt .achieveDataList .dataHeader{background: #F7F9FD;}
.expertAchieveSectionDlt .achieveDataList .dataHeader div{border-right: 1px solid #FFFFFF;}
.expertAchieveSectionDlt .achieveDataList li{border-bottom: 1px solid #F7F9FD;box-sizing: border-box;}
.expertAchieveSectionDlt .achieveDataList li div:last-child{border-right:0}
.expertAchieveSectionDlt .achieveDataList li:last-child{border-bottom: 0;}
.expertAchieveSectionDlt .achieveDataList .dataRow .dataText{text-align: center;font-weight:400;font-size:12px;line-height:14px;color:#353535;width: 95%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.expertAchieveSectionDlt .achieveDataList .dataRow .dataText .dataNum{color:#fd4245;}
.expertAchieveSectionDlt .solidLine{margin:16px auto;height:1px;border-bottom: 1px dashed rgba(172,172,172,.2); width:100%;}
/* ---------- 赛事信息卡 ---------- */
.schemePage .schemeMatchCard { position: relative; width: 100%; border-radius: 0; padding: 0; box-sizing: border-box; margin: 0 0 12px 0; background: url(../img/expert_bg_football01.png) no-repeat center top; background-size: 100% auto; overflow: hidden; }
.schemePage .schemeMatchTags { position: absolute; top: 0; left: 0; display: flex; align-items: center; height: 24px; box-sizing: border-box; z-index: 2;background: #FF8D1C;border-radius: 5px 0px 5px 0px; }
.schemePage .schemeTag { display: inline-flex; align-items: center; justify-content: center; height: 24px; font-size: 15px; font-weight: 500; color: #FFFFFF; line-height: 24px; box-sizing: border-box; border-radius: 0; background: none; border: none;padding: 0 12px; }
.schemePage .schemeTag--league { background: linear-gradient( 255deg, #129DF9 0%, #30B6FB 57.42%, #3AB4FB 100%);border-radius: 5px 0px 5px 0px; }
.schemePage .schemeMatchBody { display: flex; align-items: center; justify-content: center; padding: 40px 40px 30px; }
.schemePage .schemeTeam { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 14px 0; }
.schemePage .schemeTeam img { width: 64px; height: 64px; object-fit: contain; border-radius: 50%; }
.schemePage .schemeTeamName { font-weight: 500; font-size: 16px; color: #353535; line-height: 20px; text-align: center; }
.schemePage .schemeMatchVs { width: 140px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px 0; }
.schemePage .schemeMatchTime { font-size: 13px; color: #ACACAC; line-height: 16px; }
.schemePage .schemeVsIcon { display: block; width: 36px; height: 32px; background: url(../img/expert_ico_vs.png) no-repeat center center; background-size: contain; }
.schemePage .black::after{content: "";position: absolute;top: 0;right: 0;width: 60px;height: 60px;background:url(../img/expert_ico_grade01.png) no-repeat;background-size:60px;}
.schemePage .Regret::after{content: "";position: absolute;top: 0;right: 0;width: 60px;height: 60px;background:url(../img/expert_ico_grade02.png) no-repeat;background-size:60px;}
.schemePage .red::after{content: "";position: absolute;top: 0;right: 0;width: 60px;height: 60px;background:url(../img/expert_ico_grade03.png) no-repeat;background-size:60px;}
/* ---------- 玩法标签 + 赔率 ---------- */
.schemePage .schemePlayType { display: flex; align-items: center; justify-content: center; width: 185px;height: 42px;background: #E8F3FE;border-radius: 21px;border: 1px solid #CCE2FC;margin: 0 auto;}
.schemePage .schemePlayType span { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 20px;font-size:16px; line-height: 30px; color: #5B91C9;}
.schemePage .schemeOddsList { display: flex; align-items: center; justify-content: center; gap: 0 16px; padding: 16px 20px 24px; }
.schemePage .schemeOddsItem { flex: 1; max-width: 160px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid #BADAFF; font-size: 16px; color: #5B91C9; line-height: 42px; font-weight: 500;background: #E8F3FE; }
.schemePage .schemeOddsItem.active { border-color: #FD4245; color: #FD4245;background: #F2EFF6; }
/* ---------- 正文内容区 ---------- */
.schemePage .schemeBodySection {border-radius: 8px;}
/* ---------- 正文内容（付费遮罩） ---------- */
.schemePage .schemeContentBox { position: relative; width: 100%; min-height: 300px; overflow: hidden;}
.schemePage .schemeContentText { background: linear-gradient( 220deg, #FFFEFE 0%, #FFF0F0 100%);border-radius: 8px;border: 2px solid #FFE2E2;font-size: 16px; color: #353535; line-height: 30px; text-align: justify;white-space: pre-line;padding: 24px;}
.schemePage .schemeContentBlur { width: 100%; filter: blur(4px); user-select: none; pointer-events: none; padding: 24px;}
.schemePage .schemeContentBlur p { font-size: 14px; color: #353535; line-height: 28px; text-align: justify; text-indent: 2em; margin-bottom: 12px; }
.schemePage .schemePayMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px 0; background: rgba(245,245,245,0.85); }
.schemePage .schemePayTip { display: flex; align-items: center; gap: 0 6px; font-size: 14px; color: #FD4245; line-height: 20px; font-weight: 500; margin-top: 60px}
.schemePage .schemePayIcon { display: inline-block; width: 18px; height: 18px; background: url(../img/expert_ico_lock.png) no-repeat center center; background-size: contain; flex-shrink: 0; }
.schemePage .schemeCountdown { display: flex; align-items: center; gap: 0 4px; margin-bottom: 60px;}
.schemePage .schemeCountNum { display: inline-flex; align-items: center; justify-content: center;min-width: 38px; height: 38px; background: #FFFFFF; border-radius: 4px; font-weight: 600; font-size: 18px; color: #353535; line-height: 38px; padding: 0 5px;box-sizing: border-box;}
.schemePage .schemeCountSep { font-weight: bold; font-size: 18px; color: #353535; line-height: 38px; }
/* ---------- 声明 ---------- */
.schemePage .schemeDisclaimer { width: 100%; padding: 16px 0;  }
.schemePage .schemeDisclaimer p { font-size: 12px; color: #ACACAC; line-height: 20px; text-align: center; }
/* ---------- 底部购买栏 ---------- */
.schemePage .schemeBuyBar { position: fixed; bottom: 80px; width: 757px; display: flex; align-items: center; justify-content: flex-end; gap: 0 20px; height: 68px; padding: 0 28px; box-sizing: border-box;background: #F7F9FD;}
.schemePage .schemeBuyLeft { display: flex; align-items: center; gap: 0 4px; }
.schemePage .schemeBuyLabel { font-size: 16px; color: #000000; line-height: 20px; }
.schemePage .schemeBuyPrice { font-size: 14px; color: #E36200; line-height: 20px; }
.schemePage .schemeBuyPrice em { font-style: normal; font-weight: 700; font-size: 20px; color: #FD4245; margin-right: 2px; }
.schemePage .payBottomSection .activityIcon{display: none; display: flex;align-items: center;justify-content: center;gap: 4px; padding: 0 8px; height: 20px;background: linear-gradient( 90deg, #EA3719 0%, #F06110 49.52%, #EF5017 98.56%);border-radius: 10px;}
.schemePage .payBottomSection .activityIcon .limitedTime{font-weight: 400;font-size: 14px;color: #FFFFFF;}
.schemePage .payBottomSection .activityIcon .compensate{ font-weight:bold;font-size:14px;text-align:center;font-style:normal;text-transform:none;background:linear-gradient(270deg,#fffffb 0,#ffd58c 100%);background:-webkit-linear-gradient(270deg,#fffffb 0,#ffd58c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.schemePage .payBottomSection .payPrice{ display: inline-flex;align-items: flex-end; flex-shrink: 0;}
.schemePage .payBottomSection .payPrice .newPay{display: inline-block; color: #FD4245;font-size: 20px;font-weight: 600; line-height: 20px;margin-right: 4px;}
.schemePage .payBottomSection .payPrice .payUnit{display: inline-block; color: #000000;font-size: 16px;font-weight: 500; line-height: 20px;margin-right: 4px;}
.schemePage .payBottomSection .payPrice .oldPay{display: inline-block; font-weight: 400;font-size: 14px;color: #808080; line-height: 20px;text-decoration: line-through;}
.schemePage .schemeBuyBtn { height: 42px; padding: 0 36px; background: radial-gradient(79.26% 79.29% at 75% 25.65%, #FF7B78 0%, #FD4245 100%); border-radius: 4px; border: none; outline: none; font-size: 16px; color: #FFFFFF; font-weight: 500; line-height: 42px; cursor: pointer; transition: opacity 0.2s; }
.schemePage .schemeBuyBtn:hover { opacity: 0.88; }
/* ========== 方案详情 e ========== */


/* 传统足彩展示区 */
.schemePage .schemeTraditionalSection {width: 100%;background: #FFFFFF;border-radius: 8px;margin-bottom: 12px;padding: 20px 12px;box-sizing: border-box;}
.schemePage .stfTableWrap { width: 100%; overflow: hidden; overflow-x: auto; }
.schemePage .stfTable { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.schemePage .stfTable th,.schemePage .stfTable td { width: 46px; border: 1px solid #E7E9EE; box-sizing: border-box; text-align: center; font-size: 12px; color: #353535; line-height: 18px; padding: 8px 2px; vertical-align: middle; }
.schemePage .stfTable thead th { background: #F7F9FD; font-weight: 500; font-size: 13px; color: #808080; height: 40px; }
.schemePage .stfTable thead th:first-child { width: 46px; }
.schemePage .stfTable .stfRowLabel { background: #F7F9FD; font-weight: 500; color: #808080; width: 46px; }
.schemePage .stfTable tbody tr td { height: 120px; writing-mode: vertical-lr; text-orientation: upright; letter-spacing: 2px; }
.schemePage .stfTable tbody tr td.stfRowLabel { writing-mode: horizontal-tb; text-orientation: mixed; letter-spacing: normal; height: auto; }
.schemePage .stfTable tbody tr:nth-child(2) td { height: 40px; writing-mode: horizontal-tb; text-orientation: mixed; letter-spacing: normal; }
.schemePage .stfRecommendRow td { height: 40px !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; letter-spacing: normal !important; font-weight: 600; font-size: 14px; color: #353535; }
.schemePage .stfRecommendRow td em { font-style: normal; color: #FD4245; font-weight: 700; }
/* 策略提点 */
.schemePage .schemeStrategySection {width: 100%;background: #FFFFFF;border-radius: 8px;margin-bottom: 12px;padding: 24px;box-sizing: border-box;}
.schemeNumberPage .schemePage .schemeStrategySection { background: linear-gradient( 220deg, #FFFEFE 0%, #FFF0F0 100%);border-radius: 8px;border: 2px solid #FFE2E2;box-sizing: border-box; }
.schemePage .stsHead { margin-bottom: 16px; }
.schemePage .stsTitle { font-weight: 600; font-size: 18px; color: #353535; line-height: 22px; }
.schemePage .stsContent { font-size: 16px; color: #353535; line-height: 30px; text-align: justify;white-space: pre-line; }
.schemePage .schemeStrategySection .schemeDisclaimer p{text-align: left;}
.schemePage .schemeStrategySection.numberContent {background: linear-gradient( 220deg, #FFFEFE 0%, #FFF0F0 100%);border: 2px solid #FFE2E2;}

/* ========== 404 s ========== */
.notfoundPage .pageMain{display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 100px;}
.notfoundPage .notfoundImg{width: 240px;height: 166px;margin: 0 auto;background: url(../img/none_bg.png) no-repeat center;background-size: contain;}
.notfoundPage .notfoundDesc{margin: 20px auto 0;font-weight: 500;font-size: 16px;color: #353535;line-height: 20px;text-align: center;}
.notfoundPage .notfoundBtn{display: block;width: 100px;height: 40px;margin: 20px auto 0;background: #FD4245;border-radius: 8px;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 40px;text-align: center;}
/* ========== 404 e ========== */

/* ========== app s ========== */
.appPage .appSection{width: 100%;height: 560px;background: #FFFFFF;margin-top: 17px;display: flex;align-items: center;justify-content: center;gap: 0 138px;}
.appPage .appSection .appImg{width: 474px;height: 411px;background: url(../img/download_pic_interface.png) no-repeat center;background-size: contain;}
.appPage .appSection .appDl h3{font-weight: 800;font-size: 44px;color: #262626;line-height: 44px;letter-spacing: 36px;text-align: center;}
.appPage .appSection .appDl .subTitle{font-size: 20px;color: #828282;line-height: 30px;letter-spacing: 18px;margin-top: 15px;}
.appPage .appSection .dlBox{display: flex;align-items: center;gap: 0 17px;margin-top: 20px;}
.appPage .appSection .dlType{display: flex;flex-direction: column;gap: 12px 0;}
.appPage .appSection .dlType a{width: 160px;height: 54px;border-radius: 8px;display: flex;align-items: center;justify-content: center;gap: 0 5px;font-size: 16px;color: #FFFFFF;line-height: 30px;cursor: pointer;}
.appPage .appSection .dlType a:hover{opacity: 0.88;}
.appPage .appSection a.dlIos{background: #000000;} 
.appPage .appSection a.dlIos i{width: 18px;height: 22px;background: url(../img/download_pic_ios.png) no-repeat center;background-size: contain;} 
.appPage .appSection a.dlAndroid{background: #ED2C41;} 
.appPage .appSection a.dlAndroid i{width: 20px;height: 22px;background: url(../img/download_pic_android.png) no-repeat center;background-size: contain;} 
.appPage .appSection .qrcode{width: 110px;height: 110px;}
/* ========== app e ========== */