.bginput {
  border: 0;
  color: white;
  font-size: 3.5vw;
  background-color: rgba(1, 1, 1, 0);
  width: 100%;
  text-align: left;
  line-height: inherit;
  height: inherit;
  position: absolute;
  left: 0vw;
  top: 0vw;
}
input::-webkit-input-placeholder {  	/* WebKit browsers */
  color: white;
}
input:-moz-placeholder {            	/* Mozilla Firefox 4 to 18 */
  color: white;
}
input::-moz-placeholder {           	/* Mozilla Firefox 19+ */
  color: white;
}
input:-ms-input-placeholder {       	/* Internet Explorer 10+ */
  color: white;
}
.div1-btn{
  width: 42vw;
  height: 11vw;
  margin-left: -21vw;
  margin-top: 28vw;
}
.div1-rule{
  width: 22vw;
  height: 11vw;
  margin-left: 5vw;
  margin-top: 60vw;
}
.div1-myreward{
  width: 22vw;
  height: 11vw;
  margin-left: -26vw;
  margin-top: 60vw;
}
.div1-private{
  width: 30vw;
  height: 9vw;
  margin-left: -15vw;
  margin-top: 72vw;
}
.div2-btnstart{
  width: 30vw;
  height: 11vw;
  margin-left: -31vw;
  margin-top: 43vw;
}
.div2-btnar{
  width: 30vw;
  height: 11vw;
  margin-left: 1vw;
  margin-top: 43vw;
}
.img2-back{
  width: 19vw;
  margin-left: -48vw;
  margin-top: auto;
  top: 8vw;
}
.musicico.img2{
  top: 8.8vw;
}
.div3-point img{
  /* max-width: 15vw;
  max-height: 15vw; */
}
.div3-panel{
  top: -18vw;
}
.div3-btngetticket{
  width: 44vw;
  height: 11vw;
  margin-left: -22vw;
  margin-top: 22vw;
}
.div3-time{
  left: 30vw;
  top: 27.5vw;
  width: 15vw;
  height: 4vw;
  line-height: 4vw;
  font-size: 3vw;
  color: #504025;
}
.div3-score{
  left: 59vw;
  top: 27.5vw;
  width: 15vw;
  height: 4vw;
  line-height: 4vw;
  font-size: 3vw;
  color: #504025;
}
.div3-arbtn{
  width: 44vw;
  height: 11vw;
  margin-left: -22vw;
  margin-top: 19vw;
}
.div3-arclose{
  width: 10vw;
  height: 10vw;
  margin-left: -5vw;
  margin-top: 52vw;
}
.div3-successbtn {
  width: 44vw;
  height: 11vw;
  margin-left: -22vw;
  margin-top: 33vw;
}
.div3-successclose {
  width: 10vw;
  height: 10vw;
  margin-left: -5vw;
  margin-top: 63vw;
}
.div3-maskbtn{
  width: 44vw;
  height: 11vw;
  margin-left: -22vw;
  margin-top: 20.7vw;
}
.div3-maskclose{
  width: 10vw;
  height: 10vw;
  margin-left: -5vw;
  margin-top: 50vw;
}
.div3-firstssuccess{
  width: 44vw;
  height: 11vw;
  margin-left: -22vw;
  margin-top: 11vw;
}
.img3-bottomtip{
  margin-top: -20vw;
}
.img3-share{
  margin-top: auto;
  top: -20vw;
}
.div4-necklace{
  width: 30vw;
  height: 30vw;
  margin-left: -15vw;
  margin-top: -51vw;
}
.div4-earring{
  width: 30vw;
  height: 30vw;
  margin-left: -15vw;
  margin-top: -13vw;
}
.div4-bracelet{
  width: 30vw;
  height: 30vw;
  margin-left: -15vw;
  margin-top: 26vw;
}
.img4-back{
  width: 19vw;
  margin-left: -48vw;
  margin-top: auto;
  top: 4vw;
}
.div5-confirmpicture{
  width: 12vw;
  height: 12vw;
  margin-left: -6vw;
  margin-top: 60vw;
}
.div5-changecamera{
  width: 26vw;
  height: 7vw;
  margin-left: 22vw;
  margin-top: 55vw;
}
.div5-switchtype{
  width: 26vw;
  height: 7vw;
  margin-left: 22vw;
  margin-top: 64vw;
}
.div5-switchtype0{
  width: 26vw;
  height: 7vw;
  margin-left: 22vw;
  margin-top: 25vw;
}
.div5-switchtype1{
  width: 26vw;
  height: 7vw;
  margin-left: 22vw;
  margin-top: 34vw;
}
.div5-switchtype2{
  width: 26vw;
  height: 7vw;
  margin-left: 22vw;
  margin-top: 43vw;
}
.div5-typeswiper{
  width: 100vw;
  height: 25vw;
  left:0;
  bottom:0;
  background-color: #F5F5F5;
}
.div5-finalpicture{
  width: 26vw;
  height: 7vw;
  left: 71vw;
  bottom: 57vw;
}
.div5-finalswitchtype0{
  width: 26vw;
  height: 7vw;
  left: 71vw;
  bottom: 47.5vw;
}
.div5-finalswitchtype1{
  width: 26vw;
  height: 7vw;
  left: 71vw;
  bottom: 38.5vw;
}
.div5-finalswitchtype2{
  width: 26vw;
  height: 7vw;
  left: 71vw;
  bottom: 29.5vw;
}
.img5-confirmpicture{
  bottom: -23vw;
}
.img5-typeswiperitem{
  width: 45vw;
}
.div6-content{
  width: 100vw;
  height: 150vw;
  margin-left: -50vw;
  margin-top: -68vw;
}
.div6-item{
  margin-top: 3vw;
}
.div6-ticketborder{
  width: 90vw;
  height: 100%;
  left: 5vw;
  top: 0;
  border: 1px solid rgba(255,255,255,.6);
  background-color: rgba(214,5,31,.5);
}
.div6-rulebtn{
  width: 30vw;
  height: 7vw;
  left: 30vw;
  top: 13vw;
}
.div6-linkbtn{
  width: 22vw;
  height: 10vw;
  left: 72vw;
  top: 6vw;
}
.img6-arrow{
  width: 2vw;
  left: 45vw;
  top: 15.7vw;
}
.img6-arrowopen{
  transform: rotate(180deg);
}
.div7-btnsubmit {
  width: 28vw;
  height: 10vw;
  margin-left: -30vw;
  margin-top: 44vw;
}
.div7-btncancel {
  width: 28vw;
  height: 10vw;
  margin-left: 2vw;
  margin-top: 44vw;
}
.div7-form{
  margin-top: -20.7vw;
  margin-left: -18vw;
  width: 52vw;
  overflow: hidden;
}
.div7-line{
  width: 100%;
  height: 12.5vw;
  margin-bottom: 0.9vw;
}
.div8-btn{
  width: 44vw;
  height: 12vw;
  margin-left: -22vw;
  margin-top: 30vw;
}
.div9-btn{
  width: 44vw;
  height: 12vw;
  margin-left: -22vw;
  margin-top: 30vw;
}
.div10-btn{
  width: 44vw;
  height: 12vw;
  margin-left: -22vw;
  margin-top: 30vw;
}
.img11-btn{
  margin-top: -92vw;
}
.div11-btn{
  width: 30vw;
  height: 9vw;
  margin-left: -15vw;
  margin-top: 60vw;
}
.div12-btn{
  width: 30vw;
  height: 30vw;
  margin-left: -15vw;
  margin-top: 26vw;
}
.div13-content{
  width: 100vw;
  height: 147vw;
  margin-left: -50vw;
  margin-top: -68vw;
}

