@charset "UTF-8";

textarea {
  resize: none;
}
div.new-container.container {
  width: 1000px !important;
  max-width: 1000px !important;
  height: 710px;
  margin-bottom: 20px;
}
div.new-container.container.minContan > .col-lg-12 {
  position: relative;
  height: 750px;
}
.select-speed:focus {
  box-shadow: none;
}
.container_tbar {
  background-color: #735ce6;
}
.container_tbar-Title i {
  font-style: normal;
}
.prompting {
  padding: 10px 0;
  border-bottom: 0;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #6446fc;
  border-color: #6446fc;
}
.isLoading {
  display: none;
  width: 28px;
  height: 28px;
  margin-right: 15px;
}
/*========= 竖向滚动条 =========*/
.panel-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 120px;
  margin: 2px;
}
.panel-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.panel-scrollbar::-webkit-scrollbar-track {
  display: none;
}
.panel-scrollbar::-webkit-scrollbar-track-piece {
  /*内层轨道，滚动条中间部分（位置4）*/
  background: #fff;
  border-radius: 4px;
}
.panel-scrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面可以拖动的那部分（位置5）*/
  background: #e6e6e6;
  border-radius: 4px;
}
.panel-scrollbar::-webkit-scrollbar-corner {
  /*边角（位置6）*/
  background: #e6e6e6;
  border-radius: 4px;
}
.panel-scrollbar::-webkit-scrollbar-resizer {
  /*定义右下角拖动块的样式（位置7）*/
  background: #404040;
  border-radius: 4px;
}

/*========= 横向滚动条 =========*/
.panel-across-scrollbar::-webkit-scrollbar {
  width: 170px;
  height: 6px;
  margin: 2px;
}
.panel-across-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.panel-across-scrollbar::-webkit-scrollbar-track {
  display: none;
}
.panel-across-scrollbar::-webkit-scrollbar-track-piece {
  /*内层轨道，滚动条中间部分（位置4）*/
  background: #fff;
  border-radius: 4px;
}
.panel-across-scrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面可以拖动的那部分（位置5）*/
  background: #f2f2f2;
  border-radius: 4px;
}
.panel-across-scrollbar::-webkit-scrollbar-corner {
  /*边角（位置6）*/
  background: #f2f2f2;
  border-radius: 4px;
}
.panel-across-scrollbar::-webkit-scrollbar-resizer {
  /*定义右下角拖动块的样式（位置7）*/
  background: #404040;
  border-radius: 4px;
}
a.feedback {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #595bb2;
  margin-right: 20px;
}
a.feedback:focus,
a.feedback:hover {
  color: #595bb2;
}

/*========= 听力 -- start =========*/
.sst-panel-con.Listening-panel-con {
  width: 92%;
  display: block;
  margin: 0 auto;
  height: 605px;
}
.sst-panel-con.Listening-panel-con.WFD-panel-con {
  height: 550px;
}
.transcript-container {
  clear: both;
  width: 100%;
  height: 445px;
  background-color: #ffffff;
  border-radius: 5px;
  border: dashed 1px #e5e5e5;
  padding: 5px;
  margin-bottom: 5px;
}
.transcript-container #transcript.listening-fib {
  clear: both;
  height: 430px;
  border: 0;
  margin: 0;
  padding: 10px 20px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333;
  overflow-y: auto;
}
#transcript.listening-fib input {
  width: 120px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #e5e5e5;
}
#transcript.listening-fib b,
.HIW-panel-con #transcript.HIW-panel-text label {
  display: none;
  color: #4cb224;
  margin: 0 0 0 6px;
}
.right-box-panel {
  display: flex;
  align-items: center;
  justify-content: right;
  float: right;
}
.right-box-panel button.button-submit,
.right-box-panel button.button-submit:hover {
  width: 100px;
  height: 32px;
  background-color: #735ce6;
  border-radius: 16px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  border: 0;
  padding: 0;
  margin: 0 0 0 10px;
}
#timer {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #808080;
  float: right;
}
.container_nav2 {
  width: 100%;
  height: 40px;
  background-color: #f2f2f2;
  line-height: 36px;
  padding: 0 20px;
  position: absolute;
  bottom: 8px;
}
#btnChange {
  border: 1px solid #735ce6;
  border-radius: 15px;
}
#btnChange .btn {
  background: #fff;
  color: #735ce6;
}
#btnChange .btn.btn-primary {
  background-color: #735ce6;
  color: #ffffff;
}
.container_nav2 button {
  height: 26px;
  line-height: 0;
  background-color: #fff;
  border-radius: 13px;
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  padding: 6px 15px;
  border: 0;
}
.container_nav2 button.btnNum.btn-primary:not(:disabled):not(.disabled):active,
.container_nav2 button.btnNum.btn-primary:hover,
.container_nav2 button.btnNum:focus {
  background-color: #fff;
  color: #735ce6;
  outline: none;
}

.container_btn button.btn-primary a {
  color: #735ce6;
}
.container_nav2 button:hover a,
.container_nav2 button:focus a {
  color: #fff;
  outline: none;
}
.container.minContan .col-lg-12 {
  box-shadow: none;
}
.container_nav2 button.btn-collect,
.container_nav2 button.btn-isCollect,
.container_nav2
  button.btn-collect.btn-primary:not(:disabled):not(.disabled):active,
.container_nav2
  button.btn-isCollect.btn-primary:not(:disabled):not(.disabled):active {
  width: 80px;
  height: 26px;
  line-height: 24px;
  background-color: #ffffff;
  border-radius: 13px;
  border: solid 1px #d4ccff;
  text-align: center;
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  padding: 0;
  outline: none;
}

