*{margin:0;padding:0;font-family:Arial,"Microsoft YaHei",sans-serif;list-style:none;font-style:normal;outline:0;font-size-adjust:none;-webkit-user-select:none;-webkit-text-size-adjust:none}
[hidden]{display:none}
body{font-size:16px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;outline:0}
.white{background:#3d3e45}
.white .main .read{background:#eaeaea}
.white .main .read .title{border-bottom:1px solid #999}
.white .main .read h1{color:#333}
.white .main .read .content{color:#333}
.white .main .page{background:#eaeaea}
.white .header{background:rgba(255,255,255,.8)}
.white .footer{background:rgba(255,255,255,.8)}
.white .header div{border-top:1px solid #999}
.white .footer div{border-top:1px solid #999}
.white .settings_panel{background:#fff}
.white .settings_panel .title{border-bottom:1px solid #999}
.white .settings_panel .bg .cur{border:2px solid #1abc9c}
.white .settings_panel .font_family span{border:1px solid #999}
.white .settings_panel .font_size .set_font_size{border:1px solid #999}
.white .settings_panel .font_size .set_font_size em{color:#eee}
.white .settings_panel .font_family .cur{color:#1abc9c;border:1px solid #1abc9c}
.white .settings_panel .page_width span{border:1px solid #999}
.white .settings_panel .page_width .cur{color:#1abc9c;border:1px solid #1abc9c}
.green{color:#666;background:#cee0ce}
.green .main .read .title{border-bottom:1px solid #cee0ce}
.green .header div{border-top:1px solid #cee0ce}
.green .footer div{border-top:1px solid #cee0ce}
.green .settings_panel .title{border-bottom:1px solid #cee0ce}
.green .settings_panel .bg .cur{border:2px solid #1abc9c}
.green .settings_panel .font_family .cur{color:#1abc9c;border:1px solid #1abc9c}
.green .settings_panel .page_width .cur{color:#1abc9c;border:1px solid #1abc9c}
.yellow{color:#666;background:#eae0c1}
.yellow .main .read .title{border-bottom:1px solid #eae0c1}
.yellow .header div{border-top:1px solid #eae0c1}
.yellow .footer div{border-top:1px solid #eae0c1}
.yellow .settings_panel .title{border-bottom:1px solid #eae0c1}
.yellow .settings_panel .bg .cur{border:2px solid #1abc9c}
.yellow .settings_panel .font_family .cur{color:#1abc9c;border:1px solid #1abc9c}
.yellow .settings_panel .page_width .cur{color:#1abc9c;border:1px solid #1abc9c}
.pink{color:#666;background:#fcc}
.pink .main .read .title{border-bottom:1px solid #fcc}
.pink .header div{border-top:1px solid #fcc}
.pink .footer div{border-top:1px solid #fcc}
.pink .settings_panel .title{border-bottom:1px solid #fcc}
.pink .settings_panel .bg .cur{border:2px solid #1abc9c}
.pink .settings_panel .font_family .cur{color:#1abc9c;border:1px solid #1abc9c}
.pink .settings_panel .page_width .cur{color:#1abc9c;border:1px solid #1abc9c}
.blue{color:#666;background:#cfdde0}
.blue .main .read .title{border-bottom:1px solid #cfdde0}
.blue .header div{border-top:1px solid #cfdde0}
.blue .footer div{border-top:1px solid #cfdde0}
.blue .settings_panel .title{border-bottom:1px solid #cfdde0}
.blue .settings_panel .bg .cur{border:2px solid #1abc9c}
.blue .settings_panel .font_family .cur{color:#1abc9c;border:1px solid #1abc9c}
.blue .settings_panel .page_width .cur{color:#1abc9c;border:1px solid #1abc9c}
.night{color:#999;background:#212121}
.night .main .read{background:rgba(255,255,255,.05)}
.night .main .read .nav{color:#999}
.night .main .read .title{border-bottom:1px solid #212121}
.night .main .read .title h2{color:#999}
.night .main .read .title .detail{color:#999}
.night .main .page{background:rgba(255,255,255,.05)}
.night .main .page span{border-right:1px solid #666}
.night .header{background:rgba(255,255,255,.05)}
.night .footer{background:rgba(255,255,255,.05)}
.night .header div{border-top:1px solid #212121}
.night .footer div{border-top:1px solid #212121}
.night .settings_panel{background:#393939}
.night .settings_panel .title{border-bottom:1px solid #212121}
.night .settings_panel .bg .cur{border:2px solid #1abc9c}
.night .settings_panel .font_family span{background:rgba(255,255,255,.05);border:1px solid #999}
.night .settings_panel .font_size .set_font_size{background:rgba(255,255,255,.05);border:1px solid #999}
.night .settings_panel .font_size .set_font_size em{color:#666}
.night .settings_panel .font_family .cur{color:#1abc9c;border:1px solid #1abc9c}
.night .settings_panel .page_width span{background:rgba(255,255,255,.05);border:1px solid #999}
.night .settings_panel .page_width .cur{color:#1abc9c;border:1px solid #1abc9c}
.main{width:1000px;margin:1px auto}
.main .wrap{margin:0px auto}
.main .wrap div{border-radius:3px}
.read{background:rgba(255,255,255,.5)}
.read .nav{color:#666;font-size:14px;margin-left:10px}
.read .title{padding:50px 0 20px;border-bottom:1px solid #999;text-align:center}
.read .title h1{font-size:24px;margin-bottom:10px}
.read .title .detail{color:#666;font-size:14px}
.read .content{font-size:24px;min-height:800px;padding:50px 6.6%;word-wrap:break-word;word-break:break-word}
.read .content .tips{-webkit-user-select:text}
.read .content .tips a:hover{color:#1ABC9C}
.read .content p{line-height:1.8;margin:.8em 0;overflow:hidden}
.page{height:68px;line-height:68px;margin-top:20px;text-align:center;background:rgba(255,255,255,.5)}
.page span{font-size:0;height:20px;border-right:1px solid #999;display:inline-block;vertical-align:middle;letter-spacing:normal;word-spacing:normal}
.page a{font-family:system-ui,serif;width:33%;display:inline-block}
.header{position:fixed;font-size:12px;top:1px;left:calc(50% - 570px);border-radius:3px;text-align:center;cursor:pointer;background:rgba(255,255,255,.5)}
.header div{width:60px;padding:12px 0}
.header div:first-child{border-top:none}
.header .icon{width:16px;height:16px;padding-bottom:4px;vertical-align:middle;fill:currentColor}
.settings_panel{position:fixed;top:1px;left:calc(50% - 500px);padding:0 40px 20px;border-radius:3px;box-shadow:0 5px 20px rgba(0,0,0,.2);background:#fff;z-index:5;display:none}
.settings_panel .title{height:50px;line-height:50px;margin-bottom:30px}
.settings_panel .title .icon{float:right;width:16px;height:16px;padding:20px 0;vertical-align:middle;fill:currentColor;cursor:pointer}
.settings_panel div{margin-bottom:20px}
.settings_panel div p{font-size:14px;margin-right:20px;display:inline-block}
.settings_panel .bg span{color:transparent;width:40px;height:40px;line-height:40px;margin-right:10px;border-radius:25px;border:1px solid #999;display:inline-block;cursor:pointer}
.settings_panel .bg .day{background:#fff}
.settings_panel .font_family span{font-size:14px;height:34px;line-height:34px;padding:0 28px;margin-right:10px;background:#fff;border-radius:2px;border:1px solid #999;display:inline-block;cursor:pointer}
.settings_panel .font_size .set_font_size{font-size:14px;height:34px;line-height:34px;background:#fff;border-radius:2px;border:1px solid #999;display:inline-block}
.settings_panel .font_size .set_font_size .font_size_num{padding:0 20px}
.settings_panel .font_size .set_font_size em{color:#eee}
.settings_panel .font_size .icon{width:14px;height:14px;padding:10px 20px;vertical-align:middle;fill:currentColor;cursor:pointer}
.settings_panel .page_width span{font-size:14px;height:34px;line-height:34px;padding:0 28px;margin-right:10px;background:#fff;border-radius:2px;border:1px solid #999;display:inline-block;cursor:pointer}
.footer{position:fixed;font-size:12px;bottom:1px;right:calc(50% - 570px);border-radius:3px;text-align:center;cursor:pointer;background:rgba(255,255,255,.5)}
.footer div{width:60px;padding:12px 0}
.footer div:first-child{border-top:none}
.footer .icon{width:16px;height:16px;padding-bottom:4px;vertical-align:middle;fill:currentColor}
.footer .last .icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.footer .backtop{display:none}
.font_family_1 p{font-family:Arial,"Microsoft YaHei",sans-serif}
.font_family_2 p{font-family:'宋体',SimSun,STSong,serif}
.font_family_3 p{font-family:'楷体',KaiTi,BiauKai,serif}
.opacity{opacity:.5;cursor:not-allowed}
.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:45%;left:50%;width:640px;-webkit-transform:translate(-50%, -45%);transform:translate(-50%, -45%);}
.remind .remind_2{background:#FFF;padding:20px;line-height:36px;border-radius:5px;}
.remind .remind_2 img{position:absolute;top:5px;right:5px;width:16px;height:16px;cursor:pointer}
.remind .remind_2 a{color:blue}
.remind .remind_2 .cxysb{height:32px}
.remind .remind_2 .cxysb a{color:#fff;width:80px;background-color:#1abc9c;border-radius:3px;float:right;text-align:center;}