body{color:#2E2E2E;font-family:Open Sans,geomanist,Helvetica,Arial,sans-serif;background:#F9FAFF}.banner{background:url(https://images.topmediai.com/ru/assets/article/author/top_bg.png);background-size:cover;min-height:420px}.banner-container{max-width:1175px;margin-left:auto;margin-right:auto;text-align:center}.banner h1{text-align:center;padding-top:20px;font-size:28px;font-weight:400;color:#fff;line-height:26px}.banner p{padding-top:35px;text-align:center;color:#fff;font-size:18px;line-height:32px;width:70%;margin:0 auto}.banner .head-portrait{padding-top:40px;display:flex;align-items:flex-end;justify-content:center}.banner .head-img{width:120px;height:120px;border-radius:50%}.banner .author-contact{padding-top:30px}.banner .author-contact a{margin:0 20px}.text-bg{border-radius:10px;border:0 solid #EBEBEB;background:#FFF;box-shadow:0 4px 27px 0 rgba(221,234,243,.56);padding:28px 49px;color:#4D4D4D;font-size:16px;font-style:normal;font-weight:400;line-height:26px}.text-ul li{position:relative;margin-bottom:20px}.text-ul li:before{content:'';display:inline-block;width:6px;height:6px;background:#4D4D4D;position:absolute;top:10px;left:-10px;border-radius:100%}.experience h2{padding-top:70px;padding-bottom:40px;text-align:center;font-size:40px;line-height:60px}.experience .container{max-width:1212px;margin-left:auto;margin-right:auto}.hot-article .container{max-width:1212px;margin-left:auto;margin-right:auto}.hot-article h2{padding-top:70px;padding-bottom:40px;text-align:center;font-size:40px;line-height:60px}.hot-article ul{display:flex;justify-content:space-between}.hot-article ul li{max-width:277px;background:#FFF;border:1px solid #E7E9F2;box-shadow:0 4px 23px rgba(242,244,255,.99);border-radius:8px}.hot-article ul li .hot-item{max-width:277px;min-height:240px}.hot-article ul li:hover{background:#8D94FD;border:1px solid #8D94FD;color:#fff;border-radius:8px}.hot-article ul li:hover h3{color:#fff}.hot-article ul li .hot-item img{height:163px;width:100%;border-radius:8px 8px 0 0}.hot-article ul li h3{font-family:'Poppins';font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#494949;padding:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.top-article h2{font-weight:700;font-size:44px;line-height:66px;text-align:center;color:#333;padding-top:70px}.text-article{font-family:Open Sans,geomanist,Helvetica,Arial,sans-serif}.top-article .container{max-width:1212px;margin-left:auto;margin-right:auto}.text-article ul.list li{display:flex;align-items:self-start;background:#FFF;box-shadow:0 4px 27px rgba(221,234,243,.56);border-radius:10px;padding:40px 33px 28px 28px;margin-top:40px}.text-article li h3{font-weight:700;font-size:18px;line-height:27px;color:#333;font-family:OpenSans-Semibold,geomanist,Helvetica,Arial,sans-serif}.text-article li:hover h3{color:#fff}.text-article li .sumary{height:76px;font-weight:400;font-size:16px;line-height:26px;color:#4D4D4D;margin:20px 0 10px 0}.text-article li:hover .sumary{color:#fff}.text-article ul.list li .articles-biaoqian{background:url(https://images.topmediai.com/ru/assets/article/author/article_icon_b.svg) no-repeat;min-width:24px;min-height:24px;background-size:100%;margin-right:20px}.text-article ul.list li:hover{background:#8D94FD;box-shadow:0 4px 27px rgba(221,234,243,.56);color:#fff}.text-article ul.list li:hover .articles-biaoqian{background:url(https://images.topmediai.com/ru/assets/article/author/article_icon_w.svg) no-repeat;min-width:24px;min-height:24px;background-size:100%}.text-article ul.list li .explain span{font-weight:400;font-size:14px;line-height:26px;color:#999}.text-article ul.list li:hover .explain span{color:#D9DBFF}.text-article ul.list li .explain strong{color:#7981F8}.text-article ul.list li:hover .explain strong{color:#fff}.text-article ul.list li .explain strong.cate-name{font-weight:600;font-family:OpenSans-Semibold,geomanist,Helvetica,Arial,sans-serif}.text-article ul.list li .explain .times img{margin-right:13px;width:34px;height:34px;border-radius:50%}.mobile-more-article{margin:100px 0;text-align:center;font-weight:500;font-size:18px;line-height:26px;color:#8188FF}.mobile-more-article svg{width:12px;height:8px}.mobile-more-article:hover{cursor:pointer}@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:1440px){.hot-article ul{flex-wrap:wrap;justify-content:space-evenly;padding:0 150px}.hot-article ul li{display:flex;justify-content:center}.hot-article li{margin-top:30px}}@media(max-width:1175px) and (min-width:768px){.container,.banner-container{padding:0 30px}.banner p{width:100%}}@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){.banner{background:url(https://images.topmediai.com/ru/assets/article/author/top_bg_mobile.png);background-size:cover;min-height:337px}.banner .head-img{width:85px;height:85px}.banner h1{font-size:24px}.banner p{padding-top:27px;width:100%;font-size:14px;line-height:20px}.banner .author-contact{padding-top:11px}.hot-article h2{font-size:24px;line-height:36px;padding-top:47px;padding-bottom:31px}.hot-article ul{flex-direction:column;padding:0}.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:227px;width:100%}.hot-article ul li h3{font-weight:400;font-size:13px;line-height:20px}.hot-article ul li .hot-item,.hot-article ul li .hot-item img{max-width:100%;width:100%;min-height:auto;height:auto}.author-info{justify-content:center;width:100%}.number-article{margin-right:40px}.number-commits{margin-left:40px}.author-contact img{width:29px}}@media (max-width:1024px){.text-article ul.list li .articles-biaoqian{display:none}.text-article li .sumary{height:auto}}@media(max-width:767px){.top-article h2{padding-top:50px;font-weight:700;font-size:24px;line-height:36px}.text-article li .sumary{height:auto}}@media(max-width:575px){.text-article ul.list li .articles-biaoqian{display:block;background:#000;min-width:6px;min-height:6px;border-radius:50%;margin-right:6px;margin-top:10px}.text-article ul.list li:hover .articles-biaoqian{background:#fff;min-width:6px;min-height:6px;border-radius:50%;margin-right:6px;margin-top:10px}.top-article h2{padding-top:43px;font-size:24px;line-height:36px}.text-article ul.list li{padding:20px 10px}.text-article li h3{font-weight:600;font-size:16px;line-height:25px}.text-article li .sumary{font-weight:400;font-size:14px;line-height:26px;margin:0}.text-article ul.list li .explain .times img{width:30px;height:30px}.text-article ul.list li .explain span{font-size:12px}.moreBtn{font-weight:500;font-size:14px;line-height:26px}.mobile-more-article{margin:50px 0}}