body,html {
	min-width: 1200px
}

a,del,ins,s,u {
	text-decoration: none
}

body {
	font: 12px/14px Arial,Verdana,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53','\65B0\5B8B\4F53',sans-serif
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

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

fieldset,img {
	border: none
}

button,img,input,object,select,textarea {
	vertical-align: middle
}

caption,th {
	text-align: left
}

abbr,address,b,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,input,select,small,strong,textarea,th,var {
	font-size: 100%;
	font-style: normal
}

q:after,q:before {
	content: ''
}

.clearfix:after {
	visibility: hidden;
	content: ".";
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	zoom: 1
}

a {
	font-family: Verdana,Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53','\65B0\5B8B\4F53',sans-serif;
	star: expression(this.onFocus=this.blur())
}

a:active,a:focus {
	outline: 0
}

input::-ms-clear {
	display: none
}

input:focus {
	outline: 0
}

#doc-nav,#doc-nav .navigation .c li.more {
	position: relative
}

.logo,.navigation .c,.navigation .c h3,.navigation .c ul,.navigation .l {
	float: left
}

#doc-hd2,#doc-nav {
	box-shadow: 0 2px 5px rgba(0,0,0,.05)
}

.logo {
	display: block;
	width: 140px;
	height: 49px;
	margin-right: 25px
}

#doc-nav {
	height: 49px;
	border-top: 2px solid #f3005c;
	z-index: 2;
	background: #fff
}

#doc-nav:before {
	content: '';
	display: block;
	height: 2px;
	background: linear-gradient(to right,#f3005c,#ffde00);
	margin-top: -2px
}

#doc-nav a {
	color: #333
}

#doc-nav .navigation {
	width: 1200px;
	margin: 0 auto
}

#doc-nav .navigation .c li.more.on:after {
	content: '';
	display: inline-block;
	background: url(http://p2.qhimg.com/d/inn/9df84039/more.png) top center no-repeat;
	width: 150px;
	height: 5px;
	position: absolute;
	left: 15px;
	margin-left: -75px;
	top: 44px
}

#doc-nav .more-nav {
	height: 38px;
	line-height: 38px;
	background: #fff;
	background: rgba(255,255,255,.9);
	visibility: hidden
}

#doc-nav .more-nav.on {
	visibility: visible
}

#doc-nav .more-nav .more-nav-wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

#doc-nav .more-nav .more-nav-list {
	display: inline-block;
	position: absolute
}

#doc-nav .more-nav .more-nav-list a {
	font-size: 14px;
	margin: 0 20px;
	transition: color .2s
}

.navigation li {
	float: left;
	padding-right: 30px
}

.navigation .c h3,.navigation li a {
	font: 16px/49px '\5fae\8f6f\96c5\9ed1'
}

#doc-nav a:hover,.navigation li.active a {
	color: #e10055
}

.navigation .c h3:before,.navigation .r:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	margin-left: -10px;
	margin-top: 19px
}

.navigation .c h3 {
	color: #f39700;
	margin-right: 30px;
	margin-left: 20px
}

#doc-hd2 .logo,.navigation .c li.wuli {
	margin-right: 20px
}

.navigation .c h3:before {
	background: #f39700;
	width: 4px
}

.navigation .c li a,.navigation .r li a {
	font-size: 15px
}

.navigation .c li.wuli:after {
	content: '';
	position: absolute;
	width: 22px;
	height: 13px;
	margin-top: 10px;
	margin-left: -3px;
	background-image: url(http://p5.qhimg.com/d/inn/c3af9957/hot-x1.png);
	background-image: -webkit-image-set(url(http://p5.qhimg.com/d/inn/c3af9957/hot-x1.png) 1x,url(http://p8.qhimg.com/d/inn/4185ed1d/hot.png) 2x)
}

.navigation .r {
	float: right
}

.navigation .r:before {
	background: #dcdcdc
}

#doc-hd2 {
	height: 50px;
	position: relative;
	border-top: 5px solid #f3005c
}

#doc-hd2:before {
	content: '';
	display: block;
	height: 5px;
	background: linear-gradient(to right,#f3005c,#ffde00);
	margin-top: -5px
}

#doc-hd2 .logo {
	float: left;
	margin-top: 14px
}

#doc-hd2 .logo img {
	width: 195px
}


