educoder/app/templates/exercise_export/exercise_export.css

body{
    font-size:14px;
    font-family: "微软雅黑","宋体";
}
p{
    margin:0;
}
.fs13{
    font-size:13px;
}
.fs16{
    font-size:16px;
}
.position-relative{
    position:relative;
}
.text-center{
    text-align:center;
}
.bdc{
    border-bottom:1px solid #eee;
}
.plr15{
    padding:0 15px;
}
.pd10{
    padding:10px;
}
.pbt10{
    padding:10px 0;
}
.pbt5{
    padding:5px 0;
}
.mbt20{
    margin: 20px 0;
}
.mb10{
    margin-bottom: 10px;
}
.mt8{
    margin-top:8px;
}
.mbt10{
    margin: 10px 0;
}
.mt5{
    margin-top:5px;
}
.pull-right{
    float:right;
}
.line-34{
    line-height:34px;
}
.pull-left{
    float:left;
}
.text-orange{
    color: #FC7033;
}
.text-red{
    color:#ff3756;
}
.text-green{
    color: #29BD8B;
}
.bgc{
    background-color:rgb(250, 250, 250);
}
.text-black{color:#333;}
.flex-nowrap{
    display:flex;
    white-space: nowrap;
}
.text-blue{
    color:#1890ff;
}
.text-gray{
    color:#999 !important;
}
.mlr5{
    margin:0 5px;
}
.ml20{
    margin-left:20px;
}
.ml10{
    margin-left:10px;
}
.mr3{
    margin-right:3px;
}
.mr8{
    margin-right:8px;
}
.mr15{
    margin-right:15px;
}
.main-height{
    min-height:60px !important;
}
.null-answer{
    background: #eee;
    width: 100%;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 2px;
    white-space: normal;
    min-height:12px;
}
.choose-radio{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    vertical-align: middle;
    margin: 0 5px 5px 0 ;
}
.choose-checkbox{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius:2px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    vertical-align: middle;
    margin: 0 5px 5px 0 ;
}
.ques-title p:first-child{
    display:inline-block;
    margin-bottom:10px;
}
.choose-answer{
    position: relative;
    border-color: #1890ff;
}
.choose-answer:after{
    position: absolute;
    width: 6px;
    height: 6px;
    left: 3px;
    top: 3px;
    border-radius: 8px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: " ";
    background-color: #1890ff;
}
.choose-answer-multi{
    background-color: #1890ff;
    border-color: #1890ff;
    position: relative;
    width:12px;
    height: 12px;
}
.choose-answer-multi:after{
    content: "\2713";
    color:#fff;
    height: 9px;
    width: 7px;
    position: absolute;
    display: inline-block;
    bottom: 6px;
    left: 1px;
}

.line-line {
    width:15px;
    height: 7px;
    border-radius:6px;
    margin-right:5px;
    display:inline-block;
}
.bd-ee{
    border:1px solid #eee;
    padding:5px;
}
.bg-red{
    background-color:#ff3756;
}
.bg-orange{
    background-color:#FC7033;
}
.bg-green{
    background-color:#29BD8B;
}
.bg-gray{
    background-color: #ccc;
}
.bg-e{
    background-color:#eee;
}
.right-status{
    width:28px;
    height:28px;
    border-radius: 50%;
    text-align:center;
    margin:5px 3px;
}
.right-status span{
    color:#fff;
    font-size:13px;
    line-height: 28px;
}
.inline-block{
    display:inline-block;
}
.circle-review{
    width:12px;
    height:12px;
    border-radius: 50%;
    border:1px solid #ccc;
    margin-right:5px;
    display:inline-block;
}
.bd-radius{
    border:1px solid #ccc
}
.user-score{
    float:right;
}
.circle-score{
    width:14px;
    height:14px;
    border-radius:50%;
    position: relative;
    display:inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}
.circle-wrong:after{
    color:#fff;
    content: "\2715";
    height: 7px;
    width: 7px;
    position: absolute;
    display: inline-block;
    bottom: 9px;
    left: 2px;
}
.circle-right:after{
    color:#fff;
    content: "\2713";
    height: 7px;
    width: 7px;
    position: absolute;
    display: inline-block;
    bottom: 9px;
    left: 2px;
}
table{
    width:100%;
    text-align:center;
}

table, tr, td, th, tbody, thead, tfoot,textarea,.main-choice{
    page-break-inside: avoid;
}
table th{
    padding:10px 0;
}
table td{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.shixun-detail td{
    border:1px solid #eee;
}
.code_content_show{
    width:95%;
    height:100%;
    line-height:1.8;
    border:none;
    padding-left:10px;
    resize:none;
    overflow: hidden;
}
.test-code{
    position: relative;
    width:100%;
    display:inline-block;
}
.line-no{
    width: 28px;
    display: inline-block;
}
.line-no p{
    line-height:1.8;
    text-align: center;
    color:#999;
}
.pull-left{
    float:left;
}
.avatar-32{
    width:32px;
    height:32px;
    border-radius:50%;
}
.ml38{
    margin-left:38px;
}
/*.shixun-detail{*/
    /*max-height:100%;*/
/*}*/
textarea{
    width:100%;
    resize:none;
    border:none;
    background-color:#eee;
    line-height:2;
}
.clearfix{
    clear:both;
    zoom:1;
}

.choice-text p{
    margin-bottom:0;
}