/*卡片的样式*/
.container {                                                                
            width: 60%;
            margin: 10% auto 0;
            background-color: #f0f0f0;
            padding: 2% 5%;
            border-radius: 10px;
            position: relative;
        }

        ul {
            padding-left: 20px;
        }

            ul li {
                line-height: 2.3
            }

/*超链接的样式*/
a.hidden:link {
font-size: 16px;
color: #20a53a;
text-decoration: underline;
}
a.hidden:visited {
font-size: 16px;
color: #20a53a;
text-decoration: underline;
}
a.hidden:hover {
font-size: 16px;
color: #FFA07A;
text-decoration: underline;
}
a.beian:link {
font-size: 16px;
color: #000000;
text-decoration: none;
}
a.beian:visited {
font-size: 16px;
color: #000000;
text-decoration: none;
}
a.beian:hover {
font-size: 16px;
color: #ccccff;
text-decoration: none;
}

/*底部备案那一行的样式*/
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e7e7e7;
  padding: 10px 0;
  }
  
/*右上角小按钮的样式*/ 
  .topright-container {
    position: absolute;
    top: 10px; /* 根据需要调整 */
    right: 10px; /* 根据需要调整 */
    background-color: #fff; /* 背景色，可以是透明或其他 */
    padding: 5px 10px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    /* 其他样式，如字体大小、颜色等 */
    font-size: 14px;
    color: #000;
}

#topright-button {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;         /* Non-prefixed version, currently */
    cursor: pointer;           /* 改变鼠标悬停时的光标样式，表明这是一个可点击的元素 */
}