body,html{ background: #741716 }
.wrapper{ background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260527/bg_inside_content.jpg) no-repeat top center; background-size: cover; }
.l-header{ margin: 0 auto; min-width: 1440px; height: 680px; background-size: cover;}
.l-main{ margin: -550px auto 0; min-width: 1440px; padding-top: 550px; height: 1955px;  background-size: cover;box-sizing: border-box }

.container{ margin: 0 auto; width: 980px;    display: flex; flex-direction: column; align-items: center;}
.text-href{ top: 200px; right: 20px; z-index: 2; font-size: 24px; color: #a366ff }
.text-href a,
.text-href span{ color:#89289c;}
.text-href a:hover{ text-decoration: underline;}
.title{ margin-top: 60px; }
.tab { display: flex; display: -webkit-flex; margin-top: 20px; width: 100%; height: 55px; font-size: 24px;  letter-spacing: 2px; padding-left: 5px; -webkit-justify-content: space-between; justify-content: space-between; box-sizing: border-box;  }
.tab li{ position: relative; padding: 0 50px 12px; line-height: 55px; color: #9f5dff; border-bottom: none; cursor: pointer; display: inline-block\9; margin-right: 40px\9; transition: color 0.3s, font-size 0.3s; }
.tab li:last-child { margin-right: 0; }
.tab li::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260527/news-line.png) no-repeat center bottom; background-size: 100% 100%; pointer-events: none; }
.tab li.active{ color: #230077; font-size: 30px; }
.tab li.active::after{ height: 6px; background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260527/news-active.png); }

.culumn-list { margin-top: 45px; height: 500px; color: #ffdeb0; line-height: 40px; letter-spacing: 2px; display: none; }
.culumn-list li { display: flex; }
.culumn-list.active { display: block; }
.culumn-list .txtTag { float: left; margin-right: 3px; margin-left: 0px; color: #5a18d6; font-weight: bold; }
.culumn-list .txtDate { float: right; font-size: 14px; color: #5a18d6; }
.culumn-list a { width: 830px; display: inline-block;  color: #5a18d6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.culumn-list a:hover{ color: #9f5dff;}
.btn-list{ display: flex; display: -webkit-flex; margin-top: 50px; width: 100%; justify-content: center; -webkit-justify-content: center; }
.btn-list a{ display: block; width: 264px; height: 80px; background-repeat: no-repeat; background-size: 100% 100%; transition: all 1s;}
.btn-list a:hover{ -webkit-transform: scale(.95); transform: scale(.95);}
.btn-list a.btn-prev{ margin-right: 65px; background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260527/btn_prev.png);}
.btn-list a.btn-next{ background-image: url(https://png.pookcdn.net/new_net/lydr3d/newpc/20260527/btn_next.png);}

.news-title{ padding-top: 205px; border-bottom: 2px #9f5dff solid;;}
.news-title .text{ width: 736px; font-size: 18px; line-height: 4; color: #9f5dff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news-detail{ margin: 50px auto; height: 700px; color: #9f5dff; line-height: 2; overflow: hidden;}

.iScrollLoneScrollbar{ position: absolute; top: 0; right: 0; width: 6px; height:100%; background: #8C2C27; border-radius: 10px;}
.iScrollLoneScrollbar .iScrollIndicator{ background: #5a18d6;}

.news-detail .detail p,
.news-detail .detail span{ color: #9f5dff;}

.footer{
    margin-top: 100px;
    padding-bottom: 200px;
}
.footer,
.footer a{ color: #5a18d6 }

@media only screen and (max-width: 2048px) {
    .l-main{
        margin-top: -450px;
        padding-top: 390px;
    }
}