*{ 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: 12px;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;}


.temp-wrapper-box{max-width:640px;height:100%; margin: 0 auto; overflow: hidden; background:#f8c188;}
.temp-detail-box{  position: relative; background: #fffef0; margin: 0 10px; padding-bottom: 0.1px; border-radius: 10px; }
.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{ margin: 15px 10px 15px; background: #e43431; border-radius:10px; font-size: 14px; }
.temp-time-two{ padding: 15px 30px;}
.temp-time p{ color: #fff; text-align: center;}

.temp-title{ border: 1px #f4d3aa solid; border-radius: 10px; background: #fdfbe4; font-size: 16px; margin: 10px 10px 15px; padding: 16px; }
.temp-title h4{ color:#d8311a; font-size: 18px; margin-bottom: 10px; text-align: center;}

.temp-intro{background: #fffffc; border: 1px #f4d3aa solid; border-radius: 10px; margin: 10px; padding: 16px;}
.temp-intro p{ line-height: 28px; font-size: 14px;}
.temp-intro h5{ background: #ea5752; color:#fff; margin:0 auto 10px; border-radius: 50px; width: 120px; text-align: center; font-size: 16px; padding: 10px 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: #f8c188; padding: 16px 0;}
.temp-bottom-logo img{  width: 100%; height: 100%; object-fit:contain;}
.temp-bottom-logo p{ text-align: center;}

.temp-wrapper-detail{max-width:640px;height:100%; margin: 0 auto; overflow: hidden; background:#ffff;}

.detail-shop-info{ border-bottom: 10px #efefef solid;}
.detail-shop-info .ds-item:last-child,.detail-shop-info .ds-item:first-child{ border-bottom: none;}
.ds-item{margin: 0 16px; padding: 15px 0; border-bottom: 2px #e43431 solid; position: relative;}
.ds-item h5{ font-size: 22px; color:#e43431;}
.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;}
.btn-buy-ticket{  background:#e60a38; color:#fff; display: block; border-radius: 20px; font-size: 16px; margin: 10px 0; padding: 10px 0; text-align: center;-webkit-box-shadow: 0 5px 20px -5px #e43431; box-shadow: 0 5px 20px -5px #e43431;}
.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: block; border-radius: 20px; font-size: 16px;  margin: 10px 0; padding: 10px 0; text-align: center;}

.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-txt{ width: 100%; border: none; height: 20px; line-height: 20px; display: inline-block; font-size: 16px;}

.sub-menu{ margin: 0 10px 15px;}
.sub-menu ul{ display: -moz-box; display: -webkit-box; display: box }
.sub-menu li{  -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; margin-right:10px; text-align: center; background: #fddc95; border-radius: 4px;}
.sub-menu li:last-child{ margin-right: 0;}
.sub-menu li a{ position: relative; display: block; padding: 10px 0; color:#fff; font-weight: bold; }
.sub-menu li a span{ position: absolute; bottom:-6px; right: 0; overflow: hidden;}
.sub-menu li span img{ width: 100%; height: 100%; object-fit: scale-down;}

.temp-ticket{ border: 1px #f4d3aa solid; margin: 10px 10px 15px; border-radius: 10px; background: #fdfbe4; overflow: hidden;}
.tt-tit{ background:#e43431; color:#fff; height: 40px; line-height: 40px; text-align: center; font-size: 18px;}
.tt-box{ margin: 15px 10px 15px 10px;}
.tt-item{ margin-bottom: 15px; padding: 0 55px 0 60px; height: 100px; /* margin-left: 7px;  */position: relative; background: url(../../images/receiveCardActive/item-bg.png) repeat-x left bottom #fff; }
.tt-box .tt-item:last-child{ margin-bottom: 0;}
.boeder-left{ position: absolute; left: -7px; bottom: 0; background: url(../images/border-pic.png) no-repeat bottom; overflow: hidden; width: 7px; height: 100px; }
.ticket-photo{position: absolute;left: 7px;top: 42%;width: 60px;height: 60px;overflow: hidden;margin: 0px;margin-top: -25px;margin-bottom: 10px; z-index:1}
.ticket-photo img{ width: 100%; height: 100%; object-fit: scale-down;}
.ticket-info{ padding-left: 20px;margin:10px 0px 10px 10px}
.ticket-info h5{ color:#d8311a; font-size: 16px; padding-top:5px;}
.ticket-info p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 12px; line-height: 1.5;}
.ticket-info p a{color:#e60012;}
.ticket-info p.ruler{  margin-top: 5px; padding-top: 5px; border-top:1px #e60012 dashed;}
.ticket-buy{ position: absolute; right:0; top:0; bottom:0; background: #ea5514; width: 42px;}
.ticket-buy a{ display: block; position: relative; color:#fff;}
.ticket-buy a span{ position: absolute; top:0; left: 0;}
.ticket-buy a span img{ width: 100%; height: 100%; object-fit:cover;}
.ticket-buy a em{ position: absolute; top:15px; left: 50%; width: 12px; margin-left: -6px; font-style: normal; font-size: 12px;font-weight:bold;}
.arc-bg{ position: absolute; left: 65px; top:0; bottom: 0; width: 17px;}
.ds-item .ipt-50p{ width: 50%;}
.code-box{ position: absolute; right:0; top:8px;}
.code-box a{ display: block; background: #e43431; color:#fff; border-radius: 4px; height: 35px; line-height: 35px; padding: 0 15px;}
.code-box a.disabled{ background:#a0a0a0;  color:#fff;}
	
.ticket-layer{ display: none;}
.mask{ position: fixed; top:0; bottom:0; left: 0; right:0; background: rgba(0,0,0,0.5); z-index: 9;}
.ticket-tip{ position: fixed;   top:18%;   left: 50%; width: 280px; height: 412px; margin-left: -140px; /* margin-top: -200px;  */overflow: hidden; /*background: #fff;*/ border-radius: 10px; z-index: 9999;}
.tip-tit{ height: 60px; line-height: 60px; background: #ea5514; color:#fff; font-size: 20px; font-weight: bold; text-align: center;}
.tip-txt{ background: #fff; padding: 30px; font-size: 18px; font-weight: bold; color:#e43431;}
.tip-arc{ height: 22px;}
.tip-operate{ background: #fff; height: 220px; border-radius: 0 0 10px 10px; padding: 10px 40px; }
.tip-operate p{ text-align: center; color:#e43431; margin-bottom: 20px;}
.tip-operate p a.btn-tip{ background: #e43431; height: 40px; line-height: 40px; color:#fff; display: block; border-radius: 20px; -webkit-box-shadow: 0 5px 20px -5px #e43431; box-shadow: 0 5px 20px -5px #e43431;}
.tip-operate p a{ color:#e43431;}


.close-layer-ticket{ position: absolute; right:0px; top:0; width:50px; height: 60px; line-height: 60px; text-align: center;font-weight: normal; font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana;}
.close-layer-ticket a{ display: block; color: #fff; } 


.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;} 
.my-gif-ctive{ position: fixed; bottom:140px; right:0;padding: 10px 10px; z-index: 999; }
.my-gif-ctive a{ color: #fff;}