main > div {
  background: #f5f7fa;
  min-width: 100vw;
  min-height: 100vh;
}

.page-detail .analysis-list-banner {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #606266;
  margin: 10px auto 0px auto;
  background: #fff;
  border-radius: 8px 8px 0 0;
}

.page-detail .analysis-list-banner > div {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.page-detail .analysis-list-banner .item {
  padding: 0 20px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-right: none;
}

.page-detail .analysis-list-banner .item img {
  width: 11px;
  height: 11px;
  margin-left: 5px;
}

.page-detail .analysis-list-banner .item > span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
}

.page-detail .analysis-list-banner .controller_left {
  border-radius: 4px 0 0 4px;
}

.page-detail .analysis-list-banner .controller_selected {
  border-right: 1px solid #4e6ef2 !important;
  border-color: #4e6ef2;
  color: #4e6ef2;
}

.page-detail .analysis-list-banner .del_left_border {
  border-left: none !important;
}

.page-detail .analysis-list-banner .controller_right {
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #dcdfe6;
}

.page-detail .analysis-list-banner .disabled {
  cursor: not-allowed;
  color: #c0c4cc !important;
}

.detail-title-fixed {
  position: fixed;
  top: 62px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  width: 1220px;
}

.mutiple_tab_fixed {
  border-bottom: none;
  border-radius: 8px;
  height: auto;
  box-sizing: border-box;
}

.page-detail {
  width: 1220px;
  margin: 62px auto 0px auto;
  scroll-behavior: smooth;
}

.page-detail > div {
  width: 100%;
}

.page-detail .detail-title {
  box-sizing: border-box;
  background: #fff;
  /* padding: 24px; */
  padding: 24px 24px 0 24px;
  z-index: 999;
  border-radius: 8px;
}

.page-detail .detail-title > div:first-child {
  font-size: 24px;
  color: #303133;
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 1.2;
}

.page-detail .action-group {
  display: flex;
  margin-top: 20px;
  cursor: pointer;
}

.page-detail .link_container {
  display: flex;
  align-items: center;
}
.page-detail .disabled {
  cursor: not-allowed;
  color: #c0c4cc !important;
}

.page-detail .link_container:after {
  content: '';
  width: 1px;
  height: 14px;
  background: #ebeef5;
  margin: 0 12px;
}

.page-detail .link_container i {
  font-size: 14px !important;
  margin-right: 4px;
}
.page-detail .link_container_cancel i {
  font-size: 14px !important;
  margin-right: 4px;
  color: #4a75f6;
}

.page-detail .link_container > span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #606266;
  line-height: 14px;
}

.page-detail .detail-title .info-tag {
  font-family: PingFangSC-Regular, PingFang SC;
  display: flex;
  margin-top: 20px;
}

.page-detail .detail-title .info-tag .el-tag {
  margin-bottom: 12px;
  border-radius: 2px;
  border: none;
  padding: 3px 8px;
  line-height: 20px;
  font-size: 14px;
}

.page-detail .detail-title .info-tag > span:first-child {
  background: #eef7ff !important;
  color: #4a75f6;
  margin-right: 12px;
}

.page-detail .detail-title .info-tag > span {
  background: rgba(87, 107, 149, 0.08) !important;
  color: #576b95;
  margin-right: 12px;
}

.page-detail .detail-base {
  /* padding: 0 24px 24px; */
  padding: 0 24px 12px 24px;
  margin: -4px auto 12px;
  border-radius: 0 0 8px 8px;
  background: #fff;
  overflow: hidden;
  /* padding-bottom: 24px; */
}

