* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  font-family: 'Microsoft YaHei';
  text-align: center;
  margin: 0 auto;
  background-color: white;
}
select.bginput {
-webkit-appearance: none;
}
div {
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent; /* 防止ios 出现点击div 出现选中效果*/
}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.img-bg{
left:0%;
top:0%;
width:100%;
height:100%;
position:absolute;
}
.img-longbg{
left:0%;
top:0%;
width:100%;
height:auto;
position:absolute;
}
.img-fixedbg{
left:0%;
top:0%;
width:100%;
height:100%;
position:fixed;
}
.loadingCls { 
width: 100%;
height: 100%;
background-color: #fff;
color: red;
position: absolute; 
}
.loadingCls img {
left: 47%;
top: 47%;
width: 6%;
position: absolute;
}
.img{
top: 0%;
left: 0%;
position:absolute;
}
.page{
position:absolute;
text-align:center;
height:100%;width:100%;
}
.longpage{
position:absolute;
text-align:center;
height:auto;width:100%;
}
.fullwidth {
  width: 100%;
}

.fullheight {
  height: 100%;
}
.abs{
position:absolute;
}
.rel{
position:relative;
}
.fixed {
  position:fixed;
}
.hide {
  display:none;
}
.overflowhidden {
  overflow: hidden;
}
.left{
left:0;
}
.top{
top:0;
}
.right{
right:0;
}
.bottom{
bottom: 0;
}
.pointernone{
pointer-events: none;
}
.zmax{
z-index: 999;
}
.texttruncate {
  word-wrap: normal; /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*alert + confirm*/
#_alert_bg, #_confirm_bg, ._confirm_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0);
  z-index: 1001;
}

#_alert_content, #_confirm_content {
  width: 4.6rem; /*175*/
  border-radius: 4px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 0.35rem;
  position: relative;
  background-color: rgba(47,34,33,.9);
  display: none;
}

#_alert_content {
  padding: 0.2rem;
  top: 45%;
}
#_alert_content.android {
  padding: 0.2rem;
  top: 75%;
}

#_confirm_content {
padding: 0;
top: 40%;
}

#_confirm_content.android {
padding: 0;
top: 55%;
}

#_confirm_content > p {
    padding: 20px;
}

#_confirm_shadowA, #_confirm_shadowB, #_confirm_shadowC, #_confirm_shadowD {
display: block;
overflow: hidden;
}

#_confirm_shadowA, #_confirm_shadowB {
width: 100%;
height: 1px;
}

#_confirm_shadowC, #_confirm_shadowD {
width: 1px;
height: 95%;
float: left;
}

