/** 页面：出错 **/

#main.error .content {
	position: relative;
	padding: 30px 0;
}

#main.error .content:after {
	content: '';
	position: absolute;
	top: 30%;
	right: 0;
	width: 534px;
	height: 356px;
	background: url('../img/bg-error.png') center center no-repeat;
	zoom: 0.5;
}

#main.error .content .name {
	position: relative;
	z-index: 2;
	font-size: 40px;
	font-weight: bold;
}

#main.error .content .tips {
	position: relative;
	z-index: 2;
	font-size: 46px;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
	color: #FFF;
}

#main.error .content .btn {
	position: relative;
	z-index: 2;
	font-size: 15px;
	color: #FFF;
	padding: 9px 54px;
	margin-top: 80px;
	background-color: #323232;
}

@media (min-width: 768px) {

	#main.error .content {
		height: 650px;
		padding: 180px 0 0;
	}

	#main.error .content:after {
		top: 120px;
		right: 150px;
		zoom: unset;
	}
}

/** 页面：首页 **/

/* 幻灯片 */
#main.home .carousel {
	background: url('../img/banner-bg.png') top center no-repeat;
}

#main.home .carousel .img {
	height: 250px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


#main.home .carousel .item-note {width: 100%;max-width: 1200px; margin: 0 auto;position: relative;}
#main.home .carousel .note {position: absolute;
top: 50px;right: 10px;bottom: 0px;width:390px;text-align: left;text-transform: uppercase;
margin: auto;overflow: auto;line-height: 200%; text-decoration: none;color:#fff;}
#main.home .carousel .note2 {position: absolute; bottom: 65px;  right: 90px;}
#main.home .carousel .note h2{font-size:40px;}
#main.home .carousel .note h3{line-height: 200%;}
#main.home .carousel .note .bt {padding: 20px 10px 0 0px; text-align:center;}
#main.home .carousel .note a:hover{color:#ffffff;}


#main.home .board {
	text-align: center;
	padding: 30px 0 15px;
}

#main.home .board h1,#main.home .board h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 30px;
}

/* XYHCMS核心优势 */
#main.home .board .core .core-box {
	position: relative;
	padding: 80px 3px 20px;
	margin-bottom: 30px;
}

#main.home .board .core .core-box:hover {
		background-color: #fffcc8;
		transform: rotateY(360deg);
    	transition: all 1s;
	}

#main.home .board .core .core-box:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	width: 80px;
	height: 80px;
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat;
	transform: translateX(-50%);
}

#main.home .board .core .core-box.easy:before {
	background-image: url('../img/core-easy.png');
}

#main.home .board .core .core-box.perfect:before {
	background-image: url('../img/core-perfect.png');
}

#main.home .board .core .core-box.flexible:before {
	background-image: url('../img/core-flexible.png');
}

#main.home .board .core .core-box.platform:before {
	background-image: url('../img/core-platform.png');
}

#main.home .board .core .core-box .name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
}

#main.home .board .core .core-box .text {
	font-size: 12px;
	line-height: 1;
}

/* 网站模板 */
#main.home .board .template {}

#main.home .board .template a {
	text-decoration: none;
}

#main.home .board .template .btn {
	background-color: #009EFF;
}

/* 社区问答 */
#main.home .board .question {
	max-width: 1920px;
	margin: 0 auto;
	background: url('../img/bg-bubble.jpg') left center no-repeat;
}

#main.home .board .question ul {
	position: relative;
	text-align: left;
	height: 100%;
	padding: 20px;
}

#main.home .board .question ul li {
	padding: 15px;
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 20px;
}

#main.home .board .question ul li .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
#main.home .board .question ul li .title a{
	color: #000;
}

#main.home .board .question ul li .author {
	position: relative;
	padding-left: 50px;
}

#main.home .board .question ul li .author img {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

#main.home .board .question ul li .author .info {
	padding: 3px 0 0 10px;
}

#main.home .board .question ul li .author .info .name {
	margin-bottom: 3px;
}

#main.home .board .question ul li .author .info .name a {
	color: #009EFF;
}

#main.home .board .question ul li .author .info .time {}

#main.home .board .question ul li:nth-child(1) {
	top: 40px;
	left: 100px;
}

#main.home .board .question ul li:nth-child(2) {
	top: 150px;
	right: 0;
}

#main.home .board .question ul li:nth-child(3) {
	left: 0;
	bottom: 200px;
}

#main.home .board .question ul li:nth-child(4) {
	right: 60px;
	bottom: 100px;
}

/* XYHCMSAPP 现已推出 */
#main.home .board .app {
	text-align: left;
	background: #f7fbfe url('../img/bg-mobile.jpg') bottom center no-repeat;
	background-size: 160%;
}

#main.home .board .app .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-top: 20px
}

#main.home .board .app .text {
	font-size: 14px;
	margin: 20px 150px 20px 0;
	height: 80px;
	overflow: hidden;
}

#main.home .board .app .btn {
	margin-bottom: 20px;
	background-color: #009EFF;
}

/* 演示站和视频教程 */
#main.home .board .video {
	background: url('../img/bg-video.jpg') top center no-repeat;
}

#main.home .board .video ul {
	margin: 100px 0 30px;
	padding: 15px 0;
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 5px 10px -5px #ddd;
}

#main.home .board .video ul li a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #323232;
}

#main.home .board .video ul li a:before {
	content: '';
	display: inline-block;
	width: 64px;
	height: 64px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50%;
}

#main.home .board .video ul li a.company:before {
	background-image: url('../img/video-comp.png');
}

#main.home .board .video ul li a.blog:before {
	background-image: url('../img/video-blog.png');
}

#main.home .board .video ul li a.tutorial:before {
	background-image: url('../img/video-play.png');
}

