
/* æ— æ•°æ® */
.no_data {height:255px;padding:20px;}
.no_data p {text-align:center;line-height:30px;margin: 10px 0;}
.no_data .title {font-size:20px;font-weight:600;margin-top: 55px;}
.no_data .explain {font-size:16px;}
.no_data .explain .icon {background: var(--bgcolor-2);color: var(--textcolor-3);font-size: 18px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;margin: 0 4px;}
.no_data .searchbtn {background: var(--primary-color);color: var(--text-white);font-size: 14px;line-height: 30px;text-align:center;font-weight:500;min-width:150px;padding: 5px 10px;margin: 10px 0;border-radius:4px;display:inline-block;cursor: pointer;}
.no_data .searchbtn .icon {color: var(--text-white);font-size: 18px;font-weight: normal;margin-right: 5px;}


/* æ¯”åˆ†æ”¶è—æ˜Ÿæ˜Ÿ */
.add-div .icon.icon-font-collect-off,.add-div .icon.icon-font-collect-on {font-size: 20px;padding: 4px 3px;}
.Leaguestitle .icon {margin: 0 2px;}



/* æœç´¢å¼¹æ¡†*/
.r10 { right: 9.5%; }
.r17 { right: 17%; }
.fl { float:left;}
.fr { float:right;}
input,select {color:var(--textcolor-2);background:none;line-height:24px;border-radius: 3px;}
input:focus,select:focus {outline:none;}
.icon {display: inline-block;vertical-align: -1px;}
.icon.icon-font-collect-on {color: var(--yellow60) !important;font-size: 20px;cursor: pointer;}
.icon.icon-font-collect-off {color: var(--gray50);font-size: 20px;cursor: pointer;}
.dark .nodata_pic {opacity: 0.7;}
#popMask { background: var(--black60);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}

