html{
	/* background-color:#fdecd5; */
 }
 
body{
height: 100%;
  /* background-color: #ebb5c5; */
background-repeat: no-repeat;
box-sizing: border-box;
}

canvas {
 width: 100%;
 height:auto;
max-width: 640px!important;
image-rendering: -o-crisp-edges;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-moz-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
			
body,div,p,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,button,input,textarea,th,td {
    margin: 0;
    padding: 0
}



ul,li,ol {
    list-style: none
}

img {
    border: none;
	pointer-events:none;
}

ul,ol {
    list-style: none
}

img {
    border: none;
    vertical-align: top
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    text-decoration: none!important
}

em,i {
    font-style: normal
}

input,button,textarea {
    outline: none
}

button {
    margin: 0;
    padding: 0;
    border: 0px solid transparent;
    outline: none;
    cursor: pointer
}

button:active {
    transform: translateY(1px);
    box-shadow: 1px 1px 1px #888888
}

.clear {
    clear: both
}

/* 图片不能点击 */
.not_click{
	pointer-events:none;
}

/* .gamebody{
	display: none;
} */
	
    .index_game{
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #fdf2f5;
      z-index: 1000;
      display: block;
      box-sizing: border-box;
      overflow: auto;
      max-width: 640px;
	  z-index: 990;
      top:0;
	  box-sizing: border-box;
    }
    
    .index_game img{
      width: 100%;
    }

    .index_game .center-container{
      position: absolute;
      top: 0;
      
      box-sizing: border-box;
      pointer-events:none;
	  margin:  0 auto;
	  padding: 10% 8%;
	  width: 100%;
	  text-align: center;
		
    }

    .index_game .center-container .home-lookin{
      width: 25%;
      padding: 10% 0% 8%;
    }

    .index_game .center-container .home-title{
      width: 85%;
    }

    .index_game .center-container .home-msg{
      width: 80%;
    }

    .index_game .center-container .home-start{
      width: 40%;
      margin: 15% auto;
      pointer-events:auto;
	 
    }

    .index_game .right-container{
      position: absolute;
      top: 60px;
      right: 5px;
      width: 50px;
    }

    .index_game .right-container .icon-item{
      margin-bottom: 10px;
      pointer-events:auto;
    }

    .index_game .shadow{
      display: none;
      position: fixed;
      top: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0,0,0,0.6);
      z-index: 999;
    }

    .index_game .rule-container .close-btn{
      position: absolute;
      top: -20px;
      right: -20px;
      width: 40px;
      pointer-events:auto;
    }

    .index_game .rule-container .img-container{
      position: relative;
      width: 80%;
      margin: 30% 10%;
    }
    /* 我的票券  */
    .index_game .ticket-container .close-btn{
      position: absolute;
      top: -20px;
      right: 0;
      width: 40px;
      pointer-events:auto;
    }

    .index_game .ticket-container .ticket-bg{
      width: 90%;
      margin: 30% 5%;
    }

    .index_game .ticket-container .ticket-content{
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 0;
      width: 80%;
      margin: 30% 0;
      padding: 20% 10%;
    }

    .ticket-container .ticket-content .ticket-line{
      display: flex;
      flex: 1;
    }

    .ticket-container .ticket-line .ticket-item{
      flex: 1;
      margin: 0 2%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    } 

    .ticket-container .ticket-line .img-container{
      position: relative;
      width: 90%;
      border: 1px solid #000;
      border-radius: 10px;
      overflow: hidden;
    }

    .ticket-container .content-shadow{
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: 100%;
      height: 40%;
      transform: translateY(-99%);
      background: rgba(0,0,0,0.6);
      color: #fff;
      margin-top: -0.05px;
      font-size: 12px;
      padding: 2px 1px;
      box-sizing: border-box;


    }

    .ticket-container .content-shadow span{
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 14px;
    }

    .ticket-container .ticket-content .item-bottom{
      margin-top: 6%;
      margin-bottom: 8%;
      display: flex;
      justify-content: center;
      width: 100%;
      color: #000;
    }

    .ticket-container .ticket-content .item-bottom img{
      width: 30%;
      margin: 0 5px;
    }
    .ticket-container .ticket-content .item-bottom span{
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
    }
	.index_sizlistimg3{
			width: 100%;
		    overflow: hidden;
	}
	
	.swiper-paginationb {
		bottom: 7px!important;
	}
	
	.swiper-paginationb .swiper-pagination-bullet {
		border-radius: 50%;
		border: 1px solid #fff;
	}
	
	.swiper-paginationb .swiper-pagination-bullet-active {
		background: #ebb5c5;
	}
	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		outline: none;
	}
	
	.toast{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 80%;
	    padding: 13px 16px;
	    background-color: rgba(0, 0, 0, 0.6);
	    color: white;
	    font-size: 18px;
	    border-radius: 4px;
	    display: none;
	    text-align: center;
	    z-index:10020;
	}
	
     /* pc适配 */
  @media screen and (min-width: 450px) {
    html{
      width: 375px;
      margin: 0 auto!important;
    }
    body{
      width: 375px;
      height: 100%;
      background-size: 100% 100%;
	  margin: 0 auto!important;
      background-color: #fff;
      background-size: contain; 
      
    }
    .toast{
        max-width: 370px;
    }
    
    .rank-img-container{
      position: absolute;
      top: 0;
      width: 375px;
    }
    .paihangbangtu {
      position: absolute;
      top: 20px;
      right: 17px;
    }
    .paihangbangtu img {
      width: 48px;
    }
    .tip_b{
      max-width: 300px;
    }
    .coupon_dialog_container{
      max-width: 375px;
    }

  
    .shadow{
      width: 375px;
    }

  }



/* pc适配 */
@media screen and (min-width: 450px) {
	
	.indtip_container{
		display:none
	}	
	
	
  #Cocos2dGameContainer{
    width: 375px !important;
  }
	canvas{
		width: 375px !important;
	  height: 100%;

	}

  .index_game {
    width: 375px;
  }

  .index_game .shadow{
		width: 375px;
	}
	
	.rank-img-container{
		position: absolute;
		top: 0;
		width: 375px;
	}
	.paihangbangtu {
		position: absolute;
		top: 30px;
		right: 17px;
	}
	.paihangbangtu img {
		width: 48px;
	}
	.home_bottom{
		width: 375px;
	}

}