@charset "UTF-8";

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

body {
	background: #f0f0f0;
	color: #666;
	font: 14px tahoma,'\5b8b\4f53',sans-serif;
	 font-family: "Microsoft YaHei";
	line-height: 1;
}

caption,
td,
th {
	font-size: 14px
}

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

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

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a:hover {
	text-decoration: none;
	color: #f60
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top;
	position: relative;
	font-size: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #f2f2f2
}

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

button,
input,
select,
textarea {
	font: 14px "Microsoft YaHei", Arial, "黑体", "宋体", sans-serif
}

table {
	border-collapse: collapse
}

.cf:after {
	clear: both;
	display: table;
	content: " "
}

.fl {
	float: left
}

.fr {
	float: right
}

.w1200 {
	width: 1240px;
	margin: 0 auto;
	overflow: hidden
}

.mt20 {
	margin-top: 20px
}

::selection {
	background-color: #2388e6;
	color: #fff
}

::-moz-selection {
	background-color: #2388e6;
	color: #fff
}

::-webkit-selection {
	background-color: #2388e6;
	color: #fff
}

.top {
	height: 40px;
	line-height: 40px;
	background: #f5f5f5
}

.header {
	background: #fff
}

.header a {
	display: inline-block;
	padding: 0 5px
}

.logo {
	padding: 15px 0
}

.logo img {
	height: 62px
}

.nav-box {
	background: #00b37b;
	height: 45px;
	line-height: 45px
}

.nav-list li {
	float: left
}

.nav-list li a {
	display: inline-block;
	padding: 0 35px;
	font-size: 14px;
	color: #fff
}

.nav-list li a:hover,
.nav-list li.on a {
	background: rgba(0, 0, 0, .2)
}

.w1160 {
	padding: 20px;
	width: 1200px;
	margin: 0 auto
}

.mt20 {
	margin-top: 20px
}

.main {
	background: #fff
}

.topTags dt {
	float: left;
	height: 25px;
	line-height: 25px;
	width: 65px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff
}

.topTags dl {
	margin-bottom: 15px
}

.topTags dd {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin-left: 80px
}

.dtbg1 {
	background: #00b37b
}

.dtbg2 {
	background: #ffb400
}

.dtbg3 {
	background: #ff634e
}

.topTags dd a {
	font-size: 14px;
	display: inline-block;
	margin-right: 15px
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.topUl {
	margin-left: -17px;
	margin-right: -17px
}

.topUl li {
	float: left;
	width: 10%;
	margin-bottom: 12px;
	text-align: center
}

.topUl li img {
	width: 85px;
	height: 85px;
	border-radius: 15px;
}

.topUl li p {
	font-size: 14px;
	height: 26px;
	width: 90px;
	margin: 4px auto 0;
	line-height: 22px;
	border-bottom: 1px #fff solid
}

.topUl li a {
	display: block
}

.topUl li a:hover p {
	border-bottom: 1px #f60 solid
}

.update-l {
	width: 400px
}

.slideBox {
	height: 300px
}

.top-update {
	padding-top: 5px;
	height: 520px;
	overflow: hidden
}

.update-tab {
	margin-left: 20px;
	width: 460px
}

.update-r {
	width: 300px
}

.slideBox img {
	height: 300px;
	width: 400px
}

.slideBox {
	height: 300px;
	width: 400px;
	overflow: hidden;
	position: relative
}

.slideBox .hd,
.ztslideBox .hd {
	height: 18px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 8px;
	z-index: 20
}

.slideBox .hd ul,
.ztslideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left
}

.slideBox .hd ul li,
.ztslideBox .hd li {
	float: left;
	margin-right: 2px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: #fff;
	cursor: pointer
}

.slideBox .hd ul li.on,
.ztslideBox .hd li.on {
	background: #00b37b;
	color: #fff
}

.slideBox .bd li,
.ztslideBox .bd li {
	position: relative
}

.slideBox .bd li p,
.ztslideBox .bd li p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 35px;
	background: rgba(0, 0, 0, .5);
	z-index: 10;
	line-height: 35px;
	color: #fff;
	padding-left: 10px;
	padding-right: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px
}

.update-title {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	margin-top: 5px
}

.update-lUl li {
	float: left;
	width: 50%;
	margin-top: 15px
}

.update-lUl li a {
	display: block
}

.update-lUl li img {
	width: 68px;
	height: 68px;
	float: left
}

.update-lUl li .item {
	margin-left: 78px
}

.update-lUl li .item h3 {
	font-size: 16px;
	height: 28px;
	line-height: 24px
}

.text-muted {
	color: #6c757d !important
}

.update-lUl li .item p {
	line-height: 20px;
	font-size: 12px;
}

.update-hot h2 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8
}

.update-hot h2 a {
	color: #ff634e
}

.update-hot h2 a:hover {
	color: #f60
}

.update-hotsub {
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-align: center;
	padding: 6px 0;
	
}

.update-hotsub a {
	display: inline-block;
	padding: 0 6px;
	color: #6c757d;
	color: #000;
	height: 16px;
	line-height: 16px;
	max-width: 45%;
	overflow: hidden;
}

.update-hotsub a+a {
	border-left: 1px #999 solid
}

.update-hotsub a:hover {
	color: #f60
}

.mt0 {
	margin-top: 0
}

.update-tabs {
	position: relative;
	margin-top: 10px
}

.update-tabs .hd {
	border-bottom: 1px #f5f5f5 solid
}

.update-tabs .hd li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 18px;
	height: 38px;
	line-height: 30px;
	position: relative;
	cursor: pointer;
	color: #4b6281
}

.update-tabs .hd li::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	height: 12px;
	width: 100%;
	background: url(../images/tabbg.png) no-repeat center;
	display: none
}

.update-tabs .hd li.on {
	color: #00b37b
}

.update-tabs .hd li.on::before {
	display: block
}

.update-tabs .bd {
	margin-top: 10px
}

.update-tabs .bd li {
	margin-bottom: 2px;
	position: relative;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}

.update-tabs .bd li:nth-child(6) {
	border-bottom: 1px dashed #eee;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.update-tabs .bd li .id-name {
	float: left;
	display: block;
	overflow: hidden;
	margin: 8px 9px 0 0;
	padding: 0 9px 0 0;
	width: 80px;
	height: 17px;
	border-right: 1px solid #ddd;
	color: #999;
	text-align: left;
	line-height: 17px;
	text-align: center
}

.update-tabs .bd li .id-name:hover {
	color: #ff4c29
}

.update-tabs .bd li .title {
	float: left;
	overflow: hidden;
	width: 310px;
	height: 30px;
	font-size: 14px
}

