.steps .steps-title{
    margin-top: 1.75rem;
    margin-bottom: 1.25rem;
    text-align: center;
    font-size: .65rem;
    font-weight: bold;
    color: #00FF00 ;
    text-shadow: .025rem .025rem .0125rem #000000;
}   
.join .Product {
    margin: 0 auto;
    width: 3.75rem;
    height: 1.125rem;
    font-size: .375rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .375rem;
    color: #00FF00 ;
    text-shadow: .025rem .025rem .0125rem #000000;
}

.join .Product-text {
    font-size: .25rem;
}
.steps .steps-center .box{
    width: 100%;
    height: 4.75rem;
    position: relative;
    overflow: hidden;
}
.steps .steps-center .box .box-img{
    width: 82%;
    height: 2.75rem;
    margin-left: 1.675rem;
    margin-top: .9625rem;
}
.steps .steps-center .box .left img{
    width: 1rem;
    height: 1rem;
    margin-right: .125rem;
    margin-top: -0.4375rem;
}
.steps .steps-center .son{
    position: absolute;
    top: .9625rem;
    left: 1.675rem;
    background-color: white;
    width: 95%;
    height: 2.75rem;
    animation: translate 14s linear 1 forwards;
}
@keyframes translate{
    from{
        left: 0;
    }to{
        left: 300%;
    }
}
/*  */
.steps .steps-center .time1 .right p,
.steps .steps-center .time2 .right p,
.steps .steps-center .time3 .right p,
.steps .steps-center .time4 .right p,
.steps .steps-center .time5 .right p,
.steps .steps-center .time6 .right p,
.steps .steps-center .time7 .right p,
.steps .steps-center .time8 .right p,
.steps .steps-center .time9 .right p{
    font-size: .3rem;
}
.steps .steps-center .time1 .right,
.steps .steps-center .time2 .right,
.steps .steps-center .time3 .right,
.steps .steps-center .time4 .right,
.steps .steps-center .time5 .right,
.steps .steps-center .time6 .right,
.steps .steps-center .time7 .right,
.steps .steps-center .time8 .right,
.steps .steps-center .time9 .right{
    display: inline-block;
    font-size: .2rem;
    padding-top: .1rem;
}
.steps .steps-center .time1 .left,
.steps .steps-center .time2 .left,
.steps .steps-center .time3 .left,
.steps .steps-center .time4 .left,
.steps .steps-center .time5 .left,
.steps .steps-center .time6 .left,
.steps .steps-center .time7 .left,
.steps .steps-center .time8 .left,
.steps .steps-center .time9 .left{
    display: inline-block;
}
.steps .steps-center .time1,
.steps .steps-center .time2,
.steps .steps-center .time3,
.steps .steps-center .time4,
.steps .steps-center .time5,
.steps .steps-center .time6,
.steps .steps-center .time7,
.steps .steps-center .time8,
.steps .steps-center .time9{
    height: 1.0625rem;
}
.steps .steps-center .time1 {
    position: absolute;
    bottom: 0;
    left: 1rem;
   
   
}
.steps .steps-center .time2 {
    position: absolute;
    top: 0;
    left: 2.75rem;
    
   
}
.steps .steps-center .time3 {
    position: absolute;
    bottom: 0;
    left: 5.3125rem;
  
   
}
.steps .steps-center .time4 {
    position: absolute;
    top: 0;
    left: 8.25rem;
   
   
}
.steps .steps-center .time5 {
    position: absolute;
    bottom: 0;
    left: 10.8125rem;
   
   
}
.steps .steps-center .time6 {
    position: absolute;
    top: 0;
    left: 13.25rem;
}
.steps .steps-center .time7 {
    position: absolute;
    bottom: 0;
    left: 16.5625rem;

}
.steps .steps-center .time8 {
    position: absolute;
    top: 0;
    left: 19.1875rem;
}
.none{
    display: none;
}
.answer{
    width: 20rem;
    margin: 0 auto;
    margin-top: .8125rem;
    margin-bottom: 1.25rem;
}
.answer .answer-title{
    text-align: center;
    font-size: .65rem;
    font-weight: 700;
    margin-bottom: .625rem;
    color: #00FF00 ;
    text-shadow: .025rem .025rem .0125rem #000000;
}
.answer .card-header{
    padding: 0 0;
}
.answer .btn-link{
    padding: .375rem .5rem .4375rem .75rem;
    font-weight: 700;
    border-radius: 0;
    color: #000000;
    font-size: .3rem;
    position: relative;
    text-decoration:none;
}
.answer .answer-txt .card:nth-child(2n-1){
    background-color: #00ff00;
}
.answer .btn-link div{
    display: inline-block;

}
.answer .btn-link p{
    position: absolute;
    right: .5rem;
    top: .4375rem;
    width: .45rem;
    height: .45rem;
    background-image: url(../img/加盟咨询/line_round_up.svg);
    background-size: cover;
}
.answer .collapsed p{
    background-image: url(../img/加盟咨询/line_round_down.svg);
}
.answer .btn-link:focus{
    background-color: #00FF00 ;
    z-index: 10;
}
.answer .btn-link:hover{
    background-color: #00FF00 ;
}
.center .join {
    margin-top: 1rem;
    padding-top: .625rem;
    height: 10rem;
    background-color: #fafafa;
}
.join .Product{
    width: 4.75rem;
    font-size: .65rem;
}
.join .support {
    width: 20rem;
    height: 6.75rem;
    margin: 0 auto;
    padding-top: .125rem;
}

