@charset "utf-8";
/* ---------- init ---------- */
html{font-size: 62.5%;background:#d8d8d8}
html,body{display:block;width:100%;min-height:100%;min-width:320px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;word-wrap:break-word;}
body,button,input,select,textarea{font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;font-size:1rem;color:#333;}
th{text-align:inherit;}
ol,ul{list-style:none;}
fieldset,img{border:0;vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
ins,a{color:#000;text-decoration:none;}
a,img{-webkit-touch-callout:none;}

.main{
min-height:40.75rem;
max-width:26.667rem;
margin:0 auto;
background: url(../images/inbg01.png) no-repeat; background-size:100%;
position: relative;
}
.taobao{
width:11.148rem;
height:17.703rem;
position:absolute;
right:-0.1rem;
top:0;
}
.wd{
width:6.7875rem;
height:13.425rem;
position:absolute;
left:0;
top:22.5rem;
}
.taobao img,.menu_item img,.wd img{width:100%;height:100%;}
.menu{overflow:hidden;width:22.4rem;height:22.4rem;
position: relative;
top:7.4rem;
float:right;
margin-right:.6rem;
}
.menu_item{width:10.4rem;height:10.4rem;position:absolute;}
.menu_item:nth-child(1){
	left:50%;
	top:0;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.menu_item:nth-child(2){
	left:0;
	top:50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.menu_item:nth-child(3){
	left:50%;
	bottom:0;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.menu_item:nth-child(4){
	right:0;
	top:50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}