.update-tabs .bd li .title img {
	display: inline-block;
	margin-right: 8px;
	width: 28px;
	height: 28px;
	vertical-align: middle
}

.update-tabs .bd li .time {
	float: right;
	color: #999
}

.red {
	color: #ff4c29 !important
}

.update-rDiv a {
	float: left;
	margin-top: 18px;
	width: 33.333%;
	text-align: center
}

.update-rDiv img {
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto
}

.update-rDiv p {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin-top: 4px;
	padding: 0 5px
}

.hot-item01 dd a:nth-child(1) {
	color: #26c472
}

.hot-item01 dd a:nth-child(3) {
	color: red;
	font-weight: 700
}

.hot-item01 dd a:nth-child(6) {
	color: #00f;
	font-weight: 700
}

.hot-item01 dd a:nth-child(9) {
	color: #f60
}

.hot-item02 dd a:nth-child(2) {
	color: #f60;
	font-weight: 700
}

.hot-item02 dd a:nth-child(4) {
	color: #00f;
	font-weight: 700
}

.hot-item02 dd a:nth-child(5) {
	color: red
}

.hot-item02 dd a:nth-child(7) {
	color: #26c472
}

.hot-item03 dd a:nth-child(3) {
	color: #ff5853;
	font-weight: 700
}

.hot-item03 dd a:nth-child(6) {
	color: #00f
}

.hot-item04 dd a:nth-child(1) {
	color: red;
	font-weight: 700
}

.hot-item04 dd a:nth-child(3) {
	color: #26c472
}

.ztslideBox {
	width: 300px;
	height: 145px;
	overflow: hidden;
	position: relative
}

.ztslideBox .hd li {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 5px
}

.update-zt li {
	float: left;
	width: 50%;
	overflow: hidden;
	height: 25px;
	line-height: 25px
}

.update-zt {
	margin-top: 6px
}

.update-zt li a {
	position: relative;
	display: block;
	padding-left: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.update-zt li a::after {
	content: "";
	left: 0;
	top: 12px;
	position: absolute;
	width: 3px;
	height: 3px;
	background: #999;
	border-radius: 50%
}

.page-title {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	margin-top: 10px
}

.page-title h2 {
	height: 49px;
	font-size: 24px;
	color: #333;
	border-bottom: 3px #00b37b solid
}

.text-black-30 {
	color: rgba(0, 0, 0, .3) !important
}

.hotPC-list {
	width: 880px
}

.hotPC-list .item {
	float: left;
	width: 176px;
	height: 207px;
	padding-bottom: 15px
}

.hotPC-list .item:hover {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1)
}

.hotPC-list .item .item-list:hover {
	background: #f0f0f0;
	font-weight: 700
}

.hotPC-list .item .item-title {
	display: block;
	margin-bottom: 7px;
	height: 35px;
	background: #f1f2f6;
	text-align: center;
	font-size: 16px;
	line-height: 35px
}

.hotPC-list .item .item-title:hover,
.hotPC-list .item:hover .item-title {
	background: #00b37b;
	color: #fff
}

.hotPC-list .item .item-list {
	margin-bottom: 1px;
	display: block;
	overflow: hidden;
	padding: 3px 8px;
	height: 26px;
	line-height: 26px;
	white-space: nowrap
}

.hotPC-list .item .item-list img {
	display: inline-block;
	margin-right: 6px;
	width: 24px;
	height: 24px;
	vertical-align: middle
}

.mt5 {
	margin-top: 5px
}

.rRanking {
	margin-top: 15px;
	margin-left: 900px;
	position: relative;
	height: 300px
}

.rRanking::after {
	position: absolute;
	z-index: 0;
	height: 192px;
	left: 0;
	top: 0;
	right: 0;
	content: "";
	background: #3d89e4
}

.rRanking .rRanking-tt {
	position: relative;
	z-index: 10;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .15)
}

.rRanking-ul {
	position: relative;
	z-index: 20;
	padding-top: 152px
}

.rRanking-ul li.r1 {
	position: absolute;
	width: 100px;
	z-index: 30;
	left: 100px;
	top: 20px;
	color: #fff
}

.rRanking-ul li.r1 img {
	width: 86px;
	height: 86px;
	display: block;
	margin: 0 auto;
	border-radius: 20px;
	border: 2px #fff solid
}

.rRanking-ul li.r1 span {
	z-index: 33;
	width: 24px;
	height: 24px;
	position: absolute;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	color: #f63;
	background: #fff;
	border-radius: 50%;
	left: 50%;
	margin-left: -12px;
	top: -12px
}

.rRanking-ul li.r1 p,
.rRanking-ul li.r2 p,
.rRanking-ul li.r3 p {
	color: #fff;
	margin-top: 4px;
	line-height: 24px;
	height: 24px;
	text-align: center;
}

.rRanking-ul li.r2 {
	position: absolute;
	left: 10px;
	top: 30px;
	width: 85px
}

.rRanking-ul li.r2 img {
	width: 66px;
	height: 66px;
	display: block;
	margin: 0 auto;
	border-radius: 20px;
	border: 2px #fff solid
}

.rRanking-ul li.r2 span {
	z-index: 33;
	width: 20px;
	height: 20px;
	position: absolute;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #f90;
	background: #fff;
	border-radius: 50%;
	left: 50%;
	margin-left: -10px;
	top: -10px
}

.rRanking-ul li.r3 {
	position: absolute;
	right: 10px;
	top: 30px;
	width: 85px
}

.rRanking-ul li.r3 img {
	width: 66px;
	height: 66px;
	display: block;
	margin: 0 auto;
	border-radius: 20px;
	border: 2px #fff solid
}

.rRanking-ul li.r3 span {
	z-index: 33;
	width: 20px;
	height: 20px;
	position: absolute;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #0cc6c6;
	background: #fff;
	border-radius: 50%;
	left: 50%;
	margin-left: -10px;
	top: -10px
}

.rRanking-ul li.rli {
	border-bottom: 1px solid #eee;
	padding: 8px 0 8px 30px;
	background-color: #fff;
	height: 32px;
	line-height: 32px;
	position: relative
}

.rRanking-ul li.rli img {
	width: 32px;
	height: 32px;
	vertical-align: top;
	float: left;
	margin-right: 10px
}

.rRanking-ul li.rli span {
	position: absolute;
	left: 0;
	top: 16px;
	width: 20px;
	text-align: center;
	border-radius: 4px;
	background-color: #a3b0be;
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px
}

.rRanking-ul li.rli:hover span {
	background: #3d89e4
}

