.i-nav {
  margin-top: 140px; }
  .i-nav a,
  .i-nav div {
    font-size: 18px;
    color: white;
    line-height: 18px; }
  .i-nav a:hover {
    color: #B22020; }
  .i-nav .img {
    width: 16px;
    height: 16px;
    margin: 0 8px; }
    .i-nav .img img {
      width: 100%; }

.i-dialog {
  width: 200px;
  height: 200px;
  background: #222222;
  border-radius: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: fixed; }
  .i-dialog img {
    width: 46px;
    height: 46px;
    margin-top: 40px; }
  .i-dialog div {
    width: 130px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: white;
    line-height: 30px;
    margin-top: 20px; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999; }

#header {
  background: rgba(17, 17, 17, 0.35); }

.f-questions {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 30px;
  padding-top: 30px; }
  .f-questions .f-cont {
    margin-left: -60px;
    margin-top: -30px; }
  .f-questions .q-radios div,
  .f-questions .q-checkboxs div {
    margin-left: 60px;
    position: relative;
    cursor: pointer;
    margin-top: 30px; }
  .f-questions .q-radios input,
  .f-questions .q-checkboxs input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 30px; }
  .f-questions .q-checkboxs,
  .f-questions .f-cont {
    width: 1486px; }
  .f-questions .q-radios label {
    background: url(https://static.huanxi.com/img/FDS8a8286e5709aabc50170a4becf2e0038.png) no-repeat left;
    font-size: 18px;
    color: white;
    line-height: 18px;
    padding-left: 30px; }
  .f-questions .q-radios input[type='radio']:checked + label {
    background: url(https://static.huanxi.com/img/FDS8a8286e5709aabc50170a4adf2170034.png) no-repeat left; }
  .f-questions .q-checkboxs {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 30px;
    display: none; }
    .f-questions .q-checkboxs label {
      background: url(https://static.huanxi.com/img/FDS8a8286e5709aabc50170a4c101a00039.png) no-repeat left;
      font-size: 18px;
      color: white;
      line-height: 18px;
      padding-left: 30px; }
    .f-questions .q-checkboxs input[type='checkbox']:checked + label {
      background: url(https://static.huanxi.com/img/FDS8a8286e5709aabc50170a4adf2930035.png) no-repeat left; }

.f-desc {
  margin-top: 60px; }
  .f-desc textarea {
    width: 1478px;
    height: 112px;
    background: #333333;
    border-radius: 2px;
    line-height: 24px;
    color: #fff;
    resize: none;
    border: none;
    outline: none;
    padding: 8px 20px; }

.f-phone {
  margin-top: 60px; }
  .f-phone input {
    width: 265px;
    height: 16px;
    background: #333333;
    border-radius: 2px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    outline: none;
    padding: 12px 20px;
    line-height: normal; }
  .f-phone div:first-child {
    position: relative;
    top: 12px; }

.f-title {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: white;
  line-height: 18px;
  width: 162px; }

.f-btn {
  width: 305px;
  height: 43px;
  background: #B22020;
  border-radius: 4px;
  line-height: 43px;
  margin-top: 105px;
  cursor: pointer; }

.f-btn.gray {
  background: #333333; }

.i-tips {
  position: fixed;
  z-index: 10;
  top: 50%;
  left: 50%;
  background: #222222;
  padding: 5px 10px; }

@charset "UTF-8";
/* 兼容 1440 */
@media (max-width: 1700px) {
  .wid {
    width: 1320px; }
  .button .h-feedback,
  .button .h-helpcenter {
    width: 640px; }
  .f-questions .q-radios div,
  .f-questions .q-checkboxs div {
    margin-top: 40px; }
  .f-questions .f-cont {
    margin-top: -40px; }
  .f-questions .f-cont,
  .f-questions .q-checkboxs {
    width: 1048px; }
  .f-desc textarea {
    width: 1118px;
    height: 96px; }
  .i-answers .a-right,
  .i-more-question .a-right {
    width: 1075px; } }

@charset "UTF-8";
/* 兼容 1280 */
@media (max-width: 1340px) {
  .wid {
    width: 1100px; }
  .hotissues .h-issues a {
    width: 533px; }
  .button .h-feedback,
  .button .h-helpcenter {
    width: 533px; }
  .f-desc textarea {
    width: 898px;
    height: 112px -24px; }
  .f-questions .f-cont,
  .f-questions .q-checkboxs {
    width: 908px; }
  .i-answers .a-right,
  .i-more-question .a-right {
    width: 855px; } }

@charset "UTF-8";
/* 兼容 ipad 1024、768 */
@media (max-width: 1120px) {
  .wid {
    width: 944px; }
  #header .menus ul a {
    margin-top: 10px; }
  .hotissues .h-issues a {
    width: 458px; }
  .button .h-feedback,
  .button .h-helpcenter {
    width: 458px; }
  .f-desc textarea {
    width: 742px;
    height: 88px; }
  .f-questions .f-cont,
  .f-questions .q-checkboxs {
    width: 752px; }
  .i-answers .a-right,
  .i-more-question .a-right {
    width: 699px; } }


/*# sourceMappingURL=help-feedback.css.map*/