.join1 .p1 {
    padding-bottom: .75rem;
    margin-top: .9rem;
    background: url(../img/join/zp1-p1-bg.png) bottom center no-repeat;
    background-size: 100%;
}

.join1 .p1 .message {
    margin-top: .85rem;
}

.join1 .p1 .message a {
    width: 1.7rem;
    height: .5rem;
    border-radius: .25rem;
    background: #f4a93b;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    margin: 0 auto;
}

.join1 .p1-cont {

    display: flex;
    justify-content: space-between;
}

.join1 .p1-cont .p1-desc {
    width: 6.5rem;
    flex: 0 0 6.5rem;
}

.join1 .p1-cont .p1-desc>div {
    margin-bottom: .45rem;
    font-size: .18rem;
    font-weight: bold;
    line-height: .36rem;
    color: #606060;
    text-align: justify;
}

.join1 .p1-cont .p1-desc>div:last-child {
    margin-bottom: 0;
}

.join1 .p1-cont .p1-img {
    width: 6.66rem;
    height: 3.8rem;
    flex: 0 0 6.66rem;
}

.join1 .p1-cont .p1-img img {
    width: 6.66rem;
    height: 3.8rem;
}


.join1 .p2 {
    margin-bottom: 1.15rem;
    position: relative;
}

.join1 .p2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5.4rem;
    background: #ededed;
}

.join1 .p2-cont {
    position: relative;
    z-index: 1;
}

.join1 .p2-tit {
    padding-top: .7rem;
    margin-bottom: .6rem;
    text-align: center;
    font-weight: bold;
}

.join1 .p2-tit .small {
    font-size: .36rem;
    color: #000;
}

.join1 .p2-tit .big {
    font-size: .6rem;
    color: #000;
}

.join1 .p2-tit .big span {
    color: #f1a63b;
}

.join1 .p2-img {
    display: block;
    margin-bottom: 1rem;
}

.join1 .p2-list {
    display: flex;
    justify-content: space-between;
}

.join1 .p2-list .item {
    width: 3.8rem;
    flex: 0 0 3.8rem;
}

.join1 .p2-list .item .list-tit {
    position: relative;
    padding-left: .5rem;
    margin-bottom: .3rem;
    font-size: .36rem;
    font-weight: bold;
    color: #595757;
}

.join1 .p2-list .item .list-tit::before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    background: #e7a13f;
    border-radius: 50%;
    left: 0;
    top: .12rem;
}

.join1 .p2-list .item .list-tit span {
    color: #e7a13f;
}

.join1 .p2-list .item .list-cont {
    font-size: .18rem;
    font-weight: bold;
    line-height: .32rem;
    color: #595757;
}

.join1 .p3 {
    margin-bottom: .85rem;
}

.join1 .p3>.line {
    padding-top: 1rem;
    border-bottom: 1px solid #dfdfdf;
}

.join1 .p3-tit {
    margin-bottom: 1.15rem;
    padding-top: 1.1rem;
    box-sizing: border-box;
    height: 2rem;
    background: url(../img/join/zp1-p3-tit.jpg) top center no-repeat;
    background-size: 100%;
    font-size: .6rem;
    font-weight: bold;
    color: #000;
}

.join1 .p3-tit span {
    color: #eba03b;
}

.join1 .p3 .message {
    padding-bottom: 1.2rem;
}

.join1 .p3 .message a {
    width: 1.7rem;
    height: .5rem;
    border-radius: .25rem;
    background: #f4a93b;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    margin: 0 auto;
}

.join1 .p3-cont {
    margin-bottom: .85rem;
    display: flex;
    justify-content: space-between;
}

.join1 .p3-cont .left-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 6.2rem;
    flex: 0 0 6.2rem;
}

.join1 .p3-cont .left-list .list-tit {
    margin-bottom: .3rem;
    width: 2.8rem;
    line-height: .4rem;
    font-size: .3rem;
    font-weight: bold;
    color: #fff;
    padding-left: .1rem;
    box-sizing: border-box;
}



.join1 .p3-cont .left-list .item:nth-of-type(1) .list-tit {
    background: #f1a63b;
}

.join1 .p3-cont .left-list .item:nth-of-type(2) .list-tit {
    background: #2575a2;
}

