@charset "UTF-8";
/*
 * @Description:互动甲流
 * @Author: hxh
 * @Date: 2021-07-26 10:59:14
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content {
  background-color: #fff;
  padding: 63px 0;
}

.form {
  display: block;
  width: 703px;
  margin: 0 auto;
}

.form .form-cell {
  margin-bottom: 16px;
  min-height: 42px;
}

.form .cell-label {
  height: 42px;
  line-height: 42px;
  text-align: right;
  color: #333;
  width: 106px;
}

.form .cell-label > i {
  color: #f00;
  font-style: initial;
}

.form .cell-content {
  width: calc(100% - 106px);
  line-height: 42px;
}

.form input[type='text'] {
  color: #333;
  width: 106px;
  width: 100%;
  height: 42px;
  border: 1px solid #dbdfe2;
  padding: 0 10px;
}

.form input[type='text'].l {
  width: 320px;
}

.form .radio {
  margin-right: 38px;
}

.form .radio input[type='radio'] {
  width: 0;
  left: 0;
  opacity: 0;
}

.form .radio input[type='radio']:checked + label::after {  
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #cb2d25;
    left: 3px;
	
}

.form .radio label {
  padding-left: 23px;
  position: relative;
  cursor: pointer;
}

.form .radio label::before {
  width: 16px;
  height: 16px;
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #dbdfe2;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form textarea {
  color: #333;
  padding: 8px 10px;
  height: 162px;
  width: 100%;
  border: 1px solid #dbdfe2;
  resize: none;
}

.form .chosen-container {
  height: 42px;
  width: 320px !important;
}

.form .chosen-container .chosen-single {
  height: 100%;
  line-height: 42px;
  border-color: #dbdfe2 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
}

.form .chosen-container .chosen-single > span {
  margin-right: 42px;
}

.form .chosen-container .chosen-single > div {
  width: 42px;
}

.form .chosen-container .chosen-single > div > b {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #b7b7b7 transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.form .chosen-container.chosen-container-active.chosen-with-drop .chosen-single > div > b {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
          transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.form .chosen-container.chosen-container-active.chosen-with-drop .chosen-drop {
  border-color: #dbdfe2 !important;
}

.form .vcode-img {
  height: 42px;
  margin-left: 10px;
  border-radius: 4px;
  cursor: pointer;
}

.form .form-btns {
  text-align: center;
  margin-top: 30px;
}

.form .form-btns button {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 10px;
  width: 88px;
  height: 42px;
  cursor: pointer;
  font-size: 16px;
}

.form .form-btns #send {
  background-color: #cb2d25;
  color: #fff;
}

.form .form-btns #reset {
  border: 1px solid #d6d6d6;
  color: #333;
  background-color: #fff;
}

.footer {
  margin-top: 22px;
}