.container_nav2 button.btn-collect img,
.container_nav2 button.btn-isCollect img {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: -4px 6px 0 -6px;
}
/* ------------sst ----------------*/
.sst-panel-con {
  width: 92%;
  display: block;
  margin: 0 auto;
  height: 410px;
}
.sst-panel-con .col-md-12 {
  width: 100%;
  height: 80px;
  padding: 0;
}
.sst-panel-con > .col-md-12 {
  width: 95%;
  height: 80px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  float: none;
}
.sst-panel-con .lec-audio {
  float: left;
  width: 80%;
  margin: 0;
  height: 54px;
}
.select-speed {
  float: right;
  margin: 8px 10px 0 0;
  width: 80px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 15px;
  border: solid 1px #735ce6;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  padding: 0 0 0 6px;
}
.select-speed.btn-default:hover,
.select-speed.btn-default:focus {
  background-color: #ffffff;
  border: solid 1px #735ce6;
  color: #735ce6;
}
.Open-questions-panel .div-textarea.form-control {
  width: 100%;
  height: 230px;
  padding: 8px 4px 8px 10px;
}
.Open-questions-panel .form-control .textCountable {
  width: 100%;
  height: 210px;
  overflow-y: auto;
  padding-right: 6px;
  border: 0;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.Open-questions-panel .form-control .textCountable:focus {
  outline: none;
}
.Open-questions-panel #wordCount {
  float: left;
}
.Open-questions-panel #timer {
  float: right;
  margin: 10px 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #808080;
  position: static;
}
.Open-questions-panel .button-submit,
.reading-answer-panel-RO .button-submit {
  width: 100px;
  height: 30px;
  background-color: #735ce6;
  border-radius: 15px;
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 10px 15px 20px 0;
  float: right;
}
.Open-questions-panel button.btn.btn-default {
  color: #ffffff;
  background-color: #735ce6;
  border-color: #735ce6;
}
.Open-questions-panel button.btn.btn-primary,
.reading-answer-panel-RO button.btn.btn-primary {
  background-color: #735ce6;
}
.article-rating-display {
  width: 100%;
  margin: 20px auto 0 auto;
  position: relative;
  height: 100px;
}
.article-rating-display .isVip-p {
  position: absolute;
  top: -30px;
  left: 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #e3253f;
  cursor: pointer;
}
.article-rating-display .View-rating-p {
  position: absolute;
  top: -30px;
  right: 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  cursor: pointer;
}
.article-rating-display .article-rating-panel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0;
}
.article-rating-display .article-rating-panel .article-rating-item {
  width: 170px;
  height: 80px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  text-align: center;
  padding: 8px;
}
.article-rating-display .article-rating-panel .article-rating-item span {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #808080;
}
.article-rating-display .article-rating-panel .article-rating-item p {
  font-family: ;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #808080;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}
.article-rating-display .article-rating-panel .article-rating-item p span {
  font-family: ;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.article-rating-display .article-rating-panel .article-rating-item p i {
  font-size: 18px;
  font-style: normal;
  color: #808080;
}
#panel .WFD-panel-answer .panel-graded-cn {
  margin-bottom: 0;
}
.wfdView-rating-p {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  margin: 5px 0 0 0;
  cursor: pointer;
  width: 140px;
  text-align: center;
}
.submit-popup {
  display: none;
  position: fixed;
  top: 30%;
  left: 43%;
  width: 240px;
  height: 180px;
  background-color: rgba(0, 0, 0, 0.64);
  border-radius: 10px;
  text-align: center;
}
.submit-popup img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 30px auto 10px auto;
}
.submit-popup p {
  font-family: ;
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 5.2px;
  color: #ffffff;
  margin: 0;
  margin-top: 20px;
}
.submit-popup span {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2.8px;
  color: #ffffff;
  display: block;
}
/* ------------WFD ----------------*/
.WFD-panel-control {
  width: 100%;
  height: 286px;
}
.Open-questions-panel .WFD-panel-control .button-submit {
  margin: 10px 0 20px 0;
}
.Open-questions-panel .WFD-panel-control .div-textarea.form-control {
  height: 200px;
}
.Open-questions-panel .WFD-panel-control .form-control .textCountable {
  height: 180px;
}
.Open-questions-panel .WFD-panel-control button.btn.btn-default {
  margin: 0;
}
.WFD-panel-answer {
  clear: both;
  width: 100%;
  height: 160px;
}
.WFD-panel-answer .panel-ANSWER-an,
.WFD-panel-answer .panel-graded-cn,
.panel-ANSWER-Record,
.answerRecord-graded-Panel {
  height: 70px;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.WFD-panel-answer .panel-ANSWER-an > span,
.panel-ANSWER-Record > span {
  width: 140px;
  height: 70px;
  display: inline-block;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  text-align: center;
}
.WFD-panel-answer .panel-ANSWER-an p,
.panel-ANSWER-Record p {
  margin: 0 0 0 20px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  width: 692px;
  text-align: justify;
  word-wrap: break-word;
}
.WFD-panel-answer .panel-ANSWER-an p span,
.panel-ANSWER-Record p span {
  cursor: pointer;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-score,
.answerRecord-graded-Panel .answerRecord-graded-score {
  width: 140px;
  height: 70px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  text-align: center;
  padding: 2px 0;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-score span,
.answerRecord-graded-Panel .answerRecord-graded-score span {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #808080;
  display: block;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-score p.graded-Content,
.answerRecord-graded-Panel .answerRecord-graded-score p.graded-Content {
  font-family: ;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #808080;
  margin: 0;
  line-height: 40px;
  height: 40px;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-score p.graded-Content i,
.answerRecord-graded-Panel .answerRecord-graded-score p.graded-Content i {
  font-style: normal;
  font-family: ;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-information,
.answerRecord-graded-Panel .panel-graded-information {
  width: 692px;
  height: 70px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
  padding: 1px 10px;
  margin: 0 0 0 20px;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-information span.text-true,
.answerRecord-graded-Panel .panel-graded-information span.text-true {
  color: #4cb224;
}
.WFD-panel-answer .panel-graded-cn .panel-graded-information p {
  text-align: center;
  line-height: 70px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #b3b3b3;
}
.panel-ANSWER-Record {
  margin: 20px 0 0 0;
  height: 60px;
}

/*答题记录---FIB*/
.FIB-answerRecord-con {
  width: 800px;
  height: 480px;
  background-color: #ffffff;
  border-radius: 5px;
  border: dashed 1px #e5e5e5;
  margin: 22px auto;
  padding: 5px;
}
.FIB-anrecord-panel {
  width: auto;
  height: 460px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333;
  word-wrap: break-word;
  text-align: justify;
  padding: 5px 10px;
  overflow-y: auto;
}

.FIB-anrecord-panel input {
  min-width: 120px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #e5e5e5;
}
.FIB-anrecord-panel span,
#theParagraph label {
  display: none;
}
.FIB-anrecord-panel b,
#theParagraph label {
  color: #4cb224;
  margin-left: 6px;
}
.FIB-anrecord-tab {
  width: 800px;
  height: 54px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.FIB-anrecord-tab li {
  width: 190px;
  height: 54px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #b2b2b2;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0px;
  color: #333333;
  float: left;
  cursor: pointer;
}
.FIB-anrecord-tab li.active {
  border: solid 1px #735ce6;
}
.FIB-anrecord-tab li.nothing {
  border: solid 1px #e5e5e5;
  color: #ccc;
  pointer-events: none;
}
.not-answer-panel {
  font-family: ;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #999999;
  text-align: center;
  vertical-align: middle;
}
.FIB-anrecord-notPanel {
  display: flex;
  justify-content: center;
  align-items: Center;
}
.anRecord-hint {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  height: 42px;
  display: block;
  width: 800px;
  text-align: right;
  margin: 0 auto;
}
.anRecord-hint span {
  color: #4cb224;
}
.anRecord-hint-not.anRecord-hint,
.anRecord-hint-not.anRecord-hint span {
  color: #999999;
}
#transcript.rFIB-content {
  height: 360px;
  background-color: #ffffff;
  border-radius: 5px;
  border: dashed 1px #e5e5e5;
  margin-top: 0;
  padding: 5px 10px;
}
#transcript.rFIB-content #right {
  height: 346px;
  overflow-y: auto;
  padding: 0 8px;
}
#left {
  height: 110px;
  background-color: #f1f0f7;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  margin: 25px 0 10px 0;
}
#left div {
  min-width: 121px;
  height: 32px;
  line-height: 30px;
  background-color: #ffffff;
  box-shadow: 1px 1.7px 4px 0px rgba(6, 4, 4, 0.12);
  border-radius: 3px;
  margin-top: 15px;
  margin-left: 18px;
  border: 0;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  display: inline-block;
  float: left;
  text-align: center;
}
.rFIB-content-panel.sst-panel-con.Listening-panel-con {
  height: 540px;
}
#right div {
  width: 120px;
  height: 24px;
  line-height: 26px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #e5e5e5;
  display: inline-block;
  text-align: center;
  margin-top: 1px;
}
.container_content-reading {
  margin-bottom: 0;
}
.rwFIB-panel-con {
  width: 850px;
  height: 520px;
  background-color: #ffffff;
  border-radius: 5px;
  border: dashed 1px #e5e5e5;
  margin: 0 auto 5px auto;
}
#theParagraph {
  padding: 2px 10px;
  word-wrap: break-word;
  text-align: justify;
  height: 500px;
  overflow-y: auto;
  margin: 6px;
}
#theParagraph.wFIB-content select {
  min-width: 120px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #e5e5e5;
  text-align: center;
  line-height: 24px;
}
/*========= HCS =========*/
#panel .panel-audio {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  display: block;
  float: none;
}
.optionArea {
  height: 435px;
  position: relative;
}
.optionArea.optionArea-Listening {
  height: 400px;
}
.optionArea .item {
  width: 860px;
  margin: 5px 0;
  padding: 8px;
  line-height: 20px;
  clear: both;
  cursor: pointer;
}
.optionArea .item input {
  margin: 5px 2px 0 0;
  width: 20px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.optionArea .item > span {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #333333;
  display: inline-block;
  width: 800px;
  word-wrap: break-word;
  text-align: justify;
}
.optionArea .item.selected {
  padding: 6px;
  border-radius: 6px;
  border: solid 2px #735ce6;
  background-color: #fff;
  box-sizing: border-box;
}
#theAnswerIcon,
.checkbox-answer {
  display: none;
  position: absolute;
  left: -30px;
  margin-top: 6px;
  background: url("/PTE/images/icon-true.png") no-repeat;
  width: 26px;
  height: 26px;
}
/*答题记录*/
.AnswerR-choice-question {
  width: 90%;
  display: block;
  margin: 30px auto;
}
.ANSWER-text {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
}
.ANSWER-text span {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #29cc44;
  border-radius: 14px;
  display: inline-block;
  font-family: ;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  margin-left: 10px;
}
.AnswerR-choice-question ul {
  margin: 30px 0;
}
.AnswerR-choice-question ul li {
  width: 800px;
  height: 64px;
  line-height: 64px;
  background-color: #f2f2f2;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  padding-left: 26px;
  margin: 20px 0;
}
.AnswerR-choice-question ul li span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(6, 4, 4, 0.12);
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  margin-left: 15px;
}
.AnswerR-choice-question ul li span:nth-child(1) {
  margin-left: 30px;
}
.AnswerR-choice-question ul li.nothing {
  color: #999999;
}
.AnswerR-choice-question ul li i {
  background: url("/PTE/images/icon-true.png") no-repeat;
  width: 26px;
  height: 26px;
  display: inline-block;
  float: right;
  margin: 18px 26px 0 0;
}
/*========= HIW =========*/
.HIW-panel.sst-panel-con {
  height: 585px;
}
.HIW-panel.sst-panel-con .col-md-12 {
  height: 70px;
}
.HIW-panel-con {
  clear: both;
  width: 100%;
  height: 430px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  margin: 0 auto 5px auto;
  padding: 5px;
}
.HIW-panel-con #transcript.HIW-panel-text {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 27px;
  letter-spacing: 0px;
  color: #000000;
  height: 415px;
  overflow-y: auto;
  padding: 5px 10px;
  margin: 0;
}
.HIW-panel-con .HIW-panel-text p {
  margin: 0;
}
.HIW-panel-con #transcript.HIW-panel-text span.selected,
.HIW-anrecord-panel.FIB-anrecord-panel p span.selected {
  background-color: #ded9ff;
}

