.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;}
.prompt-text{background-color: #ffa39e;color: #fff;font-size: 12px;text-align: center;line-height: 26px;}
.single-choice-question{margin: 20px;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"]{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;background: url(../images/dianxuan_btn.png) center center / 100% 100% no-repeat;}
.daan-list input[type="radio"]:checked ~ i{background-image: url(../images/dianxuan_pre.png);}
.label-block{display: block;position: relative;cursor: pointer;}
.label-block+.label-block{margin-top: 16px;}
.calculation-score{border-top: 1px solid #d7dce6;border-bottom: 1px solid #D7DCE6;}
.calculation-score .pull-right{color: #ff9630;}
.w-250{width: 250px;border: 1px solid #d7dce6;position: relative;border-top: 0;overflow: hidden;height: 605px;overflow: auto;}
.f-16{font-size: 16px;}
.mb20{margin-bottom: 20px!important;}
.m20{margin: 20px;}
.f16{font-size: 16px;}
.base-info,.calculation-score,.btn-group-bottom,.assessment-report{padding: 17px;font-size: 14px;}
.calculation-score p{margin-bottom: 5px;}
.assessment-report 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;}
.progress-number{position: absolute;top: 50%;margin-top: -30px;text-align: center;left: 0;right: 0;}
.progress-number>span{font-size: 14px;color: #12b7f5;}
.label-block .pull-right{color: #ff9630;}
.clear-bottom{height: 140px;}
.btn-group-bottom {position: fixed;right: 0;width: 250px;bottom: 0;border-left: 1px solid #D7DCE6;background: #fff;border-top: 1px solid #D7DCE6;}
.btn-group-bottom .btn{width: 100%;height: 40px;padding: 8px 12px;}
.btn-group-bottom .btn+.btn{margin-top: 10px;}
.warning-text .screen_result{color: #ff3b30;font-size: 12px;}
.success-text .screen_result{color: #74bf00;font-size: 12px;}
.score-box{height: 51px;padding-left: 115px;padding-top: 8px;background-size: 69px 51px;background-repeat: no-repeat;background-position: 35px center;}
.warning-text .score-box{color: #FF9630;background-image: url(../images/jiaofeishibai_icon.png);}
.success-text .score-box{color: #74bf00;background-image: url(../images/jiaofeichengong_icon.png)}
.score{font-size: 30px;}
.score>small{font-size: 12px;}
.jkgz-ljyy{padding-right: 17px;overflow: hidden;margin-bottom: 17px;}
.jkgz-ljyy .btn{width: 50%;float: left;}
.jkgz-ljyy .btn:nth-of-type(2n){float: right;margin-right: -20px;margin-top: 0;}
.wenjuan-textarea{padding: 8px 12px;width: 100%;border-radius: 4px;}