@charset "UTF-8";
/**
* GA西安项目
* date:2026-1-9
* author: hujiahua;
 */
body.hasfooter {
    box-sizing: border-box;
    padding: 0;
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9;
}

.page1 {
    position: fixed;
    bottom: 0;
    width: 100%;
    top: 60px;
    overflow: hidden;
    transition: bottom 0.5s ease 0s;
    /* 一屏自适应模块 */
}
.page1.hidediv {
    bottom: 100%;
}
.page1.hidediv .page1-con {
    top: -1000px;
}
.page1-person {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 130px;
    height: 139px;
    background: url("../images/index/ktjqr.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 100;
}
.page1-txt {
    position: absolute;
    right: 58px;
    bottom: 143px;
    width: 168px;
    height: 86px;
    background: url("../images/index/ktjqr_txt.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 100;
}
.page1-enter {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background: url("../images/index/enter.png") no-repeat center;
    background-size: 100% 100%;
    animation: hdbottom 2s linear 0s infinite;
    z-index: 99;
    cursor: pointer;
}
.page1-con {
    position: absolute;
    z-index: 99;
    width: 1420px;
    margin: 0 auto;
    top: 50px;
    left: 50%;
    margin-left: -710px;
    transition: all 0.3s;
}
.page1 .competition-wrap {
    display: flex;
    justify-content: space-between;
}
.page1 .competition-big {
    display: block;
    width: 1012px;
    height: 266px;
    /*background: url("../images/index/competition_big.png") no-repeat center;*/
    background-size: 100% 100% !important
}
.page1 .competition-swiper {
    position: relative;
    width: 1012px;
    height: 100px;
    margin-top: 18px;
}
.page1 .competition-swiper:hover .swiper-button-next,
.page1 .competition-swiper:hover .swiper-button-prev {
    display: block;
}
.page1 .competition-swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.page1 .competition-swiper .swiper-button-next,
.page1 .competition-swiper .swiper-button-prev {
    margin-top: -23px;
    display: none;
    width: 26px;
    height: 46px;
}
.page1 .competition-swiper .swiper-button-next,
.page1 .competition-swiper .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background: url("../images/index/arrow_right1.png");
    background-size: 100% 100%;
}
.page1 .competition-swiper .swiper-button-next:hover,
.page1 .competition-swiper .swiper-container-rtl .swiper-button-prev:hover {
    background: url("../images/index/arrow_right1.png");
    background-size: 100% 100%;
}
.page1 .competition-swiper .swiper-button-prev,
.page1 .competition-swiper .swiper-container-rtl .swiper-button-next {
    left: 0;
    background: url("../images/index/arrow_left1.png");
    background-size: 100% 100%;
}
.page1 .competition-swiper .swiper-button-prev:hover,
.page1 .competition-swiper .swiper-container-rtl .swiper-button-next:hover {
    background: url("../images/index/arrow_left1.png");
    background-size: 100% 100%;
}
.page1 .competition-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0.4;
    background: url("../images/index/arrow_left1.png");
    background-size: 100% 100%;
}
.page1 .competition-swiper .swiper-button-next.swiper-button-disabled {
    opacity: 0.4;
    background: url("../images/index/arrow_right1.png");
    background-size: 100% 100%;
}
.page1 .competition-item {
    display: block;
    height: 100px;
    width: 324px;
}
.page1 .competition-item img {
    width: 100%;
    height: 100%;
}
.page1 .competition-right {
    width: 384px;
    height: 384px;
    padding: 18px 18px 15px 18px;
    border-radius: 8px;
    background: #f4f4f4;
    box-sizing: border-box;
}
.page1 .competition-right-tt {
    height: 30px;
    color: #3386ec;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    background: url("../images/index/competition_right_tt.png") no-repeat center;
    background-size: 100% 100%;
}
.page1 .swiper-container-horizontal > .swiper-pagination-bullets,
.page1 .swiper-pagination-custom,
.page1 .swiper-pagination-fraction {
    bottom: 0;
}
.page1 .swiper-pagination-bullet {
    width: 27px;
    height: 3px;
    border-radius: 0;
    background: url("../images/index/bullet.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.page1 .swiper-pagination-bullet-active {
    background: url("../images/index/bullet_active.png") no-repeat center;
    background-size: 100% 100%;
}
.page1 .registration-swiper {
    width: 348px;
    height: 310px;
    margin-top: 15px;
}
.page1 .registration-swiper .swiper-slide {
    height: 288px;
}
.page1 .registration-item {
    display: block;
    height: 86px;
}
.page1 .registration-item img {
    width: 100%;
    height: 100%;
}
.page1 .registration-item + .registration-item {
    margin-top: 15px;
}
.page1 .info-wrap {
    display: flex;
    margin-top: 24px;
    overflow: hidden;
}
.page1 .info-guide {
    width: 248px;
    height: 100%;
}
.page1 .info-notice {
    width: 757px;
    margin-left: 7px;
    height: 100%;
}
.page1 .info-notice .module {
    padding: 14px 18px 16px 18px;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    height: 219px;
    overflow: hidden;
}
.page1 .info-notice .module + .module {
    margin-top: 18px;
}
.page1 .info-overview {
    width: 384px;
    height: 456px;
    padding: 14px 18px 18px 18px;
    border-radius: 8px;
    background: #fff;
    margin-left: 24px;
    box-sizing: border-box;
}
.page1 .info-overview-list {
    display: flex;
    flex-wrap: wrap;
}
.page1 .info-overview-txt {
    color: #4e5463;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 4px;
}
.page1 .info-overview-num {
    color: #8992a9;
    font-size: 14px;
    line-height: 30px;
}
.page1 .info-overview-num > span {
    color: #487be3;
    font-family: "OPPOSans-B";
    font-size: 28px;
    line-height: 40px;
    margin-right: 4px;
}
.page1 .info-overview-item {
    width: 166px;
    height: 176px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 16px 16px 0 0;
    padding: 12px 0 0 16px;
    box-sizing: border-box;
    cursor: pointer;
}
.page1 .info-overview-item:nth-child(even) {
    margin-right: 0;
}
.page1 .info-overview-item:hover .info-overview-num,
.page1 .info-overview-item:hover .info-overview-num > span,
.page1 .info-overview-item:hover .info-overview-txt {
    color: #fff;
}
.page1 .info-overview-item.bg1 {
    background-image: url("../images/index/overview_bg1.png");
}
.page1 .info-overview-item.bg1 .info-overview-num > span {
    color: #487be3;
}
.page1 .info-overview-item.bg1:hover {
    background-image: url("../images/index/overview_bg1_h.png");
}
.page1 .info-overview-item.bg2 {
    background-image: url("../images/index/overview_bg2.png");
}
.page1 .info-overview-item.bg2 .info-overview-num > span {
    color: #35a2e5;
}
.page1 .info-overview-item.bg2:hover {
    background-image: url("../images/index/overview_bg2_h.png");
}
.page1 .info-overview-item.bg3 {
    background-image: url("../images/index/overview_bg3.png");
}
.page1 .info-overview-item.bg3 .info-overview-num > span {
    color: #f18320;
}
.page1 .info-overview-item.bg3:hover {
    background-image: url("../images/index/overview_bg3_h.png");
}
.page1 .info-overview-item.bg4 {
    background-image: url("../images/index/overview_bg4.png");
}
.page1 .info-overview-item.bg4 .info-overview-num > span {
    color: #6f5fed;
}
.page1 .info-overview-item.bg4:hover {
    background-image: url("../images/index/overview_bg4_h.png");
}

@keyframes hdbottom {
    0% {
        transform: translate(-50%, 0);
        opacity: 0;
    }
    20% {
        transform: translate(-50%, 3px);
        opacity: 1;
    }
    80% {
        transform: translate(-50%, 10px);
        opacity: 1;
    }
    90% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }
}
.video-bg {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    z-index: 15;
    transition: bottom 0.5s;
}

