.pageTop{width:1210px;overflow:hidden;margin:10px auto 6px;display:flex;flex-direction:row}.pageTop .preachPicBox{width:610px;max-width:610px;min-width:610px;height:275px}.pageTop .preachPicBox .swiper-container{width:100%;height:100%}.pageTop .preachPicBox .swiper-container .swiper-wrapper .swiper-slide{display:block;width:100%;height:100%}.pageTop .preachPicBox .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:100%}.pageTop .preachPicBox .swiper-container .pagination{position:absolute;transform:translate(-50%,-50%);top:90%;left:50%;z-index:5}.pageTop .preachPicBox .swiper-container .pagination .swiper-pagination-switch{width:4px;height:4px;border-radius:50%;background-color:#0099df}.pageTop .preachPicBox .swiper-container .pagination .swiper-active-switch{background-color:#0076cd}.pageTop .recommendBrandBox{display:flex;flex-direction:row;flex-wrap:wrap}.pageTop .recommendBrandBox li{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;padding:20px 20px 16px 20px;width:154px;height:97px;margin:3px}.pageTop .recommendBrandBox li .bImgA{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:74px;margin-bottom:4px}.pageTop .recommendBrandBox li .bImgA img{max-width:100%;max-height:100%}.pageTop .recommendBrandBox li .bNameA{display:block;color:#333}.pageTop .recommendBrandBox li .bNameA div{text-align:center;font-size:14px;width:154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pageTop .recommendBrandBox li .bNameA div:hover{color:#087c7c;cursor:pointer}.pageBottom{width:1126px;margin:4px auto 30px;background-color:#fff;padding:20px 42px;display:flex;flex-direction:column}.pageBottom .header_top100_brand{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px dashed #ddd}.pageBottom .header_top100_brand .text_top100_brand{font-size:18px;font-weight:bold;margin:0 10px}.pageBottom .header_top100_brand .initialsBox{display:flex;flex-direction:row;align-items:center}.pageBottom .header_top100_brand .initialsBox .initialsHover{background-color:#1864d9;color:#fff;border-radius:2px}.pageBottom .header_top100_brand .initialsBox span{padding:5px 8px;font-size:16px;margin-right:10px;cursor:pointer}.pageBottom .header_top100_brand .initialsBox span:hover{background-color:#1864d9;color:#fff;border-radius:2px}.pageBottom .header_top100_brand .initialsBox ul{display:flex;flex-direction:row;align-items:center}.pageBottom .header_top100_brand .initialsBox ul li{padding:5px 8px;font-size:16px;margin:0 2px;cursor:pointer}.pageBottom .header_top100_brand .initialsBox ul li:hover{background-color:#1864d9;color:#fff;border-radius:2px}.pageBottom .brandsListBox{background-color:#f6f6f6;margin-top:30px}.pageBottom .brandsListBox ul{display:flex;flex-direction:row;flex-wrap:wrap;margin:6px 0 0 6px}.pageBottom .brandsListBox ul li{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;padding:20px 20px 16px 20px;width:94px;margin:0 6px 6px 0}.pageBottom .brandsListBox ul li .bImgA{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:50px;overflow:hidden;margin-bottom:4px}.pageBottom .brandsListBox ul li .bImgA img{max-width:100%;max-height:100%}.pageBottom .brandsListBox ul li .bNameA{display:block;color:#333}.pageBottom .brandsListBox ul li .bNameA div{text-align:center;font-size:14px;height:16px;line-height:16px;width:94px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pageBottom .brandsListBox ul li .bNameA div:hover{color:#087c7c;cursor:pointer}