.cover-type{display:flex;flex-wrap:wrap;overflow:auto;margin-top:.5rem}.cover-type .row{flex:1}.cover-type-item{width:25%;flex:0 0 25%;position:relative;padding:5px;overflow:hidden}.cover-type-item.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.typeset-type-list{display:flex}.typeset-type>div{padding:10px 0}.typeset-type>div+div{margin-top:10px;border-top:1px solid #eee}.typeset-type-item{min-width:6em;width:25%;flex:0 0 25%;position:relative;padding:5px;overflow:hidden}.typeset-type-item p{display:flex;align-items:center;justify-content:center;margin-top:.5em;font-size:13px;font-weight:500}.typeset-type-item p .label{margin-left:4px}.typeset-type-item.A4{width:40%;flex:0 0 40%}.color-list,.color-list li{overflow:hidden}.color-list li{position:relative;text-align:center;vertical-align:middle;float:left;height:40px;width:40px;margin:5px 8px 0 5px;border-radius:50%}.color-list li i{display:none}.color-list li.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.color-list li.check i{display:inline-block;line-height:40px;position:relative;z-index:2}.insert-page-list{display:flex;flex-wrap:wrap}.insert-page-item{flex:25%;padding:5px}.cover-page{padding:0;margin-top:2rem}.cover-page .style-tag{position:absolute;top:8px;left:0;width:2.5em;line-height:1.8;border-radius:0 100px 100px 0;background-color:#22ac96;color:#fff;font-size:12px;text-align:center;z-index:1}.cover-page .style-tag.primary{background-color:#f56368}.cover-page .cover-holder{border-radius:6px}.cover-page .swiper-slide{padding:5px}.cover-page .cover-title{position:relative;padding-bottom:8px;margin-bottom:24px;line-height:1}.cover-page .cover-title>span{display:inline-block;height:1em;width:4px;border-radius:4px;background-color:#f56368}.cover-page .cover-wrap{text-align:center}.cover-page .cover-wrap .cover-img{position:relative;margin:0 auto;background-repeat:no-repeat;background-position:50%;background-size:36px!important;background-color:hsla(0,0%,100%,.5);box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}@media(max-width:990px){.cover-page .cover-wrap .cover-img{width:50%}}@media(max-width:767px){.cover-page .cover-wrap .cover-img{width:84%}}.cover-page .cover-wrap .cover-img .cover-img-frame{width:100%;padding-bottom:141.4%;background-color:#eee}.cover-page .cover-wrap .cover-img img{position:absolute;top:0;left:0}.cover-page .cover-wrap .cover-img img[lazy=loading]{top:50%;left:50%;width:54px;margin-top:-27px;margin-left:-27px}.cover-page .cover-wrap .cover-img img[lazy=error]{opacity:0}.cover-page .cover-wrap .cover-img .dimmer{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.cover-page .cover-bottom-option{position:fixed;bottom:0;left:0;height:56px;width:100%;border-top:1px solid #eee;background-color:#fff;display:flex}@media(min-width:768px){.cover-page .cover-bottom-option{display:none}}.cover-page .cover-bottom-option>div{flex:1;text-align:center}.cover-page .cover-bottom-option>div p{margin:0;line-height:1;font-size:14px}.cover-page .cover-bottom-option .icon{font-size:24px}.cover-page .bg-white{margin-left:2.5%!important}.cover-page .translate-down-enter-active{transition:all .25s}.cover-page .translate-down-leave-active{transition:all .25s ease-in;display:none}.cover-page .translate-down-enter,.cover-page .translate-down-leave-to{transform:translateY(30px)}