* {-webkit-touch-callout:none; -moz-touch-callout:none; -ms-touch-callout:none; touch-callout:none; }
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	padding: 0
}
@media print{  
body{display:none}  
}  
fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,th,var {
	font-weight: 400;
	font-style: normal
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

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

abbr,acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input,select,textarea {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit
}

.clearfix:after,.clearfix:before {
	display: table;
	content: "";
	line-height: 0
}

.clear,.clearfix:after {
	clear: both
}

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

a,button,img,input,textarea {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	outline: 0
}
.fl{float: left;}
.hidden {
	display: none!important
}

.clearfix {
	*zoom: 1
}

.clearfix:after,.clearfix:before {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.clear {
	clear: both
}

.lpic {
	float: left
}

.rtext {
	overflow: hidden;
	zoom: 1
}

.column-2 {
	zoom: 1;
	*zoom: 1
}

.column-2:after,.column-2:before {
	display: table;
	content: "";
	line-height: 0
}

.column-2:after {
	clear: both
}

.column-2:after,.column-2:before {
	display: table;
	content: "";
	line-height: 0
}

.column-2:after {
	clear: both
}

.column-2 .left {
	float: left
}

.column-2 .right {
	overflow: hidden;
	zoom: 1
}

.column-2-convert .left {
	overflow: hidden;
	zoom: 1
}

.column-2-convert .right {
	float: right
}

.column-3 {
	zoom: 1;
	*zoom: 1
}

.column-3:after,.column-3:before {
	display: table;
	content: "";
	line-height: 0
}

.column-3:after {
	clear: both
}

.column-3:after,.column-3:before {
	display: table;
	content: "";
	line-height: 0
}

.column-3:after {
	clear: both
}

.column-3 .c3-center,.column-3 .c3-left,.column-3 .c3-right {
	position: relative
}

.column-3 .c3-left {
	float: left
}

.column-3 .c3-center {
	overflow: hidden;
	zoom: 1
}

.column-3 .c3-right {
	float: right
}

.fl {
	float: left
}

.fr {
	float: right
}

.ma {
	margin: 0 auto
}

.vm {
	vertical-align: middle
}

.fixed-table {
	table-layout: fixed
}

.range {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%
}

.ac {
	text-align: center
}

.al {
	text-align: left
}

.ar {
	text-align: right
}

.fb {
	font-weight: 700
}

.font-small {
	font-size: 12px
}

.font-normal {
	font-size: 14px
}

.font-big {
	font-size: 16px
}

.font-large {
	font-size: 18px
}

pre.note {
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0
}

.space-10 {
	font-size: 0;
	padding-top: 10px
}

.space-20 {
	font-size: 0;
	padding-top: 20px
}

.img-border {
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc
}

.cover .book-mission .hd .complete,.cover .book-mission .hd .title,.header .qr-float p,.yahei {
	font-family: arial,'Hiragino Sans GB','Microsoft Yahei'
}

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 15px;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.alert,.alert h4 {
	color: #c09853
}

.alert h4 {
	margin: 0;
	font-weight: 700;
	font-size: 14px
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 15px
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847
}

.alert-success h4 {
	color: #468847
}

.alert-danger,.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48
}

.alert-danger h4,.alert-error h4 {
	color: #b94a48
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad
}

.alert-info h4 {
	color: #3a87ad
}

.alert-chapter h4 {
	display: inline-block;
	color: #fff;
	line-height: 28px
}

.alert-chapter {
	background: rgba(0,0,0,.5)
}

.alert-lure {
	background-color: #f8b98e;
	border-color: #a57b5f;
	color: #f60
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px
}

.alert-block p,.alert-block ul {
	margin-bottom: 0
}

.alert-block p {
	margin-top: 5px;
	font-size: 12px
}

table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0
}

.table {
	width: 100%;
	margin-bottom: 15px
}

.table td,.table th {
	padding: 8px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ddd
}

.table th {
	font-weight: 700
}

.table thead th {
	vertical-align: bottom
}

.table caption+thead tr:first-child td,.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child td,.table thead:first-child tr:first-child th {
	border-top: 0
}

.table tbody+tbody {
	border-top: 2px solid #ddd
}

.table .table {
	background-color: #fff
}

.table-condensed td,.table-condensed th {
	padding: 4px 5px
}

.table-bordered {
	border: 1px solid #ddd;
	border-collapse: separate;
	*border-collapse: collapse;
	border-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.table-bordered td,.table-bordered th {
	border-left: 1px solid #ddd
}

.table-bordered caption+tbody tr:first-child td,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+thead tr:first-child th,.table-bordered tbody:first-child tr:first-child td,.table-bordered tbody:first-child tr:first-child th,.table-bordered thead:first-child tr:first-child th {
	border-top: 0
}

.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child,.table-bordered thead:first-child tr:first-child>th:first-child {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px
}

.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child,.table-bordered thead:first-child tr:first-child>th:last-child {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px
}

.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child,.table-bordered thead:last-child tr:last-child>th:first-child {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px
}

.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child,.table-bordered thead:last-child tr:last-child>th:last-child {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0
}

.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered caption+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px
}

.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered caption+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px
}

.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
	background-color: #f5f5f5
}

.row-fluid table td[class*=span],.row-fluid table th[class*=span],table td[class*=span],table th[class*=span] {
	display: table-cell;
	float: none;
	margin-left: 0
}

.table td.span1,.table th.span1 {
	float: none;
	width: 44px;
	margin-left: 0
}

.table td.span2,.table th.span2 {
	float: none;
	width: 124px;
	margin-left: 0
}

.table td.span3,.table th.span3 {
	float: none;
	width: 204px;
	margin-left: 0
}

.table td.span4,.table th.span4 {
	float: none;
	width: 284px;
	margin-left: 0
}

.table td.span5,.table th.span5 {
	float: none;
	width: 364px;
	margin-left: 0
}

.table td.span6,.table th.span6 {
	float: none;
	width: 444px;
	margin-left: 0
}

.table td.span7,.table th.span7 {
	float: none;
	width: 524px;
	margin-left: 0
}

.table td.span8,.table th.span8 {
	float: none;
	width: 604px;
	margin-left: 0
}

.table td.span9,.table th.span9 {
	float: none;
	width: 684px;
	margin-left: 0
}

.table td.span10,.table th.span10 {
	float: none;
	width: 764px;
	margin-left: 0
}

.table td.span11,.table th.span11 {
	float: none;
	width: 844px;
	margin-left: 0
}

.table td.span12,.table th.span12 {
	float: none;
	width: 924px;
	margin-left: 0
}

.table tbody tr.success>td {
	background-color: #dff0d8
}

.table tbody tr.error>td {
	background-color: #f2dede
}

.table tbody tr.warning>td {
	background-color: #fcf8e3
}

.table tbody tr.info>td {
	background-color: #d9edf7
}

.table-hover tbody tr.success:hover>td {
	background-color: #d0e9c6
}

.table-hover tbody tr.error:hover>td {
	background-color: #ebcccc
}

.table-hover tbody tr.warning:hover>td {
	background-color: #faf2cc
}

.table-hover tbody tr.info:hover>td {
	background-color: #c4e3f3
}

.header {
	position: relative
}

.header .center {
	width: 1000px;
	margin: 0 auto;
	z-index: 3
}

.header,.header .bottom,.header .center,.header .top {
	position: relative
}

.header .top {
	z-index: 2
}

.header .bottom {
	z-index: 1;
	*zoom: 1
}

.header .bottom:after,.header .bottom:before {
	display: table;
	content: "";
	line-height: 0
}

.header .bottom:after {
	clear: both
}

.header .bottom:after,.header .bottom:before {
	display: table;
	content: "";
	line-height: 0
}

.header .bottom:after {
	clear: both
}

.header .logo {
	position: absolute;
	z-index: 0
}

.header .logo a {
	display: block
}

.header .nav {
	float: left
}

.header .nav li {
	display: inline;
	float: left
}

.header .nav li a {
	font-family: "Microsoft Yahei";
	float: left;
	display: inline
}

.header .nav .forum {
	margin-right: 6px
}

.header .nav .last {
	margin-right: 0
}

.header .nav .fuli a{
	font-weight: bold;
    color: #FFEB3B;
	padding: 0
}

.header .nav .fuli a img{
	padding-top: 1px
}

.header .accounts {
	display: inline;
	float: right
}

.header .breadcrumb,.header .shelf {
	display: inline;
	float: left
}

.header .shelf i {
	float: left;
	display: inline;
	overflow: hidden
}

.header .shelf .read {
	margin-left: 5px;
	font-weight: 100
}

.header .breadcrumb {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.header .breadcrumb a,.header .breadcrumb span {
	color: #bcbcbc;
	padding-right: 10px;
	display: inline-block;
	background: url(../i/arrow-breadcrumb.gif) no-repeat right center;
	padding-left: 10px
}

.header .breadcrumb .home {
	float: left;
	width: 26px;
	height: 22px;
	margin: 4px 6px 0 0
}

.header .breadcrumb .icon {
	float: left;
	display: inline;
	margin: -4px 8px 0 0;
	width: 15px;
	height: 21px;
	background-position: -83px -292px
}

.header .breadcrumb span {
	background: 0 0
}

.header .search {
	position: absolute
}

.header .search form {
	height: 34px
}

.header .search .submit,.header .search .text {
	float: left;
	border: none;
	outline: 0
}

.header .search .text {
	padding: 8px;
	width: 156px
}

.header .search .submit {
	cursor: pointer
}

.header .search .submit i {
	display: inline-block
}

.header .other-login {
	display: none;
	position: absolute;
	top: 134px;
	right: 6px;
	width: 205px;
	padding: 7px 10px 5px;
	background: #efefef;
	border: 1px solid #d6d6d6;
	border-top: 0;
	box-shadow: 0 6px 4px -5px #7E7E7E;
	font-size: 12px;
	color: #999
}

.header .other-login span {
	float: left;
	margin: 5px 10px 0 0
}

.search-recommend {
	border-radius: 0 0 6px 6px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.41);
	display: none;
	overflow: hidden;
	background: #fdfdfd;
	border: 1px solid #969696
}

.search-recommend h5 {
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #ccc
}

.search-recommend i {
	float: left;
	width: 3px;
	height: 3px;
	margin: 13px 10px;
	overflow: hidden
}

.search-recommend li a {
	display: block;
	line-height: 30px;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	font-size: 14px
}

.search-recommend .even {
	background: #f2f2f2
}

.wrap-bg {
	position: relative;
	background:url(../i/bg_ah.png) no-repeat 100px 230px;
}

.wrap {
	position: relative;
	background:url(../i/bg_wrap.jpg) repeat-x top center;
}

.container {
	width: 1000px;
	margin: auto
}

.container .c-left {
	float: left
}

.container .c-right {
	float: right
}

.container .container-bd {
	*zoom: 1
}

.container .container-bd:after,.container .container-bd:before {
	display: table;
	content: "";
	line-height: 0
}

.container .container-bd:after {
	clear: both
}

.container .container-bd:after,.container .container-bd:before {
	display: table;
	content: "";
	line-height: 0
}

.container .container-bd:after {
	clear: both
}

.container-auto .c-left {
	float: none!important;
	width: auto!important;
	padding: 0!important
}

.gowap {
	position: fixed;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	width: 150px;
	background: #fff
}

.gowap p {
	padding-bottom: 15px
}

@media screen and (min-width:1921px) {
	.gowap {
		left: 20em
	}
}

@media screen and (min-width:1601px) and (max-width:1921px) {
	.gowap {
		left: 20em
	}
}

@media screen and (min-width:1367px) and (max-width:1600px) {
	.gowap {
		left: 8em
	}
}

@media screen and (min-width:1000px) and (max-width:1366px) {
	.gowap {
		left: 0
	}
}

.pattern-column2 .left {
	padding-right: 10px
}

.pattern-column2 .right h5 {
	padding: 4px 0 10px 0;
	font-weight: 700
}

.pattern-column2 .right .summary {
	text-indent: 2em;
	line-height: 1.5em;
	height: 4.5em;
	overflow: hidden
}

