/* 首页 */
.page1 .section1 {
    height: 486px;
    display: flex;
    justify-content: flex-start;
}

.page1 .section1 .img {
    width: 648px;
    height: 388px;
    padding: 5px 5px 26px 5px;
    margin: 0 30px 0 35px;
    box-sizing: border-box;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_bg1.png) no-repeat;
    overflow: hidden;
}

.page1 .section1 .img img,
.page1 .section1 .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page1 .section1 .info {
    width: 626px;
    padding: 20px 0 0 0;
    font-family: "hysj";
}

.page1 .section1 .info p {
    font-size: 18px;
    margin-bottom: 30px;
}

.page1 .section1 .btnArea {
    padding: 5px;
    display: flex;
    justify-content: center;
}

.page1 .section1 .btnArea .page_btn1 {
    margin: 0 48px;
}

.page1 .section1 .btnArea .login_info {
    width: 202px;
    margin: 0 48px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.page1 .section1 .btnArea .login_info a {
    color: #fff;
    text-decoration: underline;
}

.page1 .section2 {
    margin-bottom: 67px;
}

.page1 .section2 .title {
    height: 141px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_section2_title.png) no-repeat 50% 0;
}

.page1 .section2 .tab {
    position: absolute;
    top: 173px;
    left: 60px;
    width: 216px;
    display: flex;
}

.page1 .section2 .tab a {
    display: block;
    width: 108px;
    height: 34px;
    font-size: 18px;
    font-weight: bold;
    color: #2a2a49;
    line-height: 34px;
    text-align: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_tab1.png) no-repeat;
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
    margin-right: 1px;
}

.page1 .section2 .tab a.cur {
    background-position-x: right;
}

.page1 .section2 .tab a.active {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_tab2.png) no-repeat;
}

.page1 .section2 .mod {
    height: 364px;
    display: none;
}

.page1 .section2 .mod.active {
    display: block;
}

.page1 .section2 .mod.mod1 {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_bg2.png) no-repeat;
}

.page1 .section2 .mod.mod2 {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_bg3.png) no-repeat;
}


.page1 .section3 {
    margin-bottom: 81px;
}

.page1 .section3 .title {
    height: 177px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_section3_title.png) no-repeat 50% 0;
}

.page1 .section3 .mod {
    height: 713px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_section3_mod.png) no-repeat;
}

.page1 .section4 .title {
    height: 155px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_section4_title.png) no-repeat 50% 0;
}

.page1 .section4 .mod {
    position: relative;
    height: 2950px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_section4_mod_2.png) no-repeat;
}

.page1 .section4 .preview {
    position: absolute;
    display: block;
    width: 29px;
    height: 29px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/preview1.png) no-repeat;
}

.page1 .section4 .preview.p1 {
    top: 262px;
    left: 1044px;
}

.page1 .section4 .preview.p2 {
    top: 1254px;
    left: 327px;
    width: 23px;
    height: 23px;
    background-size: cover;
}

.page1 .section4 .preview.p3 {
    top: 1254px;
    left: 992px;
    width: 23px;
    height: 23px;
    background-size: cover;
}

.page1 .section4 .preview.p4 {
    top: 2026px;
    left: 327px;
    width: 23px;
    height: 23px;
    background-size: cover;
}

.page1 .section4 .preview.p5 {
    top: 2026px;
    left: 992px;
    width: 23px;
    height: 23px;
    background-size: cover;
}

.page1 .section4 .preview.p6 {
    top: 2700px;
    left: 541px;
    width: 23px;
    height: 23px;
    background-size: cover;
}

.page1_sidebar {
    height: 461px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_sidebar.png) no-repeat;
}

/* 赛事规则 */

.page2_1_sidebar,
.page2_2_sidebar {
    height: 542px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_sidebar.png) no-repeat;
}

.page2 .top_title {
    height: 124px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_title.png) no-repeat 50% 0;
}

.page2 .sec {
    position: relative;
    width: 1200px;
    padding-top: 50px;
    margin: 0 auto 35px;
    box-sizing: border-box;
}

