* {
    margin: 0;
    padding: 0;
}

.applydetail .header {
    box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
}

.applydetail .listTit {
    color: #000 !important;
}

.apply {
    width: 100%;
}

.applyBanner {
    width: 100%;
    height: 7rem;
    background: url('../img/apply/apply.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 3.01rem;
    padding-left: 1.47rem;
    box-sizing: border-box;
}

.leftTrans {
    position: relative;
    height: 0.18rem;
}

.ball {
    animation: swap 2s infinite;
    /* 2秒无限循环动画 */
}

.ball1 {
    position: absolute;
    left: 0;
    width: 0.18rem;
    height: 0.18rem;
    background: #fff;
    border-radius: 50%;
    animation-delay: 0s;
    /* 第一个小球动画延迟 */
}

.ball2 {
    position: absolute;
    left: 0.14rem;
    width: 0.18rem;
    height: 0.18rem;
    border: 0.01rem solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    animation-delay: 1s;
    /* 第二个小球动画延迟 */
}

@keyframes swap {

    0%,
    100% {
        left: 0;
        /* 初始位置 */
    }

    50% {
        left: 0.14rem;
        /* 交换到的目标位置 */
    }
}

.applyBanner .bannerTIt {
    font-family: Arial-Black, Arial-Black;
    font-size: 0.5rem;
    color: #FFFFFF;
    line-height: 0.71rem;
    margin-bottom: 0.11rem;
}

.applyBanner .bannerNav {
    display: flex;
    align-items: center;
    font-family: Arial, Arial;
    font-size: 0.2rem;
}

.bannerNav a {
    color: #FFFFFF;
}

.bannerNav a.active {
    color: #A0B1CE;
}

.bannerNav img {
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.09rem;
}

.apply .applyMain {
    width: 100%;
    background: #f2f2f2 url('../img/apply/appbottom.png') no-repeat;
    background-size: 100% 2.65rem;
    background-position: bottom center;
    padding-bottom: 1.61rem;
}

.apply .applyMain .applyTit {
    width: 100%;
    background: #f2f2f2 url('../img/apply/applytop.png') no-repeat;
    background-size: 100% 1.59rem;
    padding-top: 0.59rem;
    font-family: Arial-Black, Arial-Black;
    font-size: 0.6rem;
    color: #BD1D20;
    line-height: 0.71rem;
    text-align: center;
}

.apply .applyMain .applyList {
    width: 100%;
    padding-left: 1.33rem;
    box-sizing: border-box;
    margin-top: 0.83rem;
}

.applyList .applyCard {
    display: flex;
    width: 16.49rem;
    height: 4.57rem;
    padding-right: 0.44rem;
    background: #FFFFFF;
    box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.2rem;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    margin-bottom: 0.3rem;
}

.applyList .applyCard:last-child {
    margin-bottom: 0;
}

.applyList .applyCard:hover {
    background: linear-gradient(86deg, #FFFFFF 0%, #FDE8E8 100%);
}

.applyList .applyCard .cardLeft {
    width: 6.71rem;
    height: 4.19rem;
    padding: 0.19rem 0 0.19rem 0.18rem;
}

.cardLeft img {
    width: 100%;
    height: 100%;
}

.applyList .applyCard .cardRight {
    margin-left: 0.61em;
}

.cardRight .cardTit {
    margin-top: 0.72rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.35rem;
    color: #141414;
    transition: all 0.3s ease-in-out;
}

.cardRight .cardTex {
    width: 8.55rem;
    margin-top: 0.34rem;
    font-family: Arial, Arial;
    font-size: 0.25rem;
    color: #141414;
}

.modalBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 2.1rem;
    height: 0.64rem;
    /* background: #BE1E21; */
    background: #FFFFFF;
    padding: 0 0.24rem;
    margin-top: 1.23rem;
    border-radius: 0.53rem 0.53rem 0.53rem 0.53rem;
    box-sizing: border-box;
    font-family: MiSans, MiSans;
    font-weight: 500;
    font-size: 0.2rem;
    color: #BE1E21;
    line-height: 0rem;
    border: 0.02rem solid #BE1E21;
    transition: all 0.3s;
}

/* 
.modalBtn:hover {
    background: #BE1E21;
    color: #fff;
} */

.modalBtn .btnImg {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 0.27rem;
    height: 0.27rem;
    border: 0.01rem solid #BE1E21;
    border-radius: 50%;
}

.btnImgBor {
    position: absolute;
    left: -0.57rem;
    width: 0.65rem;
    height: 0.01rem;
    /* border: 0.01rem solid #FFFFFF; */
    background: #BE1E21;
    transition: all 0.3s;
}

.modalBtn .btnImg .btnImgCen {
    width: 0.07rem;
    height: 0.07rem;
    background: #BE1E21;
    border-radius: 50%;
    transition: all 0.3s;
}

.modalBtn .btnImg .btnImgCen.btnImgCenActive {
    width: 0.17rem;
    height: 0.17rem;
    background: #fff;
}

.applyList .applyCard .cardLeft2 {
    padding: 0.19rem 0.18rem 0.19rem 0;
}

.applyList .applyCard2 {
    padding-left: 0.44rem;
    padding-right: 0;
}

.applyList .applyCard .cardRight2 {
    margin-left: 0;
    margin-right: 0.61em;
}

/* 详情页面 */
.container .header .listTit {
    color: #000000 !important;
}

.bot-list {
    color: #000000 !important;
}

.apply2 {
    margin-top: 1rem;
    background: #F8F8F8;
}

.apply2 .detNav {
    display: flex;
    align-items: center;
    margin-left: 1.33rem;
    padding-top: 0.65rem;
    padding-bottom: 0.23rem;
    width: 16.49rem;
    border-bottom: 0.01rem solid #D9D9D9;
}

.apply2 .detNav img {
    width: 0.17rem;
    height: 0.17rem;
    margin-right: 0.06rem;
}

.apply2 .detNav a {
    font-family: Arial, Arial;
    font-size: 0.2rem;
    color: #8B8888;
}

.apply2 .detNav a.active {
    color: #414141;
}

.apply2 .apply2Banner {
    display: flex;
    align-items: flex-end;
    width: 16.49rem;
    height: 6.29rem;
    margin-left: 1.33rem;
    margin-top: 0.55rem;
    background: url('../img/apply/apply2.png') no-repeat;
    background-size: 100% 100%;
}

.apply2 .apply2Banner .bannerModal {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../img/apply/bannermodal.png') no-repeat;
    background-size: 100% 100%;
    width: 16.49rem;
    height: 0.98rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.4rem;
    color: #FFFFFF;
}

.apply2 .apply2Bottom {
    width: 16.49rem;
    margin-left: 1.33rem;
    background: #FFFFFF;
    box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.2rem;
    padding-top: 0.58rem;
    padding-left: 0.67rem;
    margin-top: 0.53rem;
    padding-bottom: 0.86rem;
    margin-bottom: 1.1rem;
}

.apply2 .apply2Bottom .bottomBtnCon {
    display: flex;
}

.bottomBtnCon .bottomBtn {
    height: 0.64rem;
    background: #FFFFFF;
    border-radius: 0.12rem 0 0.12rem 0;
    border: 0.01rem solid #BD1D20;
    padding: 0 0.24rem;
    margin-right: 0.36rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.25rem;
    color: #BD1D20;
    line-height: 0.64rem;
    transition: all 0.3s ease-in-out;
}

.bottomBtnCon .bottomBtn:hover {
    background: #BD1D20;
    border-radius: 0 0.12rem 0 0.12rem;
    color: #fff;
}

.bottomBtnCon .bottomBtn.active {
    background: #BD1D20;
    border-radius: 0 0.12rem 0 0.12rem;
    color: #fff;
}

.apply2 .apply2Bottom .apply2Tit {
    margin-top: 0.46rem;
    margin-bottom: 0.19rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.35rem;
    color: #292929;
}

.apply2 .apply2Bottom .apply2Tex {
    width: 15rem;
    margin-bottom: 0.55rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.24rem;
    color: #292929;
    line-height: 0.4rem;
}

.apply2 .apply2Bottom .apply2Two {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 0.67rem;
    padding-right: 0.62rem;
    box-sizing: border-box;
    margin-bottom: 0.76rem;
}

.apply2Two .apply2TwoCard {
    width: 6.84rem;
}

.apply2Two .apply2TwoCard .TwoCardTit {
    display: flex;
    align-items: center;
}

.TwoCardTit .towRound {
    width: 0.16rem;
    height: 0.16rem;
    background: #BE1E21;
    border-radius: 50%;
    margin-right: 0.06rem;
}

.TwoCardTit .towText {
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.25rem;
    color: #292929;
    line-height: 0.28rem;
}

.apply2Two .apply2TwoCard .TwoCardTex {
    margin-top: 0.22rem;
    font-family: Arial, Arial;
    font-size: 0.2rem;
    color: #898989;
    line-height: 0.35rem;
}

.apply2Img {
    display: flex;
}

.apply2Img .imgLeft {
    display: block;
    width: 5.35rem;
    height: 5.46rem;
}

.apply2Img .texRight {
    width: 8.60rem;
    margin-left: 0.63rem;
}

.apply2Img .texRight .rightTop {
    margin-top: 0.57rem;
    font-family: Arial, Arial;
    font-size: 0.2rem;
    color: #898989;
    line-height: 0.4rem;
}

.rightTop1 {
    margin-bottom: 0.3rem;
}

.apply2Img .texRight .rightBottom {
    margin-top: 0.5rem;
}

.rightBottom .bottomLi {
    display: flex;
    align-items: center;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.2rem;
    color: #606060;
    line-height: 0.4rem;
}

.rightBottom .bottomLi .liround {
    width: 0.14rem;
    height: 0.14rem;
    background: #BE1E21;
    border-radius: 50%;
    margin-right: 0.09rem;
}

.apply3 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0.72rem;
}