#main.home .board .video ul li a:hover {
	color: #009EFF;
	text-decoration: none;
}

#main.home .board .video ul li a span {
	position: relative;
	display: block;
}

/* XYHCMSAPP演示 */
#main.home .demo {
	position: relative;
	text-align: left;
	background: url('../img/bg-human.png') bottom center no-repeat;
}

#main.home .demo .qr-box {
	padding: 15px 0;
}

#main.home .demo .qr-box .qr {
	margin: 15px;
	text-align: center;
}

#main.home .demo .qr-box .qr img {
	display: inline-block;
	zoom: 0.7;
}

@media (min-width: 768px) {

	#main.home .carousel .img {
		height: 600px;
		background-size: cover;
	}
	#main.home .carousel .btn-lg {
		padding-left: 37px;
		padding-right: 37px;
	}



	#main.home .board .core .core-box:before {
		top: 34px;
		background-size: unset;
	}
	
	#main.home .board .core .core-box .text {
		font-size: 13px;
	}

	#main.home .board .template .btn {
		font-size: 20px;
		padding: 12px 40px;
		margin: 20px 0 0;
	}

	#main.home .board .question {
		height: 667px;
	}

	#main.home .board .question ul {
		padding: 0;
	}

	#main.home .board .question ul li {
		display: inline-block;
		position: absolute;
		min-width: 460px;
		padding: 20px;
		margin: 0;
	}

	#main.home .board .question ul li .title {
		margin-bottom: 30px;
	}

	#main.home .board .app {
		max-width: 1920px;
		height: 600px;
		margin: 0 auto;
		background-size: unset;
	}

	#main.home .board .app .title {
		font-size: 40px;
		line-height: 1.2;
		margin-top: 100px;
	}

	#main.home .board .app .text {
		width: 400px;
		font-size: 16px;
		line-height: 1.5;
		margin: 30px 0;
		height: auto;
	}

	#main.home .board .app .btn {
		font-size: 18px;
		padding: 10px 40px;
		background-color: #009EFF;
	}

	#main.home .board .video ul {
		margin: 290px -15px 0;
		padding: 70px 0 60px;
	}

	#main.home .board .video ul li a {
		font-size: 22px;
		padding: 20px;
	}

	#main.home .board .video ul li a:before {
		background-size: 100%;
	}

	#main.home .board .video ul li a span {
		margin-top: 30px;
	}

	#main.home .demo {
		height: 327px;
		margin-bottom: 40px;
	}

	#main.home .demo .qr-box {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	#main.home .demo .qr-box .qr {
		display: inline-block;
		padding-left: 60px;
	}

	#main.home .demo .qr-box .qr img {
		zoom: unset;
	}
}

@media (min-width: 992px) {

	#main.home .board {
		padding: 50px 0 70px;
	}

	#main.home .board h1,#main.home .board h2 {
		font-size: 36px;
		margin: 0 0 50px;
	}

	#main.home .board .core .core-box {
		padding: 120px 20px 20px;
	}

	#main.home .board .core .core-box .name {
		font-size: 22px;
	}
}

@media (min-width: 1200px) {

	#main.home .board {
		padding: 80px 0 100px;
	}

	#main.home .board h1,#main.home .board h2 {
		font-size: 42px;
		margin: 0 0 70px;
	}

	#main.home .board .core .core-box {
		padding: 140px 40px 75px;
	}

	#main.home .board .core .core-box .text {
		font-size: 15px;
	}
}

/* 页面：建站系统 */

#main.system .page-banner .container {
	position: relative;
	padding-top: 65px;
	padding-bottom: 15px;
}

#main.system .page-banner .box {
	font-size: 16px;
	max-width: 480px;
}

#main.system .page-banner .box .title {
	font-size: 32px;
	font-weight: bold;
}

#main.system .page-banner .box .text {
	margin-top: 15px;
}

#main.system .page-banner .box .tips {
	margin-top: 20px;
}

.page-banner .box .buttons {
	margin-top: 100px;
}

.page-banner .box .buttons a {
	font-size: 16px;
	color: #FFF;
	margin-right: 15px;
	padding: 6px 20px;
	background-color: #009EFF;
}

.page-banner .box .buttons a.auth {
	color: #204405;
	font-weight: bold;
	border: transparent;
	background-color: #AAF650;
}
.page-banner .box .buttons a.auth:hover {
	background-color: #c6ff83;
}

.page-banner .box .buttons a.dl {
	border-color: #FFF;
	background-color: transparent;
}

.page-banner .box .buttons a.dl:hover {
	background-color: #009aff;
}

#main.system .page-banner.banner-blue {
	background: url('../img/banner-bg.png') top center no-repeat;
}

#main.system .page-banner.banner-blue .container-bg {
	background: url('../img/banner/1.png') center right no-repeat;
	background-size: 50%;
}

#main.system .page-banner.banner-blue .box {
	position: relative;
	z-index: 2;
	color: #FFF;
}

#main.system .page-banner.banner-app {
	background: url('../img/system-bg.jpg') top center no-repeat;
	background-size: 270%;
}

#main.system .page-banner.banner-app .container {
	padding-top: 15px;
}

#main.system .page-banner.banner-app .box .text,
#main.system .page-banner.banner-app .box .tips {
	padding-right: 100px;
}

/* XYHCMS补丁包及升级包 */
#main.system .download {
	margin: 40px 0 15px;
}

#main.system .download .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

#main.system .download ul li {
	position: relative;
	padding: 0 0 25px 30px;
}

#main.system .download ul li a.links {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #323232;
}

#main.system .download ul li a.links:before {
	content: '\e6a3';
	position: absolute;
	left: 0;
	font-family: 'iconfont';
	font-size: 16px;
	color: #009EFF;
	transform: rotate(90deg);
}

