.clear { clear: both; } /*=========index-top========*/ .sidebar-back { animation: sidebar-body-back .2s 1 ease 0; -webkit-animation: sidebar-body-back .2s 1 ease 0; left: 0; } /*修改 20170328 更改为相对定位*/ .header { width: 100%; height: 45px; background: #F6F6F6; position: relative; top: 0; z-index: 99; border: 0; max-width: 720px; border-bottom: 1px solid #dedede; } .h-left { float: left; width: 15%; height: 45px; } .h-left a { display: block; width: 40px; height: 40px; margin: auto; background: url(../images/category/arrow_left.png) no-repeat 15px center; background-size: auto 16px; } .h-right { float: left; width: 15%; height: 45px; } .h-mid { width: 70%; height: 45px; float: left; text-align: center; color: #333; font-size: 1.6rem; line-height: 40px; position: relative; } .h-mid ul { width: 90%; height: 45px; } .h-mid ul li { width: 28%; float: left; height: 45px; text-align: center; } .h-mid ul li a { display: block; width: 100%; margin: auto; height: 43px; font-size: 14px; line-height: 43px; color: #333 } /*商品详情导航 修改 20170315*/ /*.h-mid ul li a.on { color:#C4182E; border-bottom:2px solid #C4182E }*/ .h-mid ul li a.on { color: #C4182E; border-bottom: 2px solid #C4182E; } /*商品详情导航 end*/ .h-mid ul li img { display: block; width: 40px; height: 40px; float: right; } /*弹出菜单*/ .top_bar { float: right; display: block; width: 80px; margin-right: 10px; height: 40px; background: none } .show_cart { float: right; width: 40px; height: 40px; padding-top: 5px; position: relative; background-position: 0 -75px; background-size: auto 150px; } /*商品详情头部距离删除 20170502*/ .goods_nav { width: 30%; float: right; right: 5px; overflow: hidden; position: fixed; /*margin-top:25px;*/ z-index: 100 } .global-nav__nav-shop-cart-num { position: absolute; left: 50%; top: 3px; color: #fff; text-align: center; font-weight: normal; font-size: 12px; font-family: 宋体; width: 16px; height: 16px; line-height: 16px; } /*商品*/ .banner { width: 100%; overflow: hidden; } .slider { width: 100%; overflow: hidden; position: relative } #pagenavi { position: absolute; left: 0; bottom: 15px; text-align: center; width: 100%; } #pagenavi a { width: 10px; height: 10px; line-height: 99em; background: #b5b5b5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 4px; overflow: hidden; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #pagenavi a.active { background: #C4182E; } /*商品详情 商品名称的高度更改为最大高度 20170418*/ .product_info .info_dottm { height: 0.95rem; background: #fff; } /*商品详情 商品名称 修改 20170418*/ .info_dottm .name { margin-left: 0.2rem; color: #333; overflow: hidden; font-weight: normal; } /*商品详情 分享按钮样式删除 */ /*.info_dottm .right{ width:18%; float:left; height:50px; font-size:16px;color:#333; border-left:1px solid #e2dfdf; margin-left:-1px; text-align:center} .info_dottm .right .share{ width:40px; height:50px; margin:auto;background:url(../images/pub_goods.png) no-repeat;background-size: auto 350px;background-position:0 -150px;}*/ .goods_price { width:100%; margin: auto; overflow: hidden; } /*商品详情 商品价格 颜色修改 20170315*/ .goods_price dt { width: 100%; overflow: hidden; height: 0.65rem; margin-top: 0.2rem; margin-bottom: 0.2rem; } .goods_price dt span { margin-top: 0.02rem; font-size: 0.5rem; padding-left: 0.1rem; color: #C4182E; } .goods_price dt span i { font-size: 40px; } /*商品价格 颜色修改 end*/ .goods_price dt em { display: block; float: left; margin-left: 8px; padding-left: 5px; padding-right: 5px; height: 12px; font-size: 10px; color: #FFF; text-align: center; line-height: 12px; margin-top: 6px; background: #C4182E; padding-top: 4px; padding-bottom: 3px; } .goods_price dt strong { display: block; margin-left: 8px; height: 30px; float: left; font-size: 12px; line-height: 30px; color: #C4182E; font-weight: normal; } .goods_price dt font { margin-left: 0.1rem; text-decoration: line-through; font-size: 0.2rem; color: #999; white-space: nowrap; padding-top: 0.15rem; } .goods_price dt p { text-indent: 10px; float: left; font-size: 12px; line-height: 30px; color: #999; } .goods_price dd font { display: block; float: left; text-decoration: line-through; font-size: 12px; line-height: 30px; color: #999; } .goods_price dd p { text-indent: 10px; float: left; font-size: 12px; line-height: 30px; color: #999; } /*秒杀详情*/ .seckill_price { font-size: 0; background-color: #fff5f4; } .seckill_price dd { height: 60px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .seckill_price .left { font-size: 22px; width: 31%; color: #fff; background: url(../images/bgred.png) no-repeat; background-size: 100% 60px; } .seckill_price .left .price { margin: 5px 0 0 5px; } .seckill_price .left .small { font-size: 12px; color: #dddddd; text-decoration: line-through; margin-left: 5px; } .seckill_price .right { font-size: 13px; width: 69%; color: #333; text-align: right; line-height: 60px; background-color: #fff5f4; } .seckill_price .right span { margin-right: 10px; } .seckill_price .right i { color: #C4182E; } .price_dottm { width: 93%; margin: auto; } /*商品折扣,评价,付款 修改 20170315*/ .price_dottm li{ width:33.3%; float:left; height:0.3rem; font-size:0.14rem; line-height:0.3rem; text-align:center; color:#666} .price_dottm li { width: 33.3%; float: left; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*商品折扣,评价,付款 end*/ /*美妆价显示*/ .mz_dottm { width: 95%; height: 30px; margin: auto } .mz_dottm li { width: 50%; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mz_dottm .lclass{text-align:left; text-decoration:line-through;float: left;} .mz_dottm .rclass{float:right;text-align:right;} .mz_dottm .rclass .bgcolor{ background-color: #C4182E; padding:5px 5px 5px 15px; color: #fff; box-sizing: border-box; overflow: hidden; border-top-left-radius: 23px; border-bottom-left-radius: 23px; } /*优惠活动*/ .huodong { background: #F2F2F2; width: 100%; overflow: hidden } .huodong .subNav { margin-right: 10px; } /*.att_title { width: 100%; height: 0.3rem; border-bottom: 0.04rem solid #eee; }*/ .att_title span { margin-top: 8px; margin-left: 12px; float: left; font-size: 12px; line-height: 23px; color: #fff; width: 23px; height: 23px; background: #C4182E; border-radius: 50%; text-align: center; } .att_title p { width: 0.25rem; } .att_title p em{ color: #999; font-size: 14px; } .youhui_list1 a { font-size: 14px; color: #666; text-align: left; } .youhui_list1 { overflow: hidden; margin-top: 10px; } .youhui_list1 li { width: 50%; float: left; font-size: 14px; line-height: 30px; color: #666; } .youhui_list1 li img { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 22px; margin-right: 7px; margin-left: 12px; } /*属性弹出下拉菜单css*/ .navContent { display: none; } .ui-sx { width: 100%; overflow: hidden; } .subNavBox { overflow: hidden; margin-left: 10px; padding-bottom: 0px; margin-right: 10px; } /*许程 .subNav,.subNav1 { background: url(../images/arrow_down_off.png) no-repeat right center; background-size: auto 13px; } */ .subNav.on { background: url(../images/arrow_down_on.png) no-repeat right center; background-size: auto 14px; } .subNav strong { display: block; width: 100%; height: 40px; border-bottom: 1px solid #eeeeee; color: #666; font-weight: normal; font-size: 16px; line-height: 40px; } .currentDt { background-image: url(../images/jiantou2.png) no-repeat 97% center; background-size: auto 13px; } .navContent li { overflow: hidden; width: 100%; } .navContent li .title { width: 100%; font-size: 16px; line-height: 30px; color: #666; margin-top: 5px; } .navContent li .item { overflow: hidden; border-bottom: 1px solid #eeeeee; padding-bottom: 5px; } .navContent li .item a { padding-left: 10px; padding-right: 10px; border: 1px solid #CCC; line-height: 30px; display: inline-block; *display: inline; *zoom: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 5px; margin-bottom: 10px; } .navContent li .item a.hover { background: #C4182E; color: #FFF; border: 1px solid #C4182E; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .navContent li .purchase { font-size: 14px; line-height: 25px; color: #666; } .navContent li .purchase_v { font-size: 16px; line-height: 25px; color: #dd2724; font-weight: bold } .navContent li h2 { font-size: 18px; line-height: 30px; color: #333; font-weight: normal } .navContent li p { width: 95%; overflow: hidden; height: 25px; line-height: 25px; margin: auto } .navContent li .key { display: block; float: left; width: 30%; font-size: 14px; color: #666; text-align: right; } /*会员价 颜色修改 20170315*/ .navContent li .p-price-v { display: block; width: 70%; float: left; font-size: 16px; /*color:#dd2724;*/ color: #C4182E; } /*颜色修改 end*/ .navContent li .title1 { width: 100%; font-size: 16px; height: 20px; line-height: 20px; color: #666; padding-top: 10px } .navContent li .item1 { width: 100%; height: 50px; overflow: hidden; padding-bottom: 5px; } .navContent li .item1 a { padding-left: 10px; padding-right: 10px; border: 1px solid #CCC; line-height: 30px; display: inline-block; *display: inline; *zoom: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 5px; margin-bottom: 10px; } .navContent li .item1 a.hover { background: #C4182E; color: #FFF; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .navContent li .item1 .ui-number { border: 1px solid #ddd9da; overflow: hidden; height: 30px; display: block; width: 100px; margin-top: 10px; } .navContent li .item1 .ui-number .decrease { display: inline-block; *display: inline; *zoom: 1; background: none; font-size: 24px; line-height: 30px; border: 0; width: 30px; float: left; height: 30px; color: #F8849C; border-right: 1px solid #ddd9da; text-indent: -9999px; background: url(../images/flow/shop-cart.png) no-repeat 6px -25px; background-size: 60px } .navContent li .item1 .ui-number .num { display: inline-block; *display: inline; *zoom: 1; border: 0; width: 40px; height: 30px; float: left; text-align: center; font-size: 12px; line-height: 30px; color: #666; font-size: 20px; text-align: center } .navContent li .item1 .ui-number .increase { display: inline-block; *display: inline; *zoom: 1; background: none; border: 0; border-left: 1px solid #ddd9da; float: left; width: 30px; height: 30px; font-size: 24px; line-height: 30px; color: #F8849C; background: url(../images/flow/shop-cart.png) no-repeat -23px -25px; background-size: 60px; text-indent: -9999px } /*看了又看*/ .scroll_best { text-align: center; margin: 0px 8px; } .scroll_best .hd { height: 20px; overflow: hidden; font-size: 0; position: absolute; width: 100%; } .scroll_best .hd ul { display: inline-block; padding-top: 5px; } .scroll_best .hd li { display: inline-block; width: 10px; height: 10px; background: #C5C1C0; margin: 0 4px; vertical-align: top; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 6px; border-radius: 6px; } .scroll_best .hd .on { background: #D6505B; } .index_floor { width: 100%; overflow: hidden; margin-bottom: 20px; } .index_floor h2 { height: 0.55rem; line-height: 0.6rem; background: #ffffff; position: relative; font-size: 0.28rem; font-family: "微软雅黑"; font-weight: normal; text-indent:0.15rem; color: #535353; margin-left: 0.15rem; } .index_floor h2 span { height: 0.27rem; width: 0.05rem; background: #f23015; position: absolute; display: block; margin-top: 0.18rem; margin-left:0.1rem; } .bd { width: 100%; overflow: hidden } .bd ul { width: 100%; overflow: hidden } .bd ul li { width: 33.3%; float: left; text-align: center; margin-bottom: 10px; } .bd ul li a { display: block; width: 90%; overflow: hidden; margin: auto; } .bd ul li a .products_kuang { overflow: hidden; } .bd ul li a .products_kuang img { display: block; width: 100%; } .goods_name { width: 100%; font-size: 12px; color: #585858; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px solid #D7D7D7; text-align: left; } .bd ul li .price { height: 30px; width: 100%; position: relative; margin-top: 6px; } .bd ul li .price p { text-align: left; width: 90%; height: 30px; font-size: 14px; color: #666; line-height: 30px; } .bd ul li .price .car { display: block; right: 10px; height: 27px; width: 27px; background: #f23; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 0; } .bd ul li .price .car img { display: block; margin: auto; width: 25px; height: 25px; } /*详情 宽度修改20170628*/ .xiangq { width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 10px; } .xiangq li { font-size: 14px; line-height: 150%; color: #666; } .xiangq li p { display: inline-block; *display: inline; *zoom: 1; text-indent: 10px; } /*商品详情样式修改 20170628*/ .xiangq li span { vertical-align: top; width: 70%; display: inline-block; *display: inline; *zoom: 1; max-height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; /*text-indent:10px;*/ } .product_desc { margin: 0.22rem; } .product_desc img { max-width: 100% !important; height: auto !important } /*评价*/ .comment_list { width: 100%; overflow: hidden; } .score { padding-bottom: 20px; text-align: center; font-size: 16px; line-height: 50px; color: #666; margin-top: 30px; } .comment_list li { width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 10px; } .content_head { margin: auto; } .content_head .bd ul li { width: 100%; height: 100%; } .comment_item .content_head .info { overflow: hidden; width: 100% } .comment_item .content_head .info .name { display: inline-block; *display: inline; *zoom: 1; float: left; font-size: 18px; color: #666; line-height: 30px; } .comment_item .content_head .info .name em { display: inline-block; *display: inline; *zoom: 1; margin-left: 8px } .comment_item .content_head .info .name em img { height: 12px; } /*商品详情评价修改*/ .comment_star { font-size: 0; border-bottom: 1px solid #e0e0e0; padding: 10px; } .content_head .one, .content_head .two { font-size: 14px; width: 50%; overflow: hidden; line-height: 30px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .content_head .one {} .content_head .two { color: #999; text-align: right; } .comment_star .user_img { margin-right: 10px; width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .content_head .star_img { height: 15px; margin: 10px; } .content_head .txt { margin: 0 0 10px 10px; } /*评价的图片*/ .upimgbox { width: 60px; height: 60px; font-size: 0; text-align: center; border: 1px solid #ccc; margin: 0 0 10px 10px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .upimgbox img { max-width: 100%; max-height: 100%; } .upimgboxon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.5); } .upimgboxon li { font-size: 0; width: 100%; text-align: center; } .upimgboxon img { width: 100%; max-width: 720px; vertical-align: middle; } .comment_item .content_head .star_box { display: inline-block; width: 100%; overflow: hidden; height: 30px; } .comment_item .content_head .star_box span { display: inline-block; *display: inline; *zoom: 1; float: left; font-size: 14px; line-height: 35px; color: #999; } .comment_item .content_head .star_box em { display: inline-block; *display: inline; *zoom: 1; width: 100px; top: 0px } .comment_item .content_head .star_box em img { display: block; width: 100px; } .comment_item .content_head p { font-size: 14px; line-height: 150%; color: #999 } .comment_item .content_head .huifu { margin-top: 20px; } .comment_item .content_head .huifu h3 { font-size: 14px; line-height: 150%; color: #F60; font-weight: normal } .comment_item .content_head .huifu p { color: #F60; } .comment_page { width: 90%; text-align: center; margin: auto; margin-top: 10px; } .comment_page a { display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; padding-right: 10px; line-height: 25px; color: #666; font-size: 12px; border: 1px solid #ccc; -webkit-border-radius: 8%; -moz-border-radius: 8%; border-radius: 8%; } .summary { width: 100%; height: 100px; font-size: 16px; line-height: 100px; color: #666; text-align: center; margin-top: 50px; } /*晒单*/ .comment_nav { font-size: 0; color: #000; border-bottom: 0.01rem solid #dedede; height: 0.6rem; padding-left: 0.15rem; padding-right: 0.15rem; } .comment_nav li.on { color: #C4182E; } .shaidan { width: 100%; overflow: hidden; } .shaidan h3 { width: 100%; height: 30px; color: #333; font-size: 16px; line-height: 30px; font-weight: normal } .shaidan h4 { width: 100%; height: 20px; color: #666; font-size: 14px; line-height: 20px; font-weight: normal } .shaidan p { width: 100%; overflow: hidden; color: #999; font-size: 14px; line-height: 150%; } .sd_img { width: 100%; overflow: hidden; } .sd_img dl { width: 100%; overflow: hidden } .sd_img dl dd { float: left; width: 50px; height: 50px; margin: 5px; } .sd_img dl dd img { width: 50px; height: 50px; } /*底部导航*/ .bian { border-right: 1px solid #eeeeee; margin-left: -1px; } .footer_nav { width: 100%; height: 50px; position: fixed; z-index: 100; bottom: 0px; background: #f8f8f8; border-top: 1px solid #eeeeee; max-width: 720px; } .footer_nav ul { width: 40%; float: left; height: 50px; } .footer_nav ul li { width: 33%; float: left; height: 50px; } .footer_nav ul li span { display: block; width: 100%; height: 30px; text-align: center; font-size: 12px; color: #666; line-height: 20px; } .footer_nav ul li em { display: block; width: 30px; height: 25px; margin: auto; background: url(../images/pub_goods.png) no-repeat; background-size: auto 280px; } .footer_nav ul li .goods_nav1 { background: url(../images/qq.png) no-repeat center 7px; background-size: 18px 18px; } .footer_nav ul li .goods_nav2 { background-position: 0 -222px; } .footer_nav ul li .goods_nav3 { background-position: 0 -252px; } .footer_nav ul li .goods_nav3_on { background: url(../images/pub_goodssc.png) no-repeat; background-size: 32px 22px; background-position: 0px 5px; } .footer_nav dl { width: 60%; float: left; height: 50px; } .footer_nav dl dd { width: 50%; float: left; height: 51px; text-align: center; margin-top: -1px; } .footer_nav dl dd a { font-size: 16px; line-height: 51px; color: #FFF } .footer_nav dl .flow { background: #ff9c00 } .footer_nav dl .flow1 { background: #ff9c00 } /*购买按钮背景颜色 修改 20170315*/ /*.footer_nav dl .goumai{ background:#C4182E}*/ .footer_nav dl .goumai { background: #C4182E; } .footer_nav dl .goumai1 { background: #C4182E; } /*购买按钮背景颜色 end*/ /*加减号*/ .input-sub { display: inline-block; width: 25px; height: 25px; position: relative; vertical-align: middle; background-color: #fafafa; background-color: #fafafa; background: url(../images/flow/shop-cart.png) no-repeat 6px -55px; background-size: 60px } .input-sub.active { background-color: #fafafa; background: url(../images/flow/shop-cart.png) no-repeat 6px -27px; background-size: 60px } /*商家入住店铺信息*/ .rzs_info { width: 100%; margin-top: 10px; overflow: hidden; background: #FFF; padding-top: 10px; padding-bottom: 10px; } .rzs_info dl { width: 95%; margin: auto; overflow: hidden } .rzs_info dl dt { width: 50px; float: left; height: 50px; overflow: hidden; } .rzs_info dl dt div { height: 48px; width: 48px; background-position: center center; background-size: 48px; background-repeat: no-repeat; background-color: #fff; } .rzs_info dl dd { width: 80%; float: left; } .rzs_info dl dd strong { display: block; width: 100%; font-size: 14px; line-height: 30px; color: #999; text-indent: 10px; font-weight: normal } .rzs_info dl dd em { display: block; width: 100%; font-size: 14px; line-height: 20px; color: #999; font-style: normal; text-indent: 10px; } .rzs_info ul { width: 95%; margin: auto; overflow: hidden; } .rzs_info ul li { width: 33.3%; float: left; height: 40px; text-align: center; margin: 0px; padding: 0px; } .rzs_info ul li span { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; line-height: 40px; color: #999; } .rzs_info ul li strong { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; line-height: 40px; color: #C4182E; font-weight: normal; } .rzs_info ul li em { display: inline-block; *display: inline; *zoom: 1; width: 13px; height: 13px; font-size: 10px; line-height: 14px; color: #fff; border-radius: 2px; background: #C4182E; text-align: center; margin-left: 3px; } .rzs_img { width: 100%; overflow: hidden } .rzs_img img { width: 100% !important; height: auto !important } .s_dianpu { width: 100%; margin-top: 5px; overflow: hidden } .s_dianpu span { display: block; float: left; width: 50%; height: 50px; } .s_dianpu span a { display: block; width: 90%; height: 40px; border: 1px solid #a0a0a0; border-radius: 3px; font-size: 14px; line-height: 40px; text-align: center; line-height: 40px; position: relative; color: #333 } .bg1 { display: block; width: 25px; height: 25px; position: absolute; background: url(../images/rzs.png) no-repeat; background-size: auto 50px; background-position: 0 0; margin-top: 5px; left: 15%; } .bg2 { display: block; width: 25px; height: 25px; position: absolute; background: url(../images/rzs.png) no-repeat; background-size: auto 50px; background-position: 0 -25px; margin-top: 6px; left: 15%; } /*自提点css*/ .ziti { width: 100%; margin-top: 10px; border: 1px solid #000 } /*优惠套餐*/ .index_taocan { width: 100%; overflow: hidden; margin-bottom: 20px; } .index_taocan h2 { height: 35px; line-height: 37px; background: #ffffff; position: relative; font-size: 16px; font-family: "微软雅黑"; font-weight: normal; text-indent: 15px; color: #535353; background: url(../images/arrow_down_off.png) no-repeat right center; background-size: auto 14px; margin-right: 10px; } .index_taocan h2 span { height: 17px; width: 3px; background: #f23015; position: absolute; display: block; margin-top: 10px; margin-left: 6px; } .tc_goods { width: 95%; margin: auto; overflow: hidden; } .t_goods { width: 30%; float: left; overflow: hidden; } .t_goods dt { width: 100%; overflow: hidden } .t_goods dt img { display: block; height: 90px; margin: auto } .t_goods dd { text-align: center; line-height: 200%; font-size: 14px; color: #666 } .jia { width: 5%; float: left; } .jia img { display: block; width: 80%; margin: auto; margin-top: 40px; } /*优惠套餐详情goods_taocan.dwt*/ .Packages { width: 100%; overflow: hidden; margin-top: 20px; border-bottom: 1px solid #eeeeee; } .Packages h2 { height: 35px; line-height: 37px; background: #ffffff; position: relative; font-size: 16px; font-family: "微软雅黑"; font-weight: normal; text-indent: 15px; color: #535353; } .Packages h2 span { height: 17px; width: 3px; background: #f23015; position: absolute; display: block; margin-top: 10px; margin-left: 6px; } .Packages dl { width: 90%; margin: auto; overflow: hidden; border-bottom: 1px solid #eeeeee; padding-top: 10px; padding-bottom: 10px; } .Packages dl dt { width: 25%; float: left } .Packages dl dt img { width: 100%; border: 1px solid #eeeeee } .Packages dl dd { width: 75%; float: left } .Packages dl dd p { width: 98%; float: right; font-size: 14px; line-height: 150%; color: #333; } /*.Packages dl dd span*/ .time { width: 98%; float: right; font-size: 0.22rem; line-height: 0.4rem; color: #999; } .i-fday{ width:18px; height:18px; border-radius:3px; line-height:18px; text-align: center; color: #fff; margin-right: 3px; margin-left: 3px; padding: 1px 3px 0px 3px; background: #0097e0; } .i-fday{ width:18px; height:18px; border-radius:3px; line-height:18px; text-align: center; color: #fff; margin-right: 3px; margin-left: 3px; padding: 1px 3px 0px 3px; background: #0097e0; } .i-fday{ width:18px; height:18px; border-radius:3px; line-height:18px; text-align: center; color: #fff; margin-right: 3px; margin-left: 3px; padding: 1px 3px 0px 3px; background: #d40022; } .Packages dl dd span font { float: left; font-size: 18px; line-height: 30px; color: #F30; margin-right: 10px; } .buypack { width: 90%; margin: auto; overflow: hidden; padding-top: 5px; padding-bottom: 10px; } .buypack dl { width: 100%; overflow: hidden } .buypack dl dt { width: 100%; overflow: hidden } .buypack dl dt span { display: block; float: left; height: 20px; font-size: 14px; line-height: 20px; margin-right: 10px; } .f_pack1 { color: #333 } .f_pack { color: #F60 } .f_yuan { color: #999; text-decoration: line-through; } .buypack dl dd { width: 100%; overflow: hidden } .buypack dl dd strong { display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; padding-right: 10px; border: 1px solid #F30; height: 25px; font-size: 12px; text-align: center; line-height: 25px; color: #F30; font-weight: normal; margin-top: 10px; border-radius: 3px; } .btn_pack:hover { color: #FFF; } .btn_pack { display: block; width: 100%; margin-top: 20px; background: #F30; font-size: 14px; line-height: 40px; text-align: center; color: #FFF; height: 40px; margin-bottom: 10px; } .btn_pack:active { color: #FFF; } /*详情页面配送方式和门店自提*/ .shipping { line-height: 25px; } .list-entry-extra { border-bottom: 1px solid #e1e1e1; border-width: 0 0 1px 0; background-size: auto 13px; position: relative; margin-left: 10px; margin-right: 10px; padding-bottom: 10px; } .list-entry-extra .row01 { padding-top: 14px; position: relative; display: -webkit-box; display: -moz-box; display: box; width: 100%; } .list-entry-extra .row01 .col01 { font-weight: normal; font-size: 16px; color: #666; width: 50px; display: block; } .list-entry-extra .row01 .col01, .list-entry-extra .row01 .col02 { vertical-align: top; } .address01 { position: relative; margin-right: 0.1rem; background: #d60021 } .address01 span { font-size: 14px; display: inline-block; margin-right: 10px; } .icon-location { display: inline-block; width: 13px; height: 16px; background: url('../images/detail-sprites.png') no-repeat center center; background-size: 11px 16px; } .icon { display: inline-block; vertical-align: middle; font-style: normal; } .row01col03 { color: #f58a8a; font-size: 14px; line-height: 15px; padding-bottom: 5px; padding-right: 20px; } /*代码增加_star PC功能同步_自提点*/ .fo-con .ct-list li.shipping_type { padding: 15px 0px; } .fo-con .ct-list li.shipping_type p { padding: 0px 10px } .con-ct .ct-list li.J_store p.ziti { width: auto; height: auto; margin: 10px 0px 0px; border-top: #d9d9d9 solid 1px } .con-ct .ct-list li.J_store p.ziti span.zitidian { display: block; width: auto; height: 40px; line-height: 40px; color: #FF0000; } .con-ct .ct-list li.J_store p.ziti .revise { display: block; width: auto; color: #000; height: 30px; line-height: 30px; } .con-ct .ct-list li.J_store p.ziti .revise span { display: block; text-align: left; width: 80%; float: left } .con-ct .ct-list li.J_store p.ziti .revise font { display: block; color: #FF0000; width: 20%; text-align: right; float: right; } .pop { padding: 15px 10px } .pop .pop_head { background: #F7F7F7; height: 40px; line-height: 40px; text-indent: 10px; font-size: 14px; border-bottom: #D9D9D9 1px solid; border-top-right-radius: 3px; border-top-left-radius: 3px; } .pop .pop_body { background: #ffffff; width: 100%; } .pop .pop_body table {} .pop .pop_body table.choose_ziti td { padding: 10px 0px; border-bottom: #D9D9D9 1px solid; text-indent: 10px; } .pop .pop_body table td p.no_ziti { height: 50px; line-height: 50px; text-align: center } .pop .pop_body table.choose_ziti td.you_ziti { text-indent: 0 } .pop .pop_body table td a.ziti_list { position: relative; display: inline-block; width: 95%; text-align: left; } .pop .pop_body table td a.ziti_list p { height: 20px; line-height: 20px } .pop .pop_body table td a.ziti_list p.ziti_name { height: 25px; line-height: 25px } .pop .pop_body table td a.ziti_list .i-icon-arrow-right { position: absolute; top: 50%; left: 95%; margin-top: -10px } .pop .pop_body table td a.ziti_list p.ziti_name span { font-size: 14px; color: #666 } #pickup_point { color: #ff3300 } #pickup_point .pickup-location { vertical-align: middle; font-style: normal; display: inline-block; width: 13px; height: 16px; margin-left: 5px; background: url('../images/detail-sprites.png') no-repeat center center; background-size: 11px 16px; } .sidebar-content1 { display: none; position: fixed !important; top: 0px; left: 40%; width: 60%; height: 100%; overflow: scroll; z-index: 100; background: #666; opacity: 0.95; padding: 0px; overflow: hidden; } #pickup_point_list { width: 100%; height: 100%; } #pickup_point_list .no_ziti { width: 90%; height: 95%; padding: 5%; text-align: center; color: #fff; font-size: 14px } #pickup_point_list ul { width: 90%; height: 95%; padding: 5%; overflow-y: scroll } #pickup_point_list ul li { margin-bottom: 15px; color: #fff } #pickup_point_list ul li p { font-size: 14px; line-height: 20px; } #pickup_point_list ul li p.shop_name { font-size: 14px; border-bottom: 1px #a6a6a6 solid; line-height: 30px; margin-bottom: 5px; } #BgDiv { background-color: #e3e3e3; position: absolute; z-index: 100; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; } .row01col04 { font-size: 14px; color: #000; } #treelist_dummy { height: 14px; line-height: 14px; width: 200px; border: none; background: url(../images/icojiantou1.png) no-repeat right 4px; background-size: auto 13px; padding-top: 5px; padding-bottom: 5px; } .blank10 { height: 10px; line-height: 10px; clear: both } .user_price { border-bottom: 1px solid #eeeeee; padding-bottom: 5px; padding-top: 5px; } .user_price p { margin-left: 0px; padding-left: 0px; width: 100% !important; } /*商品详情(满减)*/ .Fullbox { color: #666; border-top: 1px #ddd solid; padding: 8px 10px 8px 10px; position: relative; } .Fullbox .fullfont { width: 25px; height: 25px; line-height: 25px; display: inline-block; border-radius:50% ; text-align: center; /*-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*/ } /*满减*/ .Fullbox .fullfont1 { border: 1px #C4182E solid; color: #C4182E; } /*满折*/ .Fullbox .fullfont2 { background-color: #C4182E; border: 1px #C4182E solid; color: #fff; } /*包邮*/ .Fullbox .fullfont3 { border: 1px #ff9c00 solid; color: #ff9c00; } /*赠送*/ .Fullbox .fullfont4 { background-color: #ffe617; border: 1px #ffe617 solid; color: #000; } /*商品详情(优惠搭配)*/ .cations { padding: 10px 10px 10px 140px; position: relative; } .cations .cations_img { position: absolute; left: 10px; top: 10px; z-index: 10; width: 120px; height: 120px; background-color: #eee; } .cations .cations_img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .cations .cations_info { height: 120px; font-size: 16px; color: #959595; line-height: 28px; padding: 10px 0; } /*优惠促销*/ .prom_list {} .prom_list .tit { font-size: 16px; padding: 3%; border-bottom: 1px #ddd solid; } .prom_list ul { padding-left: 45px; } .prom_list ul li { position: relative; padding: 10px 10px 10px 115px; border-bottom: 1px #ddd solid; } .prom_list ul li .mark { position: absolute; left: -35px; top: 50%; margin-top: -12.5px; width: 25px; height: 25px; background-color: #ddd; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } .prom_list ul li .mark.on1 { background-image: url("../images/on1.png"); } .prom_list ul li .mark.on2 { background-image: url("../images/on2.png"); } .prom_list ul li .prom_mark_img { position: absolute; left: 5px; top: 10px; width: 100px; max-height: 100px; } .prom_list ul li .mark_goods_info { height: 100px; } .prom_list ul li .mark_goods_info p { display: block; max-height: 50px; line-height: 25px; font-size: 16px; overflow: hidden; } .prom_list ul li .mark_goods_info .inline_two { display: inline-block; float: left; } .prom_list ul li .mark_goods_info .inline_left { width: 80%; } .prom_list ul li .mark_goods_info .inline_rig { width: 20%; } .tar { text-align: right; } .arrow_down_off { width: 16px; height: 16px; } .c9 { color: #999; } .prom_footer { position: fixed; left: 0; bottom: 0; height: 50px; width: 100%; text-align: center; background-color: #fff; border-top: 1px #ddd solid; } .prom_footer .footbtn { float: left; line-height: 50px; } .prom_footer .footbtn span { color: #dd2726; } .prom_footer .left { width: calc(40% - 20px); padding: 5px 10px; line-height: 20px; text-align: left; font-size: 12px; } .prom_footer .center { width: 30%; background-color: #ff9c00; color: #fff; } .prom_footer .right { width: 30%; color: #fff; background-color: #dd2726; } /*-------nyf 8-3-------*/ .s_boder{ border-bottom: 0.02rem solid #eee} .bzfw{height: 0.7rem; padding-right: 0.14rem; } .bzfw img{width: 1.5rem; height: 0.28rem; margin-left: 0.15rem; } .table_s { margin:0 0.23rem; margin-right: 0.1rem; margin-bottom: 0.3rem; } .tb_item{ height: 0.7rem; line-height:0.7rem; } .item_left{width: 1.5rem; height: 100%; background: #f9f9f9 ;border:0.01rem solid #e4e4e4} .item_right{height:100%; overflow : hidden;white-space:nowrap; text-overflow: ellipsis; width: 72.2%;border-right: 0.01rem solid #eee;border-top: 0.01rem solid #eee; } .item_right .text{ margin-left:0.1rem;} .tuwen_title { height: 0.7rem; background-color:#eeeeee; margin-bottom: 0.2rem; justify-content:center; align-items:center; } .tuwen_title .g_line { width: 3.8rem; height: 0.01rem; border-bottom:#ababab 0.01rem solid; } .tuwen_title .center_s { width:1.15rem; height:0.4rem; background-color:#eeeeee; overflow:hidden; font-size: 0.28rem; display: flex; align-items: center; justify-content: center; } .tuwen_title .center_s img { width: 0.3rem; height: 0.25rem; margin-right:0.05rem; } .t_g_info { margin:0 0.25rem; margin-bottom:0.1rem; } .swiper-slide.xc-swpier-width{ width: 79% !important; margin-right: 0.15rem!important; } .swiper-container.div-width{ width: 100%!important; margin-left: 0.23rem; } .red_shu { width: 0.04rem; height: 0.3rem; background-color:#da0035; margin-right: 0.055rem; } /*许程8-07*/ .xc-good-purpose{ /*8.3*/ width:93%; padding-left:0.23rem; height: 0.75rem; margin-top: 0.23rem; margin-bottom: 0.2rem; } .xc-coupon-frame{ width: 100%; padding-left: 0.08rem; height: 0.7rem; border-bottom: 0.02rem solid #eee } .xc-coupon-frame span{ width:0.38rem; height: 100%; padding-right: 0.09rem; } .xc-coupon-frame .xc-lingquan{ width: 0.75rem; justify-content: flex-end; } .xc-coupon-frame .coupon-frame{ width:82.5%; height: 100%; padding-left: 0.12rem; } .xc-coupon-frame .coupon-frame .circular{ border-radius: 50%; background: #fff; width: 0.15rem; height:0.18rem; top: 0.06rem; } .xc-coupon-frame .coupon-frame .one{ left: -0.08rem; } .xc-coupon-frame .coupon-frame .two{ right:-0.09rem; } .xc-coupon-frame .coupon-frame .three{ left:-0.08rem; } .xc-coupon-frame .coupon-frame .four{ left: 1.2rem; } .xc-coupon-frame .coupon-frame .five{ left:-0.1rem; } .xc-coupon-frame .coupon-frame .six{ left: 1.2rem; } .xc-coupon-frame .coupon-frame li{ color: #fff; font-size: 0.22rem; height: 0.32rem; text-align: center; display:flex; align-items: center; white-space: nowrap; margin-right: 0.2rem; } .xc-jt{ width: 0.15rem; height: 0.15rem; border-color: #d60021; } .xc-couponLisrt{ display:none; } .xc-popup{ width:100%; background: #fff; z-index:11; border-top-left-radius: 5px; border-top-right-radius: 5px; position:fixed; left: 0; bottom: 0 } .xc-popup .top-frame{ width: 100%; overflow: hidden; } .xc-popup .top-frame .coupon-top{ width:90%; height:0.65rem; border-bottom:0.04rem solid #d5d5d5; line-height: 0.55rem; font-weight:600; margin-top: 0.25rem; } .xc-top-content{ width:90%; height:0.6rem; line-height: 0.6rem; overflow: hidden; } .xc-couponList-frame{ width:90%; height:5rem; overflow-y: auto; } .xc-confirm{ width: 2.5rem; height: 0.45rem; background: #f40026; color: #fff; border-radius: 0.15rem; } .xc-couponList-frame .coupon { width:99%; height:84px; border-radius:13px; margin-top:8px; } .xc-circular-one{ position: absolute; top:-0.04rem; left:95%; width: 0.15rem; height: 0.15rem; background: #fff; overflow: hidden; } .xc-coupon-left{ width: 2.35rem; height: 100%; background-color: #ffeeef; border-right: 2px dashed #ffdbd9; line-height: 100%; } .xc-moneycolor{ color: #f30026; } .xc-money-frame{ margin-top:25px; } .xc-rmb{ width:22px; padding-top:2px; } .xc-spacing{ letter-spacing:-0.05px; margin-top: 5px; } .xc-coupon-right{ width: 100%; height: 100%; background: #fffaf9; } .xc-detail-coupon{ margin-left:0.12rem; overflow: hidden; width: 60%; } .xc-below{ margin-top:11px; } .xc-get{ width: 1.1rem; height:0.35rem; color: #fff; text-align: center; border-radius:0.12rem; background:#f40028; font-size: 0.25rem; } .xc-circular-two{ position: absolute; left:95%; width: 0.15rem; height: 0.15rem; background: #fff; bottom: -0.04rem; } .swiper-container { width:96.1%; height: 2.55rem; margin-bottom:0.2rem!important; } .swiper-container.xc-widths{ width:100%; } .swiper-slide{ width:75%!important ; height: 2rem !important; border: 0.04rem solid #eee; border-radius: 0.2rem; display: flex; margin-top: 0.32rem; /*margin-left: 0.08rem;*/ overflow: hidden; } .swiper-slides{ width:71.35%!important ; height: 2rem !important; border: 0.04rem solid #eee; border-radius: 0.2rem; display: flex; margin-top: 0.32rem; margin-left: 0.08rem; overflow: hidden; } .xc_comment-left{ display:inline-block; width: 2.8rem; } .xc_comment-user{ display: flex; margin-top: 0.2rem; margin-left:0.17rem; } .xc_imgs{ width: 0.6rem; height: 0.6rem; border-radius:50%; margin-right: 0.05rem; } .xc_user{ height: 0.6rem; line-height: 0.3rem; margin-left: 0.03rem; } .xc_user-name{height: 0.18rem;} .xc_comment-img{ width: 0.2rem; height: 0.2rem; margin-top: 0.17rem; } .xc_comment-font{ height:0.7rem; margin-left: 0.17rem; white-space:normal; overflow: hidden; margin-top: 0.12rem; } .xc_comment-val{ margin-left: 0.17rem; } .xc_comment-time{ color: #a5a5a5; } .xc_goods-img-frame{ width: 30%; height: 100%; margin-left: 0.5rem; } .xc_goods-img{ width: 1.5rem; height: 1.5rem; } .bb_view{ padding: 0 0.23rem; color: #333; height: 0.9rem; overflow: hidden; border-top: 0.02rem solid #eee; } .red_bb{ color: #d70026; } .bg_jj{ width: 0.15rem; height:0.15rem; border-top: 1px solid #d70026; border-right: 1px solid #d70026; transform: rotate(45deg);display:inline-block; } .xc_comment{ width: 100%; padding-left: 0.23rem; color: #948485; } .xc_comment-have-pictures{ padding-left: 0.22rem; padding-right: 0.22rem; height: 0.35rem; text-align: center; background: #ffe3e2; border-radius: 0.2rem; font-size: 0.18rem; display: flex; align-items: center; } .xc_comment-discuss{ padding-left: 0.22rem; padding-right: 0.22rem; height: 0.35rem; text-align: center; background: #ffe3e2; border-radius: 0.2rem; margin-left: 0.17rem; font-size: 0.18rem; display: flex; align-items: center; } .xc-linellae-frame{ width: 100%; height: 30px; background: #eee; } .xc-linellae-frame .xc-linellae{ width: 193px; height: 1px; border-bottom: 1px solid #a5a5a5; } .xc-recommend{ width: 0.3rem; height: 0.3rem; } .xc-recommend-frame{ background:#eee; height:100%; padding-left: 0.15rem; padding-right: 0.15rem; } .xc-recommend-frame .xc-recommend-word{ margin-left: 0.05rem; margin-top: 0.05rem; } .xc-goods-recommend .xc-goods-imgs{ width: 100%; height: 162px; border-radius:10px 10px 0 0; } .money-color-val{ color: #c6172f; } .rmb-symbol{ line-height:0.7rem; } .word-lines{ text-decoration:line-through; line-height: 0.7rem; margin-left: 0.08rem; } .xc-original-price{ color: #c0c0c0; } .xc-li { font-size: 0.2rem; width: 0.95rem; background: #ffe3e2; text-align: center; height: 0.33rem; padding-left: 0.18rem; padding-right: 0.01rem; border-radius: 0.18rem; display: flex; align-items: center; } /* 用户评价 */ .xc-middle{ width: 95%; height:auto; margin:0 auto; } .xc-middle .middle-img-frame{ height: 0.56rem; display: flex; margin-top: 0.25rem; } /* 评价的用户图片 */ .xc-middle .middle-img-frame .middle-img{ width: 0.6rem; height: 0.6rem; margin-right: 0.1rem; } /* 评价的用户边框 */ .xc-middle .middle-img-frame .middle-user-frame{ overflow: hidden; } .xc-middle .middle-img-frame .middle-user-frame .star { width: 0.23rem; height: 0.23rem; } .xc-middle .xc-pirces{ height: 0.4rem; padding-top: 0.2rem; font-size: 0.23rem; } .img-li { width:75px; height:75px; margin-top:4px; } .iddle-goods-img{ width: 100%; display: flex; } .goods-img{ width:1.3rem; height:1.3rem; } .z_parameter{ width: 98%; height: 0.3rem; margin-bottom: 0.25rem; margin-top: 0.15rem; } .parameter-img{ width: 12px; height: 12px; margin-top: 2px; } .parameter-dian{ display: flex; height: 16px; font-size:10px; border-radius:10px; line-height:16px; padding-left: 12px; border:1px solid #eeeeee; padding-right: 11px; margin-top: 0.03rem; } .parameter-val{ margin-left:12px; color: #eeeeee; } .reply{ width: 100%; height: 0.8rem; padding-top: 0.1rem; border-top:0.01rem solid #eeeeee; margin:0 auto; } .line_bulge{ width: 0.15rem; height: 0.15rem; border-top: 0.01px solid #eeeeee; border-left: 0.01px solid #eeeeee; transform:rotate(45deg); position: absolute; top:-0.09rem; left:0.35rem; background:#fff; } .shop-font{ width: 94%; padding-top:0.08rem; } .shop-reply{ height: 0.22rem; color:#d60022; font-size: 0.18rem; overflow: hidden; } /*秒杀 8.7*/ .prom_show{height:1rem;} .prom_show .secondkill-img{width: 100%; height: 100%;} .prom_show .spike-img{width:2.3rem;height: 0.48rem;top: 0.23rem;left: 0.23rem;} .prom_show .stop{ color:#d81731;top: 0.18rem;right: -0.4rem; width: 3.6rem} .prom_show .xc-miaosha-time{right:8px; top:27px; line-height: 21px} .prom_show .xc-miaosha-time .day{padding-right:5px;} .prom_show .xc-miaosha-time .time-val{width:18px;height:18px;border-radius:3px; line-height: 18px;} .prom_show .xc-miaosha-time .time{margin-right:2px; margin-left:2px;} /*分享按钮*/ .xc-share-frame-jieti{ width: 1.05rem; height: 0.4rem; border-top-left-radius: 0.12rem; border-bottom-left-radius: 0.12rem; background: #d60021; } .xc-share-frame-jieti .share-frame{ width: 0.25rem; height: 0.25rem; margin-left: 0.08rem; } /*推荐商品 许程8.9*/ .xc-goods{ height: auto; background: #f2f2f2; padding: 0 0.10rem; padding-bottom: 0.25rem } .xc-goods-recommend { border-radius: 0.1rem; width:49%; height:3.7rem; display: inline-block; } .xc-goods-recommend .xc-goods-imgs{ width: 100%; height:2.64rem; border-radius: 0.1rem 0.1rem 0 0; } .xc-goods-bottom{ width: 100%; height: 1.11rem; background: #fff; border-radius: 0 0 0.1rem 0.1rem; } .xc-goods-bottom .monry-frame{ width:2.61rem; padding-left:0.21rem; height: 0.4rem; } .money-color-val{ color: #c6172f; } .xc-original-price{ color: #c0c0c0; } .xc-good-explain{ width: 2.6rem; height: 0.458rem; margin-left: 0.23rem; font-size: 0.22rem; margin-top: 0.08rem; line-height: 0.26rem; } /*修改 许程 8.14*/ .product_info { width: 100%; overflow: hidden; background-color:#fff; } .xc-code-frame{ width: 100%; margin-bottom: 0.33rem; } .xc-code-frame .xc-black-code-frame{} .xc-code-frame .xc-black-code-frame .xc-black-code{ border-radius: 0.15rem; padding-left: 0.15rem; padding-right: 0.15rem; margin-left: 0.05rem; font-size: 0.2rem; } .xc-black{ background: #3c300a; } .xc-red{ background:#f6294f; } .xc-code-frame .xc-black-code-frame .xc-black-code .xc-black-img{ width: 0.18rem; height: 0.18rem; } .xc-rmbs { padding-top: 0.09rem; text-align: right; margin-left: 0.05rem; } /*等级卡*/ .xc-grade-code{ width:93%; height: 1.05rem; margin: auto; margin-bottom: 0.25rem; } .container{ height: 100%; margin-bottom: 0rem !important; } .slides{ width: 86% !important; height: 95% !important; border: 0.01rem solid #eee; border-radius: 0.1rem; margin-top: 0rem; } .ml{ margin-left: 0.15rem; } .bui{ background: #f7f7f7; } .reds{ background: #ffe3e7; } .slides .xc-right-frame{ width: 80%; height: 100%; background:#f7f7f7; } .slides .xc-right-frame .xc-black-code{ height: 0.35rem; border-radius: 0.25rem; /*padding-left: 0.2rem; padding-right: 0.2rem;*/ font-size: 0.20rem; margin-left: 0.2rem; overflow: hidden; } .slides .xc-right-frame .xc-black-code .xc-black-img{ width: 0.18rem; height: 0.18rem; margin-left: 0.1rem; } .fc-hui{ color: #807d7c; } .fc-red{ color: #f6294f; } .slides .xc-left-frame{ width: 20%; height: 100%; } .slides .xc-left-frame .member-frame{ width: 0.6rem; height: 0.6rem; } .bg_right-frame{ width: 0.18rem; height: 0.18rem; border-color: #fff; } .bg_right-frame-black{ width: 0.18rem; height: 0.18rem; border-color: #000; } .xc-huika{ background:#f3efe3 ; } .pd-button{ padding-top: 0.045rem; } /*促销送积分*/ .integral{ font-size: 0.15rem; border: 0.01rem solid #ec8f9d; color: #ec8f9d; border-radius: 0.05rem; width: 0.26rem; height: 0.23rem; margin-left: 0.15rem; /*line-height: 0.26rem;*/ } .xc-black-code{ border-radius: 0.15rem; padding-left: 0.1rem; padding-right: 0.1rem; margin-left: 0.07rem; font-size: 0.2rem; padding-bottom: 0.01rem; height: 0.28rem; white-space:nowrap; } .xc-black-code .xc-black-img{ width: 0.18rem; height: 0.18rem; margin-top: 0.02rem; } .xc-img-val{ top: 0.1rem; right: 0.3rem; padding-left: 0.1rem; padding-right: 0.1rem; } .xc-w{ width: 1.1rem; } .share-font{ font-size: 0.25rem; } .address01.ny_pd{ padding: 0 0.15rem} .xc-user-name{ overflow: hidden; height: 0.3rem; }