html,body{background: #ececec;}
/* 顶部通栏 */
#login-bar{
	height:34px;
	width:100%;
	font-size: 16px;
	zoom: 1;
	background-image: -webkit-linear-gradient(#282a28, #474947);
	background-image: -moz-linear-gradient(#282a28, #474947);
	background-image: -o-linear-gradient(#282a28, #474947);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#282a28), to(#474947));
	background-image: linear-gradient(#282a28, #474947);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282a28', endColorstr='#474947', GradientType='0'); /* IE*/
	_background: #474947;
}
.login li{
	float:left;
	color:#bec1be;
	line-height: 34px;
}
.login a{
	color: #bec1be;
	padding:0 10px;
}
.logined{
	float:right;
}
.logined li{
	float:left;
	color:#bec1be;
	line-height: 34px;
	padding: 0 0 0 22px;
	position: relative;
}
.logined .user-name{
	color: #FFF;
	padding-right: 20px;
	*width: 200px;
}
.logined .my-message{
	color:#f18f67;
}
.logined .my-message .myMessageCount{
	cursor: pointer;
}

.logined .icon-shoppingcar-gray{
	margin: 8px 0 0 0;
}
.logined .user-name p{
	margin: 0;
}
.logined .icon-loginedtips{
	margin-top: 12px;
}
.logined a{
	color: #bec1be;
}
.tipsbox{
	position: absolute;
	width: 173px;
	height: 55px;
	background:url(/web/images/n-tip-bg.png);
	top:34px;
	right:-60px;
	line-height: 22px;
	padding-top: 24px;
	z-index:100;
	
}
.tipsbox a{
	color: #666666;
}
.logined .tipsbox p{
	margin-left:14px;
}
.logined .tipsbox p span{
	color:#f18f67;
}
.my-message-box{
	position: absolute;
	width: 345px;
	top:0;
	top:34px;
	z-index:10;
	right: 170px;
}
.my-message-box a{
	color: #666;
}
.my-message-top{
	height: 18px;
	line-height: 0;
}
.my-message_middle {
    background: url("/web/images/msg-mid.png") repeat-y;
    padding-top: 8px;
    width: 345px;
}
.my-message-bot{
	line-height: 0;
}
.my-message-nav{
	width: 122px;
	margin-left: 10px;
	_display:inline;
}
.my-message_middle .my-message-nav .active{
	background: #F18F67;
	color: #FFFFFF;
}
.my-message-nav .message_list{
	float: left;
	width: 98px;
	padding: 0 10px;
	color: #666;
	line-height: 26px;
	margin-bottom:4px;
	cursor: pointer;
}
.my-message-nav .message_list span{
	float: right;
}
.my-message-content{
	width: 208px;
	position:relative;
	color:#999;
}
.no_message{
	margin-left:150px;
}
.my-message-content .avatar{
	margin-right:10px;
}
.my-message-content p{
	margin-bottom:10px;
}
.my-message-content .tc_heard_more{
	position:absolute;
	width:204px;
	height:14px;
	z-index:1;
	bottom:-15px;
	left:0;
	background: url("../images/n-addmore.png") center right no-repeat;
}
.admin-msg-btn{
	margin-left:72px;
}
.my-message-content li{
	padding-left: 10px;
	font-size: 12px;
	width: 188px;
	color:#666;
	line-height: 16px;
	margin: 10px 0;
	clear:both;
	overflow:auto;
}
.care-me li .name,.book-info a.name,.group-info .name{
	color: #F18F67;
	display: block;
	margin-bottom:4px;
}
.care-me li .detail{
	margin-bottom: 10px;
}
.message-btn{
	float: left;
	padding: 1px 9px;
	background: #FFF;
	color: #F18F67!important;
	border:1px solid #F18F67;
	margin-right:8px;
}
.private-msg p{
	margin-bottom:4px;
}
.care-me .conment-data{
	display:block;
	color:#f18f67;
	margin-bottom:10px;
}
.invent-msg-read a,.invent-msg-group a{
	color:#f18f67;
}
.message-btn:hover{
	background: #F18F67;
	color: #FFF!important;
}
.care-me-info{
	float: left;
	width: 110px;
	color:#999;
}
.message-my-book .book-info{
	float: left;
	width: 110px;
	margin: 0;
	line-height: 16px;
}
.message-my-book .book-info p{
	margin: 0 0 4px 0;
	color:#999;
}
.message-my-book li{
	margin: 10px 0;
}
.message-group li{
	margin:10px 0;
}
.group-info{
	overflow: auto;
}
.group-info P{
	margin-bottom: 10px;
	color: #999;
}
.message-my-book .book-info p a,.group-info P a{
	color: #F18F67;
	padding: 0 2px;
}
.message-my-book .book-cover{
	margin-right: 10px;
	float: left;
}
.group-cover{
	margin-right: 10px;
}
.lockers-container{
	position:relative;
}
.drag-ring{
	background: url("../images/n-dragring.png");
    height: 289px;
    position: absolute;
    right: -52px;
    top: -11px;
    width: 36px;
    cursor: pointer;
    
}
/*公共头*/
#header{
	height:110px;
	background:url("/web/images/n-headbg.png");
}

/* 搜索 */
#search{
	width:495px;
	height:46px;
	margin-top:28px;
	border: 3px solid #f18f67;
	float:right;
	background:#F0F0F0;
	
}
#search-text{
	padding:6px 10px;
	font-size:24px;
	width: 400px;
	background: none;
	border:0;
	float:left;
	color:#999;
	outline:0
}
#search-submit{
	float: right;
	border:0;
	margin:4px 10px 0 0;
	cursor:pointer;
	background: url(../images/n-icons.png) -52px -24px;
	_background: url(../images/n-icons.gif) -52px -24px;
	outline:0
}
/* 不显示百度小图标 */
.tjjs{display:none;}
/*返回顶部按钮样式*/
.backToTop {background: url("../images/back_to_top.png") no-repeat scroll 0 0 transparent;cursor: pointer;display: none;height: 94px;bottom:80px;position: fixed;text-indent: -14em;width: 30px;opacity: 0.7;overflow: hidden;margin-left:500px;left:50%;}
/* 导航菜单 */
.nav-bar{
	height:60px;
	background:#f18f67;
	border-bottom: 4px solid #cc6d46;
	margin-bottom:10px;
}
.nav{overflow: auto;}
.nav li{
	width: 25%;
	float:left;
	line-height: 62px;
	text-align: center;
}
.nav li a{
	font-size: 29px;
	color: #fedacb;
	display: block;
	position: relative;
	zoom:1
}
.bottomsolid{
	position: absolute;
	height:8px;
	width: 0;
	background:#cc6d46 ;
	bottom:0;
	left:50%;
	font-size:0;

}
/*.nav li a:hover .bottomsolid,*/.nav li a.active .bottomsolid{
	position: absolute;
	width:80%;
	left:10%;
}
.nav li a.active{
	color:#FFF;
}
.section{
	clear:both;
	margin-top: 10px;
}
.content-left{
	width: 630px;
	background: #FFF;
}
.content-right{
	width:320px;
	background: #FFF;
    overflow: hidden;
    float: right;
    margin: 0;
}
div.ad{
    width: 100%;
    overflow: hidden;
}
/* 储物柜 */
.lockers{
	height: 290px;
	background: #FFF;
	box-shadow:0 0 2px #ccc;
	margin:0;
	overflow:auto;
}
.lockers-title{
	margin: 20px 30px 0;
}
.locker-content{
	
}
.locker-content .bookshow li{
	margin-top: 20px;
	height:200px;
	width:94px;
}
.locker-content ul li.no-content{
	width:90%;
	font-size:14px;
}
.lockers-tab{
	width: 545px;
	height: 40px;
	overflow: hidden;
	border: 1px solid #99cf17;
	border-radius: 6px;
}
.lockers-tab li{
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right:1px solid #99cf17;
	padding: 0 18px;
	margin-right: 0px;
	cursor: default;
	font-size:18px;
	color: #99cf17;
}
.lockers-tab .active{
	background: #99cf17;
	color: #fff;
}
.lockers-tab .noborder{
	border:0;
}
.lockers-tab li.active{
	border-right:1px solid #99cf17;
}
.progress{
	overflow: auto;
}
.percentum{
	font-size: 12px;
}
.progress-bar{
	width: 56px;
	height: 4px;
	background: #CFCDCE;
	margin:8px 3px 0 0;
	position: relative;
}
.real{
	position: absolute;
	height: 4px;
	background: #f19066;
	width: 30%;
	left:0;
	top:0;
	font-size: 0;
}
.bookshow ul{
	float:left;
	_position:relative;
}
.locker-content .bookshow{
	position: relative;;
}
.locker-content .more{
	margin-top:12px;
	position: absolute;
	right: 30px;
	top:-40px;
	background:none;
    color: #f18f67;
    font-size: 16px;
    font-weight: 400;
    padding:0;
}

