@media screen and (max-width: 750px){
    body {
        min-width:0;
        max-width: 750px;
    }
    .evolution_header{
        display: none !important;
    }
    .wrap_complete {
        width: 100% !important;

    }
    .main_sp1{
        width: 100%;margin: 0 auto;
        padding: 0 10px;
    }

    .bnim_one{
        width: 100%;
        height: 170px !important;
        margin: 20px 0 0 0;
        position: relative;
        text-align: center;
    }
    .bnim_one > img{
        width: 280px !important;
    }
    .bnim_one .new_i_gif{
        width: 270px !important;
        height: 150px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -135px;
    }
    .bnim_one > p{
        font-size: 12px !important;
        color: #fff;
        line-height: 35px;
    }
    .bnim_two{
        width: 100%;
        margin: 60px 0 0 0;
        position: relative;
    }
    .bnim_two_in{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .bnim_two_in_sp{
        width: 100%;
        height: 100%;
        background: #421E21;
        border: 1px solid #67373B;
        cursor: pointer;
        display: grid;
        grid-template-columns: auto 1fr auto auto;
        align-items: center;
        gap: 10px;
        padding: 13px 15px;
        transition:all 0.3s ease;
    }
    .bnim_two_in_sp > img{
        width: 40px;
    }
    .bnim_two_in_sp > div p{
        color: #fff;
        font-size: 12px;
    }
    .bnim_two_in_sp > div p:first-child{
        margin-bottom: 5px;
    }
    .bnim_two_in_sp::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 0;
        transition: height 0.4s ease;
    }
    .bnim_two_in_sp:nth-child(1)::before {
        background:#f1b534;
    }
    .bnim_two_in_sp:nth-child(2)::before {
        background:#00d4ff;
    }
    .bnim_two_in_sp:nth-child(3)::before {
        background:#ff2d78;
    }
    .bnim_two_in_sp:nth-child(4)::before {
        background:#39ff14;
    }
    .bnim_two_in_sp:hover {
        border-color: rgba(255, 255, 255, 0.08);
        transform: translateY(0);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    }
    .bnim_two_in_sp:hover::before {
        height: 100%;
    }

    .main_sp2{
        width:100%;
        margin: 20px 0 0 0;
        background: rgba(0,0,0,0.18);
    }
    .main_sp2_wap{
        width: 100%;
        margin: 0 auto;
        padding: 20px 10px;
    }
    .bnim_three{
        width: 100%;
        position: relative;
        text-align: center;
    }
    .bnim_three > img{
        width: 50%;
    }
    .bnim_three > p{
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        padding: 7px 20px;
    }
    .bnim_four{
        width: 100%;
        margin: 20px 0 0 0;
        position: relative;
    }
    .bnim_four_top{
        width: 100%;
        height: 32px;
        line-height: 32px;
        text-align: left;
        margin-bottom: 15px;
    }
    .bnim_four_top > span{
        color: #fff;
        font-family: a3;
        font-size: 12px;
        font-weight: 700;
    }
    .bnim_four_top > span > img{
        height: 21px;
        margin: -5px 5px 0 0;
    }
    .bnim_four_b{
        width: 100%;
        display: block;
        grid-template-columns:none;

    }
    .bnim_four_b_box{
        width: 244px;
        height: 105px;
        background: #62393C;
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.01);
        transition:all 0.3s ease;
        float: left;
        margin-left: 3px;
        padding: 16px 0px;
    }
    .bnim_four_b_box:nth-child(1){
        width:calc(100%/3 - 6px/3);
        margin-left: 0;
    }
    .bnim_four_b_box:nth-child(2){
        width:calc(100%/3 - 6px/3);

    }
    .bnim_four_b_box:nth-child(3){
        width:calc(100%/3 - 6px/3);

    }
    .bnim_four_b_box:nth-child(4){
        width:calc(100%/2 - 3px/2);
        margin-left: 0;
        margin-top: 3px;
    }
    .bnim_four_b_box:nth-child(5){
        width:calc(100%/2 - 3px/2);
        margin-top: 3px;
    }
    .bnim_four_b_box > img{
        margin-top: 0px;
        height: 50px !important;
    }
    .bnim_four_b_box > p{
        font-size: 10px;
        color: #fff;
        line-height: normal;
        margin-top: 5px;
    }
    .bnim_four_b_box:hover{
        background: #75464a;
        border: 1px solid rgba(241, 181, 52, 0.15);
    }
    .bnim_five{
        width: 100%;
        margin: 25px 0 0 0;
        position: relative;
    }
    .bnim_five_top{
        width: 100%;
        height: 32px;
        line-height: 32px;
        text-align: left;
        margin-bottom: 15px;
    }
    .bnim_five_top > span{
        color: #fff;
        font-family: a3;
        font-size: 12px;
        font-weight: 700;
    }
    .bnim_five_top > span > img{
        height: 21px;
        margin: -5px 5px 0 0;
    }
    .bnim_five_b{
        width: 100%;
        display: block;
        grid-template-columns: none;
        gap: normal;
    }
    .bnim_five_b_box{
        width: 308px;
        height: 105px;
        background: #62393C;
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.01);
        transition:all 0.3s ease;
        float: left;
        margin-left: 3px;
        padding: 16px 0;
    }
    .bnim_five_b_box:nth-child(1){
        width:calc(100%/2 - 3px/2);
        margin-left: 0;
    }
    .bnim_five_b_box:nth-child(2){
        width:calc(100%/2 - 3px/2);
    }
    .bnim_five_b_box:nth-child(3){
        width:calc(100%/2 - 3px/2);
        margin-left: 0;
        margin-top: 3px;
    }
    .bnim_five_b_box:nth-child(4){
        width:calc(100%/2 - 3px/2);
        margin-top: 3px;
    }
    .bnim_five_b_box > img{
        margin-top: 0px;
        height: 50px;
    }
    .bnim_five_b_box > p{
        font-size: 10px;
        color: #fff;
        line-height: normal;
        margin-top: 5px;
    }
    .bnim_five_b_box:hover{
        background: #75464a;
        border: 1px solid rgba(241, 181, 52, 0.15);
    }
    .zhanwei_border{
        width: 100%;
        height: 1px;
        background: #683E42;
        margin: 20px 0;
    }
    .bnim_six{
        width: 100%;
        height: 105px;
        border: 1px solid rgba(241, 181, 52, 0.12);
        background: #3f2022;
        position: relative;
        overflow: hidden;
        text-align: center;
        transition: opacity 0.6s ease, transform 0.6s ease;
        padding: 0 10px;
    }
    .bnim_six::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: conic-gradient(from 0deg, transparent 0deg, rgba(241, 181, 52, 0.08) 40deg, transparent 80deg, transparent 180deg, rgba(241, 181, 52, 0.05) 220deg, transparent 260deg);
        animation: ctaRotate 8s linear infinite;
        pointer-events: none;
    }
    .bnim_six::after {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(241, 181, 52, 0.06), transparent 60%), radial-gradient(ellipse 60% 50% at 50% 100%, rgba(241, 181, 52, 0.08), transparent 60%), radial-gradient(circle at 20% 50%, rgba(241, 181, 52, 0.03), transparent 40%), radial-gradient(circle at 80% 50%, rgba(241, 181, 52, 0.03), transparent 40%);
        pointer-events: none;
    }
    .bnim_six_con > img{
        margin-top: 32px !important;
    }
    @keyframes ctaRotate {
        0% {transform: rotate(0deg);}
        100% {transform: rotate(360deg);}
    }
    .main_sp3{
        width:100%;
        margin: 20px 0 0 0;
        background: #512529;
        padding: 0 10px;
    }
    .main_sp3_wap{
        width: 100%;
        margin: 0 auto;
        padding: 0 ;
    }
    .bnim_seven {
        width: 100%;
        position: relative;
        text-align: center;
    }
    .bnim_seven > img {
        width: 50%;
    }
    .bnim_twotwo{
        width: 100%;
        margin: 20px 0 0 0;
        position: relative;
    }
    .bnim_twotwo_in {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .bnim_twotwo_in_sp{
        width: 100%;
        height: 100%;
        background: #421E21;
        border: 1px solid #67373B;
        cursor: pointer;
        display: grid;
        grid-template-columns: auto 1fr auto auto;
        align-items: center;
        gap: 10px;
        padding: 13px 15px;
        transition: all 0.3s ease;
    }
    .bnim_twotwo_in_sp > img {
        width: 40px;
    }
    .bnim_twotwo_in_sp > div p{
        color: #fff;
        font-size: 12px;
    }
    /*.bnim_twotwo_in_sp > div p:first-child{
        margin-bottom: 10px;
    }*/
    .bnim_twotwo_in_sp::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 0;
        transition: height 0.4s ease;
    }
    .bnim_twotwo_in_sp:nth-child(1)::before {
        background:#f1b534;
    }
    .bnim_twotwo_in_sp:nth-child(2)::before {
        background:#00d4ff;
    }
    .bnim_twotwo_in_sp:nth-child(3)::before {
        background:#ff2d78;
    }
    .bnim_twotwo_in_sp:nth-child(4)::before {
        background:#39ff14;
    }
    .bnim_twotwo_in_sp:hover {
        border-color: rgba(255, 255, 255, 0.08);
        transform: translateY(0);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    }
    .bnim_twotwo_in_sp:hover::before {
        height: 100%;
    }
    .bnim_fivefive{
        width: 100%;
        margin: 10px 0 0 0;
        position: relative;
    }

    .bnim_fivefive_b{
        width: 100%;
        display: block;
        grid-template-columns: none;
        gap: normal;
    }
    .bnim_fivefive_b_box{
        width: 308px;
        height: 105px;
        background: #62393C;
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.01);
        transition: all 0.3s ease;
        float: left;
        margin-left: 3px;
        padding: 16px 0;

    }
    .bnim_fivefive_b_box:nth-child(1){
        width: calc(100% / 2 - 3px / 2);
        margin-left: 0;
    }
    .bnim_fivefive_b_box:nth-child(2){
        width: calc(100% / 2 - 3px / 2);

    }
    .bnim_fivefive_b_box:nth-child(3){
        width: calc(100% / 2 - 3px / 2);
        margin-left: 0;
        margin-top: 3px;
    }
    .bnim_fivefive_b_box:nth-child(4){
        width: calc(100% / 2 - 3px / 2);
        margin-top: 3px;
    }
    .bnim_fivefive_b_box > img{
        margin-top: 0px;
        height: 50px;
    }
    .bnim_fivefive_b_box > p{
        font-size: 10px;
        color: #fff;
        line-height: normal;
        margin-top: 5px;
    }
    .bnim_fivefive_b_box:hover{
        box-shadow: inset 0px 0px 32px 14px rgba(255,122,134,0.52);
    }
    .bnim_fivefivefive{
        width: 100%;
        margin: 10px 0 0 0;
        position: relative;
    }

    .bnim_fivefivefive_b{
        width: 100%;
        display: block;
        grid-template-columns: none;
        gap: normal;
    }
    .bnim_fivefivefive_b_box{
        width: 416px;
        height: 105px;
        background: #62393C;
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.01);
        transition: all 0.3s ease;
        float: left;
        margin-left: 3px;
        padding: 16px 0;

    }
    .bnim_fivefivefive_b_box:nth-child(1){
        width: calc(100% / 3 - 6px / 3);
        margin-left: 0;
    }
    .bnim_fivefivefive_b_box:nth-child(2){
        width: calc(100% / 3 - 6px / 3);

    }
    .bnim_fivefivefive_b_box:nth-child(3){
        width: calc(100% / 3 - 6px / 3);

    }
    .bnim_fivefivefive_b_box > img{
        margin-top: 0px;
        height: 50px;
    }
    .bnim_fivefivefive_b_box > p{
        font-size: 10px;
        color: #fff;
        line-height: normal;
    }
    .bnim_fivefivefive_b_box:hover{
        box-shadow: inset 0px 0px 32px 14px rgba(255,122,134,0.52);
    }
    .bnim_nine{
        width: 100%;
        margin:0;
        position: relative;
        padding: 0 7px 0 7px;
    }
    .bnim_nine_b{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    .bnim_nine_b_box{
        width: 100%;
        height:100%;
        background: none;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .bnim_eight{
        width: 100%;
        margin: 10px 0 0 0;
        position: relative;
    }
    .bnim_eight_b {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3px;
    }
    .bnim_eight_b_box {
        width: 100%;
        height: 105px;
        background: #421E21;
        text-align: center;
        cursor: pointer;
        box-shadow: inset 0px 0px 32px 14px rgba(149, 100, 104, 0.52);
        border: 1px solid #916569;
        transition: all 0.3s ease;
        display: grid;
        align-items: center;
    }
    .bnim_eight_b_box > div > p{
        color: #fff;
        font-size: 10px;
        padding: 2px 0;
    }
    .bnim_eight_b_box:hover{
        box-shadow: inset 0px 0px 32px 14px rgba(255,122,134,0.52);
    }
    .bnim_one video{
        width: 280px !important;
        height: 250px !important;
        position: absolute;
        top: -50px;
        left: 50%;
        margin-left: -140px;
    }
}