body{background-color:#000;color:#fff}.full-wrap{background-color:rgba(100,100,100,.3);position:relative;width:100%;backdrop-filter:blur(2px)}.full-wrap:after{content:"";display:block;clear:both}.topBarWrap{position:fixed;top:0;left:0;right:0;z-index:10}.topBar{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:1em}.topBar .logo{width:30%;flex-grow:0}.topBar .title-top{display:none}.menu-wrap .zan-count{border:none;border-left:1px solid #fff;border-right:1px solid #fff;border-radius:6px;padding:0 4px}i.iconfont{cursor:pointer;font-size:1rem}.swiper-wrapper{height:100vh}.swiper-slide{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.swiper-button-next,.swiper-button-prev{color:red;outline:0}.swiper-lazy-preloader{border-color:red;border-top-color:transparent}.pic-box .pic img{max-height:100vh;cursor:pointer}.text-area-wrap{position:absolute;left:0;right:0;bottom:0;padding:15px;background-color:rgba(0,0,0,.3)}.text-area .pagination{display:flex;justify-content:space-between;align-items:center}.pagination .title{font-size:larger;line-height:1.5}.pagination .page-num{width:2em;height:2.5em;position:relative}.pagination .num{position:absolute;top:0;left:0;font-size:x-large;color:red;line-height:1}.pagination .spliter{position:absolute;top:16px;right:-3px;width:90%;height:1px;background-color:rgba(255,255,255,.5);transform:rotate(-52deg)}.pagination .total{position:absolute;right:0;bottom:0}.text-area{margin:0 auto}.text-area .text{text-indent:2em;line-height:1.5}.drawer-wrap{position:fixed;right:-24em;top:0;bottom:0;width:24em;max-width:90%;z-index:999;background-color:rgba(0,0,0,1);border:1px solid rgba(255,255,255,.4)}.drawer-cont{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;height:calc(100% - 4em);overflow-y:scroll;padding:14px}.drawer-item{text-align:center;margin-bottom:.5em;position:relative}.drawer-item .t{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1em}.drawer-item img{border-radius:4px}.drawer-item .count{position:absolute;top:1em;left:1em;font-size:smaller;background-color:rgba(255,255,255,.2);padding:3px 6px;color:#fff;line-height:1;border-radius:6px;border-bottom-left-radius:0;letter-spacing:1px}.icon-down,.icon-up{width:1em}.drawer-wrap .next-but,.drawer-wrap .prev-but{text-align:center;cursor:pointer;background-color:rgba(255,255,255,.2);display:block!important}@media screen and (min-width:1024px){i.iconfont{font-size:22px}.topBar .logo{width:10%}.swiper-slide{justify-content:center}}