@charset "utf-8";
/*公用样式*/
*{ margin:0; padding:0;font-family:Arial,"微软雅黑"; font-weight:normal;}
.cartEdit{padding:48px 0;}
img{ border:0; vertical-align:middle;}
li{ list-style:none; }
a{ text-decoration:none; color:#333333; }
/* a:hover{color:#333333;} */
a:focus { outline:0; } 
i, em, cite{font-style: normal;}
h1,h2,h3,h4{ font-weight:normal; font-size:14px; font-size: .28rem; color:#333333; line-height:30px; }
strong{ font-weight:normal;}
a{star:expression(this.onFocus=this.blur()); }
em{ font-style:normal;}
body{ font-size:13px; font-size: .26rem; color:#666666;font-family:Arial,"微软雅黑";margin:0 auto;max-width:450px; background-color:#f8f8f8; min-height:100% !important; overflow-x:hidden; padding-bottom: constant(safe-area-inset-bottom);}
body iframe {display: none;}
.wrap{width:100%;max-width:450px;min-height:100%;margin:0 auto;background-color:#fff;}
.wrapone{width:100%;max-width:450px;margin:0 auto;background-color:#fff;}
.wrap_gray{width:100%;max-width:450px; min-height:100%; margin:0 auto;background-color:#f8f8f8;}
.main_box{padding:10px 10px 0;}
.left,.fl{float:left;}
.right,.fr{float:right;}

.clearfix:after,.ks-clear:after, .clear:after {content: '\20';display: block;height: 0;clear: both;}
.ks-clear, .clear,.clearfix {*zoom: 1;}

/*-----font style------------*/
@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfontOne {
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_edit:before { content: "\e6e1"; }
.icon_arrowdown:before { content: "\e6db"; }
.icon_shanchu:before { content: "\3441"; }
.icon_delete:before { content: "\e6e0"; }
.icon_up:before { content: "\e6d4"; }
.icon_down:before { content: "\e6d5"; }
.icon_save:before { content: "\e6f4"; }
.icon_add:before { content: "\e6cf"; }
.icon_arrowleft:before { content: "\e6de"; }
.shop_ruko{ text-align:center; margin-top:50px;}
.shop_ruko .shop_name{ margin-top:15px;}
.shop_ruko .pubBtnRed{ height:44px; line-height:44px; margin:0 10px; margin-top:15px;}
.shop_ruko img{border-radius: 100%;}

/*中间样式*/
.box{padding:10px;background-color:#fff;}
.mainBox{padding:0px 10px 10px 10px;background-color:#fff;}
a.pubBtnGrey:hover{color:#fff;}
a.pubBtnRed:hover{color:#fff;}

.pubBtnGreyOne{background-color:#ff5000;display: block;height: 36px;border-radius:5px;color:#fff;text-align: center;line-height: 36px;display:inline-black;margin-left:2%;}
a.pubBtnGreyOne:hover{color:#fff;}
.pubBtnRedOne{background-color:#f73621;display: block;height: 36px;border-radius:5px;color:#fff;text-align: center;line-height: 36px;display:inline-black;}
a.pubBtnRedOne:hover{color:#fff;}

a.pubBtnOk:hover{color:#fff;}
.headDelete {height:32px;line-height:32px;}
.pubBtn{height:35px;line-height:35px;}

.tips_box {text-align: center;padding-top: 70px;background-color: #f4f4f4;}
.tips_box p {color: #999;font-size: 15px;padding: 0 20px;line-height: 24px;}


.jd_shadow{z-index:99;position:absolute;width:100%;height:100%; background-color:#ffffff;filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;left:0px;top:0px;border-radius:5px}

/*微信提示*/
.wx_shadow{z-index:1000;position:fixed;width:100%;height:100%; background-color:#000000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;left:0px;top:0px;}
.popup_window { width:100%;max-width: 450px; height:100%; position:fixed; top:0; z-index:9999;background:rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
.popup_window .pw_tips_box { border-radius:5px; min-height:200px; margin:0 20px; margin-top:-100px; top:50%; position:relative; border:1px solid #d6d6d6;box-shadow:0 0 5px #4d4d4d; background-color:#fff;}
.popup_window .pw_tips_box h3{ height:39px; line-height:39px; background-color:#f0f0f0; border-bottom:1px solid #d6d6d6; padding:0 10px; font-size:18px; color:#666666;}
.popup_window .pw_tips_box h3 a{ font-family:Arial; display:inline-block; position:absolute; top:0; right:10px; font-size:24px; font-weight:bold; color:#666666;}
.popup_window .pw_tips_box h3 a:hover{ text-decoration:none;color:#ff6600;}
.popup_window .pw_content {}
.popup_window .btnBox{text-align: center;margin-bottom: 10px;}
.popup_window .btnBox input{padding:10px 10px;margin-right: 10px;-webkit-appearance: none;border: none;border-radius: 3px;background-color:#d6d6d6}
.pw_login_text { padding:35px 25px; color:#666666;line-height: 25px;}
.taobao_btn { display:block; height:42px; line-height:42px; margin:0 25px 25px;  background-color:#f73621; border-radius:5px; }
.taobao_btn i { display:inline-block; border-right:1px solid #930303; width:23px; height:26px;background:url(../images/tao_ico.png) center center no-repeat; padding:0 25px; margin:8px 20px 0 0;}
.taobao_btn span { display:inline-block; height:42px; line-height:42px;color:#fff; font-size:14px; vertical-align:top;}
.popup_window .btnBox input#btnCancel{background-color:#e6e6e6; color:#666;}

/*containerX*/
.containerX{ width: 100%; }
.containerX .content{ padding: 4%; background: #fff; position: relative; overflow: hidden;}

.containerX .border1{ border-bottom: 1px solid #ececec border-top: 1px solid #ececec}
.containerX .borderb{border-bottom: 1px solid #ececec;}
.containerX .borderb_n{border-bottom:none;}

.containerX .row{ color: #333; line-height: 1.5;}

.containerX .font16{ font-size: .32rem;}
.containerX .font15{ font-size: 15px; font-size: .3rem;}
.containerX .font14{ font-size: .28rem;}
.containerX .fbold{ font-weight: bold;}

.containerX .mt5{margin-top: .1rem;}
.containerX .mb5{ margin-bottom: .1rem;}
.containerX .mb10{ margin-bottom: .2rem;}
.containerX .mb4{ margin-bottom: .3rem;}
.containerX .mt10{margin-top: .2rem;}
.containerX .pb10{padding-bottom: .2rem;}

.containerX .pt4{ padding-top: .3rem}
.containerX .pb10{padding-bottom:  .2rem;}
.containerX.pb70{ padding-bottom: 1.4rem;}
.containerX .pb0{ padding-bottom: 0;}

.containerX .t-a-j{ text-align: justify;}
.containerX .row-t{ color: #999; margin-right: .1rem;}
.containerX .clear{ clear: both}
.t-a-r{ text-align:right;}

.containerX .cred{ color: #ff5252}
.containerX .c444{ color: #444}
.containerX .c333{color:#333 !important}
.containerX .c666{color:#666}
.containerX .c999{color:#999}

.containerX .oh{ overflow: hidden;}
.containerX .ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.middle{vertical-align:middle;}
.inb{display:inline-block;}
.txt-center{text-align:center;}
.inoline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.intwoline{display:-webkit-box!important;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; line-height: 1.3;}
.inthreeline{display:-webkit-box!important;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.dnone{display:none;}
.orange{color:#ff5252;padding-left:0;}
.green{color:#02a506;}
.gray{color:#999999;}
.dark{color:#666666;}
.cfff{ color:#fff;}
.darker{color:#333333;}
.mt180{margin-top:100px;}
.mt30{margin-top:.3rem;}
.mt10{margin-top: .2rem;}
.mb5{margin-bottom:.1rem;}
.mb10{margin-bottom:.2rem;}
.pt0{padding-top:0 !important;}
.pb50{padding-bottom:1rem;}
.mt0{margin-top:0 !important;}
.topDotted{ border-top:1px dashed #ddd; padding-top:.2rem;}

/* 空态页 */
.empty_page{background: #fff;  justify-content:center; flex-direction:column; align-items:center; display: flex; height:100%;}
.empty_page.empty .icon{ padding-top:0;}
.empty_page img{ width:2.8rem;padding: 0  0  3% !important; }
.empty_page p{font-size: .24rem; color:#999; padding-bottom:.3rem;}
.empty_page .btn_more{ display:inline-block; width:25%; border-radius:3px; border:1px solid #ececec; padding:1.5% 0; margin-top:5%; text-align: center;}

/*浮动底部按钮*/
.float_bottom{ position:fixed; width:100%; margin:0 auto; max-width:450px; bottom:0; left:0; right:0; padding:3.5% 0; border-top:1px solid #ececec; background:#fff;}
.float_bottom a.float_btn{ width:92%; display:inline-block; padding:3% 0; margin:0 4%; background:#ff5252; color:#fff; text-align:center; font-size:18px; font-size: .36rem; border-radius:4px;}

/* 直播弹窗提示 */
.liveWindow a{ display: inline-block; padding: 5% 0;font-size: 17px; font-size: .34rem; width: 49%; color: #444; margin-left: -1px; border-left:1px solid #ececec}

/* 校验码 */
#identifyCodeDiv{display:none;}

/*弹出窗口*/
.popup_window { width:100%; max-width:450px; height:100%; position:fixed; top:0; z-index:9999;background:rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}

.popup_window .pw_tips_box { border-radius:5px; min-height:200px; margin:0 20px; margin-top:-100px; top:50%; position:relative; border:1px solid #d6d6d6;box-shadow:0 0 5px #4d4d4d; background-color:#fff;}

.popup_window .pw_tips_box h3{ height:39px; line-height:39px; background-color:#f0f0f0; border-bottom:1px solid #d6d6d6; padding:0 10px; font-size:18px; color:#666666;}


.popup_window .pw_tips_box h3 a{ font-family:Arial; display:inline-block; position:absolute; top:0; right:10px; font-size:24px; font-weight:bold; color:#666666;}
.popup_window .pw_tips_box h3 a:hover{ text-decoration:none;color:#ff6600;}
.popup_window .pw_content {}

.pw_login_text { padding:35px 25px; color:#666666;}
.taobao_btn { display:block; height:42px; line-height:42px; margin:0 25px 25px;  background-color:#f73621; border-radius:5px; }
.taobao_btn i { display:inline-block; border-right:1px solid #930303; width:23px; height:26px;background:url(../images/tao_ico.png) center center no-repeat; padding:0 25px; margin:8px 20px 0 0;}
.taobao_btn span { display:inline-block; height:42px; line-height:42px;color:#fff; font-size:14px; vertical-align:top;}

/*垂直居中弹窗*/
.align_center_pop{ border-radius:5px; min-height:150px; margin:0 30px; margin-top:-100px; top:50%; position:relative; border:1px solid #d6d6d6;box-shadow:0 0 5px #4d4d4d; background-color:#fff;}
.align_center_pop .btn2{ border-top:1px solid #ececec;}
.align_center_pop .btn2 a{ display:inline-block; width:49%; padding:4% 0; text-align:center; font-size: .32rem; cursor:pointer;}
.align_center_pop .btn2 a:last-child{ border-left:1px solid #ececec;}

/*两行 溢出隐藏*/
.line_height2{ display:-webkit-box!important;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:.4rem; margin-bottom:2px;  overflow:hidden;}
.line_height1{ display:-webkit-box!important;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1; line-height:.4rem; height:.38rem; margin-bottom:1px;  overflow:hidden;}


/*loading*/
.loadingIcon{width:100%; text-align: center; padding:.3rem 0;}
.loadingIcon img{ width:.6rem;}