.head-box .head {
    width: 100%;
    height: 4.6rem;
    display: flex;
    justify-content: space-between;
}

.head-box .head.active {
    background: linear-gradient(to top,rgba(255, 255, 255, 0) 0%, rgba(55, 58, 212, 0.39) 24.0385%, rgba(25, 27, 157, 0.86198) 61.5385%, #00016E 93.4914%);
}

.head-box .head .logo {
    width: 3.275rem;
    height: 2.05rem;
    margin-top: .5rem;
    margin-left: 2.45rem;
}

.head-box .head .side-btn svg {
    width: 3.3rem;
    height: 2.65rem;
}

.head-box .head .nav {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 1.2rem;
    gap: .5rem;
    padding-top: .5rem;
}

.head-box .head .nav .tp ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: .9rem;
    align-items: center;
    justify-content: end;
}

.head-box .head .nav .tp ul .item {
    display: flex;
    gap: .1rem;
    align-items: center;
    cursor: pointer;
}

.head-box .head .nav .tp ul .item img {
    width: .7rem;
    height: .7rem;
    object-fit: contain;
}

.head-box .head .nav .tp ul .item img:nth-child(3) {
    width: .175rem;
    height: .1rem;
}

.head-box .head .nav .tp ul .item.btn {
    padding: .225rem .65rem;
    border-radius: .4375rem;
    background: linear-gradient(83deg, #A216F3 -11.69%, #4346F4 47.81%, #0306EC 108.84%);
}

.head-box .head .nav .bt ul {
    display: flex;
    gap: 1.75rem;
    justify-content: end;
}

.head-box .head .nav .bt ul .item {
    cursor: pointer;
}

.banner-box .banner {
    height: 22.5rem;
    overflow: hidden;
}

.banner-box .banner .swiper-wrapper .swiper-slide .img-box {
    width: 100vw;
    height: 22.5rem;
    position: absolute;
}

.banner-box .banner .swiper-wrapper .swiper-slide .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-box .banner > a {
    position: absolute;
    bottom: 2.625rem;
    left: 20rem;
    padding: .375rem 1.525rem;
    border-radius: .925rem;
    background: linear-gradient(83deg, #A216F3 -11.69%, #4346F4 47.81%, #0306EC 108.84%);
    width: 8rem;
    height: 1.7rem;
    text-align: center;
    z-index: 2;
}

.banner-box .banner .swiper-pagination .swiper-pagination-bullet {
    width: .29rem;
    height: .145rem;
    border-radius: .0725rem;
    background-color: #cfcfcf;
    opacity: 1;
    transition: all .5s;
}

.banner-box .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.015rem;
    background: linear-gradient(90deg, #A216F3 0%, #4346F4 60%, #0306EC 100%);
}

.index1 {
    background: #f6f7f8;
    padding: 2.25rem 2.5rem 2.5rem;
    position: relative;
}

.index1 .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 20.325rem;
    height: 11.1rem;
    aspect-ratio: 271/148;
    z-index: 0;
}

.title1 {
    position: relative;
    min-width: 8.25rem;
}

.title1 .img-box {
    width: 2.375rem;
    height: 2.85rem;
}

.title1 span {
    position: absolute;
    top: .3rem;
    left: 2.085rem;
    height: 1.475rem;
    line-height: 1.475rem;
}

.title1 p {
    letter-spacing: .24rem;
    text-transform: capitalize;
    position: absolute;
    bottom: -0.15rem;
    left: .725rem;
    min-width: 9rem;
}

.title1 p{white-space: nowrap;}

.index1 .main {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: 1.25rem;
}

.index1 .main .lf {
    width: 12.425rem;
    height: 16.475rem;
    flex-shrink: 0;
    position: relative;
}

.index1 .main .lf svg.bor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 12.425rem;
    height: 16.475rem;
}

.index1 .main .lf .top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem .85rem .5rem 1rem;
    border-bottom: .05rem solid #E5E5E5;
}

