.i_container{width: 100%;height: auto;}
.i_banner{width: 100%;height: 780px;background: linear-gradient( 180deg, #E7F1FF 0%, #C7DCFF 100%); background-size: cover;position: relative;}
.ib_cont{width: 1440px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center; position: absolute;top:169px;left: 50%;transform: translateX(-50%);}
.ib_cont .ib_cont_left{margin-right: 52px;}
.ib_cont p{font-size: 20px;color: #333333;}
.ib_cont p.ib_title{font-size: 42px;color: #163561;font-weight: bold;position: relative;margin-bottom: 4px;}
/* .ib_cont p.ib_title span{position: absolute;display: block;width: 100%;height: 16px;background-color: #ffd154;border-radius: 10px;z-index: -1;bottom: 8px;} */
.ib_cont .ib_cont_left .ib_fu_title{display: flex;align-items: center; font-size: 20px;margin-top: 20px;color: #163561;font-weight: 600;}
.ib_cont .ib_cont_left .ib_fu_title i{width: 30px;height: 30px; background: url('../img/special/invitation/ic_invite_check_green.png');display: block;margin-right:10px ;}
/* .ib_cont p.ib_fu_title span{font-size: 38px;color: #ffd95c;} */
.act_now_s{display: inline-block;min-width: 220px;padding: 0 10px;height: 66px;line-height: 66px; background: #ed7165;border-radius: 6px;color: #fff;font-size: 22px;font-weight: bold;text-align: center;margin-top: 65px;cursor: pointer;}
.act_now_s:hover{background: #e87b6d;}
.ib_cont_right{width: 738px;height: 466px;background: url('../img/special/invitation/ic_inviter_topright.png');background-size: cover;margin-left: 0px;}

.content{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 180px;
    align-items: center;
}

.content .title{
    color: #163561;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 80px;
}

.content .content_part1{
    gap: 52px;
    display: flex;
}

.content .content_part1 .part1_bg{
    width: 432px;
    max-width: 432px;
    height: 340px;
    border-radius: 16px;
    background-color: #F9FBFF;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 36px;
    padding-right: 36px;
    justify-content: flex-start;
}

.content .content_part1 .part1_bg img{
    width: 124px;
    height: 124px;
}

.content .content_part1 .part1_bg .title1{
    color: #163561;
    font-weight: bold;
    margin-top: 28px;
    font-size: 22px;
}

.content .content_part1 .part1_bg .desc1{
    color: #163561;
    margin-top: 4px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.content .content_part2{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content .content_part2 .item_container{
    display: flex;
}

.content .content_part2 .part2_item{
    width: 700px;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content .content_part2 .part2_item img{
    width: 432px;
    height: 450px;
}

.content .content_part2 .part2_item .text_area{
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items:flex-start;
}

.content .content_part2 .part2_item .text_area .title2{
    color:#163561;
    font-weight: bold;
    font-size: 32px;
}

.content .content_part2 .part2_item .text_area .content2{
    color:#163561;
    margin-top: 8px;
    font-size: 16px;
}

.content .content_part3{
    display: flex;
    margin-top: 100px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: #F9FBFF;
}

.content .content_part3 .middle{
    display: flex;
    gap: 5px;
}

.content .content_part3 .middle .middle_item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.content .content_part3 .middle .middle_item img{
    width: 240px;
    height: 240px;
}

.content .content_part3 .middle .middle_item .title3{
    font-size: 22px;
    color: #163561;
    margin-top: 30px;
    font-weight: bold;
}

.content .content_part3 .middle .middle_item .content3{
    font-size: 16px;
    color: #163561;
    margin-top: 4px;
    min-height: 190px;
    max-width: 280px;
    font-weight: 400;
    position: absolute;
}

.content .content_part3 .middle .arrow{
    width: 274px;
    height: 24px;
    margin-top: 108px;
}

.content .content_part4{
    width: 1400px;
    display: flex;
    flex-direction: column;
    margin-top: 140px;
    margin-bottom: 140px;
}

.content .content_part4 .rule_title{
    width: 1400px;
    position: relative;
}
.content .content_part4 .rule_title .rule_titl_text{
    background: linear-gradient( 90deg, #E7EAFF 0%, #94E0FF 100%);
    border-radius: 8px 8px 8px 0px;
    width: 100%;
    max-width: 1329px;
    margin-left: 26px;
    font-size: 32px;
    color: #163561;
    font-weight: bold;
    padding: 20px 0px 20px 36px;
}

.content .content_part4 .rule_title img{
    width: 888px;
    height: 72px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.content .content_part4 .rule_content{
    width: 100%;
    max-width: 1400;
    padding: 50px 48px 49px 83px;
    box-sizing: border-box;
    font-size: 14px;
    color: #163561;
    background-color: #F9FBFF;
    border-radius: 10px;
    max-width:1400px ;
}









    


/*ic_cont2*/
.ic_cont2{width: 1300px;margin: 89px auto 105px auto;}
.ic_cont2 h2{font-size: 32px;color: #333333;text-align: center;}
.ic_cont2 .ic2_fu_title{font-size: 18px;color: #333333;text-align: center;margin-top: 35px;}
.ic_cont2 .ic2_fu_title .rule{color: #3b64e8;cursor: pointer;text-decoration: underline;margin-left: 18px;}
.ic_cont2 .ic2_card{width: 1300px;margin: 56px auto 0 auto;display: flex;justify-content: space-between;position: relative;}
.ic_cont2 .ic2_card .card{background: url(../img/special/invitation/card_bg.webp)no-repeat center;width: 310px;height: 390px;border-radius: 8px;background-size: 100% 100%;}
.ic_cont2 .ic2_card .card img{margin-left: 30px;margin-top: 57px;}
.ic_cont2 .ic2_card .card .step{font-size: 16px;color: #599af8;font-weight: bold;margin-left: 30px;margin-top: 9px;}
.ic_cont2 .ic2_card .card .step span{font-size: 34px;color: #599af8;}
.ic_cont2 .ic2_card .card .tit{font-size: 16px;color: #333333;font-weight: bold;margin-left: 30px;margin-top: 0px;}
.ic_cont2 .ic2_card .card .card_cont{font-size: 16px;color: #818799;line-height: 24px;margin-left: 30px;margin-top: 6px;}
.ic_cont2 .ic2_card .arrow{background: url("../img/special/invitation/arrow.webp")no-repeat center;width: 22px;height: 17px;position: absolute;top: calc(50% - 8px);}
.ic_cont2 .ic2_card .arrow.j1{left: 395px;}
.ic_cont2 .ic2_card .arrow.j2{left: 890px;}
.ic_cont2 .ic2_card .card .an{color: #599af8;cursor: pointer;font-size: 16px;margin-left: 30px;font-weight: 600;display: inline-block;margin-top: 15px;}
.ic_cont2 .ic2_card .card:hover{box-shadow: 0px 0px 20px 0px rgba(159, 164, 174, 0.42), inset 0px 10px 0px 0px #599af8;}
/*ic_cont3*/
.ic_cont3{width: 1300px;margin: 0 auto 95px auto;}
.ic_cont3 h2{font-size: 32px;color: #333333;text-align: center;}
.ic_cont3 .ic3_card{width: 1300px;margin: 92px auto 0 auto;position: relative;}
.ic_cont3 .ic3_card .tran{width: 920px;position: absolute;background-color: #EDEDED;height: 1px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.ic_cont3 .ic3_card .ver{height: 400px;position: absolute;background-color: #EDEDED;width: 1px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.ic_cont3 .ic3_card .cont3_box{display: flex;justify-content: space-between;}
.ic_cont3 .ic3_card .card3{display: flex;width: 530px;}
.ic_cont3 .ic3_card .cont3_box:nth-child(2){margin-top: 105px;}
.ic_cont3 .ic3_card .card3 .card3_txt{width: 410px;margin-left: 25px;}
.ic_cont3 .ic3_card .card3 .img{width: 91px;height: 91px;background-color: #e5f0ff;border-radius: 50px;position: relative;}
.ic_cont3 .ic3_card .card3 .c3_tit{font-size: 18px;color: #333333;font-weight: bold;}
.ic_cont3 .ic3_card .card3 .c3_cont{font-size: 16px;color: #333333;line-height: 20px;margin-top: 15px;}
.ic_cont3 .ic3_box{width: 1300px;background-color: #fafafa;border: solid 2px #eff0f3;margin-top: 110px;text-align: left;color: #333333;padding-bottom: 20px;}
.ic_cont3 .ic3_box h3{font-size: 22px;margin-top: 40px;margin-left: 38px;}
.ic_cont3 .ic3_box p{font-size: 16px;line-height: 35px;margin-left: 38px;}
.ic_cont3 .ic3_box .rule_cont{margin-top: 10px;}

.nav a.halloween_active{color: #ffffff;}
.all_support_cont .supt_detail a{color: #163561;}
.all_support_cont .supt_detail a:hover{color: #0d86ff;}
.all_support_cont .proxies_supt_detail a{color: #163561;}
.all_support_cont .proxies_supt_detail a:hover{color: #0d86ff;}
.ic_cont_add{width: 1300px;margin: 0 auto;margin-top: 72px;}
.ic_cont_add .ic3_card{width: 1300px;margin: 200px auto 0 auto;position: relative;background: url(../img/special/invitation/ic__add.webp)no-repeat center;width: 945px;height: 333px;background-size: 100% 100%;}
.ic_cont_add h2{font-size: 32px;color: #333333;text-align: center;}
.ic_cont_add .c3_tit{font-size: 16px;text-align: center;width: 285px;color: #333;line-height: 24px;text-align: left;margin-left: 10px;}
.ic_cont_add  .card3{text-align: center;position: absolute;display: flex;}
.ic_cont_add  .card3 .img{width: 60px;height: 60px;border-radius: 30px;}
.nav .active_pro_cont a{color: #163561;}
.ic_cont_add .card3_1{left: -150px;top: 25px;}
.ic_cont_add .card3_1:hover .img{box-shadow: 0px 0px 12px 0px rgba(245, 197, 68, 0.58);}
.ic_cont_add .card3_2{left: 90px;top: -110px;}
.ic_cont_add .card3_2:hover .img{box-shadow: 0px 0px 12px 0px rgba(235, 97, 107, 0.58);}
.ic_cont_add .card3_3{left: 495px;top: -110px;}
.ic_cont_add .card3_3:hover .img{box-shadow: 0px 0px 12px 0px rgba(93, 208, 171, 0.58);}
.ic_cont_add .card3_4{left: 750px;top: 25px;}
.ic_cont_add .card3_4:hover .img{box-shadow: 0px 0px 12px 0px rgba(87, 152, 247, 0.58);}

.nav .apps_cont .apps_detal a{color: #687c99;}
.nav .apps_cont .apps_detal a:hover{color: #fff;}
.header_scroll .nav .apps_cont .apps_detal a:hover{color: #fff!important;}
.card3 .img .img_cot3{position: absolute;margin: auto;top:0;left: 0;right: 0;bottom: 0;}
.img_cot3_1{background: url(../img/special/invitation/icon-31.png)no-repeat;width: 54px;height: 54px;background-position-y: 0;}
.img_cot3_2{background: url(../img/special/invitation/icon-32.png)no-repeat;width: 58px;height: 38px;background-position-y: 0;}
.img_cot3_3{background: url(../img/special/invitation/icon-33.png)no-repeat;width: 54px;height: 54px;background-position-y: 0;}
.img_cot3_4{background: url(../img/special/invitation/icon-34.png)no-repeat;width: 38px;height: 54px;background-position-y: 0;}
.ic_cont3 .card3:hover .img{background-image: linear-gradient(0deg, #4c8af7 0%, #6eb3f9 100%), linear-gradient(#e4ebff, #e4ebff);}
.ic_cont3 .card3:hover .img .img_cot3_1{background-position-y: -54px;}
.ic_cont3 .card3:hover .img .img_cot3_2{background-position-y: -38px;}
.ic_cont3 .card3:hover .img .img_cot3_3{background-position-y: -54px;}
.ic_cont3 .card3:hover .img .img_cot3_4{background-position-y: -54px;}