html{font-size:13.3333333333vw}.element[data-v-474e83b2]{position:absolute}.element .img[data-v-474e83b2]{position:relative;width:100%;height:100%;z-index:-1}.home,body{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:100vw;background:#1b1b1b;color:#fff;overflow:hidden}.action-container{display:flex;font-size:.24rem;line-height:.34rem}.action-container .item{box-sizing:border-box;flex:1;padding:.1rem 0 .2rem;height:1.18rem;text-align:center}.action-container .item .text{font-size:.24rem}.action-container .item .icon{margin:0 auto .04rem;width:.5rem;height:.5rem}.poster{position:relative;margin:0 auto 1.18rem;width:5.4rem;height:9.6rem;background:#fff;color:#000;overflow:hidden;z-index:1}.poster.scale{left:0;right:0;margin:0 auto;transform:scale(.67)}.poster #border,.poster .element,.poster.scale{position:absolute}.footer-container{position:fixed;left:0;bottom:0;width:100vw;background:#494b4b;margin-top:.1rem;z-index:1}.footer{display:flex}.footer .item{display:flex;flex:1;align-items:center;justify-content:center;height:1.18rem;font-size:.3rem}.footer .item.active{color:#7188ff;background:#262828}.footer .item .icon{width:.56rem;height:.56rem}.border,.testText{position:absolute}.border{top:0;left:0;opacity:0}.border .black-container .line{position:absolute;z-index:1;background:#000;box-sizing:border-box}.border .black-container .left,.border .black-container .right{top:0;height:100%;width:.01rem;border-left:.01rem dashed #fff}.border .black-container .bottom,.border .black-container .top{left:0;width:100%;height:.01rem;border-top:.01rem dashed #fff}.border .black-container .top{top:0}.border .black-container .bottom{bottom:0}.border .black-container .left{left:0}.border .black-container .right{right:0}.border .icon,.border .whiteBorder{position:absolute}.border .icon{width:.28rem;height:.28rem;z-index:1}.border .icon.scale{right:0;bottom:0;transform:translate(50%,50%)}.border .icon.delete{left:0;top:0;transform:translate(-50%,-50%)}.border.transition{transition:all .1s ease-in}.border.show{opacity:1}.textEditModal{width:6.7rem;box-sizing:border-box;background-color:#fff;border-radius:.1rem;padding:.3rem .57rem;height:4.94rem}.textEditModal .header{text-align:right;font-size:.24rem;line-height:1;color:#5b6bbf}.textEditModal .content{font-size:0}.textEditModal .content .textarea{padding:.2rem;margin-top:.26rem;box-sizing:border-box;width:5.56rem;height:2.98rem;border-radius:.1rem;border:.02rem solid #dcdfe6;resize:none;color:#000;font-size:.24rem}.textEditModal .modal-footer{margin-top:.25rem;display:flex;justify-content:space-between}.textEditModal .modal-footer .btn{box-sizing:border-box;width:2.48rem;height:.6rem;line-height:.6rem;background-color:#7188ff;border-radius:.3rem;text-align:center;font-size:.24rem;color:#fff}.textEditModal .modal-footer .btn.plain{background-color:transparent;border:1px solid #7188ff;color:#7188ff}.tool-container{height:3.44rem;background-color:#282828}.tool-container .color-selector-container{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:.36rem .6rem 0}.tool-container .color-selector-container .item{box-sizing:border-box;flex-shrink:0;margin:0 .05rem .1rem;width:.6rem;height:.6rem;border-radius:.04rem}.tool-container .color-selector-container .item.active{border:.04rem solid #fff}.tool-container .size-change-container{box-sizing:border-box;padding:.78rem .6rem}.tool-container .size-change-container .align-container{display:flex;color:#fff;font-size:.3rem}.tool-container .size-change-container .align-container .title{margin-right:1rem}.tool-container .size-change-container .align-container img{height:.46rem;width:auto}.tool-container .size-change-container .align-container img:not(:last-child){margin-right:1rem}.tool-container .size-change-container .slider-container{margin-top:.76rem;display:flex;align-items:center}.tool-container .size-change-container .slider-container>img{width:.72rem;height:.72rem}.tool-container .size-change-container .slider-container .slider-wrapper{margin:0 .28rem;width:4.3rem}.tool-container .font-face-list{height:3.44rem;overflow:auto}.tool-container .font-face-list .font-face-container{position:relative;height:.76rem;line-height:.76rem;font-size:.3rem;color:#aeb1b6;text-align:center}.tool-container .font-face-list .font-face-container:not(:last-child):after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.02rem;background-image:linear-gradient(153deg,#262828,#444646 25%,#444646 75%,#262828)}.tool-container .font-face-list .font-face-container .icon-container{position:absolute;right:.6rem;top:0;bottom:0;margin:auto;width:.56rem;height:.56rem}.tool-container .font-face-list .font-face-container .icon-container img{width:100%}.tool-container .font-face-list .font-face-container .icon-container .loading{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.image-menu-container{display:flex;width:100%;height:2.74rem;background:#262828}.image-menu-container .item{flex:1;justify-content:center;align-items:center;font-size:.3rem;font-weight:400;font-stretch:normal;color:#fff;text-align:center}.image-menu-container .item:not(:last-child){border-right:.01rem solid #1b1d1d}.image-menu-container .item p{margin:.6rem auto .18rem}.image-menu-container .item img{width:1.16rem;height:.88rem}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.bill-cost-container{box-sizing:border-box;padding:.36rem .56rem .6rem;width:6.7rem;height:3.84rem;font-size:.28rem;color:#303133}.bill-cost-container .title{line-height:.42rem;margin:0}.bill-cost-container .content{margin:.42rem 0 0;text-align:center;line-height:.42rem}.bill-cost-container .content .num{color:#f56c6c}.bill-cost-container .content .less{color:#f56c6c;font-size:.24rem}.bill-cost-container .footer{margin-top:1rem;justify-content:space-between}.bill-cost-container .footer.less{margin-top:.42rem;justify-content:center}.bill-cost-container .footer.less .btn{width:4.56rem}.bill-cost-container .footer .btn{box-sizing:border-box;width:2.48rem;height:.6rem;line-height:.6rem;background-color:#7188ff;border-radius:.3rem;text-align:center;font-size:.24rem;color:#fff}.bill-cost-container .footer .btn.plain{background-color:transparent;border:1px solid #7188ff;color:#7188ff}