.page2 {
    position: fixed;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    transition: top 0.7s ease 0s;
    z-index: 1;
    overflow: auto;
    outline: 0;
    box-sizing: border-box;
}
.page2.showdiv {
    top: 70px;
}
.page2-con {
    padding: 30px 0;
}
.page2-sidebar {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 24px;
    padding: 16px 0;
    width: 76px;
    background: #fff;
    border-radius: 76px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.102);
    z-index: 111;
}
.page2-sidebar li:nth-child(1) .icon {
    background: url("../images/index/sidebar_ico1.png") center no-repeat;
    background-size: 100% 100%;
}
.page2-sidebar li:nth-child(1) .sidebar-item:hover .icon {
    background-image: url("../images/index/sidebar_ico1_h.png");
}
.page2-sidebar li:nth-child(2) .icon {
    background: url("../images/index/sidebar_ico2.png") center no-repeat;
    background-size: 100% 100%;
}
.page2-sidebar li:nth-child(2) .sidebar-item:hover .icon {
    background-image: url("../images/index/sidebar_ico2_h.png");
}
.page2-sidebar li:nth-child(3) .icon {
    background: url("../images/index/sidebar_ico3.png") center no-repeat;
    background-size: 100% 100%;
}
.page2-sidebar li:nth-child(3) .sidebar-item:hover .icon {
    background-image: url("../images/index/sidebar_ico3_h.png");
}
.page2-sidebar li:nth-child(4) .icon {
    background: url("../images/index/sidebar_ico4.png") center no-repeat;
    background-size: 100% 100%;
}
.page2-sidebar li:nth-child(4) .sidebar-item:hover .icon {
    background-image: url("../images/index/sidebar_ico4_h.png");
}
.page2-sidebar .sidebar-item {
    padding-top: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 80px;
    line-height: 22px;
    box-sizing: border-box;
    color: #333;
}
.page2-sidebar .sidebar-item .icon {
    margin-bottom: 6px;
    width: 42px;
    height: 42px;
}
.page2-sidebar .sidebar-item:hover {
    color: #0967ce;
}