#main.system .download ul li a.links.collapsed:before {
	transform: rotate(0);
}

#main.system .download ul li .sub-link {
	padding: 20px 0 0;
}

#main.system .download ul li .sub-link a {
	display: inline-block;
	font-size: 16px;
	color: #009EFF;
	margin-right: 15px;
}

/* XYHCMS更新日志 */
#main.system .update {
	margin: 40px 0;
}

#main.system .update .title {
	font-size: 24px;
	font-weight: bold;
}

#main.system .update .date {
	font-size: 18px;
	color: #1A333C;
	margin-top: 10px;
}

#main.system .update .function {
	margin: 40px 0;
}

#main.system .update .function .name {
	display: inline-block;
	font-size: 17px;
	color: #1D3402;
	padding: 6px 12px;
	background-color: #AAF650;
	border-radius: 8px;
	margin-bottom: 20px;
}

#main.system .update .function .name.yellow {
	background-color: #F2EE45;
}

#main.system .update .function ul {
	padding: 30px 20px 15px;
}

#main.system .update .function ul li {
	position: relative;
	font-size: 15px;
	padding: 0 0 15px 30px;
}

#main.system .update .function ul li:before {
	content: "\e657";
	font-family: 'iconfont';
	position: absolute;
	left: 0;
	color: #009EFF;
	padding-right: 10px;
}

/* XYHCMSAPP */
#main.system .profile {
	margin-top: 30px;
}

@media (min-width: 768px) {

	#main.system .page-banner .container {
		position: relative;
		padding-top: 0;
		padding-bottom: 0;
	}

	#main.system .page-banner .container:after {
		opacity: 1;
	}

	#main.system .page-banner .box {
		position: absolute;
		z-index: 2;
		top: 170px;
	}

	#main.system .page-banner .box .title {
		font-size: 50px;
	}

	.page-banner .box .buttons {
		position: static;
		margin-top: 100px;
	}

	.page-banner .box .buttons a {
		font-size: 18px;
		margin-right: 25px;
		padding: 12px 40px;
	}

	#main.system .page-banner.banner-blue .container {
		height: 722px;
	}

	#main.system .page-banner.banner-blue .container-bg {
		/*background-size: cover;*/
	}

	#main.system .page-banner.banner-app {
		background-size: unset;
	}

	#main.system .page-banner.banner-app .container {
		height: 650px;
	}

	#main.system .page-banner.banner-app .box {
		top: 100px;
		width: 480px;
	}

	#main.system .page-banner.banner-app .box .text,
	#main.system .page-banner.banner-app .box .tips {
		padding-right: 0;
	}

	#main.system .profile {
		margin-top: 80px;
	}
}

@media (min-width: 992px) {

	#main.system .page-banner.banner-blue .container-bg {
	}

	#main.system .download .title {
		font-size: 32px;
	}

	#main.system .update .title {
		font-size: 32px;
	}

	#main.system .download ul li a.links {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {

	#main.system .page-banner.banner-blue .container-bg {
		background-size: auto;
	}

}

/** 页面：服务 **/
#main.server>.banner {
	background: url('../img/banner/server.jpg') center center no-repeat;
}

#main.server .board {
	padding-top: 50px;
}

#main.server>.container {
	padding-bottom: 50px;
}

#main.server .board h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

/* 描述 */
#main.server .descript {
	margin-top: 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.server .descript .title {
	font-size: 18px;
	font-weight: bold;
}

#main.server .descript ul {
	padding: 5px 15px 0;
}

#main.server .descript ul li {
	font-size: 14px;
	padding: 10px 0;
}

#main.server .descript ul li span:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 5px;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	zoom: 0.7;
}

#main.server .descript ul li span.disabled {
	color: #B7B7B7;
}

#main.server .descript ul li span.tag:before {
	background-image: url('../img/icon/tag-a.svg');
}

#main.server .descript ul li span.tag.disabled:before {
	background-image: url('../img/icon/tag.svg');
}

#main.server .descript ul li span.copyright:before {
	background-image: url('../img/icon/copyright-a.svg');
}

#main.server .descript ul li span.copyright.disabled:before {
	background-image: url('../img/icon/copyright.svg');
}

#main.server .descript ul li span.auth:before {
	background-image: url('../img/icon/auth-a.svg');
}

#main.server .descript ul li span.auth.disabled:before {
	background-image: url('../img/icon/auth.svg');
}

#main.server .descript ul li span.support:before {
	background-image: url('../img/icon/support-a.svg');
}

#main.server .descript ul li span.support.disabled:before {
	background-image: url('../img/icon/support.svg');
}

#main.server .descript ul li span.up:before {
	background-image: url('../img/icon/up-a.svg');
}

#main.server .descript ul li span.up.disabled:before {
	background-image: url('../img/icon/up.svg');
}

#main.server .descript ul li span.vip:before {
	background-image: url('../img/icon/vip-a.svg');
}

#main.server .descript ul li span.vip.disabled:before {
	background-image: url('../img/icon/vip.svg');
}

/* 授权说明 */
#main.server .explain {
	margin: 30px -15px;
	padding: 0;
	border-radius: 15px;
	background: #fff9f4 url('../img/auth-bg.png') top center no-repeat;
}

#main.server .explain .title {
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
}

#main.server .explain .title span {
	display: inline-block;
	padding: 8px 50px;
	border-radius: 4px;
}

#main.server .explain .title.blue span {
	background-color: #4D70FF;
}

#main.server .explain .title.red span {
	background-color: #FF4D4D;
}

#main.server .explain .title.yellow span {
	background-color: #FFAD43;
}