.MC-panel-con.sst-panel-con {
  width: 86%;
}
.MC-panel-con.sst-panel-con .optionArea {
  height: 390px;
}
.HIW-anrecord-panel.FIB-anrecord-panel {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #000000;
  height: 468px;
  overflow-y: auto;
  padding: 5px 10px;
  margin: 0;
}
.HIW-anrecord-panel.FIB-anrecord-panel p span {
  display: inline;
  padding: 2px 1px;
}
.HIW-anrecord-panel.FIB-anrecord-panel label {
  color: #4cb224;
  margin-left: 6px;
  display: inline-block;
  margin-bottom: 0;
}
/*reading-MCM*/
.reading-panel-con {
  width: 97%;
  margin: 0 auto;
  display: block;
  height: 500px;
}
.reading-panel-con .reading-panel-article {
  width: 500px;
  height: 500px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  padding: 5px;
  float: left;
}
.reading-panel-con .reading-panel-article .reading-article {
  width: 488px;
  height: 480px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333;
  overflow-y: auto;
  padding: 0 15px 0 10px;
  text-align: justify;
  word-wrap: break-word;
}
.reading-panel-topic {
  width: 380px;
  height: 500px;
  background-color: #ffffff;
  float: right;
}
.reading-panel-topic .question {
  font-family: ;
  font-size: 16px;
  font-weight: Bold;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000000;
  margin: 0;
  text-align: justify;
  word-wrap: break-word;
}
.reading-panel-topic .optionArea {
  margin-top: 20px;
  width: 100%;
  height: 410px;
}
.reading-panel-topic .optionArea .item {
  width: 100%;
  padding: 2px;
}
.reading-panel-topic .optionArea .item.selected {
  padding: 0;
}
.reading-panel-topic .optionArea .item span {
  width: 92%;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000000;
  display: inline-block;
  text-align: inherit;
}
.reading-answer-panel {
  width: 97%;
  margin: 10px auto 0 auto;
  display: block;
  height: 40px;
}
.reading-answer-panel .ANSWER-text {
  float: left;
  display: none;
}
/*========= RO =========*/
#reading-panel-RO {
  width: 850px;
  height: 500px;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin: 0 auto 10px auto;
  padding: 15px 20px;
}
#reading-panel-RO li {
  width: 810px;
  background-color: #ffffff;
  box-shadow: 0px 3px 5px 0px rgba(6, 4, 4, 0.1);
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
  border: 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #000000;
  cursor: pointer;
}
.reading-answer-panel.reading-answer-panel-RO {
  width: 850px;
}
.reading-answer-panel-RO .button-submit {
  margin: 0 10px 0 0;
}
button:focus {
  outline: none;
}
/*========= ASQ =========*/
.speaking-panel-content.sst-panel-con.asq-panel-content {
  position: relative;
}
.speaking-panel-content.sst-panel-con {
  width: 88%;
  height: 155px;
}
.speaking-panel-content.sst-panel-con > .col-md-12 {
  height: 60px;
  width: 100%;
}
.speaking-panel-content .QA {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  line-height: 50px;
}
.speaking-panel-content #Question.QA {
  line-height: normal;
  height: 40px;
  margin-top: 10px;
}
.speaking-panel-content .asq-textQ {
  width: 86px;
  display: inline-block;
}
.speaking-panel-content #theQ {
  font-family: ;
  display: inline;
  line-height: 20px;
}
.speaking-panel-content #theA {
  font-family: ;
  font-size: 20px;
  font-weight: Bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
}
.asqIstrue {
  position: absolute;
  bottom: 0;
  left: 48%;
}
.asqIstrue img {
  width: 36px;
}
.ASQ-score-panel {
  width: 100%;
  height: 160px;
}
.ASQ-score-panel #scoreResult {
  width: 35%;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
}
#Start-practicing,
#worker-speak button,
.fans_from-submit {
  background-color: #735ce6;
  border-radius: 15px;
}
#Start-practicing {
  margin: 10px auto;
}
#worker-speak {
  line-height: 40px;
  margin: 5px auto;
}
#records legend {
  color: #e6e6e6;
  text-align: left;
  border: 0;
}
#worker-speak #panel button,
#aiPanel button {
  margin-top: 0;
}
#records {
  width: 100%;
  height: 170px;
}
#records .label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
}
#records .label .label-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#records .label .label-right button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: ;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0.6px;
  color: #ff8037;
  border: 0;
  background: #fff;
  margin-left: 20px;
}
#records .label .label-right button.ai_test {
  color: #1761b9;
  position: relative;
}
#records .label .label-right button.ai_test img {
  width: 22px;
  height: 22px;
}
#records .label .label-right button img {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 10px;
}

#records .label .label-right button.ai_test .hint-rule {
  position: absolute;
  bottom: 28px;
  left: -52px;
  right: 0;
  display: block;
  margin: 0 auto;
  width: 212px;
  height: 259px;
  background: url("/PTE/images/windows_guize0428.png") no-repeat;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
}
#records .label .label-right button.ai_test:hover .hint-rule {
  z-index: 1;
  opacity: 1 !important;
}

#records .label button:focus {
  outline: none;
}
.audioPlayback {
  width: 50%;
  height: 60px;
  margin-top: 9px;
  float: left;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  position: relative;
  color: #b3b3b3;
}
.audioPlayback .audio-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  z-index: 1000;
  background: transparent;
}
.audioPlayback span {
  width: 56px;
  display: inline-block;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  text-align: center;
  margin: 10px 0;
}
.audioPlayback span i {
  font-style: normal;
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  display: block;
}
.audioPlayback.notClick .answer_norecord {
  margin-top: 10px;
  height: 40px;
}
/*口语用户答题记录 -- start*/
.speaking-audio-recording {
  display: flex;
  padding: 10px 6px 10px 0;
  margin-left: 6px;
}
.speaking-audio-recording.pitchOn {
  border-radius: 10px;
  border: solid 1px #aa99ff;
}
.speaking-audio-recording .Recording-width {
  width: 220px;
  height: 40px;
  background-color: #f9f7ff;
  border-radius: 20px;
  border: 0;
  margin: 0 10px;
}
.speaking-audio-recording .Recording-width .v-align-middle {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 10px;
}
.Recording-width .audio-slider {
  float: left;
  width: 130px;
  height: 2px;
  border-radius: 1px;
  background-color: #eeebf7;
  position: absolute;
  top: 18px;
  left: 45px;
  cursor: pointer;
}
.Recording-width .audio-slider .layui-slider {
  height: 2px;
  border-radius: 1px;
  background-color: #eeebf7;
}
.Recording-width .audio-slider .layui-slider-wrap-btn {
  border: solid 1px #e0d6ff !important;
  width: 10px;
  height: 10px;
}
.Recording-width .audioProgress {
  float: left;
  width: 130px;
  height: 2px;
  border-radius: 1px;
  background-color: #eeebf7;
  position: absolute;
  top: 20px;
  left: 45px;
  cursor: pointer;
}
.Recording-width .audioProgress .barAudio {
  width: 0;
  height: 100%;
  border-radius: 1px;
  background-color: #735ce6;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.Recording-width .audioProgress .audioControl {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border: solid 1px #e0d6ff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: -1px;
  cursor: grab;
}

