@charset "utf-8";/*reset css*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header,  menu, nav, section{display: block;}
body{font-family: arial,"微软雅黑";color: #333;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
a{text-decoration: none;color: #333;outline: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
img{ max-width: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
textarea,input,button{resize: none;outline: none;-webkit-appearance: none;}
: :-webkit-input-placeholder{ color: #999;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*清除浮动*/
.clearfix{content: ".";}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf{*zoom: 1;}
.dn{display: none;}
.bg_gray{background: #f5f6fa;}/*灰色背景*/
.bg_efefef{background: #efefef;}
/*移动端 h5*******************************************************/
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);/*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
a, img{-webkit-touch-callout: none;/*禁止长按链接与图片弹出菜单*/
}
/*body{-webkit-overflow-scrolling: touch;}*/
/********************************************************/
.fl{float: left;}
.fr{float: right;}
.text-c{ text-align: center;}
.text-r{ text-align: right;}

.bb1{ border-bottom: 1px solid #eee;}
.bt1{ border-top: 1px solid #eee;}
.c_red{color: #e74b4b!important;}
.c_ccb_life{color: #FF6600!important;}

.w30{ width: 30% !important;}
.w70{ width: 70% !important;}
.mt10{margin-top: 10px!important;}
.mb10{margin-bottom: 10px!important;}
.mt5{margin-top: 5px!important;}

/*超出显示...*/
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
/*两行显示*/
.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*强制换行*/
.br{word-break: break-all;word-wrap: break-word;}

/*header*/
.header{background: none;position: absolute;left: 0;top: 0;height: 44px;width: 100%;z-index: 22;}
/*.header h1{position: absolute;left: 0;top: 0;width: 100%;line-height: 0px;color: #fff;font-size: 18px;text-align: center;}*/
.header a{position: absolute;top: 0;width: 44px;height: 44px;line-height: 44px;color: #fff;font-size: 14px;}
.header .header_back{ left: 15px;background: url(/client/images/h_back.png) no-repeat left center;-webkit-background-size: 30px;background-size: 30px;}
.header .header_more{width: 34px;right: 15px;background: url(/client/images/h_more.png) no-repeat right center;-webkit-background-size: 30px;background-size: 30px;}
.header .header_share{right: 54px;background: url(/client/images/icon/header_share.png) no-repeat right center;-webkit-background-size: 30px;background-size: 30px;}
.empty_right{position: relative;padding-right: 30px!important;}
.a_right{position: relative;padding-right: 30px!important;}
.a_right:before{content: "";width: 22px;height: 22px;background: url(//image.buy.shanrongmall.com/client/images/icon.png) no-repeat 0 -198px;background-size: 22px;position: absolute;right: 10px;top: calc(50% - 11px);}
.b_right{position: relative;}
.b_right:before{content: "";width: 22px;height: 22px;background: url(//image.buy.shanrongmall.com/client/images/icon.png) no-repeat 0 -198px;background-size: 22px;position: absolute;right: 0px;top: calc(50% - 11px);}

.fixed_header{display: none;background: #fff;position: fixed;left: 0;top: 0;height: 43px;width: 100%;z-index: 44;border-bottom: 1px solid #eee}
.fixed_header a{position: absolute;top: 0;width: 44px;height: 44px;line-height: 44px;color: #fff;font-size: 14px;}
.fixed_header .header_back{ left: 15px;background: url(//image.buy.shanrongmall.com/client/images/h_back_i.png) no-repeat left center;-webkit-background-size: 30px;background-size: 30px;}
.fixed_header .header_more{width: 34px;right: 15px;background: url(//image.buy.shanrongmall.com/client/images/h_more_i.png) no-repeat right center;-webkit-background-size: 30px;background-size: 30px;}
.fixed_header .header_ccbLife_close{width: 34px;right: 15px;background: url(/client/images/icon_ccbLife_cloes.png) no-repeat right center;-webkit-background-size: 24px;background-size: 24px;}
.fixed_header .fixed_tab_tit{text-align: center;line-height: 40px;font-size: 13px;color: #333;}
.fixed_header .fixed_tab_tit span{height: 40px;line-height: 44px;display: inline-block;margin: 0 4px;border-bottom: 3px solid transparent;}
.fixed_header .fixed_tab_tit span.cur{font-weight: bold;border-bottom: 4px solid #ef2c2a;}

.sliderBox{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999}
.sliderTrangle{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid rgba(46,46,46,0.95);position: fixed;right: 25px;}
.p_slider{background: rgba(46,46,46,0.95);width: 101px;height: auto;overflow: hidden;position: fixed;right: 2px;border-radius: 3px;z-index: 1000;}
.p_slider a{display: block;height: 20px;line-height: 20px;padding: 12px 0;padding-left: 36px;color: #bbb;font-size: 14px;}
.p_slider a+a{border-top: 1px solid #bbb;}
.p_slider a.ihome{background:url(/client/images/ihome.png) no-repeat 10px 10px; background-size:auto 22px;}
.p_slider a.isort{background:url(/client/images/isort.png) no-repeat 10px 10px; background-size:auto 22px;}
.p_slider a.iyx{background:url(/client/images/cy02/bottom_nav03_03.png) no-repeat 10px 12px; background-size:auto 20px;}
.p_slider a.icart{background:url(/client/images/icart.png) no-repeat 10px 10px; background-size:auto 22px;}
.p_slider a.iuser{background:url(/client/images/iuser.png) no-repeat 10px 10px; background-size:auto 22px;}
.p_slider a.customer{background:url(/client/images/customer2.png) no-repeat 10px 10px; background-size:auto 22px;}


.top-bar{position: fixed;left: 0;width: 100%;top: 0;z-index: 22;background: #fff;height: 25px;}
.download1{display: flex;align-items: center;justify-content: space-between;position: fixed;left: 0;width: 100%;top: 0;z-index: 22;background: #4d4d57;}
.item-close{display: block;background: url("//image.buy.shanrongmall.com/public/images/mobile/mclose.png") no-repeat center center;background-size: 24px;width: 40px;height: 40px;flex-grow: 1;}
.item-logo{flex-grow: 1;display: flex;flex-direction: column;}
.item-logo>img{align-self: center;width:40px;height:40px;}
.item-head{flex-grow: 3;}
.item-head h1{font-size: 14px;color:#fff;}
.item-head h2{font-size: 12px;color:#fff;}
.item-open{background: red;height:48px;line-height: 48px;text-align: center;flex-grow: 3;font-size: 15px;color: #fff;}

.spacing10{height: 10px;background: #f7f7f6;}
.app-bar{width: 100%;height: 20px;background: #fff;}

.bottom_bar_height{height: 51px;}
.bottom_hint_bar{position: fixed;left: 0;right: 0;bottom: 51px;height: 45px;font-size: 14px;text-align: center;line-height: 45px;color: #333;background: #ffff67;z-index: 33;}
.bottom_btn_bar{position: fixed;left: 0;right: 0;bottom: 0;height: 50px;border-top: 1px solid #ccc;background: #fff;z-index: 333;}
.bottom_btn_bar a.bar_a{display: block;position: relative;float: left;padding-top: 26px;width: 13%;height: 24px;line-height: 24px;text-align: center;font-size: 12px;color: #333;}
.bottom_btn_bar a.bar_a .num{position: absolute;right: 2px;top: 0;color: #fb0628;border: 1px solid #f8092a;text-align: center;line-height: 14px;min-width: 14px;height: 14px;background: #fff;border-radius: 8px;font-size: 11px;}
.bottom_btn_bar a.bar_a.bar_a_kf{background: url(/client/images/cy02/i_kf_cy.png) no-repeat center 6px;background-size: 20px;}
.bottom_btn_bar a.bar_a.bar_a_shop{background: url(/client/images/cy02/i_shop_cy.png) no-repeat center 6px;background-size: 22px;}
.bottom_btn_bar a.bar_a.bar_a_collect{background: url(/client/images/cy_new/tw_collect.png) no-repeat center 6px;background-size: 20px;}
.bottom_btn_bar a.bar_a.bar_a_cart{background: url(/client/images/zzf_new_order/zzf_new_cart.png) no-repeat center 9px;background-size: 18px;}
.bottom_btn_bar a.bar_buy_btn{display: flex;justify-content: center;align-items: center;position: relative;float: left;height: 51px;line-height: 25px;font-size: 16px;color: #fff;text-align: center;margin-top: -1px;width: 30.5%;}
.bottom_btn_bar a.add_cart{background: #ff9500;}
.bottom_btn_bar a.buy_now{background: #f02b2b;}
.bottom_btn_bar a.buy_now.single{width: 61%;background: #ff9500;}
.bottom_btn_bar a.remind_buy.single{width: 61%;background: #f02b2b;}
.bottom_btn_bar a.disabled{background: #666!important;}

.other.flex{padding: 10px 15px;font-size: 12px;}
.zzf_kuajing_new_tips{top: unset;width: 16px;height: 16px;background-size: 14px;vertical-align: middle;}
.purple-tag{vertical-align: middle;margin-bottom: 4px;}
.goods_choose .extra .spe .count{font-size: 14px;color: #fb0628;}
.goods_choose .top{height: unset;min-height: 95px;}
.choose-amount{position: relative;font-size: 15px;width: 120px;height: 30px;border: 1px solid #dcdcdc;}
.choose-amount a{display: block;position: absolute;top: 0;background: #fff;width: 40px;height: 30px;line-height: 30px;text-align: center;color: #666;font-size: 20px;}
.choose-amount a.btn-reduce{left: 0;border-right: 1px solid #dcdcdc;font-size: 20px;}
.choose-amount a.btn-add{right: 0;border-left: 1px solid #dcdcdc;font-size: 20px;}
.choose-amount  .amount-text{position: absolute;top: 0px;left: 41px;width: 38px;height: 30px;line-height: 30px;font-size: 15px;text-align: center;padding: 0;margin: 0;border: 0;color: #000;font-weight: bold;}
/*二级专题页面*/
.sub_page_header{}
.sub_page_header{ position: fixed;left: 0;top: 0;width: 100%;height: 44px;border-bottom: 1px solid #eee;z-index: 66;background: #fff;}
.sub_page_header h1{height: 44px;line-height: 44px;font-size: 15px;color: #333;text-align: center;}
.sub_page_header .header_left{position: absolute;left: 10px;bottom: 0;display: block;width: 44px;height: 44px;background: url(/client/images/icon/i_back_tongyi.png) no-repeat left center;-webkit-background-size: 12px 20px;background-size: 12px 20px;}
.sub_page_header .header_share{position: absolute;bottom: 0;right: 10px;height: 44px;width: 44px;background: url(/client/images/icon/new_share.png) no-repeat right center;-webkit-background-size: 20px;background-size: 20px;}
.header_hightBox{}
.sub_bottom_nav{position: fixed;left: 0;right: 0;bottom: 0;height: 44px;background: #fff;border-top: 1px solid #ddd;z-index: 66;}
.sub_bottom_nav a{display: block;float: left;width: 25%;padding-top: 24px;height: 20px;}
.sub_bottom_nav a span{display: block;height: 20px;line-height: 20px;font-size: 12px;color: #666;text-align: center;transform: scale(0.9,0.9);}
.sub_bottom_nav a.cur span{color: #d33637;}
.sub_bottom_nav a.menu01{background: url(/client/images/sub_topic/icon/sub_menu01.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.menu02{background: url(/client/images/sub_topic/icon/sub_menu02.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.menu03{background: url(/client/images/sub_topic/icon/sub_menu03.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.menu04{background: url(/client/images/sub_topic/icon/sub_menu04.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.cur.menu01{background: url(/client/images/sub_topic/icon/sub_menu01_cur.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.cur.menu02{background: url(/client/images/sub_topic/icon/sub_menu02_cur.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.cur.menu03{background: url(/client/images/sub_topic/icon/sub_menu03_cur.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}
.sub_bottom_nav a.cur.menu04{background: url(/client/images/sub_topic/icon/sub_menu04_cur.png) no-repeat center 5px;-webkit-background-size: auto 21px;background-size: auto 21px;}

.focus_tips{width: 180px;height: 80px;position: fixed;left: 50%;top: 50%;margin-left: -90px;margin-top: -40px;border-radius: 10px;background: #000;opacity: 0.8;z-index: 1000;font-size: 16px;color: #fff;}
.focus_tips .box{width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate( -50%,-50% );-moz-transform: translate( -50%,-50% );-ms-transform: translate( -50%,-50% );-o-transform: translate( -50%,-50% );transform: translate( -50%,-50% );text-align: center;}
.focus_tips .box p{padding-top: 6px;}
.bottom_shareBox{position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;z-index: 5555;}
.bottom_shareBox .bottom_share_tit{height: 40px;line-height: 40px;font-size: 16px;color: #999;text-align: center;margin: 0 15px;border-bottom: 1px solid #ccc;}
.bottom_shareBox .bottom_share_cont{padding: 0 20px 24px;}
.bottom_shareBox .bottom_share_cont:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bottom_shareBox .bottom_share_cont .share_item{display: block;float: left;width: 25%;margin-top: 18px;}
.bottom_shareBox .bottom_share_cont .share_item img{display: block;margin: 0 auto;padding: 0;width: 60%;}
.bottom_shareBox .bottom_share_cont .share_item p{height: 34px;line-height: 34px;font-size: 14px;color: #333;text-align: center;}
.bottom_shareBox .shareBtn{display: block;height: 44px;line-height: 44px;font-size: 16px;text-align: center;width: auto;background: none;color: #333;margin: 0 15px;border-top: 1px solid #ccc;}
.bottom_shareBox .close{display: block;width: 40px;height: 40px;background: url(/client/images/zzf_new_order/goods_bottom_fixed_close.png) no-repeat center;background-size: 12px;position: absolute;right: 0;top: 0;}
.alert-mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1003;}
.alert-container{position: fixed;left: 50%;top: 50%;z-index: 1004;width: 222px;height: auto;margin-left: -105px;margin-top: -29px;display: block;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;background: #fff;border: 1px solid #f1f1f1;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.alert-content{font-size: 14px;padding: 10px 20px;color: #555;height: 100%;overflow: auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 99;overflow: hidden;}
.fade-enter-active,.fade-leave-active{transition: opacity .5s;}
.fade-enter,.fade-leave-to{opacity: 0;}
.popup-enter-active,.popup-leave-active{transition: all .5s;}
.popup-enter,.popup-leave-to{opacity: 0;transform: translateY(400px);}

.m-dialog{position: fixed;background: #fff;left: 40px;right: 40px;top: 50%;transform: translateY( -50% );-webkit-transform: translateY( -50% );border-radius: 4px;z-index: 9999;}
.m-dialog .title{height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fb082a;}
.m-dialog .sub-title{margin-bottom: 10px;font-size: 14px;}
.m-dialog .close{position: absolute;top: 0;right: 0;width: 30px;height: 30px;background: url(/client/images/zzf_new_order/goods_bottom_fixed_close.png) no-repeat center;background-size: 12px;}
.m-dialog .content{padding: 0 15px 5px;min-height: 40px;text-align: center;font-size: 16px;}
.m-dialog .bottom{display: flex;justify-content: space-around;height: 39px;line-height: 39px;text-align: center;font-size: 15px;color: #fb082a;border-top: 1px solid #ddd;}
.m-dialog .bottom>*{flex: 1;}
.m-dialog .bottom>a{color: #fb082a;}

.big_red_btn{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #fff;border-radius: 10px;text-align: center;background: #fb0628;}

.go_top {z-index: 88!important;}