@charset "utf-8";

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

article,
aside,
blockquote,
body,
button,
code,
details,
div,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
hr,
input,
legend,
menu,
nav,
p,
pre,
section,
td,
textarea,
th {
	margin: 0;
	padding: 0
}

body,
html {
	color: #333;
	font: normal 14px/1.5 "Helvetica Neue", HelveticaNeue, Helvetica-Neue, Helvetica, '\5fae\8f6f\96c5\9ed1';
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none
}

body {
	background-color: #f2f2f2;
	font-size: 14px;
	font-family: 'Microsoft YaHei', 'Lucida Grande', SimSun, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	max-width: 840px;
	margin: 0 auto
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

dd,
dl,
dt,
li,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: 400
}

article,
aside,
header,
menu,
nav,
section {
	display: block
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

b,
em,
i,
s,
strong,
u {
	font-style: normal;
	font-weight: 400;
	text-decoration: none
}

q:after,
q:before {
	content: ''
}

button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: 0
}

legend {
	color: #333
}

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

audio,
canvas,
video {
	display: inline-block
}

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

a:link {
	text-decoration: none
}

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

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

q:after,
q:before {
	content: ''
}

abbr,
acronym {
	border: 0
}

a {
	color: #333
}

a:hover {
	color: red;
	text-decoration: none
}

.d1,
.new {
	color: #f26c4f !important
}

.d0,
.old {
	color: #999 !important
}

.hot {
	color: #f26c4f
}

.cf:after,
.cf:before {
	display: table;
	content: " ";
	line-height: 0
}

.cf:after {
	clear: both
}

.none {
	display: none
}

.star0,
.star1,
.star2,
.star3,
.star4,
.star5,
.stars1,
.stars2,
.stars3,
.stars4,
.stars5 {
	background: url(../images/stars.png) no-repeat;
	width: 84px;
	height: 13px;
	display: block
}

.star1,
.stars1 {
	background-position: 0 -26px
}

.star2,
.stars2 {
	background-position: 0 -52px
}

.star3,
.stars3 {
	background-position: 0 -78px
}

.star4,
.stars4 {
	background-position: 0 -104px
}

.star5,
.stars5 {
	background-position: 0 -130px
}

.c-focus {
	width: 100%;
	height: 120px;
	overflow: hidden;
	margin: 0 auto
}

.focus-pic li {
	height: 120px;
	overflow: hidden;
	float: left;
	position: relative
}

.focus-pic li b {
	position: absolute;
	bottom: 5px;
	left: 4%;
	width: 92%;
	font-weight: 400;
	color: #fff;
	z-index: 111;
	font-size: 14px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	display: block
}

.focus-pic li div {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 35px;
	background-color: #000;
	width: 100%;
	opacity: .6
}

.focus-pic img {
	width: 100%;
}

#wrapper8 {
	position: relative
}

.circle {
	position: absolute;
	left: 0;
	top: 60px;
	height: 10px;
	width: 100%;
	text-align: center
}

.circle span {
	display: inline-block;
	margin: 0 2px;
	text-indent: -9999px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff
}

.circle .active {
	background-color: #4dba50
}

.on {
	display: block
}

.top {
	position: relative;
	height: 42px;
	padding: 10px 50px 10px 97px;
	z-index: 20;
	background: #000
}

.top a {
	color: #fff
}

#nav_left_layout {
	position: absolute;
	height: 30px;
	width: 96%;
	padding: 0 2%;
	z-index: 1;
	max-width: 820px
}

.y-banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 10px;
	background: #fff
}

.y-banner .subnava {
	margin: 10px 2%;
	height: 100px;
	width: 96%
}

.y-banner .subnava li {
	height: 75px;
	width: 160px;
	float: left;
	margin-right: 10px
}

.y-banner .subnav_img {
	height: 130px
}

.y-banner .subnava img {
	width: 100%;
	height: 75px;
	margin: 0
}

.y-banner .subnava b {
	width: 100%;
	display: block;
	height: 20px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 10px;
	line-height: 20px;
	position: inherit;
	color: #000
}

#index {
	max-width: 840px;
	margin: 0 auto
}

.y-banner .subnavs {
	margin: 10px 2%;
	height: 90px;
	width: 96%
}

.y-banner .subnavs li {
	height: 90px;
	width: 75px;
	float: left;
	margin-right: 19px;
	text-align: center
}

.y-banner .subnavs img {
	width: 60px;
	height: 60px;
	border-radius: 7px;
	margin: 0
}

.y-banner .subnavs b {
	width: 100%;
	display: block;
	height: 20px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 10px;
	line-height: 20px;
	position: inherit;
	color: #000
}

.list-hot .subnavs {
	margin: 10px 2% 0 2%;
	height: 130px;
	width: 96%
}

.list-hot .subnavs li {
	height: 110px;
	width: 75px;
	float: left;
	margin-right: 19px;
	text-align: center
}

.list-hot .subnavs img {
	width: 100%;
	height: 90px;
	margin: 0
}

.list-hot .subnavs b {
	width: 100%;
	display: block;
	height: 20px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 10px;
	line-height: 20px;
	position: inherit;
	color: #000;
	margin-top: 0
}

.conas {
	padding: 10px 0
}

.eva.tse.a1 {
	margin-bottom: 10px
}

.com.a3,
.com_c {
	/* padding-top:10px */
}

.pop {
	display: none;
	width: 100%;
	height: 415px;
	position: absolute;
	top: 467px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 130;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 3px 18px rgba(100, 0, 0, .5)
}

.pop-foot {
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-top: 1px #e5e5e5 solid;
	text-align: right
}

.pop-cancel,
.pop-ok {
	padding: 8px 15px;
	margin: 15px 5px;
	border: none;
	border-radius: 5px;
	background-color: #337ab7;
	color: #fff;
	cursor: pointer
}

.pop-cancel {
	background-color: #fff;
	border: 1px #cecece solid;
	color: #000
}

.bgPop {
	display: none;
	position: absolute;
	z-index: 129;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2)
}

.header {
	display: -webkit-box;
	display: box;
	height: 30px;
	background: #fff;
	padding: 6px 0;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #f2f2f2
}

.logo {
	background: url(/logo.png) no-repeat 0 1px;
	width: 95px;
	height: 30px;
	margin-left: 1%;
	background-size: 100%;
	display: block
}

.seek {
	background: url(../images/ss_02.png) no-repeat;
	width: 27px;
	height: 27px;
	float: right
}

.nav {
	background: #fff;
	width: 100%;
	height: 40px;
	overflow: hidden
}

.nav a {
	display: inline-block;
	width: 20%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #000;
	float: left
}

.nav a.on {
	color: #f0715c
}

.shu-top {
	display: none;
	z-index: 1 !important;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	background: #f2f2f2
}

.shu-top ul {
	width: 100%;
	overflow: hidden;
	background: #f2f2f2
}

.shu-top p {
	border-top: 1px solid #ccc;
	width: 90%;
	margin: 0 5%
}

.shu-top p span {
	padding: 5px 10px;
	float: right;
	margin: 20px 0;
	background: #fff;
	border-radius: 5px
}

a.click_pop {
	position: absolute;
	right: 35px;
	top: 10px;
	font-size: 16px;
	color: #f0715c
}

.searcha {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border: 0;
	position: absolute;
	right: 0;
	top: 8px
}

.searcha .btn-searcha {
	width: 30px;
	height: 30px;
	background: url(../images/s.png) no-repeat 5px center;
	border: 0;
	background-size: 20px
}

.imgH {
	overflow: hidden;
	padding-bottom: 2%;
	background-color: #ebeef3
}

.focus {
	margin-top: 10px;
	height: 189px;
	overflow: hidden;
	padding: 0 4%
}

.main_visual {
	overflow: hidden;
	position: relative
}

.main_image {
	overflow: hidden;
	height: 189px;
	position: relative
}

.main_image ul {
	width: 9999px;
	height: 189px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.main_image li {
	float: left;
	width: 100%;
	height: 189px
}

.main_image li img {
	width: 414px;
	height: 189px
}

.main_image li span {
	position: absolute;
	display: block;
	width: 80%;
	bottom: 12px;
	right: 0;
	color: #fff;
	text-align: right;
	padding-right: 20px
}

.main_image li a {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}

.flicking_con {
	position: absolute;
	bottom: 10px;
	left: 20px;
	z-index: 999;
	width: 200px;
	height: 21px
}

.flicking_con a {
	float: left;
	width: 21px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: url(../images/btn_main_img.png) 0 0 no-repeat;
	display: block;
	text-indent: -1000px
}

.flicking_con a.on {
	background-position: 0 -21px
}

.sImg {
	margin: 2%
}

.sImg li {
	float: left;
	margin-left: 2.4%;
	width: 22%
}

.sImg li img {
	width: 100%
}

.subnavs {
	height: 150px;
	overflow: hidden;
	margin: 0;
	width: 100%
}

.subnav_img {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	height: 500px
}

.subnav_img ul {
	white-space: nowrap;
	width: 3000px;
	height: auto
}

.subnavs li {
	float: left;
	width: 375px;
	height: 240px;
	text-align: center;
	margin-right: 10px;
	position: relative
}

.subnavs li b {
	position: absolute;
	left: 0;
	top: 120px;
	overflow: hidden;
	height: 30px;
	width: 96%;
	text-align: center;
	line-height: 30px;
	z-index: 1;
	color: #fff
}

.subnavs li div {
	position: absolute;
	left: 0;
	top: 120px;
	width: 100%;
	height: 30px;
	background: #000;
	opacity: .5
}

.subnavs li img {
	width: 100%;
	position: relative;
	margin-top: -20px
}

.hotInf {
	margin-top: 3%;
	background-color: #fff;
	overflow: hidden
}

.t1 {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	padding-left: 4%;
	background-size: 3px;
	border-bottom: 1px #d3d3d3 solid;
	color: #000
}

.t1 a {
	float: right;
	color: #999;
	padding-right: 4%;
	font-size: 12px;
	/* background:url(../images/jiantou1.png) 0 0 no-repeat */
}

.list1 {
	overflow: hidden;
	padding: 0 4%;
	margin-bottom: 20px
}

.list1 li {
	height: 48px;
	line-height: 48px;
	border-bottom: 1px #d5d5d5 dotted;
	overflow: hidden
}

.list1 li a {
	height: 20px;
	line-height: 20px;
	display: inline-block;
	overflow: hidden
}

.hotPac {
	display: block;
	background-color: #fff;
	margin-top: 3%;
	overflow: hidden;
	padding-bottom: 20px
}

.box1 {
	margin: 0 4%;
	height: 100px;
	padding-left: 86px;
	position: relative;
	border-bottom: 1px #eee solid
}

.box1 img {
	position: absolute;
	width: 72px;
	height: 72px;
	top: 15px;
	left: 0
}

.box1 h1 {
	font-size: 16px;
	padding: 15px 0 5px 0;
	color: #f0715c
}

.box1 h4 {
	font-size: 16px;
	padding: 15px 0 0 0;
	color: #f0715c
}

.box1 h4 a {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	display: inline-block
}

.box1 p {
	font-size: 12px;
	color: #7a7a7a;
	margin-bottom: 5px;
	padding: 0 !important
}

.box1 p i {
	display: inline-block;
	margin-left: 4px;
	color: #4fae50
}

.box1 p span img {
	height: 16px !important;
	left: 85px !important;
	top: 68px !important
}

.bt1,
.bt2 {
	position: absolute;
	top: 50px;
	right: 0;
	width: 64px;
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none
}

.bt1 {
	border: 1px #f0715c solid;
	color: #f0715c
}

.bt2 {
	border: 1px #45a11a solid;
	color: #45a11a
}

.bt3a {
	border: 1px #f0715c solid;
	color: #f0715c
}

.author {
	background: url(../images/banner.png) no-repeat center center;
	padding: 20px 0;
	overflow: hidden
}

.author_desc {
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 24px
}

.author i {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background: url(../images/tb4.png) no-repeat;
	display: block
}

.author h2 {
	width: 100%;
	height: 20px;
	text-align: center;
	margin: 10px 0 25px 0;
	font-size: 20px;
	font-weight: 700
}

.author span {
	width: 100%;
	text-align: center;
	display: block;
	height: 20px;
	overflow: hidden;
	color: #999
}

.author-intro {
	background: #fff;
	overflow: hidden
}

.author-intro div {
	padding: 0 2%;
	line-height: 25px;
	margin: 15px 0
}

section.catalog.a3 {
	border-bottom: 10px solid #f2f2f2
}

.catalog {
	background: #fff;
	overflow: hidden;
	height: 40px;
	margin-top: 1px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px
}

.catalog p {
	position: absolute;
	left: 4%;
	top: 6px;
	font-size: 18px
}

.catalog a {
	color: #666;
	font-size: 14px
}

.catalog b {
	float: left;
	margin-right: 5px
}

.catalog i {
	float: left;
	background: url(../images/jiantou1.jpg) no-repeat 0 4px;
	padding-right: 3px;
	width: 5px;
	height: 18px
}

.gameLib {
	display: block;
	background-color: #fff;
	margin-top: 3%;
	overflow: hidden;
	padding-bottom: 20px
}

.box2 {
	float: left;
	margin-left: 4%;
	margin-top: 20px;
	width: 46%;
	height: 72px;
	position: relative
}

.box2 img {
	float: left;
	margin-right: 10px;
	width: 72px;
	height: 72px
}

.box2 h4 {
	font-size: 16px;
	margin-left: 10px;
	overflow: hidden
}

.bt2 {
	position: absolute;
	display: inline-block;
	top: 50px !important;
	left: 83px !important;
	height: 20px;
	line-height: 20px;
	width: 50px
}

.box2 p {
	position: absolute;
	display: inline-block;
	top: 25px !important;
	left: 81px !important
}

.box2 p img {
	height: 16px
}

#chapter {
	background: #faf6ee
}

#chapter .header,
#chapter .inner {
	display: none
}

#chapter .header {
	position: fixed;
	top: 0
}

section.main.ts {
	padding: 0 4% 0 4%
}

section.main.ta {
	background: 0 0
}

.eva.ts {
	margin-top: 10px
}

.eva {
	margin-top: 10px;
	overflow: hidden;
	background-color: #fff
}

.evaimg {
	margin: 10px 0 0 0;
	overflow: hidden
}

.evaimg li {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	width: 92%;
	margin: 0 4%;
	position: relative
}

.evaimg li a {
	position: absolute;
	left: 0;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	display: block;
	width: 100%
}

.evaimg li em {
	position: absolute;
	right: 0;
	color: #999;
	width: 15px;
	height: 30px;
	display: block
}

.evaimg li em.ku-em01 {
	background: url(../images/xzai_b.png) no-repeat 0;
	background-size: 15px
}

.eva-01 {
	width: 200px;
	display: block;
	border: 1px solid red;
	padding: 5px 10px;
	margin: 20px auto;
	text-align: center;
	border-radius: 5px
}

.kai {
	margin-top: 3%;
	overflow: hidden;
	background-color: #fff
}

.t2 {
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	color: #333;
	background-size: 3px;
	border-bottom: 1px #d3d3d3 solid;
	margin: 0 4% 10px 4%
}

.t2 ul {
	float: left
}

.t2 ul li {
	float: left;
	height: 46px;
	line-height: 46px;
	padding: 0 15px
}

