.HLC-TOP-BANNER{
    /*background: url('../imgs/handleSchool/hsg-banner-pic1.png') no-repeat 50%/cover;*/
    /*height: 443px;*/
    cursor: pointer;
}
.SSS-BANNER-PIC{
    /*height: 443px;*/
    /*background: url('../imgs/leaguecooperation/lc-banner-pic.png') no-repeat 50%/cover;*/
}
.SSS-IMG{
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}
.SSS-TOP-CON{
    position: absolute;
    top: calc(50% - 111px);
    left: calc(50% - 600px);
}
ul{
    margin-bottom:  0 !important;
}
.S-PART{
    margin-top: 74px;
    margin-bottom: 38px;
}
.HLC-TOP-MAIN{
    width: 1200px;
    margin: 0 auto ;
    position: relative;
}
.HLC-TOP-INFO{
    margin-top: 39px;
}
.S-PART-INFO {
    /* width: 239px; */
    height: 13px;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 0px;
    color: #898989;
}
.HLC-TOP-MAIN .HLC-TOP-TITLE-EN{
    width: 751px;
    font-family: DIN-Bold;
    font-size: 99px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 90px;
    letter-spacing: 0px;
    color: #2aaff4;
    opacity: 0.4;
    z-index: 1;
}
.HLC-TOP-MAIN .HLC-TOP-TITLE-ZH{
    height: 49px;
    font-family: SourceHanSansCN-Bold;
    font-size: 49px;
    line-height: 49px;
    font-weight: 800;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: -29px;
    z-index: 2;
    position: absolute;
}

.HLC-TOP-INFO-BORDER{
    margin-top: 18px;
    color: #ffffff;
}
.HLC-TOP-WHITE{
    font-family: SourceHanSansCN-Normal;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    line-height: 20px;
}
.HLC-TOP-NUM{
    height: 33px;
    font-family: DIN-Medium;
    font-size: 33px;
    font-weight: 800;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f7ca17;
    position: absolute;
    background: #247bce;
    width: 20px;
    top:-4px;
    margin-left: -1px;
}
.HLC-TOP-YEL{
    margin-left: 23px !important;
    font-family: DIN-Medium;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f7ca17;
    text-indent: 30px;
}

.B-TOP-TITLE-MAIN{
    width: 211px;
    height: 37px;
    border-radius: 11px;
    border: solid 1px #ecc218;
}

