.article{padding:30px;min-width:1100px}.article .labelBox li{font-size:15px}.article .labelBox li a{color:#444}.article .labelBox li a:hover{color:#27c48f;text-decoration:underline}.article .labelBox li.active{color:#27c48f}.article .popularBox,.article .updateBox{display:none}.article .popularBox h3,.article .updateBox h3{font-size:20px;border-bottom:1px solid #ccc}.article .popularBox h3 span,.article .updateBox h3 span{margin-bottom:-1px;display:inline-block;height:35px;line-height:35px;border-bottom:2px solid #27c48f}.article .popularBox ul,.article .updateBox ul{margin-top:15px}.article .popularBox.popularBox li .thumbnail,.article .updateBox.popularBox li .thumbnail{padding:0;border:0;background:#f5f5f5}.article .popularBox.popularBox li .thumbnail >a,.article .updateBox.popularBox li .thumbnail >a{display:inline-block;width:100%;overflow:hidden}.article .popularBox.popularBox li .thumbnail >a img,.article .updateBox.popularBox li .thumbnail >a img{height:100%;width:100%;transition:600ms}.article .popularBox.popularBox li .thumbnail >a img:hover,.article .updateBox.popularBox li .thumbnail >a img:hover{transform:scale(1.05)}.article .popularBox.popularBox li .thumbnail .caption h4,.article .updateBox.popularBox li .thumbnail .caption h4{margin:3px;font-size:18px;height:45px;overflow:hidden}.article .popularBox.popularBox li .thumbnail .caption h4 a,.article .updateBox.popularBox li .thumbnail .caption h4 a{color:#222}.article .popularBox.popularBox li .thumbnail .caption h4:hover a,.article .updateBox.popularBox li .thumbnail .caption h4:hover a{color:#27c48f}.article .popularBox.popularBox li .thumbnail .caption p,.article .updateBox.popularBox li .thumbnail .caption p{font-size:15px;color:#222}.article .popularBox.popularBox li .thumbnail .caption p:nth-of-type(1),.article .updateBox.popularBox li .thumbnail .caption p:nth-of-type(1){height:60px;overflow:hidden}.article .popularBox.popularBox li .thumbnail .caption p:nth-of-type(2),.article .updateBox.popularBox li .thumbnail .caption p:nth-of-type(2){height:20px}.article .popularBox.updateBox >ul li,.article .updateBox.updateBox >ul li{margin-bottom:30px;perspective:1000px}.article .popularBox.updateBox >ul li .media,.article .updateBox.updateBox >ul li .media{padding:15px;background:#f5f5f5;transition-duration:1000ms;transition-delay:100ms;transform-style:preserve-3d;transform-origin:center top;backface-visibility:hidden}.article .popularBox.updateBox >ul li .media .media-left,.article .updateBox.updateBox >ul li .media .media-left{transition:600ms}.article .popularBox.updateBox >ul li .media .media-left img,.article .updateBox.updateBox >ul li .media .media-left img{width:250px}.article .popularBox.updateBox >ul li .media .media-left:hover,.article .updateBox.updateBox >ul li .media .media-left:hover{transform:translateX(-10px)}.article .popularBox.updateBox >ul li .media .media-body,.article .updateBox.updateBox >ul li .media .media-body{padding-left:15px}.article .popularBox.updateBox >ul li .media .media-body h4,.article .updateBox.updateBox >ul li .media .media-body h4{margin-bottom:0;font-size:18px;overflow:hidden;padding-top:3px}.article .popularBox.updateBox >ul li .media .media-body h4 a,.article .updateBox.updateBox >ul li .media .media-body h4 a{color:#222}.article .popularBox.updateBox >ul li .media .media-body h4:hover a,.article .updateBox.updateBox >ul li .media .media-body h4:hover a{color:#27c48f}.article .popularBox.updateBox >ul li .media .media-body p,.article .updateBox.updateBox >ul li .media .media-body p{font-size:15px;color:#222;word-break:break-all}.article .popularBox.updateBox >ul li .media .media-body p:nth-of-type(1),.article .updateBox.updateBox >ul li .media .media-body p:nth-of-type(1){padding:0;margin:0;font-size:14px;color:#888;margin-bottom:10px}.article .popularBox.updateBox >ul li .media .media-body p:nth-of-type(1) a,.article .updateBox.updateBox >ul li .media .media-body p:nth-of-type(1) a{color:#888}.article .popularBox.updateBox >ul li .media .media-body p:nth-of-type(1) a:hover,.article .updateBox.updateBox >ul li .media .media-body p:nth-of-type(1) a:hover{color:#27c48f;text-decoration:underline}.article .popularBox.updateBox >ul li .media .media-body p:nth-of-type(2),.article .updateBox.updateBox >ul li .media .media-body p:nth-of-type(2){max-height:105px;overflow:hidden}.article .popularBox.updateBox >ul li .media .media-body p:nth-of-type(3),.article .updateBox.updateBox >ul li .media .media-body p:nth-of-type(3){height:20px}.article .popularBox.updateBox >ul li.active .media,.article .updateBox.updateBox >ul li.active .media{transform:rotateX(-90deg) translateZ(0);opacity:0}.article .popularBox.updateBox .pageBox ul.m-pagination-page,.article .updateBox.updateBox .pageBox ul.m-pagination-page{width:100%;background:#f5f5f5;padding:10px}.article .popularBox.updateBox .pageBox ul.m-pagination-page li >a,.article .updateBox.updateBox .pageBox ul.m-pagination-page li >a{width:24px;height:40px;line-height:40px;text-align:center}.article .popularBox.updateBox .pageBox ul.m-pagination-page li.active a,.article .updateBox.updateBox .pageBox ul.m-pagination-page li.active a{background:#27c48f;border-color:#27c48f}