xiaoben-as2-php/css/magic_word/ev.css

body img {
  max-width: 100%;
}

.paper {
  max-width: 155.7mm;
  padding: 0 6mm;
  font-family: 'Times New Roman', 'SimSun' !important;
  font-size: 9pt !important;
}

.part .title-head {
  margin-bottom: 3mm;
}

.part .title-head .title {
  height: 8mm;
}

.part .title-head .title .title-text {
  font-size: 10pt;
  color: #003b86;
  text-align: center;
  line-height: 8mm;
  font-weight: bold;
}

.part .title-head .title-bottom {
  background-color: #e7f2ff;
  font-size: 6pt;
  color: #003b86;
  text-align: center;
  line-height: 3mm;
  padding: 1mm 0;
  font-weight: bold;
  border-radius: 0mm 0mm 1.5mm 1.5mm;
}

.part .content {
  position: relative;
}

.part .modular .modular-title {
  display: inline-block;
  height: 7mm;
  font-size: 9pt;
  color: #fff;
  font-weight: bold;
  line-height: 7mm;
  padding-left: 3mm;
  box-sizing: border-box;
  margin-bottom: 3mm;
  position: relative;
  padding-right: 5mm;
}

.part .modular .modular-title .modular-title-icon {
  position: absolute;
  top: -1mm;
  right: -4.5mm;
  width: 9mm;
}

.part .modular .unit-block {
  margin-bottom: 2mm;
}

.part .modular .unit-block .unit-title {
  display: inline-block;
  height: 6mm;
  margin-bottom: 2mm;
  background-color: #003b86;
  border-radius: 4mm;
  font-size: 9pt;
  line-height: 6mm;
  color: #fff;
  position: relative;
}

.part .modular .unit-block .unit-title img {
  width: 6mm;
  position: absolute;
  top: 0.5mm;
  left: 1mm;
}

.part .modular .unit-block .unit-title span {
  padding-left: 6.5mm;
  padding-right: 2mm;
}

.part .modular .unit-block .b-title {
  font-size: 9pt;
  font-weight: bold;
}

.part .modular .unit-block .word-block {
  border: 0.5mm dashed #003b86;
  background-color: #f1f7ff;
  border-radius: 2mm;
  padding: 3mm 2mm 2mm;
  margin-bottom: 2mm;
  text-align: justify;
}

.part .modular .unit-block .word-block .word-type {
  font-size: 9pt;
  font-weight: bold;
  color: #003b86;
  margin-bottom: 1mm;
  display: inline;
}

.part .modular .unit-block .word-block p {
  font-size: 9pt;
  line-height: 4mm;
  display: inline;
}

.part .modular .unit-block .type-block .type-title {
  display: inline-block;
  height: 6mm;
  font-size: 9pt;
  line-height: 5.5mm;
  color: #003b86;
  box-sizing: border-box;
  border-radius: 4mm;
  border: 0.5mm solid #003b86;
  padding: 0 2mm 0 9mm;
  position: relative;
  margin-bottom: 3mm;
}

.part .modular .unit-block .type-block .type-title img {
  width: 9mm;
  position: absolute;
  top: -3mm;
  left: -0.5mm;
}

.part .modular .unit-block .type-block .type-title i {
  margin-right: 2mm;
}

.part .modular .qr-code {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-box-pack: flex-end;
  -webkit--moz-box-pack: flex-end;
  position: absolute;
  top: 0;
  right: 0;
}

.part .modular .qr-code .qr-code-text {
  font-size: 9pt;
  font-weight: bold;
  margin-right: 2mm;
}

.part .modular .qr-code img {
  width: 18mm;
  height: 18mm;
  box-sizing: border-box;
  border: 1mm solid #afd4ff;
  padding: 1mm;
}

.part .modular .word-table {
  width: 100%;
  font-size: 9pt;
}

.part .modular .word-table table tr td {
  border: 0.5mm solid #003b86;
  padding: 1mm 1mm;
}

.part .modular .word-table table tr td:nth-child(1) {
  padding-left: 2mm;
}

.part .modular .word-table .word-table-left .word {
  margin-bottom: 1mm;
}

.part .modular .word-table .word-table-left .word i {
  font-size: 8pt;
  display: inline-block;
  width: 3.5mm;
  height: 3.5mm;
  line-height: 3.5mm;
  text-align: center;
  border: 1px solid #003b86;
  border-radius: 50%;
  color: #003b86;
}

.part .modular .word-table .word-table-left .word span {
  font-size: 10pt;
  font-weight: bold;
  color: #003b86;
  margin-right: 2mm;
}

.part .modular .word-table .word-table-left p {
  line-height: 4mm;
}

.part .modular .word-table .word-table-right .from {
  line-height: 4mm;
}

.part .modular .word-table .word-table-right .from .from-lable {
  font-size: 8pt;
  font-weight: bold;
  color: #003b86;
  margin-right: 1mm;
  word-break: keep-all;
}

.part .modular .word-table .word-table-right .from .from-txt {
  display: inline;
}

.part .modular .sort-list {
  list-style-type: decimal;
  list-style-position: inside;
}

.part .modular .sort-list li {
  line-height: 4mm;
  margin-bottom: 0.5mm;
  font-family: 'Times New Roman', 'SimSun' !important;
  font-size: 9pt !important;
}