.t2 a {
	float: right;
	color: #000;
	padding-right: 4%
}

.on2 {
	border-bottom: 3px #f0715c solid;
	color: #f0715c
}

.kai h5 {
	height: 48px;
	line-height: 48px;
	color: #999;
	font-size: 16px;
	overflow: hidden;
	margin: 0 4% 0 4%;
	border-bottom: 1px #e4e4e4 solid
}

.kai h5 span {
	float: left;
	width: 41%
}

.kai h5 i {
	float: left;
	width: 25%
}

.kaiList p {
	display: block;
	height: 48px;
	line-height: 48px;
	margin: 0 4% 0 4%;
	border-bottom: 1px #d5d5d5 dotted
}

.kaiList p a {
	display: inline-block;
	width: 41%
}

.kaiList p i {
	display: inline-block;
	width: 25%;
	color: #4fae50
}

.link {
	margin-top: 3%;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 6px
}

.link p {
	margin: 0 4% 0 4%;
	padding-top: 6px
}

.link p a {
	display: inline-block;
	margin-right: 20px;
	color: #999;
	text-decoration: none;
	height: 30px;
	line-height: 30px
}

.footer {
	height: 54px;
	line-height: 54px;
	text-align: center;
	background-color: #fff;
	margin-top: 3%;
	overflow: hidden
}

.artB {
	margin-top: 3%;
	background-color: #fff;
	padding: 3% 4% 0 4%
}

.artB dl {
	overflow: hidden
}

.artB dl dt {
	position: relative;
	width: 100%;
	margin-bottom: 15px
}

.artB dl dt img {
	width: 100%
}

.artB dl dt em {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: 4px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.artB dl dd a img {
	width: 110px;
	float: left;
	margin-right: 3%
}

.artB dl dd {
	border-bottom: 1px #dedede solid;
	overflow: hidden;
	margin: 3% 0 3% 0;
	padding-bottom: 3%;
	font-size: 18px;
	line-height: 1.5em
}

.artB dd:last-child {
	border-bottom: none
}

.m1 {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	text-align: center;
	color: #666;
	background-color: #fff;
	margin-top: 3%;
	border-top: 2px #f0f0f0 solid
}

.tit1 {
	height: 40px;
	line-height: 40px;
	background-color: #f4f4f4;
	color: #000;
	font-size: 16px;
	padding-left: 4%
}

.tit1 a {
	display: inline-block;
	text-indent: -9999px;
	width: 30px;
	background: url(../images/goback.png) left 12px no-repeat;
	background-size: 15px;
	float: left;
	display: inline
}

.tit1 h1 {
	float: left;
	display: inline
}

section.main.ta h1 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px
}

.main {
	background-color: #fff;
	overflow: hidden;
	padding: 0 4% 25px 4%
}

.main h1 {
	font-size: 20px;
	font-weight: 700;
	padding: 15px 0 10px 0
}

.main h5 {
	color: #999;
	padding-bottom: 15px;
	line-height: 20px
}

.main h5 a {
	font-size: 12px;
	margin-right: 10px;
	color: #999
}

.main h5 i {
	display: inline-block;
	font-size: 12px;
	margin-right: 10px
}

.main h5 em {
	width: 50px;
	float: right;
	font-size: 12px
}

#article .main p,
#chapter,
#details p {
	font-size: 16px
}

.main p {
	line-height: 30px;
	text-align: justify;
	overflow: hidden
}

.main p a {
	color: #ea6f5a
}

.main p strong {
	font-weight: 900
}

.main p img {
	width: 100%;
	float: left;
	margin: 15px 0;
	display: none
}

.artImg img {
	width: 100%;
	margin: 4% 0
}

.main h3 {
	padding: 0 4% 0 10% !important;
	font-size: 16px;
	background: #f6f6f6 url(../images/gameicon.png) no-repeat 4% 8px;
	margin: 10px 0;
	color: #f0715c;
	height: auto;
	line-height: 35px
}

.abA {
	margin-top: 3%;
	background-color: #fff;
	padding-bottom: 15px
}

.com {
	margin-top: 3%;
	background-color: #fff;
	padding-bottom: 5px
}

.com .t1 a {
	padding-right: 30px;
	background: url(../images/bk2.png) 75px 12px no-repeat;
	background-size: 10px;
	color: #999
}

.bt3 {
	display: block;
	width: 92%;
	margin: 3% 4%;
	height: 48px;
	line-height: 48px;
	border: 1px #f0715c solid;
	border-radius: 8px;
	color: #f0715c;
	text-align: center;
	font-size: 16px;
	background: url(../images/pl.png) 30% center no-repeat;
	background-size: 20px
}

.com dl {
	position: relative;
	margin: 0 4% 0 4%;
	padding: 10px 0 15px 58px;
	border-bottom: 1px #dedede solid
}

.com dl dt {
	position: absolute;
	top: 12px;
	left: 0;
	width: 48px
}

.com dl dt img {
	width: 48px;
	border-radius: 24px
}

.com dl dd a {
	color: #666;
	text-decoration: none;
	font-size: 12px
}

.com dl dd p {
	line-height: 1.6em;
	padding-top: 5px;
	color: #999
}

.com dl dd time {
	padding-top: 10px;
	display: inline-block;
	width: 50%;
	color: #999;
	font-size: 12px
}

.com dl dd em,
.com dl dd i {
	display: inline-block;
	background: url(../images/pl_i.png) left center no-repeat;
	background-size: 16px;
	padding: 0 10px 0 20px;
	color: #666
}

.com dl dd em {
	background-image: url(../images/love.png)
}

.nav2 {
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	margin: 0 4%
}

.nav2 p {
	display: inline-block;
	width: 15%;
	text-align: center;
	font-size: 16px
}

.nav2 p a {
	display: block
}

.on3 a {
	border: 1px #f0715c solid;
	display: block;
	height: 28px;
	line-height: 28px;
	color: #f0715c;
	border-radius: 5px
}

.vidBox {
	background-color: #fff;
	padding: 3% 4% 0 4%
}

.vidC {
	padding-bottom: 15px
}

.vidBox a {
	display: block;
	position: relative
}

.vidBox a i {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 48px;
	height: 48px;
	background: url(../images/vid.png) 0 0 no-repeat;
	background-size: 48px
}

.vidBox a img {
	width: 100%
}

.vidBox h5 {
	height: 48px;
	line-height: 48px;
	border-bottom: 1px #dedede solid
}

.gamelib {
	background-color: #fff;
	overflow: hidden
}

.gamelib .box1 h4 {
	padding-top: 12px;
	overflow: hidden;
	height: 20px
}

.gamelib .box1:last-child {
	border-bottom: none
}

p.st {
	padding-top: 5px;
	overflow: hidden
}

.st span {
	float: left;
	width: 80px;
	height: 16px;
	margin-top: 3px;
	background-size: 80px
}

.st em {
	float: left
}

.st em i {
	font-size: 18px
}

.nav3 li {
	width: 50%
}

.openBox {
	background: #fff url(../images/l-1.png) 18px top repeat-y;
	overflow: hidden
}

.openBox .box1 h4 {
	padding-top: 12px
}

.openBox .box1:last-child {
	border-bottom: none
}

.openBox .box1 {
	margin-left: 8%
}

.openBox h5 {
	background: url(../images/yq.png) 12px center no-repeat;
	background-size: 14px;
	height: 26px;
	line-height: 26px;
	padding-left: 8%;
	margin-top: 4%
}

.openBox h5 i {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	background: #e09439
}

.openBox h5 i.old {
	background-color: #bbb
}

.openBox .st i {
	font-size: 16px
}

.gameClass {
	background-color: #fff;
	padding-bottom: 3%;
	overflow: hidden
}

.gameClass dl {
	margin-left: 4%;
	margin-top: 3%;
	width: 20%;
	float: left;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px #f0b639 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.gameClass dl dt {
	padding-bottom: 10px;
	border-bottom: 1px #dedede solid;
	font-size: 14px;
	color: #000
}

.gameClass dl dt i {
	display: block;
	height: 38px;
	background: url(../images/icon.png) center 10px no-repeat;
	background-size: 26px
}

.gameClass .c2 i {
	background-position: center -25px
}

.gameClass .c3 i {
	background-position: center -55px
}

.gameClass .c4 i {
	background-position: center -90px
}

.gameClass .c5 i {
	background-position: center -122px
}

.gameClass .c6 i {
	background-position: center -153px
}

.gameClass .c7 i {
	background-position: center -186px
}

.gameClass .c8 i {
	background-position: center -219px
}

.gameClass dl dd {
	height: 38px;
	line-height: 38px;
	margin: 0 5px;
	border-bottom: 1px #dedede solid
}

.gameClass dl dd a {
	display: block;
	color: #838383
}

.rank {
	background-color: #fff;
	overflow: hidden
}

.rank ul {
	margin: 0 4%;
	padding: 10px 0;
	border-bottom: 1px #dedede solid
}

.rank ul li {
	display: inline-block;
	width: 25%;
	text-align: center
}

.on4 {
	background-color: #f0715c;
	border-radius: 6px;
	padding: 6px 0;
	color: #fff
}

.rank .box1 img {
	left: 30px
}

.rank .box1 {
	padding-left: 114px
}

.n1,
.n10,
.n2,
.n3,
.n4,
.n5,
.n6,
.n7,
.n8,
.n9 {
	width: 24px;
	height: 22px;
	position: absolute;
	background: url(../images/num.png) center 0 no-repeat;
	background-size: 24px;
	left: 0;
	top: 40px
}

.n2 {
	background-position: center -24px
}

.n3 {
	background-position: center -48px
}

.n4 {
	background-position: center -72px
}

.n5 {
	background-position: center -96px
}

.n6 {
	background-position: center -120px
}

.n7 {
	background-position: center -144px
}

.n8 {
	background-position: center -168px
}

.n9 {
	background-position: center -192px
}

.n10 {
	background-position: center -216px
}

.gameInfo.ts {
	margin-top: 1px
}

.gameInfo {
	background-color: #fff;
	overflow: hidden
}

.gameInfo .t2 ul {
	width: 100%
}

.gameInfo .t2 ul li {
	float: left;
	width: 20%;
	padding: 0;
	text-align: center;
	font-size: 16px
}

.gameInfo ol {
	margin: 0 4%;
	padding: 3% 0
}

.gameInfo ol li {
	display: inline-block;
	height: 1.7em;
	line-height: 1.7em;
	width: 50%;
	color: #666;
	overflow: hidden
}

.lab {
	margin: 0 4%;
	padding-bottom: 4%;
	margin-top: 20px
}

.lab a {
	text-align: center;
	padding: 6px 15px;
	margin-right: 3%;
	border: 1px #4fae50 solid;
	color: #4fae50;
	text-decoration: none
}

.gameInfo p {
	line-height: 1.7em;
	color: #666
}

.cons.ku01 {
	padding: 0 2%
}

.gameInfo p strong {
	font-weight: 900
}

.gameInfo h3 {
	padding: 0 4% 0 10% !important;
	font-size: 16px;
	background: #f6f6f6 url(../images/gameicon.png) no-repeat 4% 8px;
	margin: 10px 0;
	color: #f0715c;
	height: 35px;
	line-height: 35px
}

.appImg {
	margin-top: 3%;
	padding: 3% 4%;
	background-color: #fff
}

.appImg img {
	width: 100%
}

.and {
	padding: 4% 4% 2% 4%;
	border-bottom: 1px #dedede solid;
	font-size: 16px
}

.game01 {
	overflow: hidden;
	padding: 0 0 20px 0;
	background: #fff;
	margin-top: 10px
}

.game01 ul li {
	height: 20px;
	margin: 20px 20px 0 20px;
	position: relative
}

.game01 ul li img {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	border-radius: 2px
}

.game01 ul li b {
	position: absolute;
	left: 30px;
	top: 0;
	font-weight: 100;
	height: 20px;
	overflow: hidden;
	display: block;
	padding-right: 60px
}

.game01 ul li em {
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #999
}

.kuxx img {
	width: 100%
}

.kudown {
	padding: 0 0 0 2%;
	overflow: hidden;
	background-color: #fff
}

.gameInfo a.as,
.kudown a,
.kudown em {
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	margin: 0 2% 10px 0;
	color: #fff;
	text-align: center;
	/* background:#f0715c; */
	width: 48%;
	float: left;
	box-sizing: border-box;
}

.gameInfo a.btn1.btn,
.kudown a.btn1.btn {
	/* background:#f0715c; */
	float: right;
	border: 1px solid #3ca5f6;
	box-sizing: border-box;
}

.gameInfo a.btn2.btn,
.kudown a.btn2.btn {
	background: #00adef
}

.gameInfo a.btn3.btn,
.kudown a.btn3.btn {
	width: 100%;
	margin: 0 0 10px 0
}

.kudown a.btn3 {
	width: 98%;
	background: 0 0;
	color: #f0715c;
	border: 1px solid #f0715c
}

.kudown em {
	background: #ccc
}

a.down-appstore {
	background: #00adef
}

.gameInfo .btn4,
.kudown .btn4 {
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	margin: 0 2% 10px 0;
	color: #fff;
	text-align: center;
	background: #00adef;
	width: 48%;
	float: left
}

.weixin {
	display: none;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 129
}

.weixin div.hides {
	position: absolute;
	left: 10px;
	top: 4px;
	cursor: pointer;
	z-index: 999;
	height: 18px;
	font-size: 20px
}

.weixin p u {
	font-size: 16px;
	font-weight: 900;
	color: #f0715c
}

.wx_01 {
	width: 100%;
	text-align: center;
	position: relative
}

.wx_01 h4 {
	font-size: 18px;
	text-align: center;
	background: #f0715c;
	height: 40px;
	line-height: 40px;
	color: #fff
}

.wx_01 .img {
	width: 200px;
	height: 200px;
	margin: 30px auto 0 auto;
	position: inherit;
	left: 0;
	top: 0;
	background: url(../images/1.jpg) no-repeat;
	background-size: 199px
}

.wx_01 .img01 {
	background: url(../images/2.jpg) no-repeat;
	background-size: 199px
}

.wx_01 p {
	height: 35px;
	line-height: 30px;
	margin: 20px auto 0 auto;
	font-size: 14px !important;
	width: 272px;
	text-align: left;
	overflow: initial
}

.wx_01 p i {
	text-transform: uppercase;
	background: #f0715c;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	width: 80px;
	text-align: center;
	margin-left: 15px;
	padding: 5px 10px
}

#fuzhi {
	display: none;
	width: 100%;
	z-index: 999
}

#fuzhi b,
#fuzhi h5 {
	height: 50px;
	width: 90%;
	margin: 0 5%;
	line-height: 50px;
	text-align: center;
	background: #999;
	color: #000;
	display: block;
	font-size: 20px;
	border-radius: 5px 5px 0 0;
	font-weight: 900
}

#fuzhi b {
	border-radius: 0;
	font-size: 16px;
	line-height: 50px
}

#fuzhi u {
	font-size: 16px;
	color: #000;
	font-weight: 900
}

#fuzhi div {
	height: 50px;
	width: 90%;
	margin: 0 5%;
	line-height: 50px;
	text-align: center;
	background: #f2f2f2;
	cursor: pointer;
	display: block;
	border-radius: 0 0 5px 5px
}

