.ztindex-swiper-content {
    overflow: hidden;
    position: relative;
    z-index: 98;
    height: 348px;
}

.ztindex-swiper {
    height: 348px;
    background-image: url('../images/f1.png');
    background-size: 100% 100%;
    position: relative;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
}

.ztindex-swiper .swiper-slide img {
    height: 348px;
    width: 100%;
}

.ztindex-swiper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 348px;
    z-index: 10;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.zt-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    height: 66px;
    border-top: 2px solid #FFCD00;
}

.zt-nav ul {
    display: flex;
    height: 64px;
    align-items: center;
    margin-left: 21px;
}

.zt-nav ul li {
    margin-right: 27px;
}

.zt-nav ul li a {
    width: 130px;
    height: 38px;
    background: #474747;
    border-radius: 19px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 38px;
}

.zt-nav ul li.active a {
    background: #ffcd00;
    color: #333;
}

.zt-nav ul li:hover a {
    background: #ffcd00;
    color: #333;
}

.ztindex-swiper .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fafafa'%2F%3E%3C%2Fsvg%3E");
}

.ztindex-swiper .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fafafa'%2F%3E%3C%2Fsvg%3E");
}

.ztindex-swiper .swiper-button-next,
.ztindex-swiper .swiper-button-prev {
    background-size: 16px 29px;
    margin-top: -47px;
}

.ztindex-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 80px;
}

.ztindex-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 5px;
    background-color: #c8c8c8;
    border-radius: 3px;
    opacity: 1;
}

.ztindex-swiper .swiper-pagination-bullet-active {
    background-color: #ffcd00;
}

.ztindex-container {
    display: flex;
    justify-content: space-between;
}

.ztindex-container>.left {
    width: 367px;
}

.ztindex-container>.mid {
    width: 489px;
}

.ztindex-container>.right {
    width: 283px;
}

.ztindex-swiper-click {
    display: flex;
}

.ztindex-swiper-click ul {
    width: 79px;
    height: 500px;
    background: #563e31;
    flex-shrink: 0;
}

.ztindex-swiper-click ul li {
    height: 124px;
    border-bottom: 1px dashed #775D44;
    padding: 0 10px;
}

.ztindex-swiper-click ul li:last-child {
    border-bottom: none;
}

.ztindex-swiper-click ul li.active {
    background: #3C1910;
}

.ztindex-swiper-click ul li a {
    height: 123px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;

}

.ztindex-swiper-click ul li .img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.ztindex-swiper-click ul li .name {
    font-size: 14px;
    color: #fff;
    margin-top: 8px;
}

.ztindex-click-content {
    width: 288px;
    height: 500px;
}

.ztindex-click-content img {
    width: 288px;
    height: 500px;
}

.ztindex-container .public-gl-list {
    margin-left: 0;
    margin-right: 0;
}

.ztindex-mid-notice {
    margin: 0 5px;
    margin-top: 15px;
}

.ztindex-mid-notice ul li {
    border-bottom: 1px dashed #e5e5e5;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 27px;
}

.ztindex-mid-notice ul li .name {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 22px;
}

.ztindex-container .mid .public-gl-list ul li:last-child {
    margin-bottom: 0;
}

.ztindex-right-video a {
    width: 283px;
    height: 143px;
    position: relative;
}

.ztindex-right-video a:hover .model {
    display: flex;
}

.ztindex-right-video a .img {
    width: 283px;
    height: 143px;
}

.ztindex-right-video .model {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 283px;
    height: 143px;
    background: rgba(0, 0, 0, .2)url('../images/zt_play.png')no-repeat center;
    justify-content: flex-end;
    align-items: flex-end;
}

.ztindex-right-video .model span {
    margin-right: 16px;
    margin-bottom: 14px;
    font-size: 12px;
    color: #fff;
}

.ztindex-right-videolist {
    margin-bottom: 30px;
}

.ztindex-right-videolist ul li {
    margin-top: 13px;
}

