body{	
	height:100vh;	
	width:100vw;		
	min-width: 960px;  
    background-color: #0c0c0c;
    overflow-x: hidden;
}
.container-fluid {    
    padding-right: 0;
    padding-left: 0;   
}
*{
    outline: none;    
}

/*------------------------------ index_wrap--------------------------------------*/

.index_wrap{
    position:relative;
    width:950px;
    height: auto;
    margin:0 auto 0;    
    z-index: 3;
    overflow: hidden;
    min-height: 1420px;
    background-color: #FFF;
}
.index_bg, .index_bg_mobile{
    position: absolute;
    width:100%;    
    z-index: 0;
    left:0;
    top:0;    
}
.index_bg_mobile{
    display: none; 
}
.index_TIT {
    position: absolute;
    width: 1074px;
    left: 50%;
    top: 50%;
    margin: -240px 0 0 -545px;
    z-index: 4;
}
.index_TIT_show{
    position: absolute;
    width:100%;
    left:0;
    top:0;    
}
.index_Ren {
    position: absolute;
    width: 577px;
    left: 50%;
    top: 50%;
    margin: -686px 0 0 -145px;
    z-index: 3;
}
.index_Ren span{
    display: block;
    position: relative;
    width: 100%;    
    animation: indexRen  2.5s linear infinite;
    -webkit-animation: indexRen 2.5s linear infinite;
    -moz-animation: indexRen 2.5s linear infinite;   
}
@keyframes indexRen {
    0%{margin-left:0;} 50%{margin-left:0;} 75%{margin-left:120px;} 100%{margin-left:0;} 
}
@-moz-keyframes indexRen {
    0%{margin-left:0;} 50%{margin-left:0;} 75%{margin-left:120px;} 100%{margin-left:0;} 
}
@-webkit-keyframes indexRen {
    0%{margin-left:0;} 50%{margin-left:0;} 75%{margin-left:120px;} 100%{margin-left:0;} 
}
.index_name {
    position: absolute;
    width: 100px;
    left: 50%;
    top: 50%;
    margin: 232px 0 0 340px;
    z-index: 3;
}
.index_shoe {
    position: absolute;
    width: 496px;
    left: 50%;
    top: 50%;
    margin: -128px 0 0 -485px;
    z-index: 5;
    animation: indexShoe  6s linear infinite;
    -webkit-animation: indexShoe 6s linear infinite;
    -moz-animation: indexShoe 6s linear infinite;   
}
@keyframes indexShoe {
    0%{top: 50%;} 50%{top: 55%;} 100%{top: 50%;}
}
@-moz-keyframes indexShoe {
    0%{top: 50%;} 50%{top: 55%;} 100%{top: 50%;} 
}
@-webkit-keyframes indexShoe {
    0%{top: 50%;} 50%{top: 55%;} 100%{top: 50%;} 
}
.index_LogoMax {
    position: absolute;
    width: 363px;
    left: 50%;
    top: 50%;
    margin: -542px 0 0 -412px;
    z-index: 5;
}
.indexBottom {
    position: absolute;
    width: 950px;
    left:0;
    bottom: 0;    
    z-index: 1;    
}

/*------------------------------ second_wrap--------------------------------------*/