#fuzhi div a {
	float: right;
	width: 49%;
	height: 50px;
	line-height: 50px;
	background: 0 0;
	border-left: 1px solid #ccc;
	color: #000;
	margin: 0
}

#fuzhi div i {
	width: 50%;
	float: left
}

.section-focus-pic {
	margin: 0 auto;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 108px
}

.section-focus-pic ul li {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 400px
}

.section-focus-pic ul li div {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	background-color: #000;
	width: 100%;
	opacity: .6;
	-background: #000
}

.section-focus-pic ul li h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70%;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
	color: #fff;
	margin-left: 20px;
	z-index: 111;
	font-size: 16px;
	font-family: "Microsoft Yahei"
}

.section-focus-pic ul li h3 a {
	color: #fff
}

.section-focus-pic ul li img {
	width: 100%;
	height: 400px
}

.section-focus-pic .pages {
	width: 100%;
	height: 400px
}

.section-focus-pic .controler {
	position: absolute;
	bottom: 12px;
	right: 20px
}

.section-focus-pic .controler b {
	cursor: pointer;
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
	text-indent: 20px;
	background: #f0f0f1;
	border-radius: 100px;
	float: left;
	margin: 0 0 0 5px
}

.section-focus-pic .controler b.down {
	background: #f0715c
}

.ajax-tip {
	position: fixed;
	top: 100px;
	width: 100%;
	text-align: center;
	z-index: 90
}

.ajax-tip .msg {
	background: rgba(0, 0, 0, .85);
	line-height: 42px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5)
}

.tab,
.tab2s {
	margin-top: 10px
}

.taba {
	background: #fff;
	padding-top: 10px;
	margin-top: 0 !important
}

.taba .lista {
	padding: 0 !important
}

.taba ul.menu {
	margin: 0 10px 0 10px !important
}

.tab ul.menu,
.tab2s ul.menu {
	height: 34px;
	background: #fff;
	margin: 0 10px 10px 10px;
	border: 1px solid #f0715c;
	border-radius: 4px
}

.tab2s ul.menu li {
	float: left;
	text-align: center;
	width: 50%;
	height: 34px;
	color: #f0715c;
	line-height: 34px;
	list-style: none;
	font-size: 12px;
	cursor: pointer;
	margin-left: -1px
}

.tab ul.menu li {
	float: left;
	text-align: center;
	width: 25%;
	height: 34px;
	color: #f0715c;
	line-height: 34px;
	list-style: none;
	font-size: 12px;
	cursor: pointer;
	margin-left: -1px
}

.tab ul.menuk li,
.tab2s ul.menuk li {
	width: 33.33% !important
}

.tab ul.menu li:not(:last-child),
.tab2s ul.menu li:not(:last-child) {
	border-right: 1px solid #f0715c
}

.tab ul.menu li.active,
.tab2s ul.menu li.active {
	background: #f0715c;
	color: #fff !important;
	margin-left: 0 !important;
}

.matter ul.menu {
	height: 34px;
	background: #fff;
	margin: 0 10px 10px 10px;
	border-bottom: 2px solid #ccc
}

.matter ul.menu li {
	float: left;
	text-align: center;
	width: 20%;
	height: 34px;
	color: #666;
	line-height: 34px;
	list-style: none;
	font-size: 16px;
	cursor: pointer
}

.matter ul.menu li.active {
	border-bottom: 2px solid #f0715c;
	color: #f0715c;
	margin-left: 0 !important
}

.content_top {
	width: 100%;
	text-align: center;
	margin: 0 auto
}

.content_top p {
	color: #404040;
	position: relative;
	display: inline-block;
	padding: 0 24px;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.content_top .border-l {
	width: 16px;
	height: 14px;
	background: url(../images/zuo.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: 5px;
	left: 0
}

.content_top .border-r {
	width: 16px;
	height: 14px;
	background: url(../images/you.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: 5px;
	right: 0
}

.hotnew-tab {
	width: 20%;
	background: #fff;
	float: left;
	padding-bottom: 17px
}

.hotnew-tab ul.menu {
	overflow: hidden
}

.hotnew-tab ul.menu li {
	width: 100%;
	float: left;
	text-align: center;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2
}

.hotnew-tab ul.menu li.active {
	color: #f0715c;
	border-bottom: 1px solid #f0715c;
	border-top: 1px solid #f0715c
}

.hotnew {
	width: 79%;
	background: #fff;
	float: right;
	margin-bottom: 10px
}

#archive .con {
	padding: 10px 2% 0 2%;
	border-top: 10px solid #f2f2f2
}

.con {
	padding: 0 2%
}

#apkdb {
	width: 96%;
	margin: 0 auto;
	padding: 0 2% 10px 2%;
	overflow: hidden
}

.apkdb_02 {
	width: 100%;
	height: auto
}

.apkdb_02 li {
	padding: 5px .5% 0 0;
	text-align: center
}

.apkdb_02 li a img {
	width: 100%;
	height: 100%;
	border-radius: 3px
}

.apkdb_02 .b_ta {
	padding-right: 20px
}

.top_menu_bara {
	box-sizing: border-box
}

.top_menu_bara::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1000%;
	height: 1px;
	background-image: -webkit-linear-gradient(top, transparent, transparent 40px, #ddd 40px);
	background-size: 1000% 1px;
	background-position: bottom;
	background-repeat: no-repeat
}

.top_menua {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.top_menua::-webkit-scrollbar {
	display: none
}

.top_menu_lista {
	white-space: nowrap;
	background: #009
}

.top_menu_lista ul {
	white-space: nowrap;
	width: 3000px
}

.top_menu_lista ul li {
	position: relative;
	float: left;
	display: inline
}

.apkdb_02 .apkdb_03li img {
	display: block;
	width: 138px;
	height: 220px
}

.apkdb_02 .apkdb_02li img {
	width: 230px;
	height: 140px
}

.list-hot .list_tops {
	width: 96%;
	position: relative;
	height: 70px;
	margin: 15px 2% 5px 2%
}

.list-hot .list_tops img {
	position: absolute;
	left: 0;
	width: 118px;
	height: 70px
}

.list-hot .list_tops b {
	position: absolute;
	left: 130px;
	top: 0;
	font-size: 16px;
	font-weight: 100
}

.list-hot .list_tops p {
	position: absolute;
	left: 130px;
	top: 30px;
	line-height: 20px;
	color: #999;
	font-size: 12px
}

.list-hot {
	margin-top: 10px;
	background: #fff
}

.list-hot ol li {
	height: 50px;
	overflow: hidden;
	position: relative;
	margin: 20px 0 0 0
}

.list-hot ol li em {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	background: #ccc;
	color: #fff
}

.list-hot ol li img {
	position: absolute;
	left: 30px;
	width: 50px;
	height: 50px;
	border-radius: 5px
}

.list-hot ol li b {
	position: absolute;
	left: 90px;
	font-weight: 100;
	display: block;
	height: 20px;
	overflow: hidden
}

.list-hot ol li p {
	position: absolute;
	left: 90px;
	top: 30px;
	font-size: 12px;
	color: #999
}

.list-hot ol li p span {
	color: #10a0ea
}

.list-hot ol li i {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	color: #999
}

.list-hot ol li a.btn01 {
	position: absolute;
	right: 0;
	top: 25px;
	border-radius: 3px;
	padding: 2px 5px;
	color: #fff;
	background: #40c4ff
}

.list-hot ol li.sid_li {
	height: 20px;
	overflow: hidden
}

.list-hot ol li.sid_li b {
	position: absolute;
	left: 30px;
	font-weight: 100;
	display: block;
	height: 20px;
	overflow: hidden
}

.list-hot ol em.c2_em1 {
	background: #55c75d
}

.list-hot ol em.c2_em2 {
	background: #9cd716
}

.list-hot ol em.c2_em3 {
	background: #b4f71c
}

.list-hot ol {
	margin: 0 15px;
	padding-bottom: 15px
}

.list_top {
	width: 100%;
	background: #fff;
	padding-top: 15px
}

.list_t {
	background: #fff;
	height: 35px;
	overflow: hidden;
	background: #f4f4f4;
	line-height: 35px;
	margin: 0 10px;
	border-radius: 4px
}

.list_t a {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0 0 15px 3%;
	padding: 0 5px
}

.list_on {
	color: #f0715c !important
}

#soft .tabs1 {
	margin-top: 55px;
	border-bottom: 0;
	padding: 10px 0 0 0
}

#soft .tabs1 .menu li {
	width: 25%
}

.tabs1 {
	border-top: 10px solid #f2f2f2;
	padding: 10px 0 10px 0;
	background: #fff
}

.tabs1 .menu {
	height: 34px;
	background: #fff;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc
}

.tabs1 .menu li {
	float: left;
	text-align: center;
	width: 20%;
	height: 34px;
	color: #666;
	line-height: 34px;
	list-style: none;
	font-size: 16px;
	cursor: pointer
}

.tabs1 .menu li.actives {
	border-bottom: 1px solid #f0715c;
	color: #f0715c;
	margin-left: 0 !important
}

#navs .hd {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	margin-bottom: 15px;
	height: 40px;
	overflow: hidden
}

#navs .hd li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	display: block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	background: #f3f3f3;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	border-right: 1px solid #e6e6e6
}

#navs .hd li:last-child {
	border-right: 0 none
}

#navs .hd li.cur {
	background: #fbfbfb;
	border-top: 2px solid #f0715c;
	border-bottom: 0 none;
	color: #f0715c
}

#navs .bd.pic {
	display: block
}

#navs .bd {
	display: none
}

#navs .hd ul {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%
}

#tab1 {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%
}

#tab1 span {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	display: block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	background: #f3f3f3;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	border-right: 1px solid #e6e6e6
}

#tab1 span:last-child {
	border-right: 0 none
}

#tab1 .cur {
	background: #fbfbfb;
	border-top: 2px solid #f0715c;
	border-bottom: 0 none;
	color: #f0715c
}

.content1.pic {
	display: none
}

#navs {
	background: #fff;
	margin-top: 10px
}

.m_new li.mei,
.m_new li.net {
	background: #fafafa;
	padding: 2px 0;
	text-align: center;
	color: #999;
	font-size: 12px
}

.m_new li.net a {
	position: inherit;
	color: #999;
	padding: 0
}

.m_new li {
	position: relative;
	margin: 10px 10px 0 10px;
	height: 20px
}

.m_new li a {
	position: absolute;
	left: 0;
	display: block;
	height: 20px;
	overflow: hidden
}

.m_new li em {
	position: absolute;
	right: 0;
	font-size: 12px
}

.alikes {
	border-top: 10px solid #f2f2f2;
	padding: 10px 0 0 0;
	background: #fff
}

.alikes #tabs {
	height: 34px;
	background: #fff;
	border-bottom: 1px solid #ccc
}

.alikes #tabs span {
	float: left;
	text-align: center;
	width: 20%;
	height: 34px;
	color: #666;
	line-height: 34px;
	list-style: none;
	font-size: 16px;
	cursor: pointer
}

.alikes #tabs span.cur {
	border-bottom: 1px solid #f0715c;
	color: #f0715c;
	margin-left: 0 !important
}

.contents.pic {
	overflow: hidden;
	display: none
}

.classify {
	background: #fff;
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px
}

.classify a {
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 20%;
	margin: 15px 0 0 4%;
	background: #fbfbfb;
	float: left;
	border-radius: 3px
}

.classify a:nth-of-type(1) {
	background: #457bde;
	color: #fff
}

.classify a:nth-of-type(4) {
	background: #ee5c3a;
	color: #fff
}

.classify a:nth-of-type(6) {
	background: #fdbf2b;
	color: #fff
}

.classify a:nth-of-type(9) {
	background: #3bdbc6;
	color: #fff
}

.classify a:nth-of-type(11) {
	background: #8152df;
	color: #fff
}

.subnavbox {
	width: 100%;
	margin: 0 auto;
	background: #fff
}

.subnav {
	border-bottom: solid 1px #e5e3da;
	cursor: pointer;
	font-weight: 700;
	font-size: 14px;
	color: #999;
	line-height: 28px;
	background: url(../images/jiantou1.jpg) no-repeat;
	background-position: 95% 50%;
	width: 30px;
	height: 30px;
	margin: 0 auto
}

.subnav:hover {
	color: #277fc2
}

.currentdd {
	color: #277fc2
}

.currentdt {
	background-image: url(../images/jiantou.jpg)
}

.navcontent {
	display: none;
	border-bottom: solid 1px #e5e3da
}

.subnavbox p {
	padding: 0 4%;
	height: 40px;
	overflow: hidden
}

.subnavbox p a {
	margin-right: 15px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px
}

#logo {
	position: absolute;
	top: 10px;
	left: 1px;
	width: 94px;
	height: 42px;
	white-space: nowrap;
	background: url(../../images/logo.png) 10px 5px no-repeat;
	background-size: 73px
}

#topcat {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 40px;
	height: 40px;
	z-index: 9999
}

#topcat b {
	display: block;
	text-indent: -9999px;
	width: 36px;
	height: 36px;
	background: url(../images/pic-icon1.png) 3px -42px no-repeat;
	background-size: 32px auto
}

#topcat-box {
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 44px;
	z-index: 10000;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

#topcat-box p {
	margin: 10px 15px 5px 15px;
	border: 1px solid #fc6500;
	border-radius: 3px;
	box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	height: 36px
}

@-moz-document url-prefix() {
	#topcat-box p {
		width: -moz-calc(100% - 32px)
	}
}

#topcat-box p span {
	box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fc6500;
	display: block;
	position: relative
}

#topcat-box p .cur {
	background: #fc6500;
	color: #fff
}

#topcat-box p span:not(:last-child):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 36px;
	background: #fc6500
}

#topcat-box ul {
	margin: 0 10px 15px 10px;
	display: none
}

#topcat-box .on {
	display: block
}

#topcat-box li {
	float: left;
	width: 33.33%
}

#topcat-box li a {
	display: block;
	text-align: center;
	margin: 5px;
	border: 1px solid #d6d6d6;
	padding: 12px 7px;
	color: #999
}

#topcat-box li a span {
	display: block;
	color: #333;
	padding: 0 0 4px 0
}

.search-box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	position: relative;
	height: 40px;
	width: 100%
}

.search-input {
	position: relative;
	border: none;
	border-radius: 2px 0 0 2px;
	box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	background: #fff
}

.search-input:before {
	content: '';
	position: absolute;
	top: 6px;
	right: 0;
	width: 1px;
	height: 17px;
	border-right: 1px solid #d9d9d9
}

.search-btn {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative
}

.search-btn:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 29px;
	width: 5px;
	height: 27px;
	background: #f0715c;
	z-index: 3
}

#bdcs-search-form-input {
	text-indent: 10px;
	font-size: 12px;
	border: none;
	border-radius: 7px 0 0 7px;
	height: 28px;
	color: #666;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	width: 100%
}

#bdcs-search-form-submit {
	border: none;
	border-radius: 0 3px 3px 0;
	width: 28px;
	height: 28px;
	padding: 1px 0;
	background: #fff url(../images/searchbtn.png) 0 0 no-repeat;
	background-size: 28px;
	overflow: hidden;
	text-indent: -9999px;
	position: relative
}

.cList {
	background: #fff;
	overflow: hidden;
	width: 96%
}

.sitemap {
	margin-top: 59px
}

