@charset "utf-8";
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
/* 首页 */
.footer_nav { background:rgba(29,29,29,0.85);}
.footer_hot { display:none;}
.loading_box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000;}
.loading_box .main{ position:relative; height:100%; background:#020001; color:#fff; transition:0.8s cubic-bezier(0.2, 0.4, 0.1, 0.8) all; -webkit-transition:0.8s cubic-bezier(0.2, 0.4, 0.1, 0.8) all; -ms-transition:0.8s cubic-bezier(0.2, 0.4, 0.1, 0.8) all;}
.loading_box .main.on{ transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transition-delay:0.5s; -webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; }
.loading_img{ position:relative; margin:30% auto 0.4em; width:78%; max-width:494px; background:#1d1c18;}
.loading_img img{ position:relative; z-index:2; width:100%;}
.loading_img i{ position:absolute; left:0; bottom:0; width:100%; height:0; background:#a29060; transition:0.3s height; -webkit-transition:0.3s height; -ms-transition:0.3s height;}
.loading_num{ text-align:center; font-size:1.1em;}
.loading_num span{ padding-left:0.4em;}
/* .main_box{ transform:translateX(-10%); box-shadow:20px 8px 20px #333; transition:0.3s ease-out all;}
.main_box.on{ box-shadow:10px 4px 10px #333; transform:translateX(0%); transition-delay:0.8s;} */
.sell_over{ position:relative; display:block;}
.sell_over:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/sell_over.png) 50% 50% no-repeat; background-size:40%;}
.nav_fixed { bottom:-3.75em;}
.nav_fixed span:nth-child(4){ display:inline-block;}
.nav_fixed b.buy_butt{ display:none;}
.top_icon{ display:none;}

.swipe{overflow: hidden;visibility: hidden;position: relative; height:100%; z-index:5;}
.swipe-wrap {overflow: hidden;position: relative; height:100%; z-index:1;}
.swipe-wrap > div {float:left;width:100%;position: relative;font-family: "Microsoft YaHei"; height:100%; overflow:hidden; background:#000;}
.swipe-wrap > div a { display:block; width:100%; height:100%;}
.swipe-wrap > div a img { width:100%;}

.pagination{position: absolute;z-index: 100;left: 50%;bottom: 40%;height: 11px;overflow: hidden; z-index:10;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.pagination b{display: inline-block;width: 10px;height: 10px;background: #fff;margin-right: 5px;cursor: pointer;font-size: 0;float: left;border-radius: 50%;}
.pagination b.add_on{background: #FFD5A4;}

.header { z-index:30;}

.banner { position:absolute; top:0px; bottom:0px; right:0px; left:0px; margin:3em auto auto auto;}
.menu { position:absolute; bottom: -2.5%; left:0; z-index:20;background: #000;}
.menu img { width:100%;}
.menu div { position:absolute; top:5%; left:0px; width:100%; height:95%;}
.menu a{display: inline-block;width: 15.6%;text-align: center;z-index:40; margin:1.5% 3.8%;}
.menu a:nth-child(1) , .menu a:nth-child(5) { margin:1.5% 3.8% 1.5% 6%;} 
.menu .up_arr { width:2em; height:2em; position:absolute; bottom:-1em; left:0px; right:0px; margin:0px auto;
                animation:goDown 2s ease 0s infinite;
                -webkit-animation:goDown 2s ease 0s infinite;
                -ms-animation:goDown 2s ease 0s infinite;
                -moz-animation:goDown 2s ease 0s infinite;
                }
@keyframes goDown { 0%{ opacity:1; transform:translate(0%,100%);} 50%{opacity:1;} 98%{ opacity:0; transform:translate(0%,-100%);} 100%{ opacity:0; transform:translate(0%,0%);}}
@-webkit-keyframes goDown { 0%{ opacity:1; -webkit-transform:translate(0%,100%);} 50%{opacity:1;} 98%{ opacity:0; -webkit-transform:translate(0%,-100%);} 100%{ opacity:0; -webkit-transform:translate(0%,0%);}}
@-ms-keyframes goDown { 0%{ opacity:1; -ms-transform:translate(0%,100%);} 50%{opacity:1;} 98%{ opacity:0; -ms-transform:translate(0%,-100%);} 100%{ opacity:0; -ms-transform:translate(0%,0%);}}
@-moz-keyframes goDown { 0%{ opacity:1; -moz-transform:translate(0%,100%);} 50%{opacity:1;} 98%{ opacity:0; -moz-transform:translate(0%,-100%);} 100%{ opacity:0; -moz-transform:translate(0%,0%);}}
@-o-keyframes goDown { 0%{ opacity:1; -o-transform:translate(0%,100%);} 50%{opacity:1;} 98%{ opacity:0; -o-transform:translate(0%,-100%);} 100%{ opacity:0; -o-transform:translate(0%,0%);}}


.menu.small div { width:200%; top:8%; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding-left: 8%; position:absolute;}
.menu.small div:before { content:""; width:2.5%; height:100%; background:url(../images/index/menu_r.png) no-repeat center 31%; background-size:100%; position:absolute; top:0%; left:45%;}
.menu.small div:after { content:""; width:2.5%; height:100%; background:url(../images/index/menu_l.png) no-repeat center 31%; background-size:100%; position:absolute; top:0%; left:50%;}
.menu.small a { width:7.8%; margin: 0.75% 0 0 2%;}
.menu.small a:nth-child(5){ margin-left: 11%}

.view { position:relative; overflow:hidden; transition:0.5s cubic-bezier(1,0.25,0.4,1) all; -webkit-transition:0.5s cubic-bezier(1,0.25,0.4,1) all; -ms-transition:0.5s cubic-bezier(1,0.25,0.4,1) all; -moz-transition:0.5s cubic-bezier(1,0.25,0.4,1) all;}
.fir_page { position:relative;}
.sec_page { background:#000; position:relative; z-index:99;}
.sec_page.on , .menu > div.on { transition:0.5s cubic-bezier(1,0.25,0.4,1) all; -webkit-transition:0.5s cubic-bezier(1,0.25,0.4,1) all; -ms-transition:0.5s cubic-bezier(1,0.25,0.4,1) all; -moz-transition:0.5s cubic-bezier(1,0.25,0.4,1) all;}
.sec_page > a { display:block; margin-top:1em;}
.series { border-bottom:1px solid #363636; background:#000; color:#fff; line-height:1em; font-size:1.15em; padding:0.6em 0.8em;}
.series:before { content:""; width:3px; height:1em; background:#ddb288; margin-right:0.4em; float:left;}
.series a { color:#fff; float:right;}

.fadein{position: fixed;top:0px;bottom:0px;	left:0px;right:0px;	text-align:center; z-index: 99999;}
.fadein img{width: 100%;}

.welcome{position: absolute;left: 0;top: 0;z-index: 100000;}
.pr{position: relative;}
.main img.welcome{width: 100%;}
.onclose{position: absolute;top: 28.8em;left: 9.4em;width: 4.7em;height: 2em;z-index: 10000000;}

#mySwipe{background: #000;}
.nav_05_bubble{
	position: absolute;left: 0;top: 100%; 
	animation: bubble_up 6s linear infinite;
	-webkit-animation: bubble_up 6s linear infinite;
	-moz-animation: bubble_up 6s linear infinite;
	-ms-animation: bubble_up 6s linear infinite;
	-o-animation: bubble_up 6s linear infinite;
}
.fir a{ position: relative;}
@keyframes bubble_up{
	0%  { transform: 	translateY(0); opacity: 0; }
	90% { transform: translateY(-8em); opacity: 1; }
	100%{ transform: translateY(-8em); opacity: 0; }
}
@-webkit-keyframes bubble_up{
	0%  { -webkit-transform: 	translateY(0); opacity: 0; }
	90% { -webkit-transform: translateY(-8em); opacity: 1; }
	100%{ -webkit-transform: translateY(-8em); opacity: 0; }
}
@-moz-keyframes bubble_up{
	0%  { -moz-transform: 	translateY(0); opacity: 0; }
	90% { -moz-transform: translateY(-8em); opacity: 1; }
	100%{ -moz-transform: translateY(-8em); opacity: 0; }
}
@-o-keyframes bubble_up{
	0%  { -o-transform: 	translateY(0); opacity: 0; }
	90% { -o-transform: translateY(-8em); opacity: 1; }
	100%{ -o-transform: translateY(-8em); opacity: 0; }
}
@-ms-keyframes bubble_up{
	0%  { -ms-transform: 	translateY(0); opacity: 0; }
	90% { -ms-transform: translateY(-8em); opacity: 1; }
	100%{ -ms-transform: translateY(-8em); opacity: 0; }
}



@keyframes snowRotate{
	from{
		transform: rotate(0);
	}
	to{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes snowRotate{
	from{
		-webkit-transform: rotate(0);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes snowRotate{
	from{
		-moz-transform: rotate(0);
	}
	to{
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes snowRotate{
	from{
		-o-transform: rotate(0);
	}
	to{
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes snowRotate{
	from{
		-ms-transform: rotate(0);
	}
	to{
		-ms-transform: rotate(360deg);
	}
}



/* .icon_01{width: 115%!important;margin-left: -4%;}
.icon_02{width: 113%!important;margin-left: -4%;}
.icon_03{width: 106%!important;margin-left: -7%;}
.icon_04{width: 113%!important;margin-left: -6%;}
.icon_06{width: 106%!important;}
.icon_07{width: 104%!important;}
.icon_08{width: 103%!important;} */

.main .eleven_back{
	position: fixed;
	top: 0;
	z-index: 100000;
	width: 100%;height: 100%;
	max-width: 640px;
	margin: 0 auto;
}
.main .eleven_back img{
	width: 100%;
	
}
.main .eleven_back .monv{
	width: 86%;
	position: absolute;
	left: 7%;
	top: 5.2em;
	z-index: 10000;
	animation: changeBig 1.2s linear ;
	-webkit-animation: changeBig 1.2s linear ;
	-moz-animation: changeBig 1.2s linear ;
	-ms-animation: changeBig 1.2s linear ;
	-o-animation: changeBig 1.2s linear ;
}
.main .eleven_back .round{
	width: 62%;
	position: absolute;
	left: 18.2%;
	top: 3.9em;
	animation: snowRotate 4s linear infinite ;
	-webkit-animation: snowRotate 4s linear infinite ;
	-moz-animation: snowRotate 4s linear infinite ;
	-ms-animation: snowRotate 4s linear infinite ;
	-o-animation: snowRotate 4s linear infinite ;
}
.main .eleven_back .eleven_btn{
	width: 35%;
	position: absolute;
	left: 7.7em;
	top: 30.2em;
	animation: bubble_down .5s linear ;
	-webkit-animation: bubble_down .5s linear ;
	-moz-animation: bubble_down .5s linear ;
	-ms-animation: bubble_down .5s linear ;
	-o-animation: bubble_down .5s linear ;
}
.main .eleven_back .close_back{
	width: 20%;
	height: 10%;
	position: absolute;
	right: 2em;
	top: 1em;
	z-index: 1000000;
}

@keyframes changeBig{
	0%  { transform: scale(.2);  }
	50% { transform: scale(1.2);  }
	100%{ transform: scale(1);  }
}
@-webkit-keyframes changeBig{
	0%  { -webkit-transform: scale(.2);  }
	50% { -webkit-transform: scale(1.2);  }
	100%{ -webkit-transform: scale(1);  }
}
@-moz-keyframes changeBig{
	0%  { -moz-transform: scale(.2);  }
	50% { -moz-transform: scale(1.2);  }
	100%{ -moz-transform: scale(1);  }
}
@-o-keyframes changeBig{
	0%  { -o-transform: scale(.2);  }
	50% { -o-transform: scale(1.2)  }
	100%{ -o-transform: scale(1)  }
}
@-ms-keyframes changeBig{
	0%  { -ms-transform: scale(.2);  }
	50% { -ms-transform: scale(1.2);  }
	100%{ -ms-transform: scale(1);  }
}


@keyframes bubble_down{
	0%  { transform: 	translateY(-2em); opacity: 0; }
	100%{ transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes bubble_down{
	0%  { -webkit-transform: 	translateY(-2em); opacity: 0; }
	100%{ -webkit-transform: translateY(0); opacity: 1; }
}
@-moz-keyframes bubble_down{
	0%  { -moz-transform: 	translateY(-2em); opacity: 0; }
	100%{ -moz-transform: translateY(0); opacity: 1; }
}
@-o-keyframes bubble_down{
	0%  { -o-transform: 	translateY(-2em); opacity: 0; }
	100%{ -o-transform: translateY(0); opacity: 1; }
}
@-ms-keyframes bubble_down{
	0%  { -ms-transform: 	translateY(-2em); opacity: 0; }
	100%{ -ms-transform: translateY(0); opacity: 1; }
}