@charset "utf-8";
/* 
*Filename:	complaint.css
*Author:		大把小米
*Website:		
*Blog:			
*Mail:			likecn@qq.com
*Version:		2.0(2020-07-08)
*/
@import 'common.css';

/*常见问题*/
.ny-cjwt-cont {
  /* padding-bottom: 72px; */
  padding: 0 128px 72px;
}

.ny-cjwt-cont .read-time {
  font-size: 16px;
  color: #999;
  line-height: 22px;
  text-align: center;
}

.ny-cjwt-cont .cont {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;

}

.ny-cjwt-cont .tswq-form {
  width: 65%;
  margin: 0 auto;
}

.ny-cjwt-cont .tswq-form .tswq-form__item {
  margin-top: 24px;
}



.ny-cjwt-cont .tswq-form .tswq-form__item .tswq-form__title>i {
  color: #F24957;
  font-style: normal;
  margin-right: -6px;
}

.ny-cjwt-cont .tswq-form .tswq-form__item .tswq-form__box {
  margin-top: 16px;
  display: flex;
  align-items: center;
}

.ny-cjwt-cont .tswq-form .tswq-form__item .tswq-form__box #message {
  /* border: none; */
  width: 600px;
  height: 186px;
  border-radius: 4px;
  border: 1px solid #DDDADA;
  resize: none;
  padding: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 22px;

}
#user-branch,
#user-account,
#user-title,
#user-name,
#user-phone,
#user-mail,
#user-tel,
#id-no,
#user-code {
  height: 54px;
  border-radius: 4px;
  border: 1px solid #DDDADA;
  padding: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 22px;
  box-sizing: border-box;
}
#branch{
  display: none;
  position: absolute;
  top: 55px;
  right: 0;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border: 1px solid #D4D4D6;
  border-radius: 6px;
  z-index: 11;
  text-align: left;
  font-size: 16px;
}
#branch li{
  height: 20px;
  line-height: 20px;
  padding: 10px 15px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 提交按钮 */
.tswq-form__btn {
  width: 360px;
  height: 54px;
  background: #F24957;
  border-radius: 6px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 94px;
  user-select: none;
}


/* 输入框标题样式 */


.tswq-form__title {
  font-size: 20px;
  font-family: MicrosoftYaHei;
  color: #333333;
}

/* 输入框样式 */

.tswq-form__input {
  height: 54px;
  border-radius: 4px;
  border: 1px solid #DDDADA;
}


.tswq-form__input::-webkit-input-placeholder {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCCCC;

}

.tswq-form__input:-moz-placeholder {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCCCC;


}

.tswq-form__input:-ms-input-placeholder {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCCCC;


}

.verification-code {
  width: 72px;
  height: 28px;
  background: #D286E6;
  margin-left: 24px;


}

/* 复选 */
.tswq-form__toggle {
  display: flex;
  align-items: center;
}

.tswq-form__toggle>span {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-left: 12px;
}

.tswq-toggle {
  width: 20px;
  height: 20px;
  background: #F24957;
  border-radius: 50%;
  display: none;
}

.tswq-toggle+label {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../images/unselected.png);
  border-radius: 50%;
  margin-left: 24px;
}

.tswq-toggle:checked+label {
  background: url(../images/selected.png)
}


/* 单选 */

label {
  line-height: 20px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 15px;
  color: #777;
}

.radio_type {
  width: 20px;
  height: 20px;
  appearance: none;
  position: relative;
  outline: none;
}

.radio_type:before {
  content: '';
  width: 20px;
  height: 20px;
  /* border: 1px solid #7d7d7d; */
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../images/unselected.png);
}

.radio_type:checked:before {
  content: '';
  width: 20px;
  height: 20px;
  /* border: 1px solid #c59c5a; */
  background: url(../images/selected.png);
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}


.radio_type+label,
.radio_type:checked+label {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}

#radio1 {
  margin-left: 4px;
}
#radio2 {
  margin-left: 44px;
}
#radio3 {
  margin-left: 44px;
}