html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

strong {
	font-weight: bold
}

ol,ul,li {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

select,input,button,textarea {
	font-family: "Microsoft Yahei",STHeiti,sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	vertical-align: middle;
	outline: none;
	padding: 0;
	margin: 0
}

input,button {
	outline: none
}

::-webkit-input-placeholder {
	color: #ccc
}

::-moz-placeholder {
	color: #ccc
}

:-ms-input-placeholder {
	color: #ccc
}

:focus::-webkit-input-placeholder {
	color: #ccc
}

:focus::-moz-placeholder {
	color: #ccc
}

:focus:-ms-input-placeholder {
	color: #ccc
}

img {
	vertical-align: top;
	color: transparent
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}

html {
	width: 100%
}

body {
	background: #fff;
	width: 100%;
	position: relative;
	color: #333;
	font: 14px/1.5 "Microsoft Yahei",STHeiti,sans-serif
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
	cursor: pointer
}

.fc-gray {
	color: #a0a0a0 !important
}

.hot,.fc-red {
	color: #f63 !important
}

.link,.fc-blue {
	color: #39C !important
}

.fc-gblue {
	color: #A3B0BE !important
}

a:hover,a.fc-blue:hover,a.fc-red:hover,a.fc-gray:hover,a.fc-gblue:hover {
	color: #f63
}

.fl {
	float: left
}

.fr {
	float: right
}

.fs12 {
	font-size: 12px
}

.sp {
	opacity: 0.4;
	font-size: 10px;
	padding: 0 0.5em;
	font-family: Tahoma
}

.hidden,.none {
	display: none !important
}

.mr5 {
	margin-right: 5px
}

.mb20 {
	margin-bottom: 20px
}

.mt10 {
	margin-top: 10px
}

.mt-5 {
	margin-top: -5px
}

.mt-15 {
	margin-top: -15px
}

.mt-10 {
	margin-top: -10px
}

.mt-20 {
	margin-top: -20px !important
}

.ml-20 {
	margin-left: 20px
}

.ml20 {
	margin-left: 20px
}

.mr20 {
	margin-right: 20px
}

.mt20 {
	margin-top: 20px
}

@font-face {
	font-family:"icf";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot") format("embedded-opentype"),url("../fonts/f2d4b9ad12cc4198a8d2d1aabdc1cf9b.woff") format("woff2"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg") format("svg")
}

