.step li{margin-bottom: 30px;width: 26%;display: flex;position: relative;left: 0;transition: 0.3s;}
.step li:hover{left: -5px;}
.step li b{font-size: 20px;color: #57381b;margin-right: 20px;display: block;width: 45px;height: 40px;padding-left: 15px;line-height: 40px;background: url(/images/1760752972532/join/step-top.png) center no-repeat;position: relative;top: 3px;box-sizing: border-box;}
.step li:nth-child(4) b,.step li:nth-child(5) b,.step li:nth-child(6) b{padding-left: 19px;background-image: url(/images/1760752972532/join/step-bottom.png)}
.step li p{font-size: 18px;margin-bottom: 3px;}
.step li:nth-child(1) p{animation: y 6s linear infinite;}
.step li:nth-child(2) p{animation: y 6s 1s linear infinite;}
.step li:nth-child(3) p{animation: y 6s 2s linear infinite;}
.step li:nth-child(4) p{animation: y 6s 3s linear infinite;}
.step li:nth-child(5) p{animation: y 6s 4s linear infinite;}
.step li:nth-child(6) p{animation: y 6s 5s linear infinite;}
.step li i{color: #7e7973;margin-left: -3px;}
.step .pic{width: 1200px;margin: -40px auto 50px;display: block;}
@keyframes y {
    0% {color: #3e3e3f;}
    5% {color: #ff8500;}
    25% {color: #ff8500;}
    30% {color: #3e3e3f;}
    100% {color: #3e3e3f;}
}

.shop{margin-top: -40px;}
.shop .piblicPic{width: 100%;margin: 0;left: 0;}
.shop li{position: absolute;top: 60px;text-align: center;}
.shop li:nth-child(1){width: 20%;left: 0;}
.shop li:nth-child(2){width: 23%;left: 40%;}
.shop li:nth-child(3){width: 38%;right: 0;top: 310px;}
.shop li b{font-size: 80px;color: #57381b;font-family: arial;transition: 0.3s;}
.shop li:hover b{text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff;}
.shop li p{color: #57381b;}

.support li{width: 18%;display: flex;}
.support li .pic{width: 60px;margin-right: 10px;transition: 0.3s;}
.support li:hover .pic{transform: rotateY(180deg);}
.support li i{font-size: 18px;margin: 18px 0 6px;display: block;}
.support li p{font-size: 14px;color: #5a5a5a;width: 150px;background-color: #F9F9F9;padding: 6px 10px;box-sizing: border-box;}
.support li:first-child p,.support li:nth-child(2) p{background-color: #fff;}

@media screen and (max-width: 1440px) {
    .shop li{position: absolute;top: 30px;text-align: center;}
    .shop li:nth-child(3){top: 210px;}
}