.page2 .sec .subtitle {
    width: 320px;
    height: 44px;
    margin: 0 auto 60px;
    font-family: 'hysj';
    text-align: center;
    line-height: 44px;
    font-size: 28px;
    color: #fff;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_subtitle.png) no-repeat 50% 0;
}

.page2 .section1a {
    height: 759px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section1a.png) no-repeat;
}

.page2 .section2a {
    height: 2110px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section2a.png) no-repeat;
}

.page2 .section3a {
    height: 2060px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section3a.png) no-repeat;
}

.page2 .section4a {
    height: 1091px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section4a.png) no-repeat;
}

.page2 .section1b {
    height: 880px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section1b.png) no-repeat;
}

.page2 .section2b {
    height: 2111px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section2b.png) no-repeat;
}

.page2 .section3b {
    height: 1972px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section3b.png) no-repeat;
}

.page2 .section4b {
    height: 1322px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section4b.png) no-repeat;
}

.page2 .table {
    width: 100%;
}

.page2 .table th,
.page2 .table td {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .61);
}

.page2 .table th {
    font-weight: bold;
    background-color: #a8d2f5;
}

.page2 .table td {
    background-color: #fff;
}

.page2 .table td.blod {
    font-weight: bold;
}

.page2 .table.bg_odd tr:nth-child(odd) td {
    background-color: #a8d2f5;
}

.page2 .desc_img {
    padding-bottom: 20px;
}

.page2 .desc_img img {
    display: block;
    margin: 0 auto;
}

.page2 .desc {
    padding: 0 106px;
    font-size: 16px;
    color: #fff;
}

.page2 .desc .tips {
    font-size: 12px;
    text-align: right;
    line-height: 24px;
}

.page2 .desc ul {
    padding-bottom: 25px;
}

.page2 .desc li {
    padding-bottom: 18px;
    line-height: 20px;
}

.page2 .desc li.title {
    padding-bottom: 0;
    line-height: 60px;
    font-size: 24px;
    font-weight: bold;
}

.page2 .desc dt {
    font-weight: bold;
    font-size: 24px;
    line-height: 45px;
}

.page2 .desc dd {
    line-height: 38px;
}

.page2 .btn {
    position: absolute;
    bottom: 36px;
    left: 50%;
    width: 173px;
    height: 42px;
    display: block;
    margin-left: -86.5px;
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    color: #2a2a49;
    font-family: 'hysj';
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_section2a_btn.png) no-repeat;
}

.page2 .section2a .desc1,
.page2 .section2b .desc1 {
    padding-bottom: 25px;
}

.page2 .section2a .desc2,
.page2 .section2b .desc2 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 40px;
}

.page2 .section2a .desc2 .w1,
.page2 .section2b .desc2 .w1 {
    width: 260px;
    margin-right: 200px;
}

.page2 .section2a .desc2 .w2,
.page2 .section2b .desc2 .w2 {
    width: 500px;
}

.page2 .desc .st1,
.page2 .desc .st2,
.page2 .desc .st3 {
    width: 210px;
    height: 31px;
    margin-bottom: 30px;
    text-indent: -999em;
}

.page2 .desc .st1 {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_st1.png) no-repeat;
}

.page2 .desc .st2 {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_st2.png) no-repeat;
}

.page2 .desc .st3 {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_st3.png) no-repeat;
}

.page2 .section3a .desc1 {
    width: 610px;
    padding-bottom: 15px;
}

.page2 .section3b .desc1 {
    width: 1000px;
    padding-bottom: 30px;
}

.page2 .section3a .desc2,
.page2 .section3b .desc2 {
    width: 876px;
    padding-bottom: 35px;
}

.page2 .section3a .desc3 {
    padding: 0 0 15px 106px;
}

.page2 .section3b .desc3 {
    width: 900px;
    padding: 0 0 15px 106px;
}

.page2 .section3a .desc3 .item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.page2 .section3a .desc3 .item {
    width: 500px;
    padding: 0 10px 20px 0;
}

/* 信息 */
.page3 .top_title1 {
    height: 145px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page3_title1.png) no-repeat 50% 0;
}

.page3 .top_title2 {
    height: 145px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page3_title2.png) no-repeat 50% 0;
}

