@charset "utf-8";

@import url("../fonts/iconfont.css");

@font-face {
    font-family: 'DINCond';
    src: url('../fonts/DINCond.TTF') format('truetype');

}

[class*="icon-"] {
    font-size: 100%;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*="icon-svg-"] {
    display: inline-flex;
    width: 0.22rem;
    height: 0.22rem;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-svg-arrow {
    background-image: url(../image/icon-arrowright.svg);
    background-size: auto 80%;
}

.icon-svg-arrowleft {
    background-image: url(../image/icon-arrowleft.svg);
}

.icon-svg-arrowright {
    background-image: url(../image/icon-arrowright.svg);
}

:root {
    --first: rgba(20, 70, 160, 1);

    --h2-color: rgba(41, 51, 82, 1);
    --link-color: rgba(50, 50, 50, 1);
}

html {
    font-size: 100px;
    height: 100%;
}

@media (min-width:1025px) {
    html {
        font-size: 5.20833333vw
    }
}

@media (min-width:1921px) {
    html {
        font-size: 100px;
    }
}

body {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    font-size: .16rem;
    overflow-x: hidden;
    letter-spacing: .01rem;
    -webkit-user-select: none;
    background-color: rgb(242, 242, 242);
}

body {
    height: 100%;
}

/* public */
.btn_hover {
    transition: all 0.2s ease 0s;
    cursor: pointer;
}

.btn_hover:hover {
    transform: scale(1.08);
}

.btn_hover:active {
    transform: scale(0.95)
}

.iconfont.icon-you {
    margin-left: .1rem;
}

/*  */
#container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.container {
    max-width: 1180px;
    padding: 0;
    height: 100%;
    margin: 0 auto;
}

/* ===== 页头 ===== */
.header {
    flex: 0 0 auto;
    height: .64rem;
    background: #FFFFFF;
}

.header_box .nav {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav_logo {
    position: relative;
    width: 3.6rem;
    height: .64rem;
    cursor: pointer;
}

.nav_logo::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 3.6rem;
    height: .64rem;
    background-image: url(../image/img-logo-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.nav_logo a img {
    position: absolute;
    top: .1rem;
    left: .1rem;
    z-index: 9;
    width: 3.53rem;
    height: .46rem;
    pointer-events: none;
}

.nav_right {
    cursor: pointer;
}

.nav_right img {
    width: 3.6rem;
    height: .64rem;
    overflow-clip-margin: content-box;
    overflow: clip;
    pointer-events: none;
}

.nav_menu {
    position: relative;
    display: flex;
}

.menuShow {
    display: flex !important;
}

.nav_menu .nav_list .nav_item {
    position: relative;
    padding: .12rem;
}

.nav_menu .nav_list .nav_item a {
    font-size: .18rem;
    font-weight: 500;
    color: #4E4E4E;
    white-space: nowrap;
}

.nav_menu .nav_list .cur::after,
.nav_menu .nav_list .nav_item::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    left: 50%;
    /* border-bottom: var(--first) solid 2px; */
    color: var(--first);
    transition: all .3s
}

.nav_menu .nav_list .cur::after,
.nav_menu .nav_list .nav_item:hover::after {
    left: 0%;
    width: 100%;
}

.nav_menu .nav_list .nav_item.cur a,
.nav_menu .nav_list .nav_item:hover a {
    color: var(--first);
}

.nav_more {
    display: none;
    margin-right: .1rem;
}

.nav_more_icon i {
    font-size: 200%;
    color: #4E4E4E;
    cursor: pointer;
}

#jys {
    display: none;
}

/* ===== 页脚 ===== */
.footer {
    flex: 0 0 auto;
    height: 1.5rem;
    background: rgb(38, 38, 38);
}

.footer_box {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: .05rem 0;
}

.footer_cont p {
    line-height: .25rem;
    color: #FFFFFF;
    font-size: .15rem;
    letter-spacing: 0;
}

.footer_cont p a {
    color: #FFFFFF;
}

/* ===== 侧边 ===== */
.sidebar_box {
    position: fixed;
    right: .6rem;
    bottom: .2rem;
    z-index: 99;
}

.sidebar_button {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}

.sidebar_button_item {
    width: .5rem;
    height: .5rem;
    background: rgb(140, 155, 155);
    border-radius: .25rem;
    overflow: hidden;
    cursor: pointer;
    transition: width .2s;
    -webkit-transition: width .2s;
}

.sidebar_button_item:hover {
    width: 1.5rem;
}

.sidebar_button_item.no_hover:hover {
    width: .5rem;
}

.sidebar_button_item+.sidebar_button_item {
    margin-top: .1rem;
}

.sidebar_button_item a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: right;
}

.sidebar_button_item i {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: 187.5%;
    color: #FFFFFF;
    text-align: center;
}

.sidebar_button_item span {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    font-size: 75%;
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s, opacity .2s;
}

.sidebar_button_item:hover span {
    visibility: visible;
    opacity: 1;
}

#scroll_up {
    display: none;
}

/* ===== 弹窗 ===== */
.dialog_cont_main {
    display: flex;
}

.dialog_left,
.dialog_right {
    width: 50%;
}

.dialog_left {
    padding-left: .3rem;
    padding-right: .3rem;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}

.dialog_form_item {
    display: flex;
    align-items: center;
    padding: .1rem 0;
}

.dialog_form_item label {
    width: 30%;
    margin-right: .1rem;
    text-align: center;
    font-size: 87.5%;
    font-weight: bold;
}

.dialog_form_upload {
    width: 100%;
    text-align: center;
}

.dialog_form_upload label {
    font-size: 87.5%;
    font-weight: bold;
}

