/* 订单评价 */
.appraise-wrap { width: 100%; height: auto; }
.appraise-inner { padding: 10px; }
.appraise-header { padding: 10px; line-height: 1.6; color: #5e5e5e; background: #FFF;  }
.appraise-header p span { margin: 0 2px; color: #ff4146; }

.appraise-courier  { padding: 10px; margin-top: 10px; color: #ff4146; background: #FFF; }
.appraise-courier table { width: 100%; }
.appraise-courier table tr td { vertical-align: top; }
.appraise-courier table tr td:first-child { width: 45%;  border-right: solid 1px #dfdfdf; }
.appraise-courier table tr td dl { padding-right: 10px; font-size: 0.75em; }
.appraise-courier table tr td dl div.courie-avater { width: 120px; height: 120px;  margin: 0 auto 10px;  }
.appraise-courier table tr td dl div.courie-avater img {  border-radius: 100%; }
.appraise-courier table tr td div.courie-score { padding-left: 10px; }
.appraise-courier table tr td div.courie-score h3 { font-size: 0.875em;  font-weight: normal;  }
.appraise-courier table tr td div.courie-score h6 {  display: inline-block; width: 75%;  padding: 2px 8px; color: #FFF;  font-size: 0.875em; background: #57b174; }
.appraise-courier table tr td div.courie-score a.complaints { display: block; margin-top: -15px;  font-size: 0.875em;  }
.appraise-courier table tr td div.courie-score div.courie-speed,.appraise-courier table tr td div.courie-score div.courie-service {  margin-top: 10px; }
.appraise-courier table tr td div.complainting { padding-left: 10px;  font-size: 0.875em; }
.appraise-courier table tr td div.complainting a.cancel-btn { display: block; width: 90%; height: 35px; line-height: 35px;  margin: 10px auto 0; color: #FFF; font-size: 1em; border-radius: 30px; }

.appraise-complaint { padding: 10px; margin-top: 10px; color: #ff4146; background: #FFF; }
.appraise-complaint a { display: block; width: 120px; height: 35px; line-height: 35px; margin: 10px auto 0px;  border-radius: 30px; }

.appraise-main { width: 100%; height: auto; }
.appraise-main div.fruit-box { position: relative;  padding: 5px; margin-top: 10px; background: #FFF; border-width: 0; }
.appraise-main div.fruit-box table { width: 100%; }
.appraise-main div.fruit-box table tr td {  font-size: 0.875em; vertical-align: top;  }
.appraise-main div.fruit-box table tr td:first-child { width: 35%; font-size: 0; }

.appraise-main div.fruit-box table tr td div.fruit-inner { padding: 10px 5px;}
.appraise-main div.fruit-box table tr td h3 { margin-top: 0;  font-weight: normal; }
.appraise-main div.fruit-box table tr td div.praise-box { position: absolute; bottom: 15px; right: 10px;  cursor: pointer; }
/*.appraise-main div.fruit-box table tr td span.praise { display: block; width: 50px; height: 30px; padding: 0; border: solid 1px #ff4146; border-radius: 30px; background: url(../img/aftersale/praise.png?v=2016012101) center center no-repeat; background-size: 40% auto; }*/
/*.appraise-main div.fruit-box table tr td span.current { background-image: url(../img/praised.png); background-color: #ff4146;  }*/

.appraise-main div.fruit-box table tr td div.fruit-return-box { padding: 10px 5px; }
.appraise-main div.fruit-box table tr td div.fruit-return-box p { margin-top:0; }
.appraise-main div.fruit-box table tr td div.fruit-return-box a { display: block; float: right; width: 50px; height: 43px; padding-top: 7px; margin-top: 10px;  line-height: 1.3; background: #f4c901; color: #FFF; text-align: center; border-radius: 30px; text-decoration: none;}

.appraise-footer { padding: 10px 10px; margin-top: 10px; background: #FFF;  }
.appraise-footer table { width: 100%; }
.appraise-footer table tr td:first-child { width: 40px; max-width: 40px; line-height: 1.3; vertical-align: text-bottom; font-size: 0.875em;  }
.appraise-footer table tr td textarea { width: 100%; height: 20px; padding-top: 8px; font-size: 0.875em; border-width: 0;  }

/* 评价反馈 */
.consulting-wrap { width: 100%; height: auto; color: #ff4146; }
.consulting-inner { margin: 10px 10px; padding: 5px 0 10px;  background: #FFF; }
.consulting-inner h1 { padding: 10px 0; font-size: 1em; font-weight: normal; text-align: center; border-bottom: solid 1px #f5f5f5; }

.consulting-inner div.consulting-help { margin-top: 30px; text-align: center; }
.consulting-inner div.consulting-status { width: 50%; height: 40px; line-height: 40px; margin: 30px auto; color: #FFF; text-align: center; }


/* 退货跟踪 */
.feedback-wrap { width: 100%; height: auto; }
.feedback-inner { margin: 0px 10px 13px; }
.feedback-inner h1 { color: #3f3f3f; font-size: 1em; font-weight: normal; }
.feedback-inner h1 span { color: #57b174; }
.feedback-inner ul.progress-box { width: 99%; margin: 15px auto; overflow: hidden;}
.feedback-inner ul.progress-box li { float: left; width: 33%; text-align: center; color: #c5c5c5; }
.feedback-inner ul.progress-box li.current { color: #57b174; }

.feedback-inner div.apply-error {  display:none; margin-bottom: 10px; padding: 10px; background: #FFF; font-size: 0.875em; }
.feedback-inner div.apply-error ul { padding: 10px; background: #efefef; }
.feedback-inner div.apply-error ul li { margin-bottom: 5px; }
.feedback-inner div.apply-error ul li i { margin-right: 5px; font-size: 0.75em; }
.feedback-inner div.apply-error ul li span { color: #a5a5a5; }

.feedback-method-wrap { width: 100%; margin-bottom: 13px; }
.feedback-method-inner { margin: 13px 10px; }
.feedback-method-inner div { padding: 15px 5px; background: #FFF; }
.feedback-method-inner div table { width: 100%;}
.feedback-method-inner div table tr td:first-child { width: 40px; min-width: 40px; max-width: 40px; padding-top: 10px; vertical-align: top; }
.feedback-method-inner div table tr td:first-child  img { display: block; margin: 0 auto; }
.feedback-method-inner div table tr td dl { font-size: 0.875em; }
.feedback-method-inner div table tr td dl dt { color: #ff4146; }
.feedback-method-inner div table tr td dl dd { color: #c5c5c5;  }
.feedback-method-inner div table tr td a { display: block; width: 90%; height: 40px; margin-top: 15px; line-height: 40px; color: #FFF; text-align: center;  background: #57b174; border-radius: 40px;}
.feedback-method-inner div table tr td a:hover,.feedback-method-inner div table tr td a:active,.feedback-method-inner div table tr td a:visited { color: #FFF; }
.feedback-method-inner div table tr td a.forbidden { background: #b6b6b6; }

.feedback－tracking { width: 100%; height: auto; }
.feedback－tracking-wrap { margin: 0 10px; padding: 15px 0; background: #FFF; }
.feedback－tracking-inner { margin-left: 10%; margin-right: 5%; padding-top: 5%; padding-left: 15px;  border-left: solid 1px #cecece; }
.feedback－tracking-inner ul li { position: relative; padding-bottom: 5%; }
.feedback－tracking-inner ul li dl dt { font-size: 1em;}
.feedback－tracking-inner ul li dl dd { font-size: 0.875em; color: #aaa;}
/*.feedback－tracking-inner ul li span { position: absolute; top:10px; left: -28px; width:24px; height: 24px;  background: url('../img/tracking/tracking_flow_01.png?v=1') 0 0 no-repeat; background-size: 100% 100%; }*/
.feedback－tracking-inner ul li.current dl dt { color: #ff4146; }
/*.feedback－tracking-inner ul li.current span{  background-image: url('../img/tracking/tracking_flow_02.png?v=1');  }*/
.feedback－tracking-inner ul li.fail dl dt { color: #F00; }
/*.feedback－tracking-inner ul li.fail span {  background-image: url('../img/tracking/tracking_flow_03.png?v=1');  }*/


/* 感谢用户评价 */
.thank-wrap { width: 100%; height: auto; }
.thank-inner { margin: 10px; padding: 25px 5px 10px; background: #FFF; }
.thank-inner img { margin-top: 15px; }

/* 售后服务 */
.aftersale-wrap { width: 100%; height: auto; padding-top: 10px;  }
.aftersale-img-cover { position: relative; margin: 0px 8px 10px; font-size: 0; }
.aftersale-img-cover img.aftersale-stup-cover { width: 100%; height: auto; }
.aftersale-stup-btn-wrap { position: absolute; top:20%; right: 5%; width: 20%;  }
.aftersale-stup-btn-wrap img.aftersale-stup-btn { width: 100%; height: auto; }

.aftersale-courier-complaint-wrap { width: 100%; height: 100%; }
.aftersale-courier-complaint-inner { margin: 0 8px; padding: 3%;   background: #FFF;   border-radius: 5px; }
.aftersale-courier-complaint-wrap textarea { display: block; width:100%;  min-height: 150px; margin: 0; padding: 0; border-width: 0; font-size: 1em;  }

.aftersale-complaint-wrap {  width: 100%; height: 100%; }
.aftersale-complaint-inner { padding: 15px 10px;  }
.aftersale-complaint-inner h1 {  margin-bottom: 15px;  font-weight: normal; font-size: 1.2em; text-align: center; }
.aftersale-complaint-inner h1 i { font-size: 1.8em; vertical-align: sub; }
.aftersale-complaint-inner h3 { margin: 25px 0 10px; font-weight: normal; font-size: 1em; }
.aftersale-complaint-inner p { padding: 0 2%; color: #c1c1c1; }
.aftersale-complaint-inner a { display: block; width: 60%; padding: 8px 10px; margin: 0 auto; color: #FFF; }
.aftersale-complaint-inner a:hover,.aftersale-complaint-inner a:active,.aftersale-complaint-inner a:visited { color:#FFF;}

.aftersale-header { margin: 3px 10px 13px; padding-bottom: 5px; background: #FFF; }
.aftersale-header h1 { padding: 10px 10px 5px; font-size: 1em; font-weight: normal; }
.aftersale-header h2 { padding: 5px 0px;margin: -5px 10px -5px;font-size: 1em;font-weight: normal; }
.aftersale-header h2 i { font-size: 1.5em; }
.aftersale-header ul { display: none;  width: 100%; padding-bottom: 5px; }
.aftersale-header ul li { margin: 0 10px; border-bottom: solid 1px #d3d3d3; padding: 5px 1% 5px; }
.aftersale-header ul li:first-child { padding-top: 10px; }
.aftersale-header ul li:last-child { border-width: 0; }
.aftersale-header ul li table { width: 100%; }
.aftersale-header ul li table tr td { font-size: 1em; vertical-align: top; }
.aftersale-header ul li table tr td:first-child { width: 86px;  font-size: 0;  }
.aftersale-header ul li table tr td p { padding-left: 5px; line-height: 35px; }
.aftersale-header ul li table tr td p.red { color:#F00; text-align: right; }
.aftersale-header ul li table tr td img { width: 100%; }

.aftersale-main{ width: 100%; height: auto; }
.aftersale-main-inner { padding: 0 10px; }
.aftersale-main table { width: 100%; }
.aftersale-main table tr td { width: 50%; text-align: right;  }
.aftersale-main table tr td:first-child { text-align: left; }
.aftersale-main table tr td img { width: 98%; }

/* 用户退货换货 */
.return-goods-wrap { width: 100%; height: auto; }
.return-goods-inner  { padding: 13px 10px;  }
.return-goods-box { background: #FFF; overflow: hidden;}
.return-goods-box div.return-goods-main { margin: 5px; }
.return-goods-box div.return-goods-main table { width: 100%; }
.return-goods-box div.return-goods-main table tr td { position: relative; vertical-align: top;  }
.return-goods-box div.return-goods-main table tr td:first-child { width: 40%; font-size: 0; }
.return-goods-box div.return-goods-main table tr td:last-child { padding-left: 10px;  }
.return-goods-box div.return-goods-main table tr td h3 {  font-size: 0.875em;  font-weight: normal; color: #5b5b5b;}
.return-goods-box div.return-goods-main table tr td p { font-size: 0.875em;  }
.return-goods-box div.return-goods-main table tr td p.price { color: #9a9a9a; }
.return-goods-box div.return-goods-main table tr td p.subtotal { position: absolute; right: 5px; bottom: 5px; text-align: right; }

.return-price-box { clear: both; margin: 5px 10px;   border-top: solid 1px #e8e8e8; }
.return-price-box h3 { font-weight:normal;  line-height: 2; font-size: 0.875em;  }
.return-price-box h3 span { float: right;  }
.return-price-box p { padding-bottom: 5px; color: #888; font-size: 0.875em; }

.return-hope-wrap { margin-top: 13px; background: #FFF; overflow: hidden; }
.return-hope-inner { padding: 10px; color: #4a4a4a; font-size: 0.875em; }

.return-select-wrap {  background: #FFF; border-top-color: #FFF; }

.indemnity-wrap { display: none; margin-top: 13px;  background: #FFF; overflow: hidden; }
.indemnity-wrap div { padding: 8px 10px; }
.indemnity-wrap div table { width: 100%; }
.indemnity-wrap div.add-bottom { border-bottom: solid 1px #F5F5F5; }
.indemnity-wrap div table tr td.second-child { position: relative;  width:  20px; max-width:  20px; min-width: 20px; }
.indemnity-wrap div table tr td dl.fresh-sorry-tips-01,.indemnity-wrap div table tr td dl.fresh-sorry-tips-02 { display: none; }
.indemnity-wrap div table tr td dl dt { color: #4a4a4a; font-size: 0.875em;}
.indemnity-wrap div table tr td dl dt span { color: #ff4146; }
.indemnity-wrap div table tr td dl dd { color: #a6a6a6; font-size: 0.875em;}
/*.indemnity-wrap div table tr td label.radio-btn { display: inline-block; width: 25px; height: 25px; padding: 0; margin: 0; font-size: 0; vertical-align: top; background: url(../img/aftersale/round-unselected.png?v=2016012902) center center no-repeat; background-size: 70% 70%;}*/
/*.indemnity-wrap div table tr td label.radio-current { background-image: url(../img/aftersale/round-selected.png?v=2016012902); }*/
.indemnity-wrap div table tr td input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0;}

.want-say-inner textarea { width: 100%; height: 80px; padding: 0; margin: 0; border-width: 0; font-size: 1em;  }
.want-say-inner div { padding: 5px;  border-top: solid 1px #F5F5F5; background: #FFF; }
.want-say-inner p { padding: 0 2%; margin-top: 10px; font-size: 0.875em; color: #888; }

.return-select-inner { padding-bottom: 5px; margin-bottom: 15px; }
.return-select-inner ul li { position: relative; margin-left: 3%; line-height: 1.8; color: #888;  font-size: 0.875em; }
/*.return-select-inner label.radio-btn { display: inline-block; width: 25px; height: 25px; padding: 0; margin: 0; font-size: 0; vertical-align: top; background: url(../img/aftersale/round-unselected.png?v=2016012902) center center no-repeat; background-size: 70% 70%;}*/
/*.return-select-inner label.radio-current { background-image: url(../img/aftersale/round-selected.png?v=2016012902); }*/
.return-select-inner input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; }

.return-way-hope tr td:first-child { width: 30%; }
.return-way-hope tr td { width: 40%;}
/*.return-way-hope tr td label.radio-btn { display: inline-block; width: 25px; height: 25px; padding: 0; margin: 0; font-size: 0; vertical-align: top; background: url(../img/aftersale/round-unselected.png?v=2016012902) center center no-repeat; background-size: 70% 70%;}*/
/*.return-way-hope tr td label.radio-current { background-image: url(../img/aftersale/round-selected.png?v=2016012902); }*/
.return-way-hope tr td label.text-top { vertical-align: text-top; }
.return-way-hope tr td { position: relative; }
.return-way-hope tr td input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; }

.return-copy-table { width: 100%; }
.return-copy-table td:first-child { width: 45%; color: #4a4a4a; }
.return-copy-table td span,.return-copy-table td i { display: inline-block; height: 25px; text-align: center; line-height: 25px;  border-radius: 25px; }
.return-copy-table td span { width: 40px; color: #FFF; }
.return-copy-table td i {  min-width: 40px;  margin: 0 3%;  background: #FFF; vertical-align: bottom;}
.return-copy-table td span.forbidden { background: #ccc; border: solid 1px #ccc; }

.retrun-save-tips { margin-top: 10px; text-align: center; }
/*.retrun-save-tips span.border-left { background-image: url(../img/aftersale/price-left.png); margin-right: -2px; }*/
/*.retrun-save-tips span.border-right { background-image: url(../img/aftersale/price-right.png); margin-left: -1px; }*/
.retrun-save-tips span.return-price { color: #FFF; padding: 10px 30px; font-weight: normal; }
.retrun-save-tips span.border { padding: 10px 0px; background-size: 80% 100%; background-repeat: no-repeat; }

.return-photo { margin-top: 10px;  background: #FFF;}
.return-photo-inner div.share-set-img { position: relative;  padding: 8px 10px; background-color: #fff; margin-top: 0px; }
.return-photo-inner div.share-set-img p {  position: absolute; left: 32%; top: 30%; padding-right: 2%; margin-top: -8px;  color: #888; font-size: 0.875em;}
.return-photo-inner div.share-set-img ul {  width: 100%; padding: 0; margin-top: -16px;  overflow: hidden; }
.return-photo-inner div.share-set-img ul li { margin-top: 16px; margin-bottom: 0; }
.return-photo-inner div.share-set-img ul li img { border: solid 1px #FFF; }
.return-photo-inner div.share-set-img ul li label.load { width: 90%;  height: 97%; border: solid 1px #d3d3d3; }


/* 退货换货 */
.return-exchange-wrap { width: 100%; height: auto; }
.return-exchange-box { margin: 13px 10px 0;  background: #FFF; }
.return-exchange-box table { width: 100%; }
.return-exchange-box table tr td { position: relative; padding: 5px;   vertical-align: top; }
.return-exchange-box table tr td a { display: block; position: absolute; bottom: 15px; right: 15px; width: 70px; height: 35px; line-height: 35px; border-radius: 30px; color: #FFF; font-size: 1em; }
.return-exchange-box table tr td a.apply-btn { font-size: 0.875em; background: #fcc700; }
.return-exchange-box table tr td p { font-size: 0.875em; }
.return-exchange-box table tr td:first-child { width: 40%; }
.return-exchange-box table tr td:last-child { padding: 10px 5px 10px 0px; }

/* 退货换货 */
/*
.return-wrap { padding: 8px; padding-top: 0; color: #333; }
.fruit-box { margin-top: 10px;  border:  solid 1px #b8b8b8; overflow: hidden; }
.fruit-cover,.fruit-main { float: left; width: 50%;  font-size: 0.875em;}
.fruit-cover { font-size: 0; }
.fruit-cover img { width: 100%; height: auto; min-height: 137px; }
.fruit-inner { margin-left: 5px; }
.fruit-inner h3 { margin-top:  10px; margin-bottom: 0px; font-size: 1em; font-weight: normal;  }
.fruit-inner h3 span { float: right; margin-right: 5px; }
.fruit-inner a { color: #57b174; text-decoration: none; font-size: 1em; }
.praise-box { float: right;  margin-right: 5px; text-align: center; }
.praise {  display: block; width: 50px; height: 43px; padding-top: 7px;  border: solid 2px #ff4146; border-radius: 100%;  background: #ff4146; color: #FFF; line-height: 1.3; }
.praise-title {  color: #57b174; font-size: 0.624em; text-align: center; line-height: 1.8; }
.praise img { display: block; width: 20px; height: 20px; margin:  10px auto 0; }
.fruit-main p { margin-bottom: 0;}

.fruit-return-box p { margin-left: 5px; padding-right: 3px; margin-top: 10px; line-height: 1.2;}
.fruit-return-box a { display: block; float: right; width: 50px; height: 43px; padding-top: 7px; margin-top: 10px; margin-right: 5px; line-height: 1.3;  background: #f4c901; color: #FFF; text-align: center; border-radius: 30px; text-decoration: none; }
.fruit-return-box a:hover { font-size: #FFF;}
*/
html,body { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 1em; font-family: 微软雅黑,Arial, Helvetica, sans-serif; line-height: 1.5; color: #454545;  -webkit-overflow-scrolling: touch }
html,body{ width: 100%; height:100%; -webkit-touch-callout:none; -webkit-user-select: none;  -webkit-text-decoration-line:none;  -webkit-tap-highlight-color: rgba(0,0,0,0);  /*scrollbar-face-color: #FFF; */  }
html,body,h1,h2,h3,h4,h5,h6,div,p,a,ul,li,dl,dt,dd { padding: 0; margin: 0; }
html,body { background: #F5F5F5; }

ul { list-style: none; padding: 0; margin: 0;}
input,button,select,textarea { outline:none; -webkit-appearance: none; }
a { text-decoration: none; }
a:active { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
em,i { font-style: normal; }
img { border-width: 0; }
table { border-collapse: collapse; border-spacing: 0; }

.fl { float: left; }
.fr { float: right; }
.tl { text-align: left;}
.tr { text-align: right; }
.tc { text-align: center;}
.hide { display: none; }
.newline { word-wrap:break-word; }
.fontzero { font-size: 0; }
.opacity { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; -webkit-filter:blur(5px); }
.full_opacity { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.fuzzy { -webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);}
.mask_div { position: fixed; top: 0; left: 0; bottom:  0; right: 0; background: #FFF; }
.font-zero { font-size: 0;}
.box-sizing { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
.active-btn:active { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

.bg-color { background: #FFF; }
.style-color { background: #ff4146; }
.ft-color,.ft-color:hover,.ft-color:active,.ft-color:visited { color: #ff4146; }
.bd-style { border-width: 1px; border-style: solid; border-color: #ff4146; }
.bd-color { border-color: #ff4146; }
.textComColor{ color: #ff4146;}

/* 重设 */
.sidebar-right {  background: #00c2a9; }
.navbar-absolute-bottom { border-top-width: 0; }
.app-notice { font-size: 16px; line-height:  45px; }
.notice-box { font-size: 14px; }
.p-bottom { padding-bottom:  50px; background: #FFF; }
.g-white { background:  #FFF; }
.p-bottom div.section.section-break { -webkit-box-shadow:none; box-shadow: none; }
.copyright { margin: 0px 0 5px;  color: #d1d1d1; font-size: 0.875em; text-align: center;   }
.border-radius { -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; }

a.default-btn { display: block; width: 80%; height: 40px; line-height: 40px; margin: 0 auto; color: #FFF; font-size: 1em; text-align: center; background-color: #19cf77; border-radius: 40px;   }
a.default-btn:hover,a.default-btn:active,a.default-btn:visited { color: #FFF;}


#app{  height:auto !important;height:100%; position:relative; }
.navbar-absolute-bottom { position: fixed;bottom: 0px;width: 100%;  z-index: 9999; height: 50px; }
.snap-content { padding-bottom:50px; position: absolute; width: 100%; min-height: 100%; /*transform: translate3d(0px, 0px, 0px);*/ /*overflow-y: scroll;*/ -webkit-overflow-scrolling:touch; }
.snap-drawers { position: fixed; top: 0px; right: 0px; display: none; background: #F5F5F5; z-index: -1; }
.hide{ display: none }
.transform-wrap { transform: none;-webkit-transform:none;  }
#transform-left { position: fixed; top:0; left: 0; display: none; width: 20px; height: 100%; margin-bottom: -50px; background: rgba(0,0,0,0); z-index: 99999; }

/* 个人账号菜单 */
.sidebar-right { background: #f5f5f5; }
.user-account-header { position: relative; width: 100%; height: auto; padding: 15% 0 5%; color: #FFF; text-align: center; background: #ff4146;  }
.user-account-header h3 { font-size: 1.2em; }
.user-account-header p span img { width: 80px; height: 80px; border-radius: 100%;  }
.user-account-header p span#user-avater-box { display:inline-block; width: 80px; height: 80px; border: solid 3px #FFF; border-radius: 100%; }
.user-account-header i { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.user-account-header a.login-out { position: absolute; top: 0; right: 0; margin: 10px; padding: 3px 5px; color:#FFF; font-size: 0.75em; border: solid 1px #FFF; border-radius: 3px; }
.user-account-header a.login-out:hover,.user-account-header a.login-out:active,.user-account-header a.login-out:visited { color: #FFF; }
.user-account-header a.close-sidebar { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; line-height: 40px; color:#FFF; text-align: center; }
.user-account-header a.close-sidebar:hover,.user-account-header a.close-sidebar:active,.user-account-header a.close-sidebar:visited { color: #FFF; }

.user-account-main { width: 100%;  overflow-y:auto; }
.user-account-main ul { width: 100%; height: auto; background: #FFF; }
.user-account-main ul li { position: relative; width: 100%;  height: 50px; line-height: 50px; border-bottom: solid 1px #e8e8e8; }
.user-account-main ul li i { padding:0 7px; margin-left: 5px;  color: #FFF; font-size: 0.875em; background: #fcc700; border-radius: 10px; }
.user-account-main ul li a { display: block; width: 100%; height: 50px; color: #484848; }
.user-account-main ul li a em { position: absolute; top:0; right: 0; color: #BFBFBF; margin-right: 3%; line-height: 50px; font-size: 1.5em; }
.user-account-main ul li a:hover,.user-account-main ul li a:active,.user-account-main ul li a:visited { color: #484848; }
.user-account-main ul li a:hover em,.user-account-main ul li a:active em,.user-account-main ul li a:visited em { color: #BFBFBF; }
.user-account-main ul li a:hover i,.user-account-main ul li a:active i,.user-account-main ul li a:visited i { color: #FFF; }

.user-account-main ul li a span {  float: left; display: block; width: 35px;  height: 50px; margin:0 3px;  background: center center no-repeat; background-size: 60%;  }
.user-account-main ul li.li-coupons a span.coupons {  background-image: url('../img/icon-coupons.png'); }
/*.user-account-main ul li.li-coupons a span.coupons-active {  background-image: url('./img/icon-coupons-active.png'); }*/
.user-account-main ul li.li-order a span.order { background-image: url('../img/icon-order.png'); }
/*.user-account-main ul li.li-privilege a span.privilege { background-image: url('../img/icon-vip.png'); }*/
/*.user-account-main ul li.li-meet-gift a span.meet-gift { background-image: url('../img/right_sidebar/icon-meet.png?v=2015122001'); }*/
.user-account-main ul li.li-integral a span.integral { background-image: url('../img/icon-integral.png'); }
.user-account-main ul li.li-recharge a span.recharge { background-image: url('../img/icon-recharge.png'); }
.user-account-main ul li.li-scan-code a span.scan-course { background-image: url('../img/icon-scan.png');  background-size: 55%;}

.user-account-footer { position:fixed; bottom: 0; left: 0; width: 100%; height: 30px;  padding: 10px 0; background: #FFF; }
.user-account-footer a { display:inline-block;  width: 49%;  line-height: 30px;  color: #ff4146; font-size: 0.875em; text-align: center;  }
.user-account-footer a:hover,.user-account-footer a:active,.user-account-footer a:visited { color: #ff4146; }
.user-account-footer a:first-child { border-right:  solid 1px #e8e8e8; }

#menu-height-box { position: relative; overflow:hidden; }

/* 我的充值 */
.recharge-wrap { width: 100%; height: auto; }
.recharge-header { padding: 0 8px 10px; background: #FFF;  }
.recharge-header-inner { position: relative; border: 1px solid #ff4146; font-size: 1.1em; text-align: center;  line-height: 45px; width: 87%; margin: 0 auto;}
.recharge-header-inner a { display: block; color: #ff4146; }
.recharge-header-inner img { position: absolute; top: 8px; right: 10px; }

.user-recharge { margin-bottom: -10px; color: #ff4146; text-align: center; }
.user-recharge span { margin: 0 5px; color: #fcc700; font-size: 4em; }
.recharge-header p { margin-top: 6px; margin-bottom: -5px;  color: #ff4146; text-align: center; font-size: .875em;  }
.recharge-header p em { font-size: 1.5em;}

.recharge-main { margin: 0 10px; background: #fff; margin-top: 22px;}
.recharge-main h3 { color: #ff4146;  font-size: 1em; font-weight: normal; text-indent: 12px; height: 48px; line-height: 48px;}
.recharge-main ul li { line-height: 65px;  background: #FFF; color: #4e4e4e; border-top: 2px solid #f7f7f7;}
.recharge-main ul li img { width: 25px; vertical-align: middle; margin-right: 10%;}
.recharge-main ul li table { width: 55%; min-width: 150px; margin: 0 auto; }
.recharge-main ul li table tr td:first-child{ width: 40px; min-width: 40px; max-width: 40px; }
.recharge-main ul li table tr td { text-align: left; }
.recharge-main p { color: #57b174; }

.recharge-record-wrap { width: 100%; height: auto;   background: #FFF; margin-top: 22px;}
.recharge-record-wrap div.recharge-record-menu { padding: 0 14px;  color: #4e4e4e; font-size: 1em; line-height: 3.2; }
.recharge-record-wrap div.recharge-record-menu span { display: block; float: right; width: 10px; height: 10px; margin-top: 20px; margin-right: 6%; background: #ff4146; border-radius: 100%; }
.recharge-record-wrap ul li { padding: 3%; margin: 0 16px; border-top: solid 1px #d5d5d5; }
.recharge-record-wrap ul li dl { position: relative;}
.record li.center { padding: 3% 0; color: #999; text-align: center;}
.recharge-record-wrap ul li dl dt span.recharge-money { color: #ff4146; }
.recharge-record-wrap ul li dl dt span.recharge-time { position: absolute; display: inline-block; top: 50%; right: 0; margin-top: -9px; color: #acacac; font-size: 0.75em; }
.recharge-record-wrap ul li dl dd { color: #acacac; font-size: 0.75em; }

.recharge-opera-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; color: #333;  z-index: 999999; }
.recharge-opera-box div.recharge-opera-inner { position: relative; width: 80%; padding: 5%; margin: 30% auto;  background: #FFF; border-radius: 5px; z-index: 100; }
.recharge-opera-box div.recharge-opera-inner h1 { font-size: 1em; font-weight: normal;  text-align: center; }
.recharge-opera-box div.recharge-opera-inner > label { display: block; width: 80%; margin: 5% auto; padding: 0 5px;   border: solid 1px #a0a0a0; background: #f7f7f7; border-radius: 5px; }
.recharge-opera-box div.recharge-opera-inner > label input {border-width: 0; width: 100%; height: 30px;  padding: 3px 0%; margin: 0; background: transparent;  font-size: 1.3em; }
.recharge-opera-box div.recharge-opera-inner a.sure-btn { display: block; width: 60%; margin: 0 auto;  color: #FFF; line-height: 40px; background: #ff4146;  text-align: center; border-radius: 40px; }
.recharge-opera-box div.recharge-opera-inner a.close-btn { position: absolute; top:-15px; right:-10px; display: block; width: 30px; height: 30px; }
.recharge-opera-box div.recharge-opera-inner a:hover,.recharge-opera-box > div a:active,.recharge-opera-box > div a:visited { color:#FFF }

.recharge-opera-box div.recharge-opera-wrap { position: relative; width: 100%; height: 100%; overflow:hidden; }
.recharge-opera-box div.recharge-opera-background { position: absolute; top:0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1; }

/* 冻结余额 */
.recharge-ice-wrap { width: 100%; height: auto;	 }
.recharge-ice-top {  padding: 10px 15px; background: #FFF; }
.recharge-ice-top span { float: right; display: block; width: 10px; height: 10px; margin-top: 6px; margin-right: 15px; background: 10px; border-radius: 100%; background: #57b174; }
.recharge-ice-item { width: auto; padding: 14px 25px; margin-top: 10px; background: #FFF; }
.recharge-ice-item table { width: 100%;}
.recharge-ice-item table tr td.second-child { width: 145px; max-width: 145px; min-width: 145px; font-size: 0.75em; text-align: right; vertical-align: middle; }
.recharge-ice-item table tr td.second-child em { font-size: 1.3em; color: #ff4146; }
.recharge-ice-item table tr td dl dt span { margin: 0 5px;  color: #ff4146; }
.recharge-ice-item table tr td dl dd { color: #aaa; font-size: 0.75em; }
.recharge-ice-bottom { padding: 10px 25px; color: #aaa; font-size: 0.875em; }

/* 商品详细页面样式 */
.product-info-wrap { width: 100%; height: auto; }
.product-info-header { position: relative;  width: 100%; height: auto; }
.product-info-header a,.product-info-header span { display: block; position: absolute;  width: 40px; height: 40px; line-height: 40px; color: #FFF; text-align: center;  background: rgba(0,0,0,0.30); border-radius: 100%; }
.product-info-header a { position: fixed;  top: 8px; left: 8px;   }
.product-info-header a:hover,.product-info-header a,.product-info-header a:visited { color: #FFF; }
.product-info-header span { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px;  margin-top: -25px; margin-left: -25px; }
.product-info-header span i { margin-left: 5px; }

.product-info-param { padding: 0% 5%; background: #FFF; }
.product-info-param p span.price { font-size: 1.8em; line-height: 1.5; }
.product-info-param p span.price i { margin-right: 3px; font-size: 16px; }
.product-info-param p span.supermarket { color: #bababb; font-size: 0.875em;   text-decoration: line-through; }
.product-info-param p.title { color: #32302f; }
.product-info-param p.subtitle { color: #9a9a9a; font-size: 0.875em; }
.product-info-param table { width: 100%; height: auto; margin-top: 3%; color: #9a9a9a; font-size: 1em; border-top: solid 1px #dadada; }
.product-info-param table tr td { position: relative;  width: 50%; font-size:0.75em; line-height: 40px; text-align: center; }
.product-info-param table tr td span { position: absolute; top: 10px; left: -1px; width: 1px; height: 20px; border-left: solid 1px #dadada; }

.product-info-content { width: 90%; padding: 0 5%; color: #787878; line-height: 1.8; }
.product-info-content img { width: 100%;  height: auto; }

.product-info-footer { padding: 3% 5%; }
.product-info-footer p.save-box span { padding: 8px 15px 8px 25px; border: solid 2px #ee4286; color: #ee4286;  }
.product-info-footer div.fruit_detail_price { margin-top: 15px; text-align: right; line-height: 35px;}
.product-info-footer div.fruit_detail_price p.today-price { color:#9a9a9a; margin-bottom: -10px; }

.product-info-opera  { position: fixed; bottom: 8px; right: 5%; z-index: 9999; }
.product-info-opera table tr td span { display: block; height: 30px; padding: 0px 18px; line-height: 30px; font-size: 1em;  text-align: center; border-radius: 20px; border: solid 1px;}
.product-info-opera table tr td span.add,.product-info-opera table tr td span.minus { color: #FFF; }
.product-info-opera table tr td span.num { margin: 0 6px; }
.product-info-opera table tr td span.add:active{ opacity: 0.6; filter: alpha(opacity=60); }
.product-info-opera table tr td span.minus:active{ opacity: 0.6; filter: alpha(opacity=60); }
.product-info-opera table tr td span.forbidden { background-color: #ddd; }
.product-info-opera p { font-size: 0.875em; line-height: 35px; }

.no-goods { width:  100%;  }
.no-goods-title { font-size: 1.8em; color: #3db04e; text-align: right; }
.no-goods-btn-warp { width: 70px; padding-right: 5px; }
.no-goods-btn { display: block;  padding-top: 10px; margin-left: 10px; width: 60px; height: 60px; font-size: 1em; color: #FFF; text-align: center; background: #94b8d9; border-radius: 100%; }
.no-goods-btn-bg { background:  #fcdb00;}

/* 用户未关注 */
.user-no-focus { position: fixed; top:0; right:0; left:0; display: none; width: 100%; padding: 5px 8px 5px;  line-height: 1.8; font-size: 14px; color: #FFF; background-color: #19cf77; z-index: 9999; }
.user-no-focus a { display: inline-block; padding:0px 5px; background: #94efc3;  font-size: 14px; color: #0fad61; border-radius: 30px; }
.user-no-focus a:hover { text-decoration: none; }
.user-no-focus-height { width: 100%; height: 0; }

.make-foucs-user { padding: 15px 0; background: #c4f9de; color: #129974;   }
.make-foucs-user table { width: 100%; color: #129974; }
.make-foucs-user table tr td:first-child { width: 40%; vertical-align: middle;  }
.make-foucs-user table tr td:first-child img { display: block; width: 75%; margin: 0 auto; }
.make-foucs-user table tr td dl { margin-bottom: 10px; }
.make-foucs-user table tr td dl dt { font-size:  1.2em;  font-weight: normal; margin-bottom: 10px; }
.make-foucs-user table tr td dl dd { padding-left: 15px; }
.make-foucs-user table tr td dl dd ul  { margin-left: 15px; list-style: initial; }
.make-foucs-user span { display: block;  width: 100px; text-align: center; background: #FFF; color: #129974; line-height: 30px; font-size:0.875em; border-radius: 30px; }

/* 新闻 */
.news-wrap { width: 100%; height: auto; }
.news-main { width: 100%; height: auto; margin-bottom: -50px; }
.news-main img { width: 100%; height: auto; }

/* 产品页面样式 */
#product_list,#group_list { position: relative; margin-top: 13px; z-index: 9998; }
.product-box,.special-box,.group-box { position: relative; /*z-index: 999;*/ }
.product-box li,.special-box li {  padding: 0px 8px 13px; }
.product-box li { padding-bottom: 13px; }


.product-box li div.selected table.product-item-table p.product-itme-price-box { display: none; }
.product-box li div.selected table.product-item-table p.supermarket { display: none; }
.product-box li div.selected table.product-item-table p.product-item-subtotal-box { display: block; }

.product-item-box,.special-item-box { position: relative; background: #FFF; }
.product-item-header { position: relative; }
.product-item-header a { display: block; width: 100%;  font-size: 0; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.product-item-header img.product-item-tag { position: absolute; top: 0; left: 0; width: 22%; height: auto; }
.product-item-header span { display: block; position: absolute; top: 10%; right: 5%; padding: 5px 13px; color: #FFF; text-align: center; background: rgba(216,211,204,0.85); border-radius: 10px; }
.product-item-header span i { margin-right: -5px; }

.product-item-main { position: relative; width: 100%; height: auto; }
.product-item-content { padding: 5px 10px;  padding-bottom: 12px; }
.product-item-content h3 { font-size: 1em; font-weight: normal; }
.product-item-content h3 a { color: #32302f; }
.product-item-content h3 a:hvoer,.product-item-content h3 a:active,.product-item-content h3 a:visited { color: #32302f;  }
.product-item-content h3 span { margin-left: 5px; padding: 2px 3px; color: #f94007; font-size: 0.75em; vertical-align: text-bottom;  border: solid 1px #f94007; border-radius: 3px; }
.product-item-content p.product-itme-price-box { width: 100%; height: auto; min-height: 25px; font-size: 0.875em;}
.product-item-content p.product-itme-price-box span.price { color: #ff4146; font-size: 1.6em; line-height: 1;}
.product-item-content p.product-itme-price-box span.price i { margin-right: 3px; font-size: 16px;}
.product-item-content p.product-itme-price-box span.unit {  color: #9fa0a0; font-size: 0.875em; }
.product-item-content p.product-itme-price-box span.supermarket {  color: #c7c7c8; font-size: 0.75em; text-decoration: line-through; }
.product-item-content p.product-item-subtotal-box { color: #b3b3b4; font-size: 0.875em;  }
.product-item-content p.product-item-subtotal-box i:first-child { color: #989898; font-size: 1.2em;  }
.product-item-content p.product-item-subtotal-box em.num { color: #ff4146; font-size: 1.6em; line-height: 1; }
.product-item-content p.group-attentioin { color: #d9d9d9; font-size: 0.75em; }
.product-item-content p.group-time { color: #d9d9d9; font-size: 0.75em; }
.product-item-content p.group-time i { margin-right: 2px;  color: #c3d72c; font-size: 1.8em; vertical-align: middle; }

.product-item-table { width: 100%; height: auto; }
.product-item-table tr td { position: relative;  vertical-align: top; }
.product-item-table tr td:first-child { width: 35%; max-width: 135px; }
.product-item-table tr td:first-child a { display: block; font-size: 0; width: 100%;  background-size: auto 100%; background-position: center center; background-repeat: no-repeat; }
.product-item-table tr td:last-child { padding: 5px; }
.product-item-table tr td h3 { font-size: 1em; font-weight: normal; }
.product-item-table tr td h3 a { color: #32302f; }
.product-item-table tr td h3 a:hover,.product-item-table tr td h3 a:active,.product-item-table tr td h3 a:visited { color: #32302f;  }
.product-item-table tr td h3 span { margin-left: 5px; padding: 2px 3px; color: #f94007; font-size: 0.75em; vertical-align: text-bottom;  border: solid 1px #f94007; border-radius: 3px; }
.product-item-table tr td p.product-itme-price-box { width: 100%; height: auto;  font-size: 0.875em;}
.product-item-table tr td p.product-itme-price-box span.price { color: #ff4146; font-size: 1.6em; line-height: 1.2;}
.product-item-table tr td p.product-itme-price-box span.price i { margin-right: 3px; font-size: 16px;}
.product-item-table tr td p.product-itme-price-box span.unit {  color: #9fa0a0; font-size: 0.875em; }
.product-item-table tr td p.product-item-subtotal-box { display: none;  color: #b3b3b4; font-size: 0.875em;  }
.product-item-table tr td p.product-item-subtotal-box i:first-child { color: #989898; font-size: 1.2em;  }
.product-item-table tr td p.product-item-subtotal-box em.num { color: #ff4146; font-size: 1.6em; line-height: 1; }
.product-item-table tr td p.supermarket span {  color: #bababb; font-size: 0.875em; text-decoration: line-through; }
.product-item-table tr td p.subtitle { color: #bababb; font-size: 0.875em;  }
.product-item-table tr td p.kucun-status span { position: absolute; bottom: 5px; padding: 1px 3px; color: #bababb; font-size: 0.75em; vertical-align: text-bottom;  border: solid 1px #bababb; border-radius: 3px; }
.product-item-table tr td p.kucun-status span.kucun {  color: #F00; border-color: #F00; }
.product-item-table tr td span.play-video-btn { display: block; position: absolute; top: 10%; right: 5%; padding: 5px 13px; color: #FFF; text-align: center; background: rgba(216,211,204,0.85); border-radius: 10px; }
.product-item-table tr td span.play-video-btn i { margin-right: -5px; }

.product-opera-wrap { position: absolute; right: 10px; bottom: 14px; }
.group-opera-wrap { top: 10px; bottom: inherit; }
.product-opera-inner { position: relative; }
.product-opera-inner span.btn { display:inline-block; width: 66px; height: 39px; line-height: 39px; color: #FFF; font-size: 1.4em; text-align: center;  background: #ff4146; border-radius: 30px;}
.product-opera-inner div.product-buy-oprea span:first-child { background: #c3d72c; }
.product-opera-inner span dl { margin-top: 3px; }
.product-opera-inner span.product-notice-no,.product-opera-inner span.product-notice-has { width: 66px; height: 39px; font-size: 0.75em; line-height: 1.4; }
.product-opera-inner span.product-notice-no { background: #d3d3d3; }
.product-opera-inner span.product-notice-has { background: #fcc700; }
.product-opera-inner span.join-group { font-size: 1em; background: #c3d72c; }
.product-opera-inner span.over-group { font-size: 0.875em; background: #d3d3d3; }

.product-title a { margin-left: 6px; color: #231815; font-size: 0.875em; font-weight: bold; }
.product-title a:hover { text-decoration: none; }
.product-title a:active { opacity: 1; filter: alpha(opacity=100);}
.product-title p { margin-top: 5px;  font-size: 0.75em; color: #999; }
.product-title p.lows-tock {  margin: 5px 0 0px 6px;}
.product-title p.lows-tock span { padding: 1px 4px; margin-top: 3px; font-size: 10px; border: solid 1px #e50012; color: #e50012;  border-radius: 5px; height: 15px;}

.product-box li div.selected  .product-title div.product-price { display: none; }
.product-title div.product-price { padding-top: 5px;  min-width: 280px;   text-align: right;  clear: both; }
.product-title div.product-price-top { padding-top: 15px;}
.product-title div.product-price table { float: right;}
.product-title div.product-price table tr td p.original-price { margin-bottom: 0; margin-top: -13px; text-decoration: line-through; }
.product-title div.product-price table tr td p.original-price span { border:solid 1px #a8a8a8; padding: 1px 4px; font-size: 10px; color: #a8a8a8; border-radius: 5px; text-align: center; }
.product-title div.product-price table tr td p.now-price { margin: 0;  color: #ee413e; font-size: 1.4em; font-style: normal; text-align: center; }
.product-title div.product-price table tr td p.now-price span { font-size: 14px; vertical-align: super; }
.product-title div.product-price table tr td p.now-price em { font-style: normal; }
.product-title div.product-price table tr td p.black { color: #898989; }

.product-title div.product-price table tr td.product-unit { min-width: 65px; padding-left: 5px; vertical-align: bottom; }
.product-title div.product-price table tr td.product-unit p { margin: 0;  margin-bottom: 5px;  text-align: left; color: #e40011 ; }
.product-title div.product-price table tr td.product-unit p.num { color: #a8a8a8;   }
.product-title div.product-price table tr td.product-unit p.instructions {margin-top: -8px; }
.product-title div.product-price table tr td.product-unit p.black { color: #898989; }
.group-join { color: #909090; font-size: 0.75em;  }
.group-join p { height: 17px; margin-top: 3px;margin-left: 6px; margin-bottom: 0px; color: #8b8b8b;font-size: 1em; }
.group-join p img { width: 16px; height: 16px; margin-right: 3px;  vertical-align: text-bottom;}

.product-title div.product-subtotal table { float: right;}
.product-title div.product-subtotal table p { margin-bottom: 0; }
.product-title div.product-subtotal table tr td.product-unit { min-width: 65px; padding-left: 5px; vertical-align: bottom;  padding-bottom: 3px; text-align: left; font-size: 0.75em; }

.product-title div.product-price i { font-style: normal; }

.product-box li div.selected  .product-title div.product-subtotal { display: block; }

.product-title div.product-subtotal { display: none; min-width: 280px;  text-align: right;  clear: both; }
.product-title div.product-subtotal span { position: relative; font-size: 12px; color: #231832;    }
.product-title div.product-subtotal span i { font-style: normal;  color: #c4d82e; font-size: 14px;  }
.product-title div.product-subtotal span em { padding-left: 2px;  color: #c4d82e; font-size: 1.8em; font-style: normal; }
.product-title div.product-subtotal em { font-style: normal; }

.product-title div.product-subtotal span.product-unit{ font-size: 1.8em; color: #3db04e;}

.loading-box { position: relative; }
.product-title .loading-box a{ margin-left: 0px; background-color: #f2f2f5; min-height: 120px; }
.product-tag { position: absolute; top: 0; left:0; width: 22%; }
.product-tag img { width: 100%; height: auto;}
.product-title-box { position: relative; min-height: 50px; }
.group-title-box { min-height: 55px; }

.user-join-group { background:#fcdb00; font-size: 1.3em; color: #de2531;  }
.user-join-group:hover,.user-join-group:active { background:#fcdb00; }
.user-joined-group { background:#fc004d ; font-size: 1em; color: #ffea00;  }
.user-joined-group:hover,.user-joined-group:active { background:#fc004d ; }
.user-out-group { background:#94b8d9; font-size: 1em; color: #FFF;}
.user-out-group:hover,.user-out-group:active { background:#fc004d ; }
.user-out-over { height: 51px;  padding-top: 9px; line-height: normal;  }
.user-line-up { height: 51px;  padding-top: 9px; line-height: normal; }

.product-cover { font-size: 0;}
.product-cover img { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.product-cover-reset { display: block; width:100%; height: 45%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; border-top-left-radius:  6px;  border-top-right-radius:  6px; }
.product-tag-reset { border-top-left-radius: 6px; }

.product-add,.product-minus { width: 60px; height: 60px;  text-align: center; border-radius: 100%;   }
.product-add { background: #c4d82e url('../img/product-add.png') center center no-repeat; background-size: 35% 35%; border: solid 3px #FFF;  }
.product-add:active { background-color: #c4d82e; }
.product-add-01 { background-color: #CBCBCB; }
.product-minus { position: absolute; top:-70px;  background: #ee4286  url('../img/product-minus.png') center center no-repeat;  background-size: 35% 35%; border: solid 3px #FFF; }
.product-minus:active { background-color: #e570a0; }

.product-info { position:  relative; }
.product-info p.market-price,.special-info p.market-price { text-decoration: line-through; color: #036; font-size: 13px; }

.limit-buy-icon { position: absolute; right: 80px; top: -30px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 1.3em; color: #faed00; border-radius: 100%; background: #e94049;}

.special-item-inner { }
.special-box li { overflow: hidden; }
.special-item-main { overflow: hidden; }
.special-title  { width: 35%; height: auto; margin-right: 3%; font-size: 0; }
.special-title img { width: 100%; height: auto;  }

.special-info {  width: 60%; padding: 8px 0; }
.special-title a { display: block; }
.special-info h3 { margin-bottom: 0px; font-size: 16px;}
.special-info h3 a,.special-title a {  color: #231815; font-size: 0.875em; font-weight: bold; line-height: 1.5; }
.special-info h3 a:hover,.special-title a:hover{ text-decoration: none; }
.special-info h3 span { display: inline-block; width: 20px;  height: 20px;  margin-left: 3px;  line-height: 22px;  color: #FFF;  border-radius: 100%;  font-size: 0.75em;  background: #F00;
    text-align: center; }
.special-info p { margin-bottom: 0px; font-size: 1em;}
.special-info p.subtitle{  color: #fcc700; font-size: 0.875em; }
.special-info p.discount { color: #DA4B3B;}
.special-info p.shichangjia { color: #b3b3b4; text-decoration: line-through; font-size: 0.875em; }
.special-info p.price { color: #9fa0a0; font-size: 0.875em;  }
.special-info p.price span { color: #ff4146; font-size: 1.3em;   line-height: 1.2; }
.special-info p.price span i { margin-right: 3px; font-size: 16px; }

.special-item-footer { position: absolute; bottom: 8px; right: 10px;    }
.special-item-footer p.specia-remain-num { line-height:  37px;}

.choose-box {  }
.choose-box a { cursor: pointer; }
.choose-box a:hover { text-decoration: none; }
.choose-box a.group { background: #FF5C26; }
.buy-box a.buy-btn, .buy-box a.out-btn, .modify-box a.modify-btn,.buy-box a.limit-btn,.buy-box a.group-btn  { padding: 10px 16px;  border-radius: 15px; color: #FFF; font-weight: bold; }
.buy-box a.buy-btn { background: #E40112; }
.buy-box a.limit-btn,.buy-box a.out-btn {  background: #DDD; }
.buy-box a.wait-notice { background: #003366; }
.buy-box a.stock-notice { background: orange; }
.buy-box a.group-btn { background: #FF5C26; }
.buy-box p { margin-bottom: 0px; }

.num-wrap { position: relative;  }
.num-position { position: absolute; top:-23px; right: 0px; width: 85px; padding: 5px; background-color: #EEEFEF;  border-radius: 8px;  }
.num-box { float: left; height: 55px; line-height: 55px;}
.num-box input { width: 30px; height: 30px;  line-height:  30px; font-size: 16px; text-align:  center; font-weight: bolder;  background-color: #fff; border-radius: 12px; border-style: dotted;}
.minus_plus img { width: 32px; }
.minus_plus p { margin-bottom: 5px;}
.numbox_opertor img { display: inline; width: 35px; height: 30px; }

.modify-box { display: none; }
.modify-box a.modify-btn { background: #C1996B; }

.cheap-box { position: absolute; top:-70px; right: 0px;}
.cheap-box img { width: 98px; height: 43px; }
.shop-info { padding: 0px 8px 10px; margin-top: 10px; }

.specia-remain-num { font-size: 18px;color: #EC76A2; }


.special-btn-box a { display: block; padding: 5px 15px;  color: #FFF;   background: #fcc700; border-radius: 20px; }
.special-btn-box a.snap-up { background-color: #E4007E; }
.special-btn-box a.grey { background-color: #d7d7d7; }
.special-btn-box a.sold-out { display: none; background-color: #CCC;}
.special-btn-box a.add_btn { background-color: #ff4146;}
.special-btn-box a.minus_btn { font-size: 0.875em; }
.special-btn-box a.sale_out_btn{ background-color: #CCC;  font-size: 0.875em;}


.announcement-box { margin: 10px 8px 10px; font-size: 0; }
.announcement-box a { display: block; min-height: 60px; color: #231815;  font-size: 0;  background-color: #f2f2f5; border-radius: 6px;  overflow: hidden; }
.announcement-box a img { width: 100%; height: auto; border-radius: 6px; }

.footer-banner { margin: 0px 8px; font-size: 0; border-top: solid 1px #d2d2d2;  }
.footer-banner a { display: block; min-height: 60px; color: #231815;  font-size: 0;  background-color: #f2f2f5; border-radius: 6px;  overflow: hidden; }
.footer-banner a img { width: 100%; height: auto; margin: 0;  border-radius: 6px; }

.top-banner-box { margin: 13px 8px 13px; font-size: 0;   background-size: 35% auto; border-radius: 6px;  overflow:hidden; }
.top-banner-box div { margin-bottom:  13px; }
.top-banner-box div a { display: block; width: 100%; min-height: 60px;  color: #231815;  font-size: 0; border-radius: 6px;  overflow: hidden; }
.top-banner-box div a img { width: 100%; height: auto; border-radius: 6px; }
.top-banner-box div:last-child  { margin-bottom:  0px; }

.special-cate { margin-bottom: 10px; }
.special-cate li { margin: 0px 10px; background-color: #FFF; border-radius: 6px; }
.special-cate li a { color: #231815; }
.special-cate li a:active { opacity: 1; filter: alpha(opacity=100);}
.special-cate li img { width: 100%; height: auto; border-radius: 6px; }
.cate-mune { display:block; width: 70%; height: 40px; line-height: 40px; font-size: 20px; color: #FFF; background-color: #f7b600; text-align: center; border-radius: 30px;}
.cate-mune:hover{ color: #FFF; text-decoration: none; }

.activity-begun { position: relative; }
.activity-begun  h3 {  margin-bottom: 5px; font-size: 0.875em; color: #e34b00; font-weight: normal; }
.activity-begun  h3 span { color: #333; }
.activity-begun  p { margin:0;  font-size: 0.875em;   }
.activity-begun  a.refresh  { position:  absolute; top: 5%; right: 0; padding:2px 10px; border-radius: 30px; background-color:#57b174; color:#fff; font-size:1em; text-decoration: none; }

.special-instructions { padding: 10px; background: #FFF; border-radius: 6px;  }
.special-instructions h1 { font-size: 1.1em; color: #57b174; font-weight: normal; }

.activity-not-started  p.special-tips { margin-top: -8px; margin-bottom: 10px; color: #999; font-size: 0.875em;  }
.activity-not-started  h3 { font-size: 0.875em; color: #231815; font-weight: normal; }
.activity-not-started  h3 span { color: #e34b00;}
.activity-not-started  p.special-start-time {  margin-top: -5px; margin-bottom: 0;  font-size: 0.875em;  }
.countdown-wrap { padding:0 10px; }
.countdown-inner p { margin-bottom: 5px; font-weight: bold; font-size: 0.875em; }
.countdown-inner p strong { margin-right: 5px;}
.countdown-inner p em { display: inline-block; width: 15%; max-width: 45px; margin-right: 5px; line-height: 1.6; text-align: center; background:#57b174; color: #fff;  font-style: normal; border-radius:8px;  }
.countdown-inner p i { font-style: normal;  }

#special_over_time_tips { position: fixed; bottom: 50px; left: 0; width: 100%; z-index: 9999; color: #57b174;}
#special_over_time_tips p { margin: 0px 8px 0px; padding: 5px; border: solid 1px #57b174; border-radius: 5px; background: rgba(255,255,255,0.9); }

/* 团购 */
.group-line {  padding: 0 8px; }
.group-line-inner { position: relative; height: 36px; background: #FFF; }
.group-line-inner span { position: absolute; top: 0px; left: 50%; display: block; width: 80px; height: 36px; line-height: 36px; margin-left: -40px;  font-size: 0.875em; text-align: center; background: #FFF; z-index: 2; }
.group-line-inner em  { display: block;  position: absolute; top: 18px; left: 3%; width: 94%; border-style: solid; border-width: 1px; border-bottom-width: 0; z-index: 1; }


/* 领取优惠券 */
.product-voucher { margin: 13px 8px 13px; }
.product-voucher-inner table { width: 100%; }
.product-voucher-item { width: 100%; height: auto; color: #FFF;  border: solid 2px #5bdbee; border-radius: 6px; }
/*.product-voucher-main {  padding: 5px; padding-bottom: 10px; background:  #5bdbee; border-image: url('../../ui/images/product_voucher/border.png') 30 30 round; border-width: 0; border-bottom-width:  6px; }*/
.product-voucher-main span { margin-right: 2%; font-size: 2em; }
/*.product-voucher-main div { padding: 10px; padding-right: 0; border: dashed 1px #FFF; background:  url('../../ui/images/product_voucher/logo.png?v=20160202') 95% 20% no-repeat; background-size: 30%;  border-radius: 5px;  }*/
.product-voucher-title { overflow:  hidden; }

.product-vocher-footer {  padding: 2px 5px; color: #999; font-size: 0.875em; background: #FFF; border: solid 5px #FFF; border-bottom-left-radius:  6px; border-bottom-right-radius:  6px; }
.product-vocher-footer span {  float: right;  padding:  2px 15px; line-height: 21px; color: #FFF; background: #ff4146; border-radius: 3px; vertical-align: middle;  }
.product-vocher-footer span.center { float: none;  display: block; width: 60px; text-align: center; margin: 0 auto; }

.product-voucher-item.green  { border: solid 2px #a9d779; }
.product-voucher-item.green div.product-voucher-main { background:  #a9d779; }
.product-voucher-item.gray  { border: solid 2px #ccc; }
.product-voucher-item.gray div.product-voucher-main { background:  #ccc; }
.product-voucher-item.gray  .product-vocher-footer span { background:  #ccc;}

/* 特价专场 */
.special-performance-box { margin-top: 10px; padding: 0 8px 13px;   }
.special-performance-box div { width: 100%; height: auto; background: #FFF; }
.special-performance-box ul { display: block; overflow: hidden;  }
.special-performance-box ul li { position: relative; float:left;  width: 33.33%; padding: 5px 0;  text-align: center;  line-height: 1.6; }
.special-performance-box ul li.status-1 { }
.special-performance-box ul li.status0 { color: #ebebeb; }
.special-performance-box ul li.status1 { }
.special-performance-box ul li.current { color: #ff4146; }
.special-performance-box ul li.current span { display: block; }
.special-performance-box ul li:last-child { }
.special-performance-box ul li p { margin: 3% 0;}
.special-performance-box ul li span { display: none;  position: absolute; bottom: 0; width: 100%; }
.special-performance-box ul li span i { display: block; width: 45%; margin: 0 auto; border-bottom: solid 2px;  }

.special-banner-box {  padding: 0 8px 13px;  }
.special-read-start-box { position: relative;  padding: 8px 10px;  background: #FFF; }
.special-read-start-box h3 {  font-weight: normal; font-size: 0.875em;  }
.special-read-start-box div.special-count-down-box { position: absolute; top: 5px; right: 10px; }
.special-read-start-box div.special-count-down-box table { width: 100%;  color: #ff4146; }
.special-read-start-box div.special-count-down-box table tr td:first-child { font-size: 0.75em;}
.special-read-start-box div.special-count-down-box table tr td:last-child { font-size: 1em; text-align: right;}
.special-read-start-box div.special-count-down-box em,.special-read-start-box div.special-count-down-box i { display: inline-block; }
.special-read-start-box div.special-count-down-box i { margin: 0 3px; font-weight: normal;}
.special-read-start-box div.special-count-down-box em { min-width: 20px;  padding: 3px 6px; background: #ff4146; color: #FFF; border-radius: 40px;  text-align: center; font-size: 0.75em; font-weight: bolder;}
.special-read-start-box p { color: #c2c2c2; font-size: 0.875em;}
#special-read-start-box,#special-start-box { display: none; }

.special-start-box { position:relative; padding:  8px 10px; background: #FFF;   }
.special-start-box h3 {  font-weight: normal; font-size: 1em;  }
.special-start-box p { color: #c2c2c2; font-size: 0.875em; }
.special-start-box div.online-people { position: absolute; top: 12px; right: 10px; padding: 5px 8px;  color: #FFF; font-size: 0.875em; }

.special-end-box { margin-bottom: -15px; padding: 0 8px; text-align: center; }
.special-end-box h3 {  font-weight: normal; font-size: 1em; color: #ff4146; }
.special-end-box p { color: #969696; line-height: 1.3 }
.special-end-box img { margin-top: 10px; }

/* 产品菜单 */
.product-mune-wrap {  height: 80px; margin-bottom: -30px; background: #f7f97c;  }
.product-mune { padding: 10px 15px 10px; }
.product-mune table { width: 100%;}

.product-mune div.product-menu-search { float: right; width: 50px; height: 40px;  text-align: center;  line-height: 40px;  color: #FFF;  background-color: #FFF; border-radius: 30px;}
.product-mune div.product-menu-search img { width: 25px; height: auto; vertical-align: middle; }

.product-mune div.product-menu-fruit { width: 50px; height: 40px;  text-align: center;  line-height: 40px;  color: #999;  background-color: #FFF; border-radius: 30px;}

.product-search-box { height: 40px;  text-align: center;  line-height: 40px;  color: #999;  background-color: #FFF; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }

.product-menu-search-table tr td:last-child { width: 50px; }
.product-menu-search-table tr td:last-child div.product-menu-search-white { width: 50px; height: 40px;  text-align: center;  line-height: 40px;  color: #FFF;  background:  #f7b600;  border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.product-menu-search-table tr td:last-child div.product-menu-search-white img { width: 25px; height: auto; vertical-align: middle; }

.seacher-input-table-wrap { padding-left: 10px; }
.seacher-input-table { background: #FFF; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.seacher-input-table tr td:first-child { padding-left: 5%; }
.seacher-input-table tr td:first-child  input { width: 92%; height: 30px; line-height: 30px; margin: 0; padding: 0; font-size: 1em; color: #999; border-width: 0; outline:none;-webkit-appearance: none; }
.seacher-input-table tr td:last-child { width: 30px; }
.seacher-input-table tr td div.search-clean-up-btn { width: 30px;  height: 40px; line-height: 40px; text-align: center; vertical-align: middle; }
.seacher-input-table tr td div.search-clean-up-btn img { width: 25px; height: auto; vertical-align: middle; }

.product-mune ul { width: 100%; height: 40px; margin: 0 auto;   overflow: hidden; }
.product-mune ul li { float: left; width: 50%; height: 40px; text-align: center;  line-height: 40px; color: #FFF;background-color: #FFF; }
.product-mune ul li.product {border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.product-mune ul li.special { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }

.product-mune ul li.package { border-radius: 0px; border-right: solid 1px #e9e9e9; }
.product-mune ul li.product {  }

.product-mune ul li.current{ background-color: #f7b600; border-width: 0; }
.product-mune ul li.current a { color: #FFF; }
.product-mune ul li a { display: block; width:100%; height: 100%; font-size: 18px; color: #ff4146;  }
.product-mune ul li a:hover { text-decoration: none;}

.change-area { position: absolute; right: 15px; top: 15px; padding: 5px 0px 5px 2px; margin: auto 0; background: #d3d3d4; border-radius: 25px; z-index: 999;}
.change-area-main { position: relative; }
.toplist-box { padding-right: 10px; }
.toplist { width: 55px; }
.toplist li { float: right; margin-left: 2px; font-size: 14px; line-height: 1.4;}
/*.manu-tab-btn { display: block; margin-right: 2px; width: 20px; height: 20px; background: #8cc63f url('../../img/menu-tab.png') 5px 5px no-repeat; border-radius: 100%; background-size: 10px 10px;}*/
.league_list { width: 250px; background: #FFF; position: absolute; right: 0px; top: 30px; border: 1px #ccc solid; padding: 5px;text-align: center; }
.arealist li { padding-left: 40px; margin: 5px; text-align: left;  }
.arealist li label { margin: 0;}
.league_list p {  padding-bottom: 5px; margin: 5px; font-size: 18px; }

.change-area div.close-box { padding: 12px; font-size: 16px;}
.change-area a.close-btn{ padding: 3px 12px; background: none repeat scroll 0 0 #5F7DF7; border-radius: 4px; color: #FFF; text-decoration: underline;  }
.change-area a.close-btn:hover{ text-decoration: none;}

/* 订单错误样式 */
.error-shade-wrap { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width:  100%; height:  100%; background-color:  #000; z-index:  9998;filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.error-shade-img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index:  9999; padding: 12% 15% 0 0; text-align: right; }
.error-shade-img img { width: 80%; }

.complete-box { height: 100%; padding-bottom:  110px;  margin-bottom: -40px; background: #FFF;}
.complete-wrap { padding:15px 8px 0px; background: #FFF; }
.complete-wrap p.tips,.complete-wrap p.orderno{ font-size: 1.3em; color: #ff4146; text-align: left; }

.complete-wrap p.orderno { margin-bottom: 3px; }
.complete-wrap table { margin: 0 auto; }
.complete-wrap table tr td { font-size: 1em; color: #ff4146; text-align: left; }
.complete-wrap table tr td img { width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; }
.complete-inner { padding: 10px 8px; margin-top: 15px;  margin-bottom: 50px; background: #f8f8f8; border: solid 1px #dddddd; }
.complete-inner-cancel { border-width: 0; background: none; }
.complete-fruit-box {  margin-bottom: 20px;  }
.complete-fruit-box img { display: block; margin: 0 auto 5px; }
.complete-fruit-box p { font-size: 0.875em; color:  #b2b2b2; text-align: center; }
.complete-top { padding-top: 15px; }
.complete-wrap p.cont-tip { display: block; margin-bottom: 20px;  font-size: 1em; color: #ff4146;  }
.complete-wrap p.content span { color: #ff4146; }
.complete-wrap p.hot-line { margin-bottom: 0; color: #b2b2b2; font-size: 0.875em; }
.complete-wrap div.snap-up { font-size: 1.2em; color: #ff4146; }
.share-btn-cart { display: block; width: 42%; padding: 6px 12px; margin: 0 auto;  font-size: 1.1em; text-align: center;  color: #FFF; background-color: #57b174; border-radius: 2em; }
.share-btn-cart:hover{ text-decoration: none; color: #FFF; }
.complete-wrap div.container-fluid { background: #FFF; }

.navbar-app a.viewMyOrderBtn,.navbar-app a.back2homeBtn { display:inline-block; width: 42%; height: 35px; line-height: 35px; margin-top: 8px; font-size: 1em;  text-decoration: none; }
.navbar-app a.viewMyOrderBtn { background-color: #ff4146; color: #fff; }
.navbar-app a.back2homeBtn { margin-right: 5%;  background-color: #fff; border: 1px solid #ff4146; }

.btn_complete_know { color: #FFFFFF; }
.btn_complete_know:hover,.btn_complete_know:active { color: #FFFFFF;}

.complete-footer { width: 100%; height: 50px;  background: #fff; }
.complete-footer-inner { width: 90%; margin: 0 auto; text-align: center; }

/* 选择所在地区 */
.city-list-box { display: none; position: fixed; top: 50px; left: 0; width: 100%; height: 100%; background: #FFF; z-index: 9; }
.city-list-inner { width: 90%; margin: auto; }
.city-list-inner ul li { height: 64px; line-height: 74px; color: #444444; font-size: 1em; border-bottom: solid 1px #e8e8e8; }
.city-list-inner ul li img { width: 40px; height: 40px; margin-right: 10px; vertical-align: middle;  border-radius: 100%; }
.city-list-inner ul li i { float: right; line-height: 58px; color: #dadada; font-size: 20px;  }
.city-list-inner p { color: #c2c2c2; text-align: center; line-height: 3; font-size: 0.75em; }

.select-area-wrap { width: 100%; height: auto; }
.select-area-main { width: 100%; height: auto; }
.select-area-main ul  { width: 100%; overflow: hidden; margin-left: -1px;  }
.select-area-main ul li { float: left;  position: relative;  width: 25%;  height: auto; margin-right: -1px; border-bottom: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8;  background: #FFF;  }
.select-area-main ul li a { display: block; color: #999; font-size: 0.875em; text-align: center; vertical-align: middle;  }
.select-area-main ul li a.current,.select-area-main ul li a:hover,.select-area-main ul li a:active { color: #79c5de; }
.select-area-main ul li a.current span { padding-bottom: 5%;  border-bottom: solid 3px  #79c5de; }
.select-area-main ul li:last-child { margin-left: -1px; border-right: solid 1px #e8e8e8;}
.select-area-main h3 { margin-top: 10%; margin-bottom: 0; color: #57b174; font-size: 1.2em; font-weight: normal; line-height: 1.8; text-align: center; }
.select-area-main p { margin-bottom: 0; margin-top: -5px;  font-size: 0.875em; color: #b7b7b7; text-align: center; }
.select-area-main div.btn { width: 100%; height: 45px; line-height: 45px; padding:0; margin-top: 8%; margin-bottom: 5%;  font-size: 1.3em; color: #FFF;  background: #57b174; border-radius: 30px; text-align: center;  }
.select-cancel-padding { padding-bottom: 0; padding-bottom: 0;background: #FFF;}
.select-area-main ul li em { position: absolute; right: 10%; top: 20%;  width: 18px; height: 18px; text-align: center; vertical-align: middle; background: #ff5058; border-radius: 100%; font-size: 0.75em; color: #FFF;  }

.select-area-main div.no-find-city { margin: 20% 0; font-size: 1.1em; color: #b4b4b4; text-align: center; }

/* 积分 */

.exchange-wrap { width: 96%; margin: 0 auto; background: #FFF; margin-top: 16px;}
.exchange-header { background: #FFF; }
.exchange-wrap h1 { margin: 0 15px;  padding: 10px 0; font-size: 1em;  color: #FFF; background-color: #ff4146; text-align: center; font-weight: normal; }
.exchange-menu {  background: #ececec; overflow: hidden;}
.exchange-menu li { float: left; width: 33.3333333333333%; padding: 14px 0px; color: #bbb;  text-align: center;  }
.exchange-menu li.current { color: #ff4146; background-color: #fff; }

.my-integral { display: none; background: #fff; padding: 5px 15px 0px; }
.my-integral dl { position: relative; padding: 0 9px 9px; margin: 0; text-align: left; border-bottom: solid 1px #e8e8e8;  }
.my-integral dl:last-child { border-width: 0;}
.my-integral dl dt { line-height: 45px; color: #858585;  font-weight: normal;}
.my-integral dl dt span { display: inline-block; position: absolute; right: 13px; top: 50%; margin-top: -10px; line-height: 20px; color: #ff4146; }
.my-integral dl dd { margin-top: -8px; font-size: 0.875em; color: #b3b3b3; }

.integral-exchange {  background: #fff; padding: 5px 15px 0px; }
.integral-exchange table { width: 100%; }
.integral-exchange table td { padding: 13px 0; border-bottom: solid 1px #e8e8e8;}
.integral-exchange table td.gift-prize img { width: 100%; max-width: 80px; }
.integral-exchange table td.gift-prize dl { padding-top: 5px; margin-bottom: 0; }
.integral-exchange table td.gift-prize dl dt { color: #575757; font-size:  1em; }
.integral-exchange table td.gift-prize dl dt a {  display: block; padding-right: 2%; color: #858585; font-size:  1em; text-decoration: none; font-weight: normal;}
.integral-exchange table td.gift-prize dl dd.prize-num { margin-top: 5px; color: #fcc700; font-size:  0.875em;  }
.integral-exchange table td.gift-prize dl dd.prize-type { margin-top: 5px; color: #b3b3b3; font-size: 0.75em;  }
.integral-exchange table td.gift-btn { width: 10%;  min-width: 60px; padding-top: 21px; padding-bottom: 20px; vertical-align: bottom; }
.integral-exchange table td.gift-btn a { padding: 7px 14px;  font-size: 1em; background: #ff4146; color:  #FFF; border-radius: 30px; text-decoration: none; }
.integral-exchange table tr:last-child td { border-width: 0;}

.gift-children-table { width: 100%; }
.gift-children-table tr td { padding: 0; border-width: 0; }
.gift-children-table tr td:first-child { width: 80px; padding-right: 10px; vertical-align: top; }
.gift-children-table tr td:first-child a { background: #F2F2F5; }

.exchange-prize { display: none; background: #fff; padding: 5px 15px 0px; }
.exchange-prize table { width: 100%; }
.exchange-prize table:last-child td { border-width: 0; }
.exchange-prize table td { padding: 17px 0; border-bottom: solid 1px #e8e8e8;}
.exchange-prize table td a { display: block; padding-right: 2%; color: #858585; font-size: 1em; font-weight: normal; }
.exchange-prize table td.gift-prize img { float:left; width: 100%; max-width: 80px; margin-right: 10px; }
.exchange-prize table td.gift-prize dl { padding-top: 5px; margin: 0;}
.exchange-prize table td.gift-prize dl dt { color: #575757; font-size:  1em; }
.exchange-prize table td.gift-prize dl dd { margin-top: 5px; color: #b3b3b3; font-size:  0.875em;  }
.exchange-prize table td.gift-btn { width: 10%; padding-top: 15px; min-width: 60px; color: #ff4146;  vertical-align: middle; text-align: center; }
.exchange-prize table.gift-children-table { width: 100%; }
.exchange-prize table.gift-children-table tr td { padding: 0; border-width: 0; }
.exchange-prize table.gift-children-table tr td:first-child { width: 80px; padding-right: 10px; vertical-align: top; }

.exchange-mask { display: none; position: fixed; top:0px; left: 0px; width: 100%; height: 100%; background: #444; filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; opacity: 0.45; z-index: 9998;}
.exchange-windows-wrap { display: none; position: fixed; top:0; left: 0px; width: 100%; height: 100%; z-index:9999; background: rgba(0,0,0,0.4); }
.exchange-windows-inner { width: 85%; padding: 5%; margin: 0 auto; background: #FFF; font-size:  1em; line-height: 1.8;}
.exchange-windows-inner div.sure-box { width: 80%; margin: 0 auto;  }
.exchange-windows-inner a { display:inline-block; width: 45%; height: 30px; margin-top: 15px; line-height: 30px;  background: #bbb; color: #fff; border-radius: 30px; font-size: 1em;  text-align: center;  text-decoration: none; }
.exchange-windows-inner a.yes { float: right; margin-left: 5%; background: #ff4146; }
.exchange-canuser{ width: 80%; height: 40px; line-height: 40px; background: #ff4146; margin: 0 auto; font-size: 1.2em;}
.exchange-canuser span{ color: #fff;}

/* 奖品详情页面 */
.prizeview-wrap-padding { padding-left: 8px; padding-right: 8px;}
.prizeview-wrap { width: 96%; margin: 0 auto; margin-top: 14px; text-align: left; background: #fff; padding: 5px 10px; box-sizing: border-box;}
.prizeview-content img { width: 100%; height: auto; }
.prizeview-wrap .view-title { text-align: left; }
.prizeview-wrap .view-title p { text-align: left; }
.prizeview-wrap h1 { padding-top: 5px; color: #ff4146; font-size: 1.3em; font-weight: normal; text-align: center;}
.prizeview-main  { padding-bottom: 25px; text-align: left; }
.prizeview-main p { font-size: 1em; line-height: 1.8; text-align: left;  }
.prizeview-main img { width: 100%; }

.new-mune { position: fixed; left: 0; bottom: 0; width: 100%; height: 48px; padding-top: 8px; background: #fcfaec; }
.new-mune table { width: 100%; }
.new-mune table tr td.left { width: 20%; }
.new-mune table tr td.left a { display: block; width: 90%; height: 37px; padding-top: 3px;  line-height: 40px;  margin: 0 auto; font-size: 1.3em; background: #4bb44b; color: #FFF; border-radius: 30px; text-align: center; margin: 0 auto   }
.new-mune table tr td.center { width: 60%; }
.new-mune table tr td.center a { display: block; width: 90%; height: 40px; line-height: 40px;  margin: 0 auto; font-size: 1.3em; background: #4bb44b; color: #FFF; border-radius: 30px; text-align: center;  }
.new-mune table tr td.right { width: 20%; }

/* 实物礼品兑换 */
.prize-wrap-padding { padding: 0 8px }
.prize-wrap { margin: 8px;}
.prize-info { background: #fff; padding: 12px;}
.prize-info h1 {  padding: 5px 0px 5px 10px; margin-bottom: 0; text-align: left; font-size: 1.2em; font-weight: normal; line-height: 1.8; border-bottom: solid 1px #e8e8e8; color: #ff4146; }

.prize-info-inner { padding: 15px 10px; overflow: hidden; }
.prize-info-inner table tr td { vertical-align: top; }
.prize-info-inner dl { float: left; margin-top: 5px; margin-left: 10px; text-align: left;  }
.prize-info-inner dl dt { font-size: 1em; color: #858585; padding: 0; margin: 0; font-weight: normal; }
.prize-info-inner dl dd { font-size: 0.875em; color: #ff4146;  margin-top: 13px; }
.prize-info-inner img { width: 100%; max-width: 100px;  }

.prize-address  { margin-top: 15px; background: #fff;}
.prize-address h3 {  padding-left: 10px; font-size: 1.2em; font-weight: normal; text-align: left; color: #ff4146;}
.prize-address table { width: 100%; height: auto; }
.prize-address table td:first-child { width: 45px; padding-right: 10px; line-height: 1.3;}
.prize-address table td { position: relative; padding: 10px 0; font-size: .875em; border-bottom: solid 1px #f5f5f5; }
.prize-address table td span{ display: block; }
.prize-address table td.remark { color: #ff4146; background: none; font-size: 1em; }
.prize-address input { width: 90%; height: 30px; color: #aaa; font-size: .875em; border-width: 0; background: transparent; }

/* 幻灯片*/
.scroll{ width:100%; height:auto; position:relative; overflow:hidden; }
.mod_01{ float:left; width:100%; }
.mod_01 img{ display:block; width: 100%; height:auto; }
.dotModule_new{ padding:0 5px; height:11px; line-height: 6px; -webkit-border-radius:11px;  position:absolute; bottom:5%; z-index:11;}
.dotModule_left { position:absolute;  left: 5%; top: 50%; width: 26px; height: 26px; margin-top: -13px; }
.dotModule_left img { width: 100%;  }
.dotModule_right { position:absolute;  right: 5%; top: 50%; width: 26px; height: 26px; margin-top: -13px; }
.dotModule_right img { width: 100%;  }
.sl_left { position:absolute; left: 0; top: 0; }
#slide_01_dot{ text-align: center; margin:3px 0 0 0;}
#slide_01_dot span{ display:inline-block; margin:0 3px; width:10px; height:10px; vertical-align:middle; background: rgba(0,0,0,0.4); -webkit-border-radius:5px;}
#slide_01_dot .selected{ background: rgba(255,255,255,1); }

/* 礼盒详细页面 */
.book-tips-info { width: 100%;  padding: 5px; margin-top: 5px;  background: #eddb6b;  color: #404040; }
.book-tips-img { margin-top: 10px; }
.book-tips-img img { width: 100%; }

.book-gift { margin-top: 10px; font-size: 0.875em; }
.book-gift-select { width: 100%;  margin-bottom: 10px; color: #333; line-height: 1.5; border-bottom: dashed 1px #d2d2d2; }
.book-gift-select h3 { margin-bottom: 5px; font-size: 1.6em; color: #f00;}
.book-gift-select h3 span { padding: 0 3px; margin-left: 5px; vertical-align: super; font-size: 10px; background: #F00; color: #FFF; }
.book-gift-select table { width: 100%; }
.book-gift-select table tr td { padding-bottom: 5px; vertical-align: -webkit-baseline-middle; }
.book-gift-select table tr td.limit-width { min-width:  80px; width: 80px;  text-align: center; }
.book-gift-select table tr td.limit-width p { color: #a6a6a6; margin-top: 5px; font-size: 0.875em; }
.book-gift-select table tr td.limit-width span.book-btn { display: block; width: 60px; height: 60px; margin: 0 auto; border-radius: 100%; color: #fff; line-height: 1.2;  vertical-align: middle; }
.book-gift-select table tr td.limit-width span.full { height: 45px; padding-top: 15px; background: #a2a9af; }
.book-gift-select table tr td.limit-width span.waiting {  height: 45px; padding-top: 15px; background: #ff932a; }
.book-gift-select table tr td.limit-width span.join { line-height: 60px; font-size: 1em; background: #1ec27a; }
.book-gift-select table tr td.book-time { color: #a6a6a6; }

/* 礼品订单提交 */
.package-main { margin-bottom:  50px;}
.package-main table { width: 100%; }
.package-main table tr.odd { background: #F7f7f7;  }
.package-main table tr select{ position: absolute; top: 0; left: 0;  background: transparent; border-width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  }
.package-main table tr td {   position: relative; height: 60px; font-size: 1em;  }
.package-main table tr td div.address-select { height: 60px; }
.package-main table tr td div{ line-height:  55px; }
.package-main table tr td div.address-select em { display: block; width: 15px; height: 15px; margin-right: 15px;  }
.package-main table tr td input { border-width: 0; width: 85%;  }
.package-main table tr.odd input { background: #F7f7f7; }
.package-main table tr td:first-child { width: 90px; padding-left: 15px; min-width: 90px; max-width: 90px; }
.package-footer { width: 100%; height: 50px; padding-top: 5px;  background: #ff4444; }
.package-footer a { display: block; width: 80%; height: 40px; margin: 0 auto; font-size: 16px; color: #484848; background: #FFF; line-height: 40px; text-align: center; border-radius: 40px; }
.package-footer a:hover { text-decoration: none; }

/* 教程*/
.course-wrap { width: 100%; height: auto; }
.course-item { width: 100%; height: auto; font-size: 0; }
.course-banner { padding: 0px 8px 10px; }
.course-banner a { font-size: 0; }
.course-banner img { width: 100%;  }

/* 加载中 */
.loading-wrap,.map-loading-box { position: fixed; top: 50%; left: 0; width: 100%; height: auto; margin-top: -42.5px; }
.loading-wrap img,.map-loading-box img { display: block; width: 64px; height: 64px; margin: 0 auto;}
.loading-wrap p,.map-loading-box p { color: #999; font-size: 0.875em; text-align: center;   }

.map-loading-box { display: none; z-index: 9999; }
.map-loading-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; z-index: 9998; }

/* 没有数据 */
.no-data {  width: 100%; height: auto; margin: 20% auto;  }
.no-data img { display: block; width: 30%; margin: 6% auto; }
.no-data p { margin: 0; padding: 0; color: #d1d1d1; font-size: 0.875em; text-align: center;}
.no-data-copyright { position:fixed; bottom:55px; left:0; width:100%; height:auto; color: #d1d1d1; font-size: 0.875em; text-align: center;  }

/* 底部样式 */
.footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 50px; z-index: 9999; }
.footer table { width: 100%; }
.footer table tr td:first-child, .footer table tr td:last-child{ width: 20%; min-width: 65px; }

.shopping-cart-box { display: inline-block; width: auto; height: 40px; margin: 0 auto;  padding: 2px 2px; color: #FFF;  border:solid 2px #FFF; border-radius:  2em; margin-top: -10px;}
.shopping-cart-box span.cary_num_bg { position: relative; display: block; float: left; width: 40px; height: 40px; line-height: 40px; background: url(../img/home_car.png) #FFF; background-position: 4px center; background-repeat: no-repeat; background-size: 27px 27px; border-radius: 2em;  }
.shopping-cart-box span.cary_num_bg em#cart_num{ position: absolute; display: none; height: 15px; line-height: 17px; top: 5px; right: 5px; background: #ff3939; color: #fff; font-size: 0.7em; padding: 0px 4px; border-radius: 2em; }
.shopping-cart-box a span { display: inline-block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shopping-cart-box span:last-child i { margin-right: 2px; font-size: 0.75em; }
.shopping-cart-box a { display: inline-block; height: 40px; line-height: 40px; margin-left: 7px; margin-right: 7px; color: #FFF; font-size: 1em; }
.shopping-cart-box a:hover,.shopping-cart-box a:active,.shopping-cart-box a:visited { color: #FFF; }

.shopping-cart-box .gap_fee{ display: inline-block; height: 20px; line-height: 20px; font-size:0.65em; color: #a8eaff;}
.shopping-cart-box .cart_price{ display: inline-block; height: 35px; line-height: 15px; margin-top: 5px; text-align: left;}

#footer-product-info { width: 100%; height: 40px; padding: 5px 0; background: #FFF; }
#footer-product-info a { display: inline-block; margin-left: 6%;  height: 35px; line-height: 35px; border-width: 1px; border-style: solid; border-radius: 45px; }

#footer-product-info a#footer-group-btn { display: inline-block; margin-left: 6%;  height: 40px; line-height: 14px; border-width: 1px; border-style: solid; border-radius: 45px;  overflow: hidden;}
#footer-product-info a#footer-group-btn > span{ display: inline-block; width: 100%; text-align: center; height: 23px; line-height: 25px;}
#footer-product-info a#footer-group-btn > span#groupbuy_ygcount{ color: #d5d5d5; font-size: .7em; height: 17px; line-height: 17px;}

.navbar-absolute-bottom { border-top: none;}
.footer-nav {  display: -moz-box; display: -webkit-box;  display: box; width: 100%; background: #fcfaec; }
.footer-nav .view-box,.footer-nav .account-box,.footer-nav .return-box { -moz-box-flex:1.0; -webkit-box-flex:1; box-flex:1.0; }
.return-box-left { margin-left:  15px; }
.footer-nav .cart-box{ -moz-box-flex: 15.0; -webkit-box-flex: 15.0; box-flex: 15.0; }
.footer-nav .promptly-box { -moz-box-flex: 2.0; -webkit-box-flex: 2.0; box-flex: 2.0; }
.footer-view0 { background: #fcfaec; }
.view-box img,.account-box img { height:  30px }
.promptly-box-inner { display: -moz-box; display: -webkit-box;  display: box; }
.buy-bng-size { -moz-box-flex: 2; -webkit-box-flex: 2; box-flex: 2; }

.cart-btn-box { width: 100%; height: 100%;}
.cart-box-wrap {  display: -moz-box; display: -webkit-box; display: box; }
.cart-btn-box a.cart-btn,.promptly-btn-box a.promptly-btn { position: relative; display: block; font-size: 16px; width: 100%; height: 100%; color: #FFF; text-align: center; background: #ff4146; line-height: 40px;overflow: hidden; z-index: 2; }
.cart-btn-box a.cart-btn { text-align: left;}
.cart-btn-box a.cart-btn,.promptly-btn-box a.promptly-btn { -moz-box-flex: 2; -webkit-box-flex: 2; box-flex:2; }
.cart-btn-box a.cart-btn,.promptly-btn-box a.promptly-btn {
    -moz-border-top-right-radius: 2em;
    -moz-border-bottom-right-radius: 2em;
    -webkit-border-top-right-radius: 2em;
    -webkit-border-bottom-right-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
}


.cart-btn-box a.cart-btn { margin-bottom: 5px; border-radius: 2em; text-align: center; height: 40px;}
.cart-btn-box a.cart-btn span {  display: inline-block;}
.cart-img-box  { position: relative; width: 25px; height: 25px; margin-right: 2px; vertical-align: top;}
.cart-img-box i { position: absolute; top: 5px; right: -5px; display: block;  min-width: 15px; width: auto; height: 15px; line-height: 15px; font-style: normal; font-weight: bolder; text-align: center;  font-size:0.65em; font-weight: normal;  color: #FFF; background: #ff1515; border-radius: 100%;}
.cart-img-box img { width: 100%; vertical-align: middle;  }

.cart-btn-box table { width: 100%; margin-top: -4px; }

.cart-btn-box table tr td { padding-top: 0px; }
.cart-btn-box table tr td:first-child { width: 25%;  position: relative; }
.cart-btn-box table tr td:first-child span { position: relative; display: block; font-size: 16px; width: 100%; height: 100%; color: #FFF; text-align: center; background: #c4d82e; line-height: 40px;  border-top-left-radius: 2em;
border-bottom-left-radius: 2em;}
.cart-btn-box table tr td:first-child span img { width: 25px; height: 25px; margin-left: 5%;}
.cart-btn-box table tr td:first-child span i { right: 10%; }
.cart-btn-box table tr td:first-child span:active { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.cart-btn-box table tr td a { display: block; font-size: 16px; width: 90%; height: 40px; padding-left: 5%; color: #FFF;   line-height: 40px; background: #aabc23;   border-top-right-radius: 2em; border-bottom-right-radius: 2em; overflow: hidden;}

.cart_returnBtn{ display: block; float: left; color: #ff4146; font-size: 1em; text-align: center; text-indent: 14px; height: 40px; line-height: 40px; margin:5px 0;}
.cart_returnBtn img{ width: 7px; height: 12px; display: inline-block;}
.order_submitBtn{ display: block; float: right; margin: 5px 8px 5px 0; background: #ff4146; color: #fff; text-align: center; width: 104px; height: 40px; line-height: 40px; border-radius: 30px;}
.order_submitBtn img{ width: 7px; height: 12px; display: inline-block;}


#shop-cart-box {  display: none; }

.shop-cart-mask  { position: fixed; bottom: 60px; left: 0%; width: 100%; height: 100%; padding: 0;  margin:  0;background: rgba(0,0,0,0.45); z-index: 2;  }
.shop-cart-box { position: fixed; bottom:59px; left: 0%;  width: 100%; background: #fff; z-index: 3; overflow-y: auto; }
.shop-cart-box::-webkit-scrollbar{ width: 0;}
.shop-cart-box ul { width: 90%; margin: 0 auto;}
.shop-cart-box ul li { display: table; table-layout: fixed; width: 100%; color: #fcc700; }
.shop-cart-box ul li .thu-img,.shop-cart-box ul li .edit-product{ display: table-cell; vertical-align: top;}
.shop-cart-box ul li .thu-img { width: 80px; height: 80px;}
.shop-cart-box ul li .thu-img img{ width: 60px; height: 60px; border-radius: 100%; margin-top: 10px;}
.shop-cart-box ul li .edit-product { width: 100%; height: 80px;}
.shop-cart-box ul li .edit-product table { float: right; margin-top: 24px;}
.shop-cart-box ul li .edit-product table a{ display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 100%; color: #FFF; text-decoration: none; text-align: center;}
.shop-cart-box ul li .edit-product a.edit-reduce{ background-size: 45% 45%;}
.shop-cart-box ul li .edit-product a.edit-add{  background-size: 45% 45%; }
.shop-cart-box ul li .edit-product a.forbiddeninfo{ background-color: #ddd;}
.shop-cart-box ul li .edit-product table a:hover,.shop-cart-box ul li .edit-product table a:active,.shop-cart-box ul li .edit-product table a:visited { color: #FFF; }
.shop-cart-box ul li .edit-product table td:first-child{ font-size: 1.3em;}
.shop-cart-box ul li .edit-product table td:nth-child(2){ width: auto; padding-left: 13px; max-width: none; min-width: inherit; padding-right: 0;}
.shop-cart-box ul li .edit-product table td span.item-num{ display: block; margin: 0 10px; height: 30px; line-height: 30px; text-align: center; font-size: 1.2em; }
.shop-cart-box .shop-cart-top-tips{ width: 100%; height: 35px; line-height: 40px;  text-align: center; font-size: 1.1em;}
.shop-cart-box .shop-cart-bottom-tips{ display: none; width: 100%; height: 25px; line-height: 25px; color: #c1c1c1; text-align: center; font-size: .85em;}


.promptly-btn { margin-bottom: 5px; border-radius: 2em; text-align: center; }
.promptly-btn span {  display: inline-block;}
.promptly-btn { position: relative;  width: 25px; height: 25px;}
.promptly-btn i { position: absolute; top: 5px; right: -5px; display: block; padding: 0 4px; font-style: normal; font-weight: bolder; text-align: center; line-height: 15px; font-size: 12px; color: #FFF; background: #ff1515; border-radius: 100%;}
.promptly-btn img { width: 100%; }
.cart-btn-box a.cart-btn:hover,.promptly-btn-box a.promptly-btn:hover { text-decoration: none;}

.cart-btn-bg-wrap { position: relative;  display: inline-block; background: #4bb44b;  -moz-box-flex: 60px;-webkit-box-flex: 60px;box-flex: 60px;  }
.cart-btn-bg-wrap { -moz-border-top-left-radius: 2em; -moz-border-bottom-left-radius: 2em; -webkit-border-top-left-radius: 2em; -webkit-border-bottom-left-radius: 2em; border-top-left-radius: 2em; border-bottom-left-radius: 2em; }
.cart-btn-bg-wrap span.cart-btn-bg { display: block; float: left; margin-left: 10px; margin-right:  10px; width: 40px; height: 40px; background: url('../img/icon-cart.png?v=1') center center no-repeat; background-size: 70% 70%; }
.cart-btn-bg-wrap i { position: absolute; top: 5px; left: 38px; display: block;  padding: 0 4px; font-style: normal; font-weight: bolder; text-align: center;  line-height: 15px; font-size: 12px; color: #FFF;background: #ff1515; border-radius: 100% }

.cart-footer {  margin-top: 10px; background: #fcfaec; }
.navbar-app a.return-btn { margin: 0px 0px 5px 0px; background: #007aff; color: #FFF; line-height: 40px;border-radius: 18px;}
.navbar-app a.return-btn:hover { color: #FFF; }

.promptly-btn-box a.promptly-btn { text-align: center; }
.promptly-btn-box  a.sell-out-btn { background: #DDD; color:  #FFF; }

.promptly-btn-box a.order-submit-btn { margin-top: 5px; background-color: #ff4146; color: #FFF; border-radius: 2em;}
.promptly-btn-box a.deal-with { background: #D2D2D2; }

#cart { position:absolute;  bottom: 50px;  display: none; z-index: 9999;}
#cart img{ width: 56px; height: 56px;}
#cart-img { position:absolute; bottom: 100px;  left: 50%;  margin-left: -20px; width: 40px; height: 40px; display: none; border-radius: 100%;  z-index: 9999; }

/*.footer-return { position:absolute; top: 3px; left: 10px; display: block; width:45px; height:45px; background: url(../../img/return.png) center center no-repeat; background-size: 70% 60%;}*/
.margin-center { position: relative;  margin: 0 auto;   }

.footer-table{ width: 100%; height: 48px;}
.footer-table tr td { padding-top: 5px; }
.footer-table tr td.left { width: 20%; min-width: 65px; }
.footer-table tr td.center { width: 60%; min-width: 190px; }
.footer-table tr td.right { width: 20%; min-width: 65px; }

.product-table tr td div.account-box { width: 50%; min-width: 55px; margin:  0 auto;}
.navbar-app a.btn-bg-green { background: #ff4146; border-radius: 2em;  overflow: hidden; }
.navbar-app a.btn-bg-green img { width: 35px; height: 35px; }

.footer-nav .return-box{ width: 50%; min-width: 55px; margin:  0 auto;  padding: 0;}
.navbar-app a.account-mune-btn { display: block; width: 50%; min-width: 55px; margin-left: auto; margin-right: auto; text-align: center; }
.navbar-app a.account-mune-btn img { width: 20px; height: 20px; vertical-align: middle; }
.navbar-app a.account-mune-btn img.return-img-btn { width: 30px; height: 30px; }
.navbar-app a.select-part {  padding: 0; text-align: center; font-size: 1em; height: 40px; }

.shopping-info-menu { position: fixed; top: 0; left: 0; display: none; padding:0; width: 100%; background: #f5f5f5; border-bottom: solid 1px #d3d3d3; z-index: 1;   }
.shopping-info-menu table { width: 100%; }
.shopping-info-menu table tr td { width: 50%; }
.shopping-info-menu-inner { padding: 10px 15px 0; }


.default-background {  background: url(../img/default-background.png) center center no-repeat; }

.user-first-into { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.user-first-into img { width: 100%; height: 100%; }

.menu-mask { position: fixed; bottom: 50px; left: 0px; display: none; width: 0%; height: 100%; background-color: #000; z-index: 9999; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  }

.user-foucs-mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; z-index: 100; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.user-foucs-wrap { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 101;}
.user-foucs-wrap img { display:  block; width: 80%; margin:  10% auto 0; }

.common-mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; z-index: 9999; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;  }
.common-wrap { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; }
.common-wrap img { display:  block; width: 85%; margin:  10% auto 0; }

.snap-up-mask { display: none; }
.snap-up-wrap { display: none; }

.loading-tips-wrap { width: 100%; margin-top: 50%;   }
.load-tips-inner { text-align: center;  }
.load-tips-inner img { width: 30px; margin-bottom: 8px;  }
.load-tips-inner p { color: #4e4e4e; }


/* 我的购物车 */
.my-cart-mask  { position: fixed; bottom: 50px; left: 0%; width: 100%; height: 100%; padding: 0;  margin:  0;background: rgba(0,0,0,0.45); z-index: 2;  }
.my-cart-box { position: fixed; bottom:50px; left: 0%;  width: 100%;  padding: 3% 0 0;  background: rgba(255,255,255,0.95); z-index: 3;}
.my-cart-box table { width: 95%; margin: 0 auto;}
.my-cart-box table tr td { vertical-align: middle; }
.my-cart-box table tr td:first-child img { border-radius: 100%; }
.my-cart-box table tr td span { display: inline-block; }
.my-cart-box table tr td span.price { color: #F00; vertical-align: super; }
.my-cart-box table tr td span.product-num-box { color: #ff4146; vertical-align: super; }
/*.my-cart-box table tr td span.add-btn {  width: 30px;  height: 30px;  margin: 0 10px;  background: url('../../ui/images/product-add.png') center center no-repeat #57b174;  background-size: 40% 40%;  border-radius: 100%;}*/
/*.my-cart-box table tr td span.minus-btn {  width: 30px;  height: 30px;  margin: 0 10px;  background: url('../../ui/images/product-minus.png') center center no-repeat #57b174;  background-size: 40% 40%;  border-radius: 100%;}*/

/* 视频 */
.video-wrap { background:#FFF; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow:hidden; }
.video-style { border-top-left-radius: 6px; border-top-right-radius: 6px;position: static; display: block; opacity: 1; left: 0px; top: 0px; height: 136px; width: 320px; z-index: -11;}
.video-play { position: absolute;  bottom:0; left: 0; width: 15%; height: auto;  min-width: 45px; min-height: 45px; }
.video-play-inner { position: relative; width: 100%; height: 100%; font-size: 0; }
.video-play img { display: block;  width: 120%;  }
.video-pause { position: absolute; top:0; left: 0; width: 100%;  }
.video-pause-inner { width: 20%; margin: 0 auto; font-size: 0; }
.video-fullSreen { position: absolute;  top:3%; right: 3%; width: 10%; z-index: 9999;  }

.video-loading { position: absolute; top:0; left: 0; width: 100%;  }
.video-loading-inner { width: 10%; margin: 0 auto; font-size: 0; }

.video-mTop { margin-top: -40px;}
.video-mBottom { margin-bottom: 45px;}
.video-pBottom { padding-bottom: 40px;}
.video-top { top: 0; }

.video-close { position: relative; display: none; line-height: 1.5; margin-left: -5px;  padding:  0 2px; border: solid 1px #F00; color: #F00; border-radius: 2px; font-size: 0.75em; vertical-align: text-top; z-index: 999;  }
.video-close em { padding: 2px; margin: 0; vertical-align:middle; }

#video-box { display: none;  }
#video-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 99999;}
#video-view-box { position: fixed; top: 20%; left: 0; width: 100%; height: auto; overflow: hidden; z-index: 99999;}





/*新年*/
/*.new_year .product-mune-wrap{background: url('../img/new_year/topbg.jpg');background-size: 100% auto;}*/
.new_year .footer-nav{background:#e10d00; }
.new_year .navbar-app a.btn-bg-green,.new_year .promptly-btn-box a.order-submit-btn
{background: #f95349}
.new_year .cart-btn-box a.cart-btn{background: #FFF;color: #e10d00}

/* 我的特权码 */
.privilege-wrap { width: 100%; height: auto; }
.privilege-header { width: 100%; height: auto; padding: 5% 0 2%; color: #FFF; }
.privilege-header h1 { margin-bottom: 3%; text-align: center; color: #ffff00; font-size: 1.6em; }
.privilege-header p { padding: 0 5%; color: #518c1c; font-size: 1em; line-height: 1.5; }
.privilege-header table { width: 90%; margin: 0 auto; font-size: 0.875em;}
.privilege-header table tr td { padding-bottom: 3%; }
.privilege-header table tr td:first-child { vertical-align: -webkit-baseline-middle;}
.privilege-header table tr td:first-child span { display: block; width: 30px; height: 30px; margin-right:5px; line-height: 30px; text-align: center; background: #FFF; border-radius: 100%; color:#333; }
.privilege-code { width: 94%; height: auto; margin: 0 auto; background: #FFF; }
.privilege-code img { display: block; margin: 0 auto; }


.privilege-footer { position: relative;  width: 100%; height: auto; padding: 5% 0 10%;  color: #FFF; z-index: 9; }
.privilege-footer img { width: 30px; vertical-align: middle; }
.privilege-footer p { text-align: center; }
.privilege-footer a { display: block;  width: 90%;  height: 45px; margin: 0 auto; background: #77a94a; line-height: 45px; text-align: center;  color: #FFF;  border-radius: 40px; }
.privilege-footer a { color: #333; background: #ffff00;  }
.privilege-footer a:hover,.privilege-footer a:active,.privilege-footer a:visited { color: #333; }

.privilege-footer a.privilege-share-btn { margin-top: 5%; margin-bottom: 5%; color: #77a94a; background: #fff604; }
.privilege-footer a.privilege-share-btn:hover,.privilege-footer a.privilege-share-btn:active,.privilege-footer a.privilege-share-btn:visited { color: #77a94a; }

.privilege-rule-wrap { width: 100%; margin-top: -22.5px;  background: #FFF; z-index: 1; }
.privilege-rule-inner { position: relative;  width: 90%; margin: 0 auto; margin-bottom: 10%; padding-top: 45px; padding-bottom: 45px;  }
.privilege-rule-inner p { color: #77a94a;  font-size: 1em; text-align: center; line-height: 1.8; }
.privilege-rule-inner p strong { font-size: 1.3em;}

.privilege-rule-inner h3 { margin-top: 5%; }
.privilege-rule-inner h3 { padding-bottom: 1%; color: #333; font-size: 1.1em; font-weight: bolder; }
.privilege-rule-inner dl dd { font-size: 0.875em; line-height: 1.8; }
.privilege-rule-inner dl dd strong { margin: 0 2px; color: #ffa200; font-size: 1.2em; }

.pack-up-btn { position: absolute; left: 50%; bottom: -28px; }
.pack-up-btn img { width: 36px; margin-left: -18px; }

.privilege-mask { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 99999;}


    /* 城市网点 */
.city_info_wrap{ width: 100%; height: auto;  }
.city_info_wrap > div {margin-top: 10px; }
.city_info_wrap div.city_info_item { margin: 10px 8px 0px; border-bottom:solid 1px #dcdcdc }
.city_info_wrap div.city_info_item:last-child {  border-width: 0; }
.city_table_parent { width: 100%; }
.city_table_parent tr td.first-children { width: 60px; height: 60px; }
.city_table_parent tr td.first-children span { display: block; position: relative;  width: 50px; height: 50px; background: #ff4146; border-radius: 100%;  color: #FFF; overflow:  hidden;  }
.city_table_parent tr td.first-children span em { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-size: 0.875em;  line-height: 1.3;}

.city_table_children { width: 100%; }
.city_table_children tr td:first-child {  width: 50px; min-width: 50px; max-width: 50px;  vertical-align: top; }
.city_table_children span.city_part_tel { color: #0bb353; }
.city_table_children span.city_part_tel a,.city_table_children span.city_part_tel a:hover,.city_table_children span.city_part_tel a:active,.city_table_children span.city_part_tel a:visited { color: #ff4146;  }
.city_table_children span.city_part_map { float: right; padding: 2px 6px; margin-bottom: 10px; background: #ff4146; color: #fff; font-size: 0.875em; border-radius: 2px;}

.city_info_mask { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 9999; }
.city_info_mask div { position: relative; width: 80%; margin: 0 auto; }
.city-map-close-btn { position: absolute; top:-8%; right: -5%; }


/* 用户当前位置 */
.current_position  { width: 100%; height: auto; }
.current_position div { margin: 0 8px; padding-top: 10px; }
.current_position div p { line-height: 2; }

.current_position div table { width: 100%; }
.current_position div table tr td { padding-bottom: 3%; }
.current_position div table tr td:first-child {  position: relative; width: 40px; min-width: 40px; max-width:  40px; }
.current_position div table tr td.second-child {  width: 120px; min-width: 120px; max-width:  120px;  vertical-align: top;}
.current_position div table img { position: absolute; top: 0%; left: 20%;  display: block; margin: 0 auto; vertical-align: bottom;  }
.current_position div table tr td a,.current_position div table tr td a:hover,.current_position div table tr td a:active,.current_position div table tr td a:visited { color: #0bb353; }

/* 售后红包 */
.aftersale-red-wrap { width: 100%; height: 100%; }
.aftersale-red-wrap div.explain { padding: 3% 5%; background: #FFF; }
.aftersale-red-wrap div.explain dl { padding: 3%; border: dashed 2px #4e4242; font-size: 0.875em; border-radius: 5px; }
.aftersale-red-wrap div.explain dl dt { padding-bottom:3%; color: #3f3f3f; }
.aftersale-red-wrap div.explain dl dd { color: #848484; }
.aftersale-red-wrap div.rule { padding: 3% 5%; color: #FFF; }
.aftersale-red-wrap div.rule h1 { font-size: 1em; font-weight: normal; }
.aftersale-red-wrap div.rule ul { font-size: 0.875em; }
.aftersale-red-wrap div.rule a { display: block; width: 80%; margin: 3% auto;  height: 38px; line-height: 38px; color: #565656; text-align: center; background: #FFF; border-radius: 40px; }
.aftersale-red-wrap div.rule a:hover,.aftersale-red-wrap div.rule a:active,.aftersale-red-wrap div.rule a:visited { color: #565656; }

.aftersale-red-wrap div.code-wrap { position: relative; padding-top: 3%; background: #FFF; }
.aftersale-red-wrap div.code-wrap div.code { position: absolute; top: 12%; right:  5%; width: 50%;  }
.aftersale-red-wrap div.code-wrap div.code img { display: block; margin: 0 auto; margin-bottom: 5%;  width: 60%; padding: 3%; border: solid 2px #dedede; border-radius: 5px;  }
.aftersale-red-wrap div.code-wrap div.code p { font-size: 0.75em; color: #828282; }

/* 我的位置 */
#location-box { display: none; position: fixed; top: 0; left: 0;  z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,0.75); }
.location-box { position: fixed; bottom: 0px; left: 0; right: 0; width: 94%; height: auto; padding: 3%; background: rgba(255,255,255,0.95);   z-index: 99999;}
.location-box p:first-child { text-align: right; line-height: 2; }
.location-box p { font-size: 0.875em; line-height: 1.8;}
.location-box div { width: 80%; margin: 0 auto; padding-top: 15px; padding-bottom: 10px; overflow: hidden; }
.location-box a{ display: inline-block; float: left; width: 45%; line-height: 30px; border-width: 2px; border-style: solid;  text-align: center; border-radius: 30px; font-size: 0.875em;}
.location-box a.my-location { float: right; color: #FFF; }
.location-box a.my-location:hover,.location-box a.my-location:active,.location-box a.my-location:visited { color: #FFF; }

/* 卡充什支付 */
.sure_pay_order {width: 100%; height: auto;}
.sure_pay_order_header { width: 100%; height: auto; }
.sure_pay_order_header h1 { position: relative; padding-left: 15px;line-height: 3;font-size: 1em;font-weight: normal;color: #ff4146;background: #f1f1f1;}
.sure_pay_order_header h1 span { position: absolute; top: 15px; right: 15px; color: #F00;line-height: 1.2; font-size: 1em; }
.sure_pay_order_header h1 span em#user_balance_tips { display: block; font-size: 0.75em;}

.sure_pay_order_main { width: 100%; height: auto;}
.sure_pay_order_main ul { padding: 0 8px; }
.sure_pay_order_main ul li { min-height: 80px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px #e0e0e0 solid; }
.sure_pay_order_main ul li table { width: 100%; }
.sure_pay_order_main ul li table tr td:first-child { width: 90px; min-width: 90px; max-width: 90px; }
.sure_pay_order_main ul li table tr td {font-size: 0.875em;vertical-align: -webkit-baseline-middle;}

.sure_pay_order_main ul li table tr td p.title {font-size: 1em;color: #858585;}
.sure_pay_order_main ul li table tr td p.price {color: #c7c7c7;}
.sure_pay_order_main ul li table tr td p.num {color: #F00;text-align: right;}
.sure_pay_order_main ul li table tr td p.subtotal {  color: #858585; text-align: right;}
.sure_pay_order_main ul li table tr td p.subtotal span {color: #F00;}

.sure_pay_order_main div.order_total_info { padding: 10px 8px;   color: #454545; font-size: 1em; line-height: 1.2; }
.sure_pay_order_main div.order_total_info table { width: 100%; }
.sure_pay_order_main div.order_total_info table tr td:first-child { text-align: left; vertical-align: middle; }
.sure_pay_order_main div.order_total_info table tr td { text-align: right; width: 50%; }
.sure_pay_order_main div.order_total_info table.children tr td:first-child { text-align: right; }
.sure_pay_order_main div.order_total_info table.children tr td.red { color: #F00; }

.pay_way_list { max-width: 120px; min-width: 120px; margin: 0 auto; overflow: hidden; padding-bottom: 15px;}

/* 宾哥见面礼 */
.bingo-meet-wrap { width: 100%; height: auto; padding-bottom: 15px; }
.bingo-meet-main { width: 100%; height: auto; }
.bingo-meet-main a.prize-btn { position: relative;  margin-top: -45px; background: #ffc527; z-index: 1; }
.bingo-meet-main a.deny-btn { background: #c5c5c5;  }
.bingo-meet-main p { padding: 0 5%; color: #999; line-height: 1.8; }

.bingo-meet-menu { margin: 15px 8px; border: solid 1px #d5d5d5; border-bottom-width: 0; }
.bingo-meet-menu div.bingo-meet-cover { padding: 15px; border-bottom: solid 1px #d5d5d5; }
.bingo-meet-menu div.bingo-meet-cover a { position: relative; display: block; width: 100%; height: auto; overflow: hidden; }
.bingo-meet-menu div.bingo-meet-cover a:hover,.bingo-meet-menu div.bingo-meet-cover a:active,.bingo-meet-menu div.bingo-meet-cover a:visited { color: #FFF; }
.bingo-meet-menu div.bingo-meet-cover a p { position: absolute; left: 0; bottom: 0;  width: 100%; height: 35px; line-height: 35px; color: #FFF; background: rgba(0,0,0,0.45); }

.bingo-meet-menu div.bingo-meet-task { padding: 5px 15px; border-bottom: solid 1px #d5d5d5; }
.bingo-meet-menu div.bingo-meet-task a,.bingo-meet-menu div.bingo-meet-task a:hover,.bingo-meet-menu div.bingo-meet-task a:active,.bingo-meet-menu div.bingo-meet-task a:visited { color: #333;}
.bingo-meet-menu div.bingo-meet-task table { width: 100%; }
.bingo-meet-menu div.bingo-meet-task table tr td:last-child { text-align: right; }
.bingo-meet-menu div.bingo-meet-task table tr td img { vertical-align:  middle; }

/*缤果两周年*/
.birthday{ position: relative; width: 100%; visibility: hidden;}
.birthday .go_birthday_party{ position: absolute; display: block; width: 70%; left: 15%; bottom: 15px; }
.birthday .skip_birthday{ display: block; position: absolute; right: 10px; top: 10px; width: 55px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.4); border-radius: 4px; color: #fff; font-size: 1em; text-align: center;}
.birthday .birthday_head_portrait{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; max-height: 100%; background-repeat: no-repeat;}
.birthday .birthday_head_portrait .birthday_head_portrait_div{ position: relative; width: 100%; margin-top: 24%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul li{ position: absolute; display: block; left: 10px; top: 50px; width: 18%; background: #fff; border-radius: 5px; border: 3px solid #fb9a32; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul li div{ position: relative; width: 100%; line-height: 0;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul li div img{ border-radius: 3px;}
/*.birthday .birthday_head_portrait .birthday_head_portrait_div ul li div i{ position: absolute; left: 50%; top: -16px; margin-left: -15px; width: 30px; height: 14px; background: url(../img/birthday/header_bg3.png); background-size: 100% 100%; background-repeat: no-repeat;}*/
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_01{ left: 15.5%; top: -1%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_02{ left: 38.5%; top: -7%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_03{ left: 62.5%; top: -6.5%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_04{ left: 85.5%; top: -1%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_05{ left: 15.5%; top: 34.8%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_06{ left: 38.4%; top: 34.5%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_07{ left: 62%; top: 34.4%;}
.birthday .birthday_head_portrait .birthday_head_portrait_div ul .birthday_header_08{ left: 85.5%; top: 35%;}
.birthday .submit_user_pic{ display: block; color: #fff; width: 89%; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 1.7em; text-align: center; background: #fda432; margin-top: 15px;}
#birthdaybg_loading{ width: 0; height: 0;}

.birthday .birthday_top_bg { width: 100%; padding: 10px 0 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.birthday .birthday_head_portrait {
     background: -webkit-radial-gradient(#f7605b, #d9423a, #b33a35);
    background: -o-radial-gradient(#f7605b, #d9423a, #b33a35);
    background: -moz-radial-gradient(#f7605b, #d9423a, #b33a35);
    background: radial-gradient(#f7605b, #d9423a, #b33a35);
}
.birthday .birthday_head_portrait{ width: 100%;}
.birthday .birthday_middle_bg{ width: 100%;}

/* 动画效果 */
@-webkit-keyframes blue-man-flash { 0% {-webkit-transform: rotate(0deg) } 25% {-webkit-transform: rotate(90deg) } 50% {-webkit-transform: rotate(180deg) } 75% {-webkit-transform: rotate(270deg) }100% {-webkit-transform: rotate(360deg) } }
@-webkit-keyframes slide-left-show { 0% {-webkit-transform: translateX(100%)  } 50%{ -webkit-transform: translateX(50%) }  100%{ -webkit-transform: translateX(0) }  }
@-webkit-keyframes slide-right-show { 0% {-webkit-transform: translateX(-100%)  } 50%{ -webkit-transform: translateX(-50%) }  100%{ -webkit-transform: translateX(0) }  }
@-webkit-keyframes slide-slate-show { 0% {-webkit-transform: scale(0)  } 50%{ -webkit-transform: scale(0.5)  }  100%{ -webkit-transform: scale(1)  }  }
@-webkit-keyframes scale-big { 0% {-webkit-transform: scale(0.5,0.5);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0  } 50%{ -webkit-transform: scale(0.75,0.75);  filter:alpha(opacity=0.5); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5 }  100%{ -webkit-transform: scale(1,1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1  }  }
@-webkit-keyframes scale-small { 0% {-webkit-transform: scale(1,1);filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1  } 50%{ -webkit-transform: scale(0.5,0.5);filter:alpha(opacity=0.5); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5  }  100%{ -webkit-transform: scale(0.25,0.25);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0  }  }

.slide-left-btn {  -webkit-animation: slide-left-show 0.5s linear forwards;  }
.slide-right-btn {  -webkit-animation: slide-right-show 0.5s linear forwards;  }
.slide-slate-btn { -webkit-animation: slide-slate-show 0.5s linear forwards;  }
.slide-menu { -webkit-animation: slide-left-show 0.5s linear forwards; }

/*双十一临时banner*/
/*#doubleEleven { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%;   background: #fff0dc url(../img/DoubleEleven/DoubleEleven.gif?v=3) 0 0 no-repeat; background-size: 100% auto; z-index: 9999999;}*/
#doubleEleven span { float: right; display: block; width: 60px; height: 35px; line-height: 35px; margin: 5% 5% 0 0; color: #FFF; text-align: center; letter-spacing: 3px; background: rgba(0,0,0,0.15); border-radius: 5px; }

/* 登出 */
#login-out a { background-image: none; text-align:  center; }

/* 用户首次进来 */
/*#user-first { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url('../../ui/images/first_come.jpg') 0 0 no-repeat; background-size: 100% 100%; z-index: 9999; }*/

/*省钱快报*/
.wrap { width: 100%; margin-bottom: 35px; }
/*.top_user { display: table; width: 100%; height: 120px; table-layout: fixed; background: url(../../ui/images/thrifty/top_bg.png) #ff9555; background-repeat: no-repeat; background-size: 100% 100%; }*/
.top_user > div { display: table-cell; vertical-align: top; }
.top_user .user_image { width: 120px; height: 120px; text-align: center; line-height: 0;}
.top_user .user_image .user_image_div { width: 80px; margin: 18px auto; border: 2px solid #fff; border-radius: 100%;}
.top_user .user_image img { width: 100%; border-radius: 50%; }
.top_user .user_info .top_title { margin-top: 16px; }
.top_user .user_info .top_title img { width: 180px; }
.top_user .user_info > p { line-height: 30px; overflow: hidden; width: 100%; height: 30px; color: #fff; }
/*.top_user .user_info .user_league { margin-top: 5px; text-indent: 30px; background: url(../../ui/images/thrifty/address_ico.png); background-repeat: no-repeat; background-position: left center; background-size: 19px 21px; }*/
/*.top_user .user_info .user_date { text-indent: 30px; background: url(../../ui/images/thrifty/date_ico.png); background-repeat: no-repeat; background-position: left center; background-size: 19px 21px; }*/
.report_list { width: 96%; margin: 0 auto; }
.report_list ul li { margin-top: 12px; }
.report_list ul li > a { display: block; }
.report_list ul li .reprot_li_title { font-size: 1.2em; font-weight: 600; line-height: 43px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 43px; padding-right: 25px; white-space: nowrap; text-indent: 80px; text-overflow: ellipsis; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
/*.report_list ul li .reprot_li_title i { position: absolute; top: 0; right: 0; display: block; width: 25px; height: 43px; background: url(../../ui/images/thrifty/arrow_w.png); background-repeat: no-repeat; background-position: center center; background-size: 11px 19px; }*/
/*.report_list ul li .di_ico { background: url(../../ui/images/thrifty/di_ico.png) #ffe432; background-repeat: no-repeat; background-position: left center; background-size: 70px 43px; }*/
/*.report_list ul li .qiang_ico { background: url(../../ui/images/thrifty/qiang_ico.png) #ffe432; background-repeat: no-repeat; background-position: left center; background-size: 70px 43px; }*/
/*.report_list ul li .zhi_ico { background: url(../../ui/images/thrifty/zhi_ico.png) #ffe432; background-repeat: no-repeat; background-position: left center; background-size: 70px 43px; }*/
/*.report_list ul li .jiang_ico { background: url(../../ui/images/thrifty/jiang_ico.png) #ffe432; background-repeat: no-repeat; background-position: left center; background-size: 70px 43px; }*/
/*.report_list ul li .wan_ico { background: url(../../ui/images/thrifty/wan_ico.png) #ffe432; background-repeat: no-repeat; background-position: left center; background-size: 70px 43px; }*/
/*.report_list ul li .li_ico { background: url(../../ui/images/thrifty/li_ico.png) #ffe432; background-repeat: no-repeat; background-position: left center; background-size: 70px 43px; }*/
.report_list .product_info { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px 5px; table-layout: fixed; border: 1px solid #ffe432; border-top-width: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #fff; }
.report_list .reprot_special { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 8px 0; border: 1px solid #ffe432; border-top-width: 0; border-bottom-width: 0; background: #f8f8f8; }
.report_list .reprot_special h3 { text-align: center; color: #5dba44; font-size: 1.2em;}
.report_list .reprot_special p { line-height: 1.3em; text-align: center; color: #a8a8a8; }
.report_list .reprot_special p#next_special_time { font-size: 1.2em; font-weight: bold; text-align: center; color: #5dba44; }
.report_list .reprot_special p#next_special_time span { font-size: .9em; line-height: 22px; display: inline-block; height: 22px; margin: 0 5px; padding: 0 10px; color: #fff; border-radius: 20px; background: #5dba44; }
.report_list .reprot_product .product_info > div { display: table-cell; vertical-align: top; }
.report_list .reprot_product .product_info .product_info_img { width: 110px; height: 100px; }
.report_list .reprot_product .product_info .product_info_img img { width: 100px; height: 100px; border-radius: 3px; }
/*.report_list .reprot_product .product_info .product_info_arrow { width: 20px; background: url(../../ui/images/thrifty/arrow_g.png); background-repeat: no-repeat; background-position: center center; background-size: 11px 19px; }*/
.report_list .reprot_product .product_info .product_info_title { font-weight: bold; line-height: 1.35em; margin: 3px 0; color: #444; }
.report_list .reprot_product .product_info .product_info_tj { line-height: 1.35em; margin-top: 10px; color: #5dba44; }
.report_list .reprot_product .product_info .product_info_yj span { font-size: .9em; display: inline-block; margin-top: 10px; padding: 1px 3px; border-radius: 3px; }
.report_list .reprot_product .product_info .product_info_yj span:first-child { margin-right: 8px; text-decoration: line-through; color: #b4b4b4; border: 1px solid #c8c8c8; }
.report_list .reprot_product .product_info .product_info_yj span:nth-child(2) { color: #ff5fb2; border: 1px solid #ff5fb2; }
.report_list .reprot_product .product_info .active_img { line-height: 0; width: 100%; }
.report_list .reprot_product .product_info .active_img img { width: 100%; }
.report_list .reprot_product .special_end { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px 5px; table-layout: fixed; border: 1px solid #ffe432; border-top-width: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #fff; }
.report_list .reprot_product .special_end h3{ line-height: 1.3em; text-align: center; color: #5dba44;}
.report_list .reprot_product .special_end p{ line-height: 1.3em; text-align: center; color: #a8a8a8; margin: 5px 0;}
/* 购物车及收货地址样式 */
/* 购物车 */
.cart-wrap { margin-bottom: -50px; background: #FFF; }
.cart-settlement-wrap { padding: 11px; padding-top: 0; margin: 0; background: #fff;}
.cart-settlement-inner { background: #FFF; font-size: 0.875em;}
.cart-settlement-inner-bg { background: #fff;  }

.user-shopping-cart { position: relative;  }
.user-shopping-edit { position: absolute; top: 15px; right: 0; display: block; color: #ff4146;  background: #fff; border:1px solid #ff4146; border-radius: 34px; font-size: 1em; width: 44px; height: 25px; line-height: 25px; text-align: center; padding: 0;}
#user-shopping-edit { top: 7px;}
.buycar-header { height: 48px; padding: 0px 15px; line-height: 48px; background: #bbd649;}
.no-has-goods { padding-bottom: 25px; text-align: center; }
.no-has-goods a { font-weight: bold; font-size: 14px;   color: #f53d3d;}
.no-has-goods a:hover { color: #f53d3d; }

/* 购物车产品列表 */
.shopping-box { overflow: hidden; border-top:solid 1px #e8e8e8;}
.shopping-box a { color: #57b174; text-decoration: none; }
.shopping-box li {  position: relative; margin-top: -1px; overflow:  hidden; padding-bottom: 6px; border-bottom: solid 1px #e8e8e8;}
.shopping-box li div.img-box { margin-right: 10px; background-color: #FFF; font-size: 0; }
.shopping-box li div.img-box img { width: 80px; height: 80px; border: solid 2px #FFF;  border-radius: 2px;  }
.shopping-box p.shopping-title {  margin-bottom: 0px;  color: #9c9c9c; }

.shopping-box p.price { margin-top: 4px; font-size: 1.4em; color: #ff4146; line-height: 1.1em;}
.shopping-box p.price span.goods_company{ color: #bbbbbc; font-size: .5em;}

.shopping-box p.shopping-title span { color: #F00; }
.shopping-box p.shopping-title span.special-sign,.shopping-box p.shopping-title span.group-sign  { display: inline-block;  width: 20px; height: 20px; margin-left: 3px; line-height: 22px;  color: #FFF; border-radius: 100%; font-size: 0.75em; background: #F00; text-align: center;}
.special-no-join-save { display: block; margin-top: -8px; color: #F00; font-size: 0.75em;}

.shopping-box p.num a  { padding: 2px 14px; color: #fff; font-size: 25px; font-weight: bolder;  background-color: #57b174; border-radius: 100%; }
.shopping-box p.num a.forbidden1 { background: #ddd }
.shopping-box table.num a  { display: block; width: 40px; height: 25px; border-radius: 30px; }
.shopping-box table.num a.plus {   background: url('../img/product-add.png') center center no-repeat #ff4146; background-size: 13px 13px;  }
.shopping-box table.num a.minus {   background: url('../img/product-minus.png') center center no-repeat #ff4146; background-size: 12px 2px;  }
.shopping-box table.num a.forbidden1 { background-color: #ddd }
.shopping-box table.num span { display: block; min-width: 40px; margin: 0 10px; height: 25px; line-height: 25px;  border-radius: 30px;  text-align: center; font-size: 1em; border: 1px solid #ff4146; color: #ff4146; }
.cart-item-subtotal { position: absolute; right: 10px; bottom: 12px; font-size:0.875em; }
.cart-item-subtotal p { margin-bottom: 0px; font-size: 0.875em; text-align: right; color: #F00;}
.cart-item-subtotal p span.subtotal-name { color: #ff4146; }
#cart_min_height{ margin: 8px 8px 0 8px;}

.shopping-box p.num span { padding: 1px 15px; margin: 0 10px; background-color: #fff; border-radius: 16px; border-style: dotted; border-width: thin; text-align: center; font-size: 22px; }
.shopping-item-box { position: relative; display: table; width:100%; padding-top: 11px; padding-bottom: 3px; overflow: hidden; }
.shopping-item-box > div.img-box,.shopping-item-box > div.shopping-operate{ display: table-cell; vertical-align: top; }
.shopping-item-box > .editCarShop{ display: block; position: absolute; top: 0; right: 0;}
.editCarShop{width: 142px;}
.subtotal_num_box { float: right;}
.subtotal_num_box span{display: block; min-width: 40px; height: 25px; line-height: 25px; border-radius: 30px; text-align: center; font-size: 1em; border: 1px solid #ff4146; color: #ff4146;}
.shopping-operate .shopping-title, .shopping-operate.price{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 购物车统计信息 */
.shopping-info { padding-top: 10px;  text-align: right; /*border-top: solid 1px #e8e8e8;*//*margin-bottom: 5.2rem;*/ }
.shopping-info table.pay-info-wrap { width: 100%; font-size: 1em; }
.shopping-info table.pay-info-wrap tr td { text-align: left;}
.shopping-info table.pay-info-wrap tr td:first-child{ padding-left: 0; color: #4c4a4a }
.shopping-info table.pay-info tr td { text-align: right; font-size: 1em;  }
.shopping-info table.pay-info tr td:first-child { width: 65px; max-width: 65px; color: #4c4a4a;  }
.shopping-info table.pay-info tr td em { font-style: normal;  color: #F00;}
.shopping-info table.pay-info tr td span{ color: #ff4146; }
.shopping-info-fixed { position: fixed; display: none; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #cac9c9; box-sizing: border-box; -webkit-box-sizing: border-box;}

/*加价购*/
.add-price { display: none; padding: 0px 15px 0px;  text-align: right; border-top: solid 1px #cac9c9; }
.add-price table { width: 100%; }
.add-price table.add-price-parent tr td:first-child { width: 80px; max-width: 85px; min-width: 80px; padding-top: 10px; padding-right: 0; vertical-align: middle; color: #ff4146;  text-align: left; padding-left: 0; }
.add-price-bottom { background: #F5F5F5; }
.add-price-white { background-color: #FFF;}

table#add-price-child  { text-align: left; }
table#add-price-child p  { margin-bottom: 0; font-size: 0.875em; color: #fcc700; }
table#add-price-child p.add-price-title  { color: #ff4146; font-size: 0.875em; }
table#add-price-child tr td:first-child { padding:0; margin: 0;  }
table#add-price-child tr td.add-price-child-img { position: relative; padding-top: 0;  width: 58px; height: 50px; min-width: 58px; }

table#add-price-child tr td:first-child { padding-top: 10px; }
table#add-price-child tr td:first-child a { display: block; margin: 0px atuo 0; padding:3px 5px; width: 70px;height: 24px; font-size: 0.75em; background: #57b174; color: #FFF; border-radius: 30px; text-align: center; }
.add-price-child { width: 90%; }
.shopping-info-menu table tr td.add-price-chile-select { width: 90%; }
.shopping-info-menu table tr td.add-price-child-wrap { width: 90%; }

/*.add-price-child-wrap table span.Selected {  display: block;  width: 20px; height: 20px; margin-top: -5px;  background: url('../../ui/images/round_black.png') center center no-repeat; background-size: 100% 100%; }*/
/*.add-price-child-wrap table.current span.Selected {  background-image:  url('../../ui/images/round.png'); }*/
.add-price-child-wrap table img {  width: 50px; height: 50px; border: #f5f5f5 2px solid; border-radius: 2px; }
.add-price-child-wrap table.current img {  border-color: #ff4146; }

.cart-settlement-inner tr td:first-child { padding-left: 10px; font-size: 1em; }

/* 购物车收货地址 */
.has-default-address { color: #bbb; padding: 2px 0;}
.has-default-address p { margin-bottom: 0; }
.has-default-address p:first-child { font-size: 1em; color: #454545; }
.has-default-address em { padding-right: 8px;}
.has-default-address em img { width: 35%; }
.has-default-address:after{content: "";display: inline-block; width: 8px; height: 8px; border: 2px solid #ff4146; border-width: 2px 2px 0 0; position: absolute; top: 50%; right: 15px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.user-adress-info { margin-top: 10px; background: #FFF; overflow: hidden;   }
.user-adress-info h1,.user-shopping-cart { font-size: 1em; font-weight: normal; color: #acacad; }
.user-adress-info h1  { margin-bottom: 0; }
.user-shopping-cart { padding: 10px 0; margin-bottom: 0;}
.user-adress-info table.user-info,.user-adress-info div.remark-box table { width: 100%; }
.user-adress-info table.user-info tr td { height: 50px;}
.user-adress-info table tr td:first-child { width: 80px;}

.address-manage { margin-top: 10px; }
#address-manage:active { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.new-address { margin-bottom: 0; color: #454545; }
.new-address:after{content: "";display: inline-block; width: 8px; height: 8px; border: 2px solid #ff4146; border-width: 2px 2px 0 0; position: absolute; top: 50%; right: 15px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.new-address em img { width: 35%; vertical-align: middle;  }
.cart-settlement-inner tr td:first-child {  width: 50px; max-width: 50px; min-width: 50px;  padding-right: 0; vertical-align: middle; color: #ff4146; font-size: 1.1em; line-height: 1.2em;}
.cart-settlement-inner tr td.user-shopping-cart{ padding-left: 0;}

.user-adress-info table.user-info tr { border-bottom: 1px solid #ddd;  }
.user-adress-info table.user-info tr td:first-child { color: #333; height: 46px; }
.user-adress-info table.user-info tr td  { height: 46px;  overflow: hidden; }
.user-adress-info table.user-info tr td input { font-size: 16px; border-width: 0; padding-left:0; color:#ff4146;}
.user-adress-info table.user-info tr td.select-area-box { position: relative; }
.user-adress-info table.user-info tr td.select-area-box select.select-part-model { position: absolute; top:6px; left: 0; width: 100%; height: 40px; background: transparent; border-width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.user-default-address-wrap { position: relative; display: block; width: 100%; height: 100%; }
#is_default { position: absolute; top: 17px;left: 0px; z-index: 99; opacity: 0; }

.user-adress-info div.user-adress,.user-adress-info div.pay-mothed,.user-adress-info div.goods-time, .user-adress-info div.coupons-info, .user-adress-info div.remark-box{ padding: 10px 15px; }
.user-adress-info div.goods-time { padding-top: 0px; }

.element-inner {  padding: 9px 0; background: #FFF; font-size: 0.875em; border-left: none; border-right: none; }
.element-inner table tr td:first-child{ width: 50px; max-width: 50px; min-width: 50px; padding-left: 10px;  color: #ff4146; vertical-align: middle; font-size: 1.1em; line-height: 1.2em;}

.element-inner em { font-style: normal; }
.element-inner em img { width: 35%; vertical-align: middle; }
.element-inner table { width:  100%; }

#goods-time-inner:after{ content: ""; display: inline-block; width: 8px; height: 8px; border: 2px solid #ff4146; border-width: 2px 2px 0 0; position: absolute; top: 50%; right: 15px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#goods-time-inner2:after{ content: ""; display: inline-block; width: 8px; height: 8px; border: 2px solid #ff4146; border-width: 2px 2px 0 0; position: absolute; top: 50%; right: 15px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


#coupons-info-inner:after{ content: ""; display: inline-block; width: 8px; height: 8px; border: 2px solid #ff4146; border-width: 2px 2px 0 0; position: absolute; top: 50%; right: 15px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#goods-time-inner p,#coupons-info-inner p { padding: 7px 0; }

#ziti_tel_wrap_inner label { display: block; }
#ziti_tel_wrap_inner label input#ziti_tel { width: 95%; padding:6px 0;  margin: 0; margin-left: -8px; padding-left: 8px;  border-width: 0; font-size: 1em; color: #454545; }

.pay-mothed,.goods-time,.coupons-info,.remark-box,.blance-money-box { margin: 10px 0 0 0; }
.cancel-border { border-width: 0; }

.blance-money-box { display: none;}
.blance-money-box p { position: relative; color: #ff4146; }
.blance-money-box .car_blance_money_laber{ display:block; width:100%; height:36px; line-height: 36px;}
.blance-money-box p input { position: absolute; top:0; left: 0; width: 100%; height: 40px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;opacity: 0; margin-left: 0;}
.blance-money-box span {  display: inline-block; margin: 0; width: 18px; height: 18px; margin-right: 10px; background: url(../img/round-unselected.png) center center no-repeat; background-size: 100% 100%; margin-top: 9px;}
.blance-money-box span.current { background-image: url(../img/round-selected.png);}

#remain-money-box { display: none; border-bottom: 1px solid #f5f5f5; }

.user-adress-info div.invoice-info { padding: 0px 15px 10px;  }
.user-adress-info div.invoice-info-top { padding-top: 0; }
.user-adress-info div.invoice-info tr td.middle { vertical-align: middle; }
.user-adress-info div.invoice-info tr td input.middle { vertical-align: top; }
.user-adress-info div.invoice-info tr td.invoice-box span{ position: relative; }
.user-adress-info div.invoice-info tr td.invoice-box span input { position: absolute; top: 0; left: 0; width: 18px; height: 18px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.user-adress-info div.invoice-info tr td label { margin-bottom: 0; line-height: 25px; vertical-align: middle;  }
.user-adress-info div.invoice-info tr td label.round { display: inline-block; margin: 0; width: 18px; height: 18px; background: url(../img/round-unselected.png) center center no-repeat; background-size: 100% 100%; }
.user-adress-info div.invoice-info tr td label.current { background-image: url(../img/round-selected.png); }
.user-adress-info div.invoice-info tr td input.left { margin-left: 5px; }
.user-adress-info div.invoice-info table, .coupons-info table,.goods-time table { width:100% }

.user-adress-info table tr td p { margin-bottom:  0;  }
.user-adress-info table tr td p span.current { color: #57b174; }
.user-adress-info table tr td label {  margin-bottom: 0;  font-weight: normal; vertical-align: middle; }

.play-box label { vertical-align: middle; }
.play-box label.round { display: inline-block; margin: 0; width: 18px; height: 18px; background: url(../img/round-unselected.png) center center no-repeat; background-size: 100% 100%;  }
.play-box label.current { background-image: url(../img/round-selected.png); }
.play-box ul { padding-top: 3px;}
.play-box ul li { position: relative; margin-bottom: 3px;  }
.play-box ul li input { position: absolute; top: 0; left: 0px; width: 80%; height: 40px; margin: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.select-send-method li { float: left;  width: 33.3333333333333%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.play-type-class li{ float: left; width: 50%; height: 40px; line-height: 40px;}

#addres-user-new label { display: block; width: 100%; height: 100%; vertical-align: middle; }
#addres-user-new label.round { display: inline-block; margin: 0; width: 18px; height: 18px; background: url(../img/round-unselected.png) center center no-repeat; background-size: 100% 100%;  }
#addres-user-new label.current { background-image: url(../img/round-selected.png); }

.user-adress-info div.coupons-info { padding-top: 0;}
.order-commit { margin: 15px 0px; text-align: center;}

.voucheselect  h2 { margin: 0; padding: 15px 15px 15px 0px; background: #FFF; text-align: left; font-size: 24px;}
.vip-coupon-box { padding-bottom: 15px; border-bottom: 1px dashed #ccc; }
.vip-coupon-box table { width: 100%; }
.vip-coupon-box table tr td:first-child { width: 75%; margin-right: 5%}
.voucheselect p.user-voucher-title { margin-bottom: 0px; margin-top: 20px; font-size:16px; text-align: left; }
/*.voucheselect ul li { padding: 15px 0 15px 40px; background-color: #FFF; background-image: url(../../img/pop_coupon_li_bg.png); background-position:  1em center; background-repeat:  no-repeat;   }*/
/*.voucheselect ul li.invalid { background-image: url(../../img/pop_coupon_li_bg_invalid.png); }*/
.voucheselect ul li em { font-style: normal;}

.my-coupons-footer {  position: fixed; bottom: 0; left: 0; display: none; width: 100%; height: 50px; background: #fff; z-index: 9999;}
.my-coupons-footer img { display: block; height: 40px; margin: 5px auto; }

/* 定时达收货时间 */
.select-timing-time { display: none; position: fixed; bottom:0px; left: 0px; width: 100%; z-index: 99999; background: #fff;}
.timing-time-box{ width: 100%; }
.timing-time-box .timing-btn{ position: relative; width: 100%; height: 45px; border-bottom: 1px solid #ff4146;}
.timing-time-box .timing-btn span{ display: block; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -24px; color: #ff4146;}
.timing-time-box .timing-btn a{ display: block; width: 50px; height: 30px; line-height: 30px; font-size: .9em; text-align: center; box-sizing: border-box;}
.timing-time-box .timing-btn .timing-cancel{ float: left; margin: 8px 0 0 7px; border: 1px solid #ff4146; color: #ff4146; }
.timing-time-box .timing-btn .timing-submit{ float: right; margin: 8px 7px 0 0; background: #ff4146; color: #fff; }
.timing-time-box .timing-dateday{ width: 100%; height: 40px;}
.timing-time-box .timing-dateday ul li{ float: left; width: 50%;}
.timing-time-box .timing-dateday ul li a{ display:block; width: 100%; height: 40px; line-height: 40px; color: #acacac; font-size: .9em; background: #eee; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.timing-time-box .timing-dateday ul li a.onactive{ background: #fff; }
.timing-time-box .timing-subdate{ width: 96%; margin: 0 auto; margin-top: 8px; border: 1px solid #ff4146;}
.timing-time-box .timing-subdate ul:after{ display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.timing-time-box .timing-subdate ul li{ float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; color: #ff4146; }
.timing-time-box .timing-subdate ul li span{ font-size: 1.1em;}
.timing-time-box .timing-datetime:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.timing-time-box .timing-datetime dl{ float: left; width: 50%; height: 200px; overflow-y: auto; -webkit-overflow-scrolling: auto;}
.timing-time-box .timing-datetime dl::-webkit-scrollbar{ width: 0;}
.timing-time-box .timing-datetime dl dd a{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #aaa; font-size: 1.1em;}
.timing-time-box .timing-datetime dl dd a.onactive{ background: #e5e5e5;}
.timing-time-box .timing-datetime dl dd a:active{ background: #eee;}
.timing-time-box .timing-tips{ width: 100%; margin: 12px 0 12px 0;}
.timing-time-box .timing-tips p{ color: #888; font-size: .85em; line-height: 1.2em; text-align: center; }
.timing-time-box .timing-tips p span{ color: #ff4146;}
.timing-time-box .timing-item-switch-box{ width: 96%; height: 200px; margin: 0 auto; overflow: hidden;}
.timing-time-box .timing-item-switch .timing-datetime { float: left;}
.timing-time-box .timing-item-switch .timing-datetime p{ width: 100%; height: 200px; line-height: 200px; text-align: center; color: #aaa;}

/* 新增、修改收货地址 */
.select-area-box { display:-moz-box; display: -webkit-box; display:box; line-height: 50px }
.select-area-box div.resize {  -moz-box-flex:2; -webkit-box-flex:2; box-flex:2; margin: 8px 0px 0px 8px;}
.select-area-box div.l-height{ line-height:  33px;}
.select-area-box div.reset-margin{ margin-top: 0px; margin-bottom:-5px;}
.select-area-box > div { width: 100%; font-size: 1em; color: #999; overflow: hidden;}
.select-area-box > div  em img { width: 35%; }
.select-area-box > div  span { margin-left: 8px; color: #afafaf;  }

.select-area-box > i{ position: absolute; right: 0; top: 0; width: 30px; height: 50px; text-align: center; pointer-events: none;}
.select-area-box > i img{ vertical-align: middle; width: 35%;}

.select-area-box .user-address-div{ display:table; table-layout:fixed;}
.select-area-box .user-input-address{ display:table-cell; vertical-align: top; line-height:20px; padding:15px 0; color: #ff4146;}
.select-area-box .address-arrow{ display:table-cell; vertical-align: middle; width:32px;}

.user-adress-info div.remark-box table textArea { height: 25px; padding:0; border-width: 0;}
.user-adress-info div.remark-box { padding-top: 0px; }
.user-adress-info div.pay-mothed img { width: 22px; height: 22px; }
.user-adress-info div.pay-mothed  { padding-top: 5px;}

.user-join-active { padding: 10px 10px 0; font-size: 1em; text-align: right; color: #838383; }
#fullFreeStr { display: none; }

#addres-user-new { width: 100%;background: #FFF;border: 0px;line-height: 50px;font-size: 1em; }
#addres-user-new tr td {  font-size: 0.875em; overflow: hidden; zoom: 0;  }
#addres-user-new tr td:first-child { width: 100px; max-width: 100px; }

.add_my_address_wrap { padding: 0 14px;}
.add_my_address { width: 100%; margin-top: 10px; background: #fff;}
.add_my_address tr { border-top: 1px solid #ccc; margin-top: 10px; }
.add_my_address tr:first-child{ border-top: none;}
.add_my_address tr td {   color: #444; font-size: 0.875em;   }
.add_my_address tr td:first-child { width: 50px; max-width: 50px; line-height: 1.1em; font-size: 1em; color: #ff4146; padding: 11px 0 11px 10px;}
.add_my_address tr td input { font-size: 1em; width: 100%; border-width: 0; padding-left: 0; color: #afafaf;}
/*.add_my_address tr td select { position:absolute; top:0; left:0; display: block; width: 100%; height: 50px;  }*/
.add_my_address  tr td.address-box { padding: 15px 0;}
.add_my_address  tr td.address-box span { line-height: 1.5; padding: 15px 0; color: #999; }
.add_my_address  tr td.address-box label { display: none; }

#select-address-box { width: 100%; }
#select-address-box tr { border-width: 0;}
#select-address-box tr td { vertical-align:  top;}
#select-address-box tr td:first-child { width: auto;line-height: inherit;height: auto;padding: 0;font-size: 1em;  }
#select-address-box tr td.second-child{ width: 25px; max-width: 25px; min-width: 25px; }
#select-address-box tr td  img { width: 15px; height: 15px; margin-top: 3px; }
.add_my_address label { display: block; width: 100%; height: 100%; vertical-align: middle; }
.add_my_address label.round { display: inline-block; margin: 0; width: 18px; height: 18px; background: url(../img/round-unselected.png) center center no-repeat; background-size: 100% 100%;  }
.add_my_address label.current { background-image: url(../img/round-selected.png); }
.add_my_address label img { vertical-align: middle; }

.user-address-box { height: 45px; background: #fff; }
.user-address-box h3 { margin-bottom: 0; font-size: 1em; font-weight: normal;  }

.my-address-manage-inner { padding: 0 8px; }

.my-address-manage-inner .my-address-item-cur{ border-image: url(../img/my_address_border.png) 10/.45em round; -webkit-border-image: url(../img/my_address_border.png) 10/.45em round;  -moz-border-images: url(../img/my_address_border.png) 10/.45em round; border-left-width: 0; border-right-width: 0;}
.user-shopping-cart h3 { position: relative; width: 100%; height: 45px; line-height: 45px; text-indent: 52px; color: #ff4146;}
.user-shopping-cart h3 > a{ display: block; width: 55px; height: 45px; position: absolute; left: 0; top: 0;}
.user-shopping-cart h3 > a:after{ content: "";display: inline-block; width: 11px; height: 11px; border: 2px solid #ff4146; border-width: 0 0 2px 2px; position: absolute; top: 50%; left: 20px; margin-top: -6px; -webkit-transform: rotate(45deg);}
.user-shopping-cart .address_admin_btn{ position: absolute; top: 9px; right: 14px; display: block; color: #fff; background: #ff4146; border-radius: 34px; font-size: .9em; width: 48px; height: 27px; line-height: 27px; text-align: center; box-sizing: border-box;}

.my-address-item { padding: 14px; margin-top: 10px; background: #fff; }
.my-address-item table { width: 100%;  border-width: 0; }
.my-address-item table tr:active { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.my-address-item table tr td { padding: 0; }
.my-address-item table tr td  p { margin-bottom: 0; font-size: 1.1em; color:#777; line-height: 1.4em;}
.my-address-item table tr td  p span.letter_spacing{ letter-spacing: 6px;}
.my-address-item table tr td  p:last-child { color: #bbb; }
.my-address-item table tr td span.address-del { color: #ff3d17; font-size: 1.1em; }

.my-address-opera-wrap { position: relative; }
.my-address-opera-inner { position: absolute; top:0; right: 14px; display: none; width: 100%; height: 100%; text-align: right; vertical-align: middle; z-index: 9999; background: rgba(255,255,255,0.4); }
.my-address-opera-inner ul  { float: right; }
.my-address-opera-inner ul li { margin-top: 12px; }
.my-address-opera-inner ul li a { display: block; width: 48px; height: 27px; line-height:27px; border-radius: 30px; background: #ff4146; color: #FFF; text-align: center;  font-size: 0.8em;  }
.my-address-opera-inner ul li:last-child a{ width: 46px; height: 25px; line-height: 25px; border: 1px solid #ff4146; background: #fff; color: #ff4146;}

.shopping-operate{ width: 100%;}
.shopping-operate table tr td:first-child{ width: auto; padding-left: 0; max-width: none; min-width: inherit; }
.user-add-address { text-align: center; border-top: solid 1px #ff4146; padding: 0; height: 55px;}
.user-add-address > a.user-add-address-btn { display: inline-block; height: 40px; line-height: 40px; background: #ff4146; color: #fff; font-size: 1.1em; width: 140px; border-radius: 30px; margin-top: 5px;}

#user_addr_admin { background: #f5f5f5; }
.user_addr_admin_bottom { padding-bottom: 0;}
.want-to-say { width: 95%; height: 25px;  margin-left: -8px; padding: 6px 8px; border-width: 0; font-size: 1em; color: #454545; vertical-align: middle; }

/* 满x送代金券 */
.limit-voucher { width: 100%; height: auto; margin-top: -10%; margin-bottom: 10%;   }
.limit-voucher-inner { padding: 8px; color: #ff4146; font-size: 1em; border: dashed 2px #bfbfbf; border-radius: 6px; }
.limit-voucher-inner span { color: #ff4146; }

/* 自提信息弹窗 */
.abholung-position-wrap { display: none; position: fixed; top: 0; left: 0px; width: 100%; height:100%; background: rgba(0,0,0,0.4); z-index: 99999;  }
.abholung-position-inner { position: relative; width: 80%; margin: 0 auto; padding:15px;  background: #FFF; }
.abholung-position-inner img.abholung-close-btn { position: absolute;  top: -12px; right: -15px; width: 40%; max-width: 30px; height: auto; }
.abholung-position-inner a.abholung-close-btn img {  }
.abholung-position-inner h3 { color: #333; font-size: 1em; font-weight: normal; margin: 0; margin-bottom: 5px; }
.abholung-position-inner div { background: #F2F2F5; font-size: 0; }
.abholung-position-inner div img { width: 100%; height: auto; }

#ziti_addr_tel { color: #7f7f7f;}
#address-manage table { width: 100%; }

/* 加价购 */
.addprice-position-wrap { display: none; position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99999; }
.addprice-position-inner { position: relative; width: 80%; margin: 0 auto; padding:15px;  background: #FFF; }
.addprice-position-inner img.addprice-close-btn { position: absolute;  top: -12px; right: -15px; width: 40%; max-width: 30px; height: auto; }
.addprice-position-inner h3 { color: #333; font-size: 1em; margin: 0; margin-bottom: 15px; }

/*  用户选择送货时间 */
#recive-time span.right { float: right; margin-right: 1em;}
.select-time-mask { display: none; position: fixed; top:0px; left: 0px; width: 100%; height: 100%; background: #444; filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; opacity: 0.45; z-index: 99998;}
.select-time-wrap { display: none; position: fixed; bottom:0px; left: 0px; width: 100%; z-index: 99999;}
.select-time-box { width: 100%; background: #FFF; font: 12px/150% Arial,Verdana,"\5b8b\4f53"; color: #ff4146; text-align: center; border-left: solid 1px #eee; border-top:  solid 1px #eee; overflow: hidden; }
.select-time-box dl { width: 25%; float: left;   }
.select-time-box dl dt,.select-time-box dl dd { background: #FFF; padding: 5px 0; min-width: 60px; margin-left: -1px; }
.select-time-box dl dt { width: 100%; height: 31px; line-height: 31px; background: #eee; font-size: 14px; color:#acacac; font-weight: normal; overflow: hidden;}
.select-time-box dl dt span { margin-left: 5px; }
.select-time-box dl dd { padding:0;   height: 40px; line-height: 40px; font-size: 14px; }
.select-time-box dl dd input { display: none; }
.select-time-box dl dd label { display: block; width: 100%; height: 100%; padding: 0; margin: 0; font-weight: normal; }
.select-time-box dl dd.forbidden { background: #eee; color: #aaa; }
.select-time-box dl dd.limit { background: #dfdfdf; color: #aaa;  }
.select-time-box dl dd.allow { background: #FFF; color: #ff4146; }
.select-time-box dl dd.allow label { display: block; width: 100%; height: 100%; font-weight: normal; }
.select-time-box dl dd.current {  background: #ff4146; color: #FFF; }

/* 团购订单送货时间提示 */
.group-send-time-tips  { padding: 10px 15px;  font-size: 0.75em; color: #ff4146; background: #FFF;  }

/* 送货方式 */
.shipping-method { padding: 0; margin: 10px 0 0 0; background: #FFF;}
.myself-method { padding:0; display: none; margin-top: 10px; background: #f5f5f5;  }
.shipping-method table tr td:first-child { padding-left: 10px; }

/* 收货方式 */
.want-send { margin-top: 10px; background: #f5f5f5; border-top: solid 1px #d3d3d3;  }
.want-send table tr td:first-child { width: 85px; max-width: 85px; padding-left: 15px; }
.want-send div.element-inner { padding: 6px 0;  }
.want-send table tr td label { color: #333; font-weight: normal; }
.want-send table tr td label.round { display: inline-block; margin: 0; width: 18px; height: 18px; background: url(../img/round-unselected.png) center center no-repeat; background-size: 100% 100%; vertical-align: middle; }
.want-send table tr td p { position: relative; margin-bottom: 3px;  }
.want-send table tr td p input { position: absolute; top: 0; left: 0px; width: 18px; height: 18px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.want-send table tr td label.current { background-image: url(../img/round-selected.png); }

#submiting{ display: none; position:  fixed;  top: 0; left: 0; bottom:  0; right: 0; width: 100%; height: 100%;  margin-top: -50px; }

/* 购物袋 */
.shopping-bag-wrap { position: fixed; top:0; left: 0; width: 100%; height: 100%; display:  none;  background: rgba(0,0,0,0.45); z-index: 9997; }
.shopping-bag-inner { position: relative;  width: 100%; height: 100%;  }
.shopping-bag-info { position: absolute; left: 0; bottom: 0; width: 100%; background: #FFF; }
.shopping-bag-info h1 { margin: 4% 4%; font-size: 1em; color: #ff4146; font-weight: normal; line-height: 40px; }
.shopping-bag-info h1 img { float: right;  }
.shopping-bag-info ul { width: 99%; margin: 0 auto; }
.shopping-bag-info ul li { float: left; width: 33%; padding-bottom: 5%; overflow:  hidden; }
.shopping-bag-info ul li dl { min-width: 70px; width: 80%;  margin: 0 auto;  }
.shopping-bag-info ul li dl dt { position: relative; }
.shopping-bag-info ul li dl dt img { width: 100%; border: solid 2px #e0e0e0; border-radius: 4px; }
.shopping-bag-info ul li dl dt span { position: absolute; bottom: 0; right: 0; width: 20%; display: none; }
.shopping-bag-info ul li dl dt span img { border-width: 0; }
.shopping-bag-info ul li dl dd { font-size: 0.75em; }
.shopping-bag-info ul li dl dd:last-child { color: #fccd1b; }

.shopping-bag-info ul li.current dl dt img { border: solid 2px #ff4146; }
.shopping-bag-info ul li.current dl dt span { display: block; right: -3px; }
.shopping-bag-info ul li.current dl dt span img { border-width: 0; }
.shopping-bag-info ul li.current dl dd { color: #ff4146; }
.shopping-bag-info ul li.current dl dd:last-child { color: #fccd1b; }

.shopping-bag-select-btn img { vertical-align: text-bottom; margin-right: 2px;}
.shopping-bag-select-btn { display: none; padding:14px 0 14px 5px;  color:#ff4146; text-align: right;  }
.shopping-bag-select-activeing { margin-bottom: 10px; border-bottom: solid 1px #e8e8e8; }

/* 100回收计划 */
.green-bags-mask { position: fixed; top: 0; left: 0; display: none;  width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 9997; }
.green-bags-box { position: fixed; bottom: 0; left: 0; display: none;  width: 100%; height: auto; padding-top: 5px; background: #FFF; z-index: 9998; }
.green-bags-box h3 {  font-weight: 900; font-size: 1em;  color: #029262; text-align: center;  }

.green-bags-info { margin-top: 5px;  }
.green-bags-info p:first-child { padding: 0 15px; }
.green-bags-info p { margin-bottom:  0; font-size: 0.875em; }
.green-bags-info p.grean-images { font-size: 0; }
.green-bags-btn { display: block; width: 80%; height: 40px; margin: 0 auto; line-height: 40px; color: #adcd06;  text-align: center;  background: #FFF; border-radius: 40px; }
.green-bags-footer { padding: 5px 0; margin-bottom: 0; background: #adcd06;  }
.grean-bags-close { width: 5%;  text-align: right; }
.grean-bags-close-wrap { margin-right: 15px; text-align: right; }
.actives-tips { padding: 0px 10px 0px; color: #838383; text-align: right; }
.green-bags-tips-01 { color: #57b174; }

/* 参与活动 */
.user-join-actives { margin-top: 6px; width: 100%; height: auto; }
.user-join-actives h3 { padding-left: 8px; margin-bottom: 5px; color: #3b3b3b; font-size: 14px;  font-weight: normal; }
.user-join-actives h3 span { color: #ff4146; }
.user-join-actives ul { margin: 0 8px;  overflow: hidden;    }
.user-join-actives ul li { float: left; padding-bottom: 10px;  }
.user-join-actives ul li span { display:none; margin-right: 10px;  padding: 3px 10px; background: #ebebeb; color: #c5c5c5; font-size: 0.875em; border-radius: 5px; }

.user-join-actives ul li span.man_x_jian_y-join-current { background: #f46d6d; color: #fff; }
.user-join-actives ul li span.add-price-join-current { background: #f6c27c; color: #fff;  }
.user-join-actives ul li span.green-bags-join-current { background: #7fe0b6; color: #fff; }
.user-join-actives ul li span.discount_activity-join-current { background: #f6a77c; color: #fff; }
.user-join-actives ul li span.BuyNGetOne-join-current{ background: #7cd5f6; color: #fff; }
.user-join-actives ul li span.sub_product-current{ background: #e97cf6; color: #fff; }
.user-join-actives ul li span.first-order-current{ background: #f67c87; color: #fff; }
.user-join-actives ul li span.man_x_give_voucher-current { background: #d3a9ff; color: #fff; }
.user-join-actives ul li span.N_bei_points-current { background: #f6a77c; color: #fff; }

/* 收货地址及地址地图 */
#import_baidu_map{overflow: hidden;}

.map-address-create { width: 100%; height: auto;}
.select_address_write { position: fixed;  top: 10%;  width: 100%; z-index: 9999; }
.select_address_write div.select_write_input { width: 100%; margin: 0 auto; padding: 5px 0; background: rgba(255,255,255,0.95);  border-top: solid 1px #cdcdcd; border-bottom: solid 1px #cdcdcd;}
.select_address_write div.select_write_input input { width: 100%; padding: 0; margin: 0;  font-size: 1em; border-width: 0; background-color: transparent; }
.select_address_write table { width: 90%; margin:  0 auto;}
.select_address_write table tr td.second-child { width: 65px; max-width: 65px; }
.select_address_write table a { display: block; float: right;  width: 20%; min-width: 55px;text-align: center;line-height: 32px;border-radius: 40px;
color: #FFF;background: #32b16c;font-size: 1em;}
.select_address_write table a:hover,.select_address_write table a:active,.select_address_write table a:visited {color: #FFF; }

.map-address-create div.map-view { display: none; }
.map-address-create div.map-tips-box { display: none; }

.map-address-list  { display: none; width: 100%; height: auto; margin-bottom: -50px; }
.map-address-list ul { padding: 5px 8px 10px; }
.map-address-list ul li { border-bottom: solid 1px #cdcdcd; }
.map-address-list ul li dl {  padding: 8px 25px 6px 10px; }
.map-address-list ul li dl dt { position: relative; margin-bottom: -4px; color: #ff4146; font-size: 1em;}
/*.map-address-list ul li dl dt span  { display: none; position: absolute; bottom:-5px; right: -18px; width: 20px; height: 20px; background: url(../img/round.png) 0 0 no-repeat; background-size: 100% 100%;  }*/
.map-address-list ul li:first-child dl dt span {display: block; }
.map-address-list ul li dl dd { color: #aaa;  font-size: .75em;}

.map-address-list div{ display: none; padding: 5px 15px 10px;}
.map-address-list div a,.map-allow-geolocation a.go-map-address{ display: block; width: 60%;  margin: 8% auto 5%; padding: 5px 10px;  background: #ff4146; color: #FFF; text-align: center; }
.map-address-list div a:hover,.map-address-list div a:active,.map-address-list div a:visited,.map-allow-geolocation a:hover,.map-allow-geolocation a:active,.map-allow-geolocation a:visited { color: #FFF;}
.map-allow-geolocation{ display: none;}
.map-allow-geolocation img{ width: 100%;}
.map-allow-geolocation p{ width: 90%; margin: 0 auto; margin-top: 15px;}
.map-allow-geolocation a.go-check-btn{display: block; width: 60%;  margin: 8% auto 5%; padding: 5px 10px;  background: #fff; color: #ff4146; text-align: center; border: 1px solid #ff4146;}

/*.back-address-eixt{ display: block; position: fixed; top: 10px; right: 10px; height: 36px; width: 36px; background: url(../img/x.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 9997;}*/

.input-address{ display: none; padding: 8px 0; border-bottom: 1px solid #e5e5e5; background: #fff;}
.input-address table{ width: 100%;}
.input-address table tr td:first-child{ width: 70px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #e5e5e5; color: #adadad; letter-spacing: 3px; font-size: 1.1em; }
.input-address table tr .input-address-text{ position: relative; padding-left: 12px;}
.input-address table tr .input-address-text input{ width: 100%; height: 30px; font-size: 1.1em; outline: none; border: 0; }
/*.input-address table tr .input-address-text div{ position: absolute; display: none; width: 24px; height: 24px; top: 3px; right: 0; background: url(../img/delete.png) 0 0 no-repeat; background-size: 100% 100%; }*/
.input-address table tr .cancel-input{ width: 70px;}
.input-address table tr .cancel-input a{ display: block; width: 50px; height: 30px; line-height: 30px; color: #fff; background: #57b174; border-radius: 2em; margin: 0 auto; text-align: center;}

.matching-address-list{ background: #fff;}
.matching-address-list ul li{ width: 100%; border-bottom: 1px solid #e5e5e5; padding: 8px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.matching-address-list ul li h2{ font-weight: 500; font-size: 1.1em; color: #000;}
.matching-address-list ul li p{ font-size: 0.9em; color: #999;}


.input-address-button{ display: none; width: 100%; height: 30px; padding: 8px 0; border-bottom: 1px solid #e5e5e5; background: #fff;}
.input-address-button table{ width: 100%;}
.input-address-button table tr .button-left-city{ width: 70px; height: 30px; line-height: 30px; text-align: center; color: #adadad; letter-spacing: 3px; font-size: 1.1em; }
.input-address-button table tr .button-middle-input{ }
.input-address-button table tr .button-middle-input a{ display: block; width: 100%; height: 30px; line-height: 30px; background: #ebebeb; color: #a2a2a2; font-size: 1em; border-radius: 4px; text-indent: 10px;}
.input-address-button table tr .button-right-back{ width: 70px; }
.input-address-button table tr .button-right-back a{ display: block; width: 50px; height: 30px; line-height: 30px; color: #fff; background: #ff4146; border-radius: 2em; margin: 0 auto; text-align: center; }
.mapaddress-list-tips{ display: none; width: 100%; height: 204px; background: #fff; overflow-y: scroll; overflow-x: hidden;}
.mapaddress-list-tips ul li{ display: table; table-layout: fixed; width: 100%; height: 67px; border-top: 1px solid #ccc; }
.mapaddress-list-tips ul li div{ display: table-cell; vertical-align: top; }
/*.mapaddress-list-tips ul li div:first-child{ width: 53px; height: 67px; background: url(../img/map_address_icon.png); background-size: 23px 23px; background-repeat: no-repeat; background-position: center center;}*/
.mapaddress-list-tips ul li .map-wz-street{ }
/*.mapaddress-list-tips ul li:first-child div:first-child{ background: url(../img/map_address_icon@.png); background-size: 23px 23px; background-repeat: no-repeat; background-position: center center;}*/
.mapaddress-list-tips ul li .map-wz-street p{ width: 100%; height: 33.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mapaddress-list-tips ul li .map-wz-street p#map-wz-mark{ color: #444444; font-size: 1em; line-height: 45px; }
.mapaddress-list-tips ul li .map-wz-street p#map-wz-road{ color: #a5a5a5; font-size: .9em; line-height: 22px;}
.mapaddress-list-tips ul li:first-child p#map-wz-mark,.mapaddress-list-tips ul li:first-child p#map-wz-road{ color: #ff4146;}
.mapaddress-list-tips ul li.no_addresspoi{ color: #bbb; font-size: .8em; text-align: center; line-height: 67px;}

/*地图*/
.autocomplete{ display: none; position: fixed; width: 100%; height: 100%; background: #fff; top: 0; left: 0; }
.input-address{ border-bottom: 1px solid #e5e5e5; background: #fff;}
.input-address table{ width: 100%;}
.input-address table tr td:first-child{ width: 70px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #e5e5e5; color: #adadad; letter-spacing: 3px; font-size: 1em; }
.input-address table tr .input-address-text{  padding-left: 12px;}
.input-address table tr .input-address-text input{ width: 100%; height: 46px; font-size: 1.1em; border-width: 0; }
.input-address table tr .delete_text{ position: relative; width: 28px;}
/*.input-address table tr .delete_text div{ position: absolute; width: 24px; height: 24px; top: 13px; left: 2px; background: url(../../ui/images/delete.png) 0 0 no-repeat; background-size: 100% 100%; }*/
.input-address table tr .cancel-input{ width: 70px;}
.input-address table tr .cancel-input a{ display: block; width: 50px; height: 30px; line-height: 30px; color: #fff; background: #ff4146; border-radius: 2em; margin: 0 auto; text-align: center; text-decoration: none;}
.amap-sug-result{ width: 100%!important; left: 0!important; border: none!important; top: 51px!important;}
.auto-item{ width: 100%!important; height: 42px; line-height: 42px; border-bottom: 1px solid #e5e5e5; padding: 0 0 0 10px!important; font-size: .9em!important;}

#autoTipsList{ width: 100%;}
#autoTipsList ul li{ width: 100%; border-bottom: 1px solid #e5e5e5;}
#autoTipsList ul li a{ display: block;  width: 100%; height: 42px; line-height: 42px; color: #454545; font-size: .9em; padding-left: 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
#autoTipsList ul li a span{ color: #C1C1C1; padding-left: 4px;}
.seek-null{ width: 100%; margin-top: 50px; text-align: center; font-size: 1em; color: #000; border-bottom-width: 0!important;}

/* 通用样试 */
.common-no-result-wrap { width: 100%; margin-top: 18%; }
.common-no-result-wrap div { margin: 0 auto 5%; }
.common-no-result-wrap p { color: #a8a8a8;font-size: 18px; }

/* 通用底部样式 */
.common-footer { width: 100%; height: 50px; padding-top: 8px; background: #FFF; border-width: 0; border-top-width: 1px; }
.common-footer a { display: block; width: 150px;  height: 35px; margin: 0 auto; line-height: 35px;  border-radius: 45px; }
.common-footer a,.common-footer a:hover,.common-footer a:active,.common-footer a:visited { color: #FFF; }

/* 返回顶部 */
#retun-top-btn { display: none; position:fixed; right: 5%; bottom: 14px;  width: 40px;  height: 40px;  line-height: 38px;  color: #FFF;  text-align: center;  background: rgba(0,0,0,0.30);  border-radius: 100%; z-index: 9999; }

/* 延时加载图片 */
.lazy-wrap a { display: block; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }

/* 重设提示柜 */
.alert-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.4); z-index: 9998; }
.alert-box div { margin: 20% auto 0; width: 85%;  background: #FFF; border-radius: 8px;  }
.alert-box div h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; }
.alert-box div p {  height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; color: #1f80e9;  font-size: 16px;  text-align: center;    }
#view_page { width: 100%; height: 100%; min-height: 1000px; }

/* 提示柜 */
#tips-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.4); z-index: 9998; }
#tips-box div.alert-wrap { margin: 20% auto 0; width: 85%;  background: #FFF; border-radius: 8px; }
#tips-box div.alert-wrap h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; }
#tips-box div.alert-wrap p {  height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; color: #1f80e9;  font-size: 16px;  text-align: center; }
#tips-box div.alert-wrap p a { display: block; width: 100%; height: auto; color: #ff4146; }
#tips-box div.alert-wrap p a:hover { color: #ff4146; background: rgba(0,0,0,0.08); }
#tips-box div.alert-wrap p a:active { color: #ff4146; background: rgba(0,0,0,0.08); }
#tips-box div.alert-wrap p a:visited { color: #ff4146; }


#tips-box div.confirm-wrap { margin: 20% auto 0; width: 85%;  background: #FFF; border-radius: 8px; }
#tips-box div.confirm-wrap h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; }
#tips-box div.confirm-wrap table { width: 100%; }
#tips-box div.confirm-wrap table tr td:first-child { border-right: solid 1px #dcdcdc; }
#tips-box div.confirm-wrap table tr td { width: 50%; height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; font-size: 16px;  text-align: center; }
#tips-box div.confirm-wrap table tr td a { display: block; width: 100%; height: auto; color: #ff4146; }
#tips-box div.confirm-wrap table tr td a:hover { color: #ff4146; background: rgba(0,0,0,0.08); }
#tips-box div.confirm-wrap table tr td a:active { color: #ff4146; background: rgba(0,0,0,0.08); }
#tips-box div.confirm-wrap table tr td a:visited { color: #ff4146; }
#tips-box div.confirm-wrap .thisarea-tel{ display:block; width:100%; height:35px; line-height:35px; color:#fff; font-size:1em; background:#57b174; text-align:center; margin: 8px 0; font-weight: 500; }

#tips-box div.alert-wrap ul { padding: 15px; padding-top: 0; margin-top: -10px; font-size: 0.875em; color: #888; line-height: 1.8;}
#tips-box div.alert-wrap ul li em { display: inline-block; margin-right: 5px; width: 3px; height: 3px; background-color: #999; border-radius: 100%; vertical-align: middle;}
#tips-box div.alert-wrap ul li span { color: #ff4146; }

/* 自定义底部 */
.common-easy-bottom{ position: fixed; bottom: 0; left: 0; width: 100%; height: 55px; background: #fff; z-index: 9999; text-align: center; border-top: 1px solid #ff4146;}
.common-easy-bottom > a{ display: inline-block; height: 40px; line-height: 40px; background: #ff4146; color: #fff; font-size: 1.1em; min-width: 140px; padding: 0 12px; border-radius: 30px; margin-top: 8px; }
.common-easy-bottom a,.common-easy-bottom a:hover,.common-easy-bottom a:active,.common-easy-bottom a:visited { color: #fff; }

/* App 头部样式 */
/*#start { position: fixed; top:0; left: 0; width: 100%; height: 100%; background: #ff4146 url(../../ui/images/logo.png) center center no-repeat; background-size: 35% auto; z-index: 99999; }*/
#start span { position: fixed; top: 2%; right: 3%; padding: 3px 8px; color: #FFF; font-size: 1em; background: rgba(0,0,0,0.35); border-radius: 8px;}
.app-header { position: inherit; top: 0; left: 0; width: 100%; height: auto;  background: rgba(255,255,255,.9); z-index: 9999;  }
.app-header-inner { width: 100%; height: auto; color: #FFF; }

.header-menu { width: 100%; height: auto; }
.header-menu table { width: 100%; }
.header-menu table tr td { line-height: 40px; }

.header-menu table tr td:first-child { width: 50px; }
.header-menu table tr td:first-child img { display: block; width: 40px; height: auto; margin: 0 auto; vertical-align: middle; }
.header-menu table tr td:last-child { position: relative; width: 40px; }
.header-menu table tr td:last-child img { display: block; width: 30px; height: auto; margin: 0 auto; vertical-align: middle; }
.header-menu table tr td:last-child i { display: none; position: absolute; top: 25%; right: 25%;  width: 8px; height: 8px; background: #F00; border: solid 2px #FFF; border-radius: 100%; }


.header-menu table tr td.current-part {  line-height: 1.3; color: #ff4146; font-size: 0.875em; text-align: center;  }
.header-menu table tr td.current-part dl { display: inline-block; padding: 8px 0; }
.header-menu table tr td.current-part dl dd span { display: inline-block; padding-bottom: 3px;  border-bottom: solid 3px #ff4146; }
.header-menu table tr td.current-part a { display: block;  width: 100%; height: auto; }
.header-menu table tr td.current-part a,.header-menu table tr td.current-part a:hover,.header-menu table tr td.current-part a:active,.header-menu table tr td.current-part:visited { color: #ff4146; }
.header-menu table tr td.active { color: #FFF; background: #ff4146;  }
.header-menu table tr td.active dl dd span  { border-color: #FFF; }
.header-menu table tr td.active a,.header-menu table tr td.active a:hover,.header-menu table tr td.active a:active,.header-menu table tr td.active a:visited { color: #FFF; }

.header-menu ul { width: 100%; height: 58px; margin-right: 2%;  overflow: hidden; }
.header-menu ul li {  /*float: left;*/display:inline-block; width: 25%; }
.header-menu ul li a { display: block; width: 100%; padding: 14px 0; margin: 0 auto;  color: #ff4146; font-size: 0.875em; text-align: center; }
.header-menu ul li a:hover,.header-menu ul li a:active,.header-menu ul li a:visited { color: #ff4146; }
.header-menu ul li a.current span { color: #FFF; background: #ff4146; border-radius: 40px; }
.header-menu ul li a span { display: block; width: 100%; height: 30px; line-height: 30px;  }
.header-menu ul li a.current:hover,.header-menu ul li a.current:active,.header-menu ul li a.current:visited { color: #FFF; }


.header-part { top: 0; left: 0;  width: 100%; height: 40px; padding: 5px 0; background: #79c5de;  }
.header-part-inner { position: relative; width: 100%;  height: auto; }
.header-part-inner table { width: 100%; }
.header-part-inner table tr td { line-height: 40px; }
.header-part-inner table tr td:first-child { width: 15%; min-width: 25px; padding-left: 3%; }
.header-part-inner table tr td:first-child a { display: block; width: 100%; height: 40px; line-height: 40px;  }
.header-part-inner table tr td:first-child a i { color: #FFF; line-height: 40px; }
.header-part-inner table tr td:first-child a:hover,.header-part table tr td:first-child a:active,.header-part table tr td:first-child a:visited { color: #FFF; }
.header-part-inner table tr td:last-child { padding-right: 3%; font-size: 0.75em; line-height: 40px; }
.header-part-inner table tr td:last-child i { margin-left: 2px; font-size: 12px; }

.header-part-inner dl { position: absolute; top: 6px; left: 50%; line-height: 1.5; }
.header-part-inner dl dt { font-size: 1em; line-height: 1; text-align: center; }
.header-part-inner dl dd { font-size: 0.75em; }

.header-common { top: 0; left: 0;  width: 100%; height: 50px; line-height: 50px; background: #FFF; }
.header-common-inner { position: relative; width: 100%;  height: auto; }
.header-common-inner table { width: 100%; }
.header-common-inner table tr td { position: relative; font-size: 0.875em;  }
.header-common-inner table tr td:first-child { width: 50px; font-size: 1em; }
.header-common-inner table tr td:first-child a { display: block; width: 100%; height: 50px; padding-left: 8px; background: #FFF; }
.header-common-inner table tr td:first-child a i { line-height: 50px; }
.header-common-inner table tr td:last-child { width: 50px; }
.header-common-inner table tr td:last-child img { display: block; width: 30px; height: auto; margin: 0 auto; vertical-align: middle; }


/* 用户未关注 */
.header-focus { line-height: 1.8; font-size: 14px; color: #FFF; background-color: #19cf77;  }
.header-focus a { display: inline-block; padding:0px 5px; background: #94efc3;  font-size: 14px; color: #0fad61; border-radius: 30px; }
.header-focus a:hover,.header-focus a:active,.header-focus a:visited { color: #0fad61; }
.header-focus-position { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; }
.header-focus div { padding: 5px 8px 5px; }
/* 订单页面样式 */
.order-wrap { margin-top: 10px; padding: 0 8px; }
.order-box { width: 100%; height: auto; overflow: hidden; }
.order-box li { padding-bottom: 10px; }
.order-box li.model-1 div.order-item-header p { color: #c8c8c8; }
.order-box li.model-1 div.order-item-main table tr td { color: #c8c8c8; }
.order-box li.model-1 div.order-item-total { padding-bottom: 3px; border-width: 0; color: #c8c8c8; }
.order-box li.model-1 div.order-item-total span { color: #c8c8c8; }
.order-box li.model-1 div.order-item-footer { display: none; }

.order-content {  padding: 10px; padding-bottom: 0; background: #FFF; }
.order-item-header { position: relative; padding-bottom: 5px; border-bottom: solid 1px #d5d5d5; }
.order-item-header a,.order-item-header span { display: block; position: absolute; top: 0px; right: 0px; width: 75px; padding: 2px 0px;  border-radius: 2px; font-size: 0.875em; }
.order-item-header span { color: #FFF; background: #dfdfdf; }
.order-item-header span.wait-pay { background: #ff5a2e; }
.order-item-header span.return-pay { background: #ff2e2e; }
.order-item-header p.order-num { font-size: 1em;  }
.order-item-header p.order-time { font-size: 0.75em; color: #c8c8c8; }

.order-item-tabel {  width: 100%; margin: 5px 0; }
.order-item-tabel tr td { line-height: 1.8; font-size: 0.875em;  }
.order-item-tabel tr td.title { width: 65%; }
.order-item-tabel tr td.title span { display: inline-block; width: 20px; height: 20px; margin-left: 3px; line-height: 22px; color: #FFF; border-radius: 100%; font-size: 0.75em; background: #F00; text-align: center;}
.order-item-tabel tr td.num { width: 15%; }
.order-item-tabel tr td.num em { margin-right: 2px; font-size: 0.75em; }
.order-item-tabel tr td.subtotal { font-size:  0.975em; }
.order-item-tabel tr td p { color: #c8c8c8; font-size: 0.875em; }

.order-item-total { color: #aaa;  border-bottom: solid 1px #d5d5d5;   }
.order-num-total-cancel { border-width: 0; }

.order-total-tabel {  width: 100%; margin: 5px 0; }
.order-total-tabel tr td { font-size: 0.875em; }
.order-total-tabel tr td p.now-bottom { margin-bottom: 0; }

.order-item-footer { padding: 10px 0; }
.order-menu-tabel { width: 100%; }
.order-menu-tabel tr td { width: 50%; }
.order-menu-tabel tr td a { display: block; width: 70%; line-height: 32px;  color: #FFF;  font-size: 0.875em; border-radius: 2px  }
.order-menu-tabel tr td a.order-comment-btn { background: #c4d82e; }
.order-menu-tabel tr td a.order-share-btn { background: #fcc700;}
.order-unfinished tr td a.order-fixed-sure { display: none; background: #c4d82e; }
.order-unfinished tr td a.order-fixed-info { background: #c4d82e; }

/* 订单快递员 */
.delivery-box  { padding: 10px 8px; color: #999; font-size: 0.875em; overflow: hidden;  }
.delivery-box div { width: 50%; }
.delivery-box div.delivery-name { height: 28px;  margin-right: -1px; line-height: 28px;  border-right: solid 1px #d5d5d5; }
.delivery-box div.delivery-tel a { line-height: 28px; }
.delivery-box div.delivery-tel a img { width: 20px; vertical-align: middle; }

/* 订单订址修改 */
.adress-box { background: #FFF; border-top: solid 1px #F5F5F5; }
.adress-info { width: 100%; height: auto; }
.adress-info tr td { position: relative; padding: 10px 0;  font-size: 0.875em; border-bottom: solid 1px #f5f5f5; }
.adress-info tr td i { position: absolute; top: 50%; right: 10px; margin-top: -13px; font-size: 26px; }
.adress-info tr td input { width: 100%; height: 30px; color: #AAA;  font-size: 0.875em; border-width: 0; background: transparent;  }
.adress-info tr td:first-child { width: 45px; padding-right: 10px; line-height: 1.3; }
.adress-info tr td.first-child span { display: block; }
.adress-info tr td:last-child p { padding-right: 20px; color: #c8c8c8; font-size: 0.75em; }
.adress-info tr td:last-child p:first-child { color: #aaa; font-size: 0.875em; }
.adress-info tr:last-child td { border-width: 0;}

/* 订单支付 */
.order-pay-wrap { width: 85%; margin: 20% auto 0; background: #FFF; border-radius: 8px; }
.order-pay-inner { padding: 15px ; }
.order-pay-inner ul  { margin: 0 auto;}
.order-pay-inner ul li a { display: block; width: 100%; height: 40px; margin-bottom: 10px; line-height: 40px;   border-radius: 30px;  }
.order-pay-inner ul li a:hover,.order-pay-inner ul li a:active,.order-pay-inner ul li a:visited {  background: #ff4146; color: #FFF; }
.order-pay-inner ul li a.cancel { margin-bottom: 0; color: #FFF; }
.order-pay-inner ul li a.cancel:hover,.order-pay-inner ul li a.active,.order-pay-inner ul li a:visited { color: #FFF; }

.user-info td.shipping-address { padding: 15px 0;}
.user-info td.shipping-address select{ margin-bottom: 8px; }
.adress-info td.shipping-address select { margin-bottom: 8px; }

.no-pay-order {  padding-bottom: 5px; border-top: solid 1px #F5F5F5; }
.no-pay-order a { display: block; width: 80%; height: 32px; margin: 10px auto 5px auto; line-height: 32px; background: #ff4146; color: #FFF; font-size: 1em; text-decoration: none; text-align: center; border-radius: 30px;}

.adress-info td.shipping-address select.cancel-margin { margin-bottom: 0px; }
.user-info td.shipping-address select.cancel-margin { margin-bottom: 0px; }

.mask { width: 100%;height: 1000px;background: #000;opacity: 0.5;z-index: 999;position: absolute;top: 0px;left: 0px; padding-top: 200px; font-size: 20px; text-align: center; }
.deliveryaddress_mask { width: 100%;height:100%;background: #FFF;z-index: 9999999;position: absolute;top: 0px;left: 0px; }
#deliveryaddress { padding-bottom: 50px; }
.user-address-footer { display: block; background: #FFF; }
.user-address-footer img { display: inline-block; width: 32px; height: 32px; margin: 0; margin-right: 3px; vertical-align: bottom;  }
.user-address-footer h3 { font-size: 1.2em; line-height: 32px; }


.order-no-record { margin-top: 18%; padding-bottom: 18%;}
.order-no-record img { display: block;  width: 30%; margin: 0 auto 6%; }
.order-no-record  h1 { color: #a8a8a8;  font-size: 1em; text-align: center; font-weight: normal; }
.exchange-wrap .order-no-record  h1 { margin: 0; padding: 0; color: #a8a8a8; background: none; font-size: 1.1em; }



/* 添加新地址 */
.add_new tr{border-bottom: 1px solid #999;}
.user-adress-info table tr td:first-child{width: 80px;}
.user-adress-info table.user-info tr td:first-child{color: #777}
.add_new tr td input { border-width: 0px; padding-left: 0px; }
.user-edit-address { background: none; }
/* 条形码 */
.barcode-wrap { width: 100%; height: auto;}
.barcode-cover { position: relative; width: 100%; overflow: hidden; }
.barcode-cover span.video-btn { display: block;  position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; margin-left: -25px;  color: #FFF; background: rgba(0,0,0,0.30);  border-radius: 100%;   }
.barcode-cover span.video-btn i { margin-left: 5px; }

.barcode-param { position: relative;  padding: 13px 15px 5px;  background: #FFF; }
.barcode-param p.title { color: #32302f; }
.barcode-param p.subtitle { color: #9a9a9a; font-size: 0.875em; }
.barcode-param table { width: 100%; height: auto; margin-top: 3%; color: #9a9a9a; font-size: 1em; border-top: solid 1px #dadada; }
.barcode-param table tr td { position: relative;  width: 50%; font-size:0.875em; line-height: 40px; text-align: center; }
.barcode-param table tr td span { position: absolute; top: 10px; left: -1px; width: 1px; height: 20px; border-left: solid 1px #dadada; }
.barcode-param a { position: absolute; top: 15px; right: 15px;  padding: 2px 10px;  color: #FFF; border-radius :2px;}
.barcode-param a:hover,.barcode-param a:active,.barcode-param a:visited { color: #FFF; }

.barcode-power { margin: 13px 0; padding: 15px 15px; font-size: 0.875em; background: #FFF; }

.barcode-process { width: 100%;  margin: 10px 0; background: #FFF; overflow: hidden; }
.barcode-process-inner { position: relative;  padding: 0 10px 5px; }
.barcode-process-inner div.barcode-process-main  { position: relative;  margin-left:39px; padding-left: 40px; z-index: 100;  }
.barcode-process-inner div.barcode-process-border { position: absolute; top: 10%; left: 50px; height: 80%; border-left: solid 2px #89cf5e; }
.barcode-process-inner ul li { position: relative; padding: 5% 0; }
.barcode-process-inner ul li img {  }
.barcode-process-inner ul li span { display: block; position: absolute; top: 50%; left:-65px;  width: 50px; height: 50px;  margin-top: -25px; border-radius: 100%;  border: solid 3px #FFF;  }
.barcode-process-inner dl dd { color: #999; }
.barcode-process-introduction { margin-bottom: 15px; padding: 5px 0; background: #FFF;  }
.barcode-process-introduction div { margin: 5px 10px; padding: 10px; border: dashed 2px #c9c9c9; border-radius: 2px; }

.barcode-stup { width: 100%; height: auto; }
.barcode-stup div:first-child { padding: 10% 0 10%; line-height: 1.8; }
.barcode-stup div:first-child img { padding-bottom: 2%; }

/*扫码教程*/
.scan-course-wrap { width: 100%; height: auto; padding-bottom: 10px; }
.scan-course-main { margin-top: 6px; padding: 8% 0; background: #FFF; }
.scan-course-main p { font-size: 0.875em; }
.scan-course-main p:first-child {  margin-bottom: 5%; font-size: 0; }
.scan-course-main p:last-child { margin-top: 5%; font-size: 0; }


/* 分享 */
.share-set-wrap { width: 100%; height: auto; padding-bottom: 5%; background: #f5f5f5; }
.share-set-wrap h1 { padding: 10px; font-size: 1em; font-weight: normal; color: #57b174;  border-bottom: solid 1px #d3d3d3; }

.share-write {  background: #fff; margin-top: 15px; }
.share-write-inner { margin: 0px 15px; padding: 5px 0;  }
.share-write textarea { width: 100%; height: 118px; border-width: 0; background: #fff; color: #444; font-size: 1em; line-height: 1.5em; }

.share-set-img { padding: 0 15px 3px 15px; background-color: #fff; margin-top: 13px;}
.share-set-img p {padding-top:5px;  font-size: 1em; color: #bfbfbf; line-height: 1.8; text-align: center;}
.share-set-img ul  { width: 100%;  overflow: hidden; padding-top: 15px; }
.share-set-img ul li { float: left; position: relative; width: 33.333333333333333%; height: auto; margin-bottom: 16px;  font-size: 0; }
.share-set-img ul li img { width: 85%; text-align: center; }
.share-set-img ul li.share-img i{ position: absolute; display: none; width: 27px; height: 27px; right: 5px; top: -10px; color: #F00; font-size: 28px; border: solid 1px #FFF; border-radius: 100%;  background: #FFF; }
.share-set-img ul li label { display: block; position: absolute; top:0; left:0;  width: 93%; height: 100%; overflow: hidden; }
.share-set-img ul li label.load span { display: block; position: absolute; top:0; left:0;  width:100%; height: 100%;  background: #FFF; overflow: hidden;  }
/*.share-set-img ul li label.load em { display: block; position: absolute; top:0; left:0;  width:100%; height: 100%;  background: #FFF url('../img/vadio-loader.png?v=2015030704'); background-size: 30% auto; background-repeat: no-repeat; background-position: center center; -webkit-animation: blue-man-flash 0.7s linear infinite; border-radius: 9999px; }*/

.share-set-img ul#share-order-img { border-width: 0; }
.share-set-img ul#share-order-img li { width: 33%;  }
.share-set-img ul#share-order-img li img  { border: solid 1px #dcdcdc; }

.share-order-list { width: 100%; height: auto; margin-top: 20px;  background-color: #fff;  }
.share-order-list h2 { padding: 10px 0px; margin: -5px 10px -5px; font-size: 1em; font-weight: normal; color: #ff4146; text-align: center; }
/*.share-order-list h2 span { display: inline-block; width: 18px; height: 18px; background: url('../img/share-down.png?v=2015030703') 0 0 no-repeat; background-size: 100% 100%; vertical-align: sub;  }*/
/*.share-order-list h2 span.up { background-image: url('../img/share-up.png?v=2015030703'); }*/
.share-order-list ul { width: 100%; padding-bottom: 15px; font-size: 1em; display: none;  }
.share-order-list ul li { margin: 0 10px; padding: 5px 1% 5px; }
.share-order-list ul li:last-child { margin-bottom: 0; padding-bottom: 0;  border-width: 0; }
.share-order-list ul li table { width: 100%; }
.share-order-list ul li table tr td { font-size: 1em; vertical-align: top; }
.share-order-list ul li table tr td:first-child { width: 86px;  font-size: 0;  }
.share-order-list ul li table tr td:first-child a { font-size: 0;}
.share-order-list ul li table tr td p { padding: 0; padding-left: 5px; line-height: 1.8;   color: #444; }
.share-order-list ul li table tr td p.red { color:#F00; text-align: right; }
.share-order-list ul li table tr td p span { float: right;  }
.share-order-list ul li table tr td p a,.share-order-list ul li table tr td p a:hover,.share-order-list ul li table tr td p a:active,.share-order-list ul li table tr td p a:visited{ color: #454545; }
.share-order-list ul li table tr td img { width: 100%; }

.share-order-content { width: 100%; height: auto; }
.share-order-content p { padding: 0 15px 6px 15px; font-size: 1em; color: #444; background: #fff; word-wrap: break-word; word-break: break-all;}
.myself-share-tips { padding: 8px 15px; font-size: 0.875em; color: #ff4146; margin-top: 13px; background: #fff; }

.share-stup,.share-big-img { position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 99999; }
.share-stup img { width: 100%; }
.share-stup a.jump { position: fixed; top:0; left:0; width: 100%; height: 100%; }

.share-big-img img { display: block; width: 100%;  margin: 0 auto; }

.share-user { padding: 10px 15px;  background: #fff;}
.share-user-inner { }
.share-user table { width: 100%; }
.share-user table tr td { padding-bottom: 5px; }
.share-user table tr td:first-child { width: 70px; max-width: 70px; }
.share-user table tr td img { vertical-align: middle;  border-radius: 100% }
.share-user table tr td p { padding: 0; font-size: 0.875em;  color: #a8a8a8; }
.share-user table tr td p:first-child { font-size: 1em; color: #ff4146;}
#share-pre,#share-next { position:fixed; top:50%; display: none;  z-index:999999;width: 40px; height: 40px; margin-top: -20px;  background: rgba(0,0,0,0.75); background-repeat: no-repeat; background-position: center center;  background-size: 60% 60%;  }
/*#share-pre { left: 3%; background-image:  url('../img/share-left.png?v=2015030703'); }*/
/*#share-next { right: 3%; background-image:  url('../img/share-right.png?v=2015030703'); }*/

.share-footer { width: 100%; height: 50px; padding-top: 6px; background: #FFF; border-width: 0; border-top-width: 1px; }
.share-footer a { display: block; width: 150px;  height: 35px; margin: 0 auto; line-height: 35px;  border-radius: 45px; }
/* 街主题色 */
.street-color,.street-color:hover,.street-color:active,.street-color:visited { color: #c3351d; }
.street-style { background: #ff2d1c; }
.street-border { border: solid 1px #c94924; }
/*.street-bg { padding-bottom: 60px; margin-bottom: -50px; background: #ff2d1c url('../img/street/bg.png?v=2016011502') 0 bottom no-repeat; }*/
.street-cart-bg { background: #dd0012; }
.street-cart-ft { color: #dd0012; }

/* 街的头部 */
.street-menu { width: 100%; height: auto; }
.street-menu table { width: 100%; }
.street-menu table tr td { line-height: 40px; }

.street-menu table tr td:first-child { position: relative;  width: 35px; padding-left: 15px; }
.street-menu table tr td:first-child i { position: absolute; top: 50%; left: 10px;  margin-top: -15px; }

.street-menu table tr td:first-child {  line-height: 1.3; color: #ff4146; font-size: 0.875em; text-align: center;  }
.street-menu table tr td:first-child dl { display: inline-block; padding: 8px 0; line-height: 1.2; }
.street-menu table tr td:first-child dl dd span { display: inline-block; padding-bottom: 3px;  border-bottom: solid 3px #ff4146; }
.street-menu table tr td:first-child a { display: block;  width: 100%; height: auto; color: #9e1e1f; }
.street-menu table tr td:first-child a:hover,.street-menu table tr td:first-child a:active,.street-menu table tr td:first-child a:visited { color: #ff2d1c; }

.street-menu table tr td.active { color: #FFF; background: #ff4146;  }
.street-menu table tr td.active dl dd span  { border-color: #FFF; }
.street-menu table tr td.active a,.street-menu table tr td.active a:hover,.street-menu table tr td.active a:active,.street-menu table tr td.active a:visited { color: #FFF; }

.street-menu ul { width: 100%; height: 58px; margin-right: 2%;  overflow: hidden; }
.street-menu ul li {  float: left; width: 25%; }
.street-menu ul li a { display: block; width: 100%; padding: 14px 0; margin: 0 auto; font-size: 0.875em; text-align: center; }
.street-menu ul li a.current span { color: #FFF; background: #ff4146; border-radius: 40px; }
.street-menu ul li a span { display: block; width: 100%; height: 30px; line-height: 30px;  }
.street-menu ul li a.current:hover,.street-menu ul li a.current:active,.street-menu ul li a.current:visited { color: #FFF; }

.street-menu div.street-menu-name { position: absolute; top: 22%; left: 50%; width: 28%; }
.street-menu div.street-menu-name img { margin-left: -50%; }


/* 街的尾部 */
.street-footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 50px; z-index: 9999; }
.street-footer table { width: 100%; }
.street-footer table tr td:first-child, .street-footer table tr td:last-child{ width: 20%; min-width: 65px; }
.street-cart-box { display: inline-block; width: auto; height: 32px; margin: 0 auto;  padding: 6px 2px; color: #FFF;  border:solid 2px #FFF; border-radius:  2em; margin-top: -10px;}
.street-cart-box span#cart_num { display: inline-block; height: 32px; line-height: 32px; padding: 0 12px;  margin-left: 3px; background: #FFF;   border-radius: 2em;  }
.street-cart-box span:last-child { display: inline-block; height: 32px; line-height: 32px; margin: 0 30px 0 3px; }
.street-cart-box span:last-child i { margin-right: 2px; font-size: 0.75em; }
.street-cart-box a { color: #FFF; font-size: 1.1em; }
.street-cart-box a:hover,.street-cart-box a:active,.street-cart-box a:visited { color: #FFF; }

/* 产品页面样式 */
.street-box  { position: relative; z-index: 9998;  }
.street-box li {  padding: 0px 8px 13px;  }
.street-box li div.selected div.street-item-content p.street-itme-price-box { display: none; }
.street-box li div.selected div.street-item-content p.street-item-subtotal-box { display: block; }


.street-box li div.selected table.street-item-table p.product-itme-price-box { display: none; }
.street-box li div.selected table.street-item-table p.supermarket { display: none; }
.street-box li div.selected table.street-item-table p.product-item-subtotal-box { display: block; }

.street-item-box { position: relative; background: #FFF;  border-radius: 6px;}
.street-item-header { position: relative; }
.street-item-header a { display: block; width: 100%; min-height: 120px; font-size: 0; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }

.street-item-header a { border-top-left-radius: 6px; border-top-right-radius:  6px; }

.street-item-main { position: relative; width: 100%; height: auto; }
.street-item-content { padding: 5px 10px; }
.street-item-content h3 { font-size: 1em; font-weight: normal; }
.street-item-content h3 a { color: #32302f; }
.street-item-content h3 a:hover,.street-item-content h3 a:active,.street-item-content h3 a:visited { color: #32302f;  }
.street-item-content h3 span { margin-left: 5px; padding: 2px 3px; color: #f94007; font-size: 0.75em; vertical-align: text-bottom;  border: solid 1px #f94007; border-radius: 3px; }
.street-item-content p.street-itme-price-box { width: 100%; height: auto; min-height: 25px; font-size: 0.875em;}
.street-item-content p.street-itme-price-box span.price { font-size: 1.6em; line-height: 1;}
.street-item-content p.street-itme-price-box span.price i { margin-right: 3px; font-size: 16px;}
.street-item-content p.street-itme-price-box span.unit {  color: #9fa0a0; font-size: 0.875em; }
.street-item-content p.street-itme-price-box span.supermarket {  color: #c7c7c8; font-size: 0.75em; text-decoration: line-through; }
.street-item-content p.street-item-subtotal-box { display: none;  color: #b3b3b4; font-size: 0.875em;  }
.street-item-content p.street-item-subtotal-box i:first-child { color: #989898; font-size: 1.2em;  }
.street-item-content p.street-item-subtotal-box em.num {  font-size: 1.6em; line-height: 1; }

.street-buy-oprea { display: none; }
.street-opera-wrap { position: absolute; right: 10px; bottom: 10px; }
.street-opera-inner { position: relative; }
.street-opera-inner span.btn { display:inline-block; width: 64px; height: 37px; line-height: 37px; color: #FFF; font-size: 1.2em; text-align: center;  border-radius: 30px;}
.street-opera-inner div.street-buy-oprea span:first-child { background: #c3d72c; }
.street-opera-inner span dl { margin-top: 3px; }
.street-opera-inner span dl { margin-top: 3px; }
.street-opera-inner span.no-kucui { width: 55px; height: 35px; font-size: 0.75em; line-height: 1.2; }
.street-opera-inner span.no-kucui  { background: #d3d3d3; }

.street-items-title-box { margin: 13px 0; }

.street-items-title-box { position: relative; margin-bottom: 13px;  }
.street-items-title-box span { position: absolute; top: 50%; left: 50%; margin-left: -1%; margin-top: -12px; color: #f9f226; font-size: 1.2em; }

/*  领取优惠券 */
.street-voucher { position: relative; margin-top: 13px;  }
#street-voucher-btn { display: none; position: fixed; top: 15%; right: 2%; width: 60px; height: 60px; z-index: 9999; }

/* 猴子 */
#street-monkey { position: fixed; left: 50%;  bottom: 60px; margin-left: -25px; width: 50px; height: 50px; z-index: 9998;}

/* 街商品详情 */
.street-view-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45); z-index: 9999; }
.street-view-inner { width: 90%; margin: 10% auto;  background: #FFF; border-radius:  6px;  }


.street-info-header { position: relative;  width: 100%; height: auto; margin-bottom: 10px; }
.street-info-header a,.product-info-header span { display: block; position: absolute;  width: 40px; height: 40px; line-height: 40px; color: #FFF; text-align: center;  border-radius: 100%; }
.street-info-header a {   top: -18px; right: -12px; font-size: 1.2em;  }
.street-info-header a:hover,.street-info-header a,.street-info-header a:visited { color: #FFF; }
.street-info-header span { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px;  margin-top: -25px; margin-left: -25px; }
.street-info-header span i { margin-left: 5px; }
.street-info-header img { border-top-left-radius: 6px; border-top-right-radius:  6px; }

.street-info-param { padding: 0% 5%; background: #FFF; }
.street-info-param p span.price { font-size: 1.8em; line-height: 1.5; }
.street-info-param p span.price i { margin-right: 3px; font-size: 16px; }
.street-info-param p span.supermarket { color: #bababb; font-size: 0.875em;   text-decoration: line-through; }
.street-info-param p.title { color: #32302f; }
.street-info-param p.subtitle { color: #9a9a9a; font-size: 0.875em; }
.street-info-param table { width: 100%; height: auto; margin-top: 3%; margin-bottom: 3%; color: #9a9a9a; font-size: 1em; border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; }
.street-info-param table tr td { position: relative;  width: 50%; font-size:0.75em; line-height: 40px; text-align: center; }
.street-info-param table tr td span { position: absolute; top: 10px; left: -1px; width: 1px; height: 20px; border-left: solid 1px #dadada; }

.street-info-content { width: 90%; padding: 0 5% 5%; color: #787878; line-height: 1.8; }
.street-info-content img { width: 100%;  height: auto; }

.tracking-wrap { width: 100%; height: auto; margin-bottom: 50px; margin-top: 60px;}
.tracking-main { width: 96%; height: auto; margin: 0 auto; background: #fff; }
.tracking-main-inner { padding: 15px 15px 0; }
.tracking-main-inner a.select-map-btn { display: block; width: 90%;  margin: 0 auto 15px; line-height: 35px; background: #ff4146; color: #FFF; font-size: 1em; border-radius: 30px; text-align: center;}
.tracking-main-inner a.select-map-btn:hover,.tracking-main-inner a.select-map-btn:active,.tracking-main-inner a.select-map-btn:visited { color: #FFF; }
.tracking-main table { width: 100%; }
.tracking-main table tr td:first-child { min-width: 70px; max-width: 70px; width: 70px; padding-right: 2%; color: #ff4146; font-size: 1em; vertical-align: -webkit-baseline-middle; }
.tracking-main table tr td span.send-time { padding:5px 10px; background:#ff4146; color: #FFF; font-size: 1em;  }
.tracking-main table tr td span.send-time-finish { background: #9a9a9a; }
.tracking-main table tr td div.waiting-wrap { display: none;  padding-bottom: 10%; }
.tracking-main table tr td div.delivery-wrap { display: none; padding-bottom: 10%; }
.tracking-main table tr td div.finish-wrap { position: relative; padding-bottom: 10%; }
.tracking-main table tr td p.delivery { display: none; margin-left: 5%; color: #57b174; font-size: 1em; line-height: 3;   }
.tracking-main table tr td p.scheduled-time { padding: 15px 0; color: #ff4146; font-size: 1em;  }
.tracking-main table tr td p.scheduled-time img { width: 24px; height:  24px; margin-right: 5px; vertical-align: middle;}
.tracking-main table tr td p.scheduled-time strong { font-weight: normal; }
.tracking-main table tr td img.finsh { position: absolute; bottom: -60%; right: 0%; width: 40%; }


.tracking-main table tr td div.tracking-status-info { position: relative; text-align: center; }
.tracking-main table tr td div.tracking-status-info p.tracking-tips { margin-left: 5%; color: #ff4146; font-size: 1em; line-height: 3; }
.tracking-main table tr td div.tracking-status-info span.order-remain { padding: 2% 10%;  background: #e2e2e2; color: #aaa; text-align: center; font-size: 0.875em; }


.tracking-fruit { width: 96%; height: auto; margin: 0 auto; background: #fff; margin-top: 10px; }
.tracking-fruit-inner { padding: 10px 15px 10px; }
.tracking-fruit-inner h1 { color: #ff4146; font-weight: normal; font-size: 1em; line-height: 2.5; }
.tracking-fruit-inner h1 img { position: relative; float:right; width: 22px; height: 22px; margin-top: 8px; vertical-align: middle; z-index: 2;  }
.tracking-fruit-inner table {width: 100%; }
.tracking-fruit-inner table tr td:first-child { width: 65px; }
.tracking-fruit-inner table tr td:first-child img { width: 55px; border: solid 2px #FFF; }
.tracking-fruit-inner table tr td { font-size: 0.875em; padding: 8px 0; }
.tracking-fruit-inner table tr td p { color: #ff4146; text-align: right; }
.tracking-fruit-inner table tr td p:first-child  { text-align: left; color: #444; height: 33px; }
.tracking-fruit-inner table tr td p:first-child span {  float: right; }

.tracking-flow { width: 96%; height: auto; margin: 0 auto; background: #fff; margin-top: 10px; padding: 15px 0; }
.tracking-flow-inner { margin-left: 7%; margin-right: 5%; padding-left: 15px; padding-top: 5%;  border-left: solid 1px #d3d3d3; }
.tracking-flow-inner ul li { position: relative; padding-bottom: 5%; }
.tracking-flow-inner ul li:first-child dl dt { color: #ff4146; }
.tracking-flow-inner ul li dl dt { font-size: 1em;}
.tracking-flow-inner ul li dl dd { font-size: 0.875em; color: #aaa;}
/*.tracking-flow-inner ul li span { position: absolute; top:10px; left: -28px; width:24px; height: 24px;  background: url('../img/tracking/tracking_flow_01.png?v=1') 0 0 no-repeat; background-size: 100% 100%; }*/
/*.tracking-flow-inner ul li:first-child span {  background-image: url('../img/tracking/tracking_flow_02.png?v=1');  }*/

#mapBox { border-bottom:  solid 1px  #ff4146; }
.map-wrap { position:  relative; margin-top: 50px;}

.map-header { position: absolute; top: 3.5%; left: 0; width: 100%; }
.map-header-inner { width: 90%; height: auto; padding: 2%; margin: 0 auto; text-align: center; background: rgba(0,0,0,0.35); color: #FFF; border-radius: 6px; }
.map-header-inner dl dt { font-size: 1em; }
.map-header-inner dl dd { font-size: 0.875em; }

.map-div-close { position: absolute; top: -20%; right: -10%; width: 18%; }

.map-sinding-wrap { display: none; position: absolute; top: 25%; left: 0; width: 100%; }
.map-sinding-inner {  width: 80%; margin: 0 auto; background: #FFF; border:solid 1px #c1c1c1;  }
.map-sinding-inner div.cover-box { position:relative; width: 100%; height: auto; font-size: 0; }
.map-sinding-inner img.cover{ width: 100%; height: auto; }

.order-send-info { margin: 2% 5%; text-align: right; }
.order-send-info dl dt { font-size: 1em; color:#ff4146; text-align: left;}
.order-send-info dl dt em { color: #ff4146;}
.order-send-info dl dd {  font-size: 0.875em; color: #a2a2a2; line-height: 2; }

.map-div-send-info  { margin: 3% 5%;  }
.map-div-send-info dl dt{ font-size: 1em; color:#ff4146; }
.map-div-send-info dl dd.info { font-size: 1em; color: #555; line-height: 1.2;}
.map-div-send-info dl dd.date { padding-top:3%; font-size: 0.75em; color: #a2a2a2;}

/* 优惠券菜单样式 */
.voucher-menu-tabs { width: 100%; line-height: 50px; }
.voucher-menu-tabs li { float: left; width: 50%; color: #ccc; font-size: 1em;  }
.voucher-menu-tabs li span.ft-color { padding-bottom: 15px; border-style: solid; border-width: 0; border-bottom-width: 2px;}

/* 优惠券列表样式 */
.voucher-list-wrap { margin-top: 10px; }
.voucher-list-main { display: none; }
.voucher-list-main ul li { position: relative; padding: 0px 10px;  margin-bottom: 10px; overflow: hidden;}
.voucher-list-main ul li a { position: relative; display: block;  overflow: hidden; }
.voucher-list-main ul li div.voucher-item-box { background: #FFF;padding: 10px 0px 10px 10px; }
.voucher-list-main ul li div.voucher-cover { position: relative;  width: 27.5%; font-size: 0;  background: #F2F2F5;display: inline-block;}
.voucher-list-main ul li div.voucher-cover img { width: 100%; vertical-align: middle;}
.voucher-list-main ul li div.user-voucher-info { float: right; width: 70%; line-height: 1.8; }
.voucher-list-main ul li div.user-voucher-info h3 { font-size: 1em; color: #444; font-weight: normal; }
.voucher-list-main ul li div.user-voucher-info h3 em { font-size: 0.525em; font-weight: normal; color: #F00; }
.voucher-list-main ul li div.user-voucher-info p { color: #b5b5b5; font-size: 0.875em; }
.voucher-list-main ul li span.tips { position: absolute; right: 10px; top: 10px; padding: 2px 5px; font-size: 10px; color: #e90e0e; color: #FFF; }
.voucher-list-main ul li span.new { position: absolute; right: -10px; top: -5px; padding: 2px 5px; font-size: 10px; color: #ff3ec2;background: #ff3ec2; color: #FFF; border-radius: 30px; }

#voucher-expire h3 { color: #b5b5b5; }
#voucher-expire div#voucher-expire-tips { font-size: 0.875em; color: #BBB; }


/* 优惠券详细页面样式 */
.voucherview-wrap { padding: 10px 10px; }
.voucherview-wrap a { margin-top: 15px; background: #f8ac1a; }
.voucherview-wrap div.voucherview-img { position: relative; color: #FFF; }
.voucherview-wrap div.voucherview-img div.voucher-cover { font-size: 0; }
.voucherview-wrap div.voucherview-img div.voucher-title { position: absolute; top: 12%; left: 6%; width: 88%; padding: 0; color: #FFF; font-size: 1.2em; }
.voucherview-wrap div.voucherview-img div.voucher-save { position: absolute; right: 8%; bottom: 3%;  font-weight: bolder;  }
.voucherview-wrap div.voucherview-img div.voucher-save span { margin: 0 2px; font-size: 1.5em;  }
.voucherview-wrap div.voucherview-main { margin-top: 10px; padding-bottom: 10px; }
.voucherview-wrap div.voucherview-main img { width: 100%; height: auto;  }
.voucherview-wrap div.voucherview-main div { padding: 8px 8px; font-size: 0.875em; line-height: 1.8; background: #FFF;  color: #999; border-bottom: solid 1px #F5F5F5; }
.voucherview-wrap div.voucherview-main div em { margin-left: 5px; color: #F00;}
.voucherview-wrap div.voucherview-main div.giving {  color: #ff4146; font-size: 1em; line-height: 1.5 }
.voucherview-wrap div.voucherview-main div label { color: #333; }
.voucherview-wrap div.voucherview-main label { font-weight: bold; }
.voucherview-wrap div.voucherview-main div.info label { display: block; }
.voucherview-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 99998; }
.voucher-share-top { margin-bottom: -10px; font-size: 0; }

.voucher-footer { width: 100%; height: 40px; padding: 5px 0; background: #FFF; }
.voucher-footer a { display: block; width: 100px; height: 35px; line-height: 35px; margin: 0 auto; border-width: 1px; border-style: solid; border-radius: 45px; }

/* 使用代金券 */
#cart_voucher { margin-bottom: -50px; }
.my-coupons-mask { position: fixed; top: 0; left: 0; display: none;  width: 100%; height: 100%; background: #FFF; z-index: 9998;}
.my-coupons-wrap { display: none;  width: 100%;  height: 100%; overflow-y: scroll;  background: #f7f7f7; z-index: 9999; }
.my-coupons-top { width: 100%; height: auto; }
.my-coupons-top h1 { position: relative; padding:  0 14px; font-size: 1.1em; font-weight: normal; color: #ff4146; height: 45px; line-height: 45px; text-indent: 38px; background: #fff;}
.my-coupons-top h1 a{ display: block; width: 55px; height: 45px; position: absolute; left: 0; top: 0;}
.my-coupons-top h1 a:after{ content: "";display: inline-block; width: 11px; height: 11px; border: 2px solid #ff4146; border-width: 0 0 2px 2px; position: absolute; top: 50%; left: 20px; margin-top: -6px; -webkit-transform: rotate(45deg);}
.my-coupons-top div.my-coupons-top-table-wrap { margin-top:10px; padding: 5px 14px; background: #FFF; }
.my-coupons-top div.my-coupons-top-table-wrap table { width: 100%; }
.my-coupons-top div.my-coupons-top-table-wrap table input { width: 95%; border-width:  0; font-size: 16px; background: #f3f3f3; height: 40px; border-radius: 4px; padding-left: 8px; color: #bebdbd; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box;}
.my-coupons-top div.my-coupons-top-table-wrap table tr td.secord-child { width: 60px;  min-width: 60px; max-width: 60px; }
.my-coupons-top div.my-coupons-top-table-wrap table a { display: block; float: right; width: 60px; text-align: center; line-height: 40px; border-radius: 4px; color: #FFF;  background: #c4d82e; font-size: 1em; }
.my-coupons-top div.my-coupons-top-table-wrap table a:hover,.my-coupons-top div table a:active,.my-coupons-top div table a:visited { color: #FFF; }

.my-coupons { padding: 0 5px; }
.my-coupons-header ul { width: 100%; padding-bottom: 5px;  border-bottom: solid 1px #57b174; overflow: hidden;  }
.my-coupons-header ul li { float: left; width: 49%; text-align: center; color: #474747; }
.my-coupons-header ul li.current { color: #57b174; }
.my-coupons-header ul li.border { border-right: solid 1px #57b174; }

.my-coupons-main { padding-bottom: 10px; }
.my-coupons-main ul { padding-top: 3px; margin-bottom: 6px; }
.my-coupons-main ul li { position: relative; background: #FFF;}
.my-coupons-main ul li.current {  border: solid 1px #ff4146; }
.my-coupons-main ul li { position: relative; padding:0;  margin-top: 8px;   overflow: hidden;}
.my-coupons-main ul li h1 { padding-top: 5px; margin-bottom: 3px; font-size: 0.875em; font-weight: normal; color: #444;}
.my-coupons-main ul li div.loading-box{ width: 25%; float: left; }
.my-coupons-main ul li div.voucher-img { position: relative; }
.my-coupons-main ul li img{ width: 100%;}
.my-coupons-main ul li p { margin: 0; font-size: 0.75em; text-align: left; line-height: 1.5; color: #b5b5b5;  }
.my-coupons-main ul li p.date em { float:right; display: none; margin-right: 5%; width: 11px; height: 11px; border-radius: 100%; background: #57b174; }
.my-coupons-main ul li.current p.date em { display: block; font-style: normal; }
.my-coupons-main ul li a { display: block;  padding: 8px;   overflow:  hidden; }
.my-coupons-main ul li a.cancel-border { padding-left: 8spx; border: none; }
.my-coupons-main ul li div.user-voucher-info { float: right; width: 70%; }

.my-coupons-main ul li span.tips { position: absolute; right: 8px; top: 10px; padding: 3px 5px; font-size: 0.625em; color: #e90e0e;background: #57b174; color: #FFF; }
.my-coupons-main ul li span.new { position: absolute; right: -10px; top: 0px; padding: 3px 5px; font-size: 0.625em; color: #ff3ec2;background: #ff3ec2; color: #FFF; }

.my-coupons-gift-main {  display: none; width: 100%; padding-bottom: 50px; }
.my-coupons-gift-main dl { width: 80%; margin: 25px auto; }
.my-coupons-gift-main dl dt { padding-bottom: 0px;  border-bottom: solid 1px #cac9c9; }
.my-coupons-gift-main dl dt input { display: block; width: 100%; margin: 0 auto; border-width: 0;  text-align: center; font-weight: normal; color: #a5a5a5; font-size: 1.1em; line-height: 25px; }
.my-coupons-gift-main dl dd.code-tips {  text-align: center; font-size: 0.875em; margin-bottom: 20px;  margin-top: 6px; color: #aaa;}
.my-coupons-gift-main a { display: block; width: 80%;  height: 40px; line-height: 40px; margin: 0 auto; text-align:  center;   background: #57b174; border-radius: 30px; color: #FFF; }

.cart_voucher_item_inner { padding: 9px; overflow: hidden;}
.user-voucher-info-usemin{ display: block; position: absolute; top: 9px; right: 9px; padding: 1px 7px; color: #fff; background: #ff4146; font-size: .9em; min-width: 38px; text-align: center;}

/* 订单菜单样式 */
.order-menu-tabs { width: 100%; line-height: 50px; }
.order-menu-tabs li { float: left; width: 50%; color: #ccc;   }
.order-menu-tabs li span.ft-color { padding-bottom: 15px; border-style: solid; border-width: 0; border-bottom-width: 2px;}
