﻿@charset "UTF-8";
/**
 * 民意征集
 * date: 2024-2-4
 * author: jgming;
 */
.my-content {
  padding: 388px 0 48px 0;
  background: url("/images/yjswjbanner.jpg") no-repeat center top, #f5faff;
}

.form-box {
  position: relative;
  padding: 48px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-top: 3px solid #0077f4;
}

.tips {
  height: 300px;
  margin-bottom: 16px;
  padding: 32px;
  text-indent: 2em;
  background: #f5faff;
  font-size: 20px;
  color: #686868;
  line-height: 30px;
}

.row {
  margin-top: 32px;
}
.row-lbl {
  height: 30px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
}
.row-ipt {
  position: relative;
  margin-left: 32px;
}
.row-ipt > input, .row-ipt > textarea {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  outline: none;
  border: none;
  border: 1px solid #e4e4e4;
  resize: none;
  font-size: 16px;
}
.row-ipt > textarea {
  padding: 10px 16px;
  height: 144px;
}
.row .no-require {
  margin-bottom: 16px;
  font-weight: normal;
  color: #999;
}

.form-btns {
  margin-top: 48px;
  text-align: center;
}
.form-btns .btn {
  display: inline-block;
  width: 308px;
  height: 56px;
  background-color: #025192;
  line-height: 56px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}

.code-box {
  position: absolute;
  right: -9px;
  top: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  width: 196px;
  height: 230px;
  padding: 12px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#1472ff), to(#51bdde));
  background: linear-gradient(180deg, #1472ff 0%, #51bdde 100%);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 119, 244, 0.31);
          box-shadow: 0px 0px 6px 0px rgba(0, 119, 244, 0.31);
  color: #fff;
}
.code-box > p {
  line-height: 20px;
  text-indent: 2em;
  text-align: justify;
}
.code-box .code-img {
  width: 114px;
  height: 113px;
  margin: 11px auto 0;
  padding: 6px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #0077f4;
}
.code-box .code-img > img {
  width: 100px;
  height: 100px;
}

.row-ipt > input.error,
.row-ipt > textarea.error {
  border-color: #f00;
}

label.error {
  position: absolute;
  top: 100%;
  left: 0;
  line-height: 24px;
  color: #f00;
  font-size: 14px;
}


.chosen-container-single .chosen-single {
  height: 48px;
  line-height: 48px;
}

.chosen-single{
  font-size: large;
}