PC-application/app/jbsc/css/questionnaire.css

.flex-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-box-item{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
[v-cloak] {
    display: none;
}
p{word-break: break-all;}
.btn-exit{color: #f96565;background-color: #fff;border-color: #ccc;}
.btn-exit:hover{background-color: #ececec;color: #f96565;}
.btn-exit:focus,.btn-exit:link,.btn-exit:active{outline: none;outline-color: #ccc!important;color: #f96565;background-color: #ececec;}
.btn-exit:active{border-color: #ccc!important;}
.c-999{color: #999!important;}
.prompt-text{background-color: #ffa39e;color: #fff;font-size: 12px;text-align: center;line-height: 26px;}
.single-choice-question{margin: 20px; margin-top: 0px; padding: 0 20px;max-height: 540px;overflow-y: auto;border: 1px solid #d7dce6;border-radius: 10px;}
.question-title{font-size: 16px;line-height: 40px;}
.question-list,.daan-list{margin: 0;padding: 0;list-style: none;font-size: 14px;line-height: 1;}
.question-list>li{border-top: 1px solid #d7dce6;padding: 10px 0;}
.question-name{margin-bottom: 10px;}
.daan-list{padding-left: 20px;}
.daan-list input{opacity: 0;}
.daan-list input[type="radio"],.daan-list input[type="checkbox"]{width: 100%;height: 100%;opacity: 0;position: absolute;cursor: pointer;margin: 0;left: 0;right: 0;top: 0;bottom: 0;}
.daan-list i{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.daan-list input[type="radio"]~i {
    background-image: url(../images/dianxuan_btn.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.daan-list input[type="checkbox"]~i {
    background-image: url(../images/gouxuan_btn.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.daan-list input[type="radio"]:checked ~ i{background-image: url(../images/dianxuan_pre.png);}
.daan-list input[type="checkbox"]:checked ~ i{background-image: url(../images/gouxuan_pre.png);}
.label-block{display: block;position: relative;cursor: pointer;}
.label-block+.label-block{margin-top: 10px;}
.label-block .pull-right{color: #ff9630;}
.w-250{width: 250px;border: 1px solid #d7dce6;border-top: 0;overflow: hidden;height: 605px;overflow: auto;}
.f-16{font-size: 16px;}
.m20{margin: 20px;}
.base-info,.completion-of-progress,.btn-group-bottom{padding: 17px;font-size: 14px;}
.completion-of-progress{border-top: 1px solid #d7dce6;border-bottom: 1px solid #d7dce6;}
.completion-of-progress .canvas-box{position:relative;width: 120px;height: 120px;display: block;margin: 20px auto;}
.completion-of-progress p{margin-bottom: 0;}
.canvas-box canvas{width: 100%;height: 100%;}
.w-70{width: 70px;}
.base-info .flex-box{margin-top: 20px;}
.right-triangle{position: relative;background: url(../images/right-triangle.png) right center / auto 15px no-repeat;}
.base-info .w-70{padding-right: 10px;text-align: justify;position: relative;text-align-last: justify;}
.base-info .w-70:after{content: ':';position: absolute;right: 2px;top: 0;font-weight: bold;}
.base-info input{height: 20px;padding: 0;text-align: center;width: 60px;margin: 0 5px;border-radius: 10px;border: 1px solid #d7dce6;}
.base-info .flex-box-item{padding-right: 15px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.progress-number{position: absolute;top: 50%;margin-top: -30px;text-align: center;left: 0;right: 0;}
.progress-number>span{font-size: 14px;color: #12b7f5;}
.btn-group-bottom .btn{width: 100%;height: 40px;padding: 8px 12px;}
.btn-group-bottom .btn+.btn{margin-top: 10px;}
.disabled{pointer-events: none;}
.wenjuan-textarea{padding: 8px 12px;width: 100%;border-radius: 4px;}
.submit-btn{background-color: #12b7f5;color: #fff;}
.submit-btn:hover,.submit-btn:link{color: #fff;background-color: #00adee;}