@charset "UTF-8";
.l-disabled {
  pointer-events: none;
  filter: grayscale(0.9);
}

.copyright {
  text-align: center;
  font-size: 0.8em;
}
.copyright p {
  margin: 0.25em 0;
}
.copyright a, .copyright a:hover {
  text-decoration: none;
}
.copyright .icp, .copyright .gonganbeian {
  vertical-align: text-top;
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
}
.copyright .icp:after, .copyright .gonganbeian:after {
  content: " ";
}
.copyright .icp {
  background: url(images/icp.png) center center no-repeat;
  background-size: 1rem 1rem;
}
.copyright .gonganbeian {
  background: url(images/gonganbeian.png) center center no-repeat;
  background-size: 1rem 1rem;
}

.btn {
  font-size: 0.8rem;
}

@keyframes size {
  20% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
.btn:hover {
  animation: size 0.8s;
}

.card {
  overflow: hidden;
}
.card .btn {
  text-align: left;
}
.card:hover {
  box-shadow: 0 0 0 3px rgba(158, 158, 158, 0.3);
}
.card .card-header {
  cursor: pointer;
  /*border-radius: 3px;*/
}
.card .card-body .fa {
  margin-right: 5px;
}
.card .card-text {
  font-size: 0.9rem;
}

.fixed-top {
  box-shadow: 0 0 10px 0 #a0a0a0;
}

#list {
  margin-top: 70px;
  perspective: 1000px;
  perspective-origin: center 300px;
  transform-style: preserve-3d;
}

/* 折叠时设置间距 */
.y-md-ptop {
  padding-top: 5px;
}

@media (min-width: 768px) {
  .y-md-ptop {
    padding-top: 0px;
  }
}
/*! 滚动条 */
/*! 滚动条的定义 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  /*&-track-piece {
  	background: transparentize(lighten($thumb,40),0.10);
  	border-radius: $bdrs;
  }*/
}
::-webkit-scrollbar:vertical {
  background: transparent;
}
::-webkit-scrollbar:horizontal {
  background: transparent;
}
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1666666667);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
  background: rgba(85, 170, 255, 0.4666666667);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
  background: rgba(0, 119, 238, 0.4666666667);
}
::-webkit-scrollbar-button {
  height: 20px;
  width: 20px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-resizer {
  background: #f00;
}

/* 3维动画 */
.card {
  overflow: inherit;
  background-color: rgba(255, 255, 255, 0.6);
}

.d3 {
  transform-style: preserve-3d;
  animation-name: ani1;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.d3:hover {
  animation-play-state: paused;
}
.d3 > div {
  transform-style: preserve-3d;
}
.d3 > div > div {
  transform-style: preserve-3d;
  animation-name: ani2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.d3 > div > div:hover {
  animation-play-state: paused;
}
.d3 > .card-header {
  opacity: 0.8;
}

@keyframes ani1 {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes ani2 {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-360deg);
  }
}