.contianer {
    max-width: 76.04166vw;
    margin: 2.60416vw auto 2.08333vw auto;
    background-color: #F9F9F9;
    border-radius: 0.52083vw;
}

.contianer .content {
    padding-top: 3.64583vw;
    padding-bottom: 4.16666vw;
    padding: 3.64583vw 5.83333vw 4.16666vw 5.83333vw;
    text-align: center;
}

.contianer .content .ck-content {
    text-align: initial;
}

.contianer .content .title {
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2.08333vw;
}

.contianer .content .title p {
    font-size: 1.875vw;
    font-weight: bold;
    color: #000000;
    line-height: 3.02083vw;
    margin-bottom: 2.60416vw;
}

.contianer .content .title span {
    display: inline-block;
    font-size: 0.83333vw;
    font-weight: 400;
    color: #959595;
    margin-bottom: 2.60416vw;
}

.contianer .content .content-text {
    width: 52.08333vw;
    margin: 0 auto;
    padding-bottom: 4.16666vw
}

.line{
    border-bottom: 1px solid #DBDBDB;
}

.contianer .content .content-text p {
    font-size: 0.9375vw;
    font-weight: 500;
    /*color: #959595;*/
    line-height: 1.875vw;
    text-align: left;
}
/*.contianer .content .content-text img {
    width: 41.66666vw;
    margin: 2.60416vw auto;
}*/

.ShareArticles {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 2.08333vw auto 0 auto;
}

.ShareArticles span {
    font-size: 0.9375vw;
    font-weight: 500;
    color: #959595;
    line-height: 1.25vw;
}

.ShareArticles .wechat {
    width: 1.66666vw;
    height:1.66666vw;
    background: url(../images/icon-instagram.png) no-repeat;
    background-size: cover;
    margin: 0 1.60416vw;
}

.ShareArticles .wechat:hover {
    background: url(../images/icon-instagram-active.png) no-repeat;
    background-size: cover;
}

.ShareArticles .sina {
    width: 1.66666vw;
    height: 1.66666vw;
    background: url(../images/sina-bottom-active.png) no-repeat;
    background-size: cover;
    margin-right: 1.60416vw;
}

.ShareArticles .sina:hover {
    background: url(../images/sina-bottom.png) no-repeat;
    background-size: cover;
}
.ShareArticles .twitter {
    width: 1.66666vw;
    height:1.66666vw;
    background: url(../images/icon-twitter-active.png) no-repeat;
    background-size: cover;
    margin-right: 1.60416vw;
}

.ShareArticles .twitter:hover {
    background: url(../images/icon-twitter.png) no-repeat;
    background-size: cover;
}

.ShareArticles .Pinteres {
    width: 1.66666vw;
    height: 1.66666vw;
    background: url(../images/icon-Pinterest.png) no-repeat;
    background-size: cover;
}

.ShareArticles .Pinteres:hover {
    background: url(../images/icon-Pinterest-active.png) no-repeat;
    background-size: cover;
}
.ShareArticles .copy{
    margin-left: auto;
    position: relative;
    font-size: 0.9375vw;
    font-weight: 500;
    color: #959595;
    line-height: 1.25vw;
}
.ShareArticles .copy::after{
    content: "";
    background: url(../images/link.png) no-repeat;
    position: absolute;
    width: 1vw;
    height: 1vw;
    background-size: cover;
    left: -1.5625vw;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
}

.ShareArticles .copy-pop{
    background-color: #fff;
    width: 14.41666vw;
    padding: 0.78125vw;
    text-align: left;  
    display: none;
    position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 0.5vw;
    z-index: 999;
}
.ShareArticles .copy-pop span{
    color: #959595;
    font-size: 0.9375vw;
      
}
.turnover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65.625vw;
    margin: 0 auto;
}

.turnover span {
    font-size: 1.25vw;
    font-weight: 500;
    color: #000000;
    line-height: 1.25vw;
}

.turnover .previous,
.turnover .next {
    display: flex;
    align-items: center;
    justify-content: center;
}

.turnover .previous::before {
    display: block;
    content: "";
    width: 2.08333vw;
    height: 2.08333vw;
    background: url(../images/left-fill-arr.png) no-repeat;
    background-size: cover;
    margin-right: 1.04166vw;
}