.msgshow{
	margin: 20px 34px;
	position:relative;
}
.msgshow li{
	padding: 6px 0;
	font-size:16px;
	_padding:5px 0;
}
.msgshow li a.name{
	color: #f19066;
	padding-right: 4px;
}
.msgshow li span{
	color: #f19066;
	font-size: 15px;
}
.icon-fix{
	position: absolute;
	top:0;
	right:0;
}
.bookshow{
	font-size: 12px;
	line-height: 1.5em;
	position: relative;
}

.bookshow .more{
	position: absolute;
    right: 30px;
    top: -36px;
}
.msgshow .more{
	position: absolute;
    right: -4px;
    top: -56px;
	_right: 34px;
}
.bookshow li{
	float:left;
	width: 94px;
	height: 204px;
	margin:26px 6px 0 34px;
	_display: inline;
}
.cover{
	width: 90px;
	display: block;
	margin-bottom: 10px;
	height: 120px;
	box-shadow: 1px 1px 0 #666;
	position: relative;
}
.book-name{
	color: #666666;
	font-size: 12px;
	height:35px;
	overflow:hidden;
	display:block;
}
.book-price{
	margin: 0;
	color:#e87d50;
	font-weight: 700;
}
/* ICONS */
.icon{
	background-image:url(../images/n-icons.png);
	_background-image:url(../images/n-icons.gif);
	background-repeat: no-repeat;
	display: block;
}
.icon-loginedtips{
	background-position: -235px -89px;
    height: 12px;
    width: 14px;
}
.icon-hot{
	background-position: -116px -30px;
    height: 32px;
    width: 66px;
}
.icon-tabarr{
	background-position: -197px -46px;
    height: 8px;
    width: 130px;
}
.icon-android{
	width: 64px;
	height: 56px;
	left: 0;
	background-position: -107px -197px;
}
.icon-ios{
	width: 64px;
	height: 56px;
	left: 0;
	background-position: -254px -197px;
}
.icon-book{
	background-position:-56px -80px;
	height: 20px;
	width: 20px;
}
.icon-magazine{
	background-position:-54px -130px;
	height: 20px;
	width: 20px;
}
.icon-hat{
	background-position:-54px -180px;
	height: 20px;
	width: 20px;
}
.icon-recordtype{
	background-position:-54px -229px;
	height: 20px;
	width: 20px;
}
.icon-shoppingcar{
	background-position:-54px -274px;
	height: 20px;
	width: 20px;
}
.icon-shoppingcar-gray{
	background-position:-282px -85px;
	height: 20px;
	width: 20px;
}
.icon-heart{
	background-position:-54px -320px;
	height: 20px;
	width: 20px;
}
.icon-sina{
	width: 42px;
	height: 42px;
	background-position: -114px -140px;
}
.icon-douban{
	width: 42px;
	height: 42px;
	background-position: -177px -140px;
}
.icon-qq{
	width: 42px;
	height: 42px;
	background-position: -239px -140px;
}
.icon-renren{
	width: 42px;
	height: 42px;
	background-position: -302px -140px;
}
.icon-weixin{
	width: 42px;
	height: 42px;
	background-position: -364px -140px;
}
.icon-magnifier{
	width: 42px;
	height: 42px;
	background-position: -52px -24px;
}
.icon-free{
	width: 54px;
	height: 54px;
	background-position:-100px -308px;
}
.icon-special{
	width: 54px;
	height: 54px;
	background-position: -232px -308px;
}
/* 更多 */
.more{
	color: #f18f67;
	font-size: 16px;
	font-weight: 400;
	height: 20px;
    line-height: 1em;
}
div.remove-back{
	background: none;
}
.avatar{
	width:60px;
	height: 60px;
	display: block;
	border: 1px solid #CCC;
	border-radius:50%;
	overflow: hidden;
}

/* 控制储物盒子*/
.nav-bar .container{
	position: relative;
}

/* footer */
#footer{
	font-size:14px;
	clear:both;
	height: 152px;
	background:#8d8b8b;
	margin-top: 10px;
	padding-top:20px;
}
#footer p{
	color:#ececec;padding:5px;
}
#footer p.copyr{
	padding:0;
}
#footer p a{
	padding:0 12px;
	color:#ececec;
}