.div13-link1{
  left: 70vw;
  top: 199vw;
  width: 8vw;
  height: 5vw;
}
.div13-link2{
  left: 53vw;
  top: 214vw;
  width: 8vw;
  height: 5vw;
}
.div13-link3{
  left: 80vw;
  top: 225vw;
  width: 8vw;
  height: 5vw;
}
.div-artipsclose{
  width: 10vw;
  height: 10vw;
  left: 90vw;
  bottom: 82vw;
}
.div-artipsrefuse{
  width: 30vw;
  height: 10vw;
  left: 15vw;
  bottom: 23vw;
}
.div-artipsaccept{
  width: 30vw;
  height: 10vw;
  left: 55vw;
  bottom: 23vw;
}
.pt-page-gameround {
  -webkit-animation: gameround 1s ease both;
  animation: gameround 1s ease both;
}
@-webkit-keyframes gameround {
  0% {
      opacity:0;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  50% {
      opacity:1;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
  100% {
      opacity:1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
@keyframes gameround {
  0% {
      opacity:0;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  50% {
      opacity:1;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
  100% {
      opacity:1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
.musicico{
  position: absolute;
  width: 5.4vw;
  left: 88vw;
  top: 8.8vw;
  z-index: 1;
}
.pt-page-flipInRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInRight 1.2s both ease-out;
	animation: flipInRight 1.2s both ease-out;
}
@-webkit-keyframes flipInRight {
	from { -webkit-transform: translateZ(-1000px) rotateY(360deg); opacity: 1.2; }
}
@keyframes flipInRight {
	from { -webkit-transform: translateZ(-1000px) rotateY(360deg); transform: translateZ(-1000px) rotateY(360deg); opacity: 1.2; }
}