.container[data-v-686c437e]{position:relative;width:100%;min-height:100%;background-image:linear-gradient(0deg,#f3e7e9 0,#e3eeff 99%,#e3eeff);padding-bottom:1%;box-sizing:border-box}.container .title[data-v-686c437e]{font-size:.4rem;text-align:center;color:#7c96b1;margin-top:.2rem}.container .content[data-v-686c437e]{margin-top:.4rem}.container .content .input-item[data-v-686c437e]{width:40%;margin:0 auto;display:flex;justify-content:space-between;align-content:center}.container .content .input-item .el-input[data-v-686c437e]{display:inline-block;width:70%;font-size:.2rem}.container .content .input-item .el-input[data-v-686c437e] .el-input__inner{line-height:2em;height:2em}.container .content .input-item .el-button[data-v-686c437e]{width:20%;font-size:.2rem;padding:0;line-height:2}.container .content .preview-container[data-v-686c437e]{width:80%;margin:.4rem auto;font-size:.16rem}.container .content .preview-container ul[data-v-686c437e]{padding:0}.container .content .preview-container li[data-v-686c437e]{display:inline-block;width:10.5%;margin:.1rem 1%;padding:.15rem .05rem;text-align:center;box-sizing:border-box;position:relative}.container .content .preview-container li .iconfont[data-v-686c437e]{font-size:.3rem;line-height:1}.container .content .preview-container li p[data-v-686c437e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;margin-top:.1rem}.container .content .preview-container li .mask[data-v-686c437e]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(116,192,239,.8);border-radius:.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .3s}.container .content .preview-container li .mask button[data-v-686c437e]{margin:.05rem auto;padding:0;font-size:.16rem;line-height:2;width:70%}.container .content .preview-container li:hover .mask[data-v-686c437e]{opacity:1}.footer[data-v-686c437e]{position:absolute;bottom:0;left:0;right:0}