.ztindex-right-videolist ul li .tags {
    width: 39px;
    height: 23px;
    border-radius: 4px;
    border: solid 1px #dcdcdc;
    line-height: 21px;
    text-align: center;
    font-size: 12px;
    color: #999999;
}

.ztindex-right-videolist ul li a {
    font-size: 15px;
    color: #333;
}

.ztindex-right-hot {
    margin-top: 15px;
}

.ztindex-right-hot ul {
    display: flex;
    justify-content: space-between;
}

.ztindex-right-hot ul li {
    width: 133px;
}

.ztindex-right-hot ul li .name {
    font-size: 14px;
    color: #333;
    margin-top: 7px;
}

.ztindex-right-hot ul li .img {
    width: 133px;
    height: 84px;
    position: relative;
}

.ztindex-right-hot ul li .img span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px;
    line-height: 27px;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    font-size: 14px;
    color: #ededed;
}

.zt-public-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zt-public-title span {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding-left: 13px;
    position: relative;
    font-family: MicrosoftYaHei;
}

.zt-public-title span::after {
    position: absolute;
    content: '';
    left: 0;
    top: 1px;
    height: 15px;
    width: 5px;
    background: var(--public-color);
}

.public-title a {
    font-size: 14px;
    color: #999;
}

.zt-index-content {
    margin-top: 35px;
}

.ztindex-game-down {
    margin-top: 23px;
}

.ztindex-game-down ul {
    display: flex;
    flex-wrap: wrap;
}

.ztindex-game-down ul li {
    width: 291px;
    height: 121px;
    border: solid 1px #eeeeee;
    display: flex;
    position: relative;
    margin-right: 12px;
    margin-bottom: 20px;
}

.ztindex-game-down ul li:nth-child(4n) {
    margin-right: 0;
}

.ztindex-game-down ul li .img {
    width: 85px;
    height: 85px;
    border-radius: 10px;
    margin: 20px;
    margin-right: 17px;
}

.ztindex-game-down ul li .img img {
    width: 85px;
    height: 85px;
    border-radius: 10px;
}

.ztindex-game-down ul li .info {
    flex: 1;
    overflow: hidden;
    margin-top: 21px;
    font-size: 14px;
    color: #999;
    margin-right: 20px;
    line-height: 23px;
}

.ztindex-game-down ul li .info .name {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 14px;
}

.ztindex-game-down ul li .down {
    position: absolute;
    left: 121px;
    bottom: 22px;
    width: 101px;
    height: 35px;
    background-color: #ffcd00;
    border-radius: 8px;
    text-align: center;
    line-height: 35px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #333;
}

.ztindex-game-down ul li:hover .down {
    display: flex;
}

.ztindex-game-down ul li:hover .two-cute {
    display: none;
}

.ztindex-game-down ul li .down img {
    margin-right: 9px;
}

.ztindex-bottom {
    display: flex;
    justify-content: space-between;
}

.ztindex-bottom>.left {
    width: 882px;
}

.ztindex-bottom>.right {
    width: 283px;
}

.ztindex-gl-content {
    display: flex;
    margin-top: 25px;
    justify-content: space-between;
}

.ztindex-gl-left {
    width: 424px;
}

.ztindex-gl-right {
    width: 424px;
}

.ztindex-gl-imglist {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px;
}

.ztindex-gl-imglist .item {
    width: 205px;
    height: 122px;
}

.ztindex-gl-imglist .item a {
    width: 205px;
    height: 122px;
}

.ztindex-gl-imglist .item a img {
    width: 205px;
    height: 122px;
}

.ztindex-news-list ul li {
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 20px;
    margin-bottom: 19px;
}

.ztindex-news-list ul li .info {
    flex: 1;
    overflow: hidden;
    margin-right: 20px;
}

.ztindex-news-list ul li a {
    display: flex;
    justify-content: space-between;
}

.ztindex-news-list ul li span {
    font-size: 14px;
    color: #999;
    margin-right: 35px;
}

.ztindex-news-list ul li .name {
    font-size: 16px;
    color: #333;
    margin-bottom: 11px;
}

