@import url(reset.css);
/*Close---------------------------------------------------------------------------------------------*/
body {
    visibility: hidden;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif !important;
}
/*Close---------------------------------------------------------------------------------------------*/

/* 
	8222团队
	https://www.8222.cn
*/


/* 
html {
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(1); 
}
*/

body {
	background: #fff;
	color: #323232;
	font-size: 14px;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	padding-top:30px;
}

a {
	color: #323232;
	text-decoration: none;
}

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

#header {
	width: 980px;
	height: 64px;
	margin: auto;
	background: #266392 url(../images/bg.png) no-repeat right top;
	overflow: hidden;
}

#header #logo {
	float: left;
	width: 210px;
	height: 64px;
}

#header #logo h1 {
	text-indent: -3000px;
}

#header #logo h1 a {
	float: left;
	width: 210px;
	height: 64px;
	background: url(../images/logo.png);
}

#header #menu {
	float: left;
	height: 64px;
	width: 770px;
	overflow: hidden;
}

#header #menu ul li {
	float: left;
	display: inline;
	width: 105px;
	height: 64px;
}

#header #menu ul li.line {
	width: 2px;
	background: url(../images/libg.png) no-repeat 0 19px;
}

#header #menu ul li a {
	float: left;
	width: 105px;
	height: 64px;
	text-indent: -3000px;
	background-position-y: bottom;
}

#header #menu ul li a:hover {
	background-position-y: top;
}

#header #menu ul li.index a {
	background-image: url(../images/li-home.png)
}

#header #menu ul li.about a {
	background-image: url(../images/li-about.png)
}

#header #menu ul li.pay a {
	background-image: url(../images/li-pay.png)
}

#header #menu ul li.download a {
	background-image: url(../images/li-download.png)
}

#header #menu ul li.faq a {
	background-image: url(../images/li-faq.png)
}

#header #menu ul li.news a {
	background-image: url(../images/li-news.png)
}

#header #menu ul li.uplog a {
	background-image: url(../images/li-up.png)
}

#header #menu ul li.current a {
	background-position-y: top;
}

#header #menu ul li.index {
	float: left;
	display: inline;
	width: 73px;
	height: 64px;
}

#header #menu ul li.index a {
	float: left;
	width: 73px;
	height: 64px;
	text-indent: -3000px;
	background-position-y: bottom;
}

#header #menu ul li.index a:hover {
	background-position-y: top;
}

#outmain {
	width: 976px;
	height: 1060px;
	margin: auto;
	clear: both;
	margin-top: 8px;
	background: url(../images/cbg.png) no-repeat left top;
}

#outmainpage {
	width: 980px;
	height: 1060px;
	margin: auto;
	clear: both;
	margin-top: 8px;
}

#outmain .top {
	height: 8px;
	background: url(../images/top_blank.gif);
	overflow: hidden;
}

#sidebar {
	float: left;
	width: 210px;
	overflow: hidden;
}

#sidebar .widget {
	background: url(../images/shadow.jpg) no-repeat right top;
	min-height: 400px;
}

#sidebar .widget h3 {
	height: 42px;
	text-indent: -3000px;
	background: url(../images/side.png);
}

#sidebar .widget ul {
	padding: 5px 10px 15px 15px;
}

#sidebar .widget li a {
	float: left;
	padding-left: 17px;
	width: 168px;
	height: 47px;
	background: url(../images/linklist_item_bg.gif) no-repeat;
	border-bottom: 1px solid #d2d5d5;
	line-height: 47px;
}

#sidebar .widget p {
	clear: both;
	padding: 20px 0px 0px 15px;
}

#content {
	float: right;
	width: 686px;
	background: url(../images/content_body_bg.gif) no-repeat;
	padding: 42px 40px 40px 40px;
	overflow: hidden;
}

#content .this {
	padding: 0 0 20px 10px;
	background: url(../images/title-hr.gif) repeat-x bottom;
}

#content ul.list {
	padding: 10px 0px;
}

#content ul.list li.li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dashed #d2d5d5;
}