.part .modular .sort-list li p {
  font-family: 'Times New Roman', 'SimSun' !important;
  font-size: 9pt !important;
}

.part .modular .sort-list li span {
  font-family: 'Times New Roman', 'SimSun' !important;
  font-size: 9pt !important;
}

.part .modular .lr-list li {
  width: 43%;
  margin-bottom: 1mm;
  float: left;
  page-break-inside: avoid;
}

.part .modular .lr-list li:nth-child(odd) {
  margin-right: 10mm;
}

.part .modular .s-line li i {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 4mm;
}

.part .modular .s-line li i:after {
  display: block;
  content: " ";
  z-index: -1;
  width: 200%;
  height: 200%;
  border-bottom: 1px solid;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.part .modular .b-line li {
  margin-bottom: 2mm;
}

.part .modular .b-line li i {
  display: block;
  width: 100%;
  margin-top: 5mm;
}

.part .modular .b-line li i:after {
  display: block;
  content: " ";
  z-index: -1;
  width: 200%;
  height: 200%;
  border-bottom: 1px solid;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.part .review {
  position: relative;
}

.part .review .modular-title {
  margin-bottom: 6mm;
}

.part .explain {
  position: relative;
  margin-bottom: 2mm;
}

.part .explain .modular-title {
  margin-bottom: 14mm;
}

.part .explain .qr-code {
  top: 1mm;
}

.part .train .unit-block .b-title {
  margin-bottom: 4mm;
}

.part .train .unit-block .paragraph .type-title {
  margin-bottom: 2.4mm !important;
}

.part .train .unit-block .paragraph article {
  line-height: 5mm;
  text-align: justify;
}

.part .train .unit-block .paragraph article p {
  font-family: 'Times New Roman', 'SimSun' !important;
  font-size: 9pt !important;
}

.part .train .unit-block .paragraph article p span {
  font-family: 'Times New Roman', 'SimSun' !important;
  font-size: 9pt !important;
}

.part .train .unit-block .paragraph .option-block {
  margin-top: 3mm;
}

.part .train .unit-block .paragraph .option-block .question-block {
  margin-bottom: 4mm;
}

.part .train .unit-block .paragraph .option-block .question-block .question {
  margin-bottom: 2mm;
}

.part .train .unit-block .paragraph .option-block .question-block .option-list li {
  margin-bottom: 2mm;
}

.part .train .unit-block .paragraph .option-block .sort-list > li {
  position: relative;
}

.part .train .unit-block .paragraph .option-block .sort-list > li .option-list {
  width: 100%;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-box-pack: space-between;
  position: absolute;
  left: 5mm;
}

.part .train .unit-block .paragraph .option-block .sort-list > li .option-list li {
  width: 25%;
  margin-bottom: 0mm;
  display: inherit;
}

.part .train .has-three {
  margin-bottom: 4mm;
}

.part .train .has-three .b-title {
  margin-bottom: 6mm;
}

.part .train .has-three .type-block {
  margin-bottom: 6mm;
}

.part .train .has-three .type-block .type-title {
  margin-bottom: 3.4mm;
}

.part .train .has-three .type-block:last-child {
  margin-bottom: 0mm;
}

.part .answer .sort-list li {
  margin-bottom: 0.5mm;
}

.part .ans-analysis .ana-lable,
.part .ans-ana .ana-lable {
  color: #003b86;
  font-weight: bold;
}

.part .ans-analysis p,
.part .ans-ana p {
  line-height: 4mm;
}

.part .ans-analysis .ans-list,
.part .ans-ana .ans-list {
  font-size: 9pt;
  margin-bottom: 1mm;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.part .ans-analysis .ans-list .ans-lable,
.part .ans-ana .ans-list .ans-lable {
  color: #dd4e33;
  font-weight: bold;
  padding-top: 0.5mm;
}

.part .ans-analysis .ans-list .sort-list,
.part .ans-ana .ans-list .sort-list {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  box-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  -webkit-flex: 1;
}

.part .ans-analysis .ans-list .sort-list li,
.part .ans-ana .ans-list .sort-list li {
  margin-bottom: 1mm;
  margin-right: 4mm;
}

.part .ans-analysis .analysis,
.part .ans-ana .analysis {
  text-align: justify;
}

.part .ans-analysis .analysis .sort-list li,
.part .ans-ana .analysis .sort-list li {
  margin-bottom: 0mm;
  margin-top: 1mm;
}

.part .ans-analysis .analysis .Blod,
.part .ans-ana .analysis .Blod {
  font-weight: bold;
}

.wrong-words .answer .lr-list li {
  width: 32%;
}

.wrong-words .answer .lr-list li:nth-child(odd) {
  margin-right: 0mm;
}

.teaching .part .train {
  margin-top: 3mm;
}

.teaching .part .train .unit-block .paragraph .option-block .sort-list {
  margin-bottom: 4mm;
}

.teaching .part .train .unit-block .paragraph .option-block .question-block:last-child {
  margin-bottom: 4mm;
}

.teaching .part .train .b-line li i {
  display: block;
  margin-top: 2mm;
}

.teaching .part .train .b-line li i:after {
  display: block;
  content: " ";
  z-index: -1;
  width: 200%;
  height: 200%;
  border-bottom: 1px solid;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.teaching .part .train .s-line li i {
  margin-top: 0mm;
}

.teaching .part .ans-ana .analysis {
  margin-top: 0mm;
}