/* CSS Document */
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:#333; background:#f2f2f2; 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:#333; 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;}
h1{ text-indent:-9999px; overflow:hidden; height:0; line-height:0; font-size:0;}

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

/* jiequ */
.gamenav dd a,.zonelist li a,.tvlist .tvtitle,.tvlist .tvgname,.list .name,.playperson,.playtitle{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.menu,.headwrap{ width:1160px; margin:0 auto;}
.gameinfo .enter i,.person,.look,.path,.playperson,.playlook{ background:url(../images/icon.png) no-repeat;}

/* title */
.coltitle{ overflow:hidden; clear:both; text-align:right; zoom:1;}
.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;}
/* title icon */
.ticon01,.ticon02,.ticon03{ float:left; margin-right:16px; background:url(../images/ticon.png) no-repeat;}
.ticon01{ width:38px; height:38px; background-position:0 0;}
.ticon02{ width:37px; height:37px; background-position:0 -50px;}
.ticon03{ width:43px; height:35px; background-position:0 -100px;}
/* title tabs */
.coltitle .tab{ float:left; margin-top:6px;}
.tab li{ float:left; padding:0 12px; margin-right:10px; line-height:26px; font-size:14px; color:#666; border-radius:10px; border:#c2c2c2 1px solid; cursor:pointer;}
.tab li:hover,.tab li.cur{ background:#f60; border-color:#f60; color:#fff;}

/* header logo sch */
.header{ background:#1d1e1f;}
.headwrap{ height:42px; padding:29px 0; overflow:hidden;}
.headwrap .logo{ float:left; width:202px; height:42px; text-indent:-9999px; overflow:hidden; background:url(../images/tvlogo.png) left center no-repeat;}

.sch{ float:right; width:420px; height:38px; margin:1px 0; overflow:hidden;border:#333 1px solid; border-right:0;}
.schtext,.schbtn{ float:left; border:0; height:38px; vertical-align:top;}
.schtext{ width:320px; line-height:38px; padding:0 10px;background:#1a1a1b; color:#666; font-size:14px; }
.schbtn{ width:80px; background:#2a2a2a url(../images/sch.png) center 9px no-repeat; cursor:pointer;}
.schbtn:hover{ background-position: center -31px;}
.schtext[type="text"]:focus{ background:#ddd; } 

/* nav */
.gamezone i,.gamenav dt{ background:url(../images/menu.png) no-repeat;}
.nav{ position:relative; height:55px; background:#2b2b2b; z-index:3;}
.menu li{ float:left; position:relative; width:158px;}
.menuli{ display:block; line-height:54px; text-align:center; font-size:20px; color:#fff; clear:both;}
.gamezone i{ display:inline-block; width:9px; height:5px; margin:0 0 0 5px; vertical-align:middle; background-position:0 0;}
.menu li:hover .menuli,.menu li.menucur .menuli{ border-top:#f60 3px solid; line-height:52px; background:#1d1e1f; color:#f60;}
.menu li:hover i,.menu li.menucur .gamezone i{ background-position:0 -20px;}

.gamenav{ display:none; position:absolute; left:-50%; top:55px; width:302px; padding:16px; margin-left:-15px; background:#232323; opacity:.95; filter:Alpha(Opacity="95"); z-index:10;}
.gamenav .arrow{ position:absolute; width:302px;top:-10px; height:11px; z-index:10; line-height:0; background:url(../images/arrow.png) top center no-repeat;}
.gamenav dl{ display:block; clear:both; position:relative;}
.gamenav dt{ color:#f60; padding:5px 0 0 10px;background-position:0 -32px; font-size:12px; line-height:1;}
.gamenav dd{ overflow:hidden; clear:both; margin-right:-10px; padding:10px 0;}
.gamenav dd a{ float:left; width:68px; margin:5px 10px 0 0; background:#161616;color:#c6dfd9;}
.gamenav dd a,.gamenavmore{font-size:12px; text-align:center;line-height:26px;  border-radius:5px;transition:.2s; }
.gamenav dd a:hover,.gamenavmore{ background:#f60; color:#fff; }
.gamenavmore{ display:block; margin-top:10px;}
.gamenavmore:hover{ background:#f30; color:#fff;}

/* head eye show */
.tvshow{ display:block;  position:relative; height:583px;margin-bottom:-553px; background-position:top center; background-repeat:no-repeat; z-index:1;}
.eye{ width:1160px; height:523px; overflow:hidden; margin:0 auto 80px auto; position:relative; z-index:2;}
.eyeshow{ float:left; width:927px; height:523px; overflow:hidden; background:#000 url(../images/tvshowbg.png) center no-repeat;}
.eyetab{ float:right; width:216px; height:522px; background: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); padding-top:1px;}
.eyetab li{ position:relative; height:92px; text-align:center; margin-top:10px;}
.eyetab li img{ width:196px; height:92px;}
.eyetab li:hover i,.eyetab li.eyetabcur i{ position:absolute; top:0; left:0; width:206px; height:92px; background:url(../images/eyecur.png) 0 0 no-repeat; cursor:pointer;}

/*页码翻页*/
.pag { text-align: center; height: 35px; margin: 40px auto 0; }
.pag a { display: inline-block; font-size: 14px; background: #fff; color: #333; 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; }


/* list common */
.zonelist li,.tvlist li,.list li{ float:left; background-color:#fff;box-shadow:rgba(204,204,204,.45) 0 2px 1px 0;}

/* zone tv list */
.zonelist{ padding:20px 0; margin:0 -16px 0 0; overflow:hidden; *padding-bottom:50px;}
.zonelist li{ width:164px; padding:8px; margin:0 16px 30px 0; overflow:hidden; }
.zonelist li a{ display:block; width:100%;text-align:center; line-height:34px; font-size:14px; overflow:hidden;}
.zonelist li a span{display:block;overflow:hidden; margin-bottom:1px;}
.zonelist li a img{ display:block;}
.zonelist li:hover span,.tvlist li p{ background:#000; }
.zonelist li:hover a { color:#f60;}

/* game tv list */
.tvlist{ padding:20px 0 20px 0; margin-right:-20px; *padding-bottom:50px;}
.tvlist li,.list li{ position:relative; width:275px;margin:0 18px 30px 0; background-image:url(../images/defbg.png); background-repeat:no-repeat;}
.tvlist li{ height:217px; }
.tvlist li a{ position:relative; display:block; overflow:hidden;}
.tvlist li a img{transition:.3s;}
.tvlist li p{ height:157px; overflow:hidden;}
.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:#666;}
.tvlistinfo{ clear:both; padding:0 10px; text-align:right; font-size:12px; line-height:22px; color:#666;}
.person{ float:left; text-align:left; background-position:0 4px; padding-left:16px;}
.look{ background-position:0 -16px; 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:#333;}
@-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;}

/* list page */
.list{ padding:30px 0 20px 0; margin-right:-20px;}
.list li{ position:relative; overflow:hidden;}
.list .pic{ display:block; position:relative; height:157px; overflow:hidden;}
.list .tv{ position:absolute; left:0; top:-157px; width:275px; height:157px; line-height:157px; font-size:30px; font-weight:bold; color:#fff;text-align:center; background: rgba(255,89,89,.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ff5959, endColorstr=#66ff5959); transition:.2s;}
.list .zone{ position:absolute; right:5px; bottom:5px; width:84px; line-height:26px; font-size:12px; background:#f60; color:#fff; text-align:center; border-radius:3px;}
.list .name{ width:10em; font-size:16px; line-height:36px; margin-left:10px; color:#666;}
.list .pic:hover .tv{ top:0;}
.list .zone:hover{ background:#f30; color:#fff;}

/* shou chong zhe kou */
.sale{ position:relative; width:1160px; height:131px; margin:30px auto 50px auto; overflow:hidden; background:#fff url(../images/saletit.png) 0 0 no-repeat; }
.sale h2{ position:absolute; left:0; top:0; width:12px; height:111px; padding:28px 17px 0 9px; color:#fff;font-size:12px; line-height:1.6; font-weight:300;}
.sale ul{ margin:21px -24px 0 46px;}
.sale ul li{ float:left; width:70px; margin-right:23px; font-size:12px; line-height:16px; text-align:center;}
.sale ul li a{ display:block; position:relative;}
.sale ul li em{ color:#f60;}
.sale ul li a:hover{ color:#f30;}

/* play info */
.playtop{ position:relative; height:36px; border-top:#000 4px solid; background:#000;}
.playperson,.playtitle,.playlook{ float:left; line-height:32px; font-size:14px; color:#999; margin-left:20px;}
.playperson{ background-position:0 -131px; padding-left:16px; max-width:120px;}
.playlook{ background-position:0 -159px; padding-left:20px;}
.playtitle{ max-width:220px;}
.playcont{ width:1160px; height:698px; overflow:hidden; background:#171717 url(../images/tvshowbg.png) center no-repeat;}

/* game info */
.gameinfo{ width:1130px; height:70px; padding:15px; margin:0 auto 20px auto; background:#fff; position:relative; overflow:hidden;}
.gameinfo .icon{ position:relative; float:left; margin-right:15px;}
.gameinfo .intr{ height:48px; width:610px; margin:11px 0; line-height:24px; font-size:14px; overflow:hidden;}
.gameinfo .intr:after{ content:"...";}
.gameinfo .enter{ position:absolute; right:25px; top:25px; width:160px; line-height:50px; color:#fff; font-size:18px; text-align:center; border-radius:5px; background:#f60; transition:.2s;}
.gameinfo .enter i{ display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:middle; background-position:0 -40px;}
.gameinfo .enter:hover{ background:#f30; color:#fff;}

/*path*/
.path{ width:1140px; padding-left:20px; margin:18px auto; line-height:14px; color:#666; font-size:14px; background-position:0 -70px; }
.path i{ margin:0 5px;}
.path i,.path a{ color:#333;}

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

/* box :hover */
.zonelist li:hover,.tvlist li:hover,.list li:hover{ box-shadow:rgba(186,186,186,.9) 0 3px 8px 0;}
.zonelist li:hover img,.tvlist li:hover img{-webkit-opacity:.4;-moz-opacity:.4; opacity:.4;filter:alpha(opacity=60);}

/* backtop */
#backtop{ display:none; position:fixed; bottom:230px; right:10px; width:61px; height:61px; text-indent:-9999px; cursor:pointer; overflow:hidden; background:url(../images/backtop.png) 0 0 no-repeat; z-index:5;}
#backtop:hover{ background-position:0 -70px;}