/* common */
html{height:100%;line-height:1.4;color:#333;font-size:12px;font-family:Helvetica Neue,'苹方',Roboto,Noto,Microsoft YaHei,'微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;}
body{font-size:inherit;height:inherit;margin:0;background:#F1F1F1;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden}
img{border:none;vertical-align:middle;}
ol,ul{margin:0;padding:0;list-style:none;color:inherit;}
a{color:inherit;text-decoration:none;}
.wrap {width:1200px;margin:0 auto;}
.hidden{display:none!important;}
button,input,select,textarea{outline:0;font-size:inherit;font-family:inherit;}
.table {display:table;width:100%;height:100%;border:0;border-spacing:0;border-collapse:collapse;}
.table-row {display:table-row;width:100%;}
.table-cell,.tcell {display:table-cell;position:relative;vertical-align:middle;}

.tab-panel {display:none;}
.tab-panel.active {display:block;}
.font {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;text-align:center;}
.font~img {z-index:2;width:100%;height:100%;border:none;position:relative;background: #ffffff;}


/* header */
.header {height:68px;width:100%;background: #ffffff;}
.header .logobox {float:left;}
.header .logobox .logo {width:160px;height:44px;margin-top:13px;}
.header .nav {float:right;}
.header .nav  {}
.header .nav li {float:left;width:80px;text-align:center;font-size:16px;position:relative;}
.header .nav li .item {display:block;color:#333;line-height:68px;}
.header .nav li .current,.header .nav li:hover .item {color:#42B5FF;}
.header .nav li .item span {border-bottom:3px solid transparent;padding-bottom:21px;}
.header .nav li .current span,.header .nav li:hover .item:not(.download) span {border-bottom-color:#42B5FF;}

.header .nav li .download-menu {display:none;border:1px solid #DADDE1;position:absolute;top:48px;left:-18px;z-index:20;background:#FFF;text-align:center;}
.header .nav li .download-menu img {width:115px;height:115px;padding:5px;}
.header .nav li .download-menu p {font-size:12px;font-size:#999;margin:0;padding-bottom:5px;}
.header .nav li:hover .download-menu {display:block;}

/* trunk */
.trunk {position:relative;}

.list-title {padding:10px 0;}
.list-title i{display:inline-block;width:3px;height:19px;background:#42B5FF url(../../images/home_content_icon_line.png);font-style:normal;margin-top:-7px;margin-right:8px;vertical-align:middle;}
.list-title span {font-size:19px;}
.list-title .list-more {float:right;color:#999;line-height:2.5;}
.list-title .list-more img {vertical-align:baseline;margin-left:3px;}

/* empty */
.empty {width:100%;height:100%;min-height:612px;
position:relative;
}
.empty .empty-icon {display:block;margin:0 auto;width: 100px;height:83px;}
.empty .empty-text {color:#999;text-align:center;margin:0;}

/* page */
.pagenation {padding:50px 0;text-align:center;font-size:14px;color:#999;}
.pagenation>div {text-align:center;}
.pagenation .num,.pagenation .current {margin:0 5px;border-radius:50%;display:inline-block;width:26px;height:26px;text-align:center;line-height:26px;}
.pagenation .current,.pagenation .num:hover {background:#42B5FF;color:#FFF;}
.pagenation .prev,.pagenation .next {cursor:default;text-indent:-999999px;display:inline-block;width:8px;height:15px;vertical-align:middle;margin-top:-4px;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;}
.pagenation .prev {background-image:url(../../images/game_content_btn_flip1.png);}
.pagenation .prev:not([href='#']):hover {background-image:url(../../images/game_content_btn_flip1_selected.png);cursor:pointer;}
.pagenation .next {background-image:url(../../images/game_content_btn_flip2.png);}
.pagenation .next:not([href='#']):hover {background-image:url(../../images/game_content_btn_flip2_selected.png);cursor:pointer;}
.pagenation .rows {height:26px;line-height:26px;margin-left:15px;display:inline-block;}

/* footer */
.footer {
	background:#373D41;
	height:100px;
	text-align:center;
	}
.footer .warn {color:#FFF;margin:0;padding-top:28px;}
.footer .copyright {color:#999;margin:0;padding-top:15px;}

/* suspension window */
.suspension-window {position:fixed;right:40px;bottom:220px;z-index:999;}
.suspension-window ul{border:1px solid #ddd;width:62px;background:#FFF;}
.suspension-window li {height:38px;line-height:38px;text-align:center;position:relative;}
.suspension-window li~li{border-top:1px solid #ddd;}
.suspension-window li .gotop {cursor:pointer;display:block;}
.suspension-window li .qrcode-box {display:none;text-align:center;border:1px solid #ddd;width:165px;height:162px;padding-top:8px;background:#FFF;position:absolute;left:-268%;top:-100%;}

.suspension-window li .qrcode-pic {width:135px;height:135px;display:block;margin:0 auto;}

.suspension-window li .qrcode-box p {margin:0;padding:0;line-height:22px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.suspension-window li .qrcode-box p span {color:#03b4f5;}
.suspension-window li .qq-text {display:none;position:absolute;left:-180%;top:-2%;border:1px solid #ddd;width:110px;height:38px;margin:0;line-height:38px;background:#FFF;text-align:center;}
.suspension-window .wx_area:hover .qrcode-box {display:block;}
.suspension-window .qq_area:hover .qq-text {display:block;}

.recommon-content{
	background-color:#fff;
}
.hot-content{
	background-color:#fff;
}
.icon{
	height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
	background: #ffffff;
}