@charset "UTF-8";#top .news .front_catch{font-size:22px;line-height:34px;text-align:left;color:#00b2ff;padding-bottom:10px;margin:0 0 20px;position:relative;border-bottom:2px solid #00b2ff}#top .news .front_catch_txt{line-height:1.5;margin-bottom:50px}#top .news .main_ads{margin-bottom:20px}#top .news ul{display:flex;flex-wrap:wrap;justify-content:space-between}#top .news ul li{width:48%;margin-bottom:50px;position:relative}#top .news ul li .n_img{display:block;height:250px;border:1px solid #efefef;box-sizing:border-box;overflow:hidden;position:relative}#top .news ul li .n_img img{object-fit:cover;position:absolute;height:100%;right:0;left:0;margin:auto}#top .news ul li .n_txt{background:rgba(238,238,238,.8);width:100%;padding:10px 20px;box-sizing:border-box;position:absolute;bottom:0;z-index:1}#top .news ul li .n_txt>*{margin-bottom:5px;display:block}#top .news ul li .n_txt h2{font-size:16px;line-height:22px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top .news ul li .n_txt .day{font-size:14px;font-weight:700}#top .news ul li .n_txt .post-categories{font-size:10px;font-weight:700;text-align:center;color:#fff;background:#00b2ff;padding:5px;display:inline-block;border-radius:30px}#top .news .news_list{font-size:14px;font-weight:700;text-align:center;color:#50b4ff;border:2px solid #93d1ff;border-radius:3px;width:200px;box-sizing:border-box;display:block;padding:10px 0;margin:0 auto}#top .news ul li .category{position:absolute;top:5px;right:6px;font-size:13px;font-weight:700;padding:8px 10px;color:#fff;background:#aaa}#top .news ul li .category.wordpress{background:#1d89b8}#top .news ul li .category.coding{background:#bfbd23}#top .news ul li .category.php{background:#0f4aaf}#top .news ul li .category.web-app{background:#f25b5b}#top .news ul li .category.job{background:#47c4f1}#top .news ul li .category.web-knowledge{background:#2ba309}#top .news ul li .category.google-chrome{background:#c99a28}#top .news ul li .category.express{background:#e061a7}#top .news ul li .category.illustrator{background:#d85d16}#top .news ul li .category.marketing{background:#864bb5}@media screen and (max-width:800px){#top .news .front_catch{font-size:20px;line-height:28px}#top .news ul{flex-direction:column}#top .news ul li{width:100%;margin-bottom:30px}#top .news ul li .n_txt h2{font-size:14px;line-height:20px}}