*{margin:0 auto;padding:0; list-style: none; font-family: serif; font-size: 14px;}
.hide{ display: none;}
a{ text-decoration: none;}
body{
	background: #e4e6e6;
	max-width: 1000px;
	margin: 0 auto;
	color: #3a444c;
	font-family: sans-serif;
}

/*我的书架*/
.lately{width: 100%;background-color:#fff;}
.lately h3 a{position:relative; display:block; padding: 12px 10px; color:#3a444c;font-size:1em; margin: 0; font-weight: 600;}
.lately img{position: absolute;right:10px;width:auto;top:12px;height: 16px;}
.lately p a{position:relative; display:block; color:#3a444c; border-top: 1px solid #ccc; padding: 12px 10px;}
.lately span.time{ font-size: .9em; position: absolute; right: 10px; top:50%;margin-top:-0.5em; }
.lately span.name_p{ display:block; width:60%; padding-right:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.barText{width:100%;height:40px;position:relative; margin-top: 10px;border-bottom: 1px #ccc solid;background-color:#fff;}
.barText h3{color:#527c75;font-size:1em;line-height:40px;position: absolute;left:10px;margin: 0;}
ul.listBook{
	background-color:#fff;
	list-style: none;
	padding: 10px 0 4px;
	margin:0;
	width:100%; overflow: hidden;
}
ul.listBook li{
	float:left;
	margin:6px 0 0 5%;
	width:26.6%;
	position: relative;
	max-height: 170px;
}
ul.listBook li a{ display:block; }
ul.listBook li .bookImg{
	width: 100%;
	height:75%;
	
}
ul.listBook li .delete{
	width:1.6em;
    display: none;
    position: absolute;
    right:-5px;
    top: -5px; z-index: 3;
}
ul.listBook li .typeImg{
	width: 1.6em;
    position: absolute;
    right: 6px;
    bottom: 3.3em;
}
ul.listBook li em,#myCommentList dt em,.myLikeList dt em,.myShareList dt em,.readingList dt em{ position: absolute; right: 0; top: 0; height: 18px; width: 18px;}
ul.listBook li em img,#myCommentList dt em img,.myLikeList dt em img,.myShareList dt em img,.readingList dt em img{ width: 100%}
ul.listBook li p{
	margin:5px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2em;
	color: #878c90;
	height:2.2em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

/*我的收藏*/
.collectMain ul{
	background:#fff;
	width:100%;
}
.collectMain ul li{
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.collectMain ul li.list1{ height: 7em; padding-left: 35%;}
.collectMain ul li.list2{ height: 5.4em;}
.collectMain ul li .coverImg{position:absolute;width:27%;left:10px;}
.collectMain ul li .delete{position:absolute; color: red; top:10px; line-height:1em; right:16px; 
display: none;}
.collectMain ul li h3{font-size: 1.1em; margin:0; padding:0 0 6px; line-height: 1.2em;}
.collectMain ul li .bookMark,.collectMain ul li .author{ padding: 4px 0 0; line-height: 1.2em; color: #999;} 
.collectMain ul li .bookMark a{padding:0 4px;}
.collectMain ul li .bookInfo{ padding: 8px 0; line-height: 1.2em;}
.collectMain ul li.list2 .bookInfo{ padding: 8px 0; line-height: 1.2em;
display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.collectMain ul li .typeImg{ position: absolute; bottom: 12px; left:20%; width: 1.6em;}

/*个人中心*/
.userHead{background: #fff;width:100%; }
#headportrait{width:3.5em; height:3.5em; border-radius:100%; float:left;margin:10px 0 0 10px;}
.userHead a{ display:block; padding-bottom:10px; }
.userHead #name{margin:25px 0 2px 10px;}
.userHead a{position:relative;color:#3a444c;overflow:hidden;}
.userHead p{font-size: 1em;float:left;margin:10px 0 2px 10px;color:#3a444c;}
.userHead .more{width:0.5em;float:right;margin:25px 10px 0 0;}
.userInfo{list-style: none;margin-top: 10px;}
.userInfo li{background: #fff;margin-top: 1px;}
.userInfo li a{ position:relative; display:block; padding:12px 10px; color:#3a444c; }
.userInfo li img{width:1.4em;position:absolute;top:50%;margin-top:-0.7em;}
.userInfo li span{font-size: 1em;margin-left:30px;}
.userInfo li .more{width:7px;position:absolute; top: 50%;right:10px; margin-top:-6.5px;}

/*我的评论*/
.commentList{margin-top: 1px;}
.commentList li{background: #fff;padding:15px 10px;margin-bottom: 10px;position: relative;}
.commentList li p{margin-bottom: 10px;}
.commentList li a{color:#f00;display:none;position: absolute;top: 15px;right: 10px;}
.commentList li div{background: #f2f2f2;height:7em; padding-left: 7em;margin-top: 10px; position: relative;}
.commentList li div img{width:6em;height:7em; position: absolute; left: 0; top: 0;}
.commentList li div h3{ padding: 6px; font-weight: normal; line-height: 1.4em; font-size: 1.1em;max-height: 2.4em; overflow: hidden;}
.commentList li div p{color:#a4a7aa; margin-top: 10px;padding-left: 6px;}

/*我的留言*/
.messagelist{margin-top:10px;}
.messagelist:first-child{ margin-top:0; }
.messagelist li{background: #fff;padding:15px 10px 5px 10px;border-bottom:1px solid #d8dadb;position: relative;}
.messagelist li img{max-width: 100%}
.messagelist li .del{ display:none; position:absolute; right:10px; top:7px; font-size:1em; color:#a7bed1; background-color:#fff; padding:2px 5px; border-radius:4px; border:1px solid #a7bed1; }
.messagelist li p{margin-bottom: 10px; text-align: justify;}
.messagelist li p span{ float:right; }
.messagelist li p b{ font-weight:normal; }
.messagelist li p .lookImg{ float:right; margin-top:-3px; font-size:14px; color:#44a6f4; background-color:#fff; padding:2px 5px; border-radius:4px; border:1px solid #44a6f4; }
.advertisement.pf .adMain>div{ max-height:240px; overflow-y:scroll; }

/*信息编辑*/
.basicInfo li{height:auto;font-size: 1em;padding:12px 10px;border-bottom: 1px solid #d8dadb;
	position: relative;line-height:1em; background:#fff;}
	.basicInfo li.noLine{ border-bottom:none; }
.basicInfo li label{color:#3a444c;position: absolute;top: 50%;margin-top: -0.5em;}
.basicInfo li div{color:#878c90;text-align: right;height: 1em;}
.basicInfo li div#headImg{height:3.5em;}
.basicInfo li div img{width:3.5em;display:inline;border-radius: 50%;}

.editableInfo li div{margin:0 20px 0 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.editableInfo li>img{width:0.5em; position: absolute;top:50%;right:10px;margin-top:-5px;}
.editableInfo li.accountLi{margin-top: 10px;}

.redBtn{background: #f9494c;color:#fff;width:90%;margin: 30px 0 0 5%;border:none;outline:none;padding: 10px 0;border-radius: 10px;}

#collectMore,#bookshelfMore,#messageMore,#commentListMore,#shareListMore,#likeListMore,#recentlyRead{ padding:8px 0; background:#f9fafb; border-bottom:1px solid #d8dadb; text-align:center; }

#infoEdit>div{ padding:15px 10px; }
#phoneEdit p{ color:#b0b0b0; font-size:14px; text-align:center; line-height:1.6em; }
.inputDiv{ position:relative; margin-bottom:6px; background:#fff; border-radius:4px; overflow:hidden; }
.inputDiv input{ padding:10px; width:80%; border:none; }
.smsDiv input{ padding:10px; width:50%; border:none; }
.smsDiv button#getSms{float: right;padding: 10px;color: #fff;background-color: #df9f1f;border-radius: 5px;width: auto;margin: 0px;}
.inputDiv i.close{ position:absolute; top:50%; right:10px; width:16px; margin-top:-8px; }
#emailEdit p{ color:#b0b0b0; font-size:14px; text-indent:10px; line-height:1.6em; }
#infoEdit .error_p{ color:#f04545; text-align:left; opacity:0; }
#infoEdit button{ display:block; margin-top:20px; width:100%; padding:10px 0; font-size:16px; border:none; border-radius:4px; color:#fff; background:#df9f1f; text-align:center; }
#phoneEdit .inputDiv{ margin-top:20px; }
#infoEdit>div#headEdit,#infoEdit>div#sexEdit{ padding:0; }
#headEdit ul{ padding-top:20px; overflow:hidden; background:#fff; }
#headEdit li{ float:left; width:19%; padding:0 3%; margin-bottom:20px; }
.headLi>img{ position:absolute; right:0; top:50%; margin-top:-8px; width:0.5em; }
.headLi div{ margin-right:16px; }
#infoEdit .g_head{ padding:10px 0; font-size: 19px;}
#infoEdit .g_head span{font-size: 19px;}
.g_head .backBtn2{ left:15px; background-position:0 -96px; }
#sexEdit ul{ background:#fff; }
#sexEdit li{ position:relative; padding:15px; border-bottom:1px solid #d8dadb; }
#sexEdit li i{ position:absolute; top:50%; right:15px; margin-top:-8px; width:16px; height:16px; }
#sexEdit li.choose i{ background:url(../images/sexChoose.png); background-size:100% 100%; }
#sexEdit ul{margin-top: 10px;}
.returnBtn{ margin:30px 10px 0; }
.returnBtn button{ width: 100%; margin:0; color: #fff; border: none;outline: none;padding: 10px 0;border-radius: 10px; }


/* 最近阅读 */
.readingList{ overflow:hidden; background:#fff; }
.readingList li {position: relative;}
.readingList li a{ display:block; padding:10px; color:#333; border-bottom:1px solid #d8dadb; }
.readingList li dl{ overflow:hidden; }
.readingList li dt{ position:relative; float:left; width:20%; overflow: hidden;}
.readingList li dt>img{ height:100%; }
.readingList li dt i{ position:absolute; bottom:5px; right:5px; width:22px; }
.readingList li dd{ padding-left:22%; }
.readingList li dd h4{ margin-bottom:10px; line-height:1.2em; font-weight:normal; font-size:1.2em; }
.readingList li dd p{ margin-bottom:5px; line-height:1.4em; }

#collectList{ overflow:hidden; background:#fff; }
#collectList li{ position:relative; }
.delSpan{ display:none; position:absolute; right:10px; top:7px; font-size:1em; color:#44a6f4; background-color:#fff; padding:2px 5px; border-radius:4px; border:1px solid #44a6f4; }
.readingList .delSpan{top: 10px;}
.myShareList .delSpan{top: 8px;}
#collectList li a{ display:block; padding:10px; color:#333; border-bottom:1px solid #d8dadb; }
#collectList li dl{ overflow:hidden; }
#collectList li dt{ position:relative; float:left; width:20%; }
#collectList li dt i{ position:absolute; bottom:10px; right:5px; width:22px; }
#collectList li dd{ padding-left:22%; }
#collectList li dd h4{ margin-bottom:6px; padding-right:48px; line-height:1.2em; font-weight:normal; font-size:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#collectList li dd p.tag{ margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#collectList li dd p.summary{
	margin-bottom:5px;
	line-height:1.4em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

@media screen and (min-width: 360px) and (max-width: 400px){
    ul.listBook li{
		max-height: 200px; 
	}
	ul.listBook li .delete{
		width: 1.4em;
	}
	ul.listBook li .typeImg{
		width: 1.8em;
	}
	.collectMain ul li.list1{ height: 8em; overflow: hidden;}
}
@media screen and (min-width: 400px) and (max-width: 550px){
    ul.listBook li{
		max-height:320px; 
	}
	ul.listBook li .delete{
		width: 1.4em;
	}
	ul.listBook li .typeImg{
		width: 1.9em;
	}
	.collectMain ul li.list1{ height:16.5em; overflow: hidden;}
	.collectMain ul li.list1 .typeImg{left:23%;bottom: 14px;width: 1.9em;}
}
@media screen and (min-width: 551px) {
    ul.listBook li{
		max-height:520px; 
	}
	ul.listBook li .delete{
		width: 1.7em;
	}
	ul.listBook li .typeImg{
		width: 2.3em;
	}
}
.g_head{
	position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 19px;
}
.g_head a {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../images/headIcon3.png);
    background-size: 100%;
}
.noResult{ text-align: center; padding:44px 0;width: 100px;margin: 0 auto;}
.noResult img{ margin-bottom:10px;}

#headerTitle{font-size: 19px;}


/* 编辑个人中心头像 */
#clipArea{ margin:0 auto; height:300px; }
#view{ margin:0 auto; width:200px; height:200px; }
#headEdit .chooseImg{ position:relative; }
#headEdit #file{ position:absolute; top:0; left:0; width:100%; height:36px; opacity:0; }

/* 我的互动 */
.intearction .tab_ul{ margin-bottom:5px; padding:10px 0; overflow:hidden; background:#f6f6f6; }
.intearction .tab_ul li{ float:left; width:33.33%; text-align:center; }
.intearction .tab_ul li span{ display:inline-block; padding:4px 16px; background:#e6e7e7; color:#3a444c; border-radius:20px; }
.intearction .tab_ul li.current span{ background:#df9f1f; color:#fff; }
.intearction .tab_div>div>div{ background:#fff; }
.intearction .tab_div li{ padding:8px 12px 12px; border-bottom:1px solid #bbbcba;position: relative; }
.intearction .tab_div #myShareList li{padding-bottom: 25px;}
.intearction .tab_div li p.theComment{ margin-bottom:2px; color:#3a444c; line-height:1.6em; }
.intearction .tab_div li p.theDate{ position:relative; margin-bottom:8px; color:#9e9e9e; line-height:1.6em; }
.intearction .tab_div #myShareList li p.theDate{position:static; }
.intearction .tab_div .myShareList li p.theDate span{position: absolute;bottom: 5px;right: 12px;}
.intearction .tab_div li dl{ position:relative; overflow:hidden; background:#e6e7e7; }
.intearction .tab_div li dt{ position:relative; float:left; width:60px; }
.intearction .tab_div li dt>img{ width:100%; height:100%; }
.intearction .tab_div li dd{ line-height:1.4em; font-size:13px; }
.intearction .tab_div li dd h5{ margin-bottom:3px; color:#333; font-weight:normal; }
.intearction .tab_div li dd p{ color:#666; }
.intearction .tab_div .barText h3{ left:12px; }
.intearction .myCommentList li dd{ padding:5px 50px 0 70px; }
.intearction .myCommentList li dd span{ position:absolute; top:0; right:0; width:48px; height:48px; }
.intearction .myCommentList li dd span.state0{ background:url(../images/stateIcon3.png); background-size:100% 100%; }
.intearction .myCommentList li dd span.state1{ background:url(../images/stateIcon2.png); background-size:100% 100%; }
.intearction .myCommentList li dd span.state2{ background:url(../images/stateIcon1.png); background-size:100% 100%; }
.intearction .myCommentList .barText a{ right:12px; }
.intearction .myCommentList li .delSpan{ top:-2px; right:0; }
.intearction .myLikeList li dd{ padding:5px 84px 0 70px; }
.intearction .myShareList li dd{ padding:5px 10px 0 70px; }
.intearction .myLikeList li dd span{ position:absolute; top:50%; right:0; margin-top:-0.5em; color:#666; }
.intearction .myLikeList li dd span i{ display:inline-block; margin:-3px 5px 0 0; width:16px; vertical-align:middle; }
.intearction .myLikeList li dd span b{ position:absolute; top:-2px; right:6px; font-size:10px; font-weight:normal; }

@media screen and (min-width: 750px) {
	.basicInfo li{
		padding: 20px 0;
	}
	.userInfo li a{
		padding: 20px 10px;
	}
	.inputDiv input{padding: 15px;}
    #collectList li dt{width: 100px !important;}
    #collectList li dt>img{width: 100px;height: 135px;}
    #collectList li dd{padding-left: 120px !important;}
}