/* 公共样式 */ .g-list { li { float: left; a { position: relative; display: block; overflow: hidden; img { width: 100%; height: 100%; } } } } .g-mask { display: block; position: absolute; height: 100%; width: 100%; z-index: 1; background: #000; opacity: 0.5; overflow: hidden; transition: opacity 0.6s; } .g-title { display: block; text-align: center; font-weight: bold; line-height: 1.5; width: 100%; word-break: keep-all; margin-top: 14px; } /* 热门推荐模板样式 */ .home-page { .tpl-recommend { width: 100%; position: relative; a { display: block; img { display: block; width: 100%; height: 100%; } } .tpl-body { margin-bottom: 8px; } .tpl-nav { float: left; overflow: hidden; .tpl-keywords { margin-bottom: 8px; } .tpl-category { padding: 10px 0; background-color: #f8f8f8; overflow: hidden; a { float: left; width: 50%; text-align: center; color: #000; overflow: hidden; } } } .tpl-brands { float: left; overflow: hidden; margin-left: 8px; li { margin-top: 8px; } } .tpl-types { float: left; overflow: hidden; margin-top: -8px; width: 579px; li { float: left; margin-left: 8px; margin-top: 8px; a { width: 185px; height: 248px; } } } .tpl-products { overflow: hidden; margin-left: -10px; li { float: left; margin-left: 10px; a { width: 222px; height: 298px; } } } .tpl-nav { width: 185px; .keywords0, .keywords1, .keywords2 { margin-bottom: 10px; height: 76px; } .keywords2 { margin-bottom: 0; } .tpl-category { height: 228px; a { height: 38px; line-height: 38px; font-size: 14px; } } } .tpl-brands { width: 378px; height: 512px; li a { height: 248px; } } } } .min-screen .home-page .tpl-recommend { .tpl-nav { width: 158px; .keywords0, .keywords1, .keywords2 { margin-bottom: 8px; height: 65px; } .keywords2 { margin-bottom: 0; } .tpl-category { height: 192px; a { height: 32px; line-height: 32px; font-size: 12px; &:hover { text-decoration: underline; } } } } .tpl-brands { width: 324px; height: 432px; li a { height: 212px; } } .tpl-types { width: 498px; li a { width: 158px; height: 212px; } } .tpl-products li a { width: 190px; height: 254px; } } /* 单品模板样式 */ .home-page { .singlehot { overflow: hidden; margin-left: -8px; li { margin-left: 8px; margin-bottom: 8px; a { width: 185px; height: 248px; } } .impo1, .impo9 { width: 378px; } } .floor-ad a { display: block; height: 129px; img { display: block; width: 100%; height: 100%; } } .goods-container { margin-right: -10px; width: inherit; padding-top: 0; .good-info { margin-bottom: 0; width: 280px; height: 485px; } .good-detail-img { height: 374px; } .good-detail-text { text-align: center; } } .adbanner { margin-top: 12px; a { height: 150px; } } } .min-screen .home-page { .singlehot { li a { width: 158px; height: 212px; } .impo1, .impo9 { width: 323px; } } .goods-container { .good-info { width: 240px; height: 412px; .good-detail-img { height: 320px; } } } } /* 人气单品 */ .home-page .commodity { .commodity-list { margin-left: -10px; a { height: 465px; width: 280px; } li { margin-left: 10px; } i { position: absolute; bottom: 0; width: 100%; height: 20px; background: #ffac5b; color: #fff; line-height: 20px; text-align: center; font-size: 12px; } i.top { position: absolute; top: 10px; right: 10px; background-color: rgb(255, 87, 92); color: #fff; border-radius: 30px; z-index: 2; height: 60px; width: 60px; line-height: 60px; font-size: 20px; } .commodity-img { position: relative; height: 374px; } p.commodity-name { font-size: 12px; color: #000; text-align: center; margin-top: 14px; line-height: 18px; } p.commodity-price { position: relative; margin: 3px 0 0; text-align: center; line-height: 20px; color: #000; span { display: inline-block; font-size: 12px; } } } .commodity-brands { margin-left: -8px; a { float: left; margin-left: 8px; display: block; width: 185px; height: 86px; img { width: 100%; height: 100%; } } } .loading { position: relative; width: 100%; text-align: center; padding-top: 40px; a { display: block; height: 35px; width: 120px; margin: 0 auto 40px; background-color: #000; color: #fff; font-size: 14px; line-height: 35px; text-align: center; } } } .min-screen .home-page .commodity { .commodity-list { a { height: 400px; width: 240px; } .commodity-img { height: 320px; } i.top { height: 52px; width: 52px; line-height: 52px; font-size: 14px; } } .commodity-brands { a { width: 158px; height: 74px; } } } /* 手风琴 */ .home-page { .slide-accordion { overflow: hidden; position: relative; height: 400px; a { position: relative; display: block; img { display: block; width: 100%; height: 100%; } } ul { position: absolute; left: -5px; } li { position: absolute; border-left: 5px solid #fff; a { width: 650px; height: 400px; } } .g-mask { opacity: 0.2; &:hover { opacity: 0; } } } } .min-screen .home-page .slide-accordion { height: 342px; li a { width: 558px; height: 342px; } } .boys { .tpl-nav { .keywords0 { margin-bottom: 10px !important; height: 152px !important; } .keywords1 { height: 86px !important; } .tpl-category { a { height: 38px !important; line-height: 38px !important; font-size: 14px !important; } } } .tpl-brands { margin-top: -8px !important; } } .boys, .lifestyle { .goods-container { .good-info { width: 222px !important; height: 408px !important; .good-detail-img { height: 298px !important; } } } } .min-screen { .boys { .tpl-nav { .keywords0 { margin-bottom: 8px !important; height: 130px !important; } .keywords1 { margin-bottom: 0 !important; height: 74px !important; } } .tpl-brands { margin-top: -8px !important; } } .boys, .lifestyle { .goods-container { .good-info { width: 188px; height: 360px; .good-detail-img { height: 255px; } } } } }