.page3 .personal_mod {
    position: relative;
    width: 1325px;
    height: 330px;
    margin: 0 auto 50px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page3_personal_mod.png) no-repeat 50% 0;
}

.personal_mod .career_icon {
    position: absolute;
    top: 35px;
    left: 102px;
}

.personal_mod .page_btn1 {
    position: absolute;
    top: 117px;
    right: 118px;
}

.personal_mod .cont {
    width: 600px;
    padding-left: 375px;
}

.personal_mod .cont .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
}

.personal_mod .cont .row:nth-child(1) {
    height: 70px;
    padding-top: 60px;
}

.personal_mod .cont .row:nth-child(1) span {
    display: block;
    margin-right: 50px;
}

.personal_mod .cont .row:nth-child(2) {
    height: 55px;
}

.personal_mod .cont .row:nth-child(23) {
    align-items: center;
}

.personal_mod .cont .row input {
    width: 358px;
    height: 47px;
    box-sizing: border-box;
    padding: 10px;
    color: #828282;
    font-size: 18px;
    margin-right: 25px;
    border: 0;
}

.page3 .team_mod {
    position: relative;
    width: 1325px;
    height: 2032px;
    margin: 0 auto 50px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page3_team_mod.png) no-repeat 50% 0;
}

.team_mod_sign {
    position: relative;
    height: 150px;
}

.team_mod_single {
    position: relative;
    height: 330px;
    margin-bottom: 28px;
}

.team_mod_single .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_mod_single.png) no-repeat;
}

.team_mod_sign .page_btn1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -101px;
}

.team_mod_sign .tag {
    position: absolute;
    top: 4px;
    left: 19px;
    display: block;
    width: 127px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #2a2a49;
    text-align: center;
    line-height: 30px;
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_mod_sign_tag.png) no-repeat;
}

.team_mod_sign .career_icon {
    position: absolute;
    top: 34px;
    left: 100px;
    width: 86px;
    height: 102px;
}

.team_mod_sign .cont {
    height: 100%;
    padding-left: 200px;
    font-size: 14px;
    line-height: 40px;
}

.team_mod_sign .cont .row {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.team_mod_sign .cont span {
    margin-right: 15px;
}

.team_mod_sign .cont i {
    font-style: normal;
    font-weight: bold;
    color: #64adff;
}

.team_mod_sign .cont input {
    width: 358px;
    height: 47px;
    box-sizing: border-box;
    padding: 10px;
    color: #828282;
    font-size: 18px;
    margin-right: 15px;
    border: 0;
}

.team_not_joined .page_btn1 {
    position: absolute;
    top: 106px;
    left: 50%;
}

.team_not_joined .page_btn1:nth-child(1) {
    margin-left: -377px;
}

.team_not_joined .page_btn1:nth-child(2) {
    margin-left: 122px;
}

.team_joined {
    box-sizing: border-box;
    padding: 30px 0 0 118px;
}

.team_mod_single .message {
    position: absolute;
    top: 18px;
    right: 31px;
    width: 78px;
    height: 66px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_joined_message.png) no-repeat;
    cursor: pointer;
}

.team_mod_single .message .num {
    position: absolute;
    top: 0;
    right: 5px;
    width: 28px;
    height: 18px;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_joined_message_num.png) no-repeat 50% 0;
}

.team_joined .row {
    display: flex;
    justify-content: flex-start;
    width: 860px;
    padding: 20px 0;
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team_joined .row span {
    display: block;
    margin-right: 25px;
}

.team_joined .row span:last-child {
    margin-right: 0;
}

.team_joined ul {
    position: absolute;
    top: 92px;
    right: 134px;
}

.team_joined li {
    height: 92px;
}

.captain_info {
    box-sizing: border-box;
    padding: 30px 0 0 118px;
}

.captain_info .row {
    display: flex;
    justify-content: flex-start;
    width: 860px;
    padding: 20px 0;
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.captain_info .row span {
    display: block;
    margin-right: 25px;
}

.captain_info .row span:last-child {
    margin-right: 0;
}

.captain_info .row:nth-child(2) span,
.captain_info .row:nth-child(3) span {
    width: 184px;
    flex-shrink: 0;
}

.captain_info .row input {
    width: 485px;
    height: 32px;
    border: 0;
    box-sizing: border-box;
    padding: 0 10px;
    color: #828282;
    font-size: 18px;
    margin-right: 10px;
}

.captain_info ul {
    position: absolute;
    top: 87px;
    right: 134px;
}

.captain_info li {
    height: 60px;
}


.item.team_info {
    display: none;
    z-index: 10;
}

.item.team_info .team_info_close {
    position: absolute;
    z-index: 10;
    top: 17px;
    left: 37px;
    display: block;
    width: 50px;
    height: 47px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_info_close.png) no-repeat;
}

.team_info .cont {
    padding: 18px 20px 0 21px;
}

.team_info .row {
    position: relative;
    width: 100%;
    height: 87px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/row_line.png) repeat-x 0 bottom;
}

