html,body{
overflow:auto !important;
width:100%;
height: 100%;
margin: 0;
padding: 0;
}
body{
  text-align: center;
  background: #0f3854;
  background: -webkit-radial-gradient(#0a2e38 0%,#000000 80%); /* Safari 5.1-6.0 */
  background: -o-radial-gradient(#0a2e38 0%,#000000 80%); /* Opera 11.6-12.0 */
  background: -moz-radial-gradient(#0a2e38 0%,#000000 80%); /* Firefox 3.6-15 */
  background: radial-gradient(#0a2e38 0%,#000000 80%); /* 标准语法 */
  background-size: 100%;
}
p{
  margin: 0;
  padding: 0;
}
a{
  color:#50b2c8;
  text-decoration:none;
}
h1{color:red;}
h2{color:green;}
h3{color:#a7e9c3}
h4{color:blue;font-size:50px}
*{ box-sizing: border-box;}
#clock {
  font-family: 'Share Tech Mono', monospace;
  text-align: center;
  color: #daf6ff;
 /* text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0); */
}
#clock .time {
  letter-spacing: 0.05em;
  font-size: 60px;
  padding: 5px 0;
}
#clock .date {
  letter-spacing: 0.1em;
  font-size: 15px;
}
#clock .text {
  letter-spacing: 0.1em;
  font-size: 12px;
  padding: 20px 0 0;
}
#word{
background: #fff;
color: #000;
max-height:170px;
overflow-y:auto;
overflow-x:hidden;
}
div.search {padding: 5px 0;}	
	  form {
		  position: relative;
		  width: 300px;
		  margin: 0 auto;
	  }
	  input, button {
		  border: none;
		  outline: none;
		  color:white;
	  }
	  input {
		  width: 100%;
		  height: 42px;
		  padding-left: 13px;
	  }
	  button {
		  height: 42px;
		  width: 42px;
		  cursor: pointer;
		  position: absolute;
	  }
	 /*搜索框6*/
	  .bar6 input {
		  background: transparent;
		  border-radius:3px;
		  border:2px solid #6599aa ;
		  top: 0;
		  right: 0;
	  }
	  .bar6 button {
		  background:#6599aa;
		  border-radius: 0 5px 5px 0;
		  width: 60px;
		  top: 0;
		  right: 0;
	  }
	  .bar6 button:before {
		  content: "搜索";
		  font-size: 13px;
		  color: white;
	  }
  /* 搜索内容样式 */    
 .list_btn{
   display: inline-block; 
   text-decoration: inherit;
  /* 内外边距及宽高属性 */
   margin: 1%;  padding: 5px;
   height: 30px;
   min-width:31%;
   max-width:95%;
   /* 文字及边框属性 */
   color:#50b2c8;
   font-size:13px;
   border-radius: 5px; 
   border: 2px solid #50b2c8; 
  /* 文字剪裁 */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
  outline: 0 !important
} 
  /*  移动设备自适应宽高  */  
  @media screen and (max-width: 650px){.list_btn{min-width:95%;}} 
  /*清除浮动代码*/
 .clearfloat{clear:both} 
.resou{
	  padding-top: 15px;
 }
.resou a{
	color:#50b2c8;
	padding: 5px;
	text-decoration:none; 
}

#wrapper {
  margin:0 auto;
  padding:0;
}
.tagcloud {
  position: relative;
  margin:80px 50px 53px 8px;
}
.tagcloud a {
  display: block;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
}
.bo3{
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.bo5{
    width: 89px;
    height: 89px;
    line-height: 89px;
}
.bo6{
    width: 108px;
    height: 108px;
    line-height: 108px;
}
.bo8{
    width: 135px;
    height: 135px;
    line-height: 135px;
}
.bo9{
    width: 156px;
    height: 156px;
    line-height: 156px;
}
.bo12{
    width: 210px;
    height: 210px;
    line-height: 210px;
}
.co1{
    background: -moz-linear-gradient(top, #d1e5fd 0%, #3d86f4 100%);
    background: -webkit-linear-gradient(top, #d1e5fd 0%,#3d86f4 100%);
    background: -o-linear-gradient(top, #d1e5fd 0%,#3d86f4 100%);
    background: -ms-linear-gradient(top, #d1e5fd 0%,#3d86f4 100%);
    background: linear-gradient(to bottom, #d1e5fd 0%,#3d86f4 100%);
}
.co2{
    background: -moz-linear-gradient(top, #b9f8ff 0%, #1de7ff 100%);
    background: -webkit-linear-gradient(top, #b9f8ff 0%,#1de7ff 100%);
    background: -o-linear-gradient(top, #b9f8ff 0%,#1de7ff 100%);
    background: -ms-linear-gradient(top, #b9f8ff 0%,#1de7ff 100%);
    background: linear-gradient(to bottom, #b9f8ff 0%,#1de7ff 100%);
}
.co3{
    background: -moz-linear-gradient(top, #bcf7ca 0%, #1fda4b 100%);
    background: -webkit-linear-gradient(top, #bcf7ca 0%,#1fda4b 100%);
    background: -o-linear-gradient(top, #bcf7ca 0%,#1fda4b 100%);
    background: -ms-linear-gradient(top, #bcf7ca 0%,#1fda4b 100%);
    background: linear-gradient(to bottom, #bcf7ca 0%,#1fda4b 100%);
}
.co4{
    background: -moz-linear-gradient(top, #f7cdf8 0%, #db43e7 100%);
    background: -webkit-linear-gradient(top, #f7cdf8 0%,#db43e7 100%);
    background: -o-linear-gradient(top, #f7cdf8 0%,#db43e7 100%);
    background: -ms-linear-gradient(top, #f7cdf8 0%,#db43e7 100%);
    background: linear-gradient(to bottom, #f7cdf8 0%,#db43e7 100%);
}
.co5{
    background: -moz-linear-gradient(top, #fef4fa 0%, #fbbae0 100%);
    background: -webkit-linear-gradient(top, #fef4fa 0%,#fbbae0 100%);
    background: -o-linear-gradient(top, #fef4fa 0%,#fbbae0 100%);
    background: -ms-linear-gradient(top, #fef4fa 0%,#fbbae0 100%);
    background: linear-gradient(to bottom, #fef4fa 0%,#fbbae0 100%);
}
.co6{
    background: -moz-linear-gradient(top, #fedc90 0%, #ffb515 100%);
    background: -webkit-linear-gradient(top, #fedc90 0%,#ffb515 100%);
    background: -o-linear-gradient(top, #fedc90 0%,#ffb515 100%);
    background: -ms-linear-gradient(top, #fedc90 0%,#ffb515 100%);
    background: linear-gradient(to bottom, #fedc90 0%,#ffb515 100%);
}
.co7{
    background: -moz-linear-gradient(top, #fff4e2 0%, #ffd79c 100%);
    background: -webkit-linear-gradient(top, #fff4e2 0%,#ffd79c 100%);
    background: -o-linear-gradient(top, #fff4e2 0%,#ffd79c 100%);
    background: -ms-linear-gradient(top, #fff4e2 0%,#ffd79c 100%);
    background: linear-gradient(to bottom, #fff4e2 0%,#ffd79c 100%);
}