@charset "UTF-8";
*, .btn:not(:disabled):not(.disabled) {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADFklEQVRYhe3XTUhcVxjG8X8co5k4pmmab9IJMdJpCKE0UptuOsGQVRo3/UDcZFGwSKF7dwoDrgRRcDPTMYwYBgUXQTCrQglmYRaiIghKESIIIhc/quOMd+bJ4tx7nVgxYfRuSl44DAMD53efc8475wKcAAKWZd0BKoBK5/MkEADKnN/4VoFCofC3JOVyuZfj4+PfAWeAEHDKgfiH2NnZ+V2SZmdn5dbIyEgDcAn4FKjCJOIPwrbttCQ1Nzerr6/PQ/T09DwGrgMXMGn4g8hms39KUktLiwAPUSgUcrFY7EegBrjoGyKTycQlqbW1VYAAJRIJSVI+n99tb2//BbjpG+IgwD7ETltb20++ITKZTOIgAKD+/n7/EYcBAoGAh7Bte9sXxGEAF5FKpSRJu7u7/xYh3NNxtD7xPoCLGBwclNOsNhxEjYOoOhLiQwAuIp1OS5Ky2exaU1PTA0yfOAcEgXJfAS5ieHhYkmRZ1gzwJXCZd5fieAGhUEh1dXXeqK+v1+TkpCSpu7v7Z+Aa8Al7G/L4AZubm9pfq6urs8BXwOcOoPLYAF1dXYpGo9733t5eSdLS0tKb5eXlfyYmJp4D3wO3gauYf8+SE3inE3Z2dkqS0um0B4hEIpKktbW11XA4/BvwCPgWqOW/J6F0QEdHhxexbdsKh8MeYmxsTJI0Ojr6DHgIfA2EgbOY+AOUcgo2NjaeSNL09LQ3+cLCwl+SFIvFPEBjY6MkaXFx8TVwHxP/FaCaIzajilwu90qStra2Xg8NDf2aTCZbJGllZUXBYFCAotGotre3JUmRSKQB+AIT/+mSn96pciDoXMUuYnZ1zfr6+rgkpVIp79hJ0vz8/AugDriBaUKnKGXtiyqAiTCIaShngfPxePxePp/fcie2LGtmamrqKfANcAuz+0s/fkV1wkGUs3crDgLVAwMDd+fm5v5IJpM/ABFM56vFpPQZJv7Sdv8+gDvKnOGmchpzxs9jLqmXMctUfFk90vofhirDpFLpQELOqGLvuu5O7suVfX8i5UWj+IXF15cWF3LQ+Fgf6/9RbwH+K2y8Dp9kygAAAABJRU5ErkJggg=="), default; }

a:hover, *[title], .btn:not(:disabled):not(.disabled) {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEjklEQVRYhe2Wb0jcdRzHX+6089qtyytbw2WrGYz1INaRISsc1pAlXUnUg8FBA3NYlDQWGa2DHqRgSBI9CepBDxaFTDNGgXRk+SDSs4YjcjgQTdj4lZsw1J3efPfg+/3e7tSdN9giog98Hvx+v+/3+3n9Pv++H/iXye3A08CLQBXgA4r+CcNFwLPANKAs/QwIAiU3E6QIaHRGGxoaFIvF5PP5HEQfsA3w27VFwBPAu8C3wC/AV8Abds11e80HdAPq7OyUk97eXgWDQQdxGqgGngMGyfVStn4H7LQgmwoFKAE+BNTR0aFsGR8fVyQScYdPOUMVFRWKx+M6efKkksmkenp6VFlZ6db9BtQAAftzG4ofOAQoGAxqaGgoB+LSpUuqq6vL/GVHR4dSqZRWVla0uLio2dlZLS8v69y5c6qurnbr/gL2AJsLgfADO4AEoEAgoIGBgRyIVCqlaDSq2tranHfDw8OKx+MaGRlRKpXSwsKCGhsbHcQPwD3ArWwQjhJMkj0O/OQgVnsilUqpt7c383z58mX19fUJUH19vZLJpNLptDzPUyAQcBDPAFuBW/IB+IDbgF2YUhxxEIODg1ot8/PzSiaTmp6e1vnz59XV1SVA7e3tunjxoiQpkUg4gG577hbyVEaRJbwTE7fngSSgUCiksbGxHIDR0VEBOnz4sE6dOqWzZ8/qyJEjam9vl+d5kqSZmRkHMAa8YL1QnM8LRZhcuAt42EL8Cqi8vFz9/f0ZAM/zdOzYMQFqamrS5OSkPM+T53lKp9OZNVwtzRSmu25hgx6xHsRpQD6fLxOOK1euaGJiQkePHhWg0dHRNWFyHti3b5+D+NN6N8gGVeEgtgKPAt/bzQqHw5qampIkLS0t6cyZMzpx4oQuXLiwBsDlxcTEhKLRqIN4G9gOlObzgoMoxZYloKqqKjU3N2tmZiZjJJ1Oa3FxUSsrKznGZ2dnBaisrCwHBvjGeiFciBfeA1RZWanx8fE1f5hPuru7BSgajUqSjh8/7gBGgTqggg3Kshj4EVAikbgu49n3R09PjySppaXFAfQDUeB+6+FrSinwO7CmBCWTYNm6sLCgZDKpgwcPZjI/FotlwhEOh937jzB9ZifmnrimbAY+B1RTU6POzk7F43Ht378/+7B1NRQKqaurKwMbi8Xct0ngTeAAcC8m0fMC7LKb1jM0j7lslgH5/X5FIhG1trZmqkSS2tra3Pol4BPgZWAvBTSlUszlVG83DgM/A1/b527gA+AP1smTubm57Li7geYdTF/ZjWn7ecuwGLgDeAgzKb0CtAFvYaae14BXgQFsk4pEIhldFaZ+TEU12b/fhqmAgvpAOfAgUAs8BTQAT9qD9trnIdYP0zTwJdAOtNh992HCW9CktMmShiz1DqvbMa36bkyeHABagU8xifsF8DHwPsbtL1njD2BcX9CElO0JH2Ze8Fstse+KMSP8bgtxCBOa1y1QMybmj2HqPmT33LDJ2l3hYWtgDyYstZjB5hGMh7Zh3H5DjWdDFFsDZVwNzVYLFrSQm26G8dUgLlxOb7rR/+W/I38DqJ+FOjuXPTcAAAAASUVORK5CYII="), pointer; }

a {
  text-decoration: none; }

/* tool-title*/
.tool-title-lv {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(57, 225, 49, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-lv::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(57, 225, 49, 0.9) transparent;
    content: ''; }

.tool-title-lan {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(54, 201, 225, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-lan::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(54, 201, 225, 0.9) transparent;
    content: ''; }

.tool-title-hei {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(1, 1, 1, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-hei::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(1, 1, 1, 0.9) transparent;
    content: ''; }

.tool-title-hong {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(225, 20, 17, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-hong::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(225, 20, 17, 0.9) transparent;
    content: ''; }

.tool-title-zi {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(158, 65, 255, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-zi::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(158, 65, 255, 0.9) transparent;
    content: ''; }

.tool-title-huang {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(225, 176, 49, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-huang::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(225, 176, 49, 0.9) transparent;
    content: ''; }

.tool-title-hui {
  display: inline-block;
  line-height: 30px;
  color: white;
  background-color: rgba(129, 129, 129, 0.9);
  font: 12px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  height: auto;
  z-index: 9999; }
  .tool-title-hui::before {
    position: absolute;
    display: block;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(129, 129, 129, 0.9) transparent;
    content: ''; }

/* panel */
.panel-lv {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(57, 225, 49, 0.9);
  border-radius: 4px;
  color: rgba(74, 74, 74, 0.9);
  border: 1px solid #ffffff;
  /*附加属性*/ }
  .panel-lv *, .panel-lv {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-lv .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ffffff;
    font-weight: bold; }
    .panel-lv .title a, .panel-lv .title a:hover {
      color: rgba(74, 74, 74, 0.9); }
    .panel-lv .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #ffffff; }
  .panel-lv .content {
    font-size: 12px;
    padding: 8px; }
  .panel-lv._bai, .panel-lv._bai *, .panel-lv._bai .title, .panel-lv._bai .title a {
    color: #ffffff; }
  .panel-lv._hei, .panel-lv._hei *, .panel-lv._hei .title, .panel-lv._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-lv._Solid .title {
    border-bottom: 1px solid #ffffff; }
    .panel-lv._Solid .title i {
      border-right: 1px solid #ffffff; }

.panel-lan {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(54, 201, 225, 0.9);
  border-radius: 4px;
  color: rgba(74, 74, 74, 0.9);
  border: 1px solid #ffffff;
  /*附加属性*/ }
  .panel-lan *, .panel-lan {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-lan .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ffffff;
    font-weight: bold; }
    .panel-lan .title a, .panel-lan .title a:hover {
      color: rgba(74, 74, 74, 0.9); }
    .panel-lan .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #ffffff; }
  .panel-lan .content {
    font-size: 12px;
    padding: 8px; }
  .panel-lan._bai, .panel-lan._bai *, .panel-lan._bai .title, .panel-lan._bai .title a {
    color: #ffffff; }
  .panel-lan._hei, .panel-lan._hei *, .panel-lan._hei .title, .panel-lan._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-lan._Solid .title {
    border-bottom: 1px solid #ffffff; }
    .panel-lan._Solid .title i {
      border-right: 1px solid #ffffff; }

.panel-hei {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(1, 1, 1, 0.9);
  border-radius: 4px;
  color: #ffffff;
  border: 1px solid #e2e2e2;
  /*附加属性*/ }
  .panel-hei *, .panel-hei {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-hei .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #e2e2e2;
    font-weight: bold; }
    .panel-hei .title a, .panel-hei .title a:hover {
      color: #ffffff; }
    .panel-hei .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #e2e2e2; }
  .panel-hei .content {
    font-size: 12px;
    padding: 8px; }
  .panel-hei._bai, .panel-hei._bai *, .panel-hei._bai .title, .panel-hei._bai .title a {
    color: #ffffff; }
  .panel-hei._hei, .panel-hei._hei *, .panel-hei._hei .title, .panel-hei._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-hei._Solid .title {
    border-bottom: 1px solid #e2e2e2; }
    .panel-hei._Solid .title i {
      border-right: 1px solid #e2e2e2; }

.panel-hong {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(225, 20, 17, 0.9);
  border-radius: 4px;
  color: rgba(74, 74, 74, 0.9);
  border: 1px solid #ffffff;
  /*附加属性*/ }
  .panel-hong *, .panel-hong {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-hong .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ffffff;
    font-weight: bold; }
    .panel-hong .title a, .panel-hong .title a:hover {
      color: rgba(74, 74, 74, 0.9); }
    .panel-hong .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #ffffff; }
  .panel-hong .content {
    font-size: 12px;
    padding: 8px; }
  .panel-hong._bai, .panel-hong._bai *, .panel-hong._bai .title, .panel-hong._bai .title a {
    color: #ffffff; }
  .panel-hong._hei, .panel-hong._hei *, .panel-hong._hei .title, .panel-hong._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-hong._Solid .title {
    border-bottom: 1px solid #ffffff; }
    .panel-hong._Solid .title i {
      border-right: 1px solid #ffffff; }

.panel-zi {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(158, 65, 255, 0.9);
  border-radius: 4px;
  color: rgba(74, 74, 74, 0.9);
  border: 1px solid #ffffff;
  /*附加属性*/ }
  .panel-zi *, .panel-zi {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-zi .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ffffff;
    font-weight: bold; }
    .panel-zi .title a, .panel-zi .title a:hover {
      color: rgba(74, 74, 74, 0.9); }
    .panel-zi .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #ffffff; }
  .panel-zi .content {
    font-size: 12px;
    padding: 8px; }
  .panel-zi._bai, .panel-zi._bai *, .panel-zi._bai .title, .panel-zi._bai .title a {
    color: #ffffff; }
  .panel-zi._hei, .panel-zi._hei *, .panel-zi._hei .title, .panel-zi._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-zi._Solid .title {
    border-bottom: 1px solid #ffffff; }
    .panel-zi._Solid .title i {
      border-right: 1px solid #ffffff; }

.panel-huang {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(225, 176, 49, 0.9);
  border-radius: 4px;
  color: rgba(74, 74, 74, 0.9);
  border: 1px solid #ffffff;
  /*附加属性*/ }
  .panel-huang *, .panel-huang {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-huang .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ffffff;
    font-weight: bold; }
    .panel-huang .title a, .panel-huang .title a:hover {
      color: rgba(74, 74, 74, 0.9); }
    .panel-huang .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #ffffff; }
  .panel-huang .content {
    font-size: 12px;
    padding: 8px; }
  .panel-huang._bai, .panel-huang._bai *, .panel-huang._bai .title, .panel-huang._bai .title a {
    color: #ffffff; }
  .panel-huang._hei, .panel-huang._hei *, .panel-huang._hei .title, .panel-huang._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-huang._Solid .title {
    border-bottom: 1px solid #ffffff; }
    .panel-huang._Solid .title i {
      border-right: 1px solid #ffffff; }

.panel-hui {
  box-sizing: border-box;
  min-width: 240px;
  display: inline-block;
  background-color: rgba(129, 129, 129, 0.9);
  border-radius: 4px;
  color: rgba(74, 74, 74, 0.9);
  border: 1px solid #ffffff;
  /*附加属性*/ }
  .panel-hui *, .panel-hui {
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
  .panel-hui .title {
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ffffff;
    font-weight: bold; }
    .panel-hui .title a, .panel-hui .title a:hover {
      color: rgba(74, 74, 74, 0.9); }
    .panel-hui .title i {
      display: inline-block;
      padding: 0 8px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px dashed #ffffff; }
  .panel-hui .content {
    font-size: 12px;
    padding: 8px; }
  .panel-hui._bai, .panel-hui._bai *, .panel-hui._bai .title, .panel-hui._bai .title a {
    color: #ffffff; }
  .panel-hui._hei, .panel-hui._hei *, .panel-hui._hei .title, .panel-hui._hei .title a {
    color: rgba(74, 74, 74, 0.9); }
  .panel-hui._Solid .title {
    border-bottom: 1px solid #ffffff; }
    .panel-hui._Solid .title i {
      border-right: 1px solid #ffffff; }

/* label */
.label-lv {
  background-color: rgba(57, 225, 49, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-lv::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(57, 225, 49, 0.9) transparent transparent;
    content: ""; }
  .label-lv::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

.label-lan {
  background-color: rgba(54, 201, 225, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-lan::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(54, 201, 225, 0.9) transparent transparent;
    content: ""; }
  .label-lan::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

.label-hei {
  background-color: rgba(1, 1, 1, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-hei::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(1, 1, 1, 0.9) transparent transparent;
    content: ""; }
  .label-hei::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

.label-hong {
  background-color: rgba(225, 20, 17, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-hong::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(225, 20, 17, 0.9) transparent transparent;
    content: ""; }
  .label-hong::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

.label-zi {
  background-color: rgba(158, 65, 255, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-zi::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(158, 65, 255, 0.9) transparent transparent;
    content: ""; }
  .label-zi::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

.label-huang {
  background-color: rgba(225, 176, 49, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-huang::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(225, 176, 49, 0.9) transparent transparent;
    content: ""; }
  .label-huang::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

.label-hui {
  background-color: rgba(129, 129, 129, 0.9);
  font: 10px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #ffffff;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 4px; }
  .label-hui::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent rgba(129, 129, 129, 0.9) transparent transparent;
    content: ""; }
  .label-hui::after {
    display: block;
    position: absolute;
    left: -4px;
    top: 8px;
    content: '';
    border-radius: 100%;
    background-color: white;
    height: 4px;
    width: 4px; }

/* 导航 */
.nav-t-lv {
  list-style-type: none;
  background-color: #49b53d;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t-lv *, .nav-t-lv {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t-lv a {
    display: inline-block; }
  .nav-t-lv .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t-lv .logo img {
      max-width: 120px; }
    .nav-t-lv .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t-lv ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t-lv ul *, .nav-t-lv ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t-lv ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t-lv ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t-lv ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t-lv ul > li, .nav-t-lv ul > li * {
        color: #f7f7f9; }
      .nav-t-lv ul > li > a {
        display: inline-block; }
      .nav-t-lv ul > li.this > a {
        font-weight: bold; }
      .nav-t-lv ul > li:hover::before, .nav-t-lv ul > li.this::before {
        left: -10px; }
      .nav-t-lv ul > li:hover::after, .nav-t-lv ul > li.this::after {
        right: -10px; }
      .nav-t-lv ul > li:hover ol {
        display: block; }

.nav-t-lan {
  list-style-type: none;
  background-color: #42b5b5;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t-lan *, .nav-t-lan {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t-lan a {
    display: inline-block; }
  .nav-t-lan .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t-lan .logo img {
      max-width: 120px; }
    .nav-t-lan .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t-lan ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t-lan ul *, .nav-t-lan ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t-lan ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t-lan ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t-lan ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t-lan ul > li, .nav-t-lan ul > li * {
        color: #f7f7f9; }
      .nav-t-lan ul > li > a {
        display: inline-block; }
      .nav-t-lan ul > li.this > a {
        font-weight: bold; }
      .nav-t-lan ul > li:hover::before, .nav-t-lan ul > li.this::before {
        left: -10px; }
      .nav-t-lan ul > li:hover::after, .nav-t-lan ul > li.this::after {
        right: -10px; }
      .nav-t-lan ul > li:hover ol {
        display: block; }

.nav-t-hei {
  list-style-type: none;
  background-color: #010101;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t-hei *, .nav-t-hei {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t-hei a {
    display: inline-block; }
  .nav-t-hei .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t-hei .logo img {
      max-width: 120px; }
    .nav-t-hei .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t-hei ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t-hei ul *, .nav-t-hei ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t-hei ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t-hei ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t-hei ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t-hei ul > li, .nav-t-hei ul > li * {
        color: #f7f7f9; }
      .nav-t-hei ul > li > a {
        display: inline-block; }
      .nav-t-hei ul > li.this > a {
        font-weight: bold; }
      .nav-t-hei ul > li:hover::before, .nav-t-hei ul > li.this::before {
        left: -10px; }
      .nav-t-hei ul > li:hover::after, .nav-t-hei ul > li.this::after {
        right: -10px; }
      .nav-t-hei ul > li:hover ol {
        display: block; }

.nav-t-hong {
  list-style-type: none;
  background-color: #b54539;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t-hong *, .nav-t-hong {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t-hong a {
    display: inline-block; }
  .nav-t-hong .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t-hong .logo img {
      max-width: 120px; }
    .nav-t-hong .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t-hong ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t-hong ul *, .nav-t-hong ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t-hong ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t-hong ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t-hong ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t-hong ul > li, .nav-t-hong ul > li * {
        color: #f7f7f9; }
      .nav-t-hong ul > li > a {
        display: inline-block; }
      .nav-t-hong ul > li.this > a {
        font-weight: bold; }
      .nav-t-hong ul > li:hover::before, .nav-t-hong ul > li.this::before {
        left: -10px; }
      .nav-t-hong ul > li:hover::after, .nav-t-hong ul > li.this::after {
        right: -10px; }
      .nav-t-hong ul > li:hover ol {
        display: block; }

.nav-t-zi {
  list-style-type: none;
  background-color: #ab53b5;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t-zi *, .nav-t-zi {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t-zi a {
    display: inline-block; }
  .nav-t-zi .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t-zi .logo img {
      max-width: 120px; }
    .nav-t-zi .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t-zi ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t-zi ul *, .nav-t-zi ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t-zi ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t-zi ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t-zi ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t-zi ul > li, .nav-t-zi ul > li * {
        color: #f7f7f9; }
      .nav-t-zi ul > li > a {
        display: inline-block; }
      .nav-t-zi ul > li.this > a {
        font-weight: bold; }
      .nav-t-zi ul > li:hover::before, .nav-t-zi ul > li.this::before {
        left: -10px; }
      .nav-t-zi ul > li:hover::after, .nav-t-zi ul > li.this::after {
        right: -10px; }
      .nav-t-zi ul > li:hover ol {
        display: block; }

.nav-t-huang {
  list-style-type: none;
  background-color: #e1b531;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t-huang *, .nav-t-huang {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t-huang a {
    display: inline-block; }
  .nav-t-huang .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t-huang .logo img {
      max-width: 120px; }
    .nav-t-huang .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t-huang ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t-huang ul *, .nav-t-huang ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t-huang ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t-huang ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t-huang ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t-huang ul > li, .nav-t-huang ul > li * {
        color: #f7f7f9; }
      .nav-t-huang ul > li > a {
        display: inline-block; }
      .nav-t-huang ul > li.this > a {
        font-weight: bold; }
      .nav-t-huang ul > li:hover::before, .nav-t-huang ul > li.this::before {
        left: -10px; }
      .nav-t-huang ul > li:hover::after, .nav-t-huang ul > li.this::after {
        right: -10px; }
      .nav-t-huang ul > li:hover ol {
        display: block; }

/*--*/
.nav-t1-lv {
  list-style-type: none;
  background-color: rgba(57, 225, 49, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-lv *, .nav-t1-lv {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-lv a {
    display: inline-block; }
  .nav-t1-lv .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-lv .logo img {
      max-width: 120px; }
    .nav-t1-lv .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-lv ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-lv ul *, .nav-t1-lv ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-lv ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-lv ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-lv ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-lv ul > li, .nav-t1-lv ul > li * {
        color: #f7f7f9; }
      .nav-t1-lv ul > li > a {
        display: inline-block; }
      .nav-t1-lv ul > li.this > a {
        font-weight: bold; }
      .nav-t1-lv ul > li:hover::before, .nav-t1-lv ul > li.this::before {
        left: -10px; }
      .nav-t1-lv ul > li:hover::after, .nav-t1-lv ul > li.this::after {
        right: -10px; }
      .nav-t1-lv ul > li:hover ol {
        display: block; }

.nav-t1-lan {
  list-style-type: none;
  background-color: rgba(54, 201, 225, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-lan *, .nav-t1-lan {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-lan a {
    display: inline-block; }
  .nav-t1-lan .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-lan .logo img {
      max-width: 120px; }
    .nav-t1-lan .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-lan ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-lan ul *, .nav-t1-lan ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-lan ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-lan ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-lan ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-lan ul > li, .nav-t1-lan ul > li * {
        color: #f7f7f9; }
      .nav-t1-lan ul > li > a {
        display: inline-block; }
      .nav-t1-lan ul > li.this > a {
        font-weight: bold; }
      .nav-t1-lan ul > li:hover::before, .nav-t1-lan ul > li.this::before {
        left: -10px; }
      .nav-t1-lan ul > li:hover::after, .nav-t1-lan ul > li.this::after {
        right: -10px; }
      .nav-t1-lan ul > li:hover ol {
        display: block; }

.nav-t1-hei {
  list-style-type: none;
  background-color: rgba(1, 1, 1, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-hei *, .nav-t1-hei {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-hei a {
    display: inline-block; }
  .nav-t1-hei .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-hei .logo img {
      max-width: 120px; }
    .nav-t1-hei .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-hei ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-hei ul *, .nav-t1-hei ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-hei ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-hei ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-hei ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-hei ul > li, .nav-t1-hei ul > li * {
        color: #f7f7f9; }
      .nav-t1-hei ul > li > a {
        display: inline-block; }
      .nav-t1-hei ul > li.this > a {
        font-weight: bold; }
      .nav-t1-hei ul > li:hover::before, .nav-t1-hei ul > li.this::before {
        left: -10px; }
      .nav-t1-hei ul > li:hover::after, .nav-t1-hei ul > li.this::after {
        right: -10px; }
      .nav-t1-hei ul > li:hover ol {
        display: block; }

.nav-t1-hong {
  list-style-type: none;
  background-color: rgba(225, 20, 17, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-hong *, .nav-t1-hong {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-hong a {
    display: inline-block; }
  .nav-t1-hong .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-hong .logo img {
      max-width: 120px; }
    .nav-t1-hong .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-hong ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-hong ul *, .nav-t1-hong ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-hong ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-hong ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-hong ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-hong ul > li, .nav-t1-hong ul > li * {
        color: #f7f7f9; }
      .nav-t1-hong ul > li > a {
        display: inline-block; }
      .nav-t1-hong ul > li.this > a {
        font-weight: bold; }
      .nav-t1-hong ul > li:hover::before, .nav-t1-hong ul > li.this::before {
        left: -10px; }
      .nav-t1-hong ul > li:hover::after, .nav-t1-hong ul > li.this::after {
        right: -10px; }
      .nav-t1-hong ul > li:hover ol {
        display: block; }

.nav-t1-zi {
  list-style-type: none;
  background-color: rgba(158, 65, 255, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-zi *, .nav-t1-zi {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-zi a {
    display: inline-block; }
  .nav-t1-zi .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-zi .logo img {
      max-width: 120px; }
    .nav-t1-zi .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-zi ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-zi ul *, .nav-t1-zi ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-zi ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-zi ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-zi ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-zi ul > li, .nav-t1-zi ul > li * {
        color: #f7f7f9; }
      .nav-t1-zi ul > li > a {
        display: inline-block; }
      .nav-t1-zi ul > li.this > a {
        font-weight: bold; }
      .nav-t1-zi ul > li:hover::before, .nav-t1-zi ul > li.this::before {
        left: -10px; }
      .nav-t1-zi ul > li:hover::after, .nav-t1-zi ul > li.this::after {
        right: -10px; }
      .nav-t1-zi ul > li:hover ol {
        display: block; }

.nav-t1-huang {
  list-style-type: none;
  background-color: rgba(225, 176, 49, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-huang *, .nav-t1-huang {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-huang a {
    display: inline-block; }
  .nav-t1-huang .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-huang .logo img {
      max-width: 120px; }
    .nav-t1-huang .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-huang ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-huang ul *, .nav-t1-huang ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-huang ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-huang ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-huang ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-huang ul > li, .nav-t1-huang ul > li * {
        color: #f7f7f9; }
      .nav-t1-huang ul > li > a {
        display: inline-block; }
      .nav-t1-huang ul > li.this > a {
        font-weight: bold; }
      .nav-t1-huang ul > li:hover::before, .nav-t1-huang ul > li.this::before {
        left: -10px; }
      .nav-t1-huang ul > li:hover::after, .nav-t1-huang ul > li.this::after {
        right: -10px; }
      .nav-t1-huang ul > li:hover ol {
        display: block; }

.nav-t1-hui {
  list-style-type: none;
  background-color: rgba(129, 129, 129, 0.9);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  height: 48px;
  padding: 0 30px;
  border-radius: 4px;
  /*导航栏*/ }
  .nav-t1-hui *, .nav-t1-hui {
    box-sizing: border-box;
    font: 16px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
    transition: all .5s; }
  .nav-t1-hui a {
    display: inline-block; }
  .nav-t1-hui .logo {
    flex-shrink: 0;
    max-height: 48px;
    max-width: 120px;
    overflow: hidden; }
    .nav-t1-hui .logo img {
      max-width: 120px; }
    .nav-t1-hui .logo * {
      font-size: 24px;
      font-weight: bold;
      color: #f7f7f9;
      font-family: 楷体; }
  .nav-t1-hui ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .nav-t1-hui ul *, .nav-t1-hui ul {
      box-sizing: border-box;
      font: 15px "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      transition: all .5s; }
    .nav-t1-hui ul > li {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 120px;
      text-align: center;
      display: inline-block;
      padding: 0 6px;
      position: relative; }
      .nav-t1-hui ul > li::before {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: '[';
        left: -4px; }
      .nav-t1-hui ul > li::after {
        display: inline-block;
        position: relative;
        height: 100%;
        transition: all .3s;
        top: -1px;
        content: ']';
        right: -4px; }
      .nav-t1-hui ul > li, .nav-t1-hui ul > li * {
        color: #f7f7f9; }
      .nav-t1-hui ul > li > a {
        display: inline-block; }
      .nav-t1-hui ul > li.this > a {
        font-weight: bold; }
      .nav-t1-hui ul > li:hover::before, .nav-t1-hui ul > li.this::before {
        left: -10px; }
      .nav-t1-hui ul > li:hover::after, .nav-t1-hui ul > li.this::after {
        right: -10px; }
      .nav-t1-hui ul > li:hover ol {
        display: block; }

/*水平线*/
.hr-lv {
  border: 0;
  height: 1px;
  background-color: rgba(57, 225, 49, 0.9);
  margin: 2px auto; }

.hr-lan {
  border: 0;
  height: 1px;
  background-color: rgba(54, 201, 225, 0.9);
  margin: 2px auto; }

.hr-hei {
  border: 0;
  height: 1px;
  background-color: rgba(1, 1, 1, 0.9);
  margin: 2px auto; }

.hr-hong {
  border: 0;
  height: 1px;
  background-color: rgba(225, 20, 17, 0.9);
  margin: 2px auto; }

.hr-zi {
  border: 0;
  height: 1px;
  background-color: rgba(158, 65, 255, 0.9);
  margin: 2px auto; }

.hr-huang {
  border: 0;
  height: 1px;
  background-color: rgba(225, 176, 49, 0.9);
  margin: 2px auto; }

.hr-hui {
  border: 0;
  height: 1px;
  background-color: rgba(129, 129, 129, 0.9);
  margin: 2px auto; }

/* s */
.hr-j-lv {
  border: 0;
  height: 2px;
  margin: 2px auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(57, 225, 49, 0.9), rgba(0, 0, 0, 0)); }

.hr-j-lan {
  border: 0;
  height: 2px;
  margin: 2px auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(54, 201, 225, 0.9), rgba(0, 0, 0, 0)); }

.hr-j-hei {
  border: 0;
  height: 2px;
  margin: 2px auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(1, 1, 1, 0.9), rgba(0, 0, 0, 0)); }

.hr-j-hong {
  border: 0;
  height: 2px;
  margin: 2px auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(225, 20, 17, 0.9), rgba(0, 0, 0, 0)); }

.hr-j-zi {
  border: 0;
  height: 2px;
  margin: 2px auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(158, 65, 255, 0.9), rgba(0, 0, 0, 0)); }

.hr-j-hui {
  border: 0;
  height: 2px;
  margin: 2px auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(129, 129, 129, 0.9), rgba(0, 0, 0, 0)); }

/* transition */
.trn-01 {
  transition: all 0.1s; }

.trn-02 {
  transition: all 0.2s; }

.trn-03 {
  transition: all 0.3s; }

.trn-04 {
  transition: all 0.4s; }

.trn-05 {
  transition: all 0.5s; }

.trn-06 {
  transition: all 0.6s; }

.trn-07 {
  transition: all 0.7s; }

.trn-08 {
  transition: all 0.8s; }

.trn-1 {
  transition: all 1s; }

.trn-2 {
  transition: all 2s; }

.trn-3 {
  transition: all 3s; }

.trn-4 {
  transition: all 4s; }

.trn-5 {
  transition: all 5s; }

.trn-6 {
  transition: all 6s; }

.trn-7 {
  transition: all 7s; }

.trn-8 {
  transition: all 8s; }

/* transition-all */
.trn-01-all, .trn-01-all * {
  transition: all 0.1s; }

.trn-02-all, .trn-02-all * {
  transition: all 0.2s; }

.trn-03-all, .trn-03-all * {
  transition: all 0.3s; }

.trn-04-all, .trn-04-all * {
  transition: all 0.4s; }

.trn-05-all, .trn-05-all * {
  transition: all 0.5s; }

.trn-06-all, .trn-06-all * {
  transition: all 0.6s; }

.trn-07-all, .trn-07-all * {
  transition: all 0.7s; }

.trn-08-all, .trn-08-all * {
  transition: all 0.8s; }

.trn-1-all, .trn-1-all * {
  transition: all 1s; }

.trn-2-all, .trn-2-all * {
  transition: all 2s; }

.trn-3-all, .trn-3-all * {
  transition: all 3s; }

.trn-4-all, .trn-4-all * {
  transition: all 4s; }

.trn-5-all, .trn-5-all * {
  transition: all 5s; }

.trn-6-all, .trn-6-all * {
  transition: all 6s; }

.trn-7-all, .trn-7-all * {
  transition: all 7s; }

.trn-8-all, .trn-8-all * {
  transition: all 8s; }

/* container */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }
@media (min-width: 768px) {
  .container {
    max-width: 760px; } }
@media (min-width: 992px) {
  .container {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

/*# sourceMappingURL=tool.css.map */