.record-list {
	position: relative;
	padding-top: 13px;
	background: #fff;
}

.record-list h2 {
	position: relative;
	height: .30rem;
	padding: .05rem .16rem;
	font-size: .14rem;
	font-weight: bold;
	line-height: .19rem;
	color: #323232;	
	background: #ededed;
	border-bottom: 1px solid #cccccc;
}
.record-list h2:before {
	content: " ";
	position: absolute;
	left:0;
	top: .04rem;
	width: .04rem;
	height: .20rem;
	background: #448760;
}
.record-list ul {
	position: relative;
	padding: .05rem .30rem .15rem;
}
.record-list ul:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: .24rem;
	bottom: .24rem;
	left: .28rem;
	border-left: .02rem solid #e5e5e5;
	z-index: 0;
}
.record-list li {
	position: relative;
	padding: .07rem;
	line-height: .20rem;
}
.record-list li:before {
	content: " ";
	position: absolute;
	left: -.05rem;
	top: .14rem;
	width: .07rem;
	height: .07rem;
	background: #ccc;
}
.record-list li:last-child:after {
	content: " ";
	position: absolute;
	left: -.02rem;
	top: .21rem;
	bottom: 0;
	border-left: .02rempx solid #fff;
}
.record-list li a {
	color: #333;
	font-size: .14rem;
}
.record-list li .time {
	display: block;
	font-size: .12rem;
	color: #ccc;
}
.record-list .no-record {
	height: .55rem;
	padding: .16rem;
	font-size: .14rem;
	color: #c0c0c0;
	text-align: center;
}

.switch-nav {
	height: .23rem;
	margin-bottom: .07rem;
}
.switch-nav a {
	position: relative;
	float: left;
	width: 25%;
	height: .24rem;
	padding: .02rem 0;
	color: #4f4f4f!important;
	font-size: .14rem;
	text-align: center;
	line-height: .19rem;
	background: #fff;
	border-right: .02rem solid #f4f4f4;
	cursor: pointer;
}
.switch-nav a:last-child {
	border: 0;
}
.switch-nav .current {
	color: #fff!important;
	background: #448760;
}
.switch-nav .current:before {
	border-top: .03rem solid #448760;
	border-left: .05rem solid transparent;
	border-right: .05rem solid transparent;
	content: "";
	display: inline-block;
	left: 50%;
	margin-left: -.04rem;
	position: absolute;
	bottom: -.02rem;
}
.switch-nav.s2 a {
	width: 50%;
}
.switch-nav.s3 a {
	width: 33.333%;
}
.borrow {
	padding: .12rem .10rem;
	background: #f4f4f4;
}
.borrow-list dl {
	margin-bottom: .05rem;
	padding: .14rem .10rem;
	background: #fff;
}
.borrow-list dt {
	padding-left: 22%;
	line-height: 1.8;
}
.borrow-list dt a {
	color: #000;
}
.borrow-list dt i {
	position: relative;
	top: -.02rem;
}
.borrow-list dd {
	padding-left: 22%;
	color: #666666;
	font-size: .14rem;
	line-height: 1.5;
}
.borrow-list .cover {
	float: left;
	width: 20%;
	margin-top: .05rem;
	margin-right: 2%;
	padding: 0;
}
.borrow-list .op {
	margin-top: .10rem;
	text-align: right;
}
.borrow-list .op button {
	height: .23rem;
	padding: 0 .05rem;
	font-size: .14rem;
	color: #ff820e;
	background: #fff;
	border: 1px solid #ffe7cf;
	border-radius: 0;
}
.borrow-list .no-cover .cover {
	display: none;
}
.borrow-list .no-cover dt ,.borrow-list .no-cover dd {
	padding-left: 0;
}


.icon-xj {
	position: relative;
	display: inline-block;
	top: -.01rem;
	width: .17rem;
	height: .16rem;
	background: url(../images/icon-xj.png) no-repeat;
	vertical-align: middle;
}
.icon-xj:before {
	display: none;
}

