@charset "utf-8";

/* 学装修与专题 - 共用代码*/
.special-pages .fixed-box { position: fixed; z-index: 33; top: 0; left: 0; right: 0; width: 100%; }
.special-pages .fixed-box .special-nav { position: relative; border-bottom: 1px solid #eee; background-color: #fff; padding: 0 20%; }
.special-pages .fixed-box .special-nav ul { display: flex; }
.special-pages .fixed-box .special-nav ul li { flex: 1; text-align: center; }
.special-pages .fixed-box .special-nav .nav { color: #333; display: inline-block; padding: 12px 3px 12px; font-size: 1.6rem; line-height: 1.2; }
.special-pages .fixed-box .special-nav .active { color: #ff3431; }
.special-pages .fixed-box .special-nav .icon-back { position: absolute; top: 13px; left: 15px; width: 10px; height: 16px; background: url(/uploads/image/tydimages/icon-back-bk.png) no-repeat 0 0; background-size: 100%; }
.special-pages .fixed-box .special-nav .tit { display: block; text-align: center; padding: 12px 0; font-size: 1.6rem; line-height: 1.2; }
.special-pages .fixed-box .sub-nav { background-color: #fff; position: relative; }
.special-pages .fixed-box .sub-nav .swiper-container { padding-right: 50px; }
.special-pages .fixed-box .sub-nav .bg-trans { position: absolute; background: rgba(255, 255, 255, 0.8); z-index: 11; top: 0; bottom: 0; right: 0; width: 36px; }
.special-pages .fixed-box .sub-nav .swiper-slide { margin: 0 1px; }
.special-pages .fixed-box .sub-nav .nav { color: #333; display: inline-block; padding: 10px 10px 10px; font-size: 1.3rem; line-height: 1.2; }
.special-pages .fixed-box .sub-nav .active { color: #ff3431; border-bottom: 2px solid #ff3431; }
/* 学装修与专题 - 共用代码 end*/


/* 学装修与专题-专题列表 */
.renovation-special-list .bd ul li { padding: 15px 15px 5px; margin-top: 10px; background-color: #fff; }
.renovation-special-list .bd ul li:first-child { margin-top: 0; }
.renovation-special-list .bd ul li a { display: block; background-color: #fff; }
.renovation-special-list .bd ul li a .img { display: block; }
.renovation-special-list .bd ul li a .img img { width: 100%; height: 165px; }
.renovation-special-list .bd ul li a .youhui-info { position: relative; }
.renovation-special-list .bd ul li a .youhui-info h4 { margin: 5px 0 0; width: 80%; line-height: 2.4em; color: #000; font-weight: 400; font-size: 1.25em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.renovation-special-list .bd ul li a .youhui-info .user-info { position: absolute; right: 5px; top: -25px; }
.renovation-special-list .bd ul li a .youhui-info .user-info img { display: block; width: 35px; height: 35px; border-radius: 35px; margin: 0 auto; }
.renovation-special-list .bd ul li a .youhui-info .user-info span { font-size: 0.75em; color: #999; }