@charset "UTF-8";
.plan_title{
    margin:0 auto 80px;
    text-align: center;
}
.lead_area{
    text-align: center;
    margin-bottom:80px;
    font-size:14px;
}
.lead_area .title{
    font-size:27px;
    line-height: 1.6em;
    margin-bottom: 30px;
}


.plan_area {
    
}
.plan_area ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.plan_area ul li{
    background: #fff;
    width:48%;
    padding: 20px 0;
    margin-bottom: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.plan_area ul li a{
    pointer-events: none;
    width: 90%;
} 
.plan_area ul li a .type{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #4e4a53;
    opacity:0.5;
    display: flex;
  
} 
.plan_area ul li a .type img{
    height: 84px;
    width: auto;
} 
.plan_area ul li:nth-child(3) a .type img{
    height: 128px;
    width: auto;
} 
.plan_area ul li a .coming{
    background:#4e4a53;
    display: flex;
    justify-content: center;
    padding:4px 0;
} 
.plan_area ul li a .coming img{
    width: 120px;
} 

@media screen and  (max-width: 1100px) {
.plan_area ul li a .type img{
    height: auto;
    width: 82%;
} 
.plan_area ul li:nth-child(3) a .type img{
    height: auto;
    width: 100%;
} 
}
@media screen and (max-width: 1000px) {

    
}
@media screen and (max-width: 767px) {
.plan_title {
    margin: 0 auto 30px;
}
.lead_area{
    margin-bottom:40px;
    font-size:12px;
}
.lead_area .title{
    font-size:18px;
    margin-bottom: 20px;
}
.plan_area ul{
    flex-direction: column;
}
.plan_area ul li{
    width:100%;
    margin-bottom:20px;
}

}