.tabbar_box .block{ height: 1.1rem; }
.tabbar{position: fixed; bottom: 0; width: 100%; height: 1.1rem; box-sizing: content-box; background: #fff; z-index: 99; }
.tabbar::after {content: "";
    width:300%;-webkit-transform: scale(.333);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transform: scale(.333);
    height: 1px;
    background: #e9e9ee;
    position: absolute;
    bottom: 0;
      top: 0;}
.tabbar_box .tab_item{ flex: 1; font-size: 0.22rem; text-align: center; padding-top: 0.16rem;color: #7d7f84;}
.tabbar_box .tab_item.select{ color: #1878f3; }
.tabbar_box .tab_item .icon{ margin: 0 auto; margin-bottom: 0.1rem; }
.tabbar_box .tab_item .bookstore{ width: 0.48rem; height: 0.4rem; background: url(../images/tabbar/tab_bookstore.png) no-repeat; background-size: 100% 100%; }
.tabbar_box .tab_item .library{ width: 0.44rem; height: 0.39rem; background: url(../images/tabbar/tab_library.png) no-repeat; background-size: 100% 100%;  }
.tabbar_box .tab_item .mine{ width: 0.39rem; height: 0.45rem; background: url(../images/tabbar/tab_mine.png) no-repeat; background-size: 100% 100%;  }
.tabbar_box .tab_item.select .bookstore{ background-image: url(../images/tabbar/tab_bookstore_select.png); }
.tabbar_box .tab_item.select .library{ background-image: url(../images/tabbar/tab_library_select.png); }
.tabbar_box .tab_item.select .mine{ background-image: url(../images/tabbar/tab_mine_select.png); }

/* 没数据 */
.nodata{ text-align: center; margin-top: 4.4rem; font-size: 0.3rem; color: #b2b2b2; }
.nodata .icon{ width: 3.74rem; height: 3rem; background: url(../images/network_fail.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.nodata img{ width: 3.74rem; display: inline-block; }
.nodata .warn_msg a{ color: #1878f3; }
.nodata .to_store_btn{ display: inline-block; height: 0.9rem; line-height: 0.9rem; color: #1878f3; border: 0.02rem solid #1878f3; padding: 0 0.4rem; font-size: 0.32rem; border-radius: 0.45rem; margin-top: 0.42rem; }

/* 网络错误 */
.network_fail{ height: 100%; padding-top: 1px; }
.network_fail.black{ background: #161616; }
.network_fail.black .nodata .icon{ background: url(../images/network_fail_black.png) no-repeat; background-size: 3.67rem 2.57rem; }


/* 提示 */
.mytips_box{ position: fixed; width: 100%;  left: 0; top: 44%; opacity: 0; visibility: hidden; text-align: center; transition: all .3s ease-in-out;z-index: 12;}
.mytips_box.show{ opacity: 1; visibility: visible; }
.mytips{ max-width: 4rem; min-width: 2rem; display: inline-block; background: rgba(0,0,0,.7); text-align: center; color: #fff; padding: .3rem 0.3rem; border-radius: 0.25rem; line-height: 1.8; }
.mytips .success,.mytips .fail{ width: 0.59rem; height: 0.59rem;background: url(../images/icon_tips_success.png) no-repeat; background-size: 100% 100%; margin: 0 auto; margin-bottom: 0.2rem; }
.mytips .fail {background: url(../images/icon_tips_fail.png) no-repeat; background-size: 100% 100%;}
.mytips .bonus{ width: 1.18rem; height: 1.15rem;background: url(../images/bonus_modal.png) no-repeat; background-size: 100% 100%; margin: 0 auto; margin-bottom: 0.2rem; }

/* 确认弹窗 */
.screen_box{height:100%;position: fixed;top:0;left:0;right:0;z-index: 1; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; background: rgba(0,0,0,.4); z-index: 999;}
.screen_box.show { opacity: 1; visibility: visible; }
.do_confirm{ padding: 0.5rem 0.4rem 0.28rem 0.4rem; background: #fff; width: 5.7rem; box-sizing: border-box; border-radius: 0.3rem; position: absolute; left: 50%; top: 50%; margin-left: -2.85rem; top: 50%; margin-top: -1.5rem; }
.do_confirm .hint{ font-size: 0.30rem; text-align: center; line-height: 1.5; }
.do_confirm .btns{ margin-top: 0.32rem; }
.do_confirm .btns .btn{ display: inline-block; width: 2.32rem; height: 0.9rem; line-height: 0.9rem; text-align: center; border-radius: 0.45rem; font-size: 0.3rem; }
.do_confirm .btns .btn:active{ opacity: .7; }
.do_confirm .btns .btn.cancel{ background: #eeeeee; }
.do_confirm .btns .btn.confirm{ background: #1878f3; color: #fff; margin-left: 0.15rem; }