@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, body {
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: "微软雅黑";
}

body {
	background: #100c2a;
    color: #fff;
    font-size: .1rem;
}

li {
    list-style-type: none;
}

table {}

i {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

img {
    border: none;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #399bff;
}

a.active, a:focus {
    outline: none !important;
    text-decoration: none;
}

ol, ul, p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

a:hover {
    color: #06c;
    text-decoration: none !important;
}

i, em {
    font-style: normal;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.pulll_left {
    float: left;
}

.pulll_right {
    float: right;
}
/* styles.css */
#popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    width: 300px;
    max-width: 80%;
}

.popup-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/* 谷歌滚动条样式 */

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    position: absolute;
}

::-webkit-scrollbar-thumb {
    background-color: #5bc0de;
}

::-webkit-scrollbar-track {
    background-color: #ddd;
}

/**/

.loading {
    position: fixed;
    left: 0;
    top: 0;
    font-size: .3rem;
    z-index: 100000000;
    width: 100%;
    height: 100%;
    background: #1a1a1c;
    text-align: center;
}

.loadbox {
    position: absolute;
    width: 160px;
    height: 150px;
    color: #324e93;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -75px;
}

.loadbox img {
    margin: 10px auto;
    display: block;
    width: 40px;
}
.head {
    display: flex;
    position: relative;
    height: 75px;
    margin: 0 15px;
    padding-right: 60px;
    z-index: 2001;
    
}
.head::before {
    content: "";
    position: absolute;
    left: 0; /* 从左侧开始 */
    bottom: 0; /* 靠近底部 */
    width: 80%; /* 白线长度为 40% */
    height: 1px; /* 白线粗度 */
    background-color: #fff; /* 白色下边框 */
}
.head h1 {
    font-size: 0.375rem;
    letter-spacing: 6px;
    text-align: center;
    line-height: 1.125rem;
    padding-right: 0.6875rem;
    color: #daf9ff;
}
.head {
    display: flex;
    align-items: center; /* Vertically align items */
    justify-content: space-between; /* Distribute space between header elements */
}
.menu {
    display: flex;
    flex-grow: 1; /* Allows the menu to take up remaining space */
}
.head .menu ul {
    font-size: 0;
}
.menu ul {
    display: flex;
    list-style: none; /* Remove default list bullets */
    padding: 0;
    margin: 0;
    width: 100%; /* Ensure ul takes full width of its container */
}
.menu li {
    /* display: inline-block; */
    position: relative;
    margin: 25px 15px;
}

.menu li a {
    display: block;
    font-size: 0.225rem;
    color: #fff;
    line-height: 0.5rem;
    padding: 0 0.1875rem;
}

.menu li:before,
.menu li:after {
    position: absolute;
    width: 10px;
    height: 5px;
    opacity: .4;
    content: "";
    border-top: 2px solid #02a6b5;
    top: -1px;
    border-radius: 2px;
}

.menu li:before,
.menu li a:before {
    border-left: 2px solid #02a6b5;
    left: -1px;
}

.menu li:after,
.menu li a:after {
    border-right: 2px solid #02a6b5;
    right: -1px;
}

.menu li a {
    position: relative;
}

.menu li a:before,
.menu li a:after {
    position: absolute;
    width: 10px;
    height: 5px;
    opacity: .4;
    content: "";
    border-bottom: 2px solid #02a6b5;
    bottom: -1px;
    border-radius: 2px;
}

.head .menu li a:hover {
    color: #f4e925;
}

.menu li a:hover:before,
.menu li a:hover:after,
.menu li:hover:before,
.menu li:hover:after {
    border-color: #f4e925;
    opacity: 1;
}

.menu .english {
    margin-left: auto; /* Pushes 'English' to the right */
}
.menu .now a{
    color: #f4e925; /* 设置字体颜色为黄色 */
}


html, body {
    height: 100%;
}

.mainbox {
    padding: .4rem 0 0 0;
    height: calc(100% - 1.05rem);
}

.mainbox > ul {
    margin-left: .1rem;
    margin-right: .1rem;
    height: 100%;
}

.mainbox > ul > li {
    float: left;
    padding: 0 .13rem;
    height: 100%;
}

.mainbox > ul > li {
    width: 25%;
}

.mainbox > ul > li:nth-child(2) {
    width: 50%;
}
.no-hd {
    position: relative;
    border: 1px solid rgba(25, 186, 139, 0.17);
}

.no-hd ul {
    display: flex;
}

.no-hd ul li {
    position: relative;
    flex: 1;
    line-height: 0.275rem;
    font-size: 0.2125rem;
    color: #ffeb7b;
    text-align: center;
    font-family: "electronicFont";
}

.no-hd ul li::after {
    content: "";
    position: absolute;
    top: 25%;
    right: 0;
    height: 50%;
    width: .0125rem;
    
}

.no-bd ul {
    display: flex;
}

