body {
    font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "sans-serif";
}
.bg{
    min-width: 1200px;
    margin: 0 auto;
    /* position: relative;
    left: 50%;
    overflow: auto;
    transform: translateX(-50%); */
}
.index-gold-v-icon{
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.banner_url{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.model_title_style {
    font-size: 32px;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    line-height: 45px;
    letter-spacing: 1px;
}

.index-trend-type-item:hover {
    color: #FF405C;

}

.index-trend-type-item.active {
    background: #FF405C;
    box-shadow: 0px 3px 10px 0px rgba(125, 44, 43, 0.4);
    border-radius: 24px;
}

.index-trend-type-item.active:hover {
    color: #fff;
}

.model_title_sm_style {
    font-size: 16px;
    font-weight: 300;
    color: rgba(170, 170, 170, 1);
    line-height: 22px;
}

.clear {
    clear: both;
}

.index_model_main {
    width: 1200px;
    margin: 0 auto;
    /* border: 1px solid black; */
}

/* 平台服务保障 开始 */
.index_plat_guarantee {
    width: 100%;
    min-width: 1280px;
    text-align: center;
    height: 494px;
    background-color: #ffffff;
    padding-top: 50px;
    /* opacity: 0; */
    background: url(../../images/index/index_new/plat_guarantee_bg.png) no-repeat center;
    background-size: cover;
}

.index_box_title {
    /* margin-top: 157px; */
}

.plat_box_row {
    width: 100%;
    text-align: left;
    margin-top: 50px;
    /* overflow: hidden; */
}

.plat_box_item {
    display: inline-block;
    width: 282px;
    height: 292px;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    border: 1px solid rgba(238, 238, 238, 1);
    margin: 0;
    margin-right: 20px;
    text-align: center;
    float: left;
}

.plat_box_item:nth-child(3) {
    width: 281px;
}

.plat_box_item:nth-child(4) {
    width: 280px;
    margin-right: 0;
}

.plat_box_item:hover {
    border: 1px solid white;
    box-shadow: 0px 3px 20px 0px rgba(29, 50, 109, 0.1);
}

.plat_box_item img {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 30px;
}

.plat_box_item_title {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 16px;
    margin-top: 20px;
}

.plat_box_item_text {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    letter-spacing: 1px;
    padding: 0 19px;
    margin-top: 10px;
    text-align: left;
}

/* 平台服务保障 结束 */
/* 平台合能引擎 开始 */
.index_engine {
    width: 100%;
    min-width: 1280px;
    text-align: center;
    height: 487px;
    background-color: #ffffff;
    padding-top: 50px;
}

.index_engine_title {
    /* margin-top: 50px; */
}

.index_engine_sm_title {
    width: 100%;
    margin-top: 20px;
}

.index_engine_box {
    width: 100%;
    margin-top: 50px;
}

.index_engine_item_half {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: left;
    margin-bottom: 50px;
}

.index_engine_item_left {
    display: inline-block;
    float: left;
}

.index_engine_item_left img {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.index_engine_item_right {
    display: inline-block;
    float: left;
    margin-left: 30px;
}

.index_engine_item_title {
    width: 100px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
    margin: 10px 0;
}

.index_engine_item_text {
    width: 410px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(102, 102, 102, 1);
    line-height: 21px;
    letter-spacing: 1px;
}

.item_margin {
    padding-left: 60px;
}

/* 平台合能引擎 结束 */
/* 营销节点 开始 */
.index_node {
    width: 100%;
    background-color: #F3F6FA;
    padding-top: 50px;
    /* height: 675px; */
    height: 414px;
}
.giftextline{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    color:rgba(51,51,51,1)
}
.giftextline div{
    flex: 1;
    text-align: center;
}

.index_node_gif_box {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.index_node_gif_box img {
    width: 1000px;
    display: inline-block;
}

.index_node_title {
    text-align: center;
}

.index_node_sm_title {
    text-align: center;
    margin-top: 20px;
}

/* 营销节点 结束 */
/* 营销案例 开始 */
.index-marketing-case {
    width: 100%;
    height: 822px;
    background: url(../../images/indexActivity/activity_case_bg.png) no-repeat center center;
    background-size: cover;
    margin-top: 150px;
    padding-top: 60px;
}

/* 营销案例 结束 */
/* banner开始 */
.swiper-container-banner {
    width: 1920px;
}

.index-banner-area {
    overflow-x: hidden;
    height: 680px;
}

.bgc_box_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.bgc_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.swiper-container-banner_color {
    width: 100%;
    height: 100%;
}

/* banner 结束 */
/* 统计数字框  开始*/
.index_Statistics_num {
    width: 1200px;
    height: 120px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 15px 0px rgba(29, 50, 109, 0.1);
    border-radius: 20px;
    position: absolute;
    top: 617px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.index_Statistics_num .index_num_sevice {
    display: inline-block;
    height: 100%;
    padding-top: 26px;
    float: left;
    text-align: center;
}

.index_Statistics_num .index_num_sevice:nth-child(1) {
    width: 91px;
    margin-left: 104px;
}

.index_Statistics_num .index_num_sevice:nth-child(2) {
    width: 127px;
    margin-left: 191px;
}

.index_Statistics_num .index_num_sevice:nth-child(3) {
    width: 98px;
    margin-left: 187px;
}

.index_Statistics_num .index_num_sevice:nth-child(4) {
    width: 84px;
    margin-left: 210px;
}

.index_num_style {
    font-size: 26px;
    color: rgba(51, 51, 51, 1);
    line-height: 32px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}
.index_num_style #index_sevicenum,.index_num_style #index_mannum ,.index_num_style #index_all ,.index_num_style #index_date  {
    font-family: 'OPPOSansB';
}
.index_num_text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    display: block;
    text-align: center;
}

.mini_text {
    font-size: 18px;
}

/* 统计数字框  结束*/
/* 红人精选 开始*/
.index_recommend {
    width: 100%;
    height: 1025px;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
}

.index_bg_box {
    width: 100%;
    min-width: 1200px;
    height: 1025px;
    margin: 0 auto;
    /* background: url(../../images/index/index_new/recomende_bg.png) no-repeat center; */
    /* background-size: cover; */
    padding-top: 104px;
    position: relative;

}

.index_recommend_title {
    margin-bottom: 20px;
}

.index_recommend_card {
    width: 1200px;
    height: 583px;
    margin: 0 auto;
}

.index-trend-sort-wrap {
    width: 153px;
    height: 583px;
    border-radius: 10px 10px 10px 10px;
}

.index-trend-sort-item {
    height: 58px;
    text-align: center;
    line-height: 58px;
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.index-trend-sort-item.active {
    color: #FF405C;
    font-weight: 500;
}

.index-trend-sort-item:hover {
    color: #FF405C;
}

.index_card_list {
    margin-left: 173px;
    text-align: left;

}

.index_card_item {
    width: 329px;
    height: 178px;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    display: inline-block;
    margin-right: 15px;
    padding-top: 20px;
    padding-left: 20px;
    cursor: pointer;
}

.index_card_item:nth-child(3) {
    margin-right: 0;
}

.index_card_item:hover {
    box-shadow: 0px 3px 20px 0px rgba(29, 50, 109, 0.1);
}

.index_card_item.active {
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(29, 50, 109, 0.1);
    position: relative
}

.index_card_item.active:after {
    content: "";
    display: inline-block;
    border: 12px solid transparent;
    border-top: 15px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -24px;
    margin-left: -12px;
}

.card_avatar_row {
    width: 100%;
}

.card_avatar {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.card_avatar img {
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 29px;
}

.card_avatar .base-iconfont {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 18px;
    background-color: #fff;
    border-radius: 9px;
}

.card_text {
    display: inline-block;
    margin-left: 20px;
    padding-top: 5px;
}

.card_text_name {
    font-size: 16px;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

.card_text_fans {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(170, 170, 170, 1);
    line-height: 17px;
}

.card_num_row {
    width: 100%;
    margin-top: 30px;
}

.card_num {
    display: inline-block;
    width: 49%;
    text-align: center;
    position: relative;
}

.card_num_top {
    font-size: 16px;
    font-family: 'OPPOSansB';
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    margin-bottom: 5px;

}

.card_num_text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(170, 170, 170, 1);
    line-height: 20px;
}

.card_num_line {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: #EEEEEE;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
}

.index_canvas_box {
    width: 1027px;
    height: 385px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 20px 0px rgba(29, 50, 109, 0.1);
    border-radius: 10px;
    margin-left: 173px;
    margin-top: 20px;
    overflow: hidden;
}

.canvas_box_left {
    width: 336px;
    float: left;
    padding-top: 25px;
    padding-left: 30px;
}

.canvas_box_type {
    text-align: left;
}

.canvas_box_title {
    font-size: 14px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.canvas_box_grade {
    font-size: 14px;
    font-weight: 400;
    color: #FF405C;
    line-height: 20px;
}

.radarMain {
    width: 100%;
    height: 300px;
}

.canvas_box_text_box {
    margin-top: 93px;
}

.canvas_box_text_box .card_avatar_row {
    margin-bottom: 50px;
}

/* 红人精选 结束 */
/* 品牌开始 */
.index_brand {
    width: 100%;
    background-color: #FFFFFF;
    min-width: 1200px;
    text-align: center;
}

.index_brand_list {
    width: 1302px;
    height: 332px;
    /* border: 1px solid black; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.index_brand_list::before {
    width: 160px;
    height: 282px;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
    left: 0;
    content: " ";
    position: absolute;
    top: 0;
    z-index: 1;
}

.index_brand_list::after {
    width: 160px;
    background: linear-gradient(270deg, #ffffff, rgba(255, 255, 255, 0));
    height: 282px;
    right: 0;
    content: " ";
    position: absolute;
    top: 0;
}

.index_brand_row1 {
    /* width: 100%; */
    height: 82px;
    /* overflow-x: scroll; */
    position: relative;
    overflow: hidden;
}

.index_brand_row2 {
    height: 82px;
    /* overflow-x: scroll; */
    position: relative;
    top: 18px;
    left: 80px;
    /* overflow: hidden; */
}

.index_brand_row3 {
    height: 82px;
    /* overflow-x: scroll; */
    position: relative;
    top: 36px;
    overflow: hidden;
}

.index_brand_list .index_brand_row1 img {
    width: 1302px;
    height: 82px;
    display: inline-block;
}

.index_brand_list .index_brand_row2 img {
    width: 1302px;
    height: 82px;
    display: inline-block;
}

.index_brand_list .index_brand_row3 img {
    width: 1302px;
    height: 82px;
    display: inline-block;
}

@keyframes moveleft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-1320px);
    }
}

@keyframes moveright {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(1320px);
    }
}

.img1 {
    position: absolute;
    left: 0;
    transform: translate(0, 0);
    animation: moveleft 60s linear infinite;
}

.img2 {
    position: absolute;
    left: 1322px;
    top: 0;
    transform: translate(0, 0);
    animation: moveleft 60s linear infinite;
}

.img3 {
    position: absolute;
    left: 0;
    transform: translate(0, 0);
    animation: moveright 100s linear infinite;
}

.img4 {
    position: absolute;
    left: -1322px;
    top: 0;
    transform: translate(0, 0);
    animation: moveright 100s linear infinite;
}

.index_brand_title {
    /* margin-top: 50px; */
    padding-top: 50px;
    margin-bottom: 49px;
}



/* 品牌 结束 */
.msg_box {
    color: #000000;
    padding-top: 30px;
}

.msg_box_item {
    width: 100%;
    padding-left: 30px;
    margin-bottom: 24px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 20px;
}

.msg_box_item_boder {
    padding-bottom: 32px;
    border-bottom: 1px solid #eeeeee;

}

.see_money {
    font-size: 20px !important;
    float: right;
    cursor: pointer;
}

.red_text {
    color: #FF405C;
}

.see_money:hover {
    color: #FF405C;
}

/* .see_money.active{
    color:#FF405C ;
} */
.grayText {
    color: #AAAAAA;
}

.deeptext {
    color: #000000;
}

.show_num {
    display: none;
}

.boder_item {
    margin: 0;
}

.msg_box_lable_item {
    width: 100%;
    padding-top: 30px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(170, 170, 170, 1);
}

.gonext_img {
    width: 8px;
    /* float: right; */
    display: inline-block;
    /* margin-right: 30px; */
    position: relative;
    /* top: 4px; */
}

.lable_box_item_num {
    font-size: 18px;
    font-family: 'OPPOSansB';
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
    margin-bottom: 5px;
}

.lable_box_item_text {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(170, 170, 170, 1);
    line-height: 20px;
}

.lable_box {
    width: 100%;
    padding: 20px 0 0 0;
    /* padding-left: 30px; */
    text-align: center;
}

.lable_box_item {
    display: inline-block;
    width: 113px;
}

.lable_box_item:nth-child(1) {
    margin-left: 30px;
    float: left;
}

.index_login_btn_box {
    width: 100%;
    padding: 0 30px;
    margin-top: 36px;

}

.hide_money_text {
    display: none;
}

/* 登录结束 */
/* 精彩案例开始 */

.index_case_title {
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    line-height: 45px;
    letter-spacing: 1px;

    /* margin-top: 50px; */
}

.index_case_sm_title {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    line-height: 22px;
    margin-top: 20px;
    /* position: absolute;
    top: 20px; */
}

.index-item-wrapper {
    background: #fff;
}

.index-item-wrapper.index-item-banner-wrapper {
    background: #1820F4;
}

.index-item-wrapper.index-item-other-wrapper {
    background: linear-gradient(180deg, rgba(243, 246, 250, 1) 0%, rgba(250, 251, 253, 1) 100%);
}

.index-item-wrapper.index-item-case-wrapper {
    background: linear-gradient(360deg, rgba(58, 95, 248, 1) 0%, rgba(107, 95, 255, 1) 100%);
}

.index-item-wrapper.index-item-contact-wrapper {
    background: #F3F6FA;
}

.index-item-bg {
    width: 100%;
    /* max-width: 1920px; */
    margin: 0 auto;
    min-height: 250px;
}

.index-item-case-bg {
    height: 765px;
    background: url(../../images/index/index_new/case_bg.png) no-repeat center;
    background-size: cover;
    padding-top: 50px;
}

.swiper-container-case .swiper-slide {
    height: 100%;
}

.swiper-container-case .swiper-pagination-case.swiper-pagination-bullets {
    z-index: 100;
    width: 590px;
}

.swiper-container-case .swiper-pagination-case .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.8;
}

.swiper-container-case .swiper-pagination-case .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    width: 47px;
    border-radius: 6px;
    opacity: 1;
}

