@charset "utf-8";
.yellow { color: #ff4e00; }
.liang { display: inline-block; width: 20px; height: 20px; background: url(../images/sj_lhbz.png) no-repeat;background-repeat: no-repeat;background-position: left center; }
.pu { display: inline-block; width: 20px; height: 20px; background: url(../images/sj_ptbz.png) no-repeat;background-repeat: no-repeat;background-position: left center; }
.clearfix { }
.clearfix:before, .clearfix:after { content: " "; display: table; }
/*号码定制页面推荐号码*/
.dztj { width: 940px; }
.dztj h1 { height: 60px; line-height: 60px; background: url(../images/zhibo/xian.png) repeat-x left bottom; font-size: 24px; }
.dztj ul li { display: block; width: 220px; height: 85px; text-align: center; float: left; padding-top: 20px; padding-right: 20px; }
.dztj ul li a { padding-top: 15px; width: 220px; height: 70px; display: block; background: #f0f0f0; border: solid 1px #e6e6e6; border-radius: 3px; }
.dztj ul li a h2 { padding: 0; margin: 0; display: block; font-size: 22px; font-weight: bold; color: #333 }
.dztj ul li a p { padding: 10px 0 0 0; margin: 0; width: 150px; margin: 0 auto; font-size: 14px; }
.dztj ul li a:hover { background: #fff4d9; border: solid 1px #ffd5a1; }
.dztj ul li:nth-child(4n+4) { padding-right: 0px; }
.dznews { width: 225px; }
.dznews h1 { height: 60px; line-height: 60px; background: url(../images/zhibo/xian.png) repeat-x left bottom; font-size: 24px; }
.dznews ul { padding-top: 20px; }
.dznews ul li { line-height: 38px; font-size: 14px; display: block; }
.dznews ul li a { padding-left: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333 }
/*直播*/
.container { background: url(../images/zhibo/video_bg.jpg) no-repeat center top; height: 642px; }
.mod-index-main { position: relative; z-index: 2; -moz-box-sizing: border-box; box-sizing: border-box; width: 1200px; height: 645px; margin: 0 auto; padding: 20px 0; }
.w-1000 .mod-index-main .main-hd { width: 840px; height: 510px; }
.mod-index-main .main-hd { float: left; overflow: hidden; position: relative; width: 1012px; height: 100%; background: #333; }
.mod-index-main .main-player { overflow: hidden; position: relative; width: 100%; height: 100%; background-color: #000; box-shadow: 0 0 10px #000; }
.mod-index-main * { -moz-box-sizing: border-box; box-sizing: border-box; }
.player-wrap, .player-wrap .player-video { display: block; position: relative; width: 100%; }
.player-wrap { top: 0; left: 0; height: 100%; }
/*#player-wrap #player-video { height: calc(100% - 36px); background: #000; }*/
.player-wrap .player-video { height: 100% ; background: #000; }
/*进入直播间*/
#player-enter-room-center {  position: absolute; width: 200px; height: 56px; background-color: #111; opacity: .7; border: 1px solid #f60; border-radius: 30px; left: calc(50% - 100px); top: calc(50% - 47px); font-size: 20px; font-weight: 700; cursor: pointer; visibility: hidden }
#player-enter-room-center span { position: absolute; opacity: 1; color: #ff630e; text-align: center; cursor: pointer; top: 12px; left: 46px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#player-enter-room-center:hover { background-color: #f60; opacity: 1 }
#player-enter-room-center:hover span { color: #fff }
/*往期直播*/
.mod-index-main .main-bd { float: right; overflow: hidden; position: relative; width: 184px; border-radius: 2px; background-image: url(../images/bgg.png);height:605px; }
.mod-index-main .main-bd .item-nav { padding: 8px 6px 0; }
.w-1000 .mod-index-main .main-bd .item-nav li { width: 146px; height: 80px; margin-bottom: 5px; }
.mod-index-main .main-bd li { width: 172px; height: 100px; margin-bottom: 7px; cursor: pointer; box-shadow: 0 0 6px rgba(0,0,0,.6); }
.mod-index-main .main-bd li .item-pic { position: relative; width: 172px; height: 95px; }
.mod-index-main .main-bd .item-nav li .highlight { width: 146px; height: 80px; }
.mod-index-main .main-bd li:hover .highlight .arrow, .mod-index-main .main-bd li.current .highlight .arrow { display: block; position: absolute; top: 50%; left: -14px; width: 0; height: 0; margin-top: -6px; content: ''; border: 6px solid transparent; border-color: transparent #FF7E00 transparent transparent; }
.mod-index-main .main-bd li:hover .highlight, .mod-index-main .main-bd li.current .highlight { position: absolute; top: 0; left: 0; width: 172px; height: 100px; border: 2px solid #FF7E00; }
.mod-index-main .main-bd li .item-pic img { display: block; width: 172px; height: 100px; }
.mod-index-main .main-bd li img { width: 100%; height: 100%; }
.item-title{ background:#FF7E00; height:60px;color: #fff ; text-align:center; line-height:60px; font-size:24px;}