.footer {
    position: static;
}

.swiper-button-next,
.swiper-button-prev {
    margin-top: -21px;
    width: 42px;
    height: 42px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -58px;
    background: url("../images/index/arrow_right.png");
    background-size: 100% 100%;
}
.swiper-button-next:hover,
.swiper-container-rtl .swiper-button-prev:hover {
    background: url("../images/index/arrow_right_h.png");
    background-size: 100% 100%;
}

.swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: url("../images/index/arrow_right_d.png");
    background-size: 100% 100%;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -58px;
    background: url("../images/index/arrow_left.png");
    background-size: 100% 100%;
}
.swiper-button-prev:hover,
.swiper-container-rtl .swiper-button-next:hover {
    background: url("../images/index/arrow_left_h.png");
    background-size: 100% 100%;
}

.banner-swiper {
    position: relative;
    height: 126px;
}
.banner-swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.banner-item {
    display: block;
    height: 126px;
    border-radius: 2px;
}
.banner-item:hover {
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.16);
}
.banner-item img {
    width: 100%;
    height: 100%;
}

.alliance-swiper {
    position: relative;
    height: 126px;
    margin-top: 16px;
}
.alliance-swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.alliance-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 126px;
    background: url("../images/index/alliance_img.png");
    background-size: 100% 100%;
    border-radius: 2px;
    border: 1px solid transparent;
    overflow: hidden;
    transition: all 0.3s;
    box-sizing: border-box;
}
.alliance-item:hover {
    border-color: #0967ce;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.161);
}
.alliance-icon {
    width: 52px;
    height: 52px;
}
.alliance-name {
    margin-top: 4px;
    line-height: 36px;
    color: #0041ac;
    font-size: 24px;
    font-weight: bold;
}

.unit-swiper {
    position: relative;
    height: 198px;
    margin-top: 16px;
}
.unit-swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.unit-swiper .swiper-slide {
    height: calc((100% - 18px) / 2) !important;
}
.unit-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}
.unit-item:hover {
    border: 1px solid #3386ec;
    box-shadow: 0 2px 14px 0 rgba(4, 44, 101, 0.1);
}
.unit-item > img {
    max-width: 90%;
    max-height: 90%;
}

