.all_inner {
    padding-bottom: 200px;
}
.web_size .all_inner {
    padding-bottom: 0;
}
.web_size .ads .item_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* align-items: center; */
    /* justify-content: center; */
    /* gap: 10px; */
}

.web_size .ads .item_wrap .item {
    width: 50%;
}

.web_700 .next_wrap {
    padding: 0 10%;
    margin-top: 30px;
}

.web_1200 .next_wrap {
    padding: 0 15%;
}


.my_index {
    padding-top: 64px;
    width: 100%;
}

.top_banner {
    /* padding: 95px 40px; */
    background-image: url(/static/images/icons/index_topad.svg);
    background-position: 300px;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-color: #06111B;
}
.top_banner .banner_wrap {
    margin-left: auto;
    margin-right: auto;
}

.top_banner .banner_inner {

    padding-top: 93px;
    padding-bottom: 100px;

    max-width: 1440px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.top_banner .img_wrap {}
.top_banner .img_wrap_banner {
    justify-content: left;
}
.top_banner .text_wrap {}

.top_banner .btnn_text {
    margin-top: 50px;
}

.top_banner .img_wrap img {
    width: 150px;
    height: 24px;
}

.top_banner .text_wrap .t_text {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    line-height: 52px;
    margin-top: 10px;
}

.top_banner .text_wrap .b_text {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    line-height: 52px;
}

.text_wrap .s03 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-top: 24px;
}

.top_banner .btnn_text a {
    display: block;
    width: 100%;
    text-align: center;
    height: 48px;
    border-radius: 30px;
    line-height: 48px;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    /* background: linear-gradient(135deg, #667eea, #764ba2); */
    background: #B3FF38;
    /* border-color: #B3FF38; */
}


.top_banner .btnn_text a.a02 {
    background: rgba(102, 126, 234, .1);
    background: #000;
    color: #fff;
    border: 1px solid rgba(102, 126, 234, .2);
    border: 1px solid #fff;
}

.ad_next {
    /* height: 149px; */
    background: #B3FF38;
}

.ad_next .s01 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.ad_next .a01 {
    display: block;
    width: 120px;
    font-size: 10px;
    height: 36px;
    margin-top: 12px;
    color: #fff;
    /* padding: 8px 24px; */
    line-height: 18px;
    background: #040B0F;
    text-align: center;
    border-radius: 20px;
    line-height: 36px;
}

.ad_next .next_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 149px;
    background-image: url(/static/images/icons/index_ad_next.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: auto 100%;
}

.img_wrap02 {
    padding-top: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* max-width: 50%; */
}

.img_wrap02 img {
    width: 90%;
}

.t_safe {
    padding: 0 40px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
}

.t_safe .t_text {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin-bottom: 16px;
    margin-bottom: 36px;
}

.t_safe .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    margin-bottom: 16px;
}

.t_safe .item .img_wrap {
    border-radius: 50%;
    background: #B3FF38;
    width: 15px;
    height: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.t_safe .item .img_wrap img {
    width: 10px;
    height: 10px;
}

.t_safe .item span {
    font-size: 16px;
    line-height: 24px;
    margin-left: 15px;
}

.t_safe .t_text span {
    display: inline-block;
}

.t_safe .t_text .s01 {
    position: relative;
    box-shadow: inset 0px -18px 0px 0px #B3FF38;
    max-width: 100%;
}

.t_safe .t_text .s01::after {
    content: "";
    width: 100px;
}

.t_safe .t_text .s02 {
    display: block;
}


.ads {
    padding-top: 40px;
}

.ads .title {
        font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    color: #000;
    text-align: center;
    padding-bottom: 88px;
}

.ads .item {
    /* width: 500px; */
    height: 400px;
    position: relative;
}

.ads .item .s01 {
    display: block;
    text-align: center;
    font-size: 24px;
    padding-top: 50px;
    font-weight: 600;
}

.ads .item .s02 {
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
}

.ads .item .img_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 14%;
}

.ads .item .img_wrap img {
    width: 245px;
}

.ads .item01 .s01 {
    color: #000;
}

.ads .item01 ,.ads .item03{
    background: #B3FF38;
        color: #000;
}
.ads .item02,.ads .item04 {
    background: #000;
    color: #fff;
}
.other_s {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;
    padding: 40px 20px;
    overflow: hidden;
}

