body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font: 12px Helvetica Regular, Microsoft YaHei, sans-serif, Tahoma;
	color: #434343;
}
input {
	outline: none;
}
em, i {
	font-style: normal;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color: #969696;
	font-family: STHeiti, 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	outline: 0;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
	width: 100%;
	height: auto;
	width: auto\9;
	-ms-interpolation-mode: bicubic;
}
.fl {
	display: block;
	float: left;
}
.fr {
	display: block;
	float: right;
}
#content {
	min-width: 320px;
	max-width: 750px;
	min-height: 100vh;
	margin: 0 auto;
	background: #fff;
	overflow: auto;
	position: relative;
	-webkit-overflow-scrolling: touch;
}
#content.on {
	overflow: hidden;
}
#content.on .header {
	position: fixed;
	top: 0;
	width: 100%;
}
#content.on .meun {
	background-position: 0 0 !important;
}
#content.on .details_head .meun {
	background-position: 0 -66px !important;
}

::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 border-radius: 4px;
}

::-webkit-scrollbar-thumb {
 background-color: #a1d8d3;
 border-radius: 4px;
}
.header {
	background: #fff;
	height: 50px;
	position: relative;
	z-index: 2;
	max-width: 768px;
}
.header .logo {
	height: 24px;
	float: left;
	margin: 13px 0;
	display: block;
}
.header .logo img {
	height: 24px;
	width: inherit;
}
.header .meun {
	width: 22px;
	height: 22px;
	background: url(../images/icon_menu.png) no-repeat;
	background-size: 100% auto;
	margin: 14px;
	background-position: 0 -44px;
	cursor: pointer;
}
.header .seach_btn {
	margin: 13px 12px 0 0;
	height: 24px;
	background: #f5f5f5;
	border-radius: 12px;
	line-height: 24px;
	text-indent: 8px;
	color: #a1d8d3;
	font-size: 12px;
	float: right;
	width: 46%;
	max-width: 300px;
	position: relative;
}
.header .seach_btn i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/icon_search.png) no-repeat;
	background-size: 100%;
	float: right;
	margin: 6px 8px 0;
}
.details_head {
	display: flex;
	width: 100%;
	height: 50px;
	background: -webkit-linear-gradient(to right, #33bbff 0%, #009688 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbff', endColorstr='#009688', GradientType=1) !important;
	background: linear-gradient(to right, #589cf6 0%, #1ab2ff 100%) !important;
}
.details_head .back {
	width: 12px;
	height: 30px;
	background: url(../images/icon_back.png) no-repeat center;
	background-size: 100% auto;
	float: left;
	margin: 10px 12px;
}
.details_head p {
	flex: 1;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-left: 30px;
}
.details_head .seach_btn {
	width: 20px;
	height: 20px;
	border-radius: inherit;
	background: url(../images/icon_search2.png) no-repeat center;
	background-size: 100%;
	margin: 15px 0 0 0;
}
.details_head .meun {
	background-position: 0 -22px;
}
.search_wrap {
	display: none;
	position: fixed;
	z-index: 2019;
	width: 100%;
	max-width: 768px;
	height: 100vh;
	top: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	background: rgba(255, 255, 255, 0.98);
}
.search_wrap .seach_head {
	min-width: 320px;
	max-width: 768px;
	margin: 0 auto;
	overflow: auto;
	display: flex;
	height: 50px;
	background: -webkit-linear-gradient(to right, #33bbff 0%, #009688 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbff', endColorstr='#009688', GradientType=1) !important;
	background: linear-gradient(to right, #33bbff 0%, #009688 100%) !important;
}
.search_wrap .back {
	width: 12px;
	height: 30px;
	background: url(../images/icon_back.png) no-repeat center;
	background-size: 100% auto;
	float: left;
	margin: 10px 12px;
}
.search_wrap .search_box {
	flex: 1;
	display: flex;
	height: 26px;
	margin: 12px 12px 0 25px;
}
.search_wrap .search_box .search_ksy {
	background: #f5f5f5;
	border-radius: 12px;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	flex: 1;
	font-size: 14px;
}
.search_wrap .search_box .btn {
	color: #fff;
	font-size: 12px;
	width: 40px;
	text-align: center;
	background: none;
	font-weight: bold;
}
.search_wrap .hotsaech {
	margin: 12px;
	overflow: hidden;
}
.search_wrap .hotsaech li {
	float: left;
	width: 50%;
	font-size: 12px;
	color: #666;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}
.search_wrap .hot_game {
	padding: 12px 12px 6px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.search_wrap .hot_game ul li {
	margin-right: 5px;
	display: inline-block;
}
.search_wrap .hot_game ul li .img {
	margin: 0 auto;
	display: block;
}
.search_wrap .hot_game ul li .img, .search_wrap .hot_game ul li .img img {
	width: 70px;
	height: 70px;
	border-radius: 12px;
}
.search_wrap .hot_game ul li p {
	text-align: center;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	overflow: hidden;
}
.search_wrap .hot_tags {
	margin: 12px;
	overflow: hidden;
}
.search_wrap .hot_tags a {
	display: block;
	float: left;
	padding: 0 12px;
	height: 26px;
	line-height: 26px;
	border-radius: 14px;
	color: #666;
	border: 1px solid #f2f2f2;
	margin: 0 6px 10px 0;
}
.search_wrap .close_search {
	display: block;
	margin: 20px 12px;
	background: #009688;
	color: #fff;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
}
.burger {
	display: none;
	position: fixed;
	top: 50px;
	z-index: 99;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100vw;
	max-width: 768px;
	height: 100vh;
	padding-top: 6px;
	background: rgba(255, 255, 255, 0.98);
}
.burger .nvalist {
	margin: 6px 0;
	overflow: hidden;
}
.burger .nvalist a {
	width: 20%;
	text-align: center;
	display: block;
	float: left;
	margin: 10px 0 10px -1px;
	overflow: hidden;
}
.burger .nvalist a span {
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	display: block;
	margin: 0 auto;
	font-family: SimSun;
}
.burger .nvalist a+a span {
	border-left: 1px solid #bfbfbf;
}
.burger .bdlist {
	padding: 12px;
	overflow: hidden;
	border-top: 6px solid #f5f5f5;
	border-bottom: 6px solid #f5f5f5;
}
.burger .bdlist ul {
	width: 50%;
	float: left;
}
.burger .bdlist ul li {
	display: flex;
	line-height: 28px;
	margin: 8px 0;
}
.burger .bdlist ul li .title {
	font-size: 16px;
	font-weight: bold;
	color: #111;
	margin-bottom: 5px;
	line-height: 28px;
}
.burger .bdlist ul li i {
	font-size: 12px;
	color: #999;
	line-height: 28px;
}
.burger .bdlist ul li span {
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	color: #333;
	margin: 0 7px 0 5px;
}
.burger .bdlist ul li span, .burger .bdlist ul li span img {
	width: 28px;
	height: 28px;
	border-radius: 3px;
}
.burger .bdlist ul li a {
	display: block;
	flex: 1;
	overflow: hidden;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
	margin-right: 10px;
	font-family: SimSun;
}
.burger .clode_burger {
	height: 34px;
	line-height: 34px;
	background: #009688;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	margin: 16px 12px 160px;
}
.nav {
	height: 40px;
	background: #fff;
	margin: 0 12px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.nav a {
	color: #030303;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	display: inline-block;
	padding: 0 10px;
	position: relative;
}
.nav .hot::before {
	display: block;
	position: absolute;
	right: 4px;
	top: 8px;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 3px;
	background: #ff4c4c;
}
.nav a.on, .nav a:hover {
	color: #009688;
}
.nav a.on::after, .nav a:hover::after {
	display: block;
	position: absolute;
	content: '';
	width: 20%;
	bottom: 3px;
	left: 40%;
	height: 4px;
	background: #009688;
	border-radius: 3px;
}
footer {
	overflow: hidden;
	padding: 12px 0;
	width: 100%;
	border-top: 6px solid #b8e2de66;
}
footer .ft_logo {
	height: 32px;
	margin: 10px auto;
	display: block;
	text-align: center;
}
footer .ft_logo img {
	height: 32px;
	width: inherit;
}
footer p, footer span {
	text-align: center;
	color: #999;
	line-height: 20px;
	font-size: 12px;
	display: block;
}
.boxwrap {
	border-top: 6px solid #b8e2de66;
	overflow: hidden;
}
.boxwrap .box_title {
	height: 30px;
	line-height: 30px;
	padding: 12px 12px 0;
}
.boxwrap .box_title span, .boxwrap .box_title h2 {
	float: left;
	font-size: 18px;
	color: #008080;
	font-weight: 600;
}
.boxwrap .box_title .more {
	float: right;
	font-size: 14px;
	color: #666;
}
.boxwrap ul {
	border-top: none;
}
.comments {
	padding: 12px;
}
/*page*/
.page {
	background: #fff;
	padding: 5px 20px;
	display: flex;
	position: relative;
}
.page span:before {
	display: block;
	content: '';
	position: absolute;
	right: 5px;
	top: 11px;
	width: 15px;
	height: 10px;
	background: url(../images/icon_sj.png) no-repeat;
	background-size: auto 100%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.page>a {
	flex: 1;
	margin: 6px;
	display: inline-block;
	line-height: 30px;
	border-radius: 4px;
	background: #f6f6f6;
	text-align: center;
	color: #333;
}
.page>a:active, .page span .cbtn a:active {
	background: #ddd;
}
.page>span {
	flex: 1;
	margin: 6px;
	display: inline-block;
	line-height: 30px;
	border-radius: 4px;
	text-align: center;
	background: #009688;
	color: #fff;
	font-size: 14px;
	position: relative;
}
.page>span .cbtn {
	display: none;
	width: 100%;
	position: absolute;
	top: -62px;
	left: 0;
	z-index: 10;
	height: 92px;
	overflow-y: scroll;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 3px #bbb;
	-moz-box-shadow: 0 30 3px #bbb;
	box-shadow: 0 0 3px #bbb;
}
.page>span .cbtn a {
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-bottom: 1px;
	float: left;
	width: 100%;
	background: #f6f6f6;
	font-size: 14px;
	color: #666;
}
#Top {
	display: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: fixed;
	z-index: 2019;
	right: 12px;
	bottom: 50px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4) url(../images/icon_up.png) no-repeat center;
	background-size: 50%;
}
.star {
	width: 66px !important;
	position: relative;
	margin: 5px 0;
}
.star, .star span {
	height: 10px;
	background: url(../images/icon_star.png) no-repeat;
	background-size: 66px auto;
}
.star span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	background-position: 0 -11px;
}
.star .l1 {
	width: 20%;
}
.star .l2 {
	width: 40%;
}
.star .l3 {
	width: 60%;
}
.star .l4 {
	width: 80%;
}
.star .l5 {
	width: 100%;
}
.footer {
	border-top: 10px solid #f1f1f1;
	text-align: center;
	padding: 14px 0;
	float: left;
	width: 100%
}
.footer a, .footer p {
	color: #777;
	font-size: 12px;
	line-height: 20px;
	padding: 0 12px
}
.games {
	overflow: hidden;
	margin: 12px 12px 0;
}
.games li {
	float: left;
	width: 25%;
	margin-bottom: 16px;
}
.games li .info {
	display: block;
	margin: 0 auto;
}
.games li .info img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	display: block;
	margin: 0 auto;
}
.games li .info p {
	font-size: 14px;
	color: #111111;
	text-align: center;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: 5px;
}
.games li .info span {
	font-size: 12px;
	color: #666;
	line-height: 16px;
	height: 16px;
	text-align: center;
	display: block;
}
.games li .downl {
	display: block;
	margin: 5px auto 0;
	width: 60px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #009688;
	color: #009688;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
}
.sy_games {
	overflow: hidden;
	margin: 0 12px;
}
.sy_games li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.sy_games li .img {
	display: block;
}
.sy_games li .img, .sy_games li .img img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
}
.sy_games li .info {
	flex: 1;
	margin: 0 12px;
}
.sy_games li .info .bt {
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #333;
	display: block;
	margin-top: 2px;
}
.sy_games li .info .desc {
	font-size: 12px;
	color: #a1a1a1;
	line-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
}
.sy_games li .donwl {
	display: block;
	width: 56px;
	height: 26px;
	box-shadow: 0 0 12px #9fcee5;
	background: -webkit-linear-gradient(left, #589cf6 0%, #1ab2ff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589cf6', endColorstr='#1ab2ff', GradientType=1);
	background: linear-gradient(to right, #589cf6 0%, #1ab2ff 100%);
	color: #fff;
	text-align: center;
	border-radius: 4px;
	line-height: 26px;
	margin: 10px auto 0;
}
.news_list {
	overflow: hidden;
	margin: 0 12px;
}
.news_list li:last-child {
	border: none;
}
.news_list li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.news_list li .img {
	display: block;
	margin-right: 12px;
}
.news_list li .img, .news_list li .img img {
	width: 118px;
	height: 60px;
	border-radius: inherit;
}
.news_list li .text {
	flex: 1;
}
.news_list li .text .bt {
	display: block;
	/* height: 40px; */
	line-height: 20px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
}
.news_list li .text span {
	float: left;
	display: block;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	margin: 8px 10px 0 0;
}
.rec_game {
	overflow: hidden;
	padding: 20px 12px;
	margin-top: 12px;
}
.rec_game .item {
	overflow: hidden;
	width: 100%;
	display: flex;
}
.rec_game .item .img {
	display: block;
}
.rec_game .item .img, .rec_game .item .img img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
}
.rec_game .item .info {
	flex: 1;
	height: 64px;
	margin: 0 12px;
}
.rec_game .item .info .bt {
	font-size: 14px;
	color: #333;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	font-weight: 600;
	display: block;
}
.rec_game .item .info .type {
	font-size: 12px;
	color: #999;
	height: 20px;
	line-height: 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}
.rec_game .item .info .type span, .rec_game .item .info .type .star {
	float: left;
}
.rec_game .item .info .type .star {
	margin: 5px 0 0 5px;
}
.rec_game .btn {
	display: block;
	height: 32px;
	line-height: 32px;
	color: #ffff;
	text-align: center;
	font-size: 14px;
	border-radius: 3px;
	background: #009688;
	margin-top: 15px;
}
.downls {
	padding: 0 12px;
}
.downls li {
	overflow: hidden;
	width: 100%;
	display: flex;
}
.downls li .img {
	display: block;
}
.downls li .img, .downls li .img img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
}
.downls li .info {
	flex: 1;
	height: 64px;
	margin: 0 12px;
}
.downls li .info .bt {
	font-size: 14px;
	color: #333;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	display: block;
}
.downls li .info .type {
	font-size: 12px;
	color: #999;
	height: 20px;
	line-height: 20px;
	display: block;
	overflow: hidden;
}
.downls li .downl {
	display: block;
	width: 56px;
	height: 26px;
	box-shadow: 0 0 12px #9fcee5;
	background: -webkit-linear-gradient(left, #589cf6 0%, #1ab2ff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589cf6', endColorstr='#1ab2ff', GradientType=1);
	background: linear-gradient(to right, #589cf6 0%, #1ab2ff 100%);
	color: #fff;
	text-align: center;
	border-radius: 4px;
	line-height: 26px;
	margin: 10px auto 0;
}
.downls li {
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.downls li:last-child {
	border: none;
}
.other_list {
	overflow: hidden;
	margin: 0 12px;
}
.other_list li:last-child {
	border: none;
}
.other_list li {
	overflow: hidden;
	width: 100%;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.other_list li .img {
	display: block;
}
.other_list li .img, .other_list li .img img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
}
.other_list li .info {
	flex: 1;
	height: 64px;
	margin: 0 12px;
}
.other_list li .info .bt {
	font-size: 14px;
	color: #333;
	overflow: hidden;
	height: 22px;
	line-height: 22px;
	display: block;
}
.other_list li .info .type {
	font-size: 12px;
	color: #999;
	height: 20px;
	line-height: 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 2px;
}
.other_list li .info .tags {
	overflow: hidden;
	height: 20px;
}
.other_list li .info .tags a {
	float: left;
	display: block;
	font-size: 12px;
	color: #999;
	border-radius: 8px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #f2f2f2;
	padding: 0 8px;
	margin-right: 6px;
}
.other_list li .downl {
	width: 60px;
	height: 26px;
	line-height: 26px;
	background: #009688;
	color: #fff;
	font-size: 12px;
	text-align: center;
	display: block;
	border-radius: 3px;
	margin-top: 18px;
}
.ot_tab {
	background: #fff;
	display: flex;
	padding: 12px;
}
.ot_tab a {
	flex: 1;
	text-align: center;
	margin: 0 12px;
	background: #e6e6e6;
	border-radius: 15px;
	height: 26px;
	line-height: 26px;
	color: #555;
}
.ot_tab a.on {
	background: #009688;
	color: #fff;
}
.ot_list {
	overflow: hidden;
	padding: 0 12px;
	border-top: 6px solid #f5f5f5;
}
.ot_list li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.ot_list li .img {
	display: block;
}
.ot_list li .img, .ot_list li .img img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
}
.ot_list li .info {
	flex: 1;
	margin: 0 12px;
}
.ot_list li .info .bt {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #333;
	display: block;
}
.ot_list li .info p {
	line-height: 16px;
	margin: 6px 0 4px;
	font-size: 12px;
	color: #999;
}
.ot_list li .info p .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px -2px 0;
	background: url(../images/icon_pt.png) no-repeat;
	background-size: 16px auto;
	vertical-align: top;
}
.ot_list li .info p .icon.az {
	background-position: 0 -16px;
}
.ot_list li .info p .icon.ios {
	background-position: 0 0;
}
.ot_list li .info .time {
	font-size: 12px;
	color: #ff4c4c;
	overflow: hidden;
	height: 16px;
}
.ot_list li .info .time span {
	margin-right: 12px;
}
.ot_list li .btn {
	display: block;
	color: #fff;
	background: #009688;
	width: 60px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 3px;
	margin-top: 18px;
}
.lq_list {
	overflow: hidden;
	padding: 0 12px;
	border-top: 6px solid #f5f5f5;
}
.lq_list li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.lq_list li .img {
	display: block;
}
.lq_list li .img, .lq_list li .img img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
}
.lq_list li .info {
	flex: 1;
	margin: 0 12px;
}
.lq_list li .info .bt {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #333;
	display: block;
}
.lq_list li .info p {
	line-height: 16px;
	font-size: 12px;
	color: #ff4c4c;
	margin: 4px 0;
}
.lq_list li .info p .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px -2px 0;
	background: url(../images/icon_pt.png) no-repeat;
	background-size: 16px auto;
	vertical-align: top;
}
.lq_list li .info p .icon.az {
	background-position: 0 -16px;
}
.lq_list li .info p .icon.ios {
	background-position: 0 0;
}
.lq_list li .info .time {
	font-size: 12px;
	color: #ff4c4c;
	overflow: hidden;
	height: 16px;
}
.lq_list li .info .time span {
	margin-right: 12px;
}
.lq_list li .info .txt {
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	width: 130%;
	max-width: 660px;
}
.lq_list li .btn {
	border-radius: 15px;
	margin-top: 6px;
}
.lq_list li .btn.gq {
	background: #e6e6e6;
}
.lq_list li .btn.th {
	background: #ffaf40;
}
.lq_list .btn {
	display: block;
	color: #fff;
	background: #009688;
	width: 60px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 3px;
	margin-top: 18px;
}
.Brdnav {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	background: #f5f5f5;
	font-size: 12px;
	color: #999;
}
.Brdnav i {
	display: inline-block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/position.png) no-repeat;
	background-size: 20px auto;
	margin: 10px 6px 0px 0px;
}
.Brdnav a {
	color: #999;
}
.Brdnav span {
	margin: 0 6px;
	font-family: initial;
}
/*Tips*/
.tips_wind {
	display: none;
	width: 100%;
	position: fixed;
	z-index: 2019517;
	left: 0;
	top: 33%;
	text-align: center;
	font-size: 14px;
}
.tips_wind span {
	background: rgba(0, 0, 0, 0.7);
	border-radius: 6px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	padding: 10px 12px;
	margin: 0 auto;
	display: inline-block;
	max-width: 180px;
}
.top_head {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 14px 18px #f5f5f5;
	-webkit-box-shadow: 0 14px 18px #f5f5f5;
	margin: 20px 12px;
	border-radius: 6px;
	display: flex;
}
.top_head .lis {
	flex: 1;
	margin-top: 30px;
	margin-bottom: 15px;
}
.top_head .lis .img {
	display: block;
	position: relative;
	margin: 50px auto 0;
}
.top_head .lis .img, .top_head .lis .img img {
	width: 70%;
	border-radius: 10%;
}
.top_head .lis .img img {
	display: block;
	margin: 0 auto;
}
.top_head .lis p {
	font-size: 14px;
	color: #333;
	line-height: 26px;
	text-align: center;
	margin-top: 5px;
	height: 26px;
	overflow: hidden
}
.top_head .lis span {
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	display: block;
}
.top_head .lis .btn {
	margin: 5px auto 0;
	width: 60px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #b2d9ff;
	color: #009688;
	font-size: 12px;
	text-align: center;
	display: block;
	border-radius: 3px;
}
.top_head .lis:nth-child(2) {
	margin-top: 0;
	padding: 0 26px;
	background: url(../images/topbg.png) no-repeat center;
	background-size: 100% 100%;
	max-width: 180px;
}
.top_head .lis:nth-child(2) .img {
	margin-top: 50px;
}
.top_head .lis:nth-child(2) .img, .top_head .lis:nth-child(2) .img img {
	width: 90%;
	max-width: 150px;
	border-radius: 12%;
}
.top_head .lis1 i, .top_head .lis3 i {
	display: block;
	position: absolute;
	top: -28%;
	left: 38%;
	width: 24%;
	height: 28%;
	background: url(../images/icon_ph2.png) no-repeat;
	background-size: 100% auto;
}
.top_head .lis2 i {
	display: block;
	position: absolute;
	top: -24%;
	left: 38%;
	width: 24%;
	height: 24%;
	background: url(../images/icon_ph1.png) no-repeat;
	background-size: 100% auto;
}
.top_head .lis3 i {
	background: url(../images/icon_ph3.png);
	background-size: 100% auto;
}
 @media screen and (min-width: 468px) {
.top_head .lis .img {
	margin-top: 50px !important;
}
.top_head .lis:nth-child(2) .img {
	margin-top: 60px !important;
}
}
.top_list {
	overflow: hidden;
	margin: 12px;
}
.top_list li:last-child {
	border: none;
}
.top_list li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.top_list li>span {
	display: block;
	width: 26px;
	height: 29px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	background: url(../images/icon_top.png) no-repeat;
	background-size: 26px auto;
	background-position: 0 -30px;
	margin-top: 16px;
}
.top_list li .num_1 {
	background-position: 0 -59px;
}
.top_list li .num_2 {
	background-position: 0 -89px;
}
.top_list li .num_3 {
	background-position: 0 0;
}
.top_list li .img {
	display: block;
	margin: 0 12px 0 8px;
}
.top_list li .img, .top_list li .img img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
}
.top_list li .info {
	flex: 1;
	overflow: hidden;
	margin-right: 12px;
}
.top_list li .info .bt {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #333;
	display: block;
}
.top_list li .info .size {
	font-size: 12px;
	color: #999;
	margin: 2px 0;
	overflow: hidden;
}
.top_list li .info .size span {
	display: block;
	float: left;
}
.top_list li .info .size i {
	margin: 0 4px;
	display: block;
	float: left;
	padding-right: 20px;
	color: #ff4c4c;
	background: url(../images/icon_hot.png) no-repeat right 1px;
	background-size: 12px;
}
.top_list li .info p {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 12px;
	color: #333;
}
.top_list li .btn {
	display: block;
	color: #fff;
	background: #009688;
	width: 60px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 3px;
	margin-top: 18px;
}
.more_search {
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #999;
	display: block;
	width: 100%;
}
.more_search span {
	color: #ff4c4c;
}
.search_tips {
	padding: 12px;
}
.search_tips span {
	font-size: 14px;
	color: #ff4c4c;
	font-weight: bold;
	margin-bottom: 6px;
	display: block;
	width: 100%;
}
.search_tips p {
	line-height: 26px;
}
.search_tips p a {
	color: #ff4c4c;
}
.hos_search {
	overflow: hidden;
	padding: 0 12px;
}
.hos_search .box_title {
	margin-bottom: 12px;
}
.hos_search a {
	display: block;
	float: left;
	width: 50%;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #666;
	overflow: hidden;
	margin-bottom: 12px;
}
.hotdownl {
	padding: 12px 12px 6px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.hotdownl ul li {
	margin-right: 12px;
	display: inline-block;
	width: 70px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.hotdownl ul li .img {
	display: block;
}
.hotdownl ul li .img, .hotdownl ul li .img img {
	border-radius: 12px;
	width: 70px;
	height: 70px;
}
.hotdownl ul li .name {
	display: block;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	margin-top: 6px;
	font-size: 12px;
	color: #111;
}
.search_tags {
	overflow: hidden;
	padding: 12px 0 12px 12px;
}
.search_tags li {
	float: left;
}
.search_tags li a {
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	padding: 0 15px;
	color: #999;
	background: #fff;
	border-radius: 14px;
	font-size: 12px;
	border-radius: 12px;
	border: 1px solid #f2f2f2;
	margin: 0 16px 14px 0;
}
.lb_list {
	overflow: hidden;
	margin: 0 12px;
}
.lb_list li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.lb_list li .img {
	display: block;
	border-radius: 50px;
	overflow: hidden;
	background: #f5f5f5;
	width: 64px;
	height: 64px;
}
.lb_list li .img img {
	width: 60%;
	display: block;
	margin: 20% auto;
}
.lb_list li .info {
	flex: 1;
	margin: 0 12px;
}
.lb_list li .info .bt {
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #333;
	display: block;
	margin-top: 2px;
}
.lb_list li .info .desc {
	font-size: 12px;
	color: #a1a1a1;
	line-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
}
.lb_list li .btn {
	display: block;
	color: #fff;
	background: #009688;
	width: 60px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 3px;
	margin-top: 18px;
}
.YQ_links {
	margin: 12px 0 12px 12px;
	overflow: hidden;
}
.YQ_links a {
	line-height: 24px;
	float: left;
	font-size: 12px;
	color: #666;
	margin-right: 12px;
}
.not_find {
	min-height: calc(100vh - 340px);
}
.not_find img {
	display: block;
	width: initial;
	max-width: 80%;
	margin: 80px auto 30px;
}
.not_find p {
	text-align: center;
	font-size: 14px;
	color: #555;
	line-height: 30px;
}
.not_find .back {
	margin: 20px auto;
	background: #009688;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	font-size: 14px;
	display: block;
	width: 120px;
}
.news_list li .text p {
	width: 100%;
	height: 14px;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	margin: 2px 0 0;
	display: block;
	overflow: hidden;
}
.hd_wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 6px 0;
	max-height: 430px;
	display: none;
}
#hd_wrap {
	width: 260%;
	margin-left: -80%;
}
#hd_wrap .swiper-pagination-bullet, #hd_wrap .swiper-pagination-bullet-active {
	background: #fff;
}
#hd_wrap a {
	display: block;
}
#hd_wrap a img {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
	height: 128px;
}
#hd_wrap .swiper-slide {
	position: relative;
}
#hd_wrap .swiper-slide::before {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 40px;
	background: -webkit-linear-gradient(to bottom, transparent 0%, #000000 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19000000', endColorstr='#99000000', GradientType=0) !important;
	background: linear-gradient(to bottom, transparent 0%, #000000 100%) !important;
}
.nav_index {
	overflow: hidden;
	padding: 0 12px;
	background: #fff;
}
.nav_index ul {
	display: flex;
	overflow: hidden;
}
.nav_index ul li {
	flex: 1;
}
.nav_index ul li a {
	display: block;
	margin: 0 auto 10px;
}
.nav_index ul li a span {
	display: block;
	margin: 10px auto 5px;
	width: 49px;
	height: 49px;
	background: url(../images/icon_nav.png) no-repeat;
	background-size: 49.5px auto;
}
.nav_index ul li a p {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 26px;
}
.nav_index ul li a .icon_wy {
	background-position: 0 -49.5px;
}
.nav_index ul li a .icon_dj {
	background-position: 0 -147px;
}
.nav_index ul li a .icon_bt {
	background-position: 0 -98px;
}
.nav_index ul li a .icon_kc {
	background-position: 0 0;
}
.nav_index ul li a .icon_ph {
	background-position: 0 -196px;
}
.hot_item {
	margin: 12px 0 0;
	overflow: hidden;
}
.hot_item .title {
	text-align: center;
}
.hot_item .title img {
	max-width: 460px;
}
.special_list {
	padding: 12px 12px 6px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.special_list ul li {
	margin-right: 12px;
	display: inline-block;
	width: 190px;
	height: 150px;
	border-radius: 4px;
	overflow: hidden;
	background: #f5f5f5;
}
.special_list ul li .img {
	display: block;
}
.special_list ul li .img, .special_list ul li .img img {
	width: 100%;
	height: 100px;
}
.special_list ul li .info {
	height: 36px;
	display: flex;
	padding: 6px;
}
.special_list ul li .info .game {
	display: block;
}
.special_list ul li .info .game, .special_list ul li .info .game img {
	width: 36px;
	height: 36px;
}
.special_list ul li .info .desc {
	flex: 1;
	margin: 0 6px;
	overflow: hidden;
}
.special_list ul li .info .desc p {
	line-height: 18px;
	height: 18px;
	font-size: 13px;
	color: #111;
	overflow: hidden;
}
.special_list ul li .info .desc span {
	line-height: 18px;
	font-size: 12px;
	color: #999;
	display: block;
	height: 15px;
}
.special_list ul li .info .btn {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #009688;
	border-radius: 12px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin-top: 8px;
}
.xyyg_list {
	padding: 12px 12px 6px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.xyyg_list ul li {
	margin-right: 12px;
	display: inline-block;
	width: 85px;
	height: 175px;
	border: 1px solid #f6f6f6;
	box-shadow: 0 2px 15px #f5f5f5;
	-webkit-box-shadow: 0 2px 15px #f5f5f5;
	overflow: hidden;
	text-align: center;
}
.xyyg_list ul li .img {
	display: block;
	margin: 12px auto 6px;
}
.xyyg_list ul li .img, .xyyg_list ul li .img img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
}
.xyyg_list ul li .bt {
	width: 100%;
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	color: #111;
	display: block;
	overflow: hidden;
}
.xyyg_list ul li p {
	font-size: 12px;
	color: #b3b3b3;
}
.xyyg_list ul li span {
	font-size: 12px;
	color: #ff4c4c;
	display: block;
	width: 100%;
}
.xyyg_list ul li .btn {
	display: block;
	margin: 8px auto 0;
	width: 60px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #b2d9ff;
	color: #009688;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
}
.sylb_list {
	overflow: hidden;
	margin: 0 12px;
}
.sylb_list li {
	overflow: hidden;
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #e3f3f2;
}
.sylb_list li .img {
	display: block;
}
.sylb_list li .img, .sylb_list li .img img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
}
.sylb_list li .info {
	flex: 1;
	margin: 0 12px;
}
.sylb_list li .info .bt {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #333;
	display: block;
}
.sylb_list li .info p {
	line-height: 16px;
	margin: 6px 0;
	font-size: 12px;
	color: #999;
}
.sylb_list li .info p .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px -2px 0;
	background: url(../images/icon_pt.png) no-repeat;
	background-size: 16px auto;
	vertical-align: top;
}
.sylb_list li .info p .icon.az {
	background-position: 0 -16px;
}
.sylb_list li .info p .icon.ios {
	background-position: 0 0;
}
.sylb_list li .info .number {
	width: 180px;
	height: 7px;
	border-radius: 4px;
	background: #ebebeb;
	position: relative;
	overflow: hidden;
	margin-top: 9px;
}
.sylb_list li .info .number span {
	max-width: 100%;
	height: 7px;
	border-radius: 4px;
	background: #ff7843;
	position: absolute;
	left: 0;
	top: 0;
}
.sylb_list li .donwl {
	display: block;
	color: #fff;
	background: #009688;
	width: 60px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 3px;
	margin-top: 18px;
}
.tssy_list {
	padding: 12px 12px 6px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.tssy_list ul li {
	margin-right: 12px;
	display: inline-block;
	width: 190px;
	height: 200px;
	border-radius: 4px;
	overflow: hidden;
	background: #f5f5f5;
}
.tssy_list ul li .img {
	display: block;
	position: relative;
}
.tssy_list ul li .img, .tssy_list ul li .img img {
	width: 100%;
	height: 100px;
}
.tssy_list ul li .img .bt {
	width: 100%;
	position: absolute;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	left: 0;
}
.tssy_list ul li .img .bt p {
	float: left;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	width: 112px;
	overflow: hidden;
}
.tssy_list ul li .img .bt span {
	display: block;
	float: right;
	width: 38px;
	height: 18px;
	line-height: 18px;
	background: #009688;
	border-radius: 12px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin: 6px;
}
.tssy_list ul li .lis {
	float: left;
	width: 47px;
	margin: 4px 8px;
}
.tssy_list ul li .lis .game {
	display: block;
	margin: 3px auto;
}
.tssy_list ul li .lis .game, .tssy_list ul li .lis .game img {
	width: 38px;
	height: 38px;
	border-radius: 8px;
}
.tssy_list ul li .lis p {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #555;
	overflow: hidden;
}
.tssy_list ul li .lis .btn {
	display: block;
	margin: 3px auto 0;
	width: 42px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #b2d9ff;
	color: #009688;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
}
.screening_bd {
	display: inline-block;
	/* position: absolute; */
	width: 100%;
	background: #fff;
	box-shadow: 0 8px 19px #f3f2f2;
	padding-bottom: 10px;
}
.screening_bd ul+ul {
	display: none;
}
.screening_bd ul {
	padding: 12px;
}
.screening_bd ul li {
	float: left;
	width: 25%;
}
.screening_bd ul li a {
	display: block;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	color: #666;
	background: #f2f2f2;
	border-radius: 12px;
	text-align: center;
	margin: 6px;
}
.screening_bd ul li a.on {
	background: #009688;
	color: #fff;
}
#QZhead2 {
	height: 50px;
	line-height: 50px;
	position: relative;
	background: -webkit-linear-gradient(left, #009688 0%, #4CAF50 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009688', endColorstr='#4CAF50', GradientType=1 );
	background: linear-gradient(to right, #009688 0%, #4CAF50 100%);
}
#QZhead2 .box {
	display: flex;
	flex: 1;
	margin: 0 12px;
}
#QZhead2 .box p {
	flex: 1;
	color: #fff;
	font-size: 20px;
	text-align: unset;
	font-weight: bold;
}
#QZhead2 .box .logo {
	background: url("../images/logo2.webp") no-repeat;
	background-size: 100%;
	display: block;
	width: 55px;
	margin-top: 5px;
}
#QZhead2 .box .meun {
	display: block;
	width: 34px;
	height: 34px;
	background: url("../images/icon-pre2.png") no-repeat;
	background-size: 40px auto;
	margin: 6px 0 0 10px;
}
#QZhead2 .QZburger2 {
	display: none;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	top: 49px;
	z-index: 999;
}
#QZhead2 .QZburger2 ul {
	overflow: hidden;
	width: 100%;
	padding: 12px 0;
}
#QZhead2 .QZburger2 ul li {
	width: 20%;
	height: 35px;
	line-height: 35px;
	float: left;
	text-align: center;
}
#QZhead2 .QZburger2 ul li a {
	font-size: 16px;
	color: #888;
	width: 100%;
	height: 35px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#QZhead2 .QZburger2 .search {
	margin: 0 12px 18px;
	position: relative;
	height: 32px;
	background: #f5f5f5;
	border-radius: 16px;
	display: flex;
	flex: 1;
}
#QZhead2 .QZburger2 .search .search_box {
	position: relative;
	flex: 1;
	margin-right: 40px;
}
#QZhead2 .QZburger2 .search .search_box .search-input {
	width: 100%;
	border: none;
	float: left;
	background: none;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
	margin: 6px 0 0 10px;
}
#QZhead2 .QZburger2 .search .search_box .search-btn {
	display: inline-block;
	float: right;
	height: 19px;
	width: 19px;
	position: absolute;
	right: -28px;
	top: 6px;
	background: url(../images/icon-search.png) no-repeat;
	background-size: 100%;
}
#QZhead2 .box a.back {
	display: inline-block;
	flex: 0 0 36px;
	order: -1;
	width: 30px;
	height: 33px;
	background: url(../images/logo.png) no-repeat left center;
	background-size: auto 30px;
	cursor: pointer;
	margin-top: 8px;
}
#QZhead2 .box a.back {
	background: url(../images/btn-back.png) no-repeat center;
	background-size: 13px auto;
	margin-top: 10px;
}
#QZhead2 .box a.home{
  flex-shrink: 0;
  display: flex;
  color: #ffffff;
  font-size: 16px;
}
#QZhead2 .box a.home .icon{
  display: block;
  width: 30px;
  height: 30px;
  background: url(/template/mobile/skin/images/home.png) no-repeat;
  background-size: 30px auto;
  margin: 10px 0 0 10px;
}
.info_cent ul li{
  display: flex;
  width: 100%;
  height: 30px;
}
.info_cent ul li div{
  flex: 1;
  display: flex;
}
.info_cent ul li div span{
  color: #9e9e9e;
}
.level span.l5{
  background: url(/template/pc/skin/images/star1.png) no-repeat left 3px;
  background-size: 73px 28px;
  height: 15px;
  width: 73px;
  position: absolute;
  display: block;
}
.down-btn{
  display: flex;
  width:100%;
  justify-content: center;
  margin:15px auto;
}
.down-btn div{
  padding: 0 10px;
  flex: 1;
}
.down-btn a{
  display: block;
  height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  border-radius: 5px;
  padding:0 10px;
}
.down-btn .down{
    background: linear-gradient(to right, #007fff 0%, #63acff 100%);
}
.down-btn .run{
    background: linear-gradient(to right, #019687 0%, #4baf51 100%);
}
/*meun*/
.menuwrap {
	min-width: 320px;
	max-width: 768px;
	width: 100%;
	height: 43px;
	position: relative;
}
.menuwrap > span {
	display: inline-block;
	height: 43px;
	width: 30px;
	position: absolute;
	top: 0px;
}
.menuwrap .l-y {
	left: 0;
	background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.3) 100%);
}
.menuwrap .r-y {
	right: 0px;
	background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.3) 100%);
}
.menu {
	min-width: 320px;
	max-width: 768px;
	width: 100%;
	height: 50px;
	background: #fff;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);
	overflow-x: scroll;
	overflow-y: hidden;
}
.menu ul {
	display: inline-block;
	padding: 0 12px;
	overflow: hidden;
}
.menu ul li {
	display: inline-block;
	padding: 0 15px;
	float: left;
	text-align: center;
}
.menu ul li a {
	display: inline-block;
	color: #333;
	font-size: 16px;
	line-height: 35px;
	margin: 2px 0 4px 0;
}
.menu ul li a.current {
	color: #009688;
	font-weight: bold;
}
.menu ul li a.on {
	border-bottom: 3px solid #009688;
	text-decoration: none;
	color: #009688;
	font-weight: bold;
}
/* ��ҳ*/
.pager {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background: #b8e2de66;
}
.pager span, .pager a {
	display: inline-block;
	padding: 5px 10px;
	color: #333;
	font-size: 10px;
}
.pager li {
	float: left;
}
.pager a:link, .pager a:visited {
	color: #fff;
	padding: 8px 1px;
	display: inline-block;
	width: 40px;
	background-color: #009688;
	margin-right: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 10px;
}
.pager span {
	color: #009688;
	font-weight: 700;
}
.pager span.now_class {
	color: #333;
	padding: 8px 1px;
	border: 1px solid #009688;
	display: inline-block;
	width: 26px;
	background-color: #FFFFFF;
	margin-right: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 10px;
}
.pager span.ptpage {
	background-color: #FFFFFF;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	border: 1px solid #009688;
	margin-right: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 20px;
	color: #333;
	font-size: 10px;
}
.QZ-nav, .cont1 .list {
	background: #fff;
}
.QZ-nav ul, .cont1 .list ul {
	display: block;
	padding: 15px 6px;
	overflow: hidden;
}
.QZ-nav li, .cont1 .list li {
	float: left;
	display: inline-block;
	width: 25%;
	text-align: center;
}
.QZ-nav li a, .cont1 .list li a {
	overflow: hidden;
	text-decoration: none;
}
.QZ-nav li a span, .cont1 .list li a span {
	display: inline-block;
	width: 55px;
	height: 55px;
	margin-bottom: 5px;
	background: url(../images/img-nav.webp) no-repeat;
	background-size: auto 54px;
}
.QZ-nav li a p, .cont1 .list li a p {
	font-size: 14px;
	color: #888;
}
.QZ-nav li:nth-child(1) a span, .cont1 .list li:nth-child(1) a span {
	background-position: 0px 0;
}
.QZ-nav li:nth-child(2) a span, .cont1 .list li:nth-child(2) a span {
	background-position: -57px 0;
}
.QZ-nav li:nth-child(3) a span, .cont1 .list li:nth-child(3) a span {
	background-position: -114px 0;
}
.QZ-nav li:nth-child(4) a span, .cont1 .list li:nth-child(4) a span {
	background-position: -172px 0;
}
.QZ-nav li:nth-child(5) a span, .cont1 .list li:nth-child(5) a span {
	background-position: -148px 0;
}
.QZ-up {
	display: none;
	position: fixed;
	z-index: 10;
	top: 83%;
	right: 5%;
	width: 32px;
	height: 32px;
	background: url(../images/btn-up.png) no-repeat;
	background-size: 100%;
}
ul.lisstyl1 {
	display: block;
	overflow: hidden;
}
ul.lisstyl1 li {
	position: relative;
	border-bottom: 1px solid #e3f3f2;
	padding: 15px 0;
}
ul.lisstyl1 li .img {
	display: inline-block;
	float: left;
}
ul.lisstyl1 li .img img {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	background: #969696;
}
ul.lisstyl1 li .downl {
	display: inline-block;
	float: right;
	text-align: center;
	color: #fff;
	line-height: 28px;
	width: 60px;
	background: #009688;
	border-radius: 3px;
	position: absolute;
	top: 36%;
	right: 0;
	height: initial;
}
ul.lisstyl1 li .info {
	display: block;
	height: 60px;
	margin: 0 66px 0 72px;
	position: relative;
}
ul.lisstyl1 li .info div {
	width: 100%;
	margin-left: 10px;
}
ul.lisstyl1 li .info div a {
	display: inline-block;
	max-height: 50px;
	color: #333;
	font-size: 14px;
	overflow: hidden;
}
ul.lisstyl1 li .info div p.size {
	color: #888;
	overflow: hidden;
	margin: 2px 0;
}
ul.lisstyl1 li .info div p.miaoshu {
	display: block;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.cont4_lis {
	padding: 0 12px;
}
.cont4_lis ul {
	display: block;
	overflow: hidden;
	padding-top: 6px;
}
.cont4_lis ul li {
	float: left;
	width: 25%;
	text-align: center;
}
.cont4_lis div.img {
	display: inline-block;
	width: 57.5px;
	height: 57.5px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.cont4_lis p.name {
	color: #333;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	margin: 0 0 10px 0;
}
.swipe-hd .hd-bt {
	width: 100%;
	height: 40px;
	background: url(../images/bg-hdbt.png) no-repeat;
	background-position: bottom;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	bottom: 3px;
	z-index: 9;
}
.swipe-hd .swiper-pagination {
	bottom: 4% !important;
}
.swipe-hd .swiper-pagination-bullet {
	width: 4%;
	height: 4px;
	background: #d0cecd;
	border-radius: 2px;
	opacity: 1;
}
.swipe-hd .swiper-pagination-bullet-active {
	background: #5fb300;
}
/*foot*/
.QZfoot {
	clear: both;
	display: block;
	background-color: #007758;
	text-align: center;
	overflow: hidden;
}
.QZfoot span {
	display: block;
	height: 40px;
	background: url(../images/f-logo.webp) no-repeat center center;
	background-size: 230px auto;
}
.QZfoot p {
	font-size: 10px;
	color: #d4d4d4;
	line-height: 20px;
	margin: 6px 12px 12px;
}
.QZfoot div {
	margin: 0 12px;
	overflow: hidden;
	border-top: 1px solid #414141;
}
.QZfoot div a {
	text-align: center;
	display: inline-block;
	width: 33.3333%;
	float: left;
}
.QZfoot div a em {
	display: inline-block;
	color: #fff;
	padding-left: 18px;
	background: url(../images/f-home.png) no-repeat left center;
	background-size: auto 14px;
	font-size: 12px;
	line-height: 50px;
}
.QZfoot div a:nth-child(2) em {
	background: url(../images/f-khd.png) no-repeat left center;
	background-size: auto 14px;
}
.QZfoot div a:nth-child(3) em {
	background: url(../images/f-top.png) no-repeat left center;
	background-size: auto 14px;
}
.ztlist {
	background: #fff;
}
.ztlist ul {
	padding: 0 12px;
	overflow: hidden;
}
.ztlist ul li {
	width: 50%;
	display: inline-block;
	float: left;
}
.ztlist ul li a.img {
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 55%;
	border-radius: 6px;
}
.ztlist ul li a img {
	display: block;
	width: 98%;
	min-height: 100%;
	border-radius: 6px;
}
.ztlist ul li a p {
	width: 96%;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	line-height: 34px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.ztlist ul li:nth-child(even) img {
	float: right;
}
.cont_6 {
	padding: 0 12px;
	clear: both;
}
.cont_6 .cont6_top {
	width: 100%;
}
.cont_6 .cont6_top:after {
	display: block;
	content: '';
	clear: both;
}
.cont_6 .cont6_top p {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	line-height: 40px;
	border-bottom: 2px solid #f5f5f5;
	color: #777;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.cont_6 .cont6_top p i {
	display: none;
	position: absolute;
	left: 49%;
	bottom: 0;
	width: 0;
	height: 0;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #009688;
	border-left: 4px solid transparent;
}
.cont_6 .cont6_top p.on {
	color: #333;
	border-bottom: 2px solid #009688;
}
.cont_6 .cont6_top p.on i {
	display: block;
}
.cont_6 .cont6_lis {
	display: block;
	width: 100%;
}
.cont_6 .cont6_lis ul {
	display: none;
	overflow: hidden;
}
.cont_6 .cont6_lis ul li {
	position: relative;
	border-bottom: 1px solid #e3f3f2;
	padding: 15px 0;
}
.cont_6 .cont6_lis ul li .img {
	display: inline-block;
	float: left;
}
.cont_6 .cont6_lis ul li .img img {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	background: #969696;
}
.cont_6 .cont6_lis ul li .downl {
	display: inline-block;
	float: right;
	text-align: center;
	color: #fff;
	line-height: 28px;
	width: 60px;
	background: #009688;
	border-radius: 3px;
	position: absolute;
	top: 36%;
	right: 0;
}
.cont_6 .cont6_lis ul li .info {
	display: block;
	height: 60px;
	margin: 0 68px;
	position: relative;
}
.cont_6 .cont6_lis ul li .info div {
	width: 100%;
}
.cont_6 .cont6_lis ul li .info div a {
	display: inline-block;
	max-height: 50px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
}
.cont_6 .cont6_lis ul li .info div p.size {
	color: #888;
	overflow: hidden;
	margin: 2px 0;
}
.cont_6 .cont6_lis ul li .info div p.miaoshu {
	display: block;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.swiper-banner .swiper-wrapper{
    align-items: center;
}

/*# sourceMappingURL=main.css.map */



 .pic_container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #34353A;
    display: none;
    z-index: 200;
    overflow-y: scroll;
}
.pic_container_inner{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pic_container_inner>img{
    width: 100%;
    border-radius: 1px;
    cursor: url('../images/narrow.png'), default;
}