#article-collection{padding-bottom:44px}#article-collection .results{font-size:0.9rem;color:rgba(255,255,255,0.4);letter-spacing:1px}#article-collection .item .item-inner:hover .image img{transform:scale(1.02) translate(-50%, -50%)}#article-collection .item .image{z-index:1;background:none}#article-collection .item .image:before,#article-collection .item .image:after{display:none}#article-collection .item .image img{position:absolute;top:50%;left:50%;transform:scale(1) translate(-50%, -50%);transform-origin:left center;transition:all .25s ease-in}#article-collection .item .info{position:relative;z-index:0;background:rgba(255,255,255,0.06);padding:30px 30px 20px;margin:-20px 60px 0;border-bottom-left-radius:30px;border-bottom-right-radius:30px;overflow:hidden;transition:all .25s ease-in}@media all and (max-width: 1024px){#article-collection .item .info{padding:12px}}@media (min-width: 1px) and (max-width: 767px){#article-collection .item .info{margin:0 20px 0;border-bottom-left-radius:20px;border-bottom-right-radius:20px}}#article-collection .item .info:before,#article-collection .item .info:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#article-collection .item .info:before{background:url("/theme/v1/images/dark.jpg") center bottom no-repeat;background-size:100% auto}#article-collection .item .info:after{background:linear-gradient(to bottom, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.2) 100%)}#article-collection .item .info .info-inner{position:relative;z-index:2}#article-collection .item .info .title{font-size:1.1rem;letter-spacing:1px;margin-bottom:4px}#article-collection .item .info .title a{color:#EB3700}#article-collection .item .info .description{display:none !important}#article-collection .item .info .date{color:rgba(255,255,255,0.7)}#article-collection .item .info .more{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:14px;color:rgba(255,255,255,0.6);transition:all .25s ease-in}@media (min-width: 1px) and (max-width: 767px){#article-collection .item .info .more{top:auto;bottom:0;transform:translateY(0%);font-size:0.9rem}}.section-tutorial-article #article-collection .item .info,.section-knowledge #article-collection .item .info,.section-recommend #article-collection .item .info{padding:30px 20px 10px;margin:-20px 12px 0;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.section-tutorial-article #article-collection .item .info .more,.section-knowledge #article-collection .item .info .more,.section-recommend #article-collection .item .info .more{top:auto;bottom:-6px}
