/*覆盖样式*/
body,html{ height:100%; max-width:1280px; margin:0 auto}
body{ margin:0 auto; font-family:arial; font-size:12px; font-family:"微软雅黑"; padding:0px 0px 0px 0px; background:#efeff4; }

li{ list-style:none}

.swiper-container .swiper-wrapper{ min-height:150px; max-height:300px; }


.diy-tab{ margin:0px; margin-bottom:10px; background-color:#fff}
.diy-tab .active{ border-bottom:2px solid #f1c40f}
.diy-tab li{ text-align:center; font-size:13px;}
.diy-tab li a{ color:#444; display:block; padding:15px 0px 13px 0px}
.diy-tab li a:active{ background-color:#f1f1f1; border-bottom:1px solid #f1f1f1}
.diy-tab i{ display:block; font-size:22px; color:#888}



/*全部分类*/
.category-list img{border-radius:100%; vertical-align: bottom}

.CategoryTab{padding:0px;width:21%;background-color:#FFF; position: fixed  ; height:100%; z-index:999; padding-bottom:74px}
.CategoryTab ul{ padding:0px; margin:0px;width:100%; overflow: auto;overflow-x: hidden;overflow-y:scroll; height:100%; padding-top:40px;}
.CategoryTab.eat ul{ padding-top:0px}
.CategoryTab ul::-webkit-scrollbar{width:0;height:0}

.CategoryTab li{ list-style:none; text-align:center; line-height:50px;width:100%; height:50px; overflow:hidden;}
.CategoryTab li.am-active{ border-left:3px solid #f1c40f; background:#f5f5f5}
.CategoryTab li:active{ background:#eee; color:#000}


.CategoryData{padding:6px 0 0px 22%; height:100%}
.CategoryData ul{padding-bottom:53px; padding-top:38px}
.CategoryData.eat{ padding-top:4px}
.CategoryData.eat ul{ padding-top:0px}
.CategoryData li{ list-style:none;position:relative;color:#666; font-size:12px; overflow:hidden; background-color:#fff}
.CategoryData li .goods_img.u-sm-4{display:inline-block; width:37%}
.CategoryData li .goods_info.u-sm-8{  display:inline-block; padding: 3px 5px; width:63%; height:100%}
.CategoryData li .goods_info div{ margin:1px 0px}
.CategoryData li .goods_title{ font-size:15px; color:#222}
.CategoryData li div.goods_price{ font-size:18px; color:#ff6000; margin-bottom:0px}
.CategoryData li div.goods_brief{ font-size:11px; color:#999; min-height:30px}
.CategoryData li div.sales_badge .badge{ margin-right:2px; font-size:10px; margin-bottom:2px; line-height:10px; padding:4px 4px 1px 4px; min-height:inherit}
.CategoryData li img{ width:100%; margin:1px 0px}
.CategoryData .panel{ position:absolute; right:10px; bottom:11px}
.CategoryData .panel input{  width:20px; border:none;border-bottom:1px solid #eee; text-align:center}
.CategoryData .panel i{ font-size:30px; line-height:30px; color:#f1c40f; position:relative; top:10px}
.panel input,.panel .minus{ display: none}
.success .panel input,.success .panel .minus{ display: inline}


img.u-flyer{display: block;border-radius: 100%;position: fixed  ; width:50px; height:50px; z-index:999; padding:0px  }
 
#CarBox li{ list-style:none;position:relative;color:#666;overflow:hidden;} 
#CarBox  .panel input{  width:40px; border:none;border-bottom:1px solid #eee; text-align:center; margin-top:-15px}
#CarBox .panel i{ font-size:30px; color:#f1c40f;}

.goods-info li{ list-style:none;position:relative;color:#666;overflow:hidden;} 
.goods-info li.goods-price{ font-size:20px; color:#D51A1A}
.goods-info  .panel{ float:right}
.goods-info  .panel input{  width:40px; border:none;border-bottom:1px solid #eee; text-align:center; margin-top:-15px}
.goods-info .panel i{ font-size:26px; color:#f1c40f;}

#FooterCar{ position:relative; }
#FooterCar .dou{ position: absolute;top:50px;left:15px; opacity:0px; width:60px; height:60px; }
#FooterCar.small{ position: fixed; left:0px; width:100%; bottom:0px; background:#323941; z-index:999; color:#fff;  font-size:20px; height:49px}
#FooterCar.small .fl{ margin-top:10px; margin-left:11px; padding-left:50px;}
#FooterCar.small .car-iocn{ position: absolute  ; font-size:30px; margin-right:15px; line-height:0px; background-color:#777; padding:10px; left:3px;top:-7px; border-radius:100%}
#FooterCar.small .car-iocn:active{ background-color:#555}
#FooterCar.small .car-iocn .badge{ position: absolute; right:-1px; top:0px }
#FooterCar.small button{ float:right; padding-top:15px; padding-bottom:15px}
#FooterCar small{ font-size:11px; color:#9EACFF}

#FooterCar.car{ position: fixed; left:0px; width:100%; bottom:0px; background:#323941; z-index:999; color:#fff;  font-size:20px}
#FooterCar.car .fl{ margin-top:5px; margin-left:11px; color:#fff}
#FooterCar .fl{color:#fff}
#FooterCar.car .car-iocn{ position:relative; font-size:30px; margin-right:15px; line-height:0px}
#FooterCar.car .car-iocn .badge{ position: absolute; right:-10px; top:-3px }
#FooterCar.car  button{ float:right; padding-top:15px; padding-bottom:15px}

#FooterCar .ship-price{ font-size:13px; color:#A5C3FF; height:47px; overflow:hidden}
#FooterCar  .ship-start-price{ font-size:13px; color:#bbb; float:right; padding-right:8px; display:block; line-height:53px}

#QrcodePay{ text-align:center; margin-top:25px}
#QrcodePay li{ margin:10px 0; font-size:14px}
#QrcodePay li.title{ font-size:18px;}
#QrcodePay li.price{ font-size:20px; padding-top:15px}
#QrcodePay li input{ border:0px;background:none; width:200px; border-bottom:1px solid #777; height:40px; font-size:30px; position:relative;top:-13px; color:#D70003}

#WhatDoHead{ background-color:#fff; padding:8px; }
#WhatDoHead .store-name{ font-size:18px}


#WhatDo li{ margin:10px; text-align:center; color:#fff; padding:8px 0;}

#WhatDo li .content{ font-size:13px; margin-top:5px}
#WhatDo li .title{ font-size:30px; margin-top:-4px}
#WhatDo li.qrcode-pay{ background-color:#8bc34a}
#WhatDo li.branch-pay{ background-color:#f0ad4e}
#WhatDo li.express{ background-color:#3bb4f2}

#WhatDo li.qrcode-pay:active{ background-color:#78b82d }
#WhatDo li.branch-pay:active{ background-color:#e29b36}
#WhatDo li.express:active{ background-color:#0f9ae0}

#WhatDo li.branch{ background-color:#d32f2f}
#WhatDo li.branch:active{ background-color:#bd1515}

#WhatDo li a{ color:#fff; display:block}



.card-list .row{ margin-bottom:10px}
.card-list .li{ padding:8px 0px;background-color:#fff; }
.card-list .li .padding-sm{ padding:1px 10px; line-height:19px}
.card-list .li .padding-sm i{ font-size:15px; position:relative;top:2px; color:#aaa}
.card-list .li.title{padding:8px 12px; font-size:17px}
.card-list .li.edit{ padding:0px}
.card-list .li.edit a{ display:inline-block; width:50%; text-align:center; line-height:40px; font-size:14px; color:#777}
.card-list .li.edit a:active{ background:#f5f5f5}
.card-list .li.selectIt{ padding:0px}

.card-list .li.writing_edit{ padding:0px}
.card-list .li.writing_edit a{ display:inline-block; width:25%; text-align:center; line-height:40px; font-size:14px; color:#777}
.card-list .li.writing_edit a:active{ background:#f5f5f5}


/*商品详情*/
.goods-info ul{ padding:0px; margin:0px; overflow:hidden}
.goods-info li{ color:#999; font-size:12px}
.goods-info{ padding:10px}
.goods-info .goods-title{ padding-bottom:2px; font-size:15px; color:#051B28}
.goods-info .price{ font-size:24px; color:#f1c40f; font-family:arial}
.goods-info .price span{ font-size:12px}
.goods-info .price span.badge { position:relative; top:-5px}
 
.goods-other{ background: #f9f9f9}
.goods-other ul{ padding:0px; margin:0px;}
.goods-other ul li{ padding:6px 10px; color:#666; font-family: helvetica; font-size:12px;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.goods-other ul li span+span{ margin-left:10px}
.goods-other ul li i{ color:#f1c40f; }
.goods_spec .item-title{ font-size:14px; color:#555}

.other_list{ margin-left:-2px}
.other_list li{ padding-left:2px}
.other_list li div{ padding:2px}

 
.diy-param-radio table{ margin-top:80px}
.diy-param-radio td{ padding:14px 5px; text-align:left; color:#777}
.diy-param-radio td label{ padding:9px 15px; margin:0px 4px; position:relative}
.diy-param-radio td label input{ display:none}
.diy-param-radio td label:active{ background-color:#f5f5f5}
.diy-param-radio .spec-img{ position:absolute;top:-30px; left:20px; border:4px solid #fff;border-radius:8px; z-index:9999}
.diy-param-radio .check:after { font-family:icomoon;content: "\e60c";display: block;height: 10px;width:10px;position:absolute;top:-7px;left:-5px;color:red;}
.diy-param-radio .row,#detali-foot{ position: fixed; bottom:0px;left:0px; width:100%; z-index:1000}
.diy-param-radio .number{ padding-left:8px}
.diy-param-radio .number input[type=text]{  width:50px;  padding:4px; margin:0px 5px}
.diy-param-radio .number button{ background:none; width:30px; height:25px; line-height:25px}
.diy-param-radio .number button:active{ background:#eee}
.diy-param-radio .spec_content{ position: absolute;left:140px;top:10px; line-height:24px;}
.diy-param-radio .spec_content p{ margin:0px; color:#051b28;word-wrap: normal;;}


/*商品参数*/
.goods_attr ul{ padding:10px; margin:0px; background-color:#fff; overflow:hidden}
.goods_attr li{  color:#aaa; margin:3px 0; font-size:12px;white-space:normal;  -webkit-line-clamp:1; display:-webkit-box;  overflow: hidden;text-overflow:ellipsis; -webkit-box-orient: vertical;}

.item-media img{border-radius:50%}
.list-block .item-after{ font-size:11px}
.list-block.media-list .item-link .item-title-row, .list-block li.media-item .item-link .item-title-row{ background:none; padding:0px}

.goods_content{ padding:15px; background-color:#fff;font-size:15px; line-height:22px}

ul.goods-other-list{ padding:0px; margin-top:0px; overflow:hidden; margin-left:-20px; padding-top:10px; padding-bottom:5px
}
ul.goods-other-list li{ text-align:center; margin:3px 0px; color:#f1c40f; font-size:14px}


div.screening{width:100%;overflow:hidden;background:#fff;position:fixed;z-index:4;top:43px;left:0px}
div.screening>ul{margin:0;padding:0;list-style-type:none;overflow:hidden}
div.screening>ul>li{float:left;width:25%;text-align:center;line-height:40px;}
div.screening>ul>li:active{ background:#f9f9f9}

.car-list{ margin-top:5px; margin-bottom:50px}
.car-list.list-block ul{ background:none}
.car-list.list-block li{ padding:10px 8px 5px 10px; margin:10px 0px; background:#fff}
.car-list.list-block .item-inner:after{ background:none}
.car-list.list-block li .item-goods-img{ width:100px; margin-left:10px; margin-right:10px}
.car-list.list-block li .item-goods-img img{ width:100%}
.car-list.list-block input[type=text]{  width:30px;  padding:4px; margin:0px 5px}
.car-list.list-block button{ background:none; width:30px; height:25px; line-height:25px}
.car-list.list-block button:active{ background:#eee}
.car-list.list-block  .item-text{ line-height:30px; height:30px; margin-top:6px}
.car-list.list-block .item-title{white-space:normal; font-size:13px; min-height:35px}
.car-list.list-block.media-list .item-inner{ padding-top:0px}

.car-list .item-text { position:relative}
.car-list .item-text .fr{ position:absolute;right:0px;top:0px}
.car-list .label-checkbox{ display:block; height:100%; padding:15px 4px}
.car-subtall{ padding-left:10px; position:fixed; bottom:47px; left:0px; background-color:#fff; width:100%; height:47px; z-index:999;}
.car-subtall .checkall{ font-size:14px;}
.car-subtall .checkall .label-checkbox{ height:100%; height:47px; display:block; line-height:47px}
.car-subtall .checkall  i.icon-form-checkbox{ display:inline-block; vertical-align:middle; margin-right:5px}
.car-subtall .price{ width:100px; padding-top:6px; text-align:right; padding-right:10px; font-size:11px; line-height:17px}
.car-subtall .price span{ font-size:15px}
.car-subtall .clearing button{ height:47px;}
.center-price{ text-align:right}
.center-price small{ display:block}
.center-price button{  height:50px; margin-left:10px}
.center-price label .text{ margin-left:8px; margin-top:-4px; text-align:left}
.center-price label .text small{ font-size:10px}
.list-block.media-list .center-price .item-media{ padding:0px; padding-top:4px}

/*订单的收货地址*/
#AddressBox table td{ padding:5px 2px; color:#666; line-height:18px; font-size:16px}
#AddressBox{  background:#fff url(/Public/icon/postal.png) left bottom repeat-x; background-size: contain; padding:10px 14px}
#AddressBox input{ width:98%}

.center-list.list-block .goods{ padding:5px 0px;}
.center-list.list-block .goods .score-buy span{ display:inline-block}
.center-list.list-block .goods td{ padding:7px 6px 0px 2px; font-size:13px}
.center-list.list-block input{ font-size:13px}

.center-list.list-block .score-buy .panel{ position:relative;top:-13px; z-index:999}
.center-list.list-block .score-buy .panel input{  width:20px; border:none;border-bottom:1px solid #eee; text-align:center;}
.center-list.list-block .score-buy .panel i{ font-size:28px;position:relative; top:10px; height:28px; overflow:hidden; line-height:28px}


/**代金券**/

.voucher h1{float:right; margin:0px; margin-top:16px; font-size:24px; color:#f1a325}
.voucher p{ line-height:1; font-size:18px;color:#f1a325}
.voucher p small{font-size:62.5%;}
.voucher div{ margin-bottom:3px; font-size:13px; color:#666}

.white-bg{background:#fff;}
.red-bg{background:#d83e34;}
.red-bg .title{color:#fff;font-size:16px;}

.red-bg p{color:#fff;}

.voucher_header{font-size: 16px;}


.footshare{position: fixed; left:0px; width:100%; bottom:47px; z-index:999;}
.footshare .fr,.footshare .fl{width:50%;}

.shareloader-indicator-overlay{position: fixed; left: 0; top: 0; padding: 0; margin: 0; background: rgba(0, 0, 0, 0.8); z-index: 9999999;width:100%;height:100%;}
.shareloader-indicator-overlay img{width:100%; height:auto;}