.banhead { position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333; background-color: #fff; } .banhead .tit { display: inline-block; width: 1.3rem; } .banhead .tit .on { display: inline-block; color: #C4182E; border-bottom: .02rem #C4182E solid; line-height: 40px; } .brandss { padding: .1rem .2rem; margin-top: 40px; background-color: #eee; } .brandss .disfx { background-color: #fff; overflow: hidden; } .brandss .disfx img { display: inline-block; width: .25rem; height: .27rem; vertical-align: middle; margin: .115rem .1rem; } .brandss .fxall { display: inline-block; height: .5rem; line-height: .5rem; border: 0; color: #666; font-size: 14px; } .brandmore {} .brandmore dl { padding-bottom: .2rem; } .brandmore dl dt { position: relative; width: 100%; /*height: 1.88rem;*/ height: 2.3rem; background-color: rgba(0, 0, 0, 0.1); } .brandmore dl dt .bbimg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; /*height: 1.88rem;*/ height: 2.3rem; } .bran_name { /*修改分类顶部的距离 (例如:护肤类) 20170522*/ /*padding-top: .55rem;*/ padding-top: .9rem; color: #fff; font-size: .45rem; text-align: center; } .brandmore dl dd { padding: 0 .2rem; color: #333; font-size: 0; } .brandmore dl dd .brandbox { display: inline-block; width: 23.9%; font-size: 14px; padding: .1rem 0; text-align: center; } /*国别*/ .guobie ul li { width: 100%; height: 3.65rem; background-position: center center; background-repeat: no-repeat; background-size: cover } .guobietrans { position: relative; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); } .guobiebox { text-align: center; width: 2.5rem; height: 1.45rem; background-image: url(../images/gbbox.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -.64rem 0 0 -1.115rem; } .guobiebox span { display: inline-block; border-bottom: 1px #999 solid; font-size:14px; color: #000; padding-bottom: .1rem; margin-top: .15rem; } .guobiebox em { display: block; color: #999; font-size: 14px; } /*品牌*/ .cate {} .cate .left {} .cate .right { position: relative; width: .6rem; } .engfont dt { font-size: 14px; color: #333; padding: .1rem .2rem; border-bottom: 1px #eee solid; } .engfont dd { padding: .1rem 0 .1rem .2rem; } .cateimg { width: 1.99rem; height: .86rem; border: 1px #eee solid; margin: .1rem .08rem .1rem 0; } .english { position: fixed; right: 0; top: 2rem; color: #C4182E; font-size:14px; } /*左边字母列间距 增加 20170321*/ .english li{line-height: 20px;} /*---------------------品牌商品------------------------------*/ .BrandGoods_top { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; background-color: #fff; } .thrtitle { padding: .1rem 0; border-top: 1px #eee solid; border-bottom: 1px #eee solid; } .thrtitle li { -webkit-flex: 1; flex: 1; /* for uc */ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; text-align: center; font-size: 14px; color: #999; border-right: 1px #eee solid; } .thrtitle .thron { color: #C4182E; padding-bottom: .08rem; border-bottom: .02rem #C4182E solid; } .sjrt, .sjrb { display: inline-block; background-image: url(../Baseimg/base/sjrt.png); width: .13rem; height: .07rem; } .sjrrt, .sjrrb { display: inline-block; background-image: url(../Baseimg/base/sjrrt.png); width: .13rem; height: .07rem; } .sjrrb, .sjrt { transform: rotate(180deg); -ms-transform: rotate(180deg); /* Internet Explorer */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ } .brantrans { width: 100%; height: 100vh; position: fixed; z-index: 999; top: 0; left: 0; background-color: rgba(0, 0, 0, .3); } .shaixuan { width: 5.4rem; } .innhei { background-color: #fff; } .innhei dl { padding: 0 .2rem; } .innhei dl dt { padding: .2rem 0 .1rem; } .innhei dl dt img { width: .25rem; height: .14rem; margin-top: .13rem; } .innhei dl dt .tt { transform: rotate(180deg); -ms-transform: rotate(180deg); /* Internet Explorer */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ } .innhei dl dd { padding: .1rem 0; font-size: 0; } .secbox { display: inline-block; width: 1.4rem; margin: .1rem .1rem; padding: .1rem 0; text-align: center; border: 1px #eee solid; font-size: 14px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .secbox.on, .price .fxall.on { color: #fff; background-color: #C4182E; border-color: #C4182E; } .price input { padding: .05rem .1rem; width: 1.2rem; height: .5rem; line-height: .5rem; border: .02rem #eee solid; font-size: 14px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .price .fxall { padding: .1rem 0; margin: 0 .1rem; text-align: center; border: 1px #eee solid; font-size: 14px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .btn_bot { position: absolute; left: 0; bottom: .4rem; width: 100%; text-align: center; color: #fff; height: .8rem; line-height: .8rem; } /*行商品*/ .likebox { margin-top: 1.6rem; height: 100%; background-color: #eee; } .likebox .hang {} .likebox .hang ul li { padding: .2rem 0; border-bottom: 1px #e8e8e8 solid; background-color: #fff; } .likebox .hang .GoodsImg { border: 1px #eee solid; float: left; display: inline-block; width: 2rem; height: 2rem; } .likebox .hang .goodsinfo { position: relative; margin-left: 2.2rem; height: 2rem; } .likebox .hang .goodsinfo .goodsname { overflow: hidden; padding-top: .1rem; height: .66rem; line-height: .33rem; color: #333; font-size: 14px; } .hang .goosd_bott { height: .5rem; position: absolute; left: 0; bottom: 0; width: 100%; }