.banner{background:url(https://images.wootechy.com/jp/assets/common/top_bg_300px.jpg);min-height:300px}.banner-container{max-width:1175px;margin-left:auto;margin-right:auto;text-align:center}.banner h1{text-align:center;padding-top:20px;font-size:36px;font-weight:400}h2{font-weight:400}.banner p{text-align:center}.container{max-width:1212px;margin-left:auto;margin-right:auto}.banner .container{margin-top:39px}.banner .head-portrait{padding-top:20px;display:flex;align-items:flex-end;justify-content:center}.security svg{vertical-align:middle}.clearfix::after{display:block;clear:both;overflow:hidden}.top-article h2{text-align:center;padding:100px 0 30px 0;font-size:24px}.text-article{margin-top:70px}.text-article.right-article{margin-left:300px}.text-article h3{font-size:24px;margin-bottom:6px;color:#2E2E2E;padding-top:20px}.text-article .sumary{color:#666;line-height:24px;padding-bottom:24px}.text-article ul.list li{border-bottom:2px solid rgba(234,236,239,1);padding-bottom:15px}.text-article ul.list li:first-child h3{padding-top:0}.text-article ul.list li .explain span{color:#999}.text-article ul.list li .explain strong{color:#1CA39E;padding-right:5px;padding-left:5px}.text-article ul.list li .explain strong.cate-name{font-weight:600}.text-article ul.list li .explain strong.author{font-weight:400}.text-article ul.list li a:hover{color:#2E2E2E}.text-article ul.list li a:hover .sumary{color:#666}.text-article ul.list li .explain .span-line{padding-right:10px}.text-article ul.list li .explain .times img{margin:0 5px;width:30px;height:30px;border-radius:50%}.security{margin-bottom:24px;color:#1CA39E}.hot-article h2{padding-top:69px;padding-bottom:60px;text-align:center}.hot-article{padding-bottom:100px}.hot-article ul{display:flex;justify-content:space-between}.hot-article ul li{max-width:262px}.hot-article ul li .hot-item{max-width:262px;box-shadow:2px 2px 6px 0 rgba(0,0,0,.2);border-radius:4px}.hot-article ul li h3{font-weight:400;color:#2E2E2E;font-size:16px;line-height:26px;padding:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:67px;padding-bottom:5px}.hot-article ul li h3 a:hover{color:#1CA39E}.left-menu{width:260px;float:left;margin-top:12px}#categoryList{background:rgba(255,255,255,1);box-shadow:0 1px 10px 0 rgba(13,50,75,.14);padding:12px 0}.left-menu.curr{position:fixed;top:30px;z-index:1}.left-menu a{line-height:40px;display:block;padding:0 20px;font-weight:600}.left-menu li:hover,.left-menu li.curr{background:linear-gradient(-90deg,rgba(65,208,176,1),rgba(13,145,151,1));color:#fff}.left-menu li{margin:5px 0;line-height:40px;display:block;padding:0 20px;font-weight:600;cursor:pointer}.read-all{background:-o-linear-gradient(top,rgba(243,244,246,1) 0%,rgba(255,255,255) 100%);background:-webkit-linear-gradient(top,rgba(243,244,246,1) 0%,rgba(255,255,255) 100%);background:linear-gradient(top,rgba(243,244,246,1) 0%,rgba(255,255,255) 100%)}.author-info{margin-bottom:45px;display:flex;justify-content:space-between;width:400px;margin-left:auto;margin-right:auto;position:relative;line-height:74px}.author-info::after{content:'';height:50px;background:#E3E5E9;position:absolute;display:block;width:1px;left:46%;top:50%;transform:translateY(-50%)}.author-info-item{display:flex}.author-info strong{font-size:24px;padding-right:14px;font-weight:Regular}.author-info span{color:#666;font-size:18px}.share-box{display:inline-block;margin-left:25px;align-items:flex-end}.yearp26{padding-right:26px}.head-img{width:80px;height:80px;border-radius:50%}#articles-mian-type{position:relative;min-height:300px;width:100%}.right-article{position:relative}.right-article .loading{position:absolute;width:100%;height:100%}.right-article .loading img{position:absolute;top:20%;left:50%}#pages{padding:20px 0;text-align:center}#pages a{font-weight:700;padding:10px}#pages a.curr{color:rgb(13,145,151)}#pages button{width:65px;height:30px;background:linear-gradient(-90deg,rgba(66,209,176,1),rgba(11,144,150,1));color:#fff;border:none;border-radius:15px}#pages button:hover{background:linear-gradient(171deg,rgb(81,245,207) 0%,rgb(16,155,164) 100%)}.pages-container .loading img{width:40px}.pages-container .loading{transform:translateY(-100%);height:40px}.pages-container{position:relative;padding-top:40px}.flex-align-center{align-items:center}.flexible{display:flex}.mobile-more-article{display:none}.menu_open{display:none;height:0}@media (max-width:1023px){.menu_open{background:rgba(32,127,251,.7);z-index:99;transition:all .5s ease;width:50px;height:50px;display:block;flex-grow:0;flex-shrink:0}.menu_open.opened img{transform:rotate(180deg)}.ul-content{border-radius:4px;min-width:250px}}@media(max-width:556px){.moreBtn{width:100%;margin:20px auto;border-radius:20px;height:40px;background:#1CA39E;color:#fff;line-height:40px;text-align:center}.pages-container{display:none}.mobile-more-article{display:block}}@media(max-width:1175px) and (min-width:768px){.container,.banner-container{padding:0 30px}.hot-article ul{flex-wrap:wrap}.hot-article li .hot-item{max-width:262px}.hot-article ul li{width:50%;display:flex;justify-content:center;max-width:50%}.hot-article li:nth-child(n+3){margin-top:30px}}@media(max-width:960px){.left-menu{width:100%;margin-top:30px}.banner{padding-bottom:60px}.author-info{padding-top:0;margin-bottom:40px}}@media(max-width:1023px){.container,.banner-container{padding:0 30px}.left-menu{float:none;width:auto;transform:translate(-100%,-50%);z-index:99;position:fixed;top:50%;left:49px;display:flex;transition:all .5s ease;max-height:80%}.left-menu.show{transform:translate(0,-50%);left:0}.left-menu.curr{position:relative;top:0}.text-article{margin-left:0}.text-article.right-article{margin-left:0}.cate-content a{margin-bottom:20px}}@media(max-width:1023px) and (min-width:768px){.banner .head-portrait{padding-top:50px}.text-article h3{line-height:26px;margin-bottom:0}.text-article ul li .sumary{padding:20px 0}}@media(max-width:767px){.hot-article ul{flex-direction:column}.container,.banner-container{padding-left:20px;padding-right:20px}.hot-article ul li{margin-left:auto;margin-right:auto;margin-top:30px}.hot-article ul li:first-child{margin-top:0}.top-article h2{padding-top:50px}.text-article h3{margin-bottom:0}.text-article .sumary{padding-top:20px;padding-bottom:20px}}@media(max-width:599px){.banner{padding-bottom:30px}.hot-article ul li{max-width:calc(100% - 40px);width:100%}.hot-article ul li .hot-item,.hot-article ul li .hot-item img{max-width:100%;width:100%}.author-info{justify-content:center;width:100%}.number-article{margin-right:40px}.number-commits{margin-left:40px}}