.swiper-container-case .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background: none;
    width: 65px;
    height: 65px;
    background: #895958;
    text-align: center;
    line-height: 65px;
    left: 463px;
    top: 463px;
    z-index: 101;
    ;
    margin-top: 0;
}

.swiper-container-case .swiper-button-prev:hover {
    background: #613F3E;
}

.swiper-container-case .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: none;
    width: 65px;
    height: 65px;
    background: #895958;
    text-align: center;
    line-height: 65px;
    left: 528px;
    top: 463px;
    z-index: 101;
    ;
    margin-top: 0;
}

.swiper-container-case .swiper-button-next:hover {
    background: #613F3E;
}

.index-marketing-case-wrap {
    width: 1056px;
    margin: 50px auto 0;
    background: #fff;
}

.index-marketing-case-left-wrap {
    width: 528px;
    height: 528px;
    border-radius: 15px 0 0 15px;
    position: relative;
    z-index: 2;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.index-marketing-case-index {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: linear-gradient(to left bottom, #F5AA84, #FF405C);
    position: absolute;
    left: 463px;
    bottom: 65px;
    z-index: 10;
}

.index-marketing-case-right-wrap {
    width: 528px;
    height: 528px;
    background: #fff;
    border-radius: 0 15px 15px 0;
    position: relative;
    z-index: 1;
    padding: 30px 40px;
}

.index-marketing-case-title {
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    max-width: 510px;
    font-weight: bold;
}

.index-marketing-case-tag-time {
    margin-top: 25px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #EEEEEE;
}

.index-marketing-case-tag-item {
    padding: 10px 30px;
    font-size: 16px;
    background: linear-gradient(to right, #FF405C, #F5AA84);
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
}

.index-marketing-case-time {
    font-size: 14px;
    color: #AAAAAA;
    line-height: 36px;
}

.index-marketing-case-data-wrap {
    margin: 40px 0;
}

.index-marketing-case-data-item {
    width: 33.3%;
    text-align: center;
    position: relative;
}

.index-marketing-case-data-item-num {
    font-size: 14px;
    color: #333333;
}

.index-marketing-case-data-item-num span {
    font-size: 26px;
    line-height: 32px;
    color: #FF405C;
    font-family: 'OPPOSansB';
}

.index-marketing-case-data-item-title {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-top: 8px;
}

.index-marketing-case-desc {
    color: #666666;
    line-height: 24px;
    margin-bottom: 5px;
}

.index-marketing-case-desc span {
    font-weight: bold;
}

.swiper-container-case {
    border-radius: 15px;
}

.swiper-container-case .swiper-slide {
    height: 100%;
}

.index_case_swiper {
    /* position: relative;
    top: 92px; */
}

/* 精彩案例结束 */
#logonnew {
    display: none;
}

#logonnew_ad {
    display: none;
}
#logonnew_sp {
    display: none;
}
#logonnew_ad .index-banner-login-wrap {
    height: 526px;
    margin-top: 70px;
    position: relative;
}

