header{position:fixed;top:-3rem;left:0;width:100%;color:#fff;background:#222;visibility:hidden;z-index:9999999999}
#main{width:100%;padding:0 16px;box-sizing:border-box;-webkit-user-select:none}
#main h1{width:100%;font-size:1.25rem;padding:1.25rem 0 .625rem;margin-bottom:1.25rem;border-bottom:1px solid #333}
#main .content{width:100%;text-align:justify;word-wrap:break-word;word-break:break-word}
#main .content p{margin:.1em 0}
#main .page{width:100%;font-size:.875rem}
#main .page div{height:2.8rem;line-height:2.8rem}
#main .page .left{float:left;width:30%;text-align:left}
#main .page .center{float:left;width:40%;text-align:center}
#main .page .right{float:right;width:30%;text-align:right}
#main .page a{text-align:center;font-size:.875rem;padding:.375rem .75rem;border-radius:.3125rem;-webkit-border-radius:.3125rem}
#main .page .opacity{opacity:.5}
.bg_white{color:#333;background:url(/style/green/images/white.jpg)}
.bg_yellow{color:#333;background:url(/style/green/images/yellow.jpg)}
.bg_green{color:#003c14;background:#c8ffc8}
.bg_pink{color:#dc6464;background:#ffbebe}
.bg_night{color:#545454;background:#0c0c0c}
.bn_white{color:#1abc9c;border:1px solid #1abc9c}
.right .bn_white{color:#fff;background:#1abc9c;border:1px solid #1abc9c}
.bn_yellow{color:#655548;border:1px solid #655548}
.right .bn_yellow{color:#fff;background:#655548;border:1px solid #655548}
.bn_green{color:#1abc9c;border:1px solid #1abc9c}
.right .bn_green{color:#fff;background:#1abc9c;border:1px solid #1abc9c}
.bn_pink{color:#dc6464;border:1px solid #dc6464}
.right .bn_pink{color:#fff;background:#dc6464;border:1px solid #dc6464}
.bn_night{color:#666;border:1px solid #666}
.right .bn_night{color:#999;background:#666;border:1px solid #666}
.more-list{position:fixed;top:3.4375rem;right:.3125rem;font-size:.875rem;color:#fff;width:7.5rem;border-radius:.3125rem;background:#222;z-index:9999999999;display:none}
.more-list ul li{border-bottom:1px solid #353535;text-align:center}
.more-list ul li:last-child{border-bottom:none}
.more-list .icon{width:1rem;height:1rem;padding:.75rem 0;margin-right:.75rem;vertical-align:-.9375rem;fill:currentColor}
.more-list .triangle{position:absolute;top:-1rem;right:.4375rem;width:0;height:0;border-width:.5rem;border-style:solid;border-color:transparent transparent #222;overflow:hidden;display:inline-block}
.footer{position:fixed;left:0;bottom:0;color:rgba(255,255,255,.8);width:100%;background:#222;visibility:hidden;z-index:9999999999}
.footer .icon{width:1rem;height:1rem;vertical-align:middle;fill:currentColor}
.footer .btn-group ul li{float:left;width:33.3%;padding:.5rem 0;text-align:center}
.footer .btn-group ul li div{font-size:.625rem}
.footer .page{float:left;width:100%;font-size:.875rem;height:3rem;border-bottom:1px solid #353535}
.footer .page .icon{width:1rem;height:1rem;padding:1rem .5rem;vertical-align:-1.1875rem;fill:currentColor}
.footer .page .last{float:left;border-right:1px solid #353535;width: 30%;}
.footer .page .last .icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.footer .page .next{float:right;border-left:1px solid #353535;width: 30%;text-align: right;}
.footer .page .center{float:left;width:39%;text-align:center;line-height: 3rem;}
.footer .settings{float:left;width:100%;display:none}
.footer .settings .font{float:left;width:100%;border-bottom:1px solid #353535;box-sizing:border-box}
.footer .settings .font .icon{width:1rem;height:1rem;padding:1rem .5rem;vertical-align:middle;fill:currentColor}
.footer .settings .font ul li{float:left;width:50%;text-align:center;border-right:1px solid #353535;box-sizing:border-box}
.footer .settings .font ul li:last-child{border-right:none}
.footer .settings .color{float:left;width:100%;border-bottom:1px solid #353535}
.footer .settings .color ul li{float:left;width:25%;height:3rem;line-height:3rem;text-align:center}
.footer .settings .color i{color:transparent;width:2.25rem;height:2.25rem;line-height:2.25rem;border-radius:50%;display:inline-block}
.footer .settings .color .cur i{border:2px solid #1abc9c}
.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;}
.content img{max-width:100%;display: block;}