/* CSS Document */
* {margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 12px; }
body { font: 1rem 'Arail', 'Microsoft Yahei'; color: #302724; -webkit-text-size-adjust: none; min-width: 320px; }
body { position: relative;background: #111; }
@media screen and (min-width: 360px) and (max-width: 374px) { html {font-size: 16px; } }
@media screen and (min-width: 375px) and (max-width: 479px) {html {font-size: 18px; } }
@media screen and (min-width: 480px) and (max-width: 539px) {html {font-size: 20px; } }
@media screen and (min-width: 540px) and (max-width: 639px) {html {font-size: 24px; } }
@media screen and (min-width: 640px) {html { font-size: 28px; } }
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
ul,ol { list-style: none; }
a {text-decoration: none; color: #333;}
a:hover,a:active,a:focus { color: #fff; text-decoration: none; }
input,select,textarea { outline: none; }
img {vertical-align: top; border: 0;-ms-interpolation-mode: bicubic; width: 100%; }
input,select { -webkit-appearance: none; border-radius: 0; }
.break { word-break: break-all; word-wrap: break-word; }
header,footer,article,section,nav,menu,hgroup {display: block;clear: all; }
.fix {zoom: 1; }
.fix:before,
.fix:after { content: ''; display: table; }
.fix:after { clear: both; }
.fp-tableCell { width: 100%; }

/*loader*/
.loaded { position: fixed; width: 100%; height: 100%; background: #c6c6c6; z-index: 999; }
.loaded .loader { width: 38%; position: absolute; left: 31%; top: 36%; }
.loaded img { width: 100%; }

.btn-box { width: 100%; font-size: 0; text-align: center; padding-bottom:3rem;}
.btn-box a { display:inline-block; width:35%; height:2.2rem; line-height: 2.2rem; font-size:1rem; border-radius:0.4rem;}
.btn-box a.btn1{margin-right:8%; background-color: #fff; color:#af3b1e;}
.btn-box a.btn2{color:#fff; background-color: #af3b1e; }

.page-box {max-width: 640px; margin: 0 auto; background:#f4b349 url(../images/body_bg.jpg) no-repeat center bottom; background-size:100% auto; overflow:hidden; padding-bottom:8%;}
.page1,.page3 { position: relative;}
.page1 .tel { width: 36%; height:auto; font-size:1rem; color:#000; font-weight:bold; position: absolute; top:3%; right:4.8%; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 3s; -webkit-animation-duration: 3s; text-align: right;}
.page-box .con { text-indent:-9999px; height: 0; line-height: 0; overflow: hidden;}

.form-con{ width:92%; background-image:linear-gradient(to bottom,#f6b23e,#face52); background-image:-webkit-linear-gradient(to bottom,#f6b23e,#face52); border-radius:0.6rem; margin:-20% auto 0; padding-bottom:1.2rem; box-shadow:0 0.2rem 0.6rem 0 #e5a33c; position: relative; z-index:1;}
.form-con .form-tit{font-size:1.2rem; color:#fff; padding:1.2rem 0; text-align: center; text-shadow: 1px 2px 0 #cb5d10;}
.form-box{padding:0 5%;}
.form-box p{ margin-bottom:1rem; overflow:hidden; zoom:1;}
.form-box p label{ width: 26%; float:left; line-height:2.2rem; font-size:0.85rem; color:#fff; text-align: right; margin-right:4%;}
.form-box p label.ls { letter-spacing: 0px}
.form-box p input.dfv{ width:67%; float:left; line-height:2.2rem; font-size:0.85rem; color:#000; box-sizing: border-box; border:0; outline: none; background-color: #fff; border-radius:0.4rem; padding-left:4%;}
.form-box p input.dfv::-webkit-input-placeholder { color:#707070;}
.btn-code {width:30%; height:2.2rem; display: block;  background-color:#127aef; font-size:0.85rem; color:#fff; line-height:2.5rem; text-align: center;
	outline:none; border:none; border-radius:0.4rem;}
#input_smssend:disabled {background: #ccc;}
#input_smssend2:disabled {background: #ccc;}
.btn-submit{ width:36%; height:2.2rem; line-height: 2.2rem; display: block; font-size:1rem; color:#fff; text-align: center; outline:none; border:none;
 background:#af3b1e; border-radius:0.4rem; margin:8% 0 0 30%;}
.btn-submit:disabled { background:#999;}
/*.booking-btn { display: block; width: 100%; height: 4rem; position: absolute; top:48%; text-indent: -9999px;}*/
.form-box p input.phone-code { width: 36%; padding-left:3%; margin-right: 3%;}
.form-box p .btn-code { width: 28%; height: 2.2rem; line-height: 2.2rem; display: block; background-color: #af3b1e; font-size: 0.85rem; color: #fff; text-align: center; outline: none; border: none; border-radius: 0.4rem; float:left;}
.page2{ background-color:#f3c220; padding-bottom:10%;}
.page3 .btn-box{ position:absolute; left:0; top:76%;}

.page4 .btn-box{ position:absolute; left:0; top:83.2%;}
.page5{ background-image:linear-gradient(to bottom,#f3c220,#f0af22); background-image:-webkit-linear-gradient(to bottom,#f3c220,#f0af22); padding-bottom:10%;}

.copyright1{width:100%; height: auto; padding:0 3% 4%; font-size: 0.65rem; line-height:0.8rem; color: #fff; text-align: center; font-weight:bold; text-shadow: 1px 2px 3px #df963a; background-color: #f0af22;}
.copyright2 { width: 86%; margin:0 auto; height: auto; padding: 6% 0; font-size: 0.75rem; line-height: 1.6; color: #fff; text-align: center; border-top:1px solid #f6c66d;}
.tc-box { width:78%; height: auto; position: fixed; top:25%; left:11%; z-index: 1000;}
.tc-box img.tc-bg {width: 100%; display: block;}
.tc-box img.tc-dot {width: 8%; display: block; position: absolute; bottom:27%; right:14%;}
input:-internal-autofill-selected{background-color:transparent;}

@-webkit-keyframes flash {
  0%,100%,50% { opacity: 1; }
  25%,75% {opacity: 0; } 
}

@keyframes flash {
  0%,100%,50% {opacity: 1; }
  25%,75% { opacity: 0; } 
}

.flash { -webkit-animation-name: flash; animation-name: flash }