#nav {
	height: 44px;
	line-height: 44px;
	padding: 0 50px 0 0;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
	background: #fff
}

.main-nav {
	zoom: 1;
	clear: both
}

.main-nav li {
	width: 20%;
	padding: 0;
	float: left;
	color: #333
}

.main-nav li a {
	display: block;
	line-height: 43px;
	height: 43px;
	text-align: center;
	position: relative;
	font-size: 16px
}

.main-nav .cur a {
	color: #f0715c;
	font-weight: 600
}

.pull-nav {
	position: absolute;
	width: 44px;
	height: 44px;
	top: 0;
	right: 10px;
	float: right
}

.pull-nav span {
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center
}

.pull-nav span i {
	display: inline-block;
	width: 14px;
	height: 10px;
	background: url(../images/updownarr.png) 0 0 no-repeat;
	background-size: 14px;
	vertical-align: middle
}

.open span i {
	background-position: 0 -12px
}

.more-nav {
	display: none;
	position: absolute;
	right: 0;
	top: 44px;
	width: 100px;
	background: #fff;
	border: 1px solid #d6d6d6;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	z-index: 999;
	line-height: 34px
}

.more-nav li {
	border-bottom: 1px solid #d6d6d6
}

.more-nav li a {
	display: block;
	font-size: 16px;
	text-align: center
}

.hot-l03 {
	margin: 10px 20px 10px 10px;
	overflow: hidden
}

.hot-l03 a {
	margin-right: 15px;
	float: left;
	display: inline;
	border: 1px solid #f2f2f2;
	padding: 2px 5px
}

.hot-l03 a.fb {
	border: 1px solid #f0715c;
	background: #f0715c;
	color: #fff
}

#nTab {
	clear: both;
	height: 34px;
	margin: 0 10px 10px 10px;
	border: 1px solid #f0715c;
	border-radius: 4px;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	text-align: center
}

section.list.lista {
	margin-top: 0 !important
}

#archive .list,
#soft .list {
	margin-top: 10px
}

.list {
	background: #fff;
	padding-bottom: 10px
}

.artlist {
	background: #fff;
	overflow: hidden
}

@-moz-document url-prefix() {
	#nTab {
		width: -moz-calc(100% - 22px)
	}
}

#nTab a,
#nTab span {
	line-height: 34px;
	font-size: 14px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	display: block;
	text-align: center;
	color: #f0715c;
	cursor: pointer
}

#nTab a:not(:last-child),
#nTab span:not(:last-child) {
	border-right: 1px solid #f0715c
}

#nTab a.cur,
#nTab span.cur {
	background: #f0715c;
	color: #fff
}

.lista {
	padding: 10px 0 0 0;
	overflow: hidden
}

.cat {
	position: relative;
	z-index: 10
}

.cat i,
.cat span,
.cat span a {
	display: inline-block
}

.back {
	width: 10px;
	height: 10px;
	background: url(../images/goback.png) center center no-repeat;
	float: left;
	background-size: 100%;
	cursor: pointer;
	margin: 15px 5px 0 10px
}

.toolbar {
	height: 40px;
	line-height: 40px;
	background: #f4f4f4;
	font-size: 14px;
	padding: 0 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.toolbar b {
	font-weight: 400
}

.toolbar i {
	font-style: normal;
	font-size: 12px
}

.caption {
	display: block;
	overflow: visible;
	background: #fff;
	border-bottom: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	color: #000;
	padding: 0 4%
}

.caption b {
	display: block;
	float: left;
	height: 40px;
	font-size: 16px
}

.caption a {
	font-size: 12px;
	float: right;
	color: #999
}

.caption .tab {
	padding: 0;
	float: right;
	border-radius: 3px;
	height: 24px;
	line-height: 24px;
	margin-top: 8px
}

.caption .tab a {
	font-size: 14px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: 40px;
	text-align: center;
	position: static
}

.caption .tab a.cur {
	background: #f0715c;
	color: #fff
}

.ajax-tip {
	position: fixed;
	bottom: 40px;
	width: 100%;
	text-align: center;
	z-index: 9
}

.ajax-tip .msg {
	background: rgba(0, 0, 0, .85);
	line-height: 32px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 5px 15px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5)
}

#topsug {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 46px;
	line-height: 45px;
	background: #444;
	color: #fff;
	font-size: 16px;
	font-family: '\5fae\8f6f\96c5\9ed1'
}

#topsug em {
	position: absolute;
	right: 16px;
	top: 8px;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: #f90;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-family: '\5fae\8f6f\96c5\9ed1'
}

#topsug i {
	position: absolute;
	display: line-block;
	width: 24px;
	height: 24px;
	left: 16px;
	top: 10px;
	background: url(../images/topalert.png) no-repeat
}

#topsug p {
	padding-left: 49px
}

#topsug .close {
	background: url(../images/topclose.png) no-repeat;
	width: 18px;
	height: 18px;
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
	background-size: 18px;
	z-index: 99999
}

#hWrapper {
	clear: both;
	display: block;
	width: 100%;
	background: #fff;
	overflow: visible
}

#hWrapper #hscroller {
	display: block;
	height: 80px
}

#hWrapper img {
	display: block;
	width: 100%
}

#hWrapper li {
	float: left;
	width: 83px;
	height: 83px;
	text-align: center;
	overflow: hidden
}

#hWrapper li img {
	width: 64px;
	height: 64px;
	display: block;
	margin: 0 auto;
	border-radius: 5px
}

#fmWindow {
	position: fixed;
	width: 70%;
	left: 15%;
	top: 30%;
	z-index: 201;
	border: 3px solid #ddd
}

#fmWindow .close {
	width: 18px;
	height: 18px;
	background: #ddd;
	color: #fff;
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 1;
	text-align: center;
	line-height: 19px;
	font-size: 13px
}

#fmWindow img {
	width: 100%;
	height: auto;
	display: block;
	visibility: visible;
	border: 0
}

#botwrapper {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 100%;
	line-height: 0
}

#botwrapper img {
	display: block;
	width: 100%
}

#botwrapper .close {
	z-index: 9999;
	display: block;
	width: 17px;
	height: 17px;
	line-height: 17px;
	position: absolute;
	top: -10px;
	left: 0;
	font-size: 12px;
	text-align: center;
	background: #fff;
	border-radius: 16px;
	border: 2px solid #789
}

#aWrapper {
	clear: both;
	width: 100%;
	line-height: 0
}

#aWrapper img {
	display: block;
	width: 100%;
	margin-bottom: 10px
}

footer.bottom {
	width: 100%;
	margin: 10px 0 0 0;
	background: #fff;
	text-align: center;
	padding: 10px 0
}

footer.bottom #goTop {
	position: fixed;
	right: 10px;
	bottom: 80px;
	text-indent: -9999px;
	z-index: 9999;
	width: 38px;
	height: 38px;
	background: rgba(0, 0, 0, .6) url(../images/gotop.png) -4px -5px no-repeat;
	background-size: 46px auto;
	border-radius: 50%;
	display: none
}

footer.bottom p {
	line-height: 30px
}

footer.bottom p a {
	padding: 0 10px;
	font-size: 14px
}

.button-footer {
	display: block;
	height: 34px;
	padding: 23px 0;
	margin: 0;
	text-align: center;
	line-height: 34px;
	overflow: hidden;
	color: #666;
	position: relative
}

.button-footer .button {
	width: 30%;
	height: 34px;
	line-height: 34px;
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	background: url(../images/pic.gif) 0 -82px repeat-x;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
	margin: 0 auto;
	cursor: pointer;
	border-radius: 3px
}

.button-footer .text {
	display: none
}

.button-footer .disable {
	width: 30%;
	height: 34px;
	line-height: 34px;
	display: block;
	text-align: center;
	color: #999;
	margin: 0 auto
}

.button-footer .css3-loading {
	position: absolute;
	top: 32px;
	left: 50%;
	margin-left: -70px
}

.news {
	background: #fff;
	margin-top: 5px
}

.news ul li {
	font: 14px "\5FAE\8F6F\96C5\9ED1";
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	margin: 0 8px;
	position: relative
}

.news ul li em {
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #999;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	left: 5px
}

.news ul li a {
	display: block;
	padding: 0 10px 0 15px;
	color: #222
}

.dtit {
	border-bottom: 1px solid #ddd;
	position: relative;
	height: 40px;
	line-height: 40px
}

.dtit strong {
	margin: 0;
	display: block;
	position: absolute;
	bottom: -1px;
	padding: 0 10px 0 5px;
	left: 10px;
	height: 40px;
	border-bottom: 1px solid #f0715c;
	font-size: 16px;
	font-weight: 700
}

.hot-soft-list {
	overflow: hidden;
	zoom: 1;
	background: #fff;
	padding: 10px 0 0 0
}

.hot-soft-list li {
	text-align: center;
	width: 25%;
	height: 160px;
	border: none;
	padding: 7px 0 0 0;
	float: left
}

.hot-soft-list li img {
	display: inline-block;
	width: 75px;
	height: 95px;
}

.hot-soft-list li b {
	display: block !important;
	line-height: 23px;
	overflow: hidden;
	width: 72px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 5px
}

.hot-soft-list li span {
	display: block !important;
	line-height: 20px;
	overflow: hidden;
	width: 72px;
	height: 20px;
	margin: 0 auto;
	font-size: 12px;
	color: #999
}

.hot-soft-list li span a {
	color: #999
}

.hot-soft-list li .btn {
	display: inline-block;
	width: 60px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background: #f0715c;
	border-radius: 3px
}

.tow-soft-list {
	margin-top: -10px;
	overflow: hidden;
	zoom: 1
}

.tow-soft-list li {
	float: left;
	width: 50%;
	padding: 10px;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	display: -moz-box;
	display: -webkit-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.tow-soft-list li:nth-child(even) {
	border-right: 0
}

.tow-soft-list li a {
	position: relative
}

.tow-soft-list li img {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border-radius: 5px
}

.tow-soft-list li div {
	float: none;
	display: block;
	width: 60%
}

.tow-soft-list li .title-down {
	display: block;
	width: 60%
}

.tow-soft-list li b {
	display: block;
	color: #404040;
	margin-top: 3px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tow-soft-list li .btn {
	width: 60px;
	height: 30px;
	line-height: 30px;
	background-color: #f0715c;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	margin: 5px auto 0;
	text-align: center
}

.tow-soft-lists li p {
	display: block;
	font-size: 12px;
	width: 100%;
	color: #9e9e9e;
	padding-top: 3px;
	margin-left: 0
}

.tow-soft-list li span {
	display: block;
	margin: 5px auto 0 -70px;
	font-size: 12px;
	color: #9e9e9e;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tow-soft-list li span a {
	color: #9e9e9e
}

.tow-soft-list li span u {
	margin: 0 6px;
	padding: 0 6px;
	border-left: 1px solid #d9d9d9
}

.bottom,
.links {
	clear: both
}

.links {
	background: #fff
}

.links ul {
	zoom: 1;
	overflow: hidden
}

.links ul li {
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin: 10px 0 0 10px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 10px
}

.links p {
	height: 40px;
	font-size: 16px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: relative
}

.links p b {
	border: none;
	line-height: 40px;
	color: #000
}

.links p b {
	display: block;
	border-bottom: 1px solid #94c804;
	position: absolute;
	bottom: -1px;
	left: 10px;
	line-height: 48px
}

.ilist .s_rk {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	position: absolute;
	left: 10px;
	top: 30px;
	color: #fff;
	background: #ccc
}

.ilist .s_rk.s_rk1 {
	background: red
}

.ilist .s_rk.s_rk2 {
	background: #ff4e00
}

.ilist .s_rk.s_rk3 {
	background: #ff983d
}

#list .ilist img {
	position: absolute;
	left: 40px
}

#list .ilist p {
	position: absolute;
	left: 110px
}

.g_hd {
	height: 20px;
	line-height: 20px;
	text-indent: 10px;
	border-left: 3px solid #f0715c;
	margin: 0 0 15px 10px;
	font-size: 16px
}

.g_hd a {
	margin-right: 10px
}

.list li {
	padding: 10px 0 10px 0;
	margin: 0 10px;
	height: 97px;
	overflow: hidden;
	zoom: 1;
	position: relative;
	border-bottom: 1px solid #e8e8e8
}

.list li b {
	font-weight: 400;
	color: #333;
	display: block;
	height: 22px;
	overflow: hidden;
	position: absolute;
	left: 80px;
	top: 10px
}

.list li img {
	float: left;
	display: inline;
	/* margin-right:10px; */
	width: 70px;
	height: 95px;
	position: absolute;
	left: 0;
}

.list li p {
	-webkit-box-flex: 1;
	color: #777;
	overflow: hidden;
	padding-right: 80px;
	position: absolute;
	left: 80px;
	font-size: 12px;
	top: 35px;
	line-height: 23px;
	height: 45px
}

.list li span {
	position: absolute;
	left: 80px;
	top: 88px;
	font-size: 12px;
	color: #999
}

.list li .star {
	margin: 7px 0
}

.list li p a {
	display: block;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	font-size: 15px
}

.list li p span {
	display: block;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font: 12px "\5FAE\8F6F\96C5\9ED1"
}

.list li p u {
	margin: 0 6px;
	padding: 0 6px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9
}

.list .btn {
	font-size: 14px;
	text-indent: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #f0715c;
	position: absolute;
	right: 0;
	top: 42px;
	border-radius: 2px
}

.list .btn:hover {
	background: #1fc480
}

.list .ihot li:nth-of-type(1) em {
	background-position: -94px 0
}

.list .ihot li:nth-of-type(2) em {
	background-position: -63px 0
}

.list .ihot li:nth-of-type(3) em {
	background-position: -32px 0
}

.list .ihot em {
	position: absolute;
	left: 0;
	height: 30px;
	width: 30px;
	background: url(../images/ico-phlist.png) no-repeat 0 0;
	z-index: 1;
	background-size: 126px;
	line-height: 30px;
	text-align: center;
	color: #fff
}

.list .ihot img {
	left: 45px
}

.list .ihot b,
.list .ihot p,
.list .ihot span {
	left: 125px
}

.lists {
	background: #fff
}

.lists li {
	padding: 10px 5px 10px 10px;
	overflow: hidden;
	zoom: 1;
	position: relative;
	border-bottom: 1px solid #e8e8e8;
	height: 60px
}

.lists li img {
	position: absolute;
	left: 10px;
	width: 60px;
	height: 60px;
	border-radius: 8px
}

.lists li a:nth-of-type(2) {
	position: absolute;
	left: 85px;
	display: block;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	font-size: 15px;
	padding-right: 80px
}

.lists li span {
	position: absolute;
	left: 85px;
	top: 30px;
	font-size: 12px;
	color: #999
}

.lists li p {
	position: absolute;
	left: 85px;
	top: 47px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 12px;
	padding-right: 80px;
	color: #888
}

.lists .btns {
	font-size: 14px;
	text-indent: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #f0715c;
	position: absolute;
	right: 10px;
	top: 25px;
	border-radius: 2px
}

.lists .btns:hover {
	background: #1fc480
}

.rank li {
	padding-left: 50px
}

.rank i {
	font-style: normal;
	width: 26px;
	height: 34px;
	line-height: 34px;
	position: absolute;
	left: 10px;
	top: 23px;
	text-align: center
}

.rank i.best {
	top: 0;
	background: url(../images/pic.gif) -21px -311px no-repeat;
	color: #fff
}