.g .rRanking-ul li.rli:hover span {
	background: #00b37b
}

.g::after {
	background: #00b37b
}

.a .rRanking-ul li.rli:hover span {
	background: #39c88a
}

.a::after {
	background: #39c88a
}

.home-app {
	width: 880px
}

.home-app li {
	text-align: center;
	float: left;
	width: 14.28%;
	margin-bottom: 15px
}

.home-app li img {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	display: block;
	margin: 0 auto
}

.home-app li p {
	padding: 5px;
	height: 20px;
	left: 20px;
	line-height: 20px;
	font-size: 15px
}

.home-newsItem {
	float: left;
	width: 386px;
	margin-right: 20px
}

.x-title .name {
	font-size: 18px;
	color: #4b6281
}

.x-title .name i {
	float: left;
	width: 6px;
	height: 24px;
	background: #00b37b;
	margin-right: 10px;
	margin-top: 3px
}

.x-title {
	margin-top: 15px;
	height: 30px;
	line-height: 30px
}

.x-title .more {
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #ccc
}

.x-title .more i {
	float: left;
	width: 16px;
	height: 16px;
	background-position: -146px 0;
	margin-top: 7px;
	margin-right: 8px
}

.x-title .more:hover {
	color: #F60
}

.news-box {
	margin-top: 5px
}

.home-newsItem.box-r {
	margin-right: 0;
	float: right
}

.box-l dl {
	margin-top: 15px;
	height: 100px;
	overflow: hidden
}

.box-l dt {
	float: left;
	width: 160px;
	height: 100px;
	overflow: hidden
}

.box-l dt img {
	width: 160px;
	height: 100px
}

.box-l dt:hover img {
	transform: scale(1.15)
}

.box-l dd {
	margin-left: 175px
}

.box-l dd a {
	font-size: 14px;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	display: block;
	color: #ff4c29;
	margin-bottom: 6px;
	margin-top: 4px
}

.box-l dd p {
	color: #666;
	line-height: 1.6;
	height: 40px;
	overflow: hidden;
	font-size: 12px
}

.box-c {
	width: 424px
}

.box-r {
	width: 343px
}

.box-r .home-pcNewsa {
	margin-top: 6px
}

.box-c li {
	float: left;
	width: 50%
}

.box-c li a {
	display: block;
	margin: 7px 5px;
	position: relative;
	font-size: 14px;
	height: 123px;
	width: 207px;
	overflow: hidden
}

.box-c li a img {
	height: 123px;
	width: 207px
}

.box-c ul {
	padding-top: 5px;
	margin-left: -5px;
	margin-right: -5px
}

.box-c li p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, .5);
	padding: 0 6px;
	overflow: hidden;
	color: #fff;
	font-size: 14px
}

.box-c li a:hover img {
	transform: scale(1.15)
}

.box-c li a:hover p {
	background: #00b37b
}

.home-pcNews {
	width: 110%
}

.home-pcNews li {
	margin-top: 10px;
	float: left;
	width: 145px;
	margin-right: 15px
}

.home-pcNews li .pic {
	width: 145px;
	height: 81px;
	overflow: hidden;


}

.home-pcNews li:hover img {
	transform: scale(1.1)
}

.home-pcNews li img {
	width: 145px;
	height: 81px
}

.home-pcNews li p {
	line-height: 1.4;
	margin-top: 6px;
	text-align: center;
	overflow: hidden
}

.home-pcNewsa {
	margin-top: 10px
}

.home-pcNewsa a {
	display: block;
	height: 30px;
	line-height: 30px;
	position: relative;
	padding-left: 10px
}

.home-pcNewsa a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #999
}

.home-pcNewsa a:hover::after {
	background: #00b37b
}

.newsData {
	position: relative;
	margin-top: 5px
}

.newsData .hd {
	position: absolute;
	top: -46px;
	left: 110px;
	font-size: 16px;
	line-height: 40px
}

.newsData .hd li {
	float: left;
	padding: 0 20px;
	cursor: pointer;
	position: relative
}

.newsData .hd li.on {
	color: #00b37b;
	font-weight: bold
}

.newsData .hd li.on:after {
	content: '';
	border-width: 6px 6px 0;
	border-style: solid;
	border-color: #00b37b transparent transparent;
	height: 0;
	width: 0;
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin-left: -6px
}

.newsData .bd {
	padding-top: 10px
}

.newsData .bd li {
	float: left;
	width: 33.3333%
}

.newsData .bd li a {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	padding-right: 55px
}

.newsData .bd li a em {
	font-style: normal;
	position: absolute;
	right: 8px;
	top: 0
}

.link-box {
	background: #1e212d;
	color: #737e91;
	padding: 15px 0;
	margin-bottom: -20px;
	border-top: 3px #00b37b solid
}

.link-box h3 {
	font-size: 16px;
	font-size: 18px;
	height: 38px;
	border-bottom: 1px #737e91 solid;
	line-height: 38px
}

.link-list a {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	color: #737e91;
	margin-top: 6px;
	margin-right: 10px
}

.link-list a:hover {
	color: #ff4c29
}

.footer {
	padding: 20px 0;
	background: #11171e;
	color: #737e91;
	text-align: center;
	line-height: 1.8;
	font-size: 12px
}

.foot-nav a {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	margin: 0 7px;
	color: #737e91;
	margin-bottom: 10px
}

.foot-nav a:hover {
	color: #ff4c29
}

.pc-class {
	margin-left: -20px;
	overflow: hidden
}

.pc-class .item {
	float: left;
	width: 590px;
	margin-left: 20px;
	margin-bottom: 20px
}

.pc-class h3.tit {
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	overflow: hidden;
	padding-left: 10px;
	border-left: 2px #00b37b solid;
	font-weight: bold;
	color: #333
}

.class-nav {
	margin-top: 5px;
	padding: 15px 0;
	border-bottom: 1px dashed #dedede;
	margin-right: -20px
}

.class-nav a {
	float: left;
	width: 103px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #ececec;
	margin-right: 13px;
	color: #565656;
	font-size: 14px;
	overflow: hidden;
	border: 1px #ececec solid
}

.class-nav a:hover,
.class-nav a.more:hover {
	background: #00b37b;
	color: #fff;
	border-color: #00b37b
}

.class-nav a.more {
	color: #00b37b;
	background: #fff;
	border: 1px #00b37b solid
}

.pc-classListUl {
	padding-left: 15px
}

.pc-classListUl li {
	float: left;
	width: 50%;
	margin-top: 15px
}