.top-filter {
	height: .45rem;
	padding: .10rem .05rem;
	background: #f5f5f5;
	border-bottom: 1px solid #8CB717;
}
.top-filter .sel {
	margin-right: 0;
	padding: .02rem .20rem .02rem 0px;
	font-size: .14rem;
	line-height: .20rem;
	background-color: transparent;
	background-position: right .04rem;
	background-size: .18rem;
	border: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0) inset;
}
.top-filter button {	
	height: .25rem;
	padding: 0 .05rem;
	color: #fff;
	font-size: .12rem;
	background: #8cb717;
	border: 0;
	border-radius: .02rem;
}
.bookshelf .book-list {
	background: url(../images/bookshelf-bg.png);
	background-size: contain;
}
.bookshelf .book-list ul {
	overflow: hidden;
	padding: 7% 5% 6%;

	zoom: 1;
}
.bookshelf .book-list li {
	position: relative;
	float: left;
	width: 50%;
	padding-bottom: 12%;
	text-align: center;
}
.bookshelf .book-list li:after {
	position: absolute;
	left: 0;
	right: -30px;
	bottom: 13%;
	top: 0;
	content: " ";
	background: url(../images/book-list-bg.png) left bottom no-repeat;
	background-size: contain;
	z-index: 0;
}
.bookshelf .book-list li > a {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 70%;
	height: 0;
	padding-bottom: 98%;
	background: #fff;
}
.bookshelf .book-list li a > img, .bookshelf .book-list li a > span.default-cover {
	position: absolute;
	width: 1rem!important;
	height: 1.4rem!important;
	left: 0;
	top: 0;
	z-index: 9;
}
.bookshelf .book-list li .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: .30rem;
	padding: .02rem .03rem .03rem;
	font-size: .12rem;
	line-height: .15rem;
	color: #fff;
	background: rgba(0,0,0,0.5);
	z-index: 10;
}

.bookshelf .book-list .article .title {
	position: absolute;
	top: .25rem;
	left: 6%;
	width: 88%;
	max-height: .84rem;
	padding: 0;
	font-size: .12rem;
	line-height: .16rem;
	text-align: left;
	color: #555;
	background: transparent;
	z-index: 10;
}
.bookshelf .book-list .article .title i {
	position: absolute;
	left: 0;
	top: -.17rem;

}

.bookshelf .book-list .article .author {
	overflow: hidden;
	position: absolute;
	left: 6%;
	bottom: .06rem;
	width: 88%;
	max-height: .32rem;
	font-size: .12rem;
	line-height: .16rem;
	color: #aaa;
	text-align: left;
	z-index: 10;
}
.bookshelf .book-list #addli img {
	width: 1rem;
	height: 1.4rem;
}
/*.bookshelf .book-list li a {
	position: relative;
	width: 55%;
	z-index: 9;
}
.bookshelf .book-list li img {
	width: 100%;
}*/


.bookshelf .book-list li .op {
	position: absolute;
	top: -.07rem;
	right: 15.5%;
	margin-right: -.08rem;
	z-index: 10;
}
.bookshelf .book-list li .op i {
	display: inline-block;
	width: .20rem;
	height: .20rem;
	line-height: .20rem;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
}
.bookshelf .book-list li .op i:before {
	position: relative;
	top: -.01rem;
	font-size: .14rem;
}
.bookshelf .book-list li.no-data {
	float: none;
	width: 100%;
	height: .80rem;
	text-align: center;
	line-height: .80rem;
	font-size: .14rem;
}
.bookshelf .book-list li.no-data:after {
	display: none;
}
.bookshelf .book-list li {
	display: block;
}
.top-filter-sel-more {
	padding: .20rem .28rem;
}
.top-filter-sel-more li {
	float: left;
	width: 50%;
	height: .30rem;
	padding: .04rem 0;
	font-size: .14rem;
}
.top-filter-sel-more a {
	color: #5d5d5d;
}
.top-filter-sel-more .selected a {
	color: #fe6a10;
}

