@charset "utf-8";
body{background:white;color:#333;margin:0;padding:0;}
a{text-decoration: none;}
.logo{width:24px;height:24px;margin-top:-4px;vertical-align:middle;}
header .logo{width:30px;height:30px;margin-right:8px;}
.siteName{font-size:24px;font-weight:600;}
.noticeNum{animation:blink 1s infinite;position:absolute;background:red;color:#fff;min-width:16px;height:16px;line-height:16px;text-align:center;font-size:12px;border:0;border-radius:8px;top:6px;right:6px;}
@keyframes blink{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}
.icon-wrap{display: flex;align-items: center;}
.icon{font-size:24px;width:24px;height:24px;
padding:2px;cursor:pointer;
transition:background-color 0.2s;
background:transparent;
border-radius:4px;
align-self: center;
}
header .icon:hover{background: rgba(255,255,255,0.1);}
.mdui-menu-item a{display:flex;align-items:center;}
.mdui-menu-item .icon{margin-right:16px;}
a.mdui-list-item-content{margin-left:16px;}
.mdui-content,.mdui-container{width:100%;}
.fv-body{min-height:max(580px, 86vh);padding-bottom:32px;position:relative;}
h3{text-align: center;color:#555;}
.fv-body a{text-decoration:none;color:#087;}
.fv-body a:hover{color:#098;}
.ecology{background:url(/images/ecology580.jpg);background-size:cover;}
@media (max-width:599.9px){.ecology{background:url(/images/ecologym_min.jpg);}}

footer{background:#098;margin:0;color:#fff;text-align:center;padding-top:16px;padding-bottom:50px;}
footer p{text-align:center;font-size:14px;margin:0 8px;line-height:32px;}
footer span{display:inline-block;}
footer a{display:inline-block;color:#fff;text-decoration:none;margin:0 8px;}

@media (max-width:599.9px){footer a{line-height:48px;}}
.fv-00{width:0;height:0;margin:0;overflow:hidden;display:none;}
.fv-logo26{width:26px;vertical-align:middle;margin-right:8px;}
.fv-textfield{padding-top:0;}
.fv-mask,.fv-loading,.fv-wrap{position:fixed;left:0;top:0;width:100%;height:100%;display:none;}
.fv-mask{background:#000;opacity:0.4;filter:alpha(opacity=40);}
.fv-mask{z-index:5980;}
.fv-wrap{z-index:5981;align-items:center;}
.fv-pop{margin:0 auto;padding:16px;border-radius:4px;background:#fff;box-shadow:3px 6px 12px 3px rgb(0 0 0 / 58%)}
.fv-logo26{width:26px;vertical-align:middle;margin-right:8px;}
.w300{width:300px;}.w400{width:400px;}.w500{width:500px;}.h400{height:400px;}.h300{height:300px;}.h220{height:220px;}

@keyframes anifvld{from {left: -100%} to {left: 0}}
.fv-loading{height:10px;overflow:hidden;z-index:9980;}
.fv-loading:after{content:'';position:absolute;left:0;top:0;
	width:200%;height:100%;background:linear-gradient(135deg,#fff,#ffea97,#ffc5da,#62d3ff, #fff);
	background-size:50% 100%;display:block;
	animation: anifvld .5s linear infinite;
}
.fv-switch-wrapper{min-height:30px;line-height:30px;display:flex;flex-wrap:wrap;}
.fv-switch{position:relative;flex-shrink:0;display:inline-block;width:40px;height:24px;cursor:pointer;}
.switch-track{position:absolute;top:6px;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);transition:background-color 0.2s;}
.switch-on .switch-track{background-color:#098;}
.switch-thumb{position:absolute;height:24px;width:24px;left:0;top:2px;background-color:white;border:1px solid #ddd;border-radius: 50%;box-shadow:0 1px 3px rgba(0,0,0,0.6);transition:left 0.2s;z-index:1;display:flex;align-items: center;justify-content:center;}
.switch-on .switch-thumb{left: calc(100% - 24px);}
.loading-circle{width:16px;height:16px;border:2px solid rgba(0,0,0,0.1);border-top: 2px solid #098;border-radius:50%;animation:spin 1s linear infinite;opacity:0;}
.switch-loading .loading-circle{opacity:1;}
@keyframes spin{0% {transform: rotate(0deg);} 100%{transform:rotate(360deg);}
}
#LOGIN a,#signup a{color:teal;}
.fv-fab{position:fixed;z-index: 100;
  right:24px;bottom:16px;border:0;border-radius:50%;color:#fff;
  width:40px;height:40px;background:#098;display:flex;
  align-items:center;
  box-shadow:0 2px 4px rgba(0,0,0,0.4);}
.fv-pop a{color:teal;}
.captcha{width:120px;height:40px;cursor:pointer;}

.pglist{height:32px;padding:6px 20px;font-size:16px;}
.pglist li{list-style-type:none;border:solid 1px #ccc;border-radius:3px;float:left;height:32px;line-height:32px;margin:4px 8px}
.pglist li.current{border-color:#098;background-color:#098;color:#fff;float:left;padding:0 12px;}
.pglist li a{display:inline-block;height:100%;padding:0 12px;color:#098;background:#fff;}.pglist li a:hover{color:#0a9;background:#eee;}