.icf {
	font-family: "icf" !important;
	font-size: inherit;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.i-daohang:before {
	content: "\e607"
}

.i-close1:before {
	content: "\e647"
}

.i-similar:before {
	content: "\e6e2"
}

.i-xiazai:before {
	content: "\e600"
}

.i-xiazai1:before {
	content: "\e619"
}

.i-anquan:before {
	content: "\e64d"
}

.i-none:before {
	content: "\e639"
}

.i-isdell:before {
	content: "\e627"
}

.i-comment:before {
	content: "\e60c"
}

.i-back:before {
	content: "\e60e"
}

.i-right1:before {
	content: "\e615"
}

.i-moreandroid:before {
	content: "\e6a9"
}

.i-creative:before {
	content: "\e620"
}

.i-community:before {
	content: "\e624"
}

.i-triangledownfill:before {
	content: "\e79b"
}

.i-triangleupfill:before {
	content: "\e79c"
}

.i-paixing:before {
	content: "\e630"
}

.i-paixingbang:before {
	content: "\e642"
}

.i-h5:before {
	content: "\e60b"
}

.i-vip1:before {
	content: "\e78d"
}

.i-vip2:before {
	content: "\e63a"
}

.i-vip:before {
	content: "\e688"
}

.i-youhuilibao:before {
	content: "\e6a1"
}

.i-lock:before {
	content: "\e6c0"
}

.i-shuaxin:before {
	content: "\ec08"
}

.i-huanyuanhuabu:before {
	content: "\ec13"
}

.i-quanping:before {
	content: "\ec14"
}

.i-dingwei:before {
	content: "\ec32"
}

.i-like2:before {
	content: "\e7c8"
}

.i-unlike:before {
	content: "\e7c9"
}

.i-like-fill:before {
	content: "\e869"
}

.i-unlike-fill:before {
	content: "\e86a"
}

.i-zuoyou:before {
	content: "\e62a"
}

.i-zuoyou1:before {
	content: "\e62b"
}

.i-faxian:before {
	content: "\e6be"
}

.i-faxian1:before {
	content: "\e606"
}

.i-shipinbofang:before {
	content: "\e601"
}

.i-youxi1:before {
	content: "\e646"
}

.i-xinpinzhuanqu:before {
	content: "\e602"
}

.i-tupian:before {
	content: "\e8fd"
}

.i-zhongdianzhuanti-:before {
	content: "\e60d"
}

.i-zixun:before {
	content: "\e694"
}

.i-yingyongdao:before {
	content: "\e75b"
}

.i-shilileixing:before {
	content: "\e834"
}

.i-presentfill:before {
	content: "\e732"
}

.i-activityfill:before {
	content: "\e775"
}

.i-crownfill:before {
	content: "\e776"
}

.i-recordfill:before {
	content: "\e7a4"
}

.i-formfill:before {
	content: "\e7ab"
}

.i-medalfill:before {
	content: "\e7c1"
}

.i-newshotfill:before {
	content: "\e7c4"
}

.i-picfill:before {
	content: "\e72c"
}

.i-communityfill:before {
	content: "\e741"
}

.i-jinggao:before {
	content: "\e66d"
}

.i-fenlei:before {
	content: "\e66e"
}

.i-tixing:before {
	content: "\e679"
}

.i-xinwen:before {
	content: "\e67f"
}

.i-youxi:before {
	content: "\e680"
}

.i-zhinanzhen:before {
	content: "\e682"
}

.i-unie6ba:before {
	content: "\e67a"
}

.i-unie6e1:before {
	content: "\e6ab"
}

.i-unie70e:before {
	content: "\e6f5"
}

.i-unie71d:before {
	content: "\e6fa"
}

.i-unie72e:before {
	content: "\e701"
}

.i-unie714:before {
	content: "\e73e"
}

.i-bianjiedaohang:before {
	content: "\e64f"
}

.i-youxichongzhi:before {
	content: "\e60a"
}

.i-appreciate:before {
	content: "\e644"
}

.i-edit:before {
	content: "\e649"
}

.i-emoji:before {
	content: "\e64a"
}

.i-favorfill:before {
	content: "\e64b"
}

.i-favor:before {
	content: "\e64c"
}

.i-search:before {
	content: "\e65c"
}

.i-warnfill:before {
	content: "\e662"
}

.i-warn:before {
	content: "\e667"
}

.i-camerafill1:before {
	content: "\e668"
}

.i-camera:before {
	content: "\e669"
}

.i-likefill1:before {
	content: "\e66b"
}

.i-like1:before {
	content: "\e66c"
}

.i-questionfill:before {
	content: "\e690"
}

.i-question:before {
	content: "\e691"
}

.i-deletefill:before {
	content: "\e6a8"
}

.i-delete:before {
	content: "\e6b4"
}

.i-home:before {
	content: "\e6b8"
}

.i-homefill:before {
	content: "\e6bb"
}

.i-appreciatefill:before {
	content: "\e6e3"
}

.i-infofill:before {
	content: "\e6e4"
}

.i-info:before {
	content: "\e6e5"
}

.i-share:before {
	content: "\e6f3"
}

.i-female:before {
	content: "\e71a"
}

.i-keyboard:before {
	content: "\e71b"
}

.i-male:before {
	content: "\e71c"
}

.i-attentionfill:before {
	content: "\e73c"
}

.i-attention:before {
	content: "\e73d"
}

.i-tagfill:before {
	content: "\e751"
}

.i-tag:before {
	content: "\e752"
}

.i-my:before {
	content: "\e78b"
}

.i-myfill:before {
	content: "\e78c"
}

.i-attentionforbid:before {
	content: "\e7b2"
}

.i-attentionforbidfill:before {
	content: "\e7b3"
}

.i-link:before {
	content: "\e656"
}

.i-camerafill:before {
	content: "\e657"
}

.i-top:before {
	content: "\e663"
}

.i-down:before {
	content: "\e664"
}

.i-right:before {
	content: "\e665"
}

.i-left:before {
	content: "\e666"
}

.i-refresh:before {
	content: "\e66a"
}

.i-like:before {
	content: "\e69c"
}

.i-likefill:before {
	content: "\e69d"
}

.i-mobile:before {
	content: "\e6a0"
}

.i-qr2:before {
	content: "\e6a5"
}

.i-closefill:before {
	content: "\e6a6"
}

.i-close:before {
	content: "\e6a7"
}

.i-pic:before {
	content: "\e6aa"
}

.i-more:before {
	content: "\e6ad"
}

.i-filter:before {
	content: "\e6b9"
}

.i-backtop:before {
	content: "\e6c6"
}

.i-android-fill:before {
	content: "\e881"
}

.i-apple-fill:before {
	content: "\e882"
}

.i-windows-fill:before {
	content: "\e883"
}

.i-QQ:before {
	content: "\e884"
}

.i-weibo:before {
	content: "\e885"
}

.i-wechat-fill:before {
	content: "\e886"
}

.i-alipay-circle-fill:before {
	content: "\e887"
}

.top-nav {
	height: 40px;
	background: #333;
	color: #a0a0a0;
	line-height: 40px;
	cursor: default;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	min-width: 1200px
}

.top-nav a {
	color: #a0a0a0
}

.top-nav a:hover {
	color: #fff
}

.top-nav-logo {
	background: url(../images/logo-new-uc.png) 0 center no-repeat;
	background-size: auto 16px;
	padding-left: 20px;
	display: block
}

.top-nav-box {
	padding: 0 40px;
	margin: 0 auto
}

.top-nav-item li {
	float: left;
	position: relative
}

.top-nav-item>li+li {
	margin-left: 10px
}

.top-nav-item .pop-up {
	position: relative;
	padding: 0 24px 0 10px;
	z-index: 999;
	color: #000
}

.top-nav-item .pop-up .icf {
	display: inline-block;
	vertical-align: top
}

.top-nav-item .pop-up em {
	color: #a0a0a0
}

.top-nav-item .pop-up em:hover {
	color: #fff
}

.top-nav-item .pop-up+.pop-up {
	margin-left: 0
}

.top-nav-item .pop-up:hover {
	background-color: #000
}

.top-nav-item .pop-up:hover .pop-up-box {
	display: block
}

.top-nav-item .pop-up-box {
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	padding: 10px;
	display: none
}

.top-nav-item .pop-up-box a {
	color: #333
}

.top-nav-item .pop-up-box a:hover {
	color: #0cc6c6
}

.top-nav-item .drop {
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	text-align: center;
	transition: transform, 0.2s;
	font-size: 24px;
	width: 24px;
	color: #a0a0a0
}

.top-nav-item li:hover .drop {
	transform: rotate(180deg)
}

.top-logo {
	display: block;
	height: 100%;
	width: 90px;
	background: url(../images/logo-new-zone.png) 0 center no-repeat;
	text-indent: -9999em;
	overflow: hidden
}

.top-nav-link {
	height: 20px;
	width: 50px;
	text-align: center;
	padding: 1px 5px;
	border: 1px solid #eee;
	background-color: #fff;
	line-height: 20px;
	overflow: hidden;
	margin-top: 5px;
	font-size: 12px
}

.top-nav-link li {
	margin-bottom: 5px
}

.top-nav-link li:last-child {
	margin-bottom: 0
}

.top-nav-link:hover {
	height: auto
}

.top-userpic {
	height: 24px;
	height: 24px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 8px
}

.top-nav-app li {
	float: none;
	border-bottom: 1px dashed #eee;
	width: 100px;
	padding: 5px 0 5px 42px;
	line-height: 16px;
	position: relative
}

.top-nav-app li:last-child {
	border-bottom: none
}

.top-nav-app li img {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 5px
}

.top-nav-app li span {
	display: block;
	color: #a0a0a0;
	font-size: 12px
}

.top-nav-urls {
	padding-right: 10px !important
}

.top-nav-urls .icf {
	font-size: 20px;
	color: #a0a0a0;
	display: block
}

.top-nav-mes {
	width: 73px;
	font-size: 12px;
	line-height: 30px
}

.top-nav-mes li a {
	display: block
}

.top-nav-map {
	overflow: hidden;
	white-space: nowrap
}

.top-nav-map dl {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	border-right: 1px solid #eee;
	padding: 0 20px;
	font-size: 12px;
	height: 300px
}

.top-nav-map dl:last-child {
	border-right: none
}

.top-nav-map dl dt {
	font-size: 16px;
	color: #a0a0a0
}

.top-nav-map dl dt a {
	color: #a0a0a0
}

.top-nav-map dl dd {
	white-space: pre
}

.top-nav-map dl.hlink {
	width: 80px
}

.top-nav-map dl.hlink dd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.top-nav-games {
	width: auto;
	font-size: 12px;
	line-height: 24px;
	text-align: left
}

.top-nav-games img {
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin-right: 5px;
	display: inline-block
}

.top-nav-games>li+li {
	margin-top: 10px
}

.top-nav-games li {
	white-space: nowrap;
	float: none
}

.top-nav-a li+li a:before {
	content: '|';
	padding-right: 10px;
	opacity: .2
}

.pop-up-box.top-land {
	line-height: initial;
	padding: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.2)
}