#main.server .explain ul.tips {
	margin: 30px 0 0;
}

#main.server .explain ul.tips li {
	font-size: 14px;
	margin-bottom: 30px;
}

#main.server .explain ul.tips li div {
	text-align: center;
	padding: 15px;
	height: 150px;
	border-top: 4px solid #009EFF;
	background-color: #FFFFFF;
}

#main.server .explain .box {
	position: relative;
	margin: 45px 0 0;
	padding: 15px;
	font-size: 14px;
	background: #FFFFFF;
}

#main.server .explain .box.prohibit:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 100px;
	width: 90px;
	height: 90px;
	background: url('../img/prohibit.png') center center no-repeat;
	transform: translateY(-50%);
	zoom: 0.7;
}

#main.server .explain .box.prohibit .text {
	color: #FF4552;
	padding: 0 70px 0 0;
	line-height: 25px;
}

#main.server .explain .box.support:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 340px;
	height: 217px;
	background: url('../img/dashboard.png') center center no-repeat;
	zoom: 0.7;
	opacity: 0.5;
}

#main.server .explain .box.support .content {
	position: relative;
	z-index: 2;
	padding: 0;
}

#main.server .explain .box.support .content .tips {
	margin: 30px 0 20px;
}

/* 联系我们 */
#main.server h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 30px 0;
}

#main.server .contact {
	font-size: 16px;
}

#main.server .contact .address p {
	margin-bottom: 15px;
}

#main.server .contact .address p span {
	display: inline-block;
	font-weight: bold;
	text-align: right;
	width: 70px;
	margin-right: 15px;
}


#main.server .contact form .btn {
	font-size: 16px;
	padding: 6px 20px;
	color: #FFFFFF;
	background-color: #009EFF;
}

@media (min-width: 768px) {
	#main.server .board {
		padding-top: 85px;
	}

	#main.server>.container {
		padding-bottom: 115px;
	}

	#main.server .board h1 {
		font-size: 32px;
	}

	#main.server .descript {
		margin-top: 50px;
	}

	#main.server .descript .title {
		font-size: 22px;
	}

	#main.server .descript ul {
		padding: 30px 0 30px 50px;
	}

	#main.server .descript ul li {
		font-size: 17px;
		padding: 15px 0;
	}

	#main.server .descript ul li span:before {
		zoom: unset;
	}

	#main.server .explain {
		margin: 150px 0 0;
		padding: 0 90px 50px 70px;
	}

	#main.server .explain .title {
		padding-top: 60px;
	}

	#main.server .explain ul.tips {
		margin: 45px -25px 0;
	}

	#main.server .explain ul.tips li {
		font-size: 15px;
		padding: 0 25px;
		line-height: 30px;
		margin: 0;
	}

	#main.server .explain ul.tips li div {
		padding: 0 25px;
	}

	#main.server .explain .box {
		padding: 30px;
		font-size: 16px;
	}

	#main.server .explain .box.prohibit:after {
		right: 10px;
		zoom: 1;
	}

	#main.server .explain .box.prohibit .text {
		width: 570px;
		padding: 30px 0 30px 100px;
	}

	#main.server .explain .box.support:after {
		content: '';
		top: 50%;
		left: 30px;
		right: unset;
		bottom: unset;
		transform: translateY(-50%);
		zoom: unset;
		opacity: 1;
	}

	#main.server .explain .box.support .content {
		padding: 20px 20px 5px 435px;
	}

	#main.server .explain .box.support .content .tips {
		margin: 30px 0 20px;
	}

	#main.server h1 {
		font-size: 32px;
		margin: 65px 0 35px;
	}

	#main.server .contact {
		font-size: 16px;
	}

	
	#main.server .contact form .btn {
		font-size: 18px;
		padding: 12px 40px;
	}

	#main.server .map {
		padding: 100px 0 30px;
	}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/** 页面：模板 **/
#main.template>.banner {
	background: url('../img/banner/case.jpg') center center no-repeat;
}

#main.template .product-list {
	margin: 40px -15px 50px;
}

#main.template .descript {
	margin: 30px 0;
}

#main.template .descript .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	#main.template .descript {
		margin: 40px 0 285px;
	}

	#main.template .descript .title {
		font-size: 22px;
		margin-bottom: 40px;
	}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/** 页面：扩展 **/
#main.extend>.banner {
	background: url('../img/banner/extend.jpg') center center no-repeat;
}

#main.extend .product-list {
	margin: 30px -15px;
}

#main.extend .descript {
	margin: 30px 0;
}

#main.extend .descript .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	#main.extend>.banner {
		height: 360px;
	}

	#main.extend .product-list {
		margin: 50px -15px;
	}

	#main.extend .descript {
		margin: 40px 0 285px;
	}

	#main.extend .descript .title {
		font-size: 22px;
		margin-bottom: 40px;
	}
}


@media (min-width: 1200px) {}

/** 页面：案例 **/
#main.case>.banner {
	background: url('../img/banner/case.jpg') center center no-repeat;
}

#main.case .product-list {
	margin: 30px -15px;
}

#main.case .case-container {
	background-color: #FFF;
	border-radius: 4px;
}

#main.case .case-container .case-detail .title {
	font-size: 24px;
	font-weight: bold;
	margin: 30px 0;
	text-align: center;
}

#main.case .case-container .case-detail .text {
	color: #757575;
}

#main.case .case-container .relative {
	margin: 50px 0 30px;
}

#main.case .case-container .relative .title {
	font-size: 18px;
	font-weight: bold;
}