#logonnew .index-banner-login-wrap {
    height: 526px;
    margin-top: 70px;
    position: relative;
}
#logonnew_sp .index-banner-login-wrap {
    height: 410px;
    margin-top: 70px;
    position: relative;
}

.gologin {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 17px;
    cursor: pointer;
}

@keyframes toshowDiv {
    0% {

        opacity: 0;
    }

    /* 50% {

        opacity: 0.3;
    } */

    100% {
        opacity: 1;
    }
}

@keyframes tohideDiv {
    0% {

        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.tohideDiv {
    animation: tohideDiv 0.5s linear;
    animation-fill-mode: forwards;
}

.toshowDiv {
    animation: toshowDiv 0.5s linear;
    animation-fill-mode: forwards;
}

.go_details_btn {
    width: 110px;
    height: 40px;
    border-radius: 22px;
    border: 1px solid rgba(170, 170, 170, 1);
    font-size: 14px;
    font-weight: 400;
    color: rgb(102, 102, 102);
    line-height: 20px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

.go_details_btn a {
    width: 100%;
    height: 100%;
}

.go_details_btn:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.index_recommend_godetails {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 50px;
}

.go_details_text {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    letter-spacing: 1px;
}

.go_details_num {
    color: #FF405C;
}

.canvas_tip_box {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.canvas_tip_box:hover .canvas_tip_box_detail {
    display: block;
}

.canvas_tip_box:hover .iconfont-mark {
    color: #FF405C;
}

.canvas_tip_box_detail {
    color: #333333;
    line-height: 18px;
    padding: 10px;
    background: #fff;
    position: absolute;
    left: -135px;
    top: 24px;
    width: 280px;
    height: 106px;
    box-sizing: border-box;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);
    display: none;
    text-align: left;
    z-index: 9;
    border-radius: 5px;
}

.triangle-up-icon {
    display: inline-block;
    border: 7px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 50%;
    top: -17px;
    transform: translateX(-50%);
}


.swiper-pagination-banner .swiper-pagination-bullets {
    z-index: 100;
    /* width: 590px; */
}

.swiper-pagination-banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #fff;
    opacity: 0.8;
}

.swiper-pagination-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    width: 40px;
    height: 8px;
    border-radius: 6px;
    opacity: 1;
}

.swiper-pagination-banner {
    padding-left: 362px;
}

.index-contact-btn {
    box-shadow: none;
}

.index-contact-btn:hover {
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
}

.index_node_bg {
    width: 100%;
    min-width: 1200px;
    height: 314px;
    margin: 0 auto;
    background: url(../../images/index/index_new/index_gif_bg.png) no-repeat center;
    background-size: cover;
    position: relative;
}

.layer-order-content {
    padding: 40px 90px 0;
}

.layer-order-inp {
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    border: 1px solid rgba(238, 238, 238, 1);
}

.layer-order-other {
    line-height: 40px;
}

#self_demand {
    /* width: 100%; */
    width: 375px;
    height: 140px;
    border: 1px solid rgba(238, 238, 238, 1);
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
}

