.case_body,.section-top{background:#fff}.section-top,.section-top .middle a,.section-top .right a{color:#1d1d1d}.mode0 .pic,.mode1 .pic,.pic img{transition:all .5s}.desc,.section-top{font-size:14px;font-weight:400}#case{visibility:visible}.section-case{width:100%;padding:30px;max-width:1920px;margin:0 auto}.case{max-width:1200px}.section-top{width:100%;height:55px;line-height:55px;border:1px solid #eeeff2}.section-top .active,.section-top .current{color:#DB010A}.section-top .content{width:100%;overflow:hidden}.section-top .left{width:144px;float:left;overflow:hidden}.section-top .middle{float:left;margin-left:56px}.section-top .right{float:right;margin-right:-15px}.item,.section-top .left .icon{cursor:pointer;float:left}.section-top .left .icon:nth-of-type(1){margin-right:20px}.section-top .middle span{margin-right:5px;padding:0 15px;cursor:pointer}.section-top .right span{display:inline-block;margin-left:5px;padding:0 15px;cursor:pointer}.masonry{width:calc(100% + 20px);min-height:200px;margin-left:-10px;position:relative}.item{width:calc(100% / 5);box-sizing:border-box;padding:3px;position:relative}.pic,.pic img{display:block;width:100%}.pic img{height:auto}.mode0 .item_inner,.mode0 .pic{height:0;padding-bottom:100%;position:relative;overflow:hidden;width:100%}.mode0 .pic{background-size:cover;background-position:center}.mode1 .item_inner,.mode1 .pic{position:relative;width:100%;overflow:hidden}.mode0,.mode1{display:none}.block{display:block}.desc{text-align:left;color:transparent;transition:all .2s;width:100%;padding:20px;position:absolute;bottom:0;left:0}.item:hover .pic{transform:scale(1.05)}.item:hover .desc{color:#fff;background:linear-gradient(to top,#000 10%,transparent 100%)}.case_load{height:200px}.no-cases{text-align:center}@media only screen and (max-width:1024px){#case{visibility:visible}.section-case{padding:20px 0;overflow:auto}.desc{font-size:14px;color:#fff;background:linear-gradient(to top,#000 10%,transparent 100%)}.masonry{width:100%;margin-left:0}.item{width:100%;float:none;padding:0 20px 10px}.section-top{border:0 solid #eeeff2;font-size:14px;font-weight:700;color:#1d1d1d}.section-top .middle span{padding:10px 5px;margin-right:10px}.section-top .middle span:last-child{margin-right:0}.section-top .middle .current{border-bottom:2px solid #E60012}.section-top .content{overflow:auto;margin:0 10px}.section-top .middle{width:max-content;margin-left:0}.mode0{display:none}.mode1{display:block}}