﻿.centerImg { padding: 1rem; background: #F5F5F5 }
.centerImg img { max-width: 100%; border-radius: 3rem; }
.special { background: #fff; padding: 1rem 1rem 1rem 1rem }
.special-itme { padding: .5rem 0 }
.special-itme .img { position: relative; text-align: center }
.special-itme .img img { max-width: 100%; width: 100%; }
.special-itme .img i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 5rem; height: 5rem; text-align: center; font-size: 2.8rem; background-color: rgba(0,0,0,0.5); color: #fff; line-height: 5rem; text-align: center; border-radius: 50%; }
.special-itme .title { padding: .5rem 0; font-size: 1.2rem; color: #333 }
.special-itme span { display: inline-block }
.special-itme .num { color: #a7b1bc; font-size: 1.15rem; }
.activity { padding: 1rem; }
.activity ul { overflow: hidden; width: 100%; margin-top: 1rem; }
.activity li { width: 49%; padding: .2rem 0 }
.activity li img { max-width: 100%; }
/*轮播*/
.pc-banner { background: #F5F5F5; width: 100%; padding: 0 0 1rem 0; overflow: hidden; }
.swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(1); transform: scale(1); background-color: #ffffff; box-shadow: 0px 0px 27px 3px rgba(83, 87, 94, 0.15); border-radius: 10px; }
.swiper-slide-active, .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); }
.swiper-pagination { position: relative; padding-top: 1rem; }
.swiper-pagination-bullet { background: #dcdcdc; margin-left: 4px; margin-right: 4px; width: 10px; height: 10px; opacity: 1; }
.swiper-pagination-bullet-active { width: 10px; height: 10px; margin-bottom: 0; background: #00d8a0; }

@media screen and (max-width: 900px) {
 .swiper-slide { -webkit-transform: scale(0.8); transform: scale(0.8); }
 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); }
 .swiper-slide a { padding: 5px; border-radius: 7px; }
 .swiper-pagination { position: relative; }
 .swiper-pagination-bullet { background: #dcdcdc; margin-left: 2px; margin-right: 2px; width: 10px; height: 10px; }
 .swiper-pagination-bullet-active { width: 10px; height: 10px; background: #00d8a0; margin-bottom: 0; }
}

.none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.swiper-slide a { display: block; text-align: center; }
.swiper-slide a img { width: 6rem; height: 6rem; border-radius: 50%; margin-top: .5rem; }
.swiper-slide a h1 { font-size: 1.3rem; font-weight: 100; font-stretch: normal; letter-spacing: 0rem; color: #3b516c; padding: .5rem; margin: 0 }
.swiper-slide p { font-weight: normal; font-stretch: normal; line-height: 2.2rem; letter-spacing: 0rem; color: #909caa; padding: 0 1rem 1rem 1rem; margin: 0; font-size: 1.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }




/*swipe*/
.carousel { padding: 0 1rem }
.slide { position: relative; max-width: 100%; max-height: 80%; overflow: hidden; margin: 0px auto; border-radius: 1rem; }
.slide:after { content: ''; display: block; width: 100%; padding-top: 50%; }
.slide ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slide li { list-style: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slide li:first-child { z-index: 1; }
.slide li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; border-radius: 1rem; }
.slide .slide-desc { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; overflow: hidden; padding: 5px; width: 100%; color: #fff; font-size: 16px; text-align: center; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }
.slide .dot { position: absolute; right: 10px; bottom: 10px; z-index: 5; font-size: 0; }
#slide2 .dot { position: absolute; width: 100%; bottom: 10px; z-index: 5; font-size: 0; text-align: center; margin: 0 auto; }
.slide .dot span { display: inline-block; width: .6rem; height: .6rem; margin-left: 5px; border: 2px solid #fff; border-radius: 50%; }
.slide .dot .cur { background-color: #fff; border: 2px solid #fff; }
.slide-m { background: #f8f8f8; height: 40px; line-height: 40px; vertical-align: middle; margin: 0 auto; }
.slide .txt { overflow: hidden; text-align: center; font-size: 16px; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }


/*赵瑞青 - 开始*/
.slide .dot { right: 0; }
.slide .dot span { width: 5px; height: 5px; }
.special-itme { padding-bottom: 1.5rem; }
.special-itme + .special-itme { padding-top: 1.5rem; border-top: 1px solid #f1f1f1; }
.special-itme a { display: block; }
.special-itme .img img { display: block; -webkit-border-radius: .7rem; -moz-border-radius: .7rem; border-radius: .7rem; }
.special-itme .img i { background-color: rgba(0,0,0,.3); width: 4.2rem; height: 4.2rem; line-height: 4.2rem; font-size: 2.5rem; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.special-itme .title { display: block; overflow: hidden; padding-top: 1.2rem; padding-bottom: .15rem;  }
.special-itme .title span { font-size: 1.15rem; margin-top: .2rem; }
.special-itme .title span.seriesName {  margin: 0; display: inline-block; width: 60%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.special-itme .num { font-size: .9rem; padding-bottom: .1rem; }
.swiper-slide p { font-size: 1rem; line-height: 1.7rem; letter-spacing: .1rem; display: block; max-height: 5.1rem; -webkit-box-orient: none; -webkit-line-clamp: none; padding-bottom: 0; margin-bottom: 1rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.pc-banner { padding: 1rem 0; padding-bottom: 1.5rem; }

.swiper-pagination { padding-top: 1.5rem; }
.swiper-pagination-bullet { margin-left: .4rem; margin-right: .4rem; }
.swiper-pagination-bullet-active { }

@media screen and (max-width: 900px) {
 .swiper-pagination-bullet { margin-left: .4rem; margin-right: .4rem; }
 .swiper-pagination-bullet,
 .swiper-pagination-bullet-active { width: 6px; height: 6px; }
}
.swiper-slide a h1 { color: #333; }
.centerImg { background-color: transparent; padding: 0 1rem; }
.centerImg img { border-radius: 0; }
.activity ul { margin-top: 0; }
.swiper-container { margin-top: 1rem; }
.activity { padding-bottom: 1.6rem; }
/*结束 - 赵瑞青*/