.layer-order-title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 22px;
    padding: 10px 20px;
}
.error_border{
    border: 1px solid red;
}
.layui-layer {
    border-radius: 10px !important;
}

.layer-order-btn {
    margin-top: 16px;
}

.base-iconfont.iconfont-close {
    font-size: 13px;
}

.swiper-container-banner .swiper-slide {
    background-color: transparent;
}

.index-banner-wrap {
    background-color: transparent;
}

.md_logon {
    display: none;
}
.gonext_url{
    width: 8px;
    height: 12px;
    float: right;
    display: inline-block;
    margin-right: 30px;
    position: relative;
    top: 4px;
}
.index-banner-login-wrap {
    border-radius: 30px;
}

.layui-form-onswitch i {
    margin-left: 0;
}

.index-trend-detail-right {
    padding: 25px 0;
    margin-left: 40px;
    height: 100%;
}

.index-trend-detail-right {
    width: 637px;
}

.index-trend-area {
    height: 247px;
}

.go_details_people {
    width: 179px;
    height: 54px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 20px 0px rgba(29, 50, 109, 0.1);
    border-radius: 15px 0px 15px 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.go_details_people a {
    display: inline-block;
    width: 179px;
    height: 54px;
    line-height: 54px;
}

.index-contact-wrap {
    /* margin-top: 49px; */
    margin-top: 0;
}

.index-contact-wrap {
    background-color: #F3F6FA;
}

.index-contact-title {
    font-size: 32px;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    line-height: 45px;
}

.index-contact-desc {
    font-size: 16px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: rgba(170, 170, 170, 1);
    line-height: 22px;
    margin: 20px 0;
}

.index-contact-title {
    font-size: 32px;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    line-height: 45px;
}

.index-login-btn {
    font-size: 14px;
}

.index-banner-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.index-contact-wrap {
    padding: 50px 0;
}

.index-login-btn {
    box-shadow: none;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .15);
}