.ztindex-news-list ul li .down {
    width: 37px;
    height: 37px;
    background: url('../images/zt_news.png')no-repeat center;
    background-size: 100% 100%;
    margin-right: 0;
}

.ztindex-news-list ul li:hover .down {
    background: url('../images/zt_news_select.png')no-repeat center;
    background-size: 100% 100%;
}

.ztindex-information ul li {
    display: flex;
    justify-content: space-between;
    margin-top: 21px;
}

.ztindex-information ul li .img {
    width: 101px;
    height: 63px;
    position: relative;
}

.ztindex-information ul li .img img {
    width: 101px;
    height: 63px;
}

.ztindex-information ul li .img span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    font-size: 12px;
    color: #ededed;
}

.ztindex-information ul li .info {
    flex: 1;
    overflow: hidden;
    margin-top: 6px;
    margin-left: 15px;
}

.ztindex-information ul li .info .name {
    font-size: 15px;
    color: #333;
    line-height: 25px;
}

.zt-list {
    display: flex;
    justify-content: space-between;
}

.zt-list-left {
    width: 850px;
}

.zt-list-right {
    width: 280px;
}

.ztnews-list ul li {
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 21px;
    padding-top: 30px;
    display: flex;
    transition: all .3s ease-out;
}

.ztnews-list ul li .info {
    margin-right: 40px;
    flex: 1;
    overflow: hidden;
}

.ztnews-list ul li p {
    font-size: 14px;
    color: #666;
    margin-top: 22px;
}

.ztnews-list ul li p span {
    color: #999;
    margin-right: 30px;
}

