/* hearthstone tese zhuanti */
/* 2013.11.19 */
/* by Ryuuna */

.page-1 .header { background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-header-0.jpg) no-repeat center top; *zoom:1;}
.page-1 .header-in { width:980px; margin:auto; height:394px; position:relative; *zoom:1;}

.page-1 .header .logo-game { width:190px; height:72px; position:absolute; left:0; top:32px;}
.page-1 .header .sub-tit { color:#fff; font-size:18px;  font-family:"Microsoft Yahei",Arial; display:inline-block; *zoom:1; *display:inline; vertical-align:top; background:#000; border-radius:14px; position:absolute; right:10px; top:226px; padding:0 35px;}

.page-1 .header .nav0 { width:100%; overflow:hidden; *zoom:1; position:absolute; left:0; top:358px;}
.page-1 .header .nav0 li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0 -4px; margin:0 -2px\0; *margin:0; padding:9px 0; *padding:8px 0;}
.page-1 .header .nav0 li a { display:block; text-align:center; font-size:18px; line-height:18px; *line-height:20px; font-family:"Microsoft Yahei",Arial; color:#fff; border-left:2px solid #b2b2b2; /*border-right:1px solid #f0f0f0;*/ padding:0 30px;}
.page-1 .header .nav0 li a:hover { color:#00a2ff;}
.page-1 .header .nav0 .li0 a { border-left:0;}
.page-1 .header .nav0 .li6 a { border-right:0;}

.page-2 .header { background:url(//images.17173cdn.com/2014/hs/2014/11/26/z413.jpg) no-repeat center top;}
.page-2 .header .header-in { height:324px; width:970px; margin:auto; position:relative; *zoom:1;}

.page-2 .header .logo-game { width:190px; height:72px; position:absolute; left:70px; top:52px;}
.page-2 .header .logo-17173 { width:166px; height:72px; position:absolute; left:282px; top:52px;}

.page-2 .header .box-nav0 { display:inline-block; *zoom:1; *display:inline; vertical-align:top; z-index:1; position:absolute; right:0; top:0; _width:500px;}
.page-2 .header .nav0 { overflow:hidden; *zoom:1; text-align:center; padding:0 10px;}
.page-2 .header .nav0 li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0 -4px; margin:0 -2px\0; *margin:0; padding:13px 0; *padding:12px 0;}
.page-2 .header .nav0 li a { display:block; text-align:center; font-size:12px; line-height:12px; *line-height:14px; font-family:"Microsoft Yahei",Arial; color:#fff; border-left:1px solid #fff; padding:0 15px;}
.page-2 .header .nav0 li a:hover { text-decoration:underline;}
.page-2 .header .nav0 .li0 a { border-left:0;}
.page-2 .header .nav0 .li6 a { border-right:0;}
.page-2 .header .box-nav0 b { display:block; width:100%; height:38px; background:#000; opacity:0.3; filter:alpha(opacity=30); z-index:-1; position:absolute; left:0; top:0;}

.page-1 .content{ background:#e9e9e9;}
.page-2 .content { background:#131437 url(//images.17173cdn.com/2014/hs/2014/11/26/z414.jpg) no-repeat center top;}

.con-c { background-color:#e9e9e9; margin-bottom:10px;}
.con-c .con-in {
	width:980px;
	margin:auto;
	overflow:hidden;
	position:relative;
}

.con-c0 { background:#e9e9e9 url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-content-0.jpg) no-repeat center top;}
.con-c0 .left { width:650px; float:left;}
.con-c0 .right { width:316px; float:left; padding-top:20px; margin-left:10px;}

.con-c1 {}
.con-c1 .hd { border-bottom:1px solid #d5d5d5; height:76px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-tit-comment-980x76.jpg) no-repeat 0 0;}
.con-c1 .hd h2 { font-size:30px; color:#000; font-family:"Microsoft Yahei",Arial; padding:0 5px 0 120px; line-height:76px;}
.con-c1 .bd { background:#fff; border:1px solid #d5d5d5; border-top:0; padding:10px;}

.con-c2 {}
.con-c2 .hd { border-bottom:4px solid #d5d5d5; height:50px;}
.con-c2 .hd h2 { font-size:30px; color:#000; font-family:"Microsoft Yahei",Arial; padding:0 5px 0 35px; line-height:50px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-icon.png) no-repeat 0 -45px;}

.con-c3 { margin-bottom:0;}
.con-c3 .hd { border-bottom:4px solid #d5d5d5; height:50px;}
.con-c3 .hd h2 { font-size:30px; color:#000; font-family:"Microsoft Yahei",Arial; padding:0 5px 0 35px; line-height:50px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-icon.png) no-repeat 0 -95px;}

.con-c4 { background:none;}
.con-c4 .con-in { width:970px;}
.con-c4 .hd { height:50px;}
.con-c4 .hd .txxz { width:220px; display:inline-block; font-size:12px; line-height:20px; color:#fff; padding:10px; float:none;}
.con-c4 .hd h2, .con-c4 .hd h1 { float:left; font-size:30px; color:#ddd; font-family:"Microsoft Yahei",Arial; padding:0 5px 0 55px; line-height:50px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-icon.png) no-repeat 0 -195px;}

.con-c5 { background:none;}
.con-c5 .con-in { width:970px;}
.con-c5 .hd { height:50px;}
.con-c5 .hd h2, .con-c5 .hd h1 { font-size:30px; color:#ddd; font-family:"Microsoft Yahei",Arial; padding:0 5px 0 55px; line-height:50px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-icon.png) no-repeat 0 -195px;}

/*box-con0*/
.box-con0 { overflow:hidden; height:300px; padding-top:20px;}
.box-con0 .pic { display:block; width:195px; height:282px; float:left;}
.box-con0 .pic a { display:block; width:100%; height:100%;}
.box-con0 .pic img { width:100%; height:100%;}
.box-con0 .txt { display:block; width:420px; float:left; margin-left:15px; font-size:18px; color:#666; font-family:"Microsoft Yahei",Arial; line-height:22px;}
.box-con0 .tit { display:block; font-size:36px; font-weight:bold; color:#000; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-icon.png) no-repeat 0 -145px; line-height:50px; text-indent:60px; margin-bottom:10px;}
.box-con0 .player { display:block; margin-bottom:10px;}
.box-con0 .player em { color:#000; margin-left:5px;}
.box-con0 .point { display:block; margin-bottom:10px;}
.box-con0 .point .box-star { display:inline-block; *zoom:1; *display:inline; vertical-align:top; width:110px; height:19px;}
.box-con0 .point .box-star .star-on { display:block; height:19px; width:100%; text-indent:-9999px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-star.jpg) repeat-x 0 0;}
.box-con0 .box-vote { display:block; margin-bottom:10px;}
.box-con0 .intro { display:block;}
.box-con0 .intro em { width:320px; height:132px; overflow:hidden; display:inline-block; *zoom:1; *display:inline; vertical-align:top; color:#000; font-size:12px; margin-left:5px;}

/*box-media0*/
.box-media0 { width:650px; height:500px;}
.box-media0 .hd { text-align:center; line-height:31px;}
.box-media0 .hd h3 { color:#fff; font-size:18px; color:#fff; font-family:"Microsoft Yahei",Arial;}
.box-media0 .bd { width:618px; height:450px; padding-left:14px;}
.box-media0 .bd embed { width:618px; height:450px; background:#ccc;}

/*box-con1*/
.box-con1 {}
.box-con1 .hd { padding:10px; border-bottom:4px solid #d5d5d5;}
.box-con1 .hd h3 { font-size:30px; font-weight:bold; color:#000; font-family:"Microsoft Yahei",Arial; line-height:50px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-icon.png) no-repeat 0 5px; padding:0 5px 0 40px;}

/*con-c6*/
.box-slide { width:100%; position:relative; height:200px;}
.box-slide .box-btn { display:block; width:37px; height:38px; padding:90px 0 0; position:absolute; top:0;}
.box-slide .box-btn-l { left:0;}
.box-slide .box-btn-r { right:0;}

.box-slide .box-btn a { display:block; width:37px; height:38px; margin:auto; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-btn.png) no-repeat;}
.box-slide .box-btn .slide-l { background-position:0 -50px;}
.box-slide .box-btn .slide-l:hover { background-position:-80px -50px;}
.box-slide .box-btn .slide-r { background-position:-40px -50px;}
.box-slide .box-btn .slide-r:hover { background-position:-120px -50px;}

.box-slide .slide { height:200px; margin:0 40px; width:560px; overflow:hidden; position:relative;}
/*
.box-slide .slide .slide-list { width:auto; height:168px; padding:32px 0 0; width:auto; position:absolute; left:0; top:0;}
.box-slide .slide .slide-list li { width:185px; float:left; display:inline-block; *zoom:1;}
.box-slide .slide .slide-list li a { display:block; color:#616161;}
.box-slide .slide .slide-list li a:hover { text-decoration:underline;}
.box-slide .slide .slide-list .pic { display:block; width:160px; margin:0 auto 10px;}
.box-slide .slide .slide-list .pic img { width:160px; height:120px;}
.box-slide .slide .slide-list .txt { display:block; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; text-align:center; line-height:22px;}
*/

/*list-con1*/
.list-con1 { overflow:hidden; *zoom:1; padding:15px 0;}
.list-con1 li { width:24.2%; display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.list-con1 .li-in { display:block; width:164px; margin:auto;}
.list-con1 .pic { display:block; width:164px; margin:auto;}
.list-con1 .pic a { display:block; border:2px solid #b6b6b6; width:160px; height:120px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/pic-160x120.jpg) no-repeat;}
.list-con1 .pic a:hover { border-color:#000;}
.list-con1 .pic img { width:100%; height:100%; *vertical-align:top;}

.list-con1 .txt { display:block; width:160px; /* or width:100%*/ height:20px; margin:auto; line-height:20px; font-size:12px; padding:5px 0; text-align:center; color:#000;}
.list-con1 .txt a { display:block; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; _width:160px;}
.list-con1 .txt a:hover { text-decoration:underline;}

.box-slide .slide .list-con1 { width:auto; overflow:hidden; *zoom:1; width:auto; position:absolute; left:0; top:0;}
.box-slide .slide .list-con1 li { width:140px; float:left; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0;}
.box-slide .slide .list-con1 .li-in { display:block; width:130px; margin:auto;}
.box-slide .slide .list-con1 .pic { display:block; width:130px; height:180px; margin:auto;}
.box-slide .slide .list-con1 .pic a { display:block; width:130px; height:180px; background:none; border:0;}
.box-slide .slide .list-con1 .pic img { width:100%; height:100%;}

.con-c2 .list-con1 li, .con-c3 .list-con1 li { width:19%;}
.con-c2 .list-con1 .txt, .con-c3 .list-con1 .txt{ padding-top:10px;}

.con-c4 .list-con1 { width:620px;}
.con-c4 .list-con1 li { width:32%; margin-bottom:30px;}
.con-c4 .list-con1 .li-in { background:#B8683B; width:160px; padding:5px; margin:0 auto 0 0;}
.con-c4 .list-con1 li.on .li-in { background:#D38A2F;}
.con-c4 .list-con1 .pic { width:160px;}
.con-c4 .list-con1 .pic a { border:0;}
.con-c4 .list-con1 .txt { color:#dedede; padding-top:10px;}
.con-c4 .list-con1 .txt a { color:#dedede;}

.tab-con1 { width:640px; display:inline-block; float:left;}
.list-con3 { overflow:hidden; *zoom:1; padding:15px 0; margin:auto 0; display:block; width:600px; /* or width:100%*/  padding:20px 0;}
.list-con3 .htt {line-height:30px; font-size:16px; font-weight:bold; text-align:left; color:#ff0;}
.list-con3 .htts {line-height:60px; font-size:16px; font-weight:bold; text-align:right; color:#ff0;}
.list-con3 .htts a { display:block; color:#FF0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; _width:150px;}
.list-con3 .htts a:hover { text-decoration:underline; color:#0FF; }
.list-con3 .txt {line-height:22px; font-size:12px; text-align:left; color:#FFF;}
.list-con3 .txt a { display:block; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; _width:600px;}
.list-con3 .txt a:hover { text-decoration:underline;}

.tab-con {float:right; width:330px;}

.list-con2 { overflow:hidden; *zoom:1; padding:15px 0;}
.list-con2 li { display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.list-con2 .li-in { display:block; width:304px; margin:auto;}
.list-con2 .pic { display:block; width:304px; margin:auto;}
.list-con2 .pic a { display:block; border:2px solid #b6b6b6; width:300px; height:100px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/pic-160x120.jpg) no-repeat;}
.list-con2 .pic a:hover { border-color:#000;}
.list-con2 .pic img { width:100%; height:100%; *vertical-align:top;}

.list-con2 .txt { display:block; width:300px; /* or width:100%*/ height:20px; margin:auto; line-height:20px; font-size:12px; padding:5px 0; text-align:center; color:#000;}
.list-con2 .txt a { display:block; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; _width:300px;}
.list-con2 .txt a:hover { text-decoration:underline;}

.con-c5 .list-con2 { padding:20px 10px 10px;}
.con-c5 .list-con2 li {  margin-bottom:15px;}
.con-c5 .list-con2 .pic a { border-color:#3c4399;}
.con-c5 .list-con2 .pic a:hover { border-color:#575fb8;}
.con-c5 .list-con2 .txt { color:#ddd; padding-top:10px;}
.con-c5 .list-con2 .txt a { color:#ddd;}

/*page*/
/*--page*/
.page_bar { overflow:hidden; text-align:center; padding:15px 0 25px; font-size:12px; *zoom:1;}
.page_bar a, .page_bar span, .page_bar span.page-count { display:inline-block; *zoom:1; *display:inline; vertical-align:top; border:1px solid #3c4399; color:#dddddd; padding:5px 8px; *margin:0 6px; margin:0 3px; margin:0 3px\0;}
/*.page_bar li.page { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:2px 8px; vertical-align:bottom;}*/
.page_bar span, .page_bar a:hover { color:#fff!important; background:#3c4399;}
.page_bar span { color:#000;}
.page_bar span.page-count { display:inline-block; *zoom:1; *display:inline; vertical-align:top; border-color:#3c4399; color:#ccc!important;}

/*box-apply0*/
.box-apply0 { width:316px;}
.box-apply0 .hd { height:79px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-apply-hd.jpg) no-repeat; color:#fff; text-align:center; padding-top:50px; font-weight:bold;}
.box-apply0 .hd .span0 { display:block; font-size:14px; line-height:32px;}
.box-apply0 .hd .span1 { display:block; font-size:12px; line-height:24px;}
.box-apply0 .btn-apply { display:block; width:316px; height:68px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-btn.png) no-repeat 0 -90px;}
.box-apply0 .btn-apply:hover { background-position:0 -160px;}
.box-apply0 .box-link { width:307px; height:859px; padding-left:9px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-card.jpg) no-repeat 0 0;}
.box-apply0 .box-link a { display:block; width:250px; height:40px; margin-bottom:1px;}

/*box-vote*/
.box-vote { display:block; width:100%;}
.box-vote .box-yes, .box-vote .box-no { display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:20px; background:url(//ue.17173cdn.com/images/hs/zt/2013/tszt/bg-btn.png) no-repeat;}
.box-vote .box-yes { background-position:0 0;}
.box-vote .box-no { background-position:0 -20px;}
.box-vote .btn { display:block; padding:0 2px 0 50px; cursor:pointer;}
.box-vote .btn em { display:inline-block; *zoom:1; *display:inline; vertical-align:top; font-size:12px; line-height:18px; border:1px solid; background:#fff; padding:0 5px;}
.box-vote .box-yes em { color:#f97743; border-color:#f97743;}
.box-vote .box-no em { color:#88c8b8; border-color:#88c8b8;}

/*more*/
.more { color:#000; font-size:12px; position:absolute; right:10px; top:20px;}
.more a { color:#000;}
.more a:hover { text-decoration:underline;}

/*footer*/
.global-footer { padding:30px 0;}
.global-footer a:link, .global-footer a:hover, .global-footer a:visited { margin:0 10px;}
.page-1 .global-footer { background:#222;}
.page-2 .global-footer { color:#ddd;}
.page-2 .global-footer a:link, .page-2 .global-footer a:hover, .page-2 .global-footer a:visited { color:#ddd;}

/*int*/
* { padding:0; margin:0;}

.box-tab0 {
	overflow:hidden;
	position:relative;

}
.box-tab0 .gb-tab-pn {
	overflow:hidden;
	position:relative;
	border:3px solid #3c4399;
	margin-top:-3px;
	z-index:10;
}
.box-tab0 .gb-tab-pn {
	/*
	position:absolute;
	left:0;
	top:0;
	*/
}
.box-tab0 .gb-tab {
	overflow:hidden;
	z-index:20;
	height:60px;
	position:relative;
	padding-left:5px;
}
.box-tab0 .gb-tab a {
	display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-right:-6px; margin-right:-2px\0; *margin-right:1px;
	height:57px;
	border-radius:12px 12px 0 0;
	padding:3px 3px 0 3px;
}


.box-tab0 .btn { display:block; width:30px; height:30px; background:#ff8c8c; color:#000; font-size:14px; font-family:"Microsoft Yahei",Arial; position:absolute; top:50px; display:none;}
.box-tab0 .btn-prev { left:10px;}
.box-tab0 .btn-next { right:10px;}