.upload_box {
    position: relative;
    display: block;
    width: 100% !important;
    height: .6rem;
    margin: .15rem 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: .03rem;
    background: rgba(0, 0, 0, 0.03) url(../image/icon-addImage.png) center no-repeat;
    background-size: auto 50%;
    overflow: hidden;
    cursor: pointer;
}

.uploadFile {
    display: none;
}

#fileName {
    width: 100%;
    height: .2rem;
    margin-top: .1rem;
    padding-left: .3rem;
    font-size: 75%;
    text-align: start;
}

.dialog_right {
    padding-left: .3rem;
}

.m_tips {
    color: red;
}

.m_tips h4 {
    font-weight: bold;
}

.m_tips p span {
    color: rgb(52, 105, 237);
    cursor: pointer;
}

.m_tips_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: .2rem;
}

.m_tips_box img {
    width: 1.2rem;
    height: 1.2rem;
}

.m_tips_box span {
    margin: .06rem 0;
    font-size: 75%;
    color: #333333;
}

.m_tips_box a {
    display: inline-block;
    padding: 0 .08rem;
    color: darkblue;
    font-size: 140%;
    font-weight: 600;
    text-decoration: underline;
}

.xssq .dialog_left {
    width: 60%;
    height: 5.8rem;
    overflow-y: auto;
    padding-right: .5rem;
}

.xssq .dialog_right {
    width: 40%;
}

.dialog_sidebar {
    position: fixed;
    bottom: .3rem;
    left: 0;
    z-index: 9;
    /* width: .84rem; */
    padding: .1rem;
    border-radius: 0 .18rem .18rem 0;
    background: #ffffff;
    box-shadow: 0 .12rem .12rem -0.12rem #ddd,
        0 .14rem .24rem -0.16rem rgba(0, 0, 0, 0.4),
        -0.02rem -0.02rem 0.06rem rgba(0, 0, 0, 0.1);
    line-height: 2.5;
}

.dialog_sidebar ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dialog_sidebar ul li img {
    width: .64rem;
    height: .64rem;
    margin: .04rem 0;
    border-radius: .2rem;
}

.dialog_sidebar:hover {
    animation: move 1s;
}

.dialog_sidebar ul li span {
    display: none;
    font-size: 75%;
    text-align: center;
}

.dialog_sidebar:hover ul li img {
    width: 1.45rem;
    height: 1.45rem;
    overflow: hidden;
    cursor: pointer;
}

.dialog_sidebar:hover ul li:last-child img {
    width: 1.2rem;
    height: 1.2rem;
}

.dialog_sidebar ul li:last-child img:hover {
    transform: scale(1.08);
}

.dialog_sidebar:hover ul li span {
    display: block;
}

.xsbb_box {
    width: 100%;
}

.xsbb_box dl {
    position: relative;
    display: flex;
}

.xsbb_box dl dd {
    text-align: center;
}

.xsbb_box dl+dl {
    margin-top: .1rem;
}

.xsbb_box dl dd+dd {
    margin-left: .1rem;
}

.xsbb_box dl dd span {
    display: block;
    font-size: 87.5%;
    font-weight: bold;
}

.xsbb_box dl dd:nth-child(1) {
    flex: 1.2;
}

.xsbb_box dl dd:nth-child(2),
.xsbb_box dl dd:nth-child(3) {
    flex: 0.9;
}

.xsbb_add,
.xsbb_del {
    position: absolute;
    width: .3rem;
    height: .3rem;
    top: 50%;
    right: -0.4rem;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #5995ff;
    border-radius: 1rem;
    border: 1px solid #0490ff66;
    cursor: pointer;
}

.xsbb_add i,
.xsbb_del i {
    font-size: 125%;
    color: #ffffff;
}

@keyframes move {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* ===== 内容 ===== */
.main {
    flex: 1 0 auto;
}

.banner {
    position: relative;
}

.banner img {
    display: block;
    width: 100%;
    height: 440px;
    object-fit: cover;
}

.banner_swiper .swiper-pagination {
    bottom: var(--swiper-pagination-bottom, 0.2rem) !important;
    padding-right: .3rem !important;
    text-align: end !important;
}

.banner_swiper .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.1rem)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.1rem)) !important;
    background: #000000 !important;
    opacity: 1;
}

.banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFFFFF !important;
}

.section_title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: .5rem 0 .3rem 0;
}

.section_title::after {
    position: absolute;
    content: "";
    top: -0.16rem;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 5px;
    background: rgb(41, 51, 82)
}

.section_title h2 {
    font-size: 175%;
    color: #000000;
}

.section_title .more {
    position: absolute;
    right: 0.3rem;
    border-radius: 0.04rem;
    border: #d40000 solid 1px;
    padding: 0.04rem 0.2rem;
    color: #d40000 ;
  font-size: 90%;
    
}
.section_title .more:hover{background:#bb0004 ; color: #fff;} 
/* 顶部链接 */
.link_cont {
    display: flex;
    width: 100%;
}

.link_item {
    flex: 0.9;
    background: rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    text-align: center;
}

.link_cont .link_item:nth-child(4) {
    flex: 1.3;
}

.link_cont .link_item:hover {
    transition: .5s;
    background: #FFFFFF url(../image/img-link-bg.png) no-repeat 110% center;
    background-size: auto 120%;
}

.link_title {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: .86rem;
}

.link_title h3 {
    margin-bottom: .1rem;
    font-size: .18rem;
    cursor: pointer;
    pointer-events: none;
}

.link_title h3 span {
    display: block;
}

.link_title i {
    margin-right: .1rem;
}

.link_title h3:hover span {
    transform: scale(1.1);
    transition: .5s;
}

.link_in {
    display: flex;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.5);
}

