.tempage[data-v-a75e4898]{padding:20px 0}.empty-box[data-v-a75e4898]{margin-top:30px;min-height:20vh;display:flex;flex-direction:column;align-items:center}.empty-box P[data-v-a75e4898]{text-align:center}.searchBox[data-v-a75e4898]{width:200px;display:flex}.searchBox .searchInput[data-v-a75e4898]{margin-right:10px}.tempContent[data-v-a75e4898]{display:flex;margin-top:20px;flex-wrap:wrap}.tempContent .tempList[data-v-a75e4898]:nth-child(4n){margin-right:0}.tempContent .tempList[data-v-a75e4898]{width:24%;height:300px;position:relative;display:inline-block;cursor:pointer;border-radius:10px;box-shadow:0 0 10px #ccc;margin-right:1.33333%;margin-bottom:20px}.tempContent .tempList .addBtn[data-v-a75e4898]{color:#23b8ff;position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}.tempContent .tempList .addBtn .iconText[data-v-a75e4898]{font-size:16px;margin-top:10px}.tempContent .tempList .publicBtn[data-v-a75e4898]{z-index:10;position:absolute;top:10px;left:10px;color:#fff;padding:2px 6px;background-color:#fbb03b;border-radius:3px}.tempContent .tempList .title-img[data-v-a75e4898]{position:relative;height:200px;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;border-radius:10px 10px 0 0}.tempContent .tempList .title-img .operatBox[data-v-a75e4898]{display:none;position:absolute;z-index:12;top:0;left:0;right:0;bottom:0;border-radius:10px 10px 0 0;background-color:rgba(0,0,0,.6)}.tempContent .tempList .title-img .operatBox .topBtn[data-v-a75e4898]{position:absolute;top:10px;right:10px;display:flex}.tempContent .tempList .title-img .operatBox .topBtn .btn[data-v-a75e4898]{display:block;padding:2px 10px;background-color:hsla(0,0%,100%,.8);border-radius:4px;margin-left:10px}.tempContent .tempList .title-img .operatBox .topBtn .btn[data-v-a75e4898]:hover{color:#23b8ff}.tempContent .tempList .title-img .operatBox .centerBtn[data-v-a75e4898]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between}.tempContent .tempList .title-img .operatBox .centerBtn .spanBtn[data-v-a75e4898]{display:block;width:80px;height:32px;text-align:center;line-height:32px;color:#fff;border:1px solid #23b8ff;border-radius:100px}.tempContent .tempList .title-img .operatBox .centerBtn .yl[data-v-a75e4898]{background-color:hsla(0,0%,100%,.4);margin:0 10px}.tempContent .tempList .title-img .operatBox .centerBtn .yl[data-v-a75e4898]:hover{border:1px solid #0090ff;background-color:hsla(0,0%,100%,.2)}.tempContent .tempList .title-img .operatBox .centerBtn .fb[data-v-a75e4898]{background-color:#23b8ff}.tempContent .tempList .title-img .operatBox .centerBtn .fb[data-v-a75e4898]:hover{border:1px solid #0090ff;background-color:#0090ff}.tempContent .tempList .list-content[data-v-a75e4898]{padding:10px}.tempContent .tempList .list-content .temp-title[data-v-a75e4898]{margin-bottom:10px}.tempContent .tempList .list-content .temp-info[data-v-a75e4898]{color:#bbb;display:flex;align-items:center}.tempContent .tempList .list-content .temp-info .bt[data-v-a75e4898]{margin-right:10px}.tempContent .tempList .list-content .temp-info .bt .value[data-v-a75e4898]{margin-left:6px}.tempContent .tempList[data-v-a75e4898]:hover{box-shadow:0 0 40px #ccc}.tempContent .tempList:hover .title-img .operatBox[data-v-a75e4898]{display:block}.my-collection-page[data-v-a75e4898]{height:100%;width:100%}.my-collection-page .topBox[data-v-a75e4898]{display:flex;align-items:center;justify-content:flex-end}