.app-sort[data-v-1bed9eed]{background:#fff}.sort-item[data-v-1bed9eed]{padding:3px 12px;margin-left:8px;color:#333;font-size:14px;line-height:20px;border-radius:4px;background:#f7f8fa;cursor:pointer;align-items:center}.sort-active[data-v-1bed9eed]{color:#007aff}.sort-item_icon[data-v-1bed9eed]{position:relative;display:inline-block;vertical-align:middle;height:100%;color:#ccc;margin-left:5px}.sort-item_icon .arrow[data-v-1bed9eed]{position:absolute;line-height:0;font-size:10px}.sort-item_icon .arrow.active .svg-icon[data-v-1bed9eed]{color:#007aff}.sort-item_icon .arrow-top[data-v-1bed9eed]{top:-7px}.sort-item_icon .arrow-bottom[data-v-1bed9eed]{bottom:-9px}.design-item[data-v-63ae46c0]{position:relative;float:left;width:calc(25% - 12px);height:273px;text-align:left;background-color:#fff;transition:all .2s;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.06);margin-right:16px;margin-bottom:16px;overflow:hidden;z-index:2}.design-item[data-v-63ae46c0]:nth-child(4n){margin-right:0}.design-item:hover .anination-top[data-v-63ae46c0]{margin-top:-72px}.design-item.anination-shadow[data-v-63ae46c0]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px 0 rgba(40,44,48,.16);z-index:20}.design-item .flag[data-v-63ae46c0]{position:absolute;left:0;top:0;min-width:72px;max-width:104px;height:24px;padding:0 5px;background:#509eb5;color:#fff;font-size:12px;text-align:center;line-height:24px;border-radius:0 0 4px 0;opacity:.8;z-index:10;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-item .design-item__img[data-v-63ae46c0]{border-radius:4px 4px 0 0;width:100%;height:151px;cursor:pointer}.design-item .design-item__img[data-v-63ae46c0] img{border-radius:4px 4px 0 0}.design-item .design-item__info[data-v-63ae46c0]{position:relative;padding:12px 16px;background:#fff;transition:all .2s;cursor:pointer;z-index:10}.design-item .design-item__name[data-v-63ae46c0]{color:#333}.design-item .design-item__name .img-flag[data-v-63ae46c0]{width:18px;height:18px;margin-right:4px;border-radius:3px}.design-item .design-item__name .img-flag[data-v-63ae46c0]:last-of-type{margin-right:8px}.design-item .design-item__name .name[data-v-63ae46c0]{flex:1;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px}.design-item .design-item__name[data-v-63ae46c0]:hover{color:#007aff}.design-item .design-item__adaptversion[data-v-63ae46c0],.design-item .design-item__desc[data-v-63ae46c0]{height:20px;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;color:#999;word-break:break-all}.design-item .design-item__adaptversion[data-v-63ae46c0]{margin-top:4px;color:#666}.design-item .commodity__info__view--icon[data-v-63ae46c0]{font-size:16px;margin-right:4px;vertical-align:bottom}.design-item .design-item__bottom[data-v-63ae46c0]{padding:10px 0;font-size:12px;color:#999}.design-item .design-item__handle[data-v-63ae46c0]{display:flex;height:67px;align-items:center;background:#f8f9fb;justify-content:space-around;border-top:1px solid #ececec;text-align:center}.design-item .design-item__handle .btn_item[data-v-63ae46c0]{cursor:pointer;color:#333;height:45px}.design-item .design-item__handle .btn_item p[data-v-63ae46c0]{margin:0;padding:0}.design-item .design-item__handle .btn_item .btn_item_logo[data-v-63ae46c0]{font-size:18px}.design-item .design-item__handle .btn_item .btn_item_label[data-v-63ae46c0]{text-align:center;line-height:22px;font-size:14px}.design-item .design-item__handle .btn_item[data-v-63ae46c0]:hover{color:#007aff}.result[data-v-61aefbfc]{position:relative}.result .sorter[data-v-61aefbfc]{border:none;background-color:#fff}.app-center[data-v-60c47242]{background-color:#fff}.app-center .tabs-contaier[data-v-60c47242]{height:72px;background:#fff;width:100%;margin-bottom:20px;display:flex;justify-content:center;align-items:center;border-top:1px solid #ececec}.app-center .tabs-contaier .active[data-v-60c47242]{color:#007aff!important}.app-center .tabs-contaier .title[data-v-60c47242]{display:flex;font-size:18px;color:#333;letter-spacing:0;align-items:center;cursor:pointer}.app-center .tabs-contaier .title .icon[data-v-60c47242]{line-height:24px;height:24px;width:24px;display:inline-block;margin-right:8px}.app-center .tabs-contaier .title .font[data-v-60c47242]{line-height:26px}.app-center .tabs-contaier .split[data-v-60c47242]{height:24px;width:1px;border-left:1px solid #ccc;margin-right:40px;margin-left:40px}.app-center .noexample[data-v-60c47242]{justify-content:space-around}.app-center .split[data-v-60c47242]{height:1px;margin:0 auto;width:1124px;border-top:1px solid #ececec}.app-center .filter[data-v-60c47242]{padding-top:16px;margin:0 auto;width:1124px}.app-center .filter .case_filter[data-v-60c47242]{padding-left:0;padding-right:0}.app-center .list[data-v-60c47242]{padding-top:16px;margin:0 auto 16px;width:1124px}.app-center .list[data-v-60c47242] .el-loading-mask{z-index:2}.app-center .sort[data-v-60c47242]{margin:0 auto;width:1124px;height:48px;position:relative}.app-center .sort .app-sort[data-v-60c47242]{padding:0}.app-center .sort .function[data-v-60c47242]{position:absolute;top:50%;transform:translateY(-50%);right:0}.app-center .sort .function .exp[data-v-60c47242]{margin-right:24px}.app-center .sort .function .exp[data-v-60c47242] .el-checkbox__label{font-size:12px;color:#333}.app-center .sort .function .count[data-v-60c47242]{font-size:12px;color:#666;letter-spacing:0;line-height:22px}.app-center .sort .function .count .num[data-v-60c47242]{text-align:center;display:inline-block;min-width:32px}.app-center .page[data-v-60c47242]{padding-bottom:16px}