.hotArticle{counter-reset:rank}.hotArticle a{width:250px;display:inline-block}.hotArticle a:before{content:"NO." counter(rank);counter-increment:rank;display:inline-block;font-weight:700;font-size:12px;color:#333;width:40px}.hotArticle-one{height:150px;width:100%}.hotArticle-one img{width:auto;height:auto;max-width:100%;max-height:100%}.hotArticle-one:hover .hotArticle-mask{opacity:1;color:#fff}.hotArticle-one .hotArticle-mask{left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.5);opacity:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .5s;transition:opacity .5s}