.join .support ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.join .support ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: .125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .5rem;
}

.join .support ul li a:hover {
    background-color: #00FF00 ;
}

.join .support li {
    display: inline-block;
    margin-left: .125rem;
    width: 6.5rem;
    height: 2.0625rem;
    background-color: #e9e9e9;
    border-radius: .125rem;
    display: flex;
}

.join .support .support-left {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
}

.join .support .support-left img {
    width: 100%;
    height: 100%;
}

.join .support .support-right {
    padding-top: .125rem;
    flex: 1;
}

.join .support .support-right .support-foot p {
    font-size: .225rem;
    width: 3.125rem;
}

.join .support .support-right .support-tap {
    font-size: .375rem;
    font-weight: bold;
    margin-bottom: .1rem;
}


.center .partner {
    height: 9.375rem;
}
.center .partner .Product{
    text-align: center;
    font-size: .625rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #00FF00 ;
    text-shadow: .025rem .025rem .0125rem #000000;
}
.center .partner ul {
    padding: 0 .375rem;
    margin: 0 auto;
    display: flex;
    width: 22.25rem;
    height: 5.3125rem;
    justify-content: space-evenly;
}

.center .partner ul li {
    width: 4.6875rem;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
}

.center .partner ul li:nth-child(4) {
    margin-right: 0;
}

.center .partner ul li a {
    width: 100%;
    height: 100%;
    border-radius: .25rem;
    background-color: #e9e9e9;
}

.center .partner ul li a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #00FF00 ;
    z-index: 20;
}

.center .partner ul li .news-img {
    width: 100%;
    height: 3.125rem;
}

.center .partner ul li .news-img img {
    border-radius: .25rem;
}

.center .partner ul li .news-next {
    color: #000;
    width: 100%;
    height: 2.125rem;
    flex: 1;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    margin-top: .375rem;
}

.center .partner ul li .news-next .news-left {
    margin-top: -0.15rem;
    margin-right: .5rem;
}

.center .partner ul li .news-next .news-day {
    font-size: .375rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .125rem;
}

.center .partner ul li .news-next p {
    margin-top: -0.15rem;
    font-size: .225rem;
    font-weight: bold;
}

.center .partner ul li .news-next .news-right {
    width: 4.0625rem;
    font-size: .3rem;
}

.center .partner ul li .news-next .news-right p {
    width: 4.125rem;
    font-size: .275rem;
    font-weight: bold;
    margin-bottom: .125rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}

.center .partner ul li .news-next .news-right div {
    width: 4rem;
    font-size: .225rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 

}
.footer .footer-tap{
    margin-top: -0.8125rem;
}