.page-detail .detail-base > div {
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.page-detail .detail-base .product-number {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.page-detail .detail-base .product-number > span {
  font-size: 14px;
  color: #909399;
  font-weight: 400;
  white-space: nowrap;
  width: auto;
}

.page-detail .detail-base .unit-lump-top {
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 50%;
}

.page-detail .detail-base .unit-lump-top > div {
  display: flex;
}

.page-detail .detail-base .unit-lump-top > span {
  font-size: 14px;
  color: #909399;
  font-weight: 400;
  white-space: nowrap;
  width: auto;
}

.detail-info-popover-content .qrcodes-title {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #303133;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.detail-info-popover-content .qrcodes-title_sub {
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
}
.detail-info-popover-content .qrcodes-title_sub span {
  font-size: 12px;
  color: #303133;
}
.detail-info-popover-content .qrcodes-title_sub span:first-of-type {
  color: #4a75f6;
  margin-right: 8px;
}
.detail-code-wrap .ezc_ewm {
  height: 100%;
  width: 100%;
}
.detail-info-popover-content .detail-code-wrap {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail-info-popover-content .detail-code-wrap .detail-info-code {
  width: 127px;
  height: 127px;
}
.detail-info-popover-content .detail-code-wrap .detail-info-code div,
.detail-info-popover-content .detail-code-wrap .detail-info-code div .detail-info-code-img {
  width: 100%;
  height: 100%;
}

/* .page-detail .detail-base .unit-lump-top>div:last-child {
    margin-left: 40px;
} */

.page-detail .detail-base .unit-lump-top > div:nth-child(2) {
  margin-left: 40px;
}

.page-detail .detail-base .unit-lump-top > span {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  margin-right: 20px;
  align-items: center;
}

.page-detail .mutiple_tab_normal {
  width: auto;
  border-bottom: none;
  border-radius: 8px;
  padding: 16px 24px;
  height: auto;

  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #606266;
  /* margin: 0 auto 12px auto; */
  margin: 12px auto 12px auto;
  background: #fff;
}

.page-detail .mutiple_tab_normal > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-detail .mutiple_tab_normal > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.page-detail .mutiple_tab_normal .item {
  padding: 0 20px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-right: none;
}

.page-detail .mutiple_tab_normal .item img {
  width: 11px;
  height: 11px;
  margin-left: 5px;
}

.page-detail .mutiple_tab_normal .item > span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
}

.page-detail .mutiple_tab_normal .controller_left {
  border-radius: 4px 0 0 4px;
}

.page-detail .mutiple_tab_normal .controller_selected {
  border-right: 1px solid #4e6ef2 !important;
  border-color: #4e6ef2;
  color: #4e6ef2;
}

.page-detail .mutiple_tab_normal .del_left_border {
  border-left: none !important;
}

.page-detail .mutiple_tab_normal .controller_right {
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #dcdfe6;
}
.page-detail .mutiple_tab_normal .disabled {
  cursor: not-allowed;
  color: #c0c4cc !important;
}

.page-detail .detail-phone {
  padding: 24px 24px 0;
  margin: 0 auto 12px auto;
  border-radius: 8px;
  background: #fff;
}

.page-detail .title-right {
  color: #4a75f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.page-detail .right_part {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a75f6;
  line-height: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.page-detail .right_part i {
  font-size: 14px;
  margin-left: 5px;
}

.page-detail .expand-box {
  max-height: 500px;

  /* 横轴滚动 */
  /* overflow-x: scroll; */

  transition: max-height 0.4s ease;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.page-detail .expand-box-none {
  max-height: 0;
  overflow: hidden;
}

.page-detail .expand-box > div {
  width: calc((100% - 48px) / 6);
  background: #f5f7fa;
  border-radius: 8px;
  margin: 0 12px 24px 0;
  padding-left: 12px;
  box-sizing: border-box;
  height: 38px;
  color: #303133;
}

.page-detail .expand-box > div > div {
  display: flex;
  font-size: 14px;
  align-items: center;
  line-height: 38px;
}

.page-detail .expand-box > div > div:hover > div:last-child {
  visibility: visible;
}

.page-detail .expand-box > div > div > div:first-child {
  flex-shrink: 0;
  font-size: 14px;
  margin-right: 8px;
}

.page-detail .expand-box > div > div > div:nth-child(2) {
  max-width: 102px;
  font-size: 14px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.page-detail .expand-box > div > div > div:last-child {
  visibility: hidden;
  cursor: pointer;
  margin-left: 3px;
}

.page-detail .expand-box > div > div > div:last-child > img {
  width: 12px;
  height: 12px;
}
.page-detail .expand-box .mask {
  position: absolute;
  top: 0;
  left: 20px;
  right: 0px;
  bottom: 0;
  z-index: 1;
  backdrop-filter: blur(5.7px);
  width: 31px;
}

.page-detail .detail-content {
  padding: 24px;
  margin: 0 auto 12px;
  border-radius: 8px;
  color: #303133;
  background: #fff;
  word-wrap: break-word;
}

.page-detail .detail-content > div:first-child {
  display: flex;
  margin-bottom: 24px;
}

.page-detail .detail-content .desensitized_content {
  color: #4a75f6;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 900px; */
  height: 600px;
}
.detail-content .htmlcontent p span {
  text-wrap: wrap !important;
}
.desensitized_content .el-overlay {
  position: absolute;
  background: transparent;
  opacity: 1;
  z-index: 1 !important;
  top: -60px;
}
.desensitized_content .el-overlay .el-overlay-dialog {
  position: absolute;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.desensitized_content .el-overlay .el-overlay-dialog .el-dialog {
  position: static;
}
.desensitized_content .wx-login-instance2 {
  border-radius: 16px;
  background: url('../imgs/login-bg.png') no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: #b3d3fd;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  width: 800px;
  height: 470px;
  padding: 24px;
}
.wx-login-instance2 .el-dialog__header,
.wx-login-instance2 .el-dialog__body {
  padding: 0;
}
.el-dialog--center {
  text-align: center;
}

.wx-login-instance2 .login-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wx-login-instance2 .login-container .title {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #2c4283;
  line-height: 1;
  font-size: 28px;
  text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  margin-top: 6px;
  margin-bottom: 19px;
}
.wx-login-instance2 .login-container .tip-group {
  font-size: 18px;
  font-weight: 400;
  color: #2c4283;
  line-height: 18px;
  text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  margin-bottom: 30px;
}
.wx-login-instance2 .login-container .tip-group > span {
  display: flex;
  align-items: center;
}
.wx-login-instance2 .login-container .tip-group > span:after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 16px;
  background: rgba(44, 66, 131, 0.5);
  margin: 0 18px;
}
.wx-login-instance2 .login-container .main-wrapper {
  width: 100%;
}
.wx-login-instance2 .login-container .main-wrapper > div {
  float: right;
  width: 220px;
  height: 320px;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
}
.wx-login-instance2 .login-container .main-wrapper > div > div:first-child {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #020303;
  text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: center;
}
.wx-login-instance2 .login-container .main-wrapper > div > div:first-child:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABYJJREFUaEPt2XuM3FUVB/DPndluC1sx2IgU0oqiWEIFW3d3phgVg40SJSL4CgQIESg+UBMgPoKKGqJWa0KiqISHRg0SMUQNjZCVENKYnd3FUkKCoS1BA1ZrQSIu0N3Zueb3m+22253fzm8e26YJN9k/Nvd7vud+f+c+zjkTHOEjHOHr94qAwx3B1iJQcYrgvaKzRCsFx+F10yKexR7RE4It6d+AbYK4kCKbC9imz16Xiz4nemNLiwmexC2WuMMZdrdkmxOcLSAqGnEtrhMty8mXBXtZwUbLfccKL3XINcu8sYCtTjLhV6Izu+kMTym41KCHusU7V8CId4n+IDqmW04O+mQTgqsMuqMb/LMFjBo0ZQiv6gb5vBwF1xq0qVM/+wWMOVnVKI7tlDSXfVATna/sd7nwGaD9Aobdj/UNccG/Rdcr2KnmIlw2r9P67XM9nsPVog9k8I7rtdoaT7Uroi5gxEVqfplJErxfyX0z88M245yMRSX3/iolT6TzUY8Rj4hOy+C/S9knOhMw7PHUadZYarHVJmamK+nVujFDwNNKVsyaq/ix6KpM/qKSASPtiAiGvR1jTYzXKRs+IAJ3kvnVpvRYod+uA/AVDM7j42Zln2lXwPdxTRPjHYo+LdpJut2+2QSffM3PC+kZ+ILoU03OzC6DTmwn7QgqhkRnt6O+ZZtgXPQnBfcJ6cHdJXhW0Cfaod9kq5zJFkoO25tbNWwRv13BNxzrbv+z3KT1as4WvJ40IVwmeh7/TF/rYEjR/fr9vZmfRMCLOKoZsK35kHJfY9CtRp0j+rJoXQtcD+LbyukVn3FnVPxDtLwF0nzQ+ltwvqK9qukVnVwW7Y4t0zlUwjlrJBHYgne0y5xht12PM9WcK/qh6Ogu8L8g2KAkuQFnRnKIfy66pAsO6hTJoey1zl7vwU+7xlvnjqLLld2+jzeJwJVddnSegqLoN6JCVwXURSQ51MeV3V3/d8zRqp7uShIXPKDPR437q+i1GYtPKrPkcJ80j7ik6NkhWCVa1AD3nKOcmlR59VyoYqPouo6/VjBAWn5uyOD6raUuTNOSiq+LbmiA263XoLX+5mGnq/qzqG8OLrhTyYV1AX9xgkmPdlg6bkc//oUlDQX0eKf+9NJIkpck8uMNcLPTiop7ROc1EFCz2Mr96XTF+7C57X0bfBePi36WGcmCywxOz495q6pHG2CHlKfT+uQMjdgmWt2QM/jS7IosO6zNd1dwLj4munge8H8U3JC+ukl9kZUBBLcpGDLlI7ggky94YLaAKLlWv5cjuZvLWbTWlB/grOZqu4QIdjbuSlRsSB8genK76nO8Fz0kOiW3TefAl7L7QiOuUHNLbh89TlB1D0q5bToFBk9mC6i4UfSV3D4WOUPVV8V03x6qsXk+Aclj9JaZlSQpgjRBO120eM4KCy5O+6XRjYdq9fhWYwEjTlPzWLqQ4HnBJse4ySovGLNILS3Qk71+fPpX06vgj2nFFlORCz+CCYu8obGAYV8j7YveZLFN1qTFRr5R8aDo3fnAHaCCW5VckXULXaroXv32tOxi1BpTaYOs2LJtfoPdlljrbZ5p3l7PT7ofOSxPo6Ad5sSmqmi9AUm1tkA/MSWt+Yq75n1F21l+vR64WtmP9pkvTAQS9sf0Gvdr0YfbWescm2BS9EllvzhwbuEE7PNS8VkxTU8aZ6h51RV9yIDfHwxfeAGJx4e9SdUXcYmoN++aZ+GCDyq59/AI2Of1ESeacIFoffpDIUsbbJWkJblFtJU0sz01xQQ/UZrb4Ts0EWj0yZNcf6tlqo4TvUaPPSY9o+y/M/Cksz3qyunK7WUlKw9vBNraO2n19mpTaV5220zbfprr8EWgXTEH2b0ioEsfsm2aIz4C/wfWIHOpSwyqBAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: cover;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code {
  width: 188px;
  height: 188px;
  margin-top: 0;
  margin-bottom: 24px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code > img {
  display: block;
  width: 100%;
  height: 100%;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.97);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code > div > img {
  width: 54px;
  height: 54px;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #020303;
  text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: center;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code .title:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABYJJREFUaEPt2XuM3FUVB/DPndluC1sx2IgU0oqiWEIFW3d3phgVg40SJSL4CgQIESg+UBMgPoKKGqJWa0KiqISHRg0SMUQNjZCVENKYnd3FUkKCoS1BA1ZrQSIu0N3Zueb3m+22253fzm8e26YJN9k/Nvd7vud+f+c+zjkTHOEjHOHr94qAwx3B1iJQcYrgvaKzRCsFx+F10yKexR7RE4It6d+AbYK4kCKbC9imz16Xiz4nemNLiwmexC2WuMMZdrdkmxOcLSAqGnEtrhMty8mXBXtZwUbLfccKL3XINcu8sYCtTjLhV6Izu+kMTym41KCHusU7V8CId4n+IDqmW04O+mQTgqsMuqMb/LMFjBo0ZQiv6gb5vBwF1xq0qVM/+wWMOVnVKI7tlDSXfVATna/sd7nwGaD9Aobdj/UNccG/Rdcr2KnmIlw2r9P67XM9nsPVog9k8I7rtdoaT7Uroi5gxEVqfplJErxfyX0z88M245yMRSX3/iolT6TzUY8Rj4hOy+C/S9knOhMw7PHUadZYarHVJmamK+nVujFDwNNKVsyaq/ix6KpM/qKSASPtiAiGvR1jTYzXKRs+IAJ3kvnVpvRYod+uA/AVDM7j42Zln2lXwPdxTRPjHYo+LdpJut2+2QSffM3PC+kZ+ILoU03OzC6DTmwn7QgqhkRnt6O+ZZtgXPQnBfcJ6cHdJXhW0Cfaod9kq5zJFkoO25tbNWwRv13BNxzrbv+z3KT1as4WvJ40IVwmeh7/TF/rYEjR/fr9vZmfRMCLOKoZsK35kHJfY9CtRp0j+rJoXQtcD+LbyukVn3FnVPxDtLwF0nzQ+ltwvqK9qukVnVwW7Y4t0zlUwjlrJBHYgne0y5xht12PM9WcK/qh6Ogu8L8g2KAkuQFnRnKIfy66pAsO6hTJoey1zl7vwU+7xlvnjqLLld2+jzeJwJVddnSegqLoN6JCVwXURSQ51MeV3V3/d8zRqp7uShIXPKDPR437q+i1GYtPKrPkcJ80j7ik6NkhWCVa1AD3nKOcmlR59VyoYqPouo6/VjBAWn5uyOD6raUuTNOSiq+LbmiA263XoLX+5mGnq/qzqG8OLrhTyYV1AX9xgkmPdlg6bkc//oUlDQX0eKf+9NJIkpck8uMNcLPTiop7ROc1EFCz2Mr96XTF+7C57X0bfBePi36WGcmCywxOz495q6pHG2CHlKfT+uQMjdgmWt2QM/jS7IosO6zNd1dwLj4munge8H8U3JC+ukl9kZUBBLcpGDLlI7ggky94YLaAKLlWv5cjuZvLWbTWlB/grOZqu4QIdjbuSlRsSB8genK76nO8Fz0kOiW3TefAl7L7QiOuUHNLbh89TlB1D0q5bToFBk9mC6i4UfSV3D4WOUPVV8V03x6qsXk+Aclj9JaZlSQpgjRBO120eM4KCy5O+6XRjYdq9fhWYwEjTlPzWLqQ4HnBJse4ySovGLNILS3Qk71+fPpX06vgj2nFFlORCz+CCYu8obGAYV8j7YveZLFN1qTFRr5R8aDo3fnAHaCCW5VckXULXaroXv32tOxi1BpTaYOs2LJtfoPdlljrbZ5p3l7PT7ofOSxPo6Ad5sSmqmi9AUm1tkA/MSWt+Yq75n1F21l+vR64WtmP9pkvTAQS9sf0Gvdr0YfbWescm2BS9EllvzhwbuEE7PNS8VkxTU8aZ6h51RV9yIDfHwxfeAGJx4e9SdUXcYmoN++aZ+GCDyq59/AI2Of1ESeacIFoffpDIUsbbJWkJblFtJU0sz01xQQ/UZrb4Ts0EWj0yZNcf6tlqo4TvUaPPSY9o+y/M/Cksz3qyunK7WUlKw9vBNraO2n19mpTaV5220zbfprr8EWgXTEH2b0ioEsfsm2aIz4C/wfWIHOpSwyqBAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: cover;
}
.wx-login-instance2 .login-container .main-wrapper .wx-login-instance_main-code .button {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 12px;
  border-radius: 3px;
  padding: 8px 12px;
  margin-top: 8px;
}
.wx-login-instance2 .login-container .main-wrapper .sub-title {
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 1;
  text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
.pay-dialog {
  margin: 10px auto 10px auto;
  width: 800px;
  height: 800px;
  /* position: absolute; */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: url('../imgs/buy.png') no-repeat;
  background-color: #fff;
}

.page-detail .comp_container {
  padding: 24px;
  margin: 0 auto 12px;
  border-radius: 8px;
  background: #fff;
}

.page-detail .comp_container > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.page-detail .comp_container .right {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a75f6;
  line-height: 14px;
  cursor: pointer;
}

/* .page-detail .comp_container .right>span:nth-child(2) {
    margin-right: 4px;
} */

.comp_container .search-list {
  position: relative;
}

.comp_container .search-list .loading-div {
  width: 100%;
  position: absolute;
}

.comp_container .el-loading-spinner .path {
  stroke: #bcbcbc;
}

.comp_container .search-list > a > div {
  position: relative;
  padding: 16px 20px;
  border-bottom: 1px solid #ebeef5;
  padding-bottom: 10px !important;
  cursor: pointer;
}

.comp_container .search-list > a:visited {
  opacity: 0.5;
}

.comp_container .search-list > a > div:hover {
  background-color: #f5f7fa;
}

.comp_container .search-list > a > div > h6 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 14px;
}

.comp_container .search-list .row-tags .el-tag {
  margin-bottom: 12px;
  border-radius: 2px;
  border: none;
  padding: 3px 8px;
  line-height: 20px;
  font-size: 14px;
}

.comp_container .search-list .row-tags > span:first-child {
  background: #eef7ff !important;
  color: #4a75f6;
  margin-right: 12px;
}

.comp_container .search-list .row-tags > span {
  background: rgba(87, 107, 149, 0.08) !important;
  color: #576b95;
  margin-right: 12px;
}

.comp_container .search-list .row-list {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 12px;
}

.comp_container .search-list .row-list > div:first-child {
  display: flex;
}

.comp_container .search-list .row-list > div:first-child > span:first-child {
  color: #909399;
  flex-shrink: 0;
}

.comp_container .search-list .row-list > div:first-child > span:last-child {
  color: #303133;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comp_container .search-list .row-list .company-name {
  flex-wrap: wrap;
  overflow: hidden;
  height: 14px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
}

.comp_container .search-list .row-list .company-name > div {
  display: flex;
}

.comp_container .search-list .row-list .company-name > div > span:first-child {
  color: #909399;
  flex-shrink: 0;
}

.comp_container .search-list .row-list .company-name > div > span:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a75f6;
}

.comp_container .search-list .row-list .left {
  color: #909399;
  flex-shrink: 0;
}

.comp_container .search-list .row-list .content-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.5em;
  max-height: 1.5em;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #303133;
}

.comp_container .search-list .row-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
}

.comp_container .search-list .row-tags > div {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #606266;
  margin-right: 12px;
}

.comp_container .search-list .row-tags > div > span:first-child {
  color: #909399;
}

.comp_container .search-list .row-tags > div > span:last-child {
  color: #303133;
}

.page-detail .feedback-btn {
  position: fixed;
  bottom: 60px;
  right: -93vw;
}
.page-detail .feedback-btn img {
  width: 58px;
}
.el-overlay-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-dialog .notice-div {
  position: relative;
  height: 42px;
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.feedback-dialog .notice-div .notice-header {
  height: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  color: #303133;
}

.feedback-dialog .notice-div .notice-title {
  margin-top: 12px;
  width: 560px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #606266;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feedback-dialog .notice-div:after {
  content: '';
  border-bottom: 1px solid #f2f6fc;
  position: absolute;
  bottom: 0;
  width: 600px;
  margin-left: -20px;
}
.feedback-dialog .el-form-item__label {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  line-height: 16px;
}
.feedback-dialog .el-form-item__label .remark-text {
  color: #909399;
}
.feedback-dialog .el-form-item .el-checkbox,
.feedback-dialog .el-form-item .el-radio {
  margin-right: 12px;
  position: relative;
  height: 40px;
  border-radius: 2px;
  color: #606266;
  background: #f5f5f5;
  border-color: transparent;
}
.feedback-dialog .el-form-item .el-checkbox .el-checkbox__input,
.feedback-dialog .el-form-item .el-radio .el-checkbox__input,
.feedback-dialog .el-form-item .el-checkbox .el-radio__input,
.feedback-dialog .el-form-item .el-radio .el-radio__input {
  display: none;
}
.feedback-dialog .el-form-item .el-checkbox.is-checked {
  background-color: #ecf2ff;
  color: #4a75f6;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #4a75f6 !important;
}
.feedback-dialog .el-form-item .el-checkbox.is-checked:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAABz0lEQVQ4Ea2RP0gbcRTHv7+LuWrUtFBddCg6qJSCldqlW6EimD+0Sgbxz+zQIhS8GOhwi11diu2kY0sGxUFQHCpdHZ11EZE6GErN3SWX+72+y5kYz4Ro6i2/93v3/X3ee98H3MM3ppmfA//DISKxbyS/MOOjaBSUSFMgu2+tAjTrMhoCJXRSDcP8ToTxUiN3BsV0CknDWuexRksQ91QqL/XiKZ3CDNn2Q9x3t+7oXYoe5x1zh8d5Ua3grUBxjboKZO2ysU+rQdxc3fXHPpk90insMaSvFqQuKJbKDUhb7hHwxA951AYsTKo4/0s4y1Bts+OL+SHHcX4xpFvxrSTcCnyYUGFYhMMTWazhk3h1I0njVUE6P0HodDMv+xW8HlIg2NH2EPB+PAgrT/i2acPMeW9ueBTXrBFJ2GJP2j0J8CAIzIwG0fFQ4M1wALw5rGzYyFolhc/smJZ76xCtM6TlSgJkLoAjHmE+oeJPFlhO27gwKxQCp+X1R5LmNFda43JNFZJy2KwCz3oVHBxK5OxyuhgIIX4UQVHNmpNEK9xJGXxdWvvGvmWaghhUoklDkyS/3hXCgN/cSVoR4vnmUuhY6DpV3VztHrw/ui68vV8K/wFCL6sz8RmUkAAAAABJRU5ErkJggg==);
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: -2px;
  right: 0;
}
.feedback-dialog .el-form-item .el-checkbox__label {
  color: #303133 !important;
}

.contentTip {
  width: 100%;
  border: 1px solid rgba(245, 154, 35, 0.73);
  background-color: rgba(245, 154, 35, 0.04);
  border-radius: 8px;
  margin: 20px auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentTip > span {
  font-size: 70px;
  color: #fb9958;
  margin-right: 10px;
}
.contentTip > div .title {
  font-weight: bold;
  text-indent: 0;
}
.contentTip > div .fontmax {
  font-weight: bold;
  font-size: 24px;
  text-indent: 0;
}
.contentTip > div .fontmin {
  font-weight: bold;
  font-size: 18px;
  text-indent: 0;
}
.contentTip a {
  color: #fb9958;
}
.contentTip a:hover {
  color: #2c6ddb;
}

.contentTip a i {
  color: #fb9958;
}

.content-text .spillover {
  width: 100%;
  overflow: auto;
}

.content-text iframe{
  width: 100%;
  min-height: 600px;
}

.content-text .spillover table {
  border: 1px solid #666;
  width: 100%;
}

.content-text .spillover table th,
.content-text .spillover table td {
  border: 1px solid #666;
}
.content-text table {
  border: 1px solid #666;
  width: 100%;
}

.content-text table th,
.content-text table td {
  border: 1px solid #666;
  min-width: 50px;
  max-width: 300px;
  text-align: center;
}
.content-text img {
  width: 80%;
}

.relative {
  font: 14px/1.5 Microsoft YaHei;
  color: #666;
}

.relative .content-text tr,
p {
  line-height: 2.5em !important;
  font-size: 16px;
}

.relative .content-text a {
  color: #4e6ef2;
  text-decoration: underline;
}

.detail-title .fontstyle {
  height: 85px;
  width: 100px;
  background-color: #afc8ee;
  color: white;
  font-size: 60px;
  border-radius: 6px;
  text-align: center;
  margin-right: 12px;
  padding-top: 5px;
  margin-top: -55px;
}
.detail-title .fontstyles {
  height: 85px;
  width: 100px;
  background-color: #afc8ee;
  color: white;
  font-size: 60px;
  border-radius: 6px;
  text-align: center;
  margin-right: 12px;
  padding-top: 5px;
  margin-top: -15px;
}
.detail-title .row-list {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 12px;
  font-weight: 400;
}
.detail-title .ml20 {
  margin-left: 20px;
}
.detail-title .clo303133 {
  color: #303133;
}
.detail-title .clh20 {
  color: #303133;
  line-height: 20px;
}
.detail-title .row-list > div > span:first-child {
  color: #909399;
}
.detail-title .ml650 {
  margin-left: 650px;
}
.page-detail .detail-content > div:first-child {
  display: block !important;
  margin-bottom: 0px !important;
}
.search-btn {
  position: relative;
  width: 40px;
  height: 32px;
  background: #4a75f6;
  border-radius: 0 4px 4px 0;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 32px;
  border: none;
}
.search-icon {
  position: absolute;
  left: 4px;
  top: 8px;
  z-index: 1;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../imgs/icon-search.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.fuzhi-icon {
  margin-left: 10px;
  display: inline-block;
  width: 25px;
  height: 20px;
  background-image: url(../imgs/fuzhi.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  cursor: pointer;
}
.detail-content .mtr20 {
  margin-top: 12px;
  margin-right: 20px;
}
.detail-content .flexl {
  display: flex;
  margin-left: 30px;
  margin-top: 6px;
}
.detail-content .cpgmtl {
  margin-top: 30px;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.detail-content .boxth {
  width: 22%;
  height: 120px;
  border-radius: 10px;
  margin-top: 20px;
  padding-left: 30px;
  background-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.cpgmtl .boxth > div > span:first-child {
  color: #909399;
}
.detail-content .sbox {
  width: 25px;
  height: 25px;
  border-radius: 6px;
  background-color: #4a75f6;
  color: white;
  text-align: center;
  margin-top: 3px;
}
.detail-content .fonts {
  margin-left: 8px;
  font-size: 20px;
  font-weight: 600;
}
.detail-title .mfont {
  margin-bottom: 10px;
  font-size: 18px;
}
.detail-title .mcolor {
  margin-bottom: 10px;
  color: #ff3913;
}
.detail-title .flbet {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.detail-title .mar70 {
  width: 70px;
  line-height: normal;
  color: #909399;
}
.detail-title .jyfw {
  width: 950px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  white-space: nowrap;
}
.detail-title .more {
  width: 40px;
  margin-left: 10px;
  color: #4a8bf8;
  cursor: pointer;
  line-height: normal;
}
.jiankong-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../imgs/jiankong.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}