.team_info .row .career_icon {
    width: 72px;
    height: 87px;
    margin: 0 16px 0 70px;
}

.team_info .row .detail {
    width: 930px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
}

.team_info .row span {
    display: block;
    font-size: 16px;
    margin-right: 15px;
}

.team_info .row span i {
    font-style: normal;
    color: #64adff;
    font-weight: bold;
}

.team_info .row span:nth-child(1) {
    width: 180px;
    flex-shrink: 0;
    overflow: hidden;
}

.team_info .row span:nth-child(3) {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
}

.team_info .row .page_btn3 {
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -20px;
}

.team_info .row span.personal_profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.team_info .row .more_text {
    width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.add_friend_btn {
    display: block;
    width: 752px;
    height: 59px;
    padding-left: 300px;
    font-size: 20px;
    color: #fff;
    line-height: 59px;
    margin: 15px auto 0 auto;
    box-sizing: border-box;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/add_friend_btn.png) no-repeat;
}

.team_list_mod {
    width: 1262px;
    margin: 0 auto;
}

.team_list_mod .topbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 63px;
    padding: 0 0 28px 89px;
}

.team_list_mod .topbar select {
    width: 207px;
    height: 33px;
    padding: 0 10px;
    font-size: 18px;
    color: #000;
    box-sizing: border-box;
    border: 0;
    margin-right: 27px;
}

.team_list_mod .topbar input {
    width: 251px;
    height: 33px;
    padding: 0 10px;
    font-size: 18px;
    color: #000;
    box-sizing: border-box;
    border: 0;
    margin-right: 4px;
}

.team_list_mod .topbar .page_btn2 {
    margin-right: 402px;
}

.team_list_mod .topbar .search_btn {
    display: block;
    width: 49px;
    height: 39px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/search_btn.png) no-repeat;
}

.team_list_mod .item {
    width: 1262px;
    height: 209px;
    margin-bottom: 22px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_list_mod_item.png) no-repeat;
}

.team_list_mod .item:last-child {
    margin-bottom: 0;
}

.team_list_mod .item .alp_logo {
    width: 179px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/alp_logo_bg2.png) no-repeat 0 50%;
}

.team_list_mod .item .alp_logo img {
    display: block;
}

.team_list_mod .item .info {
    width: 544px;
    height: 100%;
    padding-top: 21px;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-right: 256px;
}

.team_list_mod .item .info .row {
    width: 100%;
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.team_list_mod .item .info .row span {
    margin-right: 1em;
}

.team_list_mod .item .info .row span:last-child{
    margin-right: 0;
}

.team_list_mod .item .info .row:nth-child(1) {
    height: 40px;
    line-height: 40px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/item_bg1.png) no-repeat 0 100%;
}

.team_list_mod .item .info .row:nth-child(2) {
    height: 33px;
    line-height: 33px;
}


.public_list_mod {
    width: 1280px;
    margin: 0 auto;
}

.public_list_mod .topbar {
    position: relative;
    display: flex;
    justify-content: center;
    height: 91px;
}

.public_list_mod .topbar .title {
    width: 462px;
    height: 70px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/public_list_mod_title.png) no-repeat;
}

.public_list_mod .topbar input {
    position: absolute;
    top: 38px;
    left: 974px;
    width: 251px;
    height: 33px;
    padding: 0 10px;
    font-size: 18px;
    color: #000;
    box-sizing: border-box;
    border: 0;
    margin-right: 4px;
}

