html,body {background: #EAEBEC !important;color: #333;min-width: 1020px;font-family: "微软雅黑", Tahoma, sans-serif;}
.red {color: #FF5106 !important;}
.blue {color: #2885d1 !important;}
.green {color: #009a01 !important;}
a:link,a:visited {color: #333;}
a:hover {color: #FF5106 ;text-decoration: none;}
.b {font-weight: bold;}
.clear {clear: both;}

.hlbg {background-color: #e5ddc82e !important;}

.hmunber {color: #666;padding: 0 20px;float: left; line-height: 40px}
.hmunber .td_scoreR {color: #FF5106;font-weight: bold;padding: 0 5px;}
#tops {width: 1000px;}
#web_nav {width: 820px;}
.content {width: 1080px;margin: 0 auto;overflow: hidden;position: relative; background-color: #fff;border-radius: 0 0 4px 4px;}
.topicList {overflow: hidden;width: 25%;position: absolute;right: 0;}
#div_topicList { width: 270px}
#div_topicList>ul {overflow-y: auto;height: 590px;}
.topicList_item {overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.topicList_item:hover {background: #fffbdc;transition: all 0.2s linear;}
.topicList_item .nodata {text-align: center;color: #999;background: #f9f9f9;border-top: 1px solid #e5e5e5;display: none;}
.topicList_item .title {display: block;padding: 10px 16px 5px 16px;font-size: 14px;font-weight: bold;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topicList_item .info {padding: 0 16px;}
.topicList_item .info a{color: #999;text-align: justify;}
.topicList_item .time { color: #999;line-height: 20px;height: 20px;clear: both; padding: 5px 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* .topicList_item .info{position: relative; line-height: 20px; max-height: 40px;overflow: hidden;}
.topicList_item .info::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
} */

.topicList h2 {line-height: 28px;background: #f9f9f9;padding-left: 10px;color: #666;border-bottom: 1px solid #e5e5e5;}
.topicList i.update {padding: 0 10px 0 20px;background: url(/images/JCScore/refresh.png) no-repeat left center;float: right;font-size: 12px;transition: all 0.2s linear;}
.topicList i.update:hover {color: #FF5106;background: url(/images/JCScore/refresh1.png) no-repeat left center;}
.commentList {padding:5px 12px 10px;background-color: #d9d9d954;width: 80%;margin: 0 auto 10px auto;border-radius: 4px;}
.commentList .title {padding: 0; font-size: 12px;font-weight: normal; color: #666;position: relative;border-bottom: 1px solid #e5e5e5;}

.commentList .more {float: right;font-size: 12px;color: #666;}

.commentList_Item {color: #999;padding: 8px 0;position: relative;border-bottom: 1px dashed #e5e5e5;}
.commentList_Item span {display: inline-block;width: 84%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.commentList_Item .like {background: url(/images/JCScore/like.png) no-repeat;position: absolute;top: 8px;right: 0;bottom: 5px;height: 14px;padding-left: 18px;}
.commentList_Item:last-child {border: none;padding-bottom: 0;}
.JCList {min-height: 600px;width: 75%;margin: 0 auto;overflow: hidden;float: left;box-shadow: 8px 0 6px rgb(0 0 0 / 5%);}
.JCList .homeTeam {text-align: right;}
.JCList .idx {color: #666;font-size: 12px;display: block;position: relative;}
.JCList .idx i {display: inline-block;width: 16px;height: 16px;border-radius: 50%;margin-right: 2px;vertical-align: -4px;position: relative;cursor: pointer;transition: all 0.2s linear;}
.JCList .idx i::before,.JCList .idx i::after {content:"";position: absolute;top: 7px;left: 3px;width: 10px;height: 1px;background: #999;transform: rotate(45deg);}
.JCList .idx i::after {transform: rotate(-45deg);}
.JCList .idx:hover i {transform: rotate(90deg);}

.JCList .guestTeam {border-left: none;text-align: left;}
.JCList .homeTeam a:link,.JCList .guestTeam a:link{color:#333;}
.JCList .half {color: #a0a0a0;font-size: 12px;}
.JCList input[type="checkbox"] {top: 2px;position: relative;}
.JCList .topicBtn {background: #f6f9fd;color: #4599db;border: 1px solid #b6daf7;font-size: 12px;text-align: center;cursor: pointer;width: 74px;border-radius: 3px;line-height: 24px;margin-bottom: 8px;}
.JCList .topicBtn:after {display: inline-block;content: "";width: 0;height: 0;border-top: 5px solid #62b0ed;border-bottom: 0 none;border-left: 5px solid transparent;border-right: 5px solid transparent;vertical-align: 2px;margin-left: 4px;transition: all 0.2s linear;}
.JCList .topicBtn.on,.JCList .topicBtn.on:hover {background: #FF5106;border-color: #FF5106;color: #fff;}
.JCList .topicBtn.on::after {border-top-color: #fff;}
.JCList .topicBtn.off {background: #efefef;color: #888;border-color: #d9d9d9;}
.JCList .topicBtn.off::after {border-top-color: #888;}
.jc_tr_on {background-color: #fffbdc;}
/* .JCList .topicBtn.off:hover {box-shadow:1px 1px 6px 0 rgb(130 130 130 / 50%);} */
.JCList .topicBtn.on:hover {box-shadow:1px 1px 6px 0 rgb(255 81 6 / 50%);}
.JCList .topicBtn:hover {box-shadow:1px 1px 6px 0 rgb(0 127 228 / 50%);background: #007fe4;border-color: #007fe4;color: #fff;}
.JCList .topicBtn:hover::after,.JCList .topicBtn.on:after {transform: rotate(-90deg);border-top-color: #fff;}
.JCList i.t,.scorebox i.t {background: url(/images/JCScore/in.gif) right top no-repeat;padding: 0 5px;}
.JCList .gameName {color: #fff;font-size: 12px !important;line-height: normal;display: inline-block;border-radius: 3px;padding: 4px 2px;max-width: 60px;min-width: 42px;}
.JCList .gameName a {color: #fff !important;}
.JCList .time {color: #666;font-size: 12px;line-height: normal;border-left: none;}
.JCList .nb {border-left: none;}
.chuanguan {color: #FF5106 !important;}

.oddsBox {border-bottom: solid 1px #cccccc;text-align: center;line-height: 24px;}
.oddsBox tr th {background: #fffbdc;font-weight: normal;line-height: 30px;}
.oddsBox tr td {border: solid 1px #cccccc;padding: 3px 5px;border-bottom: none;border-right: none;}
.oddsBox tr td:first-child {text-align: left;}
.JCList .pk,.JCList .G_Odd {border-left: none;}
.JCList .score {color: #007fe4;font-size: 16px;border-left: none;line-height: normal; }
.JCList .score.end {color: #FF5106;}
.JCList .score .total{}
.JCList .dateBox {background: #f9f9f9;color: #666;font-size: 12px;line-height: 30px;border-right: solid 1px #efefef;}

.card {padding: 0 2px;border-radius: 2px; margin:0 2px;}
.card.red {background: #F54242;color: #fff;}
.card.yellow {background: #FFC700;color: #fff;}

.JCList .select {border: none;padding: 2px 5px;display: inline-block;line-height: normal;border-radius: 4px;padding-right: 15px;width: 80px;cursor: pointer;}
.JCList .select:after {display: inline-block;content: "";width: 0;height: 0;border-top: 4px solid #999;border-bottom: 0 none;border-left: 4px solid transparent;border-right: 4px solid transparent;vertical-align: 2px;margin-left: 5px;}
.JCList tr th {background: #f9f9f9;color: #666;font-weight: normal;line-height:28px;border-bottom: solid 1px #e5e5e5;}
.JCList tr th:last-child {border-right: solid 1px #e5e5e5;}
.JCList table {background: #fff;}
.JCList table tr td.nb {border-right: none !important;}
.JCList table tr td {font-size: 13px;line-height: 26px;text-align: center;border-bottom: solid 1px #e5e5e5;}

/* .JCList table tr td:last-child {border-right: solid 1px #e5e5e5;} */
.lline {border-left: solid 1px #efefef !important;}
.rline {border-right: solid 1px #efefef !important;}

.tools {width: 1080px;margin: 0 auto;background: #FFF;position: relative;border-radius: 4px 4px 0 0;height: 40px;font-size: 12px;border-bottom: 2px solid #007fe4;}
.tools-btn {color: #333333;text-align: center;cursor: pointer;padding: 0 20px;line-height: 40px;float: left; font-size: 14px}
.tools-btn:hover {color: #666 !important;background: #f9f9f9;transition: all 0.2s linear;}
.tools-btn.ddl:after { display: inline-block;content: "";width: 0;height: 0;border-top: 4px solid #999;border-bottom: 0 none;border-left: 4px solid transparent;border-right: 4px solid transparent;vertical-align: 2px;margin-left: 5px;}
.tools-btn.on,.tools-btn.on:hover {background: #007fe4;color: #fff !important;}
.ri_menu {float: right;}
.ri_menu li {text-align: center;cursor: pointer;padding: 0 10px;width: auto;line-height: 40px;float: left;}
.ri_menu select {border: none;margin-left: 5px;cursor: pointer;}
.ri_menu li a.setting {background: url(/images/JCScore/setting.png) no-repeat 2px center;color: #333;padding-left: 21px;width: auto;}
.ri_menu .info select {border: solid 1px #cccccc;margin: 0;}
.ri_menu .ddlBox {float: right;}
#Layer3 {top: 28px;width: 110px;right: 0;}
#Layer3 .title {background: transparent;text-align: left;font-weight: bold;}
#Layer2 {padding: 0px;width: 540px;left: 90px;top: 42px;}
#Layer2 li.on {background: #fff7e6;border: solid 1px #e67421;}
#Layer2 li {line-height: 28px;display: block;float: left;width: 103px;border: solid 1px #bdbdbd;padding-left: 3px;margin: 2px;text-align: left;border-radius: 2px;background: #fff;}
.ddlBox {position: relative;}
.popupBox {background: #fff;position: absolute;overflow: hidden;padding: 0px;border-radius: 6px;box-shadow: 0 8px 50px rgb(0 0 0 / 40%);z-index: 999;}
/* .popupBox input {vertical-align: middle;position: relative;margin-top: -2px} */
.popupBox .bts {overflow: hidden;padding: 12px;border-top: #f5f5f5 solid 1px;text-align: right;}
.popupBox .bts input,.popupBox .vsbtn {margin-left: 4px;font-size: 14px;color: #666;background-color: #f0f0f0;line-height: 32px;cursor: pointer;padding: 0 20px;border-radius: 3px;border: none;}
.popupBox .bts input:hover {background: #007fe4;color: #fff;text-decoration: none;}
.popupBox .bts .countBox {float: left;line-height: 30px;color: #666;font-size: 14px;}
.popupBox .bts .ok {float: right;background: #209dde;color: #fff;border: none;padding: 4px 8px;margin: 0px;border-radius: 2px;}
.popupBox .bts .on {background: #4992b7;position: relative;top: 0px;border-color: #4992b7;color: #fff;height: 30px;line-height: 28px;}
.popupBox .bts .on:hover {color: #fff;}
.popupBox .info {padding: 10px;width: auto;line-height: 26px;overflow: hidden;}
.popupBox .cc a,.scorebox .cc a {float: right;background-image: url(/images/JCScore/close.png);display: block;height: 15px;width: 15px;margin-top: 1px;position: absolute;right: 8px;top: 8px;cursor: pointer;}
.popupBox .sotit {background: #f9f9f9;border-bottom: 1px solid #e5e5e5;font-size: 16px;font-weight: bold;text-align: center;line-height: 36px;margin: 0px;padding: 0;height: auto;width: 100%;position: relative;overflow: hidden;}
.popupBox .closebtn {position: absolute;top: 8px;right: 10px;background: rgba(255,255,255,0.3);width: 18px;height: 18px;border-radius: 4px;cursor: pointer;display: block;border: 1px solid #d9d9d9;}
.popupBox .closebtn:hover {background-color: #ecf6fc;border: 1px solid #98c5db;}
.popupBox .closebtn:hover:before,.popupBox .closebtn:hover::after {background: #007FE4;}
.popupBox .closebtn::before,.popupBox .closebtn::after {content: "";position: absolute;top: 9px;left: 3px;width: 12px;height: 1px;background: #999;transform: rotate(45deg);}
.popupBox .closebtn::after {transform: rotate(-45deg);}
.popupBox .under_sotit{border-bottom: 1px solid #e5e5e5;text-align: center;color: #666;background-color: #ffffff;line-height: 36px;font-size: 14px;}
.popupBox .under_sotit label {display: inline-block;margin: 0 14px;text-align: center;position: relative;cursor: pointer;}
.popupBox .under_sotit label:hover {color: #e62129;background-image: none;}
.popupBox .under_sotit label input {display: none;}
.popupBox .under_sotit label input ~ i {position: absolute;background-color: #FF6D59;height: 3px;width: 100%;display: none;bottom: 0;}
.popupBox .under_sotit label input:checked ~ i {display: block}
.popupBox .under_sotit label input:checked ~ span {color:#333}

.popupBox .info label {cursor: pointer;float: left;margin: 0 0 8px 8px;min-width:120px;}
.popupBox .info label input {display: none;}
.popupBox .info label span {display: block;border:1px solid #FFF;line-height: 28px;padding: 0 7px;border-radius: 20px;background-color: #f5f5f5;}
.popupBox .info label span:hover {background-color: #efefef;}
.popupBox .info label input:checked ~ span {background-color: #FFF1E7;border:1px solid #FFE2D1;color: #5e4040;line-height: 28px;}
.popupBox .info label.lev1 span {color: #e35f4c;}
.popupBox .info label.lev1 input:checked ~ span {background-color: #FFF1E7;border:1px solid #FFE2D1;color: #FF6D59 !important;}
.popupBox .info label i {display: inline-block;background-color: #fff;width: 13px;height: 13px;border: 1px solid #c7c7c7;border-radius: 50%;margin-right: 4px;vertical-align: -3px;}
.popupBox .info label input:checked ~ span i {background: url(/images/JCScore/match-c.png) no-repeat center;width: 15px;height: 15px;float: left;border: none;margin: 7px 4px 0 0;}

.popupBox .title,.popupBox h2 {display: block;line-height: 34px;padding: 0px;height: auto;margin: 0px;padding-left: 10px;font-size: 14px;text-align: center;color: #333;background: url(/images/JCScore/Tbg.jpg) no-repeat top center;}
.popupBox .info input { margin-right: 5px}
.OddTypePopup {width: 100px;top: 18px;left: -1px;}
.OddTypePopup li.title {font-weight: bold;background: #f3f3f3;color: #333;line-height: 26px;font-size:12px;text-align: left;padding: 0 10px;}
.OddTypePopup li.title:hover {color: #333;background: #e9e9e9;}
.OddTypePopup li {color: #333;display: block;line-height: 26px;text-align: left;padding: 0 10px;white-space: nowrap;
    font-size:12px;
    overflow: hidden;text-overflow: ellipsis;}
.OddTypePopup li:hover {color: #FF5106;cursor: pointer;}
.OddTypePopup li.on {background: #FF5106;color: #fff;}
.bottom {background: #F0F0F0;padding: 10px;margin-top: 10px;}
.rbl {text-align: left;font-weight: bold;border-bottom: 1px solid #DFDFDF;color: #333;background-color: #F5F5F5;margin-bottom: 3px; padding:5px 12px;}
.loadding{ width:100%; text-align: center; padding:50px 0; background: #fff;}
.loadding img{display: block; margin:0 auto;}

/* 比分box */
.scorebox { left: 50%;top: 0;width: 430px; padding: 0px; margin-left: -215px; position: absolute;border-radius: 4px;overflow: hidden;box-shadow: 0px 0px 10px 0px #949494;background: #fff;z-index: 9999;}
.tipsBox {text-align: center;line-height: 30px;}
.tipsBox tr th {background: #156790; color: #fff; font-weight: normal;font-size: 14px;line-height: 30px;text-align: left;padding-left: 10px;}
.tipsBox tr td {color:#333;padding: 3px 5px;border: none;}
.tipsBox tr td:first-child {text-align: left;padding-left: 10px;}
.tipsBox tr td:last-child {padding-right: 10px;}
.tipsBox i.HomeName,.tipsBox i.GuestName {font-size: 14px;height: 15px; line-height: 15px;font-weight: bold;}
.tipsBox i.HomeName { padding-left: 20px;}
.tipsBox i.GuestName { padding-right: 20px;}
.tipsBox i.HomeName.on,.tipsBox i.GuestName.on {color: #FF5106;font-weight: bold; background: url(/images/football.png) no-repeat;background-position-y: center;}
.tipsBox i.HomeName.on { background-position-x: left;}
.tipsBox i.GuestName.on { background-position-x: right;}
.tipsBox .score {font-size: 14px;line-height: 30px;}

.float_box { position: fixed; top: 600px; right: -70px; height: 80px; width: 40px;padding: 0; display: block;z-index: 99;box-shadow: 0 1px 10px 0 rgb(0 0 0 / 6%);}
.float_box ul { list-style-type: none; margin: 0;padding: 0; }
.float_box ul li {color: #fff;width: 40px; height: 40px;font-size: 12px;font-weight: bold;line-height: 40px; text-align: center; margin: 0; position: relative;cursor: pointer;transition: all 0.2s linear;}
.float_box ul li#gotop {background: #fff url(/images/JCScore/gotop.png) center no-repeat;}
.float_box ul li#tickl {background: #fff url(/images/JCScore/tickling.png) center no-repeat;border-top: 1px solid #efefef;}
.float_box ul li#gotop:hover::after {content:"返回";background: #007fe4;display: block;}
.float_box ul li#tickl:hover::after {content:"反馈";background: #007fe4;display: block;}


#divDaohang { width: 810px}

/* 全局滚动条开始 */

* {scrollbar-face-color: #8e8e8e;/*面子*/
    scrollbar-arrow-color: #333333;/*箭头*/

    scrollbar-shadow-color: #8e8e8e;/*右二*/
    scrollbar-darkshadow-color: #8e8e8e;/*右一*/
    scrollbar-track-color: #fff;/*滑道*/
}
/*滚动条整体*/

::-webkit-scrollbar {width: 4px;/*滚动条宽度*/
}
/*滚动条按钮*/

::-webkit-scrollbar-button {}
 ::-webkit-scrollbar-track {background-color: #f1f1f1;/*滑道全部*/

}
 ::-webkit-scrollbar-track-piece {background-color: #f1f1f1;/*滑道*/

    -webkit-border-radius: 4px;}
 ::-webkit-scrollbar-thumb {background-color: #d9d9d9;/*滑动条表面*/
    border: solid 1px #d9d9d9;/*滑动条边框*/
    border-radius: 4px;/*滑动条圆角宽度*/
}
/*横竖滚动条交角*/

::-webkit-scrollbar-corner {background-color: #F3F3F3;}
/*横竖滚动条交角图案*/

::-webkit-resizer {/*background-image: url(/public/img/resizer-inactive.png);*/
    background-repeat: no-repeat;background-position: bottom right;}
/*鼠标滑过滑动条*/
/* 全局滚动条结束 */




/* ----------篮球----------- */
#basketball .JCList .homeTeam,#basketball .JCList .guestTeam {text-align: left;padding-left: 10px;line-height: 36px;}

.soccer, .basketball, .tennis, .game, .volleyball, .baseball, .tabletennis, .badminton, .snooker, .football, .hockey, .racing {
    display: none
}