.archive {
	margin-top: 10px;
	background: #fff;
	overflow: hidden;
	padding-bottom: 15px
}

.cList li {
	position: relative;
	width: 94%;
	float: left;
	height: 55px;
	margin: 10px 4% 0 4%;
	border-bottom: 1px solid #f2f2f2
}

.cList li span {
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/bj-01.png) no-repeat;
	background-size: 100%;
	display: block
}

.cList li b {
	position: absolute;
	left: 45px;
	top: 0
}

.cList i {
	position: absolute;
	left: 45px;
	top: 27px;
	line-height: 12px;
	height: 12px;
	display: block;
	padding: 0;
	font-style: normal;
	overflow: hidden;
	color: #999;
	font-size: 12px
}

.cList i u {
	padding: 0 8px;
	border-left: 1px solid #ccc
}

.cList i u:nth-of-type(1) {
	padding: 0 8px 0 0;
	border-left: 0
}

.cList li:nth-of-type(2) a span {
	background-position: 0 -49px
}

.cList li:nth-of-type(3) a span {
	background-position: 0 -97px
}

.cList li:nth-of-type(4) a span {
	background-position: 0 -534px
}

.cList li:nth-of-type(5) a span {
	background-position: 0 -146px
}

.archive.ts .cList li:nth-of-type(1) span {
	background-position: 0 -194px
}

.archive.ts .cList li:nth-of-type(2) span {
	background-position: 0 -243px
}

.archive.ts .cList li:nth-of-type(3) span {
	background-position: 0 -340px
}

.archive.ts .cList li:nth-of-type(4) span {
	background-position: 0 -389px
}

.archive.ts .cList li:nth-of-type(5) span {
	background-position: 0 -583px
}

.ku01 {
	padding: 0 2%
}

.clst li.net {
	padding: 5px 0;
	text-align: center;
	display: block;
	background: #fafafa;
	height: 20px;
	line-height: 20px;
	font-weight: 100;
	margin: 10px 2% 10px 2%;
	color: #666;
	border: 0;
	position: inherit
}

.clst li.net a {
	text-align: center;
	display: block;
	height: 20px;
	line-height: 20px;
	font-weight: 100;
	color: #666;
	position: inherit
}

.clst li.mei {
	padding: 5px 0;
	text-align: center;
	display: block;
	background: #fafafa;
	height: 20px;
	line-height: 20px;
	font-weight: 100;
	margin: 0 2% 10px 2%;
	color: #666;
	border: 0;
	position: inherit
}

.clst li {
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 10px 10px 10px;
	font: 15px "\5FAE\8F6F\96C5\9ED1";
	position: relative;
	height: 75px
}

.clst li a {
	display: block;
	line-height: 30px;
	overflow: hidden;
	font-weight: 700
}

.clst li p {
	font-size: 12px;
	height: 46px;
	line-height: 24px;
	overflow: hidden;
	color: #999;
	position: absolute;
	left: 85px;
	top: 37px;
	padding: 0 10px 0 0 !important
}

.clst li img {
	width: 60px;
	height: 75px;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 0
}

.clst li em {
	height: 25px;
	overflow: hidden;
	position: absolute;
	left: 85px;
	top: 3px;
	padding-right: 10px
}

.alist {
	clear: both;
	margin-top: 0;
	display: block;
	overflow: hidden
}

.alist strong {
	font-size: 16px;
	padding: 0 10px;
	line-height: 30px;
	background: #f3f3f3;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	font-weight: 400
}

.alist .pic {
	float: left;
	width: 90px;
	height: 100px
}

.alist .size {
	font-size: 14px;
	color: #666
}

.alist h3 {
	line-height: 24px;
	font-size: 14px;
	height: 24px;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 5px;
	text-align: center
}

.alist ul li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin: 0 8px;
	position: relative
}

.alist li:not(:first-child) {
	border-top: 1px solid #e2e2e2
}

.alist ul li em {
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #999;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	left: 5px
}

.alist ul li a {
	display: block;
	overflow: hidden;
	height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px 0 15px
}

.map-list .map .title {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	margin-left: 6px;
	font-size: 1.3rem;
	text-align: center;
	border-bottom: 3px solid #f0715c
}

.map-list .map .title1 {
	margin-left: 10px;
	height: 30px;
	line-height: 30px;
	color: #f0715c
}

.map-list .map-ul {
	overflow: hidden;
	margin-right: 6px
}

.map-list li {
	width: 25%;
	height: 28px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-bottom: 10px
}

.map-list li a {
	display: block;
	height: 26px;
	line-height: 26px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	margin-left: 6px;
	border-radius: 3px
}

.artbody .tit {
	margin: 0 10px 0;
	font-size: 14pt;
	padding-left: 4.2%;
	padding-top: 15px
}

.artbody .about {
	font-size: 8pt;
	color: #b9b9b9;
	height: 25px;
	line-height: 25px;
	padding-left: 4.2%;
	margin: 0 10px
}

.artbody .text {
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 2px;
	line-height: 1.1em;
	font-size: 11.5pt
}

.artbody .text p {
	margin: 12pt 0
}

.artbody .text img {
	display: block;
	margin: 0 auto 5px;
	max-width: 80%
}

.textdownload {
	padding: 0;
	padding-bottom: 10px;
	margin: auto;
	overflow: hidden
}

.textdownload .caption {
	font-size: 14px;
	color: #00f;
	font-weight: 700
}

.textdownload .textdown {
	padding: 10px 5px 10px 10px;
	overflow: hidden;
	zoom: 1;
	position: relative;
	border-bottom: 1px solid #e8e8e8
}

.textdownload .textdown .img {
	margin-right: 10px;
	display: block;
	width: 60px;
	float: left
}

.textdownload .textdown .img img {
	width: 60px;
	height: 60px;
	border-radius: 8px;
	max-width: none
}

.textdownload .textdown p {
	display: block;
	text-indent: 0;
	margin: 0;
	-webkit-box-flex: 1;
	color: #777;
	overflow: hidden;
	padding-right: 70px
}

.textdownload .textdown p em {
	margin: 7px 0;
	text-indent: 0
}

.textdownload .textdown p a {
	display: block;
	text-indent: 0;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	font-size: 15px
}

.textdownload .textdown p span {
	display: block;
	text-indent: 0;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font: 12px "\5FAE\8F6F\96C5\9ED1"
}

.textdownload .textdown p u {
	margin: 0 6px;
	padding: 0 6px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9
}

.textdown .btn {
	font-size: 14px;
	text-indent: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #f0715c;
	position: absolute;
	right: 10px;
	top: 25px;
	border-radius: 2px
}

.textdown .btn:hover {
	background: #1fc480
}

.text-thread {
	padding: 0;
	border: 1px solid #ddd;
	margin: 5px auto;
	background-color: #fff;
	overflow: hidden;
	zoom: 1
}

.text-thread .caption {
	margin: 0;
	padding-left: 10px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #00f;
	font-weight: 700
}

.text-thread .caption {
	background-color: #f4f4f4;
	border-bottom: 1px solid #dedede
}

.text-thread ul {
	list-style: disc;
	padding: 3px 0;
	margin: 3px 5px;
	overflow: hidden
}

.text-thread li {
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.text-thread li.alt {
	background-color: #fff
}

.text-thread li:hover {
	background-color: #fafafa
}

.text-thread li a {
	font-size: 14px
}

.text-thread li em {
	display: none;
	float: right;
	font-size: 12px;
	color: #9a9a9a
}

.attenStyle {
	display: block;
	margin: 5px;
	padding: 10px;
	border: 1px solid #ff9947;
	color: #555;
	font-size: 14px;
	line-height: 1.5em
}

.attenStyle {
	background: #fdfde5 url(../images/hint.png) no-repeat;
	padding-top: 32px;
	overflow: hidden;
	zoom: 1
}

#tab {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%
}

#tab span {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	display: block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	background: #f3f3f3;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	margin-bottom: 10px;
	border-right: 1px solid #e6e6e6
}

#tab span:last-child {
	border-right: 0 none
}

#tab .cur {
	background: #fbfbfb;
	border-top: 2px solid #690;
	border-bottom: 0 none;
	color: #2f9a00
}

.content .textbody {
	padding: 0 10px;
	padding-bottom: 15px;
	line-height: 28px;
	text-align: justify;
	clear: both;
	position: relative
}

.content .textbody h3 {
	display: block;
	font-weight: 700;
	text-indent: 15px;
	padding: 0;
	margin: 5px 0;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	border-left: 3px solid #f0715c;
	font-size: 14px;
	height: 32px;
	line-height: 32px
}

.textbody .tit {
	color: #2f9a00
}

#summary {
	line-height: 25px;
	color: #666;
	font-size: 16px
}

#summarys {
	line-height: 25px;
	color: #666;
	font-size: 16px
}

#detailses {
	line-height: 25px;
	font-size: 16px;
	display: none
}

#detailses p {
	padding: 0;
	line-height: 25px
}

.content .pic {
	opacity: 0;
	height: 0;
	overflow: hidden
}

#picwrapper {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: 10px
}

#picroller {
	width: 3000px;
	height: 100%;
	float: left;
	padding: 4px 5px 6px 5px
}

#picroller ul {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

#picroller li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	width: 152px;
	text-align: center
}

#picroller li img {
	width: 150px;
	height: 225px;
	border: 1px solid #fff
}

#alikewrapper,
#hotwrapper {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden
}

#alikeroller,
#hotroller {
	width: 3000px;
	height: 100%;
	float: left;
	padding: 15px 10px
}

#alikeroller ul,
#hotroller ul {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

#alikeroller li,
#hotroller li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	width: 94px;
	height: 106px;
	text-align: center
}

#alikeroller li img,
#hotroller li img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto 3px auto;
	border-radius: 5px
}

#alikeroller a,
#hotroller a {
	font-size: 12px;
	color: #2f9a00;
	display: block;
	overflow: hidden;
	height: 82px
}

.alike li .star {
	display: inline-block
}

.alike {
	clear: both;
	margin-top: 0;
	display: block;
	overflow: hidden
}

.alike strong {
	padding: 0 10px;
	line-height: 30px;
	background: #f3f3f3;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	font-weight: 400
}

#article #detailse {
	height: 620px;
	overflow: hidden;
	position: relative;
}

#article #detailse.show:after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 90px;
	background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}

#article .main {
	padding: 0 4%
}

#article #soft-info {
	padding: 0 0 10px 0
}

#article #soft-info .desc {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#article .kudown {
	padding: 0
}

#soft-info {
	padding: 10px;
	position: relative;
	background: #fff;
	margin-top: 1px;
	height: 110px
}

#soft-info .c1 {
	color: #fd8230
}

#soft-info img {
	float: left;
	margin: 2px 7px 0 0;
	width: 86px;
	height: 110px
}

#soft-info h1 a,
#soft-info h1 {
	display: block;
	top: -5px;
	font-weight: 400;
	color: #333333;
	font: 16px "\5FAE\8F6F\96C5\9ED1";
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0;
}

#soft-info h1 span {
	font-size: 12px;
	color: #999;
	margin-left: 20px
}

#soft-info p {
	font-size: 12px;
	color: #999;
	height: 19px;
	line-height: 19px;
	overflow: hidden;
	padding: 0;
	margin-top: 10px
}

#soft-info p span {
	display: inline-block;
	padding: 0;
	width: 50%;
	float: left;
	overflow: hidden;
	font-size: 12px
}

#soft-info p span a {
	margin-right: 5px;
	color: #333
}

#soft-download {
	position: relative;
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	margin: auto;
	margin-top: 2px
}

@-moz-document url-prefix() {
	#soft-download {
		width: 100%
	}
}

#soft-download.on {
	position: fixed;
	left: 10px;
	right: 10px
}

@-moz-document url-prefix() {
	#soft-download.on {
		width: -moz-calc(100% - 20px)
	}
}

#soft-download li.tip {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	background: #ccc;
	font-size: 16px;
	color: #fff;
	text-align: center;
	height: 34px;
	line-height: 34px;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: block
}

#soft-download li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	background: #f0715c;
	font-size: 16px;
	color: #fff;
	text-align: center;
	height: 34px;
	line-height: 34px;
	border-radius: 5px;
	border: 1px solid #f0715c;
	display: block
}

#soft-download li a {
	color: #fff;
	display: block
}

#soft-download li:nth-last-child(2) {
	margin-right: 5px
}

#soft-download li:nth-child(2) {
	margin-left: 5px
}

#soft-download li.downloadyuyue {
	background: #ccc;
	border: 1px solid #ccc
}

li#noDownload {
	background: #ccc;
	border: 1px solid #ccc
}

li#down-appstore,
li#official {
	background: #00adef;
	border: 1px solid #00adef
}

#soft-info #downloads {
	position: relative;
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	margin: auto;
	margin-top: 8px
}

@-moz-document url-prefix() {
	#soft-info #downloads {
		width: 100%
	}
}

#soft-info #downloads.on {
	position: fixed;
	left: 10px;
	right: 10px
}

@-moz-document url-prefix() {
	#soft-info #downloads.on {
		width: -moz-calc(100% - 20px)
	}
}

#soft-info #downloads .noBg {
	background: 0;
	border: 1px solid #f0715c;
	color: #f0715c
}

#soft-info .dbtn {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	background: #f0715c;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 5px;
	border: 1px solid #8bbd00;
	display: block
}

#soft-info .dbtn:hover {
	background: #f0715c
}

#soft-info .star {
	right: 1px;
	top: 42px;
	display: inline-block
}

#soft-info .tipShow {
	background: #e5fbcf;
	color: #57a505;
	padding: 6px
}

#soft-info .tipShow .icon {
	display: block
}

.zsDownBox {
	display: none;
	padding-top: 8px
}

.zsDownBox .btn-checkbox {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	margin-right: 30px
}

.zsDownBox-on {
	background: #fff;
	left: 0;
	padding: 10px 10px 0 10px;
	box-shadow: 0 1px 2px #ccc
}

.zsDownBox .topBox {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	padding-bottom: 10px
}

.zsDownBox .zsHref {
	display: block;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 36px;
	color: #fff;
	font-size: 18px;
	border-radius: 3px;
	background: #f0715c;
	line-height: 36px;
	text-align: center
}

@-moz-document url-prefix() {
	.zsDownBox .topBox {
		width: 100%
	}
}

.zsDownBox .icon-check {
	display: inline-block;
	width: 19px;
	height: 20px;
	margin: 7px 5px 0 0;
	float: left;
	background: url(../images/all_ico.png) 0 -652px no-repeat
}

.zsDownBox .icon-active {
	background: url(../images/all_ico.png) 0 -675px no-repeat
}

.zsDownBox .normal {
	clear: both;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	min-height: 40px;
	color: #999
}

.zsDownBox .normal .icon {
	display: none;
	margin: 10px 5px 0 0;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/all_ico.png) 0 -602px no-repeat
}

.xgbbxz {
	background: #fff;
	padding: 0;
	width: 100%
}

.xgbbxz p {
	position: relative;
	display: block;
	height: 50px;
	padding-left: 10px;
	padding-top: 5px;
	border-top: 1px solid #f0f0f0;
	font-size: 16px
}

.xgbbxz2 p:nth-child(even) {
	border-bottom: 1px solid #f0f0f0
}

.xgbbxz p a.tit {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 85px
}

