html,
body {
  background: #fff;
}
@keyframes shake {
  10% {
    transform: translateX(10px);
  }
  20% {
    transform: translateX(20px);
  }
  30% {
    transform: translateX(30px);
  }
  40% {
    transform: translateX(20px);
  }
  50% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(-20px);
  }
  90% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0px);
  }
}
.error-wrapper {
  min-width: 1190px;
}
.error-wrapper .error-center .img-div {
  padding-top: 142px;
  text-align: center;
  position: relative;
}
.error-wrapper .error-center .img-div .img1 {
  height: 199px;
  width: 194px;
  position: absolute;
  left: 515px;
  top: 75px;
  animation: shake 5s linear infinite;
}
.error-wrapper .error-center .img-div .img2 {
  width: 350px;
  height: 172px;
}
.error-wrapper .error-center .img-div .text {
  font-size: 18px;
  color: #999;
  margin-top: 10px;
}
.error-wrapper .error-center .a-div {
  text-align: center;
  margin-top: 20px;
}
.error-wrapper .error-center .a-div a {
  font-size: 14px;
  color: #1072CC;
  margin-left: 20px;
}
.error-wrapper .error-center .a-div a:first-child {
  margin-left: 0;
}
.error-wrapper .error-center .search-div {
  text-align: center;
  height: 40px;
  font-size: 14px;
  margin-top: 20px;
}
.error-wrapper .error-center .search-div .input-div {
  height: 100%;
  width: 400px;
  background: #F4F4F4;
  border-radius: 4px 0px 0px 4px;
  padding: 0 10px;
  line-height: 40px;
}
.error-wrapper .error-center .search-div .input-div i {
  margin-right: 13px;
}
.error-wrapper .error-center .search-div .input-div input {
  height: 16px;
  border: none;
  color: #28292B;
  background: #F4F4F4;
  width: 350px;
}
.error-wrapper .error-center .search-div a {
  width: 72px;
  height: 100%;
  border-radius: 0px 4px 4px 0px;
  line-height: 40px;
}
.error-wrapper .error-center .error-text {
  font-size: 14px;
  color: #333;
  margin: 20px 0 0 245px;
}
.error-wrapper .error-center .error-text .title {
  color: #999;
  height: 32px;
  line-height: 32px;
}
.error-wrapper .error-center .error-text .error-desc {
  height: 28px;
  line-height: 28px;
}
.small-nav-alone {
  position: relative;
  z-index: 3;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.small-nav-alone.black {
  background-color: #28292B;
}
.small-nav-alone.white {
  color: #333;
  background-color: #fff;
}
.small-nav-alone.white .fr-li a {
  color: #333;
}
.small-nav-alone.absolue {
  position: absolute;
  top: 0;
  width: 1190px;
  left: 50%;
  margin-left: -595px;
}
.small-nav-alone .hello-text {
  font-size: 12px;
}
.small-nav-alone .fr-li {
  margin-left: 30px;
}
.small-nav-alone .fr-li a {
  color: #fff;
}
.small-nav-alone .fr-li.top-nav-dynamic {
  margin-left: 0;
}
.small-nav-alone .fr-li.top-nav-dynamic div {
  margin-left: 30px;
}
.small-nav-alone .fr-li.top-nav-dynamic div.user-name-li {
  position: relative;
}
.small-nav-alone .fr-li.top-nav-dynamic div.user-name-li .user-name-a {
  width: 80px;
  height: 36px;
}
.small-nav-alone .fr-li.top-nav-dynamic div.user-name-li:hover .user-name-drop {
  display: block;
}
.small-nav-alone .fr-li.top-nav-dynamic div.user-name-li .user-name-drop {
  display: none;
  position: absolute;
  width: 96px;
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  left: -34px;
  z-index: 99;
  padding: 5px 3px;
  top: 36px;
}
.small-nav-alone .fr-li.top-nav-dynamic div.user-name-li .user-name-drop a {
  display: block;
  color: #191919;
  line-height: 30px;
  padding: 0 0 0 8px;
}
.small-nav-alone .fr-li.top-nav-dynamic div.user-name-li .user-name-drop a:hover {
  color: #09C867;
}
.small-nav-alone .fr-li.top-nav-dynamic div .register-li {
  color: #09C867;
}
.small-nav-alone .fr-li.user-order-li {
  position: relative;
}
.small-nav-alone .fr-li.user-order-li .user-order-a {
  height: 36px;
}
.small-nav-alone .fr-li.user-order-li i {
  font-size: 24px;
}
.small-nav-alone .fr-li.user-order-li:hover .user-order-drop {
  display: block;
}
.small-nav-alone .fr-li.user-order-li .user-order-drop {
  display: none;
  position: absolute;
  width: 96px;
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  left: -10px;
  z-index: 99;
  padding: 5px 3px;
  top: 36px;
}
.small-nav-alone .fr-li.user-order-li .user-order-drop a {
  display: block;
  color: #191919;
  line-height: 30px;
  padding: 0 0 0 8px;
}
.small-nav-alone .fr-li.user-order-li .user-order-drop a:hover {
  color: #09C867;
}
.small-nav-alone .fr-li.qrcode-li {
  position: relative;
}
.small-nav-alone .fr-li.qrcode-li:hover .head-qrcode-div {
  display: block;
}
.small-nav-alone .fr-li.qrcode-li .head-qrcode-div {
  display: none;
  position: absolute;
  height: 168px;
  width: 130px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 3;
  left: 50%;
  margin-left: -65px;
}
.small-nav-alone .fr-li.qrcode-li .head-qrcode-div img {
  display: block;
  height: 98px;
  width: 98px;
  margin: 16px auto 0;
}
.small-nav-alone .fr-li.qrcode-li .head-qrcode-div .qr-t {
  height: 17px;
  text-align: center;
  color: #000000;
  line-height: 17px;
  margin-top: 2px;
}
.small-nav-alone .fr-li.qrcode-li .head-qrcode-div .qr-t.desc {
  color: #606266;
}