html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,p{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font-size:14px;line-height:normal;font-family:"微软雅黑","宋体",Verdana,Arial,Helvetica,sans-serif;margin:0 auto;}
ol,ul{list-style:none;}
a{text-decoration:none; color:#505050;}
a:hover{ color:#505050;}
img{border:0px;vertical-align:middle;}
em{ font-style:normal;}
input,button,select,textarea{ margin:0; padding:0; outline:none;}

.orange_buy{ display:block; width:139px; height:69px; position:absolute; background:url(../img/btn_02.gif) 0 0 no-repeat;}

/*css3动画定义*/
.ts0_1 { -webkit-transition:0.1s all ease; -moz-transition:0.1s all ease; -ms-transition:0.1s all ease; -o-transition:0.1s all ease; transition:0.1s all ease; }
.ts0_5{ -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -ms-transition:0.5s all ease; -o-transition:0.5s all ease; transition:0.5s all ease; }
.ts1 { -webkit-transition:1s all ease; -moz-transition:1s all ease; -ms-transition:1s all ease; -o-transition:1s all ease; transition:1s all ease; }

/*loading*/
#loading{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999;}
#loading .bg{ width:100%; height:100%; position:absolute; top:0; left:0; background-color:#003662;}
#loading .icon{ position:absolute; top:50%; left:50%; margin:-100px 0 0 -95px;}
#loading .icon img{ position:relative; z-index:2; opacity:0;}
#loading .icon span{ display:block; width:0; height:100%; position:absolute; top:0; left:0; background-color:#fff; overflow:hidden;}
#loading p{ width:100%; position:absolute; top:50%; left:0; text-align:center; font-size:18px; margin-top:10px; color:#fff;}



/*头部导航*/
.header{ width:100%; height:700px; min-width:1200px; margin:0 auto; position:fixed; top:0; left:0; z-index:99999;}

/*区域1*/
#area1{ height:820px; background-color:#3797ae; position:relative; z-index:5;}
#area1con{ width:1200px; height:100%; margin:0 auto; position:relative; z-index:5;}
#area1.showbg,#area1con.showbg{ background:url(../img/area1_bg.jpg) center top no-repeat; background-color:#3797ae;}
#area1con img{ position:absolute; opacity:0;}
#area1con img.shoes{ margin:-50px 0 0 380px; width:855px;}/* top:-70px; left:380px;*/
#area1con img.tit{ top:170px; left:0;}
#area1con img.tit_min{ top:385px; left:200px;}
#area1con a.buy{ width:139px; height:35px; position:absolute; top:445px; left:30px; background:url(../img/btn_01.gif) 0 0 no-repeat; opacity:0;}
#area1con ol{ display:block; width:180px; height:69px; position:absolute; top:550px; left:58px; background:url(../img/icon_01.png) 0 0 no-repeat; opacity:0;}
#area1con ol a{ display:block; width:60px; height:100%; float:left;}

#area1con img.show,#area1con ol.show,#area1con a.buy.show{ opacity:1;}
#area1con img:nth-of-type(1).show{ width:555px; margin:100px 0 0 510px;}/* top:80px; left:510px;*/
#area1con img:nth-of-type(2).show{ left:50px;}
#area1con img:nth-of-type(3).show{ left:162px;}
#area1con ol.show{ top:527px;}
#area1con a.buy.show{ left:60px;}

/*区域2*/
#area2,#area2con{ height:900px; position:relative; z-index:4; background:url(../img/area2_bg.jpg) center top no-repeat; background-color:#010102;}
#area2con{ width:1200px; margin:0 auto;}
#area2con img{ position:absolute;}
#area2con img.tit{ top:100px; left:60px; z-index:2;}
#area2con img.titbg{ top:100px; left:62px; z-index:2;}
#area2con img.tit_min{ top:185px; left:60px; z-index:2;}
#area2con img.dandelion1{ top:600px; left:80px;}
#area2con img.dandelion2{ top:600px; left:520px;}
#area2con img.dandelion3{ top:-20px; left:500px; opacity:0.7;}
#area2con img.dandelion4{ top:35px; left:790px;}
#area2con img.dandelion5{ top:80px; left:1130px; opacity:0.7;}
#area2con a.buy{ top:272px; left:60px;}

/*区域3*/
#area3,#area3con{ height:900px; background-color:#144d7b; position:relative; z-index:4;}
#area3con{ width:1200px; margin:0 auto; overflow:hidden;}
#area3con img{ position:absolute;}
#area3con img.shoes{ top:-100px; left:305px; z-index:2;}
#area3con img.tit_min{ top:240px; left:60px; z-index:5;}
#area3con img.feather1{ top:350px; left:165px; opacity:0.7;}
#area3con img.feather2{ top:665px; left:310px; z-index:3;}
#area3con img.feather3{ top:510px; left:910px; z-index:2;}
#area3con img.feather4{ top:75px; left:510px; z-index:2;}
#area3con img.feather5{ top:285px; left:950px;}
#area3con a.buy{ top:330px; left:60px; z-index:5;}

/*区域4*/
#area4,#area4con{ height:900px; background-color:#45db9f; position:relative;}
#area4con{ width:1200px; margin:0 auto;}
#area4con img{ position:absolute;}
#area4con img.shoes{ top:225px; left:350px; z-index:2;}
#area4con img.polyhedron1{ top:285px; left:150px; opacity:0.5; z-index:3;}
#area4con img.polyhedron2{ top:415px; left:138px; z-index:3;}
#area4con img.polyhedron3{ top:550px; left:875px; z-index:3;}
#area4con img.polyhedron4{ top:220px; left:800px; opacity:0.5;}
#area4con img.polyhedron5{ top:90px; left:1000px;}
#area4con img.tit{ top:100px; left:60px; z-index:5;}
#area4con img.titbg{ top:100px; left:63px; z-index:5;}
#area4con img.tit_min{ top:180px; left:60px; z-index:5;}
#area4con a.buy{ top:270px; left:60px; z-index:5;}

/*区域5*/
#area5,#area5con{ height:900px; position:relative; z-index:4; background:url(../img/area5_bg.jpg) center top no-repeat; background-color:#000;}
#area5con{ width:1200px; margin:0 auto; overflow:hidden;}
#area5con img{ position:absolute;}
#area5con img.tit_min{ top:522px; left:60px;}
#area5con a.buy{ top:610px; left:60px;}

/*区域6*/
#area6,#area6con{ height:770px; background-color:#fff;}
#area6con{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#area6con img{ position:absolute;}
#area6con img#maxshoes{ top:263px; left:186px;}
#area6con img.tit{ top:100px; left:60px; z-index:2;}
#area6con img.titbg{ top:100px; left:63px; z-index:2;}
#area6con img.tit_min{ top:180px; left:60px; z-index:2;}
#area6con img.hudie1{ top:285px; left:315px;}
#area6con img.hudie2{ top:155px; left:945px;}
#area6con span{ display:block; position:absolute; top:275px; left:60px; font-weight:bold; font-family:"Arial"; font-size:16px;}
#area6con span bdo{ font-size:22px;}
#area6con span bdo em{ font-size:38px; color:#ed523b;}
#area6con a.buy{ top:345px; left:60px;}
#area6con u{ position:absolute; top:683px; left:267px; text-decoration:none;}
#area6con u a{ display:block; width:40px; color:#2f2f2f; font-size:16px; font-weight:bold; position:absolute; top:0; left:0;}
#area6con u a.female{ top:30px;}
#area6con ul{ display:block; width:620px; position:absolute; top:685px; left:313px;}
#area6con ul li{ display:block; width:60px; height:15px; float:left; margin:0 20px 15px 0; background-image:url(../img/icon_02.png); background-repeat:no-repeat; cursor:pointer;}
#area6con ul li.icon8,#area6con ul li.icon16{ margin-right:0;}
#area6con ul li.icon1{ background-position:0 0;}
#area6con ul li.icon2{ background-position:-80px 0;}
#area6con ul li.icon3{ background-position:-160px 0;}
#area6con ul li.icon4{ background-position:-240px 0;}
#area6con ul li.icon5{ background-position:-320px 0;}
#area6con ul li.icon6{ background-position:-400px 0;}
#area6con ul li.icon7{ background-position:-480px 0;}
#area6con ul li.icon8{ background-position:-560px 0;}
#area6con ul li.icon9{ background-position:0 -17px;}
#area6con ul li.icon10{ background-position:-80px -17px;}
#area6con ul li.icon11{ background-position:-160px -17px;}
#area6con ul li.icon12{ background-position:-240px -17px;}
#area6con ul li.icon13{ background-position:-320px -17px;}
#area6con ul li.icon14{ background-position:-400px -17px;}
#area6con ul li.icon15{ background-position:-480px -17px;}
#area6con ul li.icon16{ background-position:-560px -17px;}
#area6con ul li em.active{ display:block; width:62px; height:17px; border:#50dda5 solid 3px; margin:-4px 0 0 -4px;}

/*广告大图*/
.ad_banner{ display:block; height:300px; min-width:1200px; background:url(../img/ad_banner.jpg) center top no-repeat;}

/*区域7*/
#area7,#area7con{ height:700px; background:url(../img/area7_bg.jpg) center 260px no-repeat; background-color:#f5f5de;}
#area7con{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#area7con img{ position:absolute;}
#area7con img.shoes{ top:225px; left:355px;}
#area7con img.tit{ top:115px; left:60px;}
#area7con img.titbg{ top:115px; left:63px;}
#area7con img.tit_min{ top:195px; left:60px;}
#area7con a.buy{ top:270px; left:60px;}
#area7con ol{ display:block; width:100%; height:345px; position:absolute; top:256px; left:0;}
#area7con ol li{ display:block; width:130px; height:130px; position:absolute; cursor:pointer;}
#area7con ol li.t1,#area7con ol li.t3,#area7con ol li.t5,#area7con ol li.t7,#area7con ol li.t9,#area7con ol li.t11{ top:0;}
#area7con ol li.t2,#area7con ol li.t4,#area7con ol li.t6,#area7con ol li.t8,#area7con ol li.t10{ bottom:0;}
#area7con ol li.t1{ left:75px;}
#area7con ol li.t2{ left:45px;}
#area7con ol li.t3{ left:265px;}
#area7con ol li.t4{ left:235px;}
#area7con ol li.t5{ left:455px;}
#area7con ol li.t6{ left:430px;}
#area7con ol li.t7{ left:645px;}
#area7con ol li.t8{ left:615px;}
#area7con ol li.t9{ left:835px;}
#area7con ol li.t10{ left:810px;}
#area7con ol li.t11{ left:1030px;}
#tlist{ width:1167px; height:383px; position:absolute; top:235px; left:20px; background:url(../img/area7_layerbg.png) 0 0 no-repeat; display:none;}
#close{ width:50px; height:50px; cursor:pointer; position:absolute; top:0; right:20px; background:url(../img/icon_04.png) center center no-repeat;}
#close:hover{ transform:rotate(180deg);}
#tlist .tbox{ width:835px; height:290px; position:absolute; top:40px; left:210px; overflow:hidden;}
#tlist .tbox ul li{ position:absolute; opacity:0;}
#tlist .tbox ul li img{ position:static;}
#tdir{ width:175px; position:absolute; bottom:75px; left:495px; z-index:3;}
#tdir a{ display:block; width:60px; height:60px; position:absolute; top:0; left:0; background:url(../img/icon_03.png) 0 0 no-repeat; overflow:hidden;}
#tdir a.next{ left:auto; right:0; background-position:-70px 0;}

/*各区域的热点*/
.hotarea{ display:block; position:absolute; background-color:#000; opacity:0; filter:alpha(opacity=0);}
.hotarea1{ width:400px; height:450px; top:170px; left:585px;}
.hotarea2{ width:845px; height:345px; top:308px; left:110px;}
.hotarea3{ width:685px; height:100%; top:0; left:310px; z-index:3;}
.hotarea4{ width:785px; height:100%; top:0; left:310px; z-index:3;}
.hotarea5{ width:785px; height:100%; top:0; left:310px;}