* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
h2 {text-align: center;}
h2::before {opacity: 0;}
.dia{
width: 90%;
display: inline-block;
margin-bottom: 10px;
}
table, .body {
align-items: center;
justify-content: center;
text-align: center;
}
.body {
/*display: flex;*/
/*flex-wrap: wrap;*/
width: 100%;
background-color: rgb(231, 230, 225);
border-radius: 25px;
clip-path: content-box;
}
/* 定义文字变色动画 */
@keyframes text-scan {
0% {
color: #ffc60b;
}
25% {
color: #ff8b00;
}
50% {
color: #f38181;
}
75% {
color: #ff8b00;
}
100% {
color: #ffc60b;
}
}
.ta {opacity: .8;}
.tag1 {
animation: text-scan 5s linear infinite;
}
.tag2 {
animation: text-scan 5s linear .2s infinite;
}
.tag3 {
animation: text-scan 5s linear .4s infinite;
}
.tag4 {
animation: text-scan 5s linear .6s infinite;
}
.tag5 {
animation: text-scan 5s linear .8s infinite;
}
.tip1{
font-weight:bold;
margin: 10px 0;
padding: 0 5%;
display: inline-block;
width: 75%;
border-radius: 15px;
color: rgba(0, 0, 0, .6);
background-color: rgba(83, 119, 145, .3);
}
table {
background-color: rgb(247, 246, 231);
color: rgba(83, 119, 145, .8);
border-radius: 10px;
font-size: 110%;
}
tr> td:hover {
background-color: rgba(193, 192, 185,.8);
color: rgb(83, 119, 145);
}
tr> th {
border-radius: 5px;
}
tr> th:nth-child(-n+4) {
background-color: rgb(83, 119, 145);
color: white;
}
.link1> .external{
text-decoration: none;
color: rgb(83, 119, 145);
}
.link1> .external:visited{
color: rgb(83, 119, 145);
}