.main {
  background: url(../img/bg.jpg) no-repeat center top;
  height: 2500px;
  overflow: hidden;
}

.s1 {
  color: #f6a908;
}

.s2 {
  color: #9455ee;
}

.s3 {
  color: #037ace;
}

.official a {
  display: block;
  margin-left: 82.5%;
  margin-top: 22px;
}

.time {
  margin-top: 440px;
}

.loginBox {
  width: 100%;
  position: absolute;
  top: 535px;
  left: 0px;
  text-align: center;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
}

.but {
  margin: 0 auto;
  margin-top: 115px;
  text-align: center;
}

.but .link a {
  width: 175px;
  height: 54px;
  line-height: 50px;
  display: inline-block;
  margin-left: 40px;
  margin-right: 40px;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

.but .link a:nth-child(1) {
  background: url(../img/login.png) no-repeat center top;
}

.but .link a:nth-child(2) {
  background: url(../img/submit.png) no-repeat center top;
}

.loginBox span {
  margin: 0 5px;
}

.islogin {
  color: #e4e4e4;
  margin-left: 20px;
  cursor: pointer;
}

.loginBox .hov {
  color: #fff;
  cursor: pointer;
}

.loginBox .hov:hover {
  color: red;
}

.loginBox p {
  background: rgba(0, 0, 0, 0.5);
  width: 350px;
  margin: 0 auto;
}

.loginBox .onlogin {
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
  width: 200px;
  margin: 0 auto;
}

.content {
  margin: 0 auto;
  margin-top: 50px;
  width: 800px;
  color: #a5acb2;
}

.content p {
  color: #899599;
  line-height: 25px;
  font-size: 14px;
}

.content .top {
  margin-top: 20px;
}

.content .c1 {
  color: #f0641f;
}

.content .c2 {
  color: #e1e5e7;
}

.content .c3 {
  color: #3df4ff;
  font-size: 16px;
  font-weight: bold;
}

.content .c4 {
  color: #ff0000;
}

.content .inp {
  color: #fff;
  margin-top: 30px;
  text-align: center;
}

.content .inp input {
  position: relative;
  top: 2px;
  right: 10px;
}

.blackBg {
  color: #fff;
  background: rgba(0, 0, 0, 0.7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
  border: 1px solid #4c4c4c;
}

.layui-layer-setwin .layui-layer-close2 {
  right: -16px !important;
  top: -16px !important;
}

.record {
  display: none;
  padding: 10px;
}

.record .data {
  margin-top: 20px;
  background: rgba(46, 45, 60, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B22E2D3C, endColorstr=#B22E2D3C);
}

.record .data table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.record .data table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

.record .data thead tr td {
  line-height: 20px;
  background: #51423d;
  color: #fff;
}

.record .data tbody tr {
  line-height: 39px;
  color: #8fa5a8;
}

.record .data tbody tr td {
  line-height: 39px;
  color: #8fa5a8;
  border-bottom: 1px dotted #4c4c4c;
}

.record #page {
  margin-top: 30px;
  text-align: center;
  color: #fff;
}

.record #page button {
  border: 1px solid #756059;
  background: #000;
  color: #fff;
  line-height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px !important;
}