.container[data-v-2680dac6]{width:100%;height:100%}.container .title[data-v-2680dac6]{font-size:.4rem;text-align:center;color:#7c96b1}.container .content[data-v-2680dac6]{width:70%;margin:3% auto}.container .content .colorInput[data-v-2680dac6]{display:flex;justify-content:space-between;align-items:center;margin:.2rem 0}.container .content .colorInput .btn-trans[data-v-2680dac6]{width:1.2rem;letter-spacing:2px;margin-left:.3rem;margin-top:.6rem}.container .content .colorInput[data-v-2680dac6] .el-input__inner{font-size:.2rem;border:1px dashed transparent}.container .content .colorInput .el-input.invalid[data-v-2680dac6] .el-input__inner{border-color:red}.container .content .colorInput>span[data-v-2680dac6]{display:inline-block;width:86%}.container .content .resultTable[data-v-2680dac6] .el-table--enable-row-transition .el-table__body td{position:relative}.container .content .resultTable .colorBlock[data-v-2680dac6]{position:absolute;display:inline-block;width:60%;height:75%;top:50%;left:50%;transform:translate(-50%,-50%)}[data-v-2680dac6] .el-color-picker{position:relative}[data-v-2680dac6] .el-color-picker__trigger{position:absolute;top:.3rem;left:-.08rem}@media screen and (max-width:900px){.container .content .colorInput span[data-v-2680dac6]{width:55%}}