.speaking-audio-recording .Recording-width .audio-duration {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #735ce6;
  position: absolute;
  top: 0;
  right: 10px;
  width: 24px;
  text-align: center;
}
.speaking-audio-recording .Recording-width .audio-play-animal {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 15px;
  height: 20px;
  background: url("http://res.ytaxx.com/image/activity/20190114/85a27392bbf543c59027b959d0ae8139.png")
    0 0 no-repeat;
  background-size: 100% 100%;
  animation: speak 1700ms steps(1, end) 0s infinite normal;
}
@keyframes speak {
  0% {
    background-image: url("http://res.ytaxx.com/image/activity/20190114/e06dd8285b7141cb807e2bea3824cd98.png");
  }
  33.3% {
    background-image: url("http://res.ytaxx.com/image/activity/20190114/9ee9772a12e741cea3e2e7f3dd3664b5.png");
  }
  66.7% {
    background-image: url("http://res.ytaxx.com/image/activity/20190114/85a27392bbf543c59027b959d0ae8139.png");
  }
  100% {
    background-image: url("http://res.ytaxx.com/image/activity/20190114/e06dd8285b7141cb807e2bea3824cd98.png");
  }
}
.speaking-audio-recording
  .Recording-width
  .audio-play-animal.sound-wave-animal {
  background: url("http://res.ytaxx.com/image/activity/20190402/d754ea23d2b142abbb6593ba4ed64aa7.png")
    0 0 no-repeat;
  background-size: 100% 100%;
  animation: soundWave 1700ms steps(1, end) 0s infinite normal;
}
@keyframes soundWave {
  0% {
    background-image: url("http://res.ytaxx.com/image/activity/20190402/343bdb577bc4467b9497660b19030679.png");
  }
  33.3% {
    background-image: url("http://res.ytaxx.com/image/activity/20190402/0ec724fa487d464e8687e6d35239566e.png");
  }
  66.7% {
    background-image: url("http://res.ytaxx.com/image/activity/20190402/d754ea23d2b142abbb6593ba4ed64aa7.png");
  }
  100% {
    background-image: url("http://res.ytaxx.com/image/activity/20190402/343bdb577bc4467b9497660b19030679.png");
  }
}
.speaking-audio-recording a {
  height: 40px;
  line-height: 40px;
  display: block;
}
.speaking-audio-recording .icon-download {
  width: 30px;
  height: 27px;
  margin: 0 30px 0 16px;
  display: inline-block;
}
.speaking-audio-recording .icon-delete {
  width: 28px;
  height: 28px;
  display: inline-block;
}

/*口语用户答题记录 -- end*/

/*========= DI =========*/
.DI-tcontent {
  margin: 10px auto 0 auto;
}
.DI-tcontent .imgTopic-border {
  width: 550px;
  height: 335px;
}
.DI-tcontent .imgTopic-border.RLimgTopic-border {
  height: 300px;
}
.DI-tcontent .imgTopic-border.RLimgTopic-border #imgChart {
  max-height: 300px;
}

.DI-tcontent #worker-speak h3 {
  margin: 0 30px;
}
.score-item.dirl-moreDetail {
  height: 185px;
  flex-wrap: wrap;
}
.DI-tcontent .p-member {
  margin: 5px 0 0 14px;
}
/*========= RA =========*/
.textd-under {
  text-decoration: underline;
}
.Add-toRead {
  color: #ccc !important;
  text-decoration: line-through;
}
.btn:hover,
.btn:focus,
.btn.focus {
  outline: none;
}
.container_content-ra .cs-score {
  width: 35%;
  margin: 10px auto;
  height: 96px;
}
.label-topBox {
  margin: 0 10px;
  clear: both;
  height: 30px;
}
.switchover-text {
  width: 100px;
  height: 30px;
  line-height: 30px;
  background-color: #f2f0ff;
  border-radius: 15px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  border: 0;
  float: left;
  display: none;
}
.switchover-text img {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}
.label-topBox button.button-site.btn {
  float: right;
}
button.button-site.btn {
  background-color: #ffffff;
  border-radius: 15px;
  border: solid 1px #735ce6;
  color: #735ce6;
  padding: 3px 12px;
}
button.button-site.btn.btn-default:focus,
button.button-site.btn.btn-default.focus {
  background-color: #ffffff;
  border-radius: 15px;
  border: solid 1px #735ce6;
  color: #735ce6;
  outline: none;
}
#theParagraphRA,
#topicPassageText {
  height: 175px;
  overflow-y: auto;
  margin: 10px;
}
#topicPassageText {
  display: none;
}
.form-horizontal .control-label {
  padding-top: 0;
}
.score-item {
  height: 25px;
  line-height: 25px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.score-item span,
.score-item i {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  text-align: left;
}
.score-item i {
  margin-left: 10px;
}
.score-item .bg-setting {
  vertical-align: inherit;
  margin-top: 0;
}
.score-item span.score-item-span {
  width: 83%;
}
.score-item .DI-wordsInfo {
  margin: 6px 0 6px 9%;
}
/*========= RS =========*/
.rs-panel-content {
  width: 95%;
  height: 370px;
  display: block;
  margin: 0 auto;
  text-align: left;
}
.container_content .audio-form-group {
  height: 60px;
  width: 100%;
  margin: 15px auto 5px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sst-panel-con > .audio-form-group.col-md-12 {
  margin: 0 auto 15px auto;
}
.switching-mode {
  width: 57px;
  height: 24px;
  display: inline-block;
  margin: 0 15px;
  cursor: pointer;
  padding: 0;
  background: none;
  border: 0;
}
.switching-mode:focus {
  outline: none;
}
.switching-mode .switching-mode-img {
  width: 60px;
  height: 26px;
  display: inline-block;
}
.container_content .audio-form-group audio {
  width: 80%;
  float: left;
}
.container_content .audio-form-group .select-speed {
  float: right;
  margin: 0 10px 0 0;
}
/*改版*/
.text-hint.ASQhint {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: ;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  height: 30px;
  line-height: 30px;
  letter-spacing: 0.5px;
  color: #53b324;
  margin: 0 auto;
}

.text-hint.ASQhint > span {
  position: relative;
  display: inline-block;
  width: max-content;
  min-width: 40px;
  height: 30px;
  padding-left: 15px;
  margin-right: 10px;
}

.text-hint.ASQhint > span::before {
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #53b324;
}

.text-hint.ASQhint > span.text-excellent {
  color: #53b324;
}
.text-hint.ASQhint > span.text-good {
  color: #333333;
}
.text-hint.ASQhint > span.text-bad {
  color: #ff3333;
}
.text-hint.ASQhint > span.text-excellent::before {
  background-color: #53b324;
}
.text-hint.ASQhint > span.text-good::before {
  background-color: #333333;
}
.text-hint.ASQhint > span.text-bad::before {
  background-color: #ff3333;
}

#rs-sentence {
  position: absolute;
  width: 88%;
}
#rs-sentence #theAnswerText {
  line-height: 32px;
  width: 82%;
  text-align: left;
  margin-bottom: 25px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333333;
  display: none;
  float: left;
}
#rs-sentence .switchover-text {
  float: right;
  display: flex;
}
.rs-panel-content .rs-sentence {
  position: absolute;
  text-align: left;
  width: 75%;
  margin-left: 0;
}
.rs-panel-content #worker-speak {
  margin: 20px auto;
}
.rs-panel-content #worker-speak h3 {
  margin: 0 45px;
}
.rs-panel-content .rs-content-div {
  width: 92%;
  margin: 105px auto 0 auto;
}
.rs-panel-content .rs-content-div .rs-content-button {
  margin: 0 auto;
  width: 320px;
}
.rs-panel-content .rs-content-div .cs-score {
  margin: 0 auto;
  width: 340px;
}
.rs-panel-content .rs-content-div .rs-content-canvas {
  width: 62%;
  margin: 0 auto;
}
.rs-panel-content .rs-content-div .rs-content-canvas .rs-content-canvas-div {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.rs-panel-content .rs-content-div .rs-content-canvas div:nth-child(3) {
  margin-bottom: 0;
}
.rs-panel-content .rs-content-div .rs-content-canvas div span {
  width: 50px;
  height: 56px;
  line-height: 56px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  display: inline-block;
}
.rs-panel-content .rs-content-div .rs-content-canvas .canvas_drawing {
  width: 400px;
  height: 56px;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #f2f2f2;
}
.rs-panel-content .rs-content-div .rs-content-canvas canvas {
  display: none;
  width: 400px;
  height: 56px;
  background-color: #e6e6e6;
  border-radius: 3px;
}
.rs-panel-content .rs-content-div .p-member {
  text-align: center;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ff2400;
  margin: 5px 0;
}
.rs-panel-content .rs-content-div .p-member.text-color {
  color: #666666;
  width: 49%;
  margin: 10px auto 0 auto;
}
.rs-panel-content .rs-content-div .rs-content-canvas .rs-content-canvas-div i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/PTE/images/icon_-.png") no-repeat;
  margin: 21px auto 0 auto;
  cursor: pointer;
}
.rs-panel-content .rs-content-div .p-member span {
  width: 8px;
  height: 8px;
  background-color: #9381ed;
  display: inline-block;
  margin-right: 8px;
}
.rs-panel-content .rs-content-div .p-member span:nth-child(2) {
  background-color: #ffca7f;
  margin-left: 10px;
}
.rs-panel-content .score-item i {
  font-weight: bold;
}
.container_content-RS {
  position: relative;
  width: 100%;
}
.container_content-RS .form-horizontal {
  width: 93%;
  display: block;
  margin: 0 auto;
}
.container_content-RS .Evaluation-model {
  position: absolute;
  top: 30%;
  left: -1px;
  width: 41px;
  height: 184px;
  background: url("/PTE/images/pic_RS_1.png") no-repeat;
}
.container_content-RS .Evaluation-model li {
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  width: 30px;
  line-height: 16px;
  padding: 17px 0 17px 10px;
  cursor: pointer;
}
.container_content-RS .Evaluation-model li.active {
  color: #fff;
}
.container_content-RS .Evaluation-model li.Score-model {
  padding: 8px 0 0 10px;
}
.container_content-RS .Evaluation-model li.Score-model.active {
  padding: 17px 0 17px 10px;
}
.container_content-RS .Evaluation-model li.Imitate-practice {
  padding-top: 10px;
}
.container_content-RS .Evaluation-model li.Imitate-practice.active {
  margin-top: 0;
  padding: 22px 0 18px 10px;
}
/*============ RL =========*/
.score-item.dirl-moreDetail.rl-moreDetail {
  height: 155px;
}
.RL-panel-content.sst-panel-con {
  width: 88%;
  height: 50px;
}
.imgTopic-border.RLimgTopic-border #imgChart {
  max-height: 280px;
}
/*<!-- DI-RL -- 答案、原文显示弹框 -->*/
.DIRL-display-popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1000;
  /* display: flex; */
  align-items: center;
  justify-content: center;
}
.DIRL-display-popup .DIRL-display-container {
  margin: 0 auto;
  width: 800px;
  height: 462px;
  background-color: #ffffff;
  box-shadow: 1.4px 3.8px 10px 0px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 15px 20px;
}
.DIRL-display-popup .DIRL-display-container h3 {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  margin: 0 0 10px 5px;
}
.DIRL-display-popup .DIRL-display-container .DIRL-display-details {
  width: 760px;
  height: 360px;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
  padding: 8px 12px;
  word-break: break-word;
  text-align: justify;
  overflow-y: auto;
}
.DIRL-display-popup .DIRL-display-container .DIRL-display-details img {
  width: 99%;
}
.DIRL-display-popup .DIRL-display-container button {
  margin: 12px auto 0 auto;
  display: block;
  width: 80px;
  height: 30px;
  background-color: #735ce6;
  border-radius: 15px;
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  border: 0;
}
.DIRL-display-popup .DIRL-display-container button:focus {
  outline: none;
}
/*============ we =========*/
.we-container_content .prompting,
.swt-container_content .prompting {
  padding: 12px 0;
  border: 0;
}
.we-questions-panel {
  width: 100%;
  height: 410px;
}
.we-container_content .article-rating-display {
  margin: 30px auto 0 auto;
}
#theTopic.we-theTopic {
  float: left;
  width: 48%;
  font-family: ;
  font-size: 16px;
  font-weight: Bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  margin: 0;
  word-wrap: break-word;
  text-align: justify;
  line-height: 22px;
}
#theTopic.we-theTopic span {
  color: #333333;
}
.we-questions-right {
  float: right;
  width: 48%;
}
.we-questions-right.Open-questions-panel .div-textarea.form-control {
  height: 330px;
}
.we-questions-right.Open-questions-panel .form-control .textCountable {
  height: 310px;
}
.row-div-we {
  display: block;
  width: 100%;
  height: 40px;
}
.Open-questions-panel .row-div-we #timer {
  margin-bottom: 5px;
}
.we-questions-right.Open-questions-panel .button-submit {
  margin: 0;
}
/*==== SWT ====*/
.row-div-SWT.row-div-we {
  height: 30px;
}
.Open-questions-panel .row-div-SWT.row-div-we #timer,
.Open-questions-panel .row-div-SWT.row-div-we #wordCount {
  margin-top: 5px;
}