.info-form {
	padding: 20px
}

.info-form .form-line:after {
	content: ".";
	visibility: hidden;
	height: 0;
	clear: both;
	display: block
}

.form-textarea {
	border: 1px solid #ddd;
	display: block;
	line-height: 20px;
	font-size: 14px;
	padding: 10px;
	color: #333;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-textarea:focus {
	border-color: #0cc6c6;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(12,198,198,0.075),0 0 8px rgba(12,198,198,0.6);
	box-shadow: inset 0 1px 1px rgba(12,198,198,0.075),0 0 8px rgba(12,198,198,0.6)
}

.form-btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 10px 1em;
	line-height: 20px;
	font-size: 16px
}

.form-btn-s {
	padding: 4px 1em;
	font-size: 14px
}

.form-btn-white {
	background-color: #fff;
	border-color: #ddd;
	color: #a0a0a0
}

.form-btn-white:hover {
	border-color: #a0a0a0;
	color: #333
}

.form-btn-primary {
	background: #0cc6c6;
	color: #fff
}

.form-btn-primary:hover {
	opacity: 0.8;
	color: #fff
}

.form-btn-red {
	background: #f63;
	color: #fff
}

.form-btn-red:hover {
	opacity: 0.8;
	color: #fff
}

.form-btn-normal {
	background: #fff;
	color: #0cc6c6;
	border-color: #0cc6c6
}