.index1 .main .lf .top .bk {
    position: absolute;
    width: 2rem;
    height: .05rem;
    background: linear-gradient(90deg, #A216F3 0%, #4346F4 20%, #0306EC 100%);
    bottom: -0.05rem;
    left: 2.075rem;
}

.index1 .main .lf .top .text {
    display: flex;
    gap: .325rem;
}

.index1 .main .lf .top .text .img-box {
    width: .75rem;
    height: .75rem;
}

.index1 .main .lf .top .more {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.index1 .main .lf .top .more svg {
    width: .4524rem;
    height: .3933rem;
}
.index1 .main .lf .top .more svg path {
    transition: all .5s;
}
.index1 .main .lf .top .more span {
    opacity: .7;
    transition: all .5s;
}
.index1 .main .lf .top .more:hover svg path {
    fill: #4346F4;
}
.index1 .main .lf .top .more:hover span {
    color: #4346F4;
    opacity: 1;
}
.index1 .main .lf .bt {
    position: relative;
    padding: 1.2rem .85rem .9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.index1 .main .lf .bt .item a {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.index1 .main .lf .bt .item .date {
    border-radius: .15rem;
    border: .025rem solid rgba(112, 112, 112, 0.451);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .225rem .35rem;
    transition: all .5s;
}

.index1 .main .lf .bt .item .date span,
.index1 .main .lf .bt .item .date p {
    color: #707070;
    transition: all .5s;
}

.index1 .main .lf .bt .item span {
    line-height: .8rem;
}

.index1 .main .lf .bt .item:hover .date {
    background: linear-gradient(222.96deg, #7A2AF3 0%, #1114EE 100%);
}

.index1 .main .lf .bt .item:hover span.p1 {
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.index1 .main .lf .bt .item:hover .date span,
.index1 .main .lf .bt .item:hover .date p {
    color: #fff;
}

.index1 .main .rg .bt {
    padding: 1.2rem .75rem .55rem;
}

.index1 .main .lf .bt .items {
    border-radius: .25rem;
    background: #EDF0FF;
    min-height: 2.575rem;
    padding: 1.25rem .625rem .625rem;
    position: relative;
}

.index1 .main .lf .bt .items a .tag {
    border-radius: .3125rem 0;
    background: #C4D0FF;
    width: 2.75rem;
    height: .8rem;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    transition: all .5s;
}

.index1 .main .lf .bt .items a .tag span {
    color: #8486CF;
    transition: all .5s;
}

.index1 .main .lf .bt .items a span.p1 {
    line-height: .8rem;
    transition: all .5s;
}

.index1 .main .lf .bt .items:hover a .tag {
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
}

.index1 .main .lf .bt .items:hover a .tag span {
    color: #fff;
}

.index1 .main .lf .bt .items:hover a span.p1 {
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index1 .main .mid {
    height: 16.475rem;
    display: flex;
    flex-direction: column;
}
.index1 .main .mid .top {
    width: 16.2rem;
    height: 8.4rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.index1 .main .mid .top svg {
    position: absolute;
    width: 16.2rem;
    height: 1.1rem;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.index1 .main .mid .top .p1 {
    position: absolute;
    bottom: .3rem;
    left: 12.15rem;
    letter-spacing: .1rem;
    z-index: 2;
}

.index1 .main .mid .top > a {
    display: flex;
    gap: .325rem;
    padding: .15rem .475rem;
    border-radius: .7rem;
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    position: absolute;
    top: .85rem;
    left: .95rem;
    z-index: 2;
}

.index1 .main .mid .top a .img-box {
    width: .75rem;
    height: .75rem;
}

.index1 .main .mid .top .swiper-pagination {
    width: 20%;
}

.index1 .main .mid .top .swiper-pagination .swiper-pagination-bullet {
    width: .235rem;
    height: .1175rem;
    border-radius: .0588rem;
    backdrop-filter: blur(26.25px);
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.341);
    transition: all .5s;
}

.index1 .main .mid .top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .8225rem;
    background: linear-gradient(-45.01deg, #A216F3 0%, #4346F4 46%, #0306EC 93.4914%);
}

.index1 .main .mid .img-box {
    width: 16.2rem;
    height: 8.4rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    overflow: hidden;
}

.index1 .main .mid .list {
    display: flex;
    flex-direction: column;
    /* padding-bottom: .55rem; */
    border-radius: 0px 0px .5rem .5rem;
    background: #FFF;
    box-shadow: 0px .4rem .665rem 0px rgba(3, 6, 236, 0.09);
    align-items: center;
    justify-content: space-between;
    flex: 1;
    padding: .65rem 0 .55rem;
}



.index1 .main .mid .list .item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 14.3rem;
    transition: all .5s;
}

.index1 .main .mid .list .item:hover span {
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.index1 .main .mid .list svg.line {
    width: 14.3rem;
}

.index1 .main .mid .list a {
    width: 14.3rem;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: .3rem;
    /*padding: .6rem 0;*/
}

.index1 .main .mid .list a span {
    opacity: .7;
    transition: all .5s;
}
.index1 .main .mid .list a svg path {
    transition: all .5s;
}
.index1 .main .mid .list a:hover span{
    opacity: 1;
    color: #4346F4;
}
.index1 .main .mid .list a:hover svg path {
    fill: #4346F4;
}
.index2 {
    background: linear-gradient(180deg, #f6f7f8 0%, #BFCEFC 100%);
    display: flex;
    flex-direction: column;
}

.index2 .title1 {
    margin: 0 auto;
}

.index2 .main {
    position: relative;
}

/* .index2 .main .img-box {
    position: relative;
    z-index: 1;
    width: 43rem;
    height: 24.2rem;
    margin: 0 auto;
}

.index2 .main .img-box img {
    aspect-ratio: 215/121;
    object-fit: contain;
} */

.index2 .main .bg {
    width: 16.975rem;
    height: 14.075rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.index3 {
    padding: 2.25rem 2.5rem 2.5rem;
    background-color: #f6f7f8;
}

.index3 .main {
    margin-top: 1.375rem;
    display: flex;
    gap: 1.025rem;
}

.index3 .main .list {
    width: 20.95rem;
    border-radius: .55rem;
    flex-shrink: 0;
    background: linear-gradient(180deg, #D3E4FF 0%, rgba(255, 255, 255, 1) 24%);
    padding: 1.575rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    position: relative;
}

.index3 .main .list2 {
    background: linear-gradient(180deg, #E7E3FA 0%, rgba(255, 255, 255, 1) 24%);
}

.index3 .main .list .item a {
    display: flex;
    flex-direction: row;
    gap: .4rem;
    /* align-items: center; */
    width: 10rem;
    border-bottom: .025rem solid;
    border-image: linear-gradient(90deg, rgba(48, 123, 40, 0.40) 0%, rgba(48, 123, 40, 0.00) 100%) 1;
    padding: 0 0 .15rem .125rem;
    position: relative;
}

.index3 .main .list .item a span {
    color: #307B28;
}

.index3 .main .list .item a p {
    flex-shrink: 0;
}

.index3 .main .list .item a:hover p {
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.index3 .main .list .item a .bk {
    position: absolute;
    width: .8rem;
    height: .125rem;
    border-radius: .25rem;
    background: #307B28;
    bottom: -0.075rem;
    left: 0;
}

.index3 .main .list .item:nth-child(2) a {
    border-image: linear-gradient(90deg, rgba(51, 176, 234, 0.40) 0%, rgba(51, 176, 234, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(2) a span {
    color: #33B0EA;
}

.index3 .main .list .item:nth-child(2) a .bk {
    background: #33B0EA;
}

.index3 .main .list .item:nth-child(3) a {
    border-image: linear-gradient(90deg, rgba(40, 109, 228, 0.40) 0%, rgba(40, 109, 228, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(3) a span {
    color: #286DE4;
}

.index3 .main .list .item:nth-child(3) a .bk {
    background: #286DE4;
}

.index3 .main .list .item:nth-child(4) a {
    border-image: linear-gradient(90deg, rgba(27, 141, 152, 0.40) 0%, rgba(27, 141, 152, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(4) a span {
    color: #1B8D98;
}

.index3 .main .list .item:nth-child(4) a .bk {
    background: #1B8D98;
}

.index3 .main .list .item:nth-child(5) a {
    border-image: linear-gradient(90deg, rgba(11, 184, 182, 0.40) 0%, rgba(11, 184, 182, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(5) a span {
    color: #0BB8B6;
}

.index3 .main .list .item:nth-child(5) a .bk {
    background: #0BB8B6;
}

.index3 .main .list .item:nth-child(6) a {
    border-image: linear-gradient(90deg, rgba(83, 125, 175, 0.40) 0%, rgba(83, 125, 175, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(6) a span {
    color: #537DAF;
}

.index3 .main .list .item:nth-child(6) a .bk {
    background: #537DAF;
}

.index3 .main .list .item:nth-child(7) a {
    border-image: linear-gradient(90deg, rgba(0, 156, 230, 0.40) 0%, rgba(0, 156, 230, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(7) a span {
    color: #009CE6;
}

.index3 .main .list .item:nth-child(7) a .bk {
    background: #009CE6;
}

.index3 .main .list .item:nth-child(8) a {
    border-image: linear-gradient(90deg, rgba(210, 101, 32, 0.40) 0%, rgba(210, 101, 32, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(8) a span {
    color: #D26520;
}

.index3 .main .list .item:nth-child(8) a .bk {
    background: #D26520;
}

.index3 .main .list .item:nth-child(9) a {
    border-image: linear-gradient(90deg, rgba(141, 86, 188, 0.40) 0%, rgba(141, 86, 188, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(9) a span {
    color: #8D56BC;
}

.index3 .main .list .item:nth-child(9) a .bk {
    background: #8D56BC;
}

.index3 .main .list .item:nth-child(10) a {
    border-image: linear-gradient(90deg, rgba(67, 164, 77, 0.40) 0%, rgba(67, 164, 77, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(10) a span {
    color: #43A44D;
}

.index3 .main .list .item:nth-child(10) a .bk {
    background: #43A44D;
}

.index3 .main .list .item:nth-child(11) a {
    border-image: linear-gradient(90deg, rgba(48, 123, 40, 0.40) 0%, rgba(48, 123, 40, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(11) a span {
    color: #307B28;
}

.index3 .main .list .item:nth-child(11) a .bk {
    background: #307B28;
}

.index3 .main .list .item:nth-child(12) a {
    border-image: linear-gradient(90deg, rgba(51, 176, 234, 0.40) 0%, rgba(51, 176, 234, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(12) a span {
    color: #33B0EA;
}

.index3 .main .list .item:nth-child(12) a .bk {
    background: #33B0EA;
}

.index3 .main .list .item:nth-child(13) a {
    border-image: linear-gradient(90deg, rgba(40, 109, 228, 0.40) 0%, rgba(40, 109, 228, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(13) a span {
    color: #286DE4;
}

.index3 .main .list .item:nth-child(13) a .bk {
    background: #286DE4;
}

.index3 .main .list .item:nth-child(14) a {
    border-image: linear-gradient(90deg, rgba(27, 141, 152, 0.40) 0%, rgba(27, 141, 152, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(14) a span {
    color: #1B8D98;
}

.index3 .main .list .item:nth-child(14) a .bk {
    background: #1B8D98;
}

.index3 .main .list .item:nth-child(15) a {
    border-image: linear-gradient(90deg, rgba(11, 184, 182, 0.40) 0%, rgba(11, 184, 182, 0.00) 100%) 1;
}

.index3 .main .list .item:nth-child(15) a span {
    color: #0BB8B6;
}

.index3 .main .list .item:nth-child(15) a .bk {
    background: #0BB8B6;
}

.index3 .main .list .card {
    width: 8.175rem;
    min-height: 5.175rem;
    border-radius: .35rem;
    /* border: 1px solid #D5E5FF; */
    padding: .7rem;
    position: absolute;
    left: 10.5rem;
    top: 0;
    opacity: 0;
    transition: all .5s;
    transform: translateY(-35%);
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: .5rem;*/
}

.index3 .main .list .card img {
    position: absolute;
    width: 10.375rem;
    height: 7.175rem;
    top: -.1rem;
    left: -1.35rem;
}

.index3 .main .list .card .dw {
    position: relative;
    z-index: 2;
}
.index3 .main .list .card .dw span::before {
    content: '';
    display: block;
    width: .075rem;
    height: .45rem;
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
}

.index3 .main .list .card .dw span {
    display: flex;
    align-items: center;
    gap: .15rem;
}


.index3 .main .list2 .item a {
    display: flex;
    flex-direction: row;
    gap: .4rem;
    /* align-items: center; */
    width: 10rem;
    border-bottom: .025rem solid;
    border-image: linear-gradient(90deg, rgba(120, 222, 234, 0.40) 0%, rgba(120, 222, 234, 0.00) 100%) 1;
    padding: 0 0 .15rem .125rem;
    position: relative;
}

.index3 .main .list2 .item a span {
    color: #78DEEA;
}

.index3 .main .list2 .item a .bk {
    position: absolute;
    width: .8rem;
    height: .125rem;
    border-radius: .25rem;
    background: #78DEEA;
    bottom: -0.075rem;
    left: 0;
}

.index3 .main .list2 .item:nth-child(2) a {
    border-image: linear-gradient(90deg, rgba(113, 219, 179, 0.40) 0%, rgba(113, 219, 179, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(2) a span {
    color: #71DBB3;
}

.index3 .main .list2 .item:nth-child(2) a .bk {
    background: #71DBB3;
}

.index3 .main .list2 .item:nth-child(3) a {
    border-image: linear-gradient(90deg, rgba(196, 156, 97, 0.40) 0%, rgba(196, 156, 97, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(3) a span {
    color: #C49C61;
}

.index3 .main .list2 .item:nth-child(3) a .bk {
    background: #C49C61;
}

.index3 .main .list2 .item:nth-child(4) a {
    border-image: linear-gradient(90deg, rgba(162, 154, 214, 0.40) 0%, rgba(162, 154, 214, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(4) a span {
    color: #A29AD6;
}

.index3 .main .list2 .item:nth-child(4) a .bk {
    background: #A29AD6;
}

.index3 .main .list2 .item:nth-child(5) a {
    border-image: linear-gradient(90deg, rgba(187, 65, 42, 0.40) 0%, rgba(187, 65, 42, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(5) a span {
    color: #BB412A;
}

.index3 .main .list2 .item:nth-child(5) a .bk {
    background: #BB412A;
}

.index3 .main .list2 .item:nth-child(6) a {
    border-image: linear-gradient(90deg, rgba(237, 124, 88, 0.40) 0%, rgba(237, 124, 88, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(6) a span {
    color: #ED7C58;
}

.index3 .main .list2 .item:nth-child(6) a .bk {
    background: #ED7C58;
}

.index3 .main .list2 .item:nth-child(7) a {
    border-image: linear-gradient(90deg, rgba(137, 152, 25, 0.40) 0%, rgba(137, 152, 25, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(7) a span {
    color: #899819;
}

.index3 .main .list2 .item:nth-child(7) a .bk {
    background: #899819;
}

.index3 .main .list2 .item:nth-child(8) a {
    border-image: linear-gradient(90deg, rgba(140, 49, 31, 0.40) 0%, rgba(140, 49, 31, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(8) a span {
    color: #8C311F;
}

.index3 .main .list2 .item:nth-child(8) a .bk {
    background: #8C311F;
}

.index3 .main .list2 .item:nth-child(9) a {
    border-image: linear-gradient(90deg, rgba(245, 149, 37, 0.40) 0%, rgba(245, 149, 37, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(9) a span {
    color: #F59525;
}

.index3 .main .list2 .item:nth-child(9) a .bk {
    background: #F59525;
}

.index3 .main .list2 .item:nth-child(10) a {
    border-image: linear-gradient(90deg, rgba(36, 177, 47, 0.40) 0%, rgba(36, 177, 47, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(10) a span {
    color: #24B12F;
}

.index3 .main .list2 .item:nth-child(10) a .bk {
    background: #24B12F;
}


.index3 .main .list2 .item:nth-child(11) a {
    border-image: linear-gradient(90deg, rgba(120, 222, 234, 0.40) 0%, rgba(120, 222, 234, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(11) a span {
    color: #78DEEA;
}

.index3 .main .list2 .item:nth-child(11) a .bk {
    background: #78DEEA;
}

.index3 .main .list2 .item:nth-child(12) a {
    border-image: linear-gradient(90deg, rgba(113, 219, 179, 0.40) 0%, rgba(113, 219, 179, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(12) a span {
    color: #71DBB3;
}

.index3 .main .list2 .item:nth-child(12) a .bk {
    background: #71DBB3;
}

.index3 .main .list2 .item:nth-child(13) a {
    border-image: linear-gradient(90deg, rgba(196, 156, 97, 0.40) 0%, rgba(196, 156, 97, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(13) a span {
    color: #C49C61;
}

.index3 .main .list2 .item:nth-child(13) a .bk {
    background: #C49C61;
}

.index3 .main .list2 .item:nth-child(14) a {
    border-image: linear-gradient(90deg, rgba(162, 154, 214, 0.40) 0%, rgba(162, 154, 214, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(14) a span {
    color: #A29AD6;
}

.index3 .main .list2 .item:nth-child(14) a .bk {
    background: #A29AD6;
}

.index3 .main .list2 .item:nth-child(15) a {
    border-image: linear-gradient(90deg, rgba(187, 65, 42, 0.40) 0%, rgba(187, 65, 42, 0.00) 100%) 1;
}

.index3 .main .list2 .item:nth-child(15) a span {
    color: #BB412A;
}

.index3 .main .list2 .item:nth-child(15) a .bk {
    background: #BB412A;
}
.index4 {
    background: url(../images/9.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 22.225rem;
    display: flex;
    flex-direction: column;
    padding: 2.5rem 2.375rem;
    position: relative;
}

.index4 .title1 {
    margin: 0 auto;
}

.index4 .main {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.index4 .main .calendar {
    width: 12.425rem;
    height: 10.9rem;
    border-radius: .375rem;
    border: .025rem solid #DEDEDE;
    background: #FFF;
    overflow: hidden;
    flex-shrink: 0;
}

.index4 .main .calendar .tp {
    padding: .725rem .9rem .5rem;
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
}

.index4 .main .calendar .bt .months {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .75rem 0;
}

.index4 .main .calendar .bt .months .btn {
    width: .85rem;
    height: .8rem;
    border-radius: .075rem;
    border: .025rem solid #C7D0FF;
    background: #EDF0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.index4 .main .calendar .bt .months .btn:hover {
    background: linear-gradient(260deg, #A216F3 -42.63%, #4346F4 77.32%, #0306EC 200.34%);
}

.index4 .main .calendar .bt .months .btn:hover svg path {
    fill: #fff;
}

.index4 .main .calendar .bt .date {
    margin-top: .5rem;
}

.index4 .main .calendar .bt .date table {
    width: 100%;
}

.index4 .main .calendar .bt .date table thead tr {
    display: flex;
    justify-content: space-around;
}

.index4 .main .calendar .bt .date table thead tr th {
    opacity: .5;
}

.index4 .main .calendar .bt .date table tbody {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.index4 .main .calendar .bt .date table tbody tr {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.index4 .main .calendar .bt .date table tbody tr td {
    width: .775rem;
    height: .775rem;
    line-height: .775rem;
}

.index4 .main .calendar .bt .date table tbody tr td.prev-month,
.index4 .main .calendar .bt .date table tbody tr td.next-month {
    opacity: .2;
}

.index4 .main .calendar .bt .date table tbody tr td.active {
    border-radius: 50%;
    background: linear-gradient(265deg, rgba(162, 22, 243, 0.60) -77.35%, rgba(67, 70, 244, 0.60) 77.08%, rgba(3, 6, 236, 0.60) 235.48%);
    box-shadow: 0px .375rem .45rem rgba(70, 69, 244, 0.25);
    color: #fff;
    cursor: pointer;
}

.index4 .main .calendar .bt .date table tbody tr td.active.selected {
    background: linear-gradient(265deg, #A216F3 -77.35%, #4346F4 77.08%, #0306EC 235.48%);
}

.index4 .main .calendar .bt .date table tbody tr td.active:hover {
    background: linear-gradient(265deg, #A216F3 -77.35%, #4346F4 77.08%, #0306EC 235.48%);
}

.index4 .main .list {
    overflow: hidden;
}

.index4 .main .list .swiper-wrapper .swiper-slide {
    width: 9.525rem !important;
    height: 8.975rem;
    border-radius: .375rem;
    border: .025rem solid #DEDEDE;
    background: #FFF;
    padding: 1.075rem 0 0 1rem;
}

.index4 .main .list .swiper-wrapper .swiper-slide img {
    width: 7.575rem;
    height: 1.05rem;
    margin-bottom: 1.25rem;
}

.index4 .main .list .swiper-wrapper .swiper-slide .item {
    display: flex;
    align-items: center;
    margin-bottom: .8rem;
    gap: .35rem;
    margin-right: 0.8rem;
}

.index4 .main .list .swiper-wrapper .swiper-slide .item img {
    width: .525rem;
    height: .525rem;
    margin-bottom: 0;
}

.index4 .main .progress {
    position: absolute;
    bottom: 2rem;
    left: 2.425rem;
    display: flex;
    justify-content: space-between;
    width: 90%;
    align-items: center;
}

.index4 .main .progress .line {
    width: 40.625rem;
    margin: 0 .45rem;
    overflow: hidden;
}
.index4 .main .progress .line .swiper-wrapper {
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
}
.index4 .main .progress .line .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}
.index4 .main .progress .line .bor {
    flex: 1;
    display: flex;
    justify-content: space-around;
}
.index4 .main .progress .line .bor .bor-item {
    width: .025rem;
    height: .3rem;
    background: rgba(0, 0, 0, .5);
}
.index4 .main .progress .line .dot {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    margin: 0 .45rem;
}

.index4 .main .progress .line .dot span {
    opacity: .7;
    letter-spacing: .14rem;
}

.index4 .main .progress .line .dot .img-box {
    width: .65rem;
    height: .775rem;
    position: relative;
}
.index4 .main .progress .line .dot .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .5s;
}
.index4 .main .progress .line .dot .img-box img:nth-child(1) {
    opacity: 1;
}
.index4 .main .progress .line .dot .img-box img:nth-child(2) {
    opacity: 0;
}

.index4 .main .progress .line .dot.active span {
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index4 .main .progress .line .dot.active .img-box img:nth-child(1) {
    opacity: 0;
}
.index4 .main .progress .line .dot.active .img-box img:nth-child(2) {
    opacity: 1;
}
.index4 .main .progress .btn {
    width: .8rem;
    height: .8rem;
    border-radius: .075rem;
    background: rgba(237, 240, 255, 0.57);
    box-shadow: 0px .375rem .45rem rgba(70, 69, 244, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.index4 .main .progress .btn:hover {
    background: linear-gradient(260deg, #A216F3 -42.63%, #4346F4 77.32%, #0306EC 200.34%);
}

.index4 .main .progress .btn:hover svg path {
    fill: #fff;
}

.index5 {
    background: #f6f7f8;
    padding: 2.6rem 2.35rem 2.4rem;
    position: relative;
}

.index5 .more {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding-bottom: .45rem;
    border-bottom: .025rem solid #999;
    transition: all .5s;
}
.index5 .more svg path {
    transition: all .5s;
}
.index5 .more:hover {
    border-bottom: .025rem solid #4346F4;
}
.index5 .more:hover span {
    color: #4346F4;
    opacity: 1;
}
.index5 .more:hover svg path {
    fill: #4346F4;
}
.index5 .more span {
    opacity: .7;
    transition: all .5s;
}

.index5 .main {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

.index5 .main .item {
    position: relative;
}

.index5 .main .item .img-box {
    width: 13.6rem;
    height: 7.675rem;
    position: relative;
    border-radius: .35rem;
    overflow: hidden;
}
.index5 .main .item .img-box:hover img {
    transform: scale(1.05);
}
.index5 .main .item .img-box img,
.index5 .main .item .img-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s;
}

.index5 .main .item span {
    position: absolute;
    left: .75rem;
    bottom: .925rem;
}
.index5 .main .item img.stop {
    width: .975rem;
    height: .975rem;
    position: absolute;
    bottom: .75rem;
    right: .75rem;
    object-fit: content;
}
.index6 {
    position: relative;
    padding: 2.6rem 2.35rem 2.4rem;
    width: 100%;
    height: 23.675rem;
}
.index6::after {
    content: '';
    display: block;
    background: url(../images/13.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 23.675rem;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
}

.index6 .more {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding-bottom: .45rem;
    border-bottom: .025rem solid #999;
    z-index: 2;
}

.index6 .more svg path {
    transition: all .5s;
}
.index6 .more:hover {
    border-bottom: .025rem solid #4346F4;
}
.index6 .more:hover span {
    color: #4346F4;
    opacity: 1;
}
.index6 .more:hover svg path {
    fill: #4346F4;
}
.index6 .more span {
    opacity: .7;
    transition: all .5s;
}
.index6 .main {
    margin-top: 2.25rem;
}

.index6 .main .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .9rem;
    transition: all .5s;
}

.index6 .main .swiper-wrapper .swiper-slide .bor {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: all .5s;
}

.index6 .main .swiper-wrapper .swiper-slide .cir-box {
    width: 5.3rem;
    height: 5.3rem;
    border-radius: 50%;
    background: linear-gradient(56deg, #CE16F3 0%, #4346F4 56.7308%, #0306EC 93.4914%);
    padding: .05rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index6 .main .swiper-wrapper .swiper-slide .cir-box .cir {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index6 .main .swiper-wrapper .swiper-slide .cir-box .cir .img-box {
    width: 5.05rem;
    height: 5.05rem;
    border-radius: 50%;
    background: linear-gradient(56deg, #CE16F3 0%, #4346F4 56.7308%, #0306EC 93.4914%);
    overflow: hidden;
    position: relative;
}

.index6 .main .swiper-wrapper .swiper-slide .cir-box .cir .img-box img {
    object-fit: contain;
    position: absolute;
    bottom: -0.25rem;
}

.index6 .main .swiper-wrapper .swiper-slide .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
    opacity: 0;
    transition: opacity .8s;
}

.index6 .main .swiper-wrapper .swiper-slide .text span {
    line-height: .7705rem;
    /* 154.09% */
    letter-spacing: .165rem;
    white-space: nowrap;
    text-align: center;
}

.index6 .main .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1.25);

}

.index6 .main .swiper-wrapper .swiper-slide.swiper-slide-active .bor {
    border: .05rem dashed rgba(162, 22, 243, .6);
}
.index6 .main .swiper-wrapper .swiper-slide.swiper-slide-active span.name {
    color: #654D9D;
    font-weight: 700;
}
.index6 .main .swiper-wrapper .swiper-slide.swiper-slide-active .text {
    opacity: 1;
}

.index6 .main .swiper-box .btn-box .btn {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .075rem;
    border: .025rem solid #DDD;
    background: rgba(232, 232, 232, 0.49);
    backdrop-filter: blur(19.299999237060547px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    cursor: pointer;
    transition: all .5s;
    top: 18rem;
    z-index: 2;
}

.index6 .main .swiper-box .btn-box .btn.prev {
    left: 14.25rem;
}

.index6 .main .swiper-box .btn-box .btn.next {
    right: 14rem;
}

.index6 .main .swiper-box .btn-box .btn:hover {
    background: linear-gradient(260deg, #A216F3 -42.63%, #4346F4 77.32%, #0306EC 200.34%);
}

.index6 .main .swiper-box .btn-box .btn:hover svg path {
    fill: #fff;
}

.index7 {
    background: #f6f7f8;
    padding: 2.6rem 2.35rem 2.4rem;
}

.index7 .main {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.index7 .main .lf {
    width: 11.475rem;
    height: 17.225rem;
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
}

.index7 .main .lf .img-box {
    width: 11.475rem;
    height: 17.225rem;
    border-radius: .35rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.index7 .main .lf .img-box img {
    transition: all .5s;
}

.index7 .main .lf:hover .img-box img {
    transform: scale(1.05);
}

.index7 .main .lf .text {
    width: 11.475rem;
    height: 4.775rem;
    background: linear-gradient(359deg, rgba(0, 0, 0, 0.78) 0.85%, rgba(0, 0, 0, 0.00) 98.95%);
    padding: .9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.index7 .main .lf .text .date {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.index7 .main .lf .text .date img {
    width: .675rem;
    height: .675rem;
}

.index7 .main .rg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem .5rem;
}

.index7 .main .rg .item {
    position: relative;
    border-radius: .35rem;
    flex-shrink: 0;
}

.index7 .main .rg .item .img-box img {
    transition: all .5s;
}

.index7 .main .rg .item .text {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: .3rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.index7 .main .rg .item .text .date {
    display: flex;
    gap: .3rem;
    align-items: center;
}

.index7 .main .rg .item .text .date img {
    width: .675rem;
    height: .675rem;
}

.index7 .main .rg .item:hover .img-box img {
    transform: scale(1.05);
}

.index7 .main .rg .item:nth-child(1) {
    width: 18.1rem;
    height: 8.35rem;
    overflow: hidden;
}

.index7 .main .rg .item:nth-child(1) .img-box {
    width: 18.1rem;
    height: 8.35rem;
}

.index7 .main .rg .item:nth-child(1) .text {
    width: 18.1rem;
    height: 4.75rem;
    padding: 0 0 1rem 1rem;
    background: linear-gradient(359deg, rgba(0, 0, 0, 0.78) 0.85%, rgba(0, 0, 0, 0.00) 98.95%);
}

.index7 .main .rg .item:nth-child(2) {
    width: 12.45rem;
    height: 8.35rem;
    flex-shrink: 0;
    overflow: hidden;
}

.index7 .main .rg .item:nth-child(2) .img-box {
    width: 12.45rem;
    height: 8.35rem;
}

.index7 .main .rg .item:nth-child(2) .text {
    width: 12.45rem;
    height: 4.75rem;
    padding: 0 0 1rem 1rem;
    background: linear-gradient(359deg, rgba(0, 0, 0, 0.78) 0.85%, rgba(0, 0, 0, 0.00) 98.95%);
}

.index7 .main .rg .item:nth-child(3) {
    width: 11.85rem;
    height: 8.35rem;
    flex-shrink: 0;
    overflow: hidden;
}

.index7 .main .rg .item:nth-child(3) .img-box {
    width: 11.85rem;
    height: 8.35rem;
}

.index7 .main .rg .item:nth-child(3) .text {
    width: 11.85rem;
    height: 4.75rem;
    padding: 0 0 1rem 1rem;
    background: linear-gradient(359deg, rgba(0, 0, 0, 0.78) 0.85%, rgba(0, 0, 0, 0.00) 98.95%);
}

.index7 .main .rg .item:nth-child(4) {
    width: 18.725rem;
    height: 8.35rem;
    flex-shrink: 0;
    overflow: hidden;
}

.index7 .main .rg .item:nth-child(4) .img-box {
    width: 18.725rem;
    height: 8.35rem;
}

.index7 .main .rg .item:nth-child(4) .text {
    width: 18.725rem;
    height: 4.75rem;
    padding: 0 0 1rem 1rem;
    background: linear-gradient(359deg, rgba(0, 0, 0, 0.78) 0.85%, rgba(0, 0, 0, 0.00) 98.95%);
}

.index8 {
    width: 100%;
    height: 17rem;
    background: url(../images/20.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index8 .list {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.index8 .list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.index8 .list .item .line {
    width: 11.8rem;
    height: .075rem;
    background: linear-gradient(90deg, rgba(150, 157, 241, 0.00) 0%, #969DF1 50.27%, rgba(150, 157, 241, 0.00) 100%);
}

.index8 .list .item span:nth-child(3) {
    margin-top: .75rem;
}

.index8 .list .item .zbdw{
    white-space: nowrap;
}

.index9 {
    padding: 3.75rem 2.75rem;
}

.index9 .list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.index9 .list .tab {
    display: flex;
    align-items: center;
}

.index9 .list .tab .line {
    width: .025rem;
    height: .7rem;
    background: rgba(0, 0, 0, .2);
    margin: 0 .9rem;
}

.index9 .list .tab span {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .225rem;
}

/* .index9 .list .tab span:nth-child(1)::before {
    content: '';
    display: block;
    width: .1rem;
    height: .75rem;
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
} */

.index9 .list .tab span.active {
    font-weight: 700;
}

.index9 .list .list1 {
    display: none;
    flex-wrap: wrap;
    gap: .625rem;
}

.index9 .list .list1.on {
    display: flex;
}

.index9 .list .list1 .item {
    width: 7.975rem;
    height: 2.3rem;
    border-radius: .2156rem;
    border: .025rem solid #E5E5E5;
    background: #FFF;
    box-shadow: 0px .45rem .355rem .15rem rgba(67, 70, 244, 0.02);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.index9 .list .list1 .item:hover {
    border: .025rem solid #4346F4;
    background: #FFF;
    box-shadow: 0px .175rem .38rem 0px rgba(3, 6, 236, 0.13);
}
.index9 .list .list1 .item:hover span {
    color: #654D9D;
}
.index9 .list:nth-child(1) .list1 .item {
    padding: .35rem 1rem;
}

.index9 .list .list1 .item img {
    width: 46%;
    height: 90%;
    object-fit: contain;
}

.index9 .list:nth-child(2) {
    margin-top: 2.75rem;
}

.footer {
    width: 100%;
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    padding: 1.5rem 2.5rem 1.6rem;
    position: relative;
    overflow: hidden;
    background: url(../images/53.png) no-repeat top center;
    background-size: cover;
}

.footer .bg {
    width: 12.05rem;
    height: 12.075rem;
    position: absolute;
    right: 2rem;
    top: 0;
    z-index: 0;
    display: none;
}

.footer .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .top .text {
    display: flex;
    gap: 1.5rem;
}

.footer .top .text .tit-20{line-height: 2.6;font-weight: 500;}

.footer .top .text .ullist{display: flex;gap: 1rem;}

.footer .top .text .ullist ul{max-width: 4.5rem;}

.footer .top .text ul {
    margin-top: 0;
}

.footer .top .text ul {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.footer .top .text ul .item a {
    opacity: .8;
    transition: opacity .5s;
    line-height: calc(24 / 18);
}

.footer .top .text ul .item:hover a {
    opacity: 1;
}

.footer .img-box {
    /* display: flex;
    align-items: flex-end;
    gap: 2.025rem; */
}

.footer .img-box .logo {
    width: 5rem;
    height: 3.125rem;
}

.footer .img-box ul {
    margin-top: 1.25rem;
    display: flex;
    gap: .65rem;
}

.footer .img-box ul .item {
    width: .75rem;
    height: .75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem;
    cursor: pointer;
}

.footer .img-box ul .item .pop {
    position: relative;
    width: 2.8rem;
    height: 3.175rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .5s;
}

.footer .img-box ul .item:hover .pop {
    opacity: 1;
}

/* .footer .img-box ul .item .pop svg {
    width: 2.8rem;
    height: 3.175rem;
} */
.footer .img-box ul .item .pop img {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: .525rem;
    left: .15rem;
}

.footer .img-box ul .item .pop img.qr {
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: .675rem;
    left: .275rem;
}

.footer .line {
    width: 100%;
    height: .025rem;
    opacity: 0.1;
    background: #FFF;
    margin-top: 1rem;
    margin-bottom: 1.175rem;
}

.footer .tips {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .tips .lf a {
    opacity: .5;
    transition: opacity .5s;
}

.footer .tips .lf a:hover {
    opacity: 1;
}

.footer .tips .rg span {
    opacity: .5;
}
.side {
    width: .7rem;
    height: 10.625rem;
    border-radius: .3375rem;
    background: #EFF5FF;
    position: fixed;
    left: 46.375rem;
    top: 5.8rem;
    z-index: 10;
    padding: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    transition: all .4s;
    left: 130vw;
}
.side.act{
    left: 46.375rem;
}
.side .cir {
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #fff;
}
.side .img-box {
    position: relative;
    width: .45rem;
    height: .45rem;
}
.side .img-box:hover .title{opacity: 1;}
/* .side .img-box img {
    width: .45rem;
    height: .45rem;
    position: absolute;
    transition: all .5s;
} */
.side .img-box img:nth-child(1) {
    opacity: 1;
}
.side .img-box img.logo {
    width: .95rem;
    height: 1.15rem;
    opacity: 0;
    left: -.25rem;
}
.side .img-box.on img {
    opacity: 0;
}
.side .img-box.on img.logo {
    opacity: 1;
}
.side .tit {
    position: absolute;
    width: 2.35rem;
    height: .725rem;
    top: 1rem;
    left: -2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .5s;
}
.side .tit span {
    position: relative;
}
.side .tit img {
    position: absolute;
    width: 2.35rem;
    height: .725rem;
    top: 0;
    left: 0;
}


/* 2025-5-9 */
.index1 .main .lf .bt .items a .tag{
    display: flex;
    align-items: center;
    justify-content: center;
}
.index3 .main .list .item a{
    cursor: pointer;
}
.index4 .main .list .swiper-wrapper .swiper-slide:hover{
    border-image: url('../images/34.png') 30 fill / 10% / 0 round;
}
.index9 .list .tab span{
    position: relative;
}
.index9 .list .tab span.active::before {
    content: '';
    display: block;
    width: .1rem;
    height: .75rem;
    background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -0.375rem;
    left: -0.95rem;
}
.index9 .list .tab span:nth-child(1)::before{
    position: relative;
    opacity: 0;
    left: 0;
    top: 0;
    margin: 0;
}
.index9 .list .tab span:nth-child(1).active::before{opacity: 1;}
.side .img-box img.logo{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    transition: all .5s;
}
.side .img-box .title{
    position: absolute;
    width: 2.35rem;
    height: .725rem;
    top: 50%;
    left: -2.9rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .5s;
}
.side .img-box .title span {
    position: relative;
}
.side .img-box .title img {
    position: absolute;
    width: 2.35rem;
    height: .725rem;
    top: 0;
    left: 0;
}
.side .img-box img.round {
    width: .45rem;
    height: .45rem;
    position: absolute;
}

.side .img-box.active img.round{
    filter: grayscale(100%) brightness(0%) invert(100%);
    -webkit-filter: grayscale(100%) brightness(0%) invert(100%);
}
.side .img-box.active img.logo{
    opacity: 1;
}
.side .img-box.active .title{
    opacity: 1;
}
.index2 .main{
    padding: 1rem 2.5rem 2rem;
}
.index2 .main .ibox{
    position: relative;
    z-index: 5;
    border-radius: 0.5rem;
    background: linear-gradient(to right, #E4EBF6, #D9E3F6);
    overflow: hidden;
}
.index2 .main .ibox .i1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 1.25rem;
    background: #fff;
}
.index2 .main .ibox .i1 .lf{
    width: 7.9rem;
}
.index2 .main .ibox .i1 .rf{
    display: flex;
    align-items: center;
}
.index2 .main .ibox .i1 .rf .ico{
    width: 0.5rem;
    margin-right: 0.4rem;
}
.index2 .main .ibox .i1 .rf .ico img{
    display: block;
}
.index2 .main .ibox .i1 .rf .txt{
    background: linear-gradient(269.86deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
    background-clip: text;
    color: transparent;
    letter-spacing: 0.26em;
}
.index2 .main .ibox .i2{
    padding: 0.75rem 1.25rem;
    background-image: url("../images/36.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    display: flex;
}
.index2 .main .ibox .i2 .threebox{
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem;
}
.index2 .main .ibox .i2 .lf{
    width: 12.15rem;
    margin-right: 0.5rem;
}
.index2 .main .ibox .i2 .l1{
    height: 5.9rem;
    position: relative;
}
.index2 .main .ibox .i2 .l1 .tit{
    line-height: 1.15;
    color: #404050;
}

.index2 .main .ibox .i2 .c1 .tit
{
    line-height: 1.15;
    color: #404050;
}

.index2 .main .ibox .i2 .c2 .tit {
    text-align: center;
    line-height: 1.167;
    color: #404050;
}
.index2 .main .ibox .i2 .c3 .tit {
    text-align: center;
    line-height: 1.167;
    color: #404050;
}

.index2 .main .ibox .i2 .r2 .tit {
    text-align: center;
    line-height: 1.167;
    color: #404050;
}

.index2 .main .ibox .i2 .l1 .bot{
    margin-top: 0.75rem;
    position: relative;
}
.index2 .main .ibox .i2 .l1 .bot-lf{
    position: relative;
    z-index: 5;
}
.index2 .main .ibox .i2 .l1 .bot-lf .t1{
    line-height: 1.25;
    color: #404050;
}
.index2 .main .ibox .i2 .l1 .bot-lf .t2{
    margin-top: 0.3rem;
    font-family: "Lexend";
    line-height: 1.25;
    color: #404050;
}
.index2 .main .ibox .i2 .l1 .bot-rf{
    position: absolute;
    top: 0.175rem;
    right: 0;
    width: 7.9rem;
}
.index2 .main .ibox .i2 .l1 .bot-rf .pop-box{
    position: absolute;
    top: -0.125rem;
    left: 1.75rem;
    width: 1.75rem;
    text-align: center;
}
.index2 .main .ibox .i2 .l1 .bot-rf .pop-box .txt-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.3rem;
}
.index2 .main .ibox .i2 .l1 .bot-rf .pop-box .t1{
    line-height: 1;
    color: #000000;
}
.index2 .main .ibox .i2 .l1 .bot-rf .pop-box .t2{
    color: #A980EB;
    margin-top: 2px;
    transform: scale(0.66);
}
.index2 .main .ibox .i2 .l1 .note{
    margin-top: 0.9rem;
    line-height: 1.167;
    color: #999;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-bottom: 0.1rem;
    margin-right: 0.4rem;
}
.index2 .main .ibox .i2 .l1 .note span{
    /*color: #E7B736;*/
}
.index2 .main .ibox .i2 .l2{
    margin-top: 0.5rem;
    height: 14.7rem;
}
.index2 .main .ibox .i2 .l2 .tit{
    text-align: center;
    line-height: 1.167;
    color: #404050;
    margin-bottom: 0.75rem;
}
.index2 .main .ibox .i2 .list-top{
    display: flex;
    padding: 0 0.25rem;
}
.index2 .main .ibox .i2 .list .w1{
    width: 1.25em;
    color: #9170dd;
    text-align: center;
    margin-right: 0.5rem;
}
.index2 .main .ibox .i2 .list .w2{
    width: 3.5rem;
    margin-right: 0.1rem;
    font-family: "Lexend";
}
.index2 .main .ibox .i2 .list .w3{
    width: 0.825rem;
    color: #9170dd;
    margin-right: 0.75rem;
    text-align: center;
}
.index2 .main .ibox .i2 .list .w4{
    width: 0.825rem;
    color: #9170dd;
    margin-right: 0.75rem;
    text-align: center;
}
.index2 .main .ibox .i2 .list .w5{
    width: 0.825rem;
    color: #9170dd;
    margin-right: 0.75rem;
    text-align: center;
}
.index2 .main .ibox .i2 .list .w6{
    width: 0.825rem;
    color: #9170dd;
    text-align: center;
}
.index2 .main .ibox .i2 .list-table{
    margin-top: 0.35rem;
    height: 10.95rem;
    overflow-y: auto;
}
.index2 .main .ibox .i2 .list-table .li{
    display: flex;
    padding: 0.1rem 0.25rem;
    line-height: 0.55rem;
    margin-bottom: 0.1rem;
}
.index2 .main .ibox .i2 .list-table .li:last-child{
    margin-bottom: 0;
}
.index2 .main .ibox .i2 .list-table .li:nth-child(2n){
    background: #A216F30D;
    border-radius: 0.75rem;
}
.index2 .main .ibox .i2 .cf{
    width: 15.2rem;
    margin-right: 0.5rem;
}
.index2 .main .ibox .i2 .cf .c1{
    height: 5.9rem;
    position: relative;
}

.index2 .main .ibox .i2 .cf .c1 .note{
    margin-top: 0.9rem;
    line-height: 1.167;
    color: #999;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-bottom: 0.1rem;
    margin-right: 0.4rem;
}

.index2 .main .ibox .i2 .cf .c1 .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index2 .main .ibox .i2 .cf .c1 .top .top-lf{
    line-height: 1.15;
    color: #404050;
}
.index2 .main .ibox .i2 .cf .c1 .top .top-rf{
    color: #999;
}
.index2 .main .ibox .i2 .cf .c1 .img-box{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.325rem;
}
.index2 .main .ibox .i2 .cf .c1 .img-box img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.index2 .main .ibox .i2 .cf .c2{
    height: 6.775rem;
    margin-top: 0.5rem;
    position: relative;
}

.index2 .main .ibox .i2 .cf .c2 .note{
    margin-top: 0.9rem;
    line-height: 1.167;
    color: #999;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-bottom: 0.1rem;
    margin-right: 0.4rem;
}

.index2 .main .ibox .i2 .cf .c2 .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index2 .main .ibox .i2 .cf .c2 .top-lf{
    line-height: 1.167;
    color: #404050;
}
.index2 .main .ibox .i2 .cf .c2 .top-rf{
    color: #999;
}
.index2 .main .ibox .i2 .cf .c2 .bot{
    margin-top: 0.75rem;
    text-align: center;
    font-family: "Lexend";
    line-height: 1.25;
    color: #4A4A71;
}
.index2 .main .ibox .i2 .cf .c2 .bot2{
    padding: 0.5rem 0.5rem 0.25rem;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .number{
    display: flex;
    justify-content: space-between;
    padding: 0 0.5rem;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .number .num{
    display: flex;
    align-items: center;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .number .num .ico{
    width: 0.6rem;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .number .num .txt{
    margin-left: 0.3rem;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .number .num .txt .t1{
    line-height: 1.25;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .number .num .txt .t2{
    transform: scale(0.8333);
    transform-origin: left center;
    line-height: 1;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .line{
    margin-top: 0.3rem;
    height: 0.1rem;
    background: #D45327;
}
.index2 .main .ibox .i2 .cf .c2 .bot2 .line span{display: block;width: 0;background: #7BCACE;height: 0.1rem;width: 67.64%;}

.index2 .main .ibox .i2 .cf .c3{
    margin-top: 0.5rem;
    height: 7.425rem;
}
.index2 .main .ibox .i2 .cf .c3 .top{
    line-height: 1.167;
    color: #404050;
}
.index2 .main .ibox .i2 .cf .c3 .imgbox{height: 5.3rem;}

.index2 .main .ibox .i2 .cf .c3 .imgbox img{max-width: 100%;max-height: 100%;width: auto;height: auto;}

.index2 .main .ibox .i2 .cf .c3 .note{
    line-height: 1.143;
    color: #73C7CC;
    text-align: right;
    margin-top: 0.2rem;
}
.index2 .main .ibox .i2 .rf{
    width: 12.15rem;
}
.index2 .main .ibox .i2 .rf .r1{display: flex;flex-wrap: wrap;gap: 0.5rem;}

.index2 .main .ibox .i2 .rf .r1 .item{width: calc(50% - 0.25rem);height: 2.7rem;padding: 0.5rem;background: #fff;border-radius: 0.5rem;display: flex;justify-content: space-between;align-items: center;}

.index2 .main .ibox .i2 .rf .r1 .item .txt{
    max-width: 3.3rem;
    line-height: 1.334;
    color: #404050;
}
.index2 .main .ibox .i2 .rf .r1 .item .num{
    font-family: "Lexend";
    font-weight: bold;
}
.index2 .main .ibox .i2 .rf .r1 .item:nth-child(1) .num{
    color: #654D9D;
}
.index2 .main .ibox .i2 .rf .r1 .item:nth-child(2) .num{
    color: #D45327;
}
.index2 .main .ibox .i2 .rf .r1 .item:nth-child(3) .num{
    color: #377D3F;
}
.index2 .main .ibox .i2 .rf .r1 .item:nth-child(4) .num{
    color: #23A197;
}
.index2 .main .ibox .i2 .rf .r1 .item:nth-child(5) .num{
    color: #6DB92C;
}
.index2 .main .ibox .i2 .rf .r1 .item:nth-child(6) .num{
    color: #E8B91F;
}
.index2 .main .ibox .i2 .rf .r2{
    height: 11.5rem;
    margin-top: 0.5rem;
}
.index2 .main .ibox .i2 .rf .r2 .top{
    line-height: 1.167;
    color: #404050;
}
.index2 .main .ibox .i2 .rf .r2 .img-box{margin-top: 1rem;height: 8.25rem;}

.index2 .main .ibox .i2 .rf .r2 .img-box img{max-height: 100%;width: auto;height: auto;max-width: 100%;}

/*.index3 .main .list .card .dw p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}*/

.index3 .main .list .card .dw-box{height: 3.75rem;overflow-y: auto;position:relative;padding-right: 15px;}

/* 自定义滚动条轨道 */
.index3 .main .list .card .dw-box::-webkit-scrollbar {
  width: 4px; /* 滚动条宽度 */
}

/* 滚动条轨道背景 */
.index3 .main .list .card .dw-box::-webkit-scrollbar-track {
  background: #f0f0f0; /* 轨道颜色 */
  border-radius: 2px; /* 轨道圆角 */
}

/* 滚动条滑块（渐变色） */
.index3 .main .list .card .dw-box::-webkit-scrollbar-thumb {
  background: linear-gradient(269.86deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%); /* 渐变色 */
  border-radius: 2px; /* 滑块圆角 */
}

/* 鼠标悬停时滑块颜色（可选） */
.index3 .main .list .card .dw-box::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(269.86deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
}


/* Firefox 兼容（渐变色不支持，但可以设置纯色） */
@supports (scrollbar-color: auto) {
  .scrollable-div {
    scrollbar-color: #A216F3 #f0f0f0; /* 滑块颜色 + 轨道颜色 */
    scrollbar-width: thin; /* 滚动条宽度 */
  }
}

.index3 .main .list .card .dw-box .dw{margin-bottom: 0.5rem;}

.index3 .main .list .card .dw-box .dw:last-child{margin-bottom: 0;}

.head-box .head{background: linear-gradient(2.3deg, rgba(64, 67, 212, 0) 1.82%, rgba(55, 58, 212, 0.273) 25.02%, rgba(25, 27, 157, 0.603386) 61.22%, rgba(0, 1, 110, 0.7) 92.06%);background: linear-gradient(to top,rgba(255, 255, 255, 0) 0%, rgba(55, 58, 212, 0.39) 24.0385%, rgba(25, 27, 157, 0.86198) 61.5385%, #00016E 93.4914%);}

.head-box .head .nav .bt ul .item>a{position: relative;display: flex;align-items: baseline;}

.head-box .head .nav .bt ul .item>a img{width: 6px;margin-left: 0.25rem;}

.head-box .head .nav .bt ul .item>a::before{content: "";position: absolute;left: 0;bottom: -5px;width: 100%;height: 2px;background: #fff;opacity: 0;}

.head-box .head .nav .bt ul .item:hover>a::before{opacity: 1;}

.head-box .head .nav .bt ul .item{position: relative;}

.head-box .head .nav .item_pop_box{position: absolute;top: 100%;padding-top: 21px;left: 50%;width: 144px;margin-left: -72px;display: none;}

.head-box .head .nav .item_pop_box .pop_box{padding: 0.7rem 1rem;background: linear-gradient(269.86deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);box-shadow: 0px 0px 1.5rem 0px #0306EC14;backdrop-filter: blur(100px);border-radius: 0 0 0.375rem 0.375rem;max-height: 11.175rem;overflow-y: auto;}

.head-box .head .nav .item_pop_box .pop_box::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/52.png) no-repeat bottom center;background-size: cover;}

.head-box .head .nav .item_pop_box .pop_box .lv2{display: flex;margin-bottom: 11px;width: 100%;}

.head-box .head .nav .item_pop_box .pop_box .lv2:last-child{margin-bottom: 0;}

.head-box .head .nav .item_pop_box .pop_box .lv2 a{position: relative;line-height: 19px;padding-bottom: 5px;transition: all 0.4s;opacity: 0.9;}

.head-box .head .nav .item_pop_box .pop_box .lv2 a::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #fff;transition: all 0.4s;}

.head-box .head .nav .item_pop_box .pop_box .lv2 a:hover{opacity: 1;}

.head-box .head .nav .item_pop_box .pop_box .lv2 a:hover::before{width: 100%;}

.head-box .head .nav .bt ul .item:nth-child(2) .item_pop_box{width: 17.5rem;margin-left: -8.75rem;z-index: 5;}

.head-box .head .nav .bt ul .item:nth-child(2) .item_pop_box .pop_box{display: flex;flex-wrap: wrap;}

.head-box .head .nav .bt ul .item:nth-child(2) .item_pop_box .lf{width: 6.5rem;margin-right: 2.5rem;}

.head-box .head .nav .bt ul .item:nth-child(2) .item_pop_box .rf{width: 6.5rem;}



/*2025-5-30*/
.index1 .main .lf .top .more .tit-18{font-size: 14px;color: #666;}

.index1 .main .lf .top .more svg{width: 14px;height: auto;}

.index1 .main .mid .list a.more{margin-top: 0.3rem;}

.index1 .main .mid .list a.more .tit-18{font-size: 14px;color: #666;}

.index1 .main .mid .list a.more svg{width: 14px;height: auto;}

.index1 .main .mid .list a.more:hover span.tit-18{
    opacity: 1;
    color: #4346F4;
}

.index4 .main .list .swiper-wrapper .swiper-slide .item .tit-20{font-size: 0.4rem;}

.footer .top .text .ullist ul{max-width: 6.08rem;}

.head-box .head .side-btn svg{cursor: pointer;}

.head_pc_bar{position:fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 180;background: url(../images/hdbg.jpg) no-repeat center;background-size: cover;overflow-y: auto;display: none;}

.head_pc_bar .con{padding: /* 7.55rem */ clamp(4rem, 27.96vh, 7.55rem) 2.5rem 1.25rem}

.head_pc_bar .con .ul{display: flex;justify-content: center;}

.head_pc_bar .con .lv1 a{display:block;width: fit-content;line-height: calc(30 / 26);color:#fff;}

.head_pc_bar .con .lv2list{margin-top: 0.9rem;overflow:hidden;}

.head_pc_bar .con .lv2_ss{float: left;width: 8.3rem;}

.head_pc_bar .con .lv2_ss:nth-child(2){margin-left: 2rem;}

.head_pc_bar .con .lv2:not(:first-child){margin-top: 0.325rem;}

.head_pc_bar .con .lv2 a{display:block;width: fit-content;line-height: calc(28 / 18);color:rgba(255,255,255,0.8);position:relative;}

.head_pc_bar .con .lv2 a:before{content: "";position:absolute;left: 0;bottom: 1px;width: 100%;height: 1px;opacity: 0;background:#fff;}

.head_pc_bar .con .lv2 a:hover{color: #fff;}

.head_pc_bar .con .lv2 a:hover:before{opacity: 1;}

.head-box .side-btn{position: relative;cursor: pointer;}

.head-box .side-btn:before{content: "";background: url(../images/hd_close.svg) no-repeat top center;background-size: 100% auto;position:absolute;right: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

.head-box.show .head_pc_bar{display: block;}
.head-box.show .side-btn:before{opacity: 1;}
.head-box.show .side-btn svg{opacity: 0;}
.head-box.show .head .nav .bt{display: none;}
.head-box.show .head .nav .tp ul .item.btn{background: #FFFFFF;}
.head-box.show .head .nav .tp ul .item.btn span{background: linear-gradient(270deg, #A216F3 -3.98%, #4346F4 70.41%, #0306EC 146.7%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.head-box.show .head {
    background: linear-gradient(to top,rgba(255, 255, 255, 0) 0%, rgba(55, 58, 212, 0.39) 24.0385%, rgba(25, 27, 157, 0.86198) 61.5385%, #00016E 93.4914%);
}

.mh_nav{display: none;}


.eventLayout .head-box .head .nav .bt ul .item:nth-child(2) .item_pop_box .pop_box{display: block;}

/*数说大赛*/
.card-bot {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;

}
.card-bot-lf ,.card-bot-rf {
    width: 50%;
    height: 4.1rem;
}

.participate-all {
    width: 100%;
    height: 5.3rem;
}

.index3 .main .item .bk-placeholder {
    position: absolute;
    width: .8rem;
    height: .125rem;
    border-radius: .25rem;
    bottom: -0.075rem;
    left: 0;
}

.index3 .main .item .show-seq-num {
    min-width: .8rem;
}

.item-none-border-item{
    border-bottom: none !important;
}


/* PH端 */
.foot-nav,
.head_ph,
.img_ph{display: none;}
@media screen and (max-width: 997px) {
    /* 参赛学生比例 在手机端换行展示 */
    .card-bot {
        margin-top: 10px;
        display: block;
    }

    .card-bot-lf ,.card-bot-rf {
        width: 100%;
        display: block;
        height: 4.1rem;
    }

    /* 大赛报名人数 折线图高度自适应 */
    .participate-all{
        height: auto;
    }

    /* 大赛报名人数区域 高度自适应 */
    .index2 .main .ibox .i2 .cf .c3 {
        margin-top: 0.5rem;
        height: auto;
    }

    /* 年度奖牌榜高度自适应*/
    .index2 .main .ibox .i2 .list-table {
        height: auto;
    }


    .img_pc,
    .head-box .head_pc{display: none;}

    .img_ph{display: block;}

    .head_ph{display: flex;align-items: center;justify-content: space-between;position: fixed;top: 0;z-index: 88;height: 2.5rem;background: linear-gradient(2.3deg, rgba(64, 67, 212, 0) 1.82%, rgba(55, 58, 212, 0.273) 25.02%, rgba(25, 27, 157, 0.603386) 61.22%, rgba(0, 1, 110, 0.7) 92.06%);padding: 0 0.625rem;width: 100%;}

    .head_ph .logo{width: 2.2rem;}

    .head_ph .head_nav{width: 1.25rem;}

    .banner-box .banner > a{height: 2.175rem;left: 50%;margin-left: -4rem;bottom: 2.275rem;padding: 0;font-size: 0.65rem;line-height: 2.175rem;border-radius: 2.5rem;}

    .banner-box .banner .swiper-pagination-bullets{bottom: 0.93rem;display: flex;justify-content: center;}

    .banner-box .banner .swiper-pagination .swiper-pagination-bullet{margin: 0 0.090625rem;}

    .index1{padding: 2.5rem 0.625rem 2.05rem;}

    .index1 .bg{width: 100%;height: auto;}

    .index1 .main{flex-wrap: wrap;gap: 1.125rem;margin-top: 1rem;}

    .index1 .main .lf{width: 100%;height: auto;border: 1px dashed #E0E0E0;border-radius: 0.5rem;background: #fff;}

    .index1 .main .lf svg.bor{display: none;}

    .index1 .main .lf .top{padding: 1rem 0.6rem 0.3rem 1rem;}

    .index1 .main .lf .top .text .img-box{width: 0.95rem;height: 0.95rem;}

    .index1 .main .lf .bt{padding: 1.25rem 0.95rem 1.25rem 1rem;}

    .index1 .main .mid{height: auto;}

    .index1 .main .mid .top,
    .index1 .main .mid .img-box{width: 17.5rem;height: 9.3rem;}

    .index1 .main .mid .top svg{width: 17.5rem;height: 1.2rem;}

    .index1 .main .mid .top .p1{left: 13.025rem;bottom: 0.325rem;font-size: 0.6rem;line-height: 1;}

    .index1 .main .mid .top > a{top: 1rem;left: 1.25rem;gap: 0;border-radius: 0.7rem;padding: 0.175rem 0.85rem 0.175rem 0.725rem;align-items: center;}

    .index1 .main .mid .top a .img-box{margin-right: 0.425rem;}

    .index1 .main .mid .top a .tit-20{font-size: 0.6rem;}

    .index1 .main .mid .list{padding: 1.575rem 0.825rem 1.35rem 1.25rem;width: 17.5rem;}

    .index1 .main .mid .list .item{width: 100%;}

    .index1 .main .mid .list a{width: 100%;gap: 0;display: block;}

    .index1 .main .mid .list .item span{width: 100%;font-size: 0.65rem;line-height: 1.158;}

    .index1 .main .mid .list svg.line{width: 14.3rem;margin: 0.75rem 0;}

    .index1 .main .mid .list a.more{display: flex;justify-content: flex-end;margin-top: 1.45rem;}

    .index1 .main .mid .list a.more span{font-size: 0.65rem;text-align: center;width: 4.125rem;}

    .index1 .main .mid .list a.more svg{width: 0.65rem;}

    .index1 .main .lf .top .text .tit-24{font-size: 0.65rem;}

    .index1 .main .lf .top .more span{font-size: 0.6rem;}

    .index1 .main .lf .top .more svg{width: 0.475rem;height: auto;}

    .index1 .main .lf .bt .items{padding: 1.7rem 0.7rem 0.8rem 0.625rem;}

    .index1 .main .lf .bt .items a span.p1{font-size: 0.65rem;line-height: 1.1rem;}

    .index1 .main .lf .bt .items a .tag{width: 3.775rem;height: 1rem;}

    .index1 .main .lf .bt .items a .tag span{font-size: 0.4rem;}

    .index2{padding-top: 1rem;}

    .index2 .title1{margin: 0 0 0 0.65rem;}

    .index2 .main{display: none;}

    .index2 .main_ph{padding: 1.25rem 0.6rem 1.75rem;}

    .index3{padding: 3rem 0.625rem 0;}

    .index3 .main{gap: 0;margin-top: 1.25rem;flex-wrap: wrap;}

    .index3 .main .list{width: 17.5rem;padding: 1.25rem 0.675rem 0 1.25rem;}

    .index3 .main .list2{background: #fff;border-radius: 0;padding: 0 0.675rem 1.25rem 1.25rem;}

    .index3 .main .list1{padding-bottom: 0.75rem;}

    .index3 .main .list .item a,
    .index3 .main .list2 .item a{width: 100%;}

    .index3 .main .list .item a p{flex-shrink: inherit;}

    .index4 .title1{margin: 0;}

    .index4{background: #F2F6FB;padding: 2.25rem 0.625rem 0;height: auto;}

    .index4 .main{flex-wrap: wrap;width: 100%;margin-top: 1.45rem;gap: 0;}

    .index4 .main .calendar{width: 17.5rem;height: auto;gap: 0;}

    .index4 .main .progress{position: relative;margin-top: 1.5rem;bottom: 0;left: 0;}

    .index4 .main .list{margin-top: 2.15rem;}

    .index4 .main .calendar .bt .date{padding-bottom: 2rem;}

    .index4 .main .calendar .bt .months .btn{width: 1.375rem;height: 1.375rem;}

    .index4 .main .calendar .bt .months{padding: 0.925rem 1.325rem 0;}

    .index4 .main .calendar .bt .date table thead tr{margin-bottom: 0.65rem;}

    .index4 .main .calendar .bt .date table tbody{gap: 0.8rem;}

    .index4 .main .list .swiper-wrapper .swiper-slide{width: 12.75rem !important;height: 11.5rem !important;}

    .index4 .main .progress{width: 100%;}

    .index4 .main .progress .line{width: 100%;}

    .index4 .main .progress .btn{display: none;}

    .index5 .main{width: 18.125rem;overflow-x: auto;justify-content: flex-start;}

    .index5{padding: 4.25rem 0 1.5rem 0.625rem;}

    .index3{overflow: hidden;}

    .index7 .main{flex-wrap: wrap;gap: 1.125rem;}

    .index7 .main .rg{gap: 1.125rem;}

    .index7 .main .rg .item .img-box,
    .index7 .main .rg .item{width: 17.5rem !important;height: 7.8rem !important;}

    .index7 .main .rg .item .img-box img{object-fit: cover;}

    .index7 .main .lf,
    .index7 .main .lf .img-box{width: 17.5rem;height: 7.8rem;}

    .index7 .main .lf .img-box img{object-fit: contain;width: 17.5rem;height: 7.8rem;}

    .index7 .main .lf .text{
        width: 100% !important;
        height: auto !important;
        padding: .9rem 1rem !important;
    }

    .index7 .main .rg .item .text{
        width: 100% !important;
        height: auto !important;
        background: linear-gradient(359deg, rgba(0, 0, 0, 0.78) 0.85%, rgba(0, 0, 0, 0.00) 98.95%);
        padding: .9rem 1rem !important;
    }

    .index7{padding: 2rem 0.625rem 1.5rem;}

    .index4 .main .progress .line .dot.active span{position: relative;}

    .index4 .main .progress .line .dot.active span::before{content: "";position: absolute;top: 0;left: 50%;margin-left: -2.0875rem;width: 4.175rem;height: 100%;background: url(../images/48.png) no-repeat center;background-size: 100% auto;}

    .index5 .more{right: 0.625rem;top: 5.5rem;}

    .index6{height: 27.925rem;padding: 1.5rem 0.625rem;overflow: hidden;}

    .index6 .more{right: 0.625rem;}

    .index6 .main{margin: 4.875rem 0 0;}

    .index6 .main .swiper-box .btn-box .btn{position: relative;top: 0;left: 0;right: 0;}

    .index6 .main .swiper-wrapper .swiper-slide.swiper-slide-active .name{opacity: 1;}

    .index6 .main .swiper-wrapper .swiper-slide .name{opacity: 0;}

    .index6 .main .swiper-box .btn-box{display: flex;align-items: center;justify-content: center;gap: 1rem;position: absolute;bottom: 1.35rem;left: 0;width: 100%;}

    .index6 .main .swiper-box .btn-box .btn.prev{left: 0;}

    .index8{height: auto;padding: 2.425rem 1rem 2.5rem 1.425rem;}

    .index8 .list .item .line{margin-top: 0.3rem;}

    .index8 .list .item .zbdw{
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .index9{padding: 2rem 0.625rem 2.5rem;}

    .index9 .list .tab .line{display: none;}

    .index9 .list .tab{gap: 1.25rem;border-bottom: 1px solid rgba(0, 0, 0, .2);}

    .index9 .list .tab span{padding-bottom: 0.5rem;font-size: 0.8rem;}

    .index9 .list .tab span.active::before{position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;top: auto;}

    .index9 .list .list1 .item{height: auto;min-height: 2.3rem;}

    .footer{height: auto;background: url("../images/49.png") no-repeat center;background-size: cover;padding: 1.375rem 0.625rem 2.65rem 0.65rem;}

    .footer .bg{display: none;}

    .footer .line{display: none;}

    .footer .tips {
        display: block;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer .tips .lf a{opacity: 1;}

    .footer .tips .rg{margin-top: 0.75rem;}

    .footer .tips .rg span{opacity: 1;text-align: center;}

    .footer .tips .rg span a{display: block;color: #fff;}

    .footer .top{flex-wrap: wrap;}

    .footer .img-box{display: block;gap: 0;width: 100%;}

    .footer .img-box .logo{width: 5rem;}

    .footer .img-box ul{width: 100%;margin-top: 2.5rem;justify-content: center;}

    .footer .img-box ul .item{width: 2.8rem;height: 8.475rem;align-items: flex-start;gap: 0;}

    .footer .img-box ul .item>img{height: 2.8rem;}

    .footer .img-box ul .item .pop{width: 4.325rem;height: 4.9rem;margin-top: 0.75rem;transform: translateX(-0.825rem);}

    .footer .img-box ul .item .pop img{width: 3.8625rem;height: 3.8625rem;top: 0.8rem;left: 0.23175rem;}

    .footer .img-box ul .item .pop img.qr{width: 3.475rem;height: 3.475rem;top: 1.05rem;left: 0.425rem;}

    .footer .img-box ul .item:hover .pop {
        opacity: 0;
    }

    .footer .img-box ul .item.active .pop{opacity: 1;}

    .footer .top .text{display: none;}

    .footer .img-box .logo{width: 100%;height: auto;padding-bottom: 0.825rem;background: url("../images/50.png") no-repeat bottom left;background-size: 100% auto;}

    .footer .img-box .logo img{width: 5rem;height: auto;}

    .foot-nav{margin-top: 1.775rem;display:block;}

    .foot-nav .item{margin-top: 1.3rem;}

    .foot-nav .item:first-child{margin-top: 0;}

    .foot-nav .item-top{display: flex;border-bottom: 1px solid #C8C8C8;padding: 0 0 0.5rem;}

    .foot-nav .item-top .tit{width: 70%;}

    .foot-nav .item-top .tit a{font-size: 0.65rem;line-height: 1.154;color: #fff;}

    .foot-nav .item-top .ico{width: 30%;display: flex;align-items: center;justify-content: flex-end;}

    .foot-nav .item-top .ico img{width: 0.6rem;height: 0.6rem;transition: all 0.35s;}

    .foot-nav .item-bot{padding-top: 0.25rem;display: none;}

    .foot-nav .item-bot .lv2{margin-top: 0.25rem;}

    .foot-nav .item-bot .lv2 a{font-size: 0.6rem;color: #fff;}

    .foot-nav .item.act .ico img{transform: rotate(45deg);}
    
    .index4 .main .progress .line .dot span{letter-spacing: 0;}
    
    .index3 .main .list .card{display:none;}
    

    /*2025-5-30*/
    .head-box.show .head_pc_bar{display: none;}
    
    .mh_nav{display: block!important;}
  .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
  .mh_nav.show{transform: translateX(0);}
  .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
  .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
  .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
  .mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/svg/hx_add.svg) no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
  .mh_nav .nav>li.on:after{transform: rotate(0deg);}
   .mh_nav .nav>li:nth-child(5):after{display: none;}
    .mh_nav .nav>li.none:after{display: none !important;}
    .mh_nav .nav>li:nth-child(6):after{display: none;}
  .mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
  .mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
  .mh_nav .nav>li .nav1 a{padding:6px 0;}
  .mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
  .mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}

    .index2 .main{display: block;padding: 1rem 0.625rem 2rem;}
    .index2 .main_ph{display: none;}

    .index2 .main .ibox .i2{flex-wrap: wrap;padding: 0.75rem 0.95rem;}

    .index2 .main .ibox .i1{padding: 0.25rem 0.95rem;}

    .index2 .main .ibox .i1{flex-wrap: wrap;}

    .index2 .main .ibox .i2 .lf{width: 100%;margin-right: 0;}

    .index2 .main .ibox .i2 .l1{height: auto;}

    .index2 .main .ibox .i2 .list .w2{width: 4.5rem;flex: 0.8;}

    .index2 .main .ibox .i2 .cf{width: 100%;margin-right: 0;margin-top: 0.4rem;}

    .index2 .main .ibox .i2 .cf .c1{height: auto;}

    .index2 .main .ibox .i2 .cf .c2{height: auto;}

    .index2 .main .ibox .i2 .rf{width: 100%;margin-top: 0.5rem;}

    .index2 .main .ibox .i2 .rf .r1 .item{height: auto;}

    .index2 .main .ibox .i2 .cf .c3{height: auto;}
}

/*            首页搜索框-start           */
.head-box .head .nav .tp ul form{border: 1px solid rgba(204, 204, 204, 0);padding: 0 17px 0 36px;position: relative;background: rgba(217, 217, 217, 0);transition: all .4s ease;border-radius: 40px;}

.head-box .head .nav .tp ul form input[type=text]{display: block;width: 0;height: 38px;transition: all .4s ease;outline: none;background: none;overflow: hidden;}

.head-box .head .nav .tp ul form input::-webkit-input-placeholder {color:rgba(255,255,255,0.36);}
.head-box .head .nav .tp ul form input:-moz-placeholder {color:rgba(255,255,255,0.36);}
.head-box .head .nav .tp ul form input::-moz-placeholder {color:rgba(255,255,255,0.36);}
.head-box .head .nav .tp ul form input:-ms-input-placeholder {color:rgba(255,255,255,0.36);}

.head-box .head .nav .tp ul form .submit{position: absolute;left: 0;top: 0;margin: auto 0;width: 19px;height: 100%;background: url(../images/head5.svg) no-repeat center;background-size: 19px;font-size: 0;transition: all .4s ease;}

.head-box .head .nav .tp ul form .text{position: absolute;left: 23px;top: 0;bottom: 0;margin: auto 0;pointer-events: none;display: flex;align-items: center;transition: all .4s ease;width: 2em;transition: all .4s ease;}

.head-box .head .nav .tp ul form:hover{background: rgba(217, 217, 217, 0.13);border: 1px solid rgba(204, 204, 204, 0.25);padding-left: 53px;}

.head-box .head .nav .tp ul form:hover input[type=text]{width: 5rem;}

.head-box .head .nav .tp ul form:hover .submit{left: 17px;}

.head-box .head .nav .tp ul form:hover .text{opacity: 0;left: 40px;}

/*            首页搜索框-end              */

/*            检索-start             */
.seachLayout .highlight {
    background-color : yellow;
}

.news_list .ss:hover .right .t1 .highlight {
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
}
.document_list .li .ss:hover .stop .txt .highlight {
    -webkit-text-fill-color: #333 !important;
    color: #333 !important;
}
/*            检索-end               */

.prevReview-title{
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 核心：确保文本顶端对齐 */
    vertical-align: top; /* 行内/行内块元素顶端对齐 */
    align-items: flex-start; /* 弹性盒内子元素顶端对齐 */
    /* 可选：确保文字不会被强制不换行 */
    word-wrap: break-word;
    white-space: normal;
    /* 可选：如果父元素是flex，补充父级样式 */
}