@media (min-width: 768px) {
	#main.case>.banner {
		height: 360px;
	}

	#main.case .product-list {
		margin: 50px -15px;
	}

	#main.case .case-container {
		margin-top: -230px;
		padding: 50px 100px;
	}

	#main.case .case-container .case-detail .title {
		font-size: 35px;
		margin-bottom: 45px;
	}

	#main.case .case-container .case-detail hr {
		margin: 50px 0;
	}

	#main.case .case-container .relative .title {
		font-size: 22px;
	}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/** 页面：帮助中心 **/
#main.help .page-banner {
	position: relative;
	padding: 30px 15px;
	color: #FFF;
	text-align: center;
	background: url('../img/banner/help.jpg') top center no-repeat;
}

#main.help .page-banner .box .title {
	font-size: 32px;
	font-weight: bold;
}

#main.help .page-banner .box .text {
	display: inline-block;
	margin: 20px 0;
}

#main.help .page-banner .box .search .form-control {
	border-right-width: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#main.help .page-banner .box .search .input-group-btn {
	height: 48px;
}

#main.help .page-banner .box .search .input-group-btn .btn {
	width: 100%;
	height: 100%;
	color: #FFF;
	background-color: #009EFF;
}

#main.help .page-title {
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
}

#main.help .page-list {
	margin: 0 -25px;
	padding-bottom: 40px;
}

#main.help .page-list>* {
	padding: 0 25px;
}

#main.help .page-list ul.list {
	padding: 0 15px 15px;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}

#main.help .page-list ul.list li {	
	border-bottom: 1px solid #E1E1E1;
}
#main.help .page-list ul.list li:last-child {	
	border-bottom: none;
}

#main.help .page-list ul.list li a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
	position: relative;
}

#main.help .page-list ul.list li a.has-picture {
	padding-left: 125px;
}

#main.help .page-list ul.list li a.has-picture .thumbnails {
	position: absolute;
    left: 10px;
    top: 10px;
    width: 100px;
    height: 90px;
    overflow: hidden;
}
#main.help .page-list ul.list li a.has-picture .thumbnails img {
	width: 100%;
}

#main.help .page-list ul.list li a .title {
	display: block;
	font-size: 18px;
	color: #323232;
	font-weight: bold;
	margin-bottom: 12px;
}

#main.help .page-list ul.list li a .content {
	display: block;
	font-size: 15px;
	color: #757575;
}

#main.help .page-list ul.list li a:hover .title {
	color: #009EFF;
}

#main.help ul.forum {
	margin-bottom: 20px;
	border-radius: 4px;
}

#main.help ul.forum li {
	margin-bottom: 14px;
}

#main.help ul.forum li a {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 64px;
	text-decoration: none;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}

#main.help ul.forum li a:before {
	content: '';
	position: absolute;
	width: 64px;
	height: 64px;
	background-position: center center;
	background-repeat: no-repeat;
}

#main.help ul.forum li a .text {
	display: block;
	color: #323232;
	padding: 0 50px 0 80px;
}

#main.help ul.forum li a .total {
	position: absolute;
	top: 50%;
	right: 20px;
	color: #1B4753;
	transform: translateY(-50%);
}

#main.help ul.forum li a:hover .text {
	color: #009EFF;
}

#main.help ul.forum li.version a:before {
	background-image: url('../img/help-version.png');
}

#main.help ul.forum li.video a:before {
	background-image: url('../img/help-video.png');
}

#main.help ul.forum li.temp a:before {
	background-image: url('../img/help-temp.png');
}

#main.help ul.forum li.install a:before {
	background-image: url('../img/help-install.png');
}

#main.help ul.hot {
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}

#main.help ul.hot ol {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.help ul.hot li {
	padding: 15px 15px 0;
}

#main.help ul.hot li a {
	display: block;
	color: #484848;
	padding-bottom: 15px;
	border-bottom: 1px solid #E1E1E1;
	text-decoration: none;
}

#main.help ul.hot li a:hover {
	color: #009EFF;
}

#main.help .detail-box {
	padding-bottom: 30px;
	border: 1px solid #E1E1E1;
}

#main.help .detail-box .title {
	padding: 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.help .detail-box .title .name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main.help .detail-box .title .description {
	color: #757575;
}

#main.help .detail-box .title .description span {
	display: inline-block;
	margin-right: 15px;
}

#main.help .detail-box .content {
	padding: 15px;
}

#main.help .detail-box .actions {
	margin-top: 30px;
	padding: 15px;
}

#main.help .detail-box .actions .btn {
	background-color: #F7F7F7;
}

#main.help .detail-box .actions .btn span {
	color: #009EFF;
}