.form-btn-normal:hover {
	background: #f63;
	border-color: #f63;
	color: #fff
}

.form-radio {
	line-height: 42px;
	margin-right: 10px;
	cursor: pointer
}

.form-line {
	position: relative
}

.form-line+.form-line {
	margin-top: 20px
}

.form-info {
	line-height: 42px
}

.form-line .label {
	display: block;
	width: 100px;
	text-align: right;
	line-height: 42px;
	margin-right: 10px
}

.form-line .fl .form-btn {
	min-width: 100px
}

.form-line .fl .form-textarea {
	width: auto
}

.form-checkimg {
	line-height: 42px;
	height: 42px;
	min-width: 98px;
	text-align: center;
	margin-left: 10px
}

.form-checkimg img {
	width: auto;
	height: 100%;
	display: block
}

.land-box {
	background-color: #fff
}

.land-t {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #eee
}

.land-form {
	padding: 20px
}

.land-form .form-line {
	width: 280px
}

.land-form .form-line .land-icf {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 40px;
	line-height: 40px;
	font-size: 20px;
	background-color: #f8f8f8;
	text-align: center;
	color: #888;
	border-radius: 3px;
	border-right: 1px solid #eee
}

.land-form .form-line .land-text {
	padding-left: 50px
}

.land-form .form-line .land-check {
	width: 175px
}

.land-form .form-line .land-checkimg {
	line-height: 42px;
	height: 42px;
	min-width: 98px;
	text-align: center
}

.land-form .form-line .land-checkimg img {
	width: auto;
	height: 100%;
	display: block
}

.land-form .form-line .land-btn {
	width: 100%
}

.land-more {
	border-top: 1px solid #eee;
	padding: 20px;
	background-color: #f8f8f8;
	line-height: 20px
}

.land-more a {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 10px
}

.land-more a .icf {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	width: 20px
}

.land-more a:last-child {
	margin-right: 0
}

.land-more .wx .icf {
	background-color: #29B349
}

.land-more .wb .icf {
	background-color: #E53037
}

.land-more .qq .icf {
	background-color: #1479D7
}

.land-more .fc-red .icf {
	background-color: #f63
}

.deledshow {
	background: #fff url(../images/deled.png) center 60px no-repeat;
	padding: 260px 200px 100px
}

