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; line-height: 1.5;}
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;}

.wrapper-box{max-width:640px;height:100%; margin: 0 auto; overflow: hidden; background:#ff8100;}
.detail-box{  position: relative; margin: 0 10px; padding-bottom: 5px; }
.detail-box h3{ font-size: 24px; font-weight: 500;color:#333;}

.header-part{ position: relative; margin: 0 -15px;}
.header-img{ max-width: 640px; height: inherit; overflow: hidden; margin-bottom: -10px;}
.header-img img{ width: 100%; height: 100%; object-fit: scale-down;}


.event-opera a{ background: #fe8100; border-radius: 22px; height: 44px; line-height: 44px; display: block;  text-align: center; color:#fff; font-size: 18px; box-shadow: 0px 4px 0px #444;width: 70%;margin: 10px auto;}
.ea-tit{ font-weight: bold; text-align: center; font-size: 18px; background: #fe8100; color:#fff; width: 80%; margin: 10px auto; border-radius: 20px; height: 40px; line-height: 40px; box-shadow: 0px 4px 0px #444;}

.event-item{ margin: 20px auto; height: 44px; line-height: 44px; background: #fff; border-radius: 8px;width:90%}
.event-item .ipt-txt{ width: 90%; font-size: 16px; margin-left: 10px; border:none; height: 40px; line-height: normal;}

.ea-box{ background: #fff9bb; border-radius: 4px; padding: 20px; margin: 20px 0;color: #fc8100;   font-size: 14px;   }
.ea-tit{ font-weight: bold; margin-bottom: 20px;margin-top:-10px ;text-align: center; font-size: 18px;}
.ea-item{ padding: 16px; border: 1px #f39c2b solid; margin-bottom: 15px; background: rgba(255,255,255,1);cursor: pointer;border-radius: 4px;  overflow: hidden;}
.ea-item.current{ border: 1px #f39c2b solid; background: url(/mobileWeb/images/whiteCardActive/label_ok.png) no-repeat right bottom rgba(255,255,255,1);}

.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:50%; left: 50%; width: 280px; height: 412px; margin-left: -140px; margin-top: -200px; overflow: hidden; /*background: #fff;*/ border-radius: 10px; z-index: 10;}
.tip-tit{ height: 60px; line-height: 60px; background: #ff8100; color:#fff; font-size: 20px; font-weight: bold; text-align: center; position: relative;}
.tip-txt{ background: #fff; padding: 30px; font-size: 18px; font-weight: bold; color:#ff8100;}
.tip-arc{ height: 22px;}
.tip-operate{ background: #fff; height: 160px; border-radius: 0 0 10px 10px; padding: 10px 40px; }
.tip-operate p{ text-align: center; color:#3c3d37; margin-bottom: 20px;}
.tip-operate p a.btn-tip{ background: #ff8100; height: 40px; line-height: 40px; color:#fff; display: block; border-radius: 20px; -webkit-box-shadow: 0 5px 20px -5px #3c3d37; box-shadow: 0 5px 20px -5px #3c3d37;}
.tip-operate p a{ color:#3c3d37;}
.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;} 

.xieyi{ margin: 20px 0; font-size: 13px;}
.xieyi span:nth-child(1){ float:left;}
.xieyi span:nth-child(2){ float:left; margin-top: -2px; margin-left: 6px; }
.xieyi a{ color:#333;}

.title-img{ margin:20px 0px; text-align: center;}
.title-img img{ width:100%;  height: 100%;object-fit: scale-down;}

/*add 2019-08-07*/
.intro-box{ padding: 20px 20px 20px 20px; background-color:#fff9bb;margin:0px 11px 0px 3px }
.intro-box h5{ color:#fd8203; font-size: 20px; text-align: center; margin-bottom: 15px; }
.intro-table{ border: 1px #ff7b19 solid; border-spacing: 0; border-collapse: collapse; margin-bottom: 15px; }
.intro-table td{ padding: 5px 8px; border-right: 1px #ff7b19 solid;border-bottom: 1px #ff7b19 solid; }
.ai-item{ margin-bottom: 10px; position: relative; padding: 0 0 0 70px;}
.ai-item label{ position: absolute; left: 0; top:0; width: 60px; line-height: 36px; font-size: 12px; }
.ai-item label span{ color:#FF060A; margin-left: 4px; }
.ai-con .ipt-txt{ height: 36px; line-height: normal; border: 1px #ddd8bb solid; background: #fff; width: 90%; padding: 0 5px; }
.ea-input{ margin-top: 20px; }
.xieyi span{ font-size: 14px; margin-right: 6px; float: left;}
.ai-tit{ font-weight: bold; text-align: center; font-size: 18px; background: #fe8100; color:#fff; width: 60%; margin: 10px auto; border-radius: 10px; height: 40px; line-height: 40px; margin-top: 30px;}
.event-two ul{ display: flex;}
.event-two li{flex: 1; margin: 0 10px;  }
.event-two li a{ display: block; background: #fe8100; border-radius: 22px; height: 44px; line-height: 44px;  text-align: center; color:#fff; font-size: 18px; box-shadow: 0px 4px 0px #444;}