.turnover .previous:hover::before {
    background: url(../images/left-fill-arr-hover.png) no-repeat;
    background-size: cover;
}

.turnover .next::after {
    display: block;
    content: "";
    width: 2.08333vw;
    height: 2.08333vw;
    background: url(../images/right-fill-arr.png) no-repeat;
    background-size: cover;
    margin-left: 1.04166vw;
}

.turnover .next:hover::after {
    background: url(../images/right-fill-arr-hover.png) no-repeat;
    background-size: cover;
}

.news {
    margin: 5.20833vw 5.72916vw 4.16666vw 5.72916vw;
}

.news h2 {
    font-size: 1.875vw;
    font-weight: 600;
    color: #000000;
    margin-bottom: 2.60416vw;
}

.news .news-content {
    display: flex;
}

.news .news-content .news-item {
    width: 33%;
    margin-right: 1.04166vw;
    border-radius: 0.52083vw;
    overflow: hidden;
}

.news .news-content .news-item:nth-child(3n){
    margin-right: 0;
}

.news .news-content .news-item .item-img{
    height: 17.1875vw;
    border-radius: 0.52083vw;
    overflow: hidden;
}

.news .news-content .news-item img{
    width: 100%;
    height: 17.1875vw;
    transform: scale(1, 1);
    transition: all 0.3s linear;
}

.news .news-content .news-item img:hover{
    transform: scale(1.1,1.1);
}

.news .news-content .news-item p {
    font-size: 1.25vw;
    font-weight: 500;
    color: #000000;
    line-height: 2.08333vw;
    margin: 1.5625vw 1.04166vw 1.5625vw 1.04166vw;
    height: calc(2vw * 2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .news-content .news-item span {
    display: inline-block;
    font-size: 0.83333vw;
    font-weight: 500;
    color: #959595;
    line-height: 1.25vw;
    margin-left: 1.04166vw;
}

.section-footer {
    border-top: 1px solid #DBDBDB;
}

@media screen and (max-width: 751px) {
    .pc-show{
        display: none;
    }
    
    .contianer{
        max-width: 100%;
        margin-top: 0;
    }

    .contianer .content{
        padding: 9.86666vw 4vw 9.86666vw 4vw;
    }

    .contianer .content .title p{
        text-align: left;
        font-size: 5.33333vw;
        line-height: 8vw;
    }

    .contianer .content .title span{
        display: block;
        text-align: left;
        font-size: 3.2vw;
        margin-bottom: 6.66666vw;
    }

    .contianer .content .content-text{
        width: 100%;
    }

    .contianer .content .title{
        margin-bottom: 6.66666vw;
    }

    .contianer .content .content-text p{
        font-size: 3.46666vw;
        line-height: 5.86666vw;
    }

    /*.contianer .content .content-text img{
        width: 100%;
        margin: 6.66666vw auto;
    }*/

    .ShareArticles{
        width: 100%;
        justify-content: space-between;
    }

    .ShareArticles span{
        font-size: 3.46666vw;
    }

    .ShareArticles .wechat,
    .ShareArticles .sina,
    .ShareArticles .twitter,
    .ShareArticles .Pinteres{
        width: 6.4vw;
        height: 6.4vw;
    }
    .ShareArticles .copy{
        font-size: 3.46666vw;
    }
    .ShareArticles .copy::after{
        width: 4.4vw;
        height: 4.4vw;
        left: -5.5625vw;
    }
    /* .ShareArticles  .wechat{
        margin-left: 25.73333vw;
        margin-right: 10.13333vw;
    } */

    .turnover{
        width: auto;
        margin: 4.66666vw 4vw 10.66666vw 4vw;
    }

    .turnover .previous::before,
    .turnover .next::after{
        width: 6.4vw;
        height: 6.4vw;
    }

    .turnover span{
        font-size: 3.2vw;
    }
    .ShareArticles .copy-pop{

        padding: 2.66666vw;
        border-radius: 1.33333vw;
        display: none ;
    }
    .ShareArticles .copy-pop span{
        font-size: 3.46666vw;
    }
   
}
@media screen and (min-width: 751px){
    .ShareArticles .copy:hover{
        color: #000;
    }
    .ShareArticles .copy:hover::after{
        opacity: 1;
    }
}