.link_in a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: .6rem;
    padding: .08rem .03rem;
    font-size: .14rem;
    font-weight: bold;
}

.link_in a+a {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.link_in a:hover {
    background: hsla(219, 88%, 63%, 0.8);
    box-shadow: 0 0 .1rem hsla(219, 88%, 63%, 1);
    color: #FFFFFF;
    transition: .5s;
}

/* 最新通知 */
.new_notice_box {
    margin-top: .3rem;
}

.new_notice_box:hover .new_notice_cont {
    transform: translateY(-0.1rem);
}

.new_notice_cont {
    display: flex;
    width: 100%;
    padding-right: .3rem;
    border-radius: .2rem;
    box-shadow: 0 .1rem .3rem rgb(235 162 164 / 60%);
    cursor: pointer;
    transition: all 0.2s;
}

.new_notice_r {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 180px);
    margin-left: .3rem;
    padding-right: .3rem;
}

.new_notice_title {
    flex: 1;
    width: 100%;
    padding: .05rem .3rem;
    border-left: 1px solid rgb(187 0 4 / 14%);
    color: #bb0004;
    font-size: 125%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new_notice_box:hover .btn {
    background: #bb0004;
    color: #ffffff;
}

/* 官方动态 */

.gfdt_box {
    margin-bottom: 0.2rem;
    border-radius: 0.2rem;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 60%) 0 0.2rem 0.6rem -0.6rem;
}

.gfdt_cont {
    display: flex;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
    height: 280px;
}

.gfdt_left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    padding: .3rem;
    background: #890b0e;
    background: url(../image/ejbg.png) bottom right  #890b0e; 
    background-size: auto 150%;
    background-blend-mode: soft-light;
}

.gfdt_title {
    color: #fff;
    text-align: center;
    font-size: 212.5%;
    line-height: 1.6;
    font-weight: 900;
    white-space: nowrap;
}

.gfdt_title p {
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
    font-size: .2rem;
    font-weight: 100;
}

.gfdt_left a {
    position: absolute;
    bottom: .3rem;
    font-size: 137.5%;
    font-weight: bold;
    color: #ffffff;
    transition: all 0.2s;
}

.gfdt_left a:hover {
    transform: scale(1.03);
}

.gfdt_right {
    width: 65%;
    margin: .15rem .15rem .15rem .25rem;
    overflow: hidden;
}

.gfdt_list li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: .16rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 100%;
    font-weight: bold;
    overflow: hidden;
    gap: .16rem;
}

.gfdt_list li a:hover {
    color: #4068b1;
}

.gfdt_list li a p {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.gfdt_list li a span {
    display: block;
    font-size: 75%;
    font-weight: 100;
    color: gray;
    text-align: right;
    white-space: nowrap;

}

/* 竞赛风采 */
.jsfc_box {
    margin-bottom: 1rem;
}

.jsfc_card {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
}

.jsfc_card_item {
    position: relative;
    width: 100%;
    padding: .12rem;
    background: rgb(255, 255, 255);
    box-shadow: .02rem .02rem .2rem rgb(0 0 0 / 4%);
    border-radius: .16rem;
}

.jsfc_card_item a {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: .08rem;
}

.jsfc_card_item a::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../image/img-video-play-btn.png);
    box-shadow: 0 0 .1rem rgb(0 0 0 / 60%);
    z-index: 2;
    filter: drop-shadow(0 0 .16rem rgba(0, 0, 0, 0.3));
    opacity: 0.85;
}

.jsfc_card_item a img {
    align-self: stretch;
    aspect-ratio: 4 / 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .1s;
}

.jsfc_card_item a:hover {
    filter: brightness(1)
}

.jsfc_card_item a:hover img {
    transform: scale(1.2);
}

.jsfc_card_item h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: .2rem 0 .1rem 0;
    line-height: 1.1;
    font-weight: 500;
    font-size: 100%;
}

.jsfc_card_item p {
    padding-bottom: .08rem;
    color: #bbb;
    font-size: 75%;
}

.jsfc_card_item p::before {
    content: "";
    display: block;
    width: 20%;
    border-top: 1px solid #bbbbbb;
    margin: .12rem 0;
}

.jsfc_more_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    margin: .4rem auto 0 auto;
    padding: .12rem;
    border: #3f51b5 solid 1px;
    border-radius: 90px;
    box-shadow: 0 .02rem .05rem #ffffff87, 0 .1rem .2rem rgb(63 81 181 / 15%);
    text-align: center;
    color: #3f51b5;
    font-size: 112.5%;
    font-weight: bold;
    cursor: pointer;
}

.jsfc_more_btn:hover {
    color: aliceblue;
    background: darkblue;
    transition: .5s;
}

.jsfc_more_btn::after,
.jsfc_more_btn::before {
    content: "";
    flex: 1;
    margin: 0 .2rem;
    border: 1px solid #3f51b5;
}

