[data-v-3c80a3da]{margin:0;padding:0}li[data-v-3c80a3da]{list-style:none}.quick-list[data-v-3c80a3da]{box-sizing:border-box;padding:40px 8vw;margin:0 auto;background-color:#2b2b2b;color:#fff;height:auto;min-height:100vh}.quick-list .wrap .wrap-t>.item[data-v-3c80a3da]{display:flex;padding:20px 0}.quick-list .wrap .item[data-v-3c80a3da]:nth-child(-n+3){border-bottom:1px dashed #424245}.quick-list .wrap .wrap-t>.item .title[data-v-3c80a3da]{width:60px;font-size:16px;padding:9px 4px 9px 0;white-space:nowrap}.quick-list .wrap .wrap-t>.item .nav-item[data-v-3c80a3da]{display:flex;flex-wrap:wrap}.quick-list .wrap .wrap-t>.item .nav-item li[data-v-3c80a3da]{cursor:pointer;font-size:14px;color:#fff;margin:5px;padding:9px 15px;transition:all .4s ease;display:inline-block;border-radius:3px;white-space:nowrap}.quick-list .wrap .wrap-t>.item .nav-item li.active[data-v-3c80a3da]{color:#fff;background-color:#006cff}.quick-list .wrap .wrap-t .end-item[data-v-3c80a3da]{justify-content:space-between;align-items:center;border-bottom:none}.quick-list .wrap .wrap-t .end-item .left[data-v-3c80a3da]{display:flex;align-items:center}.quick-list .wrap .wrap-t .end-item .left>div[data-v-3c80a3da]{display:flex;align-items:center;margin-right:60px}.quick-list .wrap .wrap-t .end-item .right a[data-v-3c80a3da]{color:#fff;font-size:12px;text-decoration:underline}.quick-list .wrap .wrap-t .end-item .right .btn[data-v-3c80a3da]{padding:7px 15px;color:#fff;background-color:#006cff;font-size:12px;border:#006cff;margin-left:10px}.templates[data-v-3c80a3da]{margin-top:40px}.templates .templates-list[data-v-3c80a3da]{display:flex;flex-wrap:wrap}.templates .templates-list .item[data-v-3c80a3da]{width:19.2%;margin-bottom:20px;margin-right:1%}.templates .templates-list .item[data-v-3c80a3da]:nth-child(5n){margin-right:0}.templates .templates-list .item .imagebox[data-v-3c80a3da]{width:100%;position:relative;cursor:pointer}.templates .templates-list .item .imagebox img[data-v-3c80a3da]{display:block;border-radius:4px;max-width:100%}.templates .templates-list .item .imagebox .fake[data-v-3c80a3da]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);opacity:0;z-index:-1;transition:all .3s ease}.templates .templates-list .item .imagebox .fake .btn[data-v-3c80a3da]{color:#fff;background-color:#006cff;border-color:#006cff;padding:12px 20px}.templates .templates-list .item:hover .imagebox .fake[data-v-3c80a3da]{opacity:1;z-index:1}.templates .templates-list .item .tit[data-v-3c80a3da]{margin:20px 0 10px;text-align:center;font-size:18px;font-weight:700}.templates .templates-list .item .serial[data-v-3c80a3da]{color:#888;text-align:center}@media screen and (max-width:1280px){.templates .templates-list .item[data-v-3c80a3da]{width:24%;margin-bottom:20px;margin-right:1%}.templates .templates-list .item[data-v-3c80a3da]:nth-child(4n){margin-right:0}.templates .templates-list .item[data-v-3c80a3da]:nth-child(5n){margin-right:1%}}@media screen and (max-width:1024px){.quick-list .wrap .wrap-t .end-item[data-v-3c80a3da]{flex-wrap:wrap}.quick-list .wrap .wrap-t .end-item .left[data-v-3c80a3da]{width:100%;margin-bottom:20px;flex-wrap:wrap}}@media screen and (max-width:750px){.templates .templates-list[data-v-3c80a3da]{justify-content:space-between}.templates .templates-list .item[data-v-3c80a3da]{width:49%;margin-bottom:20px;margin-right:0}.templates .templates-list .item[data-v-3c80a3da]:nth-child(5n){margin-right:0}}@media screen and (max-width:500px){.quick-list[data-v-ca251cc6][data-v-3c80a3da]{padding:30px 20px}}.head[data-v-3c80a3da]{height:50px;justify-content:space-between}.head .headright[data-v-3c80a3da],.head[data-v-3c80a3da]{display:flex;align-items:center}.head .headright .user-img[data-v-3c80a3da]{width:36px;height:36px;border-radius:50%;margin-right:10px}.logo[data-v-3c80a3da]{margin-bottom:20px;width:250px}