main{
    background-color: #f5f5f5;
    overflow: hidden;
}


.train-detai-tp{
    padding: 20px 0;
}

.train-detai-tp a{
    font-size: 14px;
}



.train-detai-cnt{
    background-color: #ffffff;
    padding: 0 150px;
    margin-bottom: 60px;
}

.detai-cnt-tit{
    padding: 50px 0 25px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detai-cnt-tit h2{
    font-size: 30px;
    color: #222222;
}
.detai-cnt-tit div{
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.detai-cnt-tit div span{
    font-size: 14px;
    color: #666666;
}
.detai-cnt-tit div p{
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.detai-cnt-tit div p img{
    margin: 0 5px;
}





.detai-cnt-bx{
    padding: 35px 0;
}
.detai-cnt-bx p{
    font-size: 16px;
    margin-bottom: 35px;
}
.detai-cnt-bx div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.detai-cnt-bx div img{
    width: 80%;
}
.detai-cnt-bx div span{
    padding: 15px 0 30px;
    font-size: 14px;

}


.train-btm{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 80px;
    border-top: 1px solid #e5e5e5;
}
.train-out{
    display: flex;
    flex-direction: column;
}
.train-out > a{
    font-size: 16px;
    color: #222222;
    margin-top: 15px;
}

.train-btm > a{
    width: 140px;
    font-size: 16px;
    color: #ffffff;
    background-color: #00a0e9;
    padding: 15px 0;
    text-align: center;
}






@media screen and (max-width:768px) {




    .train-detai-tp{
        padding: .2rem 0;
    }
    
    .train-detai-tp a{
        font-size: .14rem;
    }
    
    
    
    .train-detai-cnt{
        background-color: #ffffff;
        padding: 0 .2rem;
        margin-bottom: .3rem;
    }
    
    .detai-cnt-tit{
        padding: .5rem 0 .25rem;
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .detai-cnt-tit h2{
        font-size: .3rem;
        color: #222222;
    }
    .detai-cnt-tit div{
        margin-top: .15rem;
        display: flex;
        align-items: center;
    }
    .detai-cnt-tit div span{
        font-size: .14rem;
        color: #666666;
    }
    .detai-cnt-tit div p{
        margin-left: .3rem;
        display: flex;
        align-items: center;
    }
    .detai-cnt-tit div p img{
        margin: 0 .05rem;
    }
    
    
    
    
    
    .detai-cnt-bx{
        padding: .3rem 0;
    }
    .detai-cnt-bx p{
        font-size: .16rem;
        margin-bottom: .35rem;
    }
    .detai-cnt-bx div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .detai-cnt-bx div img{
        width: 80%;
    }
    .detai-cnt-bx div span{
        padding: 15px 0 .3rem;
        font-size: .14rem;
    
    }
    
    
    .train-btm{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .3rem 0 .4rem;
        border-top: 1px solid #e5e5e5;
    }
    .train-out{
        display: flex;
        flex-direction: column;
    }
    .train-out > a{
        font-size: .16rem;
        color: #222222;
        margin-top: .15rem;
    }
    
    .train-btm > a{
        width: 1.4rem;
        font-size: .16rem;
        color: #ffffff;
        background-color: #00a0e9;
        padding: .15rem 0;
        text-align: center;
    }






    




}