.navbar_box {
    display: flex;
    justify-content: space-between;
    margin: .3rem auto .2rem auto;
    padding-bottom: .1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.navbar_title {
    display: flex;
    align-items: center;
    color: #aaaaaa;
}

.navbar_title::before {
    content: "";
    width: .1rem;
    height: .1rem;
    margin: auto 0;
    margin-right: .16rem;
    border-radius: 50%;
    background: #3894d0;
}

.navbar_title_cn {
    margin-right: .1rem;
    color: #3894d0;
    font-size: 137.5%;
}

.navbar_title_en {
    font-size: 87.5%;
}

.navbar_cont {
    display: flex;
    align-items: center;
    font-size: 100%;
}

.navbar_cont a {
    font-size: 100%;
}

/* 子页面-培训回放 */
.pxhf_box {
    margin-top: .4rem;
    margin-bottom: .6rem;
}

.pxhf_cont {
    display: flex;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 0 .14rem rgba(0, 0, 0, 0.1);
    border-radius: .3rem;
    overflow: hidden;
}

.pxhf_left {
    width: 20%;
}

.pxhf_list {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.pxhf_list li {
    padding: .18rem;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 100%;
    cursor: pointer;
}

.pxhf_list_video_box {
    position: relative;
}

.pxhf_list_video_box::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../image/img-video-play-btn.png);
    box-shadow: 0 0 .1rem rgb(0 0 0 / 60%);
    z-index: 2;
    filter: drop-shadow(0 0 .16rem rgba(0, 0, 0, 0.3));
    opacity: 0.85;
}

.pxhf_list_video_box img {
    width: 100%;
}

.pxhf_list li.cur {
    background: #1572e8;
    border-color: #1572e8;
    color: #ffffff;
}

.pxhf_right {
    width: calc(100% - 20%);
    padding: .4rem .6rem;
}

.pxhf_video_cont {
    display: none;
    width: 100%;
}

.pxhf_video_title {
    padding: .2rem 0 .4rem 0;
}

.pxhf_video_title h3 {
    font-size: 187.5%;
    color: #1572e8;
    text-align: center;
}

.pxhf_video_box iframe {
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 5 / 3;
    padding: .2rem;
    border-radius: .2rem;
    background: rgba(0, 0, 0, 0.09);
}

/* 子页面-竞赛风采 */
.jsfc_list_box {
    margin-bottom: 1rem;
}

.jsfc_list_cont {
    grid-column-gap: .2rem;
    grid-row-gap: .16rem;
}

.jsfc_list_item {
    position: relative;
    width: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0 0 0 / 10%);
    box-shadow: .02rem .02rem .2rem rgb(0 0 0 / 4%);
    cursor: pointer;
}

.jsfc_list_item_img {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}

.jsfc_list_item_img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .48rem;
    height: .48rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../image/img-video-play-btn.png);
    box-shadow: 0 0 .1rem rgb(0 0 0 / 60%);
    z-index: 1;
    filter: drop-shadow(0 0 .16rem rgba(0, 0, 0, 0.3));
    opacity: 0.85;
}

.jsfc_list_item_img img {
    align-self: stretch;
    aspect-ratio: 4 / 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .1s;
}

.jsfc_list_item_text {
    padding: .12rem .2rem;
    color: #333333;
}

.jsfc_list_item h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .1rem;
    line-height: 1.4;
    font-weight: 500;
    font-size: 87.5%;
}

.jsfc_list_item_b {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jsfc_list_item_b::before {
    position: absolute;
    content: "";
    top: -.08rem;
    left: 0;
    width: 20%;
    height: 1px;
    margin: .12rem 0;
    background: #bbbbbb;
}

.jsfc_list_item_b p {
    margin-top: .1rem;
    font-size: 75%;
}

.jsfc_list_item_b i {
    margin-top: .1rem;
    font-size: .2rem;
}

.jsfc_list_item:hover {
    background: rgba(20, 70, 160, .8);
    transition: .5s;
}

.jsfc_list_item a:hover {
    filter: brightness(1)
}

.jsfc_list_item:hover .jsfc_list_item_img img {
    transform: scale(1.2);
}

.jsfc_list_item:hover .jsfc_list_item_text {
    color: #FFFFFF;
}

.jsfc_list_item:hover .jsfc_list_item_b::before {
    background: #FFFFFF;
}

/* 子页面-竞赛风采-详情 */
.jsfc_details_cont {
    margin: .5rem auto;
    padding: .4rem .2rem .2rem .2rem;
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 5%) 0 0 .4rem;
    border-radius: .3rem;
}

.jsfc_details_title {
    padding: .2rem .3rem;
}

.jsfc_details_title h3 {
    color: #1572e8;
    font-size: 187.5%;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
}

.jsfc_details_time {
    padding: .2rem 0;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 75%;
}

.jsfc_details_video iframe {
    width: 100%;
    aspect-ratio: 5 / 3;
    padding: .08rem;
    border-radius: .16rem;
    background: rgba(0, 0, 0, 0.05);
}

/* 子页面-竞赛风采 */
.download_box {
    margin-bottom: 1rem;
}

.download_cont {
    display: flex;
}

.download_left {
    width: 3.2rem;
    box-shadow: 0.06rem 0.06rem 0 rgba(34, 57, 129, 0.1);
    border-radius: .06rem;
    overflow: hidden;
    border: 1px solid rgba(34, 57, 129, 0.1);
    background: hsla(255, 100%, 15%, 0.02);
}

.download_title h3 {
    margin: 0;
    background: #223981;
    line-height: 3.5;
    color: #ffffff;
    font-weight: 600;
    font-size: 112.5%;
    text-align: center;
}

.download_list {}

.download_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .52rem;
    padding: .04rem .15rem;
    border-bottom: 0.5px dashed rgba(0, 0, 0, 0.08);
    line-height: 3;
    cursor: pointer;
    transition: .2s;
}

.download_list li::before {
    content: "";
    width: .05rem;
    height: .05rem;
    margin-right: .08rem;
    border-radius: 50%;
    background: #496ddd;
}

.download_list li::after {
    content: "";
    display: inline-block;
    width: .06rem;
    height: .06rem;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    transform: rotate(45deg);
}

.download_list li:hover,
.download_list li.cur {
    background: rgba(20, 70, 160, 0.8);
    color: #ffffff;
}