.journal-list {
	margin: 0 -.1rem;
	padding: .20rem 0 0 .20rem;
	background: url(../images/subscribe-top-bg.png) left 95% no-repeat #f4f4f4;
	background-size: contain;
}
.journal-list .list-move {
	overflow: hidden;
	width: 100%;
}
.journal-list .no-data li {
	width: 100vw;
	margin-left: -.15rem;
	padding-bottom: .50rem;
}
.journal-list ul {
	position: relative;
	overflow: hidden;
	width: 2000rem;
	zoom: 1;
}
.journal-list li {
	position: relative;
	float: left;
	/*width: 75px;*/
	padding-right: .11rem;
	padding-bottom: .15rem;
}
.journal-list .current:before {
	border-bottom: .05rem solid #ff8516;
	border-left: .08rem solid transparent;
	border-right: .08rem solid transparent;
	content: "";
	display: inline-block;
	left: 50%;
	margin-left: -.13rem;
	position: absolute;
	bottom: 0px;
}
.journal-list li a {
	display: block;
	padding: 10% 10% 12%;
	background: #fff;
}
.journal-list li img {
	width: 100%;
	box-shadow: 0 0 .03rem 0 rgba(0, 0, 0, 0.5);
}
.journal-list li span {
	display: none;
	font-size: .12rem;
}
.journal-list .current a {
	background: #ff8516;
}
.journal-list li .default-cover {
    width: .546rem!important;
    height: .758rem!important;
    padding: .05rem!important;
}
.journal-list li .default-cover .title {
	overflow: hidden;
	height: .65rem!important;
	line-height: .16rem!important;
}
.journal-detail {
	margin: 0 -.1rem;
}
.journal-detail .journal-name {
	overflow: hidden;
	position: relative;
	height: .37rem;
	padding: .05rem;
	padding-right: .9rem;
	font-size: .16rem;
	color: #666666;
	font-weight: lighter;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: .23rem;
	background: #fff;
	border-top: .02rem solid #ff8616;
	border-bottom: .02rem solid #f4f4f4;
}
.journal-detail .journal-name i {
	position: relative;
	top: -.02rem;
	margin-right: .05rem;
	font-size: .10rem;
	color: #ff8616;
}
.journal-detail .journal-name .op {
	position: absolute;
	right: .10rem;
	top: .07rem;
}
.journal-detail .journal-name .op button {
	height: .18rem;
	padding: .02rem .10rem;
	font-size: .12rem;
	line-height: 1;
	background: #e44848;
	border: 0;
}
.journal-catalog h2 {	
	position: relative;
	height: .30rem;
	padding: .07rem .10rem;
	font-size: .16rem;
	font-weight: lighter;
}
.journal-catalog h2 .title {
	padding-left: .13rem;
	background: url(../images/catalog-icon.png) no-repeat 0 .04rem;
	background-size: .10rem;
}
.journal-catalog h2 .op {
	position: absolute;
	top: .08rem;
	right: .10rem;
}
.journal-catalog h2 .op a {
	float: left;
	height: .15rem;
	margin-left: .10rem;
	padding: 0 .05rem;
	font-size: .12rem;
	line-height: .12rem;
	color: #66a210;
	font-weight: lighter;
	font-family: Arial;
	background: #fff;
	border: 1px solid #66a210;
	border-radius: .11rem;
}

.catalog {
	padding: 0;
	font-size: .16rem;
}
.catalog p {
	margin: 0 0;
	padding: 0.08rem .23rem;
	line-height: .16rem;
	background: none;
}
.catalog p:nth-child(2n) {
	background: #f0f0f0;
}
.catalog .title {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: .14rem;
}
.catalog .title a {
	text-decoration: none;
}
.catalog tt {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: .12rem;
	line-height: .16rem;
	color: #7f7f7f;
	background: transparent;
}

