@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html {font-size:12px}
body{font:1rem 'Arail','Microsoft Yahei';color:#414141;-webkit-text-size-adjust:none;min-width:320px;}
body{ position:relative; background:#002648;}
@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%;font-weight:normal}
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-color:#efefef;z-index:999;}
.loaded .loader{width:38%;position:absolute;left:31%;top:36%;}
.loaded img{width:100%;}
.section{max-width:640px;margin:0 auto; overflow:hidden}
.section img { display:block; width:100%;}

/*page_01*/
#section1{width:100%;background:#002648 url(../images/p1_bg.jpg) no-repeat center top; background-size:100% auto;position:relative}
#section1 a.tel{position:absolute;right:8%;top:3%;display:block;font-family:"微软雅黑";font-size:0.85rem;color:#fff;padding-left:1.5rem;background:url(../images/tel.png) no-repeat left center;background-size:auto 100%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-duration:3s;-webkit-animation-duration:3s;}

.form-con {width:82%; position:absolute; top:34%; left:9%; padding:3% 0;}
.form-con p {width:100%; margin-bottom:8%; font-size:0.85rem; overflow:hidden; zoom:1;}
.form-con p label{font-size:0.875rem;color:#fff;font-family:"微软雅黑";border:none;line-height:1.8rem; padding-left:3%; display:block; float:left; width:42%; text-align:right}
.form-con p label i { color:#ff1800}
.form-con p input.dfv{background:#fff;font-family:"微软雅黑";width:46%;border:none;float:right;height:2.2rem;line-height:2.2rem; padding:0 3%; font-size:0.85rem; color:#333; border-radius:5px;}
.form-con p select{font-family:"微软雅黑";border:0;background:#fff url(../images/select_arrow.png) right center no-repeat;background-size:1.5rem 0.5rem;width:52%;border:none;float:right;height:2.2rem;line-height:2.2rem; font-size:0.85rem; color:#333; padding:0 3%; border-radius:5px;}
#btn_submit {border:0;width:50%; height:2.4rem;line-height:2.4rem; font-size:0.85rem; background:#15b8ff; background-size:100% auto; display:block;margin:0 auto; color:#fff;border-radius:5px;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-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
}


@-webkit-keyframes flipInY {
  from {
    -webkit-transform:perspective(2000px)  rotateY(-90deg);
    transform:perspective(2000px)  rotateY(-90deg);
   
  }

  to {
    -webkit-transform:perspective(2000px) rotateY(0deg);
    transform:perspective(2000px)  rotateY(0deg);
	-webkit-transform: scale(1.7) translate3d(-62%, 7%, 0);
    transform: scale(1.7) translate3d(-62%, 7%, 0);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform:perspective(2000px)  rotateY(-90deg);
    transform:perspective(2000px)  rotateY(-90deg);
  }

  to {
    -webkit-transform:perspective(2000px) rotateY(0deg);
    transform:perspective(2000px)  rotateY(0deg);
	-webkit-transform: scale(1.7) translate3d(-62%, 7%, 0);
    transform: scale(1.7) translate3d(-62%, 7%, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  from {
	  opacity:1;
  }

  to {
	opacity:0.5;
    -webkit-transform:scale(1.1) translate3d(21%, 0, 0);
    transform: scale(1.1) translate3d(21%, 0, 0);
	
  }
}

@keyframes fadeOutRight {
  from {
	  opacity:1;
  }

  to {
	  opacity:0.5;
    -webkit-transform:scale(1.1) translate3d(21%, 0, 0);
    transform:scale(1.1) translate3d(21%, 0, 0);
  }
}

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


.ticket-sub.flipInY{ /*animation-delay:5s; -webkitanimation-delay:5s;*/ -webkit-animation-duration: 0.5s; animation-duration: 0.5s}
.ticket-sub.fadeOutRight{ animation-delay:0.3s; -webkitanimation-delay:0.3s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s}