﻿*{ padding: 0; margin: 0;}
body{ font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul{margin:0;padding:0}
a:link,a:visited{text-decoration:none;}
a img{border:0}
body{margin:0;padding:0;font-size: 14px;background:#fff;}
ul,li{ list-style:none;}
h1,h2,h3.h4,h5,h6{ color:#333; }
img{ margin:0; padding:0; border: none;}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
input[type=text],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=email],input[type=url],textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
.color-9{ color: #999; }
:-moz-placeholder { color: #999; opacity:1; }
::-moz-placeholder {  color: #999;opacity:1;}
input:-ms-input-placeholder{ color: #999;opacity:1;}
input::-webkit-input-placeholder{ color: #999;opacity:1;}
.pst{ position: relative;}
.clear{ clear: both;}

.my-order{ position: fixed; top:100px; right:0; border-radius: 20px 0 0 20px; background: rgba(0,0,0,0.6); padding: 10px 16px; z-index: 999; }
.my-order a{ color: #fff;} 

.temp-wrapper-box{max-width:640px;height:100%; margin: 0 auto; overflow: hidden; background:#c0111a;}
.temp-detail-box{  position: relative; background: #fffde5; margin: 0 15px; padding-bottom: 5px; }
.temp-detail-box h3{ font-size: 24px; font-weight: 500;color:#333;}

.temp-header-part{ position: relative; margin: 0 -15px;}
.temp-header-img{ max-width: 640px; height: inherit; overflow: hidden;}
.temp-header-img img{ width: 100%; height: 100%; object-fit: scale-down;}

.gy-txt{ margin: 20px; max-width: 640px; height: inherit; overflow: hidden;}
.gy-txt img{ width: 100%; height: 100%; object-fit: scale-down; }

.temp-shop-box{ }
.temp-shop-list{ }
.temp-time{ width: 85%; margin: 10px auto; background: #c4111a; border-radius:60px; font-size: 15px; }
.temp-time-two{ padding: 4px 10px;}
.temp-time p{ color: #fff; text-align: center;}

.temp-title{ border: 1px #7bb429 solid; border-radius: 10px; background: #f4f8e1; font-size: 13px; margin: 15px; padding: 16px; text-align: center;}
.temp-title h4{ color:#c4101b; font-size: 15px; margin-bottom: 10px; }

.temp-intro{background: #f4f8de; margin: 16px; padding: 16px;}
.temp-intro p{ line-height: 28px; font-size: 14px;}
.temp-intro h5{ background: #ea5752; color:#fff; margin:10px auto; margin-top: -16px; width: 100px; text-align: center; font-size: 14px; padding: 4px 2px;}

.temp-shop-item{ border: 1px #7bb429 solid; border-radius: 10px; background: #f4f8e1; margin: 16px; overflow: hidden;}
.temp-photo{ background: #e1ebc8; margin: 0 auto; border-radius: 0 0 10px 10px; min-height: 50px;}
.temp-picture{ width: 240px; margin: 0 auto; padding: 16px 0; height: 152px; overflow: hidden;}
.temp-picture img{ width: 100%; height: 100%; object-fit: scale-down;}
.temp-shop-info{}
.temp-shop-info h2{ font-size: 18px; margin: 10px; text-align: center;}
.temp-btn{ margin: 16px auto; text-align: center;}
.temp-btn span{ background: #c0101a; color: #fff; border-radius: 6px; display: inline-block; padding:8px 15px; text-decoration: line-through; }
.temp-btn a{ margin-left: 10px; background: #e60a38; color: #fff; border-radius: 6px; display: inline-block; padding:8px 15px; }

.temp-bottom-logo{ background: #c0111a; }
.temp-bottom-logo img{  width: 100%; height: 100%; object-fit: scale-down; margin-bottom: -3px;}
.temp-icbc{ height: inherit; overflow: hidden; text-align: center; margin: 0 -10px; padding: 10px 0; }


.temp-wrapper-detail{max-width:640px;height:100%; margin: 0 auto; overflow: hidden; background:#ffff;}

.detail-shop-info{ border-bottom: 5px #efefef solid;}
.detail-shop-info .ds-item:last-child{ border-bottom: none;}
.ds-item{margin: 0 16px; padding: 15px 0; border-bottom: 1px #e1e1e1 solid; position: relative;}
.ds-item h5{ font-size: 18px;}
.ds-item .ds-price{ font-size: 16px;}
.ds-item .ds-price b{  color:#c0101a;}
.ds-item .ds-price em{  color:#a0a0a0; margin-left: 10px; font-style: normal; text-decoration: line-through;}
.detail-btn-buy{  background:#e60a38; color:#fff; display: inline-block; border-radius: 20px; margin: 10px 0; padding: 8px 40px;}
.text-right{ text-align: right;}
.text-center{ text-align: center;}
.btn-minus{ display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px #ddd solid; text-align: center; }
.btn-add{ display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px #ddd solid; text-align: center; }
.shop-num{ margin: 0 6px;display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px #ddd solid; text-align: center; }
.ds-item i{ font-style: normal; margin-right: 10px; }
.ds-item a.shop-num{ color:#333;}
.btn-disabled{ background:#a0a0a0;  color:#fff; display: inline-block; border-radius: 20px; margin: 10px 0; padding: 10px 20px; }

.detail-shop-intro{ padding: 16px;}
.detail-shop-intro h6{ color:#c0111a; font-size: 16px; margin: 10px 0;}
.detail-shop-intro p{ line-height: 28px;}

.ds-item h5 b{ color:#da495e;}
.ds-none{ border-bottom: none;}
.detail-shop-intro h4{ font-size: 16px; font-weight: normal; border-bottom: 1px #eee solid; padding-bottom: 10px;}
.detail-shop-intro li{ border-bottom: 1px #eee solid; padding: 10px 0}
.detail-shop-intro li a{ display: block; position: relative; color:#333; font-size: 16px;}
.detail-shop-intro li a span{ position: absolute; right:0; top:0;}
.detail-shop-intro li a em{ position: absolute; left:58px; top:0; line-height: 48px; font-style: normal;}
.ds-item .ipt-input-txt{ width: 75%; border: none; height: 40px; line-height: 40px; background: #f1f1f1; display: inline-block; font-size: 16px;}

/*add 2019-03-28*/
.bank-pay{ padding: 10px 0;}
.bank-pay p{ margin-bottom: 10px;}
.bank-pay p em{ font-style: normal; color:#da495e; margin: 0 4px;}
.bank-pay p b{ color:#da495e; margin: 0 4px;}
.bank-pay p s{ color:#999;}
.bank-pay p.ipt-pay{height: 40px; line-height: normal; border:1px #ddd solid; border-radius: 3px;  }
.bank-pay p .ipt-txt{ height: 40px; line-height: normal;width: 90%;  border:none; margin: 0 10px;}
.bank-pay p.btn-pay a{  background: #ff4917; display: block; height: 40px; line-height: 40px; text-align: center; color:#fff; border-radius: 3px;}
.bank-pay p.btn-greypay a{  background: #e3e3e3; display: block; height: 40px; line-height: 40px; text-align: center; color:#fff; border-radius: 3px;}
.bank-pay p.txt-tip{ color:#999;}