#_confirm_shadowA {
background: -webkit-gradient(linear, left top, right top, from(rgba(47,34,33,.1)), color-stop(0.35, #6e6262), color-stop(0.5, #6e6262), color-stop(0.65, #6e6262), to(rgba(47,34,33,.1)));
background: -webkit-linear-gradient(left, rgba(47,34,33,.1), #6e6262, #6e6262, #6e6262, rgba(47,34,33,.1));
background: -moz-linear-gradient(left, rgba(47,34,33,.1), #6e6262, #6e6262, #6e6262, rgba(47,34,33,.1));
background: -o-linear-gradient(left, rgba(47,34,33,.1), #6e6262, #6e6262, #6e6262, rgba(47,34,33,.1));
}

#_confirm_shadowB {
background: -webkit-gradient(linear, left top, right top, from(rgba(47,34,33,.1)), color-stop(0.35, #2f2121), color-stop(0.5, #2f2121), color-stop(0.65, #2f2121), to(rgba(47,34,33,.1)));
background: -webkit-linear-gradient(left, rgba(47,34,33,.1), #2f2121, #2f2121, #2f2121, rgba(47,34,33,.1));
background: -moz-linear-gradient(left, rgba(47,34,33,.1), #2f2121, #2f2121, #2f2121, rgba(47,34,33,.1));
background: -o-linear-gradient(left, rgba(47,34,33,.1), #2f2121, #2f2121, #2f2121, rgba(47,34,33,.1));
}

#_confirm_shadowC {
background: -webkit-gradient(linear,50% 0%,50% 100%,from(#6e6262),to(rgba(47,34,33,.1)));
background: -webkit-linear-gradient(90deg, rgba(47,34,33,.1), #6e6262);
background: -moz-linear-gradient(90deg, rgba(47,34,33,.1), #6e6262);
background: -o-linear-gradient(90deg, rgba(47,34,33,.1), #6e6262);
}

#_confirm_shadowD {
background: -webkit-gradient(linear,50% 0%,50% 100%,from(#2f2121),to(rgba(47,34,33,.1)));
background: -webkit-linear-gradient(90deg, rgba(47,34,33,.1), #2f2121);
background: -moz-linear-gradient(90deg, rgba(47,34,33,.1), #2f2121);
background: -o-linear-gradient(90deg, rgba(47,34,33,.1), #2f2121);
}

#_confirm_btnW {
width: 100%;
height: 60px;
line-height: 60px;
}

#_confirm_btnA, #_confirm_btnB {
width: 49%;
height: 100%;
font-size: 26px;
}

#_confirm_btnA {
float: left;
}

#_confirm_btnB {
float: right;
}
*{
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none; 
}
input,textarea {
-webkit-user-select:auto; /*webkit浏览器*/
margin: 0px;
padding: 0px;
outline: none; 
}
select{
direction: ltr;
}
select option{
direction: ltr;
}
.wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

.loading-ico{
width: 2rem;
height: 0.5rem;
transform: scale(.6);
}
.loading-ico span{
display: inline-block;
width: 0.08rem;
height: 100%;
border-radius: 0.02rem;
background: white;
-webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
0%,100%{
  height: 0.5rem;
}
50%{
  height: 0.8rem;
    margin: -0.2rem 0;
}
}
.loading-ico span:nth-child(2){
-webkit-animation-delay:0.2s;
}
.loading-ico span:nth-child(3){
-webkit-animation-delay:0.4s;
}
.loading-ico span:nth-child(4){
-webkit-animation-delay:0.6s;
}
.loading-ico span:nth-child(5){
-webkit-animation-delay:0.8s;
}

.close-ico-o {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(var(--ggs,1));
width: 22px;
height: 22px;
border: 2px solid;
border-radius: 40px
}
.close-ico-o::after,
.close-ico-o::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 12px;
height: 2px;
background: currentColor;
transform: rotate(45deg);
border-radius: 5px;
top: 8px;
left: 3px
}
.close-ico-o::after {
transform: rotate(-45deg)
}
.arrows-expand-left {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(var(--ggs,1));
width: 14px;
height: 14px;
box-shadow:
    6px 6px 0 -4px,
    -6px -6px 0 -4px
}
.arrows-expand-left::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 2px;
height: 22px;
top: -4px;
left: 6px;
transform: rotate(-45deg);
border-top: 9px solid;
border-bottom: 9px solid
}
.div-loading {
background-color: rgba(0, 0, 0, 0.4);
}
body, .loadingCls {
}
#div-loading, .mainbg {
    z-index: 1;
}
.loadfackbgcontrain{
  width:0;
}
.loadingdiv {
    background-color: rgba(0, 0, 0,.7);
    top: 0;
    left: 0;
    z-index: 2;
}
.graybg {
    background-color: rgba(0, 0, 0,.4);
}
.whitebg{
  background-color: while;
}
.blackbg{
  background-color: black;
}
.graycolor{
  color:gray;
}
.innerpage{
  left:0;top:0;
}
.toppage {
    z-index: 2;
    top: 0;
    position: fixed;
}
.page {
    overflow: hidden;
}
.white-bg {
background-color:white;
}
.black-bg {
background-color:black;
}
.img-center {
position: absolute;
top:50%;
left:50%;
}
.bgcenterimg {
  margin-left: -5rem;
  margin-top:-10.3667rem;
}
.loading-logo{
  float: left;
  width: 2.5%;
  margin-left: 5.65%;
  margin-top: 4.9%;
  opacity: 1;
}
.loading-light{
  animation: loading-light 2.8s  ease-in-out infinite;
}
.loading-light-delay-0{
  animation-delay: 0s;
}
.loading-light-delay-1{
  animation-delay: -.4s;
}
.loading-light-delay-2{
  animation-delay: -.8s;
}
.loading-light-delay-3{
  animation-delay: -1.2s;
}
.loading-light-delay-4{
  animation-delay: -1.6s;
}
.loading-light-delay-5{
  animation-delay: -2s;
}
.loading-light-delay-6{
  animation-delay: -2.4s;
}
.loading-star-bg{
  width:100%;
  position: absolute;
  left:0;
  top:0;
}
.loading-star-mask{
  position: absolute;
  top: 0;
  width: 50%;
  height:100%;
  overflow: hidden;
}
.loading-star-mask-left{
  left: 0;
/*			background-color: rgba(255, 0, 0, 0.2);*/
}
.loading-star-mask-right{
  right: 0;
/*			background-color: rgba(0, 255, 0, 0.2);*/
}
.loading-mask-left-img{
  position: absolute;
  height: 100%;
  left: 0;
  animation: leftToRight 2s linear infinite;
}
.loading-mask-right-img{
  position: absolute;
  height: 100%;
  right: 0;
  animation: rightToleft 2s linear infinite;
}

@keyframes leftToRight{
  0%{transform:translate(-100%);}
  100%{transform:translate(100%);}
}
@keyframes rightToleft{
  0%{transform:translate(100%);}
  100%{transform:translate(-100%);}
}

.loading-mask-delay-0{
  animation-delay: 0s;
}
.loading-mask-delay-1{
  animation-delay: -1s;
}
@keyframes loading-light{
  0%,100%{opacity: 0.3}
  40%,60%{opacity: 1}
}
.loadingbg {
    opacity: .3;
}
.opacity0 {
  opacity:0;
}
input::-webkit-input-placeholder {  	/* WebKit browsers */
  /* color: #9b5f16; */
}
input:-moz-placeholder {            	/* Mozilla Firefox 4 to 18 */
  /* color: #9b5f16; */
}
input::-moz-placeholder {           	/* Mozilla Firefox 19+ */
  /* color: #9b5f16; */
}
input:-ms-input-placeholder {       	/* Internet Explorer 10+ */
  /* color: #9b5f16; */
}
.imgloading{
  width: 8%;
  left: 46%;
}
select {
  direction: ltr;
}
select option {
  direction: ltr;
}
video{
  outline: none;
}
.blackbg{
  background-color: black;
}
.verticalscroll{
  overflow: hidden;
  overflow-y: auto;
}
.halfwidth{
  width:50%;
}
.floatleft{
  float:left;
}
.floatright{
  float:right;
}
.imgBgContain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.textcenter{
  text-align:center;
}
.textleft{
  text-align: left;
}
.textright{
  text-align: right;
}
.font0{
font-size:0px;
}
.fixed {
  position:fixed;
}
.overflowy{
  overflow-y:auto;
}
.textleft{
  text-align:left;
}
.textright{
  text-align:right;
}
.pt-page-btnpress{
-webkit-animation: btnpress .5s linear infinite;
animation: btnpress .5s linear infinite;
}
@-webkit-keyframes btnpress {
  0%,24%,76%,100% {
      opacity:1;
  }

  25%,75% {
      opacity:0;
  }
}
@keyframes btnpress {
0%,24%,76%,100% {
    opacity:1;
}

25%,75% {
    opacity:0;
}
}

.pt-page-carlight{
-webkit-animation: carlight 3s ease both;
animation: carlight 3s ease both;
}
@-webkit-keyframes carlight {
0%,20% {
    opacity:0;
}

10%,30%,100% {
    opacity:1;
}
}
@keyframes carlight {
0%,20% {
    opacity:0;
}

10%,30%,100% {
    opacity:1;
}
}

.pt-page-carlightlong{
-webkit-animation: carlightlong 4.5s ease both;
animation: carlightlong 4.5s ease both;
}
@-webkit-keyframes carlightlong {
0%,9%,18%,27%,36%,45%,54%,63%,72% {
    opacity:0;
}

4.5%,13.5%,22.5%,31.5%,40.5%,49.5%,58.5%,67.5%,100% {
    opacity:1;
}
}
@keyframes carlightlong {
0%,9%,18%,27%,36%,45%,54%,63%,72% {
    opacity:0;
}

4.5%,13.5%,22.5%,31.5%,40.5%,49.5%,58.5%,67.5%,100% {
    opacity:1;
}
}

.pt-page-shakehand {
-webkit-animation: shakehand .6s ease both;
animation: shakehand .6s ease both;
}

@-webkit-keyframes shakehand {
0%,50%,100% {
    -webkit-transform: rotate(0deg);
}

25%,75% {
    -webkit-transform: rotate(-5deg);
}
}

@keyframes shakehand {
0%,50%,100% {
    -webkit-transform: rotate(0deg);
}

25%,75% {
    -webkit-transform: rotate(-5deg);
}
}
.pt-page-fadein {
  -webkit-animation: fadein 1s ease both;
  animation: fadein 1s ease both;
}
.pt-page-fadeinslow {
  -webkit-animation: fadein 3.5s ease both;
  animation: fadein 3.5s ease both;
}
.pt-page-fadeinfast {
  -webkit-animation: fadein .17s ease both;
  animation: fadein .17s ease both;
}
.pt-page-fadeinfromleft {
  -webkit-animation: fadeinfromleft 1s ease both;
  animation: fadeinfromleft 1s ease both;
}
.pt-page-fadeinfromRight {
  -webkit-animation: fadeinfromRight 1s ease both;
  animation: fadeinfromRight 1s ease both;
}
.pt-page-fadeinfromBottom {
  -webkit-animation: fadeinfromBottom 1s ease both;
  animation: fadeinfromBottom 1s ease both;
}
.pt-page-fadeout {
  -webkit-animation: fadeout 1s ease both;
  animation: fadeout 1s ease both;
}
.pt-page-fadeoutfast {
  -webkit-animation: fadeout .17s ease both;
  animation: fadeout .17s ease both;
}
.pt-page-keypress {
  -webkit-animation: keypress .6s ease both;
  animation: keypress .6s ease both;
}
.pt-page-fadeup {
  -webkit-animation: fadeup 1s ease both;
  animation: fadeup 1s ease both;
}
@keyframes keypress {
  0%,100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  50% {
      -webkit-transform: scale(.9);
      transform: scale(.9);
  }
}

@-webkit-keyframes keypress {
  0%,100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  50% {
      -webkit-transform: scale(.9);
      transform: scale(.9);
  }
}

@-webkit-keyframes fadein {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@keyframes fadein {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@-webkit-keyframes fadeup {
  0% {
      opacity: 0;
      -webkit-transform: translateY(0);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(-2%);
  }
}

@keyframes fadeup {
0% {
    opacity: 0;
    -webkit-transform: translateY(0);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(-2%);
}
}

@-webkit-keyframes fadeinfromleft {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
  }
}

@keyframes fadeinfromleft {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes fadeinfromRight {
  0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
  }
}

@keyframes fadeinfromRight {
  0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes fadeinfromBottom {
  0% {
      opacity: 0;
      -webkit-transform: translateY(50%);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
  }
}

@keyframes fadeinfromBottom {
  0% {
      opacity: 0;
      -webkit-transform: translateY(50%);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
  }
}

@-webkit-keyframes fadeout {
  0% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}

@keyframes fadeout {
  0% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}
.pt-page-toSmall {
  -webkit-animation: toSmall 1.3s ease-in both;
  animation: toSmall 1.3s ease-in both;
}

@-webkit-keyframes toSmall {
0%{
  -webkit-transform: scale(2) translateY(0%);
  transform: scale(2) translateY(0%);
  opacity: 1;
}
25% {
  -webkit-transform: scale(1) translateY(-10%);
  transform: scale(1) translateY(-10%);
  opacity: 1;
}
100% {
  -webkit-transform: scale(1) translateY(-80%);
  transform: scale(1) translateY(-80%);
  opacity: 0;
}
}

@keyframes toSmall {
0%{
  -webkit-transform: scale(2) translateY(0%);
  transform: scale(2) translateY(0%);
  opacity: 1;
}
25% {
  -webkit-transform: scale(1) translateY(-10%);
  transform: scale(1) translateY(-10%);
  opacity: 1;
}
100% {
  -webkit-transform: scale(1) translateY(-80%);
  transform: scale(1) translateY(-80%);
  opacity: 0;
}
}
.pt-page-waterDrop {
-webkit-animation: waterDrop 1.5s linear both;
animation: waterDrop 1.5s linear both;
}

@-webkit-keyframes waterDrop {
0%,10%,100% {
    -webkit-transform: rotate(0deg);
}
15% {
    -webkit-transform: rotate(-10deg);
}
25% {
    -webkit-transform: rotate(10deg);
}
35% {
    -webkit-transform: rotate(-8deg);
}
45% {
    -webkit-transform: rotate(8deg);
}
55% {
    -webkit-transform: rotate(-6deg);
}
65% {
    -webkit-transform: rotate(6deg);
}
75% {
    -webkit-transform: rotate(-4deg);
}
85% {
    -webkit-transform: rotate(4deg);
}
95% {
    -webkit-transform: rotate(-2deg);
}
}
@keyframes waterDrop {
0%,10%,100% {
    -webkit-transform: rotate(0deg);
}
15% {
    -webkit-transform: rotate(-10deg);
}
25% {
    -webkit-transform: rotate(10deg);
}
35% {
    -webkit-transform: rotate(-8deg);
}
45% {
    -webkit-transform: rotate(8deg);
}
55% {
    -webkit-transform: rotate(-6deg);
}
65% {
    -webkit-transform: rotate(6deg);
}
75% {
    -webkit-transform: rotate(-4deg);
}
85% {
    -webkit-transform: rotate(4deg);
}
95% {
    -webkit-transform: rotate(-2deg);
}
}
.pt-page-moveFromLeft {
-webkit-animation: moveFromLeft 1s ease both;
animation: moveFromLeft 1s ease both;
}
@-webkit-keyframes moveFromLeft {
from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
.pt-page-moveFromRight {
-webkit-animation: moveFromRight 1s ease both;
animation: moveFromRight 1s ease both;
}
@-webkit-keyframes moveFromRight {
from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}
.pt-page-moveFromBottom {
  -webkit-animation: moveFromBottom 1s ease both;
  animation: moveFromBottom 1s ease both;
}

@-webkit-keyframes moveFromBottom {
  from {
      -webkit-transform: translateY(100%);
  }
}

@keyframes moveFromBottom {
  from {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
}

.pt-page-moveToBottom{
-webkit-animation: moveToBottom 4s linear infinite;
animation: moveToBottom 4s linear infinite;
}
@-webkit-keyframes moveToBottom {
  from { -webkit-transform: translateY(-100%); }
to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
  from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

.pt-page-flipInRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInRight 2.2s both ease-out;
  animation: flipInRight 2.2s both ease-out;
}
@-webkit-keyframes flipInRight {
  from {
    opacity:0;
      -webkit-transform: translateZ(-1000px) rotateY(360deg);
  }
}

@keyframes flipInRight {
  from {
    opacity:0;
      -webkit-transform: translateZ(-1000px) rotateY(360deg);
      transform: translateZ(-1000px) rotateY(360deg);
  }
}

.pt-page-circle0 {
  -webkit-animation: circle 1s linear infinite;
  animation: circle 1s linear infinite;
}
.pt-page-circle1 {
  -webkit-animation: circle 2s linear infinite;
  animation: circle 2s linear infinite;
}

.pt-page-circle2 {
  -webkit-animation: circle 3s linear infinite;
  animation: circle 3s linear infinite;
}

.pt-page-circle3 {
  -webkit-animation: circle 3.5s linear infinite;
  animation: circle 3.5s linear infinite;
}

@-webkit-keyframes circle {
  0% {
      -webkit-transform: rotate(0deg);
  }

  20%,100% {
      -webkit-transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
      -webkit-transform: rotate(0deg);
  }

  20%,100% {
      -webkit-transform: rotate(360deg);
  }
}

.pt-page-breath {
  -webkit-animation: breath 2s linear infinite;
  animation: breath 2s linear infinite;
}
.pt-page-breath1 {
  -webkit-animation: breath 1s linear infinite;
  animation: breath 1s linear infinite;
}
.pt-page-breath2 {
  -webkit-animation: breath 2.5s linear infinite;
  animation: breath 2.5s linear infinite;
}
.pt-page-breath3 {
  -webkit-animation: breath 3.3s linear infinite;
  animation: breath 3.3s linear infinite;
}
.pt-page-breath4 {
  -webkit-animation: breath 2.9s linear infinite;
  animation: breath 2.9s linear infinite;
}
.pt-page-breath5 {
  -webkit-animation: breath 4.1s linear infinite;
  animation: breath 4.1s linear infinite;
}
.pt-page-breath6 {
  -webkit-animation: breath 3.7s linear infinite;
  animation: breath 3.7s linear infinite;
}
.pt-page-breath7 {
  -webkit-animation: breath 2.7s linear infinite;
  animation: breath 2.7s linear infinite;
}
.pt-page-breath8 {
  -webkit-animation: breath 2.8s linear infinite;
  animation: breath 2.8s linear infinite;
}
.pt-page-breath9 {
  -webkit-animation: breath 1.9s linear infinite;
  animation: breath 1.9s linear infinite;
}
.pt-page-breath10 {
  -webkit-animation: breath 2.2s linear infinite;
  animation: breath 2.2s linear infinite;
}
.pt-page-breath11 {
  -webkit-animation: breath 3.5s linear infinite;
  animation: breath 3.5s linear infinite;
}
.pt-page-breath12 {
  -webkit-animation: breath 3.1s linear infinite;
  animation: breath 3.1s linear infinite;
}
.pt-page-breath13 {
  -webkit-animation: breath 2.4s linear infinite;
  animation: breath 2.4s linear infinite;
}

.pt-page-breath99 {
-webkit-animation: breath2 2s linear infinite;
animation: breath2 2s linear infinite;
}
.pt-page-breath100 {
-webkit-animation: breath3 1s linear infinite;
animation: breath3 1s linear infinite;
}
@-webkit-keyframes breath {
  0%,100% {
      opacity:0;
  }

  50% {
      opacity:1;
  }
}
@keyframes breath {
  0%,100% {
      opacity:0;
  }

  50% {
      opacity:1;
  }
}
@-webkit-keyframes breath2 {
0%,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
}
@keyframes breath2 {
0%,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

50% {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
}
@-webkit-keyframes breath3 {
0%,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
}
@keyframes breath3 {
0%,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

50% {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
}

.pt-page-wave {
  -webkit-animation: wave 2s ease-out infinite;
  animation: wave 2s ease-out infinite;
}
@-webkit-keyframes wave {
  0%,100% {
      -webkit-transform: translateY(0); transform: translateY(0);
  }

  50% {
      -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem);
  }
}
@keyframes wave {
  0%,100% {
      -webkit-transform: translateY(0); transform: translateY(0);
  }

  50% {
      -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem);
  }
}
.pt-page-waveleft {
  -webkit-animation: waveleft 2s ease-out infinite;
  animation: waveleft 2s ease-out infinite;
}
@-webkit-keyframes waveleft {
  0%,100% {
      -webkit-transform: translateX(0); transform: translateX(0);
  }

  50% {
      -webkit-transform: translateX(10px); transform: translateX(10px);
  }
}
@keyframes waveleft {
  0%,100% {
      -webkit-transform: translateX(0); transform: translateX(0);
  }

  50% {
      -webkit-transform: translateX(10px); transform: translateX(10px);
  }
}
.pt-page-waveright {
  -webkit-animation: waveright 2s ease-out infinite;
  animation: waveright 2s ease-out infinite;
}
@-webkit-keyframes waveright {
  0%,100% {
      -webkit-transform: translateX(0); transform: translateX(0);
  }

  50% {
      -webkit-transform: translateX(-10px); transform: translateX(-10px);
  }
}
@keyframes waveright {
  0%,100% {
      -webkit-transform: translateX(0); transform: translateX(0);
  }

  50% {
      -webkit-transform: translateX(-10px); transform: translateX(-10px);
  }
}

.pt-page-wavefinger {
  -webkit-animation: wavefinger 2s ease-out infinite;
  animation: wavefinger 2s ease-out infinite;
}
@keyframes wavefinger {
  0%,100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  50% {
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }
}

@-webkit-keyframes wavefinger {
  0%,100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  50% {
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }
}

.music_roll {
    -webkit-animation:2.5s linear music_kf 0s infinite;
}
@-webkit-keyframes music_kf {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}


.pt-page-shakefromleft {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation: shakelittle 2s linear infinite;
animation: shakelittle 2s linear infinite;
}

@-webkit-keyframes shakelittle {
0%,50%,100% {
    -webkit-transform: rotate(0deg);
}

25% {
    -webkit-transform: rotate(5deg);
}

75% {
    -webkit-transform: rotate(-5deg);
}
}

@keyframes shakelittle {
0%,50%,100% {
    -webkit-transform: rotate(0deg);
}

25% {
    -webkit-transform: rotate(5deg);
}

75% {
    -webkit-transform: rotate(-5deg);
}
}


.pt-page-shakephone {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation: shakephone 1s linear infinite;
animation: shakephone 1s linear infinite;
}

@-webkit-keyframes shakephone {
0%,50%,100% {
    -webkit-transform: rotate(0deg);
}

12.5% {
    -webkit-transform: rotate(5deg);
}

37.5% {
    -webkit-transform: rotate(-5deg);
}
}

@keyframes shakephone {
0%,50%,100% {
    -webkit-transform: rotate(0deg);
}

12.5% {
    -webkit-transform: rotate(5deg);
}

37.5% {
    -webkit-transform: rotate(-5deg);
}
}


.pt-page-flipInUp {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInUp 1s both ease-out;
  animation: flipInUp 1s both ease-out;
}
@-webkit-keyframes flipInUp {
  from {
    opacity:0;
      -webkit-transform: translateZ(-1000px) rotateX(360deg);
  }
  to {
    opacity:1;
      -webkit-transform: translateZ(0px) rotateX(0deg);
      transform: translateZ(0px) rotateX(0deg);
  }
}

@keyframes flipInUp {
  from {
    opacity:0;
      -webkit-transform: translateZ(-1000px) rotateX(360deg);
      transform: translateZ(-1000px) rotateX(360deg);
  }
  to {
    opacity:1;
      -webkit-transform: translateZ(0px) rotateX(0deg);
      transform: translateZ(0px) rotateX(0deg);
  }
}

.pt-page-rushinfromleft {
  -webkit-animation: rushinfromleft 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rushinfromleft 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes rushinfromleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale(0.2);
    transform: translateX(-100%) scale(0.2);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(3%) scale(1.15);
    transform: translateX(3%) scale(1.15);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
  }
}

@keyframes rushinfromleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale(0.2);
    transform: translateX(-100%) scale(0.2);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(3%) scale(1.15);
    transform: translateX(3%) scale(1.15);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
  }
}

.pt-page-rushinfromRight {
  -webkit-animation: rushinfromRight 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rushinfromRight 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes rushinfromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) scale(0.2);
    transform: translateX(100%) scale(0.2);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-3%) scale(1.15);
    transform: translateX(-3%) scale(1.15);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
  }
}

@keyframes rushinfromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) scale(0.2);
    transform: translateX(100%) scale(0.2);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-3%) scale(1.15);
    transform: translateX(-3%) scale(1.15);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
  }
}

.pt-page-btnfadein {
  -webkit-animation: btnfadein 1s ease both;
  animation: btnfadein 1s ease both;
}
@-webkit-keyframes btnfadein {
  0% {
      opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes btnfadein {
  0% {
      opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@font-face {
font-family: 'syhtbd';
src: url(./syhtbd.otf);
}
@font-face {
font-family: 'almmsh';
src: url(./almmsh.woff);
}

.pt-page-delay300 {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.pt-page-delay400 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.pt-page-delay500 {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.pt-page-delay600 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.pt-page-delay700 {
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
.pt-page-delay800 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.pt-page-delay900 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}
.pt-page-delay1000 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.pt-page-delay1100 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.pt-page-delay1200 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.pt-page-delay1300 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.pt-page-delay1400 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.pt-page-delay1500 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.pt-page-delay1600 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.pt-page-delay1800 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.pt-page-delay2000 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.pt-page-delay2200 {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.pt-page-delay2300 {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.pt-page-delay2500 {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.pt-page-delay2900 {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.pt-page-delay3000 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.pt-page-delay3100 {
-webkit-animation-delay: 3.1s;
animation-delay: 3.1s;
}
.pt-page-delay3500 {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.pt-page-delay3600 {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.pt-page-delay3900 {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.pt-page-delay4000 {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.pt-page-delay4300 {
-webkit-animation-delay: 4.3s;
animation-delay: 4.3s;
}
.pt-page-delay4500 {
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.pt-page-delay4700 {
-webkit-animation-delay: 4.7s;
animation-delay: 4.7s;
}
.pt-page-delay5000 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.pt-page-delay5500 {
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.pt-page-delay5700 {
-webkit-animation-delay: 5.7s;
animation-delay: 5.7s;
}
.pt-page-delay6300 {
-webkit-animation-delay: 6.3s;
animation-delay: 6.3s;
}
.pt-page-delay6400 {
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.pt-page-delay6500 {
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.pt-page-delay7000 {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.pt-page-delay7100 {
-webkit-animation-delay: 7.1s;
animation-delay: 7.1s;
}
.pt-page-delay7500 {
-webkit-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.pt-page-delay7800 {
-webkit-animation-delay: 7.8s;
animation-delay: 7.8s;
}
.pt-page-delay7900 {
-webkit-animation-delay: 7.9s;
animation-delay: 7.9s;
}
.pt-page-delay8000 {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.pt-page-delay8500 {
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.pt-page-delay8700 {
-webkit-animation-delay: 8.7s;
animation-delay: 8.7s;
}
.pt-page-delay9000 {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
.pt-page-delay9500 {
-webkit-animation-delay: 9.5s;
animation-delay: 9.5s;
}
.pt-page-delay10000 {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.pt-page-delay11500 {
-webkit-animation-delay: 11.5s;
animation-delay: 11.5s;
}