:root {
   font-size: 60px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
   margin: 0;
   padding: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
   line-height: 1;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}
/* ol li::marker {
   content: attr(data-index);
   font-size: 0.28rem;
} */
.content::-webkit-scrollbar-thumb {
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   background-color: #d2dfe8;
}

.night::-webkit-scrollbar-thumb {
   background-color: #365173;
}

.content::-webkit-scrollbar {
   width: 6px;
   background-color: transparent;
}

.content {
   width: 16.6rem;
   color: #262D33;
   user-select: none;
   pointer-events: all;
   text-align: justify;
   margin: 2.83rem auto;
}
.top-bar {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 1rem;
   background: #2C4F9E;
}
 .top-bar .logo {
   position: absolute;
   left: 0.53rem;
   top: 50%;
   transform: translateY(-50%);
   width: 2.03rem;
   height: 0.36rem;
   background: url("../pic/logo.svg") center center no-repeat;
}
.top-bar .language {
   position: absolute;
   right: 5%;
   top: 0;
}
.foot-bar {
   display: none;
   width: 100%;
   height: 1.2rem;
   background: #F1F1F1;

   font-family: Roboto-Regular;
   font-size: 0.3rem;
   color: #6A6F73;
   letter-spacing: 0;
   text-align: center;
   line-height: 1.2rem;
}

 .title {
   height: 0.76rem;
   font-family: Roboto-Medium;
   font-size: 0.5rem;
   color: #262D33;
   line-height: 0.76rem;
   font-weight: 500;
}

 
 /* 容器 <div> - 需要放置下拉内容 */
 .dropdown {
   width: 3.5rem;
   height: 1rem;
   position: relative;
   display: inline-block;
 }
 .dropbtn {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
   color: white;
   font-size: 0.3rem;
   border: none;
   cursor: pointer;
   line-height: 1rem;
 }
 /* 下拉内容（默认隐藏） */
 .dropdown-content {
   display: none;
   position: absolute;
   top: 1rem;
   background-color: #f9f9f9;
   min-width: 1.6rem;
   box-shadow: 0px 0.08rem 0.16rem 0px rgba(0,0,0,0.2);
   z-index: 1;
 }
 
 /* 下拉链接 */
 .dropdown-content a {
   color: black;
   width: 2.6rem;
   text-decoration: none;
   display: block;
   font-size: 0.26rem;
   line-height: 0.4rem;
   padding: 0.2rem 0.26rem;
 }
 
 /* 悬停时更改下拉链接的颜色 */
 .dropdown-content a:hover {background-color: #f1f1f1}
 
 /* 悬停时显示下拉菜单 */
 .dropdown:hover .dropdown-content {
   display: block;
 }
 
 /* 显示下拉内容时，更改下拉按钮的背景颜色 */
 .dropdown:hover .dropbtn {
   /* background-color: #3e8e41; */
   opacity: 0.8;
 }
.weight-bold {
   font-weight: bold !important;
}

.indent-level2 {
   margin-left: 0.3rem;
   margin-right: unset;
}

.arabic {
   font-size: 1rem;
   direction: rtl;
   text-align: initial;
}
.arabic .content-paragraph {
   padding-right: unset!important;
}
.arabic .indent-level2 {
   margin-right: 0.3rem;
   margin-left: unset;
}

.night {
   color: #E6E7EB;
}

.tableContainer {
   width: 100%;
   overflow-x: auto;
}
.table {
   table-layout: fixed;
   /* width: max-content; */
   margin: 0.4rem auto;
   border: 1px solid #D8D9DB;
}

.table tbody tr td,th {
   font-size: 0.28rem;
   line-height: 0.36rem;
   margin: 0;
   font-weight: 400;
   padding: 0.2rem 0.4rem;
   text-align: left;
}
.arabic .table tr td {
   text-align: right;
}
.arabic .table tr th {
   text-align: right;
}
.table .thead .first-line-width{
   width: 6.16rem;
   text-align: initial;
}
.table .thead .mid-line-width {
   width: 3.3rem;
}
.table .thead .last-line-width {
   width: 3.61rem;
}
.table .thead th {
   background: #EAF0F6;
   font-size: 0.32rem;
}
.night .table {
   border: 1px solid #39434F;
}
.night .table .thead th {
   background-color: #132A3D;
}

.content .content-paragraph {
   margin-top: 0.4rem;
}

.content .content-paragraph .time {
   font-size: 0.32rem;
   line-height: 0.4rem;
   font-weight: 400;
   margin: unset;
}

.content .content-paragraph .time:first-child {
   margin-bottom: 0.2rem;
}

.content .content-paragraph .firstLevelTitle {
   font-size: 0.36rem;
   line-height: 0.44rem;
   margin-bottom: 0.2rem;
   margin-top: unset;
   font-weight: 400;
   color: #24313f;
}

.content .content-paragraph .secondaryTitle {
   font-size: 0.32rem;
   line-height: 0.4rem;
   margin-bottom: 0.1rem;
   margin-top: 0.2rem;
   font-weight: 400;
   color: #24313f;
}

.night .content-paragraph .firstLevelTitle {
   color: #dae1eb;
}

.night .content-paragraph .secondaryTitle {
   color: #dae1eb;
}

.content .content-paragraph .paragraph {
   margin-bottom: 0.2rem;
   font-size: 0.28rem;
   line-height: 0.36rem;
   font-weight: 400;
   text-align: justify;
   color: #6A6F73;
}