.xgbbxz p img {
	float: left;
	margin: 5px 5px 0 0;
	width: 16px;
	height: 16px;
	border-radius: 3px
}

.xgbbxz .btns {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.xgbbxz .btn {
	position: absolute;
	right: 10px;
	top: 12px;
	display: inline-block;
	font-size: 14px;
	text-indent: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #f0715c;
	border-radius: 2px
}

.xgbbxz .btn:hover {
	background: #1fc480
}

.xgbbxz span {
	display: block;
	font-size: 12px;
	color: #999
}

.xgbbxz span i {
	margin-right: 10px
}

#comment {
	background: #fff;
	margin-top: 10px;
	padding: 9px 0 0 0
}

#comment-list {
	margin: 10px;
	font-size: 12px
}

#comment-list li {
	padding: 10px 2px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 24px
}

#comment-list li:first-child {
	border-top: 0
}

#comment-list li:last-child {
	border-bottom: 0
}

#comment-list .user {
	color: #f0715c;
	padding-right: 100px;
	position: relative;
	margin-bottom: 2px;
	height: 24px;
	overflow: hidden
}

#comment-list .user time {
	position: absolute;
	right: 0;
	top: 0;
	color: #a6a6a6;
	width: 75px;
	height: 24px;
	overflow: hidden
}

.klst {
	border-top: 1px solid #ddd
}

.zlist {
	background: #fff
}

.zlist p,
.zlist ul {
	overflow: hidden;
	zoom: 1;
	/* padding:10px 0 */
}

.datalist {
	padding-top: 0 !important
}

.zlist li,
.zlist p a {
	float: left;
	display: inline;
	width: 50%;
	height: 140px;
	margin: 5px 0 10px 0;
	text-align: center;
	overflow: hidden
}

.zlist li a b,
.zlist p a b {
	font: 1em "Microsoft YaHei"
}

.zlist a img {
	width: 200px;
	height: 110px;
	display: block;
	margin: 0 auto 4px auto
}

.zlist .caption {
	display: block;
	overflow: visible;
	margin: 10px 0;
	background: #fff;
	border-bottom: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	position: relative
}

.zlist .caption b {
	display: block;
	position: absolute;
	bottom: -1px;
	padding: 0 10px 0 5px;
	left: 10px;
	height: 40px;
	border-bottom: 1px solid #f0715c;
	font-size: 16px
}

.kmain .btn {
	font-size: 14px;
	text-indent: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #f0715c;
	position: absolute;
	right: 10px;
	top: 25px;
	border-radius: 2px
}

.kmain .btn:hover {
	background: #1fc480
}

.kmain .kc {
	background: #fff;
	position: relative;
	height: 175px;
	margin-top: 0
}

.kmain .kv {
	background: #fff
}

.kmain .ktop {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	z-index: 10;
	background: rgba(0, 0, 0, .6)
}

.kmain .ktop h1 {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	text-align: center
}

.kmain .ktop .kback {
	position: absolute;
	top: 0;
	left: 10px;
	width: 42px;
	height: 35px;
	border-radius: 4px;
	background: url(../images/bk.png) 0 13px no-repeat;
	background-size: 10px
}

.kmain .ktop .kback a {
	display: block;
	width: 42px;
	height: 35px
}

.kmain .kc p.bg {
	max-height: 175px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden
}

.kmain .kc img {
	width: 100%;
	display: block;
	height: 175px;
	vertical-align: middle
}

.kmain .kc p.bg i {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.kmain .kv .ktext {
	margin: 0 10px 8px 10px;
	line-height: 22px;
	color: #999;
	padding: 10px 0 15px 0
}

.kalist ul {
	background: #fff;
	overflow: hidden;
	padding-bottom: 20px
}

.kalist li {
	height: 100%
}

.kalist li a img {
	display: block;
	height: 48px;
	margin: 10px auto 0;
	width: 48px
}

.kalist li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin: 0 8px;
	position: relative
}

.kalist li {
	border-bottom: 1px solid #e2e2e2
}

.kalist li em {
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #999;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	left: 5px
}

.kalist li a {
	display: block;
	font-size: 14px;
	overflow: hidden;
	height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px 0 15px
}

.bonus-wrapper .bonus-icon {
	position: fixed;
	display: inline-block;
	width: 71px;
	height: 86px;
	bottom: 50%;
	right: 7px;
	background: url(../images/bonus_icon.png) no-repeat center center;
	background-size: cover;
	z-index: 1000
}

.bonus-wrapper .bonus-close {
	width: 40px;
	height: 32px;
	background: url(../images/popup_close.png) no-repeat center;
	background-size: 17px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .7
}

.bonus-wrapper .bonus-box {
	display: none;
	position: fixed;
	width: 80%;
	height: 65%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1400
}

.downbox-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 9999
}

.downbox-black-bg {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	display: block;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10
}

.downbox-content {
	width: 98%;
	height: auto;
	background: #fff;
	border-radius: 6px;
	padding: 12px 6px;
	box-sizing: border-box;
	position: fixed;
	left: 1%;
	top: 100px;
	display: block;
	overflow: hidden;
	z-index: 20
}

.downbox-content .downbox-title {
	width: 100%;
	height: auto;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 2px 0 8px 0
}

.downbox-content .downbox-title span {
	color: #f0715c;
	font-weight: 700
}

.downbox-content .close-btn {
	width: auto;
	height: auto;
	font-size: 30px;
	font-weight: 700;
	color: #333;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	overflow: hidden;
	position: absolute;
	right: 6px;
	top: 0;
	z-index: 30;
	cursor: pointer
}

.downbox-content .downbox-ul {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}

.downbox-content .downbox-ul li {
	width: 25%;
	height: auto;
	float: left;
	margin: 12px 0 0;
	display: inline;
	overflow: hidden;
	text-align: center
}

.downbox-content .downbox-ul li a {
	width: 100%;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none
}

.downbox-content .downbox-ul li a img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 10px
}

.downbox-content .downbox-ul li a b {
	color: #000;
	font-size: 14px;
	width: 100%;
	line-height: 25px;
	margin: 3px 0;
	display: block;
	overflow: hidden
}

.downbox-content .downbox-ul li a .down {
	display: block;
	height: 22px;
	line-height: 22px;
	margin: 3px 10px 0 10px;
	border: 1px solid #f0715c;
	border-radius: 3px;
	color: #f0715c;
	font-size: 12px
}

.downbox-content .downbox-ul li.one {
	clear: both;
	display: block;
	width: 100%
}

.downbox-content .downbox-ul li.one img {
	height: auto;
	width: 100%;
	border-radius: 0
}

.downbox-content .downbox-ul li.two {
	width: 50%
}

.downbox-content .downbox-ul li.two img {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 5px
}

.downbox-content .downbox-ul li.two a p {
	display: inline-block
}

.downbox-content .downbox-ul li.two a b {
	height: 25px;
	line-height: 25px
}

.downbox-content .downbox-ul li.two a .down {
	padding: 0 20px;
	left: 0;
	right: 0
}

#nav-box {
	background: #fff
}

.nav-box {
	overflow: hidden;
	padding-bottom: 10px;
	background-color: transparent
}

.nav-box a {
	float: left;
	width: 28%;
	margin-left: 4%;
	margin-top: 15px;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	border: 1px #dedede solid
}

.mt h4 {
	position: relative;
	font-size: 16px;
	padding: 15px 15px 15px 30px;
	color: #000;
	font-weight: 400;
	border-bottom: 1px #e6e6e6 solid;
	line-height: 26px
}

.list-nav {
	margin-bottom: 10px;
	background-color: #fff;
	text-align: center
}

.list-nav a {
	display: inline-block;
	padding: 10px 2%
}

.q-morea {
	text-align: center;
	background-color: #fff;
	height: 42px;
	line-height: 42px
}

.q-morea a {
	text-align: center;
	width: 100%;
	text-align: center;
	background-color: #fff;
	height: 42px;
	line-height: 42px;
	margin: 0 auto
}

.q-morea span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	background: url(../images/spirit-home.png) no-repeat scroll -180px -160px
}

.shbox {
	float: left
}

.shbox ul {
	list-style: none;
	height: 29px;
	margin-top: 14px
}

.shbox li {
	float: left
}

.shbox .shtxt {
	height: 29px;
	width: 238px;
	margin: 0 auto
}

.shbox .shtxt input {
	border: 1px solid #c9c9c9;
	border-radius: 3px 0 0 3px;
	border-right: none;
	text-indent: 3px;
	color: #757575;
	width: 100%;
	font-size: 14px;
	height: 27px;
	line-height: 27px;
	background: #fff;
	outline: 0;
	vertical-align: top
}

.shbox .shbtn {
	width: 81px;
	height: 29px
}

.shbox .shbtn button {
	border: none;
	text-align: left;
	padding-left: 35px;
	width: 81px;
	height: 29px;
	background: transparent url(../images/sbtn.png) no-repeat;
	cursor: pointer
}

.shbox .shbtn button:hover {
	background-position: left -30px
}

.shbox .shbtn button:active {
	background-position: 1px -29px\0/IE8
}

.shbox .shbtn span {
	font-size: 14px;
	color: #fff;
	font-weight: 700
}

.search {
	clear: both;
	text-align: center;
	margin: auto;
	padding: 40px 15px 30px 15px
}

.search .shlogo {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 10px
}

.search .shbox {
	width: 100%;
	text-align: center
}

.search .shbox ul {
	margin: 0 auto;
	width: 320px
}

.search .shbox .shtxt input {
	width: 100%
}

.result {
	clear: both;
	padding: 10px 15px;
	border-bottom: 1px solid #e5e5e5;
	height: 30px;
	line-height: 30px;
	color: #989898;
	background: #fff
}

.result strong {
	color: #f0715c;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400
}

.shlist {
	overflow: hidden;
	height: auto;
	clear: both
}

.shlist ul {
	height: auto
}

.shlist li {
	padding: 15px;
	background: #fff;
	margin-bottom: 15px;
	font-family: STHeiti, 'Microsoft YaHei', Helvetica, Arial, sans-serif
}

.shlist h3 {
	font: normal 1.5em/1.7 Arial;
	color: #12d;
	font-size: 18px
}

.shlist h3 a {
	color: #12d;
	text-decoration: none
}

.shlist h3 a:hover {
	text-decoration: underline
}

.shlist h3 em,
.shlist p em {
	color: #d43;
	font-style: normal
}

.shlist p {
	font: 1.1em/1.5 Arial;
	color: #333
}

.shlist div {
	color: #080
}

.shlist div em {
	color: #777;
	font-style: normal
}

.shlist div em a {
	color: #777
}

.shlist .thumb {
	display: block;
	padding: 10px 5px
}

.shlist .thumb img {
	border: 1px solid #e6e6e6;
	padding: 2px;
	max-width: 300px
}

.shside {
	float: left
}

.shpage {
	clear: both;
	width: 100%;
	padding-bottom: 10px
}

.sub-box {
	position: fixed;
	width: 25px;
	height: 25px;
	right: 20px;
	bottom: 50px;
	cursor: pointer;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
	-webkit-tap-highlight-color: transparent
}

.sub-box i {
	display: inline-block;
	width: 15px;
	height: 25px;
	vertical-align: middle;
	background: url(../images/up1.png) no-repeat 0 5px;
	background-size: 100%
}

.list-nava {
	margin-bottom: 10px;
	background-color: #fff;
	text-align: center;
	height: 35px;
	background: #f4f4f4;
	line-height: 35px;
	margin: 0 10px;
	border-radius: 4px
}

.list-nava a {
	display: inline-block;
	padding: 0 0 0 3%
}

.top_menu_bar {
	background: rgba(255, 255, 255, .95);
	height: 37px;
	box-sizing: border-box
}

.top_menu_bar::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(top, transparent, transparent 40%, #ddd 40%);
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat
}

