/*光标替换小猫手鼠标-开始*/
html{
        cursor:url('../小猫手鼠标/z.cur'),default;
}
a:hover {
    cursor:url('../小猫手鼠标/h.cur'),pointer;
}
button:hover,div:hover{
     cursor:url('../小猫手鼠标/h.cur'),default;
} 
/*光标替换小猫手鼠标-结束*/

  @font-face {
  font-family: 'zhanku';
  src: url('../fonts/lcgao1.ttf');
  font-weight: normal;
  font-style: normal;
}
*:not([class*="icon"]):not(i) {
font-family: "zhanku" !important;
color: #000;
}
    * { margin: 0; padding: 0;}
    html { height: 100vh; }
    body { font-size: 1em; 
        
        background-image: url(../img/t016b87c2780df68c90.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0px;
    }
    .main { margin-top: 35vh; margin-left: calc((100vw - 320px) / 3); transition: margin .5s, opacity .5s; }
    .m-hidden { opacity: 0; }
    .logo { width: 203px; height: 50px; background-color: black; border-radius: 3px; letter-spacing:12px;}
   
    .logo::before { content: "欢迎来到"; position: relative; font-size: 36px; line-height: 50px; top: 0; left: 9px; }
    .logo::before{
text-shadow: 0 0 80px rgb(255 255 255 / 50%);
background: url(../img/wordpresszimushandongxiaogongjutu202255.png) repeat-y;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: aitf 80s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
}
    
    .logo::after { content: ""; display: block; opacity: 0; transition: opacity .5s; position: relative; width: calc(78px * 1.5); height: calc(49px * 1.5); top: -115px; left: -4px; background-image: url('../img/xiaobing.gif'); background-size: cover; }
    .logo:hover::after { opacity: 1; }
    .desc { margin: 15px 0; color: black; font-size: 16px; line-height:20px;color: #ee7544; }
    .nav { text-align: center; font-size: 14px; text-align: left; }
    .nav ul { list-style: none; }
    .nav li { display: inline-block; margin-right: 5px; }
    .nav a { color: black; transition: color .5s; }
    .nav a:hover { color: gray; }
    .icp { font-size: 10px; line-height: 100px; }
    .antiselect { user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; }
    
    .link { position: fixed; top: 0; left: 0; width: calc(100vw - 40px); height: calc(100vh - 40px); background-color: rgba(255, 255, 255, .5); padding: 20px; overflow-y: scroll; transition: opacity .5s, top .5s; -webkit-overflow-scrolling: touch; }
    .l-back { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: whitesmoke; background-size: cover; background-position: center; -webkit-filter: blur(100px); -moz-filter: blur(100px); -o-filter: blur(100px); -ms-filter: blur(100px); filter: blur(100px); opacity: 1; transition: background .25s, opacity .5s, top .5s; }
    .l-hidden { top: 100vh; opacity: 0; }
    .l-search-form { position: relative; width: 100%; padding: 0; transition: padding .5s; }
    .l-search-form #search { display: block; width: calc(100vw - 40px); max-width: 800px; margin: auto; height: 0; border: none; border-radius: 25px; text-align: center; font-size: 12px; line-height: 50px; background-color: rgba(255, 255, 255, .6); box-shadow: 0 0 3px rgba(155, 155, 155, .6); transition: height .5s, font-size .5s; }
    .l-search-form #search:focus { border-radius: 25px; border-color: rgba(66, 204, 255, 0.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(66, 204, 255, 0.6); }
    .l-close, .l-search { position: fixed; top: 20px; width: 40px; height: 40px; z-index: 9999; filter: grayscale(100%); transition: filter .3s; }
    .l-close { right: 20px; }
    .l-close:hover, .l-search:hover { filter: grayscale(0%); }
    .lc-1, .lc-2 { display: block; position: absolute; top: 15px; left: 0px;  width: 40px; height: 10px; background-color: #66CCFF; border-radius: 3px; transition: background .5s; }
    .lc-1 { transform: rotate(45deg); }
    .lc-2 { transform: rotate(-45deg); }
    .l-search { right: 80px; }
    .ls-1, .ls-2 { display: block; position: absolute; transition: background .5s; }
    .ls-1 { width: 10px; height: 10px; top: 2px; left: 2px; border: 10px solid #66CCFF; border-radius: 20px; }
    .ls-2 { width: 20px; height: 10px; right: 2px; bottom: 7px; background: #66CCFF; transform: rotate(45deg); border-radius: 3px; }
    .l-group { width: 100%; }
    .l-title { margin: 20px; }
    .l-box { width: 100%; }
    .l-box:before, .l-box:after { content: ''; display: table; }
    .l-box:after { clear: both; }
    .l-item { position: relative; float: left; width: calc(10% - 40px); height: 64px; padding: 10px; margin: 10px; border-radius: 15px; transition: background .5s; }
    .l-item:hover { background-color: rgba(255, 255, 255, .3); box-shadow: 0 0 3px rgba(155, 155, 155, .6); }
    .li-logo { display: inline-block; float: left; width: 64px; height: 64px; background-color: white; background-size: cover; background-position: center; border-radius: 32px; transition: transform .5s, border-radius .5s; }
    .l-item:hover .li-logo { transform: rotate(0deg); border-radius: 12px; animation: liLogoShake 1.5s infinite ease; }
    .l-item h2, .l-item span { margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .l-item h2 { display: inline-block; float: left; width: calc(100% - 70px); height: 38px; line-height: 38px; font-size: 22px; font-weight: normal; }
    .l-item span { display: inline-block; float: left; max-width: calc(100% - 70px); }
    .l-icon { padding-left: 20px; background-size: auto 90%; background-repeat: no-repeat; background-position:left; }
    
    .qrCode { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .9); }
    .qrCode #qrImg { display: block; width: 260px; height: 260px; background-color: white; border: 15px solid white; border-radius: 10px; margin-top: calc(40vh - 130px); margin-left: auto; margin-right: auto; }
    .qrCode p { display: block; width: 360px; margin: 20px auto; font-size: 20px; color: white; text-align: center; }
    .qrCode span { font-size: 12px; line-height: 20px; color: whitesmoke; text-align: center; }
    
    #maomao {position: fixed; bottom: 40px; right: -5px; width: 57px; height: 70px; background-image: url(https://cs.lbz.cc/daohang/1/img/mao.svg); background-position: center; background-size: cover; background-repeat: no-repeat; transition: background .3s;}
    #maomao:hover {background-position: 60px 50%;}

    @media only screen and (min-width:767px) {
      #link::-webkit-scrollbar-track-piece{ background: rgba(115, 115, 115, 0); }
      #link::-webkit-scrollbar{ width: 6px; height: 6px; }
      #link::-webkit-scrollbar-thumb{ height: 40px; border-radius: 4px; background-color: #A5A5A5; }
      #link::-webkit-scrollbar-thumb:hover{ background-color: #66CCFF; }
    }

    @media screen and (max-width: 3455px) { .l-item { width: calc(11.11% - 40px); } }
    @media screen and (max-width: 3071px) { .l-item { width: calc(12.5% - 40px); } }
    @media screen and (max-width: 2687px) { .l-item { width: calc(14.28% - 40px); } }
    @media screen and (max-width: 2303px) { .l-item { width: calc(16.66% - 40px); } }
    @media screen and (max-width: 1919px) { .l-item { width: calc(20% - 40px); } }
    @media screen and (max-width: 1535px) { .l-item { width: calc(25% - 40px); } }
    @media screen and (max-width: 1151px) { .l-item { width: calc(33.33% - 40px); } }
    @media screen and (max-width: 767px) { .l-item { width: calc(50% - 40px); } }
    @media screen and (max-width: 512px) { .l-item { width: calc(100% - 40px); } }
    
    @keyframes liLogoShake {
      0% { transform: rotate(0deg); }
      20% { transform: rotate(7deg); }
      60% { transform: rotate(-7deg); }
      80% { transform: rotate(0deg); }
      100% { transform: rotate(0deg); }
    }
    .bar {
    animation: loadingJ 5s infinite;
}
.bar {
    float: left;
    width: 25px;
    height: 3px;
    margin-top: -3px;
    border-radius: 2px;
    background-color: #4b9cdb;
}
@keyframes loadingJ {
  0% {
    transform: translate(0, 0);
  }
  25%{
    background-color: #f5634a;
    width: 55px;
  }
  50%{
    transform: translate(180px, 0);
    background-color: #f5634a;
    width: 15px;
  }
  75%{
    background-color: #f5634a;
    width: 55px;
  }
  100% {
    transform: translate(0, 0);
  }
}
 .tansuo{
           background-color: #77AAAD;
            padding: 10px;
    border: 1px solid #77AAAD;
    border-radius: 10px;
      }
          .tansuo a{
    color: white
          }
          

@-webkit-keyframes aitf {
0% {
background-position: 0% 50%;
}

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

/*朋友圈悬停上浮开始*/
/*@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.2s;}.tab-content .posts-item:not(article):hover{transform: translateY(-5px); box-shadow: 0 8px 10px rgba(255, 112, 173, 0.35);}}*/
.l-item:hover{opacity: 1;z-index: 99;border-radius: 20px;transform: translateY(-5px);box-shadow: 0 3px 20px rgba(0, 0, 0, .25);animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;}
@keyframes index-link-active {
    0%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(0);}
    16%{transform: perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px);}
    100%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(65px);}
}
/*朋友圈悬停上浮结束*/