* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 100px;
}
body {
  font-size: 14px;
  font-family: "Microsoft YaHei", Calibri, FZPinShangHeiS-R-GB, Arial, sans-serif;
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style-type: none;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.inner-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
@media only screen and (max-width: 1200px) {
  .hidden-mo {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .hidden-pc {
    display: none;
  }
}
.pre-line {
  white-space: pre-line;
}
.notify-list {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 9999;
  padding: 0 5px;
}
.notify-list .notify-item {
  margin-bottom: 5px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  transition: all 0.5s;
  opacity: 0.9;
  padding: 0 20px;
  vertical-align: top;
}
.notify-list .notify-item.notify-expired {
  height: 0;
  opacity: 0;
}
.notify-list .notify-item.notify-pass {
  background: #587c96;
}
.notify-list .notify-item.notify-error {
  background: red;
}
.notify-list .notify-item.notify-warning {
  background: orange;
}
.notify-list .notify-item.notify-info {
  background: lightblue;
}
.header {
  position: relative;
  box-shadow: 0 0 10px #2c2c2c;
  z-index: 10;
}
.header .layer-top {
  padding: 15px 0;
  background: #004f88;
}
@media only screen and (max-width: 761px) {
  .header .layer-top {
    padding: 8px 5px;
  }
}
.header .layer-top .logo {
  text-align: left;
  flex: 0 0 auto;
  height: 40px;
}
@media only screen and (max-width: 1200px) {
  .header .layer-top .logo {
    padding: 0 0 0 5px;
  }
}
.header .layer-top .logo a img {
  height: 30px;
  margin: 5px 0;
}
@media only screen and (max-width: 761px) {
  .header .layer-top .logo a img {
    height: 24px;
  }
}
.header .layer-top .search-box {
  flex: 0 0 50%;
  margin: 0 2%;
}
@media only screen and (max-width: 761px) {
  .header .layer-top .search-box {
    display: block;
    flex: 0 0 100%;
    margin: 0;
  }
}
.header .layer-top .inner-container {
  position: relative;
}
.header .layer-nav {
  border-bottom: 1px solid #004f88;
  line-height: 34px;
  height: 34px;
  overflow: hidden;
}
.header .layer-nav nav {
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .header .layer-nav nav {
    justify-content: space-between;
  }
}
.header .layer-nav .nav-item {
  flex: 0 0 80px;
  color: #2c2c2c;
  display: inline-block;
  text-align: center;
}
.header .layer-nav .nav-item:hover {
  background: #f6f6f6;
}
@media only screen and (max-width: 1200px) {
  .header .layer-nav .nav-item {
    flex: 1 1 auto;
  }
}
.header .home-icon {
  position: absolute;
  left: 20px;
  top: 3px;
  display: inline-block;
  height: 30px;
}
.header .home-icon .fa {
  font-size: 24px;
  color: #fff;
}
.footer {
  position: relative;
  background: #333;
  padding: 30px 0;
  color: #fff;
}
.footer .footer-list-box {
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: space-between;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
  .footer .footer-list-box {
    padding: 0 5% 20px;
  }
}
.footer .footer-list-box .footer-list-item {
  flex: 1 1 25%;
}
@media only screen and (max-width: 1200px) {
  .footer .footer-list-box .footer-list-item {
    flex: 1 1 40%;
  }
}
.footer .footer-list-box .footer-list-title {
  font-size: 20px;
  line-height: 40px;
  height: 40px;
  white-space: nowrap;
}
.footer .footer-list-box .footer-list-content a {
  display: block;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  color: #cfcfcf;
  text-decoration: none;
}
.footer .footer-list-box .footer-list-content img {
  width: 120px;
  height: 120px;
}
.footer .misc-box {
  text-align: center;
}
.footer .beian {
  line-height: 30px;
  vertical-align: top;
  color: #fff;
  margin: 0 20px;
}
@media only screen and (max-width: 1200px) {
  .footer .beian {
    margin: 0;
    display: block;
  }
}
.footer .copyright {
  line-height: 30px;
  vertical-align: top;
}
.footer .qrcode-box {
  text-align: center;
}
.footer .qrcode-box span {
  display: block;
  line-height: 30px;
  height: 30px;
  color: #fff;
}
.footer .qrcode-box img {
  width: 120px;
  height: 120px;
}
.content-box {
  width: 100%;
  overflow-x: hidden;
}
.inner-container.with-padding {
  padding-bottom: 50px;
}
@media only screen and (max-width: 761px) {
  .inner-container.with-padding {
    padding-bottom: 10px;
  }
}
.search-bar {
  overflow: visible;
  position: relative;
}
.search-bar .input-box {
  position: relative;
  margin: 2px auto;
}
.search-bar .input-box .fa {
  position: absolute;
  color: #868686;
  font-size: 20px;
  right: 15px;
  top: 8px;
  z-index: 10;
}
.search-bar .search-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #868686;
  z-index: 10;
}
.search-bar .search-item.no-hover:hover {
  background: #ffffff;
  cursor: default;
}
.search-bar .search-item a {
  display: inline-block;
  width: 100%;
  color: #2c2c2c;
}
.search-bar .search-item:hover {
  background: #f1f1f1;
  cursor: pointer;
}
.search-bar .search-item .tag {
  font-size: 12px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 5px;
  color: #ffffff;
  background: #e45555;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  text-align: center;
  margin: 5px 5px 5px 0;
}
.search-bar .search-item .tag.tag-1 {
  background: #2f4f4f;
}
.search-bar .search-item .tag.tag-2 {
  background: #9246c1;
}
.search-bar .search-item .tag.tag-3 {
  background: #394a93;
}
.search-bar .search-item .tag.tag-4 {
  background: #84318d;
}
.search-bar .search-item.no-hover .tag {
  background: none;
}
.search-bar .search-item.to-all {
  line-height: 40px;
  padding: 0 10px;
  font-style: italic;
  text-align: center;
}
.search-bar .search-item.to-all a {
  color: #004f88;
}
.search-bar .search-item.to-all:hover a {
  color: #e45555;
}
.search-bar .search-res {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  z-index: 99;
  box-shadow: 0 0 10px #868686;
}
.search-bar .search-res .title {
  line-height: 30px;
  font-size: 14px;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w100 {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw100 {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw100 {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w99 {
    flex: 0 0 99%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw99 {
    flex: 0 0 99%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw99 {
    flex: 0 0 99%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w98 {
    flex: 0 0 98%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw98 {
    flex: 0 0 98%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw98 {
    flex: 0 0 98%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w97 {
    flex: 0 0 97%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw97 {
    flex: 0 0 97%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw97 {
    flex: 0 0 97%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w96 {
    flex: 0 0 96%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw96 {
    flex: 0 0 96%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw96 {
    flex: 0 0 96%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w95 {
    flex: 0 0 95%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw95 {
    flex: 0 0 95%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw95 {
    flex: 0 0 95%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w94 {
    flex: 0 0 94%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw94 {
    flex: 0 0 94%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw94 {
    flex: 0 0 94%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w93 {
    flex: 0 0 93%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw93 {
    flex: 0 0 93%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw93 {
    flex: 0 0 93%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w92 {
    flex: 0 0 92%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw92 {
    flex: 0 0 92%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw92 {
    flex: 0 0 92%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w91 {
    flex: 0 0 91%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw91 {
    flex: 0 0 91%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw91 {
    flex: 0 0 91%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w90 {
    flex: 0 0 90%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw90 {
    flex: 0 0 90%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw90 {
    flex: 0 0 90%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w89 {
    flex: 0 0 89%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw89 {
    flex: 0 0 89%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw89 {
    flex: 0 0 89%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w88 {
    flex: 0 0 88%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw88 {
    flex: 0 0 88%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw88 {
    flex: 0 0 88%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w87 {
    flex: 0 0 87%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw87 {
    flex: 0 0 87%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw87 {
    flex: 0 0 87%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w86 {
    flex: 0 0 86%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw86 {
    flex: 0 0 86%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw86 {
    flex: 0 0 86%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w85 {
    flex: 0 0 85%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw85 {
    flex: 0 0 85%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw85 {
    flex: 0 0 85%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w84 {
    flex: 0 0 84%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw84 {
    flex: 0 0 84%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw84 {
    flex: 0 0 84%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w83 {
    flex: 0 0 83%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw83 {
    flex: 0 0 83%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw83 {
    flex: 0 0 83%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w82 {
    flex: 0 0 82%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw82 {
    flex: 0 0 82%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw82 {
    flex: 0 0 82%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w81 {
    flex: 0 0 81%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw81 {
    flex: 0 0 81%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw81 {
    flex: 0 0 81%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w80 {
    flex: 0 0 80%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw80 {
    flex: 0 0 80%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw80 {
    flex: 0 0 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w79 {
    flex: 0 0 79%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw79 {
    flex: 0 0 79%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw79 {
    flex: 0 0 79%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w78 {
    flex: 0 0 78%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw78 {
    flex: 0 0 78%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw78 {
    flex: 0 0 78%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w77 {
    flex: 0 0 77%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw77 {
    flex: 0 0 77%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw77 {
    flex: 0 0 77%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w76 {
    flex: 0 0 76%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw76 {
    flex: 0 0 76%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw76 {
    flex: 0 0 76%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w75 {
    flex: 0 0 75%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw75 {
    flex: 0 0 75%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw75 {
    flex: 0 0 75%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w74 {
    flex: 0 0 74%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw74 {
    flex: 0 0 74%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw74 {
    flex: 0 0 74%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w73 {
    flex: 0 0 73%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw73 {
    flex: 0 0 73%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw73 {
    flex: 0 0 73%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w72 {
    flex: 0 0 72%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw72 {
    flex: 0 0 72%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw72 {
    flex: 0 0 72%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w71 {
    flex: 0 0 71%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw71 {
    flex: 0 0 71%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw71 {
    flex: 0 0 71%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w70 {
    flex: 0 0 70%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw70 {
    flex: 0 0 70%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw70 {
    flex: 0 0 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w69 {
    flex: 0 0 69%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw69 {
    flex: 0 0 69%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw69 {
    flex: 0 0 69%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w68 {
    flex: 0 0 68%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw68 {
    flex: 0 0 68%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw68 {
    flex: 0 0 68%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w67 {
    flex: 0 0 67%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw67 {
    flex: 0 0 67%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw67 {
    flex: 0 0 67%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w66 {
    flex: 0 0 66%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw66 {
    flex: 0 0 66%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw66 {
    flex: 0 0 66%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w65 {
    flex: 0 0 65%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw65 {
    flex: 0 0 65%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw65 {
    flex: 0 0 65%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w64 {
    flex: 0 0 64%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw64 {
    flex: 0 0 64%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw64 {
    flex: 0 0 64%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w63 {
    flex: 0 0 63%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw63 {
    flex: 0 0 63%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw63 {
    flex: 0 0 63%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w62 {
    flex: 0 0 62%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw62 {
    flex: 0 0 62%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw62 {
    flex: 0 0 62%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w61 {
    flex: 0 0 61%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw61 {
    flex: 0 0 61%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw61 {
    flex: 0 0 61%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w60 {
    flex: 0 0 60%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw60 {
    flex: 0 0 60%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw60 {
    flex: 0 0 60%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w59 {
    flex: 0 0 59%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw59 {
    flex: 0 0 59%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw59 {
    flex: 0 0 59%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w58 {
    flex: 0 0 58%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw58 {
    flex: 0 0 58%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw58 {
    flex: 0 0 58%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w57 {
    flex: 0 0 57%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw57 {
    flex: 0 0 57%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw57 {
    flex: 0 0 57%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w56 {
    flex: 0 0 56%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw56 {
    flex: 0 0 56%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw56 {
    flex: 0 0 56%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w55 {
    flex: 0 0 55%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw55 {
    flex: 0 0 55%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw55 {
    flex: 0 0 55%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w54 {
    flex: 0 0 54%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw54 {
    flex: 0 0 54%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw54 {
    flex: 0 0 54%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w53 {
    flex: 0 0 53%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw53 {
    flex: 0 0 53%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw53 {
    flex: 0 0 53%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w52 {
    flex: 0 0 52%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw52 {
    flex: 0 0 52%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw52 {
    flex: 0 0 52%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w51 {
    flex: 0 0 51%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw51 {
    flex: 0 0 51%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw51 {
    flex: 0 0 51%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w50 {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw50 {
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw50 {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w49 {
    flex: 0 0 49%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw49 {
    flex: 0 0 49%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw49 {
    flex: 0 0 49%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w48 {
    flex: 0 0 48%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw48 {
    flex: 0 0 48%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw48 {
    flex: 0 0 48%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w47 {
    flex: 0 0 47%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw47 {
    flex: 0 0 47%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw47 {
    flex: 0 0 47%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w46 {
    flex: 0 0 46%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw46 {
    flex: 0 0 46%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw46 {
    flex: 0 0 46%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w45 {
    flex: 0 0 45%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw45 {
    flex: 0 0 45%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw45 {
    flex: 0 0 45%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w44 {
    flex: 0 0 44%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw44 {
    flex: 0 0 44%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw44 {
    flex: 0 0 44%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w43 {
    flex: 0 0 43%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw43 {
    flex: 0 0 43%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw43 {
    flex: 0 0 43%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w42 {
    flex: 0 0 42%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw42 {
    flex: 0 0 42%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw42 {
    flex: 0 0 42%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w41 {
    flex: 0 0 41%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw41 {
    flex: 0 0 41%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw41 {
    flex: 0 0 41%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w40 {
    flex: 0 0 40%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw40 {
    flex: 0 0 40%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw40 {
    flex: 0 0 40%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w39 {
    flex: 0 0 39%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw39 {
    flex: 0 0 39%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw39 {
    flex: 0 0 39%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w38 {
    flex: 0 0 38%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw38 {
    flex: 0 0 38%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw38 {
    flex: 0 0 38%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w37 {
    flex: 0 0 37%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw37 {
    flex: 0 0 37%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw37 {
    flex: 0 0 37%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w36 {
    flex: 0 0 36%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw36 {
    flex: 0 0 36%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw36 {
    flex: 0 0 36%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w35 {
    flex: 0 0 35%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw35 {
    flex: 0 0 35%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw35 {
    flex: 0 0 35%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w34 {
    flex: 0 0 34%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw34 {
    flex: 0 0 34%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw34 {
    flex: 0 0 34%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w33 {
    flex: 0 0 33%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw33 {
    flex: 0 0 33%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw33 {
    flex: 0 0 33%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w32 {
    flex: 0 0 32%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw32 {
    flex: 0 0 32%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw32 {
    flex: 0 0 32%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w31 {
    flex: 0 0 31%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw31 {
    flex: 0 0 31%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw31 {
    flex: 0 0 31%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w30 {
    flex: 0 0 30%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw30 {
    flex: 0 0 30%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw30 {
    flex: 0 0 30%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w29 {
    flex: 0 0 29%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw29 {
    flex: 0 0 29%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw29 {
    flex: 0 0 29%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w28 {
    flex: 0 0 28%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw28 {
    flex: 0 0 28%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw28 {
    flex: 0 0 28%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w27 {
    flex: 0 0 27%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw27 {
    flex: 0 0 27%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw27 {
    flex: 0 0 27%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w26 {
    flex: 0 0 26%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw26 {
    flex: 0 0 26%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw26 {
    flex: 0 0 26%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w25 {
    flex: 0 0 25%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw25 {
    flex: 0 0 25%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw25 {
    flex: 0 0 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w24 {
    flex: 0 0 24%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw24 {
    flex: 0 0 24%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw24 {
    flex: 0 0 24%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w23 {
    flex: 0 0 23%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw23 {
    flex: 0 0 23%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw23 {
    flex: 0 0 23%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w22 {
    flex: 0 0 22%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw22 {
    flex: 0 0 22%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw22 {
    flex: 0 0 22%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w21 {
    flex: 0 0 21%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw21 {
    flex: 0 0 21%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw21 {
    flex: 0 0 21%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w20 {
    flex: 0 0 20%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw20 {
    flex: 0 0 20%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw20 {
    flex: 0 0 20%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w19 {
    flex: 0 0 19%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw19 {
    flex: 0 0 19%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw19 {
    flex: 0 0 19%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w18 {
    flex: 0 0 18%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw18 {
    flex: 0 0 18%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw18 {
    flex: 0 0 18%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w17 {
    flex: 0 0 17%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw17 {
    flex: 0 0 17%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw17 {
    flex: 0 0 17%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w16 {
    flex: 0 0 16%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw16 {
    flex: 0 0 16%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw16 {
    flex: 0 0 16%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w15 {
    flex: 0 0 15%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw15 {
    flex: 0 0 15%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw15 {
    flex: 0 0 15%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w14 {
    flex: 0 0 14%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw14 {
    flex: 0 0 14%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw14 {
    flex: 0 0 14%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w13 {
    flex: 0 0 13%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw13 {
    flex: 0 0 13%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw13 {
    flex: 0 0 13%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w12 {
    flex: 0 0 12%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw12 {
    flex: 0 0 12%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw12 {
    flex: 0 0 12%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w11 {
    flex: 0 0 11%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw11 {
    flex: 0 0 11%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw11 {
    flex: 0 0 11%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w10 {
    flex: 0 0 10%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw10 {
    flex: 0 0 10%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw10 {
    flex: 0 0 10%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w9 {
    flex: 0 0 9%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw9 {
    flex: 0 0 9%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw9 {
    flex: 0 0 9%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w8 {
    flex: 0 0 8%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw8 {
    flex: 0 0 8%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw8 {
    flex: 0 0 8%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w7 {
    flex: 0 0 7%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw7 {
    flex: 0 0 7%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw7 {
    flex: 0 0 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w6 {
    flex: 0 0 6%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw6 {
    flex: 0 0 6%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw6 {
    flex: 0 0 6%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w5 {
    flex: 0 0 5%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw5 {
    flex: 0 0 5%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw5 {
    flex: 0 0 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w4 {
    flex: 0 0 4%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw4 {
    flex: 0 0 4%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw4 {
    flex: 0 0 4%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w3 {
    flex: 0 0 3%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw3 {
    flex: 0 0 3%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw3 {
    flex: 0 0 3%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w2 {
    flex: 0 0 2%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw2 {
    flex: 0 0 2%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw2 {
    flex: 0 0 2%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w1 {
    flex: 0 0 1%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw1 {
    flex: 0 0 1%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw1 {
    flex: 0 0 1%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w0 {
    flex: 0 0 0%;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw0 {
    flex: 0 0 0%;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw0 {
    flex: 0 0 0%;
  }
}
@media only screen and (min-width: 1200px) {
  .mt .mt-w0 {
    width: 0;
    visibility: hidden;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1200px) {
  .mt .mt-iw0 {
    width: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 761px) {
  .mt .mt-mw0 {
    width: 0;
    visibility: hidden;
  }
}
.mt .mt-auto {
  flex: 1 1 auto;
}
.mt .mt-header {
  text-align: center;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e3e3e3;
  font-weight: bold;
  overflow: hidden;
}
.mt .mt-body .center {
  text-align: center;
}
.mt .mt-body .mt-items {
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  border: 1px solid #e3e3e3;
  border-top: 0;
  overflow: hidden;
  background: #fff;
  flex-wrap: nowrap;
}
.mt .mt-body .mt-items:nth-child(2n+1) {
  background: #f4f4f4;
}
.mt .mt-body .mt-items.t-center {
  text-align: center;
}
.mt .mt-body .mt-items.pointer {
  cursor: pointer;
}
.mt .mt-body .mt-items > a {
  text-decoration: none;
  color: #004f88;
}
.mt .mt-body .mt-items > a:hover {
  color: #1266b3;
}
.mt .mt-body .mt-items .mt-item-line {
  border-bottom: 1px solid #e3e3e3;
}
.mt .mt-body .mt-items .mt-item-line:last-child {
  border-bottom: 0;
}
.mt .mt-body .mt-items .mt-item-line > span {
  border-right: 1px solid #e3e3e3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.mt .mt-body .mt-items .mt-item-line > span:last-child {
  border-right: 0;
}
.mt .mt-body .mt-items.auto-height {
  height: auto;
}
.mt .mt-body .mt-items.hover:hover {
  background: #e0e0e0;
}
.mt .mt-body .mt-items .mt-wholeline {
  padding: 0 5px;
}
.mt .mt-body .mt-items .mt-wholeline > span {
  white-space: pre-wrap;
}
.mt .mt-ctrl-piece {
  margin: 0 3px;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  border: 1px solid #333;
  border-radius: 5px;
  padding: 0 10px;
}
.mt .mt-items .flex-container {
  justify-content: center;
}
.mt .gz-btn {
  flex: 0 0 26%;
  display: inline-block;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  margin: 5px 2px;
  padding: 0 5px;
  font-size: 12px;
  background: #935353;
  color: #fff;
}
.mt .t-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkbox-item {
  display: inline-block;
  padding-right: 20px;
  height: 40px;
  cursor: pointer;
}
.checkbox-item .checkbox-icon {
  display: inline-block;
  width: 25px;
  overflow: hidden;
  vertical-align: top;
}
.checkbox-item .checkbox-icon i {
  font-size: 22px;
  line-height: 42px;
}
.checkbox-item .checkbox-text {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
}
.checkbox-list {
  display: inline-block;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 0 10px;
  margin: 0 3px;
  vertical-align: top;
}
.breadcrumb-box {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 10px;
}
.breadcrumb-box a {
  color: #004f88;
}
.breadcrumb-box a:hover {
  color: #e45555;
}
.breadcrumb-box .fa {
  line-height: 24px;
  font-size: 18px;
  margin: 0px 7px;
  color: #004f88;
  position: relative;
  top: 1px;
}
.category-box.list {
  justify-content: space-around;
  overflow: hidden;
  flex-wrap: nowrap;
  margin: 5px 0;
}
.category-box.list > i {
  flex: 0 0 0%;
}
@media only screen and (max-width: 1200px) {
  .category-box.list {
    flex-wrap: wrap;
    background: none;
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px dashed #e3e3e3;
  }
  .category-box.list > i {
    flex: 0 0 15%;
  }
}
.category-box.list .category-tick {
  text-align: center;
  margin: 5px;
  padding: 0 5px;
  border-radius: 3px;
  flex: 1 1 auto;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  background: #004f88;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .category-box.list .category-tick {
    line-height: 30px;
    height: 30px;
    margin: 5px 1%;
    font-size: 12px;
    flex: 0 0 12%;
  }
  .category-box.list .category-tick.rank {
    flex: 1 1 17%;
  }
}
.category-box.list .category-tick.active {
  background: none;
  color: #000000;
  border: 1px solid #ddd;
  border-radius: 0;
}
.yt-block {
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 10px 0;
  padding: 0 2px;
}
.yt-block .yt-item {
  position: relative;
  flex: 0 0 49.6%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: hidden;
  background: #474545;
  border-radius: 5px;
  padding: 0 10px 0 50px;
  color: #ffffff;
  font-weight: bold;
}
.yt-block .yt-item .yt-icon {
  position: absolute;
  left: 5px;
  top: 4px;
  height: 32px;
}
.yt-block .yt-item .yt-text {
  vertical-align: top;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  word-wrap: nowrap;
}
.yt-block .yt-item .yt-tag {
  position: absolute;
  right: -29px;
  top: 0px;
  display: inline-block;
  transform: rotate(45deg);
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background: #2c2c2c;
  padding: 0 30px;
  line-height: 24px;
  opacity: 0.85;
}
.page-404 .detail-404 {
  width: 100%;
  display: block;
  height: 400px;
  line-height: 100px;
  text-align: center;
}
.ad-box {
  margin: 10px 0;
  border: 1px solid #e3e3e3;
  background: #fff;
}
.ad-box.fixed-size {
  text-align: center;
  border: 0;
}
.ad-box.fixed {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9998;
  width: 100%;
  min-height: 50px;
  text-align: center;
  margin: 0;
}
@media (max-width: 400px) {
  .ad-box.fixed {
    display: none;
  }
}
.ad-box.fixed .close-btn {
  display: inline-block;
  position: absolute;
  z-index: 9998;
  left: 10px;
  top: -30px;
  height: 30px;
  line-height: 30px;
  width: 60px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
}
@media (max-width: 500px) {
  .ad-box.hide-m {
    display: none;
  }
}
.popup-ad {
  display: 'inline-block';
  width: 300px;
  height: 50px;
}
@media (max-width: 400px) {
  .popup-ad {
    display: none;
  }
}
@media (min-width: 500px) {
  .popup-ad {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 800px) {
  .popup-ad {
    width: 728px;
    height: 90px;
  }
}
.aside-box .ad-box {
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 1200px) {
  .aside-box .ad-box {
    margin: 10px 0;
  }
}
.my-pagination {
  text-align: center;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 0;
}
.my-pagination .page-tick {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  min-width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  margin: 0 5px 5px;
  border: 1px solid #e3e3e3;
}
@media only screen and (max-width: 761px) {
  .my-pagination .page-tick {
    line-height: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 12px;
    margin: 0 1px 5px;
  }
}
.my-pagination .page-tick a {
  color: #2c2c2c;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0 5px;
}
.my-pagination .page-tick.curr {
  background: #004f88;
  border-color: #004f88;
}
.my-pagination .page-tick.curr a {
  color: #fff;
}
.my-pagination .page-tick.page-text {
  border: 0;
}
.my-pagination .page-btn {
  background: #333;
  color: #fff;
  border: 0;
  padding: 0 5px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
}
.my-pagination .redirect-page .input {
  width: 50px !important;
  background: #f6f6f6;
  margin: 6px 5px 0 0;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
.side-box {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 10px;
  z-index: 9999;
}
.side-box .tick {
  text-align: right;
  margin-bottom: 5px;
}
.side-box .tick .icon-wrapper {
  width: 40px;
  height: 40px;
  background: #e3e3e3;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}
.side-box .tick .fa {
  font-size: 24px;
  color: #666;
  cursor: pointer;
  line-height: 40px;
}
.side-box .qrcode {
  background: #f1f1f1;
  padding: 5px;
  margin-bottom: 10px;
}
.side-box .qrcode span {
  line-height: 30px;
  display: block;
  font-size: 12px;
  color: #000;
  text-align: center;
}
.side-box .qrcode .qrcode-img {
  width: 100px;
  height: 100px;
}
.form .form-row {
  padding: 10px 0;
}
.form .row-label {
  display: block;
  line-height: 30px;
}
.form .row-content {
  margin: 5px 0;
}
.form .row-content input {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #868686;
  overflow: hidden;
  width: 100%;
}
.form .row-content textarea {
  display: block;
  width: 100%;
  height: 200px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #868686;
  overflow: hidden;
  resize: none;
}
.form .row-content .form-hint {
  display: block;
  color: #868686;
  line-height: 30px;
  font-size: 12px;
  font-style: italic;
}
.form .form-ctrls .submit-btn {
  display: inline-block;
  padding: 0 30px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  background: green;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  margin: 0 auto;
}
.chart-main {
  position: relative;
}
.chart-main .watermark {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 0) rotate(-10deg);
  z-index: 10;
  color: #aaa;
  text-align: center;
  opacity: 0.6;
  pointer-events: none;
}
.chart-main .watermark span {
  display: block;
}
.chart-main .chart-box {
  position: relative;
}
.chart-main .ctrl-box {
  justify-content: space-between;
}
.chart-main .ctrl-box .ctrl-btn {
  border: 1px solid #434343;
  padding: 0 10px;
  cursor: pointer;
  line-height: 30px;
  display: inline-block;
  height: 30px;
  border-radius: 5px;
  color: #434343;
}
.chart-main .hint-box {
  padding-top: 10px;
}
.chart-main .hint-box .hint-line {
  font-size: 12px;
  display: block;
  line-height: 20px;
  color: #868686;
}
.chart-main .hint-box .hint-line span {
  font-weight: bold;
}
.chart-main .hint-box .color-mvv {
  color: #d36161;
}
.chart-main .hint-box .color-rv {
  color: #872287;
}
.chart-main .hint-box .def-color {
  color: #868686;
}
.tipbox {
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 22px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 12;
}
.tipbox.left {
  bottom: 10px;
  left: 10px;
}
.tipbox.right {
  bottom: 10px;
  right: 10px;
}
.tipbox .index-item {
  padding: 0 3px;
  color: #ffffff;
}
.tipbox .index-item span {
  white-space: nowrap;
}
.tipbox .piece {
  display: block;
}
.stock-ctrls {
  margin-bottom: 10px;
}
.stock-ctrls .mt-ctrl {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: top;
  height: 32px;
  padding: 0 3px;
  text-align: center;
}
.stock-ctrls .mt-ctrl:hover {
  cursor: pointer;
}
.stock-ctrls .mt-ctrl .fa {
  font-size: 32px;
  color: #2c2c2c;
  line-height: 32px;
}
.stock-ctrls input {
  display: inline-block;
  height: 30px;
  margin: 0 10px;
  padding: 0 5px;
}
.stock-ctrls .occupy {
  display: inline-block;
  width: 20px;
}
.chart-main .toggler {
  margin: 5px 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.chart-main .toggler .toggle-item {
  margin: 0 15px 5px 0;
  flex: 0 0 auto;
  padding: 0 3px;
  overflow: hidden;
  cursor: pointer;
  line-height: 25px;
  border-bottom: 2px solid #e3e3e3;
  font-size: 12px;
}
.chart-main .toggler.period .toggle-item {
  color: #fff;
  background: #3d3d3d;
  border-bottom: 0;
  padding: 0 10px;
  border-radius: 3px;
  margin-right: 5px;
  line-height: 30px;
  height: 30px;
}
.chart-main .toggler.period .toggle-item.active {
  background: none;
  border: 1px solid #e3e3e3;
  color: #868686;
}
.fund-block .mt .down {
  color: green;
}
.fund-block .mt .up {
  color: #e45555;
}
.fund-block .tag {
  display: inline-block;
  width: 80%;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin: 5px 2px;
  padding: 0 5px;
  font-size: 12px;
}
.fund-block .tag.tag-1 {
  background: #2f4f4f;
}
.fund-block .tag.tag-2 {
  background: #9246c1;
}
.fund-block .tag.tag-3 {
  background: #394a93;
}
.fund-block .tag.tag-4 {
  background: #a18931;
}
.fund-block .tag.tag-5 {
  background: #84318d;
}
.fund-block .tag.tag-7 {
  background: #8d4253;
}
.stock-block .mt .down,
.stock-block-hp .mt .down {
  color: green;
}
.stock-block .mt .up,
.stock-block-hp .mt .up {
  color: #e45555;
}
.page-home {
  position: relative;
}
.page-home .page-content {
  padding-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .page-home .page-content {
    padding-bottom: 0;
  }
}
.page-home .title {
  position: relative;
}
.page-home .title h2 {
  font-size: 16px;
  line-height: 40px;
  border-bottom: 3px solid #2c2c2c;
  margin-bottom: 10px;
}
.page-home .title .link-box {
  position: absolute;
  right: 0;
  top: 0;
}
.page-home .title .link-box > a {
  color: #004f88;
  line-height: 40px;
  display: inline-block;
  font-size: 14px;
}
.page-home .title .link-box > a:hover {
  color: #e45555;
}
.page-home .title .link-box .rank {
  margin-left: 10px;
}
.page-home .hint-box {
  margin: 20px 0 0;
  background: none;
}
@media only screen and (max-width: 761px) {
  .page-home .hint-box {
    margin: 20px 5px 0;
  }
}
.page-home .hint-box span {
  display: block;
  padding: 10px;
  border-radius: 5px;
  background: #dede88;
}
.page-home .fund-blocks {
  margin: 10px 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-home .fund-blocks .fund-block {
  flex: 0 0 23.5%;
  margin: 10px 0 20px;
  overflow: hidden;
}
@media only screen and (max-width: 761px) {
  .page-home .fund-blocks .fund-block {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .page-home .fund-blocks .fund-block {
    padding: 0 5px;
    margin-top: 0;
  }
}
.page-home .fund-blocks .fund-item {
  flex: 0 0 24.5%;
  margin-bottom: 10px;
  overflow: hidden;
}
.page-home .fund-blocks .fund-item:hover {
  background: #fafafa;
}
@media only screen and (max-width: 761px) {
  .page-home .fund-blocks .fund-item {
    flex: 0 0 100%;
  }
}
.page-home .stock-blocks {
  margin: 10px 0;
}
.page-home .stock-blocks .stock-block-hp {
  margin: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .page-home .stock-blocks .stock-block-hp {
    padding: 0 5px;
  }
}
.page-home .stock-blocks .list {
  justify-content: space-around;
  flex-wrap: nowrap;
}
.page-home .stock-blocks .list i {
  display: none;
}
@media only screen and (max-width: 761px) {
  .page-home .stock-blocks .list {
    flex-wrap: wrap;
  }
  .page-home .stock-blocks .list i {
    flex: 0 0 50%;
  }
}
.page-home .link-block {
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}
.page-home .link-block .nav-item {
  text-align: center;
  margin: 2px;
  padding: 0 5px;
  border-radius: 3px;
  flex: 1 1 auto;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  background: #474545;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .page-home .link-block .nav-item {
    line-height: 30px;
    height: 30px;
  }
}
.page-home .article-block {
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-home .article-block .article-item-hp {
  flex: 0 0 30%;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .page-home .article-block .article-item-hp {
    flex: 0 0 100%;
  }
}
.stock-blocks.simple {
  padding-top: 10px;
  justify-content: space-around;
}
@media only screen and (max-width: 1200px) {
  .stock-blocks.simple {
    padding-top: 0;
  }
}
.stock-blocks.simple i {
  display: none;
}
.stock-blocks.simple .stock-item {
  flex: 1 1 12%;
  margin-bottom: 10px;
  overflow: hidden;
}
.stock-blocks.simple .stock-item:first-child .stock-card.simple {
  border-left: 0 !important;
}
@media only screen and (max-width: 1200px) {
  .stock-blocks.simple .stock-item {
    flex: 0 0 48%;
  }
  .stock-blocks.simple .stock-item:nth-child(2n-1) .stock-card.simple {
    border-left: 0 !important;
  }
}
.stock-card {
  background: #f6f6f6;
  padding: 10px 5px;
  border-radius: 3px;
}
.stock-card.simple {
  background: none;
  padding: 5px 0;
  text-align: center;
  border-radius: 0;
  border-left: 1px solid #e3e3e3;
}
.stock-card.simple a {
  color: #000;
}
.stock-card.simple a:hover {
  color: #1266b3;
}
.stock-card.simple .title {
  font-weight: bold;
  font-size: 14px;
}
.stock-card.simple .rec-price {
  padding: 0;
  margin: 8px 0 0;
}
@media only screen and (max-width: 1200px) {
  .stock-card.simple .rec-price {
    margin: 3px 0 0;
    white-space: nowrap;
    overflow: hidden;
  }
}
.stock-card.simple .rec-pc {
  font-size: 14px;
  display: block;
  margin: 5px 0;
}
@media only screen and (max-width: 1200px) {
  .stock-card.simple .rec-pc {
    display: inline-block;
    font-size: 16px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 761px) {
  .stock-card {
    padding: 10px 5px;
  }
}
.stock-card .left .title {
  color: #2c2c2c;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 3px;
}
.stock-card .left .title .serial {
  margin-left: 5px;
  color: #868686;
  font-style: italic;
}
.stock-card .left .title .tag {
  font-size: 12px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 5px;
  color: #ffffff;
  background: #e45555;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
.stock-card .left .title .tag.tag-1 {
  background: #2f4f4f;
}
.stock-card .left .title .tag.tag-2 {
  background: #9246c1;
}
.stock-card .left .title .tag.tag-3 {
  background: #394a93;
}
.stock-card .left .title .tag.tag-4 {
  background: #84318d;
}
.stock-card .top-layer {
  flex-wrap: nowrap;
}
.stock-card .top-layer .left {
  flex: 0 0 100%;
  overflow: hidden;
}
.stock-card .mid-layer {
  padding: 0 0 5px;
}
.stock-card .bottom-layer {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.stock-card .bottom-layer .latest-day {
  flex: 1 1 22%;
  overflow: hidden;
  height: 60px;
  margin: 0 2px;
  border-radius: 2px;
  flex-wrap: nowrap;
}
.stock-card .bottom-layer .latest-day.pos {
  background: #e45555;
}
.stock-card .bottom-layer .latest-day.neg {
  background: #447544;
}
.stock-card .bottom-layer .latest-day.normal {
  background: none;
  color: #000;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  flex: 0 0 28%;
}
.stock-card .bottom-layer .latest-day .title {
  display: block;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}
.stock-card .bottom-layer .latest-day.normal .title {
  color: #000;
}
.stock-card .bottom-layer .latest-day .content {
  display: block;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 761px) {
  .stock-card .bottom-layer .latest-day {
    flex: 1 1 40%;
    overflow: hidden;
    height: 60px;
    margin: 0 2px;
    border-radius: 2px;
    flex-wrap: nowrap;
  }
  .stock-card .bottom-layer .latest-day.normal {
    flex: 0 0 56%;
  }
}
.stock-card .rec-price {
  color: grey;
}
.stock-card.down .rec-price {
  color: green;
}
.stock-card.up .rec-price {
  color: #e45555;
}
.stock-card .rec-price {
  padding: 10px 0;
}
.stock-card .rec-price .rec-pc {
  font-size: 20px;
  font-weight: bold;
  padding-left: 3px;
}
.stock-card .rec-price .rec-pcdiff {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.stock-card .link-box {
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.stock-card .link-box a {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  background: #cccccc;
  text-align: center;
  color: #000;
  border-radius: 5px;
  margin: 5px 2px;
  padding: 0 7px;
  font-size: 12px;
  flex: 0 0 auto;
}
.stock-card .link-box a:hover {
  background: #d3d3d3;
}
.stock-card .score-band.score-label {
  flex: 0 0 auto;
}
.score-band {
  position: relative;
  width: 99%;
  background: #cbcbcb;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .score-band {
    height: 30px;
    line-height: 30px;
  }
}
.score-band.score-label {
  display: inline-block;
  width: auto;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin: 5px 2px;
  padding: 0 5px;
  font-size: 12px;
}
.score-band.gz {
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .score-band.gz {
    width: 99%;
  }
}
.score-band .score-title {
  position: absolute;
  left: 10px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  z-index: 5;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .score-band .score-title {
    height: 30px;
    line-height: 30px;
  }
}
.score-band .score-title .title-txt {
  margin-right: 5px;
}
.score-band .label {
  position: absolute;
  top: 0;
  line-height: 40px;
  color: #868686;
  font-size: 12px;
  padding: 0 10px;
  z-index: 5;
}
.score-band .label.pos {
  right: 0;
}
.score-band .number {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.score-band.small {
  height: 20px;
  line-height: 20px;
}
.score-band.small .score-title {
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
}
.score-band.small .score-title .title-txt {
  display: none;
}
.score-band.small .label {
  line-height: 20px;
}
.score-band.small .number {
  height: 20px;
  line-height: 20px;
}
.mt-items .score-label {
  width: 80%;
}
.gz-band {
  position: relative;
  width: 99%;
  border-radius: 3px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin: 7px auto;
}
.gz-band .gz-title {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  z-index: 5;
  color: #fff;
  font-size: 12px;
}
@media only screen and (max-width: 761px) {
  .gz-band .gz-title {
    display: none;
  }
}
.gz-band .gz-title .title-txt {
  margin-right: 5px;
}
.gz-band .label {
  position: absolute;
  top: 0;
  line-height: 20px;
  color: #868686;
  font-size: 12px;
  padding: 0 10px;
  z-index: 5;
}
.gz-band .label.pos {
  right: 0;
}
.gz-band .number {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
}
.page-stocklist .list-box {
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-stocklist .list-box i {
  flex: 0 0 23.5%;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 1200px) {
  .page-stocklist .list-box {
    padding: 10px 5px 0;
  }
}
.page-stocklist .list-box.ind-box {
  border-bottom: 1px dashed #e3e3e3;
}
.page-stocklist .hint {
  padding: 5px 0;
  font-size: 12px;
  color: #868686;
  margin-bottom: 10px;
  margin-top: 10px;
}
.page-stocklist .list-item {
  flex: 0 0 23.5%;
  margin: 0 10px 10px 0;
  overflow: hidden;
}
@media only screen and (max-width: 761px) {
  .page-stocklist .list-item {
    flex: 0 0 49%;
    margin: 0 0 10px 0;
  }
}
.page-stocklist .list-pager {
  margin: 10px 0;
  text-align: center;
}
.page-stocklist .category-box {
  margin: 10px 0 0;
  background: #f6f6f6;
}
.page-stocklist .category-box .category-ctrl {
  background: #004f88;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  .page-stocklist .category-box .category-ctrl {
    width: 96%;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 12px;
  }
}
.page-stocklist .category-box .category-ctrl .toggle {
  line-height: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
}
@media only screen and (max-width: 1200px) {
  .page-stocklist .category-box .category-ctrl .toggle {
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    width: 80%;
    border-radius: 5px;
    text-align: center;
  }
}
.page-stocklist .category-box .category-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 0 5px 0;
}
@media only screen and (max-width: 1200px) {
  .page-stocklist .category-box .category-main {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 40%;
    overflow: auto;
    margin: 0;
    background: #004f88;
    min-height: 40px;
    z-index: 20;
    padding-bottom: 40px;
  }
}
.page-stocklist .category-box .category-main .hidden-pc {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #004f88;
  text-align: center;
  font-size: 12px;
  z-index: 20;
}
.page-stocklist .category-box .category-main .hidden-pc .toggle {
  color: #fff;
}
.page-stocklist .category-box .category-main i {
  flex: 0 0 17%;
}
@media only screen and (max-width: 1200px) {
  .page-stocklist .category-box .category-main i {
    flex: 0 0 0;
  }
}
.page-stocklist .category-box .category-tick {
  flex: 0 0 17%;
  padding: 0 10px;
  line-height: 24px;
  height: 24px;
  margin: 0 5px 5px 0;
  overflow: hidden;
  text-align: left;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-stocklist .category-box .category-tick:hover {
  color: #e45555;
}
@media only screen and (max-width: 1200px) {
  .page-stocklist .category-box .category-tick {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    flex: 0 0 49%;
  }
  .page-stocklist .category-box .category-tick:hover {
    color: #fff;
  }
}
@media only screen and (max-width: 761px) {
  .page-stocklist .category-box .category-tick {
    flex: 0 0 100%;
  }
}
.rec-list {
  margin-bottom: 20px;
}
.rec-list .rec-box .list-title {
  font-weight: bold;
}
.rec-list .rec-box .item-box {
  justify-content: space-around;
  flex-wrap: wrap;
}
.rec-list .rec-box .item-box i {
  flex: 0 0 50%;
}
.rec-list .rec-box .rec-item {
  flex: 0 0 48%;
  overflow: hidden;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .rec-list .mt {
    padding: 0 5px;
  }
}
.stock-detail-page .detail-404 {
  width: 100%;
  display: block;
  height: 400px;
  line-height: 100px;
  text-align: center;
}
.stock-detail-page .inner-container.main {
  margin: 10px auto;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-page .inner-container.main {
    margin: 0 auto 10px;
    flex-wrap: wrap;
  }
}
.stock-detail-page .list-title {
  line-height: 30px;
  padding: 0 10px;
  font-size: 16px;
  border-left: 5px solid #2c2c2c;
  margin: 12px 0 10px;
  font-weight: bold;
}
.stock-detail-page .main-box {
  flex: 0 0 70%;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-page .main-box {
    flex: 0 0 100%;
    overflow: hidden;
  }
}
.stock-detail-page .main-box .rec-date {
  font-size: 12px;
  color: #868686;
}
.stock-detail-page .aside-box {
  flex: 0 0 29%;
  padding: 10px 0 10px 1%;
  border-left: 1px solid #e3e3e3;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-page .aside-box {
    flex: 0 0 100%;
    padding: 10px 0;
    border-left: 0;
  }
  .stock-detail-page .aside-box .rec-list {
    margin: 10px 0;
  }
  .stock-detail-page .aside-box .rec-list .list-title {
    margin-top: 0;
  }
  .stock-detail-page .aside-box .item-box {
    display: flex;
  }
}
.stock-detail-page .chart-block {
  padding: 10px;
  border: 1px solid #e3e3e3;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-page .chart-block {
    border-right: 0;
    border-left: 0;
  }
}
.stock-detail-page .description .content {
  padding: 10px;
  background: #f1f1f1f1;
  margin-top: 10px;
  line-height: 26px;
  color: #777;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.common {
    margin: 20px auto 10px;
    padding: 0 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.common .toc-pc {
    margin-top: 5px;
  }
}
.stock-detail-com.common .stock-title {
  line-height: 60px;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.common .stock-title {
    line-height: 30px !important;
    margin-bottom: 10px;
  }
}
.stock-detail-com.common .stock-title .expire-t {
  font-size: 14px;
  padding: 0 5px;
  line-height: 30px;
  background: #868686;
  border-radius: 3px;
  margin: 16px 10px 0 0;
  color: #fff;
  vertical-align: top;
  display: inline-block;
  height: 30px;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.common .stock-title .expire-t {
    margin: 0 5px 0 0;
  }
}
.stock-detail-com.common .stock-serial {
  vertical-align: top;
  font-size: 18px;
  color: #868686;
  font-style: italic;
  margin-left: 10px;
}
.stock-detail-com.common .stock-pc {
  font-size: 22px;
}
.stock-detail-com.common .stock-pc.neg {
  color: green;
}
.stock-detail-com.common .stock-pc.pos {
  color: #e45555;
}
.stock-detail-com.common .rec-pcdiff {
  margin: 0 10px;
  font-size: 16px;
}
.stock-detail-com.common .rec-pcdiff.neg {
  color: green;
}
.stock-detail-com.common .rec-pcdiff.pos {
  color: #e45555;
}
.stock-detail-com.common .follow-btn {
  cursor: pointer;
  padding: 0 5px 0 20px;
  position: relative;
  font-size: 12px;
  line-height: 21px;
  border-radius: 3px;
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: top;
  margin: 19px 0 0 10px;
  color: #555;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.common .follow-btn {
    margin: 4px 0 4px 10px;
  }
}
.stock-detail-com.common .follow-btn .fa {
  position: absolute;
  font-size: 12px;
  vertical-align: top;
  top: 5px;
  left: 3px;
  color: #868686;
}
.stock-detail-com.common .stock-link {
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  padding: 0 5px;
  line-height: 30px;
  display: inline-block;
  height: 30px;
  background: #2c2c2c;
  margin: 5px 5px 10px 0;
  vertical-align: top;
  box-sizing: content-box;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.common .stock-link {
    margin: 0 2px 4px 0;
    color: #000;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    border: 1px solid #aaa;
    background: none;
  }
}
.stock-detail-com.common .board-box {
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  margin-bottom: 5px;
  font-style: italic;
}
.stock-detail-com.common .board-box .link-board {
  color: #004f88;
  margin-left: 5px;
}
.stock-detail-com.common .board-box .link-board:hover {
  color: #e45555;
}
.stock-detail-com.tech .score-band {
  width: 100%;
}
.stock-detail-com.tech .list-item {
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  background: #f1f1f1;
  display: flex;
  width: 100%;
}
.stock-detail-com.tech .list-item.nor {
  color: #000;
}
.stock-detail-com.tech .list-item.neg .right {
  color: green;
}
.stock-detail-com.tech .list-item.pos .right {
  color: #e45555;
}
.stock-detail-com.tech .list-item:nth-child(2n) {
  background: #f6f6f6;
}
.stock-detail-com.tech .list-item .left {
  flex: 1 1 auto;
  padding: 0 5px;
}
.stock-detail-com.tech .list-item .right {
  flex: 1 1 auto;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px;
}
.stock-detail-com.tech .pos-hint {
  line-height: 30px;
  color: #868686;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
}
.stock-detail-com.tech .score-block {
  margin: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.tech .score-block {
    padding: 0 5px;
  }
}
.stock-detail-com.tech .score-block .score-item {
  margin-bottom: 10px;
}
.stock-detail-com.tech .score-block .score-item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.tech .aside-box {
    padding: 0;
  }
  .stock-detail-com.tech .aside-box .rec-list {
    margin-bottom: 0;
  }
  .stock-detail-com.tech .aside-box .rec-list .list-title {
    margin-top: 0;
  }
  .stock-detail-com.tech .aside-box .item-box {
    display: flex;
  }
}
.stock-detail-com.tech .list-block.l .list-item .inner {
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
}
.stock-detail-com.tech .list-block.l .l-title {
  flex-wrap: nowrap;
}
.stock-detail-com.tech .list-block.l .l-title span {
  flex: 0 0 50%;
  text-align: center;
  color: #fff;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
}
.stock-detail-com.tech .list-block.l .l-title span.pos {
  background: #e45555;
}
.stock-detail-com.tech .list-block.l .l-title span.neg {
  background: green;
}
.stock-detail-com.tech .list-block.l .l-left {
  flex: 0 0 50%;
  padding: 5px;
  text-align: right;
  border-right: 1px solid #e3e3e3;
  color: #e45555;
  white-space: nowrap;
  overflow: hidden;
}
.stock-detail-com.tech .list-block.l .nor .l-left {
  color: #000;
}
.stock-detail-com.tech .list-block.l .l-right {
  flex: 0 0 50%;
  padding: 5px;
  color: #447544;
  white-space: nowrap;
  overflow: hidden;
}
.stock-detail-com.tech .list-block.l .main-t {
  line-height: 30px;
  display: block;
}
.stock-detail-com.tech .description .content {
  padding: 10px;
  background: #f1f1f1;
  border-radius: 5px;
  margin: 10px 0;
  line-height: 26px;
  color: #777;
}
.stock-detail-com.tech .list-inner {
  flex-wrap: wrap;
}
.stock-detail-com.tech .list-inner .list-item-box {
  flex: 0 0 100%;
  padding: 5px;
  border: 1px solid #e3e3e3;
  margin: 5px 0;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.tech .list-inner .list-item-box {
    border-left: 0;
    border-right: 0;
  }
}
.stock-detail-com.tech .list-inner .list-item-box .list-part-title {
  line-height: 30px;
  padding: 0 10px;
  border-bottom: 3px solid #2c2c2c;
  display: inline-block;
  margin-bottom: 10px;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item {
  margin: 0 0 5px;
  background: none;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item .square {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 15px 5px;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item .right {
  flex: 0 0 auto;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item .left {
  flex: 0 0 auto;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item.pos .square {
  background: #e45555;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item.neg .square {
  background: #447544;
}
.stock-detail-com.tech .list-inner .list-item-box .tech-item.nor .square {
  background: #2c2c2c;
}
.stock-detail-com.gz .rec-date {
  line-height: 30px;
  text-align: right;
  padding-right: 5px;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.gz .rec-date {
    padding-right: 5px;
  }
}
.stock-detail-com.gz .stat-item {
  margin: 10px 0;
}
.stock-detail-com.gz .stat-item .band-box {
  justify-content: space-between;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.gz .stat-item .band-box {
    margin-bottom: 0;
  }
}
.stock-detail-com.gz .stat-item .stat-value {
  flex: 0 0;
}
.stock-detail-com.gz .stat-item .value-item {
  padding: 5px 0;
  overflow: hidden;
  background: #f1f1f1;
}
.stock-detail-com.gz .stat-item .value-item:nth-child(2n) {
  background: #f6f6f6;
}
.stock-detail-com.gz .stat-item .value-item.neg {
  color: green;
}
.stock-detail-com.gz .stat-item .value-item.pos {
  color: #e45555;
}
.stock-detail-com.gz .stat-item .value-title {
  line-height: 24px;
  flex: 1 1 auto;
  padding-left: 5px;
}
.stock-detail-com.gz .stat-item .value-text {
  line-height: 24px;
  flex: 0 0 auto;
  padding-right: 5px;
  text-align: right;
  position: relative;
}
.stock-detail-com.gz .stat-item .value-text.pos {
  color: #e45555;
}
.stock-detail-com.gz .stat-item .value-text.neg {
  color: #447544;
}
.stock-detail-com.gz .stat-item .value-text .fa {
  position: absolute;
  left: -15px;
  top: 5px;
  display: inline-block;
  font-size: 13px;
}
.stock-detail-com.gz .gz-box {
  overflow: hidden;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.gz .gz-box {
    flex-wrap: wrap;
  }
}
.stock-detail-com.gz .gz-box .gz-item {
  overflow: hidden;
}
.stock-detail-com.gz .gz-box .gz-item.quantity-3 {
  flex: 0 0 33%;
}
.stock-detail-com.gz .gz-box .gz-item.quantity-2 {
  flex: 0 0 49%;
}
.stock-detail-com.gz .gz-box .gz-item.quantity-1 {
  flex: 0 0 100%;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.gz .gz-box .gz-item {
    flex: 0 0 100% !important;
    margin: 0 0 8px 0;
  }
}
.stock-detail-com.gz .hint-box {
  margin: 5px 0;
}
.stock-detail-com.gz .hint-box .hint {
  padding: 5px 0;
  font-size: 12px;
  color: #868686;
  text-align: right;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.gz .hint-box .hint {
    padding: 0 10px;
  }
}
.stock-detail-com.gz .nope-hint {
  line-height: 40px;
  height: 40px;
  background: #f1f1f1;
  padding: 0 10px;
  display: block;
  border-radius: 5px;
  font-style: italic;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.cw .range-box {
    padding: 10px 5px 0;
  }
}
.stock-detail-com.cw .range-box .range-item {
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  padding: 0 5px;
  line-height: 30px;
  display: inline-block;
  height: 30px;
  background: #2c2c2c;
  margin: 5px 5px 10px 0;
  vertical-align: top;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.cw .range-box .range-item {
    margin: 0 5px 10px 0;
    font-size: 12px;
  }
}
.stock-detail-com.cw .range-box .range-item.active {
  background: #fff;
  border: 1px solid #e3e3e3;
  color: #000;
}
.stock-detail-com.cw .hint {
  padding: 5px 0;
  font-size: 12px;
  color: #868686;
  text-align: right;
}
@media only screen and (max-width: 1200px) {
  .stock-detail-com.cw .hint {
    padding: 10px;
  }
}
.desc-chart {
  text-align: center;
  font-size: 14px;
  padding: 10px 10px 0;
  color: #fff;
}
.desc-chart.pos {
  background: #e45555;
}
.desc-chart.neg {
  background: #447544;
}
.desc-chart.balance {
  background: #3f5967;
}
.desc-chart .value {
  line-height: 40px;
  overflow: hidden;
}
.desc-chart-box {
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .desc-chart-box {
    justify-content: space-between;
  }
}
.desc-chart-box .desc-chart-item {
  flex: 0 0 auto;
  margin-right: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .desc-chart-box .desc-chart-item {
    flex: 1 1 auto;
    margin: 0 0.5%;
  }
  .desc-chart-box .desc-chart-item:first-child {
    margin-left: 0;
  }
  .desc-chart-box .desc-chart-item:last-child {
    margin-right: 0;
  }
}
.fund-card .top-layer .title {
  color: #2c2c2c;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 3px;
  margin: 5px 0;
}
.fund-card .top-layer .title:hover {
  color: #e45555;
}
.fund-card .top-layer .title .serial {
  margin-left: 5px;
  color: #868686;
  font-style: italic;
}
.fund-card .top-layer .title .tag {
  font-size: 12px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 5px;
  color: #ffffff;
  background: #e45555;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
.fund-card .top-layer .title .tag.tag-1 {
  background: #2f4f4f;
}
.fund-card .top-layer .title .tag.tag-2 {
  background: #9246c1;
}
.fund-card .top-layer .title .tag.tag-3 {
  background: #394a93;
}
.fund-card .top-layer .title .tag.tag-4 {
  background: #a18931;
}
.fund-card .top-layer .title .tag.tag-5 {
  background: #84318d;
}
.fund-card .top-layer .title .tag.tag-7 {
  background: #8d4253;
}
.fund-card .top-layer .title .rank-no {
  display: inline-block;
  background: #2c2c2c;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
  margin: 0 5px 0 0;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
}
.fund-card .mid-layer {
  padding: 2px 2px 5px;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.fund-card .mid-layer .rank-icon {
  display: inline-block;
  flex: 0 0 20px;
  height: 20px;
  margin: 3px 4px 3px 0;
  vertical-align: top;
}
.fund-card .mid-layer .cate-item {
  border-radius: 3px;
  font-size: 12px;
  color: #ffffff;
  padding: 0 5px;
  line-height: 26px;
  margin-right: 4px;
  background: #3d3d3d;
  white-space: nowrap;
}
.fund-card .mid-layer .cate-item .title {
  padding-right: 3px;
}
.fund-card .mid-layer .cate-item.none {
  color: #868686;
  background: none;
}
.fund-card .bottom-layer {
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 761px) {
  .fund-card .bottom-layer {
    margin: 0;
  }
}
.fund-card .bottom-layer .latest-day {
  flex: 1 1 22%;
  overflow: hidden;
  height: 60px;
  margin: 0 2px;
  border-radius: 2px;
  flex-wrap: nowrap;
}
.fund-card .bottom-layer .latest-day.pos {
  background: #e45555;
}
.fund-card .bottom-layer .latest-day.neg {
  background: #447544;
}
.fund-card .bottom-layer .latest-day.normal {
  background: none;
  color: #000;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  flex: 0 0 28%;
}
.fund-card .bottom-layer .latest-day .title {
  display: block;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}
.fund-card .bottom-layer .latest-day.normal .title {
  color: #000;
}
.fund-card .bottom-layer .latest-day .content {
  display: block;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 761px) {
  .fund-card .bottom-layer .latest-day {
    flex: 1 1 40%;
  }
  .fund-card .bottom-layer .latest-day.normal {
    flex: 0 0 56%;
  }
}
.fund-card .rec-price {
  color: grey;
}
.fund-card.down .rec-price {
  color: green;
}
.fund-card.up .rec-price {
  color: #e45555;
}
.fund-card .rec-price {
  padding: 10px 0;
}
.fund-card .rec-price .rec-pc {
  font-size: 20px;
  font-weight: bold;
  padding-left: 3px;
}
.fund-card .rec-price .rec-pcdiff {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.fund-card .link-box {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.fund-card .link-box a {
  display: inline-block;
  line-height: 30px;
  flex: 1 1 33%;
  color: #000;
  text-align: center;
  overflow: hidden;
}
.fund-card .link-box a:hover {
  color: #004f88;
}
.fund-detail-page .detail-404 {
  width: 100%;
  display: block;
  height: 400px;
  line-height: 100px;
  text-align: center;
}
.fund-detail-page .inner-container.main {
  margin: 10px auto;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .inner-container.main {
    margin: 0 auto 10px;
    flex-wrap: wrap;
  }
}
.fund-detail-page .rec-date {
  line-height: 30px;
  text-align: right;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .rec-date {
    padding-right: 1%;
  }
}
.fund-detail-page .fund-title {
  line-height: 60px;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .fund-title {
    line-height: 30px !important;
    margin-bottom: 10px;
  }
}
.fund-detail-page .fund-title .expire-t {
  font-size: 14px;
  padding: 0 5px;
  line-height: 30px;
  background: #868686;
  border-radius: 3px;
  margin: 16px 10px 0 0;
  color: #fff;
  vertical-align: top;
  display: inline-block;
  height: 30px;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .fund-title .expire-t {
    margin: 0 5px 0 0;
  }
}
.fund-detail-page .follow-btn {
  cursor: pointer;
  padding: 0 5px 0 20px;
  position: relative;
  font-size: 12px;
  line-height: 21px;
  border-radius: 3px;
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: top;
  margin: 19px 0 0 10px;
  color: #555;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .follow-btn {
    margin: 4px 0 4px 10px;
  }
}
.fund-detail-page .follow-btn .fa {
  position: absolute;
  font-size: 12px;
  vertical-align: top;
  top: 5px;
  left: 3px;
  color: #868686;
}
.fund-detail-page .main-box {
  flex: 0 0 70%;
}
.fund-detail-page .main-box > section {
  margin: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .main-box {
    flex: 0 0 100%;
    overflow: hidden;
  }
}
.fund-detail-page .main-box .rec-date {
  font-size: 12px;
  color: #868686;
}
.fund-detail-page .aside-box {
  flex: 0 0 29%;
  padding: 10px 0 10px 1%;
  border-left: 1px solid #e3e3e3;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .aside-box {
    flex: 0 0 100%;
    padding: 10px 0;
    border-left: 0;
  }
}
.fund-detail-page .chart-block {
  padding: 10px;
  border: 1px solid #e3e3e3;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .chart-block {
    border-right: 0;
    border-left: 0;
  }
}
.fund-detail-page .manager-box {
  padding: 5px 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.fund-detail-page .manager-box .manager-title {
  line-height: 30px;
  vertical-align: top;
  font-style: italic;
  margin-right: 10px;
  color: #868686;
}
.fund-detail-page .manager-box .manager-name {
  padding: 0 10px;
  justify-content: flex-start;
}
.fund-detail-page .manager-box .manager-name .manager-item {
  border-radius: 5px;
  margin-right: 5px;
  line-height: 30px;
  height: 30px;
  background: #e45555;
  overflow: hidden;
  text-decoration: none;
  position: relative;
}
.fund-detail-page .manager-box .manager-name .manager-item .fa {
  position: absolute;
  margin-right: 5px;
  color: #ffffff;
  left: 8px;
  top: 8px;
  font-size: 14px;
  z-index: 1;
}
.fund-detail-page .manager-box .manager-name .manager-item a {
  color: #fff;
  display: inline-block;
  padding: 0px 10px 0 28px;
  z-index: 2;
  position: relative;
}
.fund-detail-page .stock-pc {
  font-size: 22px;
}
.fund-detail-page .stock-pc.neg {
  color: green;
}
.fund-detail-page .stock-pc.pos {
  color: #e45555;
}
.fund-detail-page .rec-pcdiff {
  margin: 0 10px;
  font-size: 16px;
}
.fund-detail-page .rec-pcdiff.neg {
  color: green;
}
.fund-detail-page .rec-pcdiff.pos {
  color: #e45555;
}
.fund-detail-page .fundamental-info {
  padding: 0 5px;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .fundamental-info {
    margin: 20px auto 10px;
  }
}
.fund-detail-page .fundamental-info .fund-title {
  line-height: 60px;
  font-weight: bold;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .fundamental-info .fund-title {
    font-size: 18px;
  }
}
.fund-detail-page .fundamental-info .fund-serial {
  vertical-align: top;
  font-size: 18px;
  color: #868686;
  font-style: italic;
  margin-left: 10px;
}
.fund-detail-page .list-title {
  line-height: 30px;
  padding: 0 10px;
  font-size: 16px;
  border-left: 5px solid #2c2c2c;
  margin: 12px 0 10px;
  font-weight: bold;
}
.fund-detail-page .last-diff {
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: hidden;
}
.fund-detail-page .last-diff .diff-item {
  flex: 0 0 32%;
  text-align: center;
  background: #f1f1f1;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .last-diff .diff-item {
    padding: 10px 0;
    font-size: 12px;
  }
}
.fund-detail-page .last-diff .diff-item.pos {
  background: #e45555;
}
.fund-detail-page .last-diff .diff-item.neg {
  background: #447544;
}
.fund-detail-page .last-diff .diff-title {
  display: block;
  margin: 0 0 10px 0;
}
.fund-detail-page .last-diff .diff-value {
  display: block;
}
.fund-detail-page .tag-box {
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .tag-box {
    flex-wrap: wrap;
    padding: 0 1%;
  }
  .fund-detail-page .tag-box .tag-item {
    margin-bottom: 5px;
  }
}
.fund-detail-page .tag-box .tag-item {
  border-radius: 5px;
  padding: 0 8px;
  margin-right: 5px;
  line-height: 30px;
  height: 30px;
  color: #fff;
  background: #2c2c2c;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .tag-box .tag-item {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
  }
}
.fund-detail-page .tag-box .rank-icon {
  margin: 5px;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: top;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .tag-box .rank-icon {
    margin: 5px;
  }
}
.fund-detail-page .link-block {
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
  border-top: 1px dashed #e3e3e3;
  border-bottom: 1px dashed #e3e3e3;
  padding: 10px 0;
}
.fund-detail-page .link-block .nav-item {
  text-align: center;
  margin: 5px;
  padding: 0 5px;
  border-radius: 5px;
  flex: 1 1 auto;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  background: #2c2c2c;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .link-block .nav-item {
    line-height: 30px;
    height: 30px;
  }
}
.fund-detail-page .stat-item {
  margin: 10px 0;
}
.fund-detail-page .stat-item .stat-title {
  font-weight: bold;
  line-height: 30px;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .stat-item .stat-title {
    padding: 0 10px;
  }
}
.fund-detail-page .stat-item .stat-value {
  justify-content: space-between;
}
.fund-detail-page .stat-item .value-item {
  padding: 5px 0;
  overflow: hidden;
  background: #f6f6f6;
  flex-wrap: nowrap;
}
.fund-detail-page .stat-item .value-item:nth-child(2n) {
  background: #fafafa;
}
.fund-detail-page .stat-item .value-item.neg {
  color: green;
}
.fund-detail-page .stat-item .value-item.pos {
  color: #e45555;
}
.fund-detail-page .stat-item .value-title {
  line-height: 24px;
  height: 24px;
  flex: 1 1 auto;
  padding-left: 5px;
}
.fund-detail-page .stat-item .value-text {
  line-height: 24px;
  height: 24px;
  flex: 0 0 auto;
  padding-right: 5px;
  text-align: right;
  position: relative;
}
.fund-detail-page .stat-item .value-text.pos {
  color: #e45555;
}
.fund-detail-page .stat-item .value-text.neg {
  color: #447544;
}
.fund-detail-page .stat-item .value-text .fa {
  position: absolute;
  left: -15px;
  top: 5px;
  display: inline-block;
  font-size: 13px;
}
.fund-detail-page .ind .stat-item .value-item {
  flex: 0 0 24%;
}
.fund-detail-page .hint {
  padding: 5px 0;
  font-size: 12px;
  color: #868686;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .hint {
    padding: 0 10px;
  }
}
.fund-detail-page .hint span {
  display: block;
  margin-bottom: 1px;
}
.fund-detail-page .pe-box {
  overflow: hidden;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .pe-box {
    flex-wrap: wrap;
    padding: 0 1%;
  }
}
.fund-detail-page .pe-box .pe-item {
  flex: 1 1 33%;
  overflow: hidden;
  margin: 0 0.4%;
}
@media only screen and (max-width: 1200px) {
  .fund-detail-page .pe-box .pe-item {
    flex: 0 0 100%;
    margin: 5px 0;
  }
}
.fund-detail-page .pe-box .pe-item .light-box {
  color: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
}
.fund-detail-page .pe-box .pe-item .light-box.neg {
  background: green;
}
.fund-detail-page .pe-box .pe-item .light-box.pos {
  background: #e45555;
}
.fund-detail-page .description .content {
  padding: 10px;
  background: #f1f1f1f1;
  border-radius: 5px;
  margin-top: 10px;
  line-height: 26px;
  color: #777;
}
.page-fundlist .inner-container.content {
  padding-top: 10px;
}
.page-fundlist .list-box .hint {
  padding: 5px 0;
  font-size: 12px;
  color: #868686;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .page-fundlist .category-box > i {
    flex: 0 0 15%;
  }
}
@media only screen and (max-width: 1200px) {
  .page-fundlist .category-box .category-tick {
    flex: 0 0 12%;
  }
  .page-fundlist .category-box .category-tick.rank {
    flex: 1 1 17%;
  }
}
.page-fundlist .list-box {
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .page-fundlist .list-box {
    padding: 0 5px;
  }
}
.page-fundlist .list-box i {
  flex: 0 0 23.5%;
  margin: 0 10px 10px 0;
}
.page-fundlist .list-item {
  flex: 0 0 23.5%;
  margin: 0 0 20px 0;
  overflow: hidden;
}
@media only screen and (max-width: 761px) {
  .page-fundlist .list-item {
    flex: 0 0 100%;
    margin: 0 0 10px 0;
  }
}
.page-fundlist .list-pager {
  margin: 10px 0;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .manager-page .fund-title {
    margin-top: 20px !important;
  }
}
.manager-page .fund-title .fa {
  font-size: 20px;
  margin: 20px 10px 20px 0;
  vertical-align: top;
}
@media only screen and (max-width: 1200px) {
  .manager-page .fund-title .fa {
    font-size: 18px;
    margin: 6px 10px;
  }
}
.manager-page .manager-scale {
  vertical-align: top;
  font-size: 14px;
  line-height: 40px;
}
@media only screen and (max-width: 1200px) {
  .manager-page .scale-text {
    font-size: 14px !important;
    white-space: nowrap;
    overflow: hidden;
  }
}
.manager-page .fund-item {
  background: #f6f6f6;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
}
.manager-page .fund-item .date-box {
  color: #000000;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: hidden;
  border-bottom: 1px dashed #868686;
  margin-bottom: 5px;
  padding: 0 0 5px 5px;
}
.manager-page .fund-item .date-box .date-item {
  line-height: 30px;
  font-weight: bold;
}
.manager-page .fund-item .date-box .fa {
  color: #606060;
  margin: 0 10px;
  font-size: 16px;
}
@media only screen and (max-width: 1200px) {
  .manager-page .fund-box,
  .manager-page .content {
    padding: 0 1%;
  }
}
.manager-page .tags-box {
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (max-width: 1200px) {
  .manager-page .tags-box {
    padding: 0 1%;
  }
  .manager-page .tags-box .tag-item {
    margin-bottom: 5px;
  }
}
.manager-page .tags-box .tag-item {
  border-radius: 3px;
  font-size: 14px;
  color: #ffffff;
  padding: 0 5px;
  line-height: 30px;
  margin-right: 5px;
  background: #3d3d3d;
  white-space: nowrap;
}
.manager-page .description .content {
  padding: 10px;
  background: #f1f1f1f1;
  border-radius: 5px;
  margin-top: 10px;
  line-height: 26px;
  color: #777;
}
.page-managerlist .rank-no {
  display: inline-block;
  background: #2c2c2c;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
}
.page-managerlist .hint {
  padding: 5px 0;
  font-size: 12px;
  color: #868686;
}
.page-managerlist .list-header {
  background: #ddd;
  line-height: 30px;
  text-align: center;
}
.page-managerlist .list-item {
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px 0;
  text-align: center;
  background: #fafafa;
  margin: 0;
  color: #000;
  text-decoration: none;
}
.page-managerlist .list-item:nth-child(2n+1) {
  background: #fff;
}
.page-managerlist .list-box .flex-container {
  flex-wrap: nowrap;
  overflow: hidden;
}
.page-managerlist .l-index {
  flex: 1 1 10%;
}
.page-managerlist .l-name {
  flex: 1 1 20%;
}
.page-managerlist .l-rank {
  flex: 1 1 40%;
}
.page-managerlist .l-scale {
  flex: 1 1 30%;
}
.page-search .result-line {
  margin: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .page-search .result-line {
    padding: 0 5px;
  }
}
.page-search h1 {
  font-size: 16px;
  border-bottom: 3px solid #2c2c2c;
  line-height: 40px;
  margin-bottom: 10px;
}
.page-search .result-list {
  justify-content: space-between;
}
.page-search .result-list > a {
  flex: 0 0 24%;
  padding: 0 10px;
  border: 1px solid #e3e3e3;
  color: #000000;
  line-height: 40px;
  margin: 0 0 10px;
  color: #004f88;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1200px) {
  .page-search .result-list > a {
    flex: 0 0 100%;
  }
}
.page-search .result-list > a:hover {
  color: #1266b3;
}
.page-search .result-list > i {
  flex: 0 0 24%;
}
.page-search .result-pager {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
  .page-search .result-pager {
    margin-bottom: 10px;
  }
}
.page-search .result-pager .more-btn {
  padding: 0 20px;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  background: #004f88;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}
.page-search .result-pager .more-btn.ing {
  cursor: normal;
  background: #868686;
}
.page-article {
  padding-bottom: 320px;
}
.page-article .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.page-article .footer .qrcode-box {
  display: none !important;
}
.page-article.no-fixed {
  padding-bottom: 0 !important;
}
.page-article.no-fixed .footer {
  position: relative !important;
}
.page-article h1 {
  margin-top: 20px;
  border-bottom: 1px solid #2c2c2c;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  font-size: 20px;
}
@media only screen and (max-width: 1200px) {
  .page-article h1 {
    padding: 0 5px;
  }
}
.page-article .article-content {
  padding: 30px 0;
}
@media only screen and (max-width: 1200px) {
  .page-article .article-content {
    padding: 20px 5px;
  }
}
.page-article .article-content p {
  padding: 10px 0;
  line-height: 24px;
}
.page-article.about .qrcode-block {
  justify-content: flex-start;
}
.page-article.about .qrcode-block .qrcode-item {
  vertical-align: top;
  margin-right: 10px;
}
.page-article.about .qrcode-block .qrcode-item img {
  width: 120px;
  height: 120px;
}
.page-articlelist .inner-container.content {
  padding-top: 10px;
}
.page-articlelist .article-list {
  padding: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .page-articlelist .article-list {
    padding: 0 5px 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .page-articlelist .category-box > i {
    flex: 0 0 15%;
  }
}
@media only screen and (max-width: 1200px) {
  .page-articlelist .category-box .category-tick {
    flex: 0 0 22.5%;
  }
}
.article-detail-page .title:hover {
  cursor: inherit;
}
.article-detail-page .inner-container.main {
  margin: 10px auto;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .article-detail-page .inner-container.main {
    margin: 0 auto 10px;
    flex-wrap: wrap;
  }
}
.article-detail-page .main-box {
  flex: 0 0 70%;
  padding-right: 1%;
}
.article-detail-page .main-box > section {
  margin: 10px 0;
}
@media only screen and (max-width: 1200px) {
  .article-detail-page .main-box {
    flex: 0 0 100%;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
  }
}
.article-detail-page .main-box .rec-date {
  font-size: 12px;
  color: #868686;
}
.article-detail-page .list-title {
  line-height: 40px;
  padding: 0 10px;
  font-size: 18px;
  border-left: 5px solid #2c2c2c;
  margin: 10px 0 10px;
}
@media only screen and (max-width: 1200px) {
  .article-detail-page .list-title {
    font-size: 16px;
    margin-top: 0;
  }
}
.article-detail-page .aside-box {
  flex: 0 0 29%;
  padding: 10px 0 10px 1%;
  border-left: 1px solid #e3e3e3;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .article-detail-page .aside-box {
    flex: 0 0 100%;
    padding: 10px 0;
    border-left: 0;
  }
}
.article-detail-page .rec-list.article .rec-item {
  margin-bottom: 0;
}
.rec-list.article .rec-item {
  cursor: pointer;
}
.article-item.link {
  margin: 5px 0;
}
.article-item.link a {
  display: block;
}
.article-item.link a:hover .link-t {
  color: #e45555;
}
.article-item.link a .link-layer {
  display: block;
  height: 20px;
  overflow: hidden;
}
.article-item.link a .link-layer.link-misc {
  padding-left: 2px;
}
.article-item.link a .link-t {
  color: #004f88;
  width: 100%;
  position: relative;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-item.link a .link-t:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #004f88;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  margin-top: 10px;
}
.article-item.link a .link-category,
.article-item.link a .link-date {
  vertical-align: top;
  font-size: 12px;
  color: #868686;
  padding-left: 10px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
}
.article-item .title {
  position: relative;
  line-height: 24px;
}
.article-item .title .date {
  padding: 0;
  font-style: normal;
}
.article-item .title-str {
  font-weight: bold;
  margin-bottom: 10px;
}
.article-item .title-str.header-1 {
  font-size: 26px;
  margin-bottom: 15px;
  line-height: 34px;
}
@media only screen and (max-width: 1200px) {
  .article-item .title-str.header-1 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.article-item .content {
  line-height: 22px;
  padding: 10px 0 5px;
}
.article-item .content h2 {
  font-size: 14px;
}
.article-item .content img {
  max-width: 80%;
  display: block;
  margin: 5px auto;
}
@media only screen and (max-width: 1200px) {
  .article-item .content img {
    max-width: 100%;
  }
}
.article-item .date {
  color: #868686;
  font-size: 14px;
  line-height: 24px;
  padding: 5px 0;
  font-style: italic;
}
.article-item .date .st {
  margin-left: 10px;
  vertical-align: top;
  line-height: 24px;
  font-weight: bold;
  color: #868686;
}
.article-item .link-box {
  padding: 15px 0;
}
.article-item .link-box .link-hint {
  display: block;
  color: #868686;
  font-size: 14px;
  line-height: 36px;
  font-style: italic;
}
.article-item .link-box .links {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.article-item .link-box .links a {
  flex: 0 0 auto;
  background: #e3e3e3;
  padding: 0 10px;
  border-radius: 5px;
  color: #2c2c2c;
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
  margin: 0 5px 5px 0;
}
.header .account-box {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .header .account-box {
    height: 36px;
  }
}
.header .account-box .login-btn {
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  padding: 0 10px;
}
.header .account-box .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: top;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .header .account-box .avatar {
    width: 36px;
    height: 36px;
  }
}
.header .account-box .nickname {
  vertical-align: top;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  color: #fff;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  .header .account-box .nickname {
    line-height: 36px;
    height: 36px;
  }
}
.page-login .inner-container.content {
  text-align: center;
  padding: 20px 0 100px;
}
.page-login .title-box {
  line-height: 60px;
  height: 60px;
  overflow: hidden;
  font-weight: bold;
}
.page-login .desc-item {
  line-height: 30px;
}
.page-login .desc-item .fa {
  margin: 0 3px;
  color: green;
}
.page-login .auth-box span {
  display: block;
  width: 70%;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  background: green;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  margin: 0 auto;
}
.page-login .already-login {
  line-height: 60px;
  color: #004f88;
}
.page-login .qrcode-box {
  position: relative;
}
.page-login .qrcode-box .qrcode-img {
  height: 260px;
}
.page-login .qrcode-box .blur-mask {
  height: 260px;
  width: 260px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
}
.page-login .qrcode-box .blur-mask .mask-text {
  line-height: 40px;
  display: block;
}
.page-login .qrcode-box .blur-mask .mask-btn {
  width: 40%;
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #000;
  line-height: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 1;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-account-center .hint-link {
  color: #004f88;
  line-height: 200px;
  display: block;
  text-align: center;
}
.page-account-center .manage-box {
  padding: 20px 0;
}
@media only screen and (max-width: 1200px) {
  .page-account-center .manage-box {
    padding: 20px 5px;
  }
}
.page-account-center .manage-box .userinfo-curr {
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.page-account-center .manage-box .userinfo-curr .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.page-account-center .manage-box .userinfo-curr .nickname {
  vertical-align: top;
  padding: 0 10px;
  line-height: 80px;
  font-weight: bold;
}
.page-account-center .manage-box .userinfo-ctrl {
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-top: 10px;
}
.page-account-center .manage-box .userinfo-ctrl .ctrl-item {
  line-height: 30px;
  height: 30px;
  flex: 0 0 auto;
  padding: 0 10px;
  margin-right: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  cursor: pointer;
}
.page-account-center .manage-box .edit-box {
  padding: 10px 0;
}
.page-account-center .manage-box .edit-nickname {
  border-bottom: 1px dashed #e3e3e3;
}
.page-account-center .manage-box .edit-nickname .edit-content {
  flex-wrap: nowrap;
}
.page-account-center .manage-box .edit-nickname .input {
  flex: 1 1 auto;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #868686;
  margin-right: 5px;
}
.page-account-center .manage-box .edit-nickname .edit-btn {
  flex: 0 0 80px;
  text-align: center;
  margin: 0 5px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #868686;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .page-account-center .manage-box .edit-nickname .edit-btn {
    margin: 0 3px;
    flex: 0 0 50px;
  }
}
.page-account-center .manage-box .edit-nickname .hint {
  color: #e45555;
  font-size: 12px;
  position: relative;
  top: 2px;
}
.page-account-center .manage-box .edit-avatar {
  border-bottom: 1px dashed #e3e3e3;
}
.page-account-center .manage-box .edit-avatar .edit-content {
  justify-content: space-between;
}
.page-account-center .manage-box .edit-avatar .avatar-item {
  flex: 0 0 15%;
}
.page-account-center .manage-box .edit-avatar .avatar-item img {
  width: 100%;
}
.page-account-center .manage-box .edit-avatar .avatar-item img.choosen {
  border: 5px solid #004f88;
}
.page-account-center .manage-box .edit-avatar .edit-btn {
  padding: 0 20px;
  text-align: center;
  margin: 5px 5px 0 0;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #868686;
  cursor: pointer;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  .page-account-center .toggle-table-box {
    padding: 0 5px;
  }
}
.page-account-center .toggle-table-box .toggle-item {
  background: #004f88;
  color: #fff;
  padding: 0 10px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  margin: 0 5px 0 0;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
}
.page-account-center .toggle-table-box .toggle-item.active {
  background: #fff;
  color: #000;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
}
.page-account-center .follow-table {
  padding: 10px 0 30px;
}
@media only screen and (max-width: 1200px) {
  .page-account-center .follow-table {
    padding: 10px 5px 30px;
  }
}
.page-account-center .follow-table .input-box {
  position: relative;
  margin: 2px auto;
}
.page-account-center .follow-table .input-box .search-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #868686;
  z-index: 10;
}
.page-account-center .follow-table .input-box .fa {
  position: absolute;
  color: #868686;
  font-size: 20px;
  right: 15px;
  top: 8px;
  z-index: 10;
}
.page-account-center .follow-table .search-res-box {
  padding: 10px 0;
}
.page-account-center .follow-table .search-res-box .search-res {
  justify-content: flex-start;
}
.page-account-center .follow-table .search-res-box .search-item {
  flex: 0 0 auto;
  padding: 0 10px;
  margin: 0 5px 5px 0;
  border-radius: 5px;
  border: 1px solid #aaa;
  line-height: 30px;
  white-space: nowrap;
  cursor: pointer;
}
.page-account-center .follow-table .search-res-box .search-item .fa {
  font-size: 16px;
  line-height: 30px;
  margin-left: 8px;
  vertical-align: top;
}
.page-account-center .follow-table .search-res-box .search-item.no-hover {
  border: 0;
  color: #868686;
  cursor: initial;
}
.page-account-center .follow-table .hint {
  color: #868686;
  font-size: 12px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.page-handin .hint-box {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  display: block;
  border-radius: 5px;
  color: #fff;
  margin: 10px 0;
}
.page-handin .hint-box.done {
  background: green;
}
.page-handin .hint-box.error {
  background: darkred;
}
.page-handin .form {
  margin: 20px 0;
}
@media only screen and (max-width: 1200px) {
  .page-handin .form {
    padding: 0 5px;
    margin-top: 0;
  }
}