.download_list li:hover::before,
.download_list li.cur::before {
    background: #ffffff;
}

.download_list li:hover::after,
.download_list li.cur::after {
    border-color: #ffffff;
}

.download_list li span {
    flex: 1;
    line-height: 1.4;
    font-weight: 300;
    font-size: 87.5%;
}

.download_right {
    width: calc(100% - 3.2rem);
    min-height: 4.8rem;
    padding-left: .6rem;
}

.download_card_box {
    display: none;
}

.download_card {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
}

.download_card_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .1rem 0 .1rem .1rem;
    border: 1px solid rgba(34, 57, 129, 0.1);
    border-radius: .06rem;
}

.download_card_item a::before {
    content: "";
    width: .4rem;
    height: .26rem;
    background: url(../image/icon-down.png) no-repeat center;
    background-size: auto 100%;
    margin-right: .1rem;
}

.download_card_item a::after {
    content: "";
    width: .4rem;
    height: .5rem;
    background: url(../image/icon-word.png) no-repeat;
    background-size: auto 100%;
    opacity: 0.15;
}

.download_card_text {
    flex: 1;
}

.download_card_text span {
    font-size: 87.5%;
}

.download_card_text p {
    font-size: 80%;
    color: rgba(0, 0, 0, 0.7);
}

.download_card_item a:hover {
    background: #007eaf;
    background: linear-gradient(-45deg, #3366cc 50%, #fff 60%, rgba(20, 70, 160, .8) 70%);
    background-size: 600% 100%;
    box-shadow: .05rem .05rem .1rem rgba(0, 0, 0, 0.15),
        0 0 .02rem inset rgba(255, 255, 255, 0.8);
    color: #ffffff;
    -webkit-animation: shine 20s infinite;
    animation: shine 15s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.download_card_item:hover a::before {
    width: .4rem;
    height: .26rem;
    background: url(../image/icon-down-h.png) no-repeat center;
    background-size: auto 100%;
}

.download_card_item:hover a::after {
    width: .4rem;
    height: .5rem;
    background: url(../image/icon-word-h.png) no-repeat;
    background-size: auto 100%;
    opacity: 0.9;
}

.download_card_item:hover .download_card_text span,
.download_card_item:hover .download_card_text p {
    color: #ffffff;
}


@keyframes shine {
    0% {
        background-position-x: 400%;
    }

    50% {
        background-position-x: 0%;
    }

    100% {
        background-position-x: -400%;
    }
}

/* 技术咨询 */
.jszx_box {
    margin-bottom: 1rem;
}

.jszx_info_item {
    padding: .4rem .2rem .3rem .2rem;
    border: 1px solid rgb(209 229 249 / 80%);
    text-align: center;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(.08rem);
    box-shadow: #004bad 0 0.3rem 0.4rem -0.35rem;
    border-radius: .2rem;
}



.jszx_info_item img {
    height: 60px;
    pointer-events: none;
    margin: 0 auto;
}

.jszx_info_item_text {
    margin-top: .3rem;
    font-size: 87.5%;
    text-align: center;
}

.jszx_info.grid-col-4 {

    gap: 0.18rem;
    margin-top: -1rem;
}

.jszx_maps {
    width: 100%;
    height: 340px;
    min-height: 340px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.jszx_maps {
    background: url(../image/img-maps-bg.png) top center no-repeat;
    background-size: 100% auto;
}

/* 各省动态 */
.sfdt_box {
    margin-bottom: 1rem;
}

.sfdt_cont {
    position: relative;
}

.sfdt_card {
    grid-column-gap: .2rem;
    grid-row-gap: .1rem;
}

.sfdt_card li {
    width: 100%;
}

.sfdt_card li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 75%;
    text-align: center;
}

.sfdt_card li a:hover {
    filter: none;
    color: #333333;
}

.sfdt_card li a img {
    width: 100%;
}

.sfdt_card li a span {
    margin-top: .1rem;
}

.sfdt-swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, -0.7rem) !important;
}

.sfdt-swiper-button-next {
    right: var(--swiper-navigation-sides-offset, -0.7rem) !important;
}

/* 竞赛指南 */
.jszn_box {
    margin-bottom: .4rem;
}

.jszn_cont {
    position: relative;
    display: flex;
    padding: .1rem .2rem;
    background-color: rgb(255, 255, 255);
    box-shadow: .02rem .02rem .2rem rgba(0, 0, 0, 0.04);
}

.jszn_left,
.jszn_right {
    width: 50%;
}

.jszn_item {
    display: flex;
    padding: .24rem .26rem .24rem 0;
}

.jszn_left {
    border-right: 1px solid rgb(229, 229, 229);
}

.jszn_right .jszn_item {
    padding: .24rem 0 .24rem .26rem;
}

.jszn_left .jszn_item:first-child {
    padding: .1rem .26rem .24rem 0;
}

.jszn_right .jszn_item:first-child {
    padding: .1rem 0 .24rem .26rem;
}

.jszn_item+.jszn_item {
    border-top: 1px solid rgb(229, 229, 229);
}

.jszn_item_icon {
    width: .48rem;
    color: #1446a0;
    font-size: 225%;
}

.jszn_item_cont {
    width: calc(100% - .36rem);
    margin-left: .06rem;
}

.jszn_item_cont h3 {
    margin: .1rem 0;
    color: rgb(51, 51, 51);
    font-size: 100%;
    font-weight: bold;
}

.jszn_item_cont p {
    font-size: 95%;
    text-indent: .24rem;
}

.contact_info {
    display: flex;
    width: 100%;
    margin-top: .24rem;
    border-top: 1px dotted #dddddd;
}