.public_list_mod .topbar .search_btn {
    position: absolute;
    top: 36px;
    left: 1229px;
    display: block;
    width: 49px;
    height: 39px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/search_btn.png) no-repeat;
}

.public_list_mod .team_list_bd {
    width: 1272px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.public_list_mod .item {
    width: 632px;
    height: 209px;
    margin-bottom: 11px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/public_list_mod_item.png) no-repeat;
}

.public_list_mod .item .alp_logo {
    width: 102px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/alp_logo_bg1.png) no-repeat -2px 50%;
}

.public_list_mod .item .alp_logo img {
    display: block;
}

.public_list_mod .item .info {
    width: 544px;
    height: 100%;
    padding-top: 21px;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}

.public_list_mod .item .info .row {
    width: 100%;
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.public_list_mod .item .info .row span {
    margin-right: 1em;
}

.public_list_mod .item .info .row span:last-child {
    margin-right: 0
}

.public_list_mod .item .info .row:nth-child(1) {
    height: 40px;
    line-height: 40px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/item_bg1.png) no-repeat 0 100%;
}

.public_list_mod .item .info .row:nth-child(2) {
    height: 33px;
    line-height: 24px;
}

.career_list {
    width: 100%;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/career_list_bg.png) no-repeat 0 -6px;
    overflow: hidden;
}

.career_list .col {
    width: 50%;
    padding-left: 15px;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

.career_list .col span {
    display: block;
}

.career_list .col:first-child {
    width: 100%;
    height: 50px;
    color: #97d9ff;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/item_bg1.png) no-repeat 0 100%;
}

.career_list .col i {
    position: relative;
    width: 41px;
    height: 37px;
    margin-left: -8px;
    display: block;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/career_list_icon.png) no-repeat 50% 50%;
}

.career_list .col .career_icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15.5px;
    width: 31px;
    height: 37px;
}

.career_list .col.w100 {
    width: 100%;
}

.public_list_mod .page_count {
    padding-top: 35px;
}

/* 赛程 */
.page4 .top_title {
    height: 124px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page4_title.png) no-repeat 50% 0;
}

.page4 .tab {
    width: 724px;
    height: 138px;
    display: flex;
    margin: 0 auto 10px;
}

.page4 .tab a {
    display: block;
    width: 50%;
    height: 100%;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_tab.png) no-repeat;
}

.s_tab.tops {
    height: 80px;
    justify-content: center;
}

.war_record {
    margin-bottom: 30px;
}

.war_record .war_record_title {
    width: 347px;
    height: 53px;
    margin: 0 auto 20px;
    text-indent: -999em;
}

.my .war_record .war_record_title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/war_record_title_my.png) no-repeat;
}

.team .war_record .war_record_title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/war_record_title_team.png) no-repeat;
}

.war_record .war_record_wrap {
    position: relative;
    width: 1325px;
    margin: 0 auto;
}

.my .war_record .war_record_wrap {
    height: 330px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/war_record_wrap_my.png) no-repeat;
}

.team .war_record .war_record_wrap {
    height: 710px;
    padding: 212px 59px 0 56px;
    box-sizing: border-box;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/war_record_wrap_team.png) no-repeat;
}

.my .war_record .war_record_wrap .career_icon {
    position: absolute;
    top: 35px;
    left: 102px;
}

.war_record .jf,
.war_record .rank {
    position: absolute;
    width: 153px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-size: 30px;
}

.my .war_record .jf {
    top: 126px;
    left: 489px;
}

.my .war_record .rank {
    top: 126px;
    left: 871px;
}

.team .war_record .jf {
    top: 76px;
    left: 329px;
}

.team .war_record .rank {
    top: 76px;
    left: 711px;
}

.war_record .group_lottery_btn {
    position: absolute;
    display: block;
    width: 113px;
    height: 86px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/group_lottery_btn.png) no-repeat;
}

.my .war_record .group_lottery_btn {
    top: 108px;
    right: 93px;
}

.team .war_record .group_lottery_btn {
    top: 61px;
    right: 216px;
}

.war_report {
    margin-bottom: 30px;
}