.top_menu {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.top_menu::-webkit-scrollbar {
	display: none
}

.top_menu_list {
	white-space: nowrap
}

.top_menu_list a {
	color: #333;
	position: relative;
	left: 3%;
	right: 3%;
	font-family: 'Microsoft YaHei', 'Lucida Grande', SimSun, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.top_menu_list .list-nav-on {
	color: #00baae
}

.top_menu_list .btn {
	white-space: nowrap;
	display: inline-block;
	padding: 0 6px;
	color: #333;
	text-decoration: none;
	font-size: .95em;
	line-height: 26px;
	height: 26px;
	margin: 5px 0 5px 5px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .3)
}

.top_menu_list .btn.cur {
	color: #0ab068;
	font-size: .98em
}

.iphone .top_menu_list .btn.cur {
	font-weight: 700
}

.top_menu_ico {
	float: right;
	width: 5%;
	position: relative
}

.top_menu_ico span {
	width: 100%;
	height: 33px;
	background: url(../images/sjx.png) center center no-repeat;
	background-size: 7px 11px;
	display: block;
	position: relative;
	top: 4px
}

.top_menu_icoa {
	float: right;
	width: 5%;
	position: relative
}

.top_menu_icoa span {
	width: 100%;
	height: 33px;
	background: url(../images/sjx.png) center center no-repeat;
	background-size: 7px 11px;
	display: block;
	position: relative;
	top: 2px
}

.container {
	padding: 0 10px 20px 10px
}

.boxmore {
	clear: both;
	padding-top: 20px;
	text-align: center
}

.boxmore a {
	display: block;
	width: 120px;
	line-height: 24px;
	border: 1px solid #999;
	margin: 0 auto;
	border-radius: 3px
}

.boxmore a span {
	padding: 0 25px 0 10px;
	background: url(../images/down.png) no-repeat right 0;
	color: #999;
	text-align: center
}

.boxmorea a {
	display: block;
	width: 120px;
	line-height: 24px;
	border: 1px solid #999;
	margin: 0 auto;
	border-radius: 3px
}

.boxmorea a span {
	padding-right: 25px;
	background: url(../images/up.png) no-repeat right 0;
	color: #999;
	text-align: center
}

.onebox a {
	color: red;
	font-weight: 700
}

.com_c h3 {
	margin: 10px;
	font-size: 14px
}

.com_c textarea {
	display: block;
	resize: none;
	outline: 0;
	border: 1px solid #999;
	padding: 5px;
	width: 93.3%;
	margin: 0 auto;
	text-align: left;
	height: 50px;
	border-radius: 3px;
	margin-top: 10px
}

.hide {
	display: none
}

.plBtn {
	width: 96%;
	height: 58px;
	line-height: 38px;
	border: 1px solid #999;
	box-sizing: border-box;
	font-size: 20px;
	padding: 10px 10px 10px 50px;
	margin: 10px;
	background: url(../images/plicon.png) no-repeat 10px center
}

.forbid {
	color: #999;
	background: #f5f5f5
}

.com_c .reset {
	float: right;
	background: #ccc;
	text-align: center
}

.com_c .reset,
.com_c button {
	border: none;
	width: 45%;
	height: 32px;
	line-height: 32px;
	margin: 5px 2%;
	border-radius: 3px
}

.com .comment_2 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.slideBox {
	position: relative;
	height: 184px;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0 2%
}

.slideBox::-webkit-scrollbar {
	display: none
}

.slideBox .slideList {
	height: 167px
}

.slideBox .slideList li {
	width: 32vw;
	height: 167px;
	overflow: hidden;
	margin-right: 1vw;
	float: left
}

.slideBox .slideList li a {
	float: left
}

.slideBox .slideList li img {
	width: 100%;
	height: 167px
}

.slideList {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}

.apkdb_02b {
	width: 100%;
	height: auto;
	height: auto;
	padding-right: 20px
}

.apkdb_02b li {
	padding: 20px 1% 0 0;
	text-align: center
}

.apkdb_02b li a img {
	width: 100%;
	max-width: 375px;
	height: 170px
}

.apkdb_02b .b_ta {
	padding-right: 20px
}

.top_menu_barb {
	box-sizing: border-box
}

.top_menu_barb::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1000%;
	height: 1px;
	background-image: -webkit-linear-gradient(top, transparent, transparent 40px, #ddd 40px);
	background-size: 1000% 1px;
	background-position: bottom;
	background-repeat: no-repeat
}

.top_menub {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.top_menub::-webkit-scrollbar {
	display: none
}

.top_menu_listb {
	white-space: nowrap;
	background: #009
}

.top_menu_listb ul {
	white-space: nowrap;
	width: 2000px
}

.top_menu_listb ul li {
	position: relative;
	float: left;
	display: inline
}

.imgmodal {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 666;
	background-color: #f2f2f2;
	opacity: .98
}

.imgmodal p {
	height: 45px
}

.imgmodal .closebtn {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 30px;
	background: url(../images/closebtn.png) no-repeat center;
	background-size: 20px
}

.imgmodal .dt_imglist {
	margin-top: 30px;
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.imgmodal .dt_imglist::-webkit-scrollbar {
	display: none
}

.imgmodal .dt_img {
	width: 1500px;
	position: absolute;
	left: 0;
	top: 0;
	height: 500px
}

.imgmodal .dt_img li {
	display: inline-block;
	white-space: nowrap;
	margin-right: 15px
}

.imgmodal .dt_img li img {
	width: 100%;
	height: 100%
}

.body100 {
	height: 100vh !important;
	overflow: hidden
}

.deploy {
	margin: 10px;
	border: 1px solid #e9f4fd;
	border-bottom: 0
}

.deploy h4 {
	height: 30px;
	line-height: 30px;
	background: #e9f4fd;
	text-align: center
}

.deploy li {
	border-bottom: 1px solid #e9f4fd;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.deploy li:nth-of-type(2),
.deploy li:nth-of-type(4),
.deploy li:nth-of-type(6) {
	background: #e9f4fd
}

.deploy li:nth-of-type(2) span,
.deploy li:nth-of-type(4) span,
.deploy li:nth-of-type(6) span {
	border-right: 1px solid #d3e8fa
}

.deploy li span {
	display: block;
	width: 20%;
	float: left;
	border-right: 1px solid #e9f4fd;
	text-align: center
}

.deploy li p {
	width: 74%;
	float: left;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px
}

.containers {
	background: #fff;
	overflow: hidden;
	padding: 10px
}

.containers h1 {
	font-size: 18px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.containers .about {
	font-size: 12px;
	color: #999;
	margin: 10px 0 15px 0;
	text-align: center
}

.containers .about span {
	margin-right: 10px
}

.containers img {
	width: 100%
}

.picbox {
	background: #f2f2f2;
	padding: 15px
}

.pictable p {
	margin: 5px auto;
	text-align: center;
	overflow: hidden;
	width: 188px
}

.pictable p a {
	display: block;
	float: left;
	margin-top: 10px
}

.pictable a#imgprevbox {
	background: #f0715c url(../images/jt.png) no-repeat 9px 2px;
	background-size: 15px;
	border-radius: 5px;
	height: 20px;
	width: 33px
}

.pictable a#previewimage {
	color: #f0715c;
	width: 60px;
	margin: 10px 30px 0 30px
}

.pictable a#img_box {
	background: #f0715c url(../images/jt.png) no-repeat 9px -39px;
	background-size: 15px;
	border-radius: 5px;
	height: 20px;
	width: 33px
}

.backnext {
	margin: 15px 0 0 0
}

.backnext li p {
	height: 30px
}

.backnext li b {
	color: #000
}

.textcontent {
	color: #666;
	border-bottom: 1px #ccc solid;
	padding: 15px 0 15px 0
}

.tip {
	background-color: #fefadd;
	margin-top: 25px;
	padding: 5px
}

.tip span {
	border-bottom: 1px dashed #fbd074;
	color: #ffa93a;
	font-size: 13px;
	text-align: center;
	display: block
}

.tip p {
	line-height: 25px;
	padding: 10px 10px 0 10px
}

.yuyue_btn {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	display: block;
	margin-bottom: 8px
}

.yuyue_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 88888;
	display: none
}

.yuyue_box {
	position: fixed;
	left: 10%;
	top: 50%;
	width: 80%;
	height: 260px;
	margin-top: -130px;
	z-index: 99999;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	font-size: 16px;
	display: none
}

.yuyue_box .box_title {
	background: #f0715c;
	font-size: 18px;
	color: #fff;
	padding: 10px 15px
}

.yuyue_box .box_val {
	padding: 20px 30px 0 30px
}

.box_val input {
	display: block;
	width: 94%;
	padding: 12px 3%;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 16px
}

.yuyue_box .box_txt {
	padding: 20px 30px 0 30px;
	line-height: 60px;
	text-align: center;
	color: #888
}

.yuyue_box .box_btn {
	border-top: 1px solid #eee;
	padding: 20px 10px;
	overflow: hidden
}

.box_btn span {
	float: left;
	width: 44%;
	line-height: 35px;
	margin: 0 3%;
	background: #bbb;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	cursor: pointer
}

.box_btn .btn_q {
	background: #f0715c
}

.official {
	background: #ccc !important;
	border: 1px solid #ccc !important
}

.pagebox {
	width: 100%;
	margin: auto;
	clear: both;
	height: 30px;
	text-align: center;
	font-size: 14px;
	float: left;
	display: inline;
	margin: 30px 0 10px 0
}

.pagebox p {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	display: inline-block;
	text-align: center
}

.pagebox a,
.pagebox b,
.pagebox span {
	border: 1px solid #d0d0d0;
	background: #fff;
	color: #000;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	border-radius: 2px
}

.pagebox a:hover {
	border: #01b202 1px solid;
	text-decoration: none
}

.pagebox a.active {
	background: #65bb0a;
	color: #fff;
	border: #65bb0a 1px solid;
	width: 15px
}

.pagebox .disable {
	background: #eee;
	color: #999
}

.pagebox .next {
	-padding: 4px 8px;
	-position: relative;
	-top: -6px;
	-right: 2px
}

.pagebox input {
	margin: 0 -4px;
	border: 0;
	background: 0 0;
	height: 20px;
	-height: 28px;
	line-height: 20px;
	width: 20px;
	text-align: center;
	font-size: 14px
}

.clbox {
	padding: 5px 15px;
	overflow: hidden;
	zoom: 1;
	background: #fff
}

.clbox .tit {
	margin: 0;
	padding: 0;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 700
}

.clbox .tit a {
	font-size: 14px;
	font-weight: 700
}

.clbox .lst {
	padding-top: 10px;
	-width: 680px;
	-padding: 0 10px
}

#pmform {
	-margin-left: 13px
}

.clbox .lst p {
	margin: 0;
	padding: 0
}

.clbox .lst .c2 {
	margin-right: 20px;
	color: #000
}

.clbox .lst dl {
	margin: 0;
	border: 1px solid #edeeed;
	border-top: none;
	overflow: hidden;
	zoom: 1
}

.clbox .lst dt {
	background: #f3fcf8;
	border-top: 1px #e6e6e6 solid;
	border-bottom: 1px #e6e6e6 dotted;
	color: #959595;
	height: 40px;
	line-height: 40px;
	text-indent: 16px
}

.clbox .lst dd {
	font-size: 14px;
	font-family: "Microsoft Yahei";
	color: #414155;
	word-wrap: break-word;
	overflow: hidden
}

.clbox .lst dd .cc {
	margin: 0;
	padding: 10px 15px 0 15px
}

.clbox .lst dd .cb {
	height: 23px;
	line-height: 23px;
	padding: 0 15px 9px 0;
	text-align: right;
	overflow: hidden
}

.clbox .lst dd .cb a {
	color: #005fbb;
	font: 12px/1.5 Arial, tahoma, Verdana
}

.clbox .lst dd .cb .sbtn a {
	color: #444;
	font: 12px/1.5 Arial, tahoma, Verdana
}

.quoting {
	margin: 0;
	border: 1px #e6e6e6 solid;
	padding: 3px
}

.prime {
	background: #f8f9ff;
	padding-bottom: 10px
}

.quoting .ct {
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	color: #989898
}

.quoting .ct .num {
	float: right;
	color: #989898
}

.quoting .cc {
	font: 14px/1.5 Arial;
	padding: 1px 5px
}

textarea.textarea {
	width: 92%
}

h1.hd2 {
	border-bottom: 1px solid #eae8e8;
	color: #211f20;
	font-size: 16px;
	background: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.listmain {
	float: left;
	display: inline;
	width: 100%;
	border-bottom: 10px solid #f2f2f2
}

.lstcatbox li.bd {
	clear: both;
	width: 100%;
	height: 10px;
	padding: 5px 0
}

.lstbox .fcool_01 {
	background: 0 0;
	padding: 5px 0;
	height: auto
}

.lstbox .fcool_01 img {
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 6px 0 8px 0;
	-margin: 8px 0 8px 0
}

.lstbox .fcool_01 .i {
	float: left;
	display: inline;
	width: 50px
}

.lstbox .fcool_01 p {
	margin: 0;
	padding: 0
}

.lstbox .fcool_01 .h {
	width: 160px;
	overflow: hidden;
	color: #676767;
	float: left;
	display: inline
}

.lstbox .fcool_01 .h span {
	display: block;
	width: 160px;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size: 12px
}

.lstbox .fcool_01 .h em {
	margin-left: 10px
}

.lstbox .fcool_01 .h a {
	color: #1ebd78;
	overflow: hidden;
	width: 160px;
	height: 25px;
	display: block;
	font-size: 14px
}

.lstbox .fcool_01 .d {
	width: 40px;
	color: red;
	float: right;
	display: inline
}

.lstbox .fcool_01 .d a {
	color: #fff;
	display: inline-block;
	width: 40px;
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
	text-align: center;
	background: #1ebd78;
	margin-top: 10px
}

.lstbox .fcool_01 .d a:hover,
.lstbox .fcool_01 .h a:hover {
	color: red
}

.lstbox .fcool {
	background: 0 0;
	padding: 5px 0;
	height: auto;
	margin-bottom: 10px
}

.lstbox .fcool div {
	text-indent: 15px;
	padding: 10px 0;
	color: #787878;
	line-height: 22px;
	border-top: 1px dashed #afafaf;
	border-bottom: 1px dashed #afafaf
}

.top_ico {
	padding: 5px;
	margin: 10px 0
}

.top_ico li {
	float: left;
	width: 49.5%;
	height: 25px;
	line-height: 25px
}

.top_ico li img {
	vertical-align: middle;
	margin: 3px 10px
}

.top_ico li.bd {
	clear: both;
	width: 100%;
	height: 10px;
	padding: 5px 0
}

.top_ico li.bd hr {
	overflow: hidden;
	height: 0;
	border-top: 1px dashed #afafaf;
	border-bottom: 0 solid #fff;
	color: #fff
}

.toplist-table {
	padding: 10px 0 20px 0;
	overflow: hidden;
	border: 1px solid #eae8e8;
	border-top: none;
	background: #fff
}

.toplist-table-01 {
	border-bottom: 1px #ddd dashed;
	overflow: hidden;
	width: 680px;
	margin-left: 20px
}

.toplist-table-02 {
	overflow: hidden;
	width: 705px;
	padding: 10px
}

.toplist-table-01 li {
	float: left;
	display: inline;
	height: 23px;
	line-height: 23px;
	color: grey;
	font-weight: 400;
	padding: 10px 0
}

.toplist-table .txt {
	color: #5d5d5d;
	line-height: 23px;
	padding: 5px 10px
}

.toplist-table .txt img {
	float: left;
	width: 100px;
	height: 75px;
	border-radius: 5px;
	padding: 2px;
	margin: 0;
	margin-right: 10px
}

.toplist-table i {
	display: block;
	font-style: normal;
	margin: 2px 0 0 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: #c0c1c3;
	text-align: center;
	overflow: hidden
}

.toplist-table i {
	-moz-border-radius: 2px;
	border-radius: 2px
}

.toplist-table i.n1 {
	background-color: #dd2f39;
	color: #fff
}

.toplist-table i.n2 {
	background-color: #ff4e00;
	color: #fff
}

.toplist-table i.n3 {
	background-color: #ff983d;
	color: #fff
}

.toplist-table .t1 {
	width: 30px
}

.toplist-table .t2 {
	width: 480px;
	color: #2464b2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.toplist-table .t2 a {
	color: #2464b2;
	font-size: 14px
}

.toplist-table .t2 a:hover {
	text-decoration: underline;
	color: #c00
}

.toplist-table .t3 {
	width: 80px;
	text-align: center;
	color: #888
}

.toplist-table .t3 span {
	float: right;
	color: #2464b2
}

.toplist-table .t4 {
	width: 90px;
	line-height: 20px
}

.icon-fair,
.icon-fall,
.icon-rise {
	background-image: url(../images/trend.png);
	background-repeat: no-repeat
}

.icon-fair,
.icon-fall,
.icon-rise {
	float: right;
	padding-right: 12px
}

.icon-rise {
	background-position: 100% 5px
}

.icon-fall {
	background-position: 100% -13px
}

.icon-fair {
	background-position: 100% -31px
}

.typecat {
	color: #ccc
}

.keyword {
	overflow: hidden;
	padding-bottom: 15px;
	background: #fff;
	margin-top: 10px
}

.keyword a {
	float: left;
	margin: 10px 10px 0 10px;
	font-size: 12px
}

.keyword a:nth-of-type(1) {
	color: red
}

.keyword a:nth-of-type(7) {
	color: #22c485
}

.keyword a:nth-of-type(15) {
	color: #03a9f4
}

.keyword a:nth-of-type(4) {
	color: #08c4c2
}

.keyword a:nth-of-type(10) {
	color: #08c4c2
}

.keyword a:nth-of-type(20) {
	color: #ff6060
}

.keyword a:nth-of-type(25) {
	color: #22c485
}

.keyword a:nth-of-type(30) {
	color: #08c4c2
}

.keyword p {
	margin-top: 0
}

#cambrian0 ._1mpIIe,
#cambrian1 ._1mpIIe,
#cambrian2 ._1mpIIe,
#cambrian3 ._1mpIIe,
#cambrian4 ._1mpIIe,
div#cambrian0 {
	margin: 0 !important
}

.banks {
	background: #fff;
	margin: 10px 0 0 0;
	overflow: hidden
}

.banks_list {
	padding: 15px 15px 10px 15px;
	overflow: hidden;
	background: #fff
}

.banks_list li {
	display: inline-block;
	width: 25%;
	font-size: 100%;
	float: left
}

.banks_list li a {
	display: block;
	margin: 4px 4px;
	padding: 4px;
	font-size: 14px;
	line-height: normal;
	text-align: center;
	border: 1px solid transparent;
	background: #f6f6f6
}

