xiaoben-as2-php/css/english_reading/hot-spot.css

.pdf-B5 {
  width: 155.7mm;
  font-family: "Times New Roman", "SimSun" !important;
  font-size: 12pt;
  padding-left: 6mm;
  padding-right: 6mm;
  color: #030000;
}

.pdf-B5 .flex {
  display: -webkit-flex;
  display: flex;
}

.pdf-B5 .flex-num {
  -webkit-flex: 1;
  flex: 1;
}

.pdf-B5 .align {
  -webkit-align-items: center;
  box-align: center;
  align-items: center;
}

.pdf-B5 .justify-center {
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -webkit--moz-box-pack: center;
  box-pack: center;
  justify-content: center;
}

.pdf-B5 .justify-between {
  -webkit-justify-content: space-between;
  -moz-box-pack: space-between;
  -webkit--moz-box-pack: space-between;
  box-pack: space-between;
  justify-content: space-between;
}

.pdf-B5 .topic .topic-msg {
  height: 7.4mm;
  background-color: #eff5fb;
  line-height: 7.4mm;
  font-size: 8.5pt;
  font-weight: bolder;
  text-align: center;
  color: #003b86;
}

.pdf-B5 .topic .topic-msg span {
  margin-left: 4mm;
}

.pdf-B5 .topic .topic-msg .highlight-a {
  color: red;
}

.pdf-B5 .topic .head-serial {
  margin: 2mm 0;
  text-align: center;
}

.pdf-B5 .topic .head-serial .xu-hao {
  display: inline-block;
  font-size: 18pt;
  padding-left: 13mm;
  padding-right: 6mm;
  height: 6.8mm;
  color: #fff;
}

.pdf-B5 .topic .point-title {
  margin-bottom: 2mm;
  margin-top: 2mm;
}

.pdf-B5 .topic .point-title img {
  display: inline-block;
  width: 35mm;
  height: 8mm;
}

.pdf-B5 .topic .guided-reading .dao-du {
  color: #003b86;
  float: left;
}

.pdf-B5 .topic .main-body {
  margin-top: 2mm;
  line-height: 7mm;
  overflow: hidden;
}

.pdf-B5 .topic .main-body .img {
  float: left;
  width: 62mm;
  margin-right: 2mm;
}

.pdf-B5 .topic .stem-a {
  font-size: 12pt !important;
  line-height: 7mm;
  margin-bottom: 2mm;
  font-family: "Times New Roman", "SimSun" !important;
}

.pdf-B5 .topic .stem-a .big-tit {
  font-size: 12pt !important;
  margin-top: 2mm;
  margin-bottom: 2mm;
  font-family: "Times New Roman", "SimSun" !important;
}

.pdf-B5 .topic .stem-a .big-tit p {
  font-size: 12pt !important;
  max-width: 100%;
  overflow: hidden;
  font-family: "Times New Roman", "SimSun" !important;
}

.pdf-B5 .topic .stem-a .big-tit p span {
  font-size: 12pt !important;
  font-family: "Times New Roman", "SimSun" !important;
}

.pdf-B5 .topic .stem-a .big-tit p strong span {
  font-size: 12pt;
}

.pdf-B5 .topic .stem-a .big-tit p img {
  max-width: 100%;
}

.pdf-B5 .topic .stem-a .small-tit {
  font-family: "Times New Roman", "SimSun" !important;
  font-size: 12pt !important;
}

.pdf-B5 .topic .stem-a .small-tit .xiao-tit-number {
  font-family: "Times New Roman", "SimSun" !important;
  font-size: 12pt !important;
  vertical-align: top;
  display: inline-block;
}

.pdf-B5 .topic .stem-a .small-tit .xiao-tit {
  font-family: "Times New Roman", "SimSun" !important;
  font-size: 12pt !important;
}

.pdf-B5 .topic .stem-a .small-tit .xiao-tit p {
  font-family: "Times New Roman", "SimSun" !important;
  font-size: 12pt !important;
  display: inline;
}

.pdf-B5 .topic .stem-a .small-tit .xiao-tit span {
  font-family: "Times New Roman", "SimSun" !important;
  font-size: 12pt !important;
}