.swt-questions-panel {
  width: 100%;
  height: 560px;
}
.swt-questions-panel .swt-theTopic {
  width: 550px;
  height: 520px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  float: left;
  padding: 8px 5px 8px 8px;
}
.swt-questions-panel .swt-theTopic #theTopic {
  width: 535px;
  height: 500px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  overflow-y: auto;
  padding: 0 8px 0 0;
  word-wrap: break-word;
  text-align: justify;
  line-height: 22px;
}
.swt-questions-right {
  float: right;
  width: 350px;
  position: relative;
}
.swt-questions-right.Open-questions-panel .div-textarea.form-control {
  height: 280px;
}
.swt-questions-right.Open-questions-panel .form-control .textCountable {
  height: 260px;
}
.swt-questions-article.article-rating-display {
  width: 100%;
  margin: 0;
  height: 178px;
}
.swt-questions-right.Open-questions-panel button.btn {
  clear: both;
  margin: 0;
}
.swt-questions-article.article-rating-display .article-rating-panel {
  margin: 0;
  display: block;
}
.swt-questions-article.article-rating-display
  .article-rating-panel
  .article-rating-item {
  float: left;
  height: 70px;
  margin: 0 10px 10px 0;
  position: static;
  padding: 4px 8px;
}
.swt-questions-article.article-rating-display
  .article-rating-panel
  .article-rating-item:nth-child(3),
.swt-questions-article.article-rating-display
  .article-rating-panel
  .article-rating-item:nth-child(4) {
  margin-bottom: 0;
}
.swt-questions-article.article-rating-display
  .article-rating-panel
  .article-rating-item
  p {
  height: 32px;
  line-height: 32px;
}
.swt-questions-article.article-rating-display
  .article-rating-panel
  .article-rating-item:nth-child(even) {
  margin-right: 0;
}
.swt-questions-right .isVip-p {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #e3253f;
  margin: 0;
}
.swt-questions-article.article-rating-display .View-rating-p {
  top: auto;
  bottom: 3px;
  right: 119px;
  margin: 0;
}
.swt-questions-right.Open-questions-panel .button-submit {
  margin-right: 0;
}
.swt-article-rating-display.article-rating-display
  .article-rating-panel
  .article-rating-item {
  width: 210px;
}
.nonsupport-moreDetail {
  margin: 4px 0;
}
/*========== 答题记录 -start ==============*/
.container_AnswerRecord {
  width: 90%;
  margin: 0 auto;
  display: none;
  height: 635px;
  background: #fff;
}
.container_AnswerRecord .article-rating-display {
  width: 100%;
  margin: 15px auto 0 auto;
}
.onclick-scalemarks {
  width: 100%;
  text-align: center;
}
.onclick-scalemarks p {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.onclick-scalemarks p::before {
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  width: 380px;
  height: 1px;
  background-color: #f1f3f4;
}
.onclick-scalemarks p::after {
  position: absolute;
  right: 0;
  top: 10px;
  content: "";
  width: 380px;
  height: 1px;
  background-color: #f1f3f4;
}
.Grading-criteria-popover {
  display: none;
  position: fixed;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 1001;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
}
.Grading-criteria-popover .popup-content {
  margin: 0 auto;
  width: 700px;
  height: 600px;
  background-color: #ffffff;
  box-shadow: 0px 6px 14px 0px rgba(6, 4, 4, 0.18);
  border-radius: 5px;
  padding: 20px;
  z-index: 101;
}
.popup-content-title {
  width: 100%;
  height: 40px;
}
.popup-content-title p {
  float: left;
  font-family: ;
  font-size: 16px;
  font-weight: Bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #595bb2;
}
.popup-content-title p span {
  color: #333333;
}
.popup-content-title img {
  width: 26px;
  height: 26px;
  float: right;
  cursor: pointer;
}
.div-scrollBar {
  width: 660px;
  height: 520px;
  background-color: #fafafa;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  padding: 4px 6px 10px 10px;
}
.popup-content-pannel {
  width: 643px;
  height: 500px;
  padding: 0 4px 0 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333333;
  overflow-y: auto;
}
.popup-content-pannel p {
  font-family: ;
  font-size: 14px;
  font-weight: Bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #595bb2;
  margin: 2px 0;
}
.container_AnswerRecord-panel {
  width: 100%;
  height: 400px;
}
.container_AnswerRecord-panel .toggle-tab {
  width: 450px;
  float: left;
}
.container_AnswerRecord-panel .toggle-tab .nav-tabs {
  border: 0;
}
.toggle-tab .nav-tabs > li > a,
.toggle-tab .nav-tabs > li > a:hover {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
  border: 0;
  padding: 10px;
  background: #fff;
}
.toggle-tab .nav-tabs > li.active > a,
.toggle-tab .nav-tabs > li.active > a:hover,
.toggle-tab .nav-tabs > li.active > a:focus {
  border: 0;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce5;
  padding: 10px;
  border-bottom: 2px solid #735ce5;
}
.fade.in {
  opacity: 1;
}
.collapse.in {
  display: block;
}
.tab-scrollbar {
  margin-top: 12px;
  width: 450px;
  height: 415px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
}
#myTabContent {
  width: 439px;
  height: 390px;
  background-color: #ffffff;
  overflow-y: auto;
  margin: 10px 5px 5px 5px;
  padding: 0 5px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  word-wrap: break-word;
  text-align: justify;
}
#accordion {
  float: right;
  width: 400px;
  height: 450px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #f1f3f4;
  margin-top: 19px;
}
#accordion.panel-group .panel {
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}
#accordion .panel-default > .panel-heading {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background-color: #f7f7f7;
  border-radius: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