.second_wrap{
    position:relative;
    width:950px;
    height: auto;
    margin:0 auto 0;    
    z-index: 3;
    overflow: hidden;    
}
.secondBg{
    position: relative;
    width:100%;   
    z-index: 0;
}
.second_TIT_1, .second_TIT_2 {
    display: block;
    position: absolute;
    width: 293px;   
    top: 33px;
    left:50%;
    margin-left: -170px;
}
.second_TIT_2 {   
    width: 302px;
    margin-left: 155px;   
}
.second_wrap .index_name {      
    left: 36px;
    top: 560px;
    margin: auto;   
}
.second_photoBg{
    position: absolute;
    width:883px;
    left:0;
    top:172px;
    overflow: hidden; 
    clip-path: polygon(0 0, 100% 0, 61% 100%, 0% 100%); 
    -webkit-clip-path: polygon(0 0, 100% 0, 61% 100%, 0% 100%); 
    -moz-clip-path: polygon(0 0, 100% 0, 61% 100%, 0% 100%); 
}
.second_photo{
    position: absolute;
    width:1330px;
    left:-122px;
    top:0;
    z-index: 1;      
}
.second_Line_1, .second_Line_2{
    position: absolute;
    width:371px;
    right:23px;
    top:172px;    
}
.second_Line_2{   
    width:351px;
    right:-2px;  
}
.second_LogoMax{
    position: absolute;
    width:315px;
    right:40px;
    bottom:410px;
    z-index: 3;    
}
.second_cont {
    position: absolute;
    width: 396px;
    right: 20px;
    bottom: 82px;
}
.second_shoe {
    position: absolute;
    width: 513px;
    left: 12px;
    bottom: 55px;
    z-index: 5;
}
.second_shoe span{
    display: block;
    position: relative;
    width:100%;
    left:0;
    top:0;
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
     animation: secondShoe 3.5s 1s linear infinite;
    -webkit-animation: secondShoe 3.5s 1s linear infinite;
    -moz-animation: secondShoe 3.5s 1s linear infinite;   
}
@keyframes secondShoe {
    0%{transform: rotate(0deg);} 10%{transform: rotate(-20deg);} 20%{transform: rotate(0deg);} 25%{transform: rotate(10deg);} 35%{transform: rotate(0deg);}
}
@-moz-keyframes secondShoe {
    0%{-moz-transform: rotate(0deg);} 10%{-moz-transform: rotate(-20deg);} 
    20%{-moz-transform: rotate(0deg);} 25%{-moz-transform: rotate(10deg);} 35%{-moz-transform: rotate(0deg);}   
}
@-webkit-keyframes secondShoe {
    0%{-webkit-transform: rotate(0deg);} 10%{-webkit-transform: rotate(-20deg);} 
    20%{-webkit-transform: rotate(0deg);} 25%{-webkit-transform: rotate(10deg);} 35%{-webkit-transform: rotate(0deg);}    
}

/*------------------------------ third_wrap--------------------------------------*/

.third_wrap{
    position:relative;
    width:950px;
    height: auto;
    margin:0 auto 0;    
    z-index: 3;
    overflow: hidden;    
}
.thirdBg{
    position: relative;
    width:100%;   
    z-index: 0;
}
.third_wrap .index_name {
    right: -80px;
    top: 555px;
    margin: auto;
}
.third_TIT {
    position: absolute;
    width: 432px;
    left: 50%;
    top: 747px;
    margin-left: -214px;   
}
.third_TIT2 {
    position: absolute;
    width: 450px;
    left: 50%;
    top: 964px;
    margin-left: -222px;   
}
.third_number {
    position: absolute;
    width: 100px;
    left: 269px;
    top: 1064px;
    animation: thirdNumber 2.5s linear infinite;
    -webkit-animation: thirdNumber 2.5s linear infinite;
    -moz-animation: thirdNumber 2.5s linear infinite;   
}
@keyframes thirdNumber {
    0%{transform:scale(1);} 45%{transform:scale(1);} 50%{transform:scale(1.2);} 55%{transform:scale(1);} 100%{transform:scale(1);}
}
@-moz-keyframes thirdNumber {
    0%{-moz-transform:scale(1);} 45%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.2);} 55%{-moz-transform:scale(1);} 100%{-moz-transform:scale(1);}   
}
@-webkit-keyframes thirdNumber {
    0%{-webkit-transform:scale(1);} 45%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.2);} 55%{-webkit-transform:scale(1);} 100%{-webkit-transform:scale(1);}  
}
.third_shoe {
    position: absolute;
    width: 677px;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: 300px;
}
.third_circle {
    position: absolute;
    width: 215px;
    left: 7px;
    top: 151px;
    animation: thirdCircle 1s linear infinite;
    -webkit-animation: thirdCircle 1s linear infinite;
    -moz-animation: thirdCircle 1s linear infinite; 
}
@keyframes thirdCircle {
    0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);}
}
@-moz-keyframes thirdCircle {
    0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.2);} 100%{-moz-transform:scale(1);}   
}
@-webkit-keyframes thirdCircle {
    0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1);}
}
.third_cont {
    position: absolute;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    bottom: 50px;
}
.third_bubble {
    position: absolute;
    width: 300px;
    right: 50px;
    top: 19px;
    animation: thirdBubble 1.5s linear infinite;
    -webkit-animation: thirdBubble 1.5s linear infinite;
    -moz-animation: thirdBubble 1.5s linear infinite; 
}
@keyframes thirdBubble {
    0%{width: 300px;right:50px;top:19px;}  50%{width: 330px;right:20px;top:10px;} 100%{width:300px;right:50px;top:19px;}
}
@-moz-keyframes thirdBubble {
    0%{width: 300px;right:50px;top:19px;}  50%{width: 330px;right:20px;top:10px;} 100%{width:300px;right:50px;top:19px;}
}
@-webkit-keyframes thirdBubble {
    0%{width: 300px;right:50px;top:19px;}  50%{width: 330px;right:20px;top:10px;} 100%{width:300px;right:50px;top:19px;}  
}
.third_top_TIT1 {
    position: absolute;
    width: 388px;
    left: 76px;
    top: 123px;
    display: block;
}
.third_top_TIT2 {
    position: absolute;
    width: 388px;
    left: 76px;
    top: 192px;
    display: block;
}