.deledshow .title {
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 60px
}

.deledshow .text-list li {
	line-height: 40px;
	height: 40px
}

.nothinghere {
	text-align: center;
	font-size: 18px;
	color: #ccc;
	padding: 200px 0 20px;
	background: url(../images/nothing.png) center 0 no-repeat
}

.fh-head {
	position: relative;
	width: 100%;
	min-width: 1200px;
	background-color: #fff;
	padding-top: 40px
}

.fh-head-box {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0
}

.fh-logo {
	height: 40px;
	width: 288px;
	float: left
}

.fh-logo a {
	background: url(../images/logo-fh.png) 0 center no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	overflow: hidden;
	background-size: auto 100%
}

.fh-search {
	float: right;
	z-index: 99
}

.fh-search form {
	border: 2px solid #0CC6C6;
	height: 36px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	overflow: hidden
}

.fh-input-search {
	display: block;
	border: 0;
	margin: 5px;
	background: none;
	height: 26px;
	width: 200px;
	line-height: 26px;
	font-size: 18px;
	float: left
}

.fh-search .icf {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 22px;
	color: #a0a0a0;
	float: left
}

.fh-btn-search {
	float: left;
	display: block;
	border: 0;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
	line-height: 36px;
	padding: 0 15px;
	color: #fff;
	background-color: #0cc6c6
}

.fh-head-nav {
	width: 100%;
	background-color: #f8f8f8;
	padding: 20px 0
}

.fh-nav {
	width: 1200px;
	margin: 0 auto;
	background-color: #0cc6c6;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
	background-color: #3c3a3a;
	background-color: #3c3a3a;
}

.fh-nav li {
	float: left;
	font-size: 18px
}

.fh-nav li .fh-a {
	display: block;
	padding: 0 40px;
	color: #fff
}
.fh-nav li .fh-a {

transition: background-color 0.3s;
  transition-delay: 0.3s;
}
.fh-nav li .fh-a:hover,.fh-nav li.active .fh-a {
	background-color: #ffcc00;
	background-color: #ff7d3c;
}

.fh-nav .mylb {
	float: right
}

.fh-nav .mylb a {
	padding: 0 40px;
	display: block;
	line-height: 30px;
	margin: 10px;
	background-color: #fff;
	border-radius: 100px;
	font-size: 16px
}

