.photo-box[data-v-86a41e70]{display:flex;flex-wrap:wrap}.photo-box[data-v-86a41e70]:after{content:"";flex-grow:999999999;min-width:200px;height:0}.image-box[data-v-86a41e70]{margin:5px;display:block}.image-box img[data-v-86a41e70]{display:block;width:100%}.list-box[data-v-86a41e70]{overflow:hidden}.items-box[data-v-86a41e70]{max-width:1520px;margin:0 -8px}.items-box .item-con[data-v-86a41e70]{padding:8px;width:20%}.items-box .item-con .pic-box[data-v-86a41e70]{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);width:100%;padding:12px}.items-box .item-con .pic-box .pic-content[data-v-86a41e70]{background:#f3f3f3;height:260px;overflow:hidden;position:relative}.items-box .item-con .pic-box .pic-content.add-bg[data-v-86a41e70]{background:#f5f5f5}.items-box .item-con .pic-box .pic-content img[data-v-86a41e70]{max-width:100%;max-height:100%;transition:.35s}.items-box .item-con .pic-box .pic-content .detail-herf[data-v-86a41e70]{position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);opacity:0;transition:.35s ease-in-out}.items-box .item-con .pic-box .pic-content .opt-box[data-v-86a41e70]{position:absolute;top:8px;left:8px;z-index:5;opacity:0;transform:scale(.2);transition:.35s ease-in-out}.items-box .item-con .pic-box .pic-content .opt-box a[data-v-86a41e70]{padding:4px 8px;background-color:#acd85a;color:#fff;border-radius:5px;margin-right:8px}.items-box .item-con .pic-box .pic-content .opt-box a i[data-v-86a41e70]{font-size:14px}.items-box .item-con .pic-box .pic-content .opt-box a[data-v-86a41e70]:last-child{background-color:#56aae1}.items-box .item-con .pic-box .pic-content:hover a[data-v-86a41e70]{opacity:1}.items-box .item-con .pic-box .pic-content:hover img[data-v-86a41e70]{transform:scale(1.2)}.items-box .item-con .pic-box .pic-content:hover .opt-box[data-v-86a41e70]{transform:scale(1);opacity:1}.items-box .item-con .pic-box .pic-info[data-v-86a41e70]{padding:4px 0}.items-box .item-con .pic-box .pic-info p[data-v-86a41e70]:last-child{color:#999}@media screen and (max-width:1024px){.items-box .item-con[data-v-86a41e70]{width:25%}}@media screen and (max-width:768px){.items-box .item-con[data-v-86a41e70]{width:33.33%}}@media screen and (max-width:540px){.items-box .item-con[data-v-86a41e70]{width:50%}}@media screen and (max-width:375px){.items-box .item-con[data-v-86a41e70]{width:100%}}.sc-title[data-v-7be41849]{font-size:16px;font-weight:700}.sc-list[data-v-7be41849]{margin:0 -8px;min-height:300px}.sc-list .sc-item[data-v-7be41849]{width:33.33%;height:200px;padding:8px}.sc-list .sc-item>div[data-v-7be41849]{width:100%;height:100%;position:relative;cursor:pointer}.sc-list .sc-item>div .null-bg[data-v-7be41849]{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background:rgba(0,0,0,.1)}.sc-list .sc-item>div .null-bg i[data-v-7be41849]{font-size:56px;color:rgba(0,0,0,.3)}.sc-list .sc-item>div .sc-bg[data-v-7be41849]{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}.sc-list .sc-item>div .text-con>i[data-v-7be41849]{position:absolute;opacity:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-weight:700}.sc-list .sc-item>div .sc-title[data-v-7be41849]{font-size:16px;color:#333;position:absolute;top:0;width:100%;line-height:48px;text-align:center;font-weight:700;color:#fff;z-index:6}.sc-list .sc-item>div .total-count[data-v-7be41849]{position:absolute;bottom:0;right:0;text-align:right;color:#fff;z-index:6;padding:8px}.sc-list .sc-item.active .text-con[data-v-7be41849]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(80,60,53,.8)}.sc-list .sc-item.active .text-con>i[data-v-7be41849]{z-index:5;font-size:48px;color:#fff;opacity:1;transition:.5s}.sc-list .sc-item.active .text-con>i.cancel[data-v-7be41849]{opacity:0}.sc-list .sc-item.active:hover>div i.sure[data-v-7be41849]{opacity:0;transform:translateX(-50%) translateY(-50%) rotate(180deg)}.sc-list .sc-item.active:hover>div i.cancel[data-v-7be41849]{opacity:1;transform:translateX(-50%) translateY(-50%) rotate(180deg)}.sc-list .sc-empty[data-v-7be41849]{cursor:pointer;font-size:24px;color:rgba(0,0,0,.5);font-weight:700}.sc-list .sc-empty i[data-v-7be41849]{font-size:32px}.detail-right[data-v-124b2d08]{padding-left:16px;flex:0 0 320px;max-width:100%}.down-btn-box[data-v-124b2d08]{width:100%}.info-box[data-v-124b2d08]{font-size:12px;color:#666}.info-box .base-info[data-v-124b2d08]{line-height:24px}.info-box .base-info .det-id[data-v-124b2d08]{font-weight:700}.author-btns[data-v-124b2d08]{margin-top:4px}.author-btns>a[data-v-124b2d08]{cursor:pointer;font-size:12px;padding:0 8px;height:20px;line-height:20px;text-align:center;border-radius:10px;margin-right:8px;background-color:#e7e7e6}.author-btns>a.active[data-v-124b2d08]{background-color:#01b167;color:#fff}.tag-box[data-v-124b2d08]{margin-top:16px}[data-v-124b2d08] .collection-box{margin-top:8px}[data-v-124b2d08] .collection-box .co-btn{border:none;background-color:#f8f8f8;border-radius:0}[data-v-124b2d08] .collection-box .co-btn i{font-size:12px;margin-right:4px}[data-v-124b2d08] .collection-box .co-btn:hover{color:#fff;background-color:#272c42}[data-v-124b2d08] .collection-box .co-btn.active{color:#fff}[data-v-124b2d08] .collection-box .co-btn.active.sc-btn{background-color:#14af64}[data-v-124b2d08] .collection-box .co-btn.active.xz-btn{background-color:#00b8d8}[data-v-124b2d08] .collection-box .co-btn.active.jb-btn{background-color:#ff4169}.rel-product[data-v-124b2d08]{margin-top:8px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.04);padding:4px}.catagory-box[data-v-d1020820]{background-color:#fff;width:100%}.catagory-box .menu-box[data-v-d1020820]{min-height:56px;line-height:40px;padding:0 8px;font-size:14px}.catagory-box .cate-all[data-v-d1020820]{font-weight:700}.catagory-box .navs-box>span[data-v-d1020820]{display:block;padding:8px 16px}.catagory-box .navs-box.active[data-v-d1020820]{position:relative}.catagory-box .navs-box.active>span a[data-v-d1020820]{color:#f39c11;font-weight:700}.catagory-box .navs-box.active[data-v-d1020820]:after{content:"";width:0;height:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:10px solid transparent;border-bottom-color:rgba(0,0,0,.08)}.nav-dropdown[data-v-d1020820]{background:rgba(0,0,0,.08);width:100%;min-height:40px;line-height:40px;padding:0 16px}.nav-dropdown a[data-v-d1020820]{margin-right:8px;line-height:24px}.nav-dropdown a.active[data-v-d1020820]{color:#f39c11;font-weight:700}.ts-box[data-v-09f82c1c]{margin-top:16px;line-height:24px;color:rgba(0,0,0,.3)}