.subs { position: absolute; background-color: #fff; display: none; padding: 5px 15px 10px 15px;box-shadow: 0 10px 20px rgba(24,33,40,.2);filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=5);}
.subs.two-col {width: 160px}

/*.soccer{ margin-left: 185px}
.basketball {margin-left: 230px}
.tennis {margin-left: 330px}
.game {margin-left: 390px}
.volleyball {margin-left: 440px}
.baseball {margin-left: 490px}
.tabletennis {margin-left: 560px}
.badminton {margin-left: 630px}
.snooker {margin-left: 700px}
.football {margin-left: 780px}
.hockey,.racing {margin-left:800px}*/
.sitenav-secondary-wrap .soccer, .sitenav-secondary-wrap .basketball, .sitenav-secondary-wrap .tennis, .sitenav-secondary-wrap .game, .sitenav-secondary-wrap .volleyball, .sitenav-secondary-wrap .baseball, .sitenav-secondary-wrap .tabletennis, .sitenav-secondary-wrap .badminton, .sitenav-secondary-wrap .snooker, .sitenav-secondary-wrap .football, .sitenav-secondary-wrap .hockey, .sitenav-secondary-wrap .racing {
    display: none
}
/*2020 site-header*/

/*2020 site-header*��վ����ʽ*/
body {background: #EAEBEC;}
ul,h1 {margin: 0;padding: 0;}
li { list-style: none}

#site-header { width: 100%; clear: both; margin-bottom:8px ;}
#site-header h1 a{color: transparent; display: inline-block; background-image: url(../images/logo-win007.png); width: 144px; height: 28px; float: left; margin-top: 7px}
.sitenav-wrap { background-color: #007FE4; width: 100%; height: 42px}
.sitenav-body { width: 1080px;margin: 0 auto; position: relative}
.sitenav { float: right;width: 900px;display: flex;}
.sitenav li{float: left;flex:1;text-align: center;}
.sitenav li a{display: inline-block;font-size: 15px;color: #fff;line-height: 42px;letter-spacing: 1.3px; position: relative;padding:0;}
.sitenav li a:hover { text-decoration: none;color: #B2DDFF;}
.sitenav .one-selected { color: #B2DDFF}
.one-selected:after {content: ""; display: inline-block; position: absolute; width: 0;height: 0;border: 5px solid transparent;border-bottom-color: #fff; bottom: 0; left: 50%;margin-left:-5px; }
#one-level-0.one-selected:after { display: none}

.sitenav-secondary-wrap { background-color: #FFF; width: 100%; height: 50px;box-shadow: 0 1px 6px rgba(0,0,0,.05)}
.sports-data { position: absolute; left: 2px;top:9px; color: #444; font-weight: 600;letter-spacing: 5px; background-color: #F4F4F4; line-height: 30px; padding: 0 10px;box-shadow: 1px 1px 0 rgba(0,0,0,.1)}
.sports-data:before {content: ""; display: inline-block; width: 13px; height: 12px;background-image: url(../images/sportsdata.png); vertical-align: -2px; margin-right: 6px; }
.sitenav-secondary { float: left; margin-top: 7px}
.sitenav-secondary li{float: left; position: relative;display: inline-block;z-index: 10}
.sitenav-secondary li a{display: inline-block;font-size: 16px;color: #333; font-weight: 600; line-height: 36px;padding: 0 18px;letter-spacing: 1.2px; position: relative;}
.sitenav-secondary li a:hover { text-decoration: none;color: #FF5106;}
.sitenav-secondary li a:after { content: ""; display: inline-block; width: 1px; height: 12px; background-color: #eaeaea; position: absolute; right: 0;top:13px}
.sitenav-secondary li:last-child a:after { display: none}
.sitenav-secondary li a i {display:inline-block;width: 0;height: 0;border-top: 5px solid #999;border-bottom: 0 none;border-left: 5px solid transparent;border-right: 5px solid transparent; vertical-align: middle; margin-left: 5px;transition: all 300ms;}



.subs { position: absolute; background-color: #fff; display: none; padding: 5px 15px 10px 15px;box-shadow: 0 10px 20px rgba(24,33,40,.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=5);}
.subs.two-col {width: 160px}
.sitenav-secondary .subs a { font-size: 14px; font-weight: normal; display: inline-block; float: left;  width: 80px; height: 36px; line-height: 36px; padding: 0; position: relative;}
.sitenav-secondary .subs a:after { display: none}
.sitenav-secondary .subs a:hover { ;}
.sitenav-secondary .two-selected,.sitenav-secondary .two-selected:hover{ background-color: #FF5106; color: #fff;border-radius: 3px}
.sitenav-secondary .two-selected:after { display: none}
.sitenav-secondary .two-selected  i {border-top: 5px solid #FFF;}

.drop-list:hover>.subs{ display: block;}
.drop-list:hover>a i {transform: rotate(-180deg);}
.drop-list:hover>a {color: #FF5106;}
.drop-list:hover .two-selected  { color: #fff}
.nav-tag { display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #fff;}


.sitenav-secondary {  margin-left: 185px}

/*2022 site-header new*/
html,body,.sitenav-body {min-width: 1080px;}
.sitenav {display: flex;}
.sitenav li {flex: 1 0 auto;text-align: center;padding: 0 16px;position:relative;}
.sitenav li a i {display:inline-block;width: 0;height: 0;border-top: 5px solid #fff;border-bottom: 0 none;border-left: 5px solid transparent;border-right: 5px solid transparent; vertical-align: middle; margin-left: 5px;transition: all 300ms;}
.sitenav li a:hover i {transform: rotate(-180deg);border-top-color: #B2DDFF;}
.sitenav li .one-selected i {border-top-color: #B2DDFF;}
.one-selected:after {content:"";bottom: 3px;left: 50%;margin: 0;width: 60%;height: 3px;background: #B2DDFF;border-radius: 5px;border: none;transform: translate(-50%,0);}
.sitenav .drop-list .subs a:hover {color: #FF5106;}
.sitenav .drop-list {position: relative;}
.sitenav .drop-list:hover>a {color: #B2DDFF;}
.sitenav .drop-list .subs a {color: #333;font-size: 14px; font-weight: normal;text-align: center;display: block;width: 60px; height: 30px; line-height: 30px; padding: 0; position: relative;}
.sitenav .drop-list .subs.two-col {transform: translate(-50%,0);left: 50%;}
.sitenav .drop-list .subs.two-col a {width: 80px;display: inline-block;float: left;}
.subs {border-radius: 0 0 4px 4px;z-index: 1040;}
.sitenav-secondary li:after { content: ""; display: inline-block; width: 1px; height: 12px; background: #e5e5e5; position: absolute; right: 0;top:13px}
.sitenav-secondary li:last-child:after,.sitenav-secondary li a:after {display: none;}
.sitenav-secondary li {padding: 0 10px;}
.sitenav-secondary li a {padding: 10px;font-size: 15px;line-height: 15px;white-space: nowrap;}
.sitenav-body:after,.sitenav-secondary::after {content:"";display: block;clear: both;}
/* ---------------- */

.sitenav li .icon {background: #FF5106;color: #fff;padding: 0 2px;border-radius: 2px;position: absolute;top: 0;right: 0;box-shadow: 0 1px 3px #135bff;font-style: normal;}