.war_report .war_report_title {
    width: 416px;
    height: 53px;
    margin: 0 auto 20px;
    text-indent: -999em;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/war_report_title.png) no-repeat;
}

.war_report .war_report_wrap {
    position: relative;
    width: 1325px;
    height: 758px;
    margin: 0 auto;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/war_report_wrap.png) no-repeat;
}

.war_report_wrap .cont {
    height: 622px;
    padding: 130px 100px 0 100px;
    margin-bottom: 35px;
    overflow: hidden;
    box-sizing: border-box;
}

.war_report_wrap .cont li {
    width: 100%;
    height: 41px;
    line-height: 41px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 80px;
    box-sizing: border-box;
}

.war_report_wrap .cont li span,
.war_report_wrap .cont li div.tooltip {
    margin: 0 8px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.war_report_wrap .cont li div.tooltip {
    line-height: 25px;
    color: #64adff;
}


.war_report_wrap .cont li span:nth-child(2) {
    width: 300px;
}

.war_report_wrap .cont li span:nth-child(3) {
    width: 145px;
}

.war_report_wrap .cont li span:nth-child(4) {
    width: 145px;
}

.war_report_wrap .cont li div.tooltip {
    width: 120px;
}

#s3v3 .war_report_wrap .cont li {
    padding-left: 150px;
}

#s3v3 .war_report_wrap .cont li span:nth-child(2) {
    width: 120px;
}

.war_report_wrap .total_score {
    text-align: center;
    line-height: 49px;
    font-size: 30px;
    font-weight: bold;
}

.s_tab.daily {
    position: absolute;
    top: 57px;
    left: 56px;
    flex-wrap: nowrap;
}

.s_tab.daily a,
.s_tab.competitive_tab_3v3 a {
    width: 108px;
    background-image: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_tab1.png);
}

.rank_and_draw {
    position: relative;
    width: 1325px;
    margin: 0 auto;
}

.rank_and_draw .rank_wrap {
    display: block;
}

.rank_and_draw .draw_wrap {
    display: none;
}

.rank_and_draw .change_mod_btn {
    position: absolute;
    top: 73px;
    right: 25px;
}

.rank_and_draw .title {
    width: 347px;
    height: 125px;
    margin: 0 auto;
    text-indent: -999em;
}

.rank_and_draw .rank_wrap .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/my_rank_wrap_title.png) no-repeat;
}

.rank_and_draw .draw_wrap .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/my_draw_wrap_title.png) no-repeat;
}


.rank_wrap_bd {
    box-sizing: border-box;
    height: 1738px;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/rank_wrap_bd.png) no-repeat;
}

.rank_wrap_bd .item {
    width: 322px;
    height: 1637px;
    margin: 0 55px;
    box-sizing: border-box;
    padding: 0 14px 0 15px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/rank_wrap_bd_item.png) no-repeat;
}

.rank_wrap_bd .item .name {
    text-align: center;
    line-height: 55px;
    font-family: "hysj";
    font-size: 40px;
}

.rank_wrap_bd .item .icon {
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rank_wrap_bd .item .career_icon {
    width: 140px;
    height: 166px;
}

.rank_wrap_bd .item li {
    height: 81px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    font-size: 18px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/rank_wrap_bd_item_line.png) no-repeat 50% 100%;
}

.rank_wrap_bd .item li:last-child {
    background-image: none;
}

.rank_wrap_bd .item .row {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank_wrap_bd .item .row span {
    display: block;
    margin-right: 10px;
}


.rank_wrap_bd .item .row span:last-child {
    margin-right: 0;
}

.rank_wrap_bd .item .row span i {
    font-style: normal;
    font-weight: bold;
    color: #ffde00
}

.draw_wrap_bd {
    height: 1786px;
    padding-top: 33px;
    box-sizing: border-box;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/draw_wrap_bd.png) no-repeat;
}

.draw_wrap_lottery {
    position: relative;
    width: 1210px;
    margin: 0 auto 60px;
}

.draw_wrap_public {
    width: 1210px;
    margin: 0 auto;
}

.draw_wrap_bd .subtitle {
    height: 45px;
    font-family: 'hysj';
    text-align: center;
    line-height: 45px;
    font-size: 28px;
    color: #fff;

}