.nowbar {
	line-height: 20px;
	float: right;
	color: #a0a0a0;
	font-size: 12px;
	margin-top: 5px;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nowbar .sp {
	opacity: 0.5
}

.nowbar a {
	color: #a0a0a0
}

.nowbar a:hover {
	color: #f63
}

.fh-count {
	width: 100%;
	position: relative;
	background-color: #f8f8f8
}

.fh-count-box {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 1px 0 1px
}

.box {
	margin-bottom: 20px;
	position: relative
}

.box-nb {
	position: relative
}

.box-p20 {
	padding: 20px;
	background-color: #fff;
	margin-bottom: 20px;
	border-bottom: 2px solid #eee
}

.fh-h {
	position: relative
}

.fh-h-title {
	font-size: 18px;
	border-left: 5px solid #0cc6c6;
	padding-left: 10px
}

.fh-h-more {
	position: absolute;
	right: 0;
	top: 0
}

.fh-b {
	overflow: visible
}

.h-tab {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	width: 100%;
	zoom: 1
}

.h-tab-check {
	float: left;
	font-size: 16px;
	text-align: center;
	width: 50%;
	color: #a0a0a0;
	cursor: pointer;
	overflow: hidden
}

.h-tab-check.active {
	background-color: #0cc6c6;
	color: #fff
}

.h-tab-check.check4 {
	width: 25%
}

.h-tab-check.check3 {
	width: 33.33%
}

.link-more {
	text-align: center;
	line-height: 30px;
	height: 30px;
	clear: both
}

.link-more a {
	display: block;
	border: 1px solid #eee;
	line-height: 28px
}

.main {
	width: 880px
}

.sub {
	width: 300px
}

.fh-msgshow li {
	padding: 10px 0;
	border-bottom: 1px solid #eee
}

.fh-msgshow li:last-child {
	border-bottom: none
}

.fh-msgshow .name {
	line-height: 20px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px
}

.fh-lbbox {
	padding: 10px 0 10px 64px;
	position: relative;
	height: 54px
}

.fh-lbbox .img {
	width: 54px;
	height: 54px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 10px;
	background: #f8f8f8 url(../images/imgbg.png) center center no-repeat;
	background-size: 80% auto
}

.fh-lbbox .img img {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.fh-lbbox .name {
	line-height: 20px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fh-lbbox .tool {
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	margin-top: 10px
}

.fh-lbbox .tool .btn {
	float: right;
	padding: 0 10px;
	color: #fff;
	border-radius: 4px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fh-lbbox .tool .btn:hover {
	opacity: 0.8
}

.fh-lbbox .tool .btn.lq {
	background-color: #f63
}

.fh-lbbox .tool .btn.th {
	background-color: #fc0
}

.fh-lbbox .tool .btn.yd {
	background-color: #39C
}

.fh-lbbox .tool .btn.done {
	background-color: #888;
	cursor: default
}

.fh-lbbox .tool .btn .icf {
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	transition: all 0.2s;
	width: 0;
	text-indent: -200px
}

.fh-lbbox .tool .btn:hover .icf {
	width: 15px;
	text-indent: 0
}

.fh-lbbox .tool .for {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px
}

.fh-lbbox .tool .for .icf {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	opacity: 0.3
}

.fh-lbbox .tool .for .icf.android {
	color: #9C0
}

.fh-lbbox .tool .for .icf.ios {
	color: #3694D4
}

.fh-lbbox .tool .for .icf.yy {
	color: #666
}

.fh-lblist {
	width: 860px;
	overflow: hidden
}

.fh-lblist .fh-lbbox {
	float: left;
	width: 263px;
	margin: 20px 20px 0 0;
	padding: 15px 15px 15px 130px;
	height: 100px;
	border: 1px solid #eee
}

.fh-lblist .img {
	width: 100px;
	height: 100px;
	left: 15px;
	top: 15px
}

.fh-lblist .img img {
	width: 100%;
	height: 100%
}

.fh-lblist .name {
	line-height: 30px
}

.fh-lblist .info {
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	margin: 5px 0 10px;
	white-space: nowrap
}

.fh-lblist .tool {
	line-height: 35px;
	height: 35px
}

.fh-lblist .tool .btn {
	font-size: 15px
}

.fh-lblist .tool .for .icf {
	line-height: 25px;
	font-size: 16px;
	margin-top: 5px
}

.fh-slblist li {
	border-bottom: 1px solid #eee
}

.fh-slblist li:last-child {
	border-bottom: none
}

.fh-slblist .tool .for .icf {
	line-height: 24px;
	font-size: 16px
}

.fh-slblist .info {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 80px
}

.fh-slblist .time {
	position: absolute;
	right: 0;
	top: 10px;
	line-height: 20px;
	font-size: 12px
}

.fh-kflist {
	widows: 100%;
	overflow: hidden;
	font-size: 12px;
	line-height: 30px
}

.fh-kflist li {
	widows: 100%;
	overflow: hidden;
	padding: 6px 0;
	border-bottom: 1px dashed #eee
}

.fh-kflist li.top {
	padding: 0 0 5px
}

.fh-kflist span {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fh-kflist .time {
	width: 50px
}

.fh-kflist .name {
	width: 80px;
	margin-right: 10px
}

.fh-kflist .title {
	width: 80px;
	margin-right: 10px
}

.fh-kflist .tool {
	width: 30px
}

.fh-kflist .tool .btn {
	display: block;
	width: 28px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 4px
}

.game-box {
	border: 1px solid #eee;
	padding: 15px 15px 15px 130px;
	position: relative;
	overflow: hidden;
	background-color: #fff
}

.game-box .game-stars {
	margin: 5px 0
}

.game-icon {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 15px;
	top: 15px;
	background: #f8f8f8 url(../images/imgbg.png) center center no-repeat;
	background-size: 80% auto
}

.game-icon img {
	height: 100%;
	width: 100%;
	background-color: #fff
}

.game-name {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px
}

.game-info {
	color: #a0a0a0;
	line-height: 20px;
	font-size: 12px
}

.game-for {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 16px
}

.game-for .icf {
	display: block;
	float: left;
	opacity: 0.3
}

.game-for .icf.android {
	color: #97C024
}

.game-for .icf.ios {
	color: #09B3FF
}

.game-for .icf.yy {
	color: #7E878B
}

.game-for .icf.pc {
	color: #FFB235
}

.game-for .icf:hover {
	opacity: 1
}

.game-mes {
	color: #a0a0a0;
	font-size: 12px
}

.game-mes p {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.game-mes a {
	color: #a0a0a0
}

.game-mes a:hover {
	color: #888
}

.game-list-s .game-box {
	border: none;
	padding: 0 0 0 58px;
	height: 48px
}

.game-list-s .game-icon {
	width: 48px;
	height: 48px;
	left: 0;
	top: 0;
	border-radius: 10px
}

.game-list-s li {
	border-bottom: 1px solid #eee;
	padding: 10px 0
}

.game-list-s li:first-child {
	padding-top: 5px
}

.game-list-s li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.game-list-s .game-box:hover {
	box-shadow: none
}

.game-list-s .game-box-num {
	padding-right: 48px
}

.game-list-s .game-box-num .pz-check-num {
	position: absolute;
	right: 0;
	top: 0;
	height: 48px;
	width: 48px;
	border-radius: 50px;
	text-align: center;
	font: 30px/48px Impact;
	color: #fff
}

.text-list {
	color: #a0a0a0
}

.text-list li {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 5px 0;
	border-bottom: 1px dotted #eee
}

.text-list li:before {
	content: "●";
	color: #eee;
	font-size: 12px;
	margin-right: 5px
}

.text-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.text-more {
	float: right;
	font-size: 12px;
	margin-left: 10px
}

.pager {
	padding: 40px 0 20px;
	text-align: center;
	font-size: 16px
}

.pager span,.pager a {
	display: inline-block;
	margin: 0 4px;
	padding: 2px 15px;
	border: 1px solid #eee;
	line-height: 34px
}

.pager a:hover {
	background-color: #0cc6c6;
	color: #fff;
	border-color: #0cc6c6
}

.pager span {
	background-color: #f8f8f8;
	cursor: default;
	color: #a0a0a0
}

.pager span.act {
	background-color: #0cc6c6;
	border-color: #0cc6c6;
	color: #fff
}

.pager span.ect {
	background-color: #fff;
	border-color: #fff
}

.pager-select {
	float: right;
	margin-left: 3px;
	padding: 2px 10px;
	border: 1px solid #eee;
	width: 83px;
	position: relative;
	*zoom: 1;
	z-index: 22;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px
}

.pager-select ol {
	position: absolute;
	left: -1px;
	top: 28px;
	width: 103px;
	overflow: hidden;
	display: none;
	background: #fff;
	border: 1px solid #eee
}

.pager-select ol a {
	display: block;
	margin: 0;
	text-align: left;
	border: 0
}

.pager-select ol.act {
	display: block;
	height: 112px;
	overflow-y: scroll
}

.pager-more {
	float: left
}

.foot {
	width: 100%;
	background-color: #fff;
	border-top: 3px solid #0cc6c6
}

.foot-box {
	width: 1200px;
	margin: 0 auto;
	font-size: 12px
}

.foot-line {
	text-align: center;
	line-height: 60px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	position: relative
}

.foot-line a,.copyright a {
	color: #a0a0a0
}

.foot-line a:hover,.copyright a:hover {
	color: #0cc6c6
}

.copyright {
	text-align: center;
	color: #a0a0a0;
	padding: 15px 0
}

.copyright p {
	margin: 5px 0
}

.foot-nav {
	width: 100%;
	overflow: hidden;
	padding: 30px 0
}

.foot-nav dl {
	float: left;
	padding: 0 39px 0;
	max-width: 85px;
	border-right: 1px solid #eee;
	line-height: 24px
}

.foot-nav dl dt {
	margin-bottom: 5px;
	font-size: 16px
}

.foot-nav .short {
	width: 52px
}

.foot-nav .long {
	max-width: 135px
}

.foot-nav dd {
	float: left;
	width: 41px
}

.foot-nav .long dd {
	float: left;
	width: 45px
}

.foot-nav .last {
	max-width: 285px;
	border-right: none
}

.foot-nav .last dd {
	float: left;
	width: 80px;
	padding-right: 15px;
	height: 24px;
	overflow: hidden
}

.backtotop {
	display: none;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border: 1px solid #eee;
	position: fixed;
	right: 10px;
	bottom: 210px;
	cursor: pointer;
	z-index: 999;
	text-align: center;
	font-size: 36px
}

.backtotop:hover {
	border-color: #0cc6c6;
	background-color: #0cc6c6;
	color: #fff
}

.backtotop:hover .icf {
	color: #fff
}

.gd {
	overflow: hidden
}

.gd img {
	display: block;
	width: 100%;
	height: auto
}

.sub-gd-in {
	margin-bottom: 10px
}

.fh-index-slider {
	width: 891px;
	height: 190px;
	position: relative;
	overflow: hidden
}

.fh-index-slider a {
	float: left;
	display: block;
	width: 286px;
	height: 190px;
	position: relative;
	margin-right: 11px
}

.fh-index-slider a img {
	width: 100%;
	height: 100%;
	object-position: cover;
	object-fit: cover;
	display: block
}

.fh-index-slider a span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 256px;
	padding: 0 15px;
	text-align: center;
	line-height: 40px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fh-index-slider .slidesjs-navigation {
	position: absolute;
	top: 0;
	width: 35px;
	background-color: #fff;
	line-height: 180px;
	text-align: center;
	font-size: 30px;
	margin: 0
}

.fh-index-slider .slidesjs-previous {
	left: 0
}

.fh-index-slider .slidesjs-next {
	right: 0
}

.cl-show {
	width: 100%;
	overflow: hidden
}

.class-list {
	overflow: hidden;
	position: relative;
	border-top: 1px dashed #eee;
	padding: 10px 10px 0 75px
}

.class-list-check {
	padding-right: 75px;
	clear: both
}

.class-list.fl {
	width: 335px
}

.class-list dt {
	font-size: 12px;
	color: #666;
	display: block;
	height: 22px;
	line-height: 22px;
	position: absolute;
	left: 10px;
	top: 10px
}

.class-list dd {
	float: left;
	height: 22px;
	line-height: 20px;
	display: block;
	text-align: center;
	padding: 0 6px 10px 0;
	font-size: 12px
}

.class-list dd a {
	padding: 0 12px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	border: 1px solid #eee;
	background-color: #fff;
	height: 20px;
	color: #666;
	position: relative
}

.class-list dd.class-more {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0;
	background-color: #f4ffff;
	color: #0cc6c6;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	width: 50px;
	border: 1px solid #eee;
	cursor: pointer
}

.class-list dd a.active,.class-list dd a:hover,.class-list dd.class-more:hover {
	background-color: #0cc6c6;
	color: #fff;
	border-color: #00ABAB
}

.cl-more {
	border-top: 1px solid #eee;
	line-height: 20px;
	text-align: center;
	color: #999
}

.cl-more span {
	display: block;
	margin-left: 75px;
	border: 1px solid #eee;
	border-top: 0;
	width: 60px;
	font-size: 12px;
	cursor: pointer
}

.cl-more span:hover {
	color: #0cc6c6
}

.class-list dd a.active:after {
	content: "×";
	position: absolute;
	right: 0;
	top: 0;
	color: #00ABAB;
	line-height: 10px
}

.class-list dd a.active:hover:after {
	color: #fff
}

.fh-lbgame {
	position: relative;
	padding-left: 120px
}

.fh-lbgame .name {
	line-height: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 9px;
	margin-bottom: 10px;
	position: relative
}

.fh-lbgame .name h1 {
	font-size: 18px;
	font-weight: bold
}

.fh-lbgame .name .more {
	position: absolute;
	right: 0;
	top: 0
}

.fh-lbgame .img {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0
}

.fh-lbgame .img img {
	width: 100%;
	height: 100%
}

.fh-lbgame .info {
	line-height: 20px;
	margin-top: 10px
}

.fh-lbgame .down {
	margin-top: 10px
}

.fh-lbgame .down .form-btn {
	margin: 0 2px
}

.fh-lblist-noimg .type {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 15px;
	top: 15px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	padding: 10px
}

.fh-lblist-noimg .type .icf {
	display: block;
	font-size: 50px;
	line-height: 50px
}

.fh-lblist-noimg .type a {
	color: #fff
}

.fh-lblist-noimg .type.type1 {
	background-color: #0cc6c6
}

.fh-lblist-noimg .type.type2 {
	background-color: #39C
}

.fh-lblist-noimg .type.type3 {
	background-color: #f90
}