#content ul.list li.li a {
	float: left;
	width: 666px;
	height: 35px;
	overflow: hidden;
	padding: 0px 10px;
}

#content ul.list li.li a span {
	float: right;
	color: #666;
}

#content ul.list li.li a:hover {
	background: #f5f5f5;
}

#content .post h2.title {
	line-height: 28px;
	text-align: center;
	font-size: 26px;
	padding: 20px 0px 13px 0px;
	color: #266392;
}

#content .post p {
	margin-bottom: 14px;
	line-height: 200%;
	/*text-indent:2em;*/
}

#content .post p.entry_data {
	text-indent: 0em;
	text-align: center;
	border-bottom: 1px dashed #d2d5d5;
	padding-bottom: 12px;
}

#content .post p.img {
	text-indent: 0em;
	text-align: center;
}

#content .post img {
	max-width: 100% !important;
	height: auto !important;
}

#content .page p {
	margin-bottom: 7px;
	line-height: 200%;
}

#content .page p.ttx {
	font-size: 22px;
	color: #266392;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, "Microsoft YaHei", "微软雅黑";
}

#content .page p.download {
	padding: 10px 0px;
}

#content .page p.download a {
	background: #005a99 url(../images/btn.png) repeat-x top left;
	color: #fff;
	border: #003150 1px solid;
	text-shadow: #1b5000 0px -1px 0px;
	padding: 10px 20px;
	margin-right: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

#content .page p.download a:hover {
	background: #004478 url(../images/btn.png) repeat-x top left;
	text-shadow: #002438 0px -1px 0px;
}

#content .page p.error {
	color: #266392;
	text-indent: 2em;
}

#content .page p.down {
	background: #f3f3f3;
	padding: 15px 0px 15px 20px;
	margin-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

#content .page p.down span.title {
	color: #266392;
	font-weight: bold;
	padding-right: 100px;
	display: block;
}

#content .page p.down span.ver {
	padding-right: 350px;
}

#content .page p.down span.down a {
	background: #005a99 url(../images/btn.png) repeat-x top left;
	color: #fff;
	border: #003150 1px solid;
	text-shadow: #1b5000 0px -1px 0px;
	padding: 10px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

#content .page p.ax {
	border-bottom: 1px solid #d2d2d5;
	padding: 10px 10px 10px 100px;
}

#content .page p.ax strong {
	color: #266392;
	font-weight: bold;
}

#content .page p.a1 {
	background: url(../images/a1.jpg) no-repeat;
}

#content .page p.a2 {
	background: url(../images/a2.jpg) no-repeat;
}

#content .page p.a3 {
	background: url(../images/a3.jpg) no-repeat;
}

#content .page p.a4 {
	background: url(../images/a4.jpg) no-repeat;
}

#content .page p.a5 {
	background: url(../images/a5.jpg) no-repeat;
}

#content .page p.a6 {
	background: url(../images/a6.jpg) no-repeat;
	border-bottom: none;
}

#index {
	margin: auto;
	width: 976px;
	height: 280px;
	background: url(../images/index.jpg) no-repeat center center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
}

#index a.down {
	float: left;
	width: 210px;
	height: 65px;
	position: relative;
	top: 175px;
	left: 429px;
}

#index a.buy {
	float: left;
	width: 210px;
	height: 65px;
	position: relative;
	top: 175px;
	left: 437px;
}

.incenter {
	padding-left: 2px;
	padding-right: 2px;
}

.incenter .cptd {
	float: left;
	width: 630px;
	padding: 50px 5px 10px 5px;
	background: url(../images/cptd.gif) no-repeat;
}

.incenter .cptd p.ax {
	border-bottom: 1px solid #d2d2d5;
	padding: 15px 10px 15px 100px;
	line-height: 200%;
}

.incenter .cptd p.ax strong {
	color: #266392;
	font-weight: bold;
}

.incenter .cptd p.a1 {
	background: url(../images/a1.jpg) no-repeat 0px 10px;
}

