.imagelist{padding:50px 0}.imagelist-content{display:block;margin:0 -16px}.imagelist-content:after{display:block;content:'';clear:both}.imagelist-item{float:left;width:33.333%;padding:16px}.imagelist-item a{display:block;border:1px solid #e8e8e8;background:#fff;overflow:hidden}.imagelist-item a>ins{display:block;overflow:hidden;position:relative}.imagelist-item a>ins:before{position:absolute;content:'+';font-size:38px;color:#fff;z-index:1;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.38);transform:translateY(-100%);transition:.3s;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-o-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-o-box-align:center;box-align:center}.imagelist-item a>ins>img{display:block;width:100%;transition:.8s}.imagelist-item a span{display:block;padding:28px;transition:.3s;position:relative;z-index:8;background:#fff}.imagelist-item a span>h3{margin-bottom:18px;overflow:hidden;transition:.3s;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.imagelist-item a span>p{display:block;overflow:hidden;transition:.3s;color:#989898;height:63px}.imagelist-item a span>u{display:block;text-decoration:none;transition:.3s;height:30px;margin-top:18px}.imagelist-item a span>u>i{display:inline-block;border:1px solid #d8d8d8;transition:.3s;border-radius:3px;font-style:normal;line-height:28px;padding:0 8px;color:#686868}.imagelist-item a span>u>i+i{margin-left:6px}.imagelist-item a span>u>i:hover{color:#fff;border-color:#b40000;background:#b40000}.imagelist-item a:hover>ins:before{transform:translateY(0)}.imagelist-item a:hover>ins>img{transform:scale(1.08)}.imagelist-item a:hover span{transform:translateY(-18px)}.imagelist-item a:hover span>h3{transform:translateY(8px);color:#b40000}.imagelist-item a:hover span>p{transform:translateY(8px)}.imagelist-item a:hover span>u{transform:translateY(8px)}.imagelist dir{padding-top:38px}@media (max-width:1200px){.imagelist{padding:38px 0}.imagelist-content{margin:0 -10px}.imagelist-item{padding:10px}.imagelist-item a span{padding:18px}.imagelist-item a span>h3{margin-bottom:8px}.imagelist dir{padding-top:28px}}@media (max-width:992px){.imagelist-item{width:50%}}@media (max-width:767px){.imagelist{padding:18px 0}.imagelist-content{margin:0 -4px}.imagelist-item{width:100%;padding:4px}.imagelist dir{padding-top:18px}}.imagedetail{padding:58px 0}.imagedetail-head{overflow:hidden}.imagedetail-info{margin:18px 0 0;padding-bottom:8px;border-bottom:1px solid #e8e8e8;color:#686868}.imagedetail-info>b{font-weight:normal}.imagedetail-info>i{font-style:normal;padding-right:18px}.imagedetail-info>i>a{color:#686868}.imagedetail-info>i>a:hover{color:#b40000}.imagedetail-li{display:block;margin:18px 0 0}.imagedetail-li>u{text-decoration:none;padding:6px 18px;margin-right:6px;border-radius:6px;background:#f8f8f8;display:inline-block}.imagedetail-text{display:block;margin:28px 0 0;font-size:16px}.imagedetail-param{display:block;margin-top:18px;font-size:15px}.imagedetail-param>dl+dl{margin-top:8px}.imagedetail-param>dl:after{display:block;content:'';clear:both}.imagedetail-param>dl>dt{float:left;color:#686868}.imagedetail-param>dl>dd{float:left}.imagedetail-price{display:block;margin-top:18px;color:red}.imagedetail-swiper{margin-top:28px;overflow:hidden;position:relative}.imagedetail-outer{width:10000%}.imagedetail-item{float:left;width:1%}.imagedetail-item img{width:100%;display:block}.imagedetail-item b{display:block;margin-top:16px;font-size:18px;color:#fff}.imagedetail-prev,.imagedetail-next{position:absolute;z-index:8;top:50%;width:48px;height:48px;line-height:48px;text-align:center;margin-top:-18px;background:rgba(0,0,0,0.28);cursor:pointer;opacity:0;transition:.3s}.imagedetail-swiper:hover .imagedetail-prev,.imagedetail-swiper:hover .imagedetail-next{opacity:1}.imagedetail-prev i,.imagedetail-next i{color:#fff;font-size:48px}.imagedetail-prev:hover i,.imagedetail-next:hover i{color:#b40000}.imagedetail-prev{left:0}.imagedetail-next{right:0}.imagedetail-content{display:block;padding-top:38px}.imagedetail-content>aside{padding-bottom:38px}.imagedetail-content>aside>p+p{margin-top:8px}.imagedetail-tags{padding:0 0 18px 0}.imagedetail-tags>a{display:inline-block;border:1px solid #e8e8e8;padding:8px 18px;background:rgba(0,0,0,0.01);border-radius:3px}.imagedetail-tags>a:hover{color:#fff;background:#b40000}.imagedetail-comment{padding-top:28px}dir{text-align:left;border-top:1px solid #e8e8e8;padding:12px 0}dir>dl{padding:6px 0}dir>dl:after{display:block;content:'';clear:both}dir>dl>dt{float:left;margin-right:8px}dir>dl>dt>b{font-weight:normal;color:#989898}dir>dl>dd{float:left}dir>dl>dd>i{font-style:normal}@media (max-width:1200px){.imagedetail{padding:38px 0}.imagedetail-swiper{margin:0 auto;float:none}.imagedetail-swiper+.imagedetail-head{margin:28px 0 0 0}}@media (max-width:767px){.imagedetail{padding:18px 0}.imagedetail-swiper{margin-top:18px}.imagedetail-info{margin:12px 0 18px 0}.imagedetail-head>h1{font-size:20px}.imagedetail-swiper+.imagedetail-head{margin:18px 0 0 0}}/*# sourceMappingURL=./project.css.map */