.ztnews-list ul li .name {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.ztnews-list ul li .down {
    width: 59px;
    height: 59px;
    background: url('../images/ztlist_news.png')no-repeat center;
    background-size: 100% 100%;
    flex-shrink: 0;
}

.ztnews-list ul li:hover {
    background-image: linear-gradient(to right, #f5f5f5, #FBFCFD);
    padding-left: 20px;
}

.ztnews-list ul li:hover .name {
    color: #ffba00;
}

.ztnews-list ul li:hover .down {
    background: url('../images/ztlist_news_select.png')no-repeat center;
    background-size: 100% 100%;
}

.ztlist-right-top {
    width: 280px;
    height: 162px;
    margin-top: 21px;
}

.ztlist-right-top img {
    width: 280px;
    height: 162px;
}

.ztlist-right-list {
    margin-bottom: 28px;
}

.ztlist-right-list ul li {
    margin-top: 19px;
    align-items: center;
}

.ztlist-right-list ul li a {
    font-size: 15px;
    color: #333;
    margin-right: 15px;
}

.ztlist-right-list ul li span {
    font-size: 14px;
    color: #999;
}

.ztlist-right-game {
    margin-top: 22px;
}

.ztlist-right-game ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.ztlist-right-game ul li .img {
    width: 70px;
    height: 70px;
    border-radius: 15px;
}

.ztlist-right-game ul li .img img {
    width: 70px;
    height: 70px;
    border-radius: 15px;
}

.ztlist-right-game ul li .info {
    flex: 1;
    overflow: hidden;
    margin: 0 12px;
    font-size: 14px;
    color: #999;
}

.ztlist-right-game ul li .info .name {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}

.ztlist-right-game ul li .down {
    width: 76px;
    height: 35px;
    background-color: #ffcd00;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ztlist-right-game ul li .down span {
    font-size: 14px;
    color: #333;
}

.ztlist-right-game ul li .down img {
    margin-right: 7px;
}

.ztnews-show-top {
    background: #FCF6EC;
    padding: 25px 20px;
    margin-bottom: 25px;
}

.ztnews-show-top .top {
    display: flex;
}

.ztnews-show-top .top .img {
    width: 120px;
    height: 120px;
    border-radius: 20px;
}

.ztnews-show-top .top .info {
    height: 120px;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    justify-content: space-between;
    font-size: 15px;
    color: #666;
    flex: 1;
    overflow: hidden;
}

.ztnews-show-top .top .info p {
    margin-bottom: 5px;
}

.ztnews-show-top .top .info p span {
    margin-right: 25px;
}

.ztnews-show-top .top .info p span:last-child {
    margin-right: 0;
}

.ztnews-show-top .top .info h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ztshow-more-game ul li {
    width: 276px;
    margin-right: 11px;
}

.ztshow-more-game ul li:nth-child(3n) {
    margin-right: 0;
}

.ztshow-more-game ul li:nth-child(4n) {
    margin-right: 11px;
}

.ztshow-news-top {
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px dashed #eeeeee;
}

.ztshow-news-top h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 35px;
    margin-top: 0;
}

.zt-list-left .show-news-content {
    padding: 0;
}

.ztgame-list ul li {
    border: solid 1px #eeeeee;
    padding: 20px;
    padding-bottom: 15px;
    margin-bottom: 14px;
}

.ztgame-list ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ztgame-list ul li .img {
    width: 85px;
    height: 85px;
    border-radius: 15px;
}

.ztgame-list ul li .info {
    margin-left: 17px;
    margin-right: 20px;
    line-height: 22px;
    font-size: 14px;
    color: #999;
}

.ztgame-list ul li .info .name {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 18px;
}

.ztgame-list ul li .down {
    width: 60px;
    height: 60px;
    border: solid 1px #ffcd00;
    border-radius: 50%;
    text-align: center;
    background: #fff url('../images/down.png')no-repeat center;
    flex-shrink: 0;
}

.ztgame-list ul li:hover {
    background-image: linear-gradient(to right, #f5f5f5, #FBFCFD);
}

.ztgame-list ul li:hover .name {
    color: var(--public-color);
}

.ztgame-list ul li:hover .down {
    background: var(--public-color) url("../images/down_select.png")no-repeat center;
}

.zt-game-show .zt-list-left {
    width: 871px;
}

.zt-game-show .show-game-swiper {
    padding: 0;
    margin-top: 20px;
}

.zt-game-show .show-game-content {
    padding: 0;
}


.zt-game-code {
    display: none;
    position: absolute;
    left: 0;
    bottom: -184px;
    width: 213px;
    height: 177px;
    background-color: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(100, 100, 100, 0.22);
    border: solid 1px #ffffff;
    text-align: center;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    z-index: 99;
}

.zt-game-code img {
    width: 114px;
    height: 114px;
    margin-top: 18px;
    margin-bottom: 7px;
}

.ztnews-show-top .bottom {
    display: flex;
    margin-top: 25px;
}

.zt-game-bt {

    position: relative;

}

.zt-game-bt span {
    display: flex;
    align-items: center;
    height: 61px;
    line-height: 61px;
    width: 215px;
    position: relative;
    background: url('../images/zt_down_btn.png')no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 16px;
    color: #874f27;
    font-size: 17px;
    font-weight: bold;
}

.ztnews-show-top .bottom .null-down span {
    opacity: 0.5;
}

.zt-game-bt span img {
    margin-right: 20px;
}

.zt-game-bt:hover>.zt-game-code {
    display: block;
}
.zt-news-releve {
    margin-bottom: 30px;
}
.zt-news-releve a{
    display: flex;
    background: #FCF6EC;
    padding:20px;
    padding-top: 23px;
    padding-right: 30px;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.zt-news-releve a::after{
    position: absolute;
    top:0;
    left:0;
    content: '';
    width: 57px;
    height: 42px;
    background: url('../images/zt_releve.png')no-repeat center;
}
.zt-news-releve .img{
    width: 110px;
	height: 110px;
	border-radius: 20px;
}
.zt-news-releve .info{
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 105px;
    margin-left: 19px;
    justify-content: space-between;
    font-size: 15px;
    color:#666;
}
.zt-news-releve .info span{
    margin-right: 30px;
}
.zt-news-releve .info span:last-child{
    margin-right: 0;
}
.zt-news-releve .down{
    width: 60px;
	height: 60px;
    border-radius: 50%;
    background: var(--public-color) url(../images/down_select.png)no-repeat center;
}
.zt-news-releve .name{
    font-size: 24px;
    color:#333;
    font-weight: bold;
}