.popupbox .popuptit::after,.popupbox .typebtn::after {content:"";display: block;clear: both;}
.popupbox { background: var(--bgcolor-1); min-width: 210px; padding: 10px; border-radius: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,0); box-shadow: 0 5px 15px var(--black30); cursor: auto; transition: all 0.2s linear; z-index: 1000; }
.popupbox .popuptit { background: var(--bgcolor-3); color: var(--textcolor-2); font-size: 14px; font-weight: bold; text-align: center; padding-bottom: 10px; margin-bottom: 10px; position: relative; clear: both; }
.popupbox .popuptit .tit {color: var(--textcolor-1);font-size: 14px;line-height: 30px;font-weight: bold;margin-right: 10px;float: left;}
.popupbox h2,.popupbox .mh2 { color: var(--textcolor-2); font-size: 14px; line-height: 30px; }
.typebtn { background: var(--bgcolor-1); margin: 0 auto; border-radius: 4px; display: flex; align-items: center; }
.typebtn li { float: left; flex: 1; color: var(--textcolor-2); font-size: 12px; text-align: center; line-height: 30px; border-radius: 4px; cursor: pointer; }
.typebtn li:hover {color: var(--text-primary); }
.typebtn li.on { background: var(--primary-color); color: var(--text-white); }
.popuptit .typebtn { background: var(--bgcolor-1); width: 85%; }
.popuptit .typebtn.sort { width: 300px; margin: 0 10px; float: left; }
.searchbox {float:left;background: var(--black15);color: var(--white);font-size: 12px;line-height: 30px;text-align: left;width: 35%;padding: 4px 15px;border-radius: 30px;display: inline-block;overflow: hidden;}
.popupbox.sch { top: 184px; width: 710px; height: 500px; padding: 0; overflow: hidden;}
.sch .popuptit { padding: 10px 5px 10px 10px; }
.sch .popupinfo { max-height: 425px; padding: 0 10px; overflow-y: auto; }
.sch .searchbox { background: var(--bgcolor-1); margin: 0; padding: 0 6px; border-radius: 4px; }
.sch .searchbox input {width: 100%;line-height: 30px;border: none;}
.sch .sch_list { width: 46.5%;font-size: 12px;line-height: 16px;float: left; padding: 5px; margin: 0 10px 10px 0; border: 1px solid var(--border-2); border-radius: 4px; cursor: pointer;transition: all 0.2s linear; }
.sch .sch_list:nth-child(even) { margin-right: 0; }
.sch .sch_list:hover,.scorelists:hover {background: var(--yellow20);}
.scorelists:hover .score {background: var(--goalbg);}
.scorelists.noturn:hover .score {background: var(--bgcolor-3);}
.scorelists.noturn:hover,.sch .sch_list.noturn:hover { background: var(--bgcolor-2);cursor: text;}
.sch .sch_box { width: 90%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sch .remark { color: var(--textcolor-3); font-weight: normal; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sch .sch_list .icon { margin: 8px 0; }
.popupbox.slt { min-width: 100px; top: 40px; left: auto; transform: translate(50%,0); }
.popupbox.slt li { color: var(--textcolor-1); text-align: center; line-height: normal; padding: 8px 10px; border-radius: 4px; display: block; cursor: pointer; }
.popupbox.slt li:hover { background: var(--bgcolor-1); }
.popupbox.slt li.on { background: var(--primary-color) !important; color: var(--text-white); }
.popupbox.set { top: 36px; padding: 0; }
.set .popuptit { padding: 5px 5px 5px 10px; margin: 0; line-height: 30px; text-align: left; }
.set .setbox { margin: 0 10px; padding-bottom: 5px; border-bottom: 1px solid var(--border-1); }
.setbox .settit { color: var(--textcolor-2); font-size: 12px; line-height: 26px; text-align: left; }
.setbox .typebtn { margin-bottom: 6px; }
.setbox .selectbox { display: block; width: 99%; padding: 5px; margin: 0 0 5px 0; }
.setbox select:focus { border: 1px solid var(--border-1); }
.setbox .preferences { margin: 5px 0; }
.setbox .switch { color: var(--textcolor-2); line-height: 30px; text-align: left; display: block; }
.setbox .switch input { display: none; }
.switch > input[type="checkbox"]:checked + .switch-style { background: var(--primary-color); }
.switch > input[type="checkbox"]:checked + .switch-style:before { left: 50%; }
.setbox .switch-style { background: var(--gray50); min-width: 20px; width: 35px; height: 18px; margin-top: 6px !important; border-radius: 4px; display: inline-block; float: right; position: relative; cursor: pointer; transition: all 0.3s ease-in-out 0s; }
.setbox .switch-style::before { content: ""; position: absolute; top: 1px; left: 1px; background: var(--white-bg); width: 16px; height: 16px; border-radius: 3px; display: block; transition: all 0.3s ease-in-out 0s; }
.close { width: 30px; height: 30px; display: inline-block; overflow: hidden; position: absolute; top: 50%; right: 5px; transform: translate(0,-50%); cursor: pointer; }
.close::before, .close::after { content: ""; background: var(--gray50); height: 1px; width: 60%; top: 50%; left: 50%; transform: translate(-50%,0) rotate(45deg); position: absolute; }
.close::after { transform: translate(-50%,0) rotate(-45deg); }

.leaguetit {background: var(--table_header);border-radius: 0 0 4px 4px;}
.leaguetit h2,.leaguetit .mh2 {color: var(--textcolor-1);font-size: 12px;line-height: 32px;font-weight: 600;display: inline-block;}
.leaguetit .icon {color: var(--textcolor-3);width: 32px;height: 32px;line-height: 32px;text-align: center;cursor: pointer;}
.scorelists {display: flex;align-items: center;text-align: center;font-size: 12px;padding: 6px 0;border-bottom: 1px solid var(--border-2);cursor: pointer;}
.scorelists span {flex: 1 0 auto;display: flex;justify-content: center;}
.scorelists .icon {width: 32px;margin: 3px 0;flex: 0 auto;}
.scorelists .time {color: var(--textcolor-3);width: 40px;line-height: 14px;}
.scorelists .time i::after {content:"'";margin-left: 2px;animation: second 1s infinite;}
.scorelists .state {color: var(--blue40);width: 70px;line-height: 14px;}
.scorelists .state i::after {content:"'";margin-left: 2px;animation: second 1s infinite;}
@keyframes second { 0% {opacity: 0;} 100% {opacity: 1;};}
.scorelists .htname {width: 168px;line-height: 14px;text-align: right;padding-right: 5px;justify-content: flex-end;}
.scorelists .htname.on,.scorelists .gtname.on {background: var(--goalbg);}
/* .scorelists .htname a,.scorelists .gtname a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;word-break: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-pack: center;} */
.scorelists .htname font,.scorelists .gtname font {display: contents;}
.scorelists .score {width: 50px;background: var(--bgcolor-2);color: var(--textcolor-3);font-size: 14px;font-weight: bold;line-height: 28px;border-radius: 3px;}
.scorelists .score font {padding: 0 2px;}
.scorelists .score.hih {color: var(--blue40);}
.scorelists .score.ft {color: var(--red60);}
.scorelists .score.ft .on {color: var(--textcolor-1);}
.scorelists .gtname {width: 168px;line-height: 14px;text-align: left;padding-left: 5px;justify-content: flex-start;}
.scorelists .redcard,.scorelists .yellowcard {background: var(--red60);color: var(--text-white);width: 10px;height: 12px;font-size: 11px;line-height: 12px;font-style: normal;text-align: center;margin: 0 2px;border-radius: 2px;display: inline-block;}
.scorelists .yellowcard {background: var(--yellow60);}
.scorelists .hfscore {width: 42px;color: var(--textcolor-3);}
.scorelists .amticon {background: var(--red60);width: 14px;height: 14px;line-height: 20px;border-radius: 2px;padding: 2px;margin: 0 3px;vertical-align: -5px;cursor: pointer;}
.scorelists .amticon.on {background: var(--blue60);}
.scorelists .odds {color: var(--textcolor-2);width: 42px;}
.scorelists .odds.up {background: var(--redbg);}
.scorelists .odds.down {background: var(--greenbg);}

#cricket .scorelists .score {width: 80px;}
#cricket .scorelists .htname,#cricket .scorelists .gtname {width:150px;}


/* èµ„æ–™åº“-æ”¶è—æŒ‰é’® */
.info_title_left .img {width: 60px;height: 60px;}
.info_title_left .img img {width: 60px;height: inherit;}
.info_title_left .selectbox select {background:var(--bgcolor-1);color:var(--textcolor-2);border:1px solid var(--border-3);padding:2px 4px;margin-top:4px;opacity: 1 !important;}
.follow_btn {color: var(--textcolor-2);font-size: 14px;text-align: center;padding: 5px 12px;border: 1px solid var(--border-4);border-radius: 20px;cursor: pointer;}
.follow_btn .icon {color: var(--textcolor-3) !important;font-size: 14px;margin-left: 5px;vertical-align: 1px;}
.follow_btn.on { background: rgba(255,153,0,0.1); color: #f90; border-color: #f90; }
.follow_btn.on .icon { color: #f90 !important; }

.teamdeatbox .teamicon {width: 60px;height: 60px;border-radius: 6px;}
.teamdeatbox .Tname {font-size: 14px;font-weight: bold;}
.teamdeatbox .follow_btn {font-size: 12px;line-height: 22px;padding: 2px 10px;margin: 6px auto;width: fit-content;}


/* æ”¶è—é¡µæ ‡é¢˜æ èµ›äº‹æç¤º */
.tipsNum { margin-right: 10px;color: var(--textcolor-2);display: none;cursor: pointer;}
.tipsNum:hover {text-decoration: underline;}
.initcursor { cursor: text !important;}
.initcursor:hover { text-decoration: none;}

/*GaoMinglong*/
.Leaguestitle .cImg { position: relative; width: 22.5px; height: 15px; top: 3px; padding: 0 4px; }
a { cursor: pointer; }
#tools li a .icon { color: var(--textcolor-2); font-size: 12px; line-height: 14px; margin-left: 2px; height:auto;}

.menu2 li .icon {color: var(--text-white) !important;font-size: 16px; margin-right: 4px; font-weight: normal; vertical-align: -1px; }
.menu2 li .on .icon {color: var(--text-primary) !important;}

.badge_fill { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 13px; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 3px; right: 3px; padding: 0 4px; }
.loginBox { width: 40px; height: 40px; position: absolute; right: 2px; top: 10px; }
.loginBox #login_icon a { display: block; }
.loginBox .badge_fill { position: absolute; bottom: -7px; top: unset; }
.loginBox .sign_in_btn { position: absolute; right: 0; width: 90px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; line-height: 34px; border: 1px solid #fff; border-radius: 3px; cursor: pointer; }
.badge_fill.grayBG { background: #999; border-color: #999 !important; }
.fav_count { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 14px; text-align: center; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 9px; padding: 0 4px; }
.fav_count.grayBG { background: #999; border-color: #999 !important; }


.flyClose { position: absolute; top: 0px; right: 0px; background: rgb(0 0 0 / 40%); width: 20px; height: 20px; border-radius: 50%; z-index: 100; cursor: pointer; }
.flyClose::before, .flyClose::after { content: ""; position: absolute; top: 4px; left: 10px; background: #fff; width: 1px; height: 12px; transform: rotate( 45deg); }
.flyClose::after { transform: rotate( -45deg); }
