@CHARSET "UTF-8"; #wst-slide .wst-slide-itemswrap, #wst-slide .wst-slide-items, #wst-slide .wst-slide-items li { height: 420px; overflow: hidden } .wst-slide-controls { position: absolute; text-align: right; top: -40px; left: 50%; transform: translateX(-50%); } .wst-slide-controls span { width: 24px; height: 24px; text-align: center; display: inline-block; line-height: 24px; border-radius: 12px; background-color: #333; color: white; cursor: pointer } .wst-slide-controls .curr { background-color: #e13335; border-radius: 12px; color: white; cursor: pointer } .wst-slide { position: relative; top: 2px } .wst-slide-numbox { width: 1200px; margin: 0 auto; height: 0; position: relative; z-index: 3 } .wst-slide-items { min-width: 1200px } .wst-tab-box { overflow: hidden; border-right: 1px solid #eee; width: 100%; height: auto; margin: 0 auto; background: #fff } .wst-tab-nav { overflow-y: hidden; margin: 0; padding: 0; height: 35px; top: 0; z-index: 30; background: #fff; width: 100%; border-bottom: 1px solid #eee; border-left: 1px solid #eee } .wst-tab-nav li, .wst-tab-nav .tab { width: 40%; cursor: pointer; float: left; margin: 0; list-style: none; border: 1px solid #eee; border-bottom: 0; border-left: none; line-height: 34px; text-align: center; color: #000; padding-left: 10px; padding-right: 10px } .wst-tab-nav .on { border-top: 1px solid #ff2704; border-bottom: 1px solid #fff; color: #ff2704; font-weight: bold } .wst-tab-content { padding: 5px; width: 99%; height: auto; border: 1px solid #eee; border-top: 0; background: #FFF } #wst-right-news { width: 100%; height: 30px; background: #df2002; line-height: 25px; color: #fff } #wst-right-news>p { float: left; margin-left: 12px; font-weight: bold } #wst-right-news>a { display: block; float: right; color: #fff; margin-right: 5px } #wst-right-new-list { height: 117px; background-color: #fff } #wst-right-new-list>div { width: 190px; height: 23px; line-height: 25px; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; list-style-type: disc } #wst-right-new-list>div>a { color: #605e5e } #wst-right-new-list>div>a:hover { color: #df2002 } .visitor-new-list { height: 118px!important; overflow: hidden; border: 0; background-color: #fff } .visitor-new-list>li { height: 23px!important } .apply-btn { background: url(../img/apply.png) no-repeat 0 0; background-size: cover; display: block; width: 180px; height: 60px; margin: 20px auto 10px } .shop-login { margin-left: 60px; height: 28px; display: block; color: #999 } .ws-right-user { display: block; width: 210px; height: 128px; background: #fff } .ws-right-user .top, .ws-right-user .bottom { float: left } .ws-right-user .top img { float: left; width: 65px; height: 65px; margin: 10px; border-radius: 1000px } .ws-right-user .top .name { float: left; width: 125px } .ws-right-user .top .uname { height: 23px; line-height: 25px; width: 100px; margin: 0 auto; margin-top: 15px; text-align: center; color: #ff2704; font-size: 14px; font-family: "microsoft yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .ws-right-user .top .sign { display: block; width: 105px; height: 30px; line-height: 30px; margin: 0 auto; margin-top: 10px; color: #fff; background-color: #ff0c00; border: 1px solid #ff0c00; cursor: pointer; border-radius: 5px; box-shadow: 0 2px 0 #c3443d; position: relative; -webkit-transition: all .2s linear; transition: all .2s linear } .ws-right-user .top .sign:hover { background-color: #ee4419 } .ws-right-user .top .sign:focus { outline: 0 } .ws-right-user .top .sign .plus { position: absolute; top: 0; width: 100%; left: 0; font-size: 18px; color: #f4cf00; font-style: normal; opacity: 0; text-align: center; -webkit-transition: all .5s linear; transition: all .5s linear } .ws-right-user .top .active .plus { top: -36px; opacity: 1 } .ws-right-user .top .actives .plus { top: -36px; opacity: 0; } .ws-right-user .top .actives, .ws-right-user .top .actives:hover { color: #747171; background-color: #eee; border: 1px solid #ddd; box-shadow: 0 2px 0 #ddd; } .ws-right-user .bottom .left { float: left; width: 110px; margin-top: 10px; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .ws-right-user .bottom .right { float: right; width: 80px; margin-top: 10px; padding-left: 10px } #wst-right-ads { position: relative; } #wst-right-ads>a>img { width: 210px; height: 128px; display: block; } .floor-box { width: 100%; margin-top: 15px; clear: both } .goods-list { width: 100% } .goods-list .goods { width: 239px; float: left; height: 284px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .goods-list .goods:hover { width: 239px; height: 284px; -webkit-box-shadow: 0 0 10px #cfcfcf; -moz-box-shadow: 0 0 10px #cfcfcf; box-shadow: 0 0 10px #cfcfcf; } .goods-list .goods:hover .img a img { transform: scale(1.05); } .goods-list .goods:hover .p-name a { color: #d82a2e; } .goods-list .goods .img { text-align: center; position: relative; } .goods-list .goods .img a { display: block } .goods-list .goods .img a img { max-width: 180px; max-height: 180px; padding-top: 20px; padding-bottom: 8px; transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease } .goods-list .goods .p-price { font-weight: 600; color: #C00; text-align: center; margin-top: 3px; font-size: 14px } .goods-list .goods .p-name { height: 40px; line-height: 20px; overflow: hidden; width: 208px; margin: 0 auto; text-align: center } .goods-list .goods .p-shop { padding: 5px } .goods-list .goods .p-mprice { color: #999; padding: 5px 0 5px 5px; width: 120px; float: left } .goods-list .goods .p-mprice span { text-decoration: line-through; margin-left: 10px; font-weight: normal } .goods-list .goods .p-appraise { padding: 5px 5px 5px 0; width: 100px; float: right; text-align: right } .goods-list .goods .p-appraise span { font-weight: bold; color: #1499e5 } .floor-top-ads { margin: 40px 0 0; width: 1200px } .floor-top-ads a { float: left } .floor-top-ads img { width: 400px; height: 110px } .floor-header { width: 100%; height: 38px; background: white; margin-top: 20px; border-bottom: 1px solid #df2002 } .floor-header-f1, .floor-header-f2, .floor-header-f3, .floor-header-f4, .floor-header-f5, .floor-header-f6, .floor-header-f7, .floor-header-f8, .floor-header-f9, .floor-header-f10 { float: left; background: url(../img/img_floor_titlebg.png) no-repeat 0; height: 100%; width: 23%; margin-top: 1px } .floor-header .tab { float: right; margin-right: 10px; margin-top: 7px } .floor-header .tab li { display: block; margin: 0; float: left } .floor-header .tab a { font-size: 13px; display: block; height: 15px; letter-spacing: 1px } .floor-header .tab-item1 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected1 a { background-color: #df2002; color: #fff } .floor-header .tab-item2 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected2 a { background-color: #df2002; color: #fff } .floor-header .tab-item3 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected3 a { background-color: #df2002; color: #fff } .floor-header .tab-item4 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected4 a { background-color: #df2002; color: #fff } .floor-header .tab-item5 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected5 a { background-color: #df2002; color: #fff } .floor-header .tab-item6 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected6 a { background-color: #df2002; color: #fff } .floor-header .tab-item7 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected7 a { background-color: #df2002; color: #fff } .floor-header .tab-item8 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected8 a { background-color: #df2002; color: #fff } .floor-header .tab-item9 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected9 a { background-color: #df2002; color: #fff } .floor-header .tab-item10 a { padding: 8px 12px 8px 12px } .floor-header .j-tab-selected10 a { background-color: #df2002; color: #fff } .floor-left { float: left; width: 20%; height: 620px } .floor-left-ads { width: 478px; height: 224px } .floor-left-ads img { width: 478px; height: 224px } .floor-left-title { margin-left: 1px; color: #fff; font-size: 15px; float: left; margin-top: 13px; position: absolute; } .floor-right-title { float: right; color: #333; font-size: 16px; line-height: 38px; margin-right: 70px; font-weight: bold; letter-spacing: 2px; } .one_flimit { overflow: hidden; width: 79%; white-space: nowrap; text-overflow: ellipsis; } .floor-right { float: left; width: 100%; min-height: 570px } .floor-right-ads { width: 478px; float: left; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee } .wst-floor-slide-items { overflow: hidden; height: 344px; width: 478px; position: relative } .wst-floor-slide-items img { height: 344px; width: 478px } #screen-left-nav { width: 35px; max-height: 335px; position: fixed; top: 40%; left: 15%; background: #fff; z-index: 999; display: block } .lnav { margin: 0 auto; background: #fff; line-height: 30px; text-align: center; overflow: hidden; margin-top: -1px; cursor: pointer; display: block; width: 30px; height: 29px; color: #625351; transition: all .2s ease-in; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDg5NURBNDY3MjA2ODExODIyQUVDNTgwRDU1MkZBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0M3MTMzQTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0M3MTMzOTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBkOTE3NzktZTE1Yi0yNTRkLTljYzMtOGVjNmE4ZTAyMjRjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxNzkxODUyODJEQjExRTQ4RkM0REQwQTBFRkQyNTY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3tRxHgAAAAlQTFRFwsLCycnJ////r0pOrgAAAAN0Uk5T//8A18oNQQAAAB5JREFUeNpiYIIABhTIyAQXxgtGpUelR6VpKw0QYACUOgb65Nz92gAAAABJRU5ErkJggg==) 0 25px no-repeat } .lcurr { background: #df2003 } .lcurr a { color: white } .wst-floor-slide-numbox span { background-color: #d4d4d4; cursor: pointer; display: inline-block; height: 4px; width: 24px; border-radius: 1.5px } .wst-floor-slide-numbox .curr { background-color: #f68d8d } .wst-floor-slide-numbox>div { position: relative; left: 43%; top: -20px; z-index: 99; height: 10px; max-width: 300px } .floor-bottom .bx_container { margin-top: 15px } .floor-right-ads .wst-floor-slide-1 { height: 344px } .ads-lunbobottom { margin-top: 30px; margin-bottom: 20px; overflow: hidden } .ads-lunbobottom a { float: left } .ads-lunbobottom a img { width: 240px; height: 320px } /* 广告墙 */ .ads_wall { width: 1200px; max-height: 480px; margin: 0 auto; margin-top: 30px; } .ads_wall a { overflow: hidden; transition: all ease .4s; display: block; } .ads_wall a:hover { transform: scale(1.01); } .ads_wall a img { width: 100%; height: 100%; } .ads_wall_l { width: 448px; height: 100%; } .ads_wall_c { width: 292px; height: 100%; margin-left: 6px; position: relative; text-align: center; } .ads_wall_r { width: 448px; height: 100%; } .ads_wall_item_top { display: block; width: 100%; height: 237px; margin-bottom: 6px; position: relative; } .ads_wall_item_bottom { display: block; width: 100%; height: 237px; position: relative; } .ads_wall_more { text-align: center; font-size: 12px; color: #fff; position: absolute; bottom: 20px; } .ads_wall_line { width: 30px; height: 2px; background-color: #fff; margin-top: 8px; margin-right: 10px; } .wall_r_line { width: 50px; } /* 品牌街 */ .brand_street_out { width: 1200px; margin: 10px auto; margin-top: 30px; } .bs_tit { font-size: 18px; color: #df2002; letter-spacing: 2px; background-image: url(../img/index_link_bg.png); background-repeat: no-repeat; background-size: auto 18px; padding-left: 23px; } .brand_street { width: 100%; max-height: 210px; margin-top: 10px; box-sizing: border-box; background-color: #eee; padding: 5px; } .brand_street li img { width: 100%; height: 100px; } .brand_street li { box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 10%; height: 100%; float: left; transition: all ease .4s; } .brand_street li:nth-child(10n) { border-right: none; } .brand_street li:nth-child(n+11) { border-bottom: none; } .brand_street li:hover { box-shadow: 0 0 5px #bdbcbc; transform: scale(1.05); } /* 店铺街 */ .shop_street_out { width: 1200px; margin: 10px auto; margin-top: 30px; } .ss_tit { font-size: 18px; color: #df2002; letter-spacing: 2px; background-image: url(../img/index_link_bg.png); background-repeat: no-repeat; background-size: auto 18px; padding-left: 23px; } .shop_street { width: 100%; height: 138px; margin-top: 10px; background-color: #f4f4f4; box-sizing: border-box; padding: 6px; } .shop_street li:nth-child(n+2) { margin-left: 0.5%; } .shop_street li img { width: 100%; height: 100%; } .shop_street li { background-image: url(../img/shopstreet_bg.png); background-repeat: no-repeat; background-size: 100% auto; width: 19.6%; height: 100%; float: left; transition: all ease .4s; position: relative; } .shop_street li:hover { transform: translateY(-5px); } .ss_desc { position: absolute; top: 15%; left: 9%; } .ssd_tit { font-size: 24px; color: #ff2b2b; font-weight: bold; margin-bottom: 20px; } .ssd_desc { font-size: 16px; color: #ff2b2b; } .ss_entry, .ss_shopname, .ss_shopaddr { font-size: 12px; color: #fff; position: absolute; } .ss_entry { left: 5px; top: 5px; } .ss_shopname { right: 5px; top: 5px; } .ss_shopaddr { right: 5px; bottom: 5px; } /* 积分商城 */ .intergral_out { width: 1200px; margin: 10px auto; margin-top: 30px; } .itl_tit { font-size: 18px; color: #df2002; letter-spacing: 2px; background-image: url(../img/index_link_bg.png); background-repeat: no-repeat; background-size: auto 18px; padding-left: 15px; margin-bottom: 10px; } .itl_main { background-color: #f4f4f4; width: 100%; height: 148px; padding: 6px; box-sizing: border-box; } .itl_bg img { width: 100%; height: 100%; } .itl_bg { display: block; height: 100%; width: 238px; } .itl_item:nth-child(2) { background-color: #fcfdda; } .itl_item:nth-child(3) { background-color: #ffefd9; } .itl_item:hover img { transform: translateX(-10px); } .itl_item img { transition: all ease .4s; position: absolute; max-height: 100%; right: 0; } .itl_item { display: block; width: 468px; height: 100%; position: relative; margin-left: 6px; } .itl_name { position: absolute; font-size: 14px; color: #333; top: 10%; width: 40%; left: 5%; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; z-index: 22; } .itl_price_box { left: 5%; top: 45%; position: absolute; color: #666; font-weight: bold; font-size: 16px; z-index: 22; } .itl_price { color: #df2002; } .itl_score { font-size: 12px; color: #df2002; font-weight: normal; } .itl_btn { position: absolute; padding: 1px 10px; background-color: #df2002; border-radius: 25px; color: #fff; left: 5%; top: 75%; font-size: 11px!important; background-color: #df2002; color: #fff; transition: all ease .4s; } .itl_btn:hover { transform: translateY(-5px); } /* 分销商品 */ .distribute_tit { color: #df2002; background-image: url(../img/index_link_bg.png); background-repeat: no-repeat; background-size: auto 18px; padding-left: 15px; width: 1200px; margin: 0 auto; margin-top: 30px; font-size: 18px; letter-spacing: 2px; } .distribute_out { width: 1200px; margin: 10px auto; height: 295px; background-color: #f4f4f4; padding: 6px 0; margin-top: 10px; } .dis_left_bg img { width: 100%; height: 100%; } .dis_left_bg { width: 237px; height: 100%; margin-left: 4px; } .dis_list { width: 952px; height: 100%; } .dis_list li { margin-left: 8px; float: left; width: 230px; height: 100%; position: relative; background-color: #fff; overflow: hidden; } .dis_list li:hover img { transform: scale(1.1); } .dis_list li img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; transition: all ease .4s; } .dis_gprice div { transform: rotate(30deg); position: absolute; left: 11px; top: 25px; text-align: center; right: 4px; overflow: hidden; } .dis_gprice { background-image: url(../img/index_distribute_price_bg.png); background-repeat: no-repeat; width: 109px; height: 78px; position: absolute; color: #df2002; font-weight: bold; right: 0; } /* 轮播右侧拍卖区域 */ .aution_out { width: 100%; height: 170px; position: relative; background-color: #fff; overflow: hidden; } .au_l_btn, .au_r_btn { position: absolute; top: 40%; background-color: rgba(0, 0, 0, .5); color: #fff; left: 0; padding: 5px; cursor: pointer; display: none; } .au_r_btn { left: initial; right: 0; } .aution_list { width: 100%; position: relative; } .aution_tit { background-image: url(../img/img_floor_titlebg.png); background-repeat: no-repeat; background-size: auto 18px; font-size: 16px; color: #df2002; letter-spacing: 2px; padding-left: 26px; } .aution_main { float: left; width: 210px; height: 153px; box-sizing: border-box; } .aution_item { position: relative; display: block; text-align: center; height: 100%; width: 100%; } .aution_item img { width: 150px; height: 150px; } .aution_time { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); font-size: 16px; color: #fff; padding: 10px 0; } .aution_h, .aution_i, .aution_s { width: 24px; height: 30px; background-color: #df2002; padding: 5px; border-radius: 5px; } /* 优惠券 */ .coupon_out { width: 1200px; height: 124px; margin: 0 auto; margin-top: 30px; overflow: hidden; } .coupon_bg img { width: 100%; height: 100%; } .coupon_bg { position: relative; width: 284px; height: 124px; display: block; } .coupon_tit { position: absolute; font-size: 24px; color: #c04f02; right: 25%; top: 30%; } .r_btn { position: absolute; font-size: 16px; color: #fff; right: 0%; top: 16%; text-align: center; width: 31px; line-height: 21px; padding: 0 6px; } .coupon_desc { position: absolute; color: #e08445; font-size: 18px; right: 25%; top: 66%; } .coupon_item img { width: 100%; height: 100%; } .coupon_item { position: relative; margin-left: 1%; width: 24%; height: 100%; } .coupon_item_color { color: #e21313; } /* 团购插件 */ .groupon_list_out { position: absolute; width: 255px; height: 255px; bottom: 29px; left: 11%; padding: 19px; box-sizing: border-box; } .groupon_view { width: 100%; height: 100%; overflow: hidden; } .groupon_list { width: 100%; height: 100%; overflow: hidden; position: relative; } .groupon_list li { float: left; width: 217px; height: 217px; box-sizing: border-box; } .groupon_btns { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; } .groupon_btns .curr { background-color: #e89593; } .groupon_btns span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #fff; margin-left: 3px; } /* 新品、热销... */ .rec_area { width: 1200px; height: 500px; margin: 0 auto; margin-top: 30px; } .ral { width: 329px; height: 100%; background-repeat: no-repeat; margin-right: 6px; position: relative; } .ral_box { height: 114px; width: 243px; background-color: rgba(255, 255, 255, 0.8); margin: 0 auto; position: absolute; left: 0; right: 0; top: 60px; text-align: center; letter-spacing: 2px; padding-top: 20px; box-sizing: border-box; } .ral_box_tit { font-size: 18px; color: #010101; } .ral_line { width: 45px; height: 2px; background-color: #000; margin: 20px auto; } .ral_desc { font-size: 12px; color: #000; } .ral img { width: 100%; height: 100%; } .rac { width: 642px; height: 100%; } .rac_t { width: 100%; height: 60%; box-sizing: border-box; background-color: #ffefed; } .rac_t_tit, .rac_b_tit { font-size: 18px; color: #df2002; letter-spacing: 2px; padding: 5px; } .rac_t_main { width: 100%; height: 80%; margin-top: 10px; background-color: #fff; } .rac_t_main li:hover img { transform: scale(1.05); } .rac_t_main li:first-child { margin-left: 0; } .rac_t_main li { width: 212.5px; height: 100%; margin-left: 2px; float: left; } .rac_t_img img { transition: all linear .2s; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; max-width: 100%; max-height: 100%; } .rac_t_img { display: block; height: 70%; position: relative; background-color: #ffefed; } .rac_t_info { background-color: #ffefed; height: 29%; margin-top: 1%; padding-top: 5%; padding-right: 1%; box-sizing: border-box; } .rac_price_color { color: #df2002; } .c666 { color: #666; } .del_line { text-decoration: line-through; } .c14_333 { font-size: 14px; color: #333; } .rac_gname { width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 5%; } .f10 { font-size: 10px; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f88{ } .rac_price { margin-top: 5px; text-align: right; } .rac_b { width: 100%; height: 39%; margin-top: 1%; } .rac_b_l { width: 295px; height: 100%; margin-left: 17.33px; } .rac_bg { background-color: #f5f5f5!important; } .rac_b_main:hover img { transform: translateX(-10px); } .rac_b_main { cursor: pointer; width: 100%; height: 150px; box-sizing: border-box; margin-top: 13px; background-color: #fff1f9; position: relative; } .rac_b_main img { float: right; transition: all ease .4s; } .rac_b_info { position: absolute; left: 25px; top: 50px; z-index: 2; } .mb10 { margin-bottom: 10px; } .rac_desc { padding-left: 5px; width: 95px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .rac_b_r { width: 295px; height: 100%; margin-right: 17.33px; } .rar { width: 217px; height: 100%; box-sizing: border-box; background-color: #ffedd8; } .rar_tit { font-size: 18px; color: #ffa73b; letter-spacing: 2px; padding: 5px; text-align: center; margin: 5px; } .rar_glist { width: 166px; margin: 0 auto; } .rar_gitem:nth-child(2) { margin-top: 30px; background-color: #e5ecff; } .rar_gitem { width: 100%; height: 213px; display: block; background-color: #ffcd92; overflow: hidden; position: relative; } .rar_gitem:hover img { transform: translateY(-5px); } .rar_gname { font-size: 14px; color: #333; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; } .rar_gdesc { padding-top: 3px; padding-left: 5px; font-size: 14px; color: #333; width: 100%; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .rar_price { text-align: right; padding-right: 5px; position: relative; z-index: 22; } .rar_line { width: 70%; height: 1px; background-color: #fff; margin: 5px auto; margin-bottom: 3px; } .rar_img img { transition: all ease 0.4s; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; max-width: 100%; max-height: 100%; } .rar_img { width: 100%; display: block; height: 65%; position: relative; } .fl { float: left; } .fr { float: right; } /* 楼层 */ .floor_main { width: 100%; height: 458px; box-sizing: border-box; } .fml { width: 260px; height: 100%; position: relative; } .fml img { width: 100%; height: 100%; } .f_desc { font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 17%; left: 17%; } .f1_catbox li { width: 40%; float: left; margin-top: 10px; } .f1_catbox li a { font-size: 16px; color: #fff; } .f32 { font-size: 32px; vertical-align: sub; } .f1_catbox { position: absolute; top: 28%; left: 13%; } /* 楼层一个分类 */ .fh1 { border-width: 2px; position: relative; margin-bottom: 2px; } .fh1l_titbox { background-position: 0 6px; height: 88%; width: 23%; position: relative; top: 7px; } .fh1_tit { font-size: 18px; color: #df2002; font-weight: normal; float: left; line-height: 35px; margin-left: 15%; } .fmr { width: 934px; height: 100%; box-sizing: border-box; } .fmr_glist { width: 100%; height: 100%; } .fmr_gitem { width: 20%; height: 55%; display: block; box-sizing: border-box; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all ease .4s; } .fmr_gitem:hover { box-shadow: 0 0 5px #bdbcbc; transform: scale(1.01); z-index: 22; position: relative; } .fmr_img { width: 100%; height: 75%; box-sizing: border-box; position: relative; } .fmr_img img { max-width: 100%; max-height: 85%; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .fmr_gname { width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 2.5%; font-size: 14px; color: #333; margin-top: 8px; } .tc { text-align: center; } /* 楼层两个分类 */ .fh2 { border-width: 2px; position: relative; margin-bottom: 2px; margin-top: 0px; } .fh2l_titbox { background-position: 0 6px; height: 88%; position: relative; top: 7px; width: 38%; } .two_fmilit { width: 81%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fh2_tit { font-size: 18px; color: #df2002; font-weight: normal; float: left; line-height: 35px; margin-left: 19%; margin-right: 0px; } .floor_box2 { height: 481px; box-sizing: border-box; margin-top: 45px; margin-bottom: 70px; } .fb2_more { font-weight: bold; margin-right: -20px; } .fb2_l { width: 588px; height: 468px; box-sizing: border-box; margin-right: 12px; } .fb2_l_l, .fb2_r_l { width: 226px; height: 438px; box-sizing: border-box; } .fb2_l_r, .fb2_r_r { width: 356px; height: 438px; box-sizing: border-box; } .fb2_r { width: 588px; height: 468px; box-sizing: border-box; } .floor_silder { text-align: center; position: relative; margin-top: 35px; } .floor_silder ul { width: 195px; height: 225px; margin: 0 auto; position: relative; } .floor_silder .img_first { z-index: 100; width: 155px; height: 225px; left: 20px; top: 0; overflow: hidden; } .floor_silder .img_second { z-index: 90; width: 175px; height: 200px; left: 10px; top: 15px; overflow: hidden; } .floor_silder .img_third { z-index: 80; width: 195px; height: 170px; left: 0px; top: 30px; overflow: hidden; } .floor_silder li { position: absolute; width: 195px; height: 225px; margin: 0 auto; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; } .floor_silder li a { display: block; height: 205px; padding-top: 20px; } .floor_silder .caption { height: 20px; overflow: hidden; font-size: 16px; line-height: 20px; } .floor_silder .sub_tit { height: 30px; overflow: hidden; font-size: 14px; color: #666; line-height: 30px; } .floor_silder li img { width: 130px; height: 130px; margin-top: 5px; } img { border: 0 none; vertical-align: top; } .floor_silder .color_mask { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 225px; -moz-border-radius: 4px; border-radius: 4px; } .floor_silder .img_first .color_mask { background-color: #f89d5d; filter: alpha(opacity=0); opacity: 0; } .floor_silder .img_second .color_mask { background-color: #f89d5d; filter: alpha(opacity=40); opacity: .4; } .floor_silder .img_third .color_mask { background-color: #f89d5d; filter: alpha(opacity=70); opacity: .7; } .floor_silder .turn_show { position: absolute; top: 234px; left: 80px; height: 30px; line-height: 30px; color: #f8f6f7; } .floor_silder .prev_btn, .floor_silder .next_btn { float: left; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; } .index_iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; } .floor_silder .show_num { float: left; padding: 0 10px; font-family: "Tahoma"; font-size: 14px; } .floor_silder .show_num span { display: inline-block; width: 3px; height: 3px; border: 1px solid #f78a4b; background-color: #f78a4b; border-radius: 50%; margin-left: 2px; } .fh2l { width: 226px; height: 428px; box-sizing: border-box; margin: 0 auto; background: linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%); } .fh2l_tit { font-size: 20px; color: #fffefe; text-align: center; padding-top: 30px; } .fh2l_line { width: 142px; height: 2px; background-color: #fff; margin: 10px auto; } .fh2l_desc { font-size: 16px; color: #fffefe; text-align: center; } .floor_silder .show_num .curr { border-color: #fff!important; background-color: #fff!important; } /*不同楼层左侧商品轮播背景色*/ .fh2l .floor_silder .caption { color: #f78b4b; } .fh2l_2 .floor_silder .caption { color: #58aaf7; } .fh2l_2 { background: linear-gradient(30deg, #56abf7 0%, #7ab9f8 32%, #4da5f7 100%); } .fh2l_2 .floor_silder .img_first .color_mask { background-color: #add7f5; } .fh2l_2 .floor_silder .img_second .color_mask { background-color: #add7f5; } .fh2l_2 .floor_silder .img_third .color_mask { background-color: #add7f5; } .fh2l_2 .floor_silder .show_num span { border-color: #4da5f7; background-color: #4da5f7; } .fh2l_5 .floor_silder .caption { color: #f35fa9; } .fh2l_5 { background: linear-gradient(30deg, #ffddef 0%, #fdafd7 32%, #ff88d1 100%); } .fh2l_5 .floor_silder .img_first .color_mask { background-color: #f5adc9; } .fh2l_5 .floor_silder .img_second .color_mask { background-color: #f5adc9; } .fh2l_5 .floor_silder .img_third .color_mask { background-color: #f5adc9; } .fh2l_5 .floor_silder .show_num span { border-color: #ff88d1; background-color: #ff88d1; } .fh2l_6 .floor_silder .caption { color: #6562f8; } .fh2l_6 { background: linear-gradient(30deg, #bcb5fd 0%, #bcb5fd 32%, #9a91fc 100%); } .fh2l_6 .floor_silder .img_first .color_mask { background-color: #b4b3f5; } .fh2l_6 .floor_silder .img_second .color_mask { background-color: #b4b3f5; } .fh2l_6 .floor_silder .img_third .color_mask { background-color: #b4b3f5; } .fh2l_6 .floor_silder .show_num span { border-color: #9a91fc; background-color: #9a91fc; } .fh2l_8 .floor_silder .caption { color: #f56363; } .fh2l_8 { background: linear-gradient(30deg, #f55757 0%, #f87b7b 32%, #f74c4c 100%); } .fh2l_8 .floor_silder .img_first .color_mask { background-color: #f7b8b8; } .fh2l_8 .floor_silder .img_second .color_mask { background-color: #f7b8b8; } .fh2l_8 .floor_silder .img_third .color_mask { background-color: #f7b8b8; } .fh2l_8 .floor_silder .show_num span { border-color: #f74c4c; background-color: #f74c4c; } .fh2l_9 .floor_silder .caption { color: #f8b467; } .fh2l_9 { background: linear-gradient(30deg, #f5a657 0%, #f5bb79 32%, #f5a34b 100%); } .fh2l_9 .floor_silder .img_first .color_mask { background-color: #f5d3b2; } .fh2l_9 .floor_silder .img_second .color_mask { background-color: #f5d3b2; } .fh2l_9 .floor_silder .img_third .color_mask { background-color: #f5d3b2; } .fh2l_9 .floor_silder .show_num span { border-color: #f5a34b; background-color: #f5a34b; } .fb2_gitem { width: 50%; height: 55%; display: block; box-sizing: border-box; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all ease .4s; } .fb2_gitem:hover { transform: scale(1.01); box-shadow: 0 0 5px #bdbcbc; z-index: 22; position: relative; } .fb2_img { width: 100%; height: 75%; box-sizing: border-box; position: relative; } .fb2_img img { max-width: 100%; max-height: 85%; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } /*mar lxy 20180409 惠宝折扣样式*/ .lxy{ color: #df2002; text-align: center; } /* 猜你喜欢 */ .like_goods_list { margin-top: 55px; width: 1200px; height: 600px; box-sizing: border-box; } .lg_glist { width: 100%; height: 90%; } .lg_glist .fmr_gitem { border: none; } .lg_glist .fmr_gitem { border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .lg_glist .fmr_gitem:nth-child(5n) { border-right: none; } .lg_glist .fmr_gitem:nth-child(n+6) { border-bottom: none; } .lg_tit { margin-bottom: 20px; height: 30px; line-height: 30px; width: 100%; background-image: url(../img/index_link_bg.png); background-repeat: no-repeat; background-position: center center; text-align: center; font-size: 18px; color: #333; }