.SS-JOIN-MAIN{
    width: 100%;
    margin-bottom: 72px;
}
.SS-JOIN-CON{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.SS-JION-NUM{
    display: inline-block;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 27px;
    font-weight: 900;
    letter-spacing: 0px;
    color: #358ac9;
    margin-left:9px;
}
.SS-JION-NUM2{
    display: inline-block;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 27px;
    font-weight: 900;
    letter-spacing: 0px;
    color:#211815;
    margin-left:9px;
}
.SS-JOIN-CON-TITLE{
    font-size: 25px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #358AC9;
    line-height: 25px;
    margin-bottom: 11px;
    margin-top: 38px;
}
.SS-JOIN-CON-TITLE> span{
    display: inline-block;
    margin-right:9px;
}
.SS-JOIN-CON-TITLE2{
    font-family: Alibaba-PuHuiTi-M;
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #211815;
}


.SS-JOIN-INFO{
    width: 100%;
    margin-top:28px;
}

.HLC-JSSX-LIST ul {
    display: grid;
    padding: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;

}
.HLC-JSSX-LIST ul li{
    width: 300px;
    height: 184px;
    vertical-align: middle;
    text-align: center;
    line-height: 184px;
    float: left;
    background: #f2f2f3;
    cursor: pointer;
}
.HLC-YXXJ-LIST ul{
    display: grid;
    padding: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.HLC-YXXJ-LIST ul li{
    width: 300px;
    height: 281px;
    vertical-align: middle;
    text-align: center;
    line-height: 281px;
    float: left;
    background: #fff;
    cursor: pointer;
}
.cur_actived_title{
    color: #358ac9;
}
.SS-MORE-CON-TITLE{
    font-size: 25px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #211815;
    line-height: 25px;
    margin-bottom: 66px;
    margin-top: 38px;
    cursor: pointer;
}
.SS-MORE-CON-TITLE> span{
    display: inline-block;
    margin-right:3px;
}

.HLC-TOP-AREA{
    width: 1160px;
    height: 86px;
    line-height: 86px;
    margin: 0 auto;
    text-align: center;
    background-color: #f2f2f3;
}
.HLC-CENTER-MAIN{
    width: 1165px;
    margin: 12px auto 0px;
    display: flex;
    justify-content:space-between;
}
.HLC-LEFT-CON{
    width: 235px;
    height: 570px;
    background: url("../imgs/leaguecooperation/jssx/lc-jssx-pic-main.png") no-repeat 100% 100%;
    background-size: cover;
    padding-top: 233px;
}
.HLC-LEFT-CON2{
    width: 235px;
    height: 570px;
    background: url("../imgs/leaguecooperation/yxxj/lc-yxxj-pic-main.png") no-repeat 100% 100%;
    background-size: cover;
    padding-top: 233px;
}
.HLC-LEFT-TITLE{
    display: flex;
    justify-content: center;
    align-items:flex-end;
}
.HLC-LEFT-NUM{
    height: 49px;
    font-family: DIN-Bold;
    font-size: 49px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 63px;
    letter-spacing: 0px;
    color: #f2bb25;
    margin-right: 3px;
}
.HLC-LEFT-INFO{
    height: 27px;
    font-family: Alibaba-PuHuiTi-M;
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
}
.HLC-RIGHT-CON{
    width: 920px;
    height: 570px;
}
.HLC-R-T-IMG{
    height: 93px;
    line-height: 93px;
}
.HLC-R-T-TOP{
    width: 300px;
    height: 93px;
    background-color: #358ac9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.HLC-R-T-TOP2{
    width: 300px;
    height: 141px;
    background-color: #EB5913;
    display: flex;
    padding-left: 63px;
    align-items: center;
}
.HLC-SXPX-LIST{

}
.HLC-R-T-RIGHT{
    text-align: left;
    margin-left: 9px;
}
.HLC-R-T-ORDER{
    height: 15px;
    font-family: DIN-Light;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #ffffff;
}
.HLC-R-T-TITLE{
    margin-top: 5px;
    height: 18px;
    font-family: Alibaba-PuHuiTi-M;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #ffffff;
}
.HLC-R-BOM{
    height: 13px;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 92px;
    letter-spacing: 0px;
    color: #727171;
}
.HLC-R-BOM2{
    height: 140px;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #727171;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f2f2f3;
}
.HLC-R-BOM2-INFO{
    line-height: 15px;
}

.HCC-LC-MAIN{
    width: 100%;
    margin-bottom: 62px;
    overflow: hidden;

}
.HCC-LC-CON{
    width: 1200px;
    margin: 7px auto 0px;
}
.HCC-LC-LIST ul{
    display: grid;
    padding: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 31px;

}
.HCC-LC-LIST ul li{
    width: 264px;
    height: 400px;
    vertical-align: middle;
    text-align: center;
    float: left;
    background: #fff;
    cursor: pointer;
}
.HCC-LC-L-TOP{
    width: 264px;
    height: 191px;
    background-color: #f2f2f3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.HCC-LC-L-BOT{
    width: 265px;
    height: 209px;
    background-color: #358ac9;
    font-family: SourceHanSansCN-Normal;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.HCC-LC-L-INFO{
    line-height: 29px;
}


.HJM-LC-CON{
    width: 1200px;
    margin: 7px auto 0px;
    overflow: hidden;
    margin-bottom: 89px;
}
.HJM-LC-LIST ul{
    display: grid;
    padding: 0px;
    grid-template-columns: 1fr 1fr 1fr ;
    gap: 147px;
    position: relative;


}
.HJM-LC-LIST ul li{
    width: 284px;
    vertical-align: middle;
    text-align: center;
    float: left;
    cursor: pointer;
}
.HJM-LC-LIST ul li:nth-child(1) .HJM-LC-L-TOP{
    width: 313px;
    height: 313px;
    background:url("../imgs/leaguecooperation/lc-zx-pic-1.png") no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
}
.HJM-LC-LIST ul li:nth-child(3) .HJM-LC-L-TOP{
    width: 313px;
    height: 313px;
    background:url("../imgs/leaguecooperation/lc-zx-pic-2.png") no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
}
.HJM-LC-LIST ul li:nth-child(5) .HJM-LC-L-TOP{
    width: 313px;
    height: 313px;
    background:url("../imgs/leaguecooperation/lc-zx-pic-3.png") no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
}
.HJM-LC-LIST ul li:nth-child(7) .HJM-LC-L-TOP{
    width: 313px;
    height: 313px;
    background:url("../imgs/leaguecooperation/lc-zx-pic-4.png") no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
}
.HJM-LC-LIST ul li:nth-child(9) .HJM-LC-L-TOP{
    width: 313px;
    height: 313px;
    background:url("../imgs/leaguecooperation/lc-zx-pic-5.png") no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
}
.HJM-LC-LIST ul li:nth-child(11) .HJM-LC-L-TOP{
    width: 313px;
    height: 313px;
    background:url("../imgs/leaguecooperation/lc-zx-pic-6.png") no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
}
.HJM-LC-L-BOT{
    width: 284px;
    height: 81px;
    font-family: SourceHanSansCN-Normal;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    letter-spacing: 0px;
    color: #211815;
    display: flex;
    align-items: center;
    justify-content: center;
}
.HJM-LC-L-INFO{
    line-height: 29px;
}
.HJM-LC-L-STEP{
    width: 284px;
    height: 147px;
    margin-left: -19px;
    font-family: DIN-Medium;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #727171;
    box-sizing: border-box;
    padding-top: 121px;
}
.HJM-LC-L-TITLE{
    height: 27px;
    font-family: Alibaba-PuHuiTi-M;
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #211815;
    margin-left: -20px;
    margin-top: 8px;
}
.HJM-LC-L-NUM{
    margin-left: 8px;
    font-family: DIN-Bold;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #358ac9;
}
.HJM-LC-L2{
    width: 70px;
    height: 313px;
    line-height: 313px;
    text-align: center;
    position: absolute;
    left: 338px;
    display: flex;
    align-items: center;
}
.HJM-LC-SPLIT-ARROW{
    display: inline-block;
    width: 78px;
    height: 3px;
    background: #898989;
}
.HJM-LC-SPLIT-ARROW-after{
    display: inline-block;
    /* margin: 86px; */
    border-top: 3px solid #898989;
    border-right: 3px solid #898989;
    width: 10px;
    height: 10px;
    transform: rotate(45deg) !important;
    margin-left: -8px;
    margin-top: 1px;
}
.HJM-F-0{
    animation-delay: 1200ms;
    transform: rotateY(180deg) !important;
    top: 545px;

}
.HJM-F-790{
    transform: rotateY(180deg) !important;
    top: 545px;
    left: 790px;
}
.HJM-D-790{
    transform: rotateZ(90deg) !important;
    top: 305px;
    left: 1003px;
    animation-delay: 600ms !important;
}
.HJM-R-790{
    left: 790px;
}


.HLC-PE-JOIN-MAIN{
    position: relative;
}
.HLC-PE-JOIN-CON{
    position: absolute;
    left: calc(50% - 399px);
    top: calc(50% - 137px);
}
.HLC-PE-C-MAIN{
    width: 891px;
    height: 352px;
    background: url("../imgs/leaguecooperation/lc-join-back-1.png") no-repeat 100% 100%;
    background-size: contain;
}
.HLC-PE-TITLE{
    width: 930px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: -84px;
}
.HLC-PE-HZ{
    font-family: Alibaba-PuHuiTi-M;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #ffffff;
}
.HLC-PE-SU{
    font-family: Alibaba-PuHuiTi-R;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 12px;
}
.HLC-PE-C-TOP{
    width: 891px;
    height: 274px;
    background: url("../imgs/leaguecooperation/lc-join-back-2.png") no-repeat 100% 100%;
    background-size: cover;
}
.USER-JOIN-INFO{
    padding-top: 19px;
}
.USER-JOIN-INFO ul{
    width: 358px;
    float: left;
}
.USER-JOIN-INFO ul li{
    float: left;
    width: 450px;
    height: 37px;
    line-height: 37px;
    color: #fff;
    margin-top: 23px;
}
.USER-JOIN-INFO ul li input{
    width: 273px;
}
.HLC-PE-C-BOM{
    height: 78px;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 78px;
    letter-spacing: 0px;
    text-align: center;
    color: #898989;
}
.USER-INFO{
    display: flex;
    justify-content: flex-start;
}
.USER-SUG{
    width: 283px;
    height: 97px;
    max-width: 283px;
    max-height: 97px;
    min-width: 283px;
    min-height: 97px;
}
.USER-INFO span{
    display: inline-block;
    margin-right: 4px;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
}
.HLC-SUG-BTN{
    width: 138px;
    height: 37px;
    background-color: #eda61d;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #ffffff;
    bottom: 101px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    right: 198px;
}
.HLC-SUG-BTN2{
    position: absolute;
    bottom: 20px;
    left: calc(50% - 50px);
}
.USER-LEFT-PART{
    margin-left: 58px;
}

.HLC-PF-JOIN-MAIN{
    width: 100%;
    position: relative;
}
.HLC-PF-MAIN{
    position: absolute;
    left: calc(50% - 598px);
    top: calc(50% - 148px);
}
.HLC-PF-CON{
    width: 1200px;
    margin: 0 auto;
}
.HLC-PF-TITLE{
    text-align: center;
    height: 29px;
    font-family: Alibaba-PuHuiTi-M;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #ffffff;
}
.HLC-PF-USER{
    width: 890px;
    height:238px;
    background-color: #5abae6;
    box-shadow: 0px 2px 16px 0px
    rgba(206, 206, 206, 0.53);
    opacity: 0.9;
    margin: 20px auto 0px;
    padding-top: 30px;
    position: relative;
}
.HLC-PF-FORM ul{
    display: flex;
    margin-left: 77px;
}
.HLC-PF-FORM ul li{
    width: 371px;
    height: 40px;
}
.HLC-PF-FORM ul li input{
    width: 273px;
    height: 37px;
    background-color: #ffffff;
}
.PG-USER-INFO{

}
.HLC-PF-FORM span{
    display: inline-block;
    margin-right: 4px;
    font-family: Alibaba-PuHuiTi-R;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
}
.PG-USER-INFO input{
    width: 645px;
    height: 37px;
    background-color: #ffffff;
}
.HLC-PG-NEXT{
    margin-top: 20px;
    margin-left: 76px;
}
.HLC-PF-FORM{
    margin-top: 27px;
}
input{
    outline: none !important;
    border: 1px solid #cccaca;
}


@media screen and (max-width:1600px){
    .HLC-PE-JOIN-CON,.HLC-PF-MAIN,.HLC-TOP-MAIN {
        transform: scale(0.8);
    }
    .SSS-TOP-CON {
        position: absolute;
        top: calc(50% - 111px);
        left: calc(50% - 721px);
    }
}