.guang-bg { background-color: #f0f0f0; } .guang-list-page { .editor-header { padding: 30px 0; background: #fff; } .intro { width: 100%; padding: 0 30px; font-size: 24px; color: #444; background: #fff; } .avatar { float: left; margin-left: 30px; img { width: 100px; height: 100px; border-radius: 50%; } } .text { float: left; margin-left: 32px; width: 475px; padding: 10px 0; .name { font-size: 26px; line-height: 40px; } .info { color: #bdbdbf; font-size: 20px; line-height: 40px; } } .swiper-container { width: 100%; height: 310px; img { height: 100%; width: 100%; } .swiper-pagination { bottom: 0; left: 0; width: 100%; } .swiper-pagination-bullet-active { background: #fff; } } .nav-scroll { overflow: hidden; width: 640px; height: 80px; } .guang-nav { background-color: #fff; overflow-x: scroll; overflow-y: hidden; height: 80px; font-size: 0; line-height: 0; white-space: nowrap; padding: 0 23px; } .guang-nav-item { display: inline-block; color: #ccc; font-size: 14PX; text-align: center; padding: 0 23px; span { line-height: 76px; display: block; border-bottom: solid 4px #fff; padding: 0 14px; } &.focus { color: #444; span { border-bottom: solid 4px #444; } } &.news-jump a { color: inherit; } } .bytouch { background: #eee; } .info-list-container { overflow-x: hidden; background: #f0f0f0; } .info-list.hide { display: none; } .search-divide { float: left; height: 50px; width: 100%; padding: 10px 0; color: #ccc; text-align: center; margin-bottom: 40px; } .load-more-info { margin-bottom: 90px; } }