*::selection {
	background: #009edd;
	color: #fff;
	text-shadow: none
}

*::-moz-selection {
	background: #0eaed7;
	color: #fff;
	text-shadow: none
}

::-webkit-scrollbar {
	width: 8px;
	height: 14px
}

::-webkit-scrollbar-button {
	display: none
}

::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece {
	width: 11px;
	height: 11px
}

::-webkit-scrollbar-thumb {
	border-width: 0;
	border-style: solid;
	border-radius: 6px;
	background: #d9d9d9
}

::-webkit-scrollbar-thumb:horizontal {
	border-width: 3px 0;
	border-style: solid;
	border-color: #fefefe;
	border-radius: 6px;
	background: #d9d9d9
}

::-webkit-scrollbar-thumb:hover {
	background: #bdbdbd
}

::-webkit-scrollbar-thumb:active {
	background: #8e8e8e
}

*:focus {
	outline: 0
}

body,textarea,h4,h5,h6,h1,h2,h3 {
	font-family: "\5fae\8f6f\96c5\9ed1",'Microsoft Yahei'
}

body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #000;
	background: #f5f4f2;
	font-size: 12px
}

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

input[type="radio"],a:focus,a:active {
	outline: 0
}

a:hover {
	color: #009edd
}

input[type="radio"] {
	vertical-align: bottom\9
}

a img {
	border: 0
}

.ai,.ai img {
	display: block
}

.clear {
	clear: both
}

.clearfix {
	_zoom: 1
}

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

ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none
}

textarea {
	resize: none
}

select {
	margin: auto auto auto 0
}

.fontbold {
	font-weight: bold
}

.margincenter {
	margin: 0 auto
}

.wrap-main {
	width: 80%;
	position: relative
}

.red {
	color: #f40
}

.blue {
	color: #009edd
}

#site-nav {
	height: 50px;
	background: #2a2931;
	position: relative;
	z-index: 999
}

#site-nav .site-nav-bd {
	position: relative;
	line-height: 50px;
	font-size: 12px;
	height: 50px;
	width: 80%;
	margin: 0 auto
}

#site-nav .site-nav-logo {
	background: url(../logo.png) no-repeat;
	width: 180px;
	height: 38px;
	display: block;
	position: absolute;
	left: 0;
	top: 6px
}

#site-nav .site-nav-item {
	position: absolute;
	top: 20px;
	right: 800px
}

#site-nav .site-nav-item,#site-nav .site-nav-item a {
	color: #ccc
}

#site-nav .site-nav-item a:hover {
	color: #00cbff
}

#site-nav .site-nav-item b {
	position: absolute;
	right: 0;
	top: 22px;
	width: 0;
	height: 0;
	border-width: 5px 5px;
	border-style: solid;
	border-color: #ccc #2a2931 #2a2931;
	font-size: 0;
	line-height: 0;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}

#site-nav .site-nav-item a:hover b {
	border-color: #00cbff #2a2931 #2a2931 #2a2931;
	-moz-transform: rotate(180deg);
	-moz-transform-origin: 50% 30%;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 30%;
	-o-transform: rotate(180deg);
	-o-transform-origin: 50% 30%;
	transform: rotate(180deg);
	transform-origin: 50% 30%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

#site-nav .nav-login,#site-nav .nav-order,#site-nav .nav-collection,#site-nav .nav-favorites {
	background: url(../ico.png) no-repeat
}

#site-nav .nav-login,#site-nav .nav-order,#site-nav .nav-collection,#site-nav .nav-article,#site-nav .nav-publish,#site-nav .nav-favorites {
	height: 50px;
	display: block;
	float: right;
	text-align: right;
	position: relative;
	padding: 0 15px 0 30px;
	margin-left: 30px
}

#site-nav .nav-logout,#site-nav .nav-line {
	height: 50px;
	display: block;
	float: right;
	text-align: right
}

#site-nav .nav-line {
	padding: 0 10px
}

#site-nav .nav-login {
	padding-right: 0;
	background-position: 5px 17px
}

#site-nav .nav-login:hover {
	background-position: 5px -23px
}

#site-nav .nav-collection {
	background-position: 5px -65px
}

#site-nav .nav-collection:hover {
	background-position: 4px -104px
}

#site-nav .nav-order {
	background-position: 5px -145px;
	padding-right: 0
}

#site-nav .nav-order b {
	display: none
}

#site-nav .nav-order:hover {
	background-position: 5px -184px
}

#site-nav .nav-favorites {
	background-position: 5px -65px
}

#site-nav .nav-favorites:hover {
	background-position: 4px -104px
}

#site-nav .nav-publish,#site-nav .nav-article {
	background: url(../ico1.png) no-repeat
}

#site-nav .nav-article {
	background-position: 5px 15px
}

#site-nav .nav-article:hover {
	background-position: 5px -35px
}

#site-nav .nav-publish {
	background-position: 5px -83px
}

#site-nav .nav-publish:hover {
	background-position: 5px -133px
}

