/*清楚默认样式*/
html{color:#33373D;background:#f6f7f9;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:13px "微软雅黑",'Microsoft Yahei',Helvetica}
img{border:none;}
b,i,em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}

q:before,q:after{content:'';}/* 消除q前后的内容 */
/* 使得表单元素在 ie 下能继承字体大小,清楚表单元素在移动端的默认样式 */
input, button, select, textarea {
background:none;
-webkit-appearance: none;
border-radius: 0;
font-size:100%;
-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
u{
text-decoration: none;
}
/* link */
a{color:#33373D;text-decoration:none;outline: none;}
/*浮动*/
.fl{
float: left;
}
.fr{
float: right;
}
.clearfix{
clear: both;
}
.clear{
zoom: 1;
}
.clear:after{
content: "";
width: 0;
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}

/*标题*/
.biaoti{
padding: 20px 0 17px;
font-size: 17px;
font-weight: 600;
line-height: 17px;
}
.biaoti .line{
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 3px;
height: 17px;
background: #E71E00;
border-radius: 5px;
margin-right: 4px;
}
/*书封面的阴影*/
.bookcover{
box-shadow: 0 1px 3px rgba(0,0,0,.3);
border-radius: 4px;
}

.touxiang_img{border-radius: 50%;box-shadow: 0 1px 3px rgba(0,0,0,.3);}

/*头部样式*/
.top_title{
background: #fff;
height: 44px;
line-height: 44px;
border-bottom: 1px solid #E9E9E9;
text-align: center;
}
.top_title h1{
font-size: 15px;
padding: 0 11px 0 13px;
overflow: hidden;
position: relative;
}
.top_title h1 .back_arrow{
position: absolute;
top: 0;
left: 13px;
z-index: 1;
}
br{
line-height: 0;
}
.footer_nav{ position: fixed; left: 0; bottom: 0; width: 100%; height: 59px; background: #fff;z-index: 9999;border-top: 1px solid #E8EAEE; }
.footer_nav .item{ width: 25%; text-align: center; float: left; }
.footer_nav .item .block{ margin-top: 10px;display: block; }
.footer_nav .item .title{ margin-top: 5px;}
.footer_nav .item_cur .title{
    font-weight: 500;
    font-size: 11px;
    color: #FF4F4F;}
.footer_nav .item .icon{ margin: 0 auto; }
.home_icon{
    background-image: url('../img/home_icon.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px; width: 21px;
}
.footer_nav .item_cur .home_icon{
    background-image: url('../img/home_icon_cur.png');
}
.bookshelf_icon{
    background-image: url('../img/bookshelf_icon.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px; width: 21px; }
.footer_nav .item_cur .bookshelf_icon{
    background-image: url('../img/bookshelf_icon_cur.png');
}
.category_icon{
    background-image: url('../img/category_icon.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px; width: 22px; }
.footer_nav .item_cur .category_icon{
    background-image: url('../img/category_icon_cur.png');
}
.user_icon{
    background-image: url('../img/user_icon.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px; width: 18px;
}
.footer_nav .item_cur .user_icon{
    background-image: url('../img/user_icon_cur.png');
}