@charset "utf-8";

.page-question{background-size: 100%;background-color: #f1f8ff;}

/*.question-form-title{padding: 90px 0 110px;position: relative;}*/
.question-form-title{margin-bottom: 1em;}
.question-form-title img{max-width: 52%;max-height: 85%; position: absolute;right:0;bottom:0;z-index: 0;}
.question-form-title h2{/* position: relative; */z-index: 1;/* width: 52%; */font-size: 2em;font-weight: 900;/* color:#daeef9; *//* -webkit-text-stroke: 3px #366CB3; *//* text-shadow: 6px 7px #628ed7; */ line-height: 1.5em; width: 100%;text-align: center; margin-bottom: 1em;}

.question-form-info{border-radius: 20px 20px 0 0;padding-bottom: 560px; background: url(../images/question_info_bg.png) repeat-x center top;background-size: auto 100%;}
.question-form-info .info{padding: 40px 60px 30px 70px; color:#fff;font-weight: 500;font-size: 24px;text-indent: 2em;text-align: justify;line-height: 42px;}

.question-form-content{/* margin: -560px 40px 40px; */min-height: 560px;background: #fff;border-radius: 10px;}
.question-form-content .xtitle{text-align: center;}
.question-form-content .xtitle h2{display: inline-block; font-size: 1.75em; line-height: 1.5em; padding: 0 138px;position: relative;margin: 0 auto 30px;}
.question-form-content .xtitle h2:before,
.question-form-content .xtitle h2:after{content:"";position: absolute;top: 50%;margin-top: -14px;width: 108px;height: 28px;background: url(../images/sitehd_tit_bgl.png) no-repeat;background-size: 100% 100%;}
.question-form-content .xtitle h2:before{left:0;}
.question-form-content .xtitle h2:after{right: 0;background-image: url(../images/sitehd_tit_bgr.png);}
.question-form-content .tip{font-size: 16px;color: #666666;text-align: center;border-bottom:1px dotted #ccc;padding-bottom:20px;}
.question-form-content .tip span{margin:0 15px;}
.question-form-content .tip .shareIcon{float: right;}
.question-form-content .memo{padding-bottom:10px;border-bottom:2px solid #ccc;margin-bottom:30px;}
/* .question-form-content .tip a{color: #E5030B;} */
.question-feedback{margin-top:30px;}
.question-feedback .fbtit{font-size:22px;font-weight:bold;color:#0668d5;margin-bottom:20px;border-bottom:1px solid #E0E0E0;}
.question-feedback .fbtit span{display:inline-block;padding-bottom:15px;border-bottom:2px solid #0668d5;}
@media (max-width: 1500px) {
  .question-form-title h2{font-size: 1.875em;}
  .question-form-info .info{font-size: 20px;line-height: 1.8;}
  .question-form-content .tip{font-size: 18px;}
}
@media (max-width: 1280px) {
  .question-form-title{padding: 7% 0 8%;}
  .question-form-title h2{width: 100%;}
  .question-form-content{padding: 20px;margin-left: 20px;margin-right: 20px;}
  .question-form-info .info{padding-left: 30px;padding-right: 30px;}
}
@media (max-width: 768px) {
  .question-form-title h2{font-size: 1.5em;}
  .question-form-content .xtitle h2{padding:0;font-size: 26px;margin: 0px auto 20px;}
  .question-form-content .xtitle h2:before,
  .question-form-content .xtitle h2:after{display: none;}
  .question-form-title h2{font-size: 24px;}
  .question-form-content{padding: 0px 20px;margin: 10px 0;}
}


.question-form .layui-form-item{margin-bottom: 40px;}
.question-form .layui-form-label{white-space: normal; font-weight: 500; font-size: 22px;line-height: 1.5;margin-bottom: 20px; float: none;display: block;text-align: left; width: 100%; padding: 0 0 10px;border-bottom: 1px solid #E0E0E0;}
.question-form .layui-form-label span{color:#E5030B;}
.question-form .layui-input-block{margin-left: 0;}
.question-form .item-choice .statText,
.question-form .item-choice label,
.question-form .layui-form-radio *,
.question-form input,
.question-form textarea,
.question-form select{font-size: 20px;}
.paper-detail .question-form .item-choice,
.question-form .layui-form-radio{min-width: 20%;margin-right: 3%;}
.question-form .item-choice:last-child,
.question-form .layui-form-item .layui-form-radio:last-child{margin-right: 0;}

.question-form .item-choice{line-height: 28px;margin: 6px 10px 0 0;padding-right: 10px;}
.question-form .item-choice label{cursor: pointer;}
.question-form .item-choice label input{width: 18px;height: 20px; margin-right: 8px;}
.question-form .item-choice{float: left;}
.question-form .item-choice .statText{float: right;}
.paper-detail .question-form .item-choice .statText{display: none;}
.paper-stat .question-form .item-choice{float: none;margin-right: 0;}

.question-form input[type="text"],
.question-form select{height: 50px;line-height: 50px;background: #fff;border: 1px solid #CFCFCF;border-radius: 3px;padding: 10px;}
.question-form textarea{min-height: 230px;line-height: 1.5;}

.question-form .layui-form-item.code input{width: 200px;float: left;}
.question-form .layui-form-item.code img{cursor: pointer; display: inline-block;vertical-align: top;width: 160px;height: 50px;margin-left: 16px;}
.question-form .layui-form-item.btn{text-align: center;}
.question-form .layui-form-item.btn .layui-btn{font-size: 24px;background: #3E90ED;border:none;height: 50px;line-height: 50px;color:#fff;width: 180px;border-radius: 5px;}
.question-form .layui-btn+.layui-btn{margin-left: 20px;}
.question-form .layui-form-item.btn .btn-reset{background: #D9EBFF;color: #568AC7;}
.question-form .layui-form-item.btn .logintip{font-size: 1.125em;}
.question-form .layui-form-item.btn .logintip a{font-size: 1.11em;margin-left: 5px;font-weight: 700;}
@media (max-width: 1500px) {
  .question-form .layui-form-item.btn .layui-btn{font-size: 20px;}
  .question-form .layui-form-label{font-size: 18px;}
  .question-form .item-choice .statText,
  .question-form .item-choice label,
  .question-form .layui-form-radio *,
  .question-form input,
  .question-form textarea,
  .question-form select{font-size: 16px;}
  .question-form input[type="text"],
  .question-form select,
  .question-form .layui-form-item.btn .layui-btn{height: 46px;line-height: 46px;}
}

@media (max-width: 992px) {
  .question-form .layui-form-item.btn .layui-btn{width: 116px;margin-bottom: 20px;}
}

@media (max-width: 768px) {
  .question-form .layui-form-item.btn .layui-btn{width: auto;font-size: 18px;}
  .question-form .layui-form-label{font-size: 16px;}
}
@media (max-width: 520px) {
    .question-form .layui-form-item.code input{width:90px;height: 42px;}
    .question-form .layui-form-item.code img{width:100px;}
}


.view-form .statText {
  float: right;
  width: 200px;
  font-weight: normal;
  font-size: 16px;
}
.view-form .is-show {
  display: inline-block;
}
/*查看统计样式*/
.total-voter {
  margin: 10px 0;
}
.total-view-form label {
  float: left;
  width: 50%;
  font-size: 16px;
  color: #828282;
  margin-left: 10px;
}
.total-view-form .item-choice span {
  float: left;
  width: 30%;
  height: 8px;
  background-color: #f5f5f5;
  margin-top: 8px;
  border-radius: 6px;
}
.total-view-form .item-choice span i {
  display: block;
  height: 100%;
  background-color: #0668d5;
  transition: all 0.4s linear;
  border-radius: 6px;
}
.total-view-form b {
  float: left;
  margin: 1px 0 0 10px;
}
.total-view-form li span {
  display: inline-block;
  float: none;
  width: 25%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: transparent;
}
.total-view-form li:first-child {
  background-color: #ccc;
}
.total-view-form li span:first-child {
  width: 15%;
}
.total-view-form li span:nth-child(2) {
  width: 35%;
}
.total-view-form li {
  border-bottom: 1px solid #cdcdcd;
}

@media (max-width: 992px) {
  .view-detail-attr {
    text-align: center;
  }
  .view-detail-attr .zjdw {
    float: none;
    margin-right: 10px;
  }
  .view-form label,
  .total-view-form label {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .view-form input {
    margin-left: 0;
  }
  .view-form span,
  .total-view-form .item-choice span {
    width: 80%;
  }
}