.detail-discuss {
	padding: .1rem;
	background: #f4f4f4;
}
.discuss-list dl, .discuss-post dl {
	overflow: hidden;
	margin-bottom: .05rem;
	padding: .14rem .1rem;
	background: #fff;
	zoom: 1;
}
.discuss-list dt, .discuss-post dt {
	padding-left: 22%;
	font-size: .16rem;
   line-height: .20rem;
}
.discuss-list dt a, .discuss-post dt a {
	color: #000;
}
.discuss-list dt i, .discuss-post dt i {
	position: relative;
	top: -2px;
}
.discuss-list dd, .discuss-post dd {
	padding-left: 22%;
	color: #666666;
	line-height: 1.5;
	font-size: .14rem;
}
.discuss-list .cover, .discuss-post .cover {
	float: left;
	width: 20%;
	margin-top: .05rem;
	margin-right: 2%;
	padding: 0;
}
.discuss-list .cover img, .discuss-post .cover img {
	width: 100%;
}
.discuss-list .op {
	margin-top: .1rem;
	text-align: right;
}
.discuss-list .op button {height: .23rem;padding: 0 .05rem;font-size: .14rem;color: #33927B;background: #fff;border: 1px solid #69B9A6;border-radius: 0;}
.discuss-list .no-cover .cover {
	display: none;
}
.discuss-list .no-cover dt ,.discuss-list .no-cover dd {
	padding-left: 0;
}

.discuss-post {
	padding: .1rem;
	background: #fff;
}
.discuss-post dl {
	margin-bottom: .1rem;
	padding: 0 0 .1rem;
	border-bottom: 1px dotted #ccc;
}
.discuss-post textarea {
	width: 100%;
	height: .9rem;
	font-size: .12rem;
	line-height: .18rem;
	background: #f0f0f0;
	border: 1px solid #dbdbdb;
}
.discuss-post .post-bottom {
	height: .3rem;
	margin-top: .05rem;
	padding: .05rem 0;
	font-size: .12rem;
	line-height: .19rem;
}
.discuss-post .post-bottom .scorce {
	float: left;
	line-height: .21rem;
}
.discuss-post .post-bottom .scorce img {
	position: relative;
	top: -.02rem;
	width: .16rem;
	height: .16rem;
	vertical-align: middle;
}
.discuss-post .post-bottom .scorce .stars {
	position: relative;
	top: -.03rem;
	zoom: 0.8;
}
.discuss-post .post-bottom .submit {
	float: right;
}
.discuss-post .post-bottom .submit button {
	height: .2rem;
	padding: 0 .1rem;
	color: #fff;
	font-size: .14rem;
	background: #8eb818;
	border: 0;
	border-radius: 0;
}

.web-bottom {
	position: fixed;
	bottom: 0;
	height: .44rem;
	padding: .11rem .2rem .12rem .7rem;
	color: #fff;
	background: rgba(21,152,121,.95);
	z-index: 999
}

.web-bottom a {
	top: 0;
	width: .3rem;
	height: .44rem;
	padding: .10rem 0;
	position: absolute;
	font-size: .22rem;
	color: #fff;
	text-align: center;
}
.web-bottom .a1 {
	left: .10rem;
	padding-top: .05rem;
	font-size: .30rem;
}
.web-bottom .a2 {
	left: .40rem;
}
.web-bottom .a3 {
	right: .10rem;
}

.web-bottom button {
	position: relative;
	width: 100%;
	height: .22rem;
	padding: 0 .10rem;
	text-align: left;
	color: #ccc;
	font-size: .12rem;
	line-height: 1;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: .05rem;
}
.web-bottom button i {
	position: absolute;
	right: 0;
}

.message {
	padding: .10rem;
	background: #f4f4f4;
}
.message dl {
	margin-bottom: .05rem;
	padding: .10rem;
	background: #fff;
}
.message .user-pic {
	float: left;
	width: .47rem;
	height: .47rem;
	padding: 0;
}
.message .user-pic img {
	width: .47rem;
	height: .47rem;
	border-radius: 100%;
}
.message dt, .message dd {
	padding-left: .60rem;
	font-size: .12rem;
	line-height: .14rem;
}
.message dt {
	margin-bottom: .03rem;

}
.message dd {
	font-size: .10rem;
	color: #999999;
}
.message .top {
	position: relative;
	height: .21rem;
	margin: -.10rem -.10rem .10rem;
	padding: .05rem;
	font-size: .12rem;
	line-height: 1;
	background: #ededed;
}
.message span {
	float: left;
	color: #aba5a5;
}
.message .user-name {
	font-weight: bold;
	margin-right: .16rem;
	color: #555;
}
.message .status {
	float: right;
}
.message .status span {
	color: #7aa609;
}
.message .status .read {
	color: #fe6813;
}
.message .op {
	margin-top: .10rem;
}
.message .op .btn, .message-detail .submit .btn {
	font-size: .14rem;
	padding: .03rem .10rem;
	color: #555;
	background: #fff;
	border: 1px solid #a7a7a7;
}
.message .op .btn.del {
	color: #f48483;
	border-color: #f48483;
}
.message-list .more {
	text-align: center;
	font-size: .14rem;
	color: #999;
}
.message-list .more a {
	color: inherit;
}

.message-send, .message-detail {
	background: #fff;
	padding: .10rem;
}
.message-send textarea {
	width: 100%;
	height: .90rem;
}
.message-send .submit {
	text-align: right!important;
}
.message-detail .submit {
	padding: .60rem 0;
	padding-left: .80rem;
	font-size: .14rem;
}
.message-detail .input-box {
	padding: 0;
	margin-bottom: .05rem;
}
.message-detail .input-box .input-line {
	padding: .03rem .05rem;
}
.message-detail .input-box .input-label {
	width: 5em;
}
.message-detail .input-box .input {
	margin-left: 5em;
}
.setting {
	padding: .06rem 0;
	background: #f2f2f2;
}
.input-box {
	margin-bottom: .20rem;
}
.input-box h4 {
	height: .20rem;
	margin-bottom: .06rem;
	padding: .04rem 0;
	font-size: .12rem;
	font-weight: lighter;
	line-height: 1;
	background: #e2e2e2;
}
.input-box h4 .title {
	display: inline-block;
	padding-left: .10rem;
	border-left: .03rem solid #00775B;
}
.input-box .input-line {
	/*height: 30px;*/
	padding: .03rem .25rem;
	font-size: .14rem;
	line-height: .20rem;
}
.input-box .input-label {
	float: left;
	width: 6em;
	text-align: right;
}
.input-box .input {
	position: relative;
	margin-left: 6em;
}
.input-box .input input[type="text"], .input-box .input select {
	width: 100%;
	height: .24rem;
	padding: .03rem .05rem;
	font-size: .14rem;
	border: 1px solid #c2c2c2;
}
.input-box .input textarea {
	width: 100%;
	padding: .03rem .05rem;
	font-size: .14rem;
	border: 1px solid #c2c2c2;
}
.input-box .input button, .input-box .input .btn {
	position: absolute;
	right: 0;
	top: 0;
	height: .24rem;
	margin-left: .04rem;
	padding: 0 .05rem;
	font-size: .14rem;
	color: #fff;
	opacity: 1;	
	background: #77a600;
	border: 0;
}
.input-box .input button[disabled], .input-box .input .btn[disabled] {
	background: #aaa;
}
.input-box .submit {
	height: .30rem;
	padding: .03rem .25rem;
	font-size: .14rem;
	line-height: 1.75;
	text-align: center;
}
.input-box .submit button {
	height: .24rem;
	padding: 0 .05rem;
	font-size: .14rem;
	color: #fff;
	background: #77a600;
	border: 0;
}

.input-type2 .input-line {
	height: auto;
	margin-bottom: .10rem;
	padding: 0;
}
.input-type2 .input-label {
	float: none;
	width: auto;
	text-align: left;
	color: #999;
}
.input-type2 .input {
	position: relative;
	margin-left:0;
}
.input-type2 .submit {
	padding: 0;
	text-align: left;
}

.tip-bottom {
	font-size: .12rem;
}
.tip-bottom p {
	margin: 0.10rem 0;
	font-size: .12rem;
	line-height: .16rem
}
.subscribe {
	padding: .12rem .10rem;
}