.wrap {
    background: url('../images/bg.webp') no-repeat;
}
.detail .wrap{
    background: url('../images/bg2.webp') no-repeat;
}

.ew-bg {
    position: absolute;
    top: 52.5vw;
    left: 0;
    width: 100%;
    background: #fff url('../images/bg1.webp') no-repeat;
    z-index: -1;
    /* min-height: 1009px; */
}

.head {
    position: relative;
    padding-top: 30.68vw;
    text-align: center;
}

.head .title {
    background: url('../images/title1.webp') no-repeat center;
    background-size: auto 100%;
    height: 9.479vw;
    margin: 0 auto 1.354vw;
}
.back{display: block;width: 6.198vw;height: 1.823vw;background: url('../images/back.webp') no-repeat; background-size: auto 100%;position: absolute;left: 0;}
.news_tab {
    height: 3.229vw; /* 62px / 1920px * 100 */
}

.news_tab a:nth-child(1) {
    background: url('../images/list_top1_selected.webp') no-repeat center;
    background-size: auto 100%;
}
.news_tab a:nth-child(1):hover,.news_tab a:nth-child(1).on {
    background: url('../images/list_top1.webp') no-repeat center;
    background-size: auto 100%;
}
.news_tab a:nth-child(2) {
    background: url('../images/list_top2_selected.webp') no-repeat center;
    background-size: auto 100%;
}
.news_tab a:nth-child(2):hover,.news_tab a:nth-child(2).on {
    background: url('../images/list_top2.webp') no-repeat center;
    background-size: auto 100%;
}
.news_tab a:nth-child(3) {
    background: url('../images/list_top3_selected.webp') no-repeat center;
    background-size: auto 100%;
    width: 3.125vw;
    height: 1.770833333vw;
}
.news_tab a:nth-child(3):hover,.news_tab a:nth-child(3).on {
    background: url('../images/list_top3.webp') no-repeat center;
    background-size: auto 100%;
}
.news_tab {
    height: 3.229vw;
    background: url('../images/news_tab.webp') no-repeat center;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_tab a {
    display: inline-block;
    line-height: 3.125vw;
    font-size: 1.354vw;
    margin: 0px 2.760vw;
    height: 1.198vw;
    width: 4.948vw;
}

.news_tab .on {
    position: relative;
}
.news_tab .on::after {
    content: '';
    position: absolute;
    bottom: -2.344vw;
    width: 4.167vw;
    height: 0.417vw;
    background: url('../images/line.webp') no-repeat;
    left: 50%;
    transform: translateX(-50%);
}

.content {
    min-height: 41.823vw;
    background: #f6fcff url(../images/bg1.webp) no-repeat bottom;
    position: relative;
    padding-bottom: 10.729vw;
}
.news-content{
    margin-top: 7.708vw; /* 148px / 1920px * 100 */
}

/* 选项卡面板样式 */
.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}
.news-list{
    position: relative;
    /* top: -7.396vw; */ /* -142px / 1920px * 100 */
    margin-top: -7.396vw;
}
.news-list li {
    font-family: 'K2D';
}

.news-list .item {
    display: block;
    max-width: 62.5vw; /* 1200px / 1920px * 100 */
    margin: 0 auto;
    padding: 2.083vw 0 1.563vw; /* 40px 0 30px / 1920px * 100 */
}

.news-list .news-tit {
    font-size: 1.25vw; /* 24px / 1920px * 100 */
    color: #585959;
    line-height: 2.5vw; /* 48px / 1920px * 100 */
}

.news-list .news-tit span {
    float: right;
    color: #888888;
}


.news-list li:hover {
    background: url('../images/news_cur.webp') no-repeat center;
}

