body,
html {
    padding: 0px;
    margin: 0px;
    background-color: #080E32;
    font-size: .8rem;
}

/* 定义滚动条的样式 */
::-webkit-scrollbar {
    width: 5px; /* 设置滚动条的宽度 */
  }
  
  /* 定义滚动条轨道的样式 */
  ::-webkit-scrollbar-track {
    background-color: #143988; /* 设置滚动条轨道的背景颜色 */
  }
  
  /* 定义滚动条滑块的样式 */
  ::-webkit-scrollbar-thumb {
    background-color: #2958B4; /* 设置滚动条滑块的背景颜色 */
    border-radius: 5px; /* 设置滚动条滑块的圆角 */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  }
  
  /* 定义鼠标悬停在滚动条上时滑块的样式 */
  ::-webkit-scrollbar-thumb:hover {
    background-color:#2958B4; /* 设置鼠标悬停时滚动条滑块的背景颜色 */
  }

a:hover {
    text-decoration: none !important;
}

header {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99;
    display: flex !important;
    justify-content: center;
    background: linear-gradient(#0f1c3a 80%, rgba(15, 28, 58, 0) 100%);
}

header video {
    width: 95%;
}

:root {
    --topValue: 80px
}

.markTogel {
    position: fixed;
    top: var(--topValue);
    padding-top: 1rem;
    left: 430px;
    display: flex;
    flex-direction: column;
    color: #9FC4E5;
    gap: .5rem;
}

.markTogel span {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .3rem .8rem;
    border: 1px solid rgba(0, 0, 0, 0)
}

.markTogel span.on {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #102851 100%);
    border: 1px solid #143988;
}

.markTogel span.on label {
    color: #fff;
}

.markTogel span label {
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    font-size: 1.1rem;
}

.markTogel span i {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 3px;
    margin-top: 2px;
}

.markTogel span:nth-child(1) i {
    background: linear-gradient(#3aded1 0%, #03dd6c 100%);
}

.markTogel span:nth-child(2) i {
    background: linear-gradient(#ff0e00 0%, #cc3b6f 100%);
}

.markTogel span:nth-child(3) i {
    background: linear-gradient(#3ade8c 0%, #3d83f2 100%);
}

.markTogel span:nth-child(4) i {
    background: linear-gradient(#f2c879 0%, #ce5e6f 100%);
}

.left {
    position: fixed;
    left: 0;
    padding-left: 1rem;
    top: var(--topValue);
    width: 400px;
    z-index: 99;
    background-color: rgba(12, 28, 72, 0.8);
}

.right {
    position: fixed;
    right: 0;
    padding-right: 1rem;
    top: var(--topValue);
    width: 400px;
    z-index: 99;
    background-color: rgba(12, 28, 72, 0.8);
}

.foot {
    position: fixed;
    bottom: 2rem;
    width: calc(100% - 840px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999999 !important;
}

.dataBox {
    border: 2px solid rgba(20, 57, 136, 1);
    padding: .5rem;
    position: relative;
    min-height: 100px;
    background: linear-gradient(#0c1c48 0%, rgba(0, 0, 0, 0.28) 54.68%, #17264f 100%);
    backdrop-filter: blur(5px);
}

.dataBox::after {
    content: '';
    width: 100%;
    height: 20px;
    bottom: 0px;
    background-image: url(img03.png);
    background-size: auto 20px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;
    display: block;
    position: absolute;
}

.dataBox h6.dataTitle {
    display: flex;
    color: #fff;
    font-size: 1.3rem;
    align-items: center;
    background: url(img02.png) no-repeat right center;
    background-size: auto 15px;
    margin-right: .5rem;
}

.dataBox h6.dataTitle img {
    height: 40px;
}

.dataBox span {
    color: #7C98C6;
    ;
}

.dataBox h6.dataTitleLink {
    display: flex;
    color: #fff;
    font-size: 1.3rem;
    align-items: center;
    margin-right: .5rem;
    justify-content: space-between;
}

.dataBox h6.dataTitleLink img {
    height: 40px;
}

.dataBox h6.dataTitleLink .tips {
    font-size: 1rem;
    color: #9FC4E5;
    font-weight: normal;
}

.dataBox h6.dataTitleLink .links {
    display: flex;
    border: 1px solid #143B88;
}

.dataBox h6.dataTitleLink .links a {
    flex: 1;
    font-size: 1rem;
    padding: .5rem 1rem;
    color: #9FC4E5;
}

.dataBox h6.dataTitleLink .links a.on {
    background-color: #143B88;
}


.dataBox .senTitle {
    color: #9FC4E5;
    background: url(img04.png) no-repeat right;
    background-size: auto 8px;
    margin: 0px 1.5rem;
}

.dataBox .senTitle h6 {
    font-size: 15px;
}

.boxTitle {
    color: #9FC4E5;
    background: url(img044.png) no-repeat right;
    background-size: 85%;
    font-size: 15px !important;
}

.chart03 strong {
    color: #969696;
}

.chart03 span {
    display: flex;
    align-items: center;
    height: 24px;
}

.chart03 span::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: .5rem;
    display: inline-block;
}

.chart03 span:nth-child(2):before {
    background: linear-gradient(#FFD95C 0%, #FFA452 100%);
}

.chart03 span:nth-child(3):before {
    background: linear-gradient(#249CF9 0%, #6751F2 100%);
}

.chart03 span:nth-child(4):before {
    background: linear-gradient(#7FF869 0%, #12CB54 100%);
}

.chart03 span:nth-child(5):before {
    background: linear-gradient(#00FFFF 0%, #00A5A4 100%);
}

.chart03 span:nth-child(6):before {
    background: linear-gradient(#FF7262 0%, #F34F1F 100%);
}

.tagLink {
    display: flex;
    gap: 1rem;
    margin: 2rem 2rem 0 2rem;
}

.tagLink a {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #102851 100%);
    border: 1px solid #143988;
    display: block;
    flex: 1;
    text-align: center;
    padding: .8rem;
    color: #9FC4E5;
    position: relative;
    font-size: 1.2rem;
    transition: all .2s;
}

.tagLink a::after {
    content: '';
    width: 100%;
    height: 8px;
    bottom: 0px;
    background-image: url(img06.png);
    background-size: 100% 100%;
    left: 0px;
    display: block;
    position: absolute;
}

.tagLink a:hover {
    color: #fff;
    border: 1px solid #1d4498;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #15305f 100%);
}

.tagLink a.on {
    color: #fff;
}

.newsticker {
    height: 120px;
    position: relative;
    overflow: hidden;
    margin: 0px 1rem;
}

.newsticker .newsticker-list {
    position: absolute;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    top: 0px;
    width: 100%;
}

.newsticker .newsticker-list .newsticker-item {
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.scrollList01 .newsticker-item span:nth-child(1) {
    display: flex;
    align-items: center;
    width: 120px;
}

.scrollList01 .newsticker-item span:nth-child(1)::before,
.scrollList02 .newsticker-item span:nth-child(1)::before,
.scrollList04 .newsticker-item span:nth-child(1)::before
 {
    content: "";
    display: inline-block;
    background: url(icon04.svg);
    width: 13px;
    height: 13px;
    margin-right: .3rem;
}

.scrollList02 .newsticker-item span:nth-child(1) {
    width: 50px;
}

.scrollList02 .newsticker-item span:nth-last-child(1){
    width: 50px;
    text-align: right;
}

.scrollList01 .newsticker-item span:nth-child(2) {
    color: #06FDFF;
    width: 150px;
}

.scrollList02 .newsticker-item div {
    width: 180px;
    height: 8px;
}

.scrollList02 .newsticker-item div label {
    display: block;
    border-radius: 10px;
    height: 8px;
    background: linear-gradient(to left, #F2C879 0%, #CE5E6F 100%);
}

#huanweiyitihua .newsticker-item div label {
    background: linear-gradient(to left, #3ade8c 0%, #3d83f2 100%);
}

.chanye {
    gap: 2.8rem;
    margin-left: 2rem;
    justify-content: space-between;
    width: calc(100% - 400px);
}

.chanyeList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.chanyeList div.icon {
    width: 60px;
    height: 60px;
    background: url(icon06.svg) no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chanyeList div.icon img {
    width: 40%;
}

.chanyeList h4 {
    padding: 0px;
    margin: -.5rem 0 .3rem 0;
    margin-top: -.5rem;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1)
}

.chartData ul li {
    display: flex;
    justify-content:start;
    gap: 1rem;
    margin-bottom: .3rem;
}

.chartData ul li span:nth-child(1)::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #fff;
    margin-right: .3rem;
}

.chartData ul li:nth-child(1) span:nth-child(1)::before {
    background-color: #00DD78;
}

.chartData ul li:nth-child(2) span:nth-child(1)::before {
    background-color: #FF9E4C;
}

.chartData ul li:nth-child(3) span:nth-child(1)::before {
    background-color: #256FF0;
}

.chartData ul li:nth-child(4) span:nth-child(1)::before {
    background-color: #B363E5;
}

.chartData ul li:nth-child(5) span:nth-child(1)::before {
    background-color: #DD7B73;
}

.chartData ul li span:nth-child(2) {
    color: #4F7ABF;
}

.togelMap {
    background-color: #0F1C3A;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9;
}

.mapApi {
    width: 100%;
    height: 100vh;
}

.mapMask {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: linear-gradient(rgba(12, 28, 72, 0) 0%, rgba(12, 28, 72, 0) 60%, #17264f 100%);
}

#videos {
    display: none;
}

#photo {
    display: none;
}

.swiperBox {
    margin: 1.5rem auto 0 auto;
    width: 350px;
    height: 212px;
}

.swiperBox .swiper-slide img,
.swiperBox .swiper-slide video {
    height: 235px;

}

.swiperBox:hover .closeSwiper,
.swiperBox:hover .prevNext {
    display: block;
}

.closeSwiper {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45px;
    height: 24px;
    border-bottom-left-radius: 20px;
    z-index: 9;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    background: linear-gradient(#000 0%, #102851 100%);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.closeSwiper::after {
    content: '';
    display: inline-block;
    background: url(icon07.svg);
    background-size: 100% 100%;
    width: 10px;
    height: 10px;
}

.prevNext {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    display: none;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(#000 0%, #102851 100%);
    height: 24px;
    z-index: 9;
    width: 125px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    text-align: center;
}

.prevNext img {
    cursor: pointer;
    margin: 0px 1rem;
}

.amap-info-content {
    width: 270px;
    background: linear-gradient(#0c4348 0%, rgba(0, 0, 0, 0.7) 54.68%, #0c4348 100%);
    backdrop-filter: blur(5px);
    border: 2px solid #03dd6c;
    color: #fff;
    border-radius: 7px;
    padding: 1rem;

}

.amap-info-content a.cLink {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border: 1px solid #03dd6c;
}

.amap-info-content h5 {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    display: block;
    background: url(img08.png);
    background-size: auto 15px;
    background-repeat: no-repeat;
    background-position: 150px 2px;
}

.amap-info-content div {
    width: 33%;
    float: left;
}

.amap-info-content div span {
    color: #9FE2E5
}

.amap-info-close {
    background: linear-gradient(200deg, #03dd6c 0%, #03ddd2 100%);
    right: 0px !important;
    top: 0px !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transition: all .2s;
    color: #fff;
    border-bottom-left-radius: .5rem;
}

.amap-info-close:hover {
    color: #fff;
}

.amap-info-content div h3 {
    font-size: 2rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    margin-bottom: 0px;
}

.amap-info-content div:nth-child(2) h3 {
    color: #03DD6C;
    text-shadow: 0px 0px 6px rgba(3, 221, 108, .8);
}

.amap-info-content div:nth-child(3) h3 {
    color: #06FDFF;
    text-shadow: 0px 0px 6px rgba(36, 253, 255, .8);
}

.amap-info-content div:nth-child(4) h3 {
    color: #F4A225;
    text-shadow: 0px 0px 6px rgba(244, 162, 37, .8);
}

.bottom-center .amap-info-sharp {
    border-top: 8px solid #03dd6c;
}

.mTips div {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.mTips div:nth-last-child(1) {
    margin-bottom: 0px;
}

.mTips div span:nth-child(1) {
    color: #fff;
    margin-right: 2rem;
}

.mTips div span:nth-child(1)::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    display: inline-block;
    margin-right: .5rem;
}

.mTips div:nth-child(1) span:nth-child(1)::before {
    background-color: #36A1FF;
}

.mTips div:nth-child(2) span:nth-child(1)::before {
    background-color: #02BEBB
}

.mTips div:nth-child(3) span:nth-child(1)::before {
    background-color: #3EC864
}

.mTips div:nth-child(4) span:nth-child(1)::before {
    background-color: #DAA601
}

.mTips div:nth-child(5) span:nth-child(1)::before {
    background-color: #EF9B61
}

.mTips div:nth-child(6) span:nth-child(1)::before {
    background-color: #E7650D
}

.mTips div:nth-child(1) span:nth-child(2) {
    font-weight: bold;
    color: #fff;
}

.cunInfo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cunInfo div {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    color: #9FC4E5;
}

.cunInfo div h1 {
    color: #00FFFF;
    font-weight: bold;
    text-shadow: 0px 0px 12px #1d73c3;
    font-size: 2.2rem;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.chart01Data ul {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.chart01Data ul li {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}

.chart01Data ul li span:nth-child(1)::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-right: .3rem;
}

.chart01Data ul li:nth-child(1) span:nth-child(1)::before {
    background-color: #00DD78;
}

.chart01Data ul li:nth-child(2) span:nth-child(1)::before {
    background-color: #F4A225;
}

.chart01Data ul li:nth-child(3) span:nth-child(1)::before {
    background-color: #B363E5;
}

.chart01Data ul li span:nth-child(2) {
    color: #00FFFF;
}

.swiperBox01 {
    width: 120px;
    height: 65px;
}

.swiperBox01 img {
    width: 100%;
}

.rightText {
    width: calc(100% - 120px);
    margin-left: 1rem;
    color: #7C98C6;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.scrollList03 span:nth-child(1)::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-right: .3rem;
}

.scrollList03 span:nth-child(2) {
    color: #00FFFF;
}

.color01::before {
    background-color: #00DD78;
}

.color02::before {
    background-color: #F4A225;
}

.color03::before {
    background-color: #B363E5;
}

.color04::before {
    background-color: #1FB8FA;
}

.color05::before {
    background-color: #52C6D7;
}

.color06::before {
    background-color: #DE592C;
}

.cunData h5 {
    color: #fff;
    width: 100%;
    line-height: 22px;
    font-size: 1.2rem;
    flex: 1;
}

.cunData h5 span{
    background: linear-gradient(to left ,#1fb8fa 0%, #3d5df2 100%);
    color: #fff;
    font-size: 1rem;
    border-radius: 5px;
    padding: .2rem .5rem;
}

.cunData div {
    flex: 1;
    transition: all .2s;
    margin: 1rem auto;
    padding: 1rem 0px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    background: url(img07.png) no-repeat left center;
    background-size: auto 100%;
    cursor: pointer;
}

.cunData div:hover{
    transform: scale(1.1,1.1);
}

.cunData div label{
    position: absolute;
    top: -50px;
    height: 70px;
    min-width: 180px;
    background: linear-gradient(#0c1c48 0%, rgba(0, 0, 0, 0.28) 54.68%, #17264f 100%);
    border: 2px solid #143988;
    opacity: 0;
    transition: all .2s;
    padding: 1rem;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}

.cunData div label span{
    width: 100%;
    display: block;
}

.cunData div label span b{
    float: right;
}

.cunData div label span::before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-right: .3rem;
}

.cunData div label span:nth-child(1)::before {
    background-color: #00DD78;
}

.cunData div label span:nth-child(2)::before {
    background-color: #F4A225;
}

.cunData div label :nth-child(3)::before {
    background-color: #B363E5;
}

.cunData div label span b{
    margin-left: 1rem;
    color: red;
}

.cunData div:hover label{
    opacity: 1;
    top: -70px;
}

.cunData div h1 {
    color: #00FFFF;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.cunData div h1 sup {
    font-size: 1rem;
    margin-left: .5rem;
}

.dangInfo {
    display: none;
    width: 94%;
    margin: 1rem auto;
    justify-content: space-between;
    text-align: center;
}

.dangInfo.show {
    display: flex !important;
}

.dangInfo h1 {
    color: #00FFFF;
    font-weight: bold;
    text-shadow: 0px 0px 12px #1d73c3;
    font-size: 2.2rem;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.yearList,
.zbTag,
.chejianTag {
    width: 94%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    border: 1px solid #143B88;
}

.yearList span,
.zbTag span,
.chejianTag span {
    flex: 1;
    text-align: center;
    display: block;
    padding: .3rem 0;
    cursor: pointer;
}

.chejianTag span{
    font-size: 1.1rem;
    padding: .5rem 0;
}

.chejianTag span.on{
    color: #fff !important;
}

.yearList span.on,
.zbTag span.on,
.chejianTag span.on {
    color: #00FFFF;
    background-color: #10366C;
}

.houbeirencai {
    width: 94%;
}

.houbeirencai .swiper-slide div {
    text-align: center;
}

.houbeirencai .swiper-slide div span:nth-child(1) {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0px auto;
    background: url(icon08.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: .5rem;
}

.houbeirencai .swiper-slide div span{
    color: #fff;
    font-weight: bold;
}

.houbeirencai .swiper-slide div label{
    color: #9FC4E5;
    display: block;
    border: 1px solid #143988;
    padding: 1rem 0px;
    margin: .5rem .5rem;
    border-radius: .5rem;
}

.time {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.time #time {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 3rem;
    text-shadow: 0px 0px 12px #1d73c3;
}

.zbList {
    display: none;
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
    position: relative;
}

.zbList div {
    display: flex;
    flex-direction: column;
}

.zbList div h5 {
    color: #fff;
}

.zbList div span {
    color: #00FFFF;
}

.zbList.show {
    display: flex;
}

.zbList.show ::after {
    content: '坐班';
    position: absolute;
    right: 0px;
    top: 10px;
    width: 38px;
    height: 19px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #03dd6c;
}

.centerBox {
    width: calc(100% - 840px);
    transform: translateX(-50%) scale(1.2,1.2);
    left: 50%;
    position: fixed;
    height: 760px;
    top: 90px;
    z-index: 99;
    opacity: 0;
    transition: all .2s;
    z-index: -1;
    animation: centerBox .5s;
}

.pageCenterBox{
    height: 820px;
}

@-webkit-keyframes centerBox {
    0%{
        opacity: 0;
        top: 200px;
    }
    100%{
        opacity: 1;
        top: 90px;
    }
}

div.showBox{
    transform: scale(1,1) translateX(-50%);
    opacity: 1;
    z-index: 99999 !important;
}

.centerBox .dataBox {
    height: 100%;
    position: relative;
}

.centerBox .dataBox .closeCenterBox {
    position: absolute;
    right: 0px;
    top: 0px;
    background: linear-gradient(#000 0%, #102851 100%);
    right: 0px !important;
    top: 0px !important;
    width: 40px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    transition: all .2s;
    color: #fff;
    border-bottom-left-radius: 0.5rem;
    cursor: pointer;
    z-index: 99;
    border-left: 2px solid #143988;
    border-bottom: 2px solid #143988;
}

.centerBox .dataBox .closeCenterBox:hover {
    width: 50px;
}


.swiperBox02 {
    width: 400px;
    height: 250px;
}

.swiperBox02 img {
    width: 100%;
}

.infoBox {
    width: calc(100% - 400px);
    color: #7C98C6;
}

.infoBox h4 {
    color: #fff;
    margin-bottom: 1rem;
}

div.infoList {
    display: none !important;
}


div.infoList.show {
    display: flex !important;
}

.scrollList03 {
    cursor: pointer;
}

div.modal-content {
    background: linear-gradient(#0c1c48 0%, rgba(0, 0, 0, 0.92) 54.68%, #17264f 100%);

}

.custom-content-marker{
    width: 50px;
    height: 50px;
    position: relative;
    background: url(cun.svg) no-repeat center;
}

.custom-content-marker span{
    color: #fff;
    position: absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    top: 45px;
    font-size: 1.1rem;
    font-weight: 800;
}

.custom-content-marker::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: radial-gradient(circle,rgba(15, 28, 58, 0) 0%, #13327C 100%);
    border: 2px solid #13327C;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    animation: marker 2s infinite ease-in;
    opacity: 0;
}

.custom-content-marker::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: radial-gradient(circle,rgba(15, 28, 58, 0) 0%, #13327C 100%);
    border: 2px solid #13327C;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    animation: marker 2s infinite ease-out;
    opacity: 0;
}

@keyframes marker {
    0%{
        width: 0px;
        height: 0px;
        opacity: 0;
    }
    70%{
        width: 500px;
        height: 500px;
        opacity: .5;
    }
    100%{
        width: 900px;
        height: 900px;
        opacity: 0;
    }
}

.cunName{
    width: 100% !important;
}

.cunName label{
    display: flex;
    align-items: center;
    gap: .4rem;
    width: 50%;
    float: left;
    font-size: 1.1rem;
    color: rgb(159, 226, 229);
}

div.chejianName label{
    width: 100%;
}

.cunName label::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 10px;
    display: inline-block;
}

.cunName label:nth-child(1)::before{
    background: linear-gradient(#FFD95C 0%, #FFA452 100%);
}

.cunName label:nth-child(2)::before{
    background: linear-gradient(#249CF9 0%, #6751F2 100%);
}

.cunName label:nth-child(3)::before{
    background: linear-gradient(#7FF869 0%, #12CB54 100%);
}

.cunName label:nth-child(4)::before{
    background: linear-gradient(#00FFFF 0%, #00A5A4 100%);
}

.cunName label:nth-child(5)::before{
    background: linear-gradient(#FF7262 0%, #F34F1F 100%);
}

.cunName label:nth-child(6)::before{
    background: linear-gradient(#FFD95C 0%, #FFA452 100%);
}

.cunName label:nth-child(7)::before{
    background: linear-gradient(#249CF9 0%, #6751F2 100%);
}

.cunName label:nth-child(8)::before{
    background: linear-gradient(#7FF869 0%, #12CB54 100%);
}

.cunName label:nth-child(9)::before{
    background: linear-gradient(#00FFFF 0%, #00A5A4 100%);
}

.biwu01{
    background: url(img10.png) no-repeat center;
    background-size: 96% 100%;
    width: 96%;
    margin: 1rem auto 4rem auto;
    display: flex;
    height: 185px;
    justify-content: center;
    gap: 3rem;
    align-items: center;
}

.biwu01 div{
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, #152b5a 100%);
    border: 1px solid #143988;
    width: 160px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 1rem;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
}

.biwu01 div img{
    width: 63px;
    margin: 0px auto;
    margin-bottom: 1rem;
}

.biwu01 div h4{
    margin: 0px;
    margin-bottom: .3rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
}

.biwu02{
    box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
    height: 460px;
    overflow-y: scroll;
}

.jitijingji{
    height: 630px !important;
}

.jitijingji ul li:nth-last-child(1){
    width: 20%;
}

.biwu01 div span{
    font-size: 1.2rem;
}

.biwu01 div:nth-child(2){
    height: 100%;
}

.biwu01 div:nth-child(1),.biwu01 div:nth-child(3){
    height: 82%;
}

.biwu01 div:nth-child(1),.biwu01 div:nth-child(1) span{
    color: #D8D8D8;
}

.biwu01 div:nth-child(2),.biwu01 div:nth-child(2) span{
    color: #DAA601;
}

.biwu01 div:nth-child(3),.biwu01 div:nth-child(3) span{
    color: #BC7429;
}

.biwu02{
    width: 92%;
    margin: 3rem auto;
    border: 1px solid #143988;
}

.biwu02 ul{
    list-style-type: none;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    text-align: left;
    color: #9FC4E5;
    padding: 1rem 0rem;
    margin: 0px;
}

.biwuTitle{
    background: linear-gradient(#0a1450 0%, #080b1b 100%);
}

.biwuList{
    background: linear-gradient(#0c1233 0%, #080b1b 100%);
    border-bottom: 1px solid #143988;
    transition: all .2s;
}

.biwuList:hover{
    background: linear-gradient(#0c1233 0%, #161d45 100%);
}

.biwu02 ul li{
    width: 10%;
}

.biwu02 ul li:nth-child(1){
    text-align: center;
}

.biwuList li:nth-child(3){
    color: #36A1FF;
}

.biwuList li:nth-child(4){
    color: #00A5A4;
}

.biwuList li:nth-child(5){
    color: #3EC864;
}

.biwuList li:nth-child(6){
    color: #DAA601 !important;
}

.biwuList li:nth-child(7){
    color: #06FDFF !important;
}

.biwuList li:nth-child(8){
    color: #E7650D;
}

.biwuList li:nth-child(9){
    color: #BF96FF;
}

.biwuList li:nth-child(1) span{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: linear-gradient(#3b8cd4 0%, #1e466a 100%);
    border-radius: 100%;
    color: #fff;
    text-align: center;
}

.biwuList li:nth-child(3),.biwuList li:nth-child(4){
    display: flex;
    gap: .5rem;
}

.biwuList li:nth-child(3) label,.biwuList li:nth-child(4) label{
    width: 100px;
    height: 17px;
}

.biwuList li:nth-child(3) label.s1,.biwuList li:nth-child(4) label.s1{
    background: url(s1.png) no-repeat left center;
}
.biwuList li:nth-child(3) label.s2,.biwuList li:nth-child(4) label.s2{
    background: url(s2.png) no-repeat left center;
}
.biwuList li:nth-child(3) label.s3,.biwuList li:nth-child(4) label.s3{
    background: url(s3.png) no-repeat left center;
}
.biwuList li:nth-child(3) label.s4,.biwuList li:nth-child(4) label.s4{
    background: url(s4.png) no-repeat left center;
}
.biwuList li:nth-child(3) label.s5,.biwuList li:nth-child(4) label.s5{
    background: url(s5.png) no-repeat left center;
}

.biwuList li:nth-child(5){
    color: #3EC864;
}

.biwuList li:nth-child(5).koufen{
    color: #E7650D;
}

.biwuList li:nth-child(6){
    color: #00FFFF;
}

header{
    cursor: pointer;
}

.newsTitle{
    display: flex;
    width: 95%;
    color: #fff;
    list-style-type: none;
    margin: 0px auto !important;
    padding: 5px 0px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #102851 100%);
}

.newsTitle li{
    width: 25%;
    text-align: center;
}

.newsTitle li:nth-child(1){
    width: 30%;
    text-indent: 20px;
    text-align: left;
}

.scrollList04 ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.scrollList04 span{
    text-align: center;
    width: 20%;
}

.scrollList04 span:nth-child(1){
    text-align: left;
    width: 30%;
}

.scrollList04 span.red{
    color: red;
}

.scrollList04 span.green{
    color: #00DD78;
}

.changeData04{
    display: none;
}

.cunDatas{
    gap: 2rem;
}

.cunDatas div h2{
    color: #06FDFF;
    font-size: 2.4rem;
    line-height: 2.4rem;
    padding: 0px;
    margin: 0px;
    text-shadow: 0px 0px 12px #1d73c3;
    font-weight: 800;
    font-family: Arial, Helvetica, sans-serif;
}

.cunDatas div h2 sup{
    font-size: .8rem;
    margin-left: .5rem;
}

.cunDatas div{
    flex: 1;
    height: 180px;
    background-size:100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.cunDatas div:nth-child(1){
    background-image: url(icon09.png);
}

.cunDatas div:nth-child(2){
    background-image: url(icon10.png);
}

.cunDatas div:nth-child(3){
    background-image: url(icon11.png);
}

.cunDatas div:nth-child(4){
    background-image: url(icon12.png);
}

.cunDatas div:nth-child(5){
    background-image: url(icon13.png);
}

.cunDatas div:nth-child(6){
    background-image: url(icon14.png);
}

.shourulaiyuan{
    gap: 1rem;
}

.shourulaiyuan div{
    flex: 1;
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(to left ,rgba(16, 62, 130, 0) 50%, #15234b 100%);
    border: 1px solid #143988;
}

.shourulaiyuan div h1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 2rem;
}

.shourulaiyuan div:nth-child(1){
    color: rgb(0, 221, 120);
}

.shourulaiyuan div:nth-child(2){
    color: #F4A225;
}

.shourulaiyuan div:nth-child(3){
    color: #B363E5;
}

.shourulaiyuan div *{
    padding: 0px;
    margin: 0px;
}

.huansan ,.cunInfo{
    cursor: pointer;
}

.modal-lg{
    max-width: 60% !important;
    
}

.modal{
    z-index: 99999999 !important;
}

.chart09Text b{
    color: #00DD78;
    margin: auto .5rem;
}

.wanggezhili img{
    opacity:.7;
    transition: all .2s;
}

.wanggezhili a:hover img{
    opacity: 1;
    transform: scale(1.05,1.05);
}

.huanwei {
    height: 662px;
    background-color:#fff !important;
}

.huanweiSwiper img{
    width: 100%;
    height: 210px;
}

.huanweiSwiper div{
    text-align: center;
    margin-top: .5rem;
    font-weight: 500;
    color: #9FC4E5;
}

.h_left{
    height: 100%;
}

.green{
    color: #00DD78 !important;
}

.red {
    color: red !important
}

.pageTitle{
    width: 100%;
    height: 60px;
    background: url(title.png) no-repeat top center;
    background-size: auto 100%;
    transform: translateY(-8px);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 43px;
    text-align: center;
}