.project .items{padding:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project .item{width:300px;margin-right:15px;margin-bottom:30px;background-color:#f2f2f2;padding:15px}.project .item .pic{position:relative;height:270px;overflow:hidden}.project .item .preview{position:absolute;top:50%;left:50%;z-index:10;display:block;width:80px;height:30px;margin-left:-40px;margin-top:-15px;line-height:30px;border-radius:12px;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;cursor:pointer}.project .item .preview:hover{background-color:hsla(0,0%,100%,.5);color:#f96f26}.project .item img{display:block;width:100%}.project .info{background-color:#fff;padding:10px}.project .tit{padding:10px 0;height:68px;line-height:24px}.project .bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project .bar .price{color:#f96f26}.project .bar .down{display:inline-block;background-color:#f96f26;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer}.project .get-code{padding-bottom:10px;color:#777}.project .get-code .no{color:#069;cursor:pointer}