.news-list li:hover .news-tit {
    border-color: #ad705f;
}
.news-list li .news-list-tab{
    display: inline-block;
    height: 2.5vw; /* 48px / 1920px * 100 */
    width: 4.688vw; /* 90px / 1920px * 100 */
    margin-right: 2.396vw; /* 46px / 1920px * 100 */
    background: url('../images/list_tab_off.webp') no-repeat center;
    background-size: 4.6875vw 1.40625vw;
    text-align: center;
}
.news-list li:hover .news-list-tab{
    background: url('../images/list_tab_on.webp') no-repeat center;
    background-size: 4.6875vw 1.40625vw;
}
.news-list-tab img{
    padding-bottom: 0.052vw; /* 1px / 1920px * 100 */
    width: 3.125vw;
    height: 0.989583333vw;
}

.page {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* top: -3.75vw; */ /* -72px / 1920px * 100 */
}

.page a,.page span {
    display: inline-block;
    background: #29313a;
    font: 0.833vw / 1.979vw 'K2D'; /* 16px / 38px / 1920px * 100 */
    /* padding: 0 0.521vw; */ /* 10px / 1920px * 100 */
    width: 2.396vw; /* 46px / 1920px * 100 */
    height: 2.396vw;
    line-height: 2.396vw;
    margin: 0 0.521vw; /* 10px / 1920px * 100 */
    color: #888888;
    background: url('../images/num_off.webp') no-repeat center;
    background-size: 100% 100%;
}

.page .num:hover,.page .cur {
    background: url('../images/num_on.webp') no-repeat center;
    background-size: 100% 100%;
}
.page .prev,.page .next {
    width: 4.948vw; /* 95px / 1920px * 100 */
    height: 1.979vw; /* 38px / 1920px * 100 */
}
.page .prev {
    background: url('../images/previous_page.webp') no-repeat center;
}
.page .next {
    background: url('../images/next_page.webp') no-repeat center;
}



.at {
    margin-top: 2.083vw; /* 40px / 1920px * 100 */
    height: 4.323vw; /* 83px / 1920px * 100 */
}

.at h2 {
    font-family: 'K2D';
    font-size: 2.188vw; /* 42px / 1920px * 100 */
    color: #333333;
}

.data {
    color: #c2c2c2;
    font: 1.25vw / 1.51vw 'K2D'; /* 24px / 29px / 1920px * 100 */
    max-width: 62.5vw; /* 1200px / 1920px * 100 */
    margin: auto;
    position: relative;
}

.article-content{
    margin-top: 2.083vw; /* 40px / 1920px * 100 */
    background: #f6fcff url('../images/bg4.webp') no-repeat bottom;
    position: relative;
}
.article-img{
    width: 100%;
    height: 54.844vw; /* 1053px / 1920px * 100 */
    background: url('../images/bg3.webp') no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}
.article {
    color: #babbbb;
    font: 0.938vw / 1.875vw 'K2D'; /* 18px / 36px / 1920px * 100 */
    padding: 2.24vw 2.604vw; /* 43px 50px / 1920px * 100 */
    background: #fff;
    box-shadow: 0 0.208vw 0.625vw rgba(0, 0, 0, 0.1); /* 4px 12px / 1920px * 100 */
    width: 57.292vw; /* 1100px / 1920px * 100 */
    height: 80.625vw; /* 1548px / 1920px * 100 */
    overflow-y: scroll;
    /* Firefox */
    scrollbar-width: none;
    /* IE/Edge */
    -ms-overflow-style: none;
}
.article a{
    color: #e5a51e;
}

.article .tit {
    background: url('../images/tit.png') no-repeat;
    height: 2.083vw; /* 40px / 1920px * 100 */
    line-height: 2.083vw; /* 40px / 1920px * 100 */
    font-size: 1.25vw; /* 24px / 1920px * 100 */
    padding: 0 1.042vw; /* 20px / 1920px * 100 */
    margin: 0.781vw 0; /* 15px / 1920px * 100 */
    color: #fff;
    font-family: 'Pattaya';
}
@media screen and (min-width: 1921px) {
    .wrap{
        background-size: 100%;
    }
    .content{
        background-size: 100%;
    }
    .detail .wrap{
        background-size: 100%;
    }
    .article-img{
        background-size: 100%;
    }
    .article-content{
        background-size: 100%;
    }
}