/* 基础设置 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input {
    margin: 0;
    padding: 0;
}
 
ul,ol {
    list-style: none;
}
 
img {
    /* 底部留白 */
    display: block;
    border:0;
}
 
b,strong {
    font-weight: 400;
}
 
h1,h2,h3,h4,h5,h6 {
    /* 父元素字号的百分比 */
    font-size: 100%;
    font-weight: normal;
}
 
i,em {
    /* 不倾斜 */
    font-style: normal;
}
 
u,ins,s,del {
    /* 去掉中划线和下划线 */
    text-decoration: none;
}
 
table {
    border: 1px solid #999;
    /* 相当于是cellspacing */
    border-spacing: 0;
    /* 1px边框 */
    border-collapse: collapse;
}
 
td,th {
    border: 1px solid #999;
}
 
input,button {
    /* 去掉轮廓线 */
    outline: none;
    border: none;
}
 
/* 风格设置 */
body {
    font: 12px/1.5 "Microsoft YaHei", "\5b8b\4f53", sans-serif;
    color: #333;
}
 
a {
    text-decoration: none;
    color: #666;
}
 
a:hover {
    color: #DD302D;
    text-decoration: none;
}
 
.leftfix {
    float: left;
}
 
.rightfix {
    float: right;
}
 
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* tips */
#tips1 {
    position:absolute;
    top:100%;
    width:400px;
    height:200px;
    z-index:5;
    background:#00000075;
    border-radius:5px;
    font-size:14px;
    backdrop-filter:blur(2px);
    text-indent: 1rem;
    text-align: justify;
    
    /* 常态隐藏 */
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    pointer-events: none; /* 隐藏时不阻挡鼠标 */
}
#tips0:hover #tips1{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}