#accordion .panel-default > .panel-heading a {
  padding: 0 0 0 20px;
  display: block;
}
#accordion .panel-default > .panel-heading a:focus,
#accordion .panel-default > .panel-heading a:hover {
  text-decoration: none;
}
#accordion .panel-default > .panel-heading h4.panel-title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-family: ;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
#accordion .panel-default > .panel-heading h4.panel-title.panel-title-nothing {
  color: #999999;
}
#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0;
  height: 264px;
  overflow-y: auto;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  margin: 8px 4px 8px 12px;
  padding: 0 8px 0 0;
  word-wrap: break-word;
  text-align: justify;
}
#accordion.panel-group .panel + .panel {
  margin: 0;
}
#accordion .panel-default:nth-child(4) > .panel-heading {
  border: 0;
  border-bottom: 0;
}

/*we*/
.we-container_AnswerRecord-panel #accordion {
  float: none;
  width: 100%;
  margin-top: 14px;
}
/*========== 答题记录 -end ==============*/

/*===== -- 右边选题 -- start -- =====*/
.The-right-choice {
  width: 800px;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 6px 0px 0px 6px;
  position: fixed;
  right: 0;
  top: 0;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition: all 0.5s;
  z-index: 100;
}
.The-right-choice.st-menu-open {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.The-right-choice .choice-panle-input {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 6px 0px 0px 0px;
  padding: 15px 30px 0 30px;
  justify-content: space-between;
}
.The-right-choice .choice-panle-input > p {
  margin: 0;
  font-family: ;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  margin-right: 20px;
}
.The-right-choice .choice-panle-input > p span {
  width: 54px;
  height: 32px;
  background-color: #735ce6;
  border-radius: 4px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  font-family: ;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  margin-right: 5px;
}
.choice-panle-input .input-group {
  width: 300px;
}
.input-group select {
  position: absolute;
  left: 12px;
  top: 14px;
  border: 0;
  width: 50px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  height: 26px;
  line-height: 26px;
  border-radius: 4px 0px 0px 4px;
  background: #fff;
}
.input-group .form-control-input {
  width: 300px;
  height: 32px;
  background-color: #ffffff;
  border-radius: 16px;
  border: solid 1px #735ce6;
  text-align: left;
  padding: 0 62px;
  margin: 11px auto;
  box-sizing: border-box;
}
.input-group .btnSearch {
  position: absolute;
  right: 10px;
  width: 36px;
  top: 14px;
  height: 26px;
  background-color: #fff;
  padding: 0;
  border-radius: 0px 4px 4px 0px;
}
.input-group .btnSearch:focus,
.input-group .btnSearch:hover,
.input-group .btnSearch.btn-primary:not(:disabled):not(.disabled):active {
  outline: none;
  border: 0;
  background-color: #fff;
}
.input-group .btnSearch img {
  width: 26px;
  height: 26px;
  margin: -1px 0 0 0;
  display: inline-block;
}
.The-right-choice .choice-panle-contain {
  width: 100%;
  padding: 12px 0;
  position: relative;
}
.choice-panle-contain .selectionType {
  width: 100%;
  margin: 0 15px 10px 15px;
  display: flex;
  flex-direction: row;
}
.choice-panle-contain .btn-group {
  width: 224px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #735ce6;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
}
.choice-panle-contain .btn-group button {
  border: 0;
  width: 56px;
  height: 28px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  background-color: #ffffff;
  line-height: 28px;
  padding: 0;
  text-align: center;
}
.choice-panle-contain .btn-group button:focus {
  outline: none;
}
.choice-panle-contain .btn-group button.active {
  background-color: #735ce6;
  color: #ffffff;
}
.choice-panle-contain .btn-group button.highFre {
  position: relative;
  z-index: 11;
}
.choice-panle-contain .btn-group button.highFre i {
  position: absolute;
  top: -7px;
  right: -10px;
  width: 30px;
  height: 13px;
  line-height: 12px;
  font-style: normal;
  z-index: 1000;
  background-image: linear-gradient(90deg, #ff3333 0%, #ffa64c 100%),
    linear-gradient(#000305, #000305);
  background-blend-mode: normal, normal;
  border-radius: 6.5px;
  font-family: ;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
}
.choice-panle-contain .selectionType button.button-collect:focus {
  outline: none;
}
.choice-panle-contain .selectionType button.button-collect {
  width: 36px;
  height: 30px;
  background: url("/PTE/images/collect_file190320.png") no-repeat;
  margin-left: 15px;
  border: 0;
}
.choice-panle-contain .choice-panle-list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 30px;
}
.topicChoice-Tab {
  display: flex;
  width: 60%;
}
.topicChoice-Tab li {
  font-family: ;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
  padding-bottom: 4px;
}
.topicChoice-Tab li[disabled] {
  cursor: not-allowed !important;
}
.topicChoice-Tab.nav-pills > li {
  border-radius: 0;
  color: #333333;
  padding: 0 4px 10px 4px;
  margin: 0 20px 0 0;
  width: auto;
  cursor: pointer;
}
.topicChoice-Tab.nav-pills > li.active {
  color: #735ce6;
  background: none;
  position: relative;
}
.topicChoice-Tab.nav-pills > li.active:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  width: 50%;
  height: 1px;
  background: #735ce6;
}
.sequenceSelect {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}
.sequenceSelect > li {
  position: relative;
  width: auto;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
  height: 36px;
  cursor: pointer;
  margin-left: 10px;
}
.sequenceSelect > li.divList-tab-li {
  width: 60px;
}
.sequenceSelect > li.active {
  color: #735ce6;
}
.sequenceSelect li i {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 4px -2px 0;
}
.sequenceSelect > li.order-li > i,
.sequenceType > li.order-li > i {
  background: url("/PTE/images/1shunxu_190320.png") no-repeat;
}
.sequenceSelect > li.order-li.active > i,
.sequenceType > li.order-li.active > i {
  background: url("/PTE/images/1shunxu2_190320.png") no-repeat;
}
.sequenceSelect > li.inverted-li > i,
.sequenceType > li.inverted-li > i {
  background: url("/PTE/images/2daoxu_190320.png") no-repeat;
}
.sequenceSelect > li.inverted-li.active > i,
.sequenceType > li.inverted-li.active > i {
  background: url("/PTE/images/2daoxu2_190320.png") no-repeat;
}

.sequenceSelect > li.sentencePattern > i {
  background: url("/PTE/images/icon_cpic-3.png") no-repeat;
}
.sequenceSelect > li.Picture-Cat-li {
  width: 74px;
}
.sequenceSelect > li:hover > ul {
  display: block;
}
.sequenceSelect > li > ul {
  position: absolute;
  top: 27px;
  left: -21px;
  width: 90px;
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  z-index: 10;
  padding: 10px;
  display: none;
  text-align: center;
}
.sequenceSelect > li.Picture-Cat-li > ul {
  left: 5px;
  width: 98px;
}
.sequenceSelect > li > ul li {
  margin-bottom: 5px;
  cursor: pointer;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
}
.sequenceSelect > li > ul li.active {
  color: #735ce6;
}
.sequenceSelect li.long-sentence-li > i {
  background: url("/PTE/images/3changju_190320.png") no-repeat;
}
.sequenceSelect li.long-sentence-li.active > i {
  background: url("/PTE/images/3changju2_190320.png") no-repeat;
}
.sequenceSelect li.short-verses-li > i {
  background: url("/PTE/images/4duanju_190320.png") no-repeat;
}
.sequenceSelect li.short-verses-li.active > i {
  background: url("/PTE/images/4duanju2_190320.png") no-repeat;
}
.btn-group-choice button.btn:disabled {
  opacity: 1;
}
.topic-pane-list {
  width: 98.5%;
  padding-top: 15px;
  height: 87vh;
  overflow-y: auto;
}

/* 收藏夹标签颜色筛选 --- start */
/* .collect-color-label{
    position: relative;
}
.collect-color-label button{
    display: block;
    border: none;
    outline: none;
    background-color: #ffffff;
    width: 80px;
    height: 24px;
}
.collect-color-label button img{
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: auto;
}
.collect-color-label button span{
    font-size: 14px;
    margin-left: 6px;
}
.collect-color-label-list{
    background-color: #ffffff;
    box-shadow: 1px 13px 17px 0px rgba(172, 172, 172, 0.6);
    border-radius: 6px;
    padding: 10px 0;
    width: 80px;
    position: absolute;
    top: 30px;
    z-index: 100;
    display: none;
}
.collect-color-label:hover .collect-color-label-list{
    display: block;
}
.collect-color-label-list p{
    font-size: 14px;
    line-height: 26px;
    color: #3e3e3e;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
}
.collect-color-label-list li{
    text-align: center;
    line-height: 26px;
    height: 26px;
    cursor: pointer;
}
.collect-color-label-list li:hover{
    background-color: #f4f1ff;
}
.collect-color-label-list li.active{
    background-color: #f4f1ff;
}
.collect-color-label-list li img{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 14px;
}
.collect-color-label-list li span{
    color: #3e3e3e;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 8px;
} */
/* 收藏夹标签颜色筛选 --- end */

@media only screen and (max-width: 1500px) {
  .topic-pane-list {
    height: 82vh;
  }
}
.sort {
  width: 75px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #7d5fe6;
}
.sort.sequenceSelect {
  margin-right: -20px;
}
.sort .layui-form-item i.layui-edge,
.sort .layui-form-item img {
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 4px -1px 0;
  border: 0;
  left: -19px;
  top: 24%;
  transition: none;
  -webkit-transition: none;
}
.layui-form-selected .layui-edge {
  -webkit-transform: none;
  transform: none;
}
.switchSort.sort .layui-form-item i.layui-edge {
  background: url("/PTE/images/icon_order-3.png") no-repeat;
}
.switchSort.sort.active .layui-form-item i.layui-edge {
  background: url("/PTE/images/icon_order-2.png") no-repeat;
}
.sentencePa.sort .layui-form-item i.layui-edge {
  background: url("/PTE/images/icon_sentence-2.png") no-repeat;
}
.ImageClassific.sort .layui-form-item i.layui-edge {
  background: url("/PTE/images/icon_cpic-2.png") no-repeat;
}
.ImageClassific.sort.active .layui-form-item i.layui-edge {
  background: url("/PTE/images/icon_cpic-3.png") no-repeat;
}
.sort .layui-form-item {
  margin: 0;
  display: flex;
  align-items: center;
}
.sort .layui-input-block {
  margin: 0;
  min-height: 24px;
  flex: 1;
}
.sort .layui-form-selected dl {
  padding: 0;
  margin: 0;
  left: -18px;
  top: 26px;
}
.sort .layui-form-select .layui-input {
  border: 0;
  padding: 0;
  height: 24px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #808080;
  text-align: left;
}
.sort.active .layui-form-select .layui-input {
  color: #7d5fe6;
}
.sort .layui-form-select .layui-edge {
  display: none;
}
.sort .layui-form-select dl dd {
  line-height: 30px;
  text-align: center;
  margin: 0;
}
.sort .layui-form-select dl dd.layui-this {
  background-color: #7d5fe6;
}
.sort.sentencePa .layui-form-select .layui-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7d5fe6 !important;
}
.sort.sentencePa .layui-form-select .layui-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #7d5fe6 !important;
}
.sort.sentencePa .layui-form-select .layui-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #7d5fe6 !important;
}
.sort.sentencePa .layui-form-select .layui-input:-moz-placeholder {
  /* Firefox 18- */
  color: #7d5fe6 !important;
}
.sort .layui-form-select dl dd.layui-select-tips {
  color: #7d5fe6;
}
.sort .layui-form-select dl dd.layui-this {
  color: #fff;
}