.draw_wrap_bd .draw_wrap_lottery .subtitle {
    margin: 0 auto 62px;
    width: 320px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_subtitle.png) no-repeat 50% 0;
}

.draw_wrap_bd .draw_wrap_public .subtitle {
    margin: 0 auto 46px;
    width: 441px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page2_subtitle2.png) no-repeat 50% 0;
}

.s_tab.career_group {
    position: absolute;
    top: 74px;
    left: 0;
    flex-wrap: nowrap;
}

.s_tab.career_group a {
    width: 108px;
    background-image: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/page1_tab1.png);
}

.draw_wrap_lottery_bd {
    width: 1210px;
    height: 484px;
    box-sizing: border-box;
    padding: 40px 32px 0 32px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/draw_wrap_lottery_bd.png) no-repeat;
}

.draw_wrap_lottery_bd .table2 th,
.draw_wrap_lottery_bd .table2 td {
    height: 51px;
}

.draw_wrap_lottery_bd .table2 th,
.draw_wrap_lottery_bd .table2 tr td:first-child {
    font-size: 24px;
}

.draw_wrap_lottery_bd .tips {
    height: 94px;
    padding-top: 40px;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    color: #ffde00;
    box-sizing: border-box;
}

.draw_wrap_lottery_bd .page_btn5 {
    margin: 0 auto;
}

.draw_wrap_public_bd {
    width: 1210px;
    height: 963px;
    box-sizing: border-box;
    padding: 44px 32px 0 32px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/draw_wrap_public_bd.png) no-repeat;
}

.draw_wrap_public_bd .item_dt {
    width: 991px;
    height: 39px;
    margin: 0 auto 5px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/draw_wrap_public_bd_dt_line.png) no-repeat 0 bottom;
}

.draw_wrap_public_bd .item_dt span {
    display: block;
    width: 144px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    font-family: 'hysj';
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/draw_wrap_public_bd_dt.png) no-repeat;
}

.draw_wrap_public_bd .item_dd {
    width: 991px;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
}

.draw_wrap_public_bd .item_dd .sbox {
    width: 294px;
}

.draw_wrap_public_bd .table2 tr th:last-child {
    font-size: 16px;
}

.draw_wrap_public_bd .table2 tr td {
    font-size: 14px;
}

.draw_wrap_public_bd .table2 tr td {
    font-weight: normal;
    background-color: #fff;
    color: #000;
}

.competitive_picture .title {
    width: 347px;
    height: 53px;
    margin: 0 auto 20px;
    text-indent: -999em;
}

.competitive_picture.match_1v1 .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/competitive_picture_title_1v1.png) no-repeat;
}

.competitive_picture.finals_1v1 .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/competitive_picture_title_1v1s.png) no-repeat;
}

.competitive_picture.match_3v3 .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/competitive_picture_title_3v3.png) no-repeat;
}

.competitive_picture .bd {
    position: relative;
    width: 1325px;
    height: 710px;
    margin: 0 auto;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/competitive_picture_bd.png) no-repeat;
}

.s_tab.competitive_tab_1v1,
.s_tab.finals_tab_1v1,
.s_tab.competitive_tab_3v3 {
    position: absolute;
    top: 89px;
    left: 51px;
    flex-wrap: nowrap;
}

.competitive_picture select {
    position: absolute;
    top: 89px;
    right: 51px;
    border: 0;
    width: 161px;
    height: 28px;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    padding: 0 10px;
    box-sizing: border-box;
}

.competitive_picture .match_pic,
.competitive_picture .finals_pic,
.competitive_picture .team_match_pic {
    position: absolute;
    top: 130px;
    left: 35px;
    width: 1255px;
    height: 515px;
    overflow: hidden;
}

.competitive_picture .match_pic img,
.competitive_picture .finals_pic img,
.competitive_picture .team_match_pic img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.finals_1v1 .finals_pic,
.match_3v3 .team_match_pic {
    display: none;
}

.finals_1v1 .finals_pic.active,
.match_3v3 .team_match_pic.active {
    display: block;
}

.team .war_record .team_detail {
    height: 94px;
    display: flex;
    align-items: center;
}