.module {
    width: 698px;
}
.module-year {
    width: 100px;
}
.module-year .chosen-container-single .chosen-single span {
    color: #999;
}
.module-year .chosen-container-single .chosen-single span,
.module-year .chosen-container .active-result {
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    padding: 0;
}
.module-year .chosen-container-single .chosen-single {
    height: 38px;
}
.module-year .chosen-container-single .chosen-single div {
    width: 22px;
}
.module-year .chosen-container-single .chosen-single div b {
    background: url("../images/footer_arrow.png") no-repeat left center;
}
.module.long {
    width: 100%;
}
.module-row {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.module-row:first-child {
    margin-top: 0;
}
.module-video {
    width: 698px;
    height: 381px;
    position: relative;
}
.module-video > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.module-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.module-tt {
    padding-left: 25px;
    color: #3386ec;
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    background: url("../images/index/module_ico.png") no-repeat left center;
}
.module-more {
    padding-right: 20px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
    background: url("../images/index/module_more.png") no-repeat right center;
}

.public-list {
    margin-top: 4px;
    height: 336px;
}
.public-list-item {
    height: 48px;
    line-height: 48px;
}

.guide-list {
    position: relative;
    width: 231px;
    height: 456px;
    background: url("../images/index/guide_bg.png") no-repeat center;
    background-size: 100% 100%;
    padding-top: 24px;
    box-sizing: border-box;
}
.guide-item {
    height: 102px;
    cursor: pointer;
}
.guide-item-a {
    height: 102px;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}
.guide-item-a:after {
    display: none;
    width: 18px;
    height: 102px;
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
    background: url("../images/index/guide_arrow.png") no-repeat center;
}
.guide-item-a:before {
    position: absolute;
    content: "";
    width: 26px;
    height: 100%;
    right: -24px;
    top: 0;
    z-index: 99;
}
.guide-item:hover .guide-item-a {
    background: #126fe0;
}
.guide-item:hover .guide-item-a:after {
    display: block;
}
.guide-item:hover .guide-name,
.guide-item:hover .guide-con {
    color: #fff;
}
.guide-item:hover .guide-detail-wrap {
    width: 1165px;
    opacity: 1;
    transition: all 0.3s;
}
.guide-name {
    color: rgba(255, 255, 255, 0.8);
    font-size: 22px;
    line-height: 30px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
}
.guide-name.ico1 {
    background-image: url("../images/index/guide_ico1.png");
}
.guide-name.ico2 {
    background-image: url("../images/index/guide_ico2.png");
}
.guide-name.ico3 {
    background-image: url("../images/index/guide_ico3.png");
}
.guide-name.ico4 {
    background-image: url("../images/index/guide_ico4.png");
}
.guide-con {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 21px;
    margin-top: 8px;
}
.guide-detail-wrap {
    position: absolute;
    width: 0;
    height: 456px;
    top: 0;
    left: 255px;
    border-radius: 8px;
    background: #fff;
    z-index: 101;
    display: flex;
    opacity: 0;
    overflow: hidden;
}
.guide-detail-wrap.more .guide-detail-item {
    width: 135px;
}
.guide-detail-row {
    width: 389px;
    border-right: 1px solid rgba(153, 153, 153, 0.2);
    box-sizing: border-box;
    padding-top: 20px;
}
.guide-detail-row:nth-child(even) {
    background: #fbfcfd;
}
.guide-detail-hd {
    position: relative;
}
.guide-detail-hd:before {
    position: absolute;
    content: "";
    width: 65px;
    height: 66px;
    background: url("../images/index/hdico_before.png") no-repeat center;
    top: 1px;
    left: 50%;
    margin-left: -32.5px;
    animation: circlerotate 3s infinite linear;
}
.guide-detail-hdico {
    width: 66px;
    height: 64px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.guide-detail-hdico.hdico1 {
    background-image: url("../images/index/hdico_1.png");
}
.guide-detail-hdico.hdico2 {
    background-image: url("../images/index/hdico_2.png");
}
.guide-detail-hdico.hdico3 {
    background-image: url("../images/index/hdico_3.png");
}
.guide-detail-hdico.hdico4 {
    background-image: url("../images/index/hdico_4.png");
}
.guide-detail-hdico.hdico5 {
    background-image: url("../images/index/hdico_5.png");
}
.guide-detail-hdico.hdico6 {
    background-image: url("../images/index/hdico_6.png");
}
.guide-detail-hdico.hdico7 {
    background-image: url("../images/index/hdico_7.png");
}
.guide-detail-hdico.hdico8 {
    background-image: url("../images/index/hdico_8.png");
}
.guide-detail-hdico.hdico9 {
    background-image: url("../images/index/hdico_9.png");
}
.guide-detail-hdico.hdico10 {
    background-image: url("../images/index/hdico_10.png");
}
.guide-detail-hdico.hdico11 {
    background-image: url("../images/index/hdico_11.png");
}
.guide-detail-hdico.hdico12 {
    background-image: url("../images/index/hdico_12.png");
}
.guide-detail-hdico.hdico13 {
    background-image: url("../images/index/hdico_13.png");
}
.guide-detail-hdico.hdico14 {
    background-image: url("../images/index/hdico_14.png");
}
.guide-detail-hdtt {
    text-align: center;
    color: #333;
    font-size: 18px;
    line-height: 20px;
    margin-top: 12px;
}
.guide-detail-bd {
    width: 100%;
}
.guide-detail-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 4px;
}
.guide-detail-item {
    width: 145px;
    margin-top: 22px;
}
.guide-detail-a {
    display: block;
    height: 83px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    padding-top: 64px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: top center;
    color: #333;
    transition: all 0.3s;
}
.guide-detail-a:hover {
    transform: translateY(-5px);
}
.guide-detail-a.txtcolor1:hover {
    color: #3386ec;
}
.guide-detail-a.txtcolor2:hover {
    color: #ff8f4e;
}
.guide-detail-a.txtcolor3:hover {
    color: #10ba7d;
}
.guide-detail-a.txtcolor4:hover {
    color: #f05a5a;
}
.guide-detail-a.txtcolor5:hover {
    color: #f05a5a;
}
.guide-detail-a.ico1_1 {
    background-image: url("../images/index/ico1_1.png");
}
.guide-detail-a.ico1_2 {
    background-image: url("../images/index/ico1_2.png");
}
.guide-detail-a.ico1_3 {
    background-image: url("../images/index/ico1_3.png");
}
.guide-detail-a.ico1_4 {
    background-image: url("../images/index/ico1_4.png");
}
.guide-detail-a.ico1_5 {
    background-image: url("../images/index/ico1_5.png");
}
.guide-detail-a.ico1_6 {
    background-image: url("../images/index/ico1_6.png");
}
.guide-detail-a.ico1_7 {
    background-image: url("../images/index/ico1_7.png");
}
.guide-detail-a.ico1_8 {
    background-image: url("../images/index/ico1_8.png");
}
.guide-detail-a.ico1_9 {
    background-image: url("../images/index/ico1_9.png");
}
.guide-detail-a.ico1_10 {
    background-image: url("../images/index/ico1_10.png");
}
.guide-detail-a.ico1_11 {
    background-image: url("../images/index/ico1_11.png");
}
.guide-detail-a.ico1_12 {
    background-image: url("../images/index/ico1_12.png");
}
.guide-detail-a.ico1_13 {
    background-image: url("../images/index/ico1_13.png");
}
.guide-detail-a.ico2_1 {
    background-image: url("../images/index/ico2_1.png");
}
.guide-detail-a.ico2_2 {
    background-image: url("../images/index/ico2_2.png");
}
.guide-detail-a.ico2_3 {
    background-image: url("../images/index/ico2_3.png");
}
.guide-detail-a.ico2_4 {
    background-image: url("../images/index/ico2_4.png");
}
.guide-detail-a.ico2_5 {
    background-image: url("../images/index/ico2_5.png");
}
.guide-detail-a.ico2_6 {
    background-image: url("../images/index/ico2_6.png");
}
.guide-detail-a.ico2_7 {
    background-image: url("../images/index/ico2_7.png");
}
.guide-detail-a.ico2_8 {
    background-image: url("../images/index/ico2_8.png");
}
.guide-detail-a.ico2_9 {
    background-image: url("../images/index/ico2_9.png");
}
.guide-detail-a.ico2_10 {
    background-image: url("../images/index/ico2_10.png");
}
.guide-detail-a.ico2_11 {
    background-image: url("../images/index/ico2_11.png");
}
.guide-detail-a.ico2_12 {
    background-image: url("../images/index/ico2_12.png");
}
.guide-detail-a.ico2_13 {
    background-image: url("../images/index/ico2_13.png");
}
.guide-detail-a.ico2_14 {
    background-image: url("../images/index/ico2_14.png");
}
.guide-detail-a.ico3_1 {
    background-image: url("../images/index/ico3_1.png");
}
.guide-detail-a.ico3_2 {
    background-image: url("../images/index/ico3_2.png");
}
.guide-detail-a.ico3_3 {
    background-image: url("../images/index/ico3_3.png");
}
.guide-detail-a.ico3_4 {
    background-image: url("../images/index/ico3_4.png");
}
.guide-detail-a.ico3_5 {
    background-image: url("../images/index/ico3_5.png");
}
.guide-detail-a.ico3_6 {
    background-image: url("../images/index/ico3_6.png");
}
.guide-detail-a.ico3_7 {
    background-image: url("../images/index/ico3_7.png");
}
.guide-detail-a.ico3_8 {
    background-image: url("../images/index/ico3_8.png");
}
.guide-detail-a.ico3_9 {
    background-image: url("../images/index/ico3_9.png");
}
.guide-detail-a.ico4_1 {
    background-image: url("../images/index/ico4_1.png");
}
.guide-detail-a.ico4_2 {
    background-image: url("../images/index/ico4_2.png");
}
.guide-detail-a.ico4_3 {
    background-image: url("../images/index/ico4_3.png");
}
.guide-detail-a.ico4_4 {
    background-image: url("../images/index/ico4_4.png");
}
.guide-detail-a.ico4_5 {
    background-image: url("../images/index/ico4_5.png");
}
.guide-detail-a.ico4_6 {
    background-image: url("../images/index/ico4_6.png");
}
.guide-detail-a.ico4_7 {
    background-image: url("../images/index/ico4_7.png");
}
.guide-detail-a.ico4_8 {
    background-image: url("../images/index/ico4_8.png");
}
.guide-detail-a.ico4_9 {
    background-image: url("../images/index/ico4_9.png");
}
.guide-detail-a.ico4_10 {
    background-image: url("../images/index/ico4_10.png");
}
.guide-detail-a.ico4_11 {
    background-image: url("../images/index/ico4_11.png");
}
.guide-detail-a.ico4_12 {
    background-image: url("../images/index/ico4_12.png");
}
.guide-detail-a.ico4_13 {
    background-image: url("../images/index/ico4_13.png");
}
.guide-detail-a.ico4_14 {
    background-image: url("../images/index/ico4_14.png");
}

@keyframes circlerotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    width: 100%;
    font-family: 'Microsoft YaHei', sans-serif;
    overflow: hidden;
}

.container {
    /* 强制作画容器维持1920设计尺寸，通过 JS 按宽比缩放 */
/*     width: 1920px; */
/*     min-height: 1080px; */
/*     margin: 0; */
/*     position: relative; */
/*     background-image: url('../images/小创bg.png'); */
    /* 背景图占满1920宽度，高度按图片等比例拉伸，超出向下延展 */
/*     background-size: 100% auto; */
/*     background-position: top center; */
/*     background-repeat: no-repeat; */
}

/* 小创数字人悬浮窗 iframe */
.xc-avatar-iframe {
    position: fixed;
    right: 0;
    bottom: 80px;
    width: 300px;
    height: 320px;
    border: none;
    z-index: 9999;
    pointer-events: auto;
    background: transparent;
}

/* 小创弹窗蒙版 */
.xc-popup-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

/* 小创弹窗内容（居中显示） */
.xc-popup-content {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1420px;
    height: 900px;
    z-index: 9998;
}

.xc-popup-content img {
    width: 100%;
    height: 100%;
    display: block;
}

.xc-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    user-select: none;
}

.xc-popup-close:hover {
    background: rgba(0, 0, 0, 0.6);
}