.join1 .p3-cont .left-list .item:nth-of-type(3) .list-tit {
    background: #969797;
}

.join1 .p3-cont .left-list .list-cont {
    font-size: .16rem;
    font-weight: bold;
    line-height: .3rem;
    color: #666666;
}

.join1 .p3-cont .img-box {
    width: 6.7rem;
    height: 5rem;
    flex: 0 0 6.7rem;
}

.join1 .p3-cont .img-box img {
    width: 6.7rem;
    height: 5rem;
}

.join1 .p4 {
    padding-bottom: 1.1rem;
}

.join1 .p4 .p4-tit {
    margin-bottom: .95rem;
}

.join1 .p4 .p4-tit .small {
    font-size: .48rem;
    font-weight: bold;
    color: #000;
}

.join1 .p4 .p4-tit .big {
    margin-bottom: .5rem;
    font-size: .6rem;
    font-weight: bold;
    color: #000;
}

.join1 .p4 .p4-tit .big span {
    color: #f1a63b;
}

.join1 .p4 .p4-tit .desc {
    font-size: .18rem;
    line-height: .36rem;
    font-weight: bold;
    color: #595757;
}

.join1 .p4 .p4-cont {
    display: flex;
    justify-content: space-between;

}

.join1 .p4 .p4-cont .left-list {
    width: 9.5rem;
    flex: 0 0 9.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.join1 .p4 .p4-cont .left-list .item {
    margin-bottom: .5rem;
    width: 4.55rem;
    flex: 0 0 4.55rem;
}

.join1 .p4 .p4-cont .left-list .item .desc {
    font-weight: bold;
    font-size: .2rem;
    line-height: .3rem;
    color: #595757;
}

.join1 .p4 .p4-cont .left-list .item .tit {
    margin: .2rem 0;
    font-size: .3rem;
    font-weight: bold;
    color: #e6a03f;
}

.join1 .p4 .p4-cont .left-list .item .other {
    font-size: .16rem;
    font-weight: bold;
    line-height: .3rem;
    color: #666666;
}

.join1 .p4 .p4-cont .left-list .item .other>div {
    display: flex;
}

.join1 .p4 .p4-cont .left-list .item .other>div span {
    white-space: nowrap;
}

.join1 .p4 .p4-cont .img-box {
    width: 3.78rem;
    height: 5.3rem;
    flex: 0 0 3.78rem;
}

.join1 .p4 .p4-cont .img-box img {
    width: 3.78rem;
    height: 5.3rem;
}

.join2 .p1 {
    padding-top: 1rem;
}

.join2 .p1-tit {
    margin-bottom: 1.15rem;
    padding-top: 1.1rem;
    box-sizing: border-box;
    height: 2rem;
    background: url(../img/join/zp2-p1-tit.jpg) top center no-repeat;
    background-size: 100%;
    font-size: .6rem;
    font-weight: bold;
    color: #000;
}

.join2 .p1-tit span {
    color: #eba03b;
}

.join2 .p1 .message {
    padding-bottom: 1.2rem;
}

.join2 .p1 .message a {
    width: 1.7rem;
    height: .5rem;
    border-radius: .25rem;
    background: #f4a93b;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    margin: 0 auto;
}

.join2 .p1-cont {
    margin-bottom: .85rem;
    display: flex;
    justify-content: space-between;
}

.join2 .p1-cont .left-list {
    width: 6.2rem;
    flex: 0 0 6.2rem;
}

.join2 .p1-cont .left-list .list-tit {
    margin-bottom: .3rem;
    width: 2.8rem;
    line-height: .4rem;
    font-size: .3rem;
    font-weight: bold;
    color: #fff;
    padding-left: .1rem;
    box-sizing: border-box;
}

.join2 .p1-cont .left-list .item {
    margin-bottom: .5rem;
}

.join2 .p1-cont .left-list .item:nth-of-type(1) .list-tit {
    background: #f1a63b;
}

.join2 .p1-cont .left-list .item:nth-of-type(2) .list-tit {
    background: #2575a2;
}

.join2 .p1-cont .left-list .item:nth-of-type(3) .list-tit {
    background: #969797;
}

.join2 .p1-cont .left-list .list-cont {
    font-size: .16rem;
    font-weight: bold;
    line-height: .3rem;
    color: #666666;
}

.join2 .p1-cont .img-box {
    width: 6.65rem;
    height: 5rem;
    flex: 0 0 6.65rem;
}

.join2 .p1-cont .img-box img {
    width: 6.65rem;
    height: 5rem;
}

.join2 .p2 {
    padding-top: .75rem;
    padding-bottom: 1.65rem;
    background: url(../img/join/zp2-p2-bg.jpg) top center no-repeat;
    background-size: 100%;
}

.join2 .p2-tit {
    margin-bottom: .95rem;
    text-align: center;
}

.join2 .p2-tit .big {
    margin-bottom: .5rem;
    font-size: .48rem;
    font-weight: bold;
    color: #000;
}

.join2 .p2-tit .big span {
    color: #f1a63b;
}

.join2 .p2-tit .small {
    font-size: .18rem;
    line-height: .36rem;
    /*color: #595757;*/
}

.join2 .p2-list {
    margin-top: 1.1rem;
    display: flex;
    justify-content: space-between;
}

.join2 .p2-list .item {
    width: 3.25rem;
    height: 2.5rem;
    background: #ededed;
}

.join2 .p2-list .item .item-tit {
    line-height: .7rem;
    text-align: center;
    font-size: .34rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.join2 .p2-list .item:nth-of-type(odd) .item-tit {
    background: #f1a63b;
}

.join2 .p2-list .item:nth-of-type(even) .item-tit {
    background: #2575a2;
}

.join2 .p2-list .item .item-cont {
    padding: .15rem .2rem 0 .2rem;
    box-sizing: border-box;
    text-align: justify;
    font-size: .16rem;
    font-weight: bold;
    line-height: .28rem;
    color: #666666;
}

.join3 .p1 {
    margin-bottom: .8rem;
}

.join3 .p1-tit {
    margin-bottom: .8rem;
    text-align: center;
}

.join3 .p1-tit .small {

    font-size: .48rem;
    font-weight: bold;
    color: #595757;
}

.join3 .p1-tit .big {
    font-size: .6rem;
    font-weight: bold;
    color: #595757;
}

.join3 .p1-tit .big span {
    color: #eba03b;
}

.join3 .p1-desc {
    font-size: .16rem;
    line-height: .36rem;
    /*color: #606060;*/
    text-align: justify;
    margin-bottom: .75rem;
}

.join3 .p1-desc>div {
    margin-bottom: .2rem;
}

.join3 .p2 .p2-tit {
    margin-bottom: .9rem;
    text-align: center;
    font-size: .6rem;
    font-weight: bold;
    color: #212121;
}

.join3 .p2 .p2-tit span {
    color: #f4a93b;
}

.join3 .p2 .p2-cont {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.join3 .p2 .p2-cont .p2-img{
    width: 9.17rem;
    height: 4.02rem;
    position: absolute;
    left: 0;
    bottom: 0;
}
.join3 .p2 .p2-cont .item {
    width: 4.35rem;
    flex: 0 0 4.35rem;
}

.join3 .p2 .p2-cont .item:nth-of-type(1) .item-tit {
    background: #f4a93b;
}

.join3 .p2 .p2-cont .item:nth-of-type(2) .item-tit {
    background: #25759f;
}

.join3 .p2 .p2-cont .item:nth-of-type(3) .item-tit {
    background: #939494;
}

.join3 .p2 .p2-cont .item-tit {
    margin-bottom: .25rem;
    padding-left: .2rem;
    box-sizing: border-box;
    width: 100%;
    line-height: .44rem;
    color: #fff;
    font-size: .3rem;
    font-weight: bold;
}

.join3 .p2 .p2-cont .item-cont .big {
    font-size: .24rem;
    font-weight: bold;
    color: #f4a93b;
}

.join3 .p2 .p2-cont .item-cont .big span {
    font-size: .16rem;
    color: #595757;
}

.join3 .p2 .p2-cont .item-cont .desc>div {
    font-size: .18rem;
    font-weight: bold;
    line-height: .3rem;
    color: #595757;
    margin-bottom: .3rem;
}
.join3 .p2 .p2-cont .item-cont .desc>div:last-child{
    margin-bottom: 0;
}
.join3 .p2 .p2-cont .item-cont .desc>div span {
    color: #f4a93b;
}
.join3 .p2 .p2-cont .item:nth-of-type(3) .item-cont .big{
    margin-bottom: .3rem;
}

.join3 .p3 {
    padding-top: 1rem;
    padding-bottom: .9rem;
}

.join3 .p3-tit {

    margin-bottom: .8rem;
    text-align: center;
}

.join3 .p3-tit .big {
    margin-bottom: .2rem;
    font-size: .6rem;
    font-weight: bold;
    color: #212121;
}

.join3 .p3 .p3-tit .big span {
    color: #f4a93b;
}

.join3 .p3 .p3-tit .small {
    font-size: .42rem;
    font-weight: bold;
    color: #212121;
}

.join3 .p3-cont {
    display: flex;
    justify-content: space-between;
}

.join3 .p3-cont .left-box {
    width: 5.95rem;
    flex: 0 0 5.95rem;
}

.join3 .p3-cont .left-box .left-tit {
    padding-bottom: .12rem;
    border-bottom: 1px solid #acabab;
    font-size: .24rem;
    color: #f4a93b;
    font-weight: bold;
}

.join3 .p3-cont .left-box .left-cont .item {
    padding: .12rem 0;
    border-bottom: 1px solid #acabab;
}

.join3 .p3-cont .left-box .left-cont .item .item-tit {
    margin-bottom: .15rem;
    font-size: .2rem;
    font-weight: bold;
    color: #595757;
}

.join3 .p3-cont .left-box .left-cont .item .item-tit span {
    color: #f4a93b;
}

.join3 .p3-cont .left-box .left-cont .item .item-cont>div {
    font-size: .18rem;
    line-height: .32rem;
    color: #595757;
    font-weight: bold;
    display: flex;
}

.join3 .p3-cont .left-box .left-cont .item .item-cont>div span {
    margin-right: .1rem;
}

.join3 .p3-cont .right-img {
    width: 6.91rem;
    height: 5rem;
}




.join3 .p4 .message {
    padding-bottom: 1.35rem;
}

.join3 .p4 .message a {
    width: 1.7rem;
    height: .5rem;
    border-radius: .25rem;
    background: #f4a93b;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    margin: 0 auto;
}

.join3 .p4 .p4-tit {
    margin-bottom: .9rem;
    text-align: center;
    font-size: .6rem;
    font-weight: bold;
    color: #212121;
}

.join3 .p4 .p4-tit span {
    color: #f4a93b;
}

.join3 .p4 .p4-list {
    margin-bottom: .8rem;
    display: flex;
    justify-content: space-between;
}

.join3 .p4 .p4-list .item {
    width: 3.28rem;
    flex: 0 0 3.28rem;
    background: #eaeaea;
}

.join3 .p4 .p4-list .item .img-box img {
    width: 3.28rem;
    height: 2.1rem;
    display: block;
}

.join3 .p4 .p4-list .item .item-tit {
    padding-left: .15rem;
    line-height: .74rem;
    font-size: .3rem;
    font-weight: bold;
    color: #fff;
}

.join3 .p4 .p4-list .item:nth-of-type(1) .item-tit,
.join3 .p4 .p4-list .item:nth-of-type(3) .item-tit {
    background: #f4a93b;
}

.join3 .p4 .p4-list .item:nth-of-type(2) .item-tit,
.join3 .p4 .p4-list .item:nth-of-type(4) .item-tit {
    background: #25759f;
}

.join3 .p4 .p4-list .item .item-cont {

    padding: .15rem .15rem 0 .15rem;
    box-sizing: border-box;
}

.join3 .p4 .p4-list .item .item-cont dt {
    margin-bottom: .15rem;
    font-size: .2rem;
    font-weight: bold;
    color: #595757;
}

.join3 .p4 .p4-list .item .item-cont dd {
    display: flex;

    font-size: .18rem;
    margin-bottom: .15rem;
    color: #595757;
}

.join3 .p4 .p4-list .item .item-cont dd span {
    line-height: 1.2em;
    color: #595757;
    margin-right: .1rem;
}