/* CSS Document */
html{ overflow-x:hidden}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ padding:0; margin:0;}
body{ color:#94a0b9; background:#101723; font-family:Microsoft YaHei,\5FAE\8F6F\96C5\9ED1,tahoma;-webkit-text-size-adjust:100%;}
img{ border:0;}
em,i,b{ font-style:normal; font-weight:normal;}
input{ outline:none;}
input,select,textarea{font-family:Microsoft YaHei,\5FAE\8F6F\96C5\9ED1,tahoma;}
a{ color:#94a0b9; text-decoration:none;outline:none;}
a:hover{ color:#f60; text-decoration:none;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}

.f_l{ float:left; display:inline; }
.f_r{ float:right; display:inline;}

.clear:before,.clear:after,.area:before,.area:after{content:""; display:table;}
.clear:after,.area:after{clear:both;}
.clear{zoom:1;}

.area{width: 1160px; margin: 0 auto; zoom: 1; clear:both;}

/*footer*/
.footer { margin-top: 50px; background: #0d121c; padding: 28px 0; }
.footer p { line-height: 24px; font-size: 12px; color: #3d485c; text-align: center; }
.footer p a { color: #3d485c; margin: 0 8px; }
.footer p a:hover { color: #f90; text-decoration: underline; }

/* jiequ */
.tvlist .tvtitle,.tvlist .tvgname,.intrbox dt em,.barnav dd a,.sidebar a{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*comm*/
.person,.look,.path{ background:url(../images/icon.png) no-repeat;}

.barnav dt,.barnav dd a,.tvtab li{width:66px;height:26px; line-height:26px;border-radius:5px; font-size:12px; text-align:center;}

/* title */
.coltitle{ position:relative; overflow:hidden; clear:both; text-align:right; margin-bottom:20px;}
.coltitle h2{ float:left; font-size:32px; line-height:34px; font-weight:300; margin-right:35px;}
.coltitle .more{ display:inline-block; font-size:16px; line-height:1; margin-top:16px; color:#666;}
.coltitle .more:hover{ color:#f30;}
.coltitle .gameicon{ float:left; width:35px; height:35px; border-radius:5px; vertical-align:middle; margin-right:10px;}

/* tv pag */

.pag { text-align: center; height: 35px; margin: 40px auto 0; }
.pag a { display: inline-block; font-size: 14px; background: #1c242f; color: #fff; border: 1px solid #d7d7d7; height: 33px; line-height: 33px; text-align: center; vertical-align: top; zoom: 1; padding: 0 14px; margin: 0 4px; }
.pag a:hover, a.p_hov, a.p_hov:hover { background: #f60; border-color: #f60; color: #fff; text-decoration: none; }
.pag span { display: inline-block; vertical-align: top; zoom: 1; height: 32px; line-height: 32px; color: #666; margin: 0 4px 0 10px; }
.pag em { float: left; }
.pag_txt { float: left; width: 22px; height: 30px; line-height: 30px\9; text-align: center; background: #fff; border: 1px solid #d8d8d8; font-size: 14px; color: #333; margin: 0 3px; }
.pag_btn { float: left; width: 50px; height: 32px; background: #fff; border: 1px solid #d8d8d8; margin-left: 10px; font-size: 14px; color: #333; cursor: pointer; }
.pag_btn:hover { background: #f60; border-color: #f60; color: #fff; }

/* tv tab */
.tvtab{ position:absolute; right:0;}
.tvtab li{ float:left; margin-right:5px; background:#273952; color:#cbdcff; cursor:pointer;}

/* banner */
.banner,.jjbanner{ overflow:hidden; background-position:top center; background-repeat:no-repeat; overflow:hidden;}
.banner{ position:relative; height:526px;}
.jjbanner{ height:511px;}
h1{ text-indent:-9999px; overflow:hidden; height:0; line-height:0; font-size:0;}

.intrbox,.enterbtn{ background:url(../images/zone_infobg.png) no-repeat;}
.intrbox{ position:absolute; left:50%; top:73px; height:336px; width:246px; padding:22px; margin-left:230px; color:#cbdcff;}
.intrbox dt{ position:relative; height:90px; padding-left:90px; border-bottom:#698acb 1px dashed; overflow:hidden;}
.intrbox dt em{ display:block; width:100%; font-weight:bold; font-size:24px; color:#fff; line-height:1.8;}
.intrbox dt img{ position:absolute; left:0; top:0; border-radius:15px;}
.intrbox .score{ font-size:16px; line-height:20px; margin:15px 0;}
.intrbox .intr{ height:120px; overflow:hidden; line-height:20px; font-size:14px;}
.enterbtn{ display:block; height:43px; margin-top:10px; text-indent:-9999px; overflow:hidden; background-position:0 -390px;}
.enterbtn:hover{ background-position:0 -440px;}
.star{ display:inline-block; width:115px; height:19px; margin:0 5px 0 0; vertical-align:top; background:url(../images/star.png) 0 0 repeat-x;}
.star i{ float:left; height:19px;background:url(../images/star.png) 0 -30px repeat-x;}
.intrbox .bdsharebuttonbox{ margin-left:40px; font-size:14px; line-height:28px;}

/* head bar */
.headbar{ height:95px; margin-bottom:50px; background:url(../images/hboxbg.png) top center no-repeat;}
.barleft{ width:1160px;}
.barright{ width:425px;}
.barnav{ position:relative; padding:16px 0 0 76px; height:61px; overflow:hidden;}
.barnav dt,.barnav dd a{ background:rgba(92,134,190,.3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c5c86be, endColorstr=#4c5c86be);  }
.barnav dt{ color:#f60; position:absolute; left:0; top:20px; overflow:hidden;}
.barnav dd{ margin-right:-4px;}
.barnav dd a{color:#bce; float:left; margin:4px 4px 0 0; }
.barright a{ cursor:pointer;}
.barnav dd a.classmore{ font-size:24px; font-weight:bold; font-family:tahoma; line-height:1;}
.barnav dd a:hover,.barnav dd a.cur,.tvtab li.cur,.tvtab li:hover{ background:#f60; color:#fff;}


/* game tv list */
.tvlist{ padding:20px 0 20px 0; margin-right:-20px; *padding-bottom:50px;}
.tvlist li{float:left; position:relative; width:275px; height:217px;margin:0 18px 30px 0; background:#1c242f url(../images/defbg.png) 0 0 no-repeat;box-shadow:rgba(10,15,25,.45) 0 2px 1px 0; }
.tvlist li a{ position:relative; display:block; overflow:hidden;}
.tvlist li a img{transition:.3s;}
.tvlist li p{ height:157px; overflow:hidden; background:#000;}
.tvlist .tvtitle,.tvlist .tvgname{ display:inline; font-size:14px; line-height:32px;}
.tvlist .tvtitle{ margin-left:10px; float:left; width:160px;}
.tvlist .tvgname{margin-right:10px; float:right; width:80px; text-align:right; color:#626e88;}
.tvlistinfo{ clear:both; padding:0 10px; text-align:right; font-size:12px; line-height:22px; color:#626e88;}
.person{ float:left; text-align:left; background-position:0 -96px; padding-left:16px;}
.look{ background-position:0 -116px; padding-left:20px;}
.playicon{ display:none; position:absolute; left:50%; top:50%; z-index:2; width:52px; height:52px; margin:-50px 0 0 -27px; background:url(../images/play.png) 0 -60px no-repeat;}
.playicon em{ display:block; height:52px; background:url(../images/play.png) 0 0 no-repeat;}
.tvlist li:hover .playicon{ display:block; }
.tvlist li:hover em{-moz-animation:play 1s infinite linear;-webkit-animation:play 1s infinite linear; animation:play 1s infinite linear;}
.tvlist li:hover .tvtitle{ color:#94a0b9;}
@-webkit-keyframes play{
	0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
/* tv tags */
.tag_huya,.tag_zhanqi,.tag_chushou,.tag_douyu,.tag_xiongmao,.tag_longzhu,.tag_huomao,.tag_quanmin{ position:absolute; top:3px; right:-4px; width:69px; height:29px; text-indent:-9999px; text-align:left; overflow:hidden;background:url(../images/tvtag.png) no-repeat; z-index:2;}
.tag_huya{ background-position:0 0;}
.tag_zhanqi{ background-position:0 -40px;}
.tag_chushou{ background-position:0 -80px;}
.tag_douyu{ background-position:0 -120px;}
.tag_xiongmao{ background-position:0 -160px;}
.tag_longzhu{ background-position:0 -200px;}
.tag_huomao{ background-position:0 -240px;}
.tag_quanmin{ background-position:0 -280px;}

/* jingji home eye */
#feature {position: relative;height:95px; clear:both; margin-bottom:50px; background:url(../images/hboxbg.png) top center no-repeat;}
#block{ position:relative; left:50%; width:1740px; margin-left:-879px; overflow:hidden; }
#botton-scroll{ position: relative; overflow: visible; width: 1160px; height: 95px; margin: 0 auto;}
.featureul {position:absolute; left:-293px; top:0px; width:11600px; height: 95px; z-index:1;}
.featureul li {float:left; margin-top:7px; width:293px;height:80px; z-index: 1;overflow: hidden;}
.featureul li img{ display:block; width:275px; height:80px;}
.featureul li a{ display:block; width:275px; position:relative; z-index:1;}
.featureul li a i{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #f30;}
.featureul li a:hover i{ display:block;}
.mask_right, .mask_left { width: 275px; height: 80px; z-index: 3; position: absolute; top:7px; left:50%; overflow: hidden; background:#041021; opacity:.8;
filter:alpha(opacity=80);}
.mask_left{ margin-left:-879px; background-position:top left;}
.mask_right {margin-left:586px;  background-position:top right; }
.eye_next, .eye_prev {width: 45px; height: 95px;position: absolute; top:0; left:50%;  z-index: 4; background:url(../images/jjeyepag.png) no-repeat; text-indent:-9999px; overflow:hidden; cursor:pointer; }
.eye_prev { margin-left:-639px; background-position:0 0;}
.eye_next { margin-left:577px; background-position:-50px 0;}
.eye_prev:hover { background-position: 0 -100px; }
.eye_next:hover { background-position: -50px -100px; }

/* mask */
.mask70{ position:absolute; left:0; top:0; width:70px; height:70px; cursor:pointer; background:url(../images/mask70.png)}

/* box :hover */
.tvlist li:hover img{-webkit-opacity:.4;-moz-opacity:.4; opacity:.4;filter:alpha(opacity=40);}

/* side bar */
.sidebar{ position:fixed; z-index:10; bottom:240px; right:10px; width:80px; display:none;}
.sidebar a{ display:block; height:36px;background-color:#273952; border:#1c2737 1px solid; text-align:center; line-height:36px; font-size:14px; font-weight:bold; color:#cbdcff; overflow:hidden;}
.sidebar a#backtop{ background:#273952 url(../images/backtop02.png) center no-repeat; text-align:left; text-indent:-9999px; overflow:hidden;}
.sidebar li.sbcur a,.sidebar a:hover{ background-color:#f60; color:#fff;}

/* not tv tip */
.nottv{ padding:100px 0; text-align:center; color:#496080; font-size:24px; line-height:1.5;}