html {
    height:100%;
}
body {
   width:100%;
   height: 100%;
   background: linear-gradient(125deg,#3498db,#fab1a0,#00cec9,#fd79a8,#c7ecee);
   background-size:400%;
   animation: bganimation 15s infinite;
   background-repeat: no-repeat；
}
#home {
    background:rgba(255,255,255,.5);
    border-radius:10px;
} 
#navigator {
    border-radius: 5px;
    height: 100px;
    width: 100%;
    background: rgba(255,255,255,0);
    position: relative;
    font-size: 16px;
}
#navList {
      width:80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      padding: 0;
      margin: 0;
      display: flex;
}
#navList li {
       list-style: none;
}
#navList li a {
       position: relative;
       display: block;
       padding: 10px 30px;
       margin: 20px 0;
       text-emphasis: none;
       text-decoration: none;
       text-transform: uppercase;
       color: #262626;
       font-weight: bold;
       transition: .5s;
}
}
#navList li a:hover {
       color: #ffffff;
}
.blogStats {
      margin-top:-25px;
      font-size:14px;
      font-weight: bold;
}
#navList li a::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border-top: 1px solid #000;
       border-bottom: 1px solid #000;
       transform: scaleY(2);
       opacity: 0;
       transition: .5s;
       z-index: -1;
}
#navList li a:hover::before {
       transform: scaleY(1.2);
       opacity: 1;
}
#navList li a::after {
       content: '';
       position: absolute;
       top: 1px;
       left: 0;
       width: 100%;
       height: 100%;
       background: #dddd;
       transform: scale(0);
       transition: .5s;
       z-index: -1;
}
#navList li a:hover:after {
       transform: scale(1);
}
.day {
       border-radius:10px;
       background:  rgba(255,255,255,0.3);
      box-shadow: 1px 1px 1px 1px #dddddd;
      width:94%;
      border-radius:5px;
      border: 1px solid #88888;
      padding: 10px 2%;
}
.c_b_p_desc a {
      display: block;
      color: blue;
      text-decoration:none；
}
.newsItem {
      border: 1px solid #777777;
      border-radius: 3px;
      padding: 0 15px;
      background: rgba(255,255,255,0);
      margin-top: 15px;
      padding-bottom: 15px;
}
@keyframes bganimation {
      0% {
            background-position: 0% 50%;
      }
      50% {
            background-position: 100% 50%;
      }
      0% {
            background-position: 0% 50%;
      }
}