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;}


.wrapper-box{max-width:640px;height:100%; margin: 0 auto; overflow: hidden; background-image: linear-gradient(to top, #ffffff 0%, #fff0dd 100%);}
.detail-box{  position: relative; background: #fff; margin: 0 10px;}
.detail-box h3{ font-size: 24px; font-weight: 500;color:#333;}

.header-part{ position: relative; margin: 0 -10px;}
.header-img{ max-width: 640px; height: inherit; overflow: hidden;}
.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; }

.shop-box{ margin-top: 20px;}
.shop-list-icbc{ margin:0 10px; border: 8px #e3003e solid; border-radius: 10px; position: relative; background: #fff6eb; }
.shop-title{ background: url(../images/shop-title.png) no-repeat; background-size: 180px 36px; width: 180px; margin: 0 auto; margin-bottom: -3px; height:36px; overflow: hidden;  }
.shop-list-icbc ul{ display: -moz-box;display: -webkit-box;display: box; padding: 10px; margin-bottom: 5px;}
.shop-list-icbc ul li{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; width: 33.333%; padding:20px 10px; text-align: center; border:1px #e85b5c solid; border-radius: 6px; margin-right: 10px; background: #fff; box-shadow: 0 10px 0 #f8bc7c;}
.shop-list-icbc ul li:last-child{ margin-right: 0;}
.shop-list-icbc ul li h5{ margin-bottom: 10px; font-size: 14px; color: #666;}
.shop-list-icbc ul li p b{ font-family: "微软雅黑"; background:#b6b6b6; color: #fff; font-size: 14px; padding: 2px 10px; border-radius: 20px; font-weight: normal;}
.shop-list-icbc ul li.selected h5{ color:#333;}
.shop-list-icbc ul li.selected p b{ background:#c51721; }

.shop-buy{ width: 200px; margin: 20px auto; text-align: center; /*height: 53px;*/ overflow: hidden; }
.shop-buy a{ display:inline-block; }
.shop-buy img{ width: 100%; height: 100%; object-fit: scale-down;  }
.shop-tip{ margin: 20px; max-width: 640px; height: inherit; overflow: hidden;}
.shop-tip img{width: 100%; height: 100%; object-fit: scale-down;  }

.bottom{ max-width: 640px; height: inherit; overflow: hidden; text-align: center; margin: 0 -10px; }
.bottom img{  width: 100%; height: 100%; object-fit: scale-down; margin-bottom: -3px;}

.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;}
.pay-title{  background: url(../images/pay-title.png) no-repeat; background-size: 228px 30px; width: 228px; margin: 0 auto; margin-bottom: -3px; height:30px; overflow: hidden; }
.pay-info{ margin: 20px;}
.pay-ipt{ border: 1px #e3003e solid; background: #fff; padding: 6px 10px; height: 36px; line-height: 36px; margin-bottom: 16px; border-radius: 2px;  }
.pay-ipt .ipt-txt{ border:none; background:none; font-size: 16px;  width: 100%; text-align: center;}
.shop-info{  border: 1px #999 solid; background: #fff; margin: 20px; padding: 20px 40px; }
.shop-info p{ line-height: 30px; color:#e3003e; font-size: 16px;}
.shop-info p b{ color:#333; }
.shop-info p em{ font-family: "微软雅黑"; font-style: normal; font-weight: bold; }
.bg-white{ background: none;}
.pay-tip{ text-align: center; padding-top: 40px; margin: 0 40px;}
.pay-tip h6{ margin: 20px 0; font-size: 20px; font-weight: normal;}
.pay-tip p { line-height: 30px;}
.pay-tip p a{ margin: 0 6px; color:#7a171c; font-weight: bold;}
.layer-bg{ position: fixed; top:0; bottom:0; left: 0; right:0; background: rgba(0,0,0,0.8);z-index: 1000;}
.serial-box{ position: absolute; top:0; left: 50%; overflow: hidden; z-index: 1001; width: 297px; margin-left: -150px; height:605px; text-align: center; }
.serial-box img{ width: 100%; height: 100%; object-fit: scale-down;}
.serial-number{ position: absolute; top:320px; left: 50%; width:250px; margin-left: -125px;  }
.number{ position: absolute; left: 20px; right:20px; top:8px; z-index: 1002; color: #fff; }
.close-layer{ position: absolute; right:50px; top:40px; width: 24px; height: 24px; z-index: 1008; overflow: hidden; display: block;}
.close-layer a{ width: 24px; height: 24px; display: block; }
.close-layer img{ width: 100%; height: 100%; object-fit: scale-down;}