xiaoben-as2-php/css/teaching/pdf.css

*{margin:0;padding:0;font-weight: normal;}
ol,ul,li { list-style:none;padding:0px;}
.fl{float:left}
.fr{float:right}
.alignRight{text-align:right;}
a{text-decoration:none;}
/*body img{vertical-align: middle;max-width:480px;}*/
body img{vertical-align: middle;max-width:100%;}
/*body{margin:10px;}*/
body{margin:8px;}
p{margin:0;}
.paddingNo{padding:0px;}
.font18{font-size:18px !important;}
.font12{font-size:12px !important;}
.font10{font-size:10px !important;}
.font8{font-size:8px !important;}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.mt40{margin-top:40px}
.ml4{margin-left:4px}
.ml10{margin-left:10px}
.fontBold{font-weight:bold}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1; }
.center{text-align:center}
.wrap{padding:2px; height:auto;margin:0px auto;border-radius: 4px;}
.wrap-info{border:1px solid #c7c7c7;}
.main{width:452px;margin:0px auto;}
.frame{border-radius:4px;background:#ececec;padding:6px 10px 6px 6px;line-height:18px}
.trail{margin:5px 0;line-height: 15px}
.trail img{display: inline-block;margin-bottom: 4px; height:15px;}
.chart li label{width:33%;text-align: right;margin-right:5px;}
.cap{height:14px;margin-right:3px;}

.paper-title{text-align:center;margin:0px 0 6px 0px;color:#000;}
.topic-order{padding:0 4px; background-color: #3a3a3a;color: #fff;}
.analysis{margin-bottom: 2px;line-height: 18px;}

.topic-order-extend{border-radius: 10px;}
.icon-box img{margin:0 5px; height: 12px;}
.icon-3{height: 12px;}
/*.topic-point{border-bottom: 1px solid #ccc;}*/

.master-analysis{position: relative; text-align: center;}
.master-analysis img{position: absolute;left: 0;top: 0;}

.topic-point-border{border-bottom: 1px solid #ccc;}



.analyse-imgs img{margin-bottom:10px;}
.wrong-model{margin:10px 0; border-bottom:1px solid #ccc;height: 16px;line-height: 16px;}
.wrong-model.no-line{border:0;}
.wrong-model span{ padding-left:4px;float:left;background: #333;color: #fff;text-align: center;}
.your-answer{margin:5px 0;}
.your-answer>div{width:50%;box-sizing:border-box;}
.your-answer>div:last-child{padding-left:4px; border-left:1px solid #eee;}
.your-answer>div:first-child{padding-right:4px;}
.other-reason{margin:10px 0 10px 5px;;position: relative;border-bottom:1px solid #ccc;}
.other-reason span{position: absolute;left:0;bottom:-1px;background: #fff;}
.center-think{margin-top:5px; padding:0 10px;line-height: 20px; border:1px solid #ccc;}
.center-think li{border-bottom:1px dashed #ccc;}
.center-think li:last-child{border:0;}
.score-table{margin:5px 0; border-collapse: collapse}
.score-table td,.score-table th{height: 20px; border:1px solid #ccc;text-align:center;}
.score-table th{background: #eee;}
.score-table .diamonds{top:-2px;}
.import-words span{padding:0 5px;line-height: 16px;border-radius: 10px;background: #ccc;;}
.chinese-table td{text-align: left; padding:5px;}
.chart-row.weak-knowledge ul li{height: 130px;}
.chart-row.weak-knowledge p{width:20px;border-radius: 0!important;}
.chart-row.weak-knowledge .chart li>div{position: relative; height: 130px;width: auto!important;}
.chart-row.weak-knowledge .chart li label{height: 16px;width: 44px;line-height: 10px;margin-top:2px; padding-left: 0;text-align: center; display: block;box-sizing: border-box;}
.chart-row.weak-knowledge .chart li p span{right:0;bottom:2px;}
.chart-row.weak-knowledge .chart{margin-left:20px; border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.chart-row.weak-knowledge{position: relative; height: 170px;}
.chart-scale{position: absolute;left:0;top:0;height: 150px;overflow:hidden;}
.chart-scale span{display: block;width: 18px;height: 68px; text-align: right;}







.growthTrack-name{padding-left:0px;}
.growthTrack-name-2{padding-left:0px;width:95%;}
.growthTrack-name li div{width:50%;margin-top:0px}
.siteinfo div:nth-child(1){width:100%;text-align:center;font-size:12px;font-weight:bold}
.siteinfos div:nth-child(1){width:50%;text-align:left;margin:15px 0px;font-size:12px;font-weight:bold}
.siteinfos div:nth-child(2){width:45%;text-align:right;margin:15px 0px;}
.progress-out{border:1px solid #f1f1f1;width:63%;height:6px;border-radius:50px;background:#f1f1f1}
.percent-show{border:1px solid #777;height:6px;border-radius:50px;background:#777}
.table-box{width:100%;}
.scale{width:65%;}
.pageMiddle{margin-bottom:100px}
/*.topic{background:url(image/shape.jpg) left;width:382px;height:60px;line-height:60px;}*/
.topic{position:relative;z-index:100;line-height:15px;padding:0 10px;opacity:0.85;height:18px;line-height: 18px; background:#c5c5c5;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg);color:#000;}
.quadrangleRight{position:relative;z-index:99;float:left;width:20px;height:18px;background:#e1e1e1;-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);transform:skew(30deg);}
.topicSpan{margin-right:-5px; -webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);transform:skew(30deg);color:#c5c5c5;}
.topicImg{height:30px}
.layout{padding:10px 10px 0px 10px;position:relative;text-align: justify;word-break: break-all;}
.y-answer{text-align: left;}
.testingCentre{margin-left:2px;color:#2e2e2e;line-height:18px;padding-left:10px;color:#000;}
.answer li{width:25%;}
.guide{width:95%;border-radius:4px;border:1px solid #bfbfbf;margin-top:20px;}
.diamonds{margin-left:2px; width:6px;height:6px;position:relative;top:-1px;border:1px solid #bfbfbf;display:inline-block;background:#fff;vertical-align:sub;/*position:relative;top:-1px;*/}
.feedback{margin:-4px 0px 0px 0px;}
.feedback li{margin-right:6px;}
.riseDetails div{float:left;width:50%}
.circle{width:8px;height:8px;border-radius:50%;text-align:center;line-height:9px;margin-right:2px;border:1px solid #746b5a;display:inline-block;}
/*.give{display:inline-block;width:36px;}*/
.line{position: absolute; left: 0; top: 0; height: 17px;border-bottom: 1px solid #ccc;width: 100%;}
.improve div{line-height: 18px;}
.analysis{line-height: 18px}
.divider{display: block;margin:4px 0 0 0;}
.bodBom{position:relative;width:100%;}
.bodBom:before{content:"" !important;position:absolute;bottom:1.5px;left:0;right:0;border-bottom:1px dashed #ccc;-webkit-transform: scaleY(.5);-webkit-transform-origin: 0 0;pointer-events: none}

.knowledge-chart img{width: 50%;}
.knowledge-chart>div{width: 50%;}
.topic-discript{margin-top:10px; }
.nice-percent label{width: 33%;text-align: right;}
.nice-percent span{position: relative;margin-left: 10px;padding-left: 22px;}
.nice-percent span:before{content:"";position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width: 20px;height: 10px;background-color: #5a5a5a;}
.nice-percent span.percent-over:before{background-color: #c6c6c6}
.weak-knowledge{margin-top:10px;}
.weak-knowledge .chart li>div{padding:0 0 0 8px; width:63%;box-sizing: border-box;}
.weak-knowledge .chart li label{line-height: 16px;}
.weak-knowledge .chart li p{position: relative; height: 8px;border-radius: 50px;line-height: 8px;}
.class-progress{background-color: #b8b8b8;}
.self-progress{background-color: #595959;}
.weak-knowledge .chart li p span{position: absolute;right: -20px;}
.answer-explain-detail img{vertical-align: top;}