body {background-color: #eeedf2;}
.page-wrapper {width: 1200px;margin: auto;}
.page-wrapper .home {background-color: #0182bb;}
.page-wrapper .page-content-wrapper {display: flex;justify-content: space-between;width: 100%;margin-top: 10px;}
.page-wrapper .page-content-wrapper > .left-wrapper {width: 220px;}
.page-wrapper .page-content-wrapper > .right-wrapper {width: 960px;}
.page-wrapper .page-content-wrapper > .right-wrapper .title {font-size: 19px;font-weight: bold;color: #0182bb;margin-bottom: 15px;}
.page-wrapper .page-content-wrapper > .right-wrapper .no-message {padding: 30% 0;text-align: center;font-size: 18px;color: #8a8a8a;}
.page-wrapper .page-content-wrapper > .right-wrapper .video-wrapper + div {min-height: auto;}
.page-wrapper .page-content-wrapper > .right-wrapper .video-wrapper + div .no-message {padding: 50px 0;}
.page-wrapper .page-content-wrapper > .right-wrapper .audio-play-btn {display: inline-block;vertical-align: top;margin-left: 15px;width: 25px;height: 25px;line-height: 25px;background: url("../../images/icon/i_audio.png") no-repeat center;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper .audio-play-btn-active {background-image: url("../../images/icon/i_audio_play.gif");}
.page-wrapper .page-content-wrapper > .right-wrapper .video-play-btn {position: absolute;display: inline-block;width: 40px;height: 25px;line-height: 25px;left: 20px;bottom: 20px;background: url("../../images/icon/i_play-video.png") no-repeat center;background-size: contain;z-index: 2;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper .video-play-btn-center {position: absolute;display: inline-block;width: 40px;height: 25px;line-height: 25px;left: calc(50% - 20px);top: calc(50% - 12.5px);background: url("../../images/icon/i_play-video.png") no-repeat center;background-size: contain;z-index: 2;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper {min-height: 100%;border: 1px solid #D8D7DC;background: #fff;padding: 30px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper {display: flex;align-items: center;position: relative;justify-content: space-between;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container {margin: unset;width: 750px;height: 422px;position: relative;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container.swiper-extend {width: 898px;height: 505px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container.swiper-extend .swiper-slide, .page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container.swiper-extend .swiper-slide img {height: 505px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container.swiper-extend .swiper-slide .video-view {width: 898px;height: 505px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-slide {display: block;height: 422px;overflow: hidden;background-color: #000;text-align: center;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-slide.active {display: block;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-slide img {display: block;margin: auto;height: 422px;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-slide .video-view {display: none;margin: unset;width: 750px;height: 422px;position: relative;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container:hover .swiper-button-prev, .page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container:hover .swiper-button-next {display: block;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-button-disabled {pointer-events: unset;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-button-prev,
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-button-next {display: none;background: none;line-height: 30px;padding: 0;width: 30px;height: 30px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-button-prev::after,
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .swiper-container .swiper-button-next::after {content: '';}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .gallery-thumbs {position: absolute;top: 0;right: 0;height: 422px;width: 139px;z-index: 1;overflow: hidden;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .gallery-thumbs .swiper-slide {box-sizing: border-box;cursor: pointer;overflow: hidden;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border: 2px solid #de1b39;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .image-wrapper .gallery-thumbs .swiper-slide img {height: 78px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper {margin-top: 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper h3 {color: #333;font-size: 19px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper h3 audio {display: none;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper .time-count {display: flex;align-items: center;font-size: 13px;color: #999;margin: 10px auto 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper .time-count img {margin: 0 10px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper .time-count span {font-size: 12px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a0-top-wrapper .info-wrapper .content {font-size: 15px;text-align: justify;color: #333;padding-bottom: 20px;border-bottom: 1px solid #f2f5f7;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper {min-height: 100%;border: 1px solid #D8D7DC;background: #fff;padding: 30px;margin-bottom: 10px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box {display: flex;align-items: center;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .media-info {width: 400px;height: 225px;margin-right: 30px;border-radius: 5px;overflow: hidden;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .media-info img {width: 100%;height: 100%;border: 0;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info {width: calc(100% - 430px);}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info h4 {font-size: 19px;color: #333;height: 25px;line-height: 25px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info .time-count {display: flex;align-items: center;color: #999;font-size: 13px;margin-top: 8px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info .time-count img {margin: 0 10px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info .time-count span {font-size: 12px;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info .content {margin-top: 16px;line-height: 27px;font-size: 15px;height: 168px;overflow: hidden;text-align: justify;}
.page-wrapper .page-content-wrapper > .right-wrapper .a1-top-wrapper .box .detail-info .ellipsis {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

/* full view */
.full-view {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: black;z-index: 999999;}
.full-view:hover .swiper-button-prev,
.full-view:hover .swiper-button-next {display: flex;}
.full-view .swiper-wrapper {height: calc(100% - 70px);margin-top: 50px;}
.full-view .swiper-wrapper img {cursor: pointer;}
.full-view .swiper-pagination {top: 1em;bottom: auto !important;color: #fff;width: 100%;font-size: 16px;}
.full-view .swiper-button-disabled {pointer-events: unset;}
.full-view .swiper-button-prev,
.full-view .swiper-button-next {display: none;width: 32px;height: 32px;background: gray;border-radius: 50%;}
.full-view .swiper-button-prev::after,
.full-view .swiper-button-next::after {content: '';}
.full-view .close-view {top: 10px;right: 10px;position: absolute;z-index: 11;width: 30px;height: 30px;background: url("../../images/icon/i_close.png") center/30px no-repeat;cursor: pointer;}