.pc-classListUl {
	border-right: 1px dashed #dedede;
	padding-right: 15px;
	margin-right: -15px;
	height: 260px;
	overflow: hidden
}

.pc-classListUl li img {
	height: 50px;
	width: 50px;
	float: left
}

.pc-classListUl li a {
	display: block;
	height: 50px
}

.pc-classListUl li .item2 {
	margin-left: 60px;
	height: 50px;
	overflow: hidden;
	padding-right: 8px
}

.pc-classListUl li .item2 h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 28px;
	height: 28px
}

.pc-classListUl li .item2 p {
	margin-top: 4px;
	font-size: 13px;
	color: #999
}

.pcListl {
	width: 880px
}

.pcListl .page-title {
	margin-top: -15px
}

.listNav {
	margin-top: 5px;
	margin-right: -10px
}

.listNav li {
	float: left;
	width: 12.5%;
	margin-top: 15px
}

.listNav li a {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px #e6e6e6 solid;
	margin-right: 10px;
	font-size: 15px
}

.listNav li a:hover,
.listNav li.on a {
	background: #00b37b;
	color: #fff;
	border-color: #00b37b
}

.listT {
	padding-bottom: 5px
}

.pc-list {
	margin-top: 15px
}

.pc-list li {
	float: left;
	width: 50%
}

.pc-list li img {
	width: 85px;
	height: 85px;
	float: left
}

.pc-list li a {
	padding: 15px 12px;
	display: block;
	height: 85px;
	border: 1px #fff solid;
	background: #fff;
	border-bottom: 1px dashed #dcdcdc
}

.pc-list li .item {
	margin-left: 95px;
	position: relative
}

.pc-list li h3 {
	font-size: 14px;
	height: 30px;
	margin-bottom: 5px;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 90px
}

.pc-list li .info-p {
	font-size: 13px;
	color: #999;
	line-height: 18px;
	height: 18px;
	overflow: hidden
}

.pc-list li .start {
	display: none
}

.pc-list li a:hover .start {
	display: inline-block
}

.pc-list li a:hover .hover {
	display: none
}

.pc-list li a:hover h3 {
	font-weight: bold;
	color: #00b37b
}

.pc-list li .info-txt {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pc-list li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-color: #00b37b;
	border-bottom-style: solid;
	transform: scale(1.02)
}

.pc-list li .item span.btn {
	position: absolute;
	right: 0;
	top: 5px;
	width: 62px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	color: #00b37b;
	border: 1px #00b37b solid;
	border-radius: 5px;
	display: none
}

.pc-list li:hover .item span.btn {
	display: block
}

.pc-list li:hover .item span.btn:hover {
	background: #00b37b;
	border-color: #00b37b;
	color: #fff
}

.pages {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 20px;
}

.pages a {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	border: 1px solid #e7e7e7;
	line-height: 30px;
	background: #fff
}

.pages a.active,
.pages a:hover,
.pages span {
	border-color: #00b37b;
	background: #00b37b;
	line-height: 30px;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	height: 30px
}

.pages span.a1none {
	background: transparent;
	border-color: transparent
}

.start {
	position: relative;
	overflow: hidden;
	width: 74px;
	height: 12px;
	background: url(../images/star.png) no-repeat;
	display: inline-block
}

.start5 {
	background-position: 0 0
}

.start4 {
	background-position: -14px 0
}

.start3 {
	background-position: -29px 0
}

.start2 {
	background-position: -44px 0
}

.start1 {
	background-position: -60px 0
}

.start0 {
	background-position: -74px 0
}

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

.pcListr {
	margin-left: 900px
}

.pcListr .page-title h2 {
	display: inline-block
}

.pcListrTj li {
	float: left;
	width: 33.333%;
	text-align: center;
	padding-top: 15px
}

.pcListrTj {
	overflow: hidden
}

.pcListrTj img {
	width: 65px;
	height: 65px
}

.pcListrTj li p {
	margin-top: 5px;
	height: 24px;
	line-height: 24px;
	padding: 0 6px
}

.pcListr .rRanking {
	margin-left: 0
}

.pcListrSub {
	overflow: hidden;
	margin-top: 5px;
	margin-right: -10px
}

.pcListrSub li {
	float: left;
	width: 33.333%;
	margin-top: 10px;
	margin-bottom: 5px
}

.pcListrSub li a {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px #e6e6e6 solid;
	margin-right: 10px;
	font-size: 15px
}

.pcListrSub li a:hover {
	background: #00b37b;
	color: #fff;
	border-color: #00b37b
}

.crumbs {
	width: 1240px;
	margin: 15px auto 0
}

.software-top {
	position: relative
}

.softwareTitle {
	height: 54px;
	line-height: 54px;
	margin-top: -10px;
	border-bottom: 1px #f1f2f6 solid;
	padding-bottom: 6px;
	max-width: 870px
}

.softwareTitle h1 {
	font-size: 26px;
	font-weight: bold;
	float: left;
	margin-right: 30px;
	margin-left: 40px
}

.softwareTitle strong {
	font-size: 16px
}

.site-right {
	position: absolute;
	top: -10px;
	left: -20px;
	width: 0;
	height: 0;
	border: 34px solid transparent;
	border-top-color: #0cad12;
	border-left-color: #0cad12;
	color: #fff;
	font-size: 24px
}

.site-right .ic {
	background: url(../images/i2.png) no-repeat center;
	width: 24px;
	height: 24px;
	position: absolute;
	left: -28px;
	top: -23px
}

.software-box {
	margin-top: 20px
}

.software-box img {
	float: left;
	width: 120px;
	height: 120px
}

.pc-softwareifs {
	margin-left: 140px;
	width: 660px
}

.pc-softwareifs li {
	float: left;
	overflow: hidden;
	width: 50%;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px
}

.pc-softwareifs li span {
	color: #999
}

.pc-softwareifs li .start {
	display: inline-block
}

.pc-softwareBtn {
	display: block;
	margin-right: 30px;
	padding-left: 65px;
	line-height: 60px;
	width: 150px !important;
	height: 60px !important;
	border-radius: 5px;
	background: #00b37b url(../images/btn.png) no-repeat 20px center;
	color: #fff;
	cursor: pointer;
	transition: all .35s;
	font-size: 20px;
	margin-top: 20px;
	margin-left: 140px
}

.pc-softwareBtn:hover {
	background: #00954b url(../images/btn.png) no-repeat 20px center;
	color: #fff
}

.pc-softwareBtn.on {
	background: #ddd url(../images/btn.png) no-repeat 20px center !important;
	color: #9ea0a2
}

.pc-softwarerb {
	width: 300px;
	margin-top: -65px
}

