.survey {
  color: #333;
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: #221ed3 !important;
  box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08);
}

.layui-form-select dl dd.layui-this {
  color: #221ed3;
}

.layui-form-radio:hover > *,
.layui-form-radioed > div,
.layui-form-radioed > i {
  color: #221ed3;
}

.layui-form-checkbox:hover > *,
.layui-form-checked > div,
.layui-form-checked > i {
  color: #221ed3;
}

.layui-form-checked,
.layui-form-checked:hover {
  border-color: #221ed3;
}

.layui-form-checkbox:hover > div {
  color: #221ed3;
}

.layui-form-checked[lay-skin=primary] > i {
  border-color: #221ed3 !important;
  background-color: #221ed3;
  color: #fff;
}

.layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #221ed3;
  color: #fff;
}

.act {
  border: 1px solid #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.08);
}

.home_logo {
  position: relative;
  left: 15px;
  top: 15px;
  z-index: 999;
}

.bg-box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  background-repeat: repeat;
  background-position-x: center;
  background-position-y: center;
}

.main {
  position: relative;
  max-width: 1200px;
  margin: 60px auto 30px;
  padding: 15px 56px;
  background: #fff;
}
@media (max-width: 900px) {
  .main {
    padding: 15px;
  }
}
.main .header-title {
  text-align: center;
  background: #f2f7ff;
  margin-top: -15px;
  margin-left: -56px;
  margin-right: -56px;
  margin-bottom: 3.5rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 900px) {
  .main .header-title {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.main .header-title h3 {
  color: #2e54a9;
  font-size: 1.5rem;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
}
.main .header-title p {
  line-height: 1.375rem;
  margin-bottom: 6px;
  color: #4e5969;
  font-size: 0.875rem;
  font-weight: 400;
}
.main .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 3.5rem;
}
.main .item span {
  width: 100%;
  text-align: left;
  padding: 0;
  font-size: 1.125rem;
  color: #1D2129;
  font-weight: 400;
  white-space: wrap;
  line-height: normal;
  position: relative;
}
.main .item span i {
  font-style: normal;
}
.main .item span .icon {
  position: absolute;
  left: -8px;
  top: 0;
  color: #da2824;
}
.main .item .tit {
  font-size: 0.875rem;
  color: #86909C;
  line-height: 1.375rem;
  margin-top: 6px;
  margin-left: 15px;
  margin-bottom: 0;
}
.main .item .sel-box {
  margin-top: 1rem;
  margin-left: 15px;
}
.main .item .sel-box input[type=text] {
  width: 92%;
}
.main .item .sel-box .layui-form-label {
  white-space: wrap;
  overflow: auto;
}
.main .item .sel-box .layui-form-radio {
  display: block;
  display: flex;
  padding: 1px 2px;
}
.main .item .sel-box .layui-form-radio:hover {
  background: #EBF1FF;
  border-radius: 3px;
}
.main .item .sel-box .layui-form-checkbox {
  display: block;
  display: flex;
  padding-top: 3px;
  padding-bottom: 3px;
}
.main .item .sel-box .layui-form-checkbox:hover {
  background: #EBF1FF;
  border-radius: 3px;
}
.main .item .sel-box .layui-form-checkbox[lay-skin=primary] div {
  width: 100%;
  white-space: wrap;
  overflow: auto;
}
.main .item .sel-box .layui-form-checkbox[lay-skin=primary] i {
  top: 3px;
}
.main .item .radio-box {
  margin-top: 0.4rem;
}
.main .item .other .layui-form-radio:last-of-type {
  display: inline-block;
}
.main .item .other .other-ipt {
  display: inline-block;
  height: 32px;
  width: 140px !important;
  margin-top: 5px;
  margin-left: -18px;
}
.main .item .other .other-ipt input {
  height: 32px;
}
.main .item .warn {
  display: none;
  color: #ef4444;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 15px;
}
.main .btn-box .layui-form-checkbox {
  width: 97%;
  text-align: left;
}
.main .btn-box .layui-form-checkbox div {
  width: 100%;
  white-space: wrap;
  color: #1D2129;
  font-size: 1.125rem;
  font-weight: 400;
}
.main .btn-box .layui-btn {
  display: block;
  width: 97%;
  height: 3.5rem;
  font-size: 1rem;
  font-weight: 600;
  margin: 1rem auto 0;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #5163BA 0%, #192873 145.1%);
}

.preload-font {
  position: absolute;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 6px;
}/*# sourceMappingURL=survey.css.map */