.data-wrap[data-v-62dbc83e]{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:24px}.data-wrap .data-box[data-v-62dbc83e]{box-shadow:0 0 8px rgba(0,0,0,.1);padding:24px 32px 16px}.data-wrap .data-box .data-title[data-v-62dbc83e]{font-size:18px;color:#404040;font-weight:500}.data-wrap .data-box .data-content[data-v-62dbc83e]{font-size:40px;color:#08c7d0;font-weight:700}.button-wrap[data-v-62dbc83e]{margin-top:40px;margin-bottom:16px;text-align:right}.style-container[data-v-62dbc83e]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;background-color:rgba(230,249,250,.3)}.style-container .style-card[data-v-62dbc83e]{border-radius:4px;border:1px solid #dfdfdf;background:#fff;cursor:pointer}.style-container .style-card .body[data-v-62dbc83e]{text-align:center}.style-container .style-card .body .style-name[data-v-62dbc83e]{font-size:18px;font-weight:500;text-align:center;padding:16px;line-height:25px}.style-container .style-card .body.active[data-v-62dbc83e]{outline:2px solid #08c7d0}.style-container .style-card .body img[data-v-62dbc83e]{height:195px;max-width:100%}.style-container .style-card .footer[data-v-62dbc83e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(50%,1fr));height:40px;border-top:1px solid #dfdfdf}.style-container .style-card .footer .footer-btn[data-v-62dbc83e]{position:relative;display:flex;align-items:center;justify-content:center}.style-container .style-card .footer .footer-btn i[data-v-62dbc83e]{color:#9f9f9f}.style-container .style-card .footer .footer-btn[data-v-62dbc83e]:nth-child(2):before{position:absolute;border-left:1px solid #dfdfdf;content:"";height:60%;top:20%;left:0}.style-container .style-card-add[data-v-62dbc83e]{border-radius:4px;border:1px solid #dfdfdf;background:#fff;height:292px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:grey}.style-container .style-card-add i[data-v-62dbc83e]{font-size:60px;color:grey;margin-bottom:16px}.view-style[data-v-62dbc83e]{cursor:pointer}