@import url('https://gcdn.vbegin.com.cn/stylesheet/reset/reset.min.css');
@import url('https://gcdn.vbegin.com.cn/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://gcdn.vbegin.com.cn/weui/1.1.2/weui.min.css');
@import url('https://gcdn.vbegin.com.cn/swiper/3.1.0/css/swiper.min.css');
@import url('animate.css');

html,body{position:relative;height:100%;}
body{ background-color: #eee;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0; width: 100%; height: 100%; }
textarea { font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000; }
a{ color: #000;}
a:hover{ color: #0a6bcc;}
.swiper-container{width:100%;height:100%;}
.swiper-wrapper{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.swiper-button-next.swiper-button-disabled .next-but-arraw{ display: none;}
.red{ color: #f00;}
.error-wrapper .error{ color: #000; font-size:12px; border:dotted 1px #d0d0d0; background-color: #f49d00; border-radius: 5px; padding: 3px 6px; }
.nodata{text-align: center; padding: 30px; font-size: 16px;}
.weui-prompt-input {padding: 6px 6px;border: 1px solid #ccc;box-sizing: border-box;height: 2em;width: 80%;margin-top: 10px;}
#qrcode img{ max-width: 100%;}
.clear{ clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.total { width:100%; max-width:600px; margin:auto; background-color: #fff; }
.total img { width:100%; }

.booking_tip p{ text-align: center; line-height: 44px; background: #eee; border: 1px solid #ddd; font-size: 16px; color: #333; margin: 10px auto 0 auto; border-radius: 5px; }
.booking_tip p a{ color: #f49d00;}
.main{ padding: 0;}
.main div.title{ font-size: 20px; text-align: center; background-color: #dddddd; line-height: 36px; border: solid 1px #d0d0d0; }
.content{ font-size: 14px; line-height: 120%; padding: 10px 0; text-align: justify;}
.tips { text-align: center; line-height: 36px; background: #eee; border: 1px solid #ddd; margin: 10px; margin-bottom: 0; }

.main_apply{ margin: 0 auto; width: 100%; padding: 5px; box-sizing: border-box;}
.main_apply table{ width: 100%;}
.main_apply table tr{}
.main_apply table tr td{ padding: 3px; vertical-align: middle; font-size: 14px;; position: relative;}
.main_apply table tr td h1.title{ font-size: 16px; padding-left:10px; margin-bottom:5px; font-weight: bold; height: 28px; line-height: 28px; border-bottom: 1px solid #eee; color: #0a6bcc;}
.main_apply table tr td.th{ text-align: right; min-height: 36px; line-height: 20px; width: 100px;}
.main_apply table tr td .input{width:80%;height: 34px;padding: 0 10px;border: 1px solid #ddd;border-radius: 5px; margin: 3px 0;}
.main_apply table tr td .input:focus{ border:1px solid #aaa;}
.main_apply table tr td .textarea{width:80%;height: 80px;padding: 10px; border: 1px solid #ddd;border-radius: 5px; margin: 3px 0;}
.main_apply table tr td .textarea:focus{ border:1px solid #aaa;}
.main_apply table tr td .input.w60{ width: 100px;}
.main_apply table tr td .button{ cursor: pointer; background: #0a6bcc;height: 40px;line-height: 40px;width: 110px;margin: 20px 0 0 0;display: inline-block;font-size: 16px; border: 0; color: #fff; border-radius: 5px;}
.main_apply table tr td .weui-select{ width: auto;border: 1px solid #ddd;border-radius: 5px;height: 36px; line-height: 36px; padding: 0 30px 0 10px; font-size: 14px; margin:3px 10px 3px 0; background: url(icon.gif) no-repeat right center;}
.main_apply table tr td label{ padding:3px 20px 3px 0; display: inline-block;}
.main_apply table tr td label .radio{ vertical-align: middle; margin-top: -3px; margin-right: 3px;}
.main_apply table tr td label .checkbox{ vertical-align: middle; margin-top: -3px; margin-right: 3px;}
.main_apply table tr td .tip{ color: #f00; font-size: 12px;}
.main_apply .step_tip{ text-align: center; padding: 20px 0;}
.main_apply .step_tip a{ color: #0a6bcc; text-decoration: underline;}

.main_apply table tr td .parsley-errors-list.filled{ font-size: 12px; color: #f00; line-height: 28px; display: inline-block; padding: 5px;}


/*底部按钮*/
.swiper-button-next.swiper-button-next01 {width: 32px; height: 47px; position: fixed; top: 98%; left: 48%; z-index: 500; border: 0; cursor:pointer; }
.next-but-arraw { width: 200px; height:14px; margin: 0 auto; animation: up-fade 1.5s ease 0s infinite; -moz-animation: up-fade 1.5s ease 0s infinite; -ms-animation: up-fade 1.5s ease 0s infinite; -o-animation: up-fade 1.5s ease 0s infinite; -webkit-animation: up-fade 1.5s ease 0s infinite;}

.wrapper{ height: 100%; margin: 0 auto; position: relative; box-sizing: border-box;}


.foot{ background: #333; padding: 10px; text-align: center; color: #fff; }
.foot_list{ display: inline-block; color: #fff; padding: 10px;}
.foot_list .title{ font-size: 16px; padding: 0 0 10px 0; font-weight: bold; }
.foot_list .title span{ width: 3px; height: 14px; background: #fff; display: block; float: left; margin: 5px 15px 0 0;}
.foot_list .text b {font-size: 14px;}
.foot_list .text{ float: left; line-height: 24px; font-size: 12px;}
.foot_list .text a{ color: #fff;}
.foot_list .text a:hover{ text-decoration: underline;}
.foot .right{ position: absolute; right: 100px; top: 50px;}
.foot .right div{ display: inline-block; width: 120px; font-size: 14px; text-align: center; color: #fff;}
.foot .right img{ height: 100px; margin-bottom: 10px;}

.swiper-wrapper .foot{ background: rgba(0, 0, 0, .8); position: absolute; left: 0; bottom: 0; z-index: 9;}