@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
.cp{margin-top:20px; cursor:pointer;}

address, caption, cite, code, dfn,em, th, var, optgroup {font-style: normal;font-weight: normal;}

h4, h5, h6, strong{font-size: 100%; font-weight: 700;}
abbr, acronym {border: 0;font-variant: normal;}
.b{font-weight:bold;}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}

		
body{background-color:#f5f5f5;color:#2B333C;padding:0px 0;font-family: Arial,'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1','Hiragino Sans GB','\5B8B\4F53';font-size:12px;}
a{text-decoration: none; color: #2B333C;font-family: Arial,'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1','Hiragino Sans GB','\5B8B\4F53'; }
a:link{text-decoration: none;}
a:visited{text-decoration: none; }
a:hover { text-decoration: underline; color: #e00;}
a:active{text-decoration: none;}

code, kbd, samp, tt {font-size: 100%;}

input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
h2,h3{font-family:Arial, sans-serif;}
.news {
    margin: 6px;
}
.txttitle{padding-top:30px;PADDING-left:5%;width:90%}
.view-content{
    font-size: 14px;
    padding:10px;
}
.bqtxt{text-align:center;padding:30px;color:#9b9b9b;}
.shuju-main{width: 100%;}
.shuju-main-left{width: 74%;float:left;}
.view-content img{width:500px}
.view-content a{color:#0067be;}
.view-typeName{text-align:center;font-size:14px;color:#9a9a9a;padding-bottom:20px;}
.b-title {
    margin-top: .5rem;
    font-family: PingFangSC-Semibold;
    font-size: 1rem;
    line-height: 1.37rem;
    color: #000;
    letter-spacing: 0;
    font-weight: 600;
}
.img-item {
    position: relative;
    width: 100%;
    height: 12.5rem;
}

.releaseTime-typeName {
    margin-top: .3rem;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
}
#pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 1rem;
    color: #fff;
}
#pagination span {
    margin-right: .8rem;
    padding: 5px 10px 5px 10px;
    border-radius: 16px;
    background: #3a51b8;
    color: #fff;
}
#pagination a {
    margin-right: .8rem;
    padding: 5px 10px 5px 10px;
    border-radius: 16px;
    background: #05021c;
    color: #fff;
}
.play {
    z-index: 99;
    position: absolute;
    left: .61rem;
    bottom: .56rem;
    display: flex;
    align-items: center;
}
.video-type {
    margin-top: .3rem;
    margin-bottom: 1rem;
    color: #fff;
    text-align: left;
}
.news-title {
    height: 3rem;
}

.matchRowEvent_matchRowWrapper {
	display:flex;
	justify-content:space-between;
	align-items:center;
	white-space:nowrap;
	padding:5px 0;
	
}
.main_l{width:74%;float: left;}
.main_R{width:26%;float: left;margin-top:8px;}
.matchbg{background-color: #d4d4d5;}
.matchbg2{background-color: #fff;}
.matchRowEvent_matchRowWrapper,.infoRowScores_matchScoreRow {
	border-bottom:1px solid rgba(255,255,255,.4);
	font-family:raleway,sans-serif;
	font-weight:700;
	font-size:12px
}
.main_R .rank-list {
    width: 300px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    float: right;
}
 .rank-list .football.active {
    display: block;
}
.rank-list .football {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px 10px 10px;
    display: none;
}

.rank-list .football .competition-rank-table .integral .table-head {
    width: 100%;
    height: 44px;
    color: #333;
    line-height: 44px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}
 .rank-list .football .competition-rank-table .integral .table-head .rank-number {
    margin-left: 10px;
    margin-right: 30px;
    float: left;
}
.rank-list .football .competition-rank-table .integral .table-head .name {
    margin-right: 87px;
    float: left;
}
.rank-list .football .competition-rank-table .integral .table-head .result {
    margin-right: 23px;
    float: left;
}
 .rank-list .football .competition-rank-table .integral .table-head .match-points {
    margin-right: 10px;
    float: left;
}
.rank-list .football .competition-rank-table .integral .list .item {
    height: 36px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f4f7;
}
.rank-list .football .competition-rank-table .integral .list .item .point {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 7px;
}
.rank-list .football .competition-rank-table .integral .list .item .rank-number {
    width: 10px;
    height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    margin-right: 18px;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name {
    flex: auto;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    display: flex;
    align-items: center;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name1 {
    flex: auto;
    height: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    position: relative;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name1 a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    flex: 0;
    align-items: center;
    display: flex;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
}
.rank-list .football .competition-rank-table .integral .table-head {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-bottom: none !important;
    background-color: #F3F4F7;
}
.rank-list .football .competition-rank-table .integral .list .item .result1 {
    height: 17px;
    width: 44px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: right;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    text-align: center;
    background-color: #F3F4F7;
}
.rank-list .football .competition-rank-table .integral .list .item .point {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 7px;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name1 a .tooltips {
    flex: none;
    width: 0;
    overflow: hidden;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name1 a .tooltips .tooltip-arrow {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: -4px;
    top: 50%;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.rank-list .basketball {
    width: 300px;
    box-sizing: border-box;
    padding: 0px 10px 10px 10px;
}

.rank-list .basketball .integral .table-head {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-bottom: none !important;
    background-color: #F3F4F7;
}
.rank-list .basketball .integral .list .item {
    height: 36px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f4f7;
}
.rank-list .basketball .integral .table-head .rank-number {
    margin-left: 10px;
    margin-right: 30px;
    float: left;
}
.rank-list .basketball .integral .table-head .name {
    margin-right: 114px;
    float: left;
}
.rank-list .basketball .integral .table-head .result {
    margin-right: 20px;
    float: left;
}
.rank-list .basketball .integral .table-head .match-points {
    margin-right: 10px;
    float: left;
}
.rank-list .basketball .integral .list .item .point {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 7px;
}
.rank-list .basketball .integral .list .item .rank-number {
    width: 10px;
    height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    margin-right: 18px;
}
.rank-list .basketball .integral .list .item .team-name1 {
    flex: auto;
    height: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    position: relative;
}
.rank-list .basketball .integral .list .item .team-name1 a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    flex: 0;
    align-items: center;
    display: flex;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
}
.rank-list .basketball .integral .list .item .team-name1 a .logo {
    flex: none;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    object-fit: contain;
    object-position: center;
}
.rank-list .basketball .integral .list .item .team-name1 a .name-span {
    white-space: nowrap;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
}
.rank-list .basketball .integral .list .item .team-name1 a .tooltips {
    flex: none;
    width: 0;
    overflow: hidden;
}
.rank-list .basketball .integral .list .item .team-name1 a .tooltips {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-left: 5px;
}
.rank-list .basketball .integral .list .item .result1 {
    height: 17px;
    width: 44px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: right;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    text-align: center;
}
.rank-list .basketball .integral .list .item .result1 .logo {
    width: 19px;
    height: 19px;
    margin-right: 5px;
    object-fit: contain;
    object-position: center;
}
.rank-list .basketball .integral .list .item .match-points1 {
    width: 44px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #e74c5b;
    line-height: 17px;
    text-align: center;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name1 a .tooltips .tooltip-inner {
    max-width: 200px;
    white-space: nowrap;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.rank-list .football .competition-rank-table .integral .list .item .team-name1 a .name-span {
    white-space: nowrap;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
}

.rank-list .football .competition-rank-table .integral .list .item .match-points1 {
    width: 44px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #e74c5b;
    line-height: 17px;
    text-align: center;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name1 a .logo {
    flex: none;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    object-fit: contain;
    object-position: center;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name a .logo {
    width: 19px;
    height: 19px;
    margin-right: 5px;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
}
 .rank-list .football .competition-rank-table .integral .list .item .team-name a {
    color: #333;
    display: flex;
    align-items: center;
}
.rank-list .football .competition-rank-table .integral .list .item .team-name a .name {
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
}
.rank-list .football .competition-rank-table .integral .list .item .result {
    width: 56px;
    height: 17px;
    font-size: 12px;
    box-sizing: border-box;
    padding-right: 10px;
    text-align: center;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    margin-right: 12px;
}
.rank-list .football .competition-rank-table .integral .list .item .match-points {
    width: 25px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #e74c5b;
    line-height: 17px;
    margin-right: 14px;
}

.rank-list .basketball.active {
    display: block;
}
.rank-list .basketball {
    width: 300px;
}
.rank-list .basketball .rank-category {
    height: 44px;
    width: 300px;
    padding: 0 59px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rank-list .basketball .rank-category.east .xz {
    font-weight: 600;
    color: #4FB0FF;
    box-shadow: 0px 1px 0px 0px #4fb0ff;
}

.rank-list .basketball .rank-category .category {
    height: 44px;
    cursor: pointer;
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.rank-list .basketball .rank-table {
    width: 300px;
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
}
.rank-list .basketball .rank-table .table-head {
    width: 100%;
    height: 44px;
    display: flex;
    line-height: 44px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}
.rank-list .basketball .rank-table .table-head .rank-number {
    width: 40px;
    margin-left: 10px;
}
 .rank-list .basketball .rank-table .table-head .team {
    width: 77px;
    margin-left: 10px;
}
.rank-list .basketball .rank-table .table-head .win {
    width: 30px;
    margin-left: 19px;
    text-align: center;
}
 .rank-list .basketball .rank-table .table-head .lose {
    width: 45px;
    text-align: center;
}
.rank-list .basketball .rank-table .table-head .win-ratio {
    margin-left: 20px;
}
.rank-list .basketball .rank-table .list {
    width: 100%;
}
.rank-list .basketball .rank-table .list .item {
    width: 100%;
    overflow: hidden;
    padding: 0 2px 0 10px;
    box-sizing: border-box;
    height: 36px;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #f3f4f7;
}
.rank-list .basketball .rank-table .list .item .win-ratio {
    float: right;
    margin-top: 8px;
    text-align: right;
    color: #E74C5B;
}
.rank-list .basketball .rank-table .list .item canvas {
    width: 30px;
    height: 16px;
}
.rank-list .basketball .rank-table .list .item .rank-number {
    width: 20px;
    height: 20px;
    background: #BBBBBB;
    border-radius: 1px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    float: left;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    text-align: center;
    margin-top: 8px;
}
.rank-list .basketball .rank-table .list .item .team {
    width: 97px;
    float: left;
    margin-top: 8px;
}
.rank-list .basketball .rank-table .list .item .team a {
    color: #333;
    display: flex;
    align-items: center;
}
.rank-list .basketball .rank-table .list .item .team a .logo {
    width: 19px;
    height: 19px;
    margin-right: 5px;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
}
.rank-list .basketball .rank-table .list .item .team a .name {
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
}
.rank-list .basketball .rank-table .list .item .win {
    width: 36px;
    float: left;
    margin-top: 8px;
}
.rank-list .basketball .rank-table .list .item .lose {
    width: 24px;
    float: left;
    margin-top: 8px;
}
.main_R .rank-bar {
    width: 280px;
    height: 80px;
    padding: 0 10px 10px 10px;
   float: right;
    border: 1px solid #ebebeb;
}
.content .index-model {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 0px;
}
.index-model {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.rank-bar .sport-option {
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}
.rank-bar .sport-option .sport {
    width: 75%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    display: flex;
    cursor: pointer;
}
 .rank-bar .sport-option .sport .active {
    font-size: 16px;
    font-weight: 600;
    color: #d43d3d;
}
.rank-bar .sport-option .sport .option {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

 .rank-bar .sport-option .look-more {
    width: 73px;
    height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #d43d3d;
    line-height: 24px;
    display: flex;
}
.hide {
    display: none !important;
}

.rank-bar .football.active {
    display: block;
}
.rank-bar .football {
    width: 100%;
    box-sizing: border-box;
    display: none;
}
.rank-bar .football .competition-option {
    width: 100%;
    height: 46px;
}
.rank-bar .football .competition-option .football-competition {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rank-bar .football .competition-option .football-competition .competition.active {
    font-weight: 500;
    background: #d43d3d;
    color: #fff;
}
.rank-bar .football .competition-option .football-competition .competition {
    cursor: pointer;
    width: 44px;
    height: 26px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
    color: #666;
    border-radius: 2px;
}

.rank-bar .basketball {
    width: 300px;
}
.rank-bar .basketball .competition-option {
    height: 46px;
    width: 280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rank-bar .basketball .competition-option .competition {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 26px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    cursor: pointer;
    background: #fff;
}
 .rank-bar .basketball .competition-option .competition.active {
    color: #FFFFFF;
    background: #0754ee;
}
.rank-list .east .jhs {
    background-color: #4FB0FF !important;
}


.matchRowEvent_icon,.matchRowEvent_time {
	display:flex;
	align-items:center
}
.matchRowEvent_time {
	width:3rem;
	min-width:3rem;
	color:rgba(0,0,0,.7)
}

.matchRowEvent_content {
	display:flex;
	flex:1 1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-height:20px;
	align-items:center
}
.matchRowEvent_content.homeContent {
	justify-content:flex-end
}
.matchRowEvent_playerWrapper {
	display:flex;
	flex-direction:column
}
.matchRowEvent_playerWrapper.homePlayer {
	text-align:right
}
.matchRowEvent_assist,.matchRowEvent_player {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre-wrap
}
.matchRowEvent_assist {
	color:rgba(7,84,238,.8)
}
.matchRowEvent_icon {
	min-width:2rem;
	flex-direction:column
}
.matchRowEvent_iconText {
	font-size:9px
}
.matchRowEvent_icon .common_iconWrapper {
	position:relative;
	width:1.4rem;
	max-width:max-content
}
.matchRowEvent_icon .common_iconWrapper svg {
	display:block
}
.matchRowEvent_center {
	display:flex;
	flex-direction:column;
	flex:0 0 2rem;
	text-align:center
}
.kqbdbf {
	float: left;
    margin: 0px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    color: #fff;
    background-color: #ff7200;
    width: 40px;
    border-radius: 5px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
}
.icon::before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	line-height:1
}

.matchIconExplain {
	display:grid;
	grid-template-columns:repeat(2,2fr);
	margin-top:1rem
}
.matchIconExplain div.icon {
	display:flex;
	align-items:center;
	margin:.5rem 0
}
.matchIconExplain div.icon span:last-child {
	margin-left:.5rem;
	white-space:nowrap
}



.bxh01 ul li{min-height:30px;border-bottom: 1px solid #fff;}
.topbg{background:#d1effc;}
.bxhight{height:30px;}
.bxh001{width:5%;float:left;text-align:center;}
.bxh002{width:35%;float:left;}
.bxh0021{width:30px;float:left;}
.bxh0021 img{width:30px;height:30px;}

.bxh0022{float:left;text-align:left;width:100px;line-height: 20px;}
.bxh003{width:10%;float:left;}
.bxh004{width:20%;float:left;}
.bxh005{width:20%;float:left;}
.bxh006{width:10%;float:left;}

.txtright{text-align:right;margin-right:3px;}
.txtleft{text-align:left;margin-left:3px;}
.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 10px;
    padding: 6px;
    text-align: center;
    color: #2C2C2C;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    background:#fff;
    border-radius:20px;


}
.ship{width:100%;height:340px;}

.lich{cursor:hand;width:100px;height:30px;line-height: 30px;color:#fff;border-top-left-radius:10px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;float:left;}
.bxep{cursor:hand;width:100px;height:30px;line-height: 30px;color:#fff;text-align:center;font-weight:500;font-size:14px;cursor:pointer;float:left;}
.lbck{background:#0754ee;}
.lbckon{background:#558dff;}
.bxep a{color:#fff;}
.lich a{color:#fff;}
.ketqua{cursor:hand;width:80px;height:30px;line-height: 30px;color:#fff;border-top-right-radius:10px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;float:left;}
.ketqua a{color:#fff;}
.morant{cursor:hand;width:120px;height:26px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;line-height: 26px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background: url(../images/chevrons-down.svg) no-repeat,#ff6600;background-position:97% center;float:left;}
.morantda{cursor:hand;width:80px;height:26px;line-height: 26px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background:#139489;float:left;}
.morantda:hover{background:#00bda6;}
.morantda:focus{background:#3b3b3b;}
.moranthot{cursor:hand;width:80px;height:26px;line-height: 26px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background:#d53500;float:left;}
.moranthot a{color:#fff;}
.moranthot:hover{cursor:hand;width:80px;height:26px;line-height: 26px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background:#ff9c00;float:left;}
.moranthot:focus{background:#3b3b3b;}
.morantall{cursor:hand;width:80px;height:30px;line-height: 30px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background:#711414;float:left;}
.morantall:hover{background:#d43d3d;}
.morantall:focus{background:#3b3b3b;}
.morantan{cursor:hand;width:80px;height:30px;line-height: 30px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background:#d43d3d;float:left;}
.morantan a{color:#fff;}
.morantan:hover{background:#711414;}
.morantan:focus{background:#3b3b3b;}

.morantbat{cursor:hand;width:120px;height:30px;line-height: 30px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background: url(../images/dashboard.svg) no-repeat;background-position:5% center;float:left;PADDING-left: 36px;}
.morantfe{cursor:hand;width:120px;height:30px;line-height: 30px;text-align:center;font-weight:500;font-size:14px;cursor:pointer;background: url(../images/feed.svg) no-repeat;background-position:5% center;float:left;PADDING-left: 36px;}
.hot{background: url(../images/hot.png) no-repeat;background-position:100% 0%;}
.moran{display:inline-block;
 background-color: #fff;
    padding: 15px 0px 0;
    padding-bottom: 1rem!important;
    width:100%;
}

.moran a{
    font-weight: 500;
    color: #000;
    line-height: 18px;
    font-size: 12px;
    display: inline-block;
    background-color: #fceeed;
    border-radius: 10px;
    padding: 5px;
    margin: 4px;
}
 .location {
    border: 1px solid transparent;
    border-radius: 0.2rem;
    cursor: pointer;
    font-family:Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    height: auto;
    margin: 0px;
    padding: 0.2625em 1em;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(255, 77, 77);
    color: #ffffff;
    fill: #ffffff;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    width:80px ;
}
.location:hover {
    color: #fff;
    background-color: #8b0000;
    text-decoration: none;
}
.location svg {
    margin-right: 0.8rem;
    width:22px;
    height:22px;
}


.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.hide{display:none}

.pagall {width:100%;padding-bottom:10px;text-align:center;display:inline-block;}
.pagall a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

.pagall a:hover {
    background-color: #ddd;
    color: black;
}

.previous {
    background-color: #f1f1f1;
    color: black;
}

.next {
    background-color: #4CAF50;
    color: white;
    cursor:pointer;
}

.round {
    border-radius: 50%;
}





.jianj{width:96%;background-color: #eeeeee;padding:2%;height:auto; display:inline-block !important; display:inline;}
.mulu-1 ul li{color:#000;border:1px #fff solid;background-color: #c6c6c6;min-height:40px;line-height:40px;padding:6px;}
.mulu-1 ul li a{color:#000;font-size:14px;}
.mulu-1 ul li:hover{background-color:#dedede;font-size:14px;}

.mulu-1{width:30%;float:left;margin:6px;}
.mulu-2{width:100%;float:left;margin:6px;}
.news_index{width:868px;height: 350px;overflow: hidden;border: 1px solid #ebebeb;border-radius: 5px;margin-top:8px;margin-bottom:8px;
padding: 0 10px 10px 10px;background-color:#fff;}
.news_index_1{width: 100%;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;}
.news_index_1_1{
    width: 75%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    display: flex;
    cursor: pointer;    
} 
.news_index_1_2{
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #d43d3d;
} 
.news_index_1_3{
    width: 73px;
    height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #d43d3d;
    line-height: 24px;
    display: flex;
} 
.news_index_2_1{
    width: 158px;
    height: 150px;
    float: left;
    margin-right: 20px;
}
.news_index .news_index_2_2{
    width: 898px;list-style: none;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.news_index_2_4{
    line-height: 20px;
    display: block;
    width: 158px;
    margin-top: 7px;
    word-break: break-all;
    font-size: 12px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vod_index{
    width: 280px;
    
    padding: 0 10px 10px 10px;
    float: right;
    border: 1px solid #ebebeb;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom:10px ;
    
}
.vod_index_1{
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}
.vod_index_1_2{
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #f8f8f8;
    transition: height 0.3s ease-in-out;
}
.vod_index_1_2:hover{
    background-color: #f4f4f4;
}
.vod_index_1_3{
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
}
.vod_index_1_4{
    float: right;
    width: 60px;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #E84B5B;
}


.archive-live-toolbar{width:100%;background:#e5e7eb;height:2.5rem;overflow:hidden}.archive-live-toolbar a{color:#212529}.archive-live-toolbar a:hover{color:#2196f3}.live-cat-nav{list-style:none;display:flex;padding:0 0 0rem;margin:0;font-size:.875rem;overflow:scroll}.live-cat-nav li a{display:block;white-space:nowrap;padding:.5rem 0;line-height:1.5rem;margin:0 1rem 0 1rem;}.live-cat-nav li a:hover{color:#f33e4f}.live-cat-nav li.current-cat a{color:#fff;position:relative}.live-cat-nav li.current-cat{background-color: #343434;}.live-cat-nav li.current-cat a:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;}

.biaoqian1{ border:1px #009ad9 solid; color:#ffffff;background:#009ad9; display:inline-block; border-radius:3px; padding:0px 4px; margin-top:12px;  margin-left:10px; font-size:14px; line-height:25px;}
.biaoqian1:hover{ text-decoration:none;border:1px #59c6f3 solid; color:#ffffff; background:#59c6f3;display:inline-block; border-radius:3px; padding:0px 4px; margin-top:12px;  margin-left:10px; font-size:14px; line-height:25px;}
.biaoqian1:visited{ color:#ffffff;}
#mores{width:360px;cursor:pointer;background:#ddd;height:22px;line-height:22px;padding:0px 5px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:1px 1px #ffffff;float:left;margin-right:5px;text-decoration:none;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}
#mores:hover{background:#009ad9;color:#FFF;text-shadow:1px 1px #333;}.right_slide .bd{padding-top:5px;}.
#mores a{background:#009ad9;color:#FFF;text-shadow:1px 1px #333;}.right_slide .bd{padding-top:5px;}.
.salon-type1{ padding:0 5px; height:20px; background:#f25109; font-size:12px; line-height:20px;  color:#FFF; font-weight:normal; font-style:normal; float:left; text-align:center; margin:3px 5px 0px 0;border-radius:3px;}
.salon-type2{ padding:0 5px; height:20px; background:#0078db; font-size:12px; line-height:20px;  color:#FFF; font-weight:normal; font-style:normal; float:left; text-align:center; margin:3px 5px 0px 0;border-radius:3px;}
.salon-type{ padding:0 5px; height:20px; background:#0dba0d; font-size:12px; line-height:20px;  color:#FFF; font-weight:normal; font-style:normal; float:left; text-align:center; margin:3px 5px 0px 0;border-radius:3px;}
#zc_dh{ width:1188px; height:auto; border:1px #001343 solid; background:#001343 repeat-x; margin:0px auto; padding:5px; line-height:190%;}
#zc_dh a{ margin-right:6px;display:inline-block;}
#zc_AD{ width:988px; height:auto; border:1px #9dc5eb solid; background:url(box_bg.gif) repeat-x; margin:0px auto; padding:5px; line-height:190%;margin-top:8px;margin-bottom:8px;}
.data_table{border-left:1px solid #a2c6d3; border-top:1px solid #a2c6d3; margin:0 auto; background:#fff}
.data_table th,.data_table td{ border-bottom:1px solid #a2c6d3; border-right:1px solid #a2c6d3; line-height:24px; height:24px; text-align:center;}
.data_table th{ background:#e5f2fa; font-weight:bold; color:#016493;}
.data_table td.name{text-align:left;padding-left:5px;}
.red{ color:#f30;}
.sall{width:396px;BORDER: #1C91DB 1px solid; MARGIN: 2px auto; HEIGHT: 28px; line-height:28px; border-radius: 2px 2px 2px 2px;}
.inp_key{BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 24px; MARGIN-TOP: 3px; WIDTH: 320px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 24px; COLOR: #999; MARGIN-LEFT: 1px; FONT-SIZE: 12px; BORDER-TOP: medium none; BORDER-RIGHT: medium none;
}
.search_btn {
	BORDER-BOTTOM: #d9d9d9 0px; BORDER-LEFT: #d9d9d9 0px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-LEFT: 12px; WIDTH: 75px; PADDING-RIGHT: 12px; BACKGROUND: #1C91DB; HEIGHT: 28px; COLOR: #FFFFFF; FONT-SIZE: 14px; VERTICAL-ALIGN: top; BORDER-TOP: #d9d9d9 0px; CURSOR: pointer; BORDER-RIGHT: #d9d9d9 0px; PADDING-TOP: 6px; border-image: none
}


.boxwidth{width:890px;}
.boxwidthall{width:1200px;}
.box{margin-top: 10px;clear:both;height:auto; border:0px #10253d solid;margin-bottom:6px;}
.box h1{  min-height:40px; padding:0px 0px 0px 0px;position:relative;position:relative;}
.box h1 b{ margin-left: 10px; font-size:20px;min-height:32px;color:#04328e; text-align:center;}
.box h1 b.h{}

.box .pb { min-height:30px; margin-top: 10px;clear:both;width:100%;}

.box .pb b{ margin-left: 10px;font-size:20px;height:32px;color:#001580; text-align:center;}


.box .pb b.t{color:#d53500; ;
}
.box h1 b.e{}
.box h1 img{ position:absolute; right:10px; top:9px;}
h3{ color:#000; padding:10px 8px 10px 0px;font-size:14px;position:relative;}
.box h3 img{ position:absolute; right:10px; top:9px;}
.box h2 i{ font-style:normal; font-size:12px; font-weight:normal;}
.box .tv_show{width:644px;height:auto; padding:2px 8px 8px 8px; line-height:22px;}
.box .tv_show a{ margin-right:12px;display:inline-block;}
.box .rec_match{width:640px;height:auto; padding:2px 5px 8px 5px; line-height:22px;}
.box .rec_match a{ float:left;width:195px;height:24px; overflow:hidden; padding-left:17px; display:block; line-height:24px; background:url(rec.gif) no-repeat left 6px; }
.content{ width:1200px;height:auto;padding:5px 12px 12px 12px; line-height:190%;font-family:  Arial, sans-serif;font-size:12px;}
.lazy{width: 100%;
    height: 12.5rem;
    border-radius: 8px;
    object-fit: cover;
    vertical-align: middle;}
.bg {
    width: 100%;
    height: 12.5rem;
    border-radius: 8px;
    object-fit: cover;
    vertical-align: middle;
}
.lazy1{height:20px;width:20px;vertical-align:middle}
.lazytop{width: 100%;
    height: 6rem;
    border-radius: 8px;
    object-fit: cover;
    vertical-align: middle;}
.cgn{height:30px;vertical-align:middle;color: #fff;  
            text-align: center;width:100%;background-image: linear-gradient(to right,#ff6600,#b94a00);line-height:30px;font-weight:600;font-size:14px;display:inline-block;}
.cgk{height:36px;vertical-align:middle;  
            width:100%;background-image: linear-gradient(to right,#ff6600,#b94a00);color:#fff;line-height:36px;font-weight:600;font-size:14px;text-align:center;}
.box .tit .mbox1 {float:left;width:100%;font-weight:500;line-height:20px;}

.box .tit .mbox1_1 {float:left;width:100%;}

.box .tit .mbox1_1 .mbox2 {float:left;width:30%;font-size:14px;}
.box .tit .mbox1_1 .mbox4 {float:left;width:40%;font-size:14px;}
.box .tit .mbox1_1 .mbox4 span{float:left;width:100%;font-size:14px;line-height:20px;text-align: center;}
.box .tit .mbox1_1 .mbox4 .cae{font-size:28px;color:#04328e;font-weight:400;}
.box .tit .mbox1_1 .mbox4 .cls a{font-size:14px;color:#04328e;font-weight:500;}
.box .tit .mbox1_1 .mbox4 .cls a:hover{color:#bf0000;}

.mbox2 {float:left;text-align: center;height:20px;}
.box .tit .mbox2{font-size:0px;line-height:60px;padding-top:10px; width:20%;}
.box .tit .mbox1 .hig{overflow:hidden;white-space:nowrap;}
.box .tit .mbox1 .hig a{color:#005fa1;font-weight:500;}
.box .tit .mbox1 .hig a:hover{color:#013a61;}
.box .tit .mbox1 .hic{float:left;
color: #fff;
    padding: 0px 5px 0px 5px;
border-radius: 16px;
background:#ff7200;
}

.box .tit .mbox2 .duiming{float:left;color:#000;line-height:20px;height:20px;width:100%;text-align:center;font-size:14px;font-family:Roboto,Arial, sans-serif;}
.box .tit .mbox2 .duiimg{float:left;height:40px;width:100%;text-align:center;}
.box .tit .mbox3 {float:left;width:100%;height:24px;text-align: center;}
.box  .tit .mbox3 {margin-right:0px;line-height:50px;}
.mbox2_1{	align-items: center;
	justify-content: center;}
.statu{float:left;color:#ff0000;font-size:10px;margin-left:4px;}

.statu img{
	width:8px;
	height:8px;
	margin-right: 4px;
}


.box .tit .mbox3 a{color:#fff;
	padding: 5px 10px 5px 24px;
	
	border-radius: 16px;
background:#707070 url(../images/file-text.svg) no-repeat;background-position:5% center;
}
.box .tit .mbox3 a:hover{
background:#555555 url(../images/file-text.svg) no-repeat;background-position:5% center;
color: #fff;
}
.box .tit .mbox3-h {float:left;width:100%;height:24px;text-align: center;}

.box  .tit .mbox3-h {margin-right:0px;line-height:50px;}

.box .tit .mbox3-h a{color:#fff;
	padding: 5px 10px 5px 24px;
	
	border-radius: 16px;
background:#004f9e url(../images/video.svg) no-repeat;background-position:5% center;
}
.box .tit .mbox3-h a:hover{
background:#0086cc url(../images/video.svg) no-repeat;background-position:5% center;
color: #fff;
}



  .col-lg-6 {
   
    width: 33.33333%;
    float:left;
    
  }

.col-lg-7 {
   
    width: 100%;
    float:left;
    
  }
 


.score1{float:left;padding:6px;line-height:14px;font-size:14px;height:14px;color:#58aa00;}
.score2{float:left;margin:8px;line-height:22px;height:22px;font-size:12px;color:#fff;background-color:#6a6a6b;width:40px;border-radius:5px;font-weight:bold;font-family: Arial,Helvetica,sans-serif;}
.score3{float:left;margin:8px;line-height:22px;height:22px;font-size:12px;color:#fff;background-color:#6a6a6b;width:50px;border-radius:5px;font-weight:bold;font-family: Arial,Helvetica,sans-serif;}
.score3-1{float:left;margin:8px;line-height:22px;height:22px;font-size:12px;color:#fff;background-color:#ff7200;width:50px;border-radius:5px;font-weight:bold;font-family: Arial,Helvetica,sans-serif;}
.box .tit{margin:6px;padding:6px;height:130px; line-height:100px;font-size: 14px;background-color:#f3f4f6;}
.box  .tit em{ margin-right:5px;background:#ddd; padding:3px 4px; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold; font-style:normal; text-shadow:1px 1px #ffffff;}
.box .tit em.f{color:#ff3300;}
.box  .tit a{margin-left:10px;color:black;text-decoration:none;font-family:inherit;font-size: 14px;}
.box  .tit:hover{background-color:#e5e7eb;}

.box .tit a.red{color:#F00;}
.box .tit strong{ font-weight:normal; margin-left:3px;}
.box .tit strong.b{ font-weight:bold;}



.box ul{ height:auto; margin:0px;}
.box ul li{height:auto; line-height:40px;border-bottom:1px solid #fff;padding:0px; }
.boxbg{background:#e5e7eb;}
.boxbg1{background:#f8f8f8;}
.boxbg2{background:#ffe7de;}
.box ul li .ti .mbox1 {float:left;margin-right:12px;min-width:26%;font-size:12px;}
.box ul li .ti .mbox2{float:left;line-height:40px;padding-top:0px; width:64%;}
.box ul li .ti .mbox3{float:left;line-height:40px;padding-top:0px; width:6%;}

.box ul li .ti .mbox1 .hig{max-width:140px;overflow:hidden;white-space:nowrap;}
.box ul li .ti .mbox1 .hig a{color:#027300;font-weight:500;}
.box ul li .ti .mbox1 .hig a:hover{color:#082400;}
.box ul li .ti .mbox1 .hic{float:left;margin-left:12px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;width: 53px;overflow: hidden;}
.box ul li .ti .mbox1 .hicimg{float:left;margin-top:10px;margin-left:10px;}

.box ul li .ti .mbox2 .duiming{float:left;line-height:40px;height:40px;width:32%;font-size:12px;text-align:right;overflow:hidden;}
.box ul li .ti .mbox2 .duimingr{float:left;line-height:40px;height:40px;width:32%;font-size:12px;text-align:left;overflow:hidden;}
.box ul li .ti .mbox2 .duiimg{float:left;height:40px;line-height:40px;margin:10px;}
.box ul li .ti .mbox3 a:hover{
	background-color: #027300;
color: #fff;
}

.box ul li .ti{ height:40px; line-height:40px;font-size: 12px;}
.box ul li .ti em{ margin-right:5px;background:#ddd; padding:3px 4px; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold; font-style:normal; text-shadow:1px 1px #ffffff;}
.box ul li .ti em.f{color:#ff3300;}
.box ul li .ti a{margin-left:10px;color:black;text-decoration:none;font-family:Arial, sans-serif;font-size: 12px;}


.box ul li .ti a.red{color:#F00;}
.box ul li .ti strong{ font-weight:normal; margin-left:3px;}
.box ul li .ti strong.b{ font-weight:bold;}

.box ul li .rec{background:url(../images/rec2.gif) right center no-repeat; padding-right:40px;}


.box ul li .con{ padding-left:50px; background:url(tv.gif) no-repeat 50px 6px; text-indent:15px; line-height:26px;overflow:hidden;position:relative;}


.box ul li .con a{ color:#0057a9;margin-right:12px;}
.box ul li .con a:hover{ color:#FF6000}
.box ul li:hover{ background-color:#d8d8d8;color:#000;}
.box ul li .con span.qun{ margin-right:12px; color:#F00;}



.fn-clear {zoom:1; /* for IE6 IE7 */}



/* topbar */
#topbar{
	height: 26px;
	line-height: 26px;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
}
	#topbar p em{color: #999;margin: 0 8px;}
	#topbar p a{ color: #666;}
	#topbar p a:hover{ color: #e00;}

/* layout */
.layout{
	width: 1200px;
	margin: 0 auto;

}

@media (min-width: 768px) {

  .archive-live-toolbar,.layout {
    max-width: 720px;
  }

}

@media (min-width: 992px) {

  .archive-live-toolbar,.layout {
    max-width: 960px;
  }
  
}

@media (min-width: 1200px) {

  .archive-live-toolbar,.layout {
    max-width: 1200px;
  }

}



/* headbar */


#headbar{width:1194px; height:auto; margin:0px auto; padding:5px; margin-top:8px;margin-bottom:8px;

}
	/* logo */
	#logo{
		overflow: hidden;
		padding: 10px;
		text-align: center;
	}
	#logo a{
		
font-size:30px;	
	    
	    			font-family:Roboto, Arial, sans-serif;
font-weight: bold;
color:#00efff;
	}
	
	/* head-banner */
	.head-banner{
	padding-top:11px;
		float: right;
		width: 650px;
		height: 60px;
		overflow: hidden;
		}

	
	/* play-logo */
	#play-logo{
		float: left;
		height: 26px;
		overflow: hidden;
		padding: 9px 12px 0 15px;
		border-right: 1px solid #076bb1;
	}
		#play-logo img{
			display: block;
			width: 82px;
			height: 17px;
			overflow: hidden;
		}
	


			/* .drop-cnt */
			.drop-box .drop-cnt{
				overflow: hidden;
				padding: 8px 7px;
				zoom:1;
				border: 1px solid #4da1dc;
			}
				.drop-box li{
					width: 120px;
					height: 28px;
					line-height: 28px;
					text-align: center;
					overflow: hidden;
					float: left;
					border-bottom: 1px solid #eee;
				}
				.drop-box li.long{width: 144px;}
				.drop-box li a{color: #444;}
				.drop-box li a:hover{color: #e00;}
					
	/* nav-share */
	.nav-share{
		float: right;
		height: 26px;
		overflow: hidden;
		margin-top: 5px;
	}				
		.nav-share a{ 
			display: block;
			color: #fff;
			font-size: 14px;
			font-weight: 700;
			text-indent: 30px;
			line-height: 26px;
			background: url(../images/share.gif) 10px 5px no-repeat #2d9ae7;
		}
		.nav-share a:hover{ 
			color: #fff;
			text-decoration: none;
			background-color: #016eba;
		}
		
/* content */
.conbox{ padding-bottom: 1px;}		
.sidebar{width: 300px; padding-bottom: 1px; position: relative;}	
.side-fixed{
	position: fixed;
	top: 0;
	z-index: 9;
	margin-top: 0;
	_margin-top: 0;
	 _position: absolute;
	_top:expression(eval(document.documentElement.scrollTop)); 
}



/* list-sort */
		


/* ist-sort-list */
.list-sort-list a{
	float: left;
	height: 24px;
	line-height: 24px;
	display: block;
	white-space:nowrap;	
	margin: 5px 5px 0 0;
	padding: 0 7px;
	background-color: #f5f5f5;
}
	.list-sort-list a:hover{
		text-decoration: none;
		background-color: #ddd;
	}
	.list-sort-list a.current,
	.list-sort-list a.current:hover{
		color: #fff;
		background-color: #e00;
	}

/* ui-calendar */
.ui-calendar{
	width: 278px;
	margin-top: 5px;
}	
	/* calendar-hd */
	.ui-calendar .calendar-hd td{
		background: #eee;
		text-align: center;
		width: 40px;
		height: 28px;
		line-height: 28px;
		font-family: Roboto, Arial, sans-serif;
		font-weight: bold;
	}
		.ui-calendar .calendar-hd .calendarHeader{
			width: 220px;
			font-family: Roboto, Arial, sans-serif;
			color: #06c;
			font-size: 14px;
		}
		.ui-calendar .calendar-hd td a{
			display: block;
			height: 28px;
			overflow: hidden;
		}
		.ui-calendar .calendar-hd td a:hover{
			color: #fff;
			text-decoration: none;
			background: #06c;
		}
		
	/* calendar-week */	
	.ui-calendar .calendar-week td{
		font-size: 14px;
		color: #333;
		height: 30px;
		text-align: right;
		overflow: hidden;
		padding:5px 13px 0 0;
	}
	.ui-calendar .calendar{
		height: 26px;
		line-height: 26px;
		text-align: right;
		overflow: hidden;
		padding:5px 5px 0 0;
		font-size: 14px;
	}
		.ui-calendar .calendar a,
		.ui-calendar .calendar span{
			display: block;
			padding-right: 8px;
			background-color: #f5f5f5;
		}
		.ui-calendar .calendar a:hover{
			text-decoration: none;
			background-color: #ddd;
		}
		.ui-calendar .calendar span.current{
			color: #fff;
			background-color: #e00;
		}
		
/* ui-box */		
.ui-box{
	margin-top: 10px;
	
	
}
.col-lg-9{
	width: 100%;
	
}
.col-lg-8{
width: 100%;

}
.ui-box1 {
    
   
   
        margin-top: 10px;

    
	    overflow: hidden;
}
.ui-box1 ul li {
    
    
    border-bottom:3px solid #00efff;
    background-color: #001343;
    color: #717983;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    align-items: center;
    padding: 10px 0px;
    line-height: 1;
    text-transform: uppercase;
	float: left;
	width: 20%;

	
}
.ui-box1 ul li.hover{
border-bottom:3px solid #ca2b00;
}
.ui-box1 ul li.hover a{
color: #d60000;	
font-weight: bold;
}

	.ui-box .ui-title{
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		padding: 5px;
		background-color: #eee;
	}
		.ui-box .ui-title .ui-icon{
			display: block;			
			height: 25px;
			overflow: hidden;
			float: left;
			text-indent: -99px;
			background-color: #390;
		}
		.ui-box .ui-title .more{
			float: right;
			padding-right: 10px;
		}
		.ui-box .ui-title .ui-icon,
		#game-result .ui-title .ui-icon,
		#week-hot .ui-title .ui-icon{
			width: 28px;
			background-image: url(../images/ui-icon.gif);
			background-repeat: no-repeat;
		}
		.ui-box .ui-title .ui-icon-line{
			width: 5px;
		}
		
		#search-box .ui-box .ui-title .ui-icon{ width: 5px;background-color: #390;}
		.ui-box .ui-title .ui-icon-24{background-position: 0 0;}
		.ui-box .ui-title .ui-icon-live{background-position: 0 -25px;}
		.ui-box .ui-title .ui-icon-video{background-position: 0 -50px;}
		.ui-box .ui-title .ui-icon-intro{background-position: 0 -75px;}
		.ui-box .ui-title .ui-icon-salon{background-position: 0 -125px; width: 26px;}
		#week-hot .ui-title .ui-icon-hot{background-position: 0 -100px; width: 33px;}
		
		.ui-box .ui-title h3{
			height: 25px;
			overflow: hidden;
			float: left;
			padding: 0 10px;
			font-size: 14px;
			color: #06c;
		}
		.ui-box .ui-title em{
			font-size: 12px;
			color: #666;
			margin-left: 7px;
			font-style: italic;
		}
		.sidebar .ui-box .ui-title h3{color: #333;}
		.sidebar .ui-box .ui-icon{	width: 5px;}
		.ui-box .ui-title p{
			height: 25px;
			overflow: hidden;
			float: right;
			padding: 0 6px;
		}
			.ui-box .ui-title p a{ color: #666; margin-left: 8px;}
			.ui-box .ui-title p a:hover{ color: #c00;}
			
	.ui-box .ui-cnt{
		overflow: hidden;
		clear: both;
		border: 1px solid #d7d7d7;
		background-color: #fff;
		padding:2px 6px 8px 6px;
	}		
	


	




/* footer */
#footer{
	text-align: center;
	line-height: 24px;
	padding: 20px 0;
}	
	.footer-nav a{ margin: 0 8px;}
	
/* channel-topic */


/* video-list */
.video-list .ui-title{ padding-left: 9px;}
.video-list .ui-title .ui-icon{ 
	width: 15px; 
	height: 15px;
	margin-top: 5px;
	background: #390;
}


.silder-box{
	width: 668px;
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #b2d6f8;
	background-color: #e0effd;
}

.live-box{width: 790px;}
.live-bar{width: 180px;}

/* live-list */
.live-list{
	line-height: 22px;
	padding: 10px;
}
	.live-list a{ 
		margin: 0 20px 0 0;
		white-space:nowrap; 
		padding: 1px 6px 0 6px;
		display: inline-block;
		border-radius:3px;
	}
	.live-list a:hover{ background-color: #d0e8f3; text-decoration: none;}	
	
/* live-item */
.live-item{
	padding: 0 0 0 15px;
	overflow: hidden;
}		
	.live-item li{
		width: 190px;
		overflow: hidden;
		float: left;
		line-height: 22px;
		padding: 15px 0 15px 0;
		background: url(../images/line.gif) 0 bottom repeat-x;
	}
	.live-item li img{
		width: 55px;
		height: 65px;
		display: block;
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid #ddd;
		background-color: #fff;
	}	
	.live-item li p a{ color: #666;}
	.live-item li p a:hover{ color: #c00;}
	
/* live-catalog */
.live-catalog{
	width: 788px;
	overflow: hidden;
	margin-top: 10px;
	position: relative;
	border: 1px solid #b2d6f8;
	background-color: #e0effd;
}
	.live-catalog .ui-cnt{
		margin: 2px;
		overflow: hidden;
		background-color: #fff;
	}	
	.live-catalog h2{
		font-family: Roboto, Arial, sans-serif;
		font-size: 16px;
		color: #333;
		padding: 10px 19px 5px 19px;
	}
	.live-catalog p{
		color: #999;
		padding: 0 9px 10px 9px;
		line-height: 22px;
	}	
		.live-catalog p a{ 
			margin: 2px 5px;
			white-space:nowrap; 
			padding: 0 6px;
			display: inline-block;
			border: 1px solid #fff;
		}
		.live-catalog p a:hover{
			text-decoration: none; 
			border-color: #eee;
			background-color: #f5f5f5;
		}
		.live-catalog p a.current,
		.live-catalog p a.current:hover{ 
			color: #fff;
			border-color: #a00;
			background-color: #c00;
		}	
		

	

/* table-list */
.table-list{width: 100%;}
.table-list td{
	height: 39px;
	text-align: center;
	vertical-align: middle;
}
.table-list tr.odd td{ background-color: #f6f6f6;}


	

/* hot-list */
.hot-list{margin: 13px 7px;}
.hot-list li{
	width: 160px;
	height: 125px;
	overflow: hidden;
	float: left;
	padding: 0 15px;
	text-align: center;
}
	.hot-list img{
		display: block;
		width: 160px;
		height: 90px;
		overflow: hidden;
		margin-bottom: 5px;
	}
	
/* img-list */
.play-img .ui-cnt{
	width: 978px;
}
.play-img .ui-pages{
	padding-bottom: 20px;
}
.img-list{
	width: 960px;
	overflow: hidden;
	zoom:1;
	padding: 5px 0 15px 18px;
}
.img-list li{
	width: 160px;
	height: 135px;
	overflow: hidden;
	float: left;
	padding: 5px;
	line-height: 18px;
	text-align: center;
	margin: 10px 20px 0 0;
	border: 1px solid #ddd;
}
	.img-list img{
		display: block;
		width: 160px;
		height: 90px;
		overflow: hidden;
		margin-bottom: 5px;
	}	
	
/* subnav */
.subnav{
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	color: #9fc5d6;
	background-color: #bae5f8;
}	
	.subnav a{ 
		margin: 0 10px;
		padding: 4px 10px;
		border-radius:1px;
	}
	.subnav a:hover,
	.subnav a.current{
		color: #fff;
		text-decoration: none;
		background-color: #06c;
	} 
	



/* no-found */
.no-found{
	width: 480px;
	text-align: center;
	margin: 100px auto;
}	
	.no-found .ui-cnt{ padding-bottom: 20px;margin-bottom:10px;}
	.no-found h1{font-size: 20px;font-weight: normal; color: #ccc;}
	.no-found img{ display: block; margin: 0 auto;}
	
/* link-list */
.link-list{
	padding: 10px 0;
	overflow: hidden;
}
.link-list li{
	float: left;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	width: 100px;
	padding-left: 20px;
}	

/* ui-salon-list */
.ui-salon-list{
	overflow: hidden;
	padding: 7px 10px;
	line-height: 24px;
	zoom:1;
}
.ui-salon-list-line{
	border-top: 1px solid #e5e5e5;
}
	.ui-salon-list em{ color: #666; margin: 0 9px;}
	.ui-salon-list a{ margin: 0 4px 0 0px;}
	
/* match-box */
.match-box{
	width: 978px;
	height: 80px;
	overflow: hidden;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	border: 1px solid #ccc;
	background-color: #eee;
}
	/* ui-match */
	.ui-match{ 
		margin-left: 14px;
		width: 950px;
		height: 80px;	
		overflow: hidden;
		position: relative;
	}
		/* match-list */
		.match-list{ 
			height: 80px;	
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
		}
		.match-list li{
			width: 95px;
			height: 80px;
			overflow: hidden;
			float: left;
		}
			.match-list .item{
				width: 81px;
				height: 72px;
				overflow: hidden;
				background-color: #d5d5d5;
				margin: 0 3px;
				line-height: 18px;
				padding: 4px;
				display: inline;
	   		float: left;
				position: relative;
			}
			.match-list li.highlighted .item{
				background-color: #cce2f7;	
			}
			.match-list p{
				height: 18px;
				overflow: hidden;
			}
				.match-list .team{
					color: black;
					width: 62px;
					height: 18px;
					float: left;
					overflow: hidden;
					text-align: left;
					text-overflow: ellipsis;
					white-space: nowrap;			
					font-family: Roboto, Arial, sans-serif;	   
				}
				.match-list .team:hover{ color: #c00;} 
				.match-list .score{ color: #666; float: right; font-weight: 700;}
				.match-list .status{ color: #080;}
			
				.match-list .links{
					width: 85px; 
					height: 20px;
					line-height: 20px;
					position: absolute;
					bottom: 0;
					left: 0;
					padding: 0 2px;
				}
					.match-list .links a{ margin: 0 2px; color: #c00;}
				
				.match-list .videolive .links,
				.match-list .nivideolive .links{
					padding-left: 23px;
					background: url(../images/player.gif) 2px 2px no-repeat #06c;					
				}
				.match-list .nivideolive .links{
					background-position: 2px -18px;
					background-color: #666;		
				}
					.match-list .videolive .links a,
					.match-list .nivideolive .links a{ color: #fff;}
				
				.match-list .morelinks{
				    background-color: #06c;
				    bottom: 20px;
				    left: 0;
				    line-height: 15px;
				    overflow: hidden;
				    padding: 0 2px;
				    position: absolute;
				    width: 85px; 
					 display: none;
				}
				.match-list .nivideolive .morelinks {
				   background-color: #666;
				}

		
		/* pg_paging */
		.ui-match-page a{
			display: block;
			width: 12px;
			height: 19px;
			overflow: hidden;
			text-indent: -999px;
			position: absolute;
			top: 50%;
			margin-top: -9px;
			background-image: url(../images/match-arrow.png);
			background-repeat: no-repeat;
		}			
			.ui-match-next a{background-position: -24px 0; right: 5px;}
			.ui-match-next a:hover{background-position: 0 0;}
			.ui-match-next a.disabled,
			.ui-match-next a.disabled:hover{background-position: -12px 0;}
			
			.ui-match-prev a{background-position: -41px 0; left: 5px;}
			.ui-match-prev a:hover{background-position: -65px 0;}
			.ui-match-prev a.disabled,
			.ui-match-prev a.disabled:hover{background-position: -53px 0;}
			
/* map-list */
.zc_right{ width:300px; height:auto; float:right;}
.right_box h3 a{ position:absolute; right:6px; top:0px; line-height:24px;}
.right_box ul{ padding:2px 6px 8px 6px;}
.right_box ul li{height:24px; line-height:24px; text-indent:6px; background:url(li.gif) no-repeat left center; overflow:hidden;}
.right_box .show{ padding:2px 6px 6px 8px; line-height:190%;}

.right_slide{width:286px; height:auto;margin-bottom:6px;margin-top: 10px;border:1px #9dc5eb solid; background:#FFF;padding:2px 6px 8px 6px;}
.right_slide h3{height:24px; margin:5px 0px 5px -6px; position:relative; font-size:12px; font-weight:normal;}
.right_slide h3 strong{ padding:0px 18px 0px 6px; height:24px; font-size:14px; font-family:Roboto, Arial, sans-serif; line-height:24px; background:#509fe9; display:block; color:#FFF; position:absolute; left:0px; top:0px; text-shadow: #005f86 0 1px 0;}
.right_slide h3 a{ position:absolute; right:6px; top:0px; line-height:24px;}

.right_slide .hd{ height:22px; line-height:22px;}
.right_slide .hd li{cursor:pointer;background:#ddd; height:22px; padding:0px 5px; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; text-shadow:1px 1px #ffffff; float:left; margin-right:5px; text-decoration:none;-webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;}
.right_slide .hd li.on, .right_slide .hd li:hover{ background:#009ad9; color:#FFF; text-shadow:1px 1px #333;}
.right_slide .bd{ padding-top:5px;}
.right_slide .bd li{height:24px; line-height:24px; text-indent:6px; background:url(li.gif) no-repeat left center; overflow:hidden;}

.right_slide .data{ padding-top:5px;}

.right_box .right_tab, .right_box .right_tab_data{ width:282px; height:24px; margin:4px auto 0px auto;}
.right_box .right_tab a, .right_box .right_tab_data a{ float:left;padding:0px 3px; height:22px; display:block;line-height:24px;border:1px #9dc5eb solid; background:#FFF; font-weight:bold; margin-right:4px; margin-bottom:4px; font-family:Roboto, Arial, sans-serif; overflow:hidden;}
.right_box .right_tab a:hover, .right_box .right_tab_data a:hover{border:1px #509fe9 solid; text-decoration:none;}
.right_box .right_tab a.f, .right_box .right_tab_data a.f{ background:#509fe9; color:#FFF;border:1px #509fe9 solid; text-decoration:none;}



.right_slide .data{ padding-top:5px;}			
.map-list{
	width: 660px;
	overflow: hidden;
	padding: 10px 14px;
}
.map-list li{
    float: left;
}
.map-list span{
	color: #666;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 45px;
}
.map-list ul{
    float: left;
    width: 615px;
}
.map-list ul li {
    display: inline;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
}
 .map-list ul li a{
 	white-space: nowrap;
 }
 
 
 
 
 
 
 
 
 .col_zuqiu{border:1px solid #ADCBEB;background:#f3f2fa;overflow:hidden; width:658px; position:relative; z-index:5;margin-bottom:5px;}

.hot-zuqiu { float: left; width:700px; margin-bottom:5px;}
.hot-match{margin-left:5px;}
ul.hot-match li{background: url(../app/images/arrow.giff") no-repeat scroll 0 9px transparent; float: left; width:340px; padding-left:5px; margin:5px 0;}
ul.hot-match li a{ margin-left:5px;}
.hot-video{margin:0 5px 5px; float:left;}
ul.hot-video li { background: url(../app/images/arrow.giff") no-repeat scroll 0 9px transparent; float: left; /* height: 25px; line-height: 25px;  margin-top: 3px; */ width: 210px; padding-left:5px;}
ul.hot-video li a { float: left; height: 25px; line-height: 25px; overflow: hidden; padding-left: 5px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.match-name{color:#666; float:left; padding-left:5px;}

.left{
    float: left;
}
.right{
    float: right;
}



.bgdaohang{background:#ff6600;
}

.m-nav-box{
background:#ff6600;
	height: 50px;
	margin-bottom: 20px;
    border-bottom: 0px solid #e5e7eb;
	
}
 .sjyc{
 	display:none;
 } 

 .m-nav {float:left;

	height:50px;
	line-height:50px;
	text-align:center;
}
.m-menu {float:left;
	height:50px;
		line-height:50px;

} 
 .m-menu a{
     padding-left:30px;
font-family:"Helvetica Neue", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;
font-weight:500;
color:#fff;
font-size: 14px;
} 

.m-logo{



font-size:30px;	
  
font-family:Roboto, Arial, sans-serif;
font-weight: bold;
color:#fff;
	overflow:hidden;
	}
.m-logo>img{display: block; padding-top: 0px;width:200px;}
 
 h1{font-size:20px;}
@media only screen and (max-width:639px) {
	body {
	min-width:320px
}

.box .tit .mbox1 {width:100%;line-height:20px;}
.box .tit .mbox1 .hig{max-width:100px;}
.box .tit .mbox1 .hig{float:right;}

.box .tit .mbox2{float:left;text-align: center;font-size:16px;padding-top:6px;width:30%;}
.box .tit .mbox1_1{width:100%;}

.box .tit .mbox2 .duiming{float:left;word-break: break-all;white-space: normal;font-size:16px;}
.box .tit .mbox2 .duiimg{float:left;}
.score1{float:left;padding:6px;line-height:14px;font-size:14px;height:14px;}


.box  .tit .mbox3 {float:left;width:100%;height:24px;text-align: center;}
.box  .tit .mbox3 a{color:#fff;
	padding: 5px 10px 5px 24px;
	border-radius: 16px;
}

.box  .tit .mbox3 a:hover{
	background-color: #0066cc;
color: #fff;
}

.box ul li .ti .mbox1 {float:left;margin-right:0px;width:80%;font-size:12px;}
.box ul li .ti .mbox2{float:left;line-height:40px;padding-top:0px; width:100%;font-size:14px;}
.box ul li .ti .mbox3{float:left;line-height:40px;padding-top:0px; width:100%;text-align:center;}
.box ul li .ti .mbox3 span{text-align:center;width:100%;}
.score2{float:left;margin:0px;line-height:22px;height:22px;font-size:12px;color:#fff;background-color:#6a6a6b;width:40px;border-radius:5px;font-weight:bold;font-family: Arial,Helvetica,sans-serif;width:12%}
.score3,.score3-1{margin:0px;}
.box ul li .ti .mbox2 .duiming{float:left;line-height:25px;height:25px;width:38%;font-size:14px;text-align:right;text-overflow: ellipsis;white-space:nowrap;
	
}
.box ul li .ti .mbox2 .duimingr{float:left;line-height:25px;height:25px;width:34%;font-size:14px;text-align:left;text-overflow: ellipsis;white-space:nowrap;	
}
.box ul li .ti .mbox2 .duiimg{float:left;height:30px;line-height:30px;margin:0px;width:6%}

.archive-live-toolbar{width:100%;}
.sjyc{
	display:block;
} 
.m-none,.v-list-tuijian,.v-list-ad {
	display:none!important
}
.m-nav-box,.v-video-list {
margin-bottom: 20px;
	display:block;
	background:#ff4d4d;
}
.gg-box,.gg-box-l,.gg-box-r {
	width:340px
}
.one2-bg,.juji-box li,.x6-thumbnail li,.v-pl,.top-box {
	width:320px
}
.x3-title,.link {
	width:300px
}
.pindao {
	display:none
}
.m-nav {
	width:100%;
	height:50px;
	line-height:30px;
background:#ff6600;	
}
.m-logo {
	float:left;
	

font-family:Roboto, Arial, sans-serif;
font-weight: bold;
color:#fff;
}
.m-logo>img{display: block; padding-top: 0px;padding-left: 10px;}
.m-so-btn,.m-menu-btn {
	float:right;
	margin:8px 15px 8px 0;
	width:40px;
	height:31px;
	border-radius:3px;
	cursor:pointer;
	background:url(icon.png) no-repeat
}
.m-so-btn {
	background-position:12px -1792px
}
.m-menu-btn {
	background-position:8px -1826px;
	background-color:#9d3f00;
}
.click {
	background-color:#181d21
}
.moran a{
    padding: 2px;
    margin: 2px;
}
.m-sotxt {
	float:left;
	padding:0 10px;
	width:78%;
	height:30px;
	line-height:30px;
	border:1px solid #545e68;
	border-radius:3px 0 0 3px;
	color:#000;
	outline:0
}
.m-sobtn {
	float:right;
	margin-top:-32px;
	width:22%;
	height:32px;
	line-height:32px;
	background:#545e68;
	color:#fff;
	font-size:14px;
	border-radius:0 2px 2px 0;
	outline:0;
	cursor:pointer
}
.m-so {
	display:none;
	padding:10px 20px 12px;
	height:30px;
	background:#0774c0;
	border-top:1px solid #2b9eee
}
.m-menu {
	display:none;
	width:100%;
	height:auto;
	padding:10px 0;
	background:#9d3f00;
	overflow:hidden
}
.m-menu a {
	float:left;
	padding-left:0px;
	width:100%;
	text-align:center;
	line-height:30px;
	color:#fff
}
.main_l{width:100%;}
.main_R{width:100%;}
.main_R .rank-list {
   
    float: left;
}
.main_R .rank-bar {
   
    float: left;
  
}

.main_R .rank-bar {
    width: 94%;
    height: 80px;
    padding: 0 10px 10px 10px;
    border: 1px solid #ebebeb;
}
.main_R .rank-list {
    width: 99%;
    overflow: hidden;
    border: 1px solid #ebebeb;
    float: left;
}
.rank-list .basketball {
    width: 99%;
}
.col-lg-9{
	width: 100%;
	
}

.ui-box1 ul li {
    
    font-size: 12px;
  

	
}
#headbar{width:90%; 

}


.view-content{
    font-size: 12px;
    padding:10px;
}
.view-content img{width:100%;}

.col-lg-6 {
   
    width: 100%;

  }
.ship{width:100%;height:240px;}
.mulu-1{width:100%;float:left;}
.mulu-2{width:100%;float:left;}
#recommend{display:none;}
.box{width:100%;margin:0 auto;margin-top:10px;}
.vod_index{width:94%;}
.layout{width:100%;}
.box .content{width:100%;}
.conbox,.shuju-main,.shuju-main-left{width:100%;}
.box h2{width:100%;padding:0px 0px 0px 0px;}
.box ul{width:100%;}
.box ul li{width:100%;overflow:auto;}

.box .tit{height:145px;}
.box .rec{background:url(../images/hx.gif) right center no-repeat; padding-right:0px;}
.box .tv_show{width:100%;}
.tv_show{font-size:14px;}
.tv_show a{color:#1e1e1e;line-height:26px;}
#zc_AD3{width:100%;display:block;}
#zc_dh,#zc_AD1,.sidebar,.news_index,.ui-box,.con,.v-panel-separate,.v-video-r,.v-list-tbox ul,.tag-fengmian {
	display:none;
}
}