.private-list li{position:relative;background:#fff;width:32%;min-width:188px;margin-right:2%;border-radius:5px;float:left;margin-bottom:10px;overflow:hidden}.public-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.public-list li{position:relative;width:19%;border:1px solid #ccc;margin:.5%;border-radius:5px;background:#fff;overflow:hidden}.work-list li:nth-child(3n){margin-right:0}.work-list li.selected .mask{position:absolute;display:block;width:100%;height:100%;background:#000;top:0;z-index:20;opacity:.4}.work-list li.selected .up-mask{position:absolute;display:block;width:100%;height:100%;top:0;z-index:21}.work-list li.selected .up-mask .work-check{float:right;margin-top:10px}.work-list li .work-img img{width:100%;height:100%;position:relative;height:250px}@media only screen and (min-width:768px) and (max-width:991px){.work-list li .work-img img{height:200px}}@media only screen and (max-width:767px){.work-list li .work-img img{height:150px}}.work-icon i{background-size:20px 20px;width:20px;height:20px;margin-top:10px;margin-right:10px}.work-info{border-top:1px solid #eee;padding:10px}.work-info small{color:#bbb}.work-list li:hover{box-shadow:0 2px 10px rgba(0,0,0,.2);transform:translate3d(0,-2px,0)}.work-list li .hover-content{position:absolute;top:-50px;right:0;height:42px;line-height:42px;transition:all .2s;width:100%}.work-list li:hover .hover-content{display:block;top:6px;z-index:20}.work-list li .hover-content span{display:inline-block;border-radius:2px;font-size:14px;height:28px;line-height:28px;cursor:pointer;width:28px;text-align:center;padding:0;background:#ededed;border:1px solid #ededed;text-decoration:none;color:#444;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;user-select:none;text-align:center;box-shadow:0 0 0 transparent}.work-list li .hover-content .heart{margin-right:8px}.work-list li .hover-content .collect{margin-left:8px}.work-list li .other{font-size:12px;background:#f6f6f6;border-top:1px solid #e7e7e7;box-shadow:0 1px 0 0 #fff inset;padding:0 5px;color:#8b8b8c;height:36px}.work-list li .other .work-share i{margin:0 2px}.work-list li .other .work-share span{display:inline-block;line-height:36px}.work-list li .designer-link{line-height:36px;text-align:center;display:inline-block;color:#8b8b8c}.work-list li .work-name{border-top:1px dashed #d9d4d4;padding:3px}.work-list li .work-name input{font-size:10px;padding:4px;outline:none;border:0}.work-list li .work-name input.border{border:1px solid #ddd}.work-list li .work-name input.full{width:100%}.work-list li .action{text-align:right;padding-top:5px}.work-list li .work-share{display:inline-block;position:relative}.pop_share::after{content:" ";display:block;width:0;height:0;border-width:6px;border-style:solid;border-color:#fff transparent transparent;position:absolute;left:13px;bottom:-12px}.pop_share{left:0;position:absolute;background:#fff;width:135px;top:-35px;border-radius:5px;padding:5px;line-height:1;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);text-align:center;white-space:pre-wrap;text-align:justify;display:none}.pop_share i{margin:0 2px;cursor:pointer}