body{
    background: #f5f5f5;
}
#header{
    background: #fff;
    position: static;
}
.nav-list>a{
    color: #000;
}
.content .popular{
    width: 62.5%;
    margin: auto;
    margin-top: 40px;
}
.content .popular .tab-box{
    width: 21%;
    font-size: 1.8rem;
    color: #222;
}
.content .popular .tab-box li>a{
	color: #333;
}
.content .popular .tab-box li{
    height: 60px;
    border: 1px solid #eee;
    line-height: 60px;
    background: #fff;
}
.content .popular .tab-box li:hover{
    cursor: pointer;
    background: #228EE1;
    color: #fff;
}
.content .popular .tab-box li:hover>a{
    color: #fff;
}
.content .popular .tab-box .us-title{
    line-height: unset;
    background: #228EE1;
    color: #fff;
    height: 76px;
    margin-bottom: 20px;
}
.content .popular .tab-box .us-title:hover{
    cursor: unset;
}
.content .popular .tab-box .us-title div{
    width: 100%;
}
.content .popular .tab-box .us-title .cn{
    font-size: 2rem;
    font-weight: bold;
}
.content .popular .tab-box .us-title .en{
    font-size: 1.2rem;
}
.content .popular .tab-box .active{
    background: #228ee1;
    color: #fff;
}
.container .banner-box img{
    width: 100%;
}
.content-box{
    width: 75%;
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
.content-box .text-box{
    text-align: left;
    font-size: 1.4rem;
}
.content-box .text-box p{
    margin-bottom: 28px;
}
.content-box .text-box img{
    max-width: 100%;
}
.content-box .text-box .title{
    font-size: 3.4rem;
    line-height: 3.4rem;
    font-weight: bold;
    color: #222;
}
.content-box .text-box .time{
    font-size: 1.4rem;
    color: #777;
    margin-bottom: 48px;
}