.pc-softwarerb h3 {
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-top: -10px
}

.pc-softwarerb li {
	height: 34px;
	line-height: 34px;
	margin-top: 8px
}

.pc-softwarerb li img {
	width: 34px;
	height: 34px;
	float: left
}

.page-left {
	width: 900px;
	background: #fff
}

.page-tab {
	background: #f6f6f6;
	height: 50px;
	line-height: 47px;
	overflow: hidden
}

.page-tab li {
	float: left;
	padding: 0 25px;
	font-size: 18px;
	cursor: pointer;
	font-weight: bold;
	border-top: 3px #f6f6f6 solid
}

.page-tab li:hover {
	color: #00b37b
}

.page-tab li+li {
	border-left: 1px #e1e1e1 solid
}

.page-righ .page-title {
	margin-top: 0
}

.page-righ .gl-ul li{
	float: none;
	width: 100%;
}
.iteme-boxs{
	margin-top: 20px;
}
.iteme-boxs .gl-ul{
	float: right;
	width: 325px;
	margin-top: 0;
}
.iteme-boxs .gl-ul li{
	float: none;
	width: 100%;
}
.iteme-boxs  .xgAbox{
	float: left;
	width: 520px;
	height: 128px;
	padding-bottom: 20px;
}
.iteme-boxs {
	border-bottom: 1px #e1e1e1 dashed;
}
.iteme-boxs  .xgAbox img{
	height: 128px;
	width: 210px;
}
.iteme-boxs  .xgAbox .pic{
	overflow: hidden;
	height: 128px;
	width: 210px;
	float: left;
}
.iteme-boxs  .xgAbox .items{
	margin-left: 225px;
}
.iteme-boxs  .xgAbox:hover img{
	transform: scale(1.15);
}
.iteme-boxs  .xgAbox .items h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.iteme-boxs  .xgAbox .items p{
	line-height: 1.6;
	height: 90px;
	overflow: hidden;
	color: #666;
}








.page-righ .page-title h2 {
	font-size: 20px
}

.page-righ {
	width: 300px;
	background: #fff;
	padding: 0 20px 20px
}

.page-righ .rRanking {
	margin-left: 0
}

.page-tab li.on {
	border-top: 3px solid #00b37b;
	color: #00b37b;
	background: #fff
}

.pc-article {
	padding: 20px;
	line-height: 2;
}

.pc-article img {
	display: block;
	margin: 15px auto;
	height: auto;
}

.pc-softwarerb li p {
	margin-left: 45px
}

.pc-article p {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 10px
}

.pc-article img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	height: auto
}

.pc-article h3 {
	font-size: 17px;
	color: #333;
	font-weight: 700;
	line-height: 36px;
	height: 36px;
	padding-left: 20px;
	margin: 15px 0;
	background: #f5f5f5 url(../images/pic_34.png) no-repeat center left;
	vertical-align: middle
}

.p20 {
	padding: 20px;
	padding-top: 0
}

.article-pic {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	position: relative;
	min-height: 200px
}
.article-pic li{
	
		display: none;
}
.article-pic li img {
	display: block;
	margin: 0 auto;
	max-width: 600px;
	max-height: 400px
}

.article-pic .next {
	z-index: 100;
	position: absolute;
	right: 0;
	top: 50%;
	width: 35px;
	height: 70px;
	background: rgba(0, 0, 0, .7) url(../images/r.png) no-repeat center;
	border-radius: 5px;
	margin-top: -35px
}

.page-left .page-title h2 {
	font-size: 20px
}

.article-pic .prev {
	margin-top: -35px;
	z-index: 100;
	position: absolute;
	left: 0;
	top: 50%;
	width: 35px;
	height: 70px;
	background: rgba(0, 0, 0, .7) url(../images/l.png) no-repeat center;
	border-radius: 5px
}

.xg-ul {
	margin-top: 15px
}

.xg-ul li {
	height: 38px;
	line-height: 38px;
	margin-bottom: 15px;
	padding: 0 10px;
	background: #f7f7f7
}

.xg-ul li div {
	float: left
}

.xg-t {
	width: 340px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 5px
}

.xg-ul li .xg-btn {
	float: right;
	width: 90px;
	text-align: center;
	background: #00b37b;
	color: #fff;
	margin-right: -10px
}

.xg-ul li .start {
	margin-top: 13px;
	margin-right: 25px
}

.xg-ul li .xg-ch {
	margin: 0 25px;
	color: #999
}

.xg-ul li:hover .xg-btn {
	background: #f60
}

.xg-time {
	color: #999
}

.love-table .hd {
	border-bottom: 2px #eee solid;
	overflow: hidden
}

.love-table .hd li {
	float: left;
	overflow: hidden;
	margin-bottom: -2px;
	padding: 0 20px 0 25px;
	height: 40px;
	max-width: 160px;
	border-bottom: 2px #eee solid;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer
}

.love-table .hd li+li {
	background: url(../images/lbl_bg.png) no-repeat left center
}

.love-table .hd li.on {
	color: #00b37b;
	border-bottom-color: #00b37b;
	font-weight: bold
}

.love-table {
	margin-top: 15px
}

.love-table .bd {
	margin-top: 15px;
	padding-bottom: 10px
}

.love-table .bd .item {
	display: none
}

.love-table .bd .item-top a.img {
	float: left;
	width: 200px
}

.love-table .bd .item-top a.img img {
	width: 200px;
	height: 98px
}

.love-table .bd .item-top .item-topr {
	margin-left: 220px
}

.love-table .bd .item-top h2 {
	height: 40px;
	color: #00b37b;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold
}

