.item[data-v-7a155fb0]{background-color:#fff;width:110px;border-radius:4px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.item .index-text[data-v-7a155fb0]{color:#ed4d6e;font-weight:600;height:20px;line-height:20px}.item .proj-select-title[data-v-7a155fb0]{position:relative;white-space:nowrap;font-size:12px;color:#ed4d6e;margin:2px 0 0;padding-left:32px}.item .proj-select[data-v-7a155fb0]{width:calc(100% - 10px);font-size:14px;white-space:nowrap;border:none;border-bottom:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:0}.item .proj-select[data-v-7a155fb0]:focus{outline:none}.item .input-fill-x[data-v-7a155fb0]{margin-top:10px;position:relative;-webkit-transition:margin .25s;transition:margin .25s}.item .input-fill-x[data-v-7a155fb0]:focus-within{-webkit-transition:margin .25s;transition:margin .25s;margin-top:13px}.item .input-fill-x[data-v-7a155fb0]:after{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.item .input-fill-x .proj-content[data-v-7a155fb0]{width:calc(100% - 10px);font-size:14px;border:none;border-bottom:1px solid #ccc}.item .input-fill-x .proj-content[data-v-7a155fb0]::-webkit-inner-spin-button,.item .input-fill-x .proj-content[data-v-7a155fb0]::-webkit-outer-spin-button{-webkit-appearance:none!important}.item .input-fill-x .proj-content[data-v-7a155fb0]:focus{outline:none}.item .input-fill-x .proj-content[data-v-7a155fb0]:placeholder-shown::-webkit-input-placeholder{color:transparent}.item .input-fill-x .proj-content[data-v-7a155fb0]:placeholder-shown:-ms-input-placeholder{color:transparent}.item .input-fill-x .proj-content[data-v-7a155fb0]:placeholder-shown::-ms-input-placeholder{color:transparent}.item .input-fill-x .proj-content[data-v-7a155fb0]:placeholder-shown::placeholder{color:transparent}.item .input-fill-x .proj-content:focus~.input-label[data-v-7a155fb0],.item .input-fill-x .proj-content:not(:placeholder-shown)~.input-label[data-v-7a155fb0]{-webkit-transition:all .25s;transition:all .25s;color:#ed4d6e;-webkit-transform:scale(.75) translate(30px,-18px);transform:scale(.75) translate(30px,-18px)}.item .input-fill-x .input-label[data-v-7a155fb0]{position:absolute;left:0;white-space:nowrap;-webkit-transition:all .25s;transition:all .25s;top:2px;pointer-events:none;color:#bbb}body,html{height:100%}body{background-color:#f4f5f5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app header{height:80px;background-color:#252525;position:relative}#app header h1{font-size:40px;height:80px;line-height:80px;margin:0;color:#fff;text-align:center}#app header span{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:5px;color:#ed4d6e;font-size:12px}#app main{min-height:500px;background-color:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin:20px auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1500px}#app main,#app main>div{display:-webkit-box;display:-ms-flexbox;display:flex}#app main>div{min-height:400px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#app main>div .header{font-weight:700;font-size:16px;line-height:25px;padding-bottom:10px}#app main>div .content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#app main .opera-wrapper{position:relative;width:730px}#app main .opera-wrapper .reset{position:absolute;top:3px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#ed4d6e;text-decoration:underline;left:100px}#app main .opera-wrapper .content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#app main .opera-wrapper .content .tip{position:absolute;left:10px;top:390px;font-size:12px}#app main .opera-wrapper .content .tip p{margin:0 0 5px}#app main .opera-wrapper .content .tip i{font-size:18px;margin-right:10px;color:#ed4d6e;padding-top:5px}#app main .opera-wrapper .content .computed-attr{position:absolute;top:350px;left:450px}#app main .opera-wrapper .content .computed-attr .copy{line-height:18px;font-size:13px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:5px;text-decoration:underline;color:#ed4d6e}#app main .opera-wrapper .content .computed-attr-text{margin:0;line-height:18px;font-size:13px}#app main .opera-wrapper .item:not(:first-of-type){margin-left:30px}#app main .opera-wrapper .item .title{font-size:25px;font-weight:600}#app main .opera-wrapper .item .list .radio{margin-top:15px;width:100%;white-space:nowrap;font-weight:400;border-radius:4px;padding:5px;color:#ed4d6e;cursor:pointer;border:1px solid #ed4d6e}#app main .opera-wrapper .item .list .radio.active{background-color:#ed4d6e;color:#fff}#app main .opera-wrapper .item .list .default-item:after{content:" *"}#app main .preview-wrapper{position:relative;z-index:10;width:700px}#app main .preview-wrapper .preview-header{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;margin-bottom:5px}#app main .preview-wrapper .preview-header .count{color:#ed4d6e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:600}#app main .preview-wrapper .preview-header .count-opera{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:10px;display:inline-block;width:19px;height:19px;font-size:16px;text-align:center;cursor:pointer;color:#ed4d6e;border-radius:2px;border:1px solid #ed4d6e}#app main .preview-wrapper .content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;min-height:410px;border-radius:4px;background-color:#ed4d6e}@media screen and (max-width:1100px){#app main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}#app .pc-tip{color:#ed4d6e;height:300px;line-height:300px}#app .pc-tip,#app footer{text-align:center}