@charset "utf-8";

.box {
	clear: both
}

.titbox {
	overflow: hidden;
	position: relative;
	padding: 0 15px;
	margin-bottom: 14px
}

.icon {
	float: left;
	margin-right: 10px;
	height: 60px
}

.icon img {
	border-radius: 5px
}

.info {
	display: block;
	margin: 0 80px 0 70px
}

.info h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #red;
	font-weight: 400
}

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

.down {
	position: absolute;
	right: 15px;
	top: 0
}

.down a {
	display: inline-block;
	width: 64px;
	height: 30px;
	line-height: 30px;
	background: #df5640;
	color: #fff;
	text-align: center;
	font-weight: 700;
	border-radius: 3px
}

.ohter {
	overflow: hidden;
	padding: 0 15px;
	margin-bottom: 14px
}

.ohter li {
	line-height: 24px;
	vertical-align: middle;
	font-size: 14px;
	color: #666
}

.ohter a {
	color: #666
}

.intro {
	border-top: 2px solid #df5640;
	margin-bottom: 20px
}

.int {
	border-top: 2px solid #df5640;
	overflow: hidden;
	position: relative
}

.refresh {
	float: right;
	width: 25%;
	height: 40px;
	background: url("./refresh.png") no-repeat right center #eee;
	background-size: 40px 40px;
	position: absolute;
	top: 0;
	right: 0
}

.inrefresh {
	background: url("./refresh.png") no-repeat right center #eee;
	background-size: 40px 40px
}

.tit {
	border-top: 1px solid #fff;
	padding: 0 15px;
	background: #eee;
	height: 40px;
	line-height: 40px;
	display: block;
}

.intro p {
	maring-top: 20px;
	margin: 20px 0;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	padding: 0 15px;
	overflow: hidden;
	text-align: justify
}

.more {
	text-align: right;
	padding-right: 15px;
	color: #666
}

.more span {
	position: relative;
	top: -4px;
	display: inline-block;
	border-style: solid;
	border-color: #666;
	border-width: 0 2px 2px 0;
	margin-left: 5px;
	width: 6px;
	height: 6px;
	transform: rotate(45deg) skew(5deg,5deg);
	-moz-transform: rotate(45deg) skew(5deg,5deg);
	-webkit-transform: rotate(45deg) skew(5deg,5deg);
	-o-transform: rotate(45deg) skew(5deg,5deg);
	-ms-transform: rotate(45deg) skew(5deg,5deg)
}

.pics {
	min-height: 60px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url("./bgtop.gif") left top repeat-x #e8e8e8
}

.loading {
	margin: 40px 0;
	text-align: center
}

.carousel-wp {
	width: 100%;
	text-align: center
}

.carousel .item {
	float: left
}

.carousel .item-img {
	float: left;
	margin-right: 10px
}

.infodown {
	margin: 20px auto;
	height: 30px;
	-webkit-border-radius: 3px;
	background: #df5640;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-weight: 700;
	width: 80%
}

a.infodown {
	color: #fff
}

.btndown {
	text-align: center;
	padding-bottom: 20px
}

.ppt {
	text-align: center;
	padding: 10px 0;
	background: url("./bgbot.gif") left bottom repeat-x;
	position: relative
}

.pptbox {
	width: 100%;
	display: inline-block;
	overflow: hidden
}

.pptbox span {
	position: relative;
	display: table-cell;
	float: left
}

.pptbox img {
	display: inline-block;
	max-width: 320px;
	vertical-align: middle
}

@media screen and (max-width:420px) {
	.pptbox img {
		max-width: 380px
	}
}

@media screen and (max-width:400px) {
	.pptbox img {
		max-width: 360px
	}
}

@media screen and (max-width:320px) {
	.pptbox img {
		max-width: 280px
	}
}

@media screen and (max-width:240px) {
	.pptbox img {
		max-width: 200px
	}
}

.pptnum {
	padding: 5px 0 0;
	font-size: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.pptnum {
		letter-spacing: -5px
	}
}

.pptnum span {
	text-indent: 10em;
	overflow: hidden;
	width: 10px;
	height: 10px;
	border: solid 1px #ccc;
	background: #fff;
	display: inline-block;
	margin: 0 4px
}

.pptnum .active {
	background: #df5640
}

.list {
	overflow: hidden
}

.list ul {
	position: relative;
	overflow: hidden;
	bottom: -1px;
	width: 100%;
	display: block;
	word-spacing: -1em;
	display: table
}

.list li {
	margin: 20px 0;
	overflow: hidden;
	position: relative;
	width: 25%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	word-spacing: 0
}

.list a {
	overflow: hidden;
	display: inline-block
}

.list img {
	border-radius: 5px;
	float: left
}

.list .title {
	font-size: 16px;
	color: #333;
	display: block;
	line-height: 22px;
	height: 45px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 5px
}

.list .down {
	position: absolute;
	right: 15px;
	top: 0;
	width: 64px;
	height: 30px;
	line-height: 30px;
	background: #df5640;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 16px
}

.pack {
	border-top: 1px solid #e8e8e8;
	padding-top: 20px
}

.pack ul {
	overflow: hidden
}

.pack li {
	margin-bottom: 20px;
	padding: 0 15px;
	font-size: 14px;
	color: #333
}

.packtit {
	margin-bottom: 10px;
	padding-left: 6px
}

.packbox {
	position: relative;
	background: #eee;
	padding: 10px
}

.packbox p {
	line-height: 24px;
	padding-right: 70px
}

.packbox .down {
	position: absolute;
	right: 10px;
	top: 20px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	background: #df5640;
	color: #fff;
	border-radius: 3px
}

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

.game_list_footer {
	margin: 10px 0 -10px 0;
	zoom: 1;
	padding: 10px 0;
	background: #eee
}

.game_list_footer li {
	float: left;
	width: 15%;
	text-align: center;
	line-height: 30px;
	min-width: 75px
}

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

.soft_list_footer {
	margin: 10px 0 -10px 0;
	zoom: 1;
	padding: 10px 0;
	background: #eee
}

.soft_list_footer li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 30px;
	min-width: 95px
}

.ppt .butt1 {
	display: none;
	cursor: pointer;
	padding: 40px 5px;
	background: #000;
	opacity: .5;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 20
}

.ppt .butt2 {
	display: none;
	cursor: pointer;
	padding: 40px 5px;
	background: #000;
	opacity: .5;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 20
}