.contact_info_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 0 .2rem 0 0;
    flex: 1.2;
    margin-left: -0.48rem;
}

.contact_info_left h3 {
    margin: .1rem 0;
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: bold;
}

.contact_info_left img {
    width: 100%;
}

.contact_info_left span {
    margin: .06rem 0;
    font-size: 75%;
}

.contact_info_right {
    width: 100%;
    padding: 0 .2rem;
    border-left: 1px dotted #dddddd;
    flex: 1;
}

.contact_info_right h3 {
    display: block;
    color: rgb(153, 153, 153);
    margin-top: 0.2rem;
    margin-bottom: 0.16rem;
    font-weight: 900;
    font-size: 112.5%;
    color: #1446a0;
    padding-left: 0.16rem;
    border-left: #1446a0 solid 0.1rem;
}

.contact_info_item {
    /* margin: 0 0 .1rem; */
    color: rgb(51, 51, 51);
    font-size: 87.5%;
    line-height: 1.8;
    margin-bottom: .06rem;
    display: flex;
    align-items: center;
    margin-top: .1rem;
    font-weight: 600;
    border-bottom: #1446a0 solid 0.01rem;
}

.contact_info_item>span {
    background: #1446a0;
    color: #fff;
    padding: 0 .06rem 0 .1rem;
    border-radius: 0 10rem 0 0;
    s
}

.contact_info_item::after {
    flex: 1;
    border-bottom: #ddd solid 1px;
    /* content: ""; */
}


.jszn_btn {
    margin-top: .2rem;
}

.jszn_btn a {
    display: block;
    width: 2.22rem;
    height: .46rem;
    background: rgb(236, 240, 252);
    border-radius: .05rem;
    line-height: .46rem;
    text-align: center;
    font-size: 87.5%;
    box-shadow: .05rem .05rem .1rem rgba(0, 0, 0, 0.1);
}

.jszn_btn a:hover {
    background: var(--first);
    color: #ffffff;
    transition: .5s;
}

/* 友情链接 */
.yqlj_box {
    margin-bottom: 1rem;
}

.yqlj_title {
    width: 100%;
    text-align: center;
    padding-bottom: .04rem;
    border-bottom: 4px solid var(--first);
    ;
    color: var(--first);
    ;
    font-size: 100%;
}

.yqlj_title span {
    margin-left: .1rem;
    font-weight: bold;
}

.yqlj_list {
    grid-column-gap: .1rem;
    grid-row-gap: .08rem;
    margin-top: .3rem;
}

.yqlj_item {
    display: flex;
    font-weight: 300;
    font-size: 100%;
}

.yqlj_item i {
    display: block;
    margin-right: .06rem;
}

.yqlj_item:hover i {
    color: var(--first);
    transform: scale(0.95);
}

.yqlj_item:hover a {
    color: var(--first);
}

/* 竞赛介绍 */
.jsjs_box {
    margin-bottom: 1rem;
}

.jsjs_title {
    padding: 0.6rem 0;
}

.jsjs_title::after {
    content: "";
    display: block;
    width: .8rem;
    height: .06rem;
    border-radius: 100rem;
    background: #223276;
    margin: .12rem auto 0 auto;
}

.jsjs_title h2 {
    font-size: 187.5%;
    font-weight: 900;
    text-align: center;
}

.jsjs_info>img {
    width: 100%;
}

/* 参赛须知 */
.csxz_box {
    margin-bottom: 1rem;
}

/* 竞赛动态 */
.jsdt_box {
    margin-bottom: 1rem;
}

.jsdt_cont {
    display: flex;
    align-items: flex-start;
    gap: 0.2rem;
}

.jsdt_list,
.jsdt_side_cont,
.jsdt_details {
    min-height: 3.8rem;
    padding: .16rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .16rem;
    box-shadow: .02rem .02rem .2rem rgb(0 0 0 / 4%);
}

.jsdt_list {
    flex: 1;
}

