@charset "utf-8";
@import "font-awesome.min.css";
@import "open-sans-font.css";
/* Global */
*{margin:0; padding:0;}
html{font-size:62.5%!important; -webkit-user-select: none!important; user-select: none!important;}
body, table, input, select, textare{font-size:1.2rem!important;}
html, body, form, .pageWrap{min-height:100%; height:100%;}
html, body, table, input[type=text], select, textarea{font-family:-apple-system, BlinkMacSystemFont, "Open Sans", Segoe UI, SegoeUI, "Helvetica Neue", "Helvetica", "Arial", sans-serif, monospace, "Microsoft YaHei", "微软雅黑"; font-size:12px; color:#555;}
body{background:#fff;}
input, button, select, textarea, a{outline:none;}

/**** 清除 Select 默认样式 ****/
/**** IE ****/
select::-ms-expand {display: none;}
/**** Firefox Chorme ****/
select {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; outline: none; background: url("arrow.png") no-repeat scroll right center transparent; padding-right: 20px!important; cursor:default;}/*** 箭头就用自己设计的箭头，padding 空出箭头的位置 ****/
/**** 清除 Select Option 默认样式 ****/
/**** IE ****/
option::-ms-expand {display: none;}
/**** Firefox Chorme ****/
option {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
option:hover {color: #fff; background: #4682b4;}

/**** 清除 Input 默认样式
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}/* 去掉 Chrome 黄底 */
input::-webkit-credentials-auto-fill-button, input::-webkit-credentials-autofill-button {display: none !important; visibility: hidden; pointer-events: none; right: 0; position: absolute; /*隐藏 Safari 中 input 标签的 autofill 图标, 避免占用 input 元素额外的 padding，正常情况下存在 display: none!; 就可以了 */}
::-webkit-input-placeholder {color:#ccc; /* WebKit browsers */}
::-moz-placeholder {color:#ccc; /* Mozilla Firefox */}
:-ms-input-placeholder {color:#ccc; /* Internet Explorer 10+ */}
input, button, select, textarea, a{outline:none;}

/* 修改iphone自带的按钮样式 */
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance: none;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em; } 
sup{top: -0.5em;}

li{list-style:none;}
img{border:0; max-width: 100%;}
.clearThis:after {display:block; height:0; content:"."; clear:both; visibility:hidden;}
.clear{clear:both;}
a{color:#008aff; cursor:pointer;}
a:hover{text-decoration:underline; color:#f60;}
.nowrap{white-space:nowrap!important; word-break:keep-all!important;}
input[type=text], input[type=password], input[type=date], select, textarea {border-top:1px #abadb3 solid; border-right:1px #d0d4db solid; border-bottom:1px #e3e9ef solid; border-left:1px #e2e3ea solid; box-sizing:border-box; background:#fff;}
textarea{min-height:80px;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, .error input[type=text]:focus, .error input[type=password]:focus, .error textarea:focus, .error select:focus{border:1px #7fbef9 solid!important; background:#fff!important; box-shadow:0 0 5px rgba(127,190,249,0.5) inset;}
input[type=text], input[type=password], select{height:26px; color:#555;}
input[type=checkbox], input[type=radio]{vertical-align:middle;}
input[type=checkbox] + label, input[type=radio] + label{margin-right:15px; margin-left:5px; vertical-align:middle;}
input[type=checkbox] + label:last-child, input[type=radio] + label:last-child{margin-right:5px;}
.error input[type=text], .error input[type=password], .error input[type=date], .error select, input[type=text].error, input[type=password].error, input[type=date].error, select.error{border:1px #f55a5a solid!important; box-shadow:0 0 5px rgba(245,90,90,0.5) inset;}
.red{color:#f00;}
.red-star{font-family:"宋体"; color:#f00; font-weight:normal;}
.pageWrap{background:#fff;}
.pageWrap-gray{background:#f8f8f8;}

/* Header */
#header{height:auto;}
.banner, .banner-640{display:block; width:100%;}
#navHorizontal{height:auto; min-height:2px; max-height:30px; background:#256999; color:#fff; font-size:14px;}

/* Footer */
.footer{z-index: 999; height: 50px; line-height:1; background: #f7f7fa; border-top:1px #ddd solid; display: flex; justify-content: space-around; align-content: center; align-items: center; position: fixed; left:0; right:0; bottom:0;}
.footer > a{flex: 0 0 50%; font-size: 1.6rem; color:#fff; height:100%; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); display:flex; justify-content:center; align-items:center; color:#333;}
.footer > a:hover, .footer > a:active{text-decoration:none; background-color:#fff; color:#f04;}
.footer > a:last-child::after, .footer > a:first-child::before{display: none;}
.footer .icon{width: 16px; height:16px; vertical-align:middle; margin-right: 8px;}
.footer .icon img, .footer .icon svg{display: block; width: 100%; height:100%;}
.ticket .footer > a{flex:1 0 33.33333%;}
.footer > #retrieveQRcode{display:none;}
.ticket .footer > #retrieveQRcode{display:flex;}


/* Main */
.s-section{margin-bottom:20px;}
.s-section:last-child{margin-bottom:0;}
.s-section .item-hd-label{text-align:left; font-size:2rem; color:#333;}
.s-section .weui-form-preview__hd:after{left:0;}
.s-section .weui-form-preview__value{color:#666;}
.msg-page .qr-code{width:50%; margin:30px auto; padding:10px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15);}
.msg-page .qr-code img{display:block; width:100%; height:auto;}
.e-ticket {margin:15px auto; background: #011e60 url("../images/eticket/ticket-bg.jpg") bottom no-repeat; background-size:100% auto;}
.e-ticket-content{padding:0 20px 30px;}
.e-ticket-content .ticket-note{color:#fff; font-size:14px; line-height:2em; text-decoration:underline; text-decoration-style:dashed; text-underline-offset:25%; text-decoration-color:rgba(255,255,255,0.65); text-align:center;}

.weui-form-preview__ft .weui-form-preview__btn-disabled{color:#ddd; cursor: default; text-decoration:none;}

/* 135、秀米初始化 */
section p{font-size:inherit!important; font-weight:inherit!important; line-height:inherit!important; color:inherit!important; text-align:inherit!important;} 

@media (min-width:480px) {
    .footer{width:auto; max-width:750px; left:calc((100% - 750px)/2);}
    .msg-page .qr-code{padding:15px;}
}
@media screen and (max-width:750px) and (orientation: portrait){
    .footer > a{display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:10px;}
    .footer > a{display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:10px;}
    .footer > a .icon{margin:0; width:20px; height:20px; margin-right: 0; margin-bottom:6px;}
}
#icon-container, .icon-container{width:0; height:0; position:absolute; top:-100vh; left:-100vw; display:none;}