.index-login-btn:hover {
background:linear-gradient(135deg,rgba(255,222,196,1) 0%,rgba(239,146,145,1) 100%);
}

.marketingCaseWrap {
    box-shadow: 0px 3px 20px 0px rgba(29, 50, 109, 0.1);
    border-radius: 15px;
}

.index-marketing-case-left-wrap {
    box-shadow: none;
}

.index-banner-login-wrap {
    margin-top: 112px;
}
.index-login-item input{
    font-size: 14px;
}
.account-info-check-label{
    margin-left: 10px;
}
canvas:hover{
    cursor: default;
}
.index-trend-type-one{
    margin-bottom: 11px;
}
input::-webkit-input-placeholder {
    color:#AAAAAA;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
    color:#AAAAAA;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
    color:#AAAAAA;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
    color:#AAAAAA;
}
textarea::-webkit-input-placeholder {
    color:#AAAAAA;
}
/* Mozilla Firefox 4 to 18 */
textarea:-moz-placeholder {
    color:#AAAAAA;
}
/* Mozilla Firefox 19+ */
textarea::-moz-placeholder {
    color:#AAAAAA;
}
/* Internet Explorer 10+ */
textarea:-ms-input-placeholder {
    color:#AAAAAA;
}
.dy_goDetails_box{
    display: block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FF405C;
    border: 1px solid #FF405C;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 13px;
    margin: -12px auto;
}
.dy_goDetails_box:hover {
    background: #FF405C;
    color: #fff;
}
.dy_goDetails_box:hover a {
    color: #fff;
}
.notwc{
    margin-top: 0;
}
.dy_goDetails_box a{
    color: #FF405C;
}
.swiper-slide-active{
    z-index: 2;
}