/*------------------------------ fourth_wrap--------------------------------------*/

.fourth_wrap{
    position:relative;
    width:950px;
    height: auto;
    margin:0 auto 0;    
    z-index: 3;
    overflow: hidden;    
}
.fourth_bg{
    position: relative;
    width:100%;   
    z-index: 0;
}
.fourth_1_cont1 {
    position: absolute;
    width: 292px;
    left: 129px;
    top: 362PX;
}
.fourth_1_cont2 {
    position: absolute;
    width: 241px;
    left: 533PX;
    top: 110px;
}
.fourth_1_cont3 {
    position: absolute;
    width: 324px;
    left: 447PX;
    top: 255PX;
}
.fourth_TIT1 {
    position: absolute;
    width: 678px;
    left: 50%;
    margin-left: -357px;
    top: 471px;  
}
.fourth_wrap .third_number {   
    left: 295px;
    top: 589px;    
}
.fourth_wrap .third_number.third_number2 {
    left: 293px;
    top: 1268px;
}
.fourth_2_TIT {
    position: absolute;
    width: 235px;
    left: 50%;
    margin-left: -127px;
    top: 758px;
    z-index: 3;
}
.fourth_2_cont {
    position: absolute;
    width: 481px;
    left: 50%;
    margin-left: -239px;
    top: 866px;
    z-index: 3;
}
.fourth_2_shoe {
    position: absolute;
    width: 950px;
    left: 0;
    top: 730px;
    z-index: 1;   
}
.fourth_3_Logo{
    position: absolute;
    width: 311px;
    left: 50%;
    margin-left: -155px;
    top: 1451px;
    z-index: 1;    
}
.fourth_3_cont {
    position: absolute;
    width: 433px;
    left: 50%;
    margin-left: -221px;
    top: 1602px;
    z-index: 1;
}
.fourth_3_shoe{
    position: absolute;
    width: 347px;
    right:0;
    top: 1457px;
    z-index: 2;    
}
.fourth_3_shoe span, .fifth_1_shoe span{
    display: block;
    position: relative;
    width:100%;
    left:0;
    top:0;
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
     animation: secondShoe 3.5s 1s linear infinite;
    -webkit-animation: secondShoe 3.5s 1s linear infinite;
    -moz-animation: secondShoe 3.5s 1s linear infinite;   
}

/*------------------------------ fifth_wrap--------------------------------------*/