@media (min-width: 768px) {

	#main.help .page-banner {
		padding: 0;
		height: 432px;
	}

	#main.help .page-banner .box {
		font-size: 16px;
		padding-top: 128px;
	}

	#main.help .page-banner .box .title {
		font-size: 50px;
	}

	#main.help .page-banner .box .text {
		width: 600px;
	}

	#main.help .page-banner .box .search .input-group {
		display: inline-block;
		width: 700px;
	}

	#main.help .page-banner .box .search .form-control {
		width: 600px;
	}

	#main.help .page-banner .box .search .input-group-btn {
		width: 100px !important;
	}

	#main.help .page-banner .box .search .input-group-btn .btn {
		font-size: 18px;
	}

	#main.help ul.forum {
		margin-bottom: 40px;
	}

	#main.help ul.forum li {
		margin-bottom: 14px;
	}

	#main.help ul.forum li a {
		position: relative;
		display: block;
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 64px;
		text-decoration: none;
		border: 1px solid #E1E1E1;
	}

	#main.help ul.forum li a:before {
		content: '';
		position: absolute;
		width: 64px;
		height: 64px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	#main.help ul.forum li a .text {
		display: block;
		color: #323232;
		padding: 0 50px 0 80px;
	}

	#main.help ul.forum li a .total {
		position: absolute;
		top: 50%;
		right: 20px;
		color: #1B4753;
		transform: translateY(-50%);
	}

	#main.help ul.forum li a:hover .text {
		color: #009EFF;
	}

	#main.help ul.forum li.version a:before {
		background-image: url('../img/help-version.png');
	}

	#main.help ul.forum li.video a:before {
		background-image: url('../img/help-video.png');
	}

	#main.help ul.forum li.temp a:before {
		background-image: url('../img/help-temp.png');
	}

	#main.help .page-title {
		font-size: 30px;
		margin: 40px 0 28px;
	}

	#main.help .page-list ul.list {
		padding: 0 15px 15px;
	}

	#main.help .page-list ul.list li a {
		padding: 15px 0;
	}

	#main.help .page-list ul.list li a .title {
		font-size: 18px;
	}

	#main.help ul.hot {
		border: 1px solid #E1E1E1;
		border-radius: 4px;
	}

	#main.help ul.hot ol {
		padding: 12px 20px;
	}

	#main.help ul.hot li {
		padding: 20px 20px 0;
	}


	#main.help .detail-box {
		padding-bottom: 50px;
	}

	#main.help .detail-box .title {
		padding: 32px 50px;
	}

	#main.help .detail-box .title .name {
		font-size: 35px;
		margin-bottom: 16px;
	}

	#main.help .detail-box .content {
		padding: 28px 50px;
	}

	#main.help .detail-box .actions {
		margin-top: 100px;
		padding: 0 50px;
	}

	#main.help .detail-box .actions .btn {
		position: relative;
		font-size: 16px;
		padding: 20px 30px 20px 70px;
	}

	#main.help .detail-box .actions .btn i {
		position: absolute;
		left: 30px;
		top: 50%;
		color: #aaa;
		font-size: 28px;
		transform: translateY(-50%);
	}

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/** 页面：知识 **/
#main.knowledge a {
	text-decoration: none;
}

#main.knowledge>.banner {
	background: url('../img/banner/knowledge.jpg') center center no-repeat;
}

#main.knowledge>.banner.banner-detail {
	background: url('../img/banner/knowledge-detail.jpg') center center no-repeat;
}

#main.knowledge .page-list {
	margin: 30px -25px;
	padding-bottom: 40px;
}

#main.knowledge .page-list>* {
	padding: 0 25px;
}

#main.knowledge ul.list li {
	padding: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
	border-radius: 4px;
}

#main.knowledge ul.list li a {
	display: block;
}

#main.knowledge ul.list li a span {
	display: block;
}
#main.knowledge ul.list li a .thumbnails {	
	border-radius: 4px;
}

#main.knowledge ul.list li a .thumbnails img {
	width: 100%;
}

#main.knowledge ul.list li a .info .title {
	font-size: 18px;
	color: #323232;
	margin: 10px 0;
}

#main.knowledge ul.list li a .info .content {
	font-size: 14px;
	color: #8E8E93;
}

#main.knowledge ul.list li a .info .show {
	margin-top: 10px;
	font-size: 12px;
	color: #8E8E93;
}

#main.knowledge ul.list li a .info .show .time {
	display: inline-block;
}

#main.knowledge ul.list li a .info .show .view {
	display: inline-block;
	margin-left: 20px;
}

#main.knowledge ul.list li a .info .show .view:before {
	display: inline-block;
	content: "\e7f4";
	font-family: 'iconfont';
	margin-right: 3px;
}

#main.knowledge ul.list li a:hover .info .title {
	color: #009EFF;
}

#main.knowledge ul.latest {
	margin: 15px 0 30px;
	border: 1px solid #E1E1E1;
	background-color: #FFF;
	border-radius: 4px;
}

#main.knowledge ul.latest ol {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.knowledge ul.latest li {
	padding: 15px 15px 0;
}

#main.knowledge ul.latest li a {
	display: block;
	color: #484848;
	margin-bottom: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.knowledge ul.latest li a .thumbnails {
	display: inline-block;
	width: 25%;
	overflow: hidden;
}

#main.knowledge ul.latest li a .thumbnails img {
	width: 100%;
	border-radius: 4px;
}

#main.knowledge ul.latest li a .info {
	display: inline-block;
	width: 65%;
	margin-left: 10px;
}

#main.knowledge ul.latest li a .info .title {
	display: block;
	height: 22px;
	margin-bottom: 6px;
	overflow: hidden;
}

#main.knowledge ul.latest li a .info .time {
	display: block;
	font-size: 12px;
	color: #B7B7B7;
}

#main.knowledge ul.latest li a:hover .info .title {
	color: #009EFF;
}

#main.knowledge ul.recommend li {
	margin-bottom: 15px;
	background-color: #FFF;
	overflow: hidden;
}

#main.knowledge ul.recommend li a {
	display: block;
	color: #484848;
	border: 1px solid #E1E1E1;
	border-radius: 8px;
}

#main.knowledge ul.recommend li a .thumbnails {
	display: block;
}

#main.knowledge ul.recommend li a .thumbnails img {
	width: 100%;
}

#main.knowledge ul.recommend li a .info {
	display: block;
	padding: 12px 16px;
}

#main.knowledge ul.recommend li a .info .title {
	display: block;
	font-size: 15px;
	color: #323232;
	margin-bottom: 8px;
}

#main.knowledge ul.recommend li a .info .content {
	display: block;
	font-size: 13px;
	color: #757575;
	margin-bottom: 9px;
	line-height: 21px;
}

#main.knowledge ul.recommend li a .info .time {
	display: block;
	font-size: 12px;
	color: #B7B7B7;
}

#main.knowledge ul.recommend li a:hover .info .title {
	color: #009EFF;
}