@media only screen and (min-width: 2000px) {
  .topic-pane-list {
    height: 70vh;
  }
}
.tab-stide-list li {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  margin: 0 15px 0 35px;
}
.topic-pane-list.tab-search-list li a {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  margin: 0 15px 0 35px;
}
.topic-pane-list li p {
  flex: 1;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
  display: flex;
  align-items: center;
}
.topic-pane-list li:hover p text {
  font-family: ;
  font-weight: Bold;
  color: #333333 !important;
}
.topic-pane-list li.isCollect p text {
  font-family: ;
  font-weight: normal;
  color: #7766cc !important;
}
.topic-pane-list li.active p text {
  font-family: ;
  font-weight: Bold;
  color: #735ce6 !important;
}
.topic-pane-list li p span {
  width: 36px;
  height: 16px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 8px;
  border: solid 1px #ccccff;
  font-family: ;
  font-size: 12px;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.9);
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  box-sizing: border-box;
  line-height: 14px;
  text-align: center;
  margin-right: 4px;
}
.topic-pane-list li img {
  width: auto;
  height: 16px;
  display: inline-block;
  margin-left: 6px;
}
.topic-pane-list li p i {
  font-style: normal;
  width: 24px;
  height: 16px;
  background-color: #e7e4f7;
  border-radius: 2px;
  font-family: ;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}
.topic-pane-list li p text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  max-width: 88%;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.topic-pane-list li p text.read {
  color: #bfbfbf;
}
.topic-pane-list li p img {
  width: auto;
  height: 14px;
  display: inline-block;
  margin: 0 0 0 5px;
}
.topic-pane-list li p img.dailian {
  width: 47px;
}
.topic-pane-list li img.icon-img {
  width: auto;
  height: 20px;
  display: inline-block;
  margin: 0 2px 0 5px;
}
.topic-pane-list li div.p-block-text {
  display: none;
  position: absolute;
  top: 20px;
  left: -22px;
  width: 95%;
  min-height: 80px;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 4.5px 3.9px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #333333;
  z-index: 10;
  overflow: hidden;
  word-break: break-word;
}
.topic-pane-list li:hover div.p-block-text {
  display: block;
}
#tab-collect-list .collect-panel-body li:hover div.p-block-text {
  display: block;
}
.btn-img-position {
  position: absolute;
  top: 44%;
  left: -3px;
  width: 34px;
  height: 102px;
  background: url("/PTE/images/2020-12-03/botton_hide.png") no-repeat;
  border: 0;
  margin: 0;
  padding: 0;
}
button.btn-img-position:focus,
button.pack-up-position:focus {
  outline: none;
}
button.pack-up-position {
  display: none;
  position: fixed;
  left: auto;
  top: 44%;
  width: 33px;
  height: 101px;
  right: -5px;
  background: url("/PTE/images/2020-12-03/botton_open.png") no-repeat;
  border: 0;
  margin: 0;
  padding: 0;
}
.Switch-tab-div {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 auto;
  display: block;
}
.Switch-tab-div button {
  width: 240px;
  height: 30px;
  border: 0;
  background-color: #f2f2ff;
  border-radius: 15px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #735ce6;
  margin: 0 auto;
  display: block;
}
.Switch-tab-div button:focus {
  outline: none;
}
.Switch-tab-div button i {
  width: 26px;
  height: 16px;
  margin: 0 0 -2px 2px;
  display: inline-block;
  background: url("/PTE/images/arrow_up_190320.png") no-repeat;
}
p.loadM-text {
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
  width: 100%;
  text-align: center;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #9999ff;
}
p.loadM-text.loadM-text-blue {
  color: #3071f2;
}
/*收藏手风琴列表*/
#tab-collect-list {
  width: 100%;
  height: 600px;
  overflow-y: auto;
  position: relative;
  margin: 0;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 120px;
  margin: 2px;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar-button {
  display: none;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar-track {
  display: none;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar-track-piece {
  /*内层轨道，滚动条中间部分（位置4）*/
  background: #fff;
  border-radius: 4px;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面可以拖动的那部分（位置5）*/
  background: #e6e6e6;
  border-radius: 4px;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar-corner {
  /*边角（位置6）*/
  background: #e6e6e6;
  border-radius: 4px;
}
#tab-collect-list.panel-scrollbar::-webkit-scrollbar-resizer {
  /*定义右下角拖动块的样式（位置7）*/
  background: #404040;
  border-radius: 4px;
}
#tab-collect-list.panel-group .panel {
  border: 0;
  box-shadow: none;
  margin-top: 2px;
}
#tab-collect-list.panel-group .panel:first-child {
  margin-top: 0;
}
#tab-collect-list .panel-default > .panel-heading {
  width: 100%;
  height: 36px;
  padding: 0;
  line-height: 36px;
  background-color: #f7f7ff;
  border: 0;
}
#tab-collect-list .panel-default > .panel-heading a {
  width: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}