.jsdt_list_item {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.2rem;
    padding: 0.2rem 0.16rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.jsdt_list_img_box {
    width: 2.4rem;
    background: #ffffff;
    margin: auto 0;
    padding: 0.06rem;
    border: rgba(221, 221, 221, 0.8) solid 1px;
    border-radius: 0.04rem;
}

.jsdt_list_img {
    padding-bottom: calc(100% / 4 * 3);
    position: relative;
    overflow: hidden;
}

.jsdt_list_img>img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.jsdt_list_cont {
    flex: 1;
}

.jsdt_list_cont>h2 {
    margin: 0.1rem 0 0.16rem 0;
    overflow: hidden;
    font-size: 137.5%;
    text-align: justify;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.jsdt_list_cont>p {
    overflow: hidden;
    line-height: 1.6;
    color: #999999;
    font-size: 87.5%;
    text-indent: 0.32rem;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.jsdt_list_item:hover {
    filter: brightness(1);
    background: linear-gradient(90deg, rgb(242, 246, 252), transparent);
}

.jsdt_side {
    width: 25%;
}

.jsdt_side_cont {
    position: relative;
}

.jsdt_side_cont::after {
    content: "";
    position: absolute;
    width: 96%;
    height: 96%;
    z-index: 0;
    box-shadow: 0rem 0.1rem 0.2rem rgb(0 0 0 / 3%);
    left: 2%;
    bottom: 2%;
    border-radius: 0.1rem;
}

.jsdt_side_cont+.jsdt_side_cont {
    margin-top: .16rem;
}

.jsdt_side_title {
    display: flex;
    align-items: center;
    margin: 0 0 .2rem 0;
    padding-bottom: 0.05rem;
    border-bottom: solid 1px;
    border-image: linear-gradient(90deg, #3894d0, transparent) 1 1;
    font-size: 112.5%;
    color: #3894d0;
}

.jsdt_side_title::before {
    content: "";
    display: inline-block;
    width: 0.06rem;
    height: 0.2rem;
    background: #3894d0;
    margin-right: 0.1rem;
}

.jsdt_side_list {
    position: relative;
    z-index: 1;
}

.jsdt_side_list>a {
    display: flex;
    align-items: center;
    padding: 0.1rem 0;
    cursor: pointer;
}

.jsdt_side_list>a::before {
    content: "";
    width: 0.07rem;
    height: 0.07rem;
    background: #dddddd;
    margin-right: 0.1rem;
    margin-left: 0.1rem;
    border-radius: 10rem;
}

.jsdt_side_list>a>span {
    flex: 1;
    overflow: hidden;
    font-size: 87.5%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.jsdt_side_list>a:nth-child(odd) {
    background: rgba(56, 147, 208, 0.05);
}

.jsdt_side_list>a:hover {}

/* 子页面-竞赛动态 */
.text_content {
    flex: 1;
    min-height: 5rem;
    padding: 0.32rem 0.32rem 0.24rem 0.32rem;
    list-style: 2;
    text-align: justify;
}

.text_content .text_title {
    margin: .10rem 6% 0;
    line-height: 1.4;
    color: #3894d0;
    font-size: 200%;
    font-weight: 600;
    text-align: center;
}

.text_content .text_time {
    margin: .05rem auto .2rem;
    padding: 0.1rem 0;
    border-bottom: solid 1px;
    border-image: linear-gradient(90deg, transparent, #3894d0, transparent) 1 1;
    font-size: 87.5%;
    text-align: center;
    color: #666;
}

.text_content .text_cont img {
    max-width: 100%;
}

.text_content .text_cont>p {
    padding: 0.1rem 0;
    text-indent: 0.36rem;
}

.nav_menu .nav_list .jsitem>a {
    font-size: 0;
    position: relative;
    display: block;
}

.nav_menu .nav_list .jsitem>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-25%);
    width: 1.85rem;
    height: 0.5rem;
    background: url(../image/img-zhb.png) no-repeat center;
    background-size: 100% auto;
}

.snavitem {
    position: relative;
    font-size: .18rem;
}

.snavitem:hover .snavlist {
    display: flex;
}

.snavlist {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 99999;
    width: 120%;
    background: #fff;
    padding: 0.04rem 0.04rem;

    border-radius: 0.05rem;
    box-shadow: rgb(11 48 127 / 50%) 0 0.06rem 0.15rem;
    margin-left: -10%;
    display: none;
}

.snavlist::before {
    content: "";
    width: 0;
    height: 0;
    border-right: 0.1rem solid transparent;
    border-left: .1rem solid transparent;
    border-bottom: .1rem solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.1rem;
    position: absolute;

    filter: drop-shadow(0 -.1rem 0.1rem rgb(11 48 127 / 50%))
}

.snavlist>a {
    text-align: center;
    padding: 0.08rem 0;
}

.snavlist>a+a {
    border-top: #eee solid 1px
}

.snavlist>a:hover {
    background: #205df7;
    color: #fff !important;
}

.sidebarsnav-item {
    position: absolute;
    right: 0;
    width: 1.8rem;
    background: rgba(140, 155, 155, 0.8);
    background: linear-gradient(-45deg, rgba(140, 155, 155, 0.8), rgba(189, 206, 206, 0.8));
    backdrop-filter: blur(0.2rem);
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0.04rem;
    padding: 0.1rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 0.1rem;
    color: #fff;
    box-shadow: rgba(59, 65, 65, 0.6) .08rem 0.08rem 0.2rem;
    border: rgb(255 255 255 / 20%) solid 1px;
    opacity: 0;
    transition: all .2s;
    z-index: -1;

}

.sidebar_button_item.sidebarsnav:hover .sidebarsnav-item {
    right: .75rem;
    opacity: 1;
}

.sidebarsnav-item>b {
    /* border-bottom: #fff solid .01rem; */
    padding: .1rem;
    background: linear-gradient(90deg, rgb(103 139 139), transparent);
    border-radius: 0.1rem;

}

.sidebar_button_item.sidebarsnav:hover {
    width: .5rem;
}

.sidebar_button_item.sidebarsnav {
    position: relative;
    overflow: inherit;
}

.sidebar_button_item.sidebarsnav .sidebarsnav-item a {
    color: #fff;
    justify-content: center;
    padding: 0.1rem 0;
    border-radius: 0.1rem;
    background: linear-gradient(90deg, rgb(103 139 139 / 50%), rgb(103 139 139 / 50%));
}

.sidebar_button_item.sidebarsnav .sidebarsnav-item a:hover {
    background: #ff9e37c2;
    background: linear-gradient(90deg, #d86100c2, rgb(103 139 139 / 90%));
}

.sidebar_button_item.sidebarsnav a+a {
    /* border-top:rgba(255, 255, 255, 0.432) solid 1px */

}


.sidebar_button_item.sidebarsnav .sidebarsnav-item::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.16rem solid transparent;
    border-left: 0.16rem solid rgb(134 159 159);
    position: absolute;
    right: -0.17rem;
    top: 50%;
    transform: translateY(-50%);

}

#pagination {
    padding: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .06rem;
    width: 100%;
    border-top: #ddd solid 1px;
}

#pagination a,
#pagination .active,
.home-off,
.prev-off {
    padding: 0 !important;
    text-align: center;
}

#pagination a {
    display: block;
}

#pagination li {

    flex: none;
    padding: 0 !important;
}

#pagination .active {
    background: var(--blue);
    color: #fff
}

