.about-ground{position:absolute;top:60px;z-index:8}
.sketch {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;}
.hasAnim {background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b87a5),color-stop(1,#1c1f22));position: absolute;width: 100%;height: 260px;overflow: hidden;}
.about-banner{height:260px;background-color:gray;color:#525251}
.about-banner .about-title{position:relative;z-index:9;padding-top:70px;color:#fff;text-align:center}
.about-banner .about-title h1{font-size:2.5rem}
.about-banner .about-title p{font-size:1.5rem}
.container-fixed{margin-top:1rem}
.container-inner article{padding:10px}
.container-inner article section{padding:20px;background:#fff;font-size:1rem}
.container-inner article section code{background:rgba(27,31,35,.05);padding: .2rem .4rem;color:#bd4147;border-radius:4px;font-family: Menlo,Monaco,Consolas,Courier New,monospace;}
.container-inner article section p{margin:1.5rem 0;padding-left:18px;font-family:Raleway,Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei;line-height:1.75rem}
.container-inner article section ul,.container-inner article section span{padding-left:18px;}
.container-inner article section ul li{line-height:2rem}
.container-inner article section a{color:#0366d6}
.container-inner article section h1{margin-bottom:1rem;padding-left:1rem;border-left:.25rem solid #6bc30d;font-weight:700;font-size:1.5rem;line-height:1.5rem}
.link-list{margin-top:10px}
.link-list li{float:left;width:25%}
.link-list .pd-lr-10{padding:0 10px 20px}
.link-list li a{display:block;padding:20px;background:#fff}
.link-list li img{float:left;width:40px;height:40px;border-radius:100%}
.link-list li h3{overflow:hidden;padding:10px 15px 9px;height:21px}
.link-list li p{clear:both;display:-webkit-box;overflow:hidden;margin-top:1rem;height:60px;text-overflow:ellipsis;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.blog-list li,.hot-list li a,.icon-search,.lab-list li a,.link-list li a,.muntime-btn a,.nav-list li a,.resource-list li a,.tag a{transition:all .3s ease-in-out}
.blog-list li:hover,.lab-list li a:hover,.link-list li a:hover,.resource-list li a:hover{box-shadow:2px 5px 14px #c5c5c5;-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-2px,0)}
@media screen and (max-width:1024px){.link-list li{width:50%}}
@media screen and (max-width:768px){.link-list li{width:100%}}
/*底部*/
.footer .container{width:90%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.footer .footer-top{background:#232328;padding:60px 0 90px}
.footer .single-widget{margin-top:30px}
.footer .footer-logo{margin-bottom:20px}
.footer .single-widget h2{color:#fff;font-size:18px;margin-bottom:20px;text-transform:uppercase}
.footer .about p{color:#eee}
.footer .button .btn{margin-top:20px}
.footer .button .btn:hover{border-color:#fff}
.footer .contact ul li{color:#eee;position:relative;padding-left:40px;font-family:Roboto,sans-serif;margin-bottom:10px}
.footer .contact ul li:last-child{margin:0}
.footer .contact ul li i{position:absolute;top:50%;width:30px;height:30px;text-align:center;line-height:30px;left:0;margin-top:-15px;font-size:16px}
.footer .contact ul li a{color:#fff}
.footer .social-icon li{float:left;width:50%;margin-bottom:10px}
.footer .social-icon li:last-child{margin:0}
.footer .social-icon li a{color:#eee}
.footer .social-icon li a:hover{color:#82B440}
.footer .social-icon li a i{margin-right:10px;width:20px;font-size:16px}
.footer .copyright{padding:12px 0;background:#1D1D21}
.footer .copyright .text-center{text-align:center}
.footer .copyright p{color:#bbb;font-size:14px}
/*底部*/