*{padding:0;margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;list-style:none;outline:0;font-size-adjust:none;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-text-size-adjust:none;-webkit-text-size-adjust:none}
body{margin:0 auto;background:#F5F5F5;max-width:600px;min-width:300px;}
ol,ul,li,section,div,img,span{list-style:none;outline:0;resize:none}
a{text-decoration:none;color:inherit;outline:0}
img{display:inline-block}
i,em{font-weight:bold;font-style:normal}
[hidden]{display:none}
@media screen and (min-width:375px){html{font-size:calc(100% + 2 * (100vw - 375px) / 39);font-size:calc(16px + 2 * (100vw - 375px) / 39)}
}@media screen and (min-width:414px){html{font-size:calc(112.5% + 4 * (100vw - 414px) / 586);font-size:calc(18px + 4 * (100vw - 414px) / 586)}
}@media screen and (min-width:600px){html{font-size:calc(125% + 4 * (100vw - 600px) / 400);font-size:calc(20px + 4 * (100vw - 600px) / 400)}
}@media screen and (min-width:1000px){html{font-size:calc(137.5% + 6 * (100vw - 1000px) / 1000);font-size:calc(22px + 6 * (100vw - 1000px) / 1000)}
}.line_1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.line_2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line_3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line_4{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
header{color:#1ABC9C;background:#FFF}
header .icon{width:1rem;height:1rem;padding:1rem .75rem;vertical-align:middle;fill:currentColor}
header .left{float:left}
header .right{float:right}
header .title{font-size:1rem;height:3rem;line-height:3rem}
header .title .logo{font-size:1.375rem;margin-left:.75rem;font-weight:bold}
footer{font-size:.75rem;color:#999;background:#FFF;padding:1.625rem 0;text-align:center;border-top:2px solid #1abc9c;box-sizing:border-box;overflow:hidden;width:100%}
.navigation{width:100%;height:2.125rem;line-height:2.125rem;background-color:#1abc9c;overflow:hidden}
.navigation ul{font-size:0;width:95%;overflow:hidden;margin:0 auto}
.navigation ul li{width:20%;text-align:center;font-size:.875rem;color:#99E7D8;display:inline-block;vertical-align:top}
.navigation ul li span{height:2.125rem;line-height:2.125rem;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}
.navigation ul .liActive span{border-bottom:1px solid #FFF;color:#FFF}
.overdata{font-size:.875rem;line-height:2.75rem;text-align:center;color:#969BA3;background-color:#F6F7F9;display:none}
.wait-load{font-size:.875rem;line-height:2.75rem;text-align:center;color:#969BA3;background-color:#F6F7F9;display:none}
.wait-load dot{line-height:1;display:inline-block;overflow:hidden;height:1em;text-align:left;vertical-align:-.25em}
.wait-load dot::before{display:block;content:'...\A..\A.';-webkit-animation:dot 3s infinite step-start both;animation:dot 3s infinite step-start both;white-space:pre}
@-webkit-keyframes dot{33%{transform:translateY(-2em)} 66%{transform:translateY(-1em)} }@keyframes dot{33%{transform:translateY(-2em)} 66%{transform:translateY(-1em)} }
.backtop{display:none;position:fixed;z-index:1;right:1rem;bottom:2rem;width:2.75rem;height:2.75rem;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;color:#FFF;border-radius:6rem;background-color:#666}
.backtop .icon{width:1rem;height:1rem;margin-top:.875rem;margin-left:.875rem;fill:currentColor}
.remind{position:fixed;background:rgba(0,0,0,.7);height:100%;width:100%;top:0;left:0;z-index:999}
.remind .remind_1{position:fixed;top:50%;width:100%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.remind .remind_2{font-size:.875rem;background:#FFF;margin:0 1rem;padding:1rem 1rem;line-height:2rem;border-radius:0.3125rem;}
.remind .remind_2 img{position:absolute;top:.25rem;right:1.25rem;width:1rem;height:1rem;}
.remind .remind_2 a{color:blue}
.remind .remind_2 .cxysb{height:2rem}
.remind .remind_2 .cxysb a{color:#fff;width:5rem;background-color:#1abc9c;border-radius:.1875rem;float:right;text-align:center;}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
    z-index: 999; /* 在内容之上 */
}

.search-box {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000; /* 在遮罩上方 */
}

#search-box input {
    width: 200px;
    padding: 10px;
}

#search-box button {
    margin-top: 10px;
    cursor: pointer;
}
.so_left{
    padding: 0.2rem 1rem;
    width: 45%;
    float:left;
}
.so_right{
    padding: 0.2rem 1rem;
    width: 45%;
    float:right;
}