.cooperation_adver{background: url(https://51qqt.com/images/cooperation/cooperation1.png) no-repeat center center;background-size: cover;height: 500px;overflow: hidden;background-position: center;}
.cooperation_adver_title{font-size: 48px;line-height: 67px;margin-bottom: 16px;margin-top: 134px;}
.cooperation_adver_text{line-height: 28px;margin-bottom: 40px;}
.registertil_banner{padding: 13px 68px;}
.cooperation_type{padding: 60px 100px;background: #F7F8FA;}
.cooperation_type_list{padding: 24px 22px;background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 100%);box-shadow: 0px 8px 20px 0px rgba(166,180,208,0.1);border-radius: 4px;border: 2px solid #FFFFFF;margin: 12px 0px; transition: all 0.3s}
.cooperation_type_list:hover{transform: translateY(-10px);}
.cooperation_type_list:hover .cooperation_type_listrightSpan{display: none;}
.cooperation_type_list:hover .cooperation_type_listrightBut{display: block;}
.cooperation_type_listleft{width: 120px;height: 180px;}
.cooperation_type_listright{margin-left: 24px;}
.cooperation_type_listrightTitle{height: 33px;font-size: 24px;line-height: 33px;margin-bottom: 12px;}
.cooperation_type_listrightText{width: 396px;height: 78px;color: #555555;line-height: 26px;}
.cooperation_type_listrightSpan{margin-top: 32px;}
.cooperation_type_listrightSpan>span{padding: 3px 15px;margin-right: 8px;background: #FFFFFF;border-radius: 12px;border: 1px solid #EBEBEB;color: #888888;line-height: 17px;height: 17px;}

.cooperation_why{padding: 60px 0px;}
.cooperation_why_left{padding: 32px 30px 143px 30px;background: url(https://51qqt.com/images/cooperation/cooperation2.png) no-repeat center center;background-size: cover;}
.cooperation_why_lefttop{margin-bottom: 20px;display: flex;align-items: center;gap: 24px}
.cooperation_why_lefttop_icon{width: 56px;height: 56px;}
.cooperation_why_leftTitle{height: 33px;font-size: 24px;line-height: 33px}
.cooperation_why_leftText{max-width: 340px;color: #FFFFFF;line-height: 28px;}
.cooperation_why_leftText span{color: #FFFFFF;margin: 0 5px;font-weight:550;line-height: 19px;padding: 0 5px;}
.cooperation_why_right{width: calc( 100% - 400px); display: flex; flex-wrap: wrap;}
.cooperation_why_rightList{padding: 32px 32px;width: calc( 50% - 0px);border: 1px solid #EBEBEB;box-sizing: border-box;}
.cooperation_why_rightList0,.cooperation_why_rightList2{border-right: 0;}
.cooperation_why_rightList0,.cooperation_why_rightList1{border-bottom: 0;}
.cooperation_why_rightIcon{width: 56px;height: 56px}
.cooperation_why_rightImg{margin: 0 auto;margin-bottom: 20px;display: flex;align-items: center;gap: 24px}
.cooperation_why_rightTitle{height: 33px;font-size: 24px;line-height: 33px}
.cooperation_why_rightText{color: #555555;line-height: 26px;margin: 0 auto;}
.cooperation_become{background: linear-gradient(180deg, #005CEF 0%, #008EFF 100%);padding: 60px 20px 142px 20px;}
.cooperation_becomeImg{width: 100%;margin-bottom: 20px;}
.cooperation_becomeText{line-height: 28px;}
.cooperation_becomeText>div{width: 200px;}
.cooperation_becomeBot{position: relative;height: 398px;padding: 0 180px;}
.cooperation_becomeBotform{position: absolute;width: calc(100% - 504px);background: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 100%);box-shadow: 0px 8px 20px 0px rgba(166,180,208,0.2);border-radius: 4px;border: 2px solid #FFFFFF;z-index: 2;padding: 40px 72px 60px 72px;top: -102px;}
.cooperation_becomeBotform_img{width: 280px;height: 296px;padding: 10px 88px 34px 88px;background: linear-gradient(180deg, #F2F4F7 0%, rgba(255,255,255,0) 100%);border-radius: 4px;border: 3px solid #FFFFFF;margin-right: 60px;}
.cooperation_form_magbot{margin-bottom: 24px;}
.cooperation_becomeBotform_right{width: calc(100% - 522px);}
.cooperation_form_input{padding: 10px 0 10px 16px;background: #FFFFFF;border-radius: 4px;border: 1px solid #DADBDD;width: calc(100% - 108px);}
.cooperation_form_input>input::placeholder{
    font-size: 16px;
    color: #cccccc;
}
.cooperation_form_input input{
    font-size: 16px;
}
.cooperation_form_Vercode>input::placeholder{
    font-size: 16px;
    color: #cccccc;
}
.cooperation_form_Vercodemagbot{padding: 12px 24px 12px 16px;border-radius: 2px;border: 1px solid #DADBDD;background: #FFFFFF;width: calc(100% - 132px);}
.cooperation_form_Vercode{width: calc(100% - 80px);}







.cooperation_form_submit{
    width: calc(100% - 90px);padding: 11px 0px;background: linear-gradient(270deg, #0087FF 0%, #005CEF 100%);border-radius: 4px;margin-left: 90px;height: 22px;line-height: 22px;cursor: pointer;
    position: relative;
    transition: background 0.3s;
}

.cooperation_form_submit:after,.cooperation_form_submit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(270deg, #0087FF 0%, #005CEF 100%);
    z-index:-2;
    border-radius: 4px;
}

.cooperation_form_submit:hover{
    z-index:1;
    background:transparent;
}

.cooperation_form_submit:before {
    transition: 0.3s;
    background: linear-gradient(270deg, #FFA328 0%, #FF761A 100%);
    z-index:-1;
}
.cooperation_form_submit:hover:after,.cooperation_form_submit:hover:before {
    width: 100%;
}


.cooperation_type_listrightBut{
    margin-top: 23px;color: #FFFFFF;line-height: 20px;padding: 7px 22px;width: 56px;background: linear-gradient(270deg, #0087FF 0%, #005CEF 100%);border-radius: 2px;cursor: pointer;display: none;
    position: relative;
    transition: background 0.3s;
}

.cooperation_type_listrightBut:after,.cooperation_type_listrightBut:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(270deg, #0087FF 0%, #005CEF 100%);
    z-index:-2;
    border-radius: 4px;
}

.cooperation_type_listrightBut:hover{
    z-index:1;
    background:transparent;
}

.cooperation_type_listrightBut:before {
    transition: 0.3s;
    background: linear-gradient(270deg, #FFA328 0%, #FF761A 100%);
    z-index:-1;
}
.cooperation_type_listrightBut:hover:after,.cooperation_type_listrightBut:hover:before {
    width: 100%;
}
.cooperation_why_div{
    display: flex;
}
.cooperation_why_rightXia{
    display: none;
}
@media screen and (max-width:946px) {
    .cooperation_why_rightText{height: auto;}
    .cooperation_type{padding: 30px 16px;}
    .cooperation_why_div{
        display: block;
    }
    .cooperation_why_left{
        /* height: 400px; */
        box-sizing: border-box;
    }
    .cooperation_why_right{
        width: 100%;
    }
    .cooperation_why_rightList{
        width: 100%;
    }
    .cooperation_why_lefttop_icon{
        width: 36px;
        height: 36px;
    }
    .cooperation_why_leftTitle{
        font-size: 20px;
    }
    .cooperation_why_rightList{
        padding: 16px;
        height: 74px;
        max-height: 74px;
        overflow: hidden;
        transition: 0.3s;
    }
    .cooperation_why_rightList_active{
        height: auto;
        max-height: 600px
    }
    .cooperation_why_rightIcon{
        width: 42px;
        height: 42px;
    }
    .cooperation_why_rightTitle{
        font-size: 20px;
        flex: 1;
        text-align: left;
    }
    .cooperation_why_rightList0,
    .cooperation_why_rightList2{
        border-right: 1px solid #EBEBEB;
    }
    .cooperation_why_rightImg{
        gap: 16px;
    }
    .cooperation_why_rightXia{
        display: block;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        transition: 0.3s;
        transform: rotate(-90deg);
    }
    .cooperation_why_rightXia_active{
        transform: rotate(0deg);
    }
    .cooperation_why_rightText{
        /* overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical; */
    }
    .cooperation_why_rightList2{
        border-bottom: 0
    }
}
@media screen and (max-width:582px) {
    .cooperation_why{padding: 30px 15px;}
    .cooperation_adver{height: 280px;margin-top: 57px;background: url(https://51qqt.com/images/cooperation/cooperation_phone.png) no-repeat center center;background-size: cover;text-align: center;;}
    .cooperation_adver_title {font-size: 24px;margin-top: 80px;margin-bottom: 8px;line-height: 24px;}
    .cooperation_adver_text{font-size: 14px;line-height: 24px;margin-bottom: 4px;}
    .registertil_banner{padding: 11px 42px;}
    .cooperation_type_listrightSpan{margin-top: 16px;}
    .cooperation_type_list:hover .cooperation_type_listrightSpan{display: block;}
    .cooperation_type_list:hover .cooperation_type_listrightBut{display: none;}
    .cooperation_type_listleft{width: 80px;height: 120px;}
    .cooperation_type_list {width: 100%;}
    .cooperation_type_listright{width: calc(100% - 104px);}
    .cooperation_type_listrightText{width: 100%;height: auto;font-size: 14px;line-height: 24px;}
    .cooperation_type_listrightTitle{font-size: 18px;height: 25px;line-height: 25px;margin-bottom:8px;}
    .cooperation_become{padding: 30px 0 161px 0;margin-bottom: 245px;}
    .cooperation_becomeImg{width: 100%;height: auto;margin-bottom: 0;}
    .cooperation_becomeText{display: none;}
    .cooperation_becomeBot{padding: 0 16px;height: auto;}
    .cooperation_becomeBotform{width: calc(100% - 76px);padding: 30px 20px;bottom: 35px;top: auto;}
    .cooperation_becomeBotform_img{display: none;}
    .cooperation_becomeBotform_right{width: 100%;}
    .cooperation_form_magbot{font-size: 14px;margin-bottom: 20px;}
    .cooperation_form_Vercodemagbot{padding: 10px;width: calc(100% - 100px);}
    .cooperation_form_input {width: calc(100% - 96px);}
    .cooperation_form_Vercode{width: calc(100% - 70px);}
    .cooperation_form_submit{width: 100%;margin-left: 0;padding: 9px 0px;}
    .cooperation_codeText{width: 70px;}
}