.ps-list-page { background-color: #f0f0f0; .nav-tab, .ps-content { width: 100%; } .nav-tab { height: 80px; padding: 10px 0; background-color: #fff; li { box-sizing: border-box; float: left; width: 50%; height: 60px; line-height: 60px; font-size: 16PX; text-align: center; color: #ccc; border-right: 1px solid #ccc; &.focus { color: #000; } &:last-child { border-right: none; } } } .bytouch { background: #eee; } .plus-star-row { margin-bottom: 30px; &:last-child { margin-bottom: 0; } > a { display: block; height: 310px; > img { width: 100%; height: 100%; } } } .content.hide { display: none; } .swiper-container { height: 310px; } .swiper-pagination-bullet-active { background: #fff; } .brand-deps { height: 40PX; line-height: 40PX; padding-left: 10PX; font-size: 14PX; background: #fff; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .ps-detail-page { background-color: #f0f0f0; .ps-block { margin-bottom: 30px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; background-color: #fff; &.header, &.related-infos { border-top: none; } &.related-infos { margin-bottom: 0; background-color: #f0f0f0; } } .header { position: relative; .banner { width: 100%; height: 310px; } .logo { position: absolute; border: 1px solid #b5b5b5; height: 168px; width: 168px; top: 226px; left: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .header-content { padding: 0 30px; } .name-islike-container { padding-left: 248px; margin-top: 24px; font-size: 34px; } .name { color: #000; height: 41px; width: 295px; } .brand-islike { position: relative; float: right; color: #b0b0b0; height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; top: -0.25rem; left: -0.25rem; &.like { color: #f00; } } } .intro { margin-top: 49px; font-size: 24px; color: #444; line-height: 150%; } .more-intro { padding: 30px 0; font-size: 28px; line-height: 104%; color: #bbb; float: right; .icon { display: inline-block; height: 100%; width: 40px; transition: transform 0.1s ease-in; } &.spread .icon { transform: rotate(-180deg); } } .new-arrival { padding-left: 0 30px; .new-arrival-content { padding-bottom: 20px; width: 614px; margin: 0 auto; } .more-goods-container { height: 90px; padding: 0 30px; border-top: 1px solid #e0e0e0; color: #000; } .floor-header-more { border-top: none; line-height: 40px; height: auto; a { width: 100%; text-align: right; } } .mg-text { height: 100%; line-height: 90px; color: #000; text-decoration: none; display: block; font-size: 28px; } .more-prods { float: right; color: #b0b0b0; } .new-arrival-header .more-prods { margin-right: 30px; margin-top: 10px; } } .new-arrival-header { padding-left: 222px; padding-top: 33px; .header-text { font-size: 28px; color: #000; line-height: 122%; font-weight: bold; } } .related-info-title { margin: 0 29px; border: 1px solid #e0e0e0; border-bottom: none; line-height: 72px; font-size: 30px; color: #b0b0b0; text-align: center; background-color: #fff; } .related-infos-container .guang-info:first-child { margin-top: 0; } }