body{
    background: #e5e5e5;
}
.join-us-desc{
    width: 7.6rem;
    font-size: 0.72rem;
    color: #fff;
    text-align: center;
    margin-top: -1rem;
    margin-left: -3.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
}
.join-us-desc .desc{
    font-size: 0.36rem;
    margin-top: 0.6rem;
}
.qualifications{
    width: 12.8rem;
    margin: 0 auto;
}
.qualifyTitle{
    font-size: 0.38rem;
    font-weight: normal;
    text-align: center;
    margin-top: 0.5rem;
}
.qualifyList{
    display: flex;
    margin-top: 0.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}
.qualifyItem{
    box-sizing: border-box;
    width: 50%;
    font-size: .18rem;
    height: 1.15rem;
    width: 5.75rem;
    background: #fff;
    border-radius: 0.1rem;
    margin: 0 auto 0.5rem;
    position: relative;
}
.qualifyItem.none{
    background: transparent;
}
.qualifyDesc{
    box-sizing: border-box;
    padding: 0.3rem 2.15rem 0.3rem 0.5rem;
}
.qualifyDesc i{
    display: block;
    position: absolute;
    right: 0.3rem;
    bottom: 0;
}
.qualify-o{
    width: 0.93rem;
    height: 0.97rem;
    background: url('../images/zz1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.93rem 0.97rem;
}
.qualify-t{
    width: 1.07rem;
    height: 0.95rem;
    background: url('../images/zz2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.07rem 0.95rem;
}
.qualify-th{
    width: 1.01rem;
    height: 0.97rem;
    background: url('../images/zz3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.01rem 0.97rem;
}
.qualify-fo{
    width: 1.06rem;
    height: 0.90rem;
    background: url('../images/zz4.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.01rem 0.90rem;
}
.qualify-fi{
    width: 1.2rem;
    height: 1.04rem;
    background: url('../images/zz5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.04rem;
}
.principle{
    height: 7.95rem;
    background: url('../images/principle-n-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.principle-bg{
    width: 100%;
    height: 7.95rem;
}
.principleTitle{
    font-size: 0.38rem;
    font-weight: normal;
    text-align: center;
    color: #fff;
    padding-top: 1rem;
}
.principleList{
    width: 9rem;
    margin-left: -4.5rem;
    position: absolute;
    left: 50%;
    top:1.8rem;
}
.principleItem{
    font-size: .24rem;
    padding: 0.4rem;
    background: rgba(0,0,0,0.3);
    border-radius: 1rem;
    margin-top: 0.5rem;
    color: #fff;
    text-align: center;
}
.step-bg{
    width: 100%;
}
.step{
    width: 12rem;
    margin: 0 auto;
}
.stepTitle{
    padding-top: 0.5rem;
    font-size: 0.38rem;
    font-weight: normal;
    text-align: center;
}
.stepList{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: .5rem;
    padding-bottom: 0.5rem;
}
.stepItem{
    text-align: center;
    width: 1.71rem;
    position: relative;
}
.step-title{
    font-size: 0.18rem;
    color: #251714;
    height: 0.62rem;
    line-height: 0.62rem;
    padding: 0.39rem 0;
}
.step-title.half{
    line-height: 0.31rem;
}
.step-num{
    font-size: 0.38rem;
    color: #fff;
    line-height: 0.6rem;
}
.step-num1{
    background: linear-gradient(to right, #5ab100, #5ab100);
}
.step-num2{
    background: linear-gradient(to right, #5ab100, #53aa00);
}
.step-num3{
    background: linear-gradient(to right, #4aa40c, #4aa40c);
}
.step-num4{
    background: linear-gradient(to right, #429d16, #429d16);
}
.step-num5{
    background: linear-gradient(to right, #3a961d, #3a961d);
}
.step-num6{
    background: linear-gradient(to right, #309024, #309024);
}
.step-num7{
    background: linear-gradient(to right, #268928, #268928);
}
.stepItem i{
    display: block;
    height: 0.7rem;
    width: 0.85rem;
    margin: 0 auto;
}
.step-1{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -0.43rem -0.05rem;
}
.step-2{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -2.15rem -0.05rem;
}
.step-3{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -3.86rem -0.05rem;
}
.step-4{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -5.58rem -0.05rem;
}
.step-5{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -7.30rem -0.05rem;
}
.step-6{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -9.01rem -0.05rem;
}
.step-7{
    background: url('../images/lc.png');
    background-repeat: no-repeat;
    background-position: -10.72rem -0.12rem;
}
.stepItem i.step-icon{
    display: block;
    width: 0.41rem;
    height: 2.51rem;
    background: url('../images/step.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    right: -0.41rem;
    bottom: 0.25rem;
}
.cooperate{
    padding-bottom: 1rem;
}
.cooperateTitle{
    padding-top: 1rem;
    font-size: 0.38rem;
    font-weight: normal;
    text-align: center;
}
.tell{
    background: #fff;
    width: 4rem;
    margin: 0.7rem auto 0;
    padding: 0.3rem 0.85rem;
    text-align: center;
    border-radius: 2rem;
    position: relative;
    left: 0.27rem;
}
.tell-number{
    font-size: 0.38rem;
}
.tell .time{
    font-size: 0.14rem;
}
.tell-icon{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/tell-icon.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    top: -0.15rem;
    left: -0.55rem;
}