#main.knowledge .detail-box {
	padding: 15px 0;
}

#main.knowledge .detail-box .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

#main.knowledge .detail-box .author {
	text-align: center;
	font-size: 14px;
	color: #8E8E93;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.knowledge .detail-box .author>* {
	display: inline-block;
	margin: 0 12px;
}

#main.knowledge .detail-box .author .poster {
	display: block;
	margin-bottom: 15px;
}

#main.knowledge .detail-box .author .poster img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 12px;
	border: 1px solid #E1E1E1;
}

#main.knowledge .detail-box .author .view:before {
	display: inline-block;
	content: "\e7f4";
	font-family: 'iconfont';
	margin-right: 3px;
}

#main.knowledge .detail-box .content {
	margin-bottom: 25px;
}

#main.knowledge .detail-box .collection {
	margin-bottom: 25px;
	text-align: center;
}

#main.knowledge .detail-box .collection .btn {
	display: inline-block;
	color: #FFF;
	padding: 6px 20px;
	border: none;
	background-color: #FF9100;
}

#main.knowledge .detail-box .share-box {
	padding-top: 15px;
	border-top: 1px solid #E1E1E1;
}

#main.knowledge .detail-box .share-box .link,
#main.knowledge .detail-box .share-box .link a {
	display: inline-block;
	color: #009EFF;
}

#main.knowledge .detail-box .share-box .share {
	float: right;
}

#main.knowledge .detail-box .comments {
	margin: 25px 0;
}

#main.knowledge .detail-box .comments .reply {
	position: relative;
	padding-left: 50px;
}
#main.knowledge .detail-box .comments .reply .avatar {
	position: absolute;
	top: 0;
	left: 0;
}

#main.knowledge .detail-box .comments .reply .avatar img {
	width: 40px;
	height: 40px;
	border: 1px solid #E1E1E1;
	border-radius: 50%;
}

#main.knowledge .detail-box .comments .reply .info {
	margin-left: 12px;
}

#main.knowledge .detail-box .comments .reply .info .name {
	font-weight: bold;
	margin-bottom: 16px;
}

#main.knowledge .detail-box .comments .reply .info .submit {
	margin-top: 16px;
}

#main.knowledge .detail-box .comments .reply .info .submit .btn {
	color: #FFF;
	padding: 6px 20px;
	background-color: #009EFF;
}

#main.knowledge .detail-box .comments .comment-total {
	font-weight: bold;
	margin: 25px 0 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #E1E1E1;
}

#main.knowledge .detail-box .comments .comment-total .count {
	font-weight: bold;
	display: inline-block;
}

#main.knowledge .detail-box .comments .comment-total .change {
	float: right;
	text-align: right;
	padding-right: 4px;
}

#main.knowledge .detail-box .comments .comment-total .change a {
	display: inline-block;
	color: #8E8E93;
	padding: 0 4px;
}

#main.knowledge .detail-box .comments .comment-total .change a:hover,
#main.knowledge .detail-box .comments .comment-total .change a.active {
	color: #323232;
}

#main.knowledge .detail-box .comments .comment-list {
	margin-bottom: 30px;
}

#main.knowledge .detail-box .comments .comment-list .line {
	position: relative;
	padding-top: 15px;
	padding-left: 50px;
}

#main.knowledge .detail-box .comments .comment-list .line .avatar {
	position: absolute;
	top: 20px;
	left: 0;
}

#main.knowledge .detail-box .comments .comment-list .line .avatar img {
	width: 40px;
	height: 40px;
	border: 1px solid #E1E1E1;
	border-radius: 50%;
}

#main.knowledge .detail-box .comments .comment-list .line .info {
	margin-left: 11px;
	padding-bottom: 15px;
	border-bottom: 1px solid #F4F4F4;
}

#main.knowledge .detail-box .comments .comment-list .line .info .name {
	font-weight: bold;
	margin-bottom: 8px;
}

#main.knowledge .detail-box .comments .comment-list .line .info .text {
	font-size: 16px;
	margin-bottom: 8px;
}

#main.knowledge .detail-box .comments .comment-list .line .info .actions>* {
	display: inline-block;
	font-size: 12px;
	color: #8E8E93;
	margin-right: 20px;
}

#main.knowledge .detail-box .comments .comment-list .more {
	display: inline-block;
	color: #8E8E93;
	margin: 8px 0 0 53px;
}

#main.knowledge .detail-box .comments .more-comment {
	text-align: center;
}

#main.knowledge .detail-box .comments .more-comment .btn {
	display: inline-block;
	color: #323232;
	padding: 12px 20px;
	background-color: #F4F4F4;
}

#main.knowledge .relative h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
}

