.sitewidget-articlelist .articlelist-liststyle16{margin-left:-50px;overflow:hidden}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-item{float:left;width:360px;margin-left:50px}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture{width:100%}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a{display:block;width:100%;position:relative}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a>img{width:100%;height:100%;display:block}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a>picture>img{width:100%;height:100%;display:block}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture .rotate-mark{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.65);opacity:0;transition:opacity .4s ease-in-out}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture .rotate-mark .icon-fadein{position:absolute;width:80px;height:80px;line-height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;border-radius:50%;background-color:#333;opacity:.7;color:#fff;font-size:14px;text-align:center;cursor:pointer;display:none;transform-origin:50% 50%;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-90deg) scale(0.5,0.5);transition:all .4s ease-in-out}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture .rotate-mark .icon-fadein .fa,.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture .rotate-mark .icon-fadeout .fa{position:absolute;top:50%;left:50%;margin:-7px 0 0 -7px}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a:hover .rotate-mark{opacity:1;display:block}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a:hover .icon-fadein{display:block;animation:rotateFadeIn .4s ease forwards}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture .rotate-mark .icon-fadeout{position:absolute;width:80px;height:80px;line-height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;border-radius:50%;background-color:#333;opacity:0;color:#fff;font-size:14px;cursor:pointer;text-align:center;transform-origin:50% 50%;-webkit-transform:rotateZ(-90deg) scale(0.5,0.5);-moz-transform:rotateZ(-90deg) scale(0.5,0.5);-ms-transform:rotateZ(-90deg) scale(0.5,0.5);-o-transform:rotateZ(-90deg) scale(0.5,0.5);transform:rotateZ(-90deg) scale(0.5,0.5);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a:hover .icon-fadeout{animation:rotateFadeOut .4s ease forwards}
@keyframes rotateFadeIn{80%{-webkit-transform:rotateZ(15deg) scale(1.1,1.1);-moz-transform:rotateZ(15deg) scale(1.1,1.1);-ms-transform:rotateZ(15deg) scale(1.1,1.1);-o-transform:rotateZ(15deg) scale(1.1,1.1);transform:rotateZ(15deg) scale(1.1,1.1);opacity:.7}
99%{-webkit-transform:rotateZ(0) scale(1,1);-moz-transform:rotateZ(0) scale(1,1);-ms-transform:rotateZ(0) scale(1,1);-o-transform:rotateZ(0) scale(1,1);transform:rotateZ(0) scale(1,1);opacity:.7}
100%{-webkit-transform:rotateZ(0) scale(1,1);-moz-transform:rotateZ(0) scale(1,1);-ms-transform:rotateZ(0) scale(1,1);-o-transform:rotateZ(0) scale(1,1);transform:rotateZ(0) scale(1,1);opacity:0}
}
@keyframes rotateFadeOut{99%{-webkit-transform:rotateZ(0) scale(1,1);-moz-transform:rotateZ(0) scale(1,1);-ms-transform:rotateZ(0) scale(1,1);-o-transform:rotateZ(0) scale(1,1);transform:rotateZ(0) scale(1,1);opacity:0}
100%{-webkit-transform:rotateZ(0) scale(1,1);-moz-transform:rotateZ(0) scale(1,1);-ms-transform:rotateZ(0) scale(1,1);-o-transform:rotateZ(0) scale(1,1);transform:rotateZ(0) scale(1,1);opacity:.7}
}
.sitewidget-articlelist .articlelist-liststyle16 .articleList-links-singleline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.sitewidget-articlelist .articlelist-liststyle16 .article-column-time{display:block;float:none;width:auto;text-align:left}
.sitewidget-articlelist .articlelist-liststyle16{margin-left:0}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-item{width:30%;margin-left:5%}
.sitewidget-articlelist .articlelist-liststyle16>ul li:nth-child(3n+1){margin-left:0;clear:both}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a>img{height:auto}
.sitewidget-articlelist .articlelist-liststyle16 .articlelist-picture>a>picutre>img{height:auto}
@media(max-width:736px){.sitewidget-articlelist .articlelist-liststyle16 .articlelist-item{width:100%;margin-left:0}
}
.sitewidget-articlelist .articlelist-liststyle17 .articleList-links-singleline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sitewidget-articlelist .articlelist-liststyle17 .articlelist-item{overflow:hidden;width:100%}
.sitewidget-articlelist .articlelist-liststyle17 .articlelist-picture{width:100%;margin-bottom:10px}
.sitewidget-articlelist .articlelist-liststyle17 .articlelist-picture>a>img{width:100%;height:100%;display:block}
.sitewidget-articlelist .articlelist-liststyle17 .articlelist-picture>a>img:hover{transform:scale(1.02,1.02);box-shadow:0 0 10px #aaa;transition:.35s}
.sitewidget-articlelist .articlelist-liststyle17 .articlelist-picture>a{display:block;width:100%;position:relative}
.sitewidget-articlelist .articlelist-liststyle17 .readMore-wrap{float:left;width:100%}
.sitewidget-articlelist .articlelist-liststyle17 .readMore{float:right;margin-right:10px;cursor:pointer}
.sitewidget-articlelist .articlelist-liststyle17 .readMore i{margin-left:5px}
.sitewidget-articlelist .articlelist-liststyle17 .readMore:hover i{transform:translateX(5px)}