#site-nav .nav-collection-box {
	padding: 5px;
	border-radius: 6px;
	-moz-box-shadow: 0 2px 5px #999;
	-webkit-box-shadow: 0 2px 5px #999;
	box-shadow: 0 2px 5px #999;
	position: absolute;
	right: 0;
	top: 45px;
	background: #fff;
	display: none;
	z-index: 9999;
	width: 300px;
	height: 305px
}

#site-nav .nav-collection-box i {
	width: 0;
	height: 0;
	border-width: 6px 6px;
	border-style: solid;
	border-color: #fff #2a2931 #2a2931;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: -7px;
	-moz-transform: rotate(180deg);
	-moz-transform-origin: 50% 30%;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 30%;
	-o-transform: rotate(180deg);
	-o-transform-origin: 50% 30%;
	transform: rotate(180deg);
	transform-origin: 50% 30%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	top: -5px\9;
	border: none\9;
	background: url(../ico2.png) 0 -10px no-repeat\9;
	width: 12px\9;
	height: 5px\9;
	display: block\9
}

#site-nav .nav-collection-box i {
	right: 45px
}

#site-nav .nav-item-box-tit {
	font-size: 14px;
	color: #999;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #dbdada;
	text-indent: 10px
}

#site-nav .nav-collection-item {
	height: 65px;
	line-height: 20px;
	border-bottom: 1px dashed #dbdada;
	position: relative
}

#site-nav .nav-collection-item:hover,#site-nav .nav-collection-item-current {
	background: #f9f9f9
}

#site-nav .nav-item-info {
	position: absolute;
	bottom: 10px;
	left: 15px;
	color: #000
}

#site-nav .nav-item-info-num {
	font-size: 16px;
	color: #009edd;
	font-weight: bold;
	margin: 0 3px
}

#site-nav a.nav-item-info-button,#site-nav a.nav-item-info-button:hover {
	width: 105px;
	height: 30px;
	line-height: 30px;
	display: block;
	background: #009edd;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 10px;
	bottom: 20px
}

#site-nav .nav-collection-item-img,#site-nav .nav-collection-item-img img {
	width: 64px;
	height: 44px;
	display: block
}

#site-nav .nav-collection-item-img {
	border: 1px solid #eee;
	position: absolute;
	left: 12px;
	top: 10px
}

#site-nav .site-nav-item a.nav-collection-item-tit {
	width: 202px;
	height: 20px;
	display: block;
	overflow: hidden;
	color: #000;
	position: absolute;
	left: 87px;
	top: 13px
}

#site-nav .nav-collection-item-cont {
	width: 202px;
	height: 20px;
	display: block;
	overflow: hidden;
	color: #999;
	position: absolute;
	left: 87px;
	top: 35px
}

#site-nav .nav-collection-item-delete {
	color: #000;
	position: absolute;
	right: 17px;
	top: 25px;
	display: none
}

#header {
	height: 59px;
	border-bottom: 1px solid #e0e0e0;
	background: #fff
}

.head-nav {
	position: relative;
	z-index: 100;
	width: 80%;
	margin: 0 auto
}
.head-nav ul{overflow:hidden}

.menu-item {
	position: relative;
	float: left;
	background: url(../0.jpg) bottom left no-repeat;
	height: 59px;
	line-height: 60px
}

.head-nav-list-item.last {
	background: url(../1.jpg) bottom right no-repeat
}

.head-nav-list.current .head-nav-list-item.last {
	background: 0
}

.current-menu-item {
	background: url(../2.png) center 53px no-repeat #009edd;
	height: 60px;
	font-weight: bold
}

.menu-item a {
	text-align: center;
	padding: 18px 16px;
	color: #000;
	font-size: 16px;
}

.menu-item a:hover {
	color: #BE2DDA
}

.current-menu-item a {
	color: #fff
}

.head-search {
	position: absolute;
	right: 0;
	top: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #999;
	background: #fff
}

.head-search-focus {
	border-color: #009edd
}

.search-input {
	float: left;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
	width: 210px;
	color: #666;
	outline: 0
}

.nav-search {
	background: #fff url(../ico.png) no-repeat 10px -238px;
	float: left;
	width: 40px;
	height: 26px;
	border: 1px solid #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left-color: #ccc;
	cursor: pointer
}

.head-search-focus .nav-search {
	background-position: 10px -277px;
	border-bottom-right-radius: 0;
	background-color: #009edd;
	border-left-color: #fff;
	transition: background .5s,background-color .5s,border-color .5s
}

.search-keyword {
	background: #f8f8f8;
	height: auto;
	width: 272px;
	padding: 5px 10px 10px 10px;
	display: none;
	overflow: hidden;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: 1px solid #009edd
}

.search-keyword-name {
	padding: 10px 10px;
	font-size: 12px;
	line-height: 42px;
	color: #999
}
@media screen and (max-width: 1000px) {
	#site-nav .site-nav-bd,.head-nav,.wrap-main{width:100%}
}