@media (min-width: 768px) {
	#main.knowledge>.banner {
		height: 432px;
	}

	#main.knowledge>.banner.banner-detail {
		height: 460px;
	}

	#main.knowledge>.banner .box {
		margin-top: 130px;
	}


	#main.knowledge .page-list {
		margin: 50px -25px;
	}

	#main.knowledge ul.list li {
		margin-bottom: 32px;
	}
	#main.knowledge ul.list li a .thumbnails {
		max-height: 220px;		
		overflow: hidden;
	}

	#main.knowledge ul.list li a .thumbnails img {
		width: 100%;
	}


	#main.knowledge ul.list li a .info .title {
		font-size: 24px;
		margin: 0 0 14px;
	}

	#main.knowledge ul.list li a .info .content {
		font-size: 16px;
	}

	#main.knowledge ul.list li a .info .show {
		margin-top: 19px;
		font-size: 14px;
	}

	#main.knowledge ul.latest {
		margin: 0 0 40px;
	}

	#main.knowledge ul.latest ol {
		font-size: 20px;
		padding: 13px 15px;
	}

	#main.knowledge ul.latest li {
		padding: 15px 20px 0;
	}

	#main.knowledge ul.recommend {
		margin-bottom: 40px;
	}

	#main.knowledge ul.recommend li {
		margin-bottom: 40px;
	}

	#main.knowledge .detail-box {
		padding: 40px 115px;
	}

	#main.knowledge .detail-box .title {
		font-size: 32px;
		text-align: center;
		margin-bottom: 28px;
	}

	#main.knowledge .detail-box .author {
		font-size: 15px;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}

	#main.knowledge .detail-box .content {
		margin-bottom: 60px;
	}

	#main.knowledge .detail-box .collection {
		margin-bottom: 60px;
	}

	#main.knowledge .detail-box .collection .btn {
		font-size: 18px;
		padding: 12px 40px;
	}

	#main.knowledge .detail-box .share-box {
		padding-top: 20px;
	}

	#main.knowledge .detail-box .comments {
		margin: 60px 0;
	}

	#main.knowledge .detail-box .comments .reply .info .submit .btn {
		font-size: 16px;
		padding: 12px 30px;
	}

	#main.knowledge .detail-box .comments .comment-total {
		margin: 40px 0 24px;
	}

	#main.knowledge .detail-box .comments .comment-total .count {
		font-size: 18px;
	}

	#main.knowledge .detail-box .comments .comment-total .change {
		padding-right: 8px;
	}

	#main.knowledge .detail-box .comments .comment-total .change a {
		font-size: 16px;
		padding: 0 8px;
	}

	#main.knowledge .detail-box .comments .comment-list {
		margin-bottom: 74px;
	}

	#main.knowledge .detail-box .comments .comment-list .line {
		padding-top: 24px;
	}

	#main.knowledge .detail-box .comments .comment-list .line .info {
		padding-bottom: 24px;
	}

	#main.knowledge .detail-box .comments .more-comment .btn {
		font-size: 18px;
		padding: 12px 40px;
	}

	#main.knowledge .relative h2 {
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 32px;
	}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/** 页面：消息中心 **/
#main.message {
	padding-bottom: 30px;
}

#main.message h1 {
	font-size: 24px;
	font-weight: bold;
}

#main.message .clear {
	position: relative;
	top: -32px;
	float: right;
	color: #8E8E93;
}

#main.message .box {
	margin-top: 15px;
}

#main.message .box ul {
	padding: 7px 15px;
}

#main.message .box ul li {
	position: relative;
	padding: 7px 0;
	margin: 0;
}

#main.message .box ul li .avatar img {
	width: 68px;
	height: 68px;
	border: 1px solid #E1E1E1;
	border-radius: 50%;
}

#main.message .box ul li .info .name {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

#main.message .box ul li .info .time {
	display: inline-block;
	color: gray;
	margin-left: 16px;
}

#main.message .box ul li .info .content {
	margin-top: 10px;
	font-size: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E1E1E1;
}

#main.message .box ul li:last-child .info .content {
	border: none;
}

#main.message .box ul li .info .content span {
	color: #8E8E93;
}

#main.message .box ul li .detail {
	position: absolute;
	top: 7px;
	right: 0;
	color: #009EFF;
}

#main.message .box .more {
	text-align: center;
}

#main.message .box .more a {
	display: block;
	font-size: 16px;
	color: #323232;
	padding: 12px 0;
	background-color: #F4F4F4;
	text-decoration: none;
}

#main.message .box .more a:hover {
	color: #009EFF;
}


.sub-cate-box {
	padding: 10px;
	background: #eeeeee;
	border-radius: 3px;
}
.sub-cate-box a {
	display: inline-block;
	padding: 5px;
	font-size: 16px;
	color: #4c4e4f;
	text-decoration: none;
}
.sub-cate-box a:hover, .sub-cate-box a.hover {
	background: #7a00ff;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
}

@media (min-width: 768px) {

	#main.message {
		padding: 132px 0 200px;
	}

	#main.message h1 {
		font-size: 32px;
	}

	#main.message .clear {
		font-size: 16px;
	}

	#main.message .box {
		margin-top: 32px;
	}

	#main.message .box ul {
		padding: 14px 28px;
	}

	#main.message .box ul li {
		position: relative;
		padding: 14px 0px 0px 70px;

	}

	#main.message .box ul li .avatar  {
		position: absolute;
		top: 10px;
		left: 0;
	}
	#main.message .box ul li .info {
		padding-left: 16px;
	}

	#main.message .box ul li .info .content {
		margin-top: 10px;		
		padding-right: 60px;
		padding-bottom: 15px;
	}

	#main.message .box ul li .detail {
		top: 50%;
		transform: translateY(-50%);
	}

	#main.message .box .more {
		text-align: center;
		margin-top: 30px;
	}

	#main.message .box .more a {
		font-size: 18px;
		padding: 16px 0;
	}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}


@media (max-width: 767px) {
	#main.home .carousel .item-note {height: 100%;}
	#main.home .carousel .note2 {
		bottom: 20px;
		right: 30px;
	}
	#main.home .carousel .note {right: 10px;left: 10px;top: 0;	bottom: 0;}
	#main.home .carousel .note h2{font-size:25px;}
	#main.home .carousel .note h3{line-height: 130%; font-size: 16px;}
	#main.home .carousel .note .bt {padding: 10px 10px 0 0px;}
	#main.home .carousel .btn-lg {border-radius: 3px; font-size: 14px;}

	#main.help .page-list ul.list li a.has-picture { padding-left: 15px; }
	#main.help .page-list ul.list li a.has-picture .thumbnails {position: relative;}

	#main.system .page-banner.banner-blue .container-bg {
		background-image: none;
	}


}