.other_s .s01 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    /* text-align: center; */
    display: block;
    margin-top: 50px;
    margin-bottom: 30px;
    box-shadow: inset 0px -18px 0px 0px #B3FF38;
}

.other_s .img_wrap01 img {
    width: 375px;
}

.other_s .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

.other_s .item .img_wrap {
    border-radius: 50%;
    background: #000;
    width: 24px;
    height: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.other_s .item .img_wrap img {
    height: 18px;
    width: 18px;
}

.other_s .img_wrap01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.btn_reg {
    text-align: center;
    margin-top: 40px;
}

.btn_reg a {
    display: inline-block;
    font-weight: 500;
    height: 48px;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    border: solid 1px #000;
    padding: 8px 24px;
    border-radius: 20px;
    width: 150px;
    cursor: pointer;
}


.work {
    padding: 0 20px;
}

.work .title {
    font-size: 32px;
    padding: 0 20px;
    margin-bottom: 40px;
    font-weight: 600;
    text-align: center;
    color: #000;
}

.work .item {}

.work .item .img_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /* padding: 0 20px; */
    margin-bottom: 16px;
}

.work .item .img_wrap img {
    width: 100%;
}

.work .item .s01 {
    font-size: 26px;
    line-height: 39px;
    font-weight: 600;
    display: block;
    color: #000;
    padding: 0 20px;
    margin-bottom: 8px;
}

.work .item .s02 {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    padding: 0 20px;
    margin-bottom: 32px;
}

.honor {
    /* background: rgb(250 251 252); */
}

.honor .img_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.honor .img_wrap img {
    width: 218px;
}

.honor .s01 {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    display: block;
    color: rgb(42 55 61 );
}

.honor .s02 {
    font-size: 26px;
    text-align: center;
    display: block;
    color: rgb(4 11 15);
    font-weight: 600;
    margin-top: 8px;
    line-height: 40px;
}
.web_size .safe_wrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
        padding-top: 80px;
}

.web_size .t_safe .t_text {
    font-size: 40px;
}

.web_size .t_safe {
    /* flex: 1; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
}

.web_size .img_wrap02 {
    max-width: 50%;
}
.web_size .work .item_wrap {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    align-items: stretch;
    justify-content: space-between;
}

.web_size .work .item_wrap .item {
    /* width: 33%; */
    flex: 1;
    margin: 0 10px;
}
.web_size .work .title {
    font-size: 48px;
}
.web_size .other_s {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
        padding-top: 80px;
}

.web_size .other_s .s01 {
    font-size: 48px;
}

.web_size .other_s .img_wrap01 {
    max-width: 40%;
}
.web_size .work {
    padding-top: 80px;
}

.web_size .ads {
    padding-top: 80px;
}

.web_size .honor {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 80px;
}

.web_size .honor .img_wrap {
    width: 40%;
}

.web_size .honor .img_wrap img {
    width: 100%;
}

.web_size .honor .s02 {
    font-size: 30px;
}

.web_size .honor .s01 {
    font-size: 20px;
}

.web_size .top_banner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.top_banner .ad_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: none;
}

.web_size .top_banner .ad_wrap {
    display: flex;
    /* max-width: 30%; */
    margin-left: 50px;
}

.top_banner .ad_wrap img {
    /* width: 100%; */
    /* max-height: 80%; */
    height: 360px;
}

.web_700 .top_banner {
    background-position: 700px;
    height: 710px;
    padding: 0 12%;
}

.web_1200 .top_banner {
    background-position: 900px;
    height: 768px;
    padding: 0 13%;
}

.web_size.web_1200 .top_banner .text_wrap .t_text{
    font-size: 56px!important;
    line-height: 84px!important;
}
.web_size.web_700 .top_banner .text_wrap .t_text{
    font-size: 46px!important;
    line-height: 74px!important;
}
.web_size.web_1200 .top_banner .text_wrap .b_text{
    font-size: 56px!important;
    line-height: 84px!important;
}
.web_size.web_700 .top_banner .text_wrap .b_text{
    font-size: 46px!important;
    line-height: 74px!important;
}

.web_1200 .top_banner .ad_wrap img {
    height: 480px;
}

.web_700 .top_banner .ad_wrap img {
    height: 400px;
}