*{margin:0;padding:0;list-style:none}
img{border:0}
a{text-decoration:none;color: #000;}
input{outline:0;border:0}


.phlogo,.phnav,.phmore{display: none;}
.pclogo,.pcnav,.pcmore,.gotop,.list-cont .cont>p{display: block;}

.gotop{position: fixed;bottom: 200px;right: 100px;width: 65px;height: 65px;background-color: #fef9df;text-align: center;font-size: 13px;border-radius: 10px;cursor: pointer;display: none;}
.gotop:hover{background-color: #fdf6ce;color: #333;}
.gotop img{margin-top: 6px;width: 50%;}

/*.outer_layer{background: url(26newyear-bgi.png) no-repeat 0 0;background-size: cover;background-position: center top;}*/
.outer_layer{background: url(new26ny-bgi-pc.png) no-repeat 0 0;background-size: cover;background-position: center top;}

.header{text-align: center;width: 1400px;margin: 0 auto;padding: 80px 0 60px;}
/*.header img{max-width: 88%;}*/
.header img{max-width: 100%;}

.listul{width: 1400px;margin: 0 auto;border-radius: 10px;position: relative;}
.listul img{width: 100%;}
.listul ul{width: 95%;margin: 0 auto;display: flex;justify-content: space-around;position: absolute;top: 20px;left: 30px;opacity: 0;}
.listul ul li{cursor: pointer;padding: 10px 30px;;color: red;font-weight: bold;font-size: 18px;text-align: center;border-radius: 5px;border: 1px solid #000;}
.listul ul li span{display: block;}

.main{width: 1400px;margin: 30px auto;box-sizing: border-box;}
.main h1{color: gold; text-align: center;padding: 30px 0;font-size: 40px;}

.list-cont{padding: 0px;}
.list-cont .cont{display: block;margin: 30px 0;background-color: #fef9df;border-radius: 25px;border: 10px solid #74bab7;padding: 30px;}
.list-cont .cont h3{font-size: 26px;text-align: center;}
.list-cont .cont>p{font-size: 17px;margin: 10px 0;text-align: center;font-family: "Microsoft YaHei", "微软雅黑", sans-serif;color: #000;line-height: 25px;text-align: justify;text-indent: 2em;}
.list-cont .cont p.cont-phintro{display: none;opacity: 0;}
.list-cont .cont p img{max-width: 100%;margin: 0 auto;}
.list-cont .cont4 .showlist li{width: 32%;}
.list-cont .cont4 .showlist li img{height: 230px;}

.list-cont .content-div{margin: 25px 0;}
.list-cont .content-div .content-tit{font-size: 18px;margin: 15px 0;background-color: #1395aa;text-align: center;color: #fde9c8;border-radius: 10px;height: 40px;line-height: 40px;position: relative;}
.list-cont .content-div .content-tit a{color: #fde9c8;font-size: 16px;position: absolute;right: 15px;top: 0;}

#playerBox{width: 100%;margin: 0 auto;}
#playerBox2{width: 100%;margin: 0 auto;}
.showlist{display: flex;justify-content: space-between;}
.showlist li{width: 23%;}
.showlist li img{height: 180px;width: 100%;height: auto;aspect-ratio: 16 / 9;}
.content-text .showlist li p{font-size: 16px;text-indent: 0;color: #333335;margin: 0;margin-top: 10px;text-align: center;}

.list-cont .cont4 .showlist,.list-cont .cont6 .showlist,.list-cont .cont8 .showlist{flex-wrap: wrap;gap: 20px 0;}
.list-cont .cont1{overflow: hidden;}
.list-cont .cont1 .content-div:nth-child(3) .showlist li,.list-cont .cont1 .content-div:nth-child(4) .showlist li{width: 100%;}
.list-cont .cont1 .content-div:nth-child(3) .showlist li img,.list-cont .cont1 .content-div:nth-child(4) .showlist li img{height: 160px;}
.list-cont .cont1 .content-div:nth-child(3){width: 49%;float: left;}
.list-cont .cont1 .content-div:nth-child(4){width: 49%;float: right;}



@media screen and (max-width: 480px) {
    /*.outer_layer{background: url(26newyear-bgi-ph.png) no-repeat 0 0;background-size: cover;}*/
    .outer_layer{background: url(new26ny-bgi-ph.png) no-repeat 0 0;background-size: cover;}
    .phlogo,.phnav,.phmore{display: block!important;}
    .pclogo,.pcnav,.pcmore,.gotop,.list-cont .cont>p{display: none!important;opacity: 0!important;}

    .phmore img{width: 16px;}

    .header,.listul,.main,.main .cont h3 img,.main .cont p img{width: 100%;}
    .header{padding: 20px 0;}
    .header img{width: 100%;margin-top: 15px;max-width: 100%;}
    .listul ul{width: 90%;left: 5%;top: 20%;height: 30px;}
    .listul ul li{padding: 2px 6px;font-size: 8px;}

    .main{margin: 15px auto;width: 95%;}
    .list-cont .cont{margin: 15px 0;padding: 15px;}
    .list-cont .cont h3 img{width: 50%;}
    .list-cont .cont p.cont-phintro{display: block!important;opacity: 1!important;font-size: 12px;line-height: initial;text-align: justify;text-indent: 2em;color: #ffaa54;
        font-weight: bold;
        text-shadow: 0.3px 0.3px #ccc;}
    .list-cont .content-div{margin: 10px 0;}
    .list-cont .content-div .content-tit{margin: 10px 0;font-size: 14px;height: 30px;line-height: 30px;}
    .list-cont .content-div .content-tit a{font-size: 12px;}
    .showlist{flex-wrap: wrap;}
    .showlist li{width: 49%;}
    .showlist li img{height: 90px;}
    .content-text .showlist li p{font-size: 12px;margin: 5px 0 10px 0;}
    .list-cont .cont1 .content-div:nth-child(3),.list-cont .cont1 .content-div:nth-child(4){width: 100%;float: none;margin: 15px 0 0 0;}
    .list-cont .cont1 .content-div:nth-child(3) .content-tit,.list-cont .cont1 .content-div:nth-child(4) .content-tit{margin: 0 0 5px 0;}
    .list-cont .cont1 .content-div:nth-child(3) .showlist li img, .list-cont .cont1 .content-div:nth-child(4) .showlist li img{height: auto;}
    .list-cont .cont4 .showlist li{width: 49%;}
    .list-cont .cont4 .showlist li img{height: 110px;}
    .list-cont .cont4 .showlist, .list-cont .cont6 .showlist, .list-cont .cont8 .showlist{gap: 0;}
}

@media screen and (max-width: 350px) {
    .showlist li img{height: auto;width: 100%; aspect-ratio: 16 / 9;}
    .content-text .showlist li p{font-size: 10px;}
}

@media (min-width: 481px) and (max-width: 991px) {
    .header,.listul,.main{width: 100%;}
    .showlist li img{height: auto;width: 100%; aspect-ratio: 16 / 9;}
    .gotop{display: none!important;opacity: 0!important;}
    .listul ul{top: 10px;left: 20px;}
    .listul ul li{padding: 10px 30px;font-size: 0.45rem}
    .content-text .showlist li p{font-size: 14px;}
}

@media (min-width: 992px) and (max-width: 1400px) {
    .header,.listul,.main{width: 100%;}
    .showlist li img{height: auto;width: 100%; aspect-ratio: 16 / 9;}
    .gotop{display: none!important;opacity: 0!important;}
    .listul ul{top: 15px;left: 20px;}
    .listul ul li{padding: 10px 30px;font-size: 0.45rem}
    .content-text .showlist li p{font-size: 14px;}
}

@media screen and (max-width:1400px){
    .header,.listul,.main{width: 90%;}
    .list-cont .cont p{font-size: 16px;}
}