.love-table .bd .item-top p {
	overflow: hidden;
	height: 44px;
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.love-table .bd .app-list2 li {
	float: left;
	margin-top: 15px;
	width: 33.3333%
}

.love-table .bd .app-list2 li .app-imgs {
	float: left;
	width: 55px;
	height: 55px
}

.love-table .bd .app-list2 li .app-imgs img {
	width: 55px;
	height: 55px;
	border-radius: 8px
}

.love-table .bd .app-list2 li .item-txt {
	margin-left: 65px;
	padding-right: 15px
}

.love-table .bd .app-list2 li .item-txt a.bt {
	display: block;
	overflow: hidden;
	height: 30px;
	font-size: 14px;
	line-height: 30px
}

.love-table .bd .app-list2 li .item-txt i,
.love-table .bd .app-list2 li .item-txt span {
	display: inline-block;
	color: #999;
	font-size: 12px
}

.love-lists li {
	float: left;
	width: 33.3333%;
	margin-bottom: 15px;
	line-height: 1.6
}

.love-lists {
	margin-top: 5px;
	overflow: hidden;
	background: #fff;
	padding-top: 20px
}

.love-lists li img {
	float: left;
	width: 70px;
	height: 70px;
	border-radius: 10px
}

.love-lists li p {
	margin-left: 80px;
	display: block
}

.love-lists li p.ranking-t1 {
	font-size: 14px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 8px;
	margin-bottom: 5px
}

.love-lists li p.ranking-t2 {
	color: #999;
	padding-top: 3px;
	font-size: 12px
}

.gl-ul {
	margin-top: 15px
}

.gl-ul li {
	float: left;
	width: 50%;
	height: 32px;
	line-height: 32px
}

.gl-ul li a {
	position: relative;
	display: block;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 15px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.gl-ul li a:before {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #999;
	content: ""
}

.gl-ul li a:hover:before {
	background: #f60
}

.jp-list {
	margin-top: 15px
}

.jp-list li {
	float: left;
	width: 33.333%;
	text-align: center;
	margin-bottom: 15px
}

.jp-list li img {
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto;
	border-radius: 10px
}

.jp-list li p {
	margin-top: 6px;
	padding: 0 5px
}

.tab-topBox {
	margin-left: -20px;
	margin-right: -20px
}

.tab-topBox .hd {
	border-bottom: 1px solid #e6e6e6;
	margin-top: -16px;
	padding-left: 20px
}

.tab-topBox .hd li {
	float: left;
	font-size: 16px;
	padding: 0 15px 0 25px;
	cursor: pointer;
	height: 48px;
	line-height: 48px;
	position: relative
}

.tab-topBox .hd li+li {
	background: url(../images/xiexian.png) no-repeat left center
}

.tab-topBox .hd li.on::before {
	content: "";
	width: 80px;
	height: 3px;
	background: #00b37b;
	position: absolute;
	left: 10px;
	bottom: -2px
}

.tab-topBox .hd li:hover {
	color: #00b37b
}

.tab-topBox .item {
	margin-top: 18px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative
}

.tab-topBox .item li {
	float: left;
	width: 10%
}

.tab-topBox .item li a {
	display: block
}

.tab-topBox .item li img {
	width: 88px;
	height: 88px;
	border-radius: 10px
}

.tab-topBox .item li .pic {
	width: 88px;
	height: 88px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto 4px
}

.tab-topBox .item li p {
	width: 88px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	height: 27px;
	line-height: 24px;
	position: relative;
	border-bottom: 1px transparent solid
}

.tab-topBox .item li a:hover img {
	transform: scale(1.1);
	opacity: .8
}

.tab-topBox .item li a:hover p {
	border-color: #f60
}

.sub-nav {
	margin-top: 15px
}

.sub-nav a {
	float: left;
	margin-right: 15px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 15px;
	background: #f1f1f1
}

.sub-nav a.on,
.sub-nav a:hover {
	color: #fff;
	background: #00b37b
}

.app-list {
	background: #fff;
	margin-right: -3px
}

.app-list li {
	float: left;
	width: 413px;
	border-bottom: 1px dashed #e5e5e5;
	border-right: 1px dashed #e5e5e5
}

.app-r {
	margin-left: 140px
}

.app-r strong {
	display: block;
	font-size: 18px;
	line-height: 32px;
	height: 32px
}

.app-list li a {
	display: block;
	padding: 20px 30px
}

.app-list li a:hover {
	background: #f5f5f5
}

.ga_p2 {
	color: #666;
	font-size: 14px;
	height: 24px;
	line-height: 24px
}

.ga_p3 {
	color: #999;
	font-size: 12px;
	line-height: 20px
}

.app-list li a .btn {
	margin-top: 7px;
	width: 120px;
	height: 32px;
	border: 1px #ddd solid;
	color: #00b37b;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	border-radius: 5px
}

.app-list li a:hover .btn {
	background: #00b37b;
	border-color: #00b37b;
	color: #fff
}

.app-list li .app-txt {
	margin-top: 25px;
	background-color: #f9f9f9;
	padding: 10px;
	line-height: 24px;
	color: #999
}

.app-list li .app-txt p {
	height: 72px;
	overflow: hidden
}

.app-list li a:hover .app-txt {
	background: rgba(0, 0, 0, .05);
	color: #777
}

.app-list li .app-timg {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 15px;
	float: left;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.app-list li a:hover .app-timg img {
	transform: scale(1.15)
}

.app-list li .app-timg img {
	width: 120px;
	height: 120px
}

.leftBox {
	padding: 20px 0;
	width: 339px;
	float: left;
	border-right: 1px #f0f0f0 solid
}

.app-img {
	width: 140px;
	height: 140px;
	border-radius: 20px;
	display: block;
	margin: 0 auto
}

.app h1 {
	font-size: 22px;
	text-align: center;
	color: #333;
	margin-top: 15px;
	margin-bottom: 18px
}

.code {
	width: 110px;
	height: 110px;
	text-align: center;
	background: url(../images/code_box.png) no-repeat;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	margin-top: 15px
}

.code-p {
	text-align: center;
	margin-top: 14px;
	color: #333
}

.code:before {
	content: '';
	display: inline-block;
	width: 110px;
	height: 15px;
	background: url(../images/icon_43.png) no-repeat center;
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 10;
	transform: translateY(0);
	animation: code_light3 5s infinite linear;
	animation-fill-mode: forwards
}

@keyframes code_light3 {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(110px)
	}

	100% {
		transform: translateY(0)
	}
}

.app-lx {
	padding-top: 10px;
	border-top: 1px #ddd solid;
	margin: 20px
}

.app-lx li {
	float: left;
	width: 50%;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 13px
}

.app-lx li span {
	color: #999
}

.btn-box {
	margin-top: 15px
}

.btn-box a.btn1 {
	background: #14cc8f 
}

.btn-box a {
	height: 48px;
	width: 220px;
	display: block;
	margin: 0 auto;
	line-height: 48px;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	border-radius: 10px;
	font-size: 18px
}

.btn-box a.btn1:hover {
	background: #00995f
}

.btn-box a.btn2 {
	background: #2388e6
}

.btn-box a.btn2:hover {
	background: #1e74c4
}

.btn-box a.no {
	background: #aab2bd;
	text-indent: 0
}

.btn-box a.no:hover {
	background: #aab2bd;
	cursor: not-allowed
}

.leftBox .rRanking {
	margin: 0 20px
}

.rightBox {
	width: 900px;
	float: right
}

.rightBox .page-title h2 {
	font-size: 20px
}

.side-toolbar {
	position: fixed;
	bottom: 30px;
	left: 50%;
	z-index: 10;
	margin-left: 660px;
	display: none
}

.side-toolbar li {
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #00b37b;
	color: #fff;
	cursor: pointer;
	margin-bottom: 4px;
	font-size: 18px
}

.side-toolbar .totop {
	background-image: url(../images/totop.png);
	background-repeat: no-repeat;
	background-position: center center
}

.news-list li .list-ninfo {
	height: 35px;
	line-height: 35px;
	padding: 0 8px;
	margin-top: 15px;
	color: #999;
	font-size: 13px
}

.news-list li .list-ninfo i {
	font-style: normal;
	color: #00b37b;
	opacity: .7
}
.news-list{padding-top: 20px;}


.news-list li {
	padding: 0 20px;

}

.news-list li a {
	display: block;
	border-bottom: 1px #e1e1e1 solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.news-list li  .infos{
	margin-left: 230px;
}
.news-list li .pic {
	overflow: hidden;
	float: left;
	width: 210px;
	height: 130px;
}

.news-list li .pic img {
	width: 210px;
	height: 130px;
}

.news-list li a:hover img {
	transform: scale(1.15);
	opacity: .8
}




.news-list li h3 {
	line-height: 28px;
	font-size: 18px;
	overflow: hidden;
	margin-bottom: 8px;
	font-weight: bold;
}

.news-list li .pic_con {
	line-height: 1.8;
	height: 50px;
	overflow: hidden;
	color: #808080
}

.news-lbox {
	width: 880px;
	padding: 20px
}

.news-lbox .page-title h2 {
	font-size: 20px
}

.news-h1box h1 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 16px;
	line-height: 1.8;
	margin-top: 5px
}

.news-h1box {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5
}

.news-info {
	color: #999;
	font-size: 14px
}

.news-article {
	display: block;
	line-height: 1.9;
	margin-bottom: 30px;
	font-size: 15px
}
.news-article h3{
	font-size: 17px;
	    color: #333;
	    font-weight: 700;
	    line-height: 36px;
	    height: 36px;
	    padding-left: 20px;
	    margin: 15px 0;
	    background: #f5f5f5 url(../images/pic_34.png) no-repeat center left;
	    vertical-align: middle;
}
.news-article p {
	margin-bottom: 15px
}

.news-article img {
	max-width: 100%;
	display: block;
	margin: 18px auto;
	height: auto
}

.dlapp-box {
	height: 105px;
	background: #f4f5f5;
	padding: 20px;
	margin: 20px 0;
	border-radius: 15px
}

.dlapp-box dt {
	float: left
}

.dlapp-box dt img {
	width: 105px;
	height: 105px;
	border-radius: 20px;
	max-width: 100% !important;
	margin: 0 !important
}

.dlapp-box dd.dd01 {
	width: 430px;
	margin-left: 20px;
	float: left
}

.dlapp-box dd.dd02 {
	float: right;
	width: 150px
}

.dlapp-box .dlbtn {
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 1px #00b37b solid;
	color: #00b37b;
	border-radius: 4px;
	margin-top: 35px;
	font-size: 16px
}

.dlapp-box .dlbtn:hover {
	background: #00b37b;
	color: #FFF
}

.dlapp-box dd.dd01 .start {
	display: inline-block
}

.dlapp-box dd.dd01 .att {
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
	color: #333;
	margin-top: 8px
}

.dlapp-box dd.dd01 .att:hover {
	color: #00b37b
}

.dlapp-box dd.dd01 li {
	float: left;
	width: 50%;
	font-size: 14px;
	color: #666
}

.dlapp-box dd.dd01 li span {
	color: #999
}

.news-rbox {
	width: 300px;
	margin-right: 20px
}

.news-rbox .page-title h2 {
	font-size: 20px
}

.news-rbox .gl-ul li {
	width: 100%;
	float: none
}

.news-rbox .page-title {
	margin-top: 0
}

.news-rbox .rRanking {
	margin-left: 0
}

.gd-a1 {
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	font-size: 16px;
	margin: 15px auto 0;
	border: 1px #e6e6e6 solid;
	border-radius: 20px
}

.gd-a1:hover {
	background: #00b37b;
	color: #fff;
	border-color: #00b37b
}

.zt-list li {
	float: left;
	width: 33.333%;
	margin-bottom: 20px
}

.zt-list li a {
	display: block;
	padding: 15px;
	background: #fff;
	position: relative;
	margin-left: 20px
}

.zt-list {
	margin-left: -20px
}

.zt-list li img {
	width: 100%;
	height: 180px
}

.zt-list li .pic {
	height: 180px;
	overflow: hidden
}

.zt-list li a:hover img {
	transform: scale(1.1)
}

.zt-list li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.zt-list li h3 {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px
}

.zt-list li .pic_con {
	line-height: 1.8;
	height: 80px;
	overflow: hidden;
	color: #666
}

.zt-list li .list-ninfo {
	line-height: 22px;
	background: #f8f8f8;
	padding: 10px;
	margin: -15px;
	margin-top: 10px
}

.zt-list li .list-ninfo span.fl {
	color: #999;
	font-size: 13px
}

.zt-list li .list-ninfo span.fr {
	background: #00b37b;
	color: #fff;
	padding: 0 6px;
	border-radius: 5px
}

.special-top {
	background: #fff
}

.special-top img {
	width: 450px;
	float: left
}

.specialLinof {
	margin-left: 470px;
	padding-top: 10px;
	padding-right: 20px;
	line-height: 1.8
}

.specialLinof h1 {
	font-size: 22px;
	height: 48px;
	line-height: 48px;
	font-weight:
}

.soft-down {
	position: relative;
	margin-top: 30px;
	padding: 30px;
	background: #fff
}

.soft-down img {
	float: left;
	display: block;
	height: 140px;
	width: 140px;
	border-radius: 10px;
	box-shadow: 0 0 30px #eee
}

.soft-down .soft-text {
	float: left;
	margin-left: 28px;
	padding-top: 20px
}

.soft-down:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.soft-download {
	float: right;
	display: block;
	width: 240px;
	height: 72px;
	background-color: #00b37b;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 72px;
	margin-top: 46px;
	opacity: .8
}

.soft-download>i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/down_02.png) no-repeat;
	margin-right: 10px;
	vertical-align: middle
}

