.about-ground {
    position:absolute;
    top:60px;
    z-index:8
}

.sketch {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:0;
}

.about-banner {
    height:260px;
    background-color:rgba(0,0,0,0.2);
    color:#525251
}

.hasAnim {
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0.2)),color-stop(1,rgba(0,0,0,0.6)));
    position:absolute;
    width:100%;
    height:260px;
    overflow:hidden;
}

.about-banner .about-title {
    position:relative;
    z-index:9;
    padding-top:70px;
    color:#fff;
    text-align:center
}
.ab
out-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:rgba(255,255,255,0.9);
    border-radius: 10px;
    font-size:1rem;
    margin-bottom: 20px;
}

.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:rgba(255,255,255,0.9);
    border-radius: 10px;
}
.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%
    }
}