#doc-hd2 .navigation {
	float: left;
	position: relative;
	z-index: 10;
	width: 985px
}

#doc-hd2 .navigation li {
	padding-right: 15px
}

#doc-hd2 .navigation .c h3,#doc-hd2 .navigation a {
	font-size: 14px
}

#doc-hd2 .navigation .c h3,#doc-hd2 .navigation .c li.wuli {
	margin-right: 15px
}

#doc-hd2 .navigation .r {
	margin-left: 15px
}

#doc-hd2 .navigation li.more {
	height: 32px;
	border: 1px solid #fff;
	border-bottom: 0;
	margin-top: 10px;
	padding: 6px 18px 0 5px;
	background: #fff;
	position: relative
}

.ft-info .logo,.ft-info .logo-wall h3 {
	padding-left: 20px
}

#doc-hd2 .navigation li.more a {
	line-height: 0;
	color: #333
}

#doc-hd2 .navigation li.more.on {
	border: 1px solid #e5e5e5;
	border-bottom: 0
}

#doc-hd2 .navigation li.more.on:after {
	content: '';
	display: inline-block;
	height: 0;
	overflow: hidden;
	border: 5px solid transparent;
	border-left: 5px solid #f4266b;
	position: absolute;
	top: 9px;
	right: 6px
}

#doc-hd2 .navigation li.more.on a {
	color: #f4266b
}

#doc-hd2 .more-nav {
	position: absolute;
	top: 48px;
	z-index: 9;
	width: 181px;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: none
}

#doc-hd2 .more-nav.on {
	display: block
}

#doc-hd2 .more-nav .more-nav-list a {
	width: 90px;
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 34px
}

.ft-info {
	background: #e5e5e5;
	height: 273px
}

.container {
	width: 1200px;
	margin: 0 auto
}

.ft-info .logo {
	float: left;
	height: 150px;
	border-right: 1px solid #ddd;
	margin-top: 60px
}

.ft-info .logo img {
	margin: 40px 30px 0 0
}

.ft-info .logo-wall {
	float: left;
	margin-top: 20px
}

.ft-info .logo-wall h3,.other h3 {
	font: 700 14px/40px '\5fae\8f6f\96c5\9ed1'
}

.ft-info .logo-wall img {
	width: 100px;
	height: 50px
}

.ft-info .logo-wall ul {
	width: 440px;
	height: 170px;
	border-right: 1px solid #ddd;
	padding: 0 20px 0 10px
}

.ft-info .logo-wall li {
	float: left;
	margin: 0 0 10px 10px
}

.ft-info .other {
	float: left;
	margin-top: 20px;
	width: 200px;
	overflow: hidden;
	padding: 0 20px
}

.ft-info .other ul {
	margin-left: -20px
}

.ft-info .other ul li {
	float: left;
	margin-left: 20px
}

.ft-info .other ul li a {
	font: 14px/32px '\5fae\8f6f\96c5\9ed1';
	color: #999
}

.ft-info .other ul li a:hover {
	color: #e10055
}

.ft-info .yule-qrcode {
	float: left;
	height: 150px;
	border-left: 1px solid #ddd;
	margin-top: 60px;
	padding: 15px 0 0 20px
}

.list-loading {
	background: #fff;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #999;
	text-align: center
}

#doc-ft,#doc-ft a {
	color: #fff
}

.list-loading span {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding-left: 35px;
	position: relative
}

.list-loading img {
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

#doc-ft {
	background: #333;
	height: 60px;
	line-height: 60px;
	text-align: center
}