.book-body{width:100%;height:100%;position:relative;overflow:auto;background-image:url(../../static/media/ablum_bg1.2cf5c0fb.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.book-body .book-main{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#fff;box-shadow:0 0 5px 5px rgba(0,0,0,.09)}.book-body .page{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.cover-wrap .top-wrap{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,.5)}.cover-wrap .top-wrap .top-ul{display:flex;align-items:center;justify-content:flex-end;margin-bottom:0;padding:0 12px}.cover-wrap .top-wrap .top-li{line-height:1;padding:6px 0;min-width:40px;color:#fff;text-align:center;margin-left:6px}.cover-wrap .top-wrap .icon-wrap{display:block;margin-bottom:2px}.cover-wrap .top-wrap .icon-wrap .iconfont{font-size:16px}.cover-wrap .top-wrap .label-txt{display:block;font-size:12px}.cover-wrap .cen-wrap{position:fixed;top:42px;left:0;bottom:45px;width:100%}.cover-wrap .cen-wrap .read-wrap{overflow:auto;width:100%;height:100%;background-color:rgba(0,0,0,.2);padding:12px}.cover-wrap .cen-wrap .cen-ul{display:flex;flex-wrap:wrap}.cover-wrap .cen-wrap .cen-li{width:32%;margin-right:2%;margin-bottom:12px;height:180px;background-size:100% 100%;background-repeat:no-repeat;background-position:50%;background-color:#fff;position:relative}.cover-wrap .cen-wrap .cen-li:nth-child(3n){margin-right:0}.cover-wrap .cen-wrap .li-num{position:absolute;top:4px;left:4px;font-size:12px;color:#fff}.cover-wrap .cen-wrap .intr-wrap{width:100%;height:100%;background-color:#fff;padding:12px;box-sizing:border-box;overflow:auto}.cover-wrap .cen-wrap .intr-wrap img{max-width:100%}.cover-wrap .bot-wrap{position:fixed;bottom:0;left:0;width:100%;background:#444}.cover-wrap .bot-wrap .nav-ul{display:flex;align-items:center;margin-bottom:0}.cover-wrap .bot-wrap .nav-li{flex:1 1;color:#fff;text-align:center;line-height:1;padding:6px 0}.cover-wrap .bot-wrap .nav-icon{display:block;padding-bottom:4px;color:#fff}.cover-wrap .bot-wrap .nav-icon .iconfont{font-size:18px}.cover-wrap .bot-wrap .nav-txt{display:block;font-size:12px}.cover-wrap .message-wrap{background:#fff;width:100%;height:100%;position:relative}.cover-wrap .message-wrap .message-ul{padding:24px}.cover-wrap .message-wrap .message-list{display:flex;margin-bottom:24px}.cover-wrap .message-wrap .message-label{width:50px;color:rgba(0,0,0,.6)}.cover-wrap .message-wrap .message-value{flex:1 1}.cover-wrap .message-wrap .message-input{line-height:2}.cover-wrap .message-wrap .message-area,.cover-wrap .message-wrap .message-input{border:1px solid rgba(0,0,0,.4);outline:none;border-radius:4px;width:100%;padding:2px 8px}.cover-wrap .message-wrap .message-area{height:160px}.cover-wrap .message-wrap .btn-wrap{position:absolute;left:0;bottom:24px;width:100%}.cover-wrap .message-wrap .btn{display:block;border:none;background:#444;width:90%;line-height:2.4;margin:0 auto;text-align:center;border-radius:8px;color:#fff}.tip-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tip-wrap .tip{font-size:12px;padding:16px 24px;color:#fff;background:rgba(0,0,0,.4);border-radius:8px}.swip-tip-con{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000;background:rgba(11,11,11,.5)}.swip-tip-con .swip-left{opacity:0;transform:rotate(30deg);transform-origin:50% 100%;animation:handSwipeAnimate 1.5s ease-in-out 1s infinite;width:100px;height:100px;position:fixed;top:50%;left:50%;margin-left:-50px;margin-top:-50px}.swip-tip-con .swip-left-img{width:100%;height:100%}@keyframes handSwipeAnimate{0%{opacity:0;transform:rotate(30deg)}25%{opacity:1;transform:rotate(30deg)}75%{opacity:1;transform:rotate(-30deg)}to{opacity:0;transform:rotate(-30deg)}}@font-face{font-family:"iconfont";src:url(//at.alicdn.com/t/font_2656160_fjs826eluil.woff2?t=1626450995030) format("woff2"),url(//at.alicdn.com/t/font_2656160_fjs826eluil.woff?t=1626450995030) format("woff"),url(//at.alicdn.com/t/font_2656160_fjs826eluil.ttf?t=1626450995030) format("truetype")}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-liuyan:before{content:""}.icon-close:before{content:""}.icon-back:before{content:""}.icon-cascades:before{content:""}.icon-right:before{content:""}.icon-read:before{content:""}.icon-musicfill:before{content:""}.icon-sortlight:before{content:""}.icon-home_light:before{content:""}.icon-share_light:before{content:""}.icon-appreciate_light:before{content:""}.icon-more_light:before{content:""}.icon-delete_light:before{content:""}.icon-location_light:before{content:""}.icon-attention_light:before{content:""}.icon-zhongwenyuyan:before{content:""}.icon-yingyu:before{content:""}.icon-qiyejianjie:before{content:""}.icon-dianhua:before{content:""}body{margin:0;background-color:#f0f0f0;color:#333}div{box-sizing:border-box}ul{padding:0;margin:0;list-style:none}.panel .panel-title{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #f1f1f1;background-color:#fff}.panel .panel-title .title-txt{font-weight:700;font-size:16px;position:relative;padding-left:30px}.panel .panel-title .title-txt:before{content:"";width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABC1BMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMAAACROLvZAAAAV3RSTlMALt/kNvF/e3RxfH779oiAj2KmAYyKke60HhGorq2ckEKiBiLteJNG0bmOkjM1iwUUh8mbwxwX6/LZepTL0LxVwCMhMucojYmd2CfzGqeWTZWGmZj05jqc96gFAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAOxJREFUGNNlkedSwkAURo/SFJBqlCgGgopIrJSIxl6wYsFy3/9N3FlmMHHPn505s/N9985lZlYMYnESkkzNzadDpDLZBSSHQV6QAhRLlMN6UWmLpWWp2Cur1TVN1SGjdI26iNtYnxZusKl0k63WdrSgrbTHDuxG9J7+DfsYusbBYYfG/xCLblZ6ff9okJhwzInOtkWCcv/0bELrnLTWF5dudJKC1ldwbVQG6rXNSdrc5G7v/LAeKn3Pg8jjkz1d/lkvH+CrSXhxRyXN6JWk0kPe3otWJNvS2QYfwkAcrzn2xn98OvJFPGae+PvnFwyHPq4FOQrqAAAAAElFTkSuQmCC) 50% no-repeat;position:absolute;top:2px;left:0}.panel .panel-title .open-panel{height:55px;width:55px;line-height:55px;text-align:center;margin-right:-15px;cursor:pointer;color:#999}.panel .panel-title .open-panel:hover{background:rgba(0,0,0,.02);box-shadow:inset 1px 1px 1px rgba(0,0,0,.0117647059)}.panel .panel-cont{height:calc(100% - 55px);background-color:#fff;padding:10px 10px 10px 0;position:relative}.panel .panel-cont .color-img-wrap{margin-bottom:8px}.panel .panel-cont .color-img-wrap .color-img-list .ant-upload.ant-upload-select-picture-card{width:90px;height:80px;margin-bottom:0}.panel .panel-cont .color-img-wrap .color-img-list .ant-upload-picture-card-wrapper{margin-left:6px}.panel .panel-cont .color-img-wrap .color-img-list .color-name{display:block;width:100%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel .img-txt{text-align:right;font-weight:700;color:#000}#root{width:100%;height:100%}.page-top{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.15);position:relative;z-index:2}.page-top .h-left-tool{height:60px;line-height:60px;flex:0 0 400px}.page-top .h-left-tool .logo{width:300px;display:inline-block;vertical-align:middle}.page-top .h-cont-tool{height:60px;flex:1 1}.page-top .h-cont-tool .title-ul{height:100%}.page-top .h-cont-tool .title-li{float:left;width:100px;height:100%;cursor:pointer;line-height:1.3}.page-top .h-cont-tool .title-li.active{background:#1890ff}.page-top .h-cont-tool .title-li.active .title-icon .iconfont,.page-top .h-cont-tool .title-li.active .title-text{color:#fff}.page-top .h-cont-tool .title-li:hover{opacity:.8}.page-top .h-cont-tool .title-li .title-icon{display:block;text-align:center}.page-top .h-cont-tool .title-li .title-icon .iconfont{font-size:26px}.page-top .h-cont-tool .title-li .title-text{display:block;text-align:center}.page-top .h-right-tool .exit-btn{border-radius:0;box-shadow:none}.page-content{height:calc(100vh - 60px);min-height:700px;display:flex;align-items:flex-start}.page-content .main-content{flex:1 1;display:flex;justify-content:space-between;flex-direction:column;height:100%}.page-content .main-content footer{text-align:center;line-height:32px;color:#adadad;background-color:hsla(0,0%,100%,.25);font-size:12px}.page-content .device-wrap{display:flex;justify-content:center;align-items:center;height:calc(100% - 32px)}.page-content .device-wrap .iphone6{width:375px;height:667px;background-color:#fff}.page-content .device-wrap .ipad{width:1024px;height:768px;zoom:.8;background-color:#fff;margin-top:30px}.page-content .device-wrap iframe{width:100%;height:100%;border:none}.page-content .from-wrap{width:420px;min-width:400px;height:100%;background:#00f;min-height:560px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.device-info{min-height:30px;display:flex;justify-content:space-between}.device-info .dl .url,.device-info .dr .size{background-color:#e1e1e1;color:#333;font-size:12px;padding:3px 5px}.loading-content{position:fixed;top:0;left:0;bottom:0;right:0;background:hsla(0,0%,100%,.5);z-index:999}.loading-content .spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.7f361dc6.chunk.css.map */