.index-title{
   font-size:0.24rem ;
   color: #836448;
   font-weight: 500;
   border-bottom: 0.021rem solid #75A78E;
   display: inline;
   margin-top: 0;
}
.membertype-box{
    height: 5.2708rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7F5F1;

}
.membertype-box .membertype-text{
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.membertype-box .membertype-text .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0.3125rem;
}

.membertype-box .membertype-text .list .item{
    background: rgba(255, 255, 255, 0.949);
    width: 1.9792rem;
    height: 2.667rem;
    padding: 0.19792rem 0.15625rem;
    display: flex;
        flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.membertype-box .membertype-text .list .item:hover {
  transform: translateY(-0.10417rem);
}

.membertype-box .membertype-text .list .item img{
    height: 0.4167rem;
}

.membertype-box .membertype-text .list .item h4{
    font-size: 0.125rem;
    color: #3D3D3D;
    opacity: 0.8;
    font-weight: 600;
    margin: 0;
}

.membertype-box .membertype-text .list .item .desc div{
    display: flex;
    padding: 0.10417rem 0;
}

.membertype-box .membertype-text .list .item div span{
    font-size: 0.083rem;
}
.membertype-box .membertype-text .list .item .condition{
    border-bottom: 0.00521rem solid #D7D4B9;
}
.membertype-box .membertype-text .list .item div span:first-child{
    color: #836448;
    margin-right: 0.0521rem;
    display: block;
    width: 0.1875rem;
}
.membertype-box .membertype-text .list .item .bottom{
    font-size: 0.125rem;
    color: #836448;
    background: #D7D4B9;
    text-align: center;
    text-align: center;
    line-height: 0.125rem;
    padding: 0.1042rem 0.1875rem;
}



.apply-box{
    height: 6.71875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFEBE3;
    font-size: 0.125rem;


}
.apply-box .apply-text{
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.apply-box .apply-text .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0.3125rem;
    flex-direction: column;
}

.apply-box .apply-text .list .item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 0.92708rem;
    margin-bottom: 0.10417rem;
}

.apply-box .apply-text .list .item .num{
    font-size: 0.34375rem;
    font-family: Alimama FangYuanTi VF;
    color: rgba(37, 37, 37, 0.1);
    border-bottom: 0.01042rem solid #75A78E;
}

.apply-box .apply-text .list .item h4{
    font-size: 0.125rem;
    margin: 0;
    color: #3D3D3D;
    opacity: 0.8;
    font-weight: 500;
}
.apply-box .apply-text .list .item .desc{
    font-size: 0.083rem;
    color: #525251;
}


.membership-box{
    height: 5.2708rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7F5F1;
    font-size: 0.125rem;

}
.membership-box .membership-text{
    width: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 0.23956rem;
}

.membership-box .membership-text .list{
    display: flex;
    flex-direction: column;
    width: 100%;

}

.membership-box .membership-text .list .item{
    width: 2.833rem;
    padding: 0.15625rem 0.1667rem;
    background: #EFEBE3;
    margin-bottom: 0.0625rem;

    cursor: pointer;
    transition: transform 0.3s ease;
}

.membership-box .membership-text .list .item:hover {
  transform: translateY(-0.125rem);
  background: rgba(255, 255, 255, 0.949);
}
.membership-box .membership-text .list .item1{
    align-self: flex-start;
}
.membership-box .membership-text .list .item2{
    align-self: center;
}
.membership-box .membership-text .list .item3{
    align-self: flex-end;
}

.membership-box .membership-text .list .item h4 {
    font-size: 0.125rem;
    color: #3D3D3D;
    opacity: 0.8;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.04167rem;
}

.membership-box .membership-text .list .item .desc{
    font-size: 0.0833rem;
    color: #525251;
    margin-bottom: 0.04167rem;
}

.membership-box .membership-text .list .item .i-list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.membership-box .membership-text .list .item .i-list div{
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0.04167rem;
}
.membership-box .membership-text .list .item .i-list div img{
    width: 0.0625rem;
    height: 0.0625rem;
    margin-right: 0.04167rem;
}
.membership-box .membership-text .list .item .i-list div span{
    font-size: 0.0833rem;
    color: #525251;
}



@media (max-width: 600px) {
    .membertype-box {
    padding: 50px 0;
    height: 100%;
    }
    .membertype-box .membertype-text
 {
    width: 100%;
    padding: 20px;
     
 }
 
 .membertype-box .membertype-text .list{
     flex-direction: column;
 }
 .membertype-box .membertype-text .list .item{
     margin-bottom: 20px;
     width: 100%;
 }
 .membership-box .membership-text .list .item {
    width: 100%;
 }
 
 .apply-box .apply-text {
    width: 100%;
    padding: 0 20px;
 }
}