#tab-collect-list .panel-heading a h4 {
  font-family: ;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #b1a3f9;
  margin-left: 20px;
  line-height: 36px;
}
#tab-collect-list .panel-heading a span {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #b1a3f9;
}
#tab-collect-list .panel-heading a span i {
  width: 18px;
  height: 10px;
  margin: 0 0 1px 1px;
  display: inline-block;
  background: url("/PTE/images/arrow2_down_190320.png") no-repeat;
}
#tab-collect-list .panel-heading a.collapsed span i {
  margin: 0 0 0 1px;
  background: url("/PTE/images/arrow2_up_190320.png") no-repeat;
}
#tab-collect-list .panel-collapse .panel-body.collect-panel-body {
  border: 0;
  padding-bottom: 0;
  max-height: 570px;
  overflow-y: auto;
}
#tab-collect-list .panel-collapse .panel-body.collect-panel-body li a {
  border: 0;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  margin-left: 20px;
}
#tab-collect-list .collect-panel-body li p {
  width: 215px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
}
#tab-collect-list .collect-panel-body li:hover p {
  font-family: ;
  font-weight: Bold;
  color: #333333;
}
#tab-collect-list .collect-panel-body li img {
  width: 20px;
  height: 20px;
  display: inline-block;
}
#tab-collect-list .collect-panel-body li .p-block-text {
  display: none;
  position: absolute;
  top: 20px;
  left: -22px;
  width: 260px;
  height: 80px;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 4.5px 3.9px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #333333;
  z-index: 10;
  word-break: break-word;
  text-align: justify;
}
#tab-collect-list .collect-panel-body li:hover > .p-block-text {
  display: block;
}
/*===== -- 右边选题 -- end -- =====*/

.p-hint-text,
.switchingHint-text {
  width: 300px;
  height: 60px;
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 60px;
  background-color: #ffffff;
  box-shadow: 4.5px 3.9px 12px 2px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  font-family: ;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #333333;
  visibility: visible;
  -webkit-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
  transition: all 0.8s;
}
.p-hint-text.hint-show,
.Time-remind-hint.hint-show,
.switchingHint-text.hint-show {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.switchingHint-text {
  width: max-content;
  min-width: 320px;
  padding: 0 10px;
  height: 50px;
  line-height: 50px;
  background: rgba(51, 51, 51, 0.85);
  font-family: ;
  font-size: 16px;
  color: #fff;
  border-radius: 6px;
}
.Time-remind-hint {
  width: 558px;
  height: 64px;
  padding: 0 20px;
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 64px;
  background: rgba(51, 51, 51, 0.85);
  border-radius: 6px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #fff;
  visibility: visible;
  -webkit-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
  transition: all 0.8s;
  display: flex;
  justify-content: space-between;
}
.Time-remind-hint p img {
  margin: -1px 7px 0 0;
}
.Time-remind-hint p i {
  font-style: normal;
}
.Time-remind-hint span {
  font-size: 14px;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.Time-remind-hint div img {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  cursor: pointer;
}

.close-TimeRemind-hint {
  width: 558px;
  height: 64px;
  padding: 0 20px;
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 64px;
  background: rgba(51, 51, 51, 0.85);
  border-radius: 6px;
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #fff;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.8s;
}

#Subject-analytical,
#Pronunciation-Parsing {
  margin-left: 6px;
}
#Pronunciation-Parsing {
  background-color: #735ce6;
  border-radius: 15px;
  margin-top: 7px;
  color: #ffffff;
}
/* 机经修订--改版 -- start --*/
div.container_panel {
  height: 710px;
  position: relative;
}
.MachineRevised-panel {
  width: 100%;
  margin: 0 auto;
  height: auto;
  clear: both;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
.MachineRevised-div {
  clear: both;
  background: #fff;
}
.MachineRevised-div .Machine-Revised {
  margin: 85px auto 0 auto;
}
.Machine-Revised {
  width: 93%;
  border-top: 1px solid #f2f2f2;
  padding: 10px 0;
  margin: 0 auto;
}
.MachineRevised-panel .Machine-Revised {
  width: 100%;
}
.Machine-Revised > h4,
.All-interactive h4 {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #1376f8;
  margin: 0;
}
.All-interactive h4 {
  margin: 5px 0 0 0;
}
.new-container .Machine-Revised > h4,
.new-container .All-interactive h4 {
  color: #735ce6;
}
.new-container .user-avatar {
  border: solid 1px #735ce6;
}
.Machine-Revised > h4 i,
.All-interactive h4 i {
  font-style: normal;
}
.Machine-Revised .All-interactive {
  height: auto;
}
.Machine-Revised .All-interactive .interactive-content {
  background-color: #f5faff;
  border-radius: 6px;
  padding: 10px 15px;
  margin: 10px 0;
  border: 0;
  position: relative;
}
.new-container .Machine-Revised .All-interactive .interactive-content {
  background-color: #fbfaff;
}
.Machine-Revised .All-interactive .interactive-content button.btn-unfoldShow {
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0.7px;
  color: #3071f2;
  border: 0;
  background: none;
  position: absolute;
  bottom: 6px;
  right: 8%;
  cursor: pointer;
}
.new-container
  .Machine-Revised
  .All-interactive
  .interactive-content
  button.btn-unfoldShow {
  color: #735ce6;
}
.Machine-Revised .All-interactive .view-more {
  font-family: ;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #3071f2;
  float: right;
  cursor: pointer;
}
.MachineRevised-panel .Machine-Revised .All-interactive .view-more {
  font-size: 14px;
}
.new-container .Machine-Revised .All-interactive .view-more,
.new-container .Machine-Revised .All-interactive .user-msgContent p {
  color: #735ce6;
}
/*用户删除自己发布的评论 -- 弹窗*/
.deleteCommentes-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
}
.deleteCommentes-popup .delete-Bounced {
  width: 320px;
  height: 160px;
  background-color: #ffffff;
  border-radius: 6px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 20px 0;
  box-sizing: border-box;
}
.deleteCommentes-popup .delete-Bounced h3 {
  font-family: ;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #1376f8;
}
.deleteCommentes-popup .delete-Bounced p {
  font-family: ;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  margin: 15px 0;
}
.deleteCommentes-popup .delete-Bounced .div-btn {
  display: flex;
  justify-content: center;
}
.deleteCommentes-popup .delete-Bounced .div-btn button {
  width: 80px;
  height: 30px;
  border-radius: 4px;
  border: solid 1px #1376f8;
  font-family: ;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #1376f8;
  background: #fff;
  cursor: pointer;
}
.deleteCommentes-popup .delete-Bounced .div-btn button.deleteCommentes-confirm {
  background-color: #1376f8;
  border: 0;
  color: #ffffff;
  margin-left: 10px;
}
/* 机经修订--改版 -- end --*/