*{margin: 0;padding: 0;-webkit-text-size-adjust: 100%;}
ul li{list-style-type: none}

.flexRow{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.flexColumn{
    display: flex;
    flex-direction: column;
}
.container{
    width: 100vw;
    margin: 0 auto;
    min-height: 100vh;
}
html{font-size: 80px}
@media (min-width: 750px)  {
    html{font-size: 100px}
    .container{
        max-width: 7.5rem;
    }
    .train-center img{
        width: 30%;
    }
    .train-center .train-info{
        width: 65%;
    }
}
.pageBg{
    background: url('../img/page.png') #fcedd5 no-repeat;
    background-size: 100% auto;
}
.h-title{
    font-size: 0.6rem;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-top: 0.5rem;
    line-height: 0.6rem;
    transform: skewX(-10deg);
}
.main-title{
    font-size: 0.3rem;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 0.6rem;
}
.part{
    width: 94%;
    margin: 0 auto 0.15rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #ffe2b9;
    box-sizing: border-box;
    background: white;
    padding: 0.2rem;
}
.top-title{
    font-size: 0.26rem;
    text-align: center;
    font-weight: bold;
    color: #ff7a00;
    line-height: 0.6rem;
    transform: skewX(-10deg);
    background: white;
    border-radius: 0.1rem;
    width: 90%;
    margin: 0.2rem auto;
}
.train-main{
    border: 1px solid #ff7a00;
    border-bottom-right-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
    border-bottom-left-radius: 0.15rem;
    box-shadow: 0 6px 6px #fcedd5;
    padding: 0.3rem;
}
.train-center{
    width: 100%;
    align-items: center;
}
.train-center img{
    width: 40%;
    border-radius: 0.1rem;
}
.train-center .train-info{
    width: 57%;
}
.train-course{
    font-size: 0.18rem;
    font-weight: bold;
    color: #ff7a00;
    line-height: 0.34rem;
}
.train-price{
    font-size: 0.14rem;
    color: red;
    line-height: 0.28rem;
}
.train-origin{
    font-size: 0.14rem;
    color: gray;
    line-height: 0.28rem;
    text-decoration: line-through;
}
.train-price span{
    font-size: 0.2rem;
    margin-left: 0.1rem;
    font-weight: bold;
}
.train-btn{
    line-height: 0.6rem;
    width: 100%;
    background: linear-gradient(to right,#fcedd5,#ff7a00);
    border-radius: 0.1rem;
    text-align: center;
    color: white;
    margin: 0.2rem auto 0;
    font-size: 0.2rem;
    box-sizing: border-box;
    height: 0.6rem;
    cursor: pointer;
}

.view-info{
    border-bottom: 1px solid #e5e5e5;
}
.view-box{
    width: 33.33%;
    text-align: center;
    padding-bottom: 0.1rem;
    box-sizing: border-box;
}
.view-box-price{
    font-size: 0.24rem;
    color: red;
    line-height: 0.32rem;
}
.view-box-title{
    font-size: 0.14rem;
    color: gray;
    line-height: 0.28rem;
}
.view-content{
    padding-top: 0.1rem;
}
.view-content li{
    font-size: 0.16rem;
    line-height: 0.28rem;
    font-weight: 600;
    letter-spacing: 2px;
}

.train-end{
    margin-top: 0.3rem;
}
.train-end-title{
    width: 1rem;
    line-height: 0.4rem;
    border-top-right-radius: 1rem;
    padding: 0 0.2rem;
    border: 1px solid #ff7a00;
    font-size: 0.18rem;
    font-weight: 600;
    background: linear-gradient(to right,#fcedd5,#ff7a00);
    color: white;
    border-bottom: none;
}
.train-end-titles{
    width: 3rem;
}
.train-end-titless{
    width: 1.5rem;
}
.train-end-list,.train-end-lists{
    width: 100%;
    border: 1px solid #ff7a00;
    border-bottom-right-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
    border-bottom-left-radius: 0.15rem;
    box-shadow: 0 6px 6px #fcedd5;
    padding: 0.2rem;
    box-sizing: border-box;
}
.train-end-lists{
    flex-wrap: wrap;
}
.train-end-list li{
    font-size: 0.14rem;
    line-height: 0.34rem;
}
.train-end-list li b{margin-right: 3px;}

.section3 .train-end:first-child{margin-top: 0;}

.train-end-lists li{
    width: calc(50% - 0.075rem);
    border-radius: 0.15rem;
    box-sizing: border-box;
    margin-top: 0.15rem;
    padding: 0.2rem;
    box-sizing: border-box;
    background: #fcedd5;
    cursor: pointer;
}
.train-end-lists li:first-child{margin-top: 0;}
.train-end-lists li:nth-child(2){margin-top: 0;}
.train-end-lists li .train-end-h{
    width: 100%;
    background: #ff7a00;
    color: white;
    text-align: center;
    line-height: 0.4rem;
    margin: 0 auto 0.2rem;
    font-size: 0.18rem;
    border-radius: 0.15rem;
}
.train-end-lists li p{
    font-size: 0.14rem;
}
video{
    width: 100%;
    object-fit: cover;
    height: 3rem;
    border-radius: 0.15rem;
}