#home{margin:56px auto 0;padding-top:15px;}
/*焦点图*/
.main-slider{width:620px;height:320px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.15);position:relative;}
.main-slider .swiper-pagination span{height:6px;width:8px;margin:0 3px !important;border-radius:6px !important;background-color:rgba(255,255,255,.8);vertical-align:top;cursor:pointer;display:inline-block;}
.main-slider .swiper-pagination .swiper-pagination-bullet-active{width:18px;background-color:var(--theme-color);-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.main-slider .swiper-slide>a{display:block;height:100%}
.main-slider .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.main-slider .swiper-slide:hover img{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.main-slider .slide-title{position:absolute;z-index:1;width:100%;bottom:0;left:0;padding:5px 15px;margin:0;font-size:16px;line-height:22px;font-weight:500;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;background:#00000057;}
.main-slider .slide-title a{display:block;color:#fff;width:80%;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}
.main-slider .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}
.main-slider .swiper-pagination{width:auto;right:20px;left:auto;bottom:14px;position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;height:6px;font-size:0}
.main-slider .swiper-button-next,.main-slider .swiper-button-prev{position:absolute;top:50%;z-index:10;cursor:pointer;width:30px;height:40px;margin-top:-20px;opacity:0;background:0 0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.main-slider .swiper-button-next:before,.main-slider .swiper-button-prev:before{display:block;width:100%;height:100%;background:rgba(0,0,0,.6);content:"";border-radius:4px}
.main-slider .swiper-button-next i,.main-slider .swiper-button-prev i{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-size:24px;line-height:40px;text-align:center}
.main-slider .swiper-button-next:before{border-top-right-radius:0;border-bottom-right-radius:0}
.main-slider .swiper-button-prev{left:-20px}
.main-slider .swiper-button-prev:before{border-top-left-radius:0;border-bottom-left-radius:0}
.main-slider .swiper-button-next{left:auto;right:-20px}
.main-slider:hover .swiper-button-next,.main-slider:hover .swiper-button-prev{opacity:.7}
.main-slider:hover .swiper-button-next:hover,.main-slider:hover .swiper-button-prev:hover{opacity:1}
.main-slider:hover .swiper-button-prev{left:0}
.main-slider:hover .swiper-button-next{right:0}


.feature-post{width:226px;}
.feature-post li{height:153px;margin-bottom:14px;border-radius:4px;overflow:hidden;position:relative;}
.feature-post li:last-child{margin-bottom:0}
.feature-post li a{display:inline-block;width:226px; height: 153px;}
.feature-post li img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.feature-post span{position:absolute;display:block;left:0;bottom:0;width:100%;padding:10px 15px;line-height:24px;color:#fff;font-size:16px;font-weight:500;background:-o-linear-gradient(top,transparent,rgba(0,0,0,.7));background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.feature-post li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}