body{position: relative;overflow: hidden;cursor: move;overflow-x: hidden;overflow-y: auto;height: 100vh;
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.pop .wrap .content .conwrap .conbox .swiper-wrapper>.swiper-slide{height: auto;}
.pop .wrap .content .conwrap .conbox.swiper-container-vertical>.swiper-scrollbar{background-color: #C7A487;right: 5px}
.pop .wrap .content .conwrap .conbox.swiper-container-vertical>.swiper-scrollbar .swiper-scrollbar-drag{width: 15px;height: 15px;border-radius: 15px;background-color: #72281E;position: relative;left: -5px}
.pop .wrap .content .conwrap .conbox.swiper-container-vertical>.swiper-scrollbar .swiper-scrollbar-drag:after{content: '';position: absolute;width: 9px;height: 9px;top: 0;left:0;right: 0;bottom: 0;margin:auto;background-color: #fff;    border-radius: 50%;}
.loading{height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;position: fixed;z-index: 9999;background-color: #000}
.loading>div{max-width: 300px;width: 30%;margin-top: -200px}
.loading #progress{color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.container{height: 100%;width: auto;position: absolute;left: 0;top: 0;background-size: auto 100%;}
.container .bg{height: 100%;width: auto;opacity: 0}
.container .wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;overflow: hidden;display: none;}
.wrap .logo{position: fixed;top: 0.52rem;left: 1.05rem;width: 3.34rem;z-index: 9999}
.wrap #music{position: fixed;top: 0.61rem;right: 1.05rem;width:0.4rem;height: 0.4rem;z-index: 9999;background-image: url(../images/music-off.png);background-size: 100%;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.wrap #music.play{background-image: url(../images/music-on.png);}
.wrap .home{height: 100%;margin-left: 4rem;display: flex;align-items: center;float: left;}
.wrap .home p{font-size: 0.24rem;color: #f8b551;text-align: center;}
.wrap .home .img{width: 4.33rem;margin:0 auto;}
.wrap .home .btn{text-align: center;margin-top: 0.2rem;}
.wrap .home .btn a{color: #914d00;font-size: 0.2rem;width: 1.42rem;height: 0.52rem;line-height: 0.48rem;display: inline-block;vertical-align: top;text-align: center;border-radius: 0.24rem;background-image:url(../images/button.png);background-size: 100% auto;background-position: center top;background-repeat:no-repeat;min-height: 32px;min-width: 85px}
.wrap .home .btn a:last-child{margin-left: 0.37rem}
.wrap .home .time{width: 3.06rem;margin:0.22rem auto 0;}
.wrap .knight{height: 100%;float: left;display: flex;align-items: flex-end;}
.wrap .knight img{width: 10.17rem;height: 10.64rem;vertical-align: bottom;}
.wrap .pro{cursor: pointer;position: relative;}
.wrap .pro1{width: 4.244%;width: 2.1rem;height: 1.99rem;position: absolute;left:22.25rem;top: 3.2rem;}
.wrap .pro2{width: 7.235%;width: 3.58rem;height: 2.62rem;position: absolute;left:26rem;bottom: 1.8rem;}
.wrap .pro3{width: 9.983%;width: 1.72rem;height: 2.85rem;position: absolute;left:32rem ;top: 1.14rem;}
.wrap .pro4{width: 4.587%;width: 2.27rem;height: 2.23rem;position: absolute;left: 36.93rem;top: 3.44rem;}
.wrap .pro6{width: 6.689%;width: 3.57rem;height: 2.48rem;position: absolute;left:37.32rem;bottom: 1.43rem;}
.wrap .pro5{width: 4.244%;width: 1.52rem;height: 1.36rem;position: absolute;left:42.38rem;bottom: 1.58rem;}

/* 弹窗公用 */
.pop .wrap{width: 11.14rem;padding-top: 2.7rem;/*display: none;position: absolute;left: 0;top: 0;right: 0;margin:auto;*/cursor: default;}
.pop .wrap .head{position: absolute;z-index: 10;left: 0;right: 0;top: 0;height: 2.6rem;background-image: url(../images/pop-head.png);background-size: 100%;}
.pop .wrap .close{position: absolute;z-index: 30;right: -0.2rem;top: 1.8rem;width: 0.86rem;height: 0.91rem;background-image: url(../images/close.png);background-size: 100%;cursor: pointer;}
.pop .wrap .knightbg{position: absolute;z-index:40;left: 0.98rem;top:1.23rem;margin:auto;width: 1.3rem;height: 1.96rem;background-image: url(../images/pop-knight.png);background-size: 100%;opacity: 0;top: 2rem}
.pop .wrap .content{position: absolute;z-index: 1;left: 0;right: 0;top:2.25rem;margin:auto;width: 10.84rem;height: 6.49rem;background-image: url(../images/pop-con.png);background-size: 100%;padding: 1.68rem 0.68rem 0.8rem;box-sizing: border-box;}
.pop .wrap .content .title .tab{width: 100%;height: 100%;overflow: hidden;}
.pop .wrap .content .title .tab span{float: left;width: 50%;height: 100%;cursor: pointer;line-height: 0.4rem;text-align: center;font-size: 0.18rem;font-weight: bold;color: #6b211a;background-color: #E3BD86}
.pop .wrap .content .title .tab span.active{color: #ebdab5;background-color: #B92301}
.pop .wrap .content .conwrap{width: 100%;height: 100%;overflow: hidden;}
.pop .wrap .content .conbox{display: none;width: 100%;height: 100%;}
.pop .wrap .content .conbox>div.scroll{width: 100%;padding-right: 0.2rem;box-sizing: border-box;}
.pop .wrap .content .conbox:first-child{display: block;}
.pop .wrap .content .conbox p{font-size: 0.18rem;line-height: 0.36rem;color: #571910;text-indent: 2em;text-align: left;}

.pop .wrap .tit{display: flex;align-items: center;justify-content: center;}
.pop .wrap .tit span{font-size: 0.2rem;color: #e9d3a3;font-weight: bold;margin-top: -0.03rem;}
/* 剧目剧情 */
.pop.pro1 .wrap .tit{position: absolute;z-index: 20;left: 0;right: 0;top: 1.78rem;margin:auto;width: 3.75rem;height: 0.95rem;background-image: url(../images/pop-tit.png);background-size: 100%;}
.pop.pro1 .wrap .content .title{position: absolute;z-index: 1;left: 0;right: 0;top:0.74rem;margin:auto;width: 3.71rem;height: 0.4rem;box-sizing: content-box;padding:0.04rem 0.04rem 0.06rem;background-color: #6B211A;border-radius: 0.06rem;}
.pop.pro1 .wrap .content .conbox p{font-size: 0.18rem;line-height: 0.36rem;color: #571910;text-indent: 2em;text-align: left;}
.pop.pro1 .wrap .content .title .tab span{border-radius: 0.04rem 0 0 0.04rem}
.pop.pro1 .wrap .content .title .tab span:nth-child(2){border-radius: 0 0.04rem 0.04rem 0}
/* 经典赏析 */
.pop.pro2 .wrap .content{padding-top:1.47rem;padding-bottom: 0.4rem}
.pop.pro2 .wrap .tit{position: absolute;z-index: 20;left: 0;right: 0;top: 1.78rem;margin:auto;width: 3.75rem;height: 0.95rem;background-image: url(../images/pop-tit.png);background-size: 100%;}
.pop.pro2 .wrap .content .title{position: absolute;z-index: 1;left: 0;right: 0;top:0.74rem;margin:auto;width: 3.71rem;height: 0.4rem;box-sizing: content-box;padding:0.04rem 0.04rem 0.06rem;background-color: #6B211A;border-radius: 0.06rem;}
.pop.pro2 .wrap .content .title .tab span{float: left;width: 25%;height: 100%;cursor: pointer;}
.pop.pro2 .conbox1 .scroll{overflow-y: hidden;width: 100%}
.pop.pro2 .conbox1 .scroll .item{width: 100%;margin-top: 0.07rem;position: relative;}
.pop.pro2 .conbox1 .scroll .item:first-child{margin-top: 0}
.pop.pro2 .conbox1 .scroll .item .cont{border:1px solid #D2B697;box-sizing: border-box;position: relative;padding: 0.1rem 0.2rem 0.1rem 0.28rem;overflow: hidden;}
.pop.pro2 .conbox1 .scroll .item .cont .press{position: absolute;z-index: -1;background-color: #DFC29F;left: 0;top: 0;bottom: 0;width: 0}
.pop.pro2 .conbox1 .scroll .item .cont h2{float: left;font-size: 0.16rem;max-width: 65%;line-height: 0.3rem;color: #571910;font-weight: normal;}
.pop.pro2 .conbox1 .scroll .item .cont .right{float: right;margin-left: 0.6rem;overflow: hidden;}
.pop.pro2 .conbox1 .scroll .item .cont .right .music{width: 0.3rem;height: 0.3rem;float: left;cursor: pointer;background-image: url(../images/play.png);background-size: 100%;margin-right: 0.3rem}
.pop.pro2 .conbox1 .scroll .item .cont .right .music.play{background-image: url(../images/pause.png);}
.pop.pro2 .conbox1 .scroll .item .cont .right span{font-size: 0.16rem;float: left;line-height: 0.3rem;color: #571910;padding-right: 0.26rem;position: relative;cursor: pointer;}
.pop.pro2 .conbox1 .scroll .item .cont .right span em{position: absolute;right: 0;top:0;bottom:0;margin:auto;width: 0.16rem;height: 0.09rem;background-image: url(../images/arr-bot.png);background-size: 100%;transition: all 0.3s}
.pop.pro2 .conbox1 .scroll .item.open .cont .right span em{transform: rotateX(180deg);}
.pop.pro2 .conbox1 .scroll .item .conb{display: none;padding: 0.1rem 0}
.pop.pro2 .conbox1 .scroll .item .conb p{text-indent: 2em;color:#571910;font-size: 0.16rem;line-height: 0.3rem;text-align: left;}
.pop.pro2 .conbox2 .swiper-container{width: 7.98rem;height: 3.68rem;position: relative !important;margin:0 auto;}
.pop.pro2 .conbox2 .swiper-container .img{width:7.98rem;height: 3.68rem;margin:0 auto;}
.pop.pro2 .conbox2 .text {height: 0.89rem;width: 90%;margin:0 auto 0;display: flex;align-items: flex-end;}
.pop.pro2 .conbox2 .text p{width: 100%;font-size: 0.18rem;line-height: 0.36rem;text-indent: 2em;color: #571910;text-align: left;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;text-overflow:ellipsis;overflow: hidden;}
.pop.pro2 .conbox2 .swiper-button-next:after, .pop.pro2 .conbox2 .swiper-button-prev:after{display: none;}
.pop.pro2 .conbox2 .swiper-button-prev,.pop.pro2 .conbox2 .swiper-button-next{background-repeat: no-repeat;background-position: center;width: 0.29rem;height: 0.4rem;background-size: 100%;}
.pop.pro2 .conbox2 .swiper-button-prev{background-image: url(../images/btnl.png);left:0;bottom: auto;top: 1.84rem}
.pop.pro2 .conbox2 .swiper-button-next{background-image: url(../images/btnr.png);right:0;bottom: auto;top: 1.84rem}
.pop.pro2 .conbox3 .item{margin-top: 0.4rem}
.pop.pro2 .conbox3 .item:first-child{margin-top: 0}
.pop.pro2 .conbox3 p{overflow: hidden;}
.pop.pro2 .conbox3 p span{float: right;}
.pop.pro2 .conbox4 .swiper-container{width: 7.98rem;height: 4.48rem;position: relative !important;}
.pop.pro2 .conbox4 .swiper-container .img{width:7.98rem;height: 4.48rem;margin:0 auto;}
.pop.pro2 .conbox4 .swiper-button-next:after, .pop.pro2 .conbox4 .swiper-button-prev:after{display: none;}
.pop.pro2 .conbox4 .swiper-button-prev,.pop.pro2 .conbox4 .swiper-button-next{background-repeat: no-repeat;background-position: center;width: 0.29rem;height: 0.4rem;background-size: 100%;}
.pop.pro2 .conbox4 .swiper-button-prev{background-image: url(../images/btnl.png);left:0}
.pop.pro2 .conbox4 .swiper-button-next{background-image: url(../images/btnr.png);right:0}

/*.pop.pro2 .conbox4 .row{width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.pop.pro2 .conbox4 .row .img{width: 2.54rem;height: 1.47rem;overflow: hidden;}*/
.pop.pro2 .wrap .content .title .tab span{border-radius: 0.04rem 0 0 0.04rem}
.pop.pro2 .wrap .content .title .tab span:nth-child(2){border-radius: 0}
.pop.pro2 .wrap .content .title .tab span:nth-child(3){border-radius: 0}
.pop.pro2 .wrap .content .title .tab span:nth-child(4){border-radius: 0 0.04rem 0.04rem 0}
/* 主演主创 */
.pop.pro3  .wrap .content{padding-bottom: 0}
.pop.pro3 .wrap .tit{position: absolute;z-index: 20;left: 0;right: 0;top: 1.78rem;margin:auto;width: 3.75rem;height: 0.95rem;background-image: url(../images/pop-tit.png);background-size: 100%;}
.pop.pro3 .wrap .content{padding-left: 0.81rem;padding-right: 0.81rem}
.pop.pro3 .wrap .content .title{position: absolute;z-index: 1;left: 0;right: 0;top:0.74rem;margin:auto;width: 3.71rem;height: 0.4rem;box-sizing: content-box;padding:0.04rem 0.04rem 0.06rem;background-color: #6B211A;border-radius: 0.06rem;}
.pop.pro3 .wrap .content .title .tab{display: flex;align-items: stretch;justify-content: space-between;}
.pop.pro3 .wrap .content .title .tab span{cursor: pointer;flex-grow: 1;width: auto;}
.pop.pro3 .swiper-container{width: 100%;}
.pop.pro3 .swiper-slide {width: auto;margin-right: 0.3rem}
.pop.pro3 .swiper-container .img{width:1.78rem;margin:0 auto;}
.pop.pro3 .conbox1,.pop.pro3 .conbox2{padding: 0 0.6rem;position: relative;box-sizing: border-box;}
.pop.pro3 .conbox3{height: 85% !important}
.pop.pro3 .swiper-container{left: 0.6rem;right: 0.6rem;width: auto;}
.pop.pro3 .swiper-container .text{margin-top: 0.1rem}
.pop.pro3 .swiper-container .text p{width: 100%;font-size: 0.16rem;line-height: 1.5;color: #571910;text-align: center;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;text-indent:0}
.pop.pro3 .swiper-button-next:after, .pop.pro3 .swiper-button-prev:after{display: none;}
.pop.pro3 .swiper-button-prev,.pop.pro3 .swiper-button-next{background-repeat: no-repeat;background-position: center;width: 0.29rem;height: 0.4rem;background-size: 100%;}
.pop.pro3 .swiper-button-prev{background-image: url(../images/btnl.png);left:0;top: 32%}
.pop.pro3 .swiper-button-next{background-image: url(../images/btnr.png);right:0;top: 32%}
.pop.pro3 .wrap .content .title .tab span{border-radius: 0.04rem 0 0 0.04rem}
.pop.pro3 .wrap .content .title .tab span:nth-child(2){border-radius: 0}
.pop.pro3 .wrap .content .title .tab span:nth-child(3){border-radius: 0 0.04rem 0.04rem 0}
/* 大师威尔第 */
.pop.pro4 .wrap .tit{position: absolute;z-index: 20;left: 0;right: 0;top: 1.78rem;margin:auto;width: 3.75rem;height: 0.95rem;background-image: url(../images/pop-tit.png);background-size: 100%;}
.pop.pro4 .wrap .content .title{position: absolute;z-index: 1;left: 0;right: 0;top:0.74rem;margin:auto;width: 3.71rem;height: 0.47rem;box-sizing: border-box;height: 0.4rem;box-sizing: content-box;padding:0.04rem 0.04rem 0.06rem;background-color: #6B211A;border-radius: 0.06rem;}
.pop.pro4 .wrap .content .title .tab span{width: 100%;border-radius: 0.04rem}
.pop.pro4 .img{width: 1.69rem;float: left;margin-right: 0.25rem}
/* 媒体之声 */
.pop.pro6 .wrap .tit{position: absolute;z-index: 20;left: 0;right: 0;top: 1.78rem;margin:auto;width: 3.75rem;height: 0.95rem;background-image: url(../images/pop-tit.png);background-size: 100%;}
.pop.pro6  .wrap .content{padding-top: 1.2rem}
.pop.pro6  .wrap .item{display: block;border:1px solid #D2B697;box-sizing: border-box;padding: 0.07rem 0.22rem 0.07rem 0.32rem;display: flex;align-items: center;justify-content: space-between;margin-top: 0.1rem;}
.pop.pro6  .wrap .item:first-child{margin-top: 0}
.pop.pro6  .wrap .item p{font-size: 0.16rem;color: #571910;line-height: 0.36rem;text-indent: 0;padding-left: 0.2rem;position: relative;}
.pop.pro6  .wrap .item p:before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #571910;position: absolute;left: 0;top: 0;bottom: 0;margin:auto}
.pop.pro6  .wrap .item span{font-size: 0.14rem;color: #571910;line-height: 0.36rem;margin-left: 0.5rem;flex-shrink: 0}

.wrap>.pro:after{content: '';width: 0%;height: 0%;background: radial-gradient(rgba(255,180,0,0.3) 5%, rgba(255,180,0,0.01) 60%);position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin:auto;z-index: -1;border-radius: 50%}
.wrap>.pro i{width: 0%;height: 0%;z-index: -1;border-radius: 50%;transition: all 0.3s;background: radial-gradient(rgba(255,180,0,0.3) 5%, rgba(255,180,0,0.01) 60%);position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin:auto;}
.pop .swiper-button-prev,.pop .swiper-button-next{outline: none;}
@keyframes proone{
	0% {width: 0%;height: 0%}
	40% {width: 130%;height: 130%}
	60% {width: 130%;height: 130%}
	100% {width: 0%;height: 0%}
}
@keyframes protwo{
	0% {width: 0%;height: 0%}
	40% {width: 70%;height: 70%}
	60% {width: 70%;height: 70%}
	100% {width: 0%;height: 0%}
}
@keyframes prothree{
	0% {width: 0%;height: 0%}
	40% {width: 130%;height: 130%}
	60% {width: 130%;height: 130%}
	100% {width: 0%;height: 0%}
}
@keyframes profour{
	0% {width: 0%;height: 0%}
	40% {width: 130%;height: 130%}
	60% {width: 130%;height: 130%}
	100% {width: 0%;height: 0%}
}
@keyframes prosix{
	0% {width: 0%;height: 0%}
	40% {width: 70%;height: 70%}
	60% {width: 70%;height: 70%}
	100% {width: 0%;height: 0%}
}
.wrap>.pro1:after{animation:proone 3s linear infinite;top: -15%;bottom: -15%;right: -15%;left: -15%;margin:auto;}
.wrap>.pro2:after{animation:protwo 3s linear infinite;}
.wrap>.pro3:after{animation:prothree 3s linear infinite;top: -15%;bottom: -15%;right: -15%;left: -15%;margin:auto;}
.wrap>.pro4:after{animation:profour 3s linear infinite;top: -15%;bottom: -15%;right: -15%;left: -15%;margin:auto;}
.wrap>.pro6:after{animation:prosix 3s linear infinite;}
.wrap>.yindao{position: absolute;width: 120px;height: 40px;background-image: url(../images/yindao.png);background-size: 100%;position: fixed;top: 0;bottom: 0;right: 40px;margin:auto;}
.wrap>.pro1:hover i{width: 150% !important;height: 150% !important;left:-25%;top:-25%;bottom:-25%;right: -25%}
.wrap>.pro2:hover i{width: 100% !important;height: 100% !important;}
.wrap>.pro3:hover i{width: 150% !important;height: 150% !important;left:-25%;top:-25%;bottom:-25%;right: -25%}
.wrap>.pro4:hover i{width: 150% !important;height: 150% !important;left:-25%;top:-25%;bottom:-25%;right: -25%}
.wrap>.pro6:hover i{width: 100% !important;height: 100% !important;}
.wrap>.pro:hover:after{display: none;}
@media screen and (max-height: 648px){
	.wrap .home .btn a{line-height: 29px }
}

.popshadow{position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 8000;display: none;background:rgba(0,0,0,0.6);}