@charset "utf-8";

#content{min-height:90%;}
#header{height:40px; background-color:#fff; position:relative; animation-duration:1s; -webkit-animation-duration:1s;}

.header-inner .btn{width:40px; height:39px; padding:2px 0 0; font-size:18px; border-radius:0;}
.header-inner .btn:active, .header-inner .btn.active{color:#4998e7; box-shadow:none; -webkit-box-shadow:none; outline:0;}
.header-inner .btn.active .subtail, .header-inner .btn.active .tail{display:block; z-index:101;}
.header-inner .btn .subtail{left:10px; animation:fadein .3s both; display:none; position:absolute; border:8px solid #ddd; border-top:8px solid transparent; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-3px;}
.header-inner .btn .tail{left: 11px;
    animation: fadein .3s both;
    position: absolute;
    display: none;
    border: 7px solid #fcfcfc;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -3px;}
.logo-header{display:block; width:300px; height:40px; text-indent:-100%; overflow:hidden; background-image:url("../images/logo.png"); margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:auto 23px;}
.logo-header1{display:block; width:300px; height:40px; text-indent:-100%; overflow:hidden; background-image:url("../images/logo_mhknetcn.png"); margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:auto 23px;}

#btn-search-header, #btn-guid-header{position:absolute; right:0; top:0; outline:none;}
#btn-guid-header{left:0;}
#area-guid-header, #area-search-header{position:absolute; background-color:#fff; border:1px solid #ddd; display:none; z-index:100; width:100%; padding:10px; top:40px;}
#area-guid-header{left:0; overflow:hidden; overflow-y:auto; width:90%;}
#area-guid-header .area-switch .btn{color:#999;}
#area-guid-header .area-switch .btn:hover{color:#4998e7;}
#area-guid-header .area-switch .btn-post{background-color:#4998e7; color:#fff;}
#area-guid-header .area-switch .btn-post:hover{background-color:#20659c; color:#fff;}
#area-guid-header .sp-line{height:1px; background:#ddd; width:100%; margin:10px 0;}

#area-guid-header .area-category .list{margin:0; padding:0; margin-bottom:10px;}
#area-guid-header .area-category .list li{list-style:none;}
#area-guid-header .area-category .list .ch-a{width:20%; float:left;}
#area-guid-header .area-category .list .ch-a li{padding:3px 0 3px 0;}
#area-guid-header .area-category .list .ch-a li a{display:block; padding:4px; border-radius:4px; background-color:#eee; text-align:center;}
#area-guid-header .area-category .list .ch-b{font-size:12px; width:80%; float:left; overflow:hidden;}
#area-guid-header .area-category .list .ch-b li{float:left; width:50%; padding:3px 0 3px 6px;}
#area-guid-header .area-category .list .ch-b li a{display:block; padding:4px; border-radius:4px; border:1px solid #ddd; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#area-search-header{right:0;}
#area-search-header .form-search{position:relative; padding:4px 72px 4px 0;}
#area-search-header .form-search .select-cats{padding:0 5px; border-radius:3px 0 0 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#999; font-size:12px; height:34px; width:80px; position:absolute; top:4px; left:0; outline:0; background:#f4f4f4; border:1px solid #4998e7;}
#area-search-header .form-search:after{font:normal normal normal 14px/1 FontAwesome; content:"\f107"; color:#999; position:absolute; width:16px; height:16px; top:13px; line-height:16px; text-align:center; left:60px; z-index:2;}
#area-search-header .form-search .ipt-search{color:#333; outline:0; padding:1px 8px; padding-left:85px; width:100%; display:block; height:34px; border-radius:3px 0 0 3px; border:1px solid #4998e7;}
#area-search-header .form-search .btn-search{border-radius:0 3px 3px 0; color:#fff; outline:0; position:absolute; width:72px; height:34px; right:0; top:4px; background-color:#4998e7; border:1px solid #4998e7;}

#area-guid-header .area-close, #area-search-header .area-close{clear:both; margin-top:10px; text-align:center;}
#area-guid-header .area-close button, #area-search-header .area-close button{height:30px; width:50%; margin:0 auto; background-color:#fcfcfc; border:1px solid #ccc; border-radius:3px; color:#999;}
#area-guid-header .area-close button{background-color:#eee;}

#footer{margin-top:10px; background-color:#49535d;}
#footer .category-footer ul{padding:1px 0;}
#footer .category-footer ul li{width:25%; float:left;}
#footer .category-footer ul li a{display:block; color:#95a0ac; height:30px; line-height:30px; text-align:center;}
#footer .copyright{padding:0px 0 55px; line-height:10px; text-align:center; color:#707982; background-color:#404a54;}
.btn-backToTop{font-size:40px; color:#fff; line-height:48px; text-align:center; width:48px; height:48px; position:fixed; right:20px; bottom:65px; background:rgba(0,0,0,.5); border-radius:5px;}
.btn-backToTop:hover{color:#fff;}

#footer .button-group{border:1px solid #313a43; display:inline-block; border-radius:2px; background:#35414c;}
#footer .button-group .button{display:inline-block; padding:10px 25px; color:#999; border-right:1px solid #313a43; color:#707982;}
#footer .button-group .button:last-child{border-right:0;}

#nav_bar {width:100%; background:#fff; height:45px; padding-top:6px; position:fixed; color:#333; z-index:10; bottom:0; font-size:12px;}
#nav_bar li {width:25%; height:45px; text-align:center; float:left; display:inline;}
#nav_bar li i{width:100%; height:16px; line-height:16px; overflow:hidden; font-size:16px; text-align:center;}
#nav_bar li a{color:#333;}
#nav_bar1{width:100%; background:#fff; height:45px; padding-top:6px; position:fixed; color:#333; z-index:10;bottom:0; font-size:12px;}
#nav_bar1 li{width:25%; height:45px; text-align:center; float:left; display:inline;}
#nav_bar1 li i{width:100%; height:16px; line-height:16px; overflow:hidden; font-size:16px; text-align:center;}
#nav_bar1 li a{color:#333;}

#nav_bart {width:100%; background:#fff; height:45px; padding-top:6px; position:fixed; color:#333; z-index:10; bottom:0; font-size:12px;}
#nav_bart li {width:25%; height:45px; text-align:center; float:left; display:inline;}
#nav_bart li i{width:100%; height:16px; line-height:16px; overflow:hidden; font-size:16px; text-align:center;}
#nav_bart li a{color:#333;}