.no-bd ul li {
    flex: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.1875rem;
    height: 0.4625;
    line-height: 0.4rem;
    padding-top: 0.025rem;
}
.boxall {
    justify-content: center;
    border: 1px solid #3486da;
    background: rgba(0, 70, 190, .1);
    padding: .15rem;
    position: relative;
    margin-bottom: .25rem;
    z-index: 10;
}

.boxall:before,
.boxall:after {
    position: absolute;
    width: .15rem;
    height: .15rem;
    content: "";
    border-top: 3px solid #3486da;
    top: -2px;
}

.boxall:before, .boxfoot:before {
    border-left: 3px solid #3486da;
    left: -2px;
}

.boxall:after, .boxfoot:after {
    border-right: 3px solid #3486da;
    right: -2px;
}

.boxfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.boxfoot:before,
.boxfoot:after {
    position: absolute;
    width: .15rem;
    height: .15rem;
    content: "";
    border-bottom: 3px solid #3486da;
    bottom: -2px;
}

.tit01 {
    background: linear-gradient(to right, rgba(48, 82, 174, 1), rgba(48, 82, 174, 0));
    color: #fff;
    font-size: .2rem;
    padding: .03rem .1rem;
    text-align: center; /* 使内容水平居中 */
    margin-bottom: 20px;

}
.tit001 {
    background: linear-gradient(to right, rgba(48, 82, 174, 1), rgba(48, 82, 174, 0));
    color: #fff;
    font-size: .2rem;
    padding: .03rem .1rem;
    text-align: center; /* 使内容水平居中 */
    margin-bottom: 20px;

}
.tit02 {
    background: #3aafe8;
    color: #021132;
    position: absolute;
    font-size: .25rem;
    padding: .02rem 0;
    text-align: center;
    width: 2.4rem;
    left: 50%;
    margin-left: -1.2rem;
    margin-top: -.35rem;
    letter-spacing: .05rem;
}

.tit03 {
    text-align: center;
    color: #fff;
    font-size: .25rem;
    line-height: .5rem;
    letter-spacing: .05rem;
    padding-bottom:25px;
}

.tit04 {
    text-align: center;
    background: #0c2854;
    color: #fff;
    font-size: .25rem;
    line-height: .6rem;
    letter-spacing: .05rem;
}
.tit05 {
    text-align: center;
    color: #fff;
    font-size: .25rem;
    line-height: .5rem;
    letter-spacing: .05rem;
}

.boxnav {}

.nav01 {
    height: calc(100% - .3rem);
    padding-top: .05rem;
}



.nav03 {
    height: calc(100% - .47rem);
    padding-top: .2rem;
}

.nav04 {
    height: calc(100% - .7rem);
}

.nav02 > div {
    width: 100%;
}

.nav02 p {
    text-align: center;
    color: #fff;
}

.nav02 .p1 {
    font-size: .3rem;
    letter-spacing: .02rem;
}

.p2 {
    font-size: .6rem;
    letter-spacing: .05rem;
    padding: .1rem 0;
    width: 100%;
    text-align: center;
}

.nav02 .p3 span {
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 45%;
    font-size: .3rem;
}

.listhead {
    height: .55rem;
    display: flex;
    justify-content: space-between;
}

.listnav {
    height: calc(100% - .55rem);
}

.listnav ul li {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.listhead span, .listnav li span {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: .55rem;
}

.listhead1 span, .listnav1 li span {
    border: 1px solid #3486da;
}

.listnav ul li span {
    font-size: .18rem;
}

.listnav2 ul li:nth-child(odd) {
    background: #0c2854;
}

.listhead1 span {
    background: #0c2854;
    font-size: .2rem;
    color: #3486da;
    font-weight: bold;
}

.listhead2 span {
    font-size: .20rem;
    color: #e8ebee;
    border-bottom: 1px solid #0c2854;
    font-weight: bold;
    padding-top: .29rem;
    padding-left: .2rem; 
    padding-right: .2rem; 
    line-height: 1.5; /* 设置行间距，值可以根据需要调整 */
}

.listhead3 span {
    font-size: .20rem;
    color: #e8ebee;
    border-bottom: 1px solid #0c2854;
    font-weight: bold;
    padding-top: .29rem;
    padding-left: .2rem; 
    padding-right: .2rem; 
    line-height: 2.3; /* 设置行间距，值可以根据需要调整 */
}

.mainbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.25rem; /* 20px */
}

.boxall {
    background: #1e1b47;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
    padding: 0.25rem; /* 20px */
    margin-bottom: 0.25rem; /* 20px */
    width: 100%;
    max-width: 13rem; /* 800px */
}

.boxall ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.boxall ul li {
    font-size: 0.225rem; /* 18px */
    line-height: 1.6;
}

.pic {
    text-align: center;
}

.pic img {
    height: auto;
    width: 3.75rem; /* 300px */
    max-width: 100%;
    margin: 0.125rem 0; /* 10px */
}

h2 {
    font-size: 0.225rem; 
    margin-bottom: 0.125rem; /* 10px */
    color: #f4e925; 
    font-weight: bold; 
}