.pattern-column2 .right .ellipsis {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.pattern-column2 .right .info {
	margin-top: 10px
}

.pattern-column2-2 .left {
	padding-right: 12px
}

.pattern-column2-2 .right {
	font-size: 12px
}

.pattern-column2-2 .right h5 {
	padding: 4px 0;
	font-size: 12px;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-column2-2 .right h5 a {
	color: #666
}

.pattern-column2-2 .right p {
	line-height: 1.6em;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-column2-2 .right p,.pattern-column2-2 .right p a {
	color: #999
}

.column-2 .right .min-summary-height {
	min-height: 435px;
	line-height: 25px
}

.column-2 .left {
	float: left
}

.pattern-big-picture h5 {
	padding: 10px 0;
	font-size: 14px;
	width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    margin: 0 auto
}

.pattern-simple-with-sort {
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-simple-with-sort span {
	margin-right: 5px
}

.pattern-rank .handles,.pattern-rank .switch {
	float: right;
	line-height: normal
}

.pattern-rank .handles span,.pattern-rank .switch span {
	display: inline-block;
	margin-right: 3px;
	height: 18px;
	line-height: 18px;
	padding: 1px 5px 0;
	font-size: 12px;
	vertical-align: middle;
	text-align: center
}

.pattern-rank .more {
	text-align: right;
	padding: 0 10px 10px 0
}

.pattern-rank .rank-list {
	padding-top: 10px;
	padding-bottom: 10px;
}

ol .rank-list{
	display: block;
}

.pattern-rank .rank-list .index-1 {
	height: 85px
}

.pattern-rank .rank-list .index-1 .left {
	padding-right: 16px;
	float: left
}

.pattern-rank .rank-list .index-1 .right {
	padding-top: 6px
}

.pattern-rank .rank-list .index-1 .right h5,.pattern-rank .rank-list .index-1 .right p {
	width: 90%;
	line-height: normal;
	white-space: normal
}

.pattern-rank .rank-list .index-1 .right h5 {
	font-weight: 700;
	margin-bottom: 6px;
	line-height: 1.5em;

}

.pattern-rank .rank-list .index-1 .right p {
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-rank .rank-list li {
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-rank .rank-list li a {
	color: #666
}

.pattern-rank .rank-list li a:hover {
	color: #000
}

.pattern-rank .rank-list li span {
	float: right;
	font-size: 12px;
	margin-right: 5px;
	font-family: Arial;
	color: #a8a8a8
}

.pattern-rank .rank-list .top span {
	float: none
}

.pattern-rank .rank-list em {
	position: absolute;
	left: 10px;
	top: 8px;
	display: block;
	width: 17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	color: #fff;
	font-family: Arial;
	background: #259fae;
	border-radius: 100%
}

.pattern-fill-container-mod .bd {
	width: 100%;
	padding: 0 0 10px 0;
	padding-left: 0!important;
	padding-right: 0!important
}

html.ie6 .pattern-fill-container-mod .bd {
	overflow-x: hidden
}

.pattern-fill-container-mod .fill-block {
	*zoom: 1;
	width: 108%;
	overflow: hidden
}

.pattern-fill-container-mod .fill-block:after,.pattern-fill-container-mod .fill-block:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .fill-block:after {
	clear: both
}

.pattern-fill-container-mod .fill-block:after,.pattern-fill-container-mod .fill-block:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .fill-block:after {
	clear: both
}

.pattern-fill-container-mod .fill-block li {
	float: left;
	display: inline
}

.pattern-fill-container-mod .fill-inline {
	*zoom: 1;
	width: 108%
}

.pattern-fill-container-mod .fill-inline:after,.pattern-fill-container-mod .fill-inline:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .fill-inline:after {
	clear: both
}

.pattern-fill-container-mod .fill-inline:after,.pattern-fill-container-mod .fill-inline:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .fill-inline:after {
	clear: both
}

.pattern-fill-container-mod .fill-inline li {
	float: left;
	display: inline
}

.pattern-fill-container-mod .float-list {
	*zoom: 1
}

.pattern-fill-container-mod .float-list:after,.pattern-fill-container-mod .float-list:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .float-list:after {
	clear: both
}

.pattern-fill-container-mod .float-list:after,.pattern-fill-container-mod .float-list:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .float-list:after {
	clear: both
}

.pattern-fill-container-mod .float-list li {
	float: left;
	display: inline
}

.pattern-fill-container-mod .float-line {
	border-top: 3px solid #e7e2dd;
	border-left: 1px solid #e7e2dd;
	margin-top: -10px
}

.pattern-fill-container-mod .float-line .pattern-big-line {
	width: 190px;
	border-right: 1px solid #e7e2dd;
	border-bottom: 1px solid #e7e2dd
}

.pattern-fill-container-mod .float-line .pattern-big-picture {
	height: 227px;
	text-align: center;
	padding-top: 16px;
}

.pattern-fill-container-mod .float-line .pattern-big-picture h4 a {
	font-family: 'Microsoft Yahei';
	font-size: 16px;
	font-weight: 700;
	color: 333
}

.pattern-fill-container-mod .float-line .pattern-big-picture p {
	font-family: 'Microsoft Yahei';
	font-size: 12px;
	line-height: 35px
}

.pattern-fill-container-mod .float-line .pattern-big-picture p a {
	color: #f60
}

.pattern-fill-container-mod .float-line .first .host {
	position: relative;
	height: 243px;
	background: url(../i/road.jpg) no-repeat
}

.pattern-fill-container-mod .float-line .first .host a {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	height: 29px;
	width: 90%;
	padding-left: 21px;
	line-height: 29px;
	color: #fff;
	background: #d43b3a
}

.pattern-fill-container-mod .float-line .first .host a .icon-jiang {
	display: inline-block;
	margin-right: 7px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}

.pattern-fill-container-mod .with-pic {
	*zoom: 1
}

.pattern-fill-container-mod .with-pic:after,.pattern-fill-container-mod .with-pic:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .with-pic:after {
	clear: both
}

.pattern-fill-container-mod .with-pic:after,.pattern-fill-container-mod .with-pic:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .with-pic:after {
	clear: both
}

.pattern-fill-container-mod .with-pic li {
	width: 350px;
	margin: 0 20px 20px 0
}

.pattern-fill-container-mod .with-sort {
	*zoom: 1
}

.pattern-fill-container-mod .with-sort:after,.pattern-fill-container-mod .with-sort:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .with-sort:after {
	clear: both
}

.pattern-fill-container-mod .with-sort:after,.pattern-fill-container-mod .with-sort:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-fill-container-mod .with-sort:after {
	clear: both
}

.pattern-fill-container-mod .with-sort li {
	width: 368px
}

.pattern-home-column3 .bd {
	padding-top: 0!important
}

.pattern-home-column3 .c3-left {
	float: left;
	position: relative;
	width: 290px;
	padding-right: 10px
}

.pattern-home-column3 .c3-left .mask {
	overflow: hidden;
	height: 448px;
	position: relative
}

.pattern-home-column3 .c3-left .mask img {
	border: 1px solid #ccc
}

.pattern-home-column3 .c3-left li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.pattern-home-column3 .c3-left .summary h5 {
	margin: 10px 0;
	text-align: center;
	font-weight: 700
}

.pattern-home-column3 .c3-left .summary p {
	text-indent: 2em;
	line-height: 1.8em;
	height: 5.4em;
	overflow: hidden
}

.pattern-home-column3 .c3-left .summary p,.pattern-home-column3 .c3-left .summary p a {
	color: #666
}

.pattern-home-column3 .c3-left .handles {
	position: absolute;
	left: 245px;
	top: -2px;
	width: 40px;
	font-size: 0
}

.pattern-home-column3 .c3-left .handles img {
	float: left;
	padding: 2px;
	border-radius: 2px;
	opacity: .5;
	margin-bottom: 3px;
	cursor: pointer;
	filter: alpha(opacity=50)
}

.pattern-home-column3 .c3-left .handles img.active {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #FC6C83
}

.pattern-home-column3 .c3-center {
	width: 421px;
	padding-top: 12px;
	overflow: hidden
}

.pattern-home-column3 .c3-center h5 {
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.4em
}

.pattern-home-column3 .c3-center .sub {
	font-size: 14px;
	line-height: 2em;
	height: 2em;
	overflow: hidden;
	position: relative;
	text-align: center
}

.pattern-home-column3 .c3-center .sub .divide {
	color: #999;
	margin: 0 5px;
	font-size: 12px
}

.pattern-home-column3 .c3-center .sub,.pattern-home-column3 .c3-center .sub a {
	color: #666
}

.pattern-home-column3 .c3-center .recommend li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f1eadc
}

.pattern-home-column3 .c3-center .recommend .last {
	margin-bottom: 0;
	border-bottom: none
}

.pattern-home-column3 .c3-center .notify {
	background: url(../i/bg_indexnotice.png) no-repeat 10px 30px;
	padding: 25px 20px 0 55px;
	margin-top: 6px;
	border-top: 1px solid #d3d3d3
}

.pattern-home-column3 .c3-center .notify h5 {
	font-size: 16px;
	margin-bottom: 5px
}

.pattern-home-column3 .c3-right {
	float: right;
	width: 214px
}

.pattern-update-list .hd {
	padding-bottom: 10px;
	z-index: 1
}

.pattern-update-list .handles {
	float: right;
	position: relative;
	top: 11px;
	_top: 12px
}

.pattern-update-list .handles span {
	float: left;
	display: inline;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	padding: 0 10px;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	cursor: pointer;
	padding: 2px 6px 0 6px
}

.pattern-update-list .handles span.active {
	padding: 0 4px 0 4px;
	border: 2px solid #e7e2dd;
	border-bottom: none;
	color: #333;
	background: #ebebeb
}

.pattern-update-list .more {
	border-top: 1px solid #ccc;
	padding-top: 12px;
	text-align: right;
	font-weight: 700
}

.pattern-update-list table {
	width: 100%;
	table-layout: fixed
}

.pattern-update-list table thead th {
	border-top: 2px solid #e7e2dd;
	background: #ebebeb;
	height: 30px;
	color: #898989
}

.pattern-update-list table td,.pattern-update-list table th {
	padding-left: 10px
}

.pattern-update-list table td {
	height: 36px;
	line-height: 36px
}

.pattern-update-list table .first {
	padding-left: 30px
}

.pattern-update-list table .last {
	padding-right: 30px
}

.pattern-update-list table .rangy {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%
}

.pattern-update-list table .chapter,.pattern-update-list table .time {
	color: #999;
	font-size: 12px
}

.pattern-update-list table .author {
	color: #666
}

.pattern-update-list table .time {
	font-family: Arial
}

.pattern-update-list table .icon-hongbao {
	vertical-align: -8px
}

.pattern-slide-ad {
	width: 955px;
	height: 100px;
	overflow: hidden
}

.pattern-slide-ad a {
	position: absolute;
	display: block;
	top: 0;
	left: 0
}

.pattern-slide-ad img {
	display: block
}

.pattern-slide-ad .handles {
	position: absolute;
	right: 10px;
	bottom: 10px
}

.pattern-slide-ad .handles span {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-left: 5px;
	background: #ccc;
	text-align: center;
	font-family: Arial;
	border-radius: 10px;
	color: #fff
}

.pattern-slide-ad .handles span.active {
	background: #960
}

.pattern-slide-ld {
	width: 955px;
	height: 100px;
	overflow: hidden
}

.pattern-slide-ld a {
	position: absolute;
	top: 0;
	left: 0
}

.pattern-slide-ld img {
	display: block
}

.pattern-slide-ld .ldz {
	position: absolute;
	top: 0;
	left: 0
}

.pattern-slide-ld .ldz a {
	width: 160px;
	height: 100px
}

.pattern-slide-ld .ldz .android {
	left: 600px
}

.pattern-slide-ld .ldz .ios {
	left: 780px
}

.pattern-cover-detail .book-status {
	position: absolute;
	display: inline-block;
	overflow: hidden
}

.pattern-cover-detail .hd {
	padding-left: 38px;
	height: 85px
}

.pattern-cover-detail .hd .collect {
	float: right;
	overflow: hidden;
	cursor: pointer;
	margin-top: 5px
}

.pattern-cover-detail .hd .collect em {
	display: none
}

.pattern-cover-detail .hd .collect i {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 24px;
	overflow: hidden;
	margin-right: 6px
}

.pattern-cover-detail .hd .collect b {
	font-weight: 400
}

.pattern-cover-detail .hd .collect span {
	vertical-align: middle
}

.pattern-cover-detail .hd .collected em {
	display: inline
}

.pattern-cover-detail .hd h2 {
	font-size: 32px
}

.pattern-cover-detail .hd .infos-p {
	margin-left: 100px
}

.pattern-cover-detail .hd .infos {
	padding-left: 3px;
	line-height: 1.8em;
	*zoom: 1
}

.pattern-cover-detail .hd .infos:after,.pattern-cover-detail .hd .infos:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-detail .hd .infos:after {
	clear: both
}

.pattern-cover-detail .hd .infos:after,.pattern-cover-detail .hd .infos:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-detail .hd .infos:after {
	clear: both
}

.pattern-cover-detail .hd .infos,.pattern-cover-detail .hd .infos a {
	color: #666
}

.pattern-cover-detail .hd .infos .divide {
	margin-right: 3px;
	color: #afafaf
}

.pattern-cover-detail .bd-p .voteStaff {
	width: 200px;
	height: auto;
	min-height: 435px
}

.pattern-cover-detail .bd {
	padding-bottom: 10px
}

.pattern-cover-detail .bd .book-cover {
	display: block;
	border: 1px solid #ccc
}

.pattern-cover-detail .bd .left {
	padding-right: 30px;
	overflow: hidden
}

.pattern-cover-detail .bd .buttons {
	margin-top: 15px;
	width: 200px
}

.pattern-cover-detail .bd .index,.pattern-cover-detail .bd .read {
	float: left;
	display: inline;
	width: 86px;
	height: 38px;
	line-height: 38px;
	padding: 0
}

.pattern-cover-detail .bd .index i,.pattern-cover-detail .bd .read i {
	float: left;
	width: 16px;
	height: 16px;
	margin: 10px 10px 0 7px
}

.pattern-cover-detail .bd .index {
	border-right: 1px solid #ccc
}

.pattern-cover-detail .bd .read {
	width: 100px;
	margin-left: 13px
}

.pattern-cover-detail .bd .read i {
	height: 18px
}

.pattern-cover-detail .bd .collect .ico {
	width: 26px;
	height: 26px
}

.pattern-cover-detail .bd .auto-pay {
	text-align: center;
	margin-top: 12px;
	width: 202px
}

.pattern-cover-detail .bd .auto-pay a,.pattern-cover-detail .bd .auto-pay span {
	vertical-align: middle
}

.pattern-cover-detail .bd .auto-pay span {
	color: #666
}

.pattern-cover-detail .bd .auto-pay a {
	display: inline-block;
	width: 75px;
	height: 26px
}

.pattern-cover-detail .bd .support-vote {
	width: 196px;
	padding: 13px 0 13px 6px;
	border-bottom: 1px solid #ccc;
	*zoom: 1
}

.pattern-cover-detail .bd .support-vote:after,.pattern-cover-detail .bd .support-vote:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-detail .bd .support-vote:after {
	clear: both
}

.pattern-cover-detail .bd .support-vote:after,.pattern-cover-detail .bd .support-vote:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-detail .bd .support-vote:after {
	clear: both
}

.pattern-cover-detail .bd .support-vote .num {
	float: left;
	padding-left: 6px;
	line-height: 34px;
	font-size: 30px;
	font-family: Arial;
	color: #f30
}

.pattern-cover-detail .bd .support-vote .support {
	display: inline;
	float: right;
	width: 72px;
	height: 26px;
	margin-top: 5px;
	text-indent: -9999px
}

.pattern-cover-detail .bd .summary a {
	color: #09c
}

.pattern-cover-detail .bd .summary a:hover {
	text-decoration: underline
}

.pattern-cover-detail .bd .summary pre {
	color: #333;
	line-height: 1.8em
}

.pattern-cover-detail .bd .summary a.more {
	color: #369
}

.pattern-cover-detail .bd .tags {
	margin-top: 20px
}

.pattern-cover-detail .bd .tags,.pattern-cover-detail .bd .tags a {
	color: #666
}

.pattern-cover-detail .bd .tags a:hover {
	color: #333
}

.pattern-cover-update {
	border-top: 1px solid #ccc;
	padding-top: 18px
}

.pattern-cover-update .bd {
	padding-right: 0!important
}

.pattern-cover-update .left {
	padding-right: 16px;
	font-weight: 700;
	width: 100px;
	text-align: center
}

.pattern-cover-update .left .icon {
	display: block;
	width: 59px;
	height: 53px;
	margin: 0 auto 10px auto
}

.pattern-cover-update .right .chapter-link {
	float: right;
	padding-right: 20px;
	height: 100%
}

.pattern-cover-update .right .chapter-link i {
	margin-top: 26px;
	cursor: pointer;
	display: inline-block;
	width: 19px;
	height: 37px
}

.pattern-cover-update .right h4 {
	padding-bottom: 10px;
	width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-cover-update .right h4 .icon-hongbao {
	vertical-align: -8px;
	margin-right: 5px
}

.pattern-cover-update .right p {
	line-height: 1.6em;
	height: 4.8em;
	overflow: hidden;
	width: 90%;
	word-break: break-all;
	word-wrap: break-word
}

.pattern-cover-update .right .time {
	float: right;
	margin-left: 10px;
	font-weight: 400
}

.pattern-cover-author .bd {
	padding-top: 5px;
	background: #ebebeb
}

.pattern-cover-author .author-zone,.pattern-cover-author .blocks {
	padding: 10px 0 0 15px
}

.pattern-cover-author .author-zone .left {
	padding-right: 15px
}

.pattern-cover-author .author-zone .left img {
	border: 1px solid #fff;
	width: 80px;
	height: 80px
}

.pattern-cover-author .author-zone .right {
	line-height: 20px;
	padding-top: 15px
}

.pattern-cover-author .coper-zone .empty {
	padding: 18px 0 10px 0;
	font-size: 12px;
	color: #999
}

.pattern-cover-author .coper-zone ul {
	*zoom: 1;
	height: 72px
}

.pattern-cover-author .coper-zone ul:after,.pattern-cover-author .coper-zone ul:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-author .coper-zone ul:after {
	clear: both
}

.pattern-cover-author .coper-zone ul:after,.pattern-cover-author .coper-zone ul:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-author .coper-zone ul:after {
	clear: both
}

.pattern-cover-author .coper-zone li {
	float: left;
	display: inline;
	position: relative;
	width: 48px;
	margin-right: 18px;
	text-align: center;
	font-size: 12px
}

.pattern-cover-author .coper-zone li img {
	width: 48px;
	height: 48px;
	display: block
}

.pattern-cover-author .coper-zone li p {
	padding-top: 8px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-cover-author .coper-zone li .name {
	color: #999
}

.pattern-cover-author .coper-zone li .del {
	display: none;
	color: #f60
}

.pattern-cover-author .coper-zone li.not-agree span {
	position: absolute;
	top: 0;
	left: 0
}

.pattern-cover-author .coper-zone li.not-agree span a {
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #ddd;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.pattern-cover-author .coper-zone li.not-agree .name {
	color: #6c6c6c
}

.pattern-cover-author .coper-zone li.vacancy p a {
	color: #6c6c6c
}

.pattern-cover-author .coper-zone li.my .name {
	color: #000
}

.pattern-cover-author .coper-zone li.hover .del {
	display: block
}

.pattern-cover-author .coper-zone li.hover .name {
	display: none
}

.pattern-cover-author .author-recommend {
	padding-top: 15px;
	padding-right: 15px
}

.pattern-cover-author .blocks h4 {
	line-height: 22px;
	margin: 0 5px 5px 0;
	font-weight: 400;
	zoom: 1
}

.pattern-cover-author .other-books ul {
	*zoom: 1
}

.pattern-cover-author .other-books ul:after,.pattern-cover-author .other-books ul:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-author .other-books ul:after {
	clear: both
}

.pattern-cover-author .other-books ul:after,.pattern-cover-author .other-books ul:before {
	display: table;
	content: "";
	line-height: 0
}

.pattern-cover-author .other-books ul:after {
	clear: both
}

.pattern-cover-author .other-books ul li {
	float: left;
	width: 65px;
	height: 110px;
	text-align: center
}

.pattern-cover-author .other-books ul li p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	font-size: 12px
}

.pattern-cover-author .other-books ul li p a {
	color: #999
}

.pattern-cover-boost .hd {
	overflow: hidden;
	height: 40px
}

.pattern-cover-boost .hd .total {
	float: left;
	width: 141px;
	height: 40px;
	line-height: 40px;
	padding-left: 15px
}

.pattern-cover-boost .hd .total a {
	font-weight: 700
}

.pattern-cover-boost .hd .total .count {
	font-family: Arial;
	font-weight: 400
}

.pattern-cover-boost .hd .exp {
	position: relative
}

.pattern-cover-boost .hd .exp span {
	position: relative;
	float: left;
	font-size: 12px;
	font-family: '微软雅黑';
	overflow: hidden
}

.pattern-cover-boost .bd {
	overflow: hidden;
	height: 120px
}

.pattern-cover-boost .plus {
	font-size: 12px;
	color: #f90;
	font-weight: 700;
	position: absolute;
	z-index: 10
}

.pattern-cover-boost .recent-list {
	float: left;
	width: 151px;
	height: 240px;
	padding: 0 10px 0 16px;
	border-right: 1px solid #ccc;
	overflow: hidden
}

.pattern-cover-boost .recent-list .more {
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 176px;
	text-align: center
}

.pattern-cover-boost .recent-list .more a {
	font-size: 12px
}

.pattern-cover-boost .recent-list .empty {
	font-size: 14px;
	color: #666;
	font-weight: 700;
	line-height: 40px;
	text-align: center
}

.pattern-cover-boost .recent-list ul {
	height: 210px;
	overflow: hidden
}

.pattern-cover-boost .recent-list li {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-cover-boost .recent-list li span {
	float: right
}

html.ie6 .pattern-cover-boost .recent-list li span {
	margin-top: 3px
}

.pattern-cover-boost .recent-list li span img {
	height: 16px;
	vertical-align: middle
}

.pattern-cover-boost .recent-list li span em {
	margin-left: 3px;
	vertical-align: middle;
	font-weight: 700;
	padding-left: 10px
}

.pattern-cover-boost .recent-list li a {
	display: inline-block;
	width: 50%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pattern-cover-boost .controls {
	float: left
}

.pattern-cover-boost .controls .item-list table {
	table-layout: fixed;
	width: 100%
}

.pattern-cover-boost .controls .item-list td {
	text-align: center
}

.pattern-cover-boost .controls .item-list td.active div {
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc
}

.pattern-cover-boost .controls .item-list .img td {
	height: 120px;
	cursor: pointer
}

.pattern-cover-boost .controls .item-list p.name {
	font-size: 12px;
	margin-top: 10px
}

.pattern-cover-boost .controls .form {
	padding: 10px 10px 0;
	height: 110px;
	font-size: 12px
}

.pattern-cover-boost .controls .form .left {
	width: 120px;
	text-align: center
}

.pattern-cover-boost .controls .form .right {
	padding-right: 15px
}

.pattern-cover-boost .controls .form .to-pay {
	font-weight: 700
}

.pattern-cover-boost .controls .form .conver input,.pattern-cover-boost .controls .form .conver span {
	vertical-align: middle
}

.pattern-cover-boost .controls .form .conver span.count {
	margin-left: 5px
}

.pattern-cover-boost .controls .form .conver span.count em {
	margin: 0 3px;
	font-weight: 700
}

.pattern-cover-boost .controls .form .buttons {
	padding-left: 10px;
	text-align: center
}

.pattern-cover-boost .controls .form .submit {
	display: block;
	width: 99px;
	height: 72px;
	margin-top: -5px
}

.pattern-cover-boost .controls .form table {
	width: 100%
}

.pattern-cover-boost .controls .form td {
	vertical-align: top;
	padding-bottom: 8px
}

.pattern-cover-boost .controls .form input.text {
	width: 60px
}

.pattern-cover-boost .controls .form .text {
	border: 1px solid #ccc;
	padding: 3px
}

.pattern-cover-boost .controls .form textarea {
	width: 95%;
	height: 35px
}

.pattern-cover-boost .controls .form .cheer {
	margin-top: 5px
}

.pattern-cover-boost .donate-item {
	width: 65px;
	height: 65px
}

.index .master .bd li {
	padding-top: 3px;
	text-align: center;
	width: 160px;
	height: 230px;
	margin-bottom: 15px
}

.bottom-tools {
	display: none;
	position: fixed;
	right: 0;
	bottom: 30px
}

html.ie6 .bottom-tools {
	position: absolute
}

.bottom-tools .gotop {
	display: block;
	width: 44px;
	height: 56px;
	background: #ccc;
	position: relative;
	cursor: pointer
}

.radius-5 {
	border-radius: 5px!important
}

.radius-8 {
	border-radius: 8px!important
}

.radius-big {
	border-radius: 50px!important
}

.button-small {
	display: inline-block;
	font-size: 12px;
	padding: 0 9px;
	cursor: pointer;
	border-radius: 2px;
	font-family: Arial;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	margin:0px 3px;
	border: none
}

.button-small img {
	float: left
}

.button-small-2 {
	display: inline-block;
	font-size: 14px;
	padding: 0 9px;
	cursor: pointer;
	border-radius: 6px;
	font-family: Arial,'宋体';
	text-decoration: none;
	line-height: 26px;
	height: 26px;
	border: none
}

.button-small-2 img {
	float: left
}

.button-medium {
	display: inline-block;
	font-size: 14px;
	padding: 0 5px;
	cursor: pointer;
	border-radius: 2px;
	font-family: Arial,'宋体';
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	border: none;
	font-weight: 700
}

.button-medium img {
	float: left
}

.button-large {
	display: inline-block;
	font-size: 16px;
	padding: 0 20px;
	cursor: pointer;
	border-radius: 2px;
	font-family: Arial,'宋体';
	text-decoration: none;
	line-height: 36px;
	height: 36px;
	border: none;
	font-weight: 700
}

.button-large img {
	float: left
}

.button-input {
	display: inline-block;
	font-size: 16px;
	padding: 0 12px;
	cursor: pointer;
	border-radius: 2px;
	font-family: Arial,'宋体';
	text-decoration: none;
	line-height: 34px;
	height: 34px;
	border: none;
	width: 120px;
	text-align: center;
	font-weight: 700
}

.button-input img {
	float: left
}

.button {
	color: #fff;
	background: #fc6c83
}

.button:hover {
	color: #fff;
	background: #d94d62;
	text-decoration: none
}

.button:active {
	color: #fff;
	background: #d94d62
}

.button-link {
	color: #0a8abf
}

.button-link:hover {
	color: #07678f;
	text-decoration: underline
}

.button-b {
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 700
}

html.ie6 .button-b {
	padding-top: 4px
}

.button-disabled {
	cursor: default!important;
	filter: none!important;
	border-color: #bbb!important;
	background: #d1d1d1!important;
	box-shadow: 0 1px 1px #d3d3d3,inset 0 1px 1px #f5f5f5!important;
	text-shadow: none;
	color: #999!important
}

.button-disabled .sp {
	border-left-color: #ddd;
	border-right-color: #c6c6c6
}

.button-winered {
	color: #fff;
	background: #8b0000
}

.button-winered:hover {
	color: #fff;
	background: #710000;
	text-decoration: none
}

.button-winered:active {
	color: #fff;
	background: #5d0000
}

.button-grey {
	color: #656565;
	background: #d3d3d3
}

.button-grey:hover {
	color: #656565;
	background: #c7c7c7;
	text-decoration: none
}

.button-grey:active {
	color: #656565;
	background: #bdbdbd
}

.button-blue {
	color: #fff;
	background: #0a86ba
}

.button-blue:hover {
	color: #fff;
	background: #0875a2;
	text-decoration: none
}

.button-blue:active {
	color: #fff;
	background: #07678f
}

.button-green {
	color: #fff;
	background: #479c4f
}

.button-green:hover {
	color: #fff;
	background: #3f8a46;
	text-decoration: none
}

.button-green:active {
	color: #fff;
	background: #397c3f
}

.button-lightgreen {
	color: #fff;
	background: #00bbb0
}

.button-lightgreen:hover {
	color: #fff;
	background: #00a198;
	text-decoration: none
}

.button-lightgreen:active {
	color: #fff;
	background: #008d85
}

.button-orange {
	color: #fff;
	background: #fa6400
}

.button-orange:hover {
	color: #fff;
	background: #e05a00;
	text-decoration: none
}

.button-orange:active {
	color: #fff;
	background: #cc5200
}

.button-gray-read {
	color: #fff;
	background: #deacac
}

.button-gray-read:hover {
	color: #fff;
	background: #d69a9a;
	text-decoration: none
}

.button-gray-read:active {
	color: #fff;
	background: #d08c8c
}

.button-t-green {
	background-color: #699c69;
	background-image: -moz-linear-gradient(top,#75a875,#578a57);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#75a875),to(#578a57));
	background-image: -webkit-linear-gradient(top,#75a875,#578a57);
	background-image: -o-linear-gradient(top,#75a875,#578a57);
	background-image: linear-gradient(to bottom,#75a875,#578a57);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a875', endColorstr='#ff578a57', GradientType=0);
	border: 1px solid #95a995;
	color: #fff!important;
	text-shadow: 0 0 2px #3e4d3e;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}

.button-t-green:hover {
	background-color: #5c905c;
	background-image: -moz-linear-gradient(top,#659e65,#4d7a4d);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#659e65),to(#4d7a4d));
	background-image: -webkit-linear-gradient(top,#659e65,#4d7a4d);
	background-image: -o-linear-gradient(top,#659e65,#4d7a4d);
	background-image: linear-gradient(to bottom,#659e65,#4d7a4d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff659e65', endColorstr='#ff4d7a4d', GradientType=0)
}

.button-t-green:active {
	background-color: #5f955f;
	background-image: -moz-linear-gradient(top,#5a905a,#659e65);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#5a905a),to(#659e65));
	background-image: -webkit-linear-gradient(top,#5a905a,#659e65);
	background-image: -o-linear-gradient(top,#5a905a,#659e65);
	background-image: linear-gradient(to bottom,#5a905a,#659e65);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a905a', endColorstr='#ff659e65', GradientType=0)
}

.button-t-orange {
	background-color: #ed6103;
	background-image: -moz-linear-gradient(top,#f60,#d35908);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f60),to(#d35908));
	background-image: -webkit-linear-gradient(top,#f60,#d35908);
	background-image: -o-linear-gradient(top,#f60,#d35908);
	background-image: linear-gradient(to bottom,#f60,#d35908);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6600', endColorstr='#ffd35908', GradientType=0);
	border: 1px solid #a04203;
	color: #fff!important;
	text-shadow: 0 0 2px #000;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}

.button-t-orange:hover {
	background-color: #d45703;
	background-image: -moz-linear-gradient(top,#e65c00,#ba4f07);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e65c00),to(#ba4f07));
	background-image: -webkit-linear-gradient(top,#e65c00,#ba4f07);
	background-image: -o-linear-gradient(top,#e65c00,#ba4f07);
	background-image: linear-gradient(to bottom,#e65c00,#ba4f07);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe65c00', endColorstr='#ffba4f07', GradientType=0)
}

.button-t-orange:active {
	background-color: #d65600;
	background-image: -moz-linear-gradient(top,#cc5200,#e65c00);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#cc5200),to(#e65c00));
	background-image: -webkit-linear-gradient(top,#cc5200,#e65c00);
	background-image: -o-linear-gradient(top,#cc5200,#e65c00);
	background-image: linear-gradient(to bottom,#cc5200,#e65c00);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc5200', endColorstr='#ffe65c00', GradientType=0)
}

.button-t-red {
	background-color: #cd6969;
	background-image: -moz-linear-gradient(top,#d37575,#c55757);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#d37575),to(#c55757));
	background-image: -webkit-linear-gradient(top,#d37575,#c55757);
	background-image: -o-linear-gradient(top,#d37575,#c55757);
	background-image: linear-gradient(to bottom,#d37575,#c55757);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd37575', endColorstr='#ffc55757', GradientType=0);
	border: 1px solid #ac6060;
	color: #fff!important;
	text-shadow: 0 0 2px #3b1f1f;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}

.button-t-red:hover {
	background-color: #c75656;
	background-image: -moz-linear-gradient(top,#cd6262,#be4444);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#cd6262),to(#be4444));
	background-image: -webkit-linear-gradient(top,#cd6262,#be4444);
	background-image: -o-linear-gradient(top,#cd6262,#be4444);
	background-image: linear-gradient(to bottom,#cd6262,#be4444);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd6262', endColorstr='#ffbe4444', GradientType=0)
}

.button-t-red:active {
	background-color: #c95656;
	background-image: -moz-linear-gradient(top,#c74e4e,#cd6262);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#c74e4e),to(#cd6262));
	background-image: -webkit-linear-gradient(top,#c74e4e,#cd6262);
	background-image: -o-linear-gradient(top,#c74e4e,#cd6262);
	background-image: linear-gradient(to bottom,#c74e4e,#cd6262);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc74e4e', endColorstr='#ffcd6262', GradientType=0)
}

.button-g-black {
	border-radius: 3px;
	background-color: #373737;
	background-image: -moz-linear-gradient(top,#494949,#1d1d1d);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#494949),to(#1d1d1d));
	background-image: -webkit-linear-gradient(top,#494949,#1d1d1d);
	background-image: -o-linear-gradient(top,#494949,#1d1d1d);
	background-image: linear-gradient(to bottom,#494949,#1d1d1d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff1d1d1d', GradientType=0);
	border: 1px solid #202020;
	color: #ccc!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-black:active {
	background-color: #353535;
	background-image: -moz-linear-gradient(top,#2f2f2f,#3c3c3c);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f2f2f),to(#3c3c3c));
	background-image: -webkit-linear-gradient(top,#2f2f2f,#3c3c3c);
	background-image: -o-linear-gradient(top,#2f2f2f,#3c3c3c);
	background-image: linear-gradient(to bottom,#2f2f2f,#3c3c3c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f2f2f', endColorstr='#ff3c3c3c', GradientType=0)
}

.button-g-blue {
	border-radius: 3px;
	background-color: #36519f;
	background-image: -moz-linear-gradient(top,#4061b3,#273a80);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4061b3),to(#273a80));
	background-image: -webkit-linear-gradient(top,#4061b3,#273a80);
	background-image: -o-linear-gradient(top,#4061b3,#273a80);
	background-image: linear-gradient(to bottom,#4061b3,#273a80);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4061b3', endColorstr='#ff273a80', GradientType=0);
	border: 1px solid #a7adbf;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-blue:active {
	background-color: #355195;
	background-image: -moz-linear-gradient(top,#334d8d,#3957a0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#334d8d),to(#3957a0));
	background-image: -webkit-linear-gradient(top,#334d8d,#3957a0);
	background-image: -o-linear-gradient(top,#334d8d,#3957a0);
	background-image: linear-gradient(to bottom,#334d8d,#3957a0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334d8d', endColorstr='#ff3957a0', GradientType=0)
}

.button-g-green {
	border-radius: 3px;
	background-color: #366c36;
	background-image: -moz-linear-gradient(top,#418241,#264b26);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#418241),to(#264b26));
	background-image: -webkit-linear-gradient(top,#418241,#264b26);
	background-image: -o-linear-gradient(top,#418241,#264b26);
	background-image: linear-gradient(to bottom,#418241,#264b26);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff418241', endColorstr='#ff264b26', GradientType=0);
	border: 1px solid #1e3b1e;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-green:active {
	background-color: #336733;
	background-image: -moz-linear-gradient(top,#306030,#397139);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#306030),to(#397139));
	background-image: -webkit-linear-gradient(top,#306030,#397139);
	background-image: -o-linear-gradient(top,#306030,#397139);
	background-image: linear-gradient(to bottom,#306030,#397139);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff306030', endColorstr='#ff397139', GradientType=0)
}

.button-g-lightgreen {
	border-radius: 3px;
	background-color: #0fc0b5;
	background-image: -moz-linear-gradient(top,#0bcbc3,#16afa1);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#0bcbc3),to(#16afa1));
	background-image: -webkit-linear-gradient(top,#0bcbc3,#16afa1);
	background-image: -o-linear-gradient(top,#0bcbc3,#16afa1);
	background-image: linear-gradient(to bottom,#0bcbc3,#16afa1);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0bcbc3', endColorstr='#ff16afa1', GradientType=0);
	border: 1px solid #00beb3;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-lightgreen:active {
	background-color: #09a49e;
	background-image: -moz-linear-gradient(top,#089b95,#0ab3ac);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#089b95),to(#0ab3ac));
	background-image: -webkit-linear-gradient(top,#089b95,#0ab3ac);
	background-image: -o-linear-gradient(top,#089b95,#0ab3ac);
	background-image: linear-gradient(to bottom,#089b95,#0ab3ac);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff089b95', endColorstr='#ff0ab3ac', GradientType=0)
}

.button-g-grey {
	border-radius: 3px;
	background-color: #e8e8e8;
	background-image: -moz-linear-gradient(top,#efefef,#dedede);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#dedede));
	background-image: -webkit-linear-gradient(top,#efefef,#dedede);
	background-image: -o-linear-gradient(top,#efefef,#dedede);
	background-image: linear-gradient(to bottom,#efefef,#dedede);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffdedede', GradientType=0);
	border: 1px solid #989898;
	color: #393939!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #c9c9c9
}

.button-g-grey:active {
	background-color: #dbdbdb;
	background-image: -moz-linear-gradient(top,#d6d6d6,#e2e2e2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#d6d6d6),to(#e2e2e2));
	background-image: -webkit-linear-gradient(top,#d6d6d6,#e2e2e2);
	background-image: -o-linear-gradient(top,#d6d6d6,#e2e2e2);
	background-image: linear-gradient(to bottom,#d6d6d6,#e2e2e2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd6d6d6', endColorstr='#ffe2e2e2', GradientType=0)
}

.ui-dialog {
	position: absolute;
	left: 0;
	display: none;
	top: 0;
	z-index: 110
}

.ui-dialog .ui-dialog-loading-status {
	display: none
}

.ui-dialog .inner {
	position: relative
}

.ui-dialog .ui-dialog-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 10;
	display: block;
	cursor: pointer
}

.ui-dialog .mod {
	margin: 0
}

.ui-dialog-basic .ui-dialog-close {
	right: 10px;
	top: 8px;
	overflow: hidden;
	font-size: 14px;
	padding: 3px 5px;
	font-family: Verdana;
	color: #333;
	font-weight: 700
}

.ui-dialog-basic .mod {
	background: #fff
}

.ui-dialog-basic .mod .hd {
	padding: 0 40px 0 15px;
	line-height: 42px;
	background: #f4f4f4
}

.ui-dialog-basic .mod .hd .icon {
	margin: 12px 10px 0 0;
	float: left
}

.ui-dialog-basic .mod .hd .title {
	font-size: 16px;
	font-weight: 700
}

.ui-dialog-basic .mod .bd {
	padding: 15px;
	background: 0 0
}

.ui-dialog-bolder {
	background: url(../i/dialog-border-bg.png) center center
}

.ui-dialog-bolder .inner {
	margin: 8px
}

.ui-dialog-loading .ui-dialog-loading-status {
	display: block
}

.login-dialog .hd {
	background: #f4f4f4
}

.login-dialog .bd {
	padding: 20px 15px 10px!important
}

.login-dialog .bd .lpic {
	width: 75px;
	padding-top: 5px
}

.login-dialog .bd .lpic label {
	font-size: 14px
}

.login-dialog .bd .item {
	margin-bottom: 15px
}

.login-dialog .bd .item .text-border {
	width: 220px;
	height: 20px;
	font-size: 14px;
	color: #666
}

.login-dialog .bd .forget-password {
	color: #666;
	margin-left: 10px;
	font-size: 12px
}

.login-dialog .bd .authCode img {
	border: 1px solid #ccc;
	margin-right: 9px
}

.login-dialog .bd .authCode .text-border {
	width: 104px
}

.login-dialog .bd .button-area .lpic {
	padding-top: 10px
}

.login-dialog .bd .button-area label {
	color: #666;
	font-size: 12px
}

.login-dialog .bd .button-area label input {
	margin-right: 2px;
	vertical-align: -3px
}

.login-dialog .bd .reg-btn {
	color: #09f;
	font-size: 14px;
	margin-left: 10px
}

.login-dialog .bd .reg-btn:hover {
	text-decoration: underline
}

.login-dialog .bd .authorization {
	color: #666;
	padding-top: 10px;
	margin: 15px 0 0 75px;
	border-top: 1px solid #E9E9E9
}

.login-dialog .bd .authorization a,.login-dialog .bd .authorization img,.login-dialog .bd .authorization span {
	vertical-align: middle
}

.login-dialog .bd .item .rtext a {
	margin-right: 10px
}

.owner-ban-dialog .bd {
	font-size: 12px
}

.owner-ban-dialog .bd .radio {
	margin-right: 3px;
	vertical-align: -2px;
	_vertical-align: 0
}

.owner-ban-dialog .bd li {
	margin-bottom: 10px
}

.owner-ban-dialog .bd .buttons {
	text-align: right;
	margin-top: 10px;
	padding-top: 10px
}

.owner-ban-dialog .bd .buttons .error {
	float: left;
	color: red
}

.owner-ban-dialog .bd textarea {
	width: 96%;
	height: 50px
}

.ui-helper-hidden-accessible {
	display: none!important
}

.email-suggest {
	background: #FAFAFA;
	border: 1px solid #C5C7D2;
	border-radius: 0;
	position: absolute
}

.email-suggest li {
	padding: 1px
}

.email-suggest li a {
	cursor: pointer;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-family: Arial
}

.email-suggest li a.ui-state-focus,.email-suggest li a.ui-state-hover,.email-suggest li a:hover {
	background: #dedede
}

.button-emotion {
	display: inline-block;
	width: 24px;
	height: 25px;
	overflow: hidden
}

.emotions {
	display: none;
	position: absolute;
	clear: both;
	visibility: visible;
	z-index: 1001;
	width: 450px;
	margin-left: 10px;
    margin-top: -10px;
}

.emotions .top {
	height: 15px;
	background: #F7F7F7
}

.emotions .arrow {
	position: absolute;
	top: -7px;
	left: 5px;
	font-size: 16px
}

.emotions .arrow em {
	position: absolute
}

.emotions .arrow em.t {
	color: #fff
}

.emotions .arrow em.b {
	color: #A0A0A0;
	top: -1px
}

.emotions .inner {
	background: #FFF;
	border: 1px solid #A0A0A0
}

.emotions ul {
	width: 440px;
	margin: 10px 0 10px 8px;
	overflow: hidden;
	*zoom: 1
}

.emotions ul:after,.emotions ul:before {
	display: table;
	content: "";
	line-height: 0
}

.emotions ul:after {
	clear: both
}

.emotions ul:after,.emotions ul:before {
	display: table;
	content: "";
	line-height: 0
}

.emotions ul:after {
	clear: both
}

.emotions li {
	float: left;
	height: 28px;
	overflow: hidden;
	padding: 0 1px 1px 0;
	width: 28px
}

.emotions li a {
	border: 1px solid #EDEDED;
	display: block;
	height: 26px;
	overflow: hidden;
	text-align: center;
	width: 26px
}

.emotions li a:hover {
	background: #D3EFF6;
	border: 1px solid #2C89A8
}

@media (max-width:700px) {
	.emotions {
		width: 290px
	}

	.emotions .inner ul {
		width: 270px
	}
}

.ui-flyout {
	display: none;
	padding: 10px;
	font-size: 14px;
	background: #F7F5F0;
	border-radius: 3px;
	border: 1px solid #CDCAC3
}

.ui-flyout .close {
	position: absolute;
	right: 10px;
	top: 8px;
	color: #ccc
}

.ui-flyout .flyout-arrow {
	z-index: 1
}

.ui-flyout .flyout-arrow,.ui-flyout .flyout-arrow:after {
	content: '';
	display: block;
	position: absolute;
	border: 6px solid transparent
}

.ui-flyout .flyout-arrow:after {
	left: -6px
}

.ui-flyout .flyout-arrow.top {
	top: -12px;
	border-bottom-color: #CDCAC3
}

.ui-flyout .flyout-arrow.top:after {
	border-bottom-color: #F7F5F0;
	top: -5px
}

.ui-flyout .flyout-arrow.bottom {
	bottom: -12px;
	border-top-color: #CDCAC3
}

.ui-flyout .flyout-arrow.bottom:after {
	border-top-color: #F7F5F0;
	bottom: -5px
}

.ui-flyout .flyout-arrow.left {
	left: 15px
}

.ui-flyout .flyout-arrow.right {
	right: 15px
}

.ui-flyout .flyout-arrow.center {
	left: 50%;
	margin-left: -6px
}

.ui-flyout-box {
	box-shadow: 0 0 3px #c7c7c7
}

.ui-flyout-confirm {
	border: 1px solid #B9B9B9;
	text-align: center;
	padding: 6px 10px;
	box-shadow: 0 1px 5px silver;
	border-radius: 5px
}

.ui-flyout-confirm p.text {
	font-size: 12px;
	border: 1px solid #dedede;
	background-color: #f9f9f9;
	margin-bottom: 10px;
	padding: 5px 8px;
	text-align: center;
	color: #f60;
	line-height: 1.8em
}

.ui-flyout-confirm .flyout-arrow {
	display: none
}

.ui-info-ok,.ui-info-waiting,.ui-info-warning {
	padding: 8px 10px;
	border-width: 1px;
	border-style: solid;
	font-size: 12px
}

.ui-info-ok {
	background-color: #f1fce8;
	border-color: #82ae5f;
	color: #6b9848
}

.ui-info-warning {
	background-color: #FEF1EC;
	border-color: #CD0A0A;
	color: #CD0A0A
}

.ui-info-waiting {
	background-color: #f7fcff;
	border-color: #3898e2;
	color: #3898e2
}

.ui-info-waiting img {
	margin-right: 3px
}

.ui-flyout-intro {
	width: 400px;
	background-color: #fff;
	border: none;
	box-shadow: 0 0 3px 3px #ddd
}

.ui-flyout-intro ul h2 {
	font-weight: 400;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-nottom: 8px
}

.ui-flyout-intro ul li {
	margin-bottom: 15px
}

.ui-flyout-intro ul li p {
	line-height: 28px;
	color: #999;
	padding-left: 15px
}

.ui-flyout-intro ul li .org {
	color: #f60
}

.ui-flyout-intro ul li a {
	color: #00f
}

.ui-flyout-intro ol {
	list-style-type: none;
	counter-reset: sectioncounter
}

.ui-flyout-intro ol li:before {
	content: counter(sectioncounter) ".";
	counter-increment: sectioncounter
}

.ui-flyout-intro ol li {
	padding-left: 15px;
	color: #999;
	line-height: 28px
}

.overlay {
	background: #000;
	opacity: .2;
	filter: alpha(opacity=20);
	zoom: 1;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5
}

.pagination {
	padding: 14px 0;
	color: #666;
	text-align: center
}

.pagination a,.pagination span {
	display: inline-block;
	padding: 0 2px;
	height: 20px;
	line-height: 20px;
	margin: 0 2px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #979797;
	border-radius: 2px;
	background-color: #F1F1F1;
	vertical-align: middle
}

.pagination a:hover,.pagination span:hover {
	background-color: #e7e7e7
}

.pagination a.current,.pagination span.current {
	color: #fff;
	background-color: #666
}

.pagination .next,.pagination .prev,.pagination .first,.pagination .last {
	color: #999;
	width: auto
}

.pagination .counts {
	vertical-align: middle;
	color: #999;
	font-size: 12px;
	width: auto
}

.pagination .counts,.pagination .counts span {
	background: 0 0
}

.ui-tags {
	width: 81%;
	border-color: #ccc
}

.ui-share a {
	background: url(../i/sprite-share.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-right: 1px;
	overflow: hidden;
	cursor: pointer
}

.ui-share a,.ui-share span {
	vertical-align: middle
}

.ui-share .share-sina {
	background-position: 0 -20px
}

.ui-share .share-qzone {
	background-position: 0 0
}

.ui-share .share-renren {
	background-position: 0 -60px
}

.ui-share .share-kaixin {
	background-position: 0 -120px
}

.ui-share .share-tenwb {
	background-position: 0 -80px
}

.ui-share .share-baidu {
	background-position: 0 -40px
}

.ui-share .share-douban {
	background-position: 0 -100px
}

.ui-toast {
	position: fixed;
	z-index: 9999;
	left: 50%;
	bottom: 100px;
	display: none;
	font-size: 14px;
	padding: 8px 20px;
	border-radius: 3px;
	box-shadow: 0 1px 6px #272727,inset 0 1px 0 #A8A3A3;
	color: #fff;
	background: rgba(0,0,0,.8);
	pointer-events: none
}

.ui-tags {
	background: #fff;
	border: 1px solid #999;
	position: relative;
	padding-bottom: 0;
	zoom: 1;
	*zoom: 1
}

.ui-tags:after,.ui-tags:before {
	display: table;
	content: "";
	line-height: 0
}

.ui-tags:after {
	clear: both
}

.ui-tags:after,.ui-tags:before {
	display: table;
	content: "";
	line-height: 0
}

.ui-tags:after {
	clear: both
}

.ui-tags .input-tags {
	border: 1px solid #fff;
	height: 18px;
	line-height: 18px;
	margin: 3px;
	width: 50px!important;
	font-size: 12px
}

.ui-tags .names-tags li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 3px
}

.ui-tags .names-tags li a {
	border-radius: 3px;
	display: block;
	float: left;
	background: #333;
	padding: 0 18px 0 4px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #000;
	white-space: nowrap;
	color: #fff!important;
	font-size: 12px
}

.ui-tags .names-tags li a:hover {
	background: #000
}

.ui-tags .names-tags li a:hover .rm {
	background-position: left bottom
}

.ui-tags .names-tags li a .rm {
	cursor: pointer;
	width: 11px;
	height: 11px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 4px;
	top: 5px;
	background: url(../i/btn-tag-del.gif) no-repeat
}

.play-audio {
	display: inline-block;
	width: 50px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	margin-left: 5px;
	text-align: right;
	background: #7C7874;
	font-family: Arial;
	border-radius: 5px;
	color: #fff!important;
	white-space: nowrap;
	position: relative
}

.play-audio i {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	border-right: none;
	border-top: 5px solid transparent;
	top: 4px;
	left: 8px
}

html.ie6 .play-audio i {
	filter: chroma(color=tomato)
}

html.ie6 .play-audio i {
	filter: chroma(color=tomato)
}

html.ie6 .play-audio i {
	border-top-color: tomato;
	border-bottom-color: tomato;
	filter: chroma(color=tomato)
}

.play-audio i.stop {
	width: 7px;
	height: 7px;
	top: 5px;
	border: none;
	background: #fff
}

.comments {
	padding-bottom: 15px
}

.comments li {
	margin-bottom: 20px;
	*zoom: 1
}

.comments li:after,.comments li:before {
	display: table;
	content: "";
	line-height: 0
}

.comments li:after {
	clear: both
}

.comments li:after,.comments li:before {
	display: table;
	content: "";
	line-height: 0
}

.comments li:after {
	clear: both
}

.comments .floor {
	float: right
}

.comments .summary {
	line-height: 1.6em;
	font-size: 12px;
	word-break: break-all;
	word-wrap: break-word
}

.comments .summary,.comments .summary a {
	color: #666
}

.comments .summary .delete,.comments .summary .report,.comments .summary .time {
	margin-left: 3px;
	color: #999
}

.comments .summary .delete:hover,.comments .summary .report:hover {
	color: #333
}

.comments .summary .audio-player {
	display: inline-block;
	height: 20px;
	vertical-align: -5px;
	margin-left: 5px
}

.comments .original {
	padding: 10px;
	margin-top: 10px;
	border-top: 1px dotted #d3d3d3;
	font-size: 12px;
	color: #8B8B8B
}

.comments .original br {
	display: none
}

.comments .left {
	text-align: center;
	width: 60px;
	padding-right: 20px;
	font-size: 12px
}

.comments .left p {
	margin-bottom: 5px
}

.comments .left .name {
	color: #999;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%
}

.comments .left .identity {
	margin-top: 5px;
	margin-bottom: 0
}

.comments .left .identity i {
	display: inline-block;
	width: 37px;
	height: 13px;
	overflow: hidden;
	background: url(../i/user-vip-icon.gif)
}

.comments .right h3 {
	line-height: 2em;
	margin-bottom: 8px;
	word-break: break-all;
	word-wrap: break-word
}

.comments .right h3 a {
	color: #333
}

.comments .right h3 .name {
	color: #06c
}

.comments .right h3 .top {
	color: #393
}

.comments .right h3 .good {
	color: #c63
}

.comments .right .controls,.comments .right .summary,.comments .right h3 {
	padding-left: 2px
}

.comments .controls {
	font-size: 12px;
	text-align: right;
	line-height: 26px;
	height: 26px;
	margin-top: 8px
}

html.ie6 .comments .controls {
	position: relative;
	top: 2px;
	z-index: 1
}

.comments .controls,.comments .controls a {
	color: #999
}

.comments .controls a {
	margin-left: 5px;
	display: inline-block
}

.comments .controls .time {
	float: left
}

.comments .controls .comment-status-open {
	background: #eee;
	border: 1px solid #e4e4e4;
	padding: 0 9px;
	border-bottom: none;
	border-radius: 3px 3px 0 0
}

.comments .form {
	padding: 0 5px;
	clear: both;
	zoom: 1
}

.comments .form .content {
	line-height: 1.8em;
	margin-bottom: 10px
}

.comments .form .content,.comments .form .content a {
	color: #666
}

.comments .form .content a {
	font-weight: 700
}

.comments .form .left {
	display: none
}

.comments .form textarea {
	display: block;
	padding: 5px;
	width: 96%;
	overflow: hidden;
	height: 26px;
	resize: none;
	position: relative
}

.comments .form .button-area {
	width: 60px
}

.comments .form .input-table {
	table-layout: fixed;
	width: 100%
}

.comments .form .input-table td {
	vertical-align: top
}

.comments .form .input-table .input-area {
	padding-right: 10px
}

.comments .form .input-wrap {
	width: 100%
}

.comments .form .submit {
	margin-right: 3px;
	font-size: 12px
}

.comments .comments-level-2 {
	font-size: 12px;
	background: #eee;
	max-height: 0;
	padding-bottom: 0
}

.comments .comments-level-2.comment-level-open {
	padding-bottom: 15px;
	max-height: 1000px
}

.comments .comments-level-2 .pagination {
	font-size: 12px
}

.comments .comments-level-2 li {
	border-top: none!important;
	border-bottom: 1px dotted #dbdbdb!important;
	padding: 10px 0!important;
	margin: 0 10px;
	color: #666;
	font-size: 12px
}

.comments .comments-level-2 li img {
	vertical-align: -6px
}

html.ie6 .comments .comments-level-2 li img {
	vertical-align: -3px
}

.comments .comments-level-2 li,.comments .comments-level-2 li a {
	color: #666
}

.comments .comments-level-2 li .name {
	color: #09c
}

.comments .comments-level-2 li .summary {
	padding-left: 0!important
}

.comments .comments-level-2 li .controls {
	padding: 0!important;
	height: auto;
	line-height: normal;
	_top: 0
}

.comments .comments-level-2 li .controls,.comments .comments-level-2 li .controls a {
	color: #999
}

.comments .comments-level-2 .left {
	width: 56px
}

.comments .comments-level-2 .form {
	margin: 0!important;
	padding: 0
}

.comments .comments-level-2 .form form {
	padding: 15px 10px!important
}

.comments .comments-level-2 .mini-form form {
	padding: 15px 0!important
}
.comments .none{
	display: none;
}
.comments .alert-error {
	margin: 10px
}

.comments .reply-comment {
	padding: 10px 10px 0;
	text-align: right;
	*zoom: 1
}

.comments .reply-comment:after,.comments .reply-comment:before {
	display: table;
	content: "";
	line-height: 0
}

.comments .reply-comment:after {
	clear: both
}

.comments .reply-comment:after,.comments .reply-comment:before {
	display: table;
	content: "";
	line-height: 0
}

.comments .reply-comment:after {
	clear: both
}

.comments .reply-comment .remain-items {
	float: left;
	color: #979797
}

.comments .reply-comment .remain-items span {
	color: #09c
}

.comments .get-more {
	text-align: center;
	cursor: pointer;
	color: #666;
	padding: 5px 0;
	background: #DFDFDF;
	margin: 0 4px
}

.comments .get-more span {
	color: #06c
}

.comment-preview,.comment-preview-title {
	display: none;
	width: 96%;
	line-height: 1.6em;
	margin-bottom: 15px;
	border: 2px solid #FFABAB;
	border-radius: 3px;
	background: #fff;
	font-size: 12px
}

.comment-preview div,.comment-preview-title div {
	padding: 10px 10px 5px
}

.comment-preview span.bad,.comment-preview-title span.bad {
	color: red;
	text-decoration: underline
}

.comment-preview .content-warning,.comment-preview-title .content-warning {
	*zoom: 1
}

.comment-preview .content-warning:after,.comment-preview .content-warning:before,.comment-preview-title .content-warning:after,.comment-preview-title .content-warning:before {
	display: table;
	content: "";
	line-height: 0
}

.comment-preview .content-warning:after,.comment-preview-title .content-warning:after {
	clear: both
}

.comment-preview .content-warning:after,.comment-preview .content-warning:before,.comment-preview-title .content-warning:after,.comment-preview-title .content-warning:before {
	display: table;
	content: "";
	line-height: 0
}

.comment-preview .content-warning:after,.comment-preview-title .content-warning:after {
	clear: both
}

.comment-preview .content-warning span,.comment-preview-title .content-warning span {
	float: right;
	height: 18px;
	line-height: 18px;
	padding: 0 10px;
	border-radius: 3px 0 0 0;
	background: #FFABAB;
	color: #fff
}

.comment-form .left {
	width: 60px;
	padding-right: 30px;
	text-align: center;
	font-size: 12px;
	color: #666
}

.comment-form .left p {
	margin-bottom: 12px
}

.comment-form .item {
	margin-bottom: 12px;
	*zoom: 1
}

.comment-form .item:after,.comment-form .item:before {
	display: table;
	content: "";
	line-height: 0
}

.comment-form .item:after {
	clear: both
}

.comment-form .item:after,.comment-form .item:before {
	display: table;
	content: "";
	line-height: 0
}

.comment-form .item:after {
	clear: both
}

.comment-form .text {
	border: 1px solid #c8c8c8;
	width: 92%;
	padding: 10px;
	border-radius: 2px
}

.comment-form textarea {
	height: 5em
}

.comment-form .buttons {
	*zoom: 1;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 95%
}

.comment-form .buttons:after,.comment-form .buttons:before {
	display: table;
	content: "";
	line-height: 0
}

.comment-form .buttons:after {
	clear: both
}

.comment-form .buttons:after,.comment-form .buttons:before {
	display: table;
	content: "";
	line-height: 0
}

.comment-form .buttons:after {
	clear: both
}

.comment-form .buttons .submit {
	float: right
}

.comment-form .buttons label {
	font-size: 12px;
	color: #666
}

.comment-form .buttons label input {
	vertical-align: -2px;
	margin-right: 2px
}

.text-border {
	padding: 5px 3px;
	border-radius: 2px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px #ddd
}

.text-border:focus {
	box-shadow: inset 0 1px 1px #aaa
}

.text-span1 {
	width: 100px
}

.text-span2 {
	width: 200px
}

.text-span3 {
	width: 300px
}

.text-span4 {
	width: 400px
}

.text-large {
	width: 80%
}

textarea.text-large {
	height: 4.5em
}

.text-placeholder {
	color: #999
}

.textarea-large {
	height: 300px
}

.form-base label.error {
	display: block;
	font-size: 12px;
	padding: 5px 2px;
	color: red
}

.form-base .tips {
	font-size: 12px;
	color: #999;
	margin: 2px 0 5px 0
}

.form-base .item {
	position: relative;
	*zoom: 1;
	margin-bottom: 25px
}

.form-base .item:after,.form-base .item:before {
	display: table;
	content: "";
	line-height: 0
}

.form-base .item:after {
	clear: both
}

.form-base .item:after,.form-base .item:before {
	display: table;
	content: "";
	line-height: 0
}

.form-base .item:after {
	clear: both
}

.form-horizontal .form-table {
	width: 100%;
	table-layout: fixed
}

.form-horizontal .form-table td {
	vertical-align: top;
	padding-bottom: 20px
}

.form-horizontal .form-table td.item-label {
	padding-left: 25px
}

.form-horizontal .form-table td.item-label label {
	display: block;
	font-weight: 700;
	color: #FB6B84;
	padding-top: 6px
}

.form-horizontal .form-table td.pure-text {
	padding-top: 6px
}

.form-horizontal .form-table .buttons td {
	padding-top: 20px;
	border-top: 1px solid #ccc
}

.form-horizontal div.buttons {
	padding-top: 10px;
	border-top: 1px solid #E2E2E2
}

.form-horizontal div.item {
	position: relative;
	padding-bottom: 25px;
	border-bottom: 1px solid #E0E0E0
}

.form-horizontal div.item-label {
	width: 20%;
	float: left;
	padding-right: 40px;
	text-align: right
}

.form-horizontal div.item-control {
	overflow: hidden;
	zoom: 1
}

.form-no-item-border .item {
	border: none
}

.mod {
	zoom: 1
}

.mod,.mod .bd,.mod .ft,.mod .hd {
	position: relative;
	zoom: 1
}

.mod .clean-bd {
	padding: 0
}

.mod-clean {
	margin-bottom: 0!important
}

.mod-clean .bd,.mod-clean .hd {
	padding: 0!important
}

.clean-inside-mod,.mod-clean-y {
	margin-bottom: 0
}

.clean-inside-mod .bd,.clean-inside-mod .hd,.mod-clean-y .bd,.mod-clean-y .hd {
	padding-top: 0!important;
	padding-bottom: 0!important
}

.mod-main .hd {
	padding-bottom: 30px
}

.mod-main .hd h2 {
	font-size: 20px
}

.tab-choose a {
	vertical-align: middle;
	padding: 0 7px;
	display: inline-block;
	min-width: 80px;
	height: 36px;
	line-height: 36px;
	font-weight: 700;
	color: #FB6B84;
	text-align: center;
	background: #f7ebed;
	position: relative
}

.tab-choose a.active {
	color: #fff;
	background: #f5aab6
}

.tab-choose a.active i {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -10px;
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-width: 10px;
	border-color: #f5aab6 transparent transparent transparent;
	border-style: solid dashed dashed dashed
}

.tab-choose a .count {
	font-size: 12px;
	color: #f60;
}

x {
	display: block
}

v {
	display: inline
}

body {
	color: #666;
	font-size: 14px
}

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

.footer .center,.partner .center {
	position: relative;
	width: 1000px;
	margin: 0 auto
}

.mini-page {
	background: #fff
}

.mini-page .link {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 180px;
	display: block;
	width: 106px;
	height: 140px;
	margin-left: -70px;
}

.mini-page .top {
	height: 161px;
	margin-bottom: 140px;
	background:#fc6c83 ;	
}
.mini-page .top-logo{
	background: url(../i/bs-logo3.png)no-repeat center center;
	height: 140px;
	background-size: contain;
}

.header {
	z-index: 1
}

.header,.header .center {
	background: url(../i/bg_header.png) repeat-x
}

.header .center {
	height: 136px
}

.header .top {
	height: 79px;
	margin-left: 185px
}

.header .bottom {
	height: 55px;
	margin-left: 140px
}

.header .logo {
	left: -10px
}

.header .logo a {
	width: 223px;
	height: 70px;
	background: url(../i/login/logo03.png) no-repeat;
	background-size: contain;
	text-indent: -20000px;
	margin-top: 5px;
}

.header .nav {
	padding-top: 29px;
	margin-left:40px;
}

.header .nav li {
	margin-right: 20px
}

.header .nav li a {
	color: #fff;
	height: 47px;
	padding: 0 10px
}

.header .nav .follow-weixin a {
	color: #87e68e
}

.header .nav .follow-weixin img {
	margin-left: 1px;
	vertical-align: -1px
}

.header .nav .active {

}

.header .nav .active a {
	border-bottom:3px solid #c8eeeb;
}
.header .nav .active a:hover{
	color: yellow;
}

.header .qr-float {
	position: absolute;
	top: 62px;
	left: 500px;
	width: 196px;
	padding: 5px 0 10px;
	border: 1px solid #c6c6c6;
	background: #fff;
	text-align: center;
	box-shadow: 0 5px 13px rgba(0,0,0,.2)
}

.header .qr-float .arrow {
	left: 50%;
	margin-left: -8px;
	top: -8px
}

.header .qr-float .arrow,.header .qr-float .arrow .b,.header .qr-float .arrow .t {
	position: absolute
}

.header .qr-float .arrow .t {
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: none;
	top: 1px
}

html.ie6 .header .qr-float .arrow .t {
	filter: chroma(color=tomato)
}

html.ie6 .header .qr-float .arrow .t {
	border-right-color: tomato;
	border-left-color: tomato;
	filter: chroma(color=tomato)
}

.header .qr-float .arrow .b {
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 8px solid #c6c6c6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: none
}

html.ie6 .header .qr-float .arrow .b {
	filter: chroma(color=tomato)
}

html.ie6 .header .qr-float .arrow .b {
	border-right-color: tomato;
	border-left-color: tomato;
	filter: chroma(color=tomato)
}

.header .qr-float p {
	font-size: 18px;
	line-height: 1.3em
}

.header .accounts {
	width: 226px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #fafafa;
}

.header .accounts .left {
	height: 47px;
	padding: 8px 12px 0 10px;
	border-left: 1px solid #fafafa
}

.header .accounts .right {
	padding-top: 11px;
	height: 44px;
	border-right: 1px solid #d6d6d6
}

.header .accounts .name {
	font-weight: 700
}

.header .accounts p {
	padding-top: 3px
}

.header .accounts p .divide {
	margin: 0 8px;
	font-family: Arial;
	color: #ccc
}

.header .accounts p a {
	margin-right: 5px
}

.header .accounts .count {
	margin-left: 2px
}

.header .accounts .not-login {
	padding: 10px 0 0 0;
	font-size: 12px
}

.header .accounts .not-login .signin {
	vertical-align: 7px;
	color: #333
}

.header .accounts .verify {
	display: inline-block;
	width: 22px;
	height: 11px;
	background-position: -94px -146px
}

.header .search {
	width: 210px;
	top: 22px;
	right: 12px;
	background: #ffffff
}

.header .search form {
	height: 34px
}

.header .search .text {
	background: #ffffff;
	padding: 8px;
	width: 156px;
	color: #999
}

.header .search .text:-moz-placeholder,.header .search .text::-webkit-input-placeholder {
	color: #999
}

.header .search .submit {
	width: 38px;
	height: 34px;
	background: #ffffff
}

.header .search .submit i {
	width: 23px;
	height: 23px;
	background-position: 0 -45px;
	margin-top: 2px
}

.header .breadcrumb,.header .shelf {
	width: 365px;
	margin-top: 17px;
	padding-top: 4px
}

.header .shelf span {
	color: #a88f59
}

.header .shelf i {
	width: 21px;
	height: 22px;
	margin: -4px 5px 0 0;
	background-position: 0 0
}

.header .shelf .read {
	margin-left: 5px
}

.header .shelf-login {
	width: 355px
}

.header .shelf-not-login {
	width: 528px
}

.header .my {
	display: inline;
	float: left;
	border-left: 1px solid #d6d6d6;
	width: 260px
}

.header .my .bd {
	text-align: center;
	height: 40px;
	padding-top: 15px;
	border-left: 1px solid #fafafa
}

.header .my a {
	display: inline-block;
	width: 75px;
	height: 28px;
	line-height: 28px;
	margin: 0 3px;
	text-align: center;
	color: #555;
	background: #ddd
}

.header .my a:hover {
	background: #ccc
}

.header .my-not-login {
	width: auto;
	border-left: none
}

.header .my-not-login .bd {
	border-left: none
}

.header .breadcrumb {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.header .breadcrumb a,.header .breadcrumb span {
	color: #000000;
	padding-right: 10px;
	background: url(../i/arrow-breadcrumb.gif) no-repeat right center
}

.header .breadcrumb .home {
	float: left;
	width: 26px;
	height: 22px;
	margin: 4px 6px 0 0
}

.header .breadcrumb .dingwei {
	float: left;
	display: inline;
	margin: -4px 8px 0 0;
	width: 15px;
	height: 21px;
	background-position: -83px -292px
}

.header .breadcrumb span {
	background: 0 0
}

.search-recommend {
	width: 207px
}

.search-recommend h5 {
	color: #09c
}

.search-recommend i {
	background: #f60
}

.search-recommend a {
	color: #606060
}

.search-recommend a:hover {
	background: #d7d7d7;
	color: #000
}

.search-recommend .even {
	background: #f2f2f2
}

.header-small .center {
	height: 106px
}

.header-small .logo {
	left: 0
}

.header-small .logo a {
	height: 45px;
	width: 130px;
	background: url(../i/login/logo03.png) no-repeat;
	background-size: cover;
}

.header-small .top {
	height: 49px;
	margin-left: 86px
}

.header-small .bottom {
	margin-left: 94px;
	width: 906px;
	overflow: hidden
}

.header-small .bottom .my {
	width: 270px;
    margin-top: -3px
}

.header-small .nav {
	padding-top: 15px
}

.header-small .nav li a {
	height: 34px
}

.header-small .breadcrumb {
	width: 400px
}

.header-small .my .bd {
	border-left-color: #fff
}

.header-small .accounts {
	border: none
}

.header-small .accounts .left {
	border: none
}

.header-small .accounts .right {
	border: none
}

.header-small .accounts a {
	color: #b0b0b0
}

.header-small .search {
	top: 7px
}

.wrap {
	margin-top: -1px
}

.container {
	box-sizing: border-box;
	border: 1px solid #ffebee;
	position: relative
}

.container .c-left {
	width: 721px;
	padding-left: 5px
}

.container .home-block .hd {
	border-bottom: 2px solid #e7e2dd;
	padding-bottom: 10px
}

.container .c-right {
	width: 214px
}

.container .c-right .weixin {
	border: 1px solid #54b85a;
	border-radius: 10px;
	overflow: hidden;
	height: 240px;
}

.container .c-right .weixin h5 {
	font-size: 14px;
	height: 40px;
	line-height: 40px
}

.container .c-right .weixin .hd {
	padding-left: 14px;
	color: #fff;
	background: #54B85A
}

.container .mod {
	margin-bottom: 18px
}

.container .page-title {
	margin-bottom: 20px;
	padding-bottom: 12px;
	padding-top: 11px
}

.container .page-title-split {
	position: relative;
	padding-bottom: 30px
}

.container h1 {
	font-size: 26px
}

.container-bd {
	padding: 19px 20px 50px 20px
}

.container-sidebar {
}

.container-sidebar .container-bd {
	margin: 0;
	padding: 19px 7px 50px 20px;
}

.container-sidebar .c-right {
	width: 225px;
    min-height: 600px
}

.global-notify {
	height: 65px;
	margin: 0;
	border-left: 1px solid #d2ccc2;
	border-right: 1px solid #d2ccc2;
	background: #e5dfd5;
}

.global-notify table {
	margin-left: 27px
}

.global-notify table td {
	height: 65px;
	vertical-align: middle
}

.partner {
	line-height: 2em;
	border-bottom: 1px solid #e2e2e2
}

.partner .center {
	padding: 16px 0
}

.partner,.partner .center {
	background: #FFEBEE
}

.partner a {
	color: #594926;margin-left: 10px;
}

.partner .mod {
	padding: 0 30px
}
.footer{
	 background:#FC6C83
}
.footer .center {
	height: 226px;
	background: url(../i/wx_qrf.jpg) no-repeat 860px 50px;
}
/*.bzss{
	margin-bottom: 18px;
	font-size: 12px;
}*/

.footer .right-column {
	padding: 24px 30px 0 0;
	float: left;
	color: #ffffff;
	text-align: left;;
}
.footer .right-column a{
	color: #ffffff;
}
.footer .right-column p {
	margin-bottom: 12px;
}

.footer .quick-link a {
	margin-right: 6px
}

.footer .quick-link span {
	display: inline-block;
	vertical-align: -8px;
	width: 67px;
	height: 24px;
	overflow: hidden
}

.footer .copy {
	font-family: Arial
}

.footer .button-link {
	color: #0a8abf
}

.sys-msg {
	background: #cfc;
	width: 1000px;
	margin: 50px auto 50px auto;
	text-align: center;
	padding: 35px 0
}

.sys-msg .center {
	font-weight: 700;
	color: #393;
	display: inline-block
}

.sys-msg .center i {
	display: block;
	width: 69px;
	height: 69px;
}

.sys-msg .center a {
	color: #069
}

.sys-msg .center span {
	font-family: Arial;
	margin-left: 10px
}

.sys-msg .center h5 {
	font-size: 26px
}

.sys-msg .center p {
	padding-left: 1px;
	margin-top: 3px;
	font-size: 24px
}

.sys-msg .center .left {
	padding-right: 10px
}

.sys-msg .center .right {
	padding-top: 5px;
	text-align: left
}

.sys-msg-error {
	background: #fff4cc
}

.sys-msg-error .center {
	color: #900
}

.sys-msg-error .center i {
	background-image: url(../i/bg_msgerror.png)
}

.icon-cover {
	background-image: url(../i/sprite-cover.png);
	background-repeat: no-repeat
}

.icon {
	background-image: url(../i/sprite-global.png);
	background-repeat: no-repeat
}

.button-emotion {
	background-position: -26px -33px
}

.bottom-tools .gotop {
	width: 50px;
	height: 53px;
	background: #ccc;
	border-radius: 3px 0 0 3px;
	text-align: center
}

.bottom-tools .gotop i {
	display: inline-block;
	width: 17px;
	height: 27px;
	background-position: -95px -164px;
	margin-top: 14px
}

.bottom-tools .gotop:hover {
	background: #c1c1c1
}

.ui-tags {
	width: 81%;
	border-color: #ccc
}

.ui-share a {
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-right: 1px;
	overflow: hidden;
	cursor: pointer
}

.ui-share a,.ui-share span {
	vertical-align: middle
}

.ui-share .share-sina {
	background-position: 0 -20px
}

.ui-share .share-qzone {
	background-position: 0 0
}

.ui-share .share-renren {
	background-position: 0 -60px
}

.ui-share .share-kaixin {
	background-position: 0 -120px
}

.ui-share .share-tenwb {
	background-position: 0 -80px
}

.ui-share .share-baidu {
	background-position: 0 -40px
}

.ui-share .share-douban {
	background-position: 0 -100px
}

.page-title .icon {
	float: left;
	display: inline;
	overflow: hidden;
	margin-left: 10px
}

.icon-review {
	width: 45px;
	height: 32px;
	background-position: -28px 0;
	margin-right: 18px
}

.icon-shelf {
	width: 33px;
	height: 31px;
	background-position: -80px 0;
	margin-right: 8px
}

.icon-mycomments {
	width: 33px;
	height: 30px;
	background-position: -83px -270px;
	margin-right: 12px
}

.icon-mybooks {
	width: 28px;
	height: 33px;
	background-position: 0 -107px;
	margin-right: 12px
}

.icon-book-status {
	display: inline-block;
	vertical-align: middle;
	width: 53px;
	height: 18px;
	background-position: 0 -86px
}

.icon-chapter {
	width: 26px;
	height: 34px;
	background-position: -31px -107px;
	margin-right: 12px
}

.icon-topup {
	width: 34px;
	height: 26px;
	background-position: -61px -107px;
	margin-right: 12px;
	margin-top: 5px
}

.icon-rank {
	width: 30px;
	height: 35px;
	background-position: 0 -146px;
	margin-right: 12px
}

.icon-notice {
	width: 23px;
	height: 35px;
	background-position: -35px -146px;
	margin-right: 8px
}

.icon-bookall {
	width: 30px;
	height: 30px;
	background-position: -62px -146px;
	margin-right: 8px
}

.icon-converse {
	width: 32px;
	height: 22px;
	background-position: 0 -205px;
	margin-right: 8px;
	margin-top: 3px
}

.icon-book-status-finish {
	background-position: -57px -86px
}

.icon-notice-status {
	display: inline-block;
	overflow: hidden;
	margin-right: 5px
}

.icon-notice-ok {
	width: 15px;
	height: 11px;
	background-position: 0 -185px
}

.icon-notice-error {
	width: 12px;
	height: 12px;
	background-position: -19px -185px
}

.icon-notice-warning {
	width: 14px;
	height: 12px;
	background-position: -36px -185px
}

.icon-notice-waiting {
	width: 14px;
	height: 14px;
	background-position: -55px -185px
}

.icon-sign-writer {
	width: 45px;
	height: 15px;
	background-position: 0 -285px;
	vertical-align: -2px
}

.icon-sign-writer-s {
	width: 16px;
	height: 16px;
	background-position: -91px -231px;
	vertical-align: -4px;
	margin-left: 2px
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
	width: 40%
}

.add-recommend-button,.c-right .interactive a,.chapter-list ul li,.comments h3,.converse-form .word-count,.converse-form p,.converse-list .other .content,.converse-list .time,.cover .del-cooper,.cover .fans-rank li,.cover-breadcrumb,.fans-rank .more,.font-size-12px,.footer p,.group-detail .intro .desc,.group-detail .intro .tag,.group-list .list .info,.group-list .list .intro,.group-list .list .recently,.group-manage .batch-control label,.group-manage .close-topic-list p,.group-manage .controls,.group-manage .user-list,.group-staff .bd,.group-state td,.header .accounts .right p,.header .my,.header .shelf,.home-block .info,.home-block .summary,.hot-key,.index .pattern-update-list th,.media-picture .desc,.msg-list .right .control,.my-pocket,.pattern-cover-author .blocks h4,.pattern-cover-author .right,.pattern-cover-detail .boost-diamond .total,.pattern-cover-detail .copy,.pattern-cover-detail .ext-login,.pattern-cover-detail .infos,.pattern-cover-detail .notify,.pattern-cover-detail .tags,.pattern-cover-update .right p,.pattern-cover-update .time,.pattern-home-column3 .summary p,.pattern-rank .more,.pattern-rank li em,.read-setting span,.review .page-title .info,.reviews-control,.search-result .book-list .summary,.search-result .people-list .info,.search-result .results .tags,.sidebar-recommends .right,.topic-list .last-reply,.topic-list .summary,.topic-list .time,.topic-list .user,.ui-share {
	font-size: 12px
}

.cover-breadcrumb .home,.cover-breadcrumb .name,.font-size-14px,.footer .quick-link,.group-manage .close-topic-list h5,.group-staff h6,.index .with-pic h5,.notice-list .right h3,.pattern-cover-author .author-zone .name,.pattern-home-column3 .summary h5,.pattern-rank .index-1 h5,.pattern-update-list table td,.sidebar-recommends h5,.topic-main .summary {
	font-size: 14px
}

.chapter-list h2,.font-size-16px,.group-detail .intro .cate a,.group-face p,.sidebar-menus .navs li a,.topic-face .name a {
	font-size: 16px
}

.font-size-18px,.header .nav a,.pattern-rank .hd h5,.sidebar-cover .name a {
	font-size: 18px
}

.font-size-20px,.zone-1 .right h5 {
	font-size: 20px
}

.font-size-24px,.home-block .hd h5,.index .pattern-update-list h5 {
	font-size: 24px
}

.index .pattern-update-list .name {
	font-weight: 700
}

.book-recommend .book h5 a,.color-333,.cover .author-zone .name,.cover .book-manager .blocks h4,.cover .book-update .right a,.header .shelf .chapter,.header .shelf .name,.index .book-recommend .hd h5,.index .pattern-update-list h5,.media-picture .desc,.pattern-home-column3 .c3-center h5 a,.pattern-home-column3 .c3-left .summary h5 a,.pattern-rank .hd h5,.pattern-rank .index-1 h5 a,.pattern-update-list .more a,.pattern-update-list .name,.pattern-update-list .tag,.read-setting span a,.sidebar-recommends h5 a {
	color: #333
}

.color-666,.cover .book-update .right .time,.home-block .summary,.home-pattern-column3 .summary p,.home-pattern-column3 .summary p a,.pattern-update-list .more a,.pattern-update-list .tag,.review .page-title .info a,.reviews .hd .title,.search-result .book-list .status span,.search-result .book-list .tags span {
	color: #666
}

.color-999,.converse-form .word-count,.converse-list .time,.cover .book-info .detail .boost-diamond .total,.cover .book-info .hd .infos .go-m,.cover .book-update .left,.cover .book-update .right,.cover .boost .cheer,.fans-rank .more a,.group-detail .intro .desc,.group-detail .intro .tag,.group-list .list .info,.group-manage .close-topic-list p,.home .reading .summary,.hot-key,.hot-key a,.index .home-block .info,.msg-list .right .control,.msg-list .right .control a,.quick-link a,.search-result .author,.search-result .book-list .summary,.search-result .results .tags,.sign-form .go-register a,.textarea-additional .word-count,.topic-list .summary,.topic-list .time,.topic-list .title .last-reply,.topic-list .user a {
	color: #999
}

.sidebar-rank .more a {
	color: #78663e
}

.c-right .interactive a,.color-960,.converse-form .word-count b,.converse-form p .name,.group-face p a,.group-manage .user-list .control a,.header .accounts .name,.header .shelf .read,.msg-list .right .name a,.my-pocket,.notice-list .right .controls .reply,.notice-list .right h3 a,.pattern-simple-with-sort span,.reviews .hd .title em,.search-result .people-list .info .num,.topic-face .name a {
	color: #fc6c83
}

.color-f60,.header .accounts .count em,.results .right b {
	color: #f60
}

.button-winered {
	color: #fff;
	background: #8b0000
}

.button-winered:hover {
	color: #fff;
	background: #710000;
	text-decoration: none
}

.button-winered:active {
	color: #fff;
	background: #5d0000
}

.button-grey {
	color: #656565;
	background: #d3d3d3
}

.button-grey:hover {
	color: #656565;
	background: #c7c7c7;
	text-decoration: none
}

.button-grey:active {
	color: #656565;
	background: #bdbdbd
}

.button-blue {
	color: #fff;
	background: #0a86ba
}

.button-blue:hover {
	color: #fff;
	background: #0875a2;
	text-decoration: none
}

.button-blue:active {
	color: #fff;
	background: #07678f
}

.button-green {
	color: #fff;
	background: #479c4f
}

.button-green:hover {
	color: #fff;
	background: #3f8a46;
	text-decoration: none
}

.button-green:active {
	color: #fff;
	background: #397c3f
}

.button-orange {
	color: #fff;
	background: #fa6400
}

.button-orange:hover {
	color: #fff;
	background: #e05a00;
	text-decoration: none
}

.button-orange:active {
	color: #fff;
	background: #cc5200
}

.button-gold {
	color: #fff;
	background: #bba274
}

.button-gold:hover {
	color: #fff;
	background: #b39662;
	text-decoration: none
}

.button-gold:active {
	color: #fff;
	background: #ac8d55
}

.button-gray-read {
	color: #fff;
	background: #deacac
}

.button-gray-read:hover {
	color: #fff;
	background: #d69a9a;
	text-decoration: none
}

.button-gray-read:active {
	color: #fff;
	background: #d08c8c
}

.button-t-green {
	background-color: #699c69;
	background-image: -moz-linear-gradient(top,#75a875,#578a57);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#75a875),to(#578a57));
	background-image: -webkit-linear-gradient(top,#75a875,#578a57);
	background-image: -o-linear-gradient(top,#75a875,#578a57);
	background-image: linear-gradient(to bottom,#75a875,#578a57);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a875', endColorstr='#ff578a57', GradientType=0);
	border: 1px solid #95a995;
	color: #fff!important;
	text-shadow: 0 0 2px #3e4d3e;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}

.button-t-green:hover {
	background-color: #5c905c;
	background-image: -moz-linear-gradient(top,#659e65,#4d7a4d);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#659e65),to(#4d7a4d));
	background-image: -webkit-linear-gradient(top,#659e65,#4d7a4d);
	background-image: -o-linear-gradient(top,#659e65,#4d7a4d);
	background-image: linear-gradient(to bottom,#659e65,#4d7a4d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff659e65', endColorstr='#ff4d7a4d', GradientType=0)
}

.button-t-green:active {
	background-color: #5f955f;
	background-image: -moz-linear-gradient(top,#5a905a,#659e65);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#5a905a),to(#659e65));
	background-image: -webkit-linear-gradient(top,#5a905a,#659e65);
	background-image: -o-linear-gradient(top,#5a905a,#659e65);
	background-image: linear-gradient(to bottom,#5a905a,#659e65);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a905a', endColorstr='#ff659e65', GradientType=0)
}

.button-t-orange {
	background-color: #ed6103;
	background-image: -moz-linear-gradient(top,#f60,#d35908);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f60),to(#d35908));
	background-image: -webkit-linear-gradient(top,#f60,#d35908);
	background-image: -o-linear-gradient(top,#f60,#d35908);
	background-image: linear-gradient(to bottom,#f60,#d35908);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6600', endColorstr='#ffd35908', GradientType=0);
	border: 1px solid #a04203;
	color: #fff!important;
	text-shadow: 0 0 2px #000;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}

.button-t-orange:hover {
	background-color: #d45703;
	background-image: -moz-linear-gradient(top,#e65c00,#ba4f07);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e65c00),to(#ba4f07));
	background-image: -webkit-linear-gradient(top,#e65c00,#ba4f07);
	background-image: -o-linear-gradient(top,#e65c00,#ba4f07);
	background-image: linear-gradient(to bottom,#e65c00,#ba4f07);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe65c00', endColorstr='#ffba4f07', GradientType=0)
}

.button-t-orange:active {
	background-color: #d65600;
	background-image: -moz-linear-gradient(top,#cc5200,#e65c00);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#cc5200),to(#e65c00));
	background-image: -webkit-linear-gradient(top,#cc5200,#e65c00);
	background-image: -o-linear-gradient(top,#cc5200,#e65c00);
	background-image: linear-gradient(to bottom,#cc5200,#e65c00);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc5200', endColorstr='#ffe65c00', GradientType=0)
}

.button-t-red {
	background-color: #cd6969;
	background-image: -moz-linear-gradient(top,#d37575,#c55757);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#d37575),to(#c55757));
	background-image: -webkit-linear-gradient(top,#d37575,#c55757);
	background-image: -o-linear-gradient(top,#d37575,#c55757);
	background-image: linear-gradient(to bottom,#d37575,#c55757);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd37575', endColorstr='#ffc55757', GradientType=0);
	border: 1px solid #ac6060;
	color: #fff!important;
	text-shadow: 0 0 2px #3b1f1f;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none
}

.button-t-red:hover {
	background-color: #c75656;
	background-image: -moz-linear-gradient(top,#cd6262,#be4444);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#cd6262),to(#be4444));
	background-image: -webkit-linear-gradient(top,#cd6262,#be4444);
	background-image: -o-linear-gradient(top,#cd6262,#be4444);
	background-image: linear-gradient(to bottom,#cd6262,#be4444);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd6262', endColorstr='#ffbe4444', GradientType=0)
}

.button-t-red:active {
	background-color: #c95656;
	background-image: -moz-linear-gradient(top,#c74e4e,#cd6262);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#c74e4e),to(#cd6262));
	background-image: -webkit-linear-gradient(top,#c74e4e,#cd6262);
	background-image: -o-linear-gradient(top,#c74e4e,#cd6262);
	background-image: linear-gradient(to bottom,#c74e4e,#cd6262);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc74e4e', endColorstr='#ffcd6262', GradientType=0)
}

.button-g-black {
	border-radius: 3px;
	background-color: #373737;
	background-image: -moz-linear-gradient(top,#494949,#1d1d1d);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#494949),to(#1d1d1d));
	background-image: -webkit-linear-gradient(top,#494949,#1d1d1d);
	background-image: -o-linear-gradient(top,#494949,#1d1d1d);
	background-image: linear-gradient(to bottom,#494949,#1d1d1d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff1d1d1d', GradientType=0);
	border: 1px solid #202020;
	color: #ccc!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-black:active {
	background-color: #353535;
	background-image: -moz-linear-gradient(top,#2f2f2f,#3c3c3c);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f2f2f),to(#3c3c3c));
	background-image: -webkit-linear-gradient(top,#2f2f2f,#3c3c3c);
	background-image: -o-linear-gradient(top,#2f2f2f,#3c3c3c);
	background-image: linear-gradient(to bottom,#2f2f2f,#3c3c3c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f2f2f', endColorstr='#ff3c3c3c', GradientType=0)
}

.button-g-black-2 {
	border-radius: 3px;
	background-color: #ef667c;
	background-image: -moz-linear-gradient(top,#fc6c83,#e36075);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fc6c83),to(#e36075));
	background-image: -webkit-linear-gradient(top,#fc6c83,#e36075);
	background-image: -o-linear-gradient(top,#fc6c83,#e36075);
	background-image: linear-gradient(to bottom,#fc6c83,#e36075);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6c83', endColorstr='#e36075', GradientType=0);
	border: 1px solid #d94d62;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #ef667c
}

.button-g-black-2:active {
	background-color: #d94d62;
	background-image: -moz-linear-gradient(top,#e85369,#c54659);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e85369),to(#c54659));
	background-image: -webkit-linear-gradient(top,#e85369,#c54659);
	background-image: -o-linear-gradient(top,#e85369,#c54659);
	background-image: linear-gradient(to bottom,#e85369,#c54659);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85369', endColorstr='#c54659', GradientType=0);
}

.button-g-blue {
	border-radius: 3px;
	background-color: #36519f;
	background-image: -moz-linear-gradient(top,#4061b3,#273a80);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4061b3),to(#273a80));
	background-image: -webkit-linear-gradient(top,#4061b3,#273a80);
	background-image: -o-linear-gradient(top,#4061b3,#273a80);
	background-image: linear-gradient(to bottom,#4061b3,#273a80);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4061b3', endColorstr='#ff273a80', GradientType=0);
	border: 1px solid #a7adbf;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-blue:active {
	background-color: #355195;
	background-image: -moz-linear-gradient(top,#334d8d,#3957a0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#334d8d),to(#3957a0));
	background-image: -webkit-linear-gradient(top,#334d8d,#3957a0);
	background-image: -o-linear-gradient(top,#334d8d,#3957a0);
	background-image: linear-gradient(to bottom,#334d8d,#3957a0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334d8d', endColorstr='#ff3957a0', GradientType=0)
}

.button-g-green {
	border-radius: 3px;
	background-color: #366c36;
	background-image: -moz-linear-gradient(top,#418241,#264b26);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#418241),to(#264b26));
	background-image: -webkit-linear-gradient(top,#418241,#264b26);
	background-image: -o-linear-gradient(top,#418241,#264b26);
	background-image: linear-gradient(to bottom,#418241,#264b26);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff418241', endColorstr='#ff264b26', GradientType=0);
	border: 1px solid #1e3b1e;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-green:active {
	background-color: #336733;
	background-image: -moz-linear-gradient(top,#306030,#397139);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#306030),to(#397139));
	background-image: -webkit-linear-gradient(top,#306030,#397139);
	background-image: -o-linear-gradient(top,#306030,#397139);
	background-image: linear-gradient(to bottom,#306030,#397139);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff306030', endColorstr='#ff397139', GradientType=0)
}

.button-g-lightgreen {
	border-radius: 3px;
	background-color: #0fc0b5;
	background-image: -moz-linear-gradient(top,#0bcbc3,#16afa1);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#0bcbc3),to(#16afa1));
	background-image: -webkit-linear-gradient(top,#0bcbc3,#16afa1);
	background-image: -o-linear-gradient(top,#0bcbc3,#16afa1);
	background-image: linear-gradient(to bottom,#0bcbc3,#16afa1);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0bcbc3', endColorstr='#ff16afa1', GradientType=0);
	border: 1px solid #00beb3;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9
}

.button-g-lightgreen:active {
	background-color: #09a49e;
	background-image: -moz-linear-gradient(top,#089b95,#0ab3ac);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#089b95),to(#0ab3ac));
	background-image: -webkit-linear-gradient(top,#089b95,#0ab3ac);
	background-image: -o-linear-gradient(top,#089b95,#0ab3ac);
	background-image: linear-gradient(to bottom,#089b95,#0ab3ac);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff089b95', endColorstr='#ff0ab3ac', GradientType=0)
}

.button-g-grey {
	border-radius: 3px;
	background-color: #e8e8e8;
	background-image: -moz-linear-gradient(top,#efefef,#dedede);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#dedede));
	background-image: -webkit-linear-gradient(top,#efefef,#dedede);
	background-image: -o-linear-gradient(top,#efefef,#dedede);
	background-image: linear-gradient(to bottom,#efefef,#dedede);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffdedede', GradientType=0);
	border: 1px solid #989898;
	color: #393939!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #c9c9c9
}

.button-g-grey:active {
	background-color: #dbdbdb;
	background-image: -moz-linear-gradient(top,#d6d6d6,#e2e2e2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#d6d6d6),to(#e2e2e2));
	background-image: -webkit-linear-gradient(top,#d6d6d6,#e2e2e2);
	background-image: -o-linear-gradient(top,#d6d6d6,#e2e2e2);
	background-image: linear-gradient(to bottom,#d6d6d6,#e2e2e2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd6d6d6', endColorstr='#ffe2e2e2', GradientType=0)
}

.button-g-gold {
	border-radius: 3px;
	background-color: #ae8f4c;
	background-image: -moz-linear-gradient(top,#baa057,#9b753c);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#baa057),to(#9b753c));
	background-image: -webkit-linear-gradient(top,#baa057,#9b753c);
	background-image: -o-linear-gradient(top,#baa057,#9b753c);
	background-image: linear-gradient(to bottom,#baa057,#9b753c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbaa057', endColorstr='#ff9b753c', GradientType=0);
	border: 1px solid #8b7639;
	color: #fff!important;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #a9a9a9;
	margin-left: 10px
}

.button-g-gold:active {
	background-color: #a58b44;
	background-image: -moz-linear-gradient(top,#9d8541,#af9448);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#9d8541),to(#af9448));
	background-image: -webkit-linear-gradient(top,#9d8541,#af9448);
	background-image: -o-linear-gradient(top,#9d8541,#af9448);
	background-image: linear-gradient(to bottom,#9d8541,#af9448);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d8541', endColorstr='#ffaf9448', GradientType=0)
}

.bottom-tools .gotop i,.button-emotion,.converse-form p i,.converse-list .arrow,.converse-list .del,.header .accounts .verify,.header .search .submit i,.header .shelf i,.home .reading .control .config,.icon-book-status,.icon-notice-status,.icon-sign-writer,.icon-sign-writer-s,.mod-back .icon,.msg-list .right .count,.my .reading .control .config,.page-title .icon a,.page-title .icon span,.pagination a,.pagination span,.ranks-page .ranks .more a,.sidebar-menus .navs i,.sprite-global {
	background-image: url(../i/sprite-global.png);
	background-repeat: no-repeat
}

.auto-pay a,.chapter .bd .previou,.chapter .bottom-tools ul .icon,.chapter .ft .control a i,.chapter .mod-page .comments .close,.chapter .mod-page .ft .control .boost,.chapter .mod-page h1 .icon-hb,.chapter .winner-list i,.chapter-list .hd h2 i,.cover .author-recommend li .icon,.cover .coper-zone .vacancy img,.cover .pattern-cover-boost .recent-list li .icon,.cover-breadcrumb i,.header .breadcrumb .icon,.is-author,.is-cooper,.pattern-cover-detail .book-status,.pattern-cover-detail .copy i,.pattern-cover-detail .ext-login i,.pattern-cover-detail .hd .collect i,.pattern-cover-detail .index i,.pattern-cover-detail .notify i,.pattern-cover-detail .read i,.pattern-cover-detail .support,.pattern-cover-update .left .icon,.pattern-cover-update .right .chapter-link i,.sidebar-recommends ul li .icon,.sprite-cover {
	background-image: url(../i/sprite-cover.png);
	background-repeat: no-repeat
}

.group-state .hd i,.sprite-group,.topic-list .author i,.topic-list .count span,.topic-list .user .last-reply i {
	background-repeat: no-repeat
}

.mission-list .list .mission-control .good,.mission-list .list .mission-control .medium,.mission-list .list .mission-control .poor,.sprite-mission {
	background-repeat: no-repeat
}

.sidebar-first-region {
	margin-top: -19px;
	position: relative;
	zoom: 1
}

.sidebar-recommends .bd {
	padding: 5px 15px
}

.sidebar-recommends ul li {
	padding: 5px 0
}

.sidebar-recommends ul li .icon-j {
	float: right;
	width: 13px;
	height: 21px;
	margin-top: 20px;
	background-position: -26px -90px
}

.sidebar-recommends ul li.hover .icon-j {
	background-position: -51px -130px;
	width: 14px;
	height: 14px
}

.sidebar-recommends ul li .left {
	padding-right: 12px
}

.sidebar-recommends ul li .right h5 {
	padding: 4px 0;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.sidebar-recommends ul li .right p {
	line-height: 1.6em;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.sidebar-recommends ul li .right p,.sidebar-recommends ul li .right p a {
	color: #999
}

.sidebar-recommends ul li.last,.sidebar-recommends ul li:last-child {
	border-bottom: none
}

.sidebar-cover {
	padding: 20px 0 20px 20px
}

.sidebar-cover .pic {
	padding-bottom: 10px
}

.sidebar-cover .pic img {
	border: 1px solid #fff
}

.sidebar-cover .name {
	width: 175px;
	text-align: center
}

.sidebar-title {
	padding: 30px 25px;
	font-size: 26px
}

.sidebar-menus h3 {
	padding: 30px 25px;
	font-size: 26px
}

.sidebar-menus .navs {
	background: #f7ebed;
	border-top: 1px solid #f5aab6
}

.sidebar-menus .navs li {
	position: relative;
	padding: 13px 20px 13px 25px;
	border-bottom: 1px solid #f5aab6;
	zoom: 1
}

.sidebar-menus .navs li i {
	position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    margin-top: -6px;
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 6px solid #fff;
    border-top: 6px solid #f5aab6;
    border-bottom: 6px solid #f5aab6
}

.sidebar-menus .navs li a {
	font-weight: 700
}

.sidebar-menus .navs li .arrow {
	position: absolute;
	left: 0;
	top: 13px;
	display: none;
	width: 9px;
	height: 17px;
	background-position: -80px -60px
}

.sidebar-menus .navs li.active {
	background: #f5aab6
}

.sidebar-menus .navs li.active i {
	display: inline-block
}

.sidebar-menus .navs li.active a {
	color: #fff
}

.sidebar-menus .navs .sub {
	margin-top: 13px
}

.sidebar-menus .navs .sub li {
	list-style: square inside;
	line-height: 30px;
	padding: 0;
	border: none;
	color: #fff
}

.sidebar-menus .navs .sub li a {
	font-size: 12px;
	font-weight: 400
}

.mod-back {
	height: 36px;
	line-height: 36px;
	padding: 10px 25px;
	word-break: break-all;
	word-wrap: break-word
}

.mod-back a {
	font-weight: 700
}

.mod-back a i {
	float: left;
	width: 9px;
	height: 17px;
	margin: 9px 8px 0 0;
	*margin-top: 7px;
	_margin-top: 8px;
	background-position: -100px -110px
}

.pattern-rank {
}

.pattern-rank .hd {
	height: 41px;
	line-height: 40px;
	padding-left: 14px;
	border-bottom: 1px solid #f5aab6
}

.pattern-rank .hd h5 span {
	border-left: 4px solid #FC6C83;
	padding-left: 6px
}

.pattern-rank .rank-list .index-1 em,.pattern-rank .rank-list .index-2 em,.pattern-rank .rank-list .index-3 em {
	background: #FB6B84
}

.pattern-rank .handles {
	margin-top: 21px;
	line-height: normal
}

.pattern-rank .handles span {
	color: #c2c2c2;
	cursor: pointer;
}

.pattern-rank .handles span.active {
	padding: 1px 4px 0;
	border: 1px solid #f5aab6;
	border-bottom: 0;
	background: #fff;
	color: #fc6c83
}

.comments li {
	border-bottom: 1px dotted #DFDFDF;
	padding-bottom: 15px
}

.comments .controls .reply {
	color: #666
}

.comments .controls .reply .num {
	color: #900
}

.comments .controls .comment-status-open {
	border-radius: 0;
	border: none
}

.comments .comments-level-2,.comments .controls .comment-status-open {
	background: #f4f4f4;
	-o-transition:.8s;
	-ms-transition:.8s;
	-moz-transition:.8s;
	-webkit-transition:.8s;
	transition:.8s;
}

.comments .comments-level-2 li .controls a {
	color: #666
}

.comments .reply-button {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	display: inline-block
}

.pagination a,.pagination span {
	height: 20px;
	line-height: 21px;
	width: 21px;
	padding: 0;
	background-color: transparent!important;
	background-position: 99px 99px
}

.pagination a:hover,.pagination span:hover {
	background-position: -55px -33px
}

.pagination a.current,.pagination span.current {
	color: #fff;
	background-position: -26px -60px
}

.pagination .next,.pagination .prev,.pagination .first,.pagination .last {
	width: 15px;
	font-size: 0;
	line-height: 0
}

.pagination .next,.pagination .next:hover,.pagination .prev,.pagination .prev:hover {
	background-position: -49px -57px
}

.pagination .next,.pagination .next:hover {
	background-position: -62px -57px
}

.pagination .first,.pagination .first:hover {
	background:url(../i/page_first.png) no-repeat center;
}

.pagination .last,.pagination .last:hover {
	background:url(../i/page_last.png) no-repeat center;
}

.pagination .counts {
	vertical-align: middle;
	color: #999;
	font-size: 12px
}

.textarea-additional {
	font-size: 12px;
	width: 95%;
	border: 1px solid #ccc;
	border-radius: 2px
}

.textarea-additional textarea {
	outline: 0;
	width: 95.8%;
	padding: 2%;
	border: none;
	box-shadow: inset 0 1px 1px #ddd;
	*border-color: #fff
}

.textarea-additional .control {
	padding: 8px 5px;
	border-top: none;
	background: #fafafa;
	border-top: 1px solid #ccc
}

.textarea-additional .control .left a {
	color: #06c
}

.textarea-additional .control .right {
	text-align: right
}

.form-base label.error {
	background: 0 0;
	padding-left: 0
}

.length-error {
	color: red!important
}

.index .container-bd {
	background: #fff;
	padding-top: 19px
}

.index .container-bd .c-left {
	width: 721px;
	padding-left: 5px
}

.index .pattern-home-column3 .notify {
	background: url(../i/bg_indexnotice.png) no-repeat 10px 30px
}

.index .master {
	margin-top: 10px;
	overflow: hidden;
	width: 100%
}

.index .master .bd li {
	padding-top: 3px;
	text-align: center;
	width: 160px;
	height: 230px;
	margin-bottom: 15px;
	overflow: hidden;
}

.index .master .bd li img{
	width: 120px;
	height: 168px;
	vertical-align: middle;    
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}
.index .master .bd li:hover .index .master .bd li img{
	-webkit-transform: scale(1.05)!important;
    -ms-transform: scale(1.2)!important;
    transform: scale(1.05)!important;
    zoom: 1.05!important;
}
.index .master .bd li:hover .index .master .bd li img{
	zoom: 1!important;
}

.index .master .bd .info {
	font-size: 12px
}

.index .home-block .hd {
	border-bottom: 2px solid #f5aab6;
	padding-bottom: 10px
}

.index .home-block .bd {
	padding: 22px 0 10px 0
}

.index .home-block .with-pic li {
	width: 350px;
	margin: 0 20px 20px 0
}

.index .home-block .with-pic .privilege .icon-xianmian {
	position: relative
}

.index .home-block .with-pic .privilege .icon-xianmian i {
	position: absolute;
	right: -5px;
	*right: 0;
	bottom: 104px
}

.index .home-block .with-pic h5 {
	padding: 4px 0 10px 0;
	font-weight: 700
}

.index .home-block .with-pic .info a {
	color: #968a70
}

.index .home-block .with-sort li {
	width: 368px
}

.index .pattern-update-list .hd {
	border-bottom: none
}

.index .pattern-update-list .bd {
	padding: 0
}

.index .pattern-update-list .name {
	font-weight: 700
}

.index .app-qr,.index .weixin {
	border: 1px solid #54B85A;
	border-radius: 10px;
	overflow: hidden
}

.index .app-qr .hd,.index .weixin .hd {
	padding-left: 14px;
	background: #54B85A;
	color: #fff
}

.index .app-qr .hd h5,.index .weixin .hd h5 {
	font-size: 14px;
	height: 40px;
	line-height: 40px
}

.index .app-qr {
	border-color: #BD8E47
}

.index .app-qr hd {
	background: #B89854
}

.ranks-page .ranks {
	*zoom: 1
}

.ranks-page .ranks:after,.ranks-page .ranks:before {
	display: table;
	content: "";
	line-height: 0
}

.ranks-page .ranks:after {
	clear: both
}

.ranks-page .ranks:after,.ranks-page .ranks:before {
	display: table;
	content: "";
	line-height: 0
}

.ranks-page .ranks:after {
	clear: both
}

.ranks-page .ranks .mod {
	display: inline;
	float: left;
	width: 223px;
	height: 412px;
	margin: 0 17px 48px 0;
}

.ranks-page .ranks .mod .hd {
	margin: 1px;
	height: 32px;
	padding: 0 0 0 10px
}

.ranks-page .ranks .mod .hd h5 {
	color: #FB6B84;
	line-height: 32px;
	font-size: 16px
}

.ranks-page .ranks .mod .hd .handles {
	float: right;
	padding: 5px 0 0
}

.ranks-page .ranks .mod .hd .handles span {
	display: inline-block;
	margin-right: 3px;
	height: 26px;
	line-height: 26px;
	width: 30px;
	font-size: 12px;
	color: #5b5b5b;
	vertical-align: middle;
	text-align: center
}

.ranks-page .ranks .mod .hd .handles span.active {
	padding-top: 0;
	width: 28px;
	border: 1px solid #f5aab6;
	border-bottom: none;
	color: #fc6c83
}

.ranks-page .ranks .mod .bd {
	padding: 0!important
}

.ranks-page .ranks .mod .bd .more {
	width: 92%;
	font-size: 12px;
	line-height: 30px;
	text-align: right;
	padding: 0 10px;
	position: absolute;
	bottom: -36px
}

.ranks-page .ranks .mod .bd .more a {
	padding: 3px 0 3px 24px;
	background-position: -96px -58px
}

.ranks-page .ranks .mod .list {
	padding-top: 20px
}

.ranks-page .ranks .mod .list .top {
	height: 85px
}

.ranks-page .ranks .mod .list .top .t {
	background-position: 0 0
}

.ranks-page .ranks .mod .list .top .left {
	padding-right: 16px
}

.ranks-page .ranks .mod .list .top .right {
	padding-top: 16px
}

.ranks-page .ranks .mod .list .top .right h5,.ranks-page .ranks .mod .list .top .right p {
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: normal
}

.ranks-page .ranks .mod .list .top .right h5 {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 10px
}

.ranks-page .ranks .mod .list .top .right h5 a {
	color: #000
}

.ranks-page .ranks .mod .list .top .right p {
	font-size: 12px
}

.ranks-page .ranks .mod .list .top .right p,.ranks-page .ranks .mod .list .top .right p a {
	color: #999
}

.ranks-page .ranks .mod .list li {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	padding-left: 45px;
	position: relative;
	background: url(../i/rank-li-bg.png) repeat-x left bottom;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ranks-page .ranks .mod .list li a {
	color: #666
}

.ranks-page .ranks .mod .list li a:hover {
	color: #333
}

.ranks-page .ranks .mod .list li.last {
	background: 0 0
}

.ranks-page .ranks .mod .list em {
	position: absolute;
	left: 10px;
	top: 8px;
	display: block;
	width: 17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	color: #fff;
	font-family: Arial;
	background: #259fae;
	border-radius: 100%;
	background-position: -70px -25px
}

.ranks-page .ranks .mod .list .t {
	background: #e99a00;
	background-position: -95px -25px
}

.ranks-page .ranks .third {
	margin-right: 0
}

.rank-cate .hd .icon {
	float: left;
	display: inline;
	width: 25px;
	height: 32px;
	margin-right: 15px;
	margin-top: 6px;
	background-position: -50px 0
}

.rank-cate .hd a {
	color: #999
}

.rank-cate .bd ul li {
	border-bottom: 1px solid #3a3a3a
}

.rank-cate .bd ul li.last {
	border-bottom: none
}

.rank-cate .bd ul li.last a {
	border-bottom: none
}

.rank-cate .bd ul i {
	float: left;
	display: inline;
	width: 12px;
	height: 11px;
	background-position: 0 -66px;
	margin: 23px 14px 0 0;
	overflow: hidden
}

.rank-cate .bd ul a {
	display: block;
	height: 55px;
	line-height: 55px;
	padding-left: 22px;
	border-bottom: 1px solid #242424;
	font-size: 16px;
	color: #999
}

.rank-cate .bd ul a.active {
	font-weight: 700;
	background-color: #262626
}

.rank-cate .bd ul a.active i {
	background-position: 0 -53px
}

.periods {
	float: right;
	padding: 12px 20px 0 0;
	text-align: right;
	position: relative;
	z-index: 100
}

.periods a {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	width: 50px;
	font-size: 14px;
	color: #999;
	vertical-align: middle;
	text-align: center
}

.periods a.active {
	background: #960;
	color: #fff;
	border-radius: 3px;
	font-weight: 700
}

.update-list table {
	table-layout: fixed;
	width: 100%
}

.update-list table thead {
	font-size: 12px
}

.update-list table thead th {
	background: #fff6f8;
	height: 30px;
	color: #313131
}

.update-list table td,.update-list table th {
	padding-left: 10px
}

.update-list table td {
	font-size: 14px;
	height: 36px;
	line-height: 36px
}

.update-list table .even td {
}

.update-list table .first {
	padding-left: 30px
}

.update-list table .last {
	padding-right: 30px
}

.update-list table .rangy {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%
}

.update-list table .tag {
	color: #666
}

.update-list table .name {
	font-weight: 700
}

.update-list table .chapter,.update-list table .time {
	color: #999;
	font-size: 12px
}

.update-list table .author {
	color: #666
}

.update-list table .time {
	font-family: Arial
}

.bookall .mod-filter-book {
	font-size: 12px;
	border-top: 1px solid #f5aab6
}

.bookall .mod-filter-book .bd {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.bookall .mod-filter-book .filter {
	padding: 8px 20px;
	*zoom: 1
}

.bookall .mod-filter-book .filter:after,.bookall .mod-filter-book .filter:before {
	display: table;
	content: "";
	line-height: 0
}

.bookall .mod-filter-book .filter:after {
	clear: both
}

.bookall .mod-filter-book .filter:after,.bookall .mod-filter-book .filter:before {
	display: table;
	content: "";
	line-height: 0
}

.bookall .mod-filter-book .filter:after {
	clear: both
}

.bookall .mod-filter-book .filter dt {
	width: 80px;
	font-weight: 700;
	float: left;
	line-height: 22px
}

.bookall .mod-filter-book .filter dd {
	zoom: 1;
	overflow: hidden;
	line-height: 1.8em
}

.bookall .mod-filter-book .filter dd a {
	margin-right: 3px;
	padding: 2px 3px;
	color: #666;
}

.bookall .mod-filter-book .filter dd a#tm {
	color: #f96933
}

.bookall .mod-filter-book .filter dd a.dn {
	display: none
}

.bookall .mod-filter-book .filter dd a.current {
	background: #b6a480;
	color: #fff;
	border-radius: 3px
}

.bookall .result {
	border-bottom: 3px solid #ccc
}

.bookall .result table {
	width: 100%;
	table-layout: fixed
}

.bookall .result thead {
	background: #e7e7e7
}

.bookall .result th {
	height: 45px;
	line-height: 45px
}

.bookall .result .index {
	text-align: center
}

.bookall .result td {
	height: 34px;
	line-height: 34px;
	color: #666
}

.bookall .result .author,.bookall .result .name {
	padding-right: 10px
}

.bookall .result .time,.bookall .result .words {
	font-size: 12px;
	font-family: Arial
}

.bookall .result .title {
	font-size: 14px;
	color: #FB6B84
}

.bookall .result .chapter {
	font-size: 12px;
	color: #848484;
	margin-left: 5px
}

.bookall .result .icon-hongbao {
	vertical-align: -7px;
	margin-right: 5px
}

.bookall .result .author {
	color: #666
}

.my .page-title {
	border-bottom: 1px solid #ccc
}

.my .get-more {
	text-align: center;
	padding: 10px 0
}

.my .reading .controls .more {
	background: #cacaca;
	box-shadow: none
}

.my .reading li {
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px solid #f0f0f0
}

.my .reading .left {
	padding-right: 15px;
	position: relative
}

.my .reading .left img {
	padding: 1px;
	border: 1px solid #ccc
}

.my .reading .left .recommend-icon {
	position: absolute;
	right: 10px;
	top: 7px
}

.my .reading .left .recommend-icon img {
	padding: 0;
	border: 0
}

.my .reading .right {
	font-size: 12px
}

.my .reading .control {
	float: right;
	display: none;
	margin: 3px 0 0
}

.my .reading .control a {
	vertical-align: middle
}

.my .reading .control .config {
	display: inline-block;
	width: 24px;
	height: 22px;
	background-position: -80px -33px
}

.my .reading .hover {
	background: #F7F8F8
}

.my .reading .hover .control {
	display: block
}

.my .reading .info {
	padding-top: 5px;
	padding-bottom: 10px
}

.my .reading .info a,.my .reading .info i,.my .reading .info span {
	vertical-align: middle
}

.my .reading .info .name {
	font-size: 16px;
	font-weight: 700
}

.my .reading .info .over {
	background-position: -240px 33px
}

.my .reading .info .author,.my .reading .info .author a {
	color: #999
}

.my .reading .last-chapter,.my .reading .new-chapter {
	padding-bottom: 8px
}

.my .reading .new-chapter i {
	background-position: -100px -80px
}

.my .reading .summary {
	line-height: 1.5em;
	height: 4.5em;
	overflow: hidden;
	padding-bottom: 15px;
	word-break: break-all;
	word-wrap: break-word
}

.my .shelf-context-menu {
	border: 1px solid #ccc;
	background: #f0f0f0;
	font-size: 12px;
	border-radius: 5px;
	margin-left: 15px
}

.my .shelf-context-menu .arrow {
	display: block;
	width: 20px;
	font-size: 20px;
	position: absolute;
	height: 10px;
	overflow: hidden;
	right: 15px;
	top: -10px;
	color: #f0f0f0
}

.my .shelf-context-menu .arrow em {
	position: absolute;
	top: 0;
	left: 0
}

.my .shelf-context-menu .arrow .front {
	top: 1px
}

.my .shelf-context-menu .arrow .back {
	color: #ccc;
	position: relative
}

.my .shelf-context-menu .item {
	display: block;
	color: #666;
	margin-bottom: 12px
}

.my .shelf-context-menu .item span {
	float: left;
	display: inline;
	margin-right: 3px;
	width: 17px;
	height: 14px;
}

.my .shelf-context-menu .checked {
	color: #900
}

.my .shelf-context-menu .checked span {
	background-position: 0 0
}

.my .shelf-context-menu .del {
	padding-top: 6px;
	border-top: 1px solid #e6e6e6;
	text-align: right
}

.my .shelf-context-menu .del a {
	color: #999
}

.my .shelf-context-menu .del a:hover {
	color: #f45d6f
}

.news h6 {
	font-weight: 700;
	margin-bottom: 5px;
	margin-top: 30px;
	font-size: 14px
}

.news p {
	text-indent: 2em;
	line-height: 1.6em;
	margin-bottom: 10px
}

.news .no-indent {
	text-indent: 0
}

.news .block {
	margin-bottom: 20px
}

.news .list {
	margin-left: 30px;
	margin-bottom: 10px
}

.news .list li {
	margin-bottom: 10px;
	line-height: 1.6em
}

.news .decimal-list {
	margin-left: 50px
}

.news .decimal-list li {
	list-style: decimal
}

.news .decimal-list .list li {
	list-style: none
}

.derive .banner {
	width: 100%;
	height: 300px;
	overflow: hidden
}

.derive .banner img {
	width: 100%;
	height: 100%
}

.derive .half {
	margin: 20px;
	width: 45%;
	height: 380px;
	float: left
}

.derive .half .subjectpic {
	height: auto
}

.derive .half .subjectpic img {
	width: 90%;
	height: 190px;
	text-align: center
}

.derive .half .author {
	height: 310px
}

.derive .half .author .authortop {
	height: 160px;
	border-bottom: 1px solid #E4E4E4
}

.derive .half .author .authortop .left img {
	width: 100px;
	height: 100px;
	border: 5px solid #EDEDED;
	border-radius: 100%;
	margin: 10px;
	float: left
}

.derive .half .author .authortop .right {
	width: 60%;
	margin: 0 20px;
	float: right;
	text-align: center
}

.derive .half .author .authortop .right h3 {
	line-height: 50px
}

.derive .half .author .authortop .right p {
	display: -webkit-box!important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}

.derive .half .author .author-book {
	width: 20%;
	float: left;
	margin: 10px;
	height: 100px;
	text-align: center
}

.derive .half .author .author-book h5 {
	margin: 8px 0
}

.derive .cartoon {
	text-align: center;
	width: 45%;
	float: left;
	margin: 0 40px
}

.derive .cartoon img {
	width: 90%;
	margin: 10px 0;
	height: 335px
}

.derive .gameleft li {
	width: 90%;
	margin: 15px 10px 10px 40px
}

.derive .gameleft li:nth-child(1) {
	height: 300px;
	border-bottom: 1px solid #ccc
}

.derive .gameleft li:nth-child(2) img {
	height: 120px
}

.derive .gameleft .right .info,.derive .gameleft .right h2 {
	margin: 10px
}

.derive .gameleft .right .summary {
	display: -webkit-box!important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}

.derive .active .no-line {
	height: 200px
}

.derive .active .no-line .left {
	width: 25%;
	float: left
}

.derive .active .no-line .left img {
	margin: 10px 20px
}

.derive .active .no-line .right {
	width: 60%;
	float: left
}

.derive .active .no-line .right .summary {
	margin: 20px 10px
}

.derive .deriveroad li {
	width: 180px;
	height: 230px;
	float: left;
	text-align: center
}

.derive .deriveroad li:nth-child(1) {
	background: #EDEDED;
	text-align: center;
	width: 160px
}

.derive .deriveroad li:nth-child(1) h2 {
	width: 40px;
	line-height: 38px;
	margin: 0 auto
}

.derive .deriveroad li h4 {
	margin: 20px 0 10px
}

.derive .deriveroad li p {
	margin: 10px 0
}

.derive .deriveroad li p a {
	font-size: 12px;
	color: orange
}

.derive .block {
	margin: 27px 20px;
	line-height: 24px
}

.derive .partner {
	background: 0 0
}

.derive .partner a {
	margin: 20px;
	width: 145px;
	display: inline-block
}

.accounts-sprite {
	background-image: url(../i/bg_loginsprite.png);
	background-repeat: no-repeat
}

.email-suggest li a {
	padding-left: 20px
}

.sign-form .container {
	border: none;
	background: 0 0;
	width: 460px;
	margin-top: 35px
	margin:auto;
}

.sign-form .wrap-input {
	border: 1px solid #f5aab6;
	padding: 6px;
	border-radius: 5px;
	zoom: 1
	background:#f7f7f7;
}

.sign-form .wrap-input .left {
	width: 50px;
	height: 38px;
	padding-right: 8px;
	border-right: 1px solid #ccc;
	text-align: center
}

.sign-form .wrap-input .right {
	position: relative
}

.sign-form .wrap-input .verify {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99
}

.sign-form .wrap-input .verify .code-btn {
	padding: 17px 20px;
	*padding: 19px 20px 16px 20px;
	border: 1px solid #ccc;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #eee;
	display: inline-block;
	*display: block
}

.sign-form .wrap-input .verify .btnSendCode {
	padding: 17px 20px;
	border: 1px solid red;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #fff;
	color: red
}

.sign-form .wrap-input input {
	width: 90%;
	height: 20px;
	padding: 9px 10px 9px 20px;
	border: none;
	background: 0 0;
	font-size: 16px;
	font-family: Arial;
/*	position: relative;*/
}
.btnv{
	position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    width: 35%;
    border-left: 1px solid #F5AAB6;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    cursor: pointer;
    color:#CCCCCC;
    z-index: 999;
}
.btnv:hover{
	color: #000;
}

.sign-form .legend-img {
	padding-top: 18px;
	position: relative
}

.sign-form .legend-img img {
	position: absolute;
	top: -76px;
	left: 350px
}

.sign-form .item {
	margin-bottom: 15px;
	position: relative;
}

.sign-form .infield {
	position: absolute;
	font-size: 14px;
	left: 20px;
	top: 10px;
	_top: 13px;
	z-index: 1;
	color: #999
}

.sign-form label.error {
	font-size: 14px
}

.sign-form .text-border {
	width: 262px;
	padding: 6px 8px
}

.sign-form .codes .inside {
	background: #e3e3e3;
	padding: 15px;
	*zoom: 1
}

.sign-form .codes .inside:after,.sign-form .codes .inside:before {
	display: table;
	content: "";
	line-height: 0
}

.sign-form .codes .inside:after {
	clear: both
}

.sign-form .codes .inside:after,.sign-form .codes .inside:before {
	display: table;
	content: "";
	line-height: 0
}

.sign-form .codes .inside:after {
	clear: both
}

.sign-form .codes .wrap-input {
	float: left;
	display: inline;
	margin-right: 15px
}

.sign-form .codes .wrap-input .infield {
	left: 5px
}

.sign-form .codes .wrap-input input {
	width: 80px;
	padding-left: 5px;
	padding-right: 5px
}

.sign-form .codes label.error {
	clear: both
}

.sign-form .codes .text-border {
	width: 60px
}

.sign-form .pass {
	width: auto;
	position: relative;
}

.sign-form .already,.sign-form .change,.sign-form .forget,.sign-form .remember {
	font-size: 12px
}

.sign-form .forget {
	position: absolute;
	right: 0;
	color: #999
}

.sign-form .change {
	float: left;
	color: #666;
	margin: 20px 0 0 10px
}

.sign-form .btn-code {
	border: 0;
	float: left;
	color: #666;
	margin: 20px 0 0 10px
}

.sign-form .remember {
	color: #666;
	margin-right: 9px
}

.sign-form .remember input {
	vertical-align: -2px
}

.sign-form .already,.sign-form .forget {
	float: left;
	margin-top: 12px
}

.sign-form .go-register {
	padding-top: 30px;
	border-top: 1px solid #e2e2e2;
	font-weight: 700;
	text-align: center
}

.sign-form .go-register a {
	font-weight: 700
}

.sign-form .register {
	float: left;
	margin-top: 10px;
	font-size: 12px;
	color: #999
}

.sign-form .other-account {
	padding-top: 10px;
	border-top: 1px solid #e2e2e2;
	text-align: right
}

.sign-form .buttons {
	padding-top: 15px;
	text-align: right
}

.sign-form .icon {
	display: inline-block;
	background-image: url(../i/bg_loginsprite.png);
	background-repeat: no-repeat
}

.sign-form .icon-mail {
	width: 32px;
	height: 22px;
	margin-top: 8px
}
 
.sign-form .icon-tel {
	width: 18px;
	height: 30px;
	margin-top: 4px;
	background-position: 0 -96px
}

.sign-form .icon-key {
	width: 22px;
	height: 32px;
	margin-top: 3px;
	background-position: 0 -28px
}

.sign-form .icon-head {
	width: 32px;
	height: 28px;
	margin: 6px 0 0 3px;
	background-position: 0 -63px
}

.profile .zone .text-border {
	width: 90px
}

.profile .form-table .head {
	float: left
}

.profile .form-table .head img {
	border: 1px solid #eee;
    padding: 2px;
    vertical-align: middle
}

.profile .form-table .headt {
	float: left;
	line-height: 30px;
	padding-left: 10px
}

.set-icon .buttons {
	border-top: 1px solid #ccc;
	padding-top: 20px
}

.set-icon .pic {
	margin-bottom: 5px;
	position: relative;
	border: 1px solid #ccc;
	overflow: hidden
}

.set-icon .pics li {
	float: left;
	display: inline;
	margin: 0 0 15px 15px
}

.set-icon .pics li.first {
	margin-left: 0
}

.set-icon .pic300 {
	width: 300px;
	height: 300px
}

.set-icon .pic180 {
	width: 180px;
	height: 180px
}

.set-icon .pic100 {
	width: 100px;
	height: 100px
}

.set-icon .pic50 {
	width: 50px;
	height: 50px
}

.my-pocket {
	line-height: 1.6em;
	margin-bottom: 30px!important;
	line-height: 2em
}

.my-pocket form {
	float: right
}

.my-pocket form span {
	color: #666
}

.my-pocket form .text-border {
	width: 80px;
	padding-left: 10px
}

.my-pocket .num,.my-pocket b {
	color: #f60;
	font-family: Arial
}

.my-pocket .num {
	font-size: 24px
}

.cash-table table {
	width: 100%
}

.cash-table .num {
	color: #f60
}

.cash-table td {
	padding: 10px
}

.cash-table .col1 {
	width: 120px;
	text-align: right
}

.cash-table .line {
	padding-top: 10px;
	border-bottom: 1px solid #ddd
}

.pay-problem {
	font-size: 14px
}

.pay-problem p {
	padding-top: 15px
}

.pay-info {
	background: #e7d1cf;
	border: 1px solid #900;
	padding: 45px 40px
}

.pay-info .left {
	padding-right: 25px
}

.pay-info .right {
	padding-top: 15px
}

.pay-info .icon {
	display: block;
	width: 78px;
	height: 78px;
	background: url(../i/pay-icon-fail.png)
}

.pay-info .num {
	color: #c30;
	text-decoration: underline
}

.pay-info h5 {
	font-size: 14px
}

.pay-info em {
	color: #f60
}

.pay-info p {
	font-size: 12px;
	line-height: 2em
}

.pay-ok {
	background: #cfe7cf;
	border-color: #71a471
}

.pay-ok .icon {
	background-image: url(../i/pay-icon-ok.png)
}

.pay-wait {
	padding: 15px
}

.pay-wait p {
	line-height: 1.6em
}

.pay-wait b {
	color: #f60
}

.pay-choose .alert {
	zoom: 1
}

.pay-choose .quick-pay-form {
	overflow: hidden
}

.pay-choose .quick-pay .inner {
	border: 2px solid #ccc;
	padding: 20px 0
}

.pay-choose .quick-pay .hd {
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc
}

.pay-choose .quick-pay .other-way {
	margin: 10px 0;
	text-align: center
}

.pay-choose .quick-pay .other-way a {
	color: #06c
}

.pay-choose .quick-pay .other-way i {
	display: inline-block;
	height: 0;
	width: 0;
	overflow: hidden;
	border: 5px solid transparent;
	border-color: #9e9e9e #fff #fff #fff;
	position: relative;
	top: 4px
}

.pay-choose .quick-pay .opened i {
	border-color: #fff #fff #9e9e9e #fff;
	top: -2px
}

.pay-choose .quick-pay .first-pay .other-way {
	float: none
}

.pay-choose .choose-payway {
	border-top: 1px solid #ccc;
	overflow: hidden;
	padding-bottom: 10px
}

.pay-choose .choose-payway .coin-exchange {
	color: #F0853E
}

.pay-choose .choose-payway .left li {
	padding: 5px 10px;
	color: #6f6f6f;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.6em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f0f0f0;
	width: 120px
}

.pay-choose .choose-payway .left li.active {
	font-weight: 700;
	color: #333;
	border-right: 1px solid #fff;
	background: #fff
}

.pay-choose .choose-payway .left li.active .coin-exchange {
	color: #f60
}

.pay-choose .choose-payway .right .alert {
	margin-right: 16px
}

.pay-choose .choose-payway .right .choose-bank {
	*zoom: 1
}

.pay-choose .choose-payway .right .choose-bank:after,.pay-choose .choose-payway .right .choose-bank:before {
	display: table;
	content: "";
	line-height: 0
}

.pay-choose .choose-payway .right .choose-bank:after {
	clear: both
}

.pay-choose .choose-payway .right .choose-bank:after,.pay-choose .choose-payway .right .choose-bank:before {
	display: table;
	content: "";
	line-height: 0
}

.pay-choose .choose-payway .right .choose-bank:after {
	clear: both
}

.pay-choose .choose-payway .right form label {
	margin-right: 5px
}

.pay-choose .choose-payway .right form label input {
	margin-right: 2px;
	vertical-align: -2px
}

.pay-choose .choose-payway .right .items {
	padding: 20px 15px 10px;
	background: #fff
}

.pay-choose .choose-payway .right .select-list {
	*zoom: 1
}

.pay-choose .choose-payway .right .select-list:after,.pay-choose .choose-payway .right .select-list:before {
	display: table;
	content: "";
	line-height: 0
}

.pay-choose .choose-payway .right .select-list:after {
	clear: both
}

.pay-choose .choose-payway .right .select-list:after,.pay-choose .choose-payway .right .select-list:before {
	display: table;
	content: "";
	line-height: 0
}

.pay-choose .choose-payway .right .select-list:after {
	clear: both
}

.pay-choose .choose-payway .right .select-list li {
	float: left;
	cursor: pointer;
	overflow: hidden;
	padding: 5px 6px;
	border-radius: 3px
}

.pay-choose .choose-payway .right .select-list li.disabled {
	cursor: default
}

.pay-choose .choose-payway .right .select-list li.active {
	background: #FFCFAE
}

.pay-choose .choose-payway .right .game-card li {
	width: 154px;
	height: 74px
}

.pay-choose .choose-payway .right .online-banking li {
	width: 155px;
	height: 33px
}

.pay-choose .select-price-form .recent {
	line-height: 38px;
	margin-bottom: 15px;
	color: #666;
	padding: 0 20px
}

.pay-choose .select-price-form .recent img,.pay-choose .select-price-form .recent span {
	vertical-align: middle
}

.pay-choose .select-price-form .recent img {
	margin-left: 5px
}

.pay-choose .select-price-form .options {
	padding: 15px 0 15px 30px;
	background: #f4f4f4;
	zoom: 1
}

.pay-choose .select-price-form .options label {
	margin-right: 5px;
	*margin-right: 0
}

.pay-choose .select-price-form .options label input {
	margin-right: 2px;
	vertical-align: -2px
}

.pay-choose .select-price-form .options .text-border {
	width: 50px;
	font-family: Arial;
	font-weight: 700;
	padding: 3px 5px;
	color: #666
}

.pay-choose .select-price-form .item {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 30px
}

.pay-choose .select-price-form .item .lpic {
	padding-top: 5px;
	width: 75px
}

.pay-choose .select-price-form .item .text-border {
	height: 20px;
	width: 50%
}

.pay-choose .select-price-form .item .code {
	width: 100px
}

.pay-choose .select-price-form .code-img {
	border: 1px solid #ccc
}

.pay-choose .select-price-form .code,.pay-choose .select-price-form .code-change,.pay-choose .select-price-form .code-img {
	vertical-align: middle
}

.pay-choose .select-price-form .code-change {
	font-size: 12px;
	color: #09c
}

.pay-choose .select-price-form .buttons {
	padding: 15px 20px 0 0;
	text-align: right
}

.pay-choose .select-price-form .buttons .exchange {
	font-size: 14px;
	color: #666;
	margin-right: 15px
}

.pay-choose .select-price-form .buttons .exchange em {
	font-weight: 700;
	margin: 0 2px;
	color: #f60
}

.pay-choose .mobile-suggestion {
	padding: 30px 20px 10px;
	font-size: 12px;
	color: #666
}

.pay-choose .mobile-suggestion h5 {
	font-weight: 700;
	padding-bottom: 10px
}

.pay-choose .mobile-suggestion p {
	margin-bottom: 5px;
	line-height: 1.6em
}

.pay-choose .mobile-suggestion a {
	display: inline-block;
	padding: 3px 5px;
	color: #f60;
	border: 1px solid #ccc;
	background: #f1f1f1;
	margin: 0 10px
}

.pay-choose .mobile-suggestion a:hover {
	background: #f7f7f7
}

.pay-choose .record-info {
	margin-top: 10px;
	color: #666;
	text-align: right;
	font-size: 12px;
	margin-bottom: 10px
}

.pay-choose .record-info b {
	color: #f60
}

.pay-choose .record-list .bd table {
	width: 100%
}

.pay-choose .record-list .bd .num {
	color: #F74848
}

.pay-choose .record-list .bd th {
	background: #a1a3a7;
	color: #fff;
	font-size: 12px
}

.pay-choose .record-list .bd td,.pay-choose .record-list .bd th {
	padding: 10px
}

.pay-choose .record-list .bd td {
	background: #d2d4d9;
	border-bottom: 1px solid #fff;
	vertical-align: top;
	word-break: break-all;
	word-wrap: break-word
}

.pay-choose .dialog-payment .bank-name {
	color: #07c;
	font-weight: 700
}

.pay-choose .dialog-payment .bd {
	font-size: 14px
}

.pay-choose .dialog-payment .bd .options {
	padding-left: 18px
}

.pay-choose .book-info {
	margin-top: 20px
}

.pay-choose .book-info .left {
	padding-right: 20px
}

.pay-choose .book-info h5 {
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 8px 0
}

.pay-choose .book-info .info {
	line-height: 1.8em;
	color: #999;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px
}

.inspect-status .step {
	*zoom: 1;
	margin-bottom: 15px;
	font-size: 12px;
	color: #A5A5A5;
	padding-left: 10px
}

.inspect-status .step:after,.inspect-status .step:before {
	display: table;
	content: "";
	line-height: 0
}

.inspect-status .step:after {
	clear: both
}

.inspect-status .step:after,.inspect-status .step:before {
	display: table;
	content: "";
	line-height: 0
}

.inspect-status .step:after {
	clear: both
}

.inspect-status .step span {
	padding-right: 5px
}

.inspect-status .step .active {
	color: #090;
	font-weight: 700
}

.inspect-status .log {
	padding: 10px;
	border: 1px solid #AA934A;
	background: #F2F3E5;
	font-size: 12px;
	color: #4B4B4B;
	border-radius: 3px
}

.inspect-status .log h5 {
	color: #963;
	margin-bottom: 10px
}

.inspect-status .log table {
	table-layout: fixed;
	width: 100%
}

.inspect-status .log table th {
	font-weight: 700;
	border-bottom: 1px solid #D8D8D8;
	line-height: 26px;
	padding-left: 5px
}

.inspect-status .log table td {
	vertical-align: top;
	padding: 10px 5px 3px
}

.inspect-status .log table .ok {
	color: #090
}

.inspect-status .log table .refuse {
	color: #900
}

.inspect-status .log table .time {
	text-align: right;
	color: #999
}

.newcomer .recommend-list {
	overflow: hidden;
	margin: 20px auto 0;
	width: 840px
}

.newcomer .recommend-list .hd {
	padding-left: 0
}

.newcomer .recommend-list .bd {
	padding: 10px 0
}

.newcomer .recommend-list ul {
	width: 130%
}

.newcomer .recommend-list li {
	float: left;
	position: relative;
	height: 98px;
	width: 260px;
	padding: 5px;
	margin-bottom: 25px;
	margin-right: 16px;
	cursor: pointer
}

.newcomer .recommend-list li input {
	position: absolute;
	left: 7px;
	bottom: 7px
}

.newcomer .recommend-list li .left {
	padding-right: 10px
}

.newcomer .recommend-list li .right {
	font-size: 12px;
	color: #666
}

.newcomer .recommend-list li .right h5 {
	padding: 5px 0 10px 0;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.newcomer .recommend-list li .right .intro {
	margin-bottom: 10px;
	line-height: 1.5em;
	height: 3em;
	overflow: hidden
}

.newcomer .recommend-list li .right .info,.newcomer .recommend-list li .right .info a {
	color: #999
}

.newcomer .recommend-list .hover {
	background: #eee
}

.newcomer .recommend-list .active {
	background: #FDFAEC
}

.newcomer .recommend-list .buttons {
	_margin-top: 25px
}

.newcomer .recommend-list .buttons a {
	margin-right: 20px
}

.people .sidebar-title {
	padding-bottom: 12px
}

.people .interactive {
	padding: 0 0 20px 28px
}

.people .interactive a {
	margin-right: 10px
}

.people .page-title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px
}

.people .no-book {
	padding-top: 180px;
	padding-bottom: 60px;
	text-align: center;
    background: url(../i/my-books-nobook.png) no-repeat center 30px
}

.people .no-book p {
	font-weight: 700
}

.people .my-books ul {
	margin-top: 20px;
	*zoom: 1
}

.people .my-books ul:after,.people .my-books ul:before {
	display: table;
	content: "";
	line-height: 0
}

.people .my-books ul:after {
	clear: both
}

.people .my-books ul:after,.people .my-books ul:before {
	display: table;
	content: "";
	line-height: 0
}

.people .my-books ul:after {
	clear: both
}

.people .my-books ul li {
	display: inline;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	width: 160px;
	height: 340px
}

.people .my-books ul li.fourth {
	margin: 0
}

.people .my-books .pic {
	padding-bottom: 10px
}

.people .my-books .pic img {
	border: 1px solid #cecece
}

.people .my-books .name {
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.people .my-books .buttons {
	text-align: center
}

.people .my-books .chapters {
	padding-bottom: 10px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.people .my-books .mange {
	text-align: center
}

.people .my-books .mange a {
    display: inline-block;
    font-weight: 100;
    background: #DDD;
    line-height: 20px;
    padding: 0 5px;
    margin: 0 5px
}

.people .my-missions .hd {
	height: 26px;
	line-height: 26px;
	border-bottom: 1px solid #ccc
}

.people .my-missions .list .task-item {
	width: auto
}

.people .my-books .page-title,.people .my-comments .page-title,.people .my-shelf .page-title {
	padding-bottom: 10px
}

.people .my-books .page-title .more,.people .my-comments .page-title .more,.people .my-shelf .page-title .more {
	float: right;
	font-weight: 700;
	font-size: 12px;
	margin-top: 10px;
	color: #f60
}

.people .my-books .page-title h4,.people .my-comments .page-title h4,.people .my-shelf .page-title h4 {
	font-size: 26px
}

.people .my-books .page-title h4 .count,.people .my-comments .page-title h4 .count,.people .my-shelf .page-title h4 .count {
	color: #900;
	font-family: Arial
}

.people .my-books .page-title h4 .count .up,.people .my-comments .page-title h4 .count .up,.people .my-shelf .page-title h4 .count .up {
	color: #696
}

.people .my-shelf .top {
	border-bottom: 1px solid #e0e0e0
}

.people .my-shelf .bd {
	padding-bottom: 10px
}

.people .my-shelf .top {
	float: none;
	display: block;
	padding-bottom: 20px;
	width: auto
}

.people .my-shelf .top .left {
	padding-right: 20px
}

.people .my-shelf .top .info {
	padding: 6px 0 10px 0
}

.people .my-shelf .top .name {
	font-size: 16px;
	font-weight: 700;
	margin-right: 5px
}

.people .my-shelf .top .author {
	font-size: 12px;
}

.people .my-shelf .top .icon-book-status {
	vertical-align: -4px
}

.people .my-shelf .top .summary {
	height: 4.8em;
	line-height: 1.6em;
	overflow: hidden;
	font-size: 12px;
	color: #999;
	word-break: break-all;
	word-wrap: break-word
}

.people .my-shelf .top .last-read,.people .my-shelf .top .update,.people .my-shelf .top .author {
	font-size: 12px;
	margin-top: 8px
}

.people .my-shelf .top .last-read a,.people .my-shelf .top .update a,.people .my-shelf .top .author a {
	font-weight: 700
}

.people .my-shelf .top .last-read span,.people .my-shelf .top .update span,.people .my-shelf .top .author span {
	margin-left: 15px;
	color: #999
}

.people .my-shelf .just-one {
	border-bottom: none
}

.people .my-shelf li {
	width: 100px
}

.people .my-shelf .pattern-big-picture {
	padding-top: 16px;
	text-align: center
}

.people .my-shelf .pattern-big-picture h5 {
	font-weight: 400;
	font-size: 12px
}

.people .my-comments li {
	border-bottom: 1px solid #e4e4e4
}

.people .my-comments h5 {
	font-size: 14px;
	padding-bottom: 10px
}

.people .my-comments h5 a {
	color: #333
}

.people .my-comments .time a {
	color: #9d8963
}

.people #award-flyout .area {
	margin-bottom: 10px;
	border: 1px solid #dedede;
	background-color: #f9f9f9
}

.people #award-flyout .item {
	text-align: left;
	width: 200px;
	margin: 10px 0;
	font-size: 12px;
	padding-left: 40px
}

.people #award-flyout label {
	color: #f60;
	float: left;
	margin-left: -30px;
	margin-top: 4px
}

.people #award-flyout textarea {
	width: 170px;
	height: 40px;
	padding: 2px
}

.people #award-flyout input {
	width: 100px;
	padding: 2px
}

.recommendNotice {
	margin-top: 30px;
	min-height: 160px
}

.recommendNotice li {
	float: left;
	width: 30%;
	border: 1px solid #ccc;
	background: #FAFAFA;
	margin-right: 10px;
	font-size: 5px
}

.recommendNotice h5 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.recommendNotice h5 a {
	font-size: 16px
}

.recommendNotice .left {
	padding: 3px 5px
}

.recommendNotice .info {
	margin: 15px 0 6px 0
}

.recommendNotice .info span {
	color: #BD9132
}

.noticetj {
	position: absolute;
	left: -2px;
	top: 8px;
	width: 120px;
	height: 39px;
}

.notice-choose .top {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	font-size: 0;
	height: 0
}

.notice-choose .bottom {
	border-top: 1px solid #ccc
}

.notice-choose .divide {
	color: #ccc;
	display: inline-block;
	vertical-align: middle
}

.notice-choose a {
	vertical-align: middle;
	margin: 13px 0;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
	color: #000
}

.notice-choose a.active {
	color: #fff;
	background: #999;
	border-radius: 3px
}

.notice-choose a .count {
	font-size: 12px;
	color: #f60
}

.notice-list li {
	padding-bottom: 18px;
	border-bottom: 1px dotted #C2C2C2
}

.notice-list .right {
	padding-right: 0
}

.notice-list .right h3 {
	background: 0 0;
	font-weight: 400
}

.notice-list .right .controls {
	*zoom: 1
}

.notice-list .right .controls .reply {
	font-weight: 700
}

.notice-list .right .controls:after,.notice-list .right .controls:before {
	display: table;
	content: "";
	line-height: 0
}

.notice-list .right .controls:after {
	clear: both
}

.notice-list .right .controls:after,.notice-list .right .controls:before {
	display: table;
	content: "";
	line-height: 0
}

.notice-list .right .controls:after {
	clear: both
}

.notice-list .summary br {
	display: none
}

.notice-list .comment-form {
	padding-top: 15px
}

.notice-list .comment-form .left {
	width: 35px;
	padding-right: 10px
}

.msg-list li {
	padding-bottom: 18px;
	border-bottom: 1px solid #ccc
}

.msg-list .left {
	position: relative
}

.msg-list .right {
	padding: 3px 0 0
}

.msg-list .name {
	width: 50%;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.msg-list .name img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc
}

.msg-list .content {
	color: #999;
	line-height: 1.8em;
	margin: 8px 0
}

.msg-list .count {
	float: right;
	margin-top: 5px;
	background-position: 0 -231px;
	width: 47px;
	height: 47px;
	line-height: 47px;
	padding-right: 31px;
	font-style: 18px;
	font-weight: 700;
	text-align: center;
	font-family: Arial;
	color: #978d89
}

.converse-form p {
	margin-bottom: 10px;
	padding-left: 8px
}

.converse-form p i {
	display: inline;
	float: left;
	width: 12px;
	height: 9px;
	margin: 2px 10px 0 0;
	background-position: -85px -206px;
	overflow: hidden
}

.converse-form .word-count {
	float: right
}

.converse-form .word-count-error b {
	color: red
}

.converse-form .left {
	padding: 0 28px 0 8px
}

.converse-form textarea {
	display: block;
	width: 599px;
	height: 50px;
	padding: 10px
}

.converse-form .button-area {
	margin-top: 10px;
	text-align: right
}

.converse-list li {
	margin-bottom: 30px;
	position: relative;
	*zoom: 1
}

.converse-list li:after,.converse-list li:before {
	display: table;
	content: "";
	line-height: 0
}

.converse-list li:after {
	clear: both
}

.converse-list li:after,.converse-list li:before {
	display: table;
	content: "";
	line-height: 0
}

.converse-list li:after {
	clear: both
}

.converse-list li:hover .del {
	visibility: visible
}

.converse-list .arrow {
	position: absolute;
	top: 15px;
	display: block;
	width: 11px;
	height: 19px;
	overflow: hidden;
	background-position: -40px -205px
}

.converse-list .right {
	overflow: hidden;
	zoom: 1
}

.converse-list .time {
	display: block;
	width: 35px;
	position: absolute;
	top: 8px
}

.converse-list .me .arrow {
	background-position: -55px -205px;
	right: 77px
}

.converse-list .me .time {
	left: 40px
}

.converse-list .me i {
	right: -5px;
	top: 10px
}

.converse-list .me .left {
	text-align: right;
	float: right;
	width: 70px;
	padding-right: 10px
}

.converse-list .me .right {
	text-align: right
}

.converse-list .me .content {
	float: right;
	margin-right: 8px;
	_margin-right: 5px;
	text-align: left;
	background: #f7f6f6
}

.converse-list .other .arrow {
	left: 77px
}

.converse-list .other .left {
	float: left;
	width: 70px;
	padding-left: 10px
}

.converse-list .other .content {
	float: left;
	margin-left: 8px;
	_margin-left: 5px;
	background: #fdf5e6
}

.converse-list .other .time {
	right: 40px
}

.converse-list .content {
	display: inline;
	width: 487px;
	line-height: 1.8em;
	padding: 16px 30px 16px 16px;
	margin-bottom: 5px;
	box-shadow: 0 1px 2px 0 #B6B6B6;
	border-radius: 6px;
	word-break: break-all;
	word-wrap: break-word
}

.converse-list .del {
	visibility: hidden;
	_visibility: visible;
	display: inline;
	float: right;
	width: 15px;
	height: 15px;
	margin: -10px -20px 0 0;
	background-color: #bda477;
	background-position: -67px -203px
}

.chapter-list {
	margin-bottom: 30px!important
}

.chapter-list .hd {
	padding-bottom: 10px;
	*zoom: 1;
	border-bottom: 1px solid #d4d4d4
}

.chapter-list .hd:after,.chapter-list .hd:before {
	display: table;
	content: "";
	line-height: 0
}

.chapter-list .hd:after {
	clear: both
}

.chapter-list .hd:after,.chapter-list .hd:before {
	display: table;
	content: "";
	line-height: 0
}

.chapter-list .hd:after {
	clear: both
}

.chapter-list .hd i {
	float: left;
	display: inline;
	width: 23px;
	height: 32px;
	margin: 0 10px;
	background-position: 0 -284px
}

.chapter-list .hd h2 {
	height: 26px;
	line-height: 26px
}

.chapter-list .bd {
	padding-top: 0!important;
	padding-right: 0!important;
	width: 100%;
	_overflow-x: hidden
}

.chapter-list ul {
	padding-top: 20px;
	width: 110%;
	*zoom: 1
}

.chapter-list ul:after,.chapter-list ul:before {
	display: table;
	content: "";
	line-height: 0
}

.chapter-list ul:after {
	clear: both
}

.chapter-list ul:after,.chapter-list ul:before {
	display: table;
	content: "";
	line-height: 0
}

.chapter-list ul:after {
	clear: both
}

.chapter-list ul li {
	float: left;
	display: inline;
	width: 340px;
	margin-right: 30px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #e4e3e3
}

.chapter-list ul li .name {
	display: inline-block;
	width: 255px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.chapter-list ul li .name:hover {
	color: #FB6B84
}

.chapter-list ul li .isvip {
	background: url(../i/icon-chapter-vip.png) no-repeat left center;
	padding-left: 20px;
	width: 230px
}

.chapter-list ul li .has-hongbao {
	background-image: url(../i/icon-hongbao.png)
}

.chapter-list ul li .has-hongbao-disable {
	background-image: url(../i/icon-hongbao-disabled.png)
}

.chapter-list ul .bookmark .name {
	color: #0e7300;
	font-weight: 700
}

.chapter-list ul .time {
	padding-left: 15px;
	float: right;
	color: #999
}

.chapter .wrap {
	background: #686868
}

.chapter .container {
	background: 0 0;
	padding-bottom: 30px
}

.chapter .container .container-bd {
	padding: 0;
	margin: 0;
	background: 0 0
}

.chapter .mod-page {
	background: url(../i/bg_chaptercontainerrepeaty.png) repeat-y
}

.chapter .mod-page .bd {
	margin: 0 6px;
	padding: 70px 96px 30px;
	border-bottom: 1px solid #e4e4e4
}


.chapter .mod-page .info,.chapter .mod-page h1 {
	text-align: center;
	padding: 0 30px
}

.chapter .mod-page .icon-hb {
	display: inline-block;
	width: 25px;
	height: 40px;
	overflow: hidden;
	background-position: -105px -318px;
	vertical-align: -6px;
	margin-right: 5px
}

.chapter .mod-page .icon-hb-disabled {
	background-position: -105px -364px
}

.chapter .mod-page h1 {
	font-size: 36px;
	font-weight: 700;
	color: #261d0d;
	margin-bottom: 10px;
}

.chapter .mod-page .info {
	font-size: 12px
}

.chapter .mod-page .info,.chapter .mod-page .info a {
	color: #666
}

.chapter .mod-page .info .divide {
	margin: 0 5px;
	color: #afafaf
}

.chapter .mod-page .previou {
	float: right;
	display: inline;
	width: 21px;
	height: 23px;
	overflow: hidden;
	margin: 16px -45px 0 20px;
	background-position: -49px -90px
}

.chapter .mod-page .author-say .name,.chapter .mod-page .author-say a {
	color: #06c
}

.chapter .mod-page .author-say .name:hover,.chapter .mod-page .author-say a:hover {
	text-decoration: underline
}

.chapter .mod-page .page-content {
	padding: 60px 15px 0;
	position: relative
}

.chapter .mod-page .page-content p {
	line-height: 28px;
	padding-bottom: 24px;
	font-size: 16px;
	text-indent: 2em;
	color: #333;
	position: relative;
	word-break: break-all;
	word-wrap: break-word
}

.chapter .mod-page .ad {
	padding: 10px 0 10px 2em;
	margin-left: 15px;
	display: inline-block;
	text-align: center
}

.chapter .mod-page .ad p {
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #333
}

.chapter .mod-page .ad div {
	margin-bottom: 10px
}

.chapter .mod-page .ad a {
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
	margin: 0 5px;
	color: #fff
}

.chapter .mod-page .ad .ios {
	background: #65B2E8
}

.chapter .mod-page .ad .android {
	background: #59A630
}

.chapter .mod-page .unload {
	visibility: hidden
}

.chapter .mod-page .ft {
	padding-bottom: 8px
}

.chapter .mod-page .ft .ft-bd {
	border-top: 1px solid #d8dedf;
	margin: 0 6px;
	background-color: #f8f8f8
}

.chapter .mod-page .ft .app {
	float: left;
	font-size: 12px;
	margin: 3px 0 0 10px;
	color: #B0A19B
}

.chapter .mod-page .ft .app a {
	color: #439043!important
}

.chapter .mod-page .ft .app img {
	vertical-align: -5px;
	margin: 0 5px
}

.chapter .mod-page .ft .control {
	height: 40px;
	padding-top: 10px;
	padding-right: 5px;
	text-align: right;
	font-size: 12px
}

.chapter .mod-page .ft .control i {
	float: left;
	display: inline;
	margin: 2px 3px 0 0
}

.chapter .mod-page .ft .control a {
	color: #666;
	display: inline-block;
	height: 26px;
	line-height: 26px
}

.chapter .mod-page .ft .control span a {
	margin-left: 5px
}

.chapter .mod-page .ft .control .divide {
	color: #b6b6b6
}

.chapter .mod-page .ft .control .report {
	float: left
}

.chapter .mod-page .ft .control .report i {
	width: 22px;
	height: 22px;
	background-position: -30px -270px
}

.chapter .mod-page .ft .control .comment i {
	width: 23px;
	height: 21px;
	background-position: -51px -210px
}

.chapter .mod-page .ft .control .good i {
	width: 17px;
	height: 18px;
	background-position: -110px -188px
}

.chapter .mod-page .ft .control .good .num {
	color: #f60
}

.chapter .mod-page .ft .control .bad i {
	width: 17px;
	height: 18px;
	background-position: -86px -188px
}

.chapter .mod-page .ft .control .bad .num {
	color: #06c
}

.chapter .mod-page .ft .control .hongbao b {
	color: #f60
}

.chapter .mod-page .ft .control .diamond {
	height: 29px;
	background: url(../i/bg_chapterboostdiamond.png) no-repeat;
	vertical-align: -9px
}

html.ie6 .chapter .mod-page .ft .control .diamond {
	vertical-align: -6px
}

.chapter .mod-page .ft .control .diamond em {
	float: left;
	height: 29px;
	line-height: 29px;
	padding-left: 100px;
	padding-right: 12px;
	font-size: 14px;
	font-family: Arial;
	color: #f60;
	background: url(../i/bg_chapterboostdiamond.png) no-repeat right bottom;
	cursor: pointer
}

.chapter .mod-page .ft .control .boost {
	width: 87px;
	height: 31px;
	background-position: 0 -433px;
	vertical-align: -10px
}

html.ie6 .chapter .mod-page .ft .control .boost {
	vertical-align: -7px
}

.chapter .mod-page .hd {
	height: 8px;
	overflow: hidden;
	background-position: 0 0
}

.chapter .mod-page .comments {
	zoom: 1;
	margin: 0 6px;
	background: #E2E2E2
}

.chapter .mod-page .comments .right {
	padding-right: 0
}

.chapter .mod-page .comments .close {
	position: absolute;
	right: 20px;
	bottom: 0;
	display: block;
	width: 41px;
	height: 31px;
	overflow: hidden;
	cursor: pointer;
	background-position: -30px -284px
}

.chapter .mod-page .comments h4 {
	padding: 10px 0 20px 0;
	font-size: 22px
}

.chapter .mod-page .comments .form {
	padding: 0 30px 0;
	margin-bottom: 30px
}

.chapter .mod-page .comments .form .left {
	text-align: left;
	width: 35px
}

.chapter .mod-page .comments .mini-form {
	padding: 0
}

.chapter .mod-page .comments .mini-form form {
	padding-top: 10px
}

.chapter .mod-page .comments ul {
	padding: 0 4px
}

.chapter .mod-page .comments li {
	padding: 20px 26px;
	margin-bottom: 0;
	border-top: 1px solid #eee;
	border-bottom: none
}

.chapter .mod-page .comments-level-2 {
	background-image: none;
	border-bottom: none
}

.chapter .first-page .hd {
	height: 60px
}

.chapter .first-page .bd {
	margin-top: -60px
}

.chapter .dialog-pay-chapter .num {
	color: #f60
}

.chapter .dialog-pay-chapter .hd {
	color: #666
}

.chapter .dialog-pay-chapter .hd .pocket {
	float: right;
	font-size: 12px
}

.chapter .dialog-pay-chapter .hd .divide {
	color: #ccc;
	margin: 0 8px
}

.chapter .dialog-pay-chapter .bd {
	padding: 0 0 10px!important;
	font-size: 12px
}

.chapter .dialog-pay-chapter .info {
	line-height: 58px;
	text-align: center;
	background: #e7f2e7
}

.chapter .dialog-pay-chapter .info .name {
	font-size: 16px
}

.chapter .dialog-pay-chapter .no-money-to-pay {
	line-height: 1.8em;
	font-size: 14px;
	padding: 20px
}

.chapter .dialog-pay-chapter .no-money-to-pay p {
	color: #666;
	padding: 10px 15px;
	font-size: 12px
}

.chapter .dialog-pay-chapter .no-money-to-pay div {
	background: #FFEDE0;
	border: 1px solid #f60;
	padding: 10px 15px;
	line-height: 2em
}

.chapter .dialog-pay-chapter .no-money-to-pay .go-pay {
	color: #f60;
	font-weight: 700
}

.chapter .dialog-pay-chapter ul {
	padding: 10px 0
}

.chapter .dialog-pay-chapter ul li {
	float: left;
	width: 28%;
	padding: 10px;
	text-align: center;
	border-right: 1px solid #e9e9e9
}

.chapter .dialog-pay-chapter ul li.last {
	border: none
}

.chapter .dialog-pay-chapter ul li div {
	height: 64px
}

.chapter .dialog-pay-chapter ul li p {
	text-align: center;
	line-height: 2em;
	color: #333
}

.chapter .dialog-pay-chapter ul li p.desc {
	padding-bottom: 10px;
	color: #666
}

.chapter .dialog-pay-chapter ul li .single {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.chapter .dialog-hongbao {
	height: 469px
}

.chapter .dialog-hongbao .bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
}

html.ie6 .chapter .dialog-hongbao .bg {
	background: 0 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='http://img.heiyanimg.com/_res/css/heiyan/i/chapter-hongbao-dialog-bg.png')
}

.chapter .dialog-hongbao .close {
	position: absolute;
	right: 40px;
	top: 220px;
	display: block;
	width: 34px;
	height: 34px;
	cursor: pointer;
	background: url(../../i/field.gif) no-repeat;
	background-image: url(../i/field.gif)
}

.chapter .dialog-hongbao .count {
	margin-top: 280px;
	font-family: Arial;
	font-size: 90px;
	color: #fff885;
	font-weight: 700;
	text-align: center
}

.chapter .dialog-hongbao .count span {
	font-size: 18px
}

.chapter .dialog-hongbao .word {
	padding-top: 18px;
	margin: 0 80px
}

.chapter .dialog-hongbao .word img {
	border: 1px solid #850000;
	box-shadow: 0 0 3px 0 #070707
}

.chapter .dialog-hongbao .word .left {
	padding-right: 15px
}

.chapter .dialog-hongbao .word .right {
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
	color: #fff885
}

.chapter .winner-list {
	width: 300px;
	padding: 0;
	box-shadow: 0 0 4px 0 #969595;
	border: none;
	background: #f5f5f5
}

.chapter .winner-list ul {
	padding: 10px
}

.chapter .winner-list i {
	position: absolute;
	bottom: -10px;
	_bottom: -16px;
	left: 50%;
	display: block;
	width: 16px;
	height: 10px;
	margin-left: -10px;
	background-position: -114px -292px
}

.chapter .winner-list li {
	font-size: 12px;
	padding: 5px 0;
	border-bottom: 1px dotted #EBE4CE
}

.chapter .winner-list li .left {
	padding-right: 10px
}

.chapter .winner-list li .right {
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.chapter .winner-list li span {
	color: #f60
}

.chapter .winner-list .ft {
	height: 38px;
	background: #fae7be
}

.chapter .winner-list .pagination {
	padding: 10px 0 0
}

.chapter .vip-preview {
}

.chapter .load-status {
	height: 49px;
	color: #ddd;
	overflow: hidden;
	margin: 0 6px
}

.chapter .load-status .status {
	text-align: center;
	font-weight: 700
}

.chapter .loadFirstPage {
	margin-top: 550px
}

.chapter .when-loading {
	background: #e5cd98;
	border-radius: 10px;
	margin: 0 20px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	text-shadow: none;
	border: 3px solid #c8955e;
	font-size: 60px;
	cursor: pointer
}

.chapter .get-next {
	height: 60px;
	cursor: pointer;
	line-height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-align: center
}

.chapter .get-next,.chapter .get-next a {
	color: #B6B6B6
}

.chapter .loading {
	text-indent: -9999px;
}

.chapter .read-setting {
	display: none;
	width: 948px;
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
	background: #fbefd7;
	color: #666;
	margin: 0px 6px;
	text-align: right
}

.chapter .read-setting span {
	float: left;
	margin-right: 25px;
	color: #a88f59
}

.chapter .read-setting a {
	margin: 5px 0 0 5px
}

.chapter .show-config {
	display: block
}

.chapter .hide-config {
	display: none
}

.chapter .bottom-tools {
	z-index: 20
}

.chapter .bottom-tools a {
	display: block;
	text-align: center
}

.chapter .bottom-tools a:hover {
	background: #c1c1c1
}

.chapter .bottom-tools .icon {
	display: inline-block
}

.chapter .bottom-tools ul {
	overflow: hidden;
	margin-bottom: 30px;
	background: #ccc;
	border-radius: 2px 0 0 2px
}

.chapter .bottom-tools ul li {
	border-bottom: 1px solid silver
}

.chapter .bottom-tools ul li a {
	width: 50px;
	height: 53px;
	border-bottom: 1px solid #d8d8d8
}

.chapter .bottom-tools ul li.last,.chapter .bottom-tools ul li.last a,.chapter .bottom-tools ul li.single,.chapter .bottom-tools ul li.single a {
	border: none
}

.chapter .bottom-tools ul .to-index .icon {
	width: 26px;
	height: 20px;
	margin-top: 17px;
	background-position: -22px -250px
}

.chapter .bottom-tools ul .to-shelf .icon {
	width: 22px;
	height: 23px;
	margin-top: 14px;
	background-position: -52px -250px
}

.chapter .isBookFinished,.chapter .isLastChapter {
	background: #FFFBE1;
	color: #666;
	height: auto!important;
	border-radius: 3px
}

.chapter .isBookFinished .chapter-recommend,.chapter .isLastChapter .chapter-recommend {
	display: block
}

.chapter .isBookFinished .status,.chapter .isLastChapter .status {
	line-height: 40px;
	height: 40px
}

.chapter .chapter-recommend {
	padding: 30px
}

.chapter .chapter-recommend li {
	float: left;
	width: 309px;
	height: 130px;
	font-size: 12px
}

.chapter .chapter-recommend .left {
	padding-right: 15px
}

.chapter .chapter-recommend .right {
	padding-right: 15px
}

.chapter .chapter-recommend h5 {
	padding: 5px 0 3px;
	font-size: 14px
}

.chapter .chapter-recommend h5 a {
	color: #000
}

.chapter .chapter-recommend .summary {
	line-height: 1.6em;
	height: 3.2em;
	overflow: hidden;
	margin: 5px 0;
	word-break: break-all;
	word-wrap: break-word
}

.chapter .chapter-recommend .info {
	line-height: 1.6em
}

.chapter .chapter-recommend .info .author {
	color: #09c
}

.chapter .pattern-cover-boost .progress .inner {
	margin: 0
}

.pattern-cover-detail .book-status {
	position: absolute;
	top: -19px;
	left: 0;
	width: 25px;
	height: 89px;
	background-position: -75px 0
}

.pattern-cover-detail .is-finished {
	background-position: -100px 0
}

.pattern-cover-detail .collect i {
	background-position: -81px -90px
}

.pattern-cover-detail .collect em.b {
	display: inline
}

.pattern-cover-detail .collect b {
	color: #f60
}

.pattern-cover-detail .collected i {
	background-position: -81px -118px
}

.pattern-cover-detail .collected em.b {
	display: none
}

.pattern-cover-detail .index i {
	background-position: 0 -130px
}

.pattern-cover-detail .read i {
	background-position: -21px -130px
}

.pattern-cover-detail .continue {
	background-position: 0 -210px
}

.pattern-cover-detail .support {
	width: 72px;
	height: 26px;
	background-position: 0 -60px
}

.pattern-cover-detail .auto-pay a {
	background-position: 0 -150px
}

.pattern-cover-detail .auto-pay .open {
	background-position: 0 -180px
}

.pattern-cover-detail .copy,.pattern-cover-detail .ext-login,.pattern-cover-detail .notify {
	padding: 15px 25px 15px 66px;
	line-height: 1.6em;
	background: #f0eade;
	color: #988e7d
}

.pattern-cover-detail .copy i,.pattern-cover-detail .ext-login i,.pattern-cover-detail .notify i {
	float: left;
	margin-left: -48px;
	width: 33px;
	height: 32px;
	background-position: 0 -396px
}

.pattern-cover-detail .copy,.pattern-cover-detail .ext-login {
	margin-bottom: 1px
}

.pattern-cover-detail .ext-login {
	margin-top: 30px
}

.pattern-cover-detail .ext-login i {
	background-position: 0 -468px
}

.pattern-cover-detail .notify i {
	background-position: -48px -396px
}

.pattern-cover-detail .boost-diamond {
	position: relative;
	width: 202px;
	padding: 0;
	border: none;
	background: url(../i/bg_coverdiamond.png) no-repeat
}

.pattern-cover-detail .boost-diamond .what-the-diamond {
	position: absolute;
	right: 4px;
	top: 4px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../i/field.gif) no-repeat;
	background-image: url(../i/field.gif)
}

.pattern-cover-detail .boost-diamond .now {
	height: 53px
}

.pattern-cover-detail .boost-diamond .num {
	float: left;
	display: inline;
	padding-top: 7px;
	font-size: 28px;
	font-family: Georgia;
	color: #f90
}

.pattern-cover-detail .boost-diamond img {
	background: url(../i/bg_coverdiamond.gif) no-repeat;
	float: left;
	border: none
}

.pattern-cover-detail .boost-diamond .send {
	position: relative;
	display: block;
	margin: 0 10px;
	height: 32px;
	background: url(../../i/field.gif) no-repeat;
	background-image: url(../i/field.gif)
}

.pattern-cover-detail .boost-diamond .total {
	padding: 5px 10px 5px;
	background: #2b2a2b;
	border-radius: 0 0 5px 5px
}

.cover .pattern-cover-boost .hd {
	background: #dbdbdb
}

.cover .pattern-cover-boost .hd .total {
	background: #958864
}

.cover .pattern-cover-boost .hd .total a {
	color: #fff
}

.cover .pattern-cover-boost .hd .total .count {
	font-size: 16px;
	color: #fffc00
}

.cover .pattern-cover-boost .hd .exp {
	float: left
}

.cover .pattern-cover-boost .hd .exp .progress {
	width: 0;
	height: 40px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #958864
}

.cover .pattern-cover-boost .hd .exp .progress .inner {
	width: 1000px
}

.cover .pattern-cover-boost .hd .exp .progress span {
	color: #fff
}

.cover .pattern-cover-boost .hd .exp span {
	color: #666;
	height: 40px;
	line-height: 50px;
	width: 110px
}

.cover .pattern-cover-boost .hd .exp span em {
	padding-left: 5px
}

.cover .pattern-cover-boost .hd .exp span.last {
	width: 114px
}

.cover .pattern-cover-boost .hd .exp span.active {
	line-height: 40px;
	font-size: 20px;
	text-align: center
}

.cover .pattern-cover-boost .hd .exp span.active em {
	padding-left: 0;
	font-weight: 700
}

.cover .pattern-cover-boost .bd {
	background: #f3f3f3
}

.cover .pattern-cover-boost .plus {
	color: #f90
}

.cover .pattern-cover-boost .recent-list {
	background: #f3f3f3;
	padding: 0;
	width: 177px
}

.cover .pattern-cover-boost .recent-list .more {
	background: #f3f3f3
}

.cover .pattern-cover-boost .recent-list .more a {
	color: #D5A21F
}

.cover .pattern-cover-boost .recent-list li {
	position: relative;
	padding-left: 4px
}

.cover .pattern-cover-boost .recent-list li .icon {
	float: left;
	width: 33px;
	height: 12px;
	margin-top: 9px;
	overflow: hidden;
	background-position: -94px -449px
}

.cover .pattern-cover-boost .recent-list li.top {
	background: #ebead5
}

.cover .pattern-cover-boost .recent-list li.top .icon {
	background-position: -94px -433px
}

.cover .pattern-cover-boost .recent-list li.top span {
	top: 0;
	color: #f60;
	font-weight: 700;
	line-height: inherit
}

html.ie6 .cover .pattern-cover-boost .recent-list li.top span {
	top: -3px
}

.cover .pattern-cover-boost .recent-list li span {
	position: absolute;
	right: 6px;
	top: 0;
	float: none
}

html.ie6 .cover .pattern-cover-boost .recent-list li span {
	top: 4px
}

.cover .pattern-cover-boost .recent-list li span em {
	color: #f90;
}

.cover .pattern-cover-boost .recent-list li a {
	color: #9f9f9f
}

.cover .pattern-cover-boost .controls {
	width: 532px;
	background: #f3f3f3
}

.cover .pattern-cover-boost .controls .item-list p.name {
	color: #a1a1a1
}

.cover .pattern-cover-boost .controls .item-list p.name .count {
	color: #d7a318
}

.cover .pattern-cover-boost .controls .form {
	color: #999
}

.cover .pattern-cover-boost .controls .form .to-pay {
	color: #f90
}

.cover .pattern-cover-boost .controls .form .conver span.count em {
	color: #f90
}

.cover .pattern-cover-boost .controls .form .submit {
	display: block;
	width: 99px;
	height: 72px;
	margin-top: -5px;
}

.cover .pattern-cover-boost .controls .form .submit:active {
	background-position: 0 bottom
}

.cover .pattern-cover-boost .controls .form .cancel {
	color: #fff
}

.cover .pattern-cover-boost .donate-item {
	background: url(../i/bg_boostsprite.jpg) no-repeat;
	box-shadow: 0 0 3px 1px #888
}

.cover .pattern-cover-boost .donate-item-2 {
	background-position: 0 -65px
}

.cover .pattern-cover-boost .donate-item-3 {
	background-position: 0 -130px
}

.cover .pattern-cover-boost .donate-item-4 {
	background-position: 0 -195px
}

.cover .pattern-cover-boost .donate-item-5 {
	background-position: 0 -260px
}

.cover .pattern-cover-boost .donate-item-6 {
	background-position: 0 -325px
}

.cover .pattern-cover-boost .donate-item-7 {
	background-position: 0 -390px
}

.cover .donate-list .right h3 {
	background: #EBEBEB
}

.cover .donate-list .right h3 a,.cover .donate-list .right h3 img,.cover .donate-list .right h3 span {
	vertical-align: middle
}

.cover .donate-list .right h3 .count {
	margin: 0 3px;
	color: #f60;
	font-weight: 700
}

.cover .topic .bd ul {
	height: 30px;
	padding: 8px 0
}

.cover .topic .bd ul li {
	float: left;
	margin-right: 6px;
	width: 30px;
	height: 30px;
	-moz-border-radius: 50%;
	-weikit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #ccc
}

.cover .topic .bd ul li .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../i/bg_topic.png);
	background-repeat: no-repeat
}

.cover .topic .bd ul li .hear {
	background-position: 0 -30px
}

.cover .topic .bd ul li .video {
	background-position: 0 -60px
}

.cover .topic .bd ul li .game {
	background-position: 0 -90px
}

.cover .topic .bd ul li .comics {
	background-position: 0 -120px
}

.cover .topic .bd ul li .rim {
	background-position: 0 -150px
}

.cover .topic .bd ul .last {
	margin-right: 0
}

.cover .topic .bd p {
	line-height: 28px;
	font-size: 12px
}

.cover .topic .bd p .orange {
	color: #ff9c00;
	font-family: Arial;
	font-size: 8px
}

.cover .topic .bd p .red {
	float: right;
	color: #f60
}

.cover .donate-rank .hd {
	padding-bottom: 12px
}

.cover .donate-rank .bd {
	font-size: 12px
}

.cover .donate-rank .handles {
	height: 38px;
	margin-bottom: 10px
}

.cover .donate-rank .handles span {
	float: left;
	display: inline;
	width: 120px;
	height: 38px;
	line-height: 38px;
	font-weight: 700;
	text-align: center;
	background: #b5b5b5;
	color: #fff;
	cursor: pointer
}

.cover .donate-rank .handles span.active {
	background: #515151
}

.cover .donate-rank ul li {
	height: 30px;
	line-height: 30px
}

.cover .donate-rank ul li,.cover .donate-rank ul li a {
	color: #7c7c7c
}

.cover .donate-rank ul li span {
	float: right
}

.cover .donate-rank ul li .num {
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin: 6px 10px 0 0;
	text-align: center;
	font-family: Arial;
	color: #fff;
	background: #ccc;
	border-radius: 9px
}

.cover .donate-rank ul .n1 .num {
	background: #333
}

.cover .donate-rank ul .n2 .num {
	background: #666
}

.cover .donate-rank ul .n3 .num {
	background: #999
}

.cover .donate-rank .donate {
	display: block;
	width: 166px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	margin: 10px auto;
	color: #ccc
}

.cover .donate-rank .more a {
	color: #666
}

.cover .fans-rank .bd {
	padding: 10px 15px
}

.cover .fans-rank .more {
	text-align: right;
	padding-top: 8px
}

.cover .fans-rank .config {
	float: right;
	color: #999;
	margin-right: 10px
}

.cover .fans-rank li {
	padding: 5px 0;
	position: relative;
	line-height: 20px;
	height: 20px
}

.cover .fans-rank li a {
	color: #999
}

.cover .fans-rank li .index {
	font-family: Arial;
	display: inline-block;
	overflow: hidden;
	width: 14px;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	background: #696969;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
	vertical-align: 3px
}

.cover .fans-rank li .name {
	display: inline-block;
	width: 50%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.cover .fans-rank li .title {
	float: right;
	margin-top: 2px
}

.cover .fans-rank li.top .index {
	background: #f60;
	color: #fff
}

.cover .fans-rank li.last {
	border: none
}

.cover .fans-levels {
	font-size: 12px
}

.cover .fans-levels .index {
	font-family: Arial;
	color: #666
}

.cover .fans-levels .top .index {
	color: #f60;
	font-size: 16px;
	font-weight: 700
}

.cover .fans-levels .title {
	color: #666
}

.cover .fans-levels .name span {
	color: #666
}

.cover .fans-levels .score {
	color: #2D90AF
}

.cover .rank-declare .bd,.cover .rank-declare .hd {
	padding: 15px
}

.cover .rank-declare h5 {
	font-size: 14px;
	margin-bottom: 10px
}

.cover .rank-declare p {
	line-height: 1.6em;
	margin-bottom: 30px
}

.cover .rank-declare table,.cover .rank-declare table th,.cover .rank-declare td {
	padding: 4px
}

.cover .pattern-cover-author .vacancy img {
	background-position: -81px -236px
}

.cover .del-cooper {
	position: absolute;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #F3F1E8;
	box-shadow: 1px 1px 2px #ccc
}

.cover .del-cooper .del {
	margin-left: 5px;
	color: red
}

.cover .del-cooper span a {
	color: #666
}

.cover .add-recommend {
	padding: 10px;
	border-top: 1px solid #f8f8f8;
	display: none;
	background: #ddd
}

.cover .add-recommend h5 {
	margin-bottom: 5px;
	font-weight: 400
}

.cover .add-recommend table {
	width: 100%;
	table-layout: fixed
}

.cover .add-recommend input {
	width: 97%;
	padding: 3px;
	border: 1px solid #999;
	border-right: none;
	outline: 0
}

.cover .add-recommend a {
	display: block;
	height: 22px;
	line-height: 22px;
	width: 40px;
	margin-left: -1px;
	text-align: center;
	color: #BEBEBE;
	font-size: 12px;
	border: 1px solid #2E2E2E;
	border-left: 1px solid #333;
	background: #4D4D4D;
	background-color: #424242;
	background-image: -moz-linear-gradient(top,#4c4c4c,#343434);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4c4c4c),to(#343434));
	background-image: -webkit-linear-gradient(top,#4c4c4c,#343434);
	background-image: -o-linear-gradient(top,#4c4c4c,#343434);
	background-image: linear-gradient(to bottom,#4c4c4c,#343434);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c4c4c', endColorstr='#ff343434', GradientType=0)
}

.cover .add-recommend a:hover {
	color: #fff
}

.cover .add-recommend-button {
	border-top: 1px solid #f8f8f8
}

.cover .add-recommend-button a {
	padding: 5px 0;
	display: block;
	text-align: center;
	background: #ddd
}

.cover .add-recommend-button a:hover {
	background: #d0d0d0
}

.cover .reviews .reviews-control {
	text-align: right;
	margin-top: -13px
}

.cover .reviews .reviews-control .sensitive {
	color: #f60
}

.cover .reviews .reviews-control .sensitive i {
	position: relative;
	top: 1px;
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border: 5px solid #f60;
	border-color: #fff #fff #fff #f60
}

.cover .reviews .reviews-control .sensitive:hover {
	color: #cc5200
}

.cover .reviews .reviews-control .active i {
	top: 3px;
	border-color: #f60 #fff #fff #fff
}

.cover .reviews .reviews-control .divide {
	color: #ccc
}

.cover .reviews .reviews-control a {
	color: #666;
	margin: 0 3px
}

.cover .reviews .reviews-control a:hover {
	color: #333
}

.cover .reviews .sensitive-words {
	display: none;
	padding: 5px;
	margin-top: 8px
}

.cover .reviews .sensitive-words .ui-tags {
	width: auto;
	border: 2px solid #DFB0B0;
	background: #fff;
	border-radius: 3px
}

.cover .reviews .sensitive-words .ui-tags li {
	padding-bottom: 0
}

.cover .reviews .sensitive-words .ui-tags li a {
	border-color: #D13939;
	background: #F36A6A
}

.cover .reviews .sensitive-words .ui-tags li a:hover .rm {
	background-position: 0 0;
	background-color: #E03A3A;
	border-radius: 2px
}

.cover .reviews .sensitive-words p {
	margin-top: -3px;
	padding-right: 3px
}

.cover .reviews .is-author,.cover .reviews .is-cooper {
	display: inline-block;
	width: 42px;
	height: 18px;
	margin-top: 3px;
	overflow: hidden;
	background-position: 0 -210px
}

.cover .reviews .is-cooper {
	background-position: 0 -228px
}

.cover .reviews .hd {
	padding: 15px 0;
	border-bottom: 1px solid #dae7e7;
	border-top: 1px solid #dae7e7;
	*zoom: 1
}

.cover .reviews .hd:after,.cover .reviews .hd:before {
	display: table;
	content: "";
	line-height: 0
}

.cover .reviews .hd:after {
	clear: both
}

.cover .reviews .hd:after,.cover .reviews .hd:before {
	display: table;
	content: "";
	line-height: 0
}

.cover .reviews .hd:after {
	clear: both
}

.cover .reviews .hd .add {
	float: right;
	margin-top: 10px;
	border-radius: 12px
}

.cover .reviews .hd .show-goods {
	vertical-align: 3px
}

.cover .reviews .hd .tab-choose {
	float: left;
	margin: 4px 0 0 10px
}

.cover .reviews .hd .title {
	float: left;
	font-size: 22px
}

.cover .reviews .hd .title em {
	font-size: 36px;
	font-family: Arial;
	margin-right: 5px;
	vertical-align: -2px
}

.cover .reviews .bd {
	padding-top: 20px
}

.cover .reviews .bd .summary {
	padding-bottom: 10px
}

.cover .reviews .bd .more {
	font-size: 12px;
	color: #09c
}

.cover .reviews .bd .more:hover {
	text-decoration: underline
}

.cover .reviews .bd .org-content {
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	padding-bottom: 10px;
	zoom: 1;
	line-height: 2em
}

.cover .reviews .bd .org-content p {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
	padding-top: 3px
}

.cover .reviews .bd .org-content .more {
	font-size: 14px
}

.cover .reviews .loading-review {
	color: #666;
	padding: 30px 0;
	text-align: center
}

.cover .reviews .loading-review span {
	margin-left: 10px
}

.cover .reviews .loading-review i,.cover .reviews .loading-review span {
	vertical-align: middle
}

.cover .more-review {
	padding-right: 20px;
	text-align: right
}

.cover .more-review a {
	font-weight: 700
}

.cover .more-review .num {
	color: #f60
}

.cover .shutup-list .bd {
	padding-right: 0;
	*zoom: 1
}

.cover .shutup-list .bd:after,.cover .shutup-list .bd:before {
	display: table;
	content: "";
	line-height: 0
}

.cover .shutup-list .bd:after {
	clear: both
}

.cover .shutup-list .bd:after,.cover .shutup-list .bd:before {
	display: table;
	content: "";
	line-height: 0
}

.cover .shutup-list .bd:after {
	clear: both
}

.cover .shutup-list li {
	float: left;
	display: inline;
	font-size: 12px;
	width: 20%;
	margin-bottom: 15px;
	text-align: center
}

.cover .shutup-list img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc
}

.cover .shutup-list p {
	margin: 3px 0
}

.cover .shutup-list .name {
	width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}

.cover .shutup-list .time {
	font-family: Arial;
	color: #999;
	margin: 5px 0
}

.cover .book-mission {
	margin-top: 30px
}

.cover .book-mission .hd {
	border-bottom: 1px solid #ccc;
	height: 35px
}

.cover .book-mission .hd .title {
	display: inline-block;
	padding-left: 10px;
	border-left: 3px solid #958864;
	font-size: 20px
}

.cover .book-mission .hd .grade {
	display: inline-block;
	width: 90px;
	position: relative;
	margin-left: 8px;
	font-size: 18px;
	font-family: "黑体";
	color: #ccc;
	white-space: nowrap;
	zoom: 1
}

.cover .book-mission .hd .grade .b {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	color: #d89a33;
	overflow: hidden
}

.cover .book-mission .hd .complete {
	margin-left: 10px;
	font-size: 16px;
	color: #999
}

.cover .book-mission .hd .complete em {
	color: #f90
}

.cover .book-mission .hd .what-is {
	margin: 5px 10px 0 0;
	color: #999
}

.cover .book-mission .hd .what-is:hover {
	color: #666
}

.cover .book-mission .hd .create-mission {
	float: right;
	color: #fff;
	background: #e49700;
	border-radius: 10px
}

.cover .book-mission .hd .create-mission:hover {
	color: #fff;
	background: #ca8600;
	text-decoration: none
}

.cover .book-mission .hd .create-mission:active {
	color: #fff;
	background: #b67800
}

.cover .book-mission .bd {
	background: #fff;
	padding: 10px 0
}

.cover .mission-add-money-list {
	width: 160px;
	background: #fff;
	max-height: 200px;
	overflow-y: auto
}

.cover .mission-add-money-list li {
	padding: 3px;
	font-size: 12px;
	border-bottom: 1px dotted #E4E4E4
}

.cover .mission-add-money-list li .left {
	padding-right: 10px
}

.cover .mission-add-money-list li .right {
	padding-top: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.cover .mission-add-money-list li .right b {
	color: #f60
}

.cover .create-mission-flyout {
	display: none;
	padding: 10px 15px;
	width: 330px;
	font-size: 12px;
	border-color: #dfb279;
	box-shadow: 0 3px 10px -2px #A8A6A6;
	border-radius: 5px;
	background: #FCFBF8
}

.cover .create-mission-flyout .arrow {
	position: absolute;
	right: 40px;
	top: -8px
}

.cover .create-mission-flyout .arrow,.cover .create-mission-flyout .arrow .b,.cover .create-mission-flyout .arrow .t {
	position: absolute
}

.cover .create-mission-flyout .arrow .t {
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 8px solid #FDFBF5;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: none;
	top: 1px
}

html.ie6 .cover .create-mission-flyout .arrow .t {
	filter: chroma(color=tomato)
}

html.ie6 .cover .create-mission-flyout .arrow .t {
	border-right-color: tomato;
	border-left-color: tomato;
	filter: chroma(color=tomato)
}

.cover .create-mission-flyout .arrow .b {
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 8px solid #dfb279;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: none
}

html.ie6 .cover .create-mission-flyout .arrow .b {
	filter: chroma(color=tomato)
}

html.ie6 .cover .create-mission-flyout .arrow .b {
	border-right-color: tomato;
	border-left-color: tomato;
	filter: chroma(color=tomato)
}

.cover .create-mission-flyout label {
	margin-right: 10px
}

.cover .create-mission-flyout .price {
	width: 120px;
	margin-right: 17px
}

.cover .create-mission-flyout .limit {
	width: 100px
}

.cover .create-mission-flyout .column-2 {
	padding-top: 15px
}

.cover .create-mission-flyout .column-2 textarea {
	width: 96.5%;
	height: 58px
}

.cover .create-mission-flyout p {
	padding-left: 33px;
	padding-top: 10px;
	color: #bbb
}

.cover .create-mission-flyout .submit {
	margin-top: -8px
}

.cover .pattern-cover-update .chapter-link i {
	background-position: 0 -90px
}

.cover .author-recommend li {
	padding: 5px 0
}

.cover .author-recommend li .icon {
	display: none;
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 20px;
	background-position: -51px -130px
}

.cover .author-recommend li.hover .icon {
	display: inline
}

.cover .author-recommend .add-recommend {
	padding: 10px;
	border-top: 1px solid #B9EEEB;
	display: none;
	background: #eefeff
}

.cover .author-recommend .add-recommend h5 {
	margin-bottom: 5px;
	font-weight: 400
}

.cover .author-recommend .add-recommend table {
	width: 100%;
	table-layout: fixed
}

.cover .author-recommend .add-recommend input {
	width: 97%;
	padding: 3px;
	border: 1px solid #059087;
	border-right: none;
	outline: 0
}

.cover .author-recommend .add-recommend a {
	display: block;
	height: 22px;
	line-height: 22px;
	width: 40px;
	margin-left: -1px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border: 1px solid #059087;
	background: #059087
}

.cover .author-recommend .add-recommend-button {
	line-height: 30px;
	background: #D5FDFB;
	border-radius: 0 0 5px 5px;
	font-size: 12px;
	font-weight: 700
}

.cover .author-recommend .add-recommend-button a {
	display: block;
	text-align: center
}

.mission-list .list {
	font-size: 12px
}

.mission-list .list .empty {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999;
	font-size: 14px
}

.mission-list .list .task-item {
	width: 674px;
	position: relative;
	margin: 0 10px;
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #F1F1F1
}

.mission-list .list .mission {
	width: 100%;
	height: 100%;
	position: relative
}

.mission-list .list .mission-control {
	padding-top: 6px;
	text-align: right;
	height: 26px;
	line-height: 26px;
	clear: both
}

.mission-list .list .mission-control,.mission-list .list .mission-control a {
	color: #666
}

.mission-list .list .mission-control a {
	display: inline-block;
	padding-right: 8px;
	margin-right: 3px;
	cursor: pointer;
	color: #666
}

.mission-list .list .mission-control .append {
	color: #958864
}

.mission-list .list .mission-control .good,.mission-list .list .mission-control .medium,.mission-list .list .mission-control .poor {
	padding-left: 24px;
	height: 17px;
	line-height: 16px;
	color: #958864
}

.mission-list .list .mission-control .medium {
	background-position: 0 -17px
}

.mission-list .list .mission-control .poor {
	background-position: 0 -34px
}

.mission-list .list .mission-control .comment-status-open {
	background: #f4f4f4;
	padding: 0 9px
}

.mission-list .list .column-3 {
	padding-top: 15px
}

.mission-list .list .c3-left {
	padding: 0 15px;
	font-size: 14px
}

.mission-list .list .c3-left .status {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #dfdfdf;
	color: #fff;
	border-radius: 100%
}

.mission-list .list .c3-left .status em {
	font-weight: 700
}

.mission-list .list .c3-center .info {
	font-size: 12px;
	padding-top: 2px
}

.mission-list .list .c3-center .info,.mission-list .list .c3-center .info a {
	color: #999
}

.mission-list .list .c3-center .info .time {
	margin-left: 10px
}

.mission-list .list .c3-center .content {
	font-size: 14px;
	padding: 10px 15px 0 0;
	line-height: 1.6em;
	color: #666
}

.mission-list .list .c3-right {
	position: relative;
	width: 120px;
	margin-top: 10px;
	text-align: right
}

.mission-list .list .c3-right .price-wrap {
	background: #aa9e7e;
	color: #fff
}

.mission-list .list .c3-right .price-wrap em {
	color: #fc0
}

.mission-list .list .c3-right .price {
	display: block;
	text-align: center;
	height: 45px;
	line-height: 45px;
	font-size: 28px;
	font-family: Arial
}

.mission-list .list .c3-right .price-big {
	font-size: 20px
}

.mission-list .list .c3-right .append {
	display: block;
	height: 22px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	background: #958864;
	color: #fff
}

.mission-list .list .status-failure .content,.mission-list .list .status-failure .info,.mission-list .list .status-failure .info a,.mission-list .list .status-giveup .content,.mission-list .list .status-giveup .info,.mission-list .list .status-giveup .info a {
	color: #bfbfbf
}

.mission-list .list .status-executing .c3-left .status {
	background: #e99a00
}

.mission-list .list .status-toaccept .c3-left .status {
	background: #958864
}

.mission-list .list .status-complete .c3-left .status {
	background: #60a657
}

.mission-list .list .will-confirm .mission {
	margin-left: -210px
}

.mission-list .list .will-confirm .mission .column-3 {
	opacity: .5
}

.mission-list .list .confirm-btns {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	margin-left: 10px
}

.mission-list .list .confirm-btns a {
	position: relative;
	float: left;
	width: 100px;
	height: 100%;
	font-size: 24px;
	line-height: 4em;
	background: #adadad;
	color: #fff;
	margin-left: 1px;
	text-align: center
}

.mission-list .list .confirm-btns .confirm {
	background: #4d9adc
}

.mission-list .list .comments {
	padding: 10px;
	background: #f4f4f4
}

.mission-list .list .comments li {
	margin-bottom: 0
}

.mission-list .list .comments .summary a {
	color: #09c
}

.mission-list .list .comments .form {
	padding: 15px 10px
}

.cover-breadcrumb {
	clear: both;
	height: 56px;
	line-height: 56px;
	padding-left: 40px;
	margin: 0 6px;
	background: #f6f6f6
}

.cover-breadcrumb,.cover-breadcrumb a {
	color: #999
}

.cover-breadcrumb .home,.cover-breadcrumb .name {
	color: #333
}

.cover-breadcrumb .home {
	padding-right: 10px;
	background: url(../i/arrow-breadcrumb.gif) no-repeat right center
}

.cover-breadcrumb .name {
	margin-right: 20px;
    margin-left: 10px
}

.cover-breadcrumb .chapter-name {
	color: #900
}

.cover-breadcrumb .divide {
	margin: 0 5px
}

.cover-breadcrumb i {
	float: left;
	width: 22px;
	height: 17px;
	margin: 19px 15px 0 0;
	background-position: -108px -411px
}

.create-room-flyout {
	font-size: 12px;
	width: 300px
}

.create-room-flyout .item {
	padding-left: 65px;
	margin-bottom: 10px
}

.create-room-flyout label {
	float: left;
	width: 65px;
	text-align: right;
	margin: 3px 0 0 -70px
}

.create-room-flyout .money input {
	width: 50px
}

.create-room-flyout .time select {
	font-size: 12px
}

.create-room-flyout textarea {
	width: 95%;
	resize: none;
	height: 80px
}

.book-manange .book-info {
	margin-top: 20px
}

.book-manange .book-info .left {
	padding-right: 30px
}

.book-manange .book-info .left p {
	margin-top: 15px
}

.book-manange .book-info h5 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0 5px 0
}

.book-manange .book-info .txt {
	margin: 10px 0 20px 0;
	line-height: 1.8em;
	color: #999;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px
}

.book-manange .processing {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 588px;
	width: 100%;
	background: url(../i/loading-flower.gif) #000 no-repeat center center;
	opacity: .5;
	filter: alpha(opacity=50)
}

.book-manange .open-status {
	text-align: center;
	margin-top: 15px;
	width: 120px
}

.book-manange .open-status a {
	color: #09c;
	font-size: 12px
}

.book-manange .chapter-panel {
	font-size: 12px
}

.book-manange .chapter-panel .del-chapter,.book-manange .chapter-panel .edit-chapter {
	display: none
}

.book-manange .chapter-panel .control {
	position: relative;
	z-index: 1;
	height: 49px;
	line-height: 49px;
	color: #fff;    
	background: url(../i/bg_bookmanagehd.png) repeat-x;
}

.book-manange .chapter-panel .control .column {
	float: left;
	height: 36px
}

.book-manange .chapter-panel .control strong {
	padding-left: 15px;
	font-size: 20px;
	font-weight: 400
}

.book-manange .chapter-panel .control .desc {
	color: #F32222;
	margin-left: 10px
}

.book-manange .chapter-panel .control table {
	float: right;
	margin-right: 10px
}

.book-manange .chapter-panel .control table td {
	line-height: normal;
	height: 48px;
	vertical-align: middle
}

.book-manange .chapter-panel .switch {
	display: inline;
	float: left;
	position: relative;
	height: 22px;
	width: 60px;
	border: 1px solid #ACACAC;
	border-radius: 10px;
	background: #fff;
	overflow: hidden
}

.book-manange .chapter-panel .switch span {
	cursor: pointer;
	*zoom: 1;
	display: block;
	line-height: normal;
	width: 100px;
	padding: 3px 8px 0;
	margin-left: -32px
}

.book-manange .chapter-panel .switch span:after,.book-manange .chapter-panel .switch span:before {
	display: table;
	content: "";
	line-height: 0
}

.book-manange .chapter-panel .switch span:after {
	clear: both
}

.book-manange .chapter-panel .switch span:after,.book-manange .chapter-panel .switch span:before {
	display: table;
	content: "";
	line-height: 0
}

.book-manange .chapter-panel .switch span:after {
	clear: both
}

.book-manange .chapter-panel .switch em {
	margin-top: 1px;
	_margin-top: 2px
}

.book-manange .chapter-panel .switch .l,.book-manange .chapter-panel .switch .r,.book-manange .chapter-panel .switch i {
	float: left
}

.book-manange .chapter-panel .switch .l {
	color: #50ba88
}

.book-manange .chapter-panel .switch .r {
	color: #C5C5C5
}

.book-manange .chapter-panel .switch i {
	display: inline;
	width: 16px;
	height: 16px;
	background: #C5C5C5;
	border-radius: 100%;
	margin: 0 6px 0
}

.book-manange .chapter-panel .save-status .r,.book-manange .chapter-panel .save-status i {
	display: none;
	text-align: center
}

.book-manange .chapter-panel .panels .add-chapter,.book-manange .chapter-panel .panels .add-volume {
	margin: 3px 6px 0 0;
	color: #fff;
	font-weight: 700;
	text-align: center;
	float: right
}

.book-manange .chapter-panel .panels .move-to,.book-manange .chapter-panel .panels .select-view {
	line-height: normal;
	float: left;
	display: inline;
	margin-top: 8px;
	_margin-top: 9px
}

.book-manange .chapter-panel .panels .select-view {
	text-align: center;
	width: 15px;
	_margin-top: 4px
}

.book-manange .chapter-panel .panels .move-to {
	margin-left: 5px;
	padding: 0 24px 0 5px;
	background-image: url(../i/arrow-black-down-8px.png);
	background-repeat: no-repeat;
	background-position: 46px 2px
}

.book-manange .chapter-panel .panels .disabled {
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: default
}

.book-manange .chapter-panel .panels .chapters,.book-manange .chapter-panel .panels .volumes {
	height: 550px
}

.book-manange .chapter-panel .panels .chapters ul li,.book-manange .chapter-panel .panels .volumes ul li {
	position: relative
}

.book-manange .chapter-panel .panels .chapters ul li.hover,.book-manange .chapter-panel .panels .volumes ul li.hover {
	background-color: #e6e6e6
}

.book-manange .chapter-panel .panels .chapters ul li.moving,.book-manange .chapter-panel .panels .volumes ul li.moving {
	background-color: #ff0!important
}

.book-manange .chapter-panel .panels .chapters .placeholder,.book-manange .chapter-panel .panels .volumes .placeholder {
	background: #999
}

.book-manange .chapter-panel .panels .volume-list {
	height: 520px;
	position: relative;
	overflow-y: scroll
}

.book-manange .chapter-panel .panels .volume-list .ui-sortable {
	padding-bottom: 20px
}

.book-manange .chapter-panel .panels .top {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	background: #f5aab6;
	background: url(../i/bg_bookmanagetop.png) repeat-x;
}

.book-manange .chapter-panel .panels .volumes {
	display: inline;
	float: left;
	width: 232px;
	background: url(../i/bg_bookmanagevolume.png) #f8f8f8 repeat-x;
	border-right: 1px solid #fff
}

.book-manange .chapter-panel .panels .volumes .tops {
	color: #066
}

.book-manange .chapter-panel .panels .volumes ul li {
	padding-left: 15px;
	padding-right: 10px;
	margin-bottom: 1px;
	height: 36px;
	line-height: 36px;
	cursor: pointer
}

.book-manange .chapter-panel .panels .volumes ul li .empty {
	color: #999
}

.book-manange .chapter-panel .panels .volumes ul li .del,.book-manange .chapter-panel .panels .volumes ul li .edit {
	float: right;
	height: 16px;
	background: url(../i/ico_bookmanagemanage.png) no-repeat;
	margin-top: 10px;
	display: none
}

.book-manange .chapter-panel .panels .volumes ul li .edit {
	width: 16px
}

.book-manange .chapter-panel .panels .volumes ul li .edit:hover {
	background-position: left bottom
}

.book-manange .chapter-panel .panels .volumes ul li .del {
	width: 12px;
	margin-left: 3px;
	background-position: right 0
}

.book-manange .chapter-panel .panels .volumes ul li .del:hover {
	background-position: right -19px
}

.book-manange .chapter-panel .panels .volumes ul li .name {
	float: left;
	width: 70%;
	color: #7A7A7A;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.book-manange .chapter-panel .panels .volumes ul li.hover .del,.book-manange .chapter-panel .panels .volumes ul li.hover .edit {
	display: inline
}

.book-manange .chapter-panel .panels .volumes ul li.current {
	background: #d1d1d1
}

.book-manange .chapter-panel .panels .volumes ul li.current .name {
	color: #900;
	font-weight: 700
}

.book-manange .chapter-panel .panels .chapters {
	display: inline;
	float: left;
	position: relative;
	border-left: 1px solid #dadada;
	background: #f8f8f8;
	width: 487px
}

.book-manange .chapter-panel .panels .chapters .chapters-lists {
	height: 520px;
	position: relative;
	overflow-y: scroll
}

.book-manange .chapter-panel .panels .chapters .top {
	padding-left: 16px;
	line-height: normal
}

.book-manange .chapter-panel .panels .chapters ul li {
	padding-right: 5px;
	height: 64px;
	line-height: 20px;
	border-bottom: 1px solid #C4C4C4;
	vertical-align: 0
}

.book-manange .chapter-panel .panels .chapters ul li.empty-volume {
	line-height: 64px;
	color: #999;
	padding-left: 10px
}

.book-manange .chapter-panel .panels .chapters ul li.active {
	background-color: #FFB
}

.book-manange .chapter-panel .panels .chapters ul li .rtext {
	padding-top: 10px
}

.book-manange .chapter-panel .panels .chapters ul li .lpic {
	width: 15px;
	padding: 10px 10px 0 15px;
	*padding-top: 7px;
	text-align: center
}

.book-manange .chapter-panel .panels .chapters ul li .lpic input {
	vertical-align: -3px
}

.book-manange .chapter-panel .panels .chapters ul li .column {
	float: left
}

.book-manange .chapter-panel .panels .chapters ul li a,.book-manange .chapter-panel .panels .chapters ul li em {
	color: #900
}

.book-manange .chapter-panel .panels .chapters ul li a:hover {
	text-decoration: underline
}

.book-manange .chapter-panel .panels .chapters ul li .publish {
	color: #06c
}

.book-manange .chapter-panel .panels .chapters ul li .name {
	width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.book-manange .chapter-panel .panels .chapters ul li .name a {
	color: #333
}

.book-manange .chapter-panel .panels .chapters ul li .ctrl {
	float: right
}

.book-manange .chapter-panel .panels .chapters ul li .ctrl a {
	margin-left: 3px
}

.book-manange .chapter-panel .panels .chapters ul li .info {
	padding: 5px 10px 5px 0
}

.book-manange .chapter-panel .panels .chapters ul li .status {
	color: #090
}

.book-manange .chapter-panel .panels .chapters ul li .waiting {
	color: #f60
}

.book-manange .chapter-panel .panels .chapters ul li .refuse {
	color: red
}

.book-manange .chapter-panel .panels .chapters ul li .free {
	color: #090
}

.book-manange .chapter-panel .panels .chapters ul li .notfree {
	color: #f60
}

.book-manange .chapter-panel .panels .chapters ul li .time {
	color: #757575
}

.book-manange .not-editable .del-chapter,.book-manange .not-editable .edit-chapter {
	display: inline
}

.book-manange .not-editable .chapters ul li .lpic input {
	visibility: hidden
}

.book-manange .not-editable .move-to,.book-manange .not-editable .select-view {
	display: none!important
}

.book-manange .not-editable .cancel,.book-manange .not-editable .submit {
	display: none
}

.book-manange .mo-flyout-select-volume {
	padding: 2px 0;
	border: 2px solid #000;
	width: 250px;
	height: 150px;
	overflow-x: hidden;
	overflow-y: scroll
}

.book-manange .mo-flyout-select-volume li a {
	height: 26px;
	line-height: 26px;
	display: block;
	padding: 0 10px;
	font-size: 12px;
	width: 230px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.book-manange .mo-flyout-select-volume li a:hover {
	background: #e4e4e4
}

.book-manange .reply-config {
	margin-top: 30px
}

.book-manange .reply-config .hd {
	padding: 10px 0 10px 25px
}

.book-manange .reply-config .hd h5 {
	font-size: 14px
}

.book-manange .reply-config .bd {
	padding: 10px 25px
}

.book-manange .reply-config label {
	cursor: pointer;
	display: block;
	margin: 0 0 10px 0
}

.book-manange .reply-config label.actived {
	font-weight: 700
}

.book-manange .reply-config label input {
	vertical-align: -1px
}

.book-manange .record-list .list .hd span {
	font-weight: 700
}

.book-manange .record-list .list .hd span.highlight {
	color: #f60
}

.book-manange .record-list .list td,.book-manange .record-list .list thead th {
	font-size: 12px
}

.book-manange .book-manage-controls a,.book-manange .book-manage-controls span {
	font-size: 14px!important
}

.book-manange .book-manage-controls .other-control {
	float: right;
	margin-top: 1px;
	font-size: 12px!important;
	font-weight: 400!important;
	color: #900
}

.book-manange .book-manage-controls .other-control:hover {
	text-decoration: underline
}

.book-manange .book-manage-controls .unenable {
	color: #b3b3b3!important;
	cursor: default
}

.book-manange .book-manage-controls .change-price {
	background: #FFFAED;
	font-size: 12px!important
}

.book-manange .book-manage-controls .key a {
	color: #900
}

.collect-tips-toggle .collect-tips {
	display: none
}

.collect-tips {
	position: absolute;
	padding: 1px 3px;
	font-family: Verdana;
	background: rgba(23,143,148,.6);
	border: 1px solid #1AB9B9;
	z-index: 10;
	color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
	font-size: 12px;
	left: 0;
	top: 0;
	opacity: 0
}

.collect-tips sub {
	margin-left: 5;
	display: none;
	color: #000;
	font-family: Verdana
}

.collect-tips b {
	color: #FFED24
}

.collect-tips:hover {
	background: #178f94
}

.collect-tips:hover sub {
	display: inline
}

.staff-toolbar {
	z-index: 20;
	position: fixed;
	_display: none;
	left: 0;
	top: 0;
	background: #7A8684;
	border: 1px solid #DDD;
	font-size: 12px;
	padding: 0 5px;
	font-family: Verdana
}

.staff-toolbar .inner {
	text-align: center;
	height: 26px;
	line-height: 26px
}

.staff-toolbar .inner a {
	color: #fff
}

.staff-quick-link {
	font-size: 12px
}

.staff-quick-link a {
	margin: 0 3px
}

.staff-quick-link a:hover {
	color: #900
}

.mo-ui-info-boxid {
	z-index: 1000;
	background: rgba(238,213,149,.9);
	box-shadow: 0 0 5px #333;
	border-color: #995A20;
	border-radius: 4px;
	padding: 5px
}

.mo-ui-info-boxid img {
	margin-right: 5px
}

.mo-ui-info-boxid .text {
	color: #666;
	font-size: 12px;
	height: 20px;
	line-height: 20px
}

.mo-ui-info-boxid .text:hover {
	color: #000
}

.mo-ui-info-boxid .arrow {
	display: block;
	width: 20px;
	font-size: 20px;
	position: absolute;
	height: 10px;
	overflow: hidden;
	left: 20%
}

.mo-ui-info-boxid .arrow .back {
	color: #EBAA37
}

.mo-ui-info-boxid em {
	color: #ECAA96;
	position: absolute;
	left: 0
}

.mo-ui-info-boxid .at-bottom {
	top: -10px
}

.mo-ui-info-boxid .at-bottom .front {
	top: 1px
}

.mo-ui-info-boxid .at-top {
	bottom: -10px
}

.mo-ui-info-boxid .at-top em {
	bottom: 0
}

.mo-ui-info-boxid .at-top .front {
	bottom: 1px
}

.mo-ui-info-boxid .status {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: 10px
}

.mo-ui-info-boxid .refresh {
	background-position: 0 -20px
}

.mo-ui-info-boxid .ok {
	background-position: 0 -40px
}

.oldie .mo-ui-info-boxid {
	background: #000
}

.donate {
	text-align: center
}

.donate .user {
	padding: 10px
}

.donate .user p {
	text-align: center;
	line-height: 1.25em
}

.donate ul {
	width: 100%
}

.donate .item {
	width: 29%;
	float: left;
	border: 2px solid #ce5449;
	line-height: 1.9em;
	font-size: 1.875em;
	font-weight: 500;
	color: #ce5449;
	text-align: center;
	border-radius: 10px;
	margin: 1%;
	font-family: Arial;
	background: #fff
}

.donate .item span {
	font-size: .5em;
	display: inline-block;
	margin: 0 5px
}

.donate .active {
	background: #ce5449;
	color: #fff
}

.donate .btn {
	width: 100%;
	display: inline-block;
	border-radius: 10px
}

.donate .btn-auto {
	text-align: center
}

.donate .btn-blue {
	background: #6bace4
}

.donate .btn-green {
	background: #0c970b
}

.donate .confirm {
	width: 300px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px
}

.donate .bd {
	padding: 20px
}

.donate .bd .money {
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	margin-bottom: 20px
}

.donate .bd .money label {
	font-weight: 700
}

.donate .bd .money input {
	border: 0;
	width: 66%;
	padding: 8px;
	display: inline-block
}

.donate .bd .btn-green {
	border-radius: 5px;
	background: #02bf01;
	color: #a0ff9f;
	line-height: .5em;
	padding: 10px
}

.group-list .list li {
	display: inline;
	float: left;
	width: 341px;
	height: 182px;
	margin: 0 20px 20px 0;
	box-shadow: 1px 2px 5px 0 #dcdcdc
}

.group-list .list .even {
	margin-right: 0
}

.group-list .list .column-2 {
	background: #f8f7f7;
	padding: 10px
}

.group-list .list .left {
	padding-right: 20px
}

.group-list .list .right {
	padding-top: 10px
}

.group-list .list .info {
	padding: 10px 0
}

.group-list .list .intro {
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word
}

.group-list .list h4 {
	font-size: 16px;
	color: #900
}

.group-list .list .recently {
	background: #f2f1f1;
	padding-top: 8px;
	height: 52px
}

.group-list .list .recently p {
	padding-left: 23px;
	line-height: 1.8em
}

.group-face {
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #f8f8f8
}

.group-face img {
	border: 1px solid #a88f59
}

.group-face p {
	padding-top: 14px;
	font-weight: 700
}

.group-staff {
	border-top: 1px solid #d5d5d5;
}

.group-staff .hd {
	padding: 12px 0 0 18px;
	border-top: 1px solid #f8f8f8
}

.group-staff .bd {
	padding: 20px 0 20px 18px
}

.group-staff li {
	margin-bottom: 10px
}

.group-staff .left {
	width: 55px
}

.group-detail .intro {
	*zoom: 1
}

.group-detail .intro:after,.group-detail .intro:before {
	display: table;
	content: "";
	line-height: 0
}

.group-detail .intro:after {
	clear: both
}

.group-detail .intro:after,.group-detail .intro:before {
	display: table;
	content: "";
	line-height: 0
}

.group-detail .intro:after {
	clear: both
}

.group-detail .intro .add {
	float: right;
	margin-top: 10px
}

.group-detail .intro .face {
	position: absolute;
	margin: 0 0 0 16px;
	width: 102px;
	height: 102px
}

.group-detail .intro .face img {
	border: 1px solid #a88f59;
	position: relative;
	z-index: 1
}

.group-detail .intro .face i {
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-width: 30px 15px 0 0;
	border-color: #ababab #ccc #ccc #ccc;
	position: absolute;
	right: -15px;
	bottom: 2px;
	_bottom: -10px
}

.group-detail .intro .cate,.group-detail .intro .desc,.group-detail .intro h1 {
	padding-left: 140px
}

.group-detail .intro h1 {
	padding-top: 10px
}

.group-detail .intro .desc {
	width: 30em;
	height: 16px;
	padding-top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.group-detail .intro .cate {
	height: 50px;
	margin-top: 5px;
	background: #ccc
}

.group-detail .intro .cate a {
	float: left;
	display: inline;
	width: 95px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: 700
}

.group-detail .intro .cate .active {
	background: #646464;
	color: #ccc
}

.group-detail .intro .tag {
	float: right;
	display: inline;
	margin: 18px 15px 0 0
}

.group-detail .topic-list {
	width: 100%;
	table-layout: fixed
}

.group-detail .topic-list td {
	padding: 20px 0;
	border-bottom: 1px solid #e2e2e2;
	vertical-align: top
}

.group-detail .topic-list .time {
	font-family: Arial
}

.group-detail .topic-list .best {
	font-weight: 700;
	color: #900
}

.group-detail .topic-list .top {
	font-weight: 700;
	color: #09c
}

.group-detail .topic-list .last-reply,.group-detail .topic-list .summary {
	margin-top: 10px
}

.group-detail .topic-list .summary {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 90%
}

.group-detail .topic-list .count span {
	display: block;
	width: 55px;
	height: 23px;
	line-height: 23px;
	padding-right: 4px;
	font-family: Arial;
	text-align: center
}

.group-detail .topic-list .user i {
	float: left;
	display: inline;
	width: 10px;
	height: 11px;
	background-position: 0 -26px;
	margin: 2px 3px 0 0
}

.group-detail .topic-list .last-reply i {
	background-position: -20px -26px
}

.group-state {
	border-top: 1px solid #fff
}

.group-state .hd {
	padding: 13px 20px 18px 25px;
	line-height: 1.6em
}

.group-state .hd i {
	display: inline;
	float: left;
	width: 23px;
	height: 21px;
	margin-right: 10px;
	background-position: -36px -26px
}

.group-state .bd {
	padding: 0 0 20px 25px
}

.group-state table {
	width: 100%
}

.group-state td {
	vertical-align: top;
	padding-bottom: 10px
}

.group-state .admins a {
	display: block;
	margin-bottom: 5px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.topic .icon-vote {
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden
}

.topic .vote-left {
	width: 79px;
	height: 28px;
}

.topic .vote-right {
	height: 24px;
	width: 7px;
}

.topic .vote-middle {
	height: 24px;
	line-height: 24px;
	color: #fff
}

.topic .vote-middle .num {
	font-style: normal
}

.topic .donate-left {
	width: 62px;
	height: 28px;
}

.topic .donate-middle {
	height: 24px;
	line-height: 24px;
	color: #fff;
}

.topic .donate-right {
	width: 9px;
	height: 24px;
}

.topic .icon-reply {
	display: inline-block;
	width: 77px;
	height: 24px;
	vertical-align: bottom;
	vertical-align: 0\9
}

.topic .page-title h1 {
	padding-left: 25px;
	border-left: 8px solid #960;
	width: 80%
}

.topic .ui-share {
	border-top: 1px solid #d5d5d5;
	padding: 10px 0 0 10px
}

.topic .ui-share a {
	margin: 2px
}

.topic .manage {
	float: left;
	margin-left: 10px
}

.topic .topic-main .summary {
	padding-right: 10px;
	margin-bottom: 20px;
	width: auto
}

.topic .topic-main .summary a {
	color: #06c
}

.topic .topic-main .summary a:hover {
	text-decoration: underline
}

.topic .topic-main .sub-reply {
	color: #06c
}

.topic .empty {
	padding: 10px;
	font-size: 12px
}

.topic-edit .content textarea {
	font-size: 14px;
	line-height: 1.5em
}

.topic-edit .sources-image {
	margin-top: 20px;
	*zoom: 1
}

.topic-edit .sources-image:after,.topic-edit .sources-image:before {
	display: table;
	content: "";
	line-height: 0
}

.topic-edit .sources-image:after {
	clear: both
}

.topic-edit .sources-image:after,.topic-edit .sources-image:before {
	display: table;
	content: "";
	line-height: 0
}

.topic-edit .sources-image:after {
	clear: both
}

.topic-edit .sources-image li {
	float: left;
	display: inline;
	width: 104px;
	margin: 0 10px 10px 0;
	position: relative;
	border: 2px solid #fff;
	cursor: pointer;
	overflow: hidden
}

.topic-edit .sources-image li.hover {
	border-color: #E4E4E4
}

.topic-edit .sources-image li.hover b {
	display: block
}

.topic-edit .sources-image li b {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	width: 20px;
	height: 20px;
	background: #333
}

.topic-edit .sources-image li b i {
	display: block;
	width: 16px;
	height: 16px;
	margin: 2px auto 0;
}

.topic-edit .sources-image li span {
	display: block;
	width: 100%;
	height: 80px;
	margin-bottom: 6px;
	font-size: 0;
	overflow: hidden;
	text-align: center
}

.topic-edit .sources-image li img {
	max-width: 100%;
	_width: 100px
}

.topic-edit .sources-image li em {
	display: block;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #eee;
	font-size: 12px;
	text-align: center;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.topic-edit .edit-legend div,.topic-edit .edit-legend h6 {
	padding-bottom: 6px
}

.topic-edit .edit-legend textarea {
	resize: none
}

.group-manage .controls {
	text-align: right;
	margin: -10px 0 10px 0
}

.group-manage .controls a {
	margin-left: 5px;
	color: #06c
}

.group-manage .user-list {
	*zoom: 1
}

.group-manage .user-list:after,.group-manage .user-list:before {
	display: table;
	content: "";
	line-height: 0
}

.group-manage .user-list:after {
	clear: both
}

.group-manage .user-list:after,.group-manage .user-list:before {
	display: table;
	content: "";
	line-height: 0
}

.group-manage .user-list:after {
	clear: both
}

.group-manage .user-list li {
	display: inline;
	float: left;
	padding: 10px;
	margin: 0 8px 15px 0;
	width: 60px;
	text-align: center
}

.group-manage .user-list li:hover {
	background: #fafafa
}

.group-manage .user-list p {
	padding-top: 5px
}

.group-manage .user-list p a {
	color: #999
}

.group-manage .user-list .name {
	padding-top: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%
}

.group-manage .user-list .control {
	padding-top: 6px
}

.group-manage .user-list .empty {
	width: auto
}

.group-manage .close-topic-list li {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee
}

.group-manage .close-topic-list .left {
	width: 50px;
	padding-top: 10px;
	text-align: center
}

.group-manage .close-topic-list .open {
	float: right
}

.group-manage .close-topic-list h5 {
	padding-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.group-manage .user-cate .left {
	padding-top: 10px;
	padding-right: 10px
}

.group-manage .batch-control {
	margin-top: 20px
}

.group-manage .batch-control .left {
	width: 50px;
	padding-top: 10px;
	text-align: center
}

.group-manage .batch-control .right a {
	margin-left: 10px
}

.review .page-title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px
}

.review .page-title .info {
	padding: 5px 3px 0
}

.review .page-title .top {
	color: #393;
	font-weight: 700
}

.review .page-title .good {
	font-weight: 700;
	color: #c63
}

.review .page-title .time {
	color: #999
}

.review .note {
	line-height: 1.6em;
	color: #3F3F3F
}

.review .detail .bd .note {
	line-height: 2em
}

.review .detail .bd .controls {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 16px;
	margin-top: 30px;
	text-align: right;
	font-size: 12px;
	color: #8A8A8A
}

.review .detail .bd .controls .left a,.review .detail .bd .controls .left span {
	margin-right: 5px
}

.review .detail .bd .controls .left .ban {
	color: #f60
}

.review .detail .bd .controls .right a,.review .detail .bd .controls .right span {
	margin-left: 5px
}

.review .detail .bd .controls a {
	color: #707070
}

.review .aside-info .name {
	font-weight: 700;
	margin: 10px 0
}

.review .aside-info .author {
	font-size: 12px;
	color: #666
}

.chapter .mod-page .ft,.chapter .mod-page .hd {
}

.chapter .mod-page .author-say {
	zoom: 1;
	padding: 10px 20px;
	background: #FFFAE5;
	border: 1px solid #CACAA6;
	color: #333;
	font-size: 14px;
	line-height: 2em;
	width: 76%;
	margin: 0 0 50px 10%
}

.chapter .chapter-btn {
	text-align: center;
	margin-top: 20px
}

.chapter .chapter-btn a.c {
	margin: 0 20px
}

.chapter .mod-page .page-body .boost {
	width: 100%;
	height: 110px;
	display: inline-block;
    background: url(../i/shang.png) no-repeat center center;
}

.chapter-edit textarea {
	display: block;
	line-height: 1.8em
}

.chapter-edit .sub-content textarea {
	height: 60px;
	display: block
}

.chapter-edit .length-error {
	color: red!important
}

.chapter-edit .date input {
	width: 100px
}

.chapter-edit .sidebar-book-cover .ft {
	padding: 10px
}

.chapter-edit .content textarea {
	height: 500px
}

.chapter-edit .preview {
	width: 95%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #c09853;
	font-size: 14px
}

.chapter-edit .preview .alert {
	margin-bottom: 0;
	border-radius: 0;
	border-width: 0 0 1px 0
}

.chapter-edit .preview .preview-content {
	height: 500px;
	padding-top: 10px;
	overflow-y: scroll;
	position: relative
}

.chapter-edit .preview .preview-content div {
	padding: 5px 10px 0;
	line-height: 1.6em;
	margin-bottom: 10px
}

.chapter-edit .preview .preview-content .wrong {
	padding-top: 10px;
	background: #FFF9F9
}

.chapter-edit .preview .preview-content p {
	font-size: 12px;
	text-align: right;
	color: #999;
	padding-bottom: 5px;
	color: #DD6161
}

.chapter-edit .preview .preview-content span {
	color: red;
	font-weight: 700;
	text-decoration: underline
}

.chapter-edit .red-envelopes {
	background-color: #FFF2F2;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(-30deg,#FFF,#FFF2F2);
	background-image: -webkit-linear-gradient(-30deg,#FFF,#FFF2F2);
	background-image: -o-linear-gradient(-30deg,#FFF,#FFF2F2);
	background-image: linear-gradient(-30deg,#FFF,#FFF2F2)
}

.chapter-edit .red-envelopes td {
	padding-top: 15px;
	border-top: 1px solid #ccc
}

.chapter-edit .red-envelopes p {
	margin-bottom: 15px
}

.chapter-edit .red-envelopes .tips {
	float: right;
	display: inline;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-right: 3%;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	font-family: Arial;
	background: #f69859;
	color: #fff
}

.chapter-edit .red-envelopes .important {
	font-size: 12px;
	font-weight: 700;
	color: #f60
}

.chapter-edit .red-envelopes textarea {
	overflow: hidden;
	resize: none
}

.search-result .search-form {
	border-bottom: 1px solid #ccc;
	padding-bottom: 27px
}

.search-result .search-form .text-border {
	font-size: 16px;
	height: 22px;
	padding: 6px 10px;
	width: 60%
}

.search-result .search-form label {
	font-size: 16px;
	margin-right: 15px
}

.search-result .hot-key {
	padding-top: 10px
}

.search-result .hot-key a {
	margin-right: 8px
}

.search-result .hot-key .hot {
	color: red
}

.search-result .results {
	margin-top: 6px
}

.search-result .results .hd {
	margin-bottom: 15px
}

.search-result .results li {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px dotted #ddd
}

.search-result .results .left {
	padding-right: 15px
}

.search-result .results .left img {
	background: #fff;
	padding: 2px;
	border: 1px solid #DDE3E4
}

.search-result .results .right .name {
	font-weight: 700
}

.search-result .results .tags {
	margin: 10px 0
}

.search-result .book-list .right h5 {
	font-weight: 700
}

.search-result .book-list .right .info {
	padding: 5px 0 10px 0;
	color: #333
}

.search-result .book-list .right .info .author {
	font-size: 12px;
	margin-left: 10px
}

.search-result .book-list .right .summary {
	line-height: 1.6em
}

.search-result .book-list .right .status {
	margin-top: 10px;
	font-size: 12px;
	color: #999
}

.search-result .people-list .right {
	padding-top: 5px
}

.search-result .people-list .info {
	margin-top: 5px
}
.badge, .label{
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.84px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #999;
}
.badge-warning,.label-warning{
	background-color:#f89406
}

#a0, #a1, #a2, #a3, #a4, #a5, #a6 {
    clear: both
}
#a0, #a1, #a2, #a3, #a4, #a5, #a6 {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

#bdshare{
	line-height: 30px
}
#bdshare > div{
	display: inline-block; vertical-align: bottom;
}
.bdsharebuttonbox{
	z-index: 999999;
    padding-bottom: 2px;
    font-size: 12px;
    float: left;
    text-align: left!important;
    zoom: 1;
    margin-left: 10px
}
.rank-declare .bd {
    padding: 10px
}
.rank-declare h5 {
    font-size: 14px;
    padding-bottom: 10px;
}
.rank-declare p {
    font-size: 12px;
    line-height: 1.6em;
    margin-bottom: 15px;
    color: #999; 
}
#LotteryList{
    overflow:hidden;
}
#LotteryList li{
    list-style:none;
    float:left;
    width:150px;
    height:150px;
    text-align:center;
    background:#f1f1f1;
    margin:0 20px 20px 0;
}
#LotteryList li em{
    display:block;
    height:60px;
    margin:20px auto;
}
#LotteryList li img{
    display:block;
    margin:0 auto;
}
.weixin-new{
	position: relative
}
.new{
	position: absolute;
	right: 58px;
	top: 0px;
	background: url(../i/new.gif) no-repeat;
	display: inline-block;
	width: 17px;
	height: 18px
}
#ds{
	height:325px
}
#ds dt{
	background:#22ACE8;
	font-size:16px;
	padding:3px 8px;
	color:#FFF;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#ds dd{
	padding:8px;
	color:#888;
	height: 249px;
}
#ds .hd .title, #ds dd b {
	color: #FC6C83
}
#ds dd u{
	color:#F60;
}
#ds dd a{
	display:inline-block;
	width:30%;
	color:#F60;
	line-height:30px;
	text-align:center;
	background:#FFF;
	border:1px #EEE solid;
	margin:1%;
	font-size:12px
}
#ds dd a:hover{
	border:1px solid #F60;
}
#ds p{
	margin:10px 0;
	border-bottom:1px dotted #CCC;
	padding:0 0 10px;
}
#dsb{
	font-family:"微软雅黑";
}
.commentList .more-review {
	text-align: center
}
.mod-page .ft .cmtz {
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	transition: .8s;
	max-height: 0;
	overflow: hidden
}
.mod-page .ft .cmtz-open {
	max-height: 2000px;
	overflow: initial
}
.chapter .mod-page .vipBar {
	line-height: 28px;
	font-size: 16px;
	text-indent: 2em;
	color: #333;
	position: relative;
	word-break: break-all;
	word-wrap: break-word;
	color: #f00;
	padding: 0 15px;
	margin-top: 24px;
	margin-bottom: 24px
}
.chapter .mod-page .vipBar a {
	background: url(../i/f.png) 0 -25px no-repeat;
    display: inline-block;
    width: 94px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-indent: 0;
    margin: -3px 5px 0 5px;
    font-size: 14px
}

.pattern-cover-update .right a{
	color: #FB6B84
}
.form-horizontal .form-table td.item-data{
	vertical-align: middle
}
.index .master .bd ul{
	width: 1000px;
	margin-left: -1px
}
.index .home-block .hd h5{
	color: #fc6c83
}
.update-list table a{
	color: #FB6B84
}
.book-manange .chapter-panel .save-status{
	border-radius:3px;
	background-color:#50ba88;
	border-color:#4F7965
}
.book-manange .chapter-panel .save-status span{
	margin-left: 8px;
}
.book-manange .chapter-panel .save-status .l{
	color: #fff;
	font-weight: bold
}
.book-manange .chapter-panel .save-status i{
	background-color: #50ba88
}
.search-result .results .right a{
	color: #FB6B84
}
.mod .more a {
	color:#fc6c83
}
.header-small, .header-small .center {
    background: url(../i/bg_headersmall.png) repeat-x
}
#nz {
	background: #686868
}
#nz .container {
	border: none
}
#bdshare {
	_overflow-x: hidden;
    z-index: 999999;
    padding-bottom: 2px;
    font-size: 12px;
    float: left;
    text-align: left!important;
    zoom: 1
}
span.bds_more, .bds_tools a {
	display: block;
    height: 16px;
    float: left;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 3px;
    padding-left: 22px
}
/*回到顶部*/
.hddb{
	position: fixed;
	bottom: 30px;
	right: 10px;
	visibility: visible;
	opacity: 1;
	z-index: 999;
}
.hddb-top{
	border:1px solid #bfbfbf;
	width: 45px;
	height: 45px;
	background: #f4f4f4;
	text-align: center;
	box-sizing: border-box;
	display: none;
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	line-height: 45px;
}
.icon-t{
	background-repeat: no-repeat;
	background-image: url(images/top@2x.png);
	background-size: 17px 27px;
	display: inline-block;
	width: 17px;
	height: 27px;
	margin-top: 10px;
} 
.hddb-top:hover{
	background: yellow;
}
.icon-t img:hover{
	background: : #fff;
}

/*福利*/
.fl-header-small, .fl-header-small .center {
    background: url(../i/bg_headersmall.png) repeat-x;
}

.fl-header,.header .bottom,.fl-header .center,.fl-header .top {
	position: relative
}

.fl-header .top {
	z-index: 2
}

.fl-header .bottom {
	z-index: 1;
	*zoom: 1
}

.fl-header .bottom:after,.fl-header .bottom:before {
	display: table;
	content: "";
	line-height: 0
}

.fl-header .bottom:after {
	clear: both
}

.fl-header .bottom:after,.fl-header .bottom:before {
	display: table;
	content: "";
	line-height: 0
}

.fl-header .bottom:after {
	clear: both
}

.fl-header .logo {
	position: absolute;
	z-index: 0
}

.fl-header .logo a {
	display: block
}

.fl-header .nav {
	float: left
}

.fl-header .nav li {
	display: inline;
	float: left
}

.fl-header .nav li a {
	font-family: "Microsoft Yahei";
	float: left;
	display: inline
}

.fl-header .nav .forum {
	margin-right: 6px
}

.fl-header .nav .last {
	margin-right: 0
}

.fl-header .nav .fuli a{
	font-weight: bold;
    color: #FFEB3B;
	padding: 0
}

.fl-header .nav .fuli a img{
	padding-top: 1px
}

.fl-header .accounts {
	display: inline;
	float: right
}

.fl-header .breadcrumb,.fl-header .shelf {
	display: inline;
	float: left
}

.fl-header .shelf i {
	float: left;
	display: inline;
	overflow: hidden
}

.fl-header .shelf .read {
	margin-left: 5px;
	font-weight: 100
}

.fl-header .breadcrumb {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.fl-header .breadcrumb a,.fl-header .breadcrumb span {
	color: #bcbcbc;
	padding-right: 10px;
	display: inline-block;
	background: url(../i/arrow-breadcrumb.gif) no-repeat right center;
	padding-left: 10px
}

.fl-header .breadcrumb .home {
	float: left;
	width: 26px;
	height: 22px;
	margin: 4px 6px 0 0
}

.fl-header .breadcrumb .icon {
	float: left;
	display: inline;
	margin: -4px 8px 0 0;
	width: 15px;
	height: 21px;
	background-position: -83px -292px
}

.fl-header .breadcrumb span {
	background: 0 0
}

.fl-header .search {
	position: absolute;
}

.fl-header .search form {
	height: 34px;
}

.fl-header .search .submit,.fl-header .search .text {
	float: left;
	border: none;
	outline: 0
}

.fl-header .search .text {
	padding: 8px;
	width: 156px
}

.fl-header .search .submit {
	cursor: pointer
}

.fl-header .search .submit i {
	display: inline-block
}

.fl-header .other-login {
	display: none;
	position: absolute;
	top: 134px;
	right: 6px;
	width: 205px;
	padding: 7px 10px 5px;
	background: #efefef;
	border: 1px solid #d6d6d6;
	border-top: 0;
	box-shadow: 0 6px 4px -5px #7E7E7E;
	font-size: 12px;
	color: #999
}

.fl-header .other-login span {
	float: left;
	margin: 5px 10px 0 0
}




.fl-header {
	z-index: 1
}

.fl-header,.fl-header .center {
	background: #FC6C83;
}

.fl-header .center {
	height: 80px;
}

.fl-header .top {
	height: 79px;
	margin-left: 110px
}

.fl-header .bottom {
	height: 55px;
	margin-left: 140px
}

.fl-header .logo {
	left: -10px
}

.fl-header .logo a {
	width: 220px;
	height: 79px;
	background: url(../i/login/logo03.png) no-repeat;
	background-size: cover;
	text-indent: -20000px;
}

.fl-header .nav {
	padding-top: 29px;
	margin-left:120px;
}

.fl-header .nav li {
	margin-right: 20px
}

.fl-header .nav li a {
	color: #fff;
	height: 47px;
	padding: 0 10px;
	font-size: 18px;
}

.fl-header .nav .follow-weixin a {
	color: #87e68e
}

.fl-header .nav .follow-weixin img {
	margin-left: 1px;
	vertical-align: -1px
}

.fl-header .nav .active {

}

.fl-header .nav .active a {
	border-bottom:3px solid #c8eeeb;
}

.fl-header .qr-float {
	position: absolute;
	top: 62px;
	left: 500px;
	width: 196px;
	padding: 5px 0 10px;
	border: 1px solid #c6c6c6;
	background: #fff;
	text-align: center;
	box-shadow: 0 5px 13px rgba(0,0,0,.2)
}

.fl-header .qr-float .arrow {
	left: 50%;
	margin-left: -8px;
	top: -8px
}

.fl-header .qr-float .arrow,.fl-header .qr-float .arrow .b,.fl-header .qr-float .arrow .t {
	position: absolute
}

.fl-header .qr-float .arrow .t {
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: none;
	top: 1px
}

html.ie6 .fl-header .qr-float .arrow .t {
	filter: chroma(color=tomato)
}

html.ie6 .fl-header .qr-float .arrow .t {
	border-right-color: tomato;
	border-left-color: tomato;
	filter: chroma(color=tomato)
}

.fl-header .qr-float .arrow .b {
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	overflow: hidden;
	border-bottom: 8px solid #c6c6c6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: none
}

html.ie6 .fl-header .qr-float .arrow .b {
	filter: chroma(color=tomato)
}

html.ie6 .fl-header .qr-float .arrow .b {
	border-right-color: tomato;
	border-left-color: tomato;
	filter: chroma(color=tomato)
}

.fl-header .qr-float p {
	font-size: 18px;
	line-height: 1.3em
}

.fl-header .accounts {
	width: 226px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #fafafa;
}

.fl-header .accounts .left {
	height: 47px;
	padding: 8px 12px 0 10px;
	border-left: 1px solid #fafafa
}

.fl-header .accounts .right {
	padding-top: 11px;
	height: 44px;
	border-right: 1px solid #d6d6d6
}

.fl-header .accounts .name {
	font-weight: 700
}

.fl-header .accounts p {
	padding-top: 3px
}

.fl-header .accounts p .divide {
	margin: 0 8px;
	font-family: Arial;
	color: #ccc
}

.fl-header .accounts p a {
	margin-right: 5px
}

.fl-header .accounts .count {
	margin-left: 2px
}

.fl-header .accounts .not-login {
	padding: 10px 0 0 0;
	font-size: 12px
}

.fl-header .accounts .not-login .signin {
	vertical-align: 7px;
	color: #333
}

.fl-header .accounts .verify {
	display: inline-block;
	width: 22px;
	height: 11px;
	background-position: -94px -146px
}

.fl-header .search {
	width: 210px;
	top: 22px;
	right: 12px;
	background: #ffffff;
}

.fl-header .search form {
	height: 34px;
}

.fl-header .search .text {
	background: #ffffff;
	padding: 8px;
	width: 156px;
	color: #999
}

.fl-header .search .text:-moz-placeholder,.fl-header .search .text::-webkit-input-placeholder {
	color: #999
}

.fl-header .search .submit {
	width: 38px;
	height: 34px;
	background: #ffffff
}

.fl-header .search .submit i {
	width: 23px;
	height: 23px;
	background-position: 0 -45px;
	margin-top: 2px
}

.fl-header .breadcrumb,.fl-header .shelf {
	width: 365px;
	margin-top: 17px;
	padding-top: 4px
}

.fl-header .shelf span {
	color: #a88f59
}

.fl-header .shelf i {
	width: 21px;
	height: 22px;
	margin: -4px 5px 0 0;
	background-position: 0 0
}

.fl-header .shelf .read {
	margin-left: 5px
}

.fl-header .shelf-login {
	width: 355px
}

.fl-header .shelf-not-login {
	width: 528px
}

.fl-header .my {
	display: inline;
	float: left;
	border-left: 1px solid #d6d6d6;
	width: 260px
}

.fl-header .my .bd {
	text-align: center;
	height: 40px;
	padding-top: 15px;
	border-left: 1px solid #fafafa
}

.fl-header .my a {
	display: inline-block;
	width: 75px;
	height: 28px;
	line-height: 28px;
	margin: 0 3px;
	text-align: center;
	color: #555;
	background: #ddd
}

.fl-header .my a:hover {
	background: #ccc
}

.fl-header .my-not-login {
	width: auto;
	border-left: none
}

.fl-header .my-not-login .bd {
	border-left: none
}

.fl-header .breadcrumb {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.fl-header .breadcrumb a,.fl-header .breadcrumb span {
	color: #000000;
	padding-right: 10px;
	background: url(../i/arrow-breadcrumb.gif) no-repeat right center
}

.fl-header .breadcrumb .home {
	float: left;
	width: 26px;
	height: 22px;
	margin: 4px 6px 0 0
}

.fl-header .breadcrumb .dingwei {
	float: left;
	display: inline;
	margin: -4px 8px 0 0;
	width: 15px;
	height: 21px;
	background-position: -83px -292px;
}

.fl-header .breadcrumb span {
	background: 0 0
}
.fl-header {
	position: relative
}

.fl-header .center {
	
	width: 980px;
	margin: 0 auto;

}
.fl-banner {
	background: url(../i/banner.jpg)no-repeat;
	margin-top: -2px;
	position: relative;
	max-width: 100%;
	height: 600px;
	background-size: cover;
	width: 100%;
	background-position:50% 50%
}
.fl-main{
	/*background: url(../i/jj.png)no-repeat;*/
	margin: 0 auto;
	width: 100%;
	background-size: cover; 

	overflow: hidden;
}

.fl-contain{
	width: 50%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.fl-bt{
	color: #fa3fb1;
	font-size: 30px;
	font-family: "微软雅黑";
	position: relative;
	margin-top: 50px;
	text-align: center;
}
.title{
	color: #fa85cc;
	font-size: 22px;
	font-family: "微软雅黑";
	margin-top: 60px;
}
.p-1{
	font-size: 16px;
	margin-top: 30px;
	margin-left: 20px;
}
.p-2{
	margin-top: 5px;
	margin-left: 20px;	
}
.p-3{
	margin-top: 5px;
	margin-left: 20px;
	font-size: 16px;
}
.p-4{
	margin-top: 30px;
	margin-left: 20px;
	font-size: 16px;
}
.p-5{
	margin-top: 5px;
	margin-left: 20px;
	font-size: 14px;
}
.title2{
	margin-top: 50px;
	color: #fa85cc;
	font-size: 22px;
	font-family: "微软雅黑";
}
/*忘记密码页面*/
/*.wjmm-top{
	height: 161px;
    margin-bottom: 140px;
    background: #fc6c83;
}
.wjmm-top-logo{
	background: url(../i/bs-logo3.png)no-repeat center center;
    height: 140px;
    background-size: contain;
}
.wjmm-container{
	background: 0 0;
    width: 460px;
    margin-top: 35px;
    position: relative;
    margin: auto;
}*/
/*微信支付*/	
.wraper{
	background: url(../i/login/wrap-bg-repeat-x.png) #f1f1f1 repeat-x;
    margin-top: -1px;
    position: relative;
}
.container-sidebar .container-bd{
	    background: url(../i/login/container-bg-sidebar-repeat-y.png) repeat-y;
}
.container{
	width: 1000px;
	margin:auto;
}
.container-siderbar .container-bd{
	padding: 19px 7px 50px 20px;
	background: url(../i/login/container-bd-sidebar-bg.png)no-repeat;
}
.container .c-left{
	width: 710px;
	padding-left: 10px;
	float: left;
}
.weixin{
	width: 100%;
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
    height: 30px;
}
.container .mod{
	margin-bottom: 18px;
	position: relative;
	zoom:1;
} 
.container-sidebar .c-right {
    width: 225px;
}
.container .c-right {
    float: right;
}
.mod-back{
	height: 36px;
    line-height: 36px;
    padding: 10px 25px;
    word-break: break-all;
    word-wrap: break-word;
}