.apply3 .apply3Card {
    display: flex;
    flex-direction: column;
    width: 3.75rem;
    height: 4.11rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    /* padding-bottom: 0.49rem; */
    margin-bottom: 0.54rem;
    margin-right: 0.19rem;
    border: 0.01rem solid #fff;
    box-sizing: border-box;
}

.apply3 .apply3Card:nth-child(4n) {
    margin-right: 0;
}

.apply3 .apply3ImgCon{
    width: 3.25rem;
    height: 2.73rem;
    overflow: hidden;
}

.apply3 .apply3Card img {
    display: block;
    width: 3.25rem;
    height: 2.73rem;
    margin-left: 0.14rem;
    margin-bottom: 0.37rem;
    transition: all 0.3s ease-in-out;
}

.apply3 .apply3Card:hover{
border-radius: 0.2rem;
border: 0.01rem solid #D9D9D9;
}

.apply3 .apply3Card:hover .apply3Tex{
    color: #BE1E21;
}

.apply3 .apply3Card .apply3Tex {
    width: 100%;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.24rem;
    color: #292929;
    line-height: 0.28rem;
    padding: 0 0.47rem;
    box-sizing: border-box;
    text-align: center;
}

.ListBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 2.47rem;
    height: 0.64rem;
    background: #FFFFFF;
    border-radius: 0.53rem;
    border: 0.02rem solid #BE1E21;
    padding-left: 0.24rem;
    padding-right: 0.28rem;
    margin: 0.33rem auto 0;
    box-sizing: border-box;
    font-family: MiSans, MiSans;
    font-weight: 500;
    font-size: 0.2rem;
    color: #BE1E21;
}

.ListBtn img {
    display: block;
    width: 0.15rem;
    height: 0.17rem;
}