@charset "utf-8";
*{
    margin:0;
    padding:0;
    list-style-type:none;
    font-size: 14px;
}
a,img{
    border:0;
}
dl,ul {
    margin: 0px;
    padding: 0px;
}
li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
dt,dd,i,b,em,dfn,p,img{
    margin: 0px;
    padding: 0px;
    border:none;
}
a{
    text-decoration:none;
}
a:hover{ text-decoration:none;}
body,td,th {
    font-size: 12px;
    color: #000000;
}
body {
    color:#606060;
    font:15px/1.5 'Microsoft Yahei',tahoma,arial,Hiragino Sans GB;
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, code, em, font, img, strike, strong, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size:100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    list-style: none;
}
/*
+-+-+ qbank start +-+-+
 */
/*搜索框 star*/
.screen-box{
    width: 1200px;
    margin: 1em auto;
    border: #EEEEEE solid 1px;
    height: 100%;
}
.screen-box .screen-list-box{
    width: 100%;
    display: inline-block;
    margin: 1em 0;
}
.screen-box [class^="layui-col-"].name{
    margin-top: 1em;
    font-size: 14px;
}
.screen-box [class^="layui-col-"].list{
    /*margin-top: 0.3em;*/
}
.screen-box .name{
    text-align: center;
    color: #333333;
}
.screen-box ul{
    text-align: left;
    display: inline-block;
    width: 100%;
}
.screen-box li{
    float: left;
    padding: 3px 8px;
    font-size: 14px;
    margin-right: 0.5em;
    margin-top: 0.8em;
    border-radius: 5px;
    cursor: pointer;
    color: #333333;
}
.screen-box li a{
    display: block;
    color: #333333;
}
.screen-box li.active{
    background: #FF7F00;
    padding: 3px 8px;
    border-radius: 5px;
    color: white;
}
.screen-box li.active a{
    color: white;
}
/*搜索框 end*/
/*exam列表页 start*/
.exam-list-box{
    width: 100%;
    height: auto;
    border-top: #999999 solid 1px;
}
.list-box{
    width: 1200px;
    margin: 1em auto;
    padding: 2em 0;
}
.list-box [class^="layui-col-"].title{
    text-align: left;
}
.list-box [class^="layui-col-"].title img{
    width: 46px;
    height: 30px;
}
.list-box [class^="layui-col-"].title span{
    font-size: 16px;
    color: black;
    margin-left: 5px;
    font-weight: bold;
}
.list-box [class^="layui-col-"].sort{
    text-align: right;
}
.list-box [class^="layui-col-"].sort li{
    float: left;
    margin-right: 1em;
    color: #333333;
    padding: 3px 8px;
    font-size: 14px;
    cursor: pointer;
}
.list-box [class^="layui-col-"].sort li a{
    font-size: 14px;
}
.list-box [class^="layui-col-"].sort li.active{
    background-color: #EEEEEE;
    border-radius: 5px;
    padding: 3px 8px;
}
.list-box .ul-list{
    margin-top: 2em;
    display: inline-block;
    width: 100%;
}
.list-box .ul-list li{
    float: left;
    margin-bottom: 2em;
    width: 378px;
    height: 210px;
    margin-left: 2em;
    background-image: url( ../images/list01.png);
}
.list-box .ul-list li:nth-of-type(3n + 1){
    margin-left: 0;
}
.list-box .ul-list.exec-list li{
    background-image: url( ../images/list.png);
}
.list-box .ul-list li .precondition-title{
    width: 100%;
    height: 30px;
    text-align: left;
}
.list-box .ul-list li .precondition-title span{
    height: 30px;
    background: linear-gradient(to right, #FF8948, #FFC654);
    color: white;
    padding: 5px 10px;
}
.list-box .ul-list.exec-list li .precondition-title span{
    background: linear-gradient(to right, #4C97FF, #73D1FF);
}
.list-box .ul-list li .title{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-top: 0.5em;
    padding: 0 15px;
    text-align: center;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list-box .ul-list li .time{
    font-size: 14px;
    color: #666666;
    margin-top: 1.5em;
    text-align: left;
    margin-left: 2em;
}
.list-box .ul-list li .time span{
    color: #FF3F00;
}
.list-box .ul-list li .limited{
    font-size: 14px;
    color: #666666;
    margin-top: 1.5em;
    text-align: left;
    margin-left: 2em;
}
.list-box .ul-list li .limited span{
    color: #FF3F00;
}
.list-box .ul-list.exec-list li .button{
    margin-top: 2.5em;
}
.list-box .ul-list li .button a{
    font-size: 14px;
    float: right;
    width: 100px;
    height: 35px;
    line-height: 35px;
    color: white;
    background-image: url( ../images/exam_button.png);
    text-align: center;
    margin-right: 1em;
}
.list-box .ul-list.exec-list li .button a{
    background-image: url( ../images/execc_button.png);
}
.list-box .ul-list li .button a img{
    width: 17px;
    height: 14px;
}
/*exam列表页 end*/
/*exam详情页 start*/
.exam-show-box{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    border-top: #4FAB63 solid  1px;
    margin-bottom: 2em;
}
.exam-show-box .show-box{
    width: 1200px;
    margin: 0 auto;
    height: auto;
    display: inline-block;
}
.exam-show-box .show-box .box-left{
    margin-top: 1.5em;
}
.exam-show-box .show-box .box-left .title{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding: 1em 0;
}
.exam-show-box .show-box .box-left .basic-info{
    width: 852px;
    height: 110px;
    background-image: url( ../images/box.png);
    position: relative;
    margin-top: 3em;
}
.exam-show-box .show-box .box-left .basic-info img{
    width: 117px;
    height: 166px;
    position: absolute;
    left: 1em;
    bottom: 0;
}
.exam-show-box .show-box .box-left .basic-info .content-show{
    display: inline-block;
    font-size: 14px;
    color: #000000;
    padding-left: 12em;
    text-align: left;
}
.exam-show-box .show-box .box-left .basic-info .content-show [class^="layui-col-"] p{
    margin-top: 1.3em;
    font-family:"宋体";
}
.exam-show-box .show-box .box-left .basic-info .content-show [class^="layui-col-"] p font{
    color: red;
}
.exam-show-box .show-box .box-left .enter-div{
    width: 100%;
    margin: 5em 0;
}
.exam-show-box .show-box .box-left .enter-div a{
    display: block;
    margin: 0 auto;
    width: 218px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-image: url(../images/button.png);
    color: white;
    font-weight: bold;
    font-size: 18px;
}
.exam-show-box .show-box .box-left .brief-introduction{
    width: 100%;
    text-align: left;
}
.exam-show-box .show-box .box-left .brief-introduction .title{
    width: 848px;
    height: 45px;
    line-height: 20px;
    background-image: url( ../images/brief_line.png);
    background-repeat: no-repeat;
    background-size: 848px 45px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding-left: 1em;
}
.exam-show-box .show-box .box-left .brief-introduction .brief-content{
    padding: 0 1.8em;
    line-height: 30px;
}
.exam-show-box .show-box .box-left .brief-introduction .brief-content p{
    color: black;
    font-size: 14px;
    font-family:"宋体";
}
.exam-show-box .show-box .box-left .brief-introduction .brief-content img{
    max-width: 100%;
}
.exam-show-box .show-box .content-info{
    width: 300px;
    height: auto;
    margin-top: 1em;
    border: #B3DFD4 solid 2px;
    border-radius: 3px;
    position: relative;
}
.exam-show-box .show-box .content-info img.leaf01{
    position: absolute;
    left: -50px;
    top: -5px;
    width: 73px;
    height: 68px;
}
.exam-show-box .show-box .content-info img.leaf02{
    position: absolute;
    right: -50px;
    bottom: -5px;
    width: 69px;
    height: 60px;
}
.exam-show-box .show-box .content-info .title-box{
    text-align: left;
    width: 100%;
    height: 40px;
}
.exam-show-box .show-box .content-info .title-box span{
    width: auto;
    border: #36AB8F solid 1px;
    padding: 0 3px 8px 0;
    border-radius: 3px;
}
.exam-show-box .show-box .content-info .title-box span font {
    background-color: #36AB8F;
    padding: 5px 1.5em;
    color: white;
    font-size: 16px;
    border-radius: 3px;
}
.exam-show-box .show-box .content-info .condition{
    padding: 1em;
    text-align: left;
}
.exam-show-box .show-box .content-info .question-type{
    padding: 1em;
}
.exam-show-box .show-box .content-info .question-type .type-title{
    width: 256px;
    height: 30px;
    background-image: url( ../images/type_line.png);
    background-repeat: no-repeat;
    background-size: 256px 26px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 2em;
    text-align: left;
}
.exam-show-box .show-box .content-info .question-type ul{
    margin-top: 1em;
    display: inline-block;
    width: 100%;
}
.exam-show-box .show-box .content-info .question-type ul li{
    float: left;
    font-size: 14px;
    width: 50%;
    color: #000000;
    font-family: "宋体";
    text-align: left;
    margin-top: 1em;
}
.exam-show-box .show-box .content-info .condition{
    padding: 1em;
    text-align: left;
}
.exam-show-box .show-box .content-info .precondition-list{
    padding: 1em;
}
.exam-show-box .show-box .content-info .precondition-list .list-title{
    width: 256px;
    height: 32px;
    background-image: url( ../images/precondition_line.png);
    background-repeat: no-repeat;
    background-size: 252px 29px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 2em;
    text-align: left;
}
.exam-show-box .show-box .content-info .precondition-list ul{
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    height: 290px;
    overflow-y: auto;
}
.exam-show-box .show-box .content-info .precondition-list ul li{
    background-image: url( ../images/condition_list.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #000000;
    font-family: "宋体";
    text-align: left;
    margin-top: 0.8em;
    border-bottom: #DDDDDD dashed 1px;
}
.exam-show-box .show-box .content-info .precondition-list ul li font{
    color: red;
    font-size: 16px;
    font-weight: bold;
}
/*exam详情页 end*/
/*答题页 star*/
.answer-page-info{
    width: 100%;
    background-color: #000000;
    height: 100%;
    display: inline-block;
    position: fixed;
}
.answer-page-info [class^="layui-col-"].answer-left,.answer-page-info [class^="layui-col-"].answer-center,.answer-page-info [class^="layui-col-"].answer-right{
    padding: 5px 5px 0 5px;
    height: 100%;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info,.answer-page-info [class^="layui-col-"].answer-center .center-info,.answer-page-info [class^="layui-col-"].answer-right .right-info{
    border: #6F5940 solid 1px;
    background-color: #17110D;
    height: 100%;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .title{
    color: #FFF7DA;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-title{
    color: #FFF7DA;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-avatar{
    text-align: center;
    border-bottom: #6F5940 solid 1px;
    padding: 2em 0;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-avatar img{
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0  3px 3px #EBD3BB;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-show{
    background-color:#271E17;
    display: inline-block;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-show [class^="layui-col-"]{
    border-bottom: #6F5940 solid 1px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #FFF7DA;
    font-size: 14px;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-show [class^="layui-col-"]:nth-of-type(2n){
    border-left: #6F5940 solid 1px;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .candidate-info .info-show [class^="layui-col-"].residue-time{
    font-size: 20px;
    color: #FFDC73;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .submit-div,.answer-page-info [class^="layui-col-"].answer-left .left-info .submit-div-tow{
    margin-top: 3em;
    text-align: center;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .submit-div button{
    width: 161px;
    height: 38px;
    margin: 0 auto;
    line-height: 38px;
    text-align: center;
    background-image: url( ../images/submit.png);
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
}
.answer-page-info [class^="layui-col-"].answer-left .left-info .submit-div-tow button{
    width: 161px;
    height: 38px;
    margin: 0 auto;
    line-height: 38px;
    text-align: center;
    background-image: url( ../images/submit_1.png);
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    color: #dd0000;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info{
    overflow-y: auto;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info::-webkit-scrollbar{
    width: 5px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .type{
    background-image: url( ../images/topic_bgm.png);
    background-repeat: no-repeat;
    background-size: 45px 38px;
    background-position: 5px 5px;
    height: 47px;
    line-height: 47px;
    padding-left: 50px;
    color: #FFEFBF;
    font-size: 16px;
    border-bottom: #6F5940 solid 1px;
    background-color: #17110D;
    margin-top: -20px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info1{
    background-color: #F0F0F0;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content{
    /*background-color: #F0F0F0;*/
    /*padding: 2em;*/
    /*height: 100%;*/
    /*position: relative;*/
    padding-right: 2em;
    padding-left: 2em;
    padding-top: 2em;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content::-webkit-scrollbar {
    width: 10px;
}
.answer-page-info .topic-content img,
.answer-page-info .topic-content audio,
.answer-page-info .topic-content video,
.answer-page-info .topic-content iframe,
.answer-page-info .topic-content input{
    max-width: 100%;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .topic-number{
    width: 30px;
    height: 30px;
    background-image: url( ../images/number.png);
    background-size: 30px 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    font-size: 16px;
    float: left;
    margin-right: 10px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .question{
    line-height: 30px;
    color: #333333;
    font-size: 16px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options{
    margin-top: 2em;
    width: 100%;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li{
    position: relative;
    min-height: 37px;
    margin-bottom: 20px;
    border: #DFD3AE solid 1px;
    border-radius: 5px;
    padding: 0 10px 0 80px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li.active{
    background: #F4EED9;
    border: #FF9900 solid 1px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li .label{
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    display: block;
    width: 50px;
    line-height: 37px;
    font-size: 16px;
    text-align: center;
    color: white;
    font-family: "微软雅黑";
    background-image: url( ../images/option01.png);
    background-size: 50px 37px;
    background-repeat: no-repeat;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li .label.fill-blank{
    font-size: 14px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li.active .label{
    background-image: url( ../images/option02.png);
    background-size: 50px 37px;
    background-repeat: no-repeat;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li .label input{
    width: 100%;
    line-height: 30px;
    border: 0;
    text-align: center;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li .text{
    display: block;
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    color: #261F13;
    border: none;
    background: none;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .topic-content .options li .text-line{
    line-height: 25px;
    white-space:pre-line;
}
.answer-page-info .reset-button{
    float: right;
    height: 30px;
    margin-right: 20px;
    background-color: #FF9A30;
    border-radius: 20px;
    border: 0;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
}
.answer-page-info .answer textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 16em;
    line-height: 1.6;
    border: #FFC700 solid 1px;
    border-radius: 5px;
    padding: 10px;
    resize: none;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .answer-analysis{
    margin-top: 4em;
    border: #E8C094 solid 1px;
    border-radius: 10px;
    padding: 2em;
    position: relative;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .answer-analysis .analysis-title{
    width: 99px;
    height: 42px;
    text-align: center;
    line-height: 45px;
    background-image: url( ../images/elliptic.png);
    color: white;
    font-size: 16px;
    position: absolute;
    left: 5px;
    top: -25px;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .answer-analysis .answer strong{
    color: #111111;
    font-size: 14px;
    margin-right: 5em;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .answer-analysis .answer strong font{
    color: red;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .answer-analysis .analysis-content{
    border: #DDDDDD solid 1px;
    margin-top: 2em;
    padding: 1em;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .previous-next-button{
    margin-top: 2em;
    text-align: center;
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5em;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .previous-button{
    width: 95px;
    height: 30px;
    background-image: url( ../images/previous02.png);
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .next-button{
    width: 95px;
    height: 30px;
    background-image: url( ../images/next02.png);
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-left:3em;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .previous-button-left{
    position: absolute;
    left: 0;
    top: 50%;
    width: 40px;
    height: 92px;
    padding-left: 12px;
    padding-top: 10px;
    color: #FDFFDD;
    font-size: 16px;
    font-weight: bold;
    background-image: url( ../images/previous01.png);
    z-index: 100;
}
.answer-page-info [class^="layui-col-"].answer-center .center-info .next-button-right{
    position: absolute;
    right: 0;
    top: 50%;
    width: 27px;
    height: 92px;
    padding-left: 25px;
    padding-top: 10px;
    color: #FDFFDD;
    font-size: 16px;
    font-weight: bold;
    background-image: url( ../images/next01.png);
    z-index: 100;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info{
    overflow-y: auto;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .content-title{
    background-image: url( ../images/topic_bgm.png);
    background-repeat: no-repeat;
    background-size: 45px 38px;
    background-position: 5px 5px;
    height: 47px;
    line-height: 47px;
    padding-left: 50px;
    color: #FFEFBF;
    font-size: 16px;
    border-bottom: #6F5940 solid 1px;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet{
    padding: 1em 2em;
    display: inline-block;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .question-type{
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet ul{
    margin-bottom: 2em;
    display: inline-block;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li{
    float: left;
    width: 52px;
    height: 60px;
    background-image: url( ../images/question_number.png);
    background-repeat: no-repeat;
    background-size: 52px 60px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 1.5em;
    margin-top: 1em;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li a{
    color: #9D8671;
    display: block;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li a.active,.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li a.correct{
    background-image: url( ../images/question_number01.png);
    color: #FFFF6A;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li.answered{
    background-image: url( ../images/question_number03.png);
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li.wrong,.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li a.incorrect{
    background-image: url( ../images/question_number02.png);
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li.answered a{
    color: white;
}
.answer-page-info [class^="layui-col-"].answer-right .right-info .answer-sheet li.wrong a{
    color: white;
}
/*答题页 end*/
/*考试结果显示页 star*/
.qbank-result-show-box{
    width: 100%;
    height: auto;
    border-top: #4FAB63 solid 1px;
}
.exam-result-info{
    width: 1200px;
    margin: 0 auto;
}
.exam-result-info .results-info{
    width: 100%;
    height: auto;
    margin: 2em 0;
}
.exam-result-info .results-fen{
    width: 190px;
    height: 60px;
    line-height: 60px;
    border: #FF4000 dashed 1px;
    margin-left: 2em;
    text-align: center;
}
.exam-result-info .results-fen b{
    font-size: 30px;
    color: #FF5C26;
    margin-right: 1em;
}
.exam-result-info [class^="results-"]{
    margin-left: 2em;
    font-size: 14px;
    color: #666666;
}
.exam-result-info .results-pass,.exam-result-info .results-nopass{
    margin-top: 1em;
}
.exam-result-info .results-pass p:nth-of-type(1){
    color: #FF5C26;
    font-size: 18px;
    font-weight: bold;
}
.exam-result-info .results-pass p:nth-of-type(2){
    color: #DDDDDD;
    font-size: 14px;
    font-weight: bold;
}
.exam-result-info .results-nopass p:nth-of-type(1){
    color: #018E7D;
    font-size: 18px;
    font-weight: bold;
}
.exam-result-info .results-nopass p:nth-of-type(2){
    color: #DDDDDD;
    font-size: 14px;
    font-weight: bold;
}
.exam-result-info .results-user{
    margin-top: 1.2em;
}
.exam-result-info .results-rank{
    margin-top: 1.2em;
}
.exam-result-info .results-rank font{
    color: #FF3F00;
    font-size: 20px;
    margin: 0 10px;
}
.exam-result-info .progress-list{
    display: inline-block;
    width: 100%;
}
.exam-result-info .progress-list li{
    display: inline-block;
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.exam-result-info .user-answer-info{
    margin-top: 2em;
    width: 100%;
    height: auto;
}
.exam-result-info .user-answer-info .info-title{
    height: 60px;
    line-height: 70px;
    background-image: url( ../images/answer_name.png);
    background-repeat: no-repeat;
    background-size: 39px 40px;
    background-position: 0 10px;
    border-bottom: #CCCCCC solid 1px;
    padding-left: 48px;
}
.exam-result-info .user-answer-info .info-title [class^="layui-col-"]:nth-of-type(1) font{
    color: black;
    font-size: 16px;
}
.exam-result-info .user-answer-info .info-title [class^="layui-col-"]:nth-of-type(1) b{
    color: #666666;
    font-size: 14px;
    margin-left: 2em;
}
.exam-result-info .user-answer-info .info-title [class^="layui-col-"] span{
    color: #333333;
    font-size: 14px;
    text-align: right;
    display: inline-block;
    width: 30px;
}
.exam-result-info .user-answer-info .info-title [class^="layui-col-"]:nth-of-type(2) span:nth-of-type(1){
    width: 15px;
    height: 15px;
    background-color: #FDB856;
    border-radius: 50%;
    vertical-align: middle;
}
.exam-result-info .user-answer-info .info-title [class^="layui-col-"]:nth-of-type(2) span:nth-of-type(3){
    width: 15px;
    height: 15px;
    background-color: #018E92;
    border-radius: 50%;
    vertical-align: middle;
}
.exam-result-info .user-answer-list{
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.exam-result-info .user-answer-list .layui-elem-quote{
    line-height: normal;
    border-left: 6px solid #FFB800;
    margin-top: 1em;
    background-color: #F6F6F6;
    padding: 10px;
    font-size: 14px;
}
.exam-result-info .user-answer-list ul{
    display: inline-block;
    width: 100%;
}
.exam-result-info .user-answer-list li{
    float: left;
    width: 10%;
    margin-top: 15px;
    text-align: center;
}
.exam-result-info .user-answer-list li a{
    border-radius: 50%;
    line-height: 47px;
    color: white;
    font-size: 16px;
    text-align: center;
    width: 47px;
    height: 47px;
    display: inline-block;
    font-weight: bold;
}
.exam-result-info .user-answer-list li a.right{
    border: #FDB806 solid 1px;
    color: #FDB806;
}
.exam-result-info .user-answer-list li a.wrong{
    border: #018E7D solid 1px;
    color: #018E7D;
}
.exam-result-info .user-answer-list li a.subjective{
    font-size: 12px;
}
.exam-result-info .commentary-info{
    width: 100%;
    height: 188px;
    margin-top: 4em;
    border: 1px dashed #36AB8F;
    background: linear-gradient(#fff,#fff) padding-box,
    repeating-linear-gradient(-45deg,#36AB8F 0, #36AB8F 0.3em, #fff 0,#fff 0.6em);
    position: relative;
}
.exam-result-info .commentary-info .title{
    width: 99px;
    height: 42px;
    background-image: url( ../images/elliptic.png);
    background-repeat: no-repeat;
    background-size: 99px 42px;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: white;
    position: absolute;
    top: -26px;
    left: 0;
}
.exam-result-info .commentary-info .content{
    padding: 2em 1em;
    font-size: 14px;
    line-height: 30px;
}
/*考试结果显示页 end*/
/*
+-+-+ qbank end +-+-+
 */