.pdf-B5 .topic .stem-a .xuanxiang {
  display: inline-block;
  margin-bottom: 2mm;
  width: 95%;
}

.pdf-B5 .topic .stem-a .xuanxiang .option {
  font-size: 12pt !important;
}

.pdf-B5 .topic .stem-a .xuanxiang .option p {
  display: inline;
}

.pdf-B5 .topic .stem-a .xuanxiang .option span {
  font-size: 12pt !important;
}

.pdf-B5 .topic .stem-a .xuanxiang .option-s {
  font-size: 12pt !important;
  display: block;
}

.pdf-B5 .topic .stem-a .xuanxiang .option-s p {
  display: inline;
}

.pdf-B5 .topic .stem-a .xuanxiang .option-s span {
  font-size: 12pt !important;
}

.pdf-B5 .topic .stem-a .answer-s {
  font-size: 9pt !important;
  margin-top: 2mm;
}

.pdf-B5 .topic .stem-a .answer-s .answer-text {
  font-size: 9pt;
  display: inline-block;
  color: #dd4e33;
  vertical-align: top;
}

.pdf-B5 .topic .stem-a .answer-s .answer-content {
  font-size: 9pt;
  display: inline-block;
}

.pdf-B5 .topic .stem-a .analysis-wrap {
  font-size: 9pt;
}

.pdf-B5 .topic .stem-a .analysis-wrap .analysis-title {
  font-size: 9pt;
  display: inline;
  color: #0b3b87;
}

.pdf-B5 .topic .stem-a .analysis-wrap .analysis {
  font-size: 9pt;
  display: inline;
}

.pdf-B5 .topic .stem-a .analysis-wrap .analysis p {
  display: inline;
  font-size: 9pt !important;
}

.pdf-B5 .topic .stem-a .analysis-wrap .analysis p span {
  font-size: 9pt !important;
}

.pdf-B5 .topic .stem-a .syntactic-analysis .syntactic-analysis-item {
  font-size: 9pt !important;
}

.pdf-B5 .topic .stem-a .syntactic-analysis .syntactic-analysis-item p {
  font-size: 9pt !important;
}

.pdf-B5 .topic .stem-a .syntactic-analysis .syntactic-analysis-item span {
  font-size: 9pt !important;
}

.pdf-B5 .topic .stem-a .question-type-mod-content .word-mean-item {
  font-size: 9pt !important;
  max-width: 100%;
  word-break: break-all;
}

.pdf-B5 .topic .answer {
  color: #802014;
  margin-bottom: 2mm;
}

.pdf-B5 .topic .good-vocabulary {
  display: inline-block;
  margin-bottom: 2mm;
  border-radius: 4mm;
  padding: 1.5mm 6mm;
  background-color: #802014;
  color: #fff;
}

.pdf-B5 .topic .vocabulary img {
  width: 33mm;
}

.pdf-B5 .topic .reference-answer {
  text-align: center;
}

.pdf-B5 .topic .reference-answer img {
  width: 39mm;
}

.pdf-B5 .topic .module-bgc {
  display: inline-block;
  padding: 0 4mm 0 4mm;
  height: 6mm;
  line-height: 6mm;
}

.pdf-B5 .topic .module-bgc i {
  font-size: 9pt;
  margin-left: 4mm;
  color: #003b86;
}


.min-topic-block {
  line-height: 1.5em;
  font-size: 11.5pt;
  margin-top: 2mm;
}

.min-topic-block .min-topic {
  margin-top: 5mm;
}

.min-topic-block .min-topic .min-topic-number {
  display: inline-block;
  vertical-align: top;
}

.min-topic-block .min-topic .min-topic-content {
  page-break-inside: avoid;
}

.min-topic-block .min-topic .min-topic-content > p {
  display: inline;
}

.min-topic-block .sort-list > li {
  margin-bottom: 2mm;
}

.min-topic-block .sort-list > li i {
  display: inline-block;
  width: 4mm;
}

 .min-topic-block .sort-list > li .option-list {
  width: 85%;
  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;
}
.min-topic-block .sort-list > li .option-list li {
  width: 25%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}