body {
    max-width:10.66rem;
    min-width:4.00rem;
    height:auto;
    margin:0; padding:0;
    font-family:"微软雅黑";
    font-size:14px;
    margin:0 auto;
}
input {
    font-family:"微软雅黑";
}
a {
    text-decoration:none;
}
ul, li,h1,h2,h3,h4,h5,p {
    margin:0; padding:0; list-style:none;
}
img {
    border:none;
}
.m_top {
    width:100%;height:auto; overflow:hidden;
}
.m_top img {
    width:100%;float:left;
}
/*首页*/
.index_top {
    padding:0.10rem;
    height:auto;
    background-color:#ef365a;
    background:url("../images/top_bg.png") no-repeat;
    -moz-background-size:100% auto;
    -webkit-background-size:100% auto;
    -o-background-size:100% auto;
    background-size:100% auto;
    overflow:hidden;
}
.l_cn {
    color:#fff;
    font-size:0.45rem;
    padding-left:0.10rem;
    padding-top:0.02rem;
    font-weight:bolder;
    display:block;
}	
.l_en {
    color:#fff;
    font-size:0.30rem;
    padding-left:0.10rem;
    letter-spacing: 0.01rem;
}
.logo_right {
    width:20%; float:right; height:auto;
}
.denglu {
    width:32px; height:32px;display:inline-block;float:right;padding-right:5px;
}
.gonggao {
    /*border-bottom:solid 1px #f2cc84; height:40px; background-image:url(../images/laba.png); background-repeat:no-repeat; background-position:10px center;
    background-size:20px auto; padding-left:40px; overflow:hidden;
    */
    border-bottom:solid 0.03rem #f2cc84; height:0.90rem; padding-left:0.20rem;  overflow:hidden; font-size:0.33rem;
}
.gonggao a {
    line-height:0.90rem; color:#ef365a;
}
.gonggao span {
    line-height:0.90rem; color:#ef365a;
}
.index_nav {
    overflow:hidden;
}
.index_nav ul {
    overflow:hidden; 
    padding-top:0.13rem; padding-bottom:0.06rem;
    width:100%;
    margin-left:auto; margin-right:auto;
}
.index_nav ul li {
    float:left;
}
.index_nav ul li.item {
    width:19.5%; text-align:center; margin:0 auto;
}
.index_nav ul li.item img {
    width:70%; display:inline-block;
}
.index_nav ul li.item span {
    display:inline-block; color:#555555; font-size:0.33rem;
}
.index_nav ul li.split {
    width:0.02rem; height:1.85rem; background-color:#e8e8e8; display:inline-block;
}
.list_title {
    height:0.80rem; background-image:url(../images/fenge.png); background-repeat:repeat-x; background-size:100% 100%;
}
.list_title h3 {
    float:left;line-height:0.80rem; margin-left:0.26rem; color:#ef365a; font-size:0.38rem;
}
.list_title a {
    float:right;line-height:0.80rem; margin-right:0.26rem; padding-right:0.20rem; background-image:url(../images/jiantou.png); background-repeat:no-repeat; background-size:auto 0.30rem; background-position:right center;color:#555555;font-size:0.33rem;
}
/*picScroll 最新上架及借阅排行*/
.picScroll {
    margin:0px auto; text-align:center;
}
.picScroll .bd ul {
    width:100%;  float:left;
}
.picScroll .bd li {
    width:33%; float:left; font-size:0.35rem; textpicScroll_zt-align:center;
}	
.picScroll .bd li a {
    display:block; padding-left:0.26rem; padding-right:0.26rem; padding-top:0.26rem;
}
.picScroll .bd li a i {
    display:inline-block; width:0.70rem; height:0.33rem;line-height:0.33rem; background-image:url(../images/suoyin.png); background-repeat:no-repeat; background-position:left top; background-size:0.55rem auto; color:#fff; font-style:normal; font-weight:bold; position:absolute; top:0.21rem; padding-left:0.13rem; text-align:left;
}
.picScroll .bd li a img {
    display:inline-block; width:100%;
}
.picScroll .bd li a span {
    display:inline-block; color:#555555;font-size:0.35rem;
}
.picScroll .hd {
    height:0.53rem; line-height:0.53rem;   overflow:hidden; text-align:center;  width:100%;
}
.picScroll .hd ul {
    display:inline-block; padding-top:0.21rem;  overflow:hidden;
}	
.picScroll .hd li {
    float:left; width:0.10rem; height:0.10rem; background:#D0D0D0; margin:0 0.06rem; overflow:hidden; -webkit-border-radius:0.10rem; -moz-border-radius:0.10rem; border-radius:0.10rem; 
}
.picScroll .hd .on {
    background:#80BD6D;
}
/*picScroll_zt 专题*/
.picScroll_zt {
    margin:0px auto;
}
.picScroll_zt .bd ul {
    width:100%;  float:left;
}
.picScroll_zt .bd li {
    width:100%; float:left; font-size:0.36rem;
}	
.picScroll_zt .bd li a {
    display:block; padding-left:0.26rem; padding-right:0.26rem; padding-top:0.26rem;
}     
.picScroll_zt .bd li a img {
    width:30%;float:left;position:relative; padding-right:0.26rem;
}
.picScroll_zt .bd li a .title {
    padding-bottom:0.05rem; margin-left:3.0rem;margin-right:0.4rem;margin-bottom: 0.10rem;display: block; font-weight:bolder;border-bottom:0.03rem solid #e5e5e5; height:0.60rem; line-height:0.60rem;
}
.picScroll_zt .bd li a span {
    color:#555555; text-align:justify; font-size:0.36rem; line-height: 0.60rem;
}
.picScroll_zt .hd {
    height:0.53rem; line-height:0.53rem;   overflow:hidden; text-align:center;  width:100%;
}
.picScroll_zt .hd ul {
    display:inline-block; padding-top:0.21rem;  overflow:hidden;
}	
.picScroll_zt .hd li {
    float:left; width:0.10rem; height:0.10rem; background:#D0D0D0; margin:0 0.06rem; overflow:hidden; -webkit-border-radius:0.10rem; -moz-border-radius:0.10rem; border-radius:0.10rem;
}
.picScroll_zt .hd .on {
    background:#80BD6D;
}
/*picScroll_lx 轮显*/
.picScroll_lx {
    margin:0rem auto;
}
.picScroll_lx .bd {
    overflow:hidden; height:4.00rem;
}
.picScroll_lx .bd ul {
    width:100%;
}
.picScroll_lx .bd li {
    width:100%; font-size:0.33rem;
}	
.picScroll_lx .bd li a {
    display:block; padding-left:0.26rem; padding-right:0.26rem; padding-top:0.26rem;
}     
.picScroll_lx .bd li a img {
    width:100%; height:auto; position:relative;
}
.picScroll_lx .bd li a span {
    position:absolute; display:block;z-index:999; bottom:0px; color:#fff;padding-top:0.06rem; padding-bottom:0.06rem; padding-left:0.13rem; text-align: center;background-color:#262626; opacity:0.8;  width:20%;
}
.picScroll_lx .hd {
    height:0.53rem; line-height:0.53rem;   overflow:hidden; text-align:center;  width:100%;
}
.picScroll_lx .hd ul {
    display:inline-block; padding-top:0.21rem;  overflow:hidden;
}	
.picScroll_lx .hd li {
    float:left; width:0.10rem; height:0.10rem; background:#D0D0D0; margin:0 0.06rem; overflow:hidden; -webkit-border-radius:0.10rem; -moz-border-radius:0.10rem; border-radius:0.10rem;
}
.picScroll_lx .hd .on {
    background:#80BD6D;
}
.list_news {
    overflow:hidden; padding-left:0.30rem; padding-right:0.30rem;
}
.list_news li.item {
    padding-top:0.30rem; padding-bottom:0.30rem;
    overflow:hidden;  
}
.list_news li.item a {
    display:block; 
}
.list_news li.item a img {
    width:2.00rem; float:left; margin-right:0.30rem;  border:0.03rem solid #e5e5e5;
}
.list_news li.item a h3 {
    color:#555555;line-height:0.43rem; font-size:0.38rem;padding-bottom:0.10rem;
}
.list_news li.item a span {  
    color: #999999;
    line-height:0.50rem;
    font-size:0.33rem;
}
.list_news li.split {
    border-bottom:solid 0.03rem #e0e0e0;
}
.foot {
    background-color:#f4f4f4; text-align:center; padding:0.36rem; line-height:0.6rem; margin-top:0.40rem;
}
.foot a {
    color:#555555; margin-left:0.13rem; margin-right:0.13rem; font-size:0.30rem;
}
.foot span {
    color:#999999;
}
/*内页*/
.nav {
    width:100%;  height:1.10rem; background-color:#ef365a; overflow:hidden;
}
.nav .nav_back {
    height:1.10rem; line-height:1.10rem; display:inline-block; color:#fff; background-image:url(../images/back.png); background-repeat:no-repeat; background-position:left center; background-size:0.20rem auto;
    padding-left:0.36rem; margin-left:0.20rem ; float:left; font-size:14px;
}
.nav h3 {
    text-align:center; color:#fff; line-height:1.10rem; font-size:16px;
}
.nav .nav_menu {
    height:1.10rem; width:1.10rem; display:inline-block;background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:right center; background-size:0.50rem auto;
    margin-right:0.20rem;float:right;
}
.nav_weixin {
    width:100%;  height:40px; background-color:#ef365a; overflow:hidden;
}
.nav_weixin .nav_back {
    height:40px; line-height:40px; display:inline-block; color:#ef365a; background-image:url(../images/backnone.png); background-repeat:no-repeat; background-position:left center; background-size:12px auto;
    padding-left:20px; margin-left:15px; float:left;
}
.nav_weixin h3 {
    text-align:center; color:#fff; line-height:40px; font-size:14px;
}
.nav_weixin .nav_menu {
    height:40px; width:40px; display:inline-block;background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:right center; background-size:25px auto;
    margin-right:15px;float:right;
}
.notice {
    border-bottom:solid 0.02rem #efefee; height:1.00rem;background-color:#e5e5e5; text-align:center;
}
.notice a {
    line-height:1.00rem; color:#000000;font-size:0.38rem;
}
.notice span {
    line-height:1.00rem; color:#000000;font-size:0.38rem;padding-right:0.50rem
}
.notice .book {
    line-height:1.00rem; color:#ef365a; font-size:0.38rem;
}
.notice .book .number {
    color:#573a0c; font-weight:bolder; padding-left:0.06rem; padding-right:0.06rem; font-size:14px;
}
.notice2 {
    margin-top:0;border-top:solid 0.02rem #f0f0f0; border-bottom:solid 0.02rem #f0f0f0; height:1.00rem; background-color:#e5e5e5; text-align:center;
}
.notice2 a {
    line-height:1.00rem; color:#ef365a;
}
.notice2 .book {
    line-height:1.00rem; color:#ef365a; font-size:0.38rem;
}
.notice2 .book .number {
    color:#573a0c; font-weight:bolder; padding-left:0.06rem; padding-right:0.06rem; font-size:0.38rem;
}
.book_list {
    overflow:hidden;
}
.book_list ul {
    overflow:hidden; padding-top:0.15rem;
}
.book_list ul li {
    float:left;
    width:50%; overflow:hidden; padding-top:0.10rem; padding-bottom:0.10rem;
    height:5.30rem;
}
.book_list ul li div {
    padding:0.30rem; background-color:#f5f5f5; overflow:hidden; position:relative; 
}
/*.book_list ul li div i {
    display:inline-block; width:30px; height:25px;line-height:25px; background-image:url(../images/suoyin.png); background-repeat:no-repeat; background-position:left top; background-size:30px auto;color:#fff; font-style:normal; font-weight:bold;position:absolute; top:7px;  padding-left:8px;
}
*/
.book_list ul li div .i2 {
    display:inline-block; width:1.10rem; height:0.33rem;line-height:0.33rem; background-image:url(../images/suoyin.png); background-repeat:no-repeat; background-position:left top; background-size:1.00rem auto;color:#fff; font-style:normal; font-weight:bold;position:absolute; top:0.12rem;  padding-left:0.10rem;
}
.book_list ul li .img {
    width:60%; display:inline-block; overflow:hidden; float:left; border:0.03rem solid #e0e0e0;
}
.book_list ul li .img img {
    width:100%;
}
.book_list ul li .shubao {
    width:30%;  float:right; text-align:center; font-size:0.33rem;padding-top:0.20rem; padding-bottom:0.20rem; border:solid 0.03rem #d0d0d0; border-radius:0.06rem; color:#555555;margin-top:0.35rem;
}
.book_list ul li .shubao2 {
    width:32%;  float:right; text-align:center; font-size:0.33rem; padding-top:0.08rem; padding-bottom:0.08rem; border:solid 0.03rem #d0d0d0; border-radius:0.06rem; color:#555555;margin-top:0.10rem; background-color:#ffffff;
}
.book_list ul li .shubao3 {
    width:35%;  float:right; text-align:center; font-size:12px;padding-top:0.06rem; padding-bottom:0.06rem; border:solid 0.01rem #d0d0d0; border-radius:0.06rem; color:#000000;margin-top:0.06rem; background-color:#e0e0e0;
}
.book_list ul li .shubao4 {
    width:30%;  float:right; text-align:center; font-size:14px;padding-top:0.06rem; padding-bottom:0.06rem; border:solid 0.01rem #d0d0d0; border-radius:0.06rem; color:#000000;margin-top:0.13rem; background-color:#e0e0e0;
}
.book_list ul li .shubao_nologin {
    width:30%;  float:right; text-align:center; font-size:0.33rem;padding-top:0.20rem; padding-bottom:0.20rem; border:solid 0.03rem #cccccc; border-radius:0.06rem; color:#aaaaaa;margin-top:0.35rem;
}
.book_list ul li .shoucang {
    width:30%; float:right; text-align:center;font-size:0.33rem;padding-top:0.20rem; padding-bottom:0.20rem; border:solid 0.03rem #d0d0d0; border-radius:0.06rem; color:#555555; margin-top:0.35rem;
}
.book_list ul li .shoucang_nologin {
    width:30%; float:right; text-align:center;font-size:0.33rem;padding-top:0.20rem; padding-bottom:0.20rem; border:solid 0.03rem #cccccc; border-radius:0.06rem; color:#aaaaaa; margin-top:0.35rem;
}
.book_list ul li .fenge {
    width:100%; height:0.02rem; background-color:#c5c5c5; display:inline-block; margin-bottom: 0.10rem;
}
.book_list ul li .title {
    color:#000; font-size:0.38rem; margin-top:0.26rem;line-height:0.40rem;  height:0.40rem;
}
.book_list ul li .zhuti {
    color:#666666; font-size:0.33rem;margin-top:0.12rem; line-height: 0.38rem; height:0.38rem;
}
.book_list ul li .cishu {
    color:#666666; font-size:0.33rem;margin-top:0.12rem; line-height: 0.38rem; height:0.38rem;
}
.book_list ul li.left div {
    margin-right:0.06rem;
}
.book_list ul li.right div{
    margin-left:0.06rem;
}
.fenlei {
    overflow:hidden;  padding:10px; text-align:center; background-color:#f6f6f6;
}
.fenlei a {
    width:30%; display:inline-block; text-align:center; color:#555555; background-color:#e0e0e0; height:40px; line-height:40px; border-radius:20px;
}
/*绘本详情*/
.book_title {
    overflow:hidden; padding-top:0.26rem;
}
.title_left {
    float:left; width:30%;
}
.title_left a {
    width:70%; display:block;height:1.00rem; line-height:1.00rem;margin-top:0.50rem;margin-bottom:0.50rem; text-align:center;background-color:#f4f4f4; color:#555555; border-top-right-radius:0.33rem;border-bottom-right-radius:0.33rem;font-size:0.38rem; font-weight:bolder;
}
.title_center {
    float:left; width:40%; text-align:center;
}
.title_center img {
    width:auto; max-height:3.60rem;
}
.title_right {
    float:left; width:30%;
}
.title_right a {
    width:70%; display:block;height:1.00rem; line-height:1.00rem;margin-top:0.50rem; text-align:center;background-color:#f4f4f4; color:#555555; border-top-left-radius:0.33rem;border-bottom-left-radius:0.33rem;font-size:0.38rem; font-weight:bolder;float:right;
}
.book_info {
    overflow:hidden;
}
.info_title {
    text-align:center; background-color:#333333; color:#fff; height:0.80rem; line-height:0.80rem; font-size:0.36rem;
}
.info_info {
    color:#888888; text-align:center;  height:0.80rem; line-height:0.80rem; font-size: 0.33rem;
}
.info_split {
    width:100%; height:0.26rem; background-image:url(../images/split.png); background-position:left center; background-repeat:repeat-x;background-size:auto 0.26rem;
}
.pinglun_item {
    margin:0.20rem; padding:0.20rem; position:relative; margin-top:0px;margin-bottom:0.06rem;
    padding-top:0.06rem;
}
.info_item {
    margin:0.30rem; padding:0.20rem; border:solid 0.03rem #a0a0a0; position:relative; margin-top:0.50rem;margin-bottom:0.06rem;
}
.info_item h4 {
    color:#ef365a; position:absolute; top:-0.30rem; background-color:#fff; padding-left:0.20rem; padding-right:0.20rem; font-size:0.38rem;
}
.info_item .info_item_content {
    padding-top:0.50rem;padding:0.30rem; line-height:0.70rem; text-align:justify;padding-bottom:0.00rem; font-size:0.36rem;
}
.info_item .line {
    height:0.46rem; line-height:0.46rem; padding-top:0.13rem; padding-bottom:0.13rem; width:100%;
}
.info_item .c_title {
    color:#888888; height:0.46rem; line-height:0.46rem; width:30%; float:left; padding:0.13rem 0rem;
}
.info_item .text {
    height:0.46rem; line-height:0.46rem; width:60%; border:none; font-size:14px; border-radius:0.40rem; border:solid 0.02rem #d9d9d9; padding-left:0.26rem; float:left;
}
.info_item .textarea {
    height:0.80rem; width:60%; border:none;font-size:14px;   
}
/* 绘本详情中丛书 */
.info_item .congshu {
    padding:0.10rem; 
}
.info_item .congshu ul {
    overflow:hidden; padding-bottom:0rem; 
}
.info_item .congshu li {
    float:left;
    width:33%;
}
.info_item .congshu li div {
    width:100%; margin:0 auto; padding:0.30rem;
}
.info_item .congshu li div img {
    float:left; width:80%; border:0.02rem solid #e0e0e0;
}
.info_item .congshu .zhu {
    margin-top:0.20rem;
    font-size:0.38rem; font-weight:bolder;
    background-color:#e0e0e0;color:#6b6968;
    padding:0.06rem 0.13rem;
}
.info_item .congshu .zhu a {
    color:#6b6968;font-size:0.33rem; 
}
.user_pinglun {
    overflow:hidden;
}
.user_pinglun li {
    border-bottom:solid 1px #a0a0a0; padding-top:10px; padding-bottom:10px;
}
.user_pinglun li p {
    color:#555555; line-height:26px;
}
.user_info {
    overflow:hidden;
}
.user_info img {
    float:left; width:50px; border-radius:25px;
}
.user_info b {
    display:block; padding-left:65px;
}
.user_info span {
    display:block;  padding-left:65px; color:#888888; font-size:13px;
}
.call_address {
    overflow:hidden;
}
.call_address a {
    height:30px; line-height:30px; display:inline-block;  background-color:#ffce55; color:#7e6730; padding:5px 30px 5px 30px; border-radius:5px;
}
.call_address a.address {
    margin-left:20px;
}
.content {
    overflow:hidden; padding:0.30rem;
}
.content h3 {
    text-align:center; line-height:0.50rem; font-size:0.43rem; padding-bottom: 0.20rem;
}
.content .info {
    color:#888888; text-align:center; font-size:0.34rem; display:block; padding-top:0.06rem;
}
.neirong {
    overflow:hidden; line-height:0.60rem; margin-top:0.20rem; padding-top:0.15rem; font-size:0.38rem;
}
.lines {
    border-bottom:0.03rem solid #f0f0f0; padding:0.06rem 0.26rem;
}
.neirong p {
    padding-top:0.13rem;
}
.xgps {
    color:#555555; background-color:#f4f4f4; font-size:14px; padding:5px 20px  5px 20px; border-radius:5px; position:absolute; right:20px; top:-13px;
}
.userinfo {
    overflow:hidden; padding:0.26rem;
}
.userinfo .line {
    height:0.46rem; line-height:0.46rem; padding-top:0.13rem; padding-bottom:0.13rem; width:100%;
}
.userinfo .c_title {
    color:#888888; height:0.46rem; line-height:0.46rem; width:30%; float:left; padding:0.13rem 0;
}
.userinfo .c_text {
}
.userinfo .text {
    height:0.46rem; line-height:0.46rem; width:60%; border:none; font-size:14px; border-radius:0.40rem; border:solid 0.02rem #d9d9d9; padding-left:0.26rem; float:left;
}
.userinfo .textarea {
    height:0.80rem; width:60%; border:none;font-size:14px;   
}
.btnsave {
    width:100%; background-color:#ffce55; color:#7e6730;border:none;font-weight:bold; height:40px; font-size:16px;border-radius:10px; -webkit-appearance:none ;
}
.btnsave2 {
    width:35%; background-color:#44a818; color:#ffffff;border:none;font-weight:bold; height:40px; font-size:14px;border-radius:10px; -webkit-appearance:none ;
}
.order_notice {
    background-color: text-align:center;  display:block; padding-top:0.30rem;font-size:0.50rem;
}
.user_nav {
    overflow:hidden;
}
.user_nav li {
    float:left;width:25%; text-align:center;
}
.user_nav li a {
    display:inline-block; padding:0.35rem;font-size:0.36rem;
}
.user_nav li a img {
    width:100%;
}
.user_nav li a span {
    color:#555555;
}
.order_list {
    overflow:hidden; padding:15px;
}
.order_list h3 {
    color:#555555;padding-top:10px;  padding-left:5px; font-weight:normal; font-size:14px;
}
.order_list ul {
    overflow:hidden; border-bottom:solid 1px #e0e0e0; padding-bottom:10px; 
}
.order_list ul li {
    float:left; overflow:hidden; width:20%;
}
.order_list ul li a {
    padding:5px; display:inline-block;
}
.order_list ul li img {
    width:100%; border-radius:5px;
}
.shubaobtn {
    overflow:hidden; text-align:center; padding:10px;
}
.shubaobtn input {
    width:45%; height:40px; border-radius:5px;border:none;
}
.shubaobtn input.clear {
    margin-right:10px; background-color:#c2c2c2;color:#6d6d6d;font-size:16px;
}
.shubaobtn input.tijiao {
    margin-left:10px; background-color:#ffce55; color:#7e6730;font-size:16px;
}
/*菜单*/
div.slide-mask {    
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: none;
}
aside.slide-wrapper {
    display:none;
    position: absolute;
    z-index: 4;
    right: 0;
    top: 1.10rem;
    width: 40%;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
aside.slide-wrapper > div {
    background-color: #343434;
    min-height: 100%;
    opacity:0.8;
}
aside.slide-wrapper > div > div {
    padding: 0 0.13rem;
    height: 1.00rem;
    background-color: #262626;
    overflow: hidden;
}
aside.slide-wrapper > div > div strong {
    height: 1.00rem;
    line-height: 1.00rem;
    font-size: 0.43rem;
    color: #ffffff;
    font-weight: normal;
}
aside.slide-wrapper.moved {
    display:block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
aside.slide-wrapper li > a {
    padding: 0.30rem 0.13rem;
    border-top: 0.03rem solid #4d4d4d;
    border-bottom: 0.03rem solid #262626;
    font-size: 0.40rem;
    display: block;
    color: #fff;
    text-align:center;
}
aside.slide-wrapper li.current > a {
    background-color: #262626;
}
/*分页*/
.pages {
    overflow:hidden; padding:0.30rem;text-align:center;
}
.pages li {
    display:inline-block; margin-top: 0.20rem;
}
.pages li a {
    border:solid 0.02rem #e9e7e8;border-radius:0.30rem;padding:0.10rem 0.40rem;background-color:#e5e5e5;color:#000000; font-size:0.33rem;height:0.50rem;
}
.pages li a:hover {
    background-color:#f5f5f5;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
/*
.pages a {
    border:solid 0.02rem #D0D0D0; border-radius:0.20rem; padding:0.20rem 0.40rem; color:#555555;
}
*/
.pages select {
    display:inline-block;  border:solid 0.02rem #D0D0D0; border-radius:0.09rem; padding:0.20rem 0.13rem; color:#555555; font-size:0.30rem;
}
.pages .pre {
    float:left;
}
.pages .next {
    float:right;
}
.pages .now {
    text-align:center;
    font-size:0.38rem;
}
.float-right {
    margin-left:0.20rem;
}
.float-right {
    float:right !important;
}
.float-left {
    float:left !important;
}
/*注册logo*/
.reg_logo {
    padding:30px 15px 10px 15px; text-align:center; overflow:hidden;
}
.reg_logo a {
    width:80%; display:inline-block;
}
.reg_logo a img {
    width:100%;
}
/*注册步骤*/
.reg_step {
    overflow:hidden; padding:15px;
}
.reg_step_bg {
    height:50px;  background-repeat:no-repeat; background-position:center center; background-size:100% auto;
}
.reg_step_1 {
    background-image:url(reg_step_1.png);
}
.reg_step_2 {
    background-image:url(reg_step_2.png);
}
.reg_step_3 {
    background-image:url(reg_step_3.png);
}
.reg_step_text {
    width:25%; float:left; font-size:12px; text-align:center; color:#888888; padding-top:10px;
}
/*注册计划*/
.reg_plan {
    overflow: hidden;
    padding-top: 15px;   
}
.reg_plan li {
    padding:15px;
}
.reg_plan li div {
    overflow:hidden;
}
.reg_plan li span {
    display:inline-block; padding:0; margin:0;float:left;
    p
}
n
.reg_plan li span.plan_name {
    width:30%;
}
.reg_plan li span.plan_price {
    width:15%; text-align:center;
}
.reg_plan li span.plan_count {
    width:15%;text-align:center;
}
.reg_plan li span.plan_count2 {
    width:15%;text-align:center;
}
.reg_plan li span.plan_price2 {
    width:15%;text-align:center;
}
.reg_plan li span.plan_select {
    width:10%;text-align:center;
}
.plan_title {
    background-color:#e5e5e5;
}
.plan_itme_1 {
    background-color:#fff;
}
.plan_itme_2 {
    background-color:#f3f3f3;
}
/*注册内容*/
.reg_body {
    padding:10px 40px; overflow:hidden;
}
.reg_body li {
    margin-bottom:10px;  padding:10px 30px 10px 30px;  border-radius:30px; border:solid 1px #d9d9d9;
}
.reg_body li span {
    r
    width:70px; display:inline-block;
}
.reg_body li input {
    width:100px; padding:5px; border:none;
}

/*注册按钮*/
.reg_button {
    text-align:center; padding:15px;
}
.reg_step_button_1 {
    width:90%; background-color:#ff5e45; color:#fff;border:none;font-weight:bold; height:40px; font-size:16px;border-radius:30px;
}
.reg_step_button_pre {
    width:40%; background-color:#999999; color:#fff;border:none;font-weight:bold; height:40px; font-size:16px;border-radius:30px;
}
.reg_step_button_next {
    width:45%; background-color:#ff5e45; color:#fff;border:none;font-weight:bold; height:40px; font-size:16px;border-radius:30px; 
}
/*登录*/
.login_logo {
    padding:0.20rem 0.20rem 0.10rem 0.20rem; text-align:center; overflow:hidden;
}
.login_logo a {
    width:80%; display:inline-block;
}
.login_logo a img {
    width:100%;
}
.login_body {
    padding:10px 40px; overflow:hidden;
}
.login_body li {
    margin-bottom:15px;  padding:10px 30px 10px 30px;  border-radius:30px; border:solid 1px #d9d9d9;
}
.login_body li span {
    width:50px; display:inline-block;
}
.login_body li input {
    width:100px; padding:5px; border:none; font-size:14px;
}
.login_item {
    text-align:center; 
}
.login_button {
    text-align:center; padding:0.50rem;
}
.login_button input {
    //width:90%; background-color:#ff5e45; color:#fff;border:none;font-weight:bold; height:0.53rem; font-size:16px;border-radius:0.40rem;-webkit-appearance:none;
    width:100%;  float:right; text-align:center; font-size:0.38rem;padding-top:0.06rem; padding-bottom:0.06rem; background-color:#ff5e45; border:solid 0.02rem #cccccc; border-radius:0.06rem; color:#ffffff;
}
.login_button a {
    width:100%;  float:right; text-align:center; font-size:0.38rem;padding-top:0.06rem; padding-bottom:0.06rem; background-color:#ff5e45; border:solid 0.02rem #cccccc; border-radius:0.06rem; color:#ffffff;
    height:0.80rem; line-height: 0.80rem;
}
.register_forget {
    padding-top:0.30rem;text-align:center;font-size:0.36rem;
}
.register_forget .register {
    color:darkorange; font-weight:bolder;
}
.register_forget .forget {
    color:gray;
}
.sub_button {
    text-align:center; padding:15px;
}
.sub_button .login {
    width:40%; background-color:#ff5e45; color:#fff;border:none;font-weight:bold; height:40px; font-size:16px;border-radius:10px;-webkit-appearance:none; margin-right:10px;
}
.sub_button .cancel {
    width:30%; background-color:#eeeeee; color:#000000;border:none;font-weight:bold; height:40px; font-size:16px;border-radius:10px;-webkit-appearance:none;
}
/*绘本计划*/
.hb_plan {
    overflow: hidden;
    padding-top: 15px;   
}
.hb_plan li {
    padding:15px 20px 15px 20px;
}
.hb_plan li div {
    overflow:hidden; 
}
.hb_plan li span {
    display:inline-block; padding:0; margin:0;float:left;
}
.hb_plan li span.plan_name {
    width:36%;
}
.hb_plan li span.plan_price {
    width:15%; text-align:center;
}
.hb_plan li span.plan_count {
    width:15%;text-align:center;
}
.hb_plan li span.plan_count2 {
    width:18%;text-align:center;
}
.hb_plan li span.plan_price2 {
    width:15%;text-align:center;
}
.hb_notice {
    padding:15px; line-height:28px; text-align:justify;
}
.hb_notice p {
    margin-top:10px;
}
/*picScroll_plan*/  
.picScroll_plan{ margin:0px auto;   }
.picScroll_plan .hd{ height:40px; line-height:40px;   overflow:hidden; text-align:center;  width:100%; }
.picScroll_plan .hd ul{ display:inline-block; padding-top:16px;  overflow:hidden;  }	
.picScroll_plan .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; 	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 	}
.picScroll_plan .hd .on{ background:#80BD6D;  }
/*绘本专题*/
.ny_shudan_item {
    overflow:hidden; padding:0.13rem; background-color:#fbfbfb; 
}
.ny_shudan_item_big {
    overflow:hidden;
}
.ny_shudan_item_big img {
    float:left; width:20%; margin-top:0px; border:solid 0.03rem #c0c0c0; border-radius:0.06rem; padding:0.06rem; 
}
.ny_shudan_item_big div {
    float:right; width:77%;
}     
.ny_shudan_item_big div h3 {
    display:block; font-size:0.38rem; font-weight:bold; color:#39ac4b; margin-bottom: 0.15rem;
}
.ny_shudan_item_big div p {
    display:block; color:#555555; padding-top:0.06rem; line-height:0.50rem;font-size:0.33rem;
}
.ny_shudan_item_big div a{
    color:#555555;
} 
.ny_shudan_item_ul {
    overflow:hidden;  padding-top:0.26rem;
}
.ny_shudan_item_ul li {
    float:left; width:16.5%; overflow:hidden; text-align:center;
}
.ny_shudan_item_ul li a {
    width:70%;  display:inline-block; padding:0.04rem; border:solid 0.03rem #d2d2d2; border-radius:0.05rem; text-align:center;
}
.ny_shudan_item_ul li img {
    width:80%;
}
.ny_shudan_item_big i {
    position:absolute; width:0.90rem; height:0.40rem; line-height:0.40rem; background-color:#ff8a00; color:#fff; text-align:center; font-style:normal;font-size:0.30rem;
}
.split {
    height:0.04rem; width:100%; background-image:url("../images/split.png"); background-position:left center; background-repeat:repeat-x;  background-size:auto 0.13rem;
}
/*绘本专题详情*/
.dashuju_item_title {
    height:0.60rem; line-height:0.60rem; padding:0.06rem 0.13rem; background-color:#dcdedb; color:#000000; overflow:hidden; margin-left: 0.40rem; margin-right: 0.40rem;
}
.dashuju_item_title span {
    font-size:0.38rem; padding-left: 0.10rem; font-weight: bolder;
}
.dashuju_item_title a.more {
    float:right;
}
.ny_hb_xg_ul {
    overflow:hidden;  padding-bottom:0.40rem; padding:0.13rem;
}
.ny_hb_xg_ul li {
    float:left; width:33%; height:auto; overflow:hidden; padding-top:0.26rem; text-align:center;
}
.ny_hb_xg_ul li a {
    display: block;text-align:center;
}       
.ny_hb_xg_ul li img {
    width:80%;border:solid 0.03rem #d2d2d2; border-radius:0.03rem; padding:0.06rem;
}
.ny_hb_xg_ul li p {
    width:100%; overflow:hidden; text-align:center; color:#555555; height:0.53rem;display:block; font-size:0.36rem;
}
.ny_hb_xg_ul li .shubao {
    display:inline;background-color:#04BE02;padding-left:0.15rem;padding-right:0.15rem;border-radius:0.16rem;border:solid 0.03rem #d0d0d0;color:#ffffff
}
.ny_hb_xg_ul li .shubao2 {
    display:inline;color:gray;
}
.ny_hb_xg_ul li .shubao3 {
    display:inline;background-color:orange;padding-left:0.15rem;padding-right:0.15rem;border-radius:0.16rem;border:solid 0.03rem #d0d0d0;color:#ffffff
}
.ny_zt_shudan {
    padding: 0.26rem 0.26rem 0.13rem 0.26rem; background-color:#fff;
}
.ny_zt_shudan h3 {
    border-bottom:solid 0.03rem #efefef; text-align:center; padding-bottom:0.26rem; font-size:0.43rem;
}
.ny_zt_shudan span {
    padding-top:0.13rem; text-align:center; display:block;color:#999999; font-size:0.33rem;
}
.ny_zt_shudan_content {
    padding-top:0.40rem; line-height:0.70rem; font-size:0.33rem; padding-bottom:0.30rem;
}
/*借阅排行*/
.dashuju_item_2 {
    overflow:hidden; background-color:#fff;
}
.index_paihang_ul {
    overflow:hidden; 
}
.index_paihang_ul li {
    float:left; width:33%; overflow:hidden; height:auto;
}
.index_paihang_ul li a {
    display:block; padding:0.20rem;
}
.index_paihang_ul li i {
    position:absolute; width:0.60rem; height:0.40rem; line-height: 0.40rem; background-color:#ff8a00; color:#fff; text-align:center; font-style:normal;
}
.index_paihang_ul li img {
    padding:0.06rem;  width:90%; border:solid 0.03rem #d2d2d2; border-radius:0.06rem; float:left;
}
.index_paihang_ul li p {
    width:100%; overflow:hidden; text-align:center; color:#555555; height:0.50rem;
}
/* 借阅过的绘本*/
.jieyue_date {
    margin-top:0.40rem;margin-bottom:0.30rem;
    border-bottom:solid 0.02rem #efefee; height:0.90rem;background-color:#e5e5e5; text-align:left; padding-left:0.25rem;
}
.jieyue_date span {
    line-height:0.90rem; color:#000000;font-size:0.38rem;font-weight:bolder;
}
.index_jieyue_ul {
    overflow:hidden; 
}
.index_jieyue_ul li {
    float:left; width:25%; overflow:hidden; height:auto;
}
.index_jieyue_ul li a {
    display:block; padding:0.20rem;
}
.index_jieyue_ul li img {
    padding:0.06rem;  width:90%; border:solid 0.03rem #d2d2d2; border-radius:0.06rem; float:left; height:1.80rem;
}

/*绘本借阅*/
.h_dsa {
    height: 0.80rem;
    margin-top: 0.15rem;
    border: 0.03rem solid #84cf5c;
    background: #dcf3b4;
    line-height: 0.80rem;
    padding-left: 0.20rem;
}
.h_sodf {
    border: 0.03rem solid #9cdd79;
    padding: 0.01rem 0.02rem;
    background: #fff;
    margin-left: 0.20rem;
    height:0.26rem;
    font-size:0.33rem;
}
.h_sodf img {
    padding-bottom: 0.06rem;
    padding-left: 0.13rem;
}
/*绘本借阅搜索*/
.search {
    overflow:hidden; background-color:#f7f7f7;padding:5px 10px; height:40px;
}
.search p {
    border:solid 2px #e1e2e5; border-radius:3px; overflow:hidden;  background-color:#fff;
}
.search p .s_key {
    border:none; height:30px; width:80%; font-size:14px;
}
.search p .s_btn {
    float:right;   width:30px; height:30px; border:none; background-color:none;  background-image:url("//huiben.cn/Public/mobile/images/searchbtn.png"); background-position:center center; background-repeat:no-repeat; background-size:30px auto;
}
.search_order_1 {
    overflow:hidden; padding:5px; margin:0 auto;
}
.search_order_1 ul {
    overflow:hidden;        
}
.search_order_1 ul li {
    width:33%; float:left; text-align:center;
}
.search_order_1 ul li a {
    color:#555555; width:90%; height:30px; line-height:30px; display:inline-block; background-image:url("//huiben.cn/Public/mobile/images/list_order.png"); background-position:center center; background-repeat:no-repeat; background-size:auto 30px;font-size:14px;
}
.input2 {
    font-size:14px;padding:5px 25px;border:solid 1px #ddd;width:95%;height:34px;line-height:20px;display:block;border-radius:8px;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
/*弹出框提示样式*/
.dialog-div-box{background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: fixed; z-index: 1988; top: 0px; left: 0px; overflow: hidden;}
.dialog-div{z-index:2988; position:fixed;}
.u-guodu-box { padding:5px 15px; background: rgba(60,60,63,0.9);min-heigh:200px; border-radius:10px;}
.u-guodu-box div{ color:#fff; line-height:20px; font-size:12px; margin:0px auto; height:100%; padding-top:10%; padding-bottom:10%;}
#tophovertree {
    display:block;position:fixed;width:36px;height:36px;right:20px;bottom:20px;cursor:pointer;background-image:url("//huiben.cn/Public/mobile/images/tophovertree.gif");opacity:0.9;display:none;
}
/*内页评论*/
.ny_pinglun {
    background-color:#fff; overflow:hidden;
}
.ny_pinglun_title {
    border-top:solid 0.02rem #b0deb7; border-bottom:solid 0.02rem #feaab3; overflow:hidden; color:#ff6600;
}
.ny_pinglun_title h3 {
    display:inline-block;  padding:0.13rem 0.00rem 0.13rem 0.13rem;  font-size:14px;
}   
.ny_pinglun .pinglun {
    width:100%;
    margin:0 auto;
    text-align: center;
    margin-top:0.13rem;
}
.ny_pinglun .h_texrar {
    padding-top: 0.10rem;
    margin-top:0.13rem;
    width: 90%;
    height: 1.80rem;
    border:0.03rem solid #ddd;
    margin:0 auto;
    font-size: 0.33rem;
}
.ny_pinglun .h_deff {
    color: #fff;
    background: #71C671;
    padding: 0.06rem 0.20rem;
    border: 0;
    float:left;
    font-size:14px;
    font-weight:bolder;
    text-align:center;
}
.ny_pinglun_ul {
    overflow:hidden;
}
.ny_pinglun_ul li {
    width:100%; overflow:hidden; border-bottom:solid 0.03rem #e0e0e0; margin-bottom: 0.13rem; padding-bottom: 0.13rem;
}
.ny_pinglun_ul li  span {
    color:#999999; display:block; font-size:13px; padding-bottom:0.06rem; padding-left:0.26rem;

}
.ny_pinglun_ul li  span b {
    color:#39ac4b;
}
.ny_pinglun_ul li  p {
    color:#555555;
    line-height:0.27rem;
    padding-left:0.26rem; padding-right:0.26rem;
}
.ny_pinglun .h_dada {
    padding-left: 0rem;
    margin-top: 0.13rem;
}
.ny_pinglun .pinglun_list {
    padding-left: 0.10rem;
    margin-top: 0.20rem;
    width: 100%;
}
.pinglun {
    margin:0 auto;
    margin-top:0.06rem;
    line-height:0.26rem;
    font-size:0.38rem;
    width:95%;
    border-bottom:solid 0.03rem #b0deb7;
    padding-bottom:0.13rem;
    margin-bottom:0.13rem;
}
.pinglun_content {
    margin:0 auto;
    line-height:0.55rem;
    font-size:0.33rem;
    width:98%;
    border-bottom:solid 0.03rem #b0deb7;
    padding-bottom:0.20rem;
    margin-bottom:0.20rem;
    float:left;
    color:slategray;
}
/*添加评论*/
.ny_pinglun_content {
    padding:0.10rem;
    margin:0 auto;
}
.ny_pinglun_content li {
    overflow:hidden; padding:5px; vertical-align:top;
}
.ny_pinglun_content li span {
    width:50px; display:inline-block; float:left; padding:5px;
}
.ny_pinglun_content li input.text {
    width:100%; min-width:100px; max-width:200px; border:solid 1px #e0e0e0; padding:5px; border-radius:5px;
}
.ny_pinglun_content li textarea.textarea {
    width:100%; min-width:100px; height:60px;border:solid 1px #e0e0e0; padding:5px; border-radius:5px;
}
.ny_pinglun_content li input.pl_btn {
    width:100%; min-width:100px; max-width:200px;  font-weight:bold;  background-color:#5dc050;   color:#fff; margin-left:5px;  margin-right:5px; border-radius:5px; height:35px; line-height:35px; display:inline-block; text-align:center; border:none;-webkit-appearance:none;
}
.pl_btn {
    width:20%; background-color:#5dc050;  color:#fff; margin-left:5px;  margin-right:5px; border-radius:5px; height:35px; line-height:35px; display:inline-block; text-align:center; border:none;-webkit-appearance:none; font-size:14px;
}
/* 我的订单*/
.list_order {
    overflow:hidden; padding-left:0.20rem; padding-right:0.20rem;
}
.list_order li.item {
    padding-top:0.30rem; padding-bottom:0.20rem;
    overflow:hidden;  
}
.list_order li.item a {
    display:block; 
}
.list_order li.item img {
    width: 1.30rem; height: 1.30rem; float:left; padding-right:0.13rem; border:0.02rem solid #d4d4d4;
}
.list_order li.item h3 {
    color:#555555;
    line-height:0.45rem;
    font-size:12px;
    font-weight:normal;
    padding-left:0.13rem;
}
.list_order li.item a span {                
    color: #999999;
    line-height:0.45rem;
}
.list_order li.split {
    border-bottom:solid 0.02rem #e0e0e0;
}
/************************/
/*清除浮动*/
.clearfix:after { clear: both; display: block; height: 0; content: ""; }

/*顶部*/
.wap-header { background-color: #fff;width:100%; }
.wap-header h1 { padding: 0 2.4rem; text-align: center; font-size: 0.42rem; line-height: 1.0rem; }
.wap-search { height: 0.6rem;  padding: 0.20rem 0.2rem 0.06rem 1.2rem; }
.wap-search form { position: relative; background-color: #e4e4e4; border-radius: 1.1rem; overflow: hidden; }
.wap-search form input[type="button"] { position: absolute; top: 0.01rem; right: .2rem; width: 0.75rem; height: 0.6rem; border: none; background: url(../images/search-btn.png) no-repeat center; background-size: 50%; }
.wap-search-text { margin-right: 0.75rem; }
.wap-search-text input[type="text"] { display: block; width: 100%; height: 0.5rem; padding-right: 0.1rem; padding-left: 0.5rem; border: none; background: none; font-size:0.33rem; }
.wap-search-text input[type="text"]:focus { color: #ff2832; outline: none; }
a.wap-header-l, a.wap-header-r { position: absolute; display: block; width: 1.2rem; height: 1.1rem; text-align: center; font-size: 0.32rem; line-height: 1.1rem; font-weight:bolder;}
a.wap-header-r { right: 0; }
a.wap-header-back { background-size: 0.5rem; }

/**筛选**/
.screening-conditions { display: none; font-size: 0.38rem; }
.filtrate-cont { padding-bottom: 0.66rem; border-top: 0.03rem solid #ddd; }
/*分类*/
.filtrate-category { border-bottom: 0.03rem solid #dcdcdc; }
.filtrate-category a { display: block; padding: 0 15px; background: #fff url(../images/filter-sprite.png) no-repeat right -97px; background-size: 25px 193px; line-height: 44px; color: #646464; }
.filtrate-category.show a { background-position: right -51px; }
.filtrate-category a span { float: right; max-width: 60%; margin-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.filtrate-classify { height: 184px; overflow: hidden; }
.filtrate-classify-list { padding: 0 10px; }
.filtrate-classify-list li a { display: block; border-bottom: 1px solid #dcdcdc; line-height: 45px; color: #323232; }
.filtrate-classify-list li.active>a { color: #ff9600; }
/*一级分类*/
.filtrate-classify-list>li>a { padding-left: 5px; }
/*二级分类*/
.filtrate-classify-list>li>ul>li>a { padding-left: 25px; }
/*三级分类*/
.filtrate-classify-list>li>ul>li>ul>li>a { padding-left: 45px; }
/*四级分类*/
.filtrate-classify-list>li>ul>li>ul>li>ul>li>a { padding-left: 65px; }
/*五级分类*/
.filtrate-classify-list>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 85px; }
/*六级以下分类*/
.filtrate-classify-list>li>ul>li>ul>li>ul>li>ul>li>ul>li a { padding-left: 105px; }
/*二级分类以下所有子分类*/
.filtrate-classify-list>li>ul>li ul { display: none; }
/*价格*/
.filtrate-price { padding: 0 15px; /*border-top: 1px solid #dcdcdc;*/ border-bottom: 1px solid #dcdcdc; background-color: #fff; line-height: 45px; color: #646464; }
.filtrate-price input { width: 78px; height: 26px; padding: 3px 0; border: 1px solid #d8dbde; margin: 0 5px; background-color: #ebf0f3; text-align: center; line-height: 18px; color: #989da2; }
.filtrate-price input:focus { border-color: #f88b39; background-color: #fff; outline: none; }
/*绘本语言*/
.filtrate-language { height: 50px; overflow: hidden; }
.filtrate-language ul { padding: 10px 0 5px 10px; }
.filtrate-language li { float: left; width: 70px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-language li.active { padding: 0; border: 2px solid #f88b39; }

.filtrate-language li a { display: block; text-align: center; line-height: 30px; }
.filtrate-language li.active a { color: #f88b39; }
/*适读年龄*/
.filtrate-age { height: 80px; overflow: hidden; }
.filtrate-age ul { padding: 10px 0 5px 10px; }
.filtrate-age li { float: left; width: 66px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-age li.active { padding: 0; border: 2px solid #f88b39; }
.filtrate-age li a { display: block; text-align: center; line-height: 30px; }
.filtrate-age li.active a { color: #f88b39; }
/*适读年龄*/
.filtrate-bs { height: 80px; overflow: hidden; }
.filtrate-bs ul { padding: 10px 0 5px 10px; }
.filtrate-bs li { float: left; width: 66px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-bs li.active { padding: 0; border: 2px solid #f88b39; }
.filtrate-bs li a { display: block; text-align: center; line-height: 30px; }
.filtrate-bs li.active a { color: #f88b39; }
/*绘本主题*/
.filtrate-theme { height: 80px; overflow: hidden; }
.filtrate-theme ul { padding: 10px 0 5px 10px; }
.filtrate-theme li { float: left; width: 66px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-theme li.active { padding: 0; border: 2px solid #f88b39; }
.filtrate-theme li a { display: block; text-align: center; line-height: 30px; }
.filtrate-theme li.active a { color: #f88b39; }
/*绘本作者*/
.filtrate-author { height: 80px; overflow: hidden; }
.filtrate-author ul { padding: 10px 0 5px 10px; }
.filtrate-author li { float: left; width: 66px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-author li.active { padding: 0; border: 2px solid #f88b39; }
.filtrate-author li a { display: block; text-align: center; line-height: 30px; }
.filtrate-author li.active a { color: #f88b39; }
/*绘本奖项*/
.filtrate-award { height: 80px; overflow: hidden; }
.filtrate-award ul { padding: 10px 0 5px 10px; }
.filtrate-award li { float: left; width: 66px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-award li.active { padding: 0; border: 2px solid #f88b39; }
.filtrate-award li a { display: block; text-align: center; line-height: 30px; }
.filtrate-award li.active a { color: #f88b39; }
/*排序条件*/
.filtrate-paixu { height: 50px; overflow: hidden; }
.filtrate-paixu ul { padding: 10px 0 5px 10px; }
.filtrate-paixu li { float: left; width: 85px; height: 32px; padding: 1px; border: 1px solid #d8dbde; margin: 0 7px 5px 0; overflow: hidden; background-color: #fff; }
.filtrate-paixu li.active { padding: 0; border: 2px solid #f88b39; }
.filtrate-paixu li a { display: block; text-align: center; line-height: 30px; }
.filtrate-paixu li.active a { color: #f88b39; }
/*其他条件*/
.filtrate-other { padding-left: 10px; }
.filtrate-other h2 { font-size: 14px; line-height: 40px; }
.filtrate-other li { float: left; width: 50%; padding-right: 10px; }
.filtrate-other li label { display: block; padding-left: 22px; background: url(../images/filtrate-select.png) no-repeat 0 10px; background-size: 15px 87px; line-height: 35px; color: #989da2; }
.filtrate-other li.active label { background-position: 0 -34px; }
/*底部*/
.filtrate-footer { position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; background-color: #fff; box-shadow: 0 -1px 20px #ccc; }
.filtrate-btn { padding: 15px 10px; }
.filtrate-btn li { float: left; width: 50%; padding: 0 5px; }
.filtrate-btn li input { width: 100%; height: 34px; border-radius: 2px; outline: none; font-size: 16px; }
input.filtrate-reset { border: 1px solid #adadad; background-color: #fff; color: #323232; -webkit-appearance:none; }
input.filtrate-submit { border: 1px solid #ff9600; background-color: #ff7200; color: #fff; -webkit-appearance:none; }
.wap-header a { color: #333; text-decoration: none; outline: none; }
.wap-header a:link, .wap-header a:visited, .wap-header a:hover, .wap-header a:active { color: #333; outline: none; }
ul, li { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.button_green {
    width:35%; background-color:#44a818; color:#ffffff;border:none;font-weight:bold; height:40px; font-size:14px;border-radius:10px; -webkit-appearance:none ;
}
.button_orange {
    width:35%; background-color:#ed4a1f; color:#ffffff;border:none;font-weight:bold; height:40px; font-size:14px;border-radius:10px; -webkit-appearance:none ;
}
.button_gray {
    width:35%; background-color:#cac7c7; color:#ffffff;border:none;font-weight:bold; height:40px; font-size:14px;border-radius:10px; -webkit-appearance:none ;
}
.scan_book_list {
    margin:0 auto;
    height:0.5rem;
    text-align:center;
    display: block;
}
.saoyisao_button {
    width: 84%;
    margin: 6% 8%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.2em;
    font-family: "Microsoft YaHei";-webkit-appearance:none;
}
.jilu_button {
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    width: 84%;
    margin: 6% 8%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.5em;
    height: 2.0rem;
    font-family: "Microsoft YaHei";
}
.text-center {
    text-align:center;
}
.margin-big-top {
    margin-top:0.13rem;
}
/*表单*/
regTop{
    width: 100%;
    padding:8% 0 6%;
    background: #50b4f9;
    text-align: center;
    color: #ffffff;
    position: relative;
}
.back{
    position: absolute;
    left: 5%;
    top: 50%;
    color: #ffffff;
}
.point{
    padding: 6% 5%;
}
.content_form form input:not(:nth-child(7)){
    border: 0;
    border-bottom: 0.03rem solid #c3c3c5;
}
.content_form form{
    width: 100%;
    height: 35.21%;
}
.message{
    background: #ffffff;
    padding:2% 5% 0 5%;
    position: relative;
}
.message input{
    width: 90%;
    padding: 4% 0 4% 10%;
    font-size: 0.4rem;
    font-family: "Microsoft YaHei";
    border: 0;
    border-bottom: 0.03rem solid #c3c3c5;
}
.message .icons b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons b img{
    width: 100%;
}
.message .icons b:nth-child(1){
    width: 5%;
    top: 10%;
    left: 8%;
}
.message .icons b:nth-child(2){
    width: 5%;
    top: 28%;
    left: 8%;
}
.message .icons b:nth-child(3){
    top: 45%;
    left: 8%;
}
.message .icons b:nth-child(4){
    top: 63%;
    left: 8%;
}
.message .icons2 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons2 b img{
    width: 100%;
}
.message .icons2 b:nth-child(1){
    width: 5%;
    top: 10%;
    left: 8%;
}
.message .icons2 b:nth-child(2){
    width: 5%;
    top: 32%;
    left: 8%;
}
.message .icons2 b:nth-child(3){
    top: 54%;
    left: 8%;
}
.message .icons3 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 0%;
    left: 7%;
}
.message .icons3 b img{
    width: 100%;
}
.message .icons3 b:nth-child(1){
    left: 8%;
    top: 12%;
}
.message .icons3 b:nth-child(2){
    width: 5%;
    top: 37%;
    left: 8%;
}
.message .icons4 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons4 b img{
    width: 100%;
}
.message .icons4 b:nth-child(1){
    left: 8%;
}
.message .icons4 b:nth-child(2){
    width: 5%;
    top: 29%;
    left: 8%;
}
.message .icons4 b:nth-child(3){
    top: 48%;
    left: 8%;
}
.message .icons4 b:nth-child(4){
    top: 67%;
    left: 8%;
}
.message .icons4 b:nth-child(5){
    top: 86%;
    left: 8%;
}
.message .icons5 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons5 b img{
    width: 100%;
}
.message .icons5 b:nth-child(1){
    left: 8%;
    top: 14%;
}
.message .icons5 b:nth-child(2){
    width: 5%;
    top: 44%;
    left: 8%;
}
.message .icons6 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons6 b img{
    width: 100%;
}
.message .icons6 b:nth-child(1){
    left: 8%;
    top: 10%;
}
.message .icons6 b:nth-child(2){
    width: 5%;
    top: 40%;
    left: 8%;
}
.message .icons7 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons7 b img{
    width: 100%;
}
.message .icons7 b:nth-child(1){
    left: 8%;
    top: 10%;
}
.message .icons7 b:nth-child(2){
    width: 5%;
    top: 32%;
    left: 8%;
}
.message .icons8 b{
    position: absolute;
    width: 3.75%;
    height: 4%;
    top: 7%;
    left: 7%;
}
.message .icons8 b img{
    width: 100%;
}
.message .icons8 b:nth-child(1){
    left: 8%;
}
.message .icons8 b:nth-child(2){
    width: 5%;
    top: 20%;
    left: 8%;
}
.message .icons8 b:nth-child(3){
    top: 33%;
    left: 8%;
}
.message .icons8 b:nth-child(4){
    top: 47%;
    left: 8%;
}
.message .icons8 b:nth-child(5){
    top: 60%;
    left: 8%;
}
.message .icons8 b:nth-child(6){
    top: 74%;
    left: 8%;
}
.code {
    position: absolute;
    top: 60%;
    right:10%;
    color: #21a9f5;
    font-size: 0.35rem;
    font-family: "Microsoft YaHei";
}
.info_item select {
    width: 45%;
    padding: 2% 1%;
    margin: 5%;
    font-size: 1em;
    color: #909093;
    border: solid 1px #909093;
    font-family: "Microsoft YaHei";
}
.agree {
    margin: 6% 5%;
}
.submit {
    width: 84%;
    margin: 4% 8%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.2em;
    font-family: "Microsoft YaHei";
}
form .agree input[type="checkbox"] :default{
    outline: 2px solid #21a9f5;
}
.table-striped {
    margin-top:0.40rem;
}
.weidenglu {
    padding-top: 0.3rem; padding-right:0.2rem; margin:0 auto; text-align: center; font-size:0.36rem;
}
.kuai {
    border-bottom:solid 0.02rem #efefee;height:0.70rem;line-height: 0.70rem; background-color:#e5ebd0; text-align:left;font-weight:bolder;
    margin-bottom: 0.20rem;margin-top: 0.20rem; padding-left: 0.10rem;
}
/* 特殊链接 */
a.link {color:gray;text-decoration:underline; }
/* 以下为阅读存折 */
.cunzhe_title {
    margin:0 auto;text-align: center;font-size:0.50rem;margin-bottom: 0.2rem;display:none; border-bottom: solid 0.02rem #989898; padding-bottom: 0.2rem; padding-left:0.70rem; padding-right:0.70rem;
}
.cunzhe_img_div {
    margin:0 auto; text-align: center;
    padding-left:1.00rem;
    padding-right:1.00rem;
    position: relative;

}
.cunzhe_img_div img {
    max-height:8.00rem;
    max-width:8.00rem;
    border: 0.03rem solid #e5e5e5;
    width:100%;
    text-align: center;
    display:none;
}
.cunzhe_img_div p {
    position: absolute; top: 88%; left: 33%;
    font-size:0.35rem;
    width:3.50rem;height:0.65rem;
    line-height: 0.65rem;
    background-color: #968e8e;
    z-index: 5;
    color:#ffffff;
    border-radius: 0.20rem;
    -webkit-border-radius: 0.20rem;
    -moz-border-radius: 0.20rem;
}
.cunzhe_img_div span {
    position: absolute; top: 89%; left: 34%;
    width:3.50rem;height:0.65rem;
    line-height: 0.65rem;
    background-color: #eedfdf;
    color:#ffffff;
    z-index: 4;
    border-radius: 0.20rem;
    -webkit-border-radius: 0.20rem;
    -moz-border-radius: 0.20rem;   
}
.cunzhe_button {
    display:none;
    width:84%;margin:0 auto;
    margin-bottom: 0.2rem;
}
.queren_button {
    width: 60%;
    margin: 2% 3%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.00% 0;
    font-size: 1.25em;
    font-weight:bolder;
    font-family: "Microsoft YaHei";-webkit-appearance:none;
}
.quxiao_button {
    width: 30%;
    margin: 2% 1%;
    background: #FF3030;
    color: #ffffff;
    border: 0;
    padding: 3.00% 0;
    font-size: 1.2em;
    font-family: "Microsoft YaHei";-webkit-appearance:none;
}
/*
.xiangqing_button {
    width: 20%;
    margin: 2% 1%;
    background: #FF3030;
    color: #ffffff;
    border: 0;
    padding: 3.00% 0;
    font-size: 1.2em;
    font-family: "Microsoft YaHei";-webkit-appearance:none;
}
*/
.congshu_title {
    margin:0 auto;text-align: center;color:#915959;font-size:0.35rem;font-weight:bolder;margin-bottom: 0.2rem;display:none;
}
.bar_title {
    margin:0 auto;text-align: center;font-size:0.35rem;
}
.jilu_title {
    margin:0 auto;text-align: center;font-size:0.45rem; margin-top:0rem; margin-bottom: 0.5rem;
}
.jilu_title a {
    font-size:#00000;
}
.chakan_jilu_button {
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    width: 84%;
    margin: 6% 8%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.5em;
    height: 2.0rem;
    font-family: "Microsoft YaHei";
}
.baoming_button {
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    width: 84%;
    margin: 6% 8%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.5em;
    height: 2.0rem;
    font-family: "Microsoft YaHei";
}
.baoming_button2 {
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    width: 70%;
    margin-top:6%;
    margin-left:8%;
    margin-right:8%;
    margin-bottom: 0%;
    background: #ffce55;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.2em;
    height: 1.5rem;
    font-family: "Microsoft YaHei";
}
.baoming_button3 {
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    width: 70%;
    margin-top:4%;
    margin-left:8%;
    margin-right:8%;
    margin-bottom: 2%;
    background: #f2f2f2;
    color: #000000;
    border: 0;
    padding: 3.25% 0;
    font-size: 1.2em;
    height: 1.5rem;
    font-family: "Microsoft YaHei";
}
.touxiang {
    vertical-align:middle;width:1.50rem; 
    line-height: 1.50rem;height:1.50rem; border-radius: 0.80rem;
    -webkit-border-radius: 0.80rem;-moz-border-radius: 0.80rem;margin-right:0.10rem;
}
.user_title {
    margin:0 auto;width:100%;text-align:center;
}
.user_title span {
    font-size:0.50rem;padding-left:0.3rem;
    vertical-align:middle;
    line-height:0.20rem;
}
.top_date_div {
    margin-bottom: 0.25rem;margin-left: auto;margin-right: auto;padding-top:0.2rem;padding-bottom: 0.2rem;text-align:center;background-color:#e8e3df;font-size:0.40rem; height:0.75rem;
}
.top_date_title {
    float:left;width:30%;vertical-align: middle; height:0.75rem; line-height: 0.75rem;
}
.date_div {
    margin-top:0.00rem;outline:none;border:0.02rem solid #BBBBBB;border-radius:0.10rem;position:relative;width:20%;float:left;margin-right:0.20rem;
}
.date_div select {
    height:0.7rem;-webkit-appearance:none;appearance:none;border:none;font-size:0.40rem;padding:0 0.20rem;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #FFFFFF;color:#333333;border-radius:0.10;
}
.second_title {
    margin-left: auto;margin-right: auto;text-align: center;border-bottom: 0.02rem solid gray;margin-bottom: 0.2rem;padding-bottom:0.2rem;font-size:0.40rem;font-weight:bolder; color:#b55507;
}
.xiangqing_title {
    display: none;
}
.xiangqing_title2 {
    display: none;
}
.non21_title {
    font-size:0.40rem;padding-top:0.50rem;margin-top: 0.80rem;margin-bottom: 1.00reZm;color:#4a4a4a;border-top: 0.02rem solid gray;width:85%;margin:0 auto;text-align: center;
}
.non21_title span {
    color:darkorange;font-size:1.00rem;padding-right:0.10rem;padding-left:0.10rem;font-weight:bolder;font-family:'Ubuntu';
}
.yuedu_image_div {
    margin:0 auto;width:95%;padding-left:0.0rem;padding-right:0.0rem;text-align: center; padding-top: 0.0rem; height:5.0rem;
}
.cunzhe_notice {
    border-bottom:solid 0.02rem #efefee; height:1.10rem;background-color:#e85862; text-align:center;
}
.cunzhe_notice span {
    line-height:1.10rem; color:#ffffff;font-size:0.40rem; font-weight: bolder;
}
.tip_title {
    margin:0 auto;padding-top: 0.3rem;text-align: center;font-size:0.35rem;width:100%; font-weight: bolder; color:#ff7200;
}
.non50_title {
    font-size:0.40rem;padding-top:0.20rem;margin-top: 0.20rem;margin-bottom: 1.00rem;color:#4a4a4a;width:85%;margin:0 auto;text-align: center;
}
.non50_title span {
    color:darkorange;font-size:1.00rem;padding-right:0.10rem;padding-left:0.10rem;font-weight:bolder;font-family:'Ubuntu';
}
/* 会员阅读量排行 */
.list_users {
    overflow:hidden; padding-left:0.30rem; padding-right:0.30rem;
}
.list_users li.item {
    padding-top:0.20rem; padding-bottom:0.20rem;
    overflow:hidden;  
}
.list_users li.item a {
    display:block; 
}
.list_users li.item a img {
    width:1.20rem; height:1.20rem; float:left; margin-right:0.30rem;  border:0.02rem solid #e5e5e5;
    border-radius: 0.30rem;
    -webkit-border-radius: 0.30rem;-moz-border-radius: 0.30rem;margin-right:0.20rem;
}
.list_users li.item a h3 {
    color:#555555;line-height:0.43rem; font-size:0.38rem;padding-bottom:0.10rem;margin-top: 0.2rem; padding-top: 0.15rem; margin-left: 0.20rem;
}
.list_users li.item a span {  
    color: #999999;
    line-height:0.50rem;
    font-size:0.33rem;
}
.list_users li.split {
    border-bottom:solid 0.03rem #e0e0e0;
}

.top_div {
    margin-left: auto;margin-right: auto;padding-top:0.2rem;padding-bottom: 0.2rem;text-align:center;background-color:#e8e3df;font-size:0.40rem; height:0.75rem;
}
.top_div_title {
    float:left;width:100%;vertical-align: middle; height:0.75rem; line-height: 0.75rem;
}
.second_div {
    margin-left: auto;margin-right: auto;padding-top:0.2rem;padding-bottom: 0.2rem;text-align:center;background-color:#eba318;color:#ffffff;font-size:0.35rem; height:0.55rem;
}
.second_div_title {
    float:left;width:100%;vertical-align: middle; height:0.55rem; line-height: 0.55rem;
}
.list_user_read {
    overflow:hidden; padding-left:0.30rem; padding-right:0.30rem;
}
.list_user_read li.item {
    padding-top:0.30rem; padding-bottom:0.30rem;
    overflow:hidden;  
}
.list_user_read li.item a {
    display:block; 
}
.list_user_read li.item a img {
    width:2.00rem; height:2.00rem; float:left; margin-right:0.30rem;  border:0.03rem solid #e5e5e5;
}
.list_user_read li.item a h3 {
    color:#555555;line-height:0.43rem; font-size:0.38rem;padding-bottom:0.10rem;
}
.list_user_read li.item a span {  
    color: #999999;
    line-height:0.50rem;
    font-size:0.33rem;
}
.list_user_read li.split {
    border-bottom:solid 0.03rem #e0e0e0;
}
.day21_list {
    padding-top:0.5rem; padding-bottom: 0.5rem;
    margin-left:0.15rem;
    margin-right:0.15rem;
    height: auto;
}    
.day21_list ul {
    width:100%;
}
.day21_list ul li.first {
    width:30%;
    float:left;
    background-color:#ff4a0b;
    color:#ffffff;
    padding-top:0.20rem;
    padding-bottom: 0.20rem;
    font-size:0.35rem;
    font-weight:bolder;
    height:0.90rem;
}
.day21_list ul.else {
    border-bottom: 0.02rem solid gray;
}
.day21_list ul li {
    height:1.00rem;
}
.day21_list ul li.else {
    width:30%;
    float:left;
    background-color:#f4f1f0;
    color:#000000;
    padding-top:0.30rem;
    padding-bottom: 0.30rem;
    font-size:0.35rem;
    border-bottom: 0.02rem solid gray;
}
.plan_list {
    margin-bottom: 1.20rem;
    padding-bottom: 2.00rem;
}
.plan_list ul {
    margin-left:0.5rem;
    margin-right:0.5rem;
    width:100%;
}
.plan_list ul li {
    float:left;
    width:47%;
    font-size:0.38rem;
    padding-bottom: 0.2rem;
    padding-left:0.5rem;
    padding-top: 0.2rem;
    padding-right: 0.2rem;
}