#pagination * {
    font-size: 96%
}

#pagination a,
#pagination li>span,
#pagination .active {
    border: rgba(0, 0, 0, 0.2) solid 1px;
    border-radius: .04rem;
    min-width: .42rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.04rem 0.1rem;
    height: .3rem;
}

#pagination a:hover {
    background: var(--blue);
    color: #fff
}

.codeImg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .24rem .1rem;
}

.codeImg img {
    border: #ddd solid 1px
}

.codeImg>dd {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.jszn_item_cont .contact_info_txt p {
    font-size: 90%;
    text-indent: 0.24rem;
    line-height: 1.7;
    display: flex;
    flex-direction: column;
}

/* .jszn_item_cont>.txt {
    font-size: 80%;
} */

.hottel {
    /* background: url(../image/hottel.png) no-repeat center  ;
    background-size: 100% auto;

    border-radius: .06rem;
    border: #d1e5f9 solid 1px;
    margin-top: .16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .4rem .3rem .2rem .3rem;
    border-radius: 1rem / 4rem; */

    background: url(../image/hottel.png) no-repeat center;
    background-size: 100% auto;
    border-radius: 0.06rem;
    border: #d1e5f9 solid 1px;
    margin-top: 0.16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.2rem 0 0.3rem;
    border-radius: 3rem 3rem 0 0 / 4rem;

    /* box-shadow: #f2f2f2 0 0.5rem 0.5rem 0.5rem inset;
    background: url(../image/hottel.png) no-repeat center;
    background-size: 100% auto;
    border-radius: 0.06rem;
 
    margin-top: 0.16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.2rem 0 0.3rem;
    border-radius: 3rem 3rem 0 0 / 4rem; */

}




.hottel .item {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    align-content: center;
    margin-top: .24rem;
    color: #589bff;



}

.hottel .item>b {
    font-size: 140%;
    grid-column: 2/4;
    display: flex;
    align-items: flex-end;
    padding-bottom: .05rem;
}

.hottel .item>span {
    font-size: 260%;
    font-weight: 600;
    font-family: 'DINCond';
}

.hottel .item::before {
    content: "";
    background: url(../image//icon-tel.png) no-repeat center;
    width: 2rem;
    height: 2rem;
    background-size: auto 100%;
    grid-row: 1 / 3;
    margin-right: .4rem;
}

.hottel .item>b::before,
.hottel .item>span::before {
    content: attr(data-title);
    position: absolute;
    background-image: linear-gradient(#4768da, #4768da);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
}

.hottel .item>b,
.hottel .item>span {
    -webkit-text-stroke: 6px #fff;
}

.table {
    width: 100%;
    border: #4768da solid 0.02rem;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: #4768da 0 0 0 0.03rem;
}

.table td,
.table th {
    border: #cbcfd8 solid 1px;
    padding: 0.16rem;
    text-align: center;
}

.table th {
    background: #4768da;
    color: #fff
}

.table tr:nth-child(odd) {
    background: rgb(117 125 153 / 10%);
}



/*线路开始*/

.xlDialog {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;

    background: url(../image/bg-xl2.png) rgb(16 15 55 / 80%) no-repeat center bottom;
    background-size: cover;
    backdrop-filter: blur(0.02rem);
}

.xlDialog>.item {
    padding: 0.32rem 0.16rem;
    /* background: linear-gradient(45deg, #00e4b9, #ffffff00, #ffffff00, #d13e29eb); */
    background: linear-gradient(45deg, #00e4b9, #394cd9cb, #2500c8, #d13e29eb);
    background-blend-mode: soft-light;

    box-shadow: rgba(0, 0, 0, 0.2) -1px -1px 0 inset,
     rgba(255, 255, 255, 0.3) 1px 1px 1px inset,
     rgb(20 0 107 / 88%)  0 0.3rem 0.3rem -0.2rem;
    backdrop-filter: brightness(2) blur(0.3rem);
    border-radius: 0.16rem;
    width: 2.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .32rem;
    z-index: 1;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: 0.2s all;
    cursor: pointer;
}

.xlDialog>.item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/dot2.png);
    background-size: 0.05rem;
    opacity: 0.6;
    z-index: -1;
}

.xlDialog>.item b::before {
    content: attr(data-title);
    position: absolute;
    background-image: linear-gradient(#d4fff6, #86ffff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
}

.xlDialog>.item b {
    -webkit-text-stroke: 0.04rem #333;
    font-size: 180%;
    letter-spacing: 0.02rem;
}

.xlDialog>.item [class*="icon-xl-"] {
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0.1rem 0.2rem black);
}

.icon-xl-1 {
    background-image: url(../image/icon-xl-1.png);
}

.icon-xl-2 {
    background-image: url(../image/icon-xl-2.png);
}

.icon-xl-3 {
    background-image: url(../image/icon-xl-3.png);
}

.icon-xl-4 {
    background-image: url(../image/icon-xl-4.png);
}

.icon-xl-5 {
    background-image: url(../image/icon-xl-5.png);
}

.closeXL {
    width: .48rem;
    height: .48rem;
    background: url(../image/icon-close.png) no-repeat center;
    background-size: 80% 80%;
    position: fixed;
    z-index: 2;
    top: 0.48rem;
    right: 1rem;
    filter: brightness(5);
    cursor: pointer;
    transition: all .2s;
}

.closeXL:hover {
    transform: scale(1.1);
}

.xlDialog>.item:hover {
    transform: translateY(10%);
}

/*线路开始*/