.banner {
    min-width: 12.56rem;
    background: url(../images/marketIcon/bannerBg.jpg) no-repeat;
    background-size: 19.2rem 7.98rem;
    width: 19.2rem;
    height: 7.98rem;
}
#top {
  height: 0.7rem;
}
.money {
    letter-spacing: 0.08em;
}
.banner-content {
    width: 50%;
    padding: 0.49rem 0 0.78rem 0;
    box-sizing: border-box;
    position: absolute;
    left: 3.57rem;
}
.banner-content-left {
    width: 49%;
    padding-top: 1.61rem;
}
.banner-content-right {
    width: 49%;
    padding-right: calc(49% - 6.76rem);
}
.banner-title {
    font-weight: 500;
    font-size: 0.48rem;
    color: #ffffff;
    opacity: 0.95;
    margin-bottom: 0.3rem;
    -webkit-animation: fadeInLeft 1s .2s ease both;
}
.banner-con {
    font-weight: 500;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.24rem;
    -webkit-animation: fadeInLeft 1s .5s ease both;
}
.banner-icon {
    width: 6.76rem;
    height: 5.17rem;
    animation: moveDown 2s infinite alternate;
}
@keyframes moveDown {
    from {
        transform: translateY(-0.07rem);
    }

    to {
        transform: translateY(0.07rem);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-0.2rem);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
.banner-btn {
    width: 2.4rem;
    height: 0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background: #ca92ff;
    border-radius: 0.08rem;
    font-size: 0.28rem;
    color: #ffffff;
    margin-top: 0.36rem;
    cursor: pointer;
    -webkit-animation: fadeInLeft 1s .7s ease both;
    -moz-animation: fadeInLeft 1s .7s ease both;
}
.title-bj {
    text-align: center;
    font-weight: 500;
    font-size: 0.46rem;
    color: #1f2026;
    margin: 0 0 0.8rem;
}
.title-desc {
    text-align: center;
    margin: 0.5rem 0 0 0;
}
.card-div {
    justify-content: center;
    margin-bottom: 1.38rem;
}
.card-item {
    padding: 0 0.15rem 0.15rem;
    box-sizing: border-box;
    width: 6.41rem;
    background: #f7f8ff;
    border-radius: 0.12rem;
}
.card-title {
    font-weight: 500;
    font-size: 0.36rem;
    color: #356fff;
    line-height: 0.9rem;
    position: relative;
    overflow: hidden;
}
.card-content {
    width: 6.12rem;
    height: 3.91rem;
    background: #ffffff;
    border-radius: 0.08rem;
    padding: 0 0.25rem;
    box-sizing: border-box;
}
.card-parsing,
.card-sence {
    padding: 0.16rem 0;
    border-bottom: 1px solid #cfddf9;
    font-size: 0.2rem;
}
.card-sence-left {
    padding: 0.285rem 0;
    border-bottom: 1px solid #cfddf9;
    font-size: 0.2rem;
}
.card-parsing {
    font-size: 0.16rem;
    color: #525a68;
    line-height: 0.24rem;
}
.card-sence-top {
    align-items: center;
}
.card-sence-img {
    height: 0.26rem;
}
.card-sence-text {
    color: #231815;
    font-size:.24rem;
    margin: 0 0.1rem;
    min-width: 0.98rem;
}
.card-sence-down {
    border-top: 0.08rem solid transparent;
    border-bottom: 0.08rem solid transparent;
    border-left: 0.1rem solid black;
}
.bg-icon {
    width: 1.56rem;
    height: 1.39rem;
    top: 0;
    right: 0;
    position: absolute;
}
.sence-div {
    background: url("../images/marketIcon/envelopeSenceBg.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 1.38rem 0 1.38rem 0;
}
.programme-div {
    background: url("../images/marketIcon/programmeBg.jpg") no-repeat;
    background-size: auto auto;
    padding: 1.38rem 0;
}
.sence-content {
    justify-content: center;
}
.sence-card-item {
    width: 5.69rem;
    height: 1.61rem;
    background: #ffffff;
    box-shadow: 0 0.07rem 0.16rem 0 rgba(194, 202, 228, 0.2);
    border-radius: 0.12rem;
    font-size: 0.2rem;
}
.sence-img-list {
    font-size: 0.16rem;
    text-align: center;
    font-weight: 500;
    color: #525a68;
}
.sence-img-list-first > img {
    margin-top: 0.1rem;
    margin-bottom: 0.23rem;
    border-radius: 0.22rem;
    box-shadow: 0 0.07rem 0.16rem 0 rgba(194, 202, 228, 0.82);
    margin-right: 0.18rem;
    width: 2.47rem;
    height: 4.87rem;
}
.sence-left {
    width: 6.53rem;
    background: url("../images/marketIcon/senceLeftBg.png") no-repeat;
    background-size: cover;
    border-radius: 0.12rem;
    display: flex;
    flex-direction: column;
}
.sence-right {
    width: 6.53rem;
    background: url("../images/marketIcon/senceRightBg.png") no-repeat;
    background-size: cover;
    border-radius: 0.12rem;
    display: flex;
    flex-direction: column;
}
.vs {
    width: 0.76rem;
    height: 0.76rem;
    background: #1671ff;
    border-radius: 50%;
    font-weight: 500;
    font-size: 0.45rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.76rem;
    position: absolute;
    left: calc(50% - 0.38rem);
    top: calc(3.94rem / 2 - 0.38rem);
}
.sence-mid {
    font-weight: bold;
    font-size: 0.24rem;
    margin: 0.4rem 0 0.4rem calc(50% - 6.54rem);
}
.li-icon {
    width: 0.32rem;
    height: 0.32rem;
    color: #fff;
    border-radius: 50%;
    background: #356fff;
    display: inline-block;
    text-align: center;
    line-height: 0.32rem;
    font-weight: normal;
    margin-right: 0.1rem;
}
.left-table-header {
    background-color: #377df6;
    width: 6.54rem;
    border-top-left-radius: 0.12rem;
    box-sizing: border-box;
}
.right-table-header {
    background-color: #7982f6;
    width: 6.59rem;
    border-top-right-radius: 0.12rem;
}
.program-img {
    width: 15.98rem;
    margin: 0.5rem 0 .6rem calc((100% - 15.98rem) / 2);
}
.case {
    background: url("../images/marketIcon/caseBg.jpg") no-repeat;
    background-size: cover;
    padding-top: 1.38rem;
    padding-bottom: 1.38rem;
    box-sizing: border-box;
}
.case-title {
    font-weight: 500;
    font-size: 0.46rem;
    color: #1f2026;
}
.code-mode {
    width:11.8rem;
    margin:0 auto;
    margin-top: 1.4rem;
    position: relative;
}
.code-mode-line {
    width: 7.8rem;
    top: 0.45rem;
    left: 2.0rem;
    position: absolute;
}
.code-mode-item {
    width: 1.7rem;
    height: 2.82rem;
    background: #1671ff;
    border-radius: 0.12rem;
    border: 1px solid #97cafd;
    font-weight: 500;
    font-size: 0.20rem;
    color: #ffffff;
    margin-bottom: 1.2rem;
    padding-top: 1.2rem;
    text-align: center;
    box-sizing: border-box;
}
    .code-mode-item img {
        margin-left: 0.62rem;
        margin-bottom: 0.05rem;
    }
.code-mode-arrow {
    margin: 0 0.3rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #251714;
}
.code-mode-arrow-item {
    padding: 0.1rem;
    box-sizing: border-box;
    border-bottom: 0.02rem dashed #000000;
    position: relative;
}
.code-mode-center {
    width: 8.42rem;
    font-weight: 500;
    font-size: 0.20rem;
    color: #ffffff;
    line-height: 0.36rem;
    position: relative;
}
.code-mode-center-top {
    width: 1.76rem;
    height: 1.05rem;
    background: linear-gradient(to bottom, #b9d0ff, #7a86fe);
    border-radius: 0.12rem;
    text-align: center;
    padding-top: 0.15rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 2.16rem;
}
.code-mode-center-bottom {
    width: 1.76rem;
    height: 1.05rem;
    background: linear-gradient(to bottom, #7ba9ff, #1e75ff);
    border-radius: 0.12rem;
    text-align: center;
    padding-top: 0.15rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.85rem;
    left: 2.16rem;
}
.code-mode-center-right {
    width: 1.76rem;
    height: 1.05rem;
    border-radius: 0.12rem;
    text-align: center;
    padding-top: 0.15rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.85rem;
    left: 4.95rem;
    background: linear-gradient(to bottom, #b8cfff, #7a85fe);
}
.code-mode-center-img {
    width: 1.23rem;
    height: 1.59rem;
    margin: -0.3rem 0 0.1rem 0.7rem;
}
.round-num {
    width: 0.23rem;
    height: 0.23rem;
    line-height: 0.23rem;
    background: #1671ff;
    border-radius: 50%;
    font-family: DIN;
    font-weight: bold;
    font-size: 0.16rem;
    color: #ffffff;
    text-align: center;
    margin-right: 0.08rem;
    position: absolute;
}
.rad1 {
    top: -0.15rem;
    left: 1.0rem;
}
.rad2 {
    top: 2.6rem;
    left: 1.0rem;
}
.rad3 {
    top: 2rem;
    left: 7.4rem;
}
.rad4 {
    top: -0.15rem;
    left: 4.8rem;
}
.rad5 {
    top: 3.45rem;
    left: 2.95rem;
}
.rad6 {
    top: 1.35rem;
    left: 2.5rem;
}
.rad7 {
    top: 2rem;
    left: 4.3rem;
}
.round-txt {
    font-size:.16rem;
    color:#000000;
    position:absolute;
}
.rad-txt1 {
    top: 0.15rem;
    left: 0.3rem;
}
.rad-txt2 {
    top: 2.9rem;
    left: 0.7rem;
}
.rad-txt3 {
    top: 2.45rem;
    left: 6.9rem;
    line-height:.18rem;
    text-align:center;
}
.rad-txt4 {
    top: 0.11rem;
    left: 4.12rem;
}
.rad-txt5 {
    top: 3.68rem;
    left: 2.56rem;
}
.rad-txt6 {
    top: 1.27rem;
    left: 0.95rem;
    line-height: .18rem;
    text-align: right;
}
.rad-txt7 {
    top: 2.36rem;
    left: 4.1rem;
}
.plat1 {
    width:2.4rem;
    height:.4rem;
    line-height:.4rem;
    text-align:center;
    font-size:.2rem;
    background-color:#e7f3fe;
    border-radius:.3rem;
    border:solid 1px #78c6ff;
    position:absolute;
    top: -0.6rem;
    left: 1.83rem;
    color:#000000;
}
.plat2 {
    width:2.4rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    font-size:.2rem;
    background-color:#e7f3fe;
    border-radius:.3rem;
    border:solid 1px #78c6ff;
    position:absolute;
    top: 3.5rem;
    left: 4.65rem;
    color:#000000;
}
.arrow-event {
    width: 0;
    height: 0;
    border-left: 0.1rem solid black;
    border-bottom: 0.06rem solid transparent;
    border-top: 0.06rem solid transparent;
    position: absolute;
}
.arrow-event-to-right {
    bottom: -0.07rem;
    right: -0.15rem;
}
.arrow-event-to-left {
    bottom: -0.07rem;
    left: -0.15rem;
    transform: rotate(180deg);
}
.swiper-button-next, .swiper-button-prev {
    width:0.53rem !important;
    height:0.53rem !important;
}
.swiper-container {
    margin-top: 0.8rem;
    width: 14.2rem;
    height: 7.4rem;
    margin-left: calc((100% - 14.2rem) / 2);
}
.swiper-container .swiper-slide {
    display:flex;
    justify-content:center;
}
.swiper-slide-img {
    width: 5.6rem;
    height: 6.6rem;
    background: #377df6;
    border-radius: 0 0.12rem 0.12rem 0;
}
.swiper-slide-img1 {
    width: 5.6rem;
    height: 7.15rem;
    background: #377df6;
    border-radius: 0 0.12rem 0.12rem 0;
}
.swiper-button-next,
.swiper-button-prev {
    background-image: none;
}
.swiper-pagination-bullet {
    width: 0.33rem;
    height: 0.09rem;
    background: #c9c9c9;
    border-radius: 0.05rem;
}
.swiper-pagination-bullet-active {
    width: 0.67rem;
    height: 0.09rem;
    background: #377df6;
    border-radius: 0.05rem;
}
.swiper-pagination {
    bottom: -0.1rem !important;
}
.swiper-left > div {
    width: 6.86rem;
    padding-left: 0.4rem;
    padding-right: .2rem;
    box-sizing: border-box;
}
.swiper-left-top {
    background: #f5fbff;
    height: 4.04rem;
    padding-top: 0.5rem;
    padding-right: 0.3rem;
    box-sizing: border-box;
}
.swiper-left-top1 {
    background: #f5fbff;
    height: 5.3rem;
    padding-top: 0.5rem;
    padding-right: 0.3rem;
    box-sizing: border-box;
}
    .swiper-left-top ul li, .swiper-left-top1 ul li {
        font-weight: 500;
        font-size: 0.18rem;
        color: #594f4f;
        line-height: 0.26rem;
        list-style-type: disc;
        margin-left: 0.3rem;
    }
.gray-title {
    font-weight: 500;
    font-size: 0.16rem;
    color: #594f4f;
    line-height: 0.26rem;
    list-style-type: disc;
    margin-left: 0.3rem;
}
.swiper-left-bottom {
    background: url("../images//marketIcon/caseBottomBg.jpg") no-repeat;
    background-size: 100% 100%;
    height: 2.56rem;
    padding-top: 0.4rem;
    box-sizing: border-box;
}
.swiper-left-bottom1 {
    background: url("../images//marketIcon/caseBottomBg.jpg") no-repeat;
    background-size: 100% 100%;
    height: 1.86rem;
    padding-top: 0.4rem;
    box-sizing: border-box;
}
.swiper-left-bottom-title {
    font-weight: 500;
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.37rem;
}
.swiper-left-bottom ul li, .swiper-left-bottom1 ul li {
    font-weight: 500;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.26rem;
    list-style-type: disc;
    margin-left: 0.3rem;
}
.swiper-title {
    font-weight: 500;
    font-size: 0.22rem;
    color: #231815;
    line-height: 0.37rem;
}
.swiper-icon {
    height: 0.24rem !important;
    width: 0.24rem !important;
    padding-top: 0.07rem;
    margin-right: 0.08rem;
}
.left-td {
    background-color: #fff;
}
.right-td {
    background: #edf4fd;
}
.market-bottom {
    width: 13.41rem;
    margin-left: calc((100% - 13.41rem) / 2);
    flex-wrap: wrap;
}
.market-bottom-item {
    width: 6.28rem;
    height: 2.02rem;
    background: url("../images/marketIcon/marketBottomBg.png") no-repeat;
    background-size: cover;
    box-shadow: 0 0.1rem 0.03rem 0 rgba(196, 207, 228, 0.75);
    border-radius: 0.12rem;
    align-items: center;
    padding-left: 0.4rem;
    color: #ffffff;
    box-sizing: border-box;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
}
    .market-bottom-item img {
        width: 1.29rem;
        height: 1.47rem;
    }
.market-bottom :hover {
    transform: scale(1.02);
    transition: all 0.2s;
}
.market-bottom-item-content {
    margin-left: 0.3rem;
}
    .market-bottom-item-content :first-child {
        font-weight: 500;
        font-size: 0.3rem;
        line-height: 0.31rem;
    }
    .market-bottom-item-content :last-child {
        font-weight: 500;
        font-size: 0.18rem;
        line-height: 0.24rem;
        margin-top: 0.1rem;
    }
.qr-div {
    width: 100%;
    height: 3.84rem;
    margin: 0 auto;
    background: #007fff;
    background: linear-gradient(90deg, #6ee1ff 1%, #007fff 99%);
    background-size: 100%;
}
.qr-con {
    width: 9.55rem;
    margin: 0 auto;
}
.qr-left {
    width: 4.3rem;
    float: left;
    margin-top: 0.4rem;
}
.qr-right {
    width: 5.23rem;
    float: left;
    margin-top: 0.6rem;
}
.qr-title {
    font-size: 0.37rem;
    color: #fff;
    font-weight: 500;
}
.qr-right-con {
    width: 5.23rem;
    height: 1.85rem;
    float: left;
    background: url(../images/qrbj.png);
    background-size: 100%;
    margin-top: 0.2rem;
    margin-left: -0.2rem;
}
.qr-right-txt {
    line-height: 0.3rem;
    font-size: 0.18rem;
    color: #000;
    float: left;
    padding-left: 0.75rem;
    padding-top: 0.25rem;
}
    .qr-right-txt .txt {
        font-size: 0.16rem;
    }
.qr-right-btn {
    width: 1.69rem;
    height: 0.5rem;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.14rem;
    background: linear-gradient(93deg, #005cf3 1%, #549bfb 99%);
    color: #fff;
    margin-top: 0.1rem;
    cursor: pointer;
}
.qr-img {
    width: 1.47rem;
    float: left;
    margin-left: 0.6rem;
    margin-top: 0.2rem;
}
    .qr-img img {
        width: 1.46rem;
        height: 1.46rem;
    }
/* 公共类 */
.h57 {
    height: 0.57rem;
    line-height: 0.57rem;
}
.f20 {
    font-size: 0.2rem;
    color: #8d8d8d;
    line-height: 0.28rem;
}
.f22 {
    font-size: 0.22rem;
    font-weight: 500;
}
.f36 {
    font-size: 0.36rem;
    font-weight: bold;
}
.border-b {
    border-bottom: 1px solid #e4eeff;
}
.white {
    color: white;
}
.blue {
    color: #356fff;
}
.tc {
    text-align: center;
}
.blue-title {
    display: inline-block;
    padding: 0 0.4rem 0 0.4rem;
    height: 0.49rem;
    background: #356fff;
    border-radius: 0.12rem 0.24rem 0.24rem 0;
    font-weight: 500;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.49rem;
}
.sence-vs {
    padding:0.5rem 0.5rem 0 0.5rem;
}
.content-title {
    height:0.84rem;
    line-height: 0.28rem;
    font-weight: 500;
    font-size: 0.2rem;
    color: #525a68;
    margin:0.25rem 0 0 0.43rem;
}
.content-icon-title {
    margin-bottom:0.15rem;
}
.content-vs-title {
    height:0.84rem;
    line-height: 0.28rem;
    font-weight: 500;
    font-size: 0.2rem;
    color: #525a68;
    margin:0 0 0.15rem 0;
}
.just-cc {
    justify-content: center;
}
.al-c {
    align-items: center;
}
.df {
    display: flex;
}
.mt10 {
    margin-top: 0.1rem;
}
.w100 {
    width: 100%;
}