body{font-family:'微软雅黑';font-size:22px;line-height:2em;background: #FEFAEF;color: #333;}
a{color: #333;text-decoration-line:none;}
u{text-decoration: none;}
p,ul,h5,dl, ol{padding: 0;margin: 0;}
h2{margin-bottom: 35px;}
.mt{margin-top: 65px;}
.w{width:75vw;margin:0 auto;}
.nav ul{display:flex;justify-content:space-around;}
.nav a{color: #fff;}
header{width:100%;height:26vw;}
header img{width: 100%;height: 26vw;object-fit: cover;}
.swiper-container{width:100%;position:relative;margin:0;}
.swiper-container .swiper-wrapper{width:100%;height:100%;margin:0 auto;}
.swiper-container img,.action ol a img,.boxPic ul a img,.notes ul a img,.singBox ul img,.broadcast ol a img{width:100%;height:100%;object-fit:cover;}
.swiper-button-next,.swiper-button-prev {
    color: #fff;
    position: absolute;
    top: 96px;
    width: 45px;
    height: 85px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
}
.swiper-button-next::after,.swiper-button-prev:after{font-size: 32px;}
.swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet{width:12px;height:12px;border-radius:6px;background:#C4C4C4;opacity:1;}
.swiper-pagination-bullet-active,.swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;background:#C9AA6B;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0.52vw;}
.bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
header .swiper-container{height:100%;}
header .swiper-pagination-bullet{width: 12px;height: 12px;}
.index{line-height:1.5em;}
.main{padding-top:70px;padding-bottom: 70px;}
.more{font-size:20px;}
.torch h2{background: url(../../images/zt/wmnwt/channel_01.png) no-repeat top;background-size: auto 140px;}

.video,.boxPic,.boxPic ul,.notes ul,.singBoxWeb,.actionList,.singBox ul li{display: flex;flex-wrap: wrap;justify-content: space-between;}
.videoBox{width:800px;}
.wei a{display: block;}
.action h2{background: url(../../images/zt/wmnwt/channel_04.png) no-repeat top;background-size: auto 140px;margin-top: 65px;}
.action h3{background: url(../../images/zt/wmnwt/channel_02.png) no-repeat top;background-size: auto 140px;}
.boxPic ul{width:874px;background: url(../../images/zt/wmnwt/bg_channel_03.png)no-repeat top 163px left 148px;background-size: 70%;position: relative;    height: 662px;}
.boxPic ul a{width:290px;height:164px;position:relative;display: inline-block;}
.boxPic ul a:nth-child(1){top: 0;left: 0;}
.boxPic ul a:nth-child(2){top: 0;left: -4px;}
.boxPic ul a:nth-child(3){top: -164px;left: 584px;}
.boxPic ul a:nth-child(4){top:2px;left: -296px;}
.boxPic ul a:nth-child(5){top: -162px;left: 584px;}
.boxPic ul a:nth-child(6){top:4px;left: -296px;}
.boxPic ul a:nth-child(7){top: -160px;left: 584px;}
.boxPic ul a:nth-child(8){bottom: -6px;left: -296px;}
.boxPic ul a:nth-child(9){bottom: 158px;left: 292px;}
.boxPic ul a:nth-child(10){bottom: 158px;right:-288px;}
.boxPic ul p,.action ol p,.broadcast ol p{font-size: 20px;position:absolute;left:0;bottom:0;width:100%;height:100%;padding:10px 15px;box-sizing:border-box;display:flex;align-items:center;color:#fff;background:rgba(0,0,0,0.6);}
.pic{width:376px;height:662px;margin:0;}
.pic img{height:213px;}
.pic a{background-color:#FFF1D5;}
.pic a i{font-size:42px;line-height:42px;font-weight:bold;display:block;}
.pic a h4{font-size:21px;font-weight:bold;padding:11px 0;}
.pic a p{color:#fff;font-size: 22px;line-height:32px;height: 449px;padding:20px 30px;box-sizing:border-box;position: relative;}
.pic a p::after{content: '';width: 150px;height: 150px;display: block;background: url(../../images/zt/wmnwt/bg_channel_01.png) no-repeat right bottom;background-size: contain;position: absolute;right: 0;bottom: 0;opacity: 0.5;}
.pic a span{display:block;text-align:right;margin-top:10px;}
.pic a u{width:80px;height:30px;text-align:center;color:#333;background:#FFF;display:inline-block;}
.pic .swiper-cube-shadow{background:#0157AB;bottom:0;}
.pic .swiper-slide:nth-child(4n+1) p{background:url(../../images/zt/wmnwt/bg_channel_c1.jpg) no-repeat center;}
.pic .swiper-slide:nth-child(4n+2) p{background:url(../../images/zt/wmnwt/bg_channel_c2.jpg) no-repeat center;}
.pic .swiper-slide:nth-child(4n+3) p{background:url(../../images/zt/wmnwt/bg_channel_c3.jpg) no-repeat center;}
.pic .swiper-slide:nth-child(4n) p{background:url(../../images/zt/wmnwt/bg_channel_c4.jpg) no-repeat center;}
.actionList{width:100%;background-color:#FFFCF5;box-sizing: border-box;}
.actionList a{display: block;width: 600px;}
.action ol{margin-top: 40px;}
.action ol>div{float: left;}
.action ol>div a,.broadcast ol>div a{display: block;position: relative;overflow: hidden;}
.action ol>div:nth-child(1){width: 648px;height: 366px;}
.action ol>div:nth-child(1) a,.broadcast ol>div:nth-child(1) a{width: 100%;height: 100%;}
.action ol>div:nth-child(2){width: 648px;height: 366px;}
.action ol>div:nth-child(2) a{width: 318px;height: 180px;margin-left: 6px;}
.action ol>div:nth-child(2) a:nth-child(n+3),.broadcast ol>div:nth-child(2) a:nth-child(n+3){margin-top: 6px;}
.action ol>div:nth-child(3),.broadcast ol>div:nth-child(3){width: 100%;height:241px;margin-top: 6px;}
.action ol>div:nth-child(3) a,.broadcast ol>div:nth-child(3) a{width: 428px;height:241px;}
.action ol>div:nth-child(3) a:nth-child(n+2),.broadcast ol>div:nth-child(3) a:nth-child(n+2){margin-left: 6px;}
.action ol>div:nth-child(n+2) a,.broadcast ol>div:nth-child(n+2) a{float: left;}
.action ol a{position: relative;}
.action ol p,.broadcast ol p{height: auto;line-height: 28px;}

.notes h2{background: url(../../images/zt/wmnwt/channel_03.png) no-repeat top;background-size: auto 140px;}

.notes ul a{width: 295px;}
.notes ul a img{height: 451px;}
.notes ul p{text-align: center;}



.main ul i,.topic i{color:#E42A01;font-size: 16px;}
.index h2,.index h3{height:140px;text-align: center;padding: 20px 0;}
.index h2 p{position: relative;height: 100%;}
.index h2 .channel{width:550px;height: 100%;display: inline-block;}
.action h2 .channel{width: 1050px;}
.index h2 .more{position: absolute;right: 0;margin-right: 35px;margin-top: 15px;}
.case h2{background: url(../../images/zt/wmnwt/channel_03.png) no-repeat top;background-size: auto 140px;}

.topic>div{width: 100%;height: 100%;display: flex;align-items: center;padding-top: 5px;box-sizing: border-box;}
.topic a{margin:0 20px;display: flex;white-space: nowrap;}
.topic a span{display: flex;align-items: center;}
.topic u{color:#E42A01;margin-right:15px;}



.topicBox{padding:0 25px;}
/*大家唱*/
.DJC h2{height: 165px;padding:0;}
.sing{background: url(../../images/zt/wmnwt/bg_channel_04.png) no-repeat bottom left;}
.sing h2{background: url(../../images/zt/wmnwt/channel_05.png) no-repeat top;background-size: auto 182px;}
.chant h2{background: url(../../images/zt/wmnwt/channel_06.png) no-repeat top;background-size: auto 182px;}
.sing h2 .more,.chant h2 .more{margin-top: 35px;}

/*故事汇*/
.GSH h2{height: 178px;padding:0;}
.GSH h2 .more{margin-top: 30px;}

.broadcast h2{background: url(../../images/zt/wmnwt/channel_07.png) no-repeat top;background-size: auto 210px;}
.broadcast ol>div:nth-child(1){width: 973px;height: 546px;float: left;}
.broadcast ol>div:nth-child(2){width: 317px;float: right;}
.broadcast ol>div:nth-child(2) a{width: 317px;height: 178px;}
.broadcast ol>div:nth-child(2) a:nth-child(n+2){margin-top: 6px;}
.broadcast ol>div:nth-child(3){float: left;}

.story h2{background: url(../../images/zt/wmnwt/channel_08.png) no-repeat top;background-size:  auto 210px;}
.creativeNotes h2{background: url(../../images/zt/wmnwt/channel_09.png) no-repeat top;background-size:  auto 210px;}


.childPage header{height:26vw;}
.childPage header img{width:100%;height: 26vw;object-fit: cover;}
.child{padding-top:40px;}
.cur{font-size:16px;border-bottom: 1px solid #ddd;}

.channelName{font-size: 60px;font-style: italic;height:100px;line-height: 100px;text-align: center;margin-bottom: 40px;}
.channelName p,.updates h3 p{display: inline-block;text-indent: 0.7vw;transform: scale(0.7, 1);background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 75%, transparent);}
.channelName span,.updates h3 a{padding: 0 10px;letter-spacing: 0.8vw;
    background: linear-gradient(to right, #F63B00, #FFBF26);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.child ul,.viewBox{padding: 50px;background-color: #FFFCF5;border-radius: 10px;box-shadow:0 0 15px rgba(0, 0, 0, 0.3);box-sizing: border-box;}
.list ul li{display: flex;justify-content: space-between;padding: 5px 0;}
.list ul li a{display:flex;align-items: baseline;}
.list ul li i,.index i{margin-right:10px;}
.list ul li img{display: none;}
.list ul li h5{line-height: 1.5em;}
.list ul li span{font-size:16px;color: #999;width: 5vw;text-align: right;flex-shrink: 0;margin-left:20px;}
.piclist ul{display: grid;grid-template-columns: repeat(3, 380px);column-gap:clamp(10px, 5%, 30px);}
.piclist ul li{width:380px;padding-top: 30px;}
.piclist ul li a{display:block;}
.piclist ul li img{width:100%;height:calc(380px * 9 / 16);object-fit: cover;display: block;}
.piclist ul li i,.piclist ul li span{display:none;}
.piclist ul li h5{line-height: 34px;margin-top: 10px;}
.picA img{object-fit: contain!important;}
.picA h5{text-align: center;}
.view h5{font-size:32px;line-height:1.4em;font-weight:bold;text-align:center;margin-bottom:10px;padding: 0 1vw;}
.view .baseInfo{border-bottom: 1px solid #ddd;margin-bottom: 20px;padding:15px 0 10px;}
.view .other{font-size: 18px;text-align: center;color: #999;}
.view .other span{margin: 0 10px;}
.view .ABox{padding: 0 10vw;text-align: center;}
.view .ABox img{width: 12vw;margin-bottom: 20px;}
.view .ABox audio{width: 100%;}
.view .VBox{width: 100%;margin-bottom:30px;}
.prism-player{margin: 0 auto;}
.view .content p{padding:15px 0;text-align: justify;}
.view .content img{max-width:100%;display: block;margin: 0 auto;}
.view .outline{text-align: center;}
.footer{margin-top: 65px;text-align: center;height: 71px;background-size: 100%;width: 100%;}
.RRYL .footer{background: url(../../images/zt/wmnwt/bg_footer_RRYL.jpg) no-repeat top center;}
.DJC .footer{background: url(../../images/zt/wmnwt/bg_footer_DJC.jpg) no-repeat top center;}
.GSH .footer{background: url(../../images/zt/wmnwt/bg_footer_GSH.jpg) no-repeat top center;}
@media (min-width: 992px){
    .main .topic{font-size:18px;width: 100%;height: 75px;padding-left: 250px;margin-top: 35px;box-sizing: border-box;background: url(../../images/zt/wmnwt/bg_topic.png) no-repeat;background-size:100%;}
    .actionList,.singBox ol,.singBox ul{border-radius:10px;box-shadow:0 0 15px rgba(0, 0, 0, 0.3);}
    .updates{display: flex;justify-content: space-between;}
    .updates ul a,.caseBox ul a,.actionList a{display: flex;padding: 15px 0;}
    .updates ul a:nth-child(n+2),.caseBox ul a:nth-child(n+2),.actionList a:nth-child(n+3){border-top: 1px dashed #E7E7E7;}
    .updates .more{margin-top:-20px;}
    .caseBox ul{width: 500px;}
    .storyBox .swiper-slide p{width:100%;position:absolute;left:0;bottom:0;color:#fff;background:rgba(0,0,0,0.6);box-sizing:border-box;padding: 20px 30px;margin: 0;}
    .caseBox .swiper-slide{display: flex;justify-content: space-between;}
    .caseBox .more,.singBox .more,.storyWAP .more{display: none;}
    .option_2{padding: 0 5px 0 15px;display: flex;justify-content: space-between;}
    .option_2 .swiper-container{width: 680px;margin: 0;}
    .list ul li:nth-child(5n+1){border-top: 1px dashed #ddd;padding-top: 15px;margin-top: 15px;}
    .list ul li:first-child{border: 0;margin-top: 0;padding-top: 5px;}
    .wei{width: 450px;background-color: #FFF1D5;}
    .wei>a img{width: 100%;}
    .wei ul{height: 342px;padding: 10px 30px;box-sizing: border-box;}
    .wei ul a{padding: 10px 0;}
    .wei p{text-align: right;padding: 0 30px;}
    .actionList{padding:25px 35px;margin-top: 30px;width: 1300px;}
    .DJC .main{padding-bottom: 0;}
    .singBox ol{width:360px;box-sizing: border-box;overflow: hidden;}
    .singBox ol a{font-size: 36px;font-style: italic;padding: 45px 10px;text-align: center;display: block;}
    .singBox ol a:last-child{padding: 47px 10px 48px;}
    .singBox ol .on{color:#E42A01;background: rgba(255, 255, 255, 1);}
    .singBox ol a:nth-child(n+2){border-top: 1px dashed #E7E7E7;}
    .singBox ul{width: 890px;padding: 40px;padding-bottom: 30px;box-sizing: border-box;}
    .singBox ul li{display: none;height: 554px;}
    .singBox ul li a{width:390px;text-align: center;}
    .singBox ul li a:nth-child(n+3){margin-top: 30px;}
    .singBox ul img{height: 219px;}
    .singBox ul p{margin-top: 10px;}
    .storyBox .swiper-container{height:670px;}
    .storyBox .swiper-slide{width:1190px;height:100%;position: relative;}
    .storyBox .swiper-slide a{position: relative;display:block;height:100%;}
    .storyBox .swiper-slide u{width:72px;height: 72px;background: url(../../images/zt/wmnwt/icon_play.png) no-repeat;background-size: contain;position: absolute;bottom: 80px;left: 40px;}
    .storyBox .swiper-slide span{width:100%;background:#fff;opacity:0.6;display:block;height:100%;position:absolute;left:0;top:0;}
    .storyBox .swiper-slide-active span{z-index:-1;}
    .storyBox .swiper-button-prev,.storyBox .swiper-button-next{top:42%;width: 65px;}
    .storyBox .swiper-button-prev{left: 270px;}
    .storyBox .swiper-button-next{right: 270px;}
    .pc{position: fixed;right: 50%;margin-right: -935px;bottom: 30px;width: 275px;}
    .pc img{width: 100%;}
}

@media (max-width: 991.98px) {
    body{font-size: 4.23vw;line-height: 1.6em;}
    .more{font-size: 3.76vw;}
    .mt{margin-top: 5vw;}
    .nav ul{overflow-y: scroll;}
    .nav ul a{white-space: nowrap;}
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.5vw;}
    .swiper-pagination-bullet, .swiper-pagination-white .swiper-pagination-bullet{width:8px;height:8px;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
    .child ul, .viewBox{padding: 2.235vw;}
    .main{padding-top: 3vw;padding-bottom: 2vw;}
    .actionList,.wei,.picWAP p{background-color: #FFFCF5;}
    .main .topic{height: 9.3vw;padding-left: 32vw;background: url(../../images/zt/wmnwt/bg_topicWap.png) no-repeat;background-size:100%;}
    .actionList,.wei{width:100%;margin-top:5vw;border-radius:2vw;box-shadow:0 0 3vw rgba(0, 0, 0, 0.3);box-sizing: border-box;}
    .wei{overflow: hidden;}
    .wei i{display: none;}
    .wei ul{padding:0 2.235vw;}
    .actionList{padding:2.235vw;margin: 5vw 0;}
    .wei ul a,.actionList a{padding: 2.235vw;border-bottom: 1px dashed #E7E7E7;}
    .actionList a{border: 0;}
    .actionList a:nth-child(n+2){border-top: 1px dashed #E7E7E7;}
    .wei>a img{width:100%;}
    .wei p{padding:2vw;text-align: center;}
    .picWAP,.recommend,.singBox .swiper-container,.storyBox .storyWAP{box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);overflow: hidden;border-radius: 2vw;}
    .picWAP img,.recommend img{width: 100%;height: calc(94vw * 9 / 16);}
    .picWAP p,.recommend p,.singBox .swiper-container p,.storyBox .storyWAP p{padding: 3vw 5vw;}
    .picWAP>.swiper-pagination-bullets,.recommend>.swiper-pagination-bullets{top: 46vw;bottom: auto;}
    .notes ul a{width: 45vw;}
    .notes ul a img{width: 100%;height: 68.8vw;object-fit: cover;}
    .updates h3{font-size: 7vw;font-style: italic;text-align: center;margin-bottom: 2.5vw;}
    .updates ul{width: auto;}
    .updates ul a,.caseBox ul a{padding: 3.5vw 1vw;border-bottom: 1px dashed #E7E7E7;display: block;}
    .updates ul a:first-child{border-top: 1px dashed #E7E7E7;}
    .updates .more,.caseBox .more,.singBox .more,.storyWAP .more{font-size: 3.3vw;padding: 2vw 0 1vw;display: block;text-align: center;}
    .topic a:nth-child(n+2), .topic a span,.main ul i,.index h2 .more{display: none;}
    .topicBox{padding: 0 2.5vw;margin-top: 3vw;}
    .index h2{height: 15vw;padding: 0;margin-bottom: 3vw;}
    .index h2 .channel{width: 100%;}
    .video{background-size: auto 11vw;}
    .videoBox{width: 100%;border-radius:2vw;overflow: hidden;}
    .torch h2,.action h2,.notes h2,.sing h2,.chant h2{background-size: auto 15vw;}
    .sing{background: url(../../images/zt/wmnwt/bg_channel_04.png) no-repeat bottom 12vw left;background-size: contain;}
    .singBox .swiper-container a{display: block;}
    .singBox .swiper-container p{text-align: center;}
    .singBox .swiper-container img,.storyBox .storyWAP img{height: calc(94vw * 9 / 16);}
    .DJC .topic{margin:5vw 0;}
    .DJC .swiper-container-horizontal>.swiper-pagination-bullets{top: 46vw;bottom: auto;}

    .caseBox{padding: 2.5vw;}
    .caseBox .swiper-container{margin: 0;}
    .caseBox img{width: 100%;height: calc(100% * 9 / 16);}
    .caseBox .swiper-button-next, .caseBox .swiper-button-prev,.storyBox .swiper-button-next, .storyBox .swiper-button-prev{top:25vw;}
    .caseBox .swiper-button-prev,.storyBox .swiper-button-prev{left: 1vw;}
    .caseBox .swiper-button-next,.storyBox .swiper-button-next{left: auto;right:1vw;}
    .caseBox .topic{margin-top: 2vw;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 8vw!important;}
    .caseBox .swiper-container-horizontal>.swiper-pagination-bullets{width: 100%;top: 43vw;bottom: auto;}
    .caseBox ul a:first-child{border-top: 0;}
    .caseBox ul a:nth-child(n+4){display: none;}
    
    .child{padding:3vw 0;}
    .child ul{box-shadow:0 0 3vw rgba(0, 0, 0, 0.3);border-radius:2vw;}
    .channelName{font-size: 8vw;height:10vw;line-height: 10vw;margin-bottom: 3vw;white-space: nowrap;display: flex;justify-content: center;}
    .cur{font-size:14px;}
    .list ul li{padding: 2vw 1vw;}
    .list ul li i,.list ul li span,.view .cur{display: none;}
    .list ul li:nth-child(n+2){border-top:1px dashed #ddd;}
    .piclist ul{grid-template-columns: repeat(2, 44vw);column-gap:calc(100% - 88vw);}
    .piclist ul li{width:44vw;padding:2vw 0;border:0;}
    .piclist ul li img{height:calc(44vw * 9 / 16);}
    .piclist ul li h5{line-height:1.5em;margin-top: 1vw;
        text-overflow:-o-ellipsis-lastline;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        line-clamp:3;
    }

    .view h5{font-size:22px;}
    .view .other{font-size:14px;}
    .view .content p{padding: 2vw 0;}
}
@media (max-width: 575.98px) {
    .main{padding:3vw 0;}
    .view .ABox img{width:25vw;}
    .footer{margin-top: 4vw;}
}