.applicationBox {
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .8rem 0 1.4rem 0;
    width: 100%;

}

.productContainer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.productContainer .goodsInfo {
    display: flex;
    flex-direction: row;
    background: #FBFBFB;
    height: 9.12rem;
    padding-top: .94rem;
}

.goodsInfo .goodInfoLeft {
    width: 8.44rem;
    /* background: pink; */
    border-right: .01rem solid #D8D8D8;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goodsInfo .goodInfoLeft .goodsPic {
    width: 5rem;
    height: 5rem;
}

.proPicSwiperWrapper {
    width: 7.24rem;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    height: 1rem;
    position: relative;
}

.proPicSwiper {
    position: relative;
    width: 6.28rem;
    overflow: hidden;
    height: 1rem;
}

.proImgItem {
    margin-left: .24rem;
    width: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem !important;
    border: 1px solid #777777;

}

.proImgItem img {
    border-radius: .04rem;
    width: .9rem !important;
    display: block;
    height: .9rem !important;
}

.proImgActive {
    border: .01rem solid #002CAA;
}

.swiper-img {
    /* width: 78%; */
}

.proPicBtn {
    width: .32rem;
    height: .32rem;
}

.swiperLeft {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 9;
}

.swiperRight {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 9;
}

.goodsInfo .goodInfoRight {
    padding-left: 1.2rem;
    width: 7.55rem;
}

.goodInfoRight .goodInfoTop {
    position: relative;
    padding-bottom: .3rem;
    border-bottom: 0.01rem solid #D8D8D8;
}

.goodInfoRight .goodInfoTop::after {
    content: "";
    width: 1.12rem;
    position: absolute;
    left: 0;
    height: .08rem;
    background: #FFB632;
    bottom: -.05rem;
}

.goodInfoTop .goodName {
    font-weight: bold;
    font-size: .28rem;
    color: #2A314F;
}

.goodInfoRight .goodSubTitle {
    font-weight: bold;
    font-size: .24rem;
    color: #2A314F;
}

.goodInfoRight .goodDes {
    margin-top: .16rem;
    font-size: .18rem;
    color: #2A314F;
    line-height: .36rem;
}

.applicationInnerBox {
    position: relative;
    align-items: center;
    padding-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}

.applicationItemBoxWrapper {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
}

.applicationInnerBox .applicationItemBox {
    overflow: hidden;
    height: 3.16rem;
    background: #FFFFFF;
    display: flex;
    /* flex-wrap: wrap; */
}

.applicationItemBox .applicationItem {
    margin-left: .32rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: .01rem solid #777777;
    width: 3.76rem;
}

.applicationItemBox .applicationItem:nth-child(4n+1) {
    margin-left: 0;
}

.applicationItem .applicationIcon {
    /*background-color: pink;*/
    width: 1.36rem;
    height: 1.36rem;
}

.applicationItem .applicationTitle {
    font-size: .18rem;
    color: #2A314F;
    margin-top: .2rem;
}

.productAdavanBox {
    /* margin-top: .8rem; */
    align-items: center;
    /* padding-top: .9rem; */
    background: #FBFBFB;

    display: flex;
    width: 100%;
    flex-direction: column;
}

.productAdavanBox .pageTitle {
    padding: .8rem 0;
}

.marTop24 {
    margin-top: .24rem;
}

.marTop48 {
    margin-top: .48rem;
}

.applicatPre {
    margin-top: 0 !important;
}

.applicatNext {
    margin-top: 0 !important;
}