.incenter .cptd p.a2 {
	background: url(../images/a2.jpg) no-repeat 0px 10px;
}

.incenter .cptd p.a3 {
	background: url(../images/a3.jpg) no-repeat 0px 10px;
}

.incenter .cptd p.a4 {
	background: url(../images/a4.jpg) no-repeat 0px 10px;
}

.incenter .cptd p.a5 {
	background: url(../images/a5.jpg) no-repeat 0px 10px;
}

.incenter .cptd p.a6 {
	background: url(../images/a6.jpg) no-repeat 0px 10px;
	border-bottom: none;
}

.incenter .dtzt {
	float: right;
	width: 330px;
}

.incenter .dtzt h3.dt {
	height: 39px;
	text-indent: -3000px;
	background: url(../images/dt.png);
	margin-bottom: 3px;
}

.incenter .dtzt h3.zt {
	height: 39px;
	text-indent: -3000px;
	background: url(../images/zt.png);
	margin-bottom: 3px;
}

.incenter .dtzt h3.kf {
	height: 39px;
	text-indent: -3000px;
	background: url(../images/kf.png);
	margin-bottom: 3px;
}

.incenter .dtzt ul {
	background: #f0f0f0;
	margin-bottom: 6px;
	padding: 10px 10px 10px 15px;
}

.incenter .dtzt ul li a {
	line-height: 28px;
	background: url(../images/linklist_item_bg.gif) no-repeat left center;
	padding-left: 17px;
}

.qqkfqz {
	padding-left: 10px !important;
}

.incenter .dtzt ul.qqkf {
	padding: 15px;
	height: 300px;
	height: 60px;
	overflow: hidden;
}

.incenter .dtzt ul.qqkf li {
	float: left;
	height: 30px;
	width: 80px;
	background: #f0f0f0;
	padding-left: 20px;
}

.incenter .dtzt ul.qqkf li a {
	float: left;
	width: 60px;
	height: 30px;
	padding-left: 25px;
	line-height: 30px;
	background: url(../images/qq.png) no-repeat left center;
}

.li_ellipsis {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.forget {
	height: 30px;
	width: 980px;
	margin: auto;
}

.forget>a,
.forget>b {
	float: right;
	color: #01439c;
	padding: 10px 10px 0px 0px;
}

#footer {
	margin: auto;
	width: 100%;
	height: 56px;
	clear: both;
	background: #f0f0f0;
	border-top: 1px solid #d9d9d9;
	padding: 30px 0px 30px 0px;
	text-align: center;
	line-height: 28px;
}

#footer div img {
	height: 30px;
}

#footer div {
	/* margin-top: -18px; */
}

#content .page #comments p {
	margin-bottom: 5px;
}

ol.page-navigator {
	padding: 15px 0px 10px 10px;
	font-family: 'Trebuchet MS ', Trebuchet, 'Lucida Sans Unicode ', 'Lucida Grande ', 'Lucida Sans ', Arial;
}

ol.page-navigator li {
	margin: 0 5px 0 0;
	display: inline;
}

ol.page-navigator li a {
	padding: 5px 8px;
	text-decoration: none;
	background: #efefef;
	border: 1px solid #ccc;
}

ol.page-navigator li.current a {
	background: #fff;
}

