.case-group{font-size:18px;margin-bottom:20px;display:flex;justify-content:space-around}.case-group-item{color:#595757;cursor:pointer;line-height:50px}.case-group-item.active{border-bottom:2px solid #007aff;color:#007aff;font-weight:600}.ratings{display:flex;justify-items:center;flex-wrap:wrap;justify-content:space-around;box-sizing:border-box;text-align:center}.ratings .rating-item img{width:18px;height:18px;margin-bottom:6px}.ratings .rating-item span{font-size:14px}.case-list .activity-item{width:274px;height:238px;background:#fff;display:inline-block;box-shadow:0 0 10px rgba(220,220,220,.5);border-radius:10px;overflow:hidden;margin-right:30px;margin-bottom:30px;position:relative;transition:all .5s ease-in-out;cursor:pointer}.case-list .activity-item:hover{transform:translate(0,-10px)}.input span{cursor:pointer}.case-list .activity-item:hover .cover-container .mask{display:block}.case-list .activity-item .cover-container,.case-list .activity-item .cover-container:hover{border-radius:10px 10px 0 0;overflow:hidden}.case-list .activity-item .cover-container img{width:100%;height:144px}.case-list .activity-item .cover-container .mask{display:none;position:absolute;top:0;height:144px;left:0;right:0;z-index:1;background:rgba(0,0,0,.1)}.qrcode-container{width:106px;height:106px;margin:14px auto 0;background:#fff;text-align:center;padding:10px 0;border-radius:6px;display:flex;flex-flow:column}.qrcode-container .hint-text{font-size:12px}.cover-container .mask .qrcode img{width:80px;height:80px}.actitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;color:#343434;margin:16px auto;padding:0 10px;cursor:pointer}.actitle a:hover{color:#5f89f7}@media (min-width:1000px){.case-list .activity-item:nth-child(4n){margin-right:0}}@media (max-width:999px){.case-group{flex-wrap:wrap;margin-top:10px;margin-bottom:10px}.case-group .case-group-item{font-size:13px;margin-right:10px;line-height:36px}.case-list .activity-item{width:48%;height:55vw;background:#fff;border-radius:10px;margin-bottom:20px;margin-right:4%;box-shadow:0 0 10px rgba(126,216,200,.7);position:relative}.case-list .activity-item:nth-child(2n){margin-right:0}.case-list .activity-item .cover-container img{height:30vw}}