@media screen and (max-width:1450px){
a.gift{
	right: 0;
}
a.logo{
	left: 20px;
}
.nav{
	right: 20px;
}
}
@media screen and (max-width:1260px){
.kv{
	height: 1125px;
}
.kv_t1{
	top: 80px;
	left: calc(50% - 300px);
}
.kv_t2{
	transform: rotate(5deg) !important;
	top: 380px;
	left: calc(50% - 240px);
}
.kv_c1{
	width: 260px;
	top: 525px;
	left: calc(50% - 300px);
}
.kv_c2{
	width: 210px;
	top: 510px;
	left: calc(50% - 100px);
}
.kv_c3{
	width: 280px;
	top: 530px;
	left: calc(50% + 30px);
}
.kv_c4{
	width: 270px;
	top: 705px;
	left: calc(50% - 300px);
}
.kv_c5{
	width: 205px;
	top: 700px;
	left: calc(50% - 110px);
}
.kv_c6{
	width: 280px;
	top: 710px;
	left: calc(50% + 5px);
}
.kv_g1,.kv_g2{
	display: none;
}
.kv_hand{
	background: url(../img/kv_hand.png) no-repeat top left;
	background-size: 90%;
	left: calc(50% + 184px);
	bottom: 0;
}
.gg1{
	top: 460px;
	left: calc(50% - 310px);
}
.gg2{
	top: 500px;
	left: calc(50% + 250px);
}
.gg3{
	top: 450px;
	left: calc(50% + 300px);
}
.kv_star{
	top: 470px;
	left: calc(50% - 340px);
}
.ks2{
	top: 490px;
	left: calc(50% + 220px);
}
.w1200{
	width: 100%;
}
}
@media screen and (max-width:1200px){
.wbg{
	width: 90%;
	padding: 50px 0;
}
.p1a > div{
	display: block;
	width: 370px;
	height: 352px;
	margin: 10px auto;
}
.p1a > div.p1a2{
	background: url(../img/p1bm.png) no-repeat top left;
	background-size: contain;
	height: 650px;
}
.p1a > div.p1a4{
	background: url(../img/p1dm.png) no-repeat top left;
	background-size: contain;
	height: 600px;
}
.p2bg{
	width: calc(90% - 200px);
	padding: 300px 100px 20px 100px;
	margin: 250px auto 20px auto;
}
.card{
	width: 380px;
	top: -230px;
	left: calc(50% - 190px);
}
.ill1{
	width: 90px;
	top: -150px;
	left: calc(50% + 180px);
	transform: rotate(270deg) scaleY(-1) !important;
}
.butout{
	width: 100%;
	margin: 20px auto;
	text-align: center;
}
.w1120{
	width: 96%;
	margin: 0 auto;
}
table.table1, table.table2, table.table3, table.table4 {
  width: 100%;
} 
table.table1 td{
	padding: 10px 5px;
}
table.table1 td:first-child{
	width: 20%;
}
table.table1 td:nth-child(2){
	width: 65%;
}
table.table1 td:last-child{
	width: 15%;
}
.r_ill1{
	width: 100px;
	height: 200px;
	top: 700px;
	left: calc(50% + 200px);
}
.r_ill2,.r_ill3{
	width: 30px;
	height: 120px;
	top: 1200px;
	left: calc(50% - 350px);
}
.r_ill3{
	width: 50px;
	height: 110px;
	left: calc(50% + 250px);
}
}
@media screen and (max-width:1050px){
.top,.top.sticky,.top.rule_top{
	position: fixed;
	top: 0;
	z-index: 200;
	width: 100%;
	padding-top: 15px;
	height: 60px;
	background: #1d61e0;
}
.toggle{
	display: block;
	position: fixed;
	top:18px;
	right:15px;
	z-index: 205;
	background:url(../img/nav.png) no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
}
.active{
	background:url(../img/close.png) no-repeat;
	background-size: contain;
}
.top.sticky .nav{
	top: 75px;
}
.nav{
	display: none;
	position: fixed;
	right:0;
	top: 75px;
	z-index:202;
	height:100%;
	width:100%;
  background: #1d6efd;
}
.nav div{
	position: relative;
	display: block;
	width: auto;
	margin: 0 20px;
  vertical-align: middle;
	z-index:202;
	padding: 25px 0;
}  
.nav > div:hover{
	transform: scale(1);
}
.nav i{
	width: 100%;
	height: 1px;
	display: block;
  border-bottom: 1px solid #fff;
  margin: 5px 0;
}
.nav div b{
	position: absolute;
	display: block;
	background: url(../img/arr4.png) no-repeat;
	width: 20px;
	height: 37px;
	top: 20px;
	right: 0;
}
.nav div.n1,.n1.on{
	background: url(../img/nav1.png) no-repeat left;
	background-position-x: -18px;
}
.n2,.n2.on{
	background: url(../img/nav2.png) no-repeat left;
}
.n3,.n3.on{
	background: url(../img/nav3.png) no-repeat left;
}
.n4{
	background: url(../img/nav4.png) no-repeat left;
}
.n4.on{
	background: url(../img/nav4a.png) no-repeat left;
} 
.nav > div span{
	margin-left: 150px;
}
.sub1 {
  background: url(../img/sub1m.png) no-repeat center;
  background-size: contain;
  height: 240px;
}
.sub2 {
  background: url(../img/sub2m.png) no-repeat center;
  background-size: contain;
  height: 132px;
}
.sub3 {
  background: url(../img/sub3m.png) no-repeat center;
  background-size: contain;
  height: 84px;
}
.sub4{
	background: url(../img/sub4m.png) no-repeat center;
  background-size: contain;
	height: 84px;
}
.warn2 {
    width: calc(100% - 60px);
    padding: 10px 30px 20px 30px;
}
.rule {
    padding-top: 100px;
}
}
@media (min-width: 1px) and (max-width: 878.98px) {
  .footer_link {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 15px;
  }
  .footer_link .style_mb {
    display: block;
  }
  .footer_info {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 878px) {
  .footer_link {
    max-width: 60%;
    flex: 0 0 60%;
  }
  .footer_link .style_pc {
    display: block;
  }
  .footer_info {
    margin-left: 0%;
    max-width: 40%;
    flex: 0 0 40%;
  }
}
@media screen and (max-width:850px){
.p2bg{
	width: calc(90% - 80px);
	padding: 300px 40px 20px 40px;
}
}
@media screen and (max-width:700px){
html{
	-webkit-text-size-adjust:none;
}
a.gift span{
	background: url(../img/waterbg.png) no-repeat center;
	background-size: contain;
	width: 100px;
	height: 100px;
}
a.gift i{
	background: url(../img/waterp.png) no-repeat center;
	background-size: contain;
	width: 60px;
	top: -60px;
	left: calc(50% - 29px);
}
a.gift{
	width: 100px;
	height: 100px;
	bottom: 12%;
}
a.gototop{
	width: 40px;
	height: 40px;
}
.kv{
	height: 1000px;
}
.kv_t1 {
	width: 500px;
	left: calc(50% - 250px);
}
.kv_t1s{
	width: 40px;
}
.kv_t2{
	width: 400px;
	top: 340px;
	left: calc(50% - 200px);
}
.kv_c1{
	width: 220px;
	top: 445px;
	left: calc(50% - 250px);
}
.kv_c2{
	width: 170px;
	top: 440px;
	left: calc(50% - 100px);
}
.kv_c3{
	width: 230px;
	top: 450px;
	left: calc(50% - 10px);
}
.kv_c4{
	width: 220px;
	top: 610px;
	left: calc(50% - 260px);
}
.kv_c5{
	width: 165px;
	top: 605px;
	left: calc(50% - 105px);
}
.kv_c6{
	width: 220px;
	top: 600px;
	left: calc(50% - 10px);
}
.kv_g1,.kv_g2{
	display: none;
}
.kv_hand{
	background-size: 70%;
	background-position-y: 50px;
	left: calc(50% + 122px);
	bottom: 0;
}
.kv_g3{
	width: 40px;
	height: 40px;
}
.gg1{
	top: 430px;
	left: calc(50% - 250px);
}
.gg2{
	top: 450px;
	left: calc(50% + 190px);
}
.gg3{
	top: 400px;
	left: calc(50% + 220px);
}
.kv_star{
	top: 420px;
	left: calc(50% - 260px);
}
.ks2{
	top: 450px;
	left: calc(50% + 180px);
}
.sub1 {
  height: 230px;
}
.sub2 {
  height: 120px;
}
.sub3 {
  height: 70px;
}
.sub4{
	height: 70px;
}
.p2bg{
	font-size: 21px;
	text-align: justify;
}
.warn{
	font-size: 18px;
}
.butout > a{
	width: 220px;
	height: 60px;
}
.tip,.p2bg p{
	font-size: 22px;
}
.butout > a span,.butout.yell2 > a span{
	width: 10px;
	height: 25px;
	top: 18px;
	left: calc(50% + 70px);
}
#s1,#s2,#s3{
	position: absolute;
	top: -170px;
}
.r_ill1 {
	top: 710px;
  left: calc(50% + 150px);
}
.r_ill2{
	left: calc(50% - 250px);
}
.r_ill3{
	left: calc(50% + 200px);
}
table.table1 td,table.table2 td,table.table3 td,table.table4 td{
	padding: 5px;
}
.p1a > div{
	width: 420px;
	height: 390px;
}
.p1a > div.p1a2{
	height: 700px;
}
.p1a > div.p1a4{
	height: 660px;
}
#sec7{
	position: absolute;
	top: -250px;
}
}