.tip-twitter {
	opacity: 0.8;
	z-index: 1000;
	text-align: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 8px;
	max-width: 220px;
	color: #fff;
	background-color: #000;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}

.tip-twitter .tip-inner {
	font: normal 12px/16px 'Lucida Grande', sans-serif;
}


/* Configure an arrow image - the script will automatically position it on the correct side of the tip */

.tip-twitter .tip-arrow-top {
	margin-top: -5px;
	margin-left: -5px;
	/* approx. half the width to center it */
	top: 0;
	left: 50%;
	width: 9px;
	height: 5px;
	background: url(../images/tip-twitter_arrows.gif) no-repeat;
}

.tip-twitter .tip-arrow-right {
	margin-top: -4px;
	/* approx. half the height to center it */
	margin-left: 0;
	top: 50%;
	left: 100%;
	width: 5px;
	height: 9px;
	background: url(../images/tip-twitter_arrows.gif) no-repeat -9px 0;
}

.tip-twitter .tip-arrow-bottom {
	margin-top: 0;
	margin-left: -5px;
	/* approx. half the width to center it */
	top: 100%;
	left: 50%;
	width: 9px;
	height: 5px;
	background: url(../images/tip-twitter_arrows.gif) no-repeat -18px 0;
}

.tip-twitter .tip-arrow-left {
	margin-top: -4px;
	/* approx. half the height to center it */
	margin-left: -5px;
	top: 50%;
	left: 0;
	width: 5px;
	height: 9px;
	background: url(../images/tip-twitter_arrows.gif) no-repeat -27px 0;
}

ol.comment-list,
ol.comment-list ol {
	margin: 0;
	list-style: none;
}

ol.comment-list ol {}

ol.comment-list li {
	margin-bottom: 10px;
}

ol.comment-list li {
	padding: 10px 10px 10px 10px;
	border: 1px solid #DDE0E4;
	background: #F4F4F4;
}

ol.comment-list li.comment-even {
	background: #fff;
}

.comment-children ol.comment-list li {
	padding: 6px 15px 0px 15px;
	border: 1px dashed #DDD;
	background: #EEE;
	margin-top: 10px;
}

.comment-children ol.comment-list li.comment-by-author {
	border: 1px dashed #FFC463;
	background: #FFEFC6;
}

.comment-children ol.comment-list li .comment-author {
	display: none;
}

.comment-children ol.comment-list li .comment-meta {
	display: none;
}

ol.comment-list li .comment-reply {
	text-align: right;
	display: none;
}

ol.comment-list li .comment-reply a {
	color: #777;
}

.comment-meta {
	padding-bottom: 6px;
	color: #777;
}

.comment-meta a {
	color: #999;
}

.comment-author cite.fn {
	line-height: 25px;
	color: #266392;
	font-weight: bold;
}

.comment-author cite.fn a {
	color: #888;
}

img.avatar {
	/*display: none;*/
	float: right;
	margin: 3px 0 0 0;
	width: 40px;
	height: 40px;
	border: 3px solid #EFEFEF;
}

ol.comment-list li .respond {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

#comment_form {
	padding-right: 8px;
}

.respond .cancel-comment-reply {
	float: right;
	display: none;
}

.respond .cancel-comment-reply a {
	border: none;
	color: #aaa;
	display: none;
}

.respond .cancel-comment-reply a:hover {
	color: #444;
}

h4#response {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #266392;
	font-weight: bold;
}

ol.comment-list1 li {
	padding: 10px 10px 10px 30px;
	border: 1px solid #DDE0E4;
	background: #F4F4F4;
}

.respond {
	padding-top: 10px;
}

.respond p {
	margin-bottom: 14px !important;
}

.respond input {
	background: #fff;
	padding: 7px 10px;
	border: 1px solid #DDE0E4;
	margin-right: 10px;
	width: 300px;
	font-size: 14px;
}

.respond select {
	background: #fff;
	padding: 7px 10px;
	border: 1px solid #DDE0E4;
	margin-right: 10px;
	width: 322px;
	font-size: 14px;
}

.respond textarea {
	font-family: "微软雅黑";
	background: #fff;
	padding: 7px 10px;
	border: 1px solid #DDE0E4;
	width: 400px;
	height: 100px;
	overflow: hidden;
	font-size: 14px;
}

.buy_number {
	width: 130px !important;
}

.pay_type {
	width: 152px !important;
}

.label_name {
	float: left;
	padding-top: 2px;
}

.respond input.submit {
	width: 130px;
	cursor: pointer;
	background: #005a99 url(../images/btn.png) repeat-x top left;
	color: #fff;
	border: #003150 1px solid;
	text-shadow: #1b5000 0px -1px 0px;
	padding: 10px 10px;
	margin-right: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	text-align: center;
}

.hide_label {
	display: none;
}