@charset "utf-8";
#header {
    box-shadow: 1px 1px 5px #888888;
    background: white;
}

#header .nav .nav-list li a {
    color: black;
}

#header .nav .nav-list li a:before {
    border-color: transparent transparent transparent black;
}

#header .nav .nav-list .used a {
    border: 1px solid #1246c8;
    border-radius: 4px;
}

#header .nav .nav-list .used a {
    color: #1246c8;
}

#header .nav .nav-list .used a:hover {
    border-bottom: 1px solid #1246c8;
}

#content {
    padding: 15vh 15%
}

#content .title {
    text-align: center;
    margin-bottom: 6vh;
}

#content .title p:nth-of-type(1) {
    font-size: 2.125em;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    color: #5b5e66;
}

#content .title p:nth-of-type(2) {
    font-size: 1.5em;
    font-family: Alibaba PuHuiTi Medium, Alibaba PuHuiTi Medium-Medium;
    font-weight: 500;
    color: #425383;
}

#content .news-focus .text h2,
#content .news-list .text h2 {
    font-size: 1.3125em;
}

#content .news-focus .text span,
#content .news-list .text span {
    font-size: 0.8125em;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}

#content .news-list .imgs,
#content .news-list .text {
    padding: 3% 0;
}

#content .news-focus,
#content .news-list {
    height: auto;
}

#content .news-focus {
    position: relative;
}

#content .news-focus .icon {
    transform: translateX(60%);
}

.news-list {
    position: relative;
}

.news-list .icon {
    transform: translateX(40%);
}

#content .news-focus .text a span,
#content .news-list .text a span {
    color: #aaaaaa;
    border-color: #aaaaaa;
    font-size: 0.6875em;
    text-align: center;
}

#content .news-focus .text a span:hover,
#content .news-list .text a span:hover {
    background: #1246c8;
    color: white;
}

@media screen and (max-width: 1024px) {
    #header .btn-menu .icon-menu:before,
    #header .btn-menu .icon-menu:after,
    #header .btn-menu .icon-menu {
        background: black;
    }
    #header.m-active .btn-menu .icon-menu:before,
    #header.m-active .btn-menu .icon-menu:after,
    #header.m-active .btn-menu .icon-menu {
        background: white;
    }
    #header .nav .nav-list li a {
        color: white;
    }
    #header .nav .nav-list .used a {
        color: white;
        border: 1px solid white;
    }
}

@media screen and (max-width: 480px) {
    #content {
        padding: 15vh 5%;
    }
}