.comp-choose-grade-pop .message-box{max-width:450px}.comp-choose-grade-pop .choose-grade-msg{padding:0 30px 10px}.comp-choose-grade-pop .choose-grade-msg .g-list{display:flex;flex-wrap:wrap}.comp-choose-grade-pop .choose-grade-msg .g-item{background:#f5f5f5;padding:7px 20px;width:100%;text-align:center;border-radius:4px;line-height:2;margin:10px 0}.comp-choose-grade-pop .choose-grade-msg .g-item:nth-child(3n){margin-right:0}.comp-choose-grade-pop .choose-grade-msg .g-item.active{background:#dae4f7;color:#003592}.comp-adver .message-box{width:80%!important;overflow:inherit!important;background:transparent!important}.comp-adver .message-box .close{bottom:-55px;width:100%!important;text-align:center!important;color:#fff!important;font-size:28px!important;top:auto!important}.comp-adver .choose-grade-msg img{display:block;max-width:100%;width:100%;border-radius:8px}.comp-message-wrap .message-box.pop-public-img{max-width:260px!important;background:none!important}.comp-message-wrap .message-box.pop-public-img .context{padding:0!important}.comp-message-wrap .message-box.pop-public-img .context img{display:block;max-width:100%;min-width:250px!important}.page-index .header{height:50px;padding:0 10px;top:0;max-width:768px;width:100%;z-index:10}.page-index .header .h-right{height:50px;line-height:50px}.page-index .header .triangle-bottomright{position:absolute;width:0;height:0;border-bottom:5px solid #4c4c4c;border-left:5px solid transparent;bottom:20px;}.page-index .user-menu{flex:1;padding:10px 20px;color:#333;font-weight:700;font-size:14px;border-radius:4px;text-align:center}.page-index .user-menu .iconfont{font-size:24px;vertical-align:middle}.page-index .user-menu.xiaoxue{color:#4ab8d7;background-color:#daf1f7}.page-index .user-menu.chuzhong{color:#96c852;background-color:#edf7df}.page-index .user-menu.laoshi{background-color:#dce6f8}.page-index .index-tit{color:#333;font-size:17px;font-weight:600}.page-index .index-tit .icon-moon{font-size:18px}.page-index .index-tip span.tip-title{background:#003592;font-size:12px;color:#fff;border-radius:50px;padding:3px 10px;display:inline-block}.page-index .van-swipe-item{overflow:hidden}.page-index .index-new{font-size:15px;color:#333}.page-index .index-new span{font-size:12px;color:#999;display:block;margin-top:5px}.page-index .swiper-container{border-radius:4px}.page-index .swiper-container .van-swipe-item{overflow:hidden}.page-index .menu{flex-wrap:wrap;justify-content:flex-start}.page-index .menu .menu-item{width:25%}.page-index .menu img{width:50%}.page-index .menu span{font-size:12px;display:block}.page-index .rec-book .book-item{position:relative;width:calc(50% - 6px);background:linear-gradient(180deg,#f2f9ff,#e5f4ff);border-radius:4px;padding:12px 10px}.page-index .rec-book .book-item img{width:36px;height:51px}.page-index .rec-book .book-item .text{width:calc(100% - 40px)}.page-index .rec-book .book-item .comp-tag{position:absolute;top:0;left:0;border-radius:4px 0 4px 0;padding:0 7px}.page-index .rec-ebook .book-list{padding:0px 3.5% 0;flex-wrap:wrap;display:flex}.page-index .rec-ebook .page-index .rec-ebook .book-item.youer-item{width:30%;margin-right:5%;margin-bottom:5%}.page-index .rec-ebook .book-item:nth-child(3n){margin-right:0}.page-index .rec-ebook .book-item .comp-tag{background:#666}.page-index .rec-ebook .book-item .pic{overflow:hidden;border-radius:4px}.page-index .rec-ebook .book-item .pic.no-border{border:none}.page-index .rec-ebook .book-item .tit{margin-top:12px}