body {
  font-size: 14px;
  cursor: url("https://files-cdn.cnblogs.com/files/accyja/mouse-plane.gif"), auto;
  background: url(https://tuapi.eees.cc/api.php?category=dongman&type=302);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  /* https://www.320nle.com/acggirl/acgurl.php
  https://www.dmoe.cc/random.php
  https://api.ghser.com/random/pc.php
  https://api.ghser.com/random/api.php
  https://api.yimian.xyz/img
  https://img.xjh.me/random_img.php
  https://i.loli.net/2019/10/11/XtAZJHUVb67aKy2.png */
}

#TopViewPostsBlock {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#wyy {
  position: fixed;
  bottom: 300px;
  right: 0;
  z-index: 999;
}

#Uright {
  width: 100px;
  height: 100px;
  top: -75px;
  right: 50px;
}

#Uleft, #Uright, #Dleft, #Dright {
  -moz-transition-property: top;
  -moz-transition-duration: 1s;
  -webkit-transition-property: top;
  -webkit-transition-duration: 1s;
  -o-transition-property: top;
  -o-transition-duration: 1s;
  position: fixed;
  width: 100px;
  height: 100px;
  line-height: 500px;
  text-align: center;
  z-index: 1;
}

#Uleft {
  width: 80px;
  height: 80px;
  top: -60px;
  left: 50px;
}

#Uleft, #Uright, #Dleft, #Dright {
  -moz-transition-property: top;
  -moz-transition-duration: 1s;
  -webkit-transition-property: top;
  -webkit-transition-duration: 1s;
  -o-transition-property: top;
  -o-transition-duration: 1s;
  position: fixed;
  width: 80px;
  height: 80px;
  line-height: 500px;
  text-align: center;
  z-index: 1;
}

#blogTitle {
  height: auto;
  overflow: hidden;
}

#blogTitle h1,#blogTitle h2 {
  text-align: center;
  margin-left: 0;
  margin-top: 40px;
  width: 100%;
}

#blogTitle h1 a,#blogTitle h2 {
  color: #fa51da;
  font-family: "微软雅黑";
  text-shadow: none;
  font-size: 30px;
}

#navigator {
  background: rgba(105, 145, 214, 0.6);
  margin-top: 0;
  border-radius: 5px;
  border: 2px solid #bbe1f1;
}

#navList a {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid transparent;
  position: relative;
  transition: all 0.6s ease-in;
}
#navList a::before,
#navList a::after{
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
  position: absolute;
  box-sizing: border-box;
}
#navList a::before {
  /* top: 0;
  left: 0;
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s; */
  
  top: 0;
  right: 0;
  transition: border-color ease-in 0.4s,width 0.2s ease-in, height 0.2s ease-in
}
#navList a::after {
  /* bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; */

  bottom: 0;
  left: 0;
  transition: border-color ease-in 0.4s,width 0.2s ease-in, height 0.2s ease-in
}
#navList a:hover {
  border: 1px solid #f837b8;
  text-decoration: none;
}
#navList a:hover::before{
  width: 100%;
  height: 100%;
  /* border-top-color: #f837b8;
  border-right-color: #f837b8;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; */

  border-top-color: #f837b8;
  border-right-color: #f837b8;
  transition: width 0.2s ease-out,height 0.2s ease-out;
}
#navList a:hover::after{
  width: 100%;
  height: 100%;
  /* border-bottom-color: #f837b8;
  border-left-color: #f837b8;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; */

  border-bottom-color: #f837b8;
  border-left-color: #f837b8;
  transition: width 0.2s ease-out,height 0.2s ease-out;
}
#main {
  background: rgba(105, 145, 214, 0.4);
  border-radius: 5px;
}

#TopViewPostsBlock {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#sidebar_蛮不错的一个整合工具集的网站 ul {
  line-height: 1.5em;
  margin-left: 20px;
}

#mainContent {
  background: rgba(105, 145, 214, 0.4);
}

.dayTitle a {
  color: #f41aa3;
  font-size: 18px;
}

.day {
  padding-right: 10px;
  border: 2px solid #bbe1f1;
  background-color: rgba(238, 250, 255, 0.5);
}

#sideBarMain {
  background: rgba(105, 145, 214, 0.4);
  border: 2px solid #bbe1f1;
  margin-top: 10px;
}

#topics .postTitle {
  font-size: 20px;
  padding: 0 100px 10px 20px;
  border-bottom: 1px solid #e0e0e0;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
  color: #e729be;
}

.c_b_p_desc {
  text-indent: 0;
  font-size: 14px;
}

#topics .postDesc {
  color: #f837b8;
}

.postDesc a:link, .postDesc a:visited, .postDesc a:active {
  color: #e449f8;
}

.newsItem .catListTitle {
  text-align: left;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.5);
}

.CalTitle {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  border-bottom: 1px solid #666;
}

.catListEssay h3, .catListLink h3, .catListNoteBook h3, .catListTag h3, .catListPostCategory h3, .catListPostArchive h3, .catListArticleArchive h3, .catListImageCategory h3, .mySearch h3, .catListComment h3, .catListView h3, .catListFeedback h3, #blog-sidecolumn .catListTitle {
  text-align: left;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: none;
  border: 1px solid #ccc;
}

.catListEssay h3, .catListLink h3, .catListNoteBook h3, .catListTag h3, .catListPostCategory h3, .catListPostArchive h3, .catListArticleArchive h3, .catListImageCategory h3, .mySearch h3, .catListComment h3, .catListView h3, .catListFeedback h3, #blog-sidecolumn .catListTitle {
  text-align: left;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: none;
  border: 1px solid #ccc;
}

.mySearch .input_my_zzk {
  height: 1.4em;
  width: 100px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

input.btn_my_zzk {
  vertical-align: middle;
  height: 22px;
  font-size: 12px;
  padding-left: 5px;
  background: rgba(187, 225, 241, 0.5);
  padding-right: 5px;
  border-radius: 5px;
}

.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li {
  margin: .5em;
  height: 20px;
  font-size: 12px;
}

.pager {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: rgba(124, 145, 213, 0.8)!important;
  border-radius: 6px;
}

/*标题彩虹滚动字*/
#blogTitle h2 {
  background-image:
  -webkit-gradient(linear, left top, right top, color-stop(0, #f22),
  color-stop(0.15, #f2f),
  color-stop(0.3, #22f),
  color-stop(0.45, #2ff),
  color-stop(0.6, #2f2),
  color-stop(0.75, #2f2),
  color-stop(0.9, #ff2),
  color-stop(1, #f22));
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: maskedAnimation 5s infinite linear;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text
}

/*文字颜色变化*/
@keyframes maskedAnimation {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -100% 0;
  }
}

/*文字颜色变化*/
@keyframes change {
  0% {
    color: DeepPink;
  }

  25% {
    color: DeepSkyBlue;
  }

  50% {
    color: Gold;
  }

  75% {
    color: MediumAquamarine;
  }

  100% {
    color: BlueViolet;
  }
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 10px;
}

/* 滚动条滑块(竖向:vertical 横向:horizontal) */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: pink;
  border-radius: 10px;
}

/* 滚动条滑块hover */
::-webkit-scrollbar-thumb:hover {
  background-color: red;
}

/* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
  display: block;
  /* 修复交汇时出现的白块 */
}