*{box-sizing:border-box;}
html,body{margin:0;padding:0;background-color:#fff;font-size:16px;}
a{color:#333;}a:hover{color:#fca50e;}
h3{margin:0;font-size:1.5em;background:#f9f9f9;text-align:center;padding:15px 0;}
h4{margin:1em 0 .55em 0;font-size:1.25em;color:#000;}
h5{margin:0 0 0.75em 0;padding:0 0 0.7em 0;border-bottom:1px solid #f3f3f3;font-size:1.2em;color:#333;}
p{margin:0;padding:0;line-height:1.8em;}
pre{line-height:2em;padding-left:1em;white-space:pre-wrap;}
ul,li{margin:0;padding:0;list-style-type:none;}
.header{background-color:#fca50e;padding:1rem 0;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}
.wrap{margin:0 auto;display:block;max-width:1320px;padding:0 20px;}
.header a{color:#fff;text-decoration:none;}
.header a strong{font-size:1.8em;vertical-align:middle;}
.header a span{text-decoration:underline;}
.logo{display:inline-block;}.logo img{width56px;height:56px;vertical-align:middle;}
.box{padding:15px 0;}
.search{text-align:center;}
.flex{display:flex;flex-wrap:wrap;margin-left:-0.75rem;margin-right:-0.75rem;}
.flex .container{flex:0 0 auto;width:33.3333%;max-width:100%;padding-left:0.75rem;padding-right:0.75rem;}
.flex .container .col{border-radius:10px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);margin:0;padding:20px 18px 20px 18px;margin-bottom:30px;}
.circlewrap{position:relative;flex:0 0 auto;cursor:pointer;width:23%;min-width:96px;min-height:96px;background-color:#f3f3f3;line-height:96px;text-align:center;border-radius:50%;color:#fca50e;font-size:2.5em;}
.circlewrap div{display:block;width:1em;height:1em;position:absolute;line-height:1em;}.lt{left:.35em;top:.35em;}.rb{right:.35em;bottom:.35em;}
.col{display:flex;flex-wrap:nowrap;}
.c1{text-align:center;}
.titlewrap{flex:0 0 auto;width:77%;vertical-align:top;padding-left:1em;padding-right:1em;white-space:wrap;}.titlewrap a{color:#999;text-decoration:none;}
.footer .wrap{border-top:1px solid #eee;background-color:#fcfcfc;text-align:center;padding:20px 0;font-size:0.875em;}
.footer a{color:#999;}.footer a:hover{color:#000;}
.searchForm{position:relative;margin:0 auto;width:33%;}
.searchicon{width:2.1em;height:2.1em;position:absolute;right:6px;top:4px;;z-index:999;cursor:pointer;}
.search span,.search form{display:inline-block;}.search span{color:#777;}
.crumbs{font-size:0.875em;}
#key{padding:9px 40px 9px 8px;width:100%;border:1px solid #eee;background:#fff;border-radius:5px;outline:none;font-size:.9rem;}
.hot{text-align:center;margin-top:0;padding-top:0;}
.bror{border-bottom:1px solid #fca50e;}
.col2{flex:0 0 auto;width:50%;min-height:200px;padding:0 0.75rem;margin-bottom:30px;}
.intro{line-height:1.8em;color:#666;}.intro p{margin:10px 10px 0 20px;text-indent:2em;}
.col2wrap{border-radius:8px;border:1px solid #eee;padding:18px 25px;min-height:200px;}
.ci{padding:18px;}
.cl{background:#f3f3f3;padding:1.2em 1em;border-radius:8px;margin-top:15px;}
.zhougong, .zg{width:100%;}.zhougong p, .zg p{line-height:2em;}
.col4{flex:0 0 auto;width:25%;min-height:200px;padding:0 0.75rem;margin-bottom:30px;}
.npt{padding-top:0;}
.gr-color{color:#fca50e;}
.url{float:right;padding-top:1em;padding-right:.5em;}.url a{text-decoration:underline;font-family:Georgia,Serif;}
.cl a{display:block;width:100%;line-height:2em;text-indent:0.3em;overflow:hidden;white-space:nowrap;}.cl a:hover{background-color:#fff;}
.hotdream li{display:inline-block;margin-right:0.8em;line-height:2em;}.hotdream a:hover{background-color:#f7f7f7;text-decoration:none;}
.tips{color:#666;}
.searchBox li{color:#777;line-height:1.8em;}.searchBox ul{margin:0 0 1.5em 1em;}
.stitle{font-size:1.1em;line-height:2em;}.stitle:hover{text-decoration:none;background-color:#f7f7f7;}
.suri{color:#fca50e;font-size:0.875em;}.suri:hover{color:#333;text-decoration:none;}
.imgBox{text-align:center;padding-top:1em;}.imgBox img{width:480px;max-width:100%;}
.cateBox a{display:block;width:25%;line-height:2em;}.cateBox{margin-left:1em;}
.zhougong pre{text-align:center;}
.zg pre{font-weight:bold;}

@media (max-width:46em){
pre{padding-left:0;}
.flex .container{flex:0 0 auto;width:100%;max-width:100%;padding-left:0.75rem;padding-right:0.75rem;}
.flex .col2{width:100%;}
.flex .col4{width:50%;}
.searchForm{min-width:58%;}
.intro p{margin-left:0;}
.cl{padding:1.2em 0.5em;}
.cateBox a{width:50%;}
}