body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{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:normal}
ol,ul,li{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none;color:#007bff;font-weight: 400;}
a:hover{text-decoration:none;color:#0056b3;transition:0.3s ease; -ms-transition:0.3s ease; -moz-transition:0.3s ease; -webkit-transition:0.3s ease; -o-transition:0.3s ease; }
.clearfix{*zoom:1;}/*IE6 7*/
.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 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.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); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ }
/*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:1200px;margin:auto}
.header{float:left;width:100%;line-height:80px;height:80px;background:#fff}
.header .nav-toggle{display:none}
.header .logo{float:left;width:120px;height:33px;background:url(../img/logo-mini.png) no-repeat;margin-top:24px}
.header .lanmu{float:left;background:#246;color:#fff;padding:0 12px;border-radius:2px;margin:28px 0 0 15px;font-size:14px;height:24px;line-height:24px}
.sidebar{width:370px;float:left;line-height:80px;margin-left:20px;font-size:12px;color:#666;height:80px;overflow:hidden}
.sidebar a{color:#585858;padding:0 4px;font-size:14px}
.sidebar span{color:#585858;font-size:14px}
/*search */
.search{float: right;margin-top:18px}
.search .in_search{width:376px;height:40px;line-height:40px;border:2px solid #246;position:relative;float:right}
.search .in_search .search_text{width:280px;height:40px;line-height:40px;border:none;padding:0 10px;font-size:16px}
.search .in_search .search_btn{height:40px;line-height:40px;width:76px;position:absolute;right:-1px;top:0;border:none;background:#246;font-size:16px;color:#fff;cursor:pointer}
/*栏目导航*/
.ch_nav{width:100%;height:45px;float:left;border-top:1px solid #f1f1f1;background:#246}
.ch_nav ul{width:1200px;margin:0 auto}
.ch_nav ul li{float:left;height:45px;line-height:45px;text-align:center;overflow:hidden}
.ch_nav ul li a{font-size:17px;color:#fff;display:block;padding:0 22px}
.ch_nav ul li.on,.ch_nav ul li:hover{background:#082645}
.ch_nav ul li:hover a{color:#fff}
.nav{width:100%;height:76px;float:left;background:#246}
.nav-inner{width:1200px;margin:0 auto}
.nav-item{height:48px;margin:14px 0;margin-right:15px;padding-left:15px;float:left;overflow:hidden;border-left:#468 solid 1px}
.nav-item:first-child{border-left:0;padding-left:0}
.nav-item p{float:left;overflow:hidden;text-align:center;width:50px;}
.nav-item p a{font-size:18px;font-weight:600;line-height:24px}
.nav-item p a i{font-style:normal;font-size:12px;font-weight:500}
.nav-item ul{float:left;overflow:hidden;}
.nav-item ul li{float:left;margin:0 5px;font-size:14px;height:24px;line-height:24px}
.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: #eeeeee;height: 3px;width: 1100px;margin-top: 18px;}
.channe_fenlei li{float:left;margin-bottom: 9px;}
.channe_fenlei a,.tag_item a{margin: 4px;border: 1px solid #dce0e4;padding:4px 15px;float: left;font-size: 14px;line-height: 24px;height: 24px;background: #ffffff;color: #444;border-radius: 4px;}
.channe_fenlei a:hover,.channe_fenlei a.on,.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:258px;white-space:nowrap;overflow:hidden;font-size:16px;line-height:40px}
.tag_list a em{color:#FF5722}
.right_tag a{margin: 4px 4px 4px 0;border: 1px solid #dce0e4;padding: 4px 15px;float: left;font-size: 14px;line-height: 24px;height: 24px;background: #ffffff;color: #444;border-radius: 4px;}
.right_tag a:hover,.right_tag a.on{background: #246;border-color:#246;color:#fff!important;}
.right_tag.col-2 a{display:inline-block;width:110px;text-align:center;overflow:hidden}
.right_tag.col-2 a:nth-child(2n+1){margin-right:0;margin-left:8px;}
.right_tag.col-6 a:nth-child(6n+1){margin-right:0;}
/*主要内容*/
.main{width:1200px;margin: 0 auto;}
.link {background: #fff;padding: 33px;border-radius: 10px;margin-top:20px;}
.link a{font-size:14px;color:#333;padding-left:10px}
.main-left{float: left;width: 775px;background: #fff;padding: 33px;border-radius: 10px;padding-bottom: 21px;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{position:relative;line-height:40px;min-height:40px;margin-bottom:10px;padding:0 100px 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{font-size:16px;color:#333;background-color:#fff;padding-right:20px;position:absolute;z-index:1}
.list_wrap ul li a em{color:#FF5722}
.list_wrap ul li time{position:absolute;right:0;background-color:#fff;color:#999;padding-left:10px}
.list_wrap ul li::after{content:"";display:block;position:absolute;border-bottom:1px dashed #cbd9d9;width:86%;top:20px;z-index:0}
.list_wrap ul li:nth-child(5n){margin-bottom:50px}
.list_dict ul li{padding-right:0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_dict ul li::after{border:0}
.list_dict ul li:nth-child(5n){margin-bottom:10px}
.list_dict ul li a{position:relative;color:#007bff}
.list_dict ul li time{position:relative;}
.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:336px;float:right;position:static;margin-top:20px}
.main-right .right_box{float:right;background:#fff;border-radius:10px;width:296px;padding:18px 20px;margin-bottom:20px}
.main-right .right_box ul{flex-wrap:wrap;justify-content:space-between;display:flex;float:left}
.main-right .right_box span{float:left;width:100%;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{float:left;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:25%}
.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 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;box-sizing:border-box;}
.col-flex-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;box-sizing:border-box;}
.col-flex-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;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:12.5%;box-sizing:border-box;}
.list-unicode dd:nth-child(8n){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:16.6666666%}
.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}
.list-unicode.i2 dd:nth-child(6n){border-right:0}
.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}
.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}
.col3 .zi-btn{width:32.88888%;}
/*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:1rem;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:50%;margin-right:-680px;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:56px;height:140px;transition:height .2s ease}
.GoTopBox.GoTopBox-hide{height:0}
.GoTop button{background:#fff;border-radius:0 0 4px 4px;width:56px;height:56px;border:none;cursor:pointer;text-align:center;font-size:14px;box-shadow:0 1px 3px rgb(26 26 26 / 10%)}
.GoTop button:first-child{border-radius:4px 4px 0 0;background:#4498ee;color:#fff}
.GoTop button svg{fill:#8590a6;width:30px;height:30px}
.GoTop button svg:hover{fill:#246}
.GoTop button.one:first-child{border-radius:4px;background:#fff;color:#fff}