.soft-ico {
	position: absolute;
	right: -5px;
	top: -5px;
	width: 112px;
	height: 112px;
	background: url(../images/r_icon.gif) no-repeat
}

.soft-down .soft-ico {
	background-position: 0 -112px
}

.soft-download:hover {
	color: #fff;
	opacity: 1
}

.soft-down .soft-text {
	float: left;
	margin-left: 28px
}

.soft-text .soft-name {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-top: 0
}

.soft-text p {
	font-size: 16px;
	color: #999;
	margin-top: 18px
}

.soft-text p>span {
	color: #feaa48
}

.soft-text ul {
	width: 629px;
	overflow: hidden;
	margin-top: 20px
}

.soft-text ul li {
	float: left;
	width: 155px;
	font-size: 14px;
	color: #333;
	margin-right: 48px;
	margin-bottom: 8px;
	line-height: 24px
}

.soft-text ul li span {
	float: left;
	color: #999
}

.soft-text ul li:last-child {
	width: auto
}

.soft-text ul li.on {
	color: #00b37b
}

.hj_list {
	height: auto;
	width: 105%;
	margin-top: 20px;
	overflow: hidden
}

.hj_list li a {
	display: block
}

.hj_list li {
	position: relative;
	float: left;
	width: 225px;
	height: 320px;
	padding: 0 20px;
	margin: 0 43px 35px 3px;
	background: #fff
}

