html, legend {color: #333;}
body, button, input, select, textarea {font: 12px/1.5 'Microsoft YaHei','SimSun',tahoma,verdana,arial,sans-serif;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
body {padding:0px 15px;}
.clear-fix::after {content: "020";display: block;height: 0;clear: both;visibility: hidden;}
a {color: #0063DC;}
a {text-decoration: none;}
fieldset, img {border: 0;border-image: initial;}
button, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
button {cursor: pointer;overflow: hidden;}
 
.searchtop {position:fixed;top:0px;left:0px;width:100%;background:#fff;z-index:9992;}
#blogou-header {clear: both;padding: 10px 0 0;position:relative;margin: 0 auto;}
#blogou-header-bd {margin: 0 auto;min-width: 700px;max-width: 700px;padding: 0;}
#blogou-logo {float: left;position: relative;_margin-right: -3px;height: 43px;padding-right: 20px;z-index: 1;}
.blogou-default-logo #blogou-logo .blogou-main-logo {height: 57px;min-width: 88px;}
#blogou-logo .blogou-main-logo, #blogou-logo .blogou-sub-logo {display: inline-block;_display: inline;float: left;}
#blogou-logo .blogou-main-logo {height: 43px;min-width: 84px;}
#blogou-logo a {outline: none;}
.blogou-default-logo #blogou-logo .blogou-main-logo b {font-size: 43px;}
#blogou-logo .blogou-main-logo b, #blogou-logo .blogou-sub-logo b {
  color: #498FCD;
  display: inline-block;
  font-size: 16px;
  height: 43px;
  left: 0;
  line-height: 43px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  font-size: 42px;
}
.blogou-default-logo #blogou-logo img {
  top: -7px;
  left: 0;
}
#blogou-logo .blogou-main-logo img, #blogou-logo .blogou-sub-logo img {
  position: relative;
  display: inline-block;
}
.blogou-search {
  position: relative;
  height: 43px;
}
.blogou-search legend {
  background: url(../images/loading.gif) no-repeat -9999px -9999px;
  display: none;
}
.blogou-search fieldset{*position:relative;*z-index:1;}
.s-bg-inner .s-menu-container, .blogou-search .s-bg-outer {
  background-color: #CCC;
}
.blogou-search .s-bg-outer {
  padding: 3px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color .25s ease-out 0s;
  -moz-transition: background-color .25s ease-out 0s;
  transition: background-color .25s ease-out 0s;
}
.blogou-search .s-bg-inner {
  position: relative;
  height: 37px;
  background-color: white;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-radius 0s ease-out .2s;
  -moz-transition: border-radius 0s ease-out .2s;
  transition: border-radius 0s ease-out .2s;
}
.blogou-search .s-menu {
  float: left;
  color: #8C8C8C;
  -webkit-transition: color .25s ease-out 0s;
  -moz-transition: color .25s ease-out 0s;
  transition: color .25s ease-out 0s;
}
.blogou-search .s-menu-selected {
  height: 37px;
  _height: 27px;
  line-height: 35px;
  padding: 0 6px 0 10px;
  font-size: 16px;
  cursor: pointer;
  _display: inline;
  _zoom: 1;
  _padding-top: 8px;
}
.blogou-search button, .blogou-search .s-menu-selected i {
  background: url(../images/searchnavi.png) no-repeat -9999px -9999px;
}
.blogou-search .s-menu-selected i {
  display: inline-block;
  width: 11px;
  height: 7px;
  margin-left: 7px;
  _margin: 0 0 0 7px;
  _font-size: 0;
}
.blogou-search .s-menu-selected, .blogou-search .s-menu-selected i {
  background-position: 0 0;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}
.s-bg-inner .s-menu-container {
  position: absolute;
  left: -3px;
  top: 37px;
  width: 216px;
  padding: 0;
  z-index: 10000;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: height .2s ease-out 0s;
  -moz-transition: height .2s ease-out 0s;
  transition: height .2s ease-out 0s;
}
.s-bg-inner .s-menu-container, .blogou-search .s-bg-outer {
  background-color: #CCC;
}
.blogou-search .s-menu-list {
  background-color: white;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: height .2s ease-out 0s;
  -webkit-transition: height .2s ease-out 0s;
  -moz-transition: height .2s ease-out 0s;
  overflow: hidden;
  margin: 0 3px 3px;
  width:210px;
}
.blogou-search .s-menu-list li {
  float:left;
  margin: 0;
  text-align: left;
}
.blogou-search .s-menu-list li.selected a {
  background: #F1F1F1;
  color: #404040;
  font-weight: 400;
}
.blogou-search .s-menu-list li a {
  display: block;
  width: 56px;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  color: #666;
  letter-spacing: 1px;
  font-size: 14px;
}
.blogou-search .s-btn-submit {
  width: 65px;
  height: 37px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.blogou-search .s-btn-submit {
  background-position: 0 -52px;
}
.blogou-search button {
  float: right;
  border: 0;
  margin: 0;
  padding: 0;
  text-indent: -999em;
  border-image: initial;
}
.blogou-search .s-ipt-outer {
  height: 37px;
}
.blogou-search .s-ipt-inner {
  position: relative;
  overflow: hidden;
}
.blogou-search .s-bg-outer .labelshow {
  top: 0;
  top: 2px	9;
}
.blogou-search .s-bg-outer label {
  position: absolute;
  left: 7px;
  top: -99999px;
  color: #D3D2D2;
  font-size: 12px;
  height: 37px;
  line-height: 37px;
  cursor: text;
}
.blogou-search .s-bg-inner input {
  width: 99%;
  _width: 90%;
  display: block;
  height: 30px;
  padding: 4px 4px 3px;
  *padding:2px 4px 2px;
  margin: 0;
  font: 20px/30px 'Microsoft YaHei','SimSun',tahoma,verdana,arial,sans-serif;
  border: 0 none;
  outline: none;
  color: #333;
  border-image: initial;
}
.blogou-search .s-ipt-inner input {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.blogou-search .s-bg-inner.expandmenu{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-transition:border-radius 0s ease-out 0s;-moz-transition:border-radius 0s ease-out 0s;transition:border-radius 0s ease-out 0s;}
.blogou-search .s-menu:hover,.blogou-search .s-menu.expand{color:#636363;text-decoration:none;}
.blogou-search .s-menu.expand i{background-position:-40px 0 \9;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform:translated3d(0,0,999px);}
.blogou-search .s-menu:hover i{background-position:-20px 0\9;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform:translated3d(0,0,999px);}
.blogou-search .s-bg-outer.focus,.s-bg-outer.focus .s-menu-container{background-color:#498fcd;}
.blogou-header-bi .blogou-search .s-bg-outer.focus,.blogou-header-bi .s-bg-outer.focus .s-menu-container{background-color:#488fcd;}
.s-bg-inner .s-menu-container,.blogou-search .s-bg-outer{background-color:#ccc;}

.blogou-content {
  width: 700px;
  margin: 0 auto;
  clear: both;
  padding-top:180px;
  margin-bottom: 20px;
  position: relative;
}

.blogou-content h2 {
  font-size:24px;
}

.blogou-content h2 span {
  font-size:40px;
  color:red;
}

.blogou-content h3 {
  font-size:18px;
}

#websites {padding-bottom:20px;}
#websites ul {width:700px;}
#websites ul li {float:left;width:170px;} 
#websites ul li input{padding-right:2px;} 
#websites div.title {clear:both;display:block;font-size:20px;border-bottom:2px solid #488FCD;margin:5px 0px;}
#websites div.title span {float:right;font-size:16px;line-height:40px;}
#websites div.title span a {padding-left:5px;font-size:14px;}
#indexContent {padding-top:20px;}
.searchbtn {text-align:center;}

ul#cates li {list-style-type:square;font-size:15px;}
#subcates {margin-left:180px;border:1px solid #dbe2e8;padding:0px 10px;}
.catetitle label {font-size:18px;font-weight:bold;}
.subcate label {font-size:16px;font-weight:bold;}
.clear {clear:both;height:0px;}

.tips {padding:10px 0px;}
#menus li {float:left;padding-right:20px;padding-bottom:3px;}

.loading {width:300px;margin:0 auto;position:relative;}
.loading .liner {position:absolute;top:40px;z-index:1000; -webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px;-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px;border:1px solid #bbb;border-radius:3px; padding:20px 0;background-color:#fff;text-align:center;  width:298px;}
.loading h3 {margin:0px 0px 10px 0px;font-size:14px;}
