*{margin:0;padding:0;list-style:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-family:  "Microsoft Yahei", arial, \5b8b\4f53,
	 Helvetica, STHeiTi, sans-serif; width: 100%; height: auto; background: #fff; font-size: 0.14rem; color: #2f2f2f; }

a{text-decoration:none; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; color: #222222; }
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
img{ border: 0; vertical-align: middle; display: inline-block; max-width: 100%; width: 100%; }
input,textarea,select{ font-family:"Microsoft Yahei", arial, \5b8b\4f53,
	Helvetica, STHeiTi, sans-serif;  outline: none; font-size: 0.14rem;}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='file'],
button, select{ -webkit-appearance: none; outline: none; }

div,a{ box-sizing: border-box; }
.content{ width: 12.8rem; margin: 0 auto; }
.y-flex-row{ display: flex; flex-direction: row; align-items: center; }
.y-flex-col{ display: flex; flex-direction: column; }
.y-line-1{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.y-line-2{ overflow: hidden; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.more-arrow-icon{ width: 0.19rem; height: 0.16rem; background: url(../images/arrow-icon.png) no-repeat; background-size: cover; }
.anim{
	-webkit-transform: translateY(1rem) translateX(0);
	-moz-transform: translateY(1rem) translateX(0);
	transform: translateY(1rem) translateX(0);
	opacity: 0;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
    /* overflow: hidden; */
}

.anim-show{
	-webkit-transform: translateY(0rem) translateX(0);
	-moz-transform: translateY(0rem) translateX(0);
	transform: translateY(0rem) translateX(0);
	opacity: 1;
}
.main{ overflow: hidden; }

.header{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 22; box-shadow: 0 2px 10px rgba(0,0,0,.2); }
.header .content{ justify-content: space-between; height: 0.94rem; }
.header .logo img{ width: 1.19rem; }
.header .right-c,.header .right-c .nav,.header .right-c .nav ul,.header .right-c .nav li{ height: 100%; }
.header .right-c .nav{ padding-right: 0.4rem; }
.header .right-c .nav li>a{  font-weight: bold; font-size: 0.16rem; }
.header .right-c .nav li{ position: relative; line-height: 0.94rem; box-sizing: border-box; padding: 0 0.15rem; margin: 0 0.15rem; }
.header .right-c .nav li:hover>a,.header .right-c .nav li.active>a{ color: #D7000E; }
.header .right-c .nav li::after,.header .right-c .nav li.active::after{ content: ''; width: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 0.03rem solid #D7000E; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.header .right-c .nav li:hover::after,.header .right-c .nav li.active::after{ width: 100%; }

.header .right-c .nav li .drop-down{ padding: 0 0.1rem; min-width: 100%; position: absolute; top: 0.94rem; left: 50%; transform: translateX(-50%); z-index: 20; line-height: 0.4rem; background: #fff; display: none; box-shadow: 0.02rem 0.02rem 0.05rem rgba(0,0,0,.3); }
.header .right-c .nav li .drop-down a{ font-size: 0.14rem; font-weight: normal; white-space: nowrap; text-align: center; border-bottom: 0.01rem solid #eee; height: 0.5rem; display: block; }
.header .right-c .nav li .drop-down a:last-child{ border-bottom: 0; }
.header .right-c .nav li .drop-down a:hover{ color: #D7000E; }


.header .right-c .back-home{ color: #D7000E; width: 1.36rem; height: 0.4rem; line-height: 0.36rem; border: 0.02rem solid #D7000E; border-radius: 0.2rem; text-align: center; }
.header .right-c .back-home:hover{ background: #D7000E;  color: #fff; }

.header .right-c .menu {
  display: none;
}
.header .right-c .menu{ margin-left: 0.25rem; cursor: pointer; background: url(../images/menu-icon.png) no-repeat; background-size: cover; width: 0.35rem; height: 0.35rem; }
.header .right-c .menu.show{ background-image: url(../images/menu-icon-show.png); }


.menuBox.show{ right: 0; }
.menuBox{ position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.95);  z-index: 20; padding-top: 0.94rem; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.menuBox .content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.menuBox .content>ul {width:100%;float:left;margin-top:8%;}
.menuBox .content>ul li.hide {display:none;}
.menuBox .content>ul li {float:left;margin-right:6%;}
.menuBox .content>ul li>p {display:block;font-size:0.24rem;line-height:0.25rem;margin-bottom:0.4rem;padding-left:0;}
.menuBox .content>ul li>p a {color:#282828;}
.menuBox .content>ul li>p span {font-size:0.18rem;font-family:'Century Gothic';}
.menu_list {display:block;overflow:hidden}
.menu_li_c>div a {font-size:0.14rem;color:#666;margin-left:0.44rem;display:block;line-height:0.28rem;}
.menu_li_c>p a em {display:inline-block;width:0rem;height:0.01rem;background-color:#666666;margin-right:0.03rem;transition:all 0.3s;-webkit-transition:all 0.3s;}
.menu_li_c>p a {display:block;font-size:0.16rem;line-height:0.29rem;color:#666666;padding-left:0.28rem;}
.menu_li_h>div {display:none;}
.menu_li_c>p a:hover em {width:0.12rem;}
.menuBox .content>ul li>p a:hover,.menu_li_c>p a:hover,.menu_li_c>div a:hover {color:#e60012;}


.banner{ overflow: hidden; position: relative; padding-top: 0.94rem; overflow: hidden; }
.snow-canvas{ position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
.banner .rs-arrows .rs-next,.banner .rs-arrows .rs-prev{ width: 0.48rem; height: 0.48rem; background: url(../images/swiper-btn-next.png); display: block; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
.banner .rs-arrows .rs-next{ right: 0.9rem; }
.banner .rs-arrows .rs-prev{ left: 0.9rem; background-image: url(../images/swiper-btn-prev.png); }

.introduce{ position: relative; z-index: 2; }
.introduce .content{
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0px 0px 27px 0px rgba(15, 26, 67, 0.1);
  margin: 0.5rem auto;
}
.introduce .left{ padding: 0.3rem 0.6rem; position: relative; z-index: 1; align-items: flex-start; }
.introduce .left .title{ font-size: 0.36rem; color: #D7000E; flex-shrink: 0; font-weight: bold; padding-right: 0.48rem; }
.introduce .left .info{ font-size: 0.16rem; color: #666666; line-height: 0.3rem; height: 2rem; overflow: auto; }
.introduce .left .info p {
  margin-bottom: 0.16rem;
  text-indent: 2em;
}
.introduce .left .info a{ color: #D7000E; margin-top: 0.3rem; font-weight: bold; display: inline-block; }
.introduce .left .info a .more-arrow-icon{ margin-left: 0.05rem; display: inline-block; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.introduce .left .info a:hover .more-arrow-icon{ margin-left: 0.1rem; }


.introduce .right{ width: 3.6rem; flex-shrink: 0; margin-top: -1.2rem; position: relative; padding-bottom: 0.25rem; }
.introduce .right img{ box-shadow: 2px 5px 10px #d8e0e5;  }
.introduce .right .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.2rem; text-align: center; font-weight: bold; }
.introduce .right .text h4{ font-size: 0.24rem; color: #1a3c7e; }
.introduce .right .text .day{ justify-content: center; padding-top: 0.25rem; font-size: 0.3rem; color: #1a3c7e; padding-left: 0.2rem; }
.introduce .right .text span{ padding: 0 0.1rem; font-size: 0.6rem; color: #fff; background: #D7000E; border-radius: 0.1rem; margin: 0 0.01rem; }
.introduce .right .text span:last-child{ margin-right: 0.1rem; }


.news{ background: url(../images/news-bg.png) no-repeat center top; background-size: cover; position: relative; z-index: 2; }
.module-title{ padding: 0.45rem 0; justify-content: space-between; color: #323232; }
.module-title .text{ font-size: 0.36rem; font-weight: bold; }
.module-title .text img{ width: 0.25rem; }
.module-title .more{ font-size: 0.16rem; color: #D7000E; border: 0.02rem solid #D7000E; border-radius: 0.2rem; padding: 0.03rem 0.2rem; }
.module-title .more .more-arrow-icon{ margin-left: 0.05rem; }
.module-title .refresh{ font-size: 0.16rem; color: #D7000E; font-weight: bold; cursor: pointer; }
.module-title .refresh img{ width: 0.19rem; margin-right: 0.15rem; }
.module-title .refresh:hover{ opacity: 0.8; }

.module-title.color-white,.module-title.color-white .more{ color: #fff; }
.module-title.color-white .more{ border-color: #fff; }
.module-title.color-white .more .more-arrow-icon{ background-image: url(../images/arrow-icon-w.png); }

.module-title .more:hover{ background: #D7000E; color: #fff; }
.module-title .more:hover .more-arrow-icon{ background-image: url(../images/arrow-icon-w.png); }
.module-title.color-white .more:hover{ background: #fff; color: #D7000E; }
.module-title.color-white .more:hover .more-arrow-icon{ background-image: url(../images/arrow-icon.png); }



.news .item-list{ display: flex; flex-wrap: wrap; width: calc(100% + 0.3rem); padding-bottom: 0.5rem; }
.news .item-list .item{ width: calc(33.3% - 0.3rem); margin-right: 0.3rem; margin-bottom: 0.3rem; background: #fff; }
.news .item-list .item .pic{ overflow: hidden; }
.news .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news .item-list .item:hover .pic img{ transform: scale(1.1); }
.news .item-list .item .info{ padding: 0.24rem; }
.news .item-list .item .info .item-title{ color: #444444; font-size: 0.16rem; font-weight: bold; line-height: 0.28rem; height: 0.56rem; }
.news .item-list .item .info .item-title:hover{ color: #D7000E; }
.news .item-list .item .info .item-des{ justify-content: space-between; padding-top: 0.1rem; color: #999999; }
.news .item-list .item .info .item-des .tag{ background: #D7000E; color: #fff; padding: 0.02rem 0.1rem; border-top-right-radius: 0.1rem; border-bottom-left-radius: 0.1rem; margin-right: 0.1rem; }
.news .item-list .item .info .item-des .right img{ margin-right: 0.1rem; width: 0.16rem; }

.activity{ background: url(../images/activity-bg.png) no-repeat center; position: relative; z-index: 1; padding-bottom: 0.8rem; background-size: cover; }
.activity .snow-canvas{ z-index: -1; }
.activity .swiper-slide{ position: relative; height: 4.4rem; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity .swiper-slide .pic{ height: 100%; position: relative; }
.activity .swiper-slide img{ object-fit: cover; width: 100%; height: 100%; }
.activity .swiper-slide .text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0.3rem 0.3rem; font-size: 0.18rem; color: #fff; box-sizing: border-box; }
.special{ position: relative; }
.special .swiper-container{ }
.special .swiper-button{ width: 0.4rem; height: 0.8rem; background: center; bottom: auto; top: 50%; transform: translateY(-50%); outline: none; }
.special .swiper-button::after{ display: none; outline: none; }
.special .swiper-button.swiper-button-next{ right: -0.4rem; border-top-right-radius: 0.08rem; border-bottom-right-radius: 0.08rem; background-image: url(../images/right-btn.png); background-size: 0.245rem 0.455rem; background-repeat: no-repeat; }
.special .swiper-button.swiper-button-prev{ left: -0.4rem; border-top-left-radius: 0.08rem; border-bottom-left-radius: 0.08rem;  background-image: url(../images/left-btn.png); background-size: 0.245rem 0.455rem; background-repeat: no-repeat; }
.special .swiper-pagination{ display: none; }


.download{ background: url(../images/download-bg.jpg) no-repeat center; background-size: cover; }
.download .content{ padding: 1.2rem 1.8rem 1.5rem 0.7rem; align-items: flex-start; }

.download .left{ padding-right: 1.3rem; }
.download .left .title{ font-size: 0.48rem; color: #D7000E; }
.download .left .subtitle{ font-size: 0.3rem; color: #D7000E; margin: 0.2rem 0 0.4rem; }
.download .left .des{ line-height: 0.3rem; font-size: 0.16rem; }
.download .left .btn a{  padding: 0.1rem 0.3rem; background: #D7000E; color: #fff; font-size: 0.24rem; margin-top: 0.45rem; margin-right: 0.2rem; }
.download .left .btn a img{ margin-right: 0.1rem; width: 0.3rem; }
.download .left .btn a:hover{ opacity: 0.8; }
.download .left .btn a:last-child{ margin-right: 0; }


.download .pic{ flex-shrink: 0; width: 3.82rem; }

.video-list{ background: url(../images/video-list-bg.jpg) no-repeat center; background-size: cover; }
.video-list .content{ padding-bottom: 0.8rem; }
.video-list .y-flex-row{ justify-content: space-between; }
.video-list .item-list .left{ width: 8.16rem; }
.video-list .item-list .left .left-b{ margin-top: 0.3rem; }
.video-list .item-list .left .left-b .item{ width: calc(50% - 0.15rem); }
.video-list .item-list .item{ height: 100%; position: relative; display: block; overflow: hidden; }
.video-list .item-list .item .pic{ height: 100%; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.video-list .item-list .item .pic{ width: 100%; height: 100%; object-fit: cover; }
.video-list .item-list .item .item-title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0.58rem; background: url(../images/video-item-bg.jpg) no-repeat; background-size: 100% 100%; justify-content: left; padding: 0 0.3rem; color: #fff; font-weight: bold; font-size: 0.18rem; }
.video-list .item-list .item .item-title img{ margin-right: 0.1rem; width: 0.26rem; }
.video-list .item-list .item:hover .pic{ transform: scale(1.1); }
.video-list .item-list .right{ width: 4.34rem; height: 7.12rem; }
.video-list .pic-box{ position: relative; height: 100%; }
.video-list .pic-box::after{ content: ''; width: 0.5rem; height: 0.5rem; background: url(../images/video-btn.png) no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.video-list .left>.item .pic-box{ height: 4.6rem; }
.video-list .left>.left-b .item .pic-box{ height: 2.22rem; }



.video-list .item-list .left .left-b .pic-box::after{ width: 0.35rem; height: 0.35rem; }

.photos{ background: url(../images/photos-bg.png) no-repeat center; background-size: cover; position: relative; z-index: 1; overflow: hidden; }
.photos .snow-canvas{ z-index: -1; }
.photos .content{ padding-bottom: 0.75rem; }
.photos .gallery-top{ height: auto; }
.photos .gallery-top .swiper-slide{ position: relative; }
.photos .gallery-top .text{ position: absolute; bottom: 0; left: 0; padding: 0.2rem 0.35rem 0.3rem; color: #fff; font-weight: bold; font-size: 0.18rem;  width: 100%; z-index: 1; }
.photos .gallery-top .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.photos .gallery-top .text img{ width: 0.18rem; margin-right: 0.1rem; }
.photos .gallery-top .text span{ max-width: 70%; }
.photos .gallery-top .num{ position: absolute; bottom: 0; right: 0.35rem; font-size: 0.18rem; font-weight: bold; color: #fff; z-index: 2; padding: 0.2rem 0 0.3rem; }

.photos .gallery-thumbs{ margin: 0.2rem 0; overflow: hidden; }
.photos .thumbs-box{ position: relative; }
.photos .thumbs-box .swiper-slide{ height: 0.9rem; position: relative; }
.photos .thumbs-box .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.photos .thumbs-box .swiper-slide.swiper-slide-thumb-active::after{ background: transparent; border: 4px solid #D7000E; }

.photos .thumbs-box .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }
.photos .swiper-button{ top: auto; bottom: 0; width: 0.3rem; height: 0.89rem; background: url(../images/photos-next.jpg); right: 0; outline: none; background-size: cover; }
.photos .swiper-button::after{ content: ''; }
.photos .swiper-button.swiper-button-prev{ background-image: url(../images/photos-prev.jpg); left: 0; }
.photos .gallery-top:hover .swiper-button{ visibility: visible; opacity: 1; }
.photos .gallery-top .swiper-button{ width: 0.4rem; height: 0.8rem; background: rgba(0,0,0,.7) center; bottom: auto; top: 50%; transform: translateY(-50%); visibility: hidden; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; }
.photos .gallery-top .swiper-button.swiper-button-next{ border-top-left-radius: 0.08rem; border-bottom-left-radius: 0.08rem; background-image: url(../images/right-btn.png); background-size: 0.245rem 0.455rem; background-repeat: no-repeat; }
.photos .gallery-top .swiper-button.swiper-button-prev{ border-top-right-radius: 0.08rem; border-bottom-right-radius: 0.08rem; background-image: url(../images/left-btn.png); background-size: 0.245rem 0.455rem; background-repeat: no-repeat; }



.history{ background: url(../images/history-bg.jpg) no-repeat center; background-size: cover; height: 5.9rem; }

.history .container{ position: relative; padding: 0rem 1.3rem; }
.history .swiper-container{ height: 3.68rem; position: relative; overflow: hidden; padding-right: 0.4rem; }
.history .swiper-container .swiper-wrapper{  }
.history .container::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 0.72rem; background: url(../images/history-line-bg.png) no-repeat; background-size: cover; transform: translate(-50%,-50%); }
.history .item{ width: 2.4rem; padding: 0 0.3rem 0 0.2rem; }
.history .item .des-box{ position: relative; z-index: 1; height: 1.39rem; padding-top: 0.2rem; position: relative;  }
.history .item .des-box::before{ content: ''; position: absolute; bottom: -0.72rem; left: 50%; width: 0.66rem; height: 0.54rem; background: url(../images/history-yuan.png) no-repeat; background-size: cover; transform: translateX(-50%); }
.history .item .des-box h2{ font-size: 0.16rem; color: #666666; font-weight: normal; height: 0.6rem; line-height: 0.3rem; }
.history .item .des-box::after{ content: ''; position: absolute; top: 50%; left: 50%; margin-left: -1.2rem; margin-top: -0.7rem; width: 2.4rem; height: 100%; background: url(../images/history-des-bg.png) no-repeat; z-index: -1; background-size: cover; }
.history .item .des-box .icon{ float: right; margin-top: 0.05rem; width: 0.18rem; height: 0.17rem; background: url(../images/history-des-icon.png) no-repeat; background-size: cover; }
.history .item .des-box:hover h2{ color: #D7000E; }
.history .item .des-box:hover .icon{ background-image: url(../images/history-des-icon-1.png); }


.history .item .date{ font-size: 0.16rem; color: #D7000E; font-weight: bold; text-align: center; }


.history .swiper-slide:nth-child(even){ justify-content: flex-end; }
.history .swiper-slide:nth-child(even) .item{ flex-direction: column-reverse; }
.history .swiper-slide:nth-child(even) .item .des-box{ padding-top: 0.35rem; }
.history .swiper-slide:nth-child(even) .item .des-box::after{ transform: rotateZ(-180deg); }
.history .swiper-slide:nth-child(even) .item .des-box::before{ bottom: 0; top: -0.72rem; }

.history .btn{ outline: none;  width: 1.1rem; height: 0.92rem; top: 50%; margin-top: 0; transform: translateY(-50%); }
.history .btn::after{ width: 1.1rem; height: 0.92rem; position: absolute; top: 50%; margin-top: 0; transform: translateY(-50%); outline: none; content: ''; }
.history .btn.swiper-button-prev::after{ left: -0.35rem; background: url(../images/history-btn-bg-prev.png) no-repeat; background-size: cover; }
.history .btn.swiper-button-next::after{ right: -0.35rem; background: url(../images/history-btn-bg-next.png) no-repeat; background-size: cover; }

.footer{ background: #D7000E; position: relative;  }
.footer::after{ content: ''; position: absolute; top: -0.6rem; left: 0; width: 100%; height: 1.15rem; background-size: cover; }
.footer .content{ padding: 0.8rem 0 0.5rem; justify-content: space-between; }
.footer .left ,.footer .left a{ color: #fff; font-size: 0.14rem; }

.footer .left .copyright{  margin-top: 0.4rem; opacity: 0.8; line-height: 0.3rem; }

.footer .right .item{ width:0.82rem; margin-left: 0.2rem; color: #fff; text-align: center; }
.footer .right .item p { margin-top: 0.1rem; }


.page{ padding-top: 0.95rem; }
.n-banner { position: relative; }
.n-banner .content{ position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); justify-content: center; color: #fff; }
.n-banner .content h4{ font-size: 0.48rem; margin-bottom: 0.2rem; }
.n-banner .content p{ font-size: 0.24rem; }


.n-container{ position: relative; }

.crumbs{ background: rgba(255,255,255,1); padding: 0 0.3rem; height: 0.6rem; justify-content: flex-end; color: #999999; position: absolute; z-index: 1; top: -0.6rem; left: 50%; transform: translateX(-50%); overflow-y: auto; white-space: nowrap; }
.crumbs i{ display: inline-block; width: 0.18rem; height: 0.18rem; background: url(../images/crumbs-icon.png) no-repeat; background-size: cover; margin-right: 0.1rem; }
.crumbs a{ color: #999999; }
.crumbs a:hover{ color: #D7000E; }

.activity-page .introduces{ background: url(../images/activity-page-p1-bg.jpg) no-repeat top center; background-size: cover; position: relative; box-shadow: 0 -47px 50px rgba(255,255,255,0.9); padding: 0.57rem 0 0.4rem; }
.activity-page .introduces::after{ content: ''; width: 100%; height: 1px;  position: absolute; top: 0rem; left: 0; }
.activity-page .introduces .content{ align-items: flex-start;  }
.activity-page .introduces .pic{ width: 45%; max-width: 5.89rem; flex-shrink: 0; } 
.activity-page .introduces .text{ padding: 0.35rem 0 0 0.25rem; font-size: 0.16rem;  color: #444444;  }
.activity-page .introduces .text h4{ font-size: 0.2rem; }
.activity-page .introduces .text .info{ padding: 0.15rem 0; color: #666666; }
.activity-page .introduces .text .info p{ margin: 0.1rem 0; }
.activity-page .introduces .text .des{ line-height: 0.3rem; }

.activity-page .video-group .container{ display: flex; flex-wrap: wrap; width: calc(100% + 0.3rem); }
.activity-page .video-group .container .item{ margin-right: 0.3rem; margin-bottom: 0.3rem; position: relative; cursor: pointer; width: calc(33.33% - 0.3rem) ; }
.activity-page .video-group .container .item .pic{ width: 100%; height: 100%; overflow: hidden; }
.activity-page .video-group .container .item .pic::after{ content: ''; width: 0.5rem; height: 0.5rem; background: url(../images/video-btn.png) no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.activity-page .video-group .container .item .pic img{ object-fit: cover; width: 100%; height: 100%; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-page .video-group .container .item:hover .pic img{ transform: scale(1.1); }
.activity-page .video-group .container .item .text{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0.3rem; color: #fff; font-weight: bold; font-size: 0.18rem; }
.activity-page .video-group .container .item .text img{ width: 0.26rem; margin-right: 0.15rem; }
.activity-page .video-group .container .item .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.activity-page .video-group .container .item:nth-child(1){ width: 8.42rem; height: 4.77rem; }
.activity-page .video-group .container .item:nth-child(2){ width: 4.06rem; height: 4.77rem; }


.activity-page .activity-photos{ background: url(../images/activity-photos-bg.png) no-repeat bottom center; }
.activity-page .activity-photos .content{ padding-bottom: 0.7rem; }
.activity-page .activity-photos .mask{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; opacity: 1; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-page .activity-photos .swiper-slide-active .mask{ opacity: 0; }
.activity-page .activity-photos .swiper-slide { position: relative; }
.activity-page .activity-photos .swiper-slide .text{ position: absolute; bottom: 0; left: 0; padding: 0.2rem 0.35rem; color: #fff; font-weight: bold; font-size: 0.18rem;  width: 100%; z-index: 1; box-sizing: border-box; padding-left: 0.5rem; }
.activity-page .activity-photos .swiper-slide .text::after{ content: ''; width: 0.18rem; height: 0.18rem; background: url(../images/photos-icon.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 0.2rem; transform: translateY(-50%); }
.activity-page .activity-photos .swiper-slide::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7;  position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; box-sizing: border-box; }
.activity-page .activity-photos .num{ position: absolute; bottom: 0; right: 1.8rem; font-size: 0.18rem; font-weight: bold; color: #fff; z-index: 2; padding: 0.2rem 0 0.3rem; }

.activity-page .activity-photos .swiper-button{ color: #fff; font-weight: bold; writing-mode: vertical-lr; writing-mode: tb-lr;  background-color: transparent; width: 0.8rem; text-align: left; font-size: 0.16rem; }
.activity-page .activity-photos .swiper-button.swiper-button-next{ right: 0.3rem; background-position-x: 0.55rem; }
.activity-page .activity-photos .swiper-button.swiper-button-prev{ left: 0.3rem; background-position-x: 0rem; }
.activity-page .gallery-thumbs{ margin: 0.5rem 0 0; overflow: hidden; }
.activity-page .thumbs-box{ position: relative; }
.activity-page .thumbs-box .swiper-slide{ height: 0.9rem; position: relative; }
.activity-page .thumbs-box .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.activity-page .thumbs-box .swiper-slide.swiper-slide-thumb-active::after{ background: transparent; border: 4px solid #D7000E; }
.activity-page .thumbs-box .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }


.activity-page .activity-other{ padding-bottom: 0.7rem; }
.activity-page .activity-other .item-list{ display: flex; flex-wrap: wrap; width: calc(100% + 0.3rem); }
.activity-page .activity-other .item-list .item{ width: calc(33.33% - 0.3rem); margin-right: 0.3rem; position: relative; }
.activity-page .activity-other .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-page .activity-other .item-list .item:hover .pic img{ transform: scale(1.1); }
.activity-page .activity-other .item-list .item .pic{ height: 2.48rem; overflow: hidden; }
.activity-page .activity-other .item-list .item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.activity-page .activity-other .item-list .item .text{ background: #D7000E url(../images/activity-page-other-icon.png) no-repeat bottom right; background-size: 0.75rem 0.84rem; padding: 0.25rem; color: #fff; }
.activity-page .activity-other .item-list .item .text h2{ font-size: 0.16rem; }
.activity-page .activity-other .item-list .item .text .des{ margin-top: 0.2rem; opacity: 0.8; line-height: 0.28rem; }

.activity-news .content{ padding-bottom: 0.5rem; }
.activity-news .news-list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.activity-news .news-list .item{ width: 49%; padding: 0.25rem 0; border-bottom: 1px solid #e8e8e8; }
.activity-news .news-list .item .title h2{ font-size: 0.16rem; color: #666666; font-weight: bold; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-news .news-list .item .title h2:hover{ color: #D7000E; }
.activity-news .news-list .item .title .tag{ background: #D7000E; color: #fff; padding: 0.02rem 0.1rem; border-top-right-radius: 0.1rem; border-bottom-left-radius: 0.1rem; margin-right: 0.1rem; font-size: 0.12rem; font-weight: normal; flex-shrink: 0; }
.activity-news .news-list .item .des{ margin-top: 0.15rem; color: #999999; }
.activity-news .news-list .item .des .date{ margin-right: 0.2rem; }
.activity-news .news-list .item .des .date img{ width: 0.16rem; margin-right: 0.1rem; }
.activity-news .news-list .item .des .view img{ width: 0.13rem; margin-right: 0.1rem; }
.loadmore{font-size: 0.16rem; font-weight: bold; margin-top: 0.3rem; color: #999999; justify-content: center; }
.loadmore span{  cursor: pointer; }
.loadmore i{ display: none; width: 0.16rem; height: 0.16rem; background: url(../images/loading.gif) no-repeat; background-size: cover; margin-right: 0.1rem; }
.loadmore.load i{ display: block; }

/* 新闻详情 */
.news-details{ position: relative; }
.news-details .news-banner{ position: absolute; top: .95rem; left: 0; width: 100%; }
.news-details .news-container{ margin-top: 2.4rem; background: #fff; padding: 0 0.5rem; }
.news-details .news-container .title{ text-align: center; padding: 0.2rem 0; }
.news-details .news-container .title h2{ font-size: 0.3rem; margin-bottom: 0.25rem; }
.news-details .news-container .title .des{ font-size: 0.16rem; color: #999999; justify-content: center; }
.news-details .news-container .title .des span{ margin: 0 0.1rem; }
.news-details .news-container .title .share{ position: relative;  z-index: 1; justify-content: center; margin-top: 0.3rem; }
.news-details .news-container .title .share::after{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e8e8e8; z-index: -1; }
.share .bshare-custom{ background: #fff; padding: 0 0.2rem; }
.share .bshare-custom a{ width: .4rem; height: .4rem; margin: 0 0.2rem; background-size: cover; background-position: center; }
.share .bshare-custom a.bshare-sinaminiblog{ background-image: url(../images/share-icon1.png); }
.share .bshare-custom a.bshare-linkedin{ background-image: url(../images/share-icon2.png); }
.share .bshare-custom a.bshare-weixin{ background-image: url(../images/share-icon3.png); }

.news-details .n-container{ padding-bottom: 0.8rem; }
.news-details .news-container .info{ line-height: 30px; font-size: 14px; }
.news-details .news-container .info img{ width: auto; }
.news-details .news-container .info p{ line-height: 30px; }

.news-details .bottom{ margin-top: 0.5rem; color: #999; font-size: 16px; justify-content: space-between; }
.news-details .bottom .share .bshare-custom{ padding: 0 0rem; }
.news-details .bottom .share .bshare-custom a{ margin: 0 0.1rem; }
.news-details .bottom .back{ font-size: 0.16rem; color: #D7000E; padding: 5px 30px; border: 2px solid #D7000E; border-radius: 20px; font-weight: bold; }
.news-details .bottom .back:hover{ color: #fff; background: #D7000E; }
.news-details .activity-news{ background: #f8f8f8; padding: 0.4rem 0.5rem 0.8rem; margin-top: 0.6rem; }
.news-details .activity-news .title{ font-size: 0.3rem; color: #D7000E; }



/* 新闻中心 -- 焦点新闻 */
.news-center-page{ padding-bottom: 1rem; }
.news-center-page .tab-nav{  }
.news-center-page .tab-nav{ background: #fbfbfb; }
.news-center-page .tab-nav .content{ justify-content: center; border-bottom: 1px solid #e8e8e8; }
.news-center-page .tab-nav a{ font-size: 0.3rem; font-weight: bold; color: #666666; margin: 0 0.45rem; padding: 0.15rem 0;  border-bottom: 0.03rem solid transparent; }
.news-center-page .tab-nav a.active,.news-center-page .tab-nav a:hover{ color: #D7000E;  border-bottom-color:#D7000E; }
.news-center-news .big-item{ background: #fbfbfb; padding: 0.6rem 0; }
.news-center-news .big-item .content{ display: grid; grid-template-columns: 2fr 1fr;  grid-template-rows: repeat(2, 2.22rem); grid-gap: 0.2rem 0.2rem; justify-content: space-between; box-sizing: border-box; }
.news-center-news .big-item .content .item:nth-child(1){ grid-area: 1 / 1 / 3 / 2; }
.news-center-news .big-item .item { position: relative; }
.news-center-news .big-item .item .text{ position: absolute; bottom: 0; left: 0; }
.news-center-news .big-item .item .pic,.news-center-news .big-item .item .pic img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }

.news-center-news .big-item .item .news-title{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0.3rem; color: #fff; font-weight: bold; font-size: 0.18rem; }
.news-center-news .big-item .item:hover .pic img{ transform: scale(1.1); }

.news-center-news .m-big-item{ display: none; }

.tag{ background: #D7000E; color: #fff; padding: 0.02rem 0.1rem; border-top-right-radius: 0.1rem; border-bottom-left-radius: 0.1rem; margin-right: 0.1rem; flex-shrink: 0; font-size: 0.14rem; font-weight: normal; }
.news-center-news .big-item .item .news-title::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.news-title p{ flex-shrink: 6; }
.news-title .hot{ width: 0.15rem; height: 0.17rem; background: url(../images/hot-icon.png) no-repeat; background-size: cover; margin-left: 0.15rem; }

.news-center-news .list-item{ padding: 0.6rem 0; }
.news-center-news .list-item::after{ content: ''; width: 2.40rem; height: 2.46rem; background: url(../images/news-center-news-bg.png) no-repeat; background-size: cover; position: absolute; bottom: -0.5rem; right: 1rem; }.news-center-news .list-item .item{ background: #fff; align-items: flex-start; margin-bottom: 0.4rem; }
.news-center-news .list-item .item .pic{ width: 4.07rem; height: 2.32rem; overflow: hidden; flex-shrink: 0; }
.news-center-news .list-item .item .pic img{ object-fit: cover; height: 100%; }
.news-center-news .list-item .item .text{ padding: 0.48rem 0 0 0.68rem; width: calc(100% - 4.07rem); }
.news-center-news .list-item .item .text .news-title p{ font-size: 0.18rem; font-weight: bold; }
.news-center-news .list-item .item .text .des{ margin: 0.2rem 0; color: #999999; }
.news-center-news .list-item .item .text .des .author{ margin-right: 0.3rem; }
.news-center-news .list-item .item .text .des .author img{ width: 0.15rem; margin-right: 0.1rem; }
.news-center-news .list-item .item .text .des .view img{ width: 0.13rem; margin-right: 0.1rem; }
.news-center-news .list-item .item .text .info{ width: calc(100% - 1.5rem); padding-right: 0.6rem; }  
.news-center-news .list-item .item .text .info .y-line-2{ line-height: 0.28rem; color: #666666; font-size: 0.16rem; }
.news-center-news .list-item .item .text .date{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.14rem; width: 1.6rem; color: #555555; position: relative; }
.news-center-news .list-item .item .text .date::after{ content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 0.9rem; transform: translateY(-50%); background: #c2c2c2; }
.news-center-news .list-item .item .text .date .day{ font-size: 0.48rem; font-weight: bold; }
.news-center-news .list-item .item:hover{ background: #fafafa; box-shadow: 3px 3px 10px rgba(204, 204, 204, 0.75); }


/* 新闻中心 -- 精彩图集 */
.news-center-photos .tab-nav,.news-center-video .tab-nav{ background: #fff; }
.anchor .content{ justify-content: center; padding: 0.45rem 0; }
.anchor span{ padding: 0 0.4rem 0 0.15rem; height: 0.4rem; line-height: 0.4rem; margin: 0 0.16rem; background: #fff; border: 1px solid #D7000E; color: #666666; font-size: 0.16rem; box-shadow: 5px 5px 0 rgba(0, 50, 150, 0.2); cursor: pointer; position: relative; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.anchor span::after{ content: ''; width: 0.19rem; height: 0.16rem; background: url(../images/anchor-icon.png) no-repeat; background-size: cover; position: absolute; top: 50%; right: 0.15rem; transform: translateY(-50%); transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.anchor span.active,.anchor span:hover{ color: #fff; background: #D7000E; }
.anchor span.active::after,.anchor span:hover::after{ background-image: url(../images/anchor-icon-c.png); }

.news-center-page .type-list .group{ padding-bottom: 0.5rem; }
.news-center-page .type-list .group .title{ font-size: 0.24rem; color: #444444; font-weight: bold; background: url(../images/activity-list-page-item-title-icon.png) no-repeat; background-size: 0.39rem 0.38rem; line-height: 0.45rem; padding-left: 0.15rem; }
.news-center-page .type-list .group .item-list{ padding: 0.3rem 0; display: flex; flex-wrap: wrap; width: 100%; }
.news-center-page .type-list .group .item-list .item{ width: calc(25% - 0.075rem); margin: 0 0.1rem 0.1rem 0; cursor: pointer; overflow: hidden; }
.news-center-page .type-list .group .item-list .item:nth-child(4n){ margin-right: 0; }
.news-center-page .type-list .group .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; width: 100%; height: 100%; object-fit: cover; }
.news-center-page .type-list .group .item-list .item:hover .pic img{ transform: scale(1.1); }

.news-center-page .type-list .group .item-list .item:nth-of-type(n + 9){ display: none; }
.news-center-page .type-list .group.open .item-list .item{ display: block; }

.news-center-page .type-list .group .unfold{ justify-content: center; }
.news-center-page .type-list .group .unfold span{ font-size: 0.16rem; color: #D7000E; border: 2px solid #D7000E; border-radius: 0.2rem; padding: 0.05rem 0.25rem 0.05rem 0.55rem; position: relative; cursor: pointer; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news-center-page .type-list .group .unfold span::after{ content: ''; position: absolute; left: 0.3rem; top: 50%; width: 0.18rem; height: 0.11rem; margin-top: -0.055rem; background: url(../images/unfold-icon.png) no-repeat; background-size: cover; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news-center-page .type-list .group .unfold span:hover{ background: #D7000E; color: #fff; }
.news-center-page .type-list .group .unfold span:hover::after{ background-image: url(../images/unfold-icon-c.png); }
.news-center-page .type-list .group.open .unfold span::after{ transform: rotateX(-180deg); }

.news-center-page .note h2{ font-size: 0.18rem; color: #444444; margin-bottom: 0.3rem; }
.news-center-page .note h2 img{ margin-right: 0.1rem; width: 0.18rem; }
.news-center-page .note p{ line-height: 0.3rem; font-size: 0.16rem; }


.photos-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 99999; display: none; }
.photos-popup .swiper{ position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); width: 9.18rem; max-width: 80%; color: #fff; }
.photos-popup .swiper .swiper-container{ width: 9.18rem; max-width: 100%; }
.photos-popup .swiper .close{ font-size: 0.16rem; position: absolute; top: -0.5rem; right: 0; cursor: pointer; }
.photos-popup .swiper .close img{ width: 0.18rem;margin-left: 0.08rem; }
.photos-popup .swiper .des{ text-align: center; padding: 0.15rem 0; line-height: 0.30rem; }
.photos-popup .swiper .swiper-pagination{ bottom: auto; top: -0.3rem; font-weight: bold; }
.photos-popup .swiper .swiper-button-next{ right: -0.5rem; outline: none; }
.photos-popup .swiper .swiper-button-prev{ left: -0.5rem; outline: none; }
.photos-popup .swiper .swiper-button-next:after,.photos-popup .swiper .swiper-button-prev:after{ color: #fff; }

/* 新闻中心 -- 精彩视频 */
.news-center-video .type-list .group .item-list .item{ margin-right: 0.3rem; margin-bottom: 0.3rem; position: relative; cursor: pointer; width: calc(33.33% - 0.20rem) ; }
.news-center-video .type-list .group .item-list .item:nth-child(3n){ margin-right: 0; }
.news-center-video .type-list .group .item-list .item:nth-child(4n){ margin-right: 0.3rem; }
.news-center-video .type-list .group .item-list .item:nth-of-type(n + 7){ display: none; }
.news-center-video .type-list .group.open .item-list .item{ display: block; }
.news-center-video .group .item .pic{ width: 100%; height: 100%; overflow: hidden; }
.news-center-video .group .item .pic::after{ content: ''; width: 0.5rem; height: 0.5rem; background: url(../images/video-btn.png) no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.news-center-video .group .item .pic img{ object-fit: cover; width: 100%; height: 100%; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news-center-video .group .item:hover .pic img{ transform: scale(1.1); }
.news-center-video .group .item .text{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0.2rem; color: #fff; font-weight: bold; font-size: 0.18rem; }
.news-center-video .group .item .text img{ width: 0.26rem; margin-right: 0.15rem; }
.news-center-video .group .item .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }




/* 分页按钮 */
.laypage { position: relative; z-index: 3; }
.laypage .content{ justify-content: center; }
.laypage .pager{ padding: 0 0.2rem; }
.laypage .pager a{ border: 1px solid #dddddd; height: 0.38rem; line-height: 0.38rem; margin: 0 0.02rem; padding: 0 0.2rem; }
.laypage .pager a i{ display: inline-block; width: 0.05rem; height: 0.09rem; background: url(../images/laypage-icon.png) no-repeat; background-size: cover; margin-right: 0.1rem; }
.laypage .pager a.next-btn i{ transform: rotateZ(-180deg); margin-right: 0; margin-left: 0.1rem; }
.laypage .pager .list a{ padding: 0 0.1rem; }
.laypage .pager a:hover,.laypage .pager a.active{ color: #fff; background: #D7000E; border-color: #D7000E; }
.laypage .pager a:hover i,.laypage .pager a.active i{ background-image: url(../images/laypage-icon-c.png); }


/* 冬奥百科 */
.baike-page{ position: relative; z-index: 1; }
.baike-page .banner-bg{ position: absolute; top: 0.95rem; left: 0; width: 100%; z-index: -1; }
.baike-page .baike-main .top{ justify-content: space-between; padding: 0.4rem 0.2rem; }
.baike-page .baike-main .top .baike-crumbs{ color: #fff; }
.baike-page .baike-main .top .baike-crumbs a{ color: #fff; }
.baike-page .baike-main .top .baike-crumbs a:hover{ color: #D7000E; }
.baike-page .baike-main .top .baike-crumbs i{ display: inline-block; width: 0.16rem; height: 0.16rem; background: url(../images/crumbs-icon-b.png) no-repeat; background-size: cover; margin-right: 0.1rem; }
.baike-page .recommend-list{ width: 100%; background: url(../images/recommend-list-bg.jpg) no-repeat; background-size: cover; padding: 0.3rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 20px;grid-row-gap: 20px;}

.baike-page .recommend-list .item{ position: relative; height: 1.34rem; }
.baike-page .recommend-list .item:nth-child(1){ grid-area: 1 / 1 / 4 / 2; height: 3.39rem; }
.baike-page .recommend-list .item:nth-child(2){ grid-area: 3 / 1 / 4 / 2; height: 0.83rem; margin-top: 0.51rem; }
.baike-page .recommend-list .item:nth-child(1) .tag{ position: absolute; top: 0; left: 0; width: 1.27rem; height: 0.44rem; background: url(../images/baike-icon1.png) no-repeat; background-size: cover; font-size: 0.18rem; text-align: center; line-height: 0.35rem; font-weight: bold; border-radius: 0; z-index: 1; }
.baike-page .recommend-list .item:nth-child(1) .text{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0.2rem; color: #fff; font-weight: bold; font-size: 0.18rem; }
.baike-page .recommend-list .item:nth-child(1) .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.baike-page .recommend-list .item .pic img,.baike-page .recommend-list .item .pic{ width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.baike-page .recommend-list .item.right-item .pic{ width: 2.34rem; height: 1.34rem; flex-shrink: 0; }
.baike-page .recommend-list .item.right-item .text{ padding-left: 0.25rem; color: #fff; }
.baike-page .recommend-list .item.right-item .text h4{ font-size: 0.18rem; }
.baike-page .recommend-list .item.right-item .text p{ font-size: 0.16rem; line-height: 0.28rem; margin-top: 0.1rem; }
.baike-page .recommend-list .item.right-item .text .n-tag{ width: 0.89rem; height: 0.37rem; color: #fff; font-weight: bold; font-size: 0.16rem; font-style: italic; text-align: center; line-height: 0.28rem; }
.baike-page .recommend-list .item.right-item .text .n-tag.new{ background: url(../images/recommend-tag1.png) no-repeat; background-size: cover; }
.baike-page .recommend-list .item.right-item .text .n-tag.hot{ background: url(../images/recommend-tag2.png) no-repeat; background-size: cover; }
.baike-page .recommend-list .item:hover .pic img{ transform: scale(1.1); }
.baike-page .recommend-list .item:hover .text{ opacity: 0.8; }


.baike-page .other-list{ padding: 0.3rem 0 0.8rem; }
.baike-page .other-list .item{ background: #fff; padding: 0.25rem 0.3rem; display: block; margin-bottom: 0.2rem; position: relative; }
.baike-page .other-list .item .title{ font-size: 0.18rem; padding-left: 0.3rem; background: url(../images/other-list-title-icon.png) no-repeat left center; background-size: 0.18rem 0.16rem; margin-bottom: 0.3rem; font-weight: bold; }
.baike-page .other-list .item .info .pic{ width: 2.49rem; height: 1.42rem; flex-shrink: 0; }
.baike-page .other-list .item .info .pic img{ width: 100%; height: 100%; object-fit: cover; }
.baike-page .other-list .item .info .text{ padding: 0 0.3rem 0.4rem; }
.baike-page .other-list .item .info .text p{ font-size: 0.16rem; line-height: 0.28rem; }
.baike-page .other-list .item .des{ justify-content: space-between; position: absolute; bottom: 0.3rem; left: 0; padding-left: 3.09rem; width: 100%; padding-right: 0.3rem; }
.baike-page .other-list .item .des span{ margin-right: 0.3rem; color: #999999; cursor: pointer; }
.baike-page .other-list .item .des span img{ margin-right: 0.05rem; }
.baike-page .other-list .des .btn{ font-size: 0.16rem; color: #D7000E; font-weight: bold; border: 2px solid #D7000E; padding: 0.03rem 0.2rem; border-radius: 0.2rem; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;}
.baike-page .other-list .btn i{ display: inline-block; width: 0.19rem; height: 0.16rem; background: url(../images/arrow-icon.png) no-repeat; background-size: cover; }
.baike-page .other-list .btn:hover{ background: #D7000E; color: #fff; }
.baike-page .other-list .btn:hover i{ background-image: url(../images/arrow-icon-w.png); }

.baike-page .other-list .item:hover{ background: #fafafa; box-shadow: 3px 3px 10px rgba(204, 204, 204, 0.75); }
.baike-page .other-list .item:hover .title{ color: #D7000E; background-image: url(../images/other-list-title-icon-c.png); }

.share .bshare-custom{ background: transparent; }
.baike-page .other-list .item .share a,.details-container .share a{ width: 0.25rem; height: 0.25rem; margin: 0 0.1rem; }
.baike-page .other-list .item .share .bshare-custom,.details-container .title-head .share .bshare-custom{ display: none; }


/* 百科详情 */
.baike-details-page .n-banner .content{ justify-content: space-between; padding: 0 1.45rem 0 0.5rem; }

.baike-details-page .n-banner .content .right video{ width: 5.4rem; height: 100%; object-fit: contain; }
.baike-details-page .n-banner .content .right{ box-shadow: 20px 20px 0 #20499e; height: 3.05rem; }
.baike-details-page .n-banner .content .left h4{ font-size: 0.3rem; }
.baike-details-page .n-banner .content .left .tag{ width: 0.89rem; height: 0.37rem; background: url(../images/recommend-tag1.png) no-repeat; background-size: cover; border-radius: 0; text-align: center; font-style: italic; font-weight: bold; line-height: 0.26rem; font-size: 0.16rem; margin-bottom: 0.1rem; }
.baike-details-page .n-banner{ height: 4.95rem; }
.baike-details-page .n-banner img{ width: 100%; height: 100%; object-fit: cover; }
.baike-details-page .n-banner .content{ padding-bottom: 0.8rem; }

.details-container{ padding: 0.2rem 0.5rem 0.8rem; position: relative; z-index: 1; }
.details-container::after{ content: ''; width: 3.17rem; height: 3.78rem; background: url(../images/news-center-news-bg.png) no-repeat; background-size: cover; position: absolute; bottom: 0; right: -0.8rem; z-index: -1; }
.details-container .title-head{ padding-bottom: 0.3rem; border-bottom: 1px solid #e8e8e8; }
.details-container .title-head .title{ align-items: flex-start; font-size: 0.16rem; color: #444444; line-height: 0.3rem; }
.details-container .title-head .title i{ width: 0.18rem; height: 0.18rem; background: url(../images/baike-details-title-icon.png) no-repeat; background-size: cover; flex-shrink: 0; margin-right: 0.1rem; margin-top: 0.05rem; }
.details-container .title-head .des{ margin-top: 0.25rem; color: #999; }
.details-container .title-head .des span{ margin-right: 0.3rem; color: #999999; cursor: pointer; }
.details-container .title-head .des span img{ margin-right: 0.05rem; }
.details-container .details-info { padding: 0.3rem 0; font-size: 16px; line-height: 0.3rem; }
.details-container .details-info img{ width: auto; }
.details-container .details-info .info-tag{ width: 0.97rem; height: 0.3rem; background: url(../images/baike-icon1.png) no-repeat; background-size: cover; font-size: 0.16rem; text-align: center; line-height: 0.3rem; font-weight: bold; border-radius: 0; color: #fff;  }
.details-container .details-info .subtitle{ font-size: 20px; padding-left: 0.2rem; position: relative; font-weight: bold; color: #666666; }
.details-container .details-info .subtitle::after{ content: ''; width: 0.09rem; height: 0.15rem; background: #D7000E; position: absolute;left: 0; top: 0.06rem; }
.details-container .answer{ padding: 0.5rem 0 0; }
.details-container .answer .answer-title img { width: 0.77rem; margin-right: 0.1rem; }
.details-container .answer .answer-title{ font-size: 0.12rem; color: #999; align-items: flex-end; padding-bottom: 0.1rem; border-bottom: 1px solid #e8e8e8; }
.details-container .answer .item-list{ padding-bottom: 0.4rem; }
.details-container .answer .item-list .item{ padding-top: 0.4rem; }
.details-container .answer .item .item-title i{ width: 0.3rem; height: 0.28rem; background: url(../images/answer-item-title-icon.png) no-repeat; background-size: cover; margin-right: 0.1rem; flex-shrink: 0; }
.details-container .answer .item .item-title{ font-size: 0.16rem; align-items: flex-start; }
.details-container .answer .item .item-info{ line-height: 0.3rem; padding: 0.20rem 0 0; font-size: 0.16rem; }
.details-container .bottom{ justify-content: space-between; }
.details-container .bottom .share .bshare-custom{ padding: 0 0rem; }
.details-container .bottom .share .bshare-custom a{ margin: 0 0.1rem; }
.details-container .bottom .back{ font-size: 0.16rem; color: #D7000E; padding: 5px 30px; border: 2px solid #D7000E; border-radius: 20px; font-weight: bold; }
.details-container .bottom .back:hover{ color: #fff; background: #D7000E; }



/* 红色云展厅 */
.publish .content {
    position: relative;
    width: 12.8rem;
    padding-bottom: 0.45rem;
  }
  .publish-container {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 0.0rem);
    padding: 0 0.5rem;
  }
.publish .publish-content .publish-moudle {
    position: relative;
    width: 100%;
    height: 3.4rem;
    overflow: hidden;
    margin: 0 0.26rem 0.26rem 0;
  }
.publish .publish-content .publish-moudle img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
    .publish-content .shadow {
    transition: height 0.3s ease-out;
    position: absolute;
    bottom: 0;
    height: 20%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.15rem;
  }
  .publish-content .shadow .explain {
    color: #fff;
  }
  .publish-content .shadow .explain p {
    display: none;
  }
  
  .publish-content .shadow:hover {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .publish-content .shadow:hover .explain p {
    margin-top: 0.26rem;
    display: block;
  }

  /* 俱乐部风采 */
  #culb {
    
background: #F1F3F6;
  }

/* 返回顶部 */
.back-top{ width: 0.6rem; height: 0.6rem; background: #D7000E url(../images/back-top-icon.png) no-repeat center; background-size: 0.24rem 0.13rem;  position: fixed; bottom: 0.5rem; right: 0.2rem; cursor: pointer; display: none; z-index: 4; }

/* 视频弹出框 */
.video-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10; display: none; }
.video-popup .video-play-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 0.04rem solid #fff; height: 4.43rem;  background: #000; }
.video-popup .video-play-box video{ height: 100%; object-fit: contain;}
.video-popup .close-video{ width: 0.4rem; height: 0.4rem; position: absolute; top: -0.04rem; right: -0.45rem; cursor: pointer; }

@media screen and (max-width: 1380px) {

    .content{ width: 88%; }

    .video-list .item-list .left{ width: 65%; }
    .video-list .item-list .right{ width: 34.5%; }
    .header .content{ height: 0.75rem; }
    .header .logo img{ width: 0.9rem; }
    .header .right-c .nav li{ line-height: 0.75rem; }
    .header .right-c .nav li .drop-down,.baike-page .banner-bg{ top: 0.75rem; }
    .banner,.page { padding-top: 0.75rem; }
    .news-details .news-banner{ top: 0.75rem; }
    .download .content{ padding-right: 0.5rem; }
    .activity-page .video-group .container .item{ width: calc(33.33% - 0.3rem); }
    .activity-page .video-group .container .item:nth-child(1){ width: calc(66.66% - 0.3rem) ; }
    .activity-page .video-group .container .item:nth-child(2){ width: calc(33.33% - 0.3rem); }

    .publish .publish-content .publish-moudle {
      height: 3.98rem;
    }
}


@media screen and (max-width: 860px) {
    body,html{ overflow-x: hidden; }
    .header .right-c .nav{ display: none; }
    .banner .rs-arrows .rs-next, .banner .rs-arrows .rs-prev{ width: 0.25rem; height: 0.25rem; }
    .banner .rs-arrows .rs-next{ right: 0.1rem; }
    .banner .rs-arrows .rs-prev{ left: 0.1rem; }
    .baike-page .banner-bg{ top: 0.7rem; }

    .header .right-c .menu{ margin-left: 0.1rem; }
    .header .right-c .search .search-btn{ margin-left: 0.15rem; }

    .introduce .content{ flex-direction: column; }
    .introduce .left{ flex-direction: column; padding: 0.2rem 0 0; }
    .introduce .left .title{ text-align: center; padding-right: 0; margin-bottom: 0.2rem; font-size: 0.26rem; width: 100%; }
    .introduce .left .info {
      padding: 0.2rem;
    }
    .introduce .right { margin-top: 0; padding-top: 0.2rem; }


    .module-title{ padding: 0.25rem 0; }
    .module-title .text{ font-size: 0.26rem; }
    .module-title .more{ font-size: 0.14rem; }
    .news .item-list{ padding-bottom: 0.2rem; }
    .news .item-list .item{ width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.2) }
    .news .item-list .item:nth-child(n+4){ display: none; }


    .activity{ padding-bottom: 0.4rem; }
    .activity .swiper-slide{ flex-direction: column; }
    .activity .swiper-slide{ height: auto; margin-bottom: 0.1rem; }
    .activity .swiper-slide .text{ padding: 0 0.2rem 0.2rem; font-size: 0.16rem; }

    .special .swiper-button{ display: none; }
    .special .swiper-slide{ width: 5.2rem; height: 2.40rem; }
    .special .swiper-pagination{ width: 100%; text-align: center; margin-top: 0.1rem; display: block; }
    .special .swiper-pagination span{ width: 0.13rem; height: 0.13rem; background: #fff; margin: 0 0.1rem; outline: none; }


    .download .pic{ display: none; }
    .download .content{ padding: 0.4rem 0; }
    .download .left{ padding-right: 0; }
    .download .left .title{ text-align: center; font-size: 0.38rem; }
    .download .left .subtitle{ text-align: center; font-size: 0.26rem; }
    .download .left .btn{ justify-content: center; }
    .download .left .btn a{ font-size: 0.14rem; }
    .download .left .btn a img{ width: 0.23rem; }

    .video-list .content{ padding-bottom: 0.2rem; }
    .video-list .item-list{ flex-direction: column; margin-top: 0; }
    .video-list .item-list .left .left-b{  margin-top: 0.0rem; align-items: flex-start; }
    .video-list .item-list .left .left-b .item{ width: 49%; }
    .video-list .item-list .left{ width: 100%; }
    .video-list .item-list .right{ width: 100%; display: none; }
    .video-list .item-list .item{ margin-bottom: 0.0rem; }
    .video-list .item-list .item .item-title{ padding: 0 0.1rem; font-size: 0.16rem; height: auto; padding: 0.1rem 0; position: relative; background: transparent; color: #000; font-weight: normal; }
    .video-list .item-list .item .item-title img{ width: 0.2rem; display: none; }
    .video-list .item-list .item .item-title span{ white-space: normal; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  }
    .video-list .pic-box::after{ top: 50%; }
    .video-list .left>.item .pic-box{ height: 2rem; }
    .video-list .left>.left-b .item .pic-box{ height: 1.0rem; }

    .thumbs-box{ display: none; }
    .photos .content{ padding-bottom: 0.4rem; }
    .photos .gallery-top .text{ padding: 0.1rem 0.2rem; font-size: 0.14rem; }
    .photos .gallery-top .num{ padding: 0.1rem 0; right: 0.2rem; font-size: 0.14rem; }
    .photos .gallery-top .swiper-button{ display: none; }

    .history .container{ padding: 0 0.5rem; }

    .history{ height: auto; }
    .history .swiper-container{ padding-right: 0; }
    .history .swiper-slide{ align-items: center; }
    .history .swiper-slide:nth-child(even){ justify-content: flex-start; }
    .history .swiper-slide:nth-child(even) .item{ flex-direction: column; }
    .history .swiper-slide:nth-child(even) .item .des-box::after{ transform: rotateZ(0); }
    .history .swiper-slide:nth-child(even) .item .des-box::before{ top: auto; bottom: -0.72rem;  }
    .history .swiper-slide:nth-child(even) .item .des-box{ padding-top: 0.2rem; } 


    .footer .content{ flex-direction: column; padding: 0.5rem 0 0.3rem; }
    .footer .right{ justify-content: center; margin-top: 0.2rem; }
    .footer .right .item{ margin: 0 0.1rem; }


    .menuBox {top:0rem;background-color:rgba(255,255,255,1); padding-top: 0.7rem; }
    .menuBox .content>ul li>p span {display:none;}
    .menuBox .content {width:100%;position:static;transform:translate(0);}
    .menuBox .content>ul li {width:100%;margin-right:0rem;}
    .menuBox .content>ul li>p {padding:0rem 4%;margin-bottom:0rem;height:0.46rem;line-height:0.46rem;font-size:0.16rem;background:url(https://www.iyuhong.com.cn/images/wapico1.png) no-repeat 96% center;border-bottom:0.01rem solid #eee;}
    .menuBox .content>ul li>p.cur a {color:#D7000E;}
    .menu_li_c>div {display:none;}
    .menu_li_c>p a {font-size:0.14rem;}
    .menu_li_c>div a {display:block;padding:0rem 10%;line-height:0.3rem;color:#666;margin-left:0rem;}
    .menu_list {background:#f5f5f5;display:none;}
    .menuBox .content>ul li.cur .menu_list {display:block;}
    .menu_li_c>p {padding:0rem 6%;line-height:0.36rem;}
    .menu_li_c>p a {display:inline-block;padding-left:0rem}
    .menu_li_c>p a.cur {color:#D7000E;}
    .menu_li_c>p.on {background:url(https://www.iyuhong.com.cn/images/wapico1.png) no-repeat 96% center;}
    .menu-handler.active .burger {background:#D7000E;}
    .menu-handler.active {background:none;}
    .menuBox .content>ul li.hide {display:block;}
    .menuBox .content>ul li.hide>h2 {background:none;}

    .header .right-c .menu {
      display: block;
    }


    .video-popup .video-play-box{ height: 2.2rem; width: 90%; }
    .video-popup .close-video{ top: -0.45rem; right: -0.04rem; }


    .n-banner img{ width: 100%; height: 100%; object-fit: cover; }
    .n-banner .content h4{ font-size: 0.3rem; }
    .n-banner .content p{ font-size: 0.2rem; }
    .crumbs{ position: relative; background: #fff; transform: translate(0,0); justify-content: flex-start; padding: 0; top: 0; left: 0; width: 100%; padding: 0 0.2rem; }



    .activity-page .introduces{ padding: 0.4rem 0; }
    .activity-page .introduces .content{ flex-direction: column; }
    .activity-page .introduces .pic{ width: 100%; }
    .activity-page .introduces .text{ padding-left: 0; }

    .activity-page .video-group .content{ padding-bottom: 0.2rem; }
    .activity-page .video-group .container{ width: 100%; justify-content: space-between; }
    .activity-page .video-group .container .item{ margin-right: 0rem; margin-bottom: 0rem; }
    .activity-page .video-group .container .item:nth-child(2),.activity-page .video-group .container .item:nth-child(5){ display: none; }

    .activity-page .video-group .container .item:nth-child(1){ width: 100%; height: auto; }
    .activity-page .video-group .container .item .pic{ height: 2rem; }
    .activity-page .video-group .container .item:nth-child(3),.activity-page .video-group .container .item:nth-child(4){ width: 49%; }
    .activity-page .video-group .container .item:nth-child(3) .pic,.activity-page .video-group .container .item:nth-child(4) .pic{ height: 1rem; }
    .activity-page .video-group .container .item:nth-child(3) .pic::after,.activity-page .video-group .container .item:nth-child(4) .pic::after{ width: 0.35rem; height: 0.35rem; }

    .activity-page .video-group .container .item .text{ padding: 0 0.1rem; font-size: 0.16rem; height: auto; padding: 0.1rem 0; position: relative; background: transparent; color: #000; font-weight: normal; position: relative; }
    .activity-page .video-group .container .item .text img{ width: 0.2rem; display: none; }
    .activity-page .video-group .container .item .text span{ white-space: normal; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .activity-page .video-group .container .item .text::after{ display: none; }
    .activity-page .activity-photos .swiper-slide .pic{ height: 100%; }
    .activity-page .activity-photos .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; }
    .activity-page .activity-photos .swiper-slide .text{ font-size: 0.16rem; padding: 0.2rem 0.2rem 0.2rem 0.4rem; }
    .activity-page .activity-photos .num{  display: none;}
    .activity-page .special .swiper-pagination span{ background: #D7000E; margin: 0 0.05rem; }


    .activity-page .activity-other{ padding-bottom: 0.4rem; }
    .activity-news .news-list .item{ width: 100%; }
    .activity-page .activity-other .item-list .item{ width: 100%; margin-bottom: 0.2rem; }
    .activity-page .activity-other .item-list .item .pic{ height: 1.8rem; }
    .activity-page .activity-other .item-list .item .text{ padding: 0.2rem; }
    .activity-page .activity-other .item-list{ width: 100%; }



    .activity-news .news-list .item{ width: 100%; }

    .news-details .news-banner{ top: 0.7rem; height: 2rem; }
    .news-details .news-banner img{ width: 100%; height: 100%; object-fit: cover; }
    .news-details .news-container{ margin-top: 0; }
    .news-details { padding-top: 2rem; }
    .news-details .news-container { padding: 0 ; }
    .news-details .news-container .title h2{ font-size: 0.2rem; }
    .news-details .news-container .title .des{ font-size: 0.12rem; }
    .share .bshare-custom a{ width: 0.25rem; height: 0.25rem; }
    .news-details .activity-news{ padding: 0.2rem; }



    .news-center-page .tab-nav .content{ justify-content: space-evenly; }
    .news-center-page .tab-nav a{ font-size: 0.20rem; padding: 0.2rem 0; margin: 0 0.1rem; }

    .news-center-news .big-item{ display: none; }
    .news-center-news .big-item,.news-center-news .list-item{ padding: 0.2rem 0; }
    .news-center-news .big-item .content{ grid-template-columns: 1fr; }
    .news-center-news .big-item .content .item:nth-child(1){ grid-area: auto; }
    .news-center-news .big-item .item .news-title{ padding: 0.2rem; font-size: 0.16rem; }

    .news-center-news .m-big-item{ display: block; width: 88%; margin: 0 auto; }
    .news-center-news .m-big-item a{ display: block; width: 100%; height: 100%; }
    .news-center-news .m-big-item .swiper-slide{ height: auto; }
    .news-center-news .m-big-item .swiper-pagination{ bottom: 0; left: 0; width: 100%; }
    .news-center-news .m-big-item .swiper-pagination span{ margin: 0 0.05rem; }


    .news-center-news .list-item .item{ margin-bottom: 0.2rem; }
    .news-center-news .list-item .item .pic{ width: 1.55rem; height: 1rem; }
    .news-center-news .list-item .item .text{ width: calc(100% - 80px); padding: 0 0.1rem; flex-direction: column; }
    .news-center-news .list-item .item .text .info{ width: 100%; padding-right: 0; }
    .news-center-news .list-item .item .text .des,.news-center-news .list-item .item .text .info .y-line-2{ display: none; }
    .news-center-news .list-item .item .text .news-title p{ flex-shrink: 10; overflow: hidden; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; font-weight: normal; font-size: 0.16rem; line-height: 0.28rem; }
    .news-center-news .list-item .item .text .news-title .tag,.news-center-news .list-item .item .text .news-title .hot{ display: none; }
    .news-center-news .list-item .item .text .date{ width: 100%; display: none; }
    .news-center-news .list-item .item .text .date::after{ border: 0; border-top: 1px solid #c2c2c2; width: 100%; height: 100%; background: transparent; }


    .laypage .des{ display: none; }
    .laypage .pager a.pager-btn{ display: none; }


    .anchor .content{ overflow-y: auto; padding: 0.2rem 0; justify-content: flex-start; }
    .anchor span{ flex-shrink: 0; }
    .news-center-photos .type-list .group{ padding-bottom: 0.2rem; }
    .news-center-photos .type-list .group .unfold span{ font-size: 0.14rem; padding: 0.05rem 0.15rem 0.05rem 0.35rem; }
    .news-center-photos .type-list .group .unfold span::after{ left: 0.13rem; }
    .news-center-photos .type-list .group .item-list{ padding: 0.2rem 0; }
    .news-center-photos .type-list .group .item-list .item{ width: calc(50% - 0.05rem); }
    .news-center-photos .type-list .group .item-list .item.item:nth-child(4n){ margin-right: 0.1rem; }
    .news-center-photos .type-list .group .item-list .item.item:nth-child(2n){ margin-right: 0; }

    .photos-popup .swiper .swiper-button-next{ right: -0.3rem; top: 40%; }
    .photos-popup .swiper .swiper-button-prev{ left: -0.3rem; top: 40%; }
    .photos-popup .swiper .swiper-button-next::after,.photos-popup .swiper .swiper-button-prev::after{ font-size: 0.22rem; }
    .news-center-video .type-list .group .item-list .item{ width: 100%; margin-right: 0!important; }


    .back-top{ width: 0.4rem; height: 0.4rem; right: 0.1rem; }


    .baike-details-page .n-banner .content{ padding: 0; flex-direction: column; justify-content: center; }
    .baike-details-page .n-banner .content .right{ width: 100%; height: auto; }
    .baike-details-page .n-banner .content .right video{ width: 100%; }
    .details-container{ padding: 0 0 0.8rem; } 

    .baike-page .baike-main .top{ padding: 0.4rem 0 0; flex-direction: column; }
    .baike-page .baike-main .top .search-box .input{ width: 2.2rem; }
    .baike-page .baike-main .top .search-box .input input{ width: 100%; }

    .baike-page .recommend-list{ display: block; padding: 0 0 0.3rem 0;  }
    .baike-page .recommend-list .item{ display: block; height: auto!important; }
    .baike-page .recommend-list .item{ margin-top: 0.2rem!important; }
    .baike-page .recommend-list .item:nth-child(1){ margin-top: 0!important; }
    .baike-page .recommend-list .right-item{ padding: 0 0.2rem; display: flex; }
    .baike-page .recommend-list .item.right-item .pic{ width: 1.55rem; height: 1rem; }
    .baike-page .recommend-list .item.right-item .text{ width: calc(100% - 1.55rem); }
    .baike-page .recommend-list .item.right-item .text h4{ font-size: 0.16rem; }
    .baike-page .recommend-list .item.right-item .text p{ font-size: 0.12rem; }

    .baike-page .other-list .item{ padding: 0; }
    .baike-page .other-list .item .title{ margin-bottom: 0.15rem; }
    .baike-page .other-list .item .info .pic{ width: 1.55rem; height: 1rem; }
    .baike-page .other-list .item .info .text{ overflow: hidden; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; padding: 0 0 0 0.25rem; }
    .baike-page .other-list .item .info .text .des{ display: none; }

    .baike-page .baike-main .top .baike-crumbs{ background: #D7000E; width: 100%; padding: 0.1rem 0.2rem; margin-top: 0.4rem;  }
    .baike-main .content{ width: 100%; }
    .baike-page .other-list .item .des{ display: none; }

    .details-container .title-head .des{ flex-wrap: wrap; margin-top: 0.1rem; }
    .details-container .title-head .des span{ margin-top: 0.1rem; }

    .publish .content,
    .activity-good .content {
      width: 88%;
    }

    .publish .publish-content .publish-moudle {
      width: 100%;
      height: 3.24rem;
    }
}