.hj_list li img {
	display: block;
	width: 114px;
	height: 114px;
	border-radius: 18px;
	margin: 32px 56px 10px
}

.hj_list .hj_name {
	display: block;
	width: 100%;
	margin-top: 5px;
	height: 40px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 40px
}

.hj_list .hj_bq {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #9e9e9e;
	text-align: center
}

.hj_list .hj_bq span {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 8px;
	background: #9e9e9e
}

.hj_list .hj_time {
	text-align: center;
	font-size: 12px;
	color: #9d97be;
	height: 24px;
	line-height: 24px;
	margin-top: 8px
}

.hj_list .hj_donwl {
	display: block;
	margin: 20px auto;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #00b37b;
	text-align: center;
	border-radius: 3px;
	border: 1px #00b37b solid
}

.hj_list .hj_donwl:hover {
	color: #fff;
	background: #00b37b
}

.hj_list li:hover img {
	transform: scale(1.1)
}

.top-list li {
	float: left;
	width: 187px;
	margin: 5px 0 20px 15px;
	display: inline;
	position: relative
}

.top-list li a {
	border: 1px solid #e0e0e0;
	display: block;
	text-align: center
}

.top-list {
	margin-top: 20px;
	margin-left: -15px
}

.top-list li a .ph-sum {
	display: block;
	background: url(../images/rank.png) no-repeat center;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	font-family: "arial, helvetica, sans-serif";
	margin-bottom: 15px
}

.top-list li a:hover {
	border-color: #00b37b;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.top-list li a:hover .ph-sum {
	background: url(../images/rank_hover.png) no-repeat center;
	color: #fff
}

.ph-img {
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 auto;
	border-radius: 18px
}

.ph-tit {
	margin: 6px 0;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px
}

.ph-btn {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-top: 1px #e0e0e0 solid;
	color: #00b37b
}

.top-list li a:hover .ph-btn {
	background: #00b37b;
	color: #fff;
	border-color: #00b37b
}

.pt10 {
	padding-top: 10px
}

.article {
	font-size: 14px;
	line-height: 1.8
}

.article h1 {
	font-size: 24px;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px
}

.article p {
	line-height: 1.8;
	font-size: 14px;
	margin-bottom: 15px
}

.map-title {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px
}

.map-title a {
	color: #333
}

.map-title a:hover {
	color: #0ec5a1
}

.map-list {
	margin: 10px 20px;
	border-bottom: 1px #edeff5 solid;
	padding-bottom: 15px
}

.map-list a {
	display: inline-block;
	margin-right: 20px;
	color: #666;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px
}

.map-list a:hover {
	color: #0ec5a1
}

.update-tabs .bd ul {

}

.pc-article strong {
	font-weight: bold
}

.nav-list {
	width: 1240px;
	margin: 0 auto;
}

.pcListl .pc-list {
	margin-top: 0;
}

.pcListl .page-title {
	display: none
}

.nav-list div.a-sub {
	position: relative;
	width: 160px;
	text-align: center;
	z-index: 10;
	float: right;
	color: #fff;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}

.nav-list div.a-sub .a-absBox {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	background: #00b37b;
	z-index: 20;
	display: none;

}

.nav-list div.a-sub:hover .a-absBox {
	display: block;
}

.nav-list div.a-sub:hover {
	background: rgba(0, 0, 0, .2);
}

.nav-list div.a-sub .a-absBox a {
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	float: none;
	width: 100%;
	font-size: 14px;
	padding: 0 !important;
}

.nav-list div.a-sub .a-absBox a:hover {
	background: ##00b37b !important;
	color: #fff !important;
}

.nav-list li.fr {
	float: right;
}
.nRimg a{
	display: block;
	padding: 15px 0;
	border-bottom: 1px dashed #cecece;
}

.nRimg a .pic{
	float: left;
	width: 120px;
	height: 80px;
	margin-right: 10px;
}
.nRimg a .pic img{
	width: 120px;
	height: 80px;
}
.nRimg a h3{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4;
	height: 63px;
	overflow: hidden;
}
.nRimg a p{
	margin-top: 5px;
	font-size: 12px;
	color: #999;
}


/* 新修改的 */
.xgnewsUl li.newsNoImg{
	margin-left: 542px;
	line-height: 32px;
	height: 32px;

}
.xgnewsUl li.newsImgLi{
	float: left;
}
.mb20{
	margin-bottom: 20px;
}
.xgnewsUl li.newsNoImg a{
	position: relative;
	display: block;
	padding-left: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xgnewsUl li.newsNoImg a::before {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #999;
	content: "";
}
.xgnewsUl li.newsNoImg a:hover::before{
	background: #f60;
}


.similarUl{
	width: 110%;
	margin-top: 20px;
}
.similarUl li img{
	width: 100px;
	height: 100px;
	border-radius: 20px;
}
.similarUl li p{
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	overflow: hidden;
}
.similarUl li span{
	display: block;
	width: 98px;
	height: 34px;
	border-radius: 6px;
	margin: 5px auto 0;
	color: #00b856;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
	border: 1px solid #00b856;

}
.similarUl li a:hover p{
	font-weight: bold;
}
.similarUl li {
	float: left;
	width: 100px;
	margin-right: 50px;
	padding-bottom: 15px;
}
.similarUl li a:hover span{
	background: #00b856;
	color: #fff;
}

.ztslideBox .bd li img{
	width: 300px;
	height: 145px;
}

a[href*="https://www.cnzz.com"]{display: none !important;}