.detail-banner{position:relative;width:100%}.detail-banner .detail-banner-box{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;z-index:1;padding:3.09rem .3rem 0}.detail-banner .detail-banner-left .detail-banner-year{font-size:1rem;font-weight:bold;color:#fff;line-height:.7rem}.detail-banner .detail-banner-left .detail-banner-en{margin-top:.16rem;font-size:.2rem;font-weight:300;color:rgba(255,255,255,0.6);line-height:.22rem}.detail-banner .detail-banner-left .detail-banner-cn{margin-top:.14rem;font-size:.64rem;font-weight:bold;color:#fff;line-height:.66rem;letter-spacing:.08rem}.detail-banner .detail-banner-right{flex:1;padding-top:1rem;padding-left:.2rem}.detail-banner .detail-banner-right .detail-banner-play{width:.9rem;height:.9rem}.detail-img{width:100%;opacity:0;transition:all .3s}.image{position:relative;width:100%}.image.show .detail-img{opacity:1}.image.video{width:5.32rem;margin:0 auto 1.57rem}.image.video .video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1.42rem;height:1.42rem}.history{width:100%;padding-top:1rem}.history .history-title{font-size:.7rem;font-weight:bold;color:#333;line-height:.72rem}.history .history-text{margin-bottom:.54rem;margin-top:.48rem;font-size:.3rem;font-weight:300;color:rgba(35,34,34,0.8);line-height:.46rem;text-align:justify;letter-spacing:.01rem}.history .history-text .bold{font-weight:bold}.video-mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:100}.video-pop{position:fixed;top:50%;left:0;display:none;width:100%;z-index:101;transform:translateY(-50%)}.video-pop .video{display:block;width:100%;max-height:70vh}