*,::after,::before{box-sizing:border-box}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;border:0 none;outline:0}
body{font-size:14px;background:#f5f9f9;font-family:"Microsoft YaHei","微软雅黑",Tahoma,Helvetica,sans-serif}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
li,ol,ul{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none;color:#007bff;font-weight:400}
a:hover{text-decoration:none;color:#0056b3;transition:.3s ease;-ms-transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease}
.clear{clear:both}
.clear::after{content:"";display:block;clear:both}
img{border-width:0;vertical-align:middle;border-style:none}
img:hover{margin-left:0;transition:transform .3s;-moz-transition:-moz-transform .3s;-webkit-transition:-webkit-transform .3s;-o-transition:-o-transform .3s;transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05)}
/*Tips*/
.popTip{position:fixed;width:100%;height:38px;text-align:center;z-index:99999;max-width:100%;top:40%;left:50%;transform:translate(-50%, -50%);}
.popTip div{font-size:13px;letter-spacing:1px;color:#fff;position:relative;display:inline-block;margin:0 auto;background:rgba(0,0,0,.65);border-radius:4px;height:38px;line-height:38px;padding:0 20px;text-align:center;white-space:nowrap}
/*header*/
.indexwidth{width:100%;margin:auto}
.header{width:100%;background:#fff}
.header .logo{display:none;float:left;width:120px;height:33px;background:url(../img/logo-mini.png) no-repeat}
.header .lanmu{display:none;float:left;background:#246;color:#fff;padding:0 12px;border-radius:2px;margin:4px 0 0 15px;font-size:14px;height:24px;line-height:24px}
.sidebar{width:100%;background-color:#246;display:flex;line-height:50px;padding:0 15px;font-size:12px;color:#fff;height:50px;overflow:hidden}
.sidebar span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:14px}
.sidebar em.nav-toggle{width:30px;display:inline-block;float:right;margin-top:10px}
.header svg{fill:#fff;display:inline-block;vertical-align:top;width:30px}
.sidebar a{color:#fff;padding:0 4px;font-size:14px}
/*search */
.search{display:block;width:100%;padding:15px}
.search .in_search{width:100%;height:32px;line-height:30px;border:1px solid #246;position:relative;display:flex}
.search .in_search .search_text{flex:1;height:30px;line-height:30px;border:none;padding:0 10px;font-size:14px}
.search .in_search .search_btn{height:30px;line-height:30px;width:76px;background:#246;font-size:14px;color:#fff;cursor:pointer}
/*栏目导航*/
.nav{display:none;position:fixed;top:0;bottom:0;right:0;overflow:scroll;width:100%;height:100%;z-index:999;background:#246;-webkit-overflow-scrolling:touch}
.nav-inner{width:100%;margin:0 auto}
.nav-item{width:100%;margin:14px 0;padding:0 15px;overflow:hidden;border-left:#468 solid 1px}
.nav-item p{width:100%;overflow:hidden;position:relative}
.nav-item p em{width:20px;height:20px;position:absolute;top:11px;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease}
.nav-item p em::after,.nav-item p em::before{position:absolute;content:'';background-color:#fff;left:10px;width:1px;height:18px}
.nav-item p em::before{transform:rotate(-45deg)}
.nav-item p em::after{transform:rotate(45deg)}
.nav-item p a{font-size:18px;font-weight:600;line-height:40px}
.nav-item p a i{font-style:normal;font-size:12px;font-weight:500;margin-left:10px}
.nav-item ul{width:100%!important;overflow:hidden}
.nav-item ul li{float:left;margin:0 10px 0 0;font-size:14px;height:40px;line-height:40px}
.nav-item a{color:#fff}
/*频道导航*/
.channe_fenlei{background:#fff;border-radius:15px;margin:0 auto 20px;overflow:hidden;float:left;padding:30px;padding-top:19px;width:1139px;padding-bottom:25px}
.channe_fenlei span{overflow:hidden;margin:4px;float:left;font-size:20px;color:#333;line-height:33px;height:33px;border-radius:4px;width:100%;font-weight:700;position:relative;margin-bottom:15px}
.channe_fenlei span::after{position:absolute;margin-left:30px;content:"";float:right;background:#eee;height:3px;width:1100px;margin-top:18px}
.channe_fenlei li{float:left;margin-bottom:9px}
.channe_fenlei a,.tag_item a{display:inline-block;margin:4px;border:1px solid #dce0e4;padding:4px 15px;font-size:14px;background:#fff;color:#444;border-radius:4px}
.channe_fenlei a.on,.channe_fenlei a:hover,.tag_item a:hover{background:#246;border-color:#246;color:#fff!important}
.tag_item{margin:10px 0 20px}
.tag_list{font-size:0;margin:20px 0}
.tag_list a{display:inline-block;width:50%;white-space:nowrap;overflow:hidden;font-size:16px;line-height:40px}
.tag_list a em{color:#ff5722}
.right_tag a{display:inline-block;margin:4px 4px 4px 0;white-space:nowrap;border:1px solid #dce0e4;padding:4px 15px;font-size:14px;background:#fff;color:#444;border-radius:4px}
.right_tag a.on,.right_tag a:hover{background:#246;border-color:#246;color:#fff!important}
/*主要内容*/
.main{width:100%;margin: 0 auto;}
.main-left{width:100%;background: #fff;padding:15px;border-radius:10px;margin-top:20px}
.list_title{position:relative;font-size:18px;line-height:30px}
.list_title h3{font-size:24px}
.list_intro{margin-top:20px}
.list_intro img{float:left;width:96px;margin-right:10px}
.list_intro p{line-height:28px;color:#666;}
.list_wrap{margin-top:20px}
.list_wrap h4{height:40px;line-height:40px;position:relative;padding-left:30px;font-size:16px;background-color:#f5f9f9;border-radius:10px}
.list_wrap h4::before{content:"";display:block;position:absolute;height:16px;width:6px;background:#246;border-radius:10px;left:10px;top:12px}
.list_wrap ul{margin-top:20px}
.list_wrap ul li{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;position:relative;line-height:40px;height:40px;margin-bottom:10px;padding:0 0 0 20px}
.list_wrap ul li::before{content:"";display:block;position:absolute;left:0;width:6px;height:6px;background-color:#cbd9d9;border-radius:10px;z-index:2;top:18px}
.list_wrap ul li a{flex:1;font-size:16px;color:#333;background-color:#fff;padding-right:20px;z-index:1}
.list_wrap ul li a em{color:#FF5722}
.list_wrap ul li time{background-color:#fff;color:#999;padding-left:10px}
.list_dict ul li a{color:#007bff}
.list_rows li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #dee2e6}
.list_rows li h2{font-size:18px;margin-bottom:5px}
.list_rows li h2 em{color:#FF5722}
.list_rows li h2 .midi,.list_rows li h2 .jiemi{font-size:14px;color:#333}
.list_rows li h2 .author{font-size:14px;color:#333;text-align:right;}
.list_rows li h2 .author::before{content:'— '}
.list_rows li p{line-height:1.8;margin-bottom:5px}
.list_rows li div i{font-style:normal}
.list_rows li div i::before{content:'#'}
/*栏目页右侧导航*/
.main-right{width:100%;margin-top:20px;background:#fff;border-radius:10px}
.main-right .right_box{width:100%;padding:15px}
.main-right .right_box ul{flex-wrap:wrap;justify-content:space-between;display:flex;float:left}
.main-right .right_box span{width:100%;display:block;font-size:16px;color:#000;margin-bottom:10px;font-weight:700}
.main-right .right_box li{float:left;width:100%;height:35px;line-height:35px;overflow:hidden}
.main-right .right_box li a{overflow:hidden;float:left;line-height:28px;height:28px;font-size:15px;color:#333}
.main-right .right_box li a::before{content:"";float:left;height:3px;width:3px;background:#246;margin-top:14px;margin-right:5px}
.main-right .right_box li code{float:left;display:none}
.right_fixed{top:0;width:336px;position:fixed!important}
.right_link a{width:100%;display:block;line-height:30px;height:30px;overflow:hidden}
.right_link.col-2 a{width:50%;float:left}
/*footer*/
.footer{width:100%;padding:10px 0;background:#246;float: left;margin-top:15px;}
.footer p {width:100%;text-align: center;color: #d8dde0;font-size: 12px;height: 28px;line-height: 28px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;}
.footer p a:hover{text-decoration:none;}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;}
.footer p a{color: #d8dde0;font-size: 12px;}
.footer p img{color: #d8dde0;display: inline-block;}
.footer p:last-child a{display:flex;align-items: center;padding: 0 5px;}
/*成语BOX*/
.box_wrap ul{margin:20px -6px 0;}
.box_wrap ul li{float:left;position:relative;white-space:nowrap;width:50%}
.box_wrap ul li a{font-size:18px;text-decoration:none;width:auto;height:auto;overflow:hidden;margin:6px;padding:8px 6px;background-color:#f1f3f4;display:block;text-align:center;border-radius:3px;color:#000}
.box_wrap ul li a span{font-size:13px;display:block;overflow:hidden;height:24px;line-height:24px;color:#999;font-family:tahoma,arial,georgia,verdana,helvetica,sans-serif}
.box_wrap ul li a em{color:#FF5722}
.box_wrap ul li a:hover{background-color:#fff;color:#000;box-shadow:rgb(235 234 226) 0.125rem 0.125rem 0.625rem 0, rgb(122 122 119 / 30%) 0.125rem 0.125rem 0.625rem 0;}
/*unicode*/
.fl { float: left; }
.fr { float: right; }
.tc{text-align:center}
.fb{font-weight:bold!important}
.c-333{color:#333!important}
.c-999{color:#999!important}
.c-red{color:#FF5722!important}
.f-12{font-size:12px!important}
.f-14{font-size:14px!important}
.f-16{font-size:16px!important}
.b-bottom{border-bottom:1px solid #dee2e6!important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.my5{margin-top:5px;margin-bottom:5px}
.px15{padding-right:15px;padding-left:15px;}
.col-flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.col-flex-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;box-sizing:border-box;}
.col-flex-8{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;box-sizing:border-box;}
.col-flex-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;font-size:16px;box-sizing:border-box;}
.list-range p{line-height:30px}
.list-unicode dd{display:inline-block;border:solid #f2f3f5;border-width:0 1px 1px 0;margin:0;float:left;width:20%;box-sizing:border-box;}
.list-unicode dd:nth-child(5n){border-right:0}
.list-unicode dd a{display:block;width:100%;font-size:30px;line-height:1.5;height:45px;text-align:center;text-decoration:none}
.list-unicode dd i,.list-unicode dd b{display:block;width:100%;font-size:12px;line-height:30px;text-align:center;font-weight:400;font-style:normal;color:#ccc;font-family:'Arial',sans-serif;}
.list-unicode dd b{color:#a9a}
.list-unicode dd.copy{cursor:pointer}
.list-unicode.list-fuhao dd{width:33.33333%}
.list-unicode.list-fuhao dd:nth-child(6n){border-right:0}
.list-unicode.list-fuhao dd:nth-child(8n){border-right:1px solid #f2f3f5}
.list-unicode.i2 dd i{width:50%;float:left;border-top:1px solid #f2f3f5;cursor:pointer;box-sizing:border-box;}
.list-unicode.i2 dd i + i{border-left:1px solid #f2f3f5;}
.list-unicode.i2 dd i:hover{background:#00c980;color:#fff}
.list-unicode.i2 dd a{font-size:26px}
.fixarea{width:100%;position:relative;}
.fixarea .fixed{position:fixed;margin-left:0;margin-right:0;top:0;z-index:999;display:block;width:inherit}
.fixarea .fixed + dl{margin-top:203px}
.unifield{display:none}
.table{width:100%;margin-bottom:10px;color:#212529;border-collapse:collapse}
.table td,.table th{vertical-align:middle;border-top:1px solid #dee2e6;padding:5px;height:35px;line-height:35px}
.table th{font-weight:600;font-size:14px}
.table td img{height:100%}
.table td a + a{margin-left:5px}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.05)}
.emoji .browser{font-size:2em}
.emoji button{min-width: 50px;}
.unicode .code_font{display:block;font-size:160px;line-height:260px;background:#f8f9fb;border:1px solid #edecef;text-align:center;margin-bottom:1rem;width:100%;height:260px}
.unicode p{margin-bottom:10px;line-height:28px}
.tools dd{display:flex;height:103px;padding:20px;background:#fcfcfc;border-radius:3px;margin-bottom:10px}
.tools dd i{display:block;min-width:60px;height:60px;font-size:26px;color:#1f80a9;background:#E3E7EA;border-radius:30px;line-height:55px;text-align:center;font-style:normal}
.tools dd a{display:block;line-height:19px;margin-left:20px;text-decoration:none}
.tools dd b{display:block;padding:0 0 6px;font-size:18px;font-weight:400}
.tools dd p{color:#b9bbbb;font-size:12px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.form-group{margin-bottom:1rem}
.form-control{display:block;box-sizing:border-box;width:100%;padding:5px 10px;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.zi-btn{position:relative;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:center;text-decoration:none;color:#333;border-radius:5px;-webkit-tap-highlight-color:transparent;overflow:hidden;display:inline-block;padding:3% 1%;line-height:2.5;font-size:14px;background-color:#fff;border:1px solid #f4f4f4;width:100%}
.zi-btn i{font-style:normal;}
.zi-btn span{position:absolute;left:0;top:0;font-size:12px;padding:0 2%;background:#00c980;color:#fff;height:20px;line-height:20px}
.zi-btn:hover{color:#fff;background:#00c980;}
.zi-emoji .zi-btn{text-align:left}
.zi-emoji .zi-btn span{right:0;left:auto}
.zi-emoji pre{line-height:1.2;margin-bottom:0}
.cal{width:100%!important}
.cal_side{display:none!important}
/*btn*/
.btn{cursor:pointer;display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:14px;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}
.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}
.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}
.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}
.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}
.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}
/*gotop*/
.GoTop{position:fixed;bottom:0;right:15px;display:flex;flex-direction:column;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;will-change:transfrom}
.GoTopBox{width:36px;height:140px;transition:height .2s ease}
.GoTopBox.GoTopBox-hide{height:0}
.GoTop button{background:rgba(0,0,0,.4);border-radius:50%;width:36px;height:36px;border:none;cursor:pointer;text-align:center;font-size:14px;}
.GoTop button svg{fill:#fff;width:20px;height:20px}
.GoTop button svg:hover{fill:#fff}
.BackBot{margin-top:5px}
.BackBot svg{transform: rotate(180deg);}