.banks_list li.on a {
	background: #f0715c;
	color: #fff
}

.banks ul.hot-soft-list {
	border-top: 1px solid #f2f2f2
}

section.banks.ts {
	margin: 0 0 10px 0
}

#detailse {
	height: 52px
}

#expand {
	text-align: center;
	color: #666;
	height: 40px;
	margin: 0 5px 10px 0;
	overflow: hidden
}

#expand span {
	border: 1px solid #f2f2f2;
	display: inline-block;
	line-height: 28px;
	height: 28px;
	cursor: pointer;
	border-radius: 10px;
	width: 80%
}

.backnexts {
	padding: 20px 0;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	width: 100%;
	overflow: hidden
}

.backnexts ul {
	width: 320px;
	margin: 0 auto
}

.backnexts li {
	float: left;
	display: inline;
	width: 90px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	border-radius: 5px;
	white-space: nowrap;
	margin-right: 20px;
	text-align: center;
	border: 1px solid #f2f2f2
}

.backnexts li a:hover {
	text-decoration: underline
}

.backnexts li.backnext_1 {
	float: right;
	display: inline;
	margin-right: 0
}

.shezhi_box {
	position: fixed;
	bottom: 0;
	width: 100%
}

a.click_pops {
	display: block;
	width: 100%
}

.pops {
	display: none;
	width: 100%;
	height: auto;
	margin: auto;
	z-index: 130;
	background-color: #fff;
	box-shadow: 0 3px 18px rgba(100, 0, 0, .5)
}

.bgPops {
	display: none;
	z-index: 129;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8)
}

.item-top {
	position: relative;
	font-size: 14px
}

.inner {
	width: 100%;
	border-radius: 5px;
	position: fixed;
	bottom: 0
}

.inner .pop-closes {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/closebtn.png) no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: block
}

.inner .title {
	height: 40px;
	line-height: 40px;
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 18px;
	text-indent: 15px
}

#p1 {
	width: 92%;
	z-index: 1;
	background: #fff;
	padding: 4%;
	overflow: hidden
}

#p1 div {
	height: 30px;
	line-height: 30px;
	margin: 15px 0 0 0
}

#p1 div span {
	float: left;
	display: inline;
	font-size: 14px
}

#p1 div a {
	float: left;
	display: inline;
	margin: 0 0 0 4%
}

.backColor.backs a:hover {
	border: 1px solid #f0715c
}

#p1 div.default a {
	width: 25%;
	height: 36px;
	line-height: 36px;
	display: block;
	background: #f0715c;
	border: 1px solid #f0715c;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 20px 0 0
}

#p1 div.default a.catalog {
	background: 0 0;
	color: #f0715c;
	border: 1px solid #f0715c
}

.backColor a {
	border-radius: 100px;
	background: red;
	width: 30px;
	height: 30px;
	border: 1px solid #f2f2f2
}

.backColor a.back-01 {
	background: #e6fbea
}

.backColor a.back-02 {
	background: #d8eced
}

.backColor a.back-03 {
	background: #faf6ee
}

.backColor a.back-04 {
	background: #efefef
}

.backColor a.back-05 {
	background: #fff
}

.read-btn {
	overflow: hidden
}

.read-btn a {
	background: #f0715c;
	height: 40px;
	line-height: 40px;
	display: block;
	width: 200px;
	border-radius: 3px;
	margin: 130px auto;
	text-align: center;
	color: #fff
}

.c-tabs {
	width: 100%;
	overflow: hidden;
	border-top: 10px solid #f2f2f2;
	/* text-align:center; */
}

.c-tabs li {
	height: 40px;
	line-height: 40px;
	width: 33.33%;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
}

.c-tabs li.on,
.c-tabs li:hover {
	color: #f0715c;
	border-top: 2px solid #f0715c
}

#navs .subnavs {
	margin: 10px 2% 0 2%
}

.list-hots {
	background: #fff
}

.list-hots .subnaves {
	margin: 10px 2% 0 2%;
	height: 130px;
	width: 96%;
	overflow: hidden
}

.list-hots .subnav_img {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	height: 160px
}

.list-hots .subnav_img ul {
	white-space: nowrap;
	width: 3000px;
	height: auto
}

.list-hots .subnaves li {
	/* height:110px; */
	width: 75px;
	float: left;
	margin-right: 19px;
	text-align: center;
	position: relative;
}

.list-hots .subnaves img {
	width: 100%;
	height: 90px;
	margin: 0
}

.list-hots .subnaves b {
	width: 100%;
	display: block;
	height: 20px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	color: #000;
	margin-top: 0
}

.list-hots ol {
	width: 100%;
	overflow: hidden
}

.list-hots ol li {
	width: 96%;
	position: relative;
	height: 70px;
	margin: 5px 2% 10px 2%
}

.list-hots ol li img {
	position: absolute;
	left: 0;
	width: 118px;
	height: 70px
}

.list-hots ol li b {
	position: absolute;
	left: 130px;
	top: 0;
	font-size: 16px;
	font-weight: 100
}

.list-hots ol li p {
	position: absolute;
	left: 130px;
	top: 4px;
	line-height: 20px;
	color: #999;
	font-size: 12px;
	height: 60px;
	overflow: hidden
}

.pages {
	display: box;
	display: -webkit-box;
	margin: 20px auto;
	overflow: hidden
}

.pages a {
	box-flex: 1;
	-webkit-box-flex: 1;
	display: block;
	padding: 5px 10px;
	border: 1px solid #f2f2f2;
	margin: 0 10px;
	text-align: center;
	border-radius: 5px
}

.pages .pageindex {
	display: none
}

@media screen and (max-width:360px) {
	.banks_left p {
		width: 70%
	}
}

@media screen and (max-width:320px) and (width:320px) {

	.zlist li,
	.zlist p a {
		width: 50%;
		height: 80px
	}

	.zlist a img {
		width: 100px;
		height: 57px
	}

	.imgmodal p {
		height: 4px
	}

	.imgmodal .closebtn {
		top: 0
	}

	.section-focus-pic ul li h3 {
		width: 65%
	}
}

@media screen and (width:360px) {
	.imgmodal p {
		height: 40px
	}

	.imgmodal .closebtn {
		top: 30px
	}
}

@media screen and (width:412px) {
	.imgmodal p {
		height: 80px
	}

	.imgmodal .closebtn {
		top: 65px
	}
}

@media screen and (width:414px) {
	.imgmodal p {
		height: 85px
	}

	.imgmodal .closebtn {
		top: 65px
	}
}

@media screen and (width:768px) {
	.imgmodal p {
		height: 210px
	}

	.imgmodal .closebtn {
		top: 180px
	}
}

@media screen and (min-width:330px) and (max-width:480px) {

	.zlist li,
	.zlist p a {
		width: 50%;
		height: 100px
	}

	.zlist a img {
		width: 160px;
		height: 77px;
	}

	.vidB a img {
		width: 100%;
		display: block;
		height: 95px
	}
}

@media screen and (max-width:640px) and (min-width:481px) {

	.zlist li,
	.zlist p a {
		width: 33%;
		height: 120px
	}

	.zlist a img {
		width: 160px;
		height: 88px
	}
}

@media screen and (min-width:641px) and (max-width:1150px) {

	.zlist li,
	.zlist p a {
		width: 33%
	}
}

@media screen and (min-width:1151px) {

	.zlist li,
	.zlist p a {
		/* width:20% */
	}
}

@media screen and (max-width:321px) {
	.section-focus-pic ul li {
		height: 180px
	}

	.section-focus-pic ul li img {
		height: 180px
	}

	.section-focus-pic .pages {
		height: 180px
	}
}

@media screen and (min-width:321px) and (max-width:360px) {
	.section-focus-pic ul li {
		height: 200px
	}

	.section-focus-pic ul li img {
		height: 200px
	}

	.section-focus-pic .pages {
		height: 200px
	}
}

@media screen and (max-width:376px) and (min-width:374px) {
	.section-focus-pic ul li {
		height: 200px
	}

	.section-focus-pic ul li img {
		height: 200px
	}

	.section-focus-pic .pages {
		height: 200px
	}
}

@media screen and (max-width:374px) and (min-width:361px) {
	.section-focus-pic ul li {
		height: 200px
	}

	.section-focus-pic ul li img {
		height: 200px
	}

	.section-focus-pic .pages {
		height: 200px
	}
}

@media screen and (min-width:376px) and (max-width:479px) {
	.section-focus-pic ul li {
		height: 210px
	}

	.section-focus-pic ul li img {
		height: 210px
	}

	.section-focus-pic .pages {
		height: 210px
	}
}

@media screen and (max-width:567px) and (min-width:479px) {
	.section-focus-pic ul li {
		height: 236px
	}

	.section-focus-pic ul li img {
		height: 236px
	}

	.section-focus-pic .pages {
		height: 236px
	}
}

@media screen and (max-width:666px) and (min-width:567x) {
	.section-focus-pic ul li {
		height: 290px
	}

	.section-focus-pic ul li img {
		height: 290px
	}

	.section-focus-pic .pages {
		height: 290px
	}
}

@media screen and (max-width:879px) and (min-width:668x) {
	.section-focus-pic ul li {
		height: 400px
	}

	.section-focus-pic ul li img {
		height: 400px
	}

	.section-focus-pic .pages {
		height: 400px
	}
}

@media screen and (min-width:879x) and (max-width:979px) {
	.section-focus-pic ul li {
		height: 456px
	}

	.section-focus-pic ul li img {
		height: 456px
	}

	.section-focus-pic .pages {
		height: 456px
	}

	#nav_left_layout {
		padding: 0 10px
	}
}

@media screen and (max-width:1023px) and (min-width:979x) {
	.section-focus-pic ul li {
		height: 500px
	}

	.section-focus-pic ul li img {
		height: 500px
	}

	.section-focus-pic .pages {
		height: 500px
	}
}

@media screen and (min-width:1024px) {
	.section-focus-pic ul li {
		height: 500px
	}

	.section-focus-pic ul li img {
		height: 500px
	}

	.section-focus-pic .pages {
		height: 500px
	}

	.vidB li {
		float: left;
		margin-left: 4%;
		margin-top: 3%;
		width: 200px
	}

	.vidB li a img {
		width: 200px;
		display: block
	}
}

@media screen and (min-width:840px) {
	#nav_left_layout {
		padding: 0 10px
	}
}

.atags {
	height: 24px !important
}

.atags a {
	display: inline-block;
	padding: 2px 6px;
	background: #eee;
	margin-right: 6px
}

.book-intro {
	position: relative;
	padding: 2% 2% 5% 2%;
	color: #888;
	font-size: 14px;
	line-height: 28px
}

.book-intro .cont {
	overflow: hidden;
}

.intro-more {
	position: absolute;
	bottom: 18px;
	right: 3%;
	padding-left: 10px;
	background: #fff;
	color: #f0715c
}

.intro-more:after {
	content: "";
	display: block;
	width: 100px;
	height: 28px;
	position: absolute;
	left: -100px;
	top: 0;
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}

.chapter-content {
	overflow: hidden;
	line-height: 26px;
	font-size: 15px
}

.chapter-content p {
	margin-bottom: 12px
}

.chapter-list {
	display: none;
	overflow: hidden
}

.chapter-list li:first-child {
	border-top: none
}

.chapter-list li {
	height: 50px;
	line-height: 50px;
	padding: 0 2%;
	border-top: 1px solid #eee
}

.chapter-list li a {
	display: block
}

.show-more {
	position: relative
}

.show-more a,
.show-more span {
	display: block;
	width: 120px;
	text-align: center;
	padding: 6px;
	border: 1px solid #f0715c;
	color: #f0715c;
	border-radius: 40px;
	margin: 0 auto
}

.show-more:after {
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	position: absolute;
	left: 0;
	top: -200px;
	background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff)
}

.comments-list {
	position: relative;
	overflow: hidden
}

.comments-list li {
	padding: 0 2%;
	display: flex;
	margin: 2% 0
}

.comments-list .u-avatar {
	margin-right: 10px
}

.comments-list .u-avatar,
.comments-list .u-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #eee
}

.comments-list .u-content {
	-webkit-flex: 1
}

.comments-list .u-name {
	color: #4b78b2;
	font-size: 14px
}

.comments-list .cont {
	font-size: 14px;
	margin-top: 5px;
	line-height: 24px
}

.head_search {
	-webkit-box-flex: 1;
	box-flex: 1;
	margin-left: 15px;
	margin-right: 2%;
	background: #f3f3f3;
	position: relative;
	overflow: hidden;
	width: 180px;
	height: 30px;
	padding-left: 10px;
	border-radius: 2px;
}

.head_search .sub {
	float: right;
	width: 30px;
	height: 30px;
	border: none;
	background: url(../images/icon_search.png) no-repeat center center
}

.head_search .text {
	width: 80%;
	height: 30px;
	line-height: 30px;
	float: left;
	border: none;
	background: 0 0;
	font-size: 16px;
}

.book-info .base {
	display: block;
	position: relative;
	padding: 0px 10px 10px;
	overflow: hidden;
}

.book-info .base dt {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 80px;
	height: 110px;
}

.book-info .base dt img {
	width: 100%;
	height: 100%;
	vertical-align: top
}

.book-info .base dd {
	margin-left: 100px;
	height: 110px;
}

.book-info .base dd h2 {
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: 0 0;
	border: none;
	padding: 0;
	margin-top: 0;
}

.book-info .base dd .info {
	margin-bottom: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
}

.book-info .base dd .info span {
	display: block
}

.book-info .btns {
	position: relative;
	padding: 0 0 10px 0;
}

.book-info .btns::after {
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 0;
	display: block;
	content: '';
	-webkit-transition: margin-left .15s;
	transition: margin-left .15s
}

.book-info .btns ul {
	width: 100%;
	font-size: 0;
	letter-spacing: 0
}

.book-info .btns li {
	display: inline-block;
	font-size: 100%;
	width: 50%
}

.book-info .btns li a {
	display: block;
	margin: 0 10px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #666;
	background: #fff;
	border: 1px solid #e3e4e6;
	border-radius: 5px;
}

.book-info .btns li a.read-online {
	color: #fff;
	background: #fe7031;
	border: 1px solid #fe7031
}

.ok-box {
	box-sizing: border-box;
	padding: 20px 16px;
	background: linear-gradient(270deg, #b34545 0, #e94e4e 100%);
	border-radius: 8px;
	margin: 10px 0;
}

.ok-boxb {
	margin: 10px;
}

.ok-box .tit {
	line-height: 26px;
	font-size: 16px;
	color: #fff;
}

.ok-box .con,
.ok-box .conb {
	display: flex;
	padding-top: 16px;
	justify-content: space-between;
}

.ok-box .btn-u {
	text-align: center;
	border-radius: 6px;
	width: 200px;
	height: 44px;
	line-height: 44px;
	margin-right: 8px;
	font-size: 14px;
	background-color: #fff;
	color: #e74d4d;
	font-weight: 500;
}

.ok-box .b-txt {
	text-align: center;
	border-radius: 6px;
	flex: 0 0 105px;
	line-height: 44px;
	width: 105px;
	font-size: 14px;
	color: #fff;
}

.a92bbad1ad .dw {
	line-height: 20px;
	display: block;
}

.a92bbad1ad .d2 {
	display: block;
	font-size: 8px !important;
	line-height: 8px !important;
}