@charset "utf-8";
/*  */
body{font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;font-size:14px;line-height:1.8;color:#252525;-webkit-overflow-scrolling:touch;}
a{text-decoration:none;}
p{line-height:1.5;color:#252525;}
/*  */

#topicheader{height:36px;margin-bottom:1vmin;background:#fff;border-bottom:1px solid #f5f5f5;}
#speheader{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;margin:0 auto;line-height:36px;}
#snlogo{box-sizing:border-box;/* width:30%; */padding:0 2vmin;}
#snlogo img{width:auto;}
#navlist{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;width:67%;white-space:nowrap;}
#navlist li{padding:0 3px;font-size:14px;color:#eee;}
#navlist li:after{content:"|";}
#navlist li a{line-height:36px;color:#666;text-decoration:none;}
#navlist li a:hover{text-decoration:underline;}

/*  */
:root{--size:33%;}
.mxwidth{position:relative;max-width:640px;display: flex;flex-direction: column;justify-content: space-between;height:100%;margin:0 auto;}
.grid9{display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;width:98vmin;max-width:640px;height:98vmin;max-height:640px;margin:0 auto;transform-style:preserve-3d;}
.grid9 li{width:var(--size);height:var(--size);transition:all 2.5s;}
.grid9 li img{width:100%;height:100%;object-fit:cover;}
.ohide.ohide{opacity: 0;pointer-events: none;}
.coverBg{display: flex;position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;transition: opacity .3s;background:rgba(0, 0, 0, .8);--swiper-navigation-size:5vmin;--swiper-navigation-color:#fff;}
.coverBg .swiper-button-prev, .coverBg .swiper-button-next{position:fixed;padding:3vmin 2vmin;background:rgba(0, 0, 0, .7);border-radius:1vmin;}
.closeBtn{position:absolute;top:10px;right:10px;z-index:2;width:6%;background:rgba(0, 0, 0, .7);border-radius:1vmin;}

#gallery{margin: auto;}