.team .war_record .team_detail .tag {
    width: 226px;
    height: 34px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_detail_tag.png) no-repeat;
    text-indent: -999em;
    margin: 0 36px 0 23px;
}

.team_mod_block .row {
    width: 890px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    font-size: 16px;
}

.team_mod_block .row span {
    flex-shrink: 0;
    margin-right: 15px;
}

.team_mod_block .team_detail .row span:last-child {
    flex-shrink: 1;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team_mod_block .row i {
    font-style: normal;
    font-weight: bold;
    color: #64adff;
}

.team_mod_block .team_item {
    position: relative;
    width: 100%;
    padding-left: 285px;
    height: 97px;
    margin-bottom: 14px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_detail_item.png) no-repeat;

}

.team_mod_block .team_item .row span:nth-child(1) {
    flex-shrink: 1;
    width: 200px;
    overflow: hidden;
}

.team_mod_block .team_item .row span:nth-child(3) {
    flex-shrink: 1;
    width: 100px;
    overflow: hidden;
}

.team_mod_block .team_item .row span:last-child {
    flex-shrink: 1;
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team_mod_block .team_item .career_icon {
    position: absolute;
    top: 0;
    left: 100px;
    width: 83px;
    height: 97px;
}

.team_mod_block .team_item:first-child {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_detail_item_first.png) no-repeat;
}

.team_mod_none p {
    height: 260px;
    box-sizing: border-box;
    padding-top: 140px;
    text-align: center;
    font-size: 44px;
    font-weight: bold;
}

.team_mod_none .page_btn5 {
    margin: 0 auto;
}

.team .rank_and_draw .rank_wrap .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_rank_wrap_title.png) no-repeat;
}

.team .rank_and_draw .page_count {
    padding-top: 15px;
}

.team .rank_wrap_bd {
    flex-wrap: wrap;
    align-content: flex-start;
    height: 1890px;
    padding-top: 40px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_rank_wrap_bd.png) no-repeat;
}

.team .item2 {
    width: 1262px;
    height: 209px;
    margin-bottom: 11px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/rank_wrap_bd_item2.png) no-repeat;
}

.team .item2:last-child {
    margin-bottom: 0;
}

.team .item2 .alp_logo {
    width: 179px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/alp_logo_bg2.png) no-repeat 0 50%;
}

.team .item2 .alp_logo img {
    display: block;
}

.team .item2 .info {
    width: 544px;
    height: 100%;
    padding-top: 21px;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-right: 86px;
}

.team .item2 .info .row {
    width: 100%;
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.team .item2 .info .row span {
    margin-right: 1em;
}

.team .item2 .info .row span:last-child {
    margin-right: 0;
}

.team .item2 .info .row:nth-child(1) {
    height: 40px;
    line-height: 40px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/item_bg1.png) no-repeat 0 100%;
}

.team .item2 .info .row:nth-child(2) {
    height: 33px;
    line-height: 33px;
}

.team .item2 .num {
    width: 339px;
    height: 55px;
    padding: 0 24px;
    line-height: 55px;
    font-size: 24px;
    color: #fff7c2;
    font-weight: bold;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/rank_wrap_bd_item2_num.png) no-repeat;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.team .item2 .num span {
    margin-right: 12px;
}

.team .item2 .num span:last-child {
    margin-right: 0;
}

.team .rank_and_draw .draw_wrap .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_draw_wrap_title.png) no-repeat;
}

.team .draw_wrap_bd {
    height: 1360px;
    padding-top: 33px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/team_draw_wrap_bd.png) no-repeat;
}

.team .draw_wrap_public_bd {
    height: 484px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/draw_wrap_lottery_bd.png) no-repeat;
}

.competitive_picture.finals_3v3 .title {
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/finals_picture_title_3v3.png) no-repeat;
}

.competitive_picture.finals_3v3 .bd {
    height: 1065px;
    background: url(https://static.web.sdo.com/aion/pic/project/2025APL_summer/finals_competitive_picture_bd.png) no-repeat;
}

.finals_3v3 .finals_pic {
    position: absolute;
    top: 0;
    left: 34px;
    width: 1260px;
    height: 990px;
}

.finals_3v3 .finals_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}