.fifth_wrap{
    position:relative;
    width:950px;
    height: auto;
    margin:0 auto 0;    
    z-index: 3;
    overflow: hidden;    
}
.fifthBg{
    position: relative;
    width:100%;   
    z-index: 0;
}
.fifth_1_TIT{
    position: absolute;
    width:527px;
    left:0;
    top:0;    
}
.fifth_1_logo {
    position: absolute;
    width: 187px;
    left: 25px;
    top: 372px;
}
.fifth_1_shoe {
    position: absolute;
    width: 450px;
    left: 130px;
    top: 435px;
}
.fifth_2_TIT {
    position: absolute;
    width: 218px;
    right: 1px;
    top: 856px;
} 
.fifth_2_shoeShow {
    position: absolute;
    width: 950px;
    height: 685px;   
    left: 0px;
    top: 960px;
    animation: fifthShoeShow 9s linear infinite;
    -webkit-animation: fifthShoeShow 9s linear infinite;
    -moz-animation: fifthShoeShow 9s linear infinite;    
}
@keyframes fifthShoeShow {
    0%{top:940px} 50%{top:980px} 100%{top:940px}
}
@-moz-keyframes fifthShoeShow {
    0%{top:940px} 50%{top:980px} 100%{top:940px}
}
@-webkit-keyframes fifthShoeShow {
    0%{top:940px} 50%{top:980px} 100%{top:940px} 
}
.fifth_2_shoe {
    position: absolute;
    width: 613px;
    left: 50%;
    top: 50%;
    margin: -339px 0 0 -249px;
    z-index: 0;
}
.fifth_2_leftCont_1, .fifth_2_leftCont_2, .fifth_2_leftCont_3, .fifth_2_leftCont_4{
    position: absolute;
    width:715px;
    left: -46px;    
    z-index: 3; 
    opacity: 0;
}
.fifth_2_leftCont_1{   
    top: 21px;
    animation: fifthLeftLine1 6s linear infinite;
    -webkit-animation: fifthLeftLine1 6s linear infinite;
    -moz-animation: fifthLeftLine1 6s linear infinite;    
}
@keyframes fifthLeftLine1 {
    0%{ opacity:0; left:-46px;} 10%{ opacity:0; left:-46px;} 15%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-moz-keyframes fifthLeftLine1 {
    0%{ opacity:0; left:-46px;} 10%{ opacity:0; left:-46px;} 15%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-webkit-keyframes fifthLeftLine1 {
    0%{ opacity:0; left:-46px;} 10%{ opacity:0; left:-46px;} 15%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
.fifth_2_leftCont_2{   
    top:266px;   
    animation: fifthLeftLine2 6s linear infinite;
    -webkit-animation: fifthLeftLine2 6s linear infinite;
    -moz-animation: fifthLeftLine2 6s linear infinite;  
}
@keyframes fifthLeftLine2 {
    0%{ opacity:0; left:-46px;} 15%{ opacity:0; left:-46px;} 20%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-moz-keyframes fifthLeftLine2 {
    0%{ opacity:0; left:-46px;} 15%{ opacity:0; left:-46px;} 20%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-webkit-keyframes fifthLeftLine2 {
    0%{ opacity:0; left:-46px;} 15%{ opacity:0; left:-46px;} 20%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;} 
}
.fifth_2_leftCont_3{   
    top:394px;   
    animation: fifthLeftLine3 6s linear infinite;
    -webkit-animation: fifthLeftLine3 6s linear infinite;
    -moz-animation: fifthLeftLine3 6s linear infinite;   
}
@keyframes fifthLeftLine3 {
    0%{ opacity:0; left:-46px;} 20%{ opacity:0; left:-46px;} 25%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-moz-keyframes fifthLeftLine3 {
    0%{ opacity:0; left:-46px;} 20%{ opacity:0; left:-46px;} 25%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-webkit-keyframes fifthLeftLine3 {
    0%{ opacity:0; left:-46px;} 20%{ opacity:0; left:-46px;} 25%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;} 
}
.fifth_2_leftCont_4{   
    top:520px;   
    animation: fifthLeftLine4 6s linear infinite;
    -webkit-animation: fifthLeftLine4 6s linear infinite;
    -moz-animation: fifthLeftLine4 6s linear infinite;   
}
@keyframes fifthLeftLine4 {
    0%{ opacity:0; left:-46px;} 25%{ opacity:0; left:-46px;} 30%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-moz-keyframes fifthLeftLine4 {
    0%{ opacity:0; left:-46px;} 25%{ opacity:0; left:-46px;} 30%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;}
}
@-webkit-keyframes fifthLeftLine4 {
    0%{ opacity:0; left:-46px;} 25%{ opacity:0; left:-46px;} 30%{ opacity:1; left:16px;} 85%{ opacity:1; left:16px;} 90%{ opacity:0; left:36px;} 100%{ opacity:0; left:-46px;} 
}
.fifth_2_leftCont_1_text, .fifth_2_leftCont_2_text, .fifth_2_leftCont_3_text, .fifth_2_leftCont_4_text{
    position: absolute;
    width:300px;
    left:40px;
    top:0;
    opacity: 0;
    animation: fifthLeftLineText 6s linear infinite;
    -webkit-animation: fifthLeftLineText 6s linear infinite;
    -moz-animation: fifthLeftLineText 6s linear infinite;    
}
@keyframes fifthLeftLineText {
    0%{ opacity:0; left:40px;} 25%{ opacity:0; left:40px;} 35%{ opacity:1; left:0px;} 85%{ opacity:1; left:0px;} 95%{ opacity:0; left:-15px;} 95%{ opacity:0; left:40px;}
}
@-moz-keyframes fifthLeftLineText {
    0%{ opacity:0; left:40px;} 25%{ opacity:0; left:40px;} 35%{ opacity:1; left:0px;} 85%{ opacity:1; left:0px;} 95%{ opacity:0; left:-15px;} 95%{ opacity:0; left:40px;}
}
@-webkit-keyframes fifthLeftLineText {
    0%{ opacity:0; left:40px;} 25%{ opacity:0; left:40px;} 35%{ opacity:1; left:0px;} 85%{ opacity:1; left:0px;} 95%{ opacity:0; left:-15px;} 95%{ opacity:0; left:40px;}
}

/*------------------------------ bottom_wrap--------------------------------------*/

.bottom_wrap{
    position:relative;
    width:950px;
    height: auto;
    margin:0 auto 0;    
    z-index: 3;
    overflow: hidden;    
}
.bottomBg{
    position: relative;
    width:100%;   
    z-index: 0;
}
.bottom_TIT{
    position: absolute;
    width:600px;
    height: 235px;    
    top:180px;
    right:0;
}
.bottom_TIT_1 {
    position: absolute;
    width: 493px;
    left: 30px;
    top: 11px;
    z-index: 3;
    opacity: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    animation: bottomTIT1 4s linear infinite;
    -webkit-animation: bottomTIT1 4s linear infinite;
    -moz-animation: bottomTIT1 4s linear infinite;    
}
@keyframes bottomTIT1 {
    0%{ opacity:0; transform:scale(.5);} 10%{ opacity:0; transform:scale(.5);} 15%{ opacity:1; transform:scale(1.2);} 17%{ opacity:1; transform:scale(1);}
   87%{ opacity:1; transform:scale(1);} 92%{ opacity:0; transform:scale(.5);}
}
@-moz-keyframes bottomTIT1 {
    0%{ opacity:0; -moz-transform:scale(.5);} 10%{ opacity:0; -moz-transform:scale(.5);} 15%{ opacity:1; -moz-transform:scale(1.2);} 17%{ opacity:1; -moz-transform:scale(1);}
   87%{ opacity:1; -moz-transform:scale(1);} 92%{ opacity:0; -moz-transform:scale(.5);}
}
@-webkit-keyframes bottomTIT1 {
    0%{ opacity:0; -webkit-transform:scale(.5);} 10%{ opacity:0; -webkit-transform:scale(.5);} 15%{ opacity:1; -webkit-transform:scale(1.2);} 17%{ opacity:1; -webkit-transform:scale(1);}
   87%{ opacity:1; -webkit-transform:scale(1);} 92%{ opacity:0; -webkit-transform:scale(.5);}
}
.bottom_TIT_2 {
    position: absolute;
    width: 578px;
    left: 6px;
    top: 113px;
    z-index: 2;
    opacity: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    animation: bottomTIT2 4s linear infinite;
    -webkit-animation: bottomTIT2 4s linear infinite;
    -moz-animation: bottomTIT2 4s linear infinite;    
}
@keyframes bottomTIT2 {
    0%{ opacity:0; transform:scale(.5);} 17%{ opacity:0; transform:scale(.5);} 22%{ opacity:1; transform:scale(1.2);} 24%{ opacity:1; transform:scale(1);}
   90%{ opacity:1; transform:scale(1);} 95%{ opacity:0; transform:scale(.5);}
}
@-moz-keyframes bottomTIT2 {
    0%{ opacity:0; -moz-transform:scale(.5);} 17%{ opacity:0; -moz-transform:scale(.5);} 22%{ opacity:1; -moz-transform:scale(1.2);} 24%{ opacity:1; -moz-transform:scale(1);}
   90%{ opacity:1; -moz-transform:scale(1);} 95%{ opacity:0; -moz-transform:scale(.5);}
}
@-webkit-keyframes bottomTIT2 {
    0%{ opacity:0; -webkit-transform:scale(.5);} 17%{ opacity:0; -webkit-transform:scale(.5);} 22%{ opacity:1; -webkit-transform:scale(1.2);} 24%{ opacity:1; -webkit-transform:scale(1);}
   90%{ opacity:1; -webkit-transform:scale(1);} 95%{ opacity:0; -webkit-transform:scale(.5);}
}
.bottom_TIT_icon {
    position: absolute;
    width: 267px;
    right: -11px;
    top: -167px;
    z-index: 1;
    transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    animation: bottomTITIcon 2s linear infinite;
    -webkit-animation: bottomTITIcon 2s linear infinite;
    -moz-animation: bottomTITIcon 2s linear infinite;    
}
@keyframes bottomTITIcon {
    0%{transform:scale(.7);} 50%{transform:scale(1);} 100%{transform:scale(.7);}
}
@-moz-keyframes bottomTITIcon {
    0%{-moz-transform:scale(.7);} 50%{-moz-transform:scale(1);} 100%{-moz-transform:scale(.7);}
}
@-webkit-keyframes bottomTITIcon {
    0%{-webkit-transform:scale(.7);} 50%{-webkit-transform:scale(1);} 100%{-webkit-transform:scale(.7);}
}
.bottom_Logo {
    position: absolute;
    width: 390px;
    top: 613px;
    right: 9px;
}
.bottom_second {
    position: absolute;
    width: 950px;
    left: 0;
    top: 849px;
}
.btn_shoeSelect {
    position: absolute;
    width: 304px;
    height: 50px;
    left: 50%;
    margin-left: -152px;
    bottom: 382px;   
    cursor: pointer;
    z-index: 5;
}
.btn_shoeSelect>a {
    position: absolute;
    width:100%;
    left:0;
    top:0;    
}
.btn_shoeSelect_1{
    display: block ;
}
.btn_shoeSelect_2{
    display: none ;
}
.bottom_shoeShow{
    position: absolute;
    width:748px;
    height: 400px;   
    left:50%;
    margin-left: -355px;
    bottom:420px;
    z-index: 3;
    overflow: hidden;
}
.bottom_shoeShow ul{    
    width:2992px;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
}
.bottom_shoeShow li{
    position: relative;
    width:748px;   
    float: left; 
}
.bottom_shoeShow_women{
    display: none;    
}
.bottom_BtnLink_1, .bottom_BtnLink_2 {
    position: absolute;
    width: 399px;
    height: 111px;
    left: 32px;
    bottom: 172px;
    z-index: 5;
    border:transparent 6px solid;   
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.bottom_BtnLink_2 {
    left: 517px;
}
.bottom_BtnLink_1:hover, .bottom_BtnLink_2:hover {   
    border:#d02eff 6px solid;    
}














/*------------------------------ loadingWrap--------------------------------------*/

.loadingWrap{
    background-color: #0c0c0c;
    position: fixed;
    width:100vw;
    height: 100%;
    left:0;
    top:0;
    z-index: 9999; 
}
.loading_logo{
    position: absolute;
    width:600px;
    left:50%;
    top:45%;
    margin:-150px 0 0 -300px;
}



/*------------------------------ btn_goTop--------------------------------------*/

.btn_goTop {
    position: fixed !important;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: rgb(0, 138, 255);
    bottom: 25px;    
    right:40px;
    z-index: 999;
    display: none;
}
.btn_goTop span {
    display: block;
    position: absolute;
    width: 34px;
    height: 21px;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -17px;
    background-image: url(../images/goTop.png);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.btn_goTop:hover{	
	background-color:rgb(12, 12, 12);
}
.btn_goTop:hover.btn_goTop span{	
	margin: -15px 0 0 -17px;
}


/* ----------------------------------------------------------寬度 960px 設定-------------------------------------------------*/

@media screen and (max-width: 960px){
  
.btn_goTop {
    right: 40px;   
    width: 65px;
    height: 65px;
} 


    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}