.paymoney {
  min-height: 100vh;
  background-color: #fff;
}

.applyProduct {
  background: #F7F7F7;
  min-height: 100vh;
}
.applyProduct .mainC {
  max-width: 750px;
  min-height: 100vh;
  margin: 0 auto;
  background: #FFFFFF;
}
.applyProduct .mainContent {
  padding: 10px 12px 50px 12px;
}
.applyProduct .proHeader {
  font-size: 18px;
  color: #000;
  height: 45px;
  line-height: 45px;
  text-align: center;
  position: relative;
}
.applyProduct .proHeader .leftOut {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.applyProduct .topImgBox img {
  width: 100%;
}
.applyProduct .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.applyProduct .title1 {
  font-size: 14px;
}
.applyProduct .examItem {
  min-height: 35px;
  border: 1px solid #9a9494;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #484848;
  text-align: center;
  padding: 4px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.applyProduct .subBtn {
  margin: 40px auto 20px;
  display: block;
}
.applyProduct .inputItem {
  margin-top: 20px;
}
.applyProduct .step1 .item {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.applyProduct .step1 .item .left {
  width: 85px;
  padding: 5px 0;
  font-weight: 600;
  color: #333333;
  text-align: center;
}
.applyProduct .step1 .item .left img {
  width: 30px;
}
.applyProduct .step1 .item .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.applyProduct .step1 .item .right .examItem {
  width: 30%;
  margin-right: 5%;
  margin-top: 9px;
  cursor: pointer;
}
.applyProduct .step1 .item .right .examItem:hover {
  background: rgba(140, 140, 140, 0.11);
}
.applyProduct .step1 .item .right .examItem:nth-of-type(3n) {
  margin-right: 0;
}
.applyProduct .step1 .item .right .examItem:nth-of-type(1) {
  margin-top: 0;
}
.applyProduct .step1 .item .right .examItem:nth-of-type(2) {
  margin-top: 0;
}
.applyProduct .step1 .item .right .examItem:nth-of-type(3) {
  margin-top: 0;
}
.applyProduct .step2 {
  text-align: center;
}
.applyProduct .step2 .examItem {
  margin: 10px auto 0;
  width: max-content;
  cursor: pointer;
  padding: 0 20px;
}
.applyProduct .step2 .examItem:hover {
  background: rgba(140, 140, 140, 0.11);
}
.applyProduct .step3 .title {
  margin: 10px 0 0;
}
.applyProduct .step3 .radioBox .item {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.applyProduct .step3 .radioBox .item .left {
  font-weight: 600;
  text-align: center;
  width: 20px;
  height: 20px;
  margin: 0 20px;
}
.applyProduct .step3 .radioBox .item .examItem {
  flex: 1;
  justify-content: flex-start;
  text-align: left;
}
.applyProduct .step4 {
  padding: 10px;
}
.applyProduct .step4 .topBox {
  border: 1px solid #9a9494;
  background: #FFFFFF;
  padding: 10px 20px 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.applyProduct .step4 .t1 {
  text-align: center;
  color: #EF4832;
  font-size: 16px;
  font-weight: bold;
}
.applyProduct .step4 .t2 {
  margin-top: 10px;
  border: 1px solid #9a9494;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
}
.applyProduct .step4 .ant-input-affix-wrapper {
  max-height: 50px;
}
.applyProduct .step4 .loginInput .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 42px;
}
.applyProduct .step4 .verifyInput {
  height: 50px;
}
.applyProduct .step4 .loginBtn {
  height: 50px;
  background: linear-gradient(-90deg, #f15942, #e23d2b);
  border-color: #E74633;
  color: white;
}
.applyProduct .step4 .timeBtn {
  height: 50px;
  width: 130px;
  background: #E74633;
  border-color: #E74633;
}
.applyProduct .step4 .checkFlag {
  margin-top: 10px;
  color: #E74633;
}
.applyProduct .step5 .topBox {
  border: 1px solid #9a9494;
  background: #FFFFFF;
  padding: 10px 20px 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.applyProduct .step5 .t1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EF4832;
  font-size: 16px;
  font-weight: bold;
}
.applyProduct .step5 .t1 .anticon {
  margin-right: 5px;
}
.applyProduct .step5 .t2 {
  margin-top: 10px;
  border: 1px solid #9a9494;
  border-radius: 8px;
  font-size: 15px;
  text-align: center;
  padding: 10px 5px;
}
.applyProduct .step5 .t3 {
  font-size: 15px;
  padding-left: 20px;
}
.applyProduct .step5 .t3 img {
  max-width: 300px;
}
.applyProduct a {
  color: initial;
}

.makeQuestion {
  background: #F1F1F1;
  min-height: 100vh;
}
.makeQuestion .icimg {
  cursor: pointer;
}
.makeQuestion .ant-affix {
  z-index: 10!important;
}
.makeQuestion .mQHeader {
  border-radius: 10px;
  background: #fff;
  padding: 0 15px;
}
.makeQuestion .mQHeader .top1 {
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #E7E7E7;
}
.makeQuestion .mQHeader .top1 .address-icon {
  color: #F34D28;
  font-size: 16px;
  margin-right: 10px;
}
.makeQuestion .mQHeader .top1 .ant-breadcrumb {
  color: #343434;
}
.makeQuestion .mQHeader .top1 .ant-breadcrumb a {
  color: #343434;
}
.makeQuestion .mQHeader .top2 {
  display: flex;
  align-items: center;
  height: 79px;
  white-space: nowrap;
  font-size: 16px;
  padding-right: 10px;
}
.makeQuestion .mQHeader .top2 .pre {
  flex: 1;
  margin-right: 80px;
}
.makeQuestion .mQHeader .top2 .pre .ant-progress-inner {
  border: 2px solid #F59A23;
  background: #fff;
}
.makeQuestion .mQHeader .top2 .pre .ant-progress-bg {
  height: 15px !important;
}
.makeQuestion .mQHeader .top2 .t1 {
  color: #F59A23;
}
.makeQuestion .mQHeader .top2 .t2 {
  color: #343434;
}
.makeQuestion .mQBody {
  display: flex;
  margin-top: 15px;
}
.makeQuestion .mQBody > div:first-of-type {
  flex: 1;
  margin-right: 20px;
}
.makeQuestion .mQBody .makeDone {
  background: #9e9a9a;
  border: 1px solid #9e9a9a !important;
  color: white;
}
.makeQuestion .mQBody .error {
  background: #FF5026;
  border: 1px solid #FF5026 !important;
  color: white;
}
.makeQuestion .mQBody .success {
  background: #00C574;
  border: 1px solid #00C574 !important;
  color: white;
}
.makeQuestion .mQBody .left {
  width: 890px;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 60px;
}
.makeQuestion .mQBody .left .questionBox {
  display: flex;
  position: relative;
}
.makeQuestion .mQBody .right {
  width: 290px;
}
.makeQuestion .mQBody .right .shortcuts {
  border-radius: 10px;
  background: white;
  display: flex;
  height: 85px;
  align-items: center;
  z-index: 1;
  position: relative;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.makeQuestion .mQBody .right .shortcuts .item {
  flex: 1;
  text-align: center;
  padding: 20px 0;
  cursor: pointer;
}
.makeQuestion .mQBody .right .shortcuts .item .anticon {
  font-size: 20px;
  color: #000;
}
.makeQuestion .mQBody .right .shortcuts .item .titleStr {
  color: #666666;
}
.makeQuestion .mQBody .right .shortcuts .item .content {
  position: absolute;
  top: 75px;
  left: 0;
  width: 290px;
  background: #fff;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 0 0 10px 10px;
}
.makeQuestion .mQBody .right .shortcuts .item .content .swIt {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E7E7E7;
  padding: 0 20px;
}
.makeQuestion .mQBody .right .shortcuts .item .content .ant-switch {
  background-color: #F7F7F7;
  border: 1px solid #dcdcdc;
}
.makeQuestion .mQBody .right .shortcuts .item .content .ant-switch-checked {
  background-color: #EC6941;
}
.makeQuestion .mQBody .right .shortcuts .item .contentFZ {
  position: absolute;
  top: 75px;
  left: 0;
  width: 290px;
  background: #fff;
  height: 0;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.makeQuestion .mQBody .right .shortcuts .item .contentFZ .swIt {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E7E7E7;
  padding: 0 10px;
}
.makeQuestion .mQBody .right .shortcuts .item .contentFZ .ant-radio-button-wrapper:hover {
  color: #EC6941;
}
.makeQuestion .mQBody .right .shortcuts .item .contentFZ .ant-radio-button-wrapper-checked {
  background: #EC6941;
  color: white;
  border-color: #EC6941;
}
.makeQuestion .mQBody .right .shortcuts .item .contentFZ .ant-radio-button-wrapper-checked:hover {
  color: white;
}
.makeQuestion .mQBody .right .shortcuts .item .contentFZ .ant-radio-button-wrapper-checked::before {
  background-color: #EC6941;
}
.makeQuestion .mQBody .right .shortcuts .item:hover .anticon {
  color: #F08205;
}
.makeQuestion .mQBody .right .shortcuts .item:hover .titleStr {
  color: #F08205;
}
.makeQuestion .mQBody .right .shortcuts .item:hover .content {
  height: 150px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.makeQuestion .mQBody .right .shortcuts .item:hover .contentFZ {
  height: 50px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.makeQuestion .mQBody .right .answerSheet {
  background: white;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid #F4F4F4;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t1 {
  color: #000000;
  font-size: 16px;
  position: relative;
  line-height: 21px;
  display: flex;
  margin-right: 10px;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t1::before {
  content: ' ';
  width: 7px;
  height: 21px;
  background: linear-gradient(0deg, #ec6941, #ec6941);
  border-radius: 4px;
  display: inline-block;
  margin-right: 8px;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t2 {
  height: 25px;
  border-radius: 13px;
  background: #F3F3F3;
  display: flex;
  align-items: center;
  color: #505050;
  font-size: 12px;
  padding: 0 10px;
  cursor: pointer;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t2 img {
  margin-right: 5px;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t2:hover {
  background: #e2e2e2;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .tt {
  flex: 1;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t3 {
  color: #505050;
  font-size: 12px;
  cursor: pointer;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t3 .anticon {
  transition: all 0.3s;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t3:hover {
  color: #111111;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t4 {
  font-size: 16px;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t4 .anticon {
  margin-right: 4px;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t4 .red {
  color: #FF3030;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t5 {
  font-size: 16px;
  cursor: pointer;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t5 .anticon {
  margin-right: 2px;
}
.makeQuestion .mQBody .right .answerSheet .sheetHeader .t5:hover {
  color: #F08205;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody {
  border-bottom: 1px solid rgba(236, 105, 65, 0.37);
  transition: all 0.3s;
  height: calc(100vh - 430px);
  min-height: 100px;
  padding: 0 10px;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody .title {
  color: #000000;
  margin-bottom: 10px;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody .title:first-of-type {
  padding-top: 15px;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody .sheetBox {
  display: flex;
  flex-wrap: wrap;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody .sheetItem {
  border-radius: 4px;
  border: 1px solid #DADADA;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody .sheetItem:hover {
  border-color: #62a9ff !important;
}
.makeQuestion .mQBody .right .answerSheet .sheetBody .select {
  border: 2px solid #62a9ff !important;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter {
  padding: 10px;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 {
  color: #6F6F6F;
  font-size: 12px;
  display: flex;
  padding: 5px 0 15px;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 .tt {
  flex: 1;
  display: flex;
  justify-content: center;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 .tt::before {
  content: '';
  width: 19px;
  height: 19px;
  border-radius: 4px;
  margin-right: 3px;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 .t1::before {
  background: #FF5026;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 .t2::before {
  background: #00C574;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 .t4::before {
  background: #E5E5E5;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .top1 .t3::before {
  border: 1px solid #C2C2C2;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .btn {
  background: linear-gradient(0deg, #ec6941, #ec6941);
  border-color: #EC6941;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .btn1 {
  background: #00C574;
  border-color: #00C574;
}
.makeQuestion .mQBody .right .answerSheet .sheetFooter .btn2 {
  margin-top: 20px;
}
.makeQuestion .tFoot {
  height: 50px;
  width: 890px;
  position: fixed;
  left: calc((100% - 1200px) / 2);
  bottom: 0;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 6px;
}
.makeQuestion .tFoot .tFCard {
  flex: 1;
  height: 50px;
  cursor: pointer;
  color: #9a9a9a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.makeQuestion .tFoot .tFCard:hover {
  background: #daf3f9;
  color: #F08205;
}
.makeQuestion .tFoot .tFCard .cardIcon {
  font-size: 16px;
  padding: 0 3px;
}
.makeQuestion .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  transition: opacity 0.3s;
  z-index: 99;
}
.makeQuestion .mark .iconSync {
  font-size: 44px;
  color: #F08205;
  margin: 0 10px;
}
.subjectQuestionModal .t0 {
  color: #313131;
  text-align: center;
  margin: 20px 0 50px;
}
.subjectQuestionModal .t0 .red {
  color: #EC6941;
}
.subjectQuestionModal .t1 {
  display: flex;
  justify-content: center;
}
.subjectQuestionModal .t1 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  margin-right: 35px;
  color: white;
  border-color: #f04a00;
}
.subjectQuestionModal .t1 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: 0px 0px 15px 0px rgba(240, 73, 11, 0.23);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
}
.presentationModal .t0 {
  color: #6B6B6B;
  text-align: center;
}
.presentationModal .accuracy {
  width: 120px;
  height: 120px;
  margin: 10px auto;
  border: 9px solid #FFA58A;
  background: linear-gradient(180deg, rgba(239, 125, 52, 0.6), rgba(246, 246, 246, 0));
  border-radius: 50%;
  font-size: 36px;
  font-weight: bold;
  color: #F24C29;
  text-align: center;
  line-height: 100px;
}
.presentationModal .t1 {
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 8px 12px;
}
.presentationModal .t1 .time {
  margin-bottom: 8px;
  font-size: 12px;
}
.presentationModal .t1 .item {
  display: flex;
  align-items: center;
  height: 50px;
}
.presentationModal .t1 .item .itBox {
  flex: 1;
  text-align: center;
}
.presentationModal .t1 .bg {
  background: #F7F8FC;
}
.presentationModal .t1 .success {
  color: #75B52C;
}
.presentationModal .t1 .error {
  color: #EC6941;
}
.presentationModal .t2 {
  margin-top: 22px;
  display: flex;
  justify-content: space-around;
}
.presentationModal .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.presentationModal .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
  width: 120px;
}
.presentationModal .btn3 {
  height: 38px;
  background: #00C574;
  border: 1px solid #00C574;
  box-shadow: none;
  line-height: 38px;
  padding: 0 20px;
  width: 120px;
  color: white;
}
.presentationModal .btn4 {
  height: 38px;
  background: #008080;
  border: 1px solid #008080;
  box-shadow: none;
  line-height: 38px;
  padding: 0 20px;
  width: 120px;
  color: white;
}
.presentationModal .btn5 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.presentationModal .content {
  display: flex;
}
.presentationModal .content .t3 {
  color: #313131;
  font-size: 16px;
  text-align: center;
}
.presentationModal .content .accuracy {
  width: 188px;
  height: 188px;
  font-size: 60px;
  line-height: 168px;
}
.presentationModal .content .accuracy span {
  color: #686868;
  font-size: 14px;
}
.presentationModal .content .right {
  flex: 1;
  margin-left: 65px;
}
.presentationModal .content .t4 {
  color: #313131;
  font-size: 18px;
  margin-bottom: 10px;
}
.presentationModal .content .t6 {
  color: #313131;
  font-size: 16px;
  margin-bottom: 10px;
}
.presentationModal .content .t6 span {
  color: #EC6941;
}
.presentationModal .content .t5 {
  display: flex;
  background: #FFF1ED;
}
.presentationModal .content .t5 .t5Item {
  flex: 1;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-right: 1px solid #FFD0C1;
  color: #EC6941;
}
.presentationModal .content .t5 .t5Item:last-of-type {
  border: 0;
}
.presentationModal .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.presentationModal .ant-radio-group .ant-radio-wrapper {
  width: 33%;
  margin-right: 0;
  line-height: 32px;
}
.payModal11 .title {
  text-align: center;
  margin: 40px auto;
  font-size: 16px;
}
.payModal11 .btnBox {
  display: flex;
  justify-content: space-around;
}
.payModal11 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.payModal11 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}
.aiAnalysisModal .ant-modal-body {
  padding: 0;
}

.questionCard {
  width: 890px;
  background: white;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 10px;
}
.questionCard img {
  max-width: 100%;
}
.questionCard .btn {
  background: #fff;
  border-color: #F59A23;
  color: #F59A23;
  text-shadow: none;
  margin-top: 10px;
}
.questionCard .textArea {
  margin-bottom: 10px;
  background: #f4f4f4;
  border-radius: 4px;
}
.questionCard .cardHead {
  padding: 20px;
  border-bottom: 2px solid #E9E9E9;
  margin-bottom: 20px;
}
.questionCard .cardHead .title {
  background: #ec6740;
  border-radius: 12px;
  padding: 0 10px;
  margin-bottom: 10px;
  color: white;
  display: inline-block;
}
.questionCard .cardHead .stem {
  color: #505050;
}
.questionCard .cardHeader {
  padding: 20px 45px;
  background: #F9F9FA;
  color: #000000;
}
.questionCard .cardHeader .type {
  font-weight: bold;
  margin-right: 15px;
}
.questionCard .cardBody {
  padding: 10px 45px 20px;
}
.questionCard .cardBody .optionItem {
  display: flex;
  transition: all 0.3s;
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.questionCard .cardBody .optionItem:hover {
  background: #f8f8f8;
}
.questionCard .cardBody .optionItem .radio {
  border: 1px solid #767b7f;
  border-radius: 50%;
  text-align: center;
  margin-right: 22px;
}
.questionCard .cardBody .optionItem .check {
  border-radius: 4px;
}
.questionCard .cardBody .optionItem .spTitle {
  flex: 1;
}
.questionCard .cardAnswer {
  border-top: 2px dotted #E9E9E9;
  padding: 20px 25px;
}
.questionCard .cardAnswer .label {
  width: 90px;
  display: inline-block;
}
.questionCard .cardAnswer .top0 .title {
  color: #565656;
}
.questionCard .cardAnswer .top0 .t1 {
  padding: 10px 20px;
  line-height: 36px;
}
.questionCard .cardAnswer .top0 .t2 {
  background: #F4F4F4;
  padding: 10px 20px;
  border-radius: 8px;
  line-height: 36px;
  margin-bottom: 10px;
}
.questionCard .cardAnswer .top1 {
  display: flex;
  justify-content: space-between;
}
.questionCard .cardAnswer .top1 .label {
  color: #3A3A3A;
}
.questionCard .cardAnswer .top1 .answer {
  color: #00C574;
  margin-right: 60px;
}
.questionCard .cardAnswer .top1 .userAnswer {
  color: #EE491F;
}
.questionCard .cardAnswer .top1 .collect {
  color: #333333;
  margin-left: 27px;
  white-space: nowrap;
  cursor: pointer;
}
.questionCard .cardAnswer .top1 .collect .anticon {
  margin-right: 3px;
}
.questionCard .cardAnswer .top1 .collect:hover {
  color: #EE491F;
}
.questionCard .cardAnswer .top2 {
  margin-top: 10px;
  display: flex;
}
.questionCard .cardAnswer .top2 .label {
  color: #858585;
}
.questionCard .cardAnswer .top2 .rightAnswer {
  flex: 1;
  color: #333333;
}
.questionCard .cardAnswer .top2 small {
  color: #ADADAD;
}
.questionCard .cardAnswer .top2 .title {
  color: #8B8B8B;
  margin-bottom: 5px;
}
.questionCard .cardAnswer .top2 .btn {
  float: right;
}
.questionCard .noteBox {
  border-top: 2px solid #E9E9E9;
  padding: 20px 35px;
}
.questionCard .noteBox .moteTitle {
  color: #F59A23;
  font-weight: bold;
}

.questionDetails .thCenter {
  text-align: center;
}
.questionDetails .questionDHeader {
  height: 40px;
  line-height: 40px;
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgba(139, 58, 247, 0.32);
  width: 100%;
}
.questionDetails .questionDHeader .mainBody {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.questionDetails .questionDHeader .left {
  display: flex;
  align-items: center;
}
.questionDetails .questionDHeader .left a {
  display: flex;
  align-items: center;
  margin-right: 50px;
  padding: 0 5px;
}
.questionDetails .questionDHeader .left a img {
  width: 15px;
  height: 15px;
  margin-right: 2px;
}
.questionDetails .questionDHeader .left a .logo {
  height: 27px;
  width: auto;
}
.questionDetails .questionDHeader .right {
  display: flex;
}
.questionDetails .questionDHeader .right a {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.questionDetails .questionDHeader .right .questionMark {
  margin-left: 25px;
  margin-right: 3px;
}
.questionDetails .questionDHeader .right .select {
  color: #F08205;
}
.questionDetails .questionDHeader .right .loginOut {
  cursor: pointer;
}
.questionDetails .questionDHeader .right .loginOut:hover {
  color: #F08205;
}
.questionDetails .questionDHeader .right .switchExam {
  margin-left: 40px;
  cursor: pointer;
}
.questionDetails .questionDHeader .right .switchExam .anticon {
  margin-right: 4px;
  font-size: 12px;
  border: 1px solid;
}
.questionDetails .questionDHeader .right .switchExam:hover {
  color: #f59a23;
}
.questionDetails .topBoxHeader {
  padding-top: 20px;
}
.questionDetails .topBoxHeader .top1 {
  display: flex;
}
.questionDetails .topBoxHeader .top1 .left {
  flex: 1;
}
.questionDetails .topBoxHeader .top1 .left .t1 {
  color: #000000;
  font-size: 16px;
  margin-bottom: 20px;
}
.questionDetails .topBoxHeader .top1 .left .t2 {
  display: flex;
  align-items: center;
}
.questionDetails .topBoxHeader .top1 .left .t2 .p1 {
  color: #4f4f4f;
  margin-right: 30px;
}
.questionDetails .topBoxHeader .top1 .left .t2 .p2 {
  color: #F08205;
  margin-right: 30px;
}
.questionDetails .topBoxHeader .top1 .left .t2 .p3 {
  text-decoration: line-through;
  color: #4f4f4f;
  margin-right: 30px;
}
.questionDetails .topBoxHeader .top1 .left .t2 .p4 {
  display: inline-flex;
  align-items: center;
}
.questionDetails .topBoxHeader .top1 .left .t2 .p4 .count {
  border: 1px solid #ff4a00;
  padding: 6px 12px;
  margin-left: 12px;
  position: relative;
  border-radius: 2px;
}
.questionDetails .topBoxHeader .top1 .left .t2 .p4 .count::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #ff4a00;
  border-top: 1px solid #ff4a00;
  background: white;
  position: absolute;
  top: 12px;
  left: -4px;
  transform: rotate(-45deg);
}
.questionDetails .topBoxHeader .top1 .left .t2 .p4 .count .ant-statistic-content {
  color: #ff4a00;
  font-size: 12px;
}
.questionDetails .topBoxHeader .top1 .right {
  display: flex;
  align-items: center;
}
.questionDetails .topBoxHeader .top1 .right .btn1 {
  background: linear-gradient(-90deg, #f45125, #f0432f);
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
  height: 30px;
  width: 100px;
  border-color: #f45125;
  margin-right: 20px;
}
.questionDetails .topBoxHeader .top1 .right .btn2 {
  background: #f59a23;
  box-shadow: 0px 0px 10px 0px rgba(245, 154, 35, 0.44);
  height: 30px;
  width: 100px;
  border-color: #f59a23;
}
.questionDetails .topBoxHeader .top2 {
  display: flex;
  color: #4f4f4f;
  margin-top: 15px;
}
.questionDetails .topBoxHeader .top2 .left {
  line-height: 28px;
  width: 80px;
}
.questionDetails .topBoxHeader .top2 .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.questionDetails .topBoxHeader .top2 .right .item {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  background: #f0f0f0;
  transition: all 0.3s;
  border-radius: 14px;
  margin-right: 30px;
  margin-bottom: 18px;
  cursor: pointer;
}
.questionDetails .topBoxHeader .top2 .right .select {
  background: #f59a23;
  color: white;
}
.questionDetails .tabsBox {
  height: 85px;
  background: #0285bd;
}
.questionDetails .tabsBox .mainBody {
  display: flex;
  height: 85px;
}
.questionDetails .tabsBox .mainBody .item {
  flex: 1;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding-top: 12px;
  cursor: pointer;
}
.questionDetails .tabsBox .mainBody .item a {
  color: inherit;
  display: inline-block;
}
.questionDetails .tabsBox .mainBody .item a:hover {
  color: #fff !important;
}
.questionDetails .tabsBox .mainBody .item .t1 {
  margin-top: 8px;
}
.questionDetails .tabsBox .mainBody .item:hover {
  background: #096992;
}
.questionDetails .tabsBox .mainBody .select {
  color: #f59a23;
}
.questionDetails .bodyBox {
  position: relative;
}
.questionDetails .bodyBox > div {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  opacity: 0;
  height: calc(100vh - 350px);
  overflow: hidden;
  padding-bottom: 20px;
}
.questionDetails .bodyBox .noLogin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
}
.questionDetails .bodyBox .noLogin a {
  font-size: 18px;
  color: #f1462d;
  margin-top: 40px;
  text-decoration: underline;
}
.questionDetails .bodyBox .collBox {
  margin-top: 20px;
}
.questionDetails .bodyBox .collBox .ant-collapse-borderless {
  background-color: #fff;
}
.questionDetails .bodyBox .collBox .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  align-items: center;
}
.questionDetails .bodyBox .collBox .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
  line-height: 1;
}
.questionDetails .bodyBox .collBox .ant-collapse-header {
  padding-right: 25px;
}
.questionDetails .bodyBox .collBox .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: #d9001b;
  font-size: 16px;
}
.questionDetails .bodyBox .collBox .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}
.questionDetails .bodyBox .collBox .ant-collapse .ant-collapse-item .ant-collapse-item {
  border-bottom: 0;
  border-top: 1px solid #d9d9d9;
}
.questionDetails .bodyBox .collBox .no-sub .ant-collapse-arrow {
  font-size: 0 !important;
  display: none;
}
.questionDetails .bodyBox .collBox .no-sub .ant-collapse-header {
  padding-left: 0;
  cursor: auto;
}
.questionDetails .bodyBox .item1 .topBox {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #454545;
  font-size: 16px;
  border-bottom: 1px solid #e5e5e5;
}
.questionDetails .bodyBox .item1 .topBox .left .red {
  color: #f14444;
}
.questionDetails .bodyBox .item1 .topBox .left .msgMore {
  margin-left: 25px;
  color: #484848;
  border-bottom: 2px solid #009df0;
}
.questionDetails .bodyBox .item1 .topBox .left .msgMore:hover {
  color: #F08205;
  border-color: #F08205;
}
.questionDetails .bodyBox .item1 .itemBody {
  margin-top: 25px;
  margin-bottom: 30px;
  display: flex;
}
.questionDetails .bodyBox .item1 .itemBody .left {
  flex: 1;
  margin-right: 32px;
}
.questionDetails .bodyBox .item1 .itemBody .left .msgBox {
  width: 100%;
  padding: 24px;
  background: #f5f5f5;
}
.questionDetails .bodyBox .item1 .itemBody .left .msgBox .msgIt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.questionDetails .bodyBox .item1 .itemBody .left .msgBox .msgIt:hover .p1,
.questionDetails .bodyBox .item1 .itemBody .left .msgBox .msgIt:hover .p2 {
  color: #F08205;
}
.questionDetails .bodyBox .item1 .itemBody .left .msgBox .msgIt .p1 {
  flex: 1;
  max-width: 550px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.questionDetails .bodyBox .item1 .itemBody .left .msgBox .msgIt .p2 {
  color: #939393;
}
.questionDetails .bodyBox .item1 .itemBody .right {
  width: 370px;
  border: 1px solid #c2eafe;
  height: min-content;
}
.questionDetails .bodyBox .item1 .itemBody .right .tt {
  height: 6px;
  background: #c2eafe;
  border-radius: 4px 4px 0 0;
}
.questionDetails .bodyBox .item1 .itemBody .right .t1 {
  background: #f8fdff;
  height: 46px;
  color: #009DF0;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.questionDetails .bodyBox .item1 .itemBody .right .t1 img {
  margin-right: 5px;
}
.questionDetails .bodyBox .item1 .itemBody .right .t2 {
  display: flex;
  border-bottom: 1px solid #c2eafe;
}
.questionDetails .bodyBox .item1 .itemBody .right .t2 .p1 {
  width: 124px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-right: 1px solid #c2eafe;
}
.questionDetails .bodyBox .item1 .itemBody .right .t2 .p2 {
  flex: 1;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.questionDetails .bodyBox .item1 .itemBody .right .t3 {
  padding: 20px;
}
.questionDetails .bodyBox .item1 .itemBody .right .t3 .p1 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.questionDetails .bodyBox .item1 .itemBody .right .t3 .p1:last-of-type {
  margin-bottom: 0;
}
.questionDetails .bodyBox .item1 .itemBody .right .t3 .p1 .title {
  flex: 1;
}
.questionDetails .bodyBox .item1 .itemBody .right .t3 .p1 .proBox {
  width: 280px;
  height: 27px;
  border: 1px solid #d7d7d7;
  position: relative;
}
.questionDetails .bodyBox .item1 .itemBody .right .t3 .p1 .proBox .numberBox {
  position: absolute;
  top: -1px;
  left: 0;
  height: 27px;
  background: #009df0;
  transition: all 0.3s;
  color: #fff;
  line-height: 27px;
  text-align: center;
}
.questionDetails .bodyBox .item2 .topBox {
  margin-top: 20px;
  display: flex;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
}
.questionDetails .bodyBox .item2 .topBox .left {
  width: 70px;
  line-height: 30px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}
.questionDetails .bodyBox .item2 .topBox .content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  line-height: 30px;
}
.questionDetails .bodyBox .item2 .topBox .content .paperItem {
  color: #333333;
  margin-right: 20px;
  cursor: pointer;
}
.questionDetails .bodyBox .item2 .topBox .content .paperItem:hover {
  color: #f14444;
}
.questionDetails .bodyBox .item2 .topBox .content .selPaper {
  color: #f14444;
}
.questionDetails .bodyBox .item2 .topBox .btn {
  color: #f59a23;
  border-color: #f59a23;
  background: #fff;
  text-shadow: none;
  box-shadow: none;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
}
.questionDetails .bodyBox .item2 .itemBody .titleBox {
  margin: 20px 0;
  padding-left: 26px;
  color: #333333;
  display: flex;
}
.questionDetails .bodyBox .item2 .itemBody .titleBox .t1 {
  position: relative;
  padding-left: 10px;
  width: 714px;
}
.questionDetails .bodyBox .item2 .itemBody .titleBox .t1:before {
  content: "";
  position: absolute;
  background: #92b1ff;
  width: 4px;
  height: 15px;
  top: 4px;
  left: 0;
}
.questionDetails .bodyBox .item2 .itemBody .titleBox .t2 {
  margin-right: 50px;
  width: 60px;
  text-align: center;
}
.questionDetails .bodyBox .item2 .itemBody .titleBox .t3 {
  width: 80px;
  text-align: center;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelHead {
  color: #333333;
  width: 810px;
  display: inline-block;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelMake {
  width: 80px;
  text-align: center;
  color: #7f7f7f;
  font-size: 12px;
  display: inline-block;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox {
  display: flex;
  align-items: center;
  border-top: 1px solid #d9d9d9;
  padding-left: 40px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox:first-of-type {
  border-top: 0;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .title {
  width: 700px;
  color: #333333;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .accuracy {
  color: #7f7f7f;
  font-size: 12px;
  margin-right: 50px;
  width: 60px;
  text-align: center;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .make {
  color: #7f7f7f;
  font-size: 12px;
  width: 80px;
  text-align: center;
  margin-right: 50px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .dowIcon {
  color: #f59a23;
  font-size: 16px;
  width: 40px;
  text-align: center;
  margin-right: 40px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .btn1 {
  background-color: #f34e27;
  border-color: #f34e27;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .btn2 {
  color: #0285bd;
  border-color: #0285bd;
  background-color: #fff;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
  text-shadow: none;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .btn3 {
  width: 100px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .title1 {
  flex: 1;
  color: #333333;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .title1 img {
  height: 30px;
  margin-right: 10px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .time {
  width: 180px;
  margin-right: 50px;
  color: #333333;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .price {
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .price img {
  width: 20px;
  margin-right: 10px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .btn4 {
  background-color: #7492F6;
  border-color: #7492F6;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .collBox .panelBox .btn5 {
  background-color: #8E8F8F;
  border-color: #8E8F8F;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox {
  padding-top: 30px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px solid #f2f2f2;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .leftIcon {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  background: #f59a23;
  border-radius: 50%;
  color: #ffffff;
  font-size: 12px;
  margin-right: 14px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .title {
  color: #333333;
  font-size: 16px;
  width: 700px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .partake {
  color: #7f7f7f;
  font-size: 12px;
  margin-right: 20px;
  width: 80px;
  text-align: center;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .dowIcon {
  color: #f59a23;
  font-size: 16px;
  width: 40px;
  text-align: center;
  margin-right: 20px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox {
  flex: 1;
  text-align: right;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .resolution {
  color: #7f7f7f;
  font-size: 12px;
  cursor: pointer;
  margin-right: 40px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .resolution:hover {
  color: #F08205;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .btn1 {
  color: #0285bd;
  border-color: #0285bd;
  background-color: #fff;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .btn2 {
  background-color: #f34e27;
  border-color: #f34e27;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .btn3 {
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 100px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .btn4 {
  width: 100px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
}
.questionDetails .bodyBox .item2 .itemBody .paperBox .paperItem .btnBox .timer {
  color: #7f7f7f;
  font-size: 12px;
}
.questionDetails .bodyBox .item3 .titleBox,
.questionDetails .bodyBox .item4 .titleBox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
  color: #333;
}
.questionDetails .bodyBox .item3 .titleBox .title,
.questionDetails .bodyBox .item4 .titleBox .title {
  flex: 1;
}
.questionDetails .bodyBox .item3 .titleBox .accuracy,
.questionDetails .bodyBox .item4 .titleBox .accuracy {
  width: 60px;
  margin-right: 100px;
  text-align: center;
}
.questionDetails .bodyBox .item3 .titleBox .dowIcon,
.questionDetails .bodyBox .item4 .titleBox .dowIcon {
  width: 100px;
  margin-right: 80px;
  text-align: center;
  cursor: pointer;
}
.questionDetails .bodyBox .item3 .titleBox .dowIcon .anticon,
.questionDetails .bodyBox .item4 .titleBox .dowIcon .anticon {
  margin-right: 4px;
}
.questionDetails .bodyBox .item3 .titleBox .dowIcon:hover,
.questionDetails .bodyBox .item4 .titleBox .dowIcon:hover {
  color: #F08205;
}
.questionDetails .bodyBox .item3 .titleBox .btn1,
.questionDetails .bodyBox .item4 .titleBox .btn1 {
  width: 80px;
  height: 28px;
  line-height: 28px;
  background: #ffffff;
  border: 1px solid #f59a23;
  border-radius: 14px;
  color: #f59a23;
  padding: 0;
  text-shadow: none;
}
.questionDetails .bodyBox .item3 .collBox,
.questionDetails .bodyBox .item4 .collBox {
  margin-top: 20px;
}
.questionDetails .bodyBox .item3 .collBox .panelHead,
.questionDetails .bodyBox .item4 .collBox .panelHead {
  color: #333333;
  width: 715px;
  display: inline-block;
}
.questionDetails .bodyBox .item3 .collBox .panelMake,
.questionDetails .bodyBox .item4 .collBox .panelMake {
  width: 60px;
  text-align: center;
  color: #7f7f7f;
  font-size: 12px;
  display: inline-block;
}
.questionDetails .bodyBox .item3 .collBox .panelBox,
.questionDetails .bodyBox .item4 .collBox .panelBox {
  display: flex;
  align-items: center;
  border-top: 1px solid #d9d9d9;
  padding-left: 40px;
}
.questionDetails .bodyBox .item3 .collBox .panelBox:first-of-type,
.questionDetails .bodyBox .item4 .collBox .panelBox:first-of-type {
  border-top: 0;
}
.questionDetails .bodyBox .item3 .collBox .panelBox .title,
.questionDetails .bodyBox .item4 .collBox .panelBox .title {
  flex: 1;
}
.questionDetails .bodyBox .item3 .collBox .panelBox .accuracy,
.questionDetails .bodyBox .item4 .collBox .panelBox .accuracy {
  width: 60px;
  margin-right: 100px;
  text-align: center;
  color: #7f7f7f;
  font-size: 12px;
}
.questionDetails .bodyBox .item3 .collBox .panelBox .dowIcon,
.questionDetails .bodyBox .item4 .collBox .panelBox .dowIcon {
  width: 170px;
  margin-right: 10px;
  text-align: center;
}
.questionDetails .bodyBox .item3 .collBox .panelBox .btn1,
.questionDetails .bodyBox .item4 .collBox .panelBox .btn1 {
  width: 80px;
  height: 28px;
  line-height: 28px;
  background: #0285bd;
  border: 1px solid #0285bd;
  border-radius: 14px;
  padding: 0;
  margin-right: 30px;
}
.questionDetails .bodyBox .item3 .collBox .panelBox .btn2,
.questionDetails .bodyBox .item4 .collBox .panelBox .btn2 {
  width: 80px;
  height: 28px;
  line-height: 28px;
  background: #e13b29;
  border: 1px solid #e13b29;
  border-radius: 14px;
  padding: 0;
}
.questionDetails .bodyBox .item5 .titleBox,
.questionDetails .bodyBox .item6 .titleBox,
.questionDetails .bodyBox .item7 .titleBox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
  color: #333;
}
.questionDetails .bodyBox .item5 .titleBox .title,
.questionDetails .bodyBox .item6 .titleBox .title,
.questionDetails .bodyBox .item7 .titleBox .title {
  flex: 1;
}
.questionDetails .bodyBox .item5 .titleBox .btn1,
.questionDetails .bodyBox .item6 .titleBox .btn1,
.questionDetails .bodyBox .item7 .titleBox .btn1 {
  width: 80px;
  height: 28px;
  line-height: 28px;
  background: #ffffff;
  border: 1px solid #f59a23;
  border-radius: 14px;
  color: #f59a23;
  padding: 0;
  text-shadow: none;
}
.questionDetails .bodyBox .item5 .noteBox,
.questionDetails .bodyBox .item6 .noteBox,
.questionDetails .bodyBox .item7 .noteBox {
  margin-top: 20px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem,
.questionDetails .bodyBox .item6 .noteBox .noteItem,
.questionDetails .bodyBox .item7 .noteBox .noteItem {
  display: flex;
  align-items: center;
  padding: 20px 25px;
  border-bottom: 1px solid #f2f2f2;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .number,
.questionDetails .bodyBox .item6 .noteBox .noteItem .number,
.questionDetails .bodyBox .item7 .noteBox .noteItem .number {
  width: 22px;
  height: 22px;
  background: #f59a23;
  border-radius: 50%;
  margin-right: 12px;
  text-align: center;
  line-height: 22px;
  color: white;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .content,
.questionDetails .bodyBox .item6 .noteBox .noteItem .content,
.questionDetails .bodyBox .item7 .noteBox .noteItem .content {
  flex: 1;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .content .t0,
.questionDetails .bodyBox .item6 .noteBox .noteItem .content .t0,
.questionDetails .bodyBox .item7 .noteBox .noteItem .content .t0 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 5px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .content .t1,
.questionDetails .bodyBox .item6 .noteBox .noteItem .content .t1,
.questionDetails .bodyBox .item7 .noteBox .noteItem .content .t1 {
  color: #616161;
  font-size: 12px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .good,
.questionDetails .bodyBox .item6 .noteBox .noteItem .good,
.questionDetails .bodyBox .item7 .noteBox .noteItem .good {
  width: 60px;
  margin-right: 150px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .good .ggdd,
.questionDetails .bodyBox .item6 .noteBox .noteItem .good .ggdd,
.questionDetails .bodyBox .item7 .noteBox .noteItem .good .ggdd {
  width: 60px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: white;
  background: #47ad76;
  border-radius: 11px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .delete,
.questionDetails .bodyBox .item6 .noteBox .noteItem .delete,
.questionDetails .bodyBox .item7 .noteBox .noteItem .delete {
  color: #333333;
  font-size: 12px;
  cursor: pointer;
  margin-right: 100px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .delete:hover,
.questionDetails .bodyBox .item6 .noteBox .noteItem .delete:hover,
.questionDetails .bodyBox .item7 .noteBox .noteItem .delete:hover {
  color: #F08205;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .btn1,
.questionDetails .bodyBox .item6 .noteBox .noteItem .btn1,
.questionDetails .bodyBox .item7 .noteBox .noteItem .btn1 {
  background-color: #f34e27;
  border-color: #f34e27;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 80px;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .btn2,
.questionDetails .bodyBox .item6 .noteBox .noteItem .btn2,
.questionDetails .bodyBox .item7 .noteBox .noteItem .btn2 {
  color: #0285bd;
  border-color: #0285bd;
  background-color: #fff;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 80px;
  text-shadow: none;
}
.questionDetails .bodyBox .item5 .noteBox .noteItem .btn4,
.questionDetails .bodyBox .item6 .noteBox .noteItem .btn4,
.questionDetails .bodyBox .item7 .noteBox .noteItem .btn4 {
  color: white;
  border-color: #0285bd;
  background-color: #0285bd;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding: 0;
  width: 80px;
  text-shadow: none;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem {
  position: relative;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.24);
  margin-bottom: 50px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .number,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .number,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 20px;
  line-height: 20px;
  color: white;
  background: #f59a23;
  border-radius: 0 0 10px 0;
  text-align: center;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top {
  padding: 20px 50px;
  display: flex;
  border-top: 1px dotted #dcdcdc;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top:first-of-type,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top:first-of-type,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top:first-of-type {
  border-top: 0;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .userAva,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .userAva,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .userAva {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .content,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .content,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .content {
  flex: 1;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .content .t1,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .content .t1,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .content .t1 {
  color: #6b6b6b;
  font-size: 12px;
  margin-bottom: 5px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .content .t2,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .content .t2,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .content .t2 {
  color: #6b6b6b;
  margin-bottom: 5px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .content .t3,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .content .t3,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .content .t3 {
  color: #2f2f2f;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .reward,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .reward,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .reward {
  background: #ffd0ca;
  min-width: 110px;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f1462d;
  margin-right: 20px;
  border-radius: 16px;
  margin-top: 14px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .reward .goldCoin,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .reward .goldCoin,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .reward .goldCoin {
  width: 18px;
  height: 18px;
  margin-right: 9px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .top .replied,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .top .replied,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .top .replied {
  margin-top: 9px;
  width: 57px;
  height: 49px;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .foot,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .foot,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .foot {
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #f3f3f3;
}
.questionDetails .bodyBox .item5 .noteBox .feedBackItem .foot span,
.questionDetails .bodyBox .item6 .noteBox .feedBackItem .foot span,
.questionDetails .bodyBox .item7 .noteBox .feedBackItem .foot span {
  text-decoration: underline;
  color: #f34e27;
  cursor: pointer;
}
.questionDetails .bodyBox .item8 {
  padding-top: 23px;
}
.questionDetails .bodyBox .item8 .topDiv {
  width: 1200px;
  height: 53px;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.questionDetails .bodyBox .item8 .topDiv .leftT .startTest {
  width: 80px;
  height: 28px;
  background: linear-gradient(134deg, #f34f27, #f1452d);
  border-radius: 14px;
  font-size: 12px;
  color: #ffffff;
  border-color: #f34f27;
}
.questionDetails .bodyBox .item8 .topDiv .leftT > span {
  font-size: 12px;
  font-weight: 400;
  color: #7a7a7a;
  margin-left: 18px;
}
.questionDetails .bodyBox .item9 .titleBox {
  margin-top: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
  color: #333;
  margin-bottom: 10px;
}
.questionDetails .bodyBox .item9 .tBody {
  padding-left: 25px;
  display: flex;
}
.questionDetails .bodyBox .item9 .left {
  flex: 1;
}
.questionDetails .bodyBox .item9 .t1 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.questionDetails .bodyBox .item9 .t2 {
  margin-bottom: 10px;
}
.questionDetails .bodyBox .item9 .copyBtn {
  margin-left: 30px;
}
.questionDetails .bodyBox .item9 .img1 {
  max-width: 200px;
}
.questionDetails .bodyBox .item9 .img2 {
  max-width: 50%;
}
.questionDetails .bodyBox .item10 .titleBox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
  color: #333;
}
.questionDetails .bodyBox .item10 .titleBox .title {
  flex: 1;
}
.questionDetails .bodyBox .item10 .bottom {
  margin-top: 20px;
}
.questionDetails .bodyBox .item10 .bottom .title {
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  background-color: #fafafa;
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
}
.questionDetails .bodyBox .item11 .titleBox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
  color: #333;
}
.questionDetails .bodyBox .item11 .titleBox .title {
  flex: 1;
}
.questionDetails .bodyBox .item11 .noteBox {
  margin-top: 20px;
}
.questionDetails .bodyBox .item11 .noteBox .intelQuestionItem {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
.questionDetails .bodyBox .item11 .noteBox .intelQuestionItem .img1 {
  width: 45px;
  margin-right: 15px;
}
.questionDetails .bodyBox .item11 .noteBox .intelQuestionItem .t0 {
  flex: 1;
}
.questionDetails .bodyBox .item11 .noteBox .intelQuestionItem .t1 {
  color: #333333;
  font-size: 16px;
  margin-bottom: 10px;
}
.questionDetails .bodyBox .item11 .noteBox .intelQuestionItem .t2 {
  color: #999999;
  font-size: 12px;
}
.questionDetails .bodyBox .item11 .noteBox .intelQuestionItem .btn {
  margin-left: 20px;
}
.questionDetails .bodyBox .item12 .titleBox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
  font-size: 16px;
  padding: 10px 25px;
  color: #333;
}
.questionDetails .bodyBox .item12 .titleBox .title {
  flex: 1;
}
.questionDetails .bodyBox .item12 .noteBox {
  margin-top: 20px;
}
.questionDetails .bodyBox .item12 .noteBox .item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.questionDetails .bodyBox .item12 .noteBox .item .lastimg {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.questionDetails .bodyBox .item12 .noteBox .item .t0 {
  flex: 1;
}
.questionDetails .bodyBox .item12 .noteBox .item .t1 {
  color: #1b1b1b;
}
.questionDetails .bodyBox .item12 .noteBox .item .s1 {
  color: #8C8C8C;
  margin-right: 5px;
}
.questionDetails .bodyBox .item12 .noteBox .item .t2 {
  margin-top: 5px;
  color: #8C8C8C;
  font-size: 13px;
}
.questionDetails .bodyBox .item12 .noteBox .item .t3 {
  margin-top: 5px;
  display: flex;
}
.questionDetails .bodyBox .item12 .noteBox .item .t3 .lab {
  padding: 0 5px;
  background: #108ee9;
  color: #fff;
  height: 16px;
  line-height: 16px;
  margin-right: 10px;
  font-size: 13px;
}
.questionDetails .bodyBox .item12 .noteBox .item .t3 .lab1 {
  background: #ec8500;
}
.questionDetails .bodyBox .item12 .noteBox .item .t3 .rt {
  flex: 1;
  line-height: 16px;
}
.questionDetails .bodyBox .item12 .noteBox .item .btn {
  margin-left: 10px;
}
.questionDetails .bodyBox .selectItem {
  z-index: 1;
  opacity: 1;
  height: initial;
  overflow: inherit;
}
.remakeSettingModal .title {
  color: #2a2929;
  text-align: center;
}
.remakeSettingModal .ant-radio-group {
  padding: 0 50px 0 100px;
  display: flex;
  flex-wrap: wrap;
}
.remakeSettingModal .ant-radio-group .ant-radio-wrapper {
  width: 50%;
  margin-right: 0;
  margin-bottom: 20px;
}
.remakeSettingModal .t2 {
  margin-top: 22px;
  display: flex;
  justify-content: space-around;
}
.remakeSettingModal .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.remakeSettingModal .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}
.previewModal .ant-modal-body {
  max-height: 70vh;
  overflow: auto;
}
.previewModal .item {
  color: #686868;
  font-weight: bold;
  margin-bottom: 20px;
}
.previewModal .item:last-of-type {
  margin-bottom: 0;
}
.previewModal .item img {
  max-width: 100%;
  vertical-align: top;
}
.previewModal .item .icimg {
  cursor: pointer;
}
.previewModal .item .top {
  padding: 25px 35px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin-bottom: 20px;
}
.previewModal .item .top .subType {
  font-size: 16px;
  margin-bottom: 10px;
  font-style: italic;
}
.previewModal .item .top .issue {
  margin-bottom: 20px;
}
.previewModal .item .top .optionItem {
  border: 1px solid #bab9b9;
  border-radius: 3px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.previewModal .item .top .selt {
  border: 1px solid #4acab1;
}
.previewModal .item .top .answer {
  color: #686868;
  font-size: 16px;
}
.previewModal .item .top .answer span {
  color: #4acab1;
}
.previewModal .item .foot {
  padding: 0 35px;
}
.previewModal .item .foot .t1 {
  font-size: 16px;
  font-style: italic;
}
.switchExamModal .ant-modal-body {
  padding: 0;
}
.switchExamModal .ant-tabs-bar {
  padding: 10px 24px 0;
  margin-bottom: 0;
}
.switchExamModal .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.switchExamModal .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  max-height: 60vh;
  overflow-y: auto;
}
.switchExamModal .content1 {
  padding: 24px;
}
.switchExamModal .content1 .item {
  margin-bottom: 20px;
}
.switchExamModal .content1 .item .title {
  height: 38px;
  line-height: 38px;
  background: #f2f2f2;
  padding: 0 26px;
  color: #00A0EA;
  font-size: 16px;
}
.switchExamModal .content1 .item .secItem {
  padding: 18px 26px;
  border: 1px solid #F0F0F0;
  border-top: 0;
}
.switchExamModal .content1 .item .secItem .t1 {
  color: #00A0EA;
  margin-bottom: 5px;
}
.switchExamModal .content1 .item .secItem .t2 {
  color: #343434;
  font-size: 12px;
}
.switchExamModal .content1 .item .secItem .t2 span {
  margin-right: 50px;
}
.switchExamModal .content1 .item .secItem .t2 .toQUestion {
  color: #FC8822;
  cursor: pointer;
  opacity: 0.9;
}
.switchExamModal .content1 .item .secItem .t2 .toQUestion:hover {
  opacity: 1;
}
.payModal11 .title {
  text-align: center;
  margin: 40px auto;
  font-size: 16px;
}
.payModal11 .title1 {
  text-align: center;
  margin: 0 auto 30px;
  font-size: 16px;
}
.payModal11 .btnBox {
  display: flex;
  justify-content: space-around;
}
.payModal11 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.payModal11 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}
.payModal11 .btn3 {
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  border-radius: 20px;
  padding: 10px 20px;
  color: white;
  border-color: #f04a00;
  width: 160px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.payModal11 .btn3 .t1 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.payModal11 .btn4 {
  background: #ffffff;
  border: 1px solid #dd2401;
  color: #e12c01;
}
.makeQuestionModal .closeIcon {
  position: absolute;
  right: 20px;
  cursor: pointer;
}
.makeQuestionModal .ant-modal-confirm-body {
  text-align: center;
}
.makeQuestionModal .ant-modal-confirm-btns {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  width: 100%;
}
.makeQuestionModal .ant-modal-confirm-btns .btn1 {
  color: #E12C01;
  border-color: #E12C01;
  margin-left: 30px;
}
.makeQuestionModal .ant-modal-confirm-btns .btn2 {
  border-color: #E12C01;
  background: linear-gradient(-90deg, #D91B01, #F04A00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
}
.studyPlanDevelop .t2 {
  font-size: 16px;
  font-weight: bold;
}
.studyPlanDevelop .selectBox {
  margin-top: 10px;
  display: flex;
  position: relative;
}
.studyPlanDevelop .questionBox {
  background: white;
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  height: 400px;
  overflow: hidden;
  transition: all 0.3s;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  z-index: 1;
}
.studyPlanDevelop .top {
  height: 350px;
  display: flex;
}
.studyPlanDevelop .left {
  width: 100px;
  padding: 10px;
}
.studyPlanDevelop .left .item {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  padding: 5px 0;
  cursor: pointer;
}
.studyPlanDevelop .left .select {
  color: #40a9ff;
}
.studyPlanDevelop .right {
  flex: 1;
  overflow: auto;
  padding: 10px;
}
.studyPlanDevelop .right .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.studyPlanDevelop .right .btnBox {
  color: #2c2c2c;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.studyPlanDevelop .right .btnBox .btn {
  display: flex;
  align-items: center;
  margin-right: 15px;
  cursor: pointer;
}
.studyPlanDevelop .right .btnBox .btn:hover {
  color: #40a9ff;
}
.studyPlanDevelop .right .btnBox img {
  width: 16px;
  margin-right: 5px;
}
.studyPlanDevelop .right .checkBox {
  display: flex;
  align-items: center;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  padding: 5px 5px 5px 20px;
  margin-top: 10px;
}
.studyPlanDevelop .right .checkBox .ant-checkbox {
  top: 0;
}
.studyPlanDevelop .bottom {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studyPlanDevelop .bottom .btn {
  width: 75px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #BBBBBB;
  cursor: pointer;
}
.studyPlanDevelop .showBox {
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #40a9ff;
  min-height: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  max-height: 350px;
  overflow: auto;
}
.studyPlanDevelop .showBox .item {
  border: 1px solid #40a9ff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
}
.studyPlanDevelop .showBox .item .anticon {
  margin-left: 10px;
}
.studyPlanDevelop .t3 {
  height: 32px;
  border: 1px solid #BBBBBB;
  border-radius: 2px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.studyPlanDevelop .w105 {
  width: 105px;
}
.studyPlanDevelop .w120 {
  width: 120px;
}
.studyPlanDevelop .w330 {
  width: 330px;
}
.studyPlanDevelop .mr10 {
  margin-right: 10px;
}
.studyPlanDevelop .mt10 {
  margin-top: 10px;
}
.studyPlanDevelop .mg {
  margin: 0 10px;
}
.studyPlanDevelop .t4 {
  display: flex;
  line-height: 32px;
}
.studyPlanDevelop .footBox {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.intelligenceDevelop .radBox {
  display: flex;
  align-items: center;
  justify-content: left;
}
.intelligenceDevelop .radBox .btn {
  width: 75px;
  text-align: center;
  color: #108ee9;
  border: 1px solid #108ee9;
  padding: 5px 0;
  cursor: pointer;
}
.intelligenceDevelop .radBox .btn:nth-of-type(1) {
  border-radius: 5px 0 0 5px;
}
.intelligenceDevelop .radBox .btn:nth-of-type(4) {
  border-radius: 0 5px 5px 0;
}
.intelligenceDevelop .radBox .sel {
  background: #108ee9;
  color: white;
}
.intelligenceDevelop .btnBox {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.intelligenceDevelop .t1 {
  display: flex;
  align-items: center;
}
.intelligenceDevelop .t1 .t2 {
  margin-right: 10px;
}
.intelligenceDevelop .quesBox {
  max-height: 60vh;
  overflow: auto;
}
.intelligenceDevelop .quesBox .item {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.intelligenceDevelop .quesBox .name {
  flex: 1;
}
.intelligenceDevelop .quesBox .t2 {
  width: 100px;
  margin-left: 30px;
}
.intelligenceDevelop .chapBox {
  max-height: 60vh;
  overflow: auto;
}
.intelligenceDevelop .chapBox .btnBox1 {
  color: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.intelligenceDevelop .chapBox .btnBox1 .btn {
  display: flex;
  align-items: center;
  margin-right: 15px;
  cursor: pointer;
}
.intelligenceDevelop .chapBox .btnBox1 .btn:hover {
  color: #40a9ff;
}
.intelligenceDevelop .chapBox .btnBox1 img {
  width: 16px;
  margin-right: 5px;
}
.intelligenceDevelop .chapBox .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.intelligenceDevelop .chapBox .checkBox {
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #BBBBBB;
  padding: 2px 15px 1px 10px;
  margin-top: 5px;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.intelligenceDevelop .chapBox .checkBox .ant-checkbox {
  top: 0;
}
.intelligenceDevelop .chapBox .checkBox .ant-checkbox + span {
  width: 100%;
  padding: 0;
}
.errorSubjectsModal .ant-modal-body {
  padding: 10px 24px;
  max-height: 70vh;
  overflow: auto;
}
.errorSubjectsModal .ant-collapse-borderless {
  background-color: #fff;
}
.errorSubjectsModal .ant-collapse-header {
  padding-right: 25px;
}
.errorSubjectsModal .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: #d9001b;
  font-size: 16px;
  vertical-align: -3px;
}
.errorSubjectsModal .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}
.errorSubjectsModal .ant-collapse .ant-collapse-item .ant-collapse-item {
  border-bottom: 0;
  border-top: 1px solid #d9d9d9;
}
.errorSubjectsModal .no-sub .ant-collapse-arrow {
  font-size: 0 !important;
  display: none;
}
.errorSubjectsModal .no-sub .ant-collapse-header {
  padding-left: 0;
  cursor: auto;
}
.errorSubjectsModal .red {
  color: red;
}
.errorSubjectsModal .lastItem {
  display: flex;
  cursor: pointer;
}

.questionPaper {
  background: #F1F1F1;
  min-height: 100vh;
  padding-bottom: 20px;
}
.questionPaper .top1 {
  display: flex;
  align-items: center;
  height: 70px;
  background: #ffffff;
  border-radius: 10px;
  padding-left: 15px;
}
.questionPaper .top1 .address-icon {
  color: #F34D28;
  font-size: 16px;
  margin-right: 10px;
}
.questionPaper .top1 .ant-breadcrumb {
  color: #343434;
}
.questionPaper .top1 .ant-breadcrumb a {
  color: #343434;
}
.questionPaper .top2 {
  background: #F9F9FA;
  border-radius: 10px;
  padding: 35px 25px 25px;
  display: flex;
  margin: 20px 0;
}
.questionPaper .top2 .left {
  width: 286px;
  height: 336px;
  background: url('/ques_paper_icon1.png') no-repeat;
  margin: 0 20px;
  padding: 20px 50px;
  text-align: center;
}
.questionPaper .top2 .left .title {
  margin-bottom: 20px;
}
.questionPaper .top2 .left img {
  max-width: 100%;
}
.questionPaper .top2 .right {
  flex: 1;
  padding-top: 15px;
}
.questionPaper .top2 .right .t1 {
  color: #202020;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.questionPaper .top2 .right .t2 {
  color: #7F7F7F;
  margin-bottom: 10px;
}
.questionPaper .top2 .right .t2 span {
  color: #F1462D;
}
.questionPaper .top2 .right .btnBox {
  margin-top: 50px;
}
.questionPaper .top2 .right .btnBox .btn {
  margin-right: 45px;
  width: 134px;
}
.questionPaper .top2 .right .btnBox .btn1 {
  background: #F59A23;
  border-color: #F59A23;
}
.questionPaper .top2 .right .btnBox .btn2 {
  background: #00C574;
  border-color: #00C574;
}
.questionPaper .top2 .right .btnBox .btn3 {
  background: #008080;
  border-color: #008080;
}
.questionPaper .top3 {
  background: #F9F9FA;
  border-radius: 10px;
  padding: 0 25px 25px;
}
.questionPaper .top3 .ant-tabs-bar {
  border-bottom: 0;
}
.questionPaper .top3 .ant-tabs-bar {
  width: 290px;
  margin: 0 auto;
}
.questionPaper .top3 .ant-tabs-nav .ant-tabs-tab {
  margin-right: 70px;
  color: #0E0E0E;
  font-size: 18px;
}
.questionPaper .top3 .ant-tabs-nav .ant-tabs-tab-active {
  color: #FD5725;
}
.questionPaper .top3 .ant-tabs-ink-bar {
  background-color: #FD5725;
}
.questionPaper .top3 .ant-timeline {
  padding-left: 30px;
}
.questionPaper .top3 .ant-timeline-item-head-custom {
  padding: 0;
  border-radius: 50%;
}
.questionPaper .top3 .ant-timeline-item-content {
  padding-left: 20px;
}
.questionPaper .top3 .f0 {
  font-size: 18px;
}
.questionPaper .top3 .t0 {
  color: #252525;
}
.questionPaper .top3 .t1 {
  margin-top: 10px;
  background: #fff;
  border: 1px solid #E8E8E8;
  padding: 5px 20px;
  position: relative;
}
.questionPaper .top3 .t1::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-top: 1px solid #E8E8E8;
  border-left: 1px solid #E8E8E8;
  transform: rotate(45deg);
  top: -6px;
  left: 20px;
}
.questionPaper .top3 .thCenter {
  text-align: center;
}
payModal11 .title {
  text-align: center;
  margin: 40px auto;
  font-size: 16px;
}
payModal11 .btnBox {
  display: flex;
  justify-content: space-around;
}
payModal11 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
payModal11 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}

.headerSecond {
  height: 100px;
  line-height: 100px;
  background: #fff;
  width: 100%;
  font-size: 16px;
}
.headerSecond .mainBody {
  display: flex;
  align-items: center;
}
.headerSecond .left {
  flex: 1;
  display: flex;
  align-items: center;
}
.headerSecond .left img {
  height: 56px;
}
.headerSecond .left .pro {
  margin: 0 22px;
  width: 2px;
  height: 42px;
  background: linear-gradient(0deg, #ffffff, #dcdcdc, #ffffff);
  opacity: 0.66;
}
.headerSecond .left .leftTitle {
  font-size: 18px;
  color: #545353;
  font-weight: bold;
}

.shoppingCarHeader {
  height: 100px;
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-top: 3px;
}
.shoppingCarHeader .left {
  flex: 1;
  display: flex;
  align-items: center;
}
.shoppingCarHeader .left img {
  height: 56px;
}
.shoppingCarHeader .left .pro {
  margin: 0 22px;
  width: 2px;
  height: 42px;
  background: linear-gradient(0deg, #ffffff, #dcdcdc, #ffffff);
  opacity: 0.66;
}
.shoppingCarHeader .left .leftTitle {
  font-size: 18px;
  color: #545353;
  font-weight: bold;
}
.shoppingCarHeader .shoppingCarSteps {
  display: flex;
  font-size: 14px;
  width: 360px;
}
.shoppingCarHeader .shoppingCarSteps .item {
  color: #666666;
  text-align: center;
  width: 25%;
}
.shoppingCarHeader .shoppingCarSteps .item .top {
  display: flex;
  align-items: center;
}
.shoppingCarHeader .shoppingCarSteps .item .top .line {
  display: inline-block;
  height: 2px;
  width: 34px;
  background: #e6e6e6;
}
.shoppingCarHeader .shoppingCarSteps .item .top .t1 {
  width: 22px;
  height: 22px;
  line-height: 20px;
  border-radius: 50%;
  border: 2px solid #e6e6e6;
  margin: 0 auto;
  color: #999999;
}
.shoppingCarHeader .shoppingCarSteps .item .bottom {
  margin-top: 7px;
  font-size: 14px;
  color: #999999;
}
.shoppingCarHeader .shoppingCarSteps .select {
  color: #666666;
  text-align: center;
  width: 25%;
}
.shoppingCarHeader .shoppingCarSteps .select .top {
  display: flex;
  align-items: center;
}
.shoppingCarHeader .shoppingCarSteps .select .top .line {
  display: inline-block;
  height: 2px;
  width: 34px;
  background: #e22c01;
}
.shoppingCarHeader .shoppingCarSteps .select .top .t1 {
  width: 22px;
  height: 22px;
  line-height: 20px;
  border-radius: 50%;
  border: 2px solid #e22c01;
  background: #e22c01;
  margin: 0 auto;
  color: #ffffff;
}
.shoppingCarHeader .shoppingCarSteps .select .bottom {
  margin-top: 7px;
  font-size: 14px;
  color: #e22c01;
}

.bookShoppingCar {
  background: #f1f1f1;
}
.bookShoppingCar .noBook {
  padding: 39px 0 170px;
}
.bookShoppingCar .contentBox {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.bookShoppingCar .contentBox .noShopPage {
  width: 1200px;
  height: 514px;
  background: #ffffff;
  display: flex;
  align-items: center;
}
.bookShoppingCar .contentBox .noShopPage .mainContent {
  width: 500px;
  margin: 0 auto;
  display: flex;
}
.bookShoppingCar .contentBox .noShopPage .mainContent .leftImg {
  margin-right: 82px;
}
.bookShoppingCar .contentBox .noShopPage .mainContent .leftImg img {
  height: 105px;
  width: 105px;
}
.bookShoppingCar .contentBox .noShopPage .mainContent .tipBox {
  color: #333333;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.bookShoppingCar .contentBox .noShopPage .mainContent .tipBox p {
  margin: 0;
}
.bookShoppingCar .contentBox .noShopPage .mainContent .tipBox .mark {
  color: #E22C01;
}
.bookShoppingCar .contentBox .step1 {
  padding-top: 10px;
}
.bookShoppingCar .contentBox .step1 .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.bookShoppingCar .contentBox .step1 .title .left {
  color: #333333;
  font-size: 16px;
}
.bookShoppingCar .contentBox .step1 .title .rollback {
  color: #FE5D5C;
  font-size: 14px;
  cursor: pointer;
}
.bookShoppingCar .contentBox .step1 .bookList {
  background: #ffffff;
}
.bookShoppingCar .contentBox .step1 .bookList .thCenter {
  text-align: center;
}
.bookShoppingCar .contentBox .step1 .bookList .shopName {
  display: flex;
  max-width: 700px;
}
.bookShoppingCar .contentBox .step1 .bookList .shopName .bookName {
  color: #333333;
  font-size: 14px;
  padding-left: 20px;
}
.bookShoppingCar .contentBox .step1 .bookList .shopName .lack {
  font-size: 14px;
  color: #FE5D5C;
}
.bookShoppingCar .contentBox .step1 .bookList .settleBox {
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 20px;
}
.bookShoppingCar .contentBox .step1 .bookList .settleBox .right {
  display: flex;
  align-items: center;
}
.bookShoppingCar .contentBox .step1 .bookList .settleBox .right .count {
  font-size: 14px;
  color: #3B4249;
}
.bookShoppingCar .contentBox .step1 .bookList .settleBox .right .price {
  font-size: 24px;
  color: #F0432F;
  margin-right: 34px;
}
.bookShoppingCar .contentBox .step1 .bookList .settleBox .right .settleBtn {
  width: 180px;
  height: 45px;
  background: linear-gradient(90deg, #f65721, #f0432f);
  border-radius: 4px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  border: none;
}
.bookShoppingCar .contentBox .step2 {
  padding-top: 35px;
  padding-bottom: 78px;
}
.bookShoppingCar .contentBox .step2 .title {
  margin: 33px 0 12px 0;
  font-size: 16px;
  color: #333333;
}
.bookShoppingCar .contentBox .step2 .shopList {
  background: #ffffff;
}
.bookShoppingCar .contentBox .step2 .shopList .thCenter {
  text-align: center;
}
.bookShoppingCar .contentBox .step2 .settleBox {
  background: #ffffff;
}
.bookShoppingCar .contentBox .step2 .settleBox .top {
  padding: 26px 0 25px 18px;
  font-size: 14px;
  color: #3b4249;
  border-bottom: 1px solid #d7d7d7;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .useCoupon {
  margin-bottom: 15px;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-wrapper:hover .ant-radio,
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio:hover .ant-radio-inner,
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-input:focus + .ant-radio-inner {
  border-color: #ff5517;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-group {
  display: flex;
  flex-direction: column;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-group .ant-radio-wrapper {
  margin-left: 10px;
  margin-bottom: 20px;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #ff5517;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-checked::after {
  border: 1px solid #ff5517;
  border-radius: unset;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
  border-radius: unset;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-inner::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #ff5517;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background-color: #fff;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox:hover .ant-checkbox-inner,
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner,
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ff5517;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff;
  border-color: #ff5517;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #ff5517;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .price {
  color: #f34e28;
}
.bookShoppingCar .contentBox .step2 .settleBox .top .ant-checkbox-wrapper {
  margin-bottom: 25px;
}
.bookShoppingCar .contentBox .step2 .settleBox .bottom {
  height: 126px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 20px;
}
.bookShoppingCar .contentBox .step2 .settleBox .bottom .left .count,
.bookShoppingCar .contentBox .step2 .settleBox .bottom .left .pay {
  font-size: 14px;
  color: #3B4249;
}
.bookShoppingCar .contentBox .step2 .settleBox .bottom .left .price {
  font-size: 16px;
  color: #50555B;
}
.bookShoppingCar .contentBox .step2 .settleBox .bottom .left .pay {
  margin-left: 50px;
}
.bookShoppingCar .contentBox .step2 .settleBox .bottom .left .money {
  font-size: 24px;
  color: #F0432F;
}
.bookShoppingCar .contentBox .step2 .settleBox .bottom .submitBtn {
  width: 180px;
  height: 45px;
  background: linear-gradient(90deg, #f65721, #f0432f);
  border-radius: 4px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  border: none;
}
.bookShoppingCar .contentBox .step3 {
  padding-top: 29px;
}
.bookShoppingCar .contentBox .step3 .payBtnBox {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.bookShoppingCar .contentBox .step3 .payBtnBox .payBtn {
  width: 140px;
  height: 40px;
  background: #e12b01;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.bookShoppingCar .contentBox .step3 .payBtnBox .payBtn:focus {
  border-color: #e12b01 !important;
}
.bookShoppingCar .contentBox .step3 .orderPay {
  padding: 38px 41px 34px 41px;
  background: #ffffff;
}
.bookShoppingCar .contentBox .step3 .orderPay .top {
  padding-bottom: 35px;
  border-bottom: 1px dashed #d7d7d7;
}
.bookShoppingCar .contentBox .step3 .orderPay .top .t1 {
  font-size: 16px;
  color: #3B4249;
  margin-bottom: 23px;
}
.bookShoppingCar .contentBox .step3 .orderPay .top .t2 {
  font-size: 14px;
  color: #333333;
}
.bookShoppingCar .contentBox .step3 .orderPay .top .t3 {
  font-size: 14px;
  color: #E22C01;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom {
  padding-top: 20px;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .title {
  font-size: 14px;
  color: #333333;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .payType {
  display: flex;
  margin-top: 14px;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .payType .rechargeBtnBox {
  margin-right: 20px;
  position: relative;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 {
  cursor: pointer;
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 img {
  width: 188px;
  height: 80px;
  border: none;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 {
  cursor: pointer;
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.bookShoppingCar .contentBox .step3 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 img {
  width: 192px;
  height: 86px;
  border-radius: 4px;
  border: none;
}
.bookShoppingCar .contentBox .step4 {
  padding-top: 29px;
}
.bookShoppingCar .contentBox .step4 .payResult {
  display: flex;
  background: #ffffff;
  padding: 39px 0 37px 41px;
  font-size: 16px;
  color: #3B4249;
}
.bookShoppingCar .contentBox .step4 .payResult .orderNum {
  margin-bottom: 33px;
}
.bookShoppingCar .contentBox .step4 .payResult .payMoney .backBtn {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #f68500;
  margin-left: 220px;
}
.payModal .ant-modal-body {
  background-color: #f1f1f1;
}
.payModal .orderInfo {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #fff;
  display: flex;
}
.payModal .orderInfo p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3b4249;
}
.payModal .orderInfo p span {
  color: #ee5e53;
}
.payModal .orderInfo p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #3b4249;
  margin-left: 108px;
}
.payModal .payBox {
  padding: 0 100px;
  margin-top: 20px;
  width: 100%;
  height: 588px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.payModal .payBox .left .l_top {
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3b4249;
}
.payModal .payBox .left .l_top span {
  color: #ee5e53;
  font-size: 20px;
}
.payModal .payBox .left .codeBox {
  width: 287px;
  height: 287px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 20px;
}
.payModal .payBox .left .infoText {
  width: 287px;
  height: 63px;
  background: #ee5e53;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.payModal .payBox .left .infoText span {
  font-size: 30px;
}
.payModal .payBox .left .infoText > div {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 20px;
}
.payModal .payBox .left .infoText > div p {
  text-align: left;
  color: #fff;
  margin: 0;
}
.payModal .content1 {
  text-align: center;
}
.payModal .content1 img {
  max-width: 100%;
}
.payModal .content1 .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content1 .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content1 .t3 {
  font-size: 14px;
}
.payModal .content1 .t3 span {
  color: #e22c01;
  cursor: pointer;
}
.bookAddressModal .labelRadio .ant-radio-button-wrapper {
  margin-right: 20px;
}
.bookAddressModal .labelRadio .ant-radio-button-wrapper:first-child {
  border-right-color: #d9d9d9 !important;
}
.bookAddressModal .labelRadio .ant-radio-button-wrapper-checked {
  border: 1px dashed #f04a00;
  color: #f04a00;
}
.bookAddressModal .labelRadio .ant-radio-button-wrapper-checked:first-child {
  border-right-color: #f04a00 !important;
}
.bookAddressModal .labelRadio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background: 1px;
}
.bookAddressModal .labelRadio .ant-radio-button-wrapper:first-child {
  border-right-color: #F08205;
}
.bookAddressModal .rightMark {
  margin-left: 23px;
}
.bookAddressModal .rightMark .tip {
  color: #757575;
  font-size: 14px;
}
.bookAddressModal .rightMark .location {
  display: inline-block;
  height: 22px;
  margin-left: 32px;
  padding: 0 12px;
  line-height: 22px;
  text-align: center;
  background: #ffffff;
  border: 1px dashed #808080;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #656565;
  cursor: pointer;
}
.bookAddressModal .rightMark .selected {
  border: 1px solid #ec4300;
  color: #ec4300;
}
.bookAddressModal .btnBox {
  margin-top: 40px;
}
.bookAddressModal .btnBox .saveBtn {
  width: 191px;
  height: 38px;
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  border: none;
}

.orderPage {
  background: #f1f1f1;
  padding-bottom: 250px;
}
.orderPage .contentBox {
  width: 1200px;
  margin: 0 auto;
}
.orderPage .contentBox .step1 {
  padding-top: 10px;
}
.orderPage .contentBox .step1 .topTitle {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  padding: 10px 0;
}
.orderPage .contentBox .step1 .orderInfo {
  width: 100%;
  height: 187px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.orderPage .contentBox .step1 .orderInfo .top {
  height: 62px;
  border-bottom: 1px solid #edebeb;
  display: flex;
  line-height: 62px;
  color: #333333;
}
.orderPage .contentBox .step1 .orderInfo .top > div {
  width: 50%;
}
.orderPage .contentBox .step1 .orderInfo .top .left {
  padding-left: 40px;
}
.orderPage .contentBox .step1 .orderInfo .top .left span:first-of-type {
  margin-right: 86px;
}
.orderPage .contentBox .step1 .orderInfo .top .right {
  display: flex;
}
.orderPage .contentBox .step1 .orderInfo .top .right > div {
  width: 25%;
  text-align: center;
}
.orderPage .contentBox .step1 .orderInfo .content {
  flex: 1;
  display: flex;
  padding-top: 15px;
  color: #333333;
}
.orderPage .contentBox .step1 .orderInfo .content > div {
  width: 50%;
}
.orderPage .contentBox .step1 .orderInfo .content .left {
  padding-left: 60px;
  display: flex;
}
.orderPage .contentBox .step1 .orderInfo .content .left img {
  height: 72px;
  border-radius: 2px 2px 0px 0px;
  margin-right: 6px;
}
.orderPage .contentBox .step1 .orderInfo .content .left div {
  flex: 1;
  padding-top: 5px;
}
.orderPage .contentBox .step1 .orderInfo .content .right {
  display: flex;
  padding-top: 5px;
}
.orderPage .contentBox .step1 .orderInfo .content .right > div {
  width: 25%;
  text-align: center;
}
.orderPage .contentBox .step1 .orderInfo .content .right > div:last-of-type {
  color: #7f7f7f;
}
.orderPage .contentBox .step1 .settleBox {
  width: 100%;
  background: #ffffff;
}
.orderPage .contentBox .step1 .settleBox .top {
  padding: 26px 0 25px 18px;
  font-size: 14px;
  color: #3b4249;
  border-bottom: 1px dashed #d7d7d7;
}
.orderPage .contentBox .step1 .settleBox .top .useCoupon {
  margin-bottom: 15px;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-wrapper:hover .ant-radio,
.orderPage .contentBox .step1 .settleBox .top .ant-radio:hover .ant-radio-inner,
.orderPage .contentBox .step1 .settleBox .top .ant-radio-input:focus + .ant-radio-inner {
  border-color: #ff5517;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-group {
  display: flex;
  flex-direction: column;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper {
  margin-left: 10px;
  margin-bottom: 20px;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #ff5517;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-checked::after {
  border: 1px solid #ff5517;
  border-radius: unset;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
  border-radius: unset;
}
.orderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-inner::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #ff5517;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background-color: #fff;
}
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox:hover .ant-checkbox-inner,
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner,
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ff5517;
}
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff;
  border-color: #ff5517;
}
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #ff5517;
}
.orderPage .contentBox .step1 .settleBox .top .price {
  color: #f34e28;
}
.orderPage .contentBox .step1 .settleBox .top .ant-checkbox-wrapper {
  margin-bottom: 25px;
}
.orderPage .contentBox .step1 .settleBox .bottom {
  height: 126px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 20px;
}
.orderPage .contentBox .step1 .settleBox .bottom .left .count,
.orderPage .contentBox .step1 .settleBox .bottom .left .pay {
  font-size: 14px;
  color: #3b4249;
}
.orderPage .contentBox .step1 .settleBox .bottom .left .price {
  font-size: 16px;
  color: #50555b;
}
.orderPage .contentBox .step1 .settleBox .bottom .left .pay {
  margin-left: 50px;
}
.orderPage .contentBox .step1 .settleBox .bottom .left .money {
  font-size: 24px;
  color: #f0432f;
}
.orderPage .contentBox .step1 .settleBox .bottom .submitBtn {
  width: 180px;
  height: 45px;
  background: linear-gradient(90deg, #f65721, #f0432f);
  border-color: #f65721;
  border-radius: 4px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.orderPage .contentBox .step2 {
  padding-top: 35px;
  padding-bottom: 78px;
}
.orderPage .contentBox .step2 .payBtnBox {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.orderPage .contentBox .step2 .payBtnBox .payBtn {
  width: 140px;
  height: 40px;
  background: #e12b01;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.orderPage .contentBox .step2 .payBtnBox .payBtn:focus {
  border-color: #e12b01 !important;
}
.orderPage .contentBox .step2 .orderPay {
  padding: 38px 41px 34px 41px;
  background: #ffffff;
}
.orderPage .contentBox .step2 .orderPay .top {
  padding-bottom: 35px;
  border-bottom: 1px dashed #d7d7d7;
}
.orderPage .contentBox .step2 .orderPay .top .t1 {
  font-size: 16px;
  color: #3b4249;
  margin-bottom: 23px;
}
.orderPage .contentBox .step2 .orderPay .top .t2 {
  font-size: 14px;
  color: #333333;
}
.orderPage .contentBox .step2 .orderPay .top .t3 {
  font-size: 14px;
  color: #e22c01;
}
.orderPage .contentBox .step2 .orderPay .bottom {
  padding-top: 20px;
}
.orderPage .contentBox .step2 .orderPay .bottom .title {
  font-size: 14px;
  color: #333333;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType {
  display: flex;
  margin-top: 14px;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox {
  margin-right: 20px;
  position: relative;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 {
  cursor: pointer;
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 img {
  width: 188px;
  height: 80px;
  border: none;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 {
  cursor: pointer;
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 img {
  width: 192px;
  height: 86px;
  border-radius: 4px;
  border: none;
}
.orderPage .contentBox .step3 {
  padding-top: 29px;
}
.orderPage .contentBox .step3 .payResult {
  display: flex;
  background: #ffffff;
  padding: 39px 0 37px 41px;
  font-size: 16px;
  color: #3B4249;
}
.orderPage .contentBox .step3 .payResult .orderNum {
  margin-bottom: 33px;
}
.orderPage .contentBox .step3 .payResult .payMoney .backBtn {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #f68500;
  margin-left: 220px;
}
.payModal .ant-modal-body {
  background-color: #f1f1f1;
}
.payModal .orderInfo {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #fff;
  display: flex;
}
.payModal .orderInfo p {
  font-size: 18px;
  font-weight: bold;
  color: #3b4249;
}
.payModal .orderInfo p span {
  color: #ee5e53;
}
.payModal .orderInfo p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #3b4249;
  margin-left: 108px;
}
.payModal .payBox {
  padding: 0 100px;
  margin-top: 20px;
  width: 100%;
  height: 588px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.payModal .payBox .left .l_top {
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3b4249;
}
.payModal .payBox .left .l_top span {
  color: #ee5e53;
  font-size: 20px;
}
.payModal .payBox .left .codeBox {
  width: 287px;
  height: 287px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 20px;
}
.payModal .payBox .left .infoText {
  width: 287px;
  height: 63px;
  background: #ee5e53;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.payModal .payBox .left .infoText span {
  font-size: 30px;
}
.payModal .payBox .left .infoText > div {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 20px;
}
.payModal .payBox .left .infoText > div p {
  text-align: left;
  color: #fff;
  margin: 0;
}
.payModal .content1 {
  text-align: center;
}
.payModal .content1 img {
  max-width: 100%;
}
.payModal .content1 .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content1 .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content1 .t3 {
  font-size: 14px;
}
.payModal .content1 .t3 span {
  color: #e22c01;
  cursor: pointer;
}

.seckOrderPage {
  background: #f1f1f1;
  padding-bottom: 250px;
}
.seckOrderPage .contentBox {
  width: 1200px;
  margin: 0 auto;
}
.seckOrderPage .contentBox .step1 {
  padding-top: 10px;
}
.seckOrderPage .contentBox .step1 .topTitle {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding: 10px 0;
}
.seckOrderPage .contentBox .step1 .orderInfo {
  width: 100%;
  height: 187px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.seckOrderPage .contentBox .step1 .orderInfo .top {
  height: 62px;
  border-bottom: 1px solid #edebeb;
  display: flex;
  line-height: 62px;
  color: #333333;
}
.seckOrderPage .contentBox .step1 .orderInfo .top > div {
  width: 50%;
}
.seckOrderPage .contentBox .step1 .orderInfo .top .left {
  padding-left: 40px;
}
.seckOrderPage .contentBox .step1 .orderInfo .top .left span:first-of-type {
  margin-right: 86px;
}
.seckOrderPage .contentBox .step1 .orderInfo .top .right {
  display: flex;
}
.seckOrderPage .contentBox .step1 .orderInfo .top .right > div {
  width: 25%;
  text-align: center;
}
.seckOrderPage .contentBox .step1 .orderInfo .content {
  flex: 1;
  display: flex;
  padding-top: 15px;
  color: #333333;
}
.seckOrderPage .contentBox .step1 .orderInfo .content > div {
  width: 50%;
}
.seckOrderPage .contentBox .step1 .orderInfo .content .left {
  padding-left: 60px;
  display: flex;
}
.seckOrderPage .contentBox .step1 .orderInfo .content .left img {
  height: 72px;
  border-radius: 2px 2px 0px 0px;
  margin-right: 6px;
}
.seckOrderPage .contentBox .step1 .orderInfo .content .left div {
  flex: 1;
  padding-top: 5px;
  padding-left: 20px;
}
.seckOrderPage .contentBox .step1 .orderInfo .content .right {
  display: flex;
  padding-top: 5px;
}
.seckOrderPage .contentBox .step1 .orderInfo .content .right > div {
  width: 25%;
  text-align: center;
}
.seckOrderPage .contentBox .step1 .orderInfo .content .right > div:last-of-type {
  color: #7f7f7f;
}
.seckOrderPage .contentBox .step1 .settleBox {
  width: 100%;
  background: #ffffff;
}
.seckOrderPage .contentBox .step1 .settleBox .top {
  padding: 26px 0 50px 18px;
  font-size: 14px;
  color: #3b4249;
  border-bottom: 1px dashed #d7d7d7;
}
.seckOrderPage .contentBox .step1 .settleBox .top .useCoupon {
  margin-bottom: 15px;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-wrapper:hover .ant-radio,
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio:hover .ant-radio-inner,
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-input:focus + .ant-radio-inner {
  border-color: #ff5517;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-group {
  display: flex;
  flex-direction: column;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper {
  margin-left: 10px;
  margin-bottom: 20px;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #ff5517;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-checked::after {
  border: 1px solid #ff5517;
  border-radius: unset;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
  border-radius: unset;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-radio-group .ant-radio-wrapper .ant-radio-inner::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #ff5517;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background-color: #fff;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox:hover .ant-checkbox-inner,
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner,
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ff5517;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff;
  border-color: #ff5517;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #ff5517;
}
.seckOrderPage .contentBox .step1 .settleBox .top .price {
  color: #f34e28;
}
.seckOrderPage .contentBox .step1 .settleBox .top .ant-checkbox-wrapper {
  margin-bottom: 25px;
}
.seckOrderPage .contentBox .step1 .settleBox .bottom {
  height: 126px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 20px;
}
.seckOrderPage .contentBox .step1 .settleBox .bottom .left .count,
.seckOrderPage .contentBox .step1 .settleBox .bottom .left .pay {
  font-size: 14px;
  color: #3b4249;
}
.seckOrderPage .contentBox .step1 .settleBox .bottom .left .price {
  font-size: 16px;
  color: #50555b;
}
.seckOrderPage .contentBox .step1 .settleBox .bottom .left .pay {
  margin-left: 50px;
}
.seckOrderPage .contentBox .step1 .settleBox .bottom .left .money {
  font-size: 24px;
  color: #f0432f;
}
.seckOrderPage .contentBox .step1 .settleBox .bottom .submitBtn {
  width: 180px;
  height: 45px;
  background: linear-gradient(90deg, #f65721, #f0432f);
  border-color: #f65721;
  border-radius: 4px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.seckOrderPage .contentBox .step2 {
  padding-top: 35px;
  padding-bottom: 78px;
}
.seckOrderPage .contentBox .step2 .payBtnBox {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.seckOrderPage .contentBox .step2 .payBtnBox .payBtn {
  width: 140px;
  height: 40px;
  background: #e12b01;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.seckOrderPage .contentBox .step2 .payBtnBox .payBtn:focus {
  border-color: #e12b01 !important;
}
.seckOrderPage .contentBox .step2 .orderPay {
  padding: 38px 41px 34px 41px;
  background: #ffffff;
}
.seckOrderPage .contentBox .step2 .orderPay .top {
  padding-bottom: 35px;
  border-bottom: 1px dashed #d7d7d7;
}
.seckOrderPage .contentBox .step2 .orderPay .top .t1 {
  font-size: 16px;
  color: #3b4249;
  margin-bottom: 23px;
}
.seckOrderPage .contentBox .step2 .orderPay .top .t2 {
  font-size: 14px;
  color: #333333;
}
.seckOrderPage .contentBox .step2 .orderPay .top .t3 {
  font-size: 14px;
  color: #e22c01;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom {
  padding-top: 20px;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .title {
  font-size: 14px;
  color: #333333;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .payType {
  display: flex;
  margin-top: 14px;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox {
  margin-right: 20px;
  position: relative;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 {
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 img {
  width: 188px;
  height: 80px;
  border: none;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 {
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
}
.seckOrderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 img {
  width: 192px;
  height: 86px;
  border-radius: 4px;
  border: none;
}
.seckOrderPage .contentBox .step3 {
  padding-top: 29px;
}
.seckOrderPage .contentBox .step3 .payResult {
  display: flex;
  background: #ffffff;
  padding: 39px 0 37px 41px;
  font-size: 16px;
  color: #3B4249;
}
.seckOrderPage .contentBox .step3 .payResult .orderNum {
  margin-bottom: 33px;
}
.seckOrderPage .contentBox .step3 .payResult .payMoney .backBtn {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #f68500;
  margin-left: 220px;
}
.payModal .ant-modal-body {
  background-color: #f1f1f1;
}
.payModal .orderInfo {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #fff;
  display: flex;
}
.payModal .orderInfo p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3b4249;
}
.payModal .orderInfo p span {
  color: #ee5e53;
}
.payModal .orderInfo p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #3b4249;
  margin-left: 108px;
}
.payModal .payBox {
  padding: 0 100px;
  margin-top: 20px;
  width: 100%;
  height: 588px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.payModal .payBox .left .l_top {
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3b4249;
}
.payModal .payBox .left .l_top span {
  color: #ee5e53;
  font-size: 20px;
}
.payModal .payBox .left .codeBox {
  width: 287px;
  height: 287px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 20px;
}
.payModal .payBox .left .infoText {
  width: 287px;
  height: 63px;
  background: #ee5e53;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.payModal .payBox .left .infoText span {
  font-size: 30px;
}
.payModal .payBox .left .infoText > div {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 20px;
}
.payModal .payBox .left .infoText > div p {
  text-align: left;
  color: #fff;
  margin: 0;
}
.payModal .content1 {
  text-align: center;
}
.payModal .content1 img {
  max-width: 100%;
}
.payModal .content1 .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content1 .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content1 .t3 {
  font-size: 14px;
}
.payModal .content1 .t3 span {
  color: #e22c01;
  cursor: pointer;
}

.orderPage {
  background: #f1f1f1;
}
.orderPage .contentBox {
  width: 1200px;
  margin: 0 auto;
}
.orderPage .contentBox .step2 {
  padding-top: 35px;
  padding-bottom: 78px;
}
.orderPage .contentBox .step2 .payBtnBox {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.orderPage .contentBox .step2 .payBtnBox .payBtn {
  width: 140px;
  height: 40px;
  background: #e12b01;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.orderPage .contentBox .step2 .payBtnBox .payBtn:focus {
  border-color: #e12b01 !important;
}
.orderPage .contentBox .step2 .orderPay {
  padding: 38px 41px 34px 41px;
  background: #ffffff;
}
.orderPage .contentBox .step2 .orderPay .top {
  padding-bottom: 35px;
  border-bottom: 1px dashed #d7d7d7;
}
.orderPage .contentBox .step2 .orderPay .top .t1 {
  font-size: 16px;
  color: #3b4249;
  margin-bottom: 23px;
}
.orderPage .contentBox .step2 .orderPay .top .t2 {
  font-size: 14px;
  color: #333333;
}
.orderPage .contentBox .step2 .orderPay .top .t3 {
  font-size: 14px;
  color: #e22c01;
}
.orderPage .contentBox .step2 .orderPay .bottom {
  padding-top: 20px;
}
.orderPage .contentBox .step2 .orderPay .bottom .title {
  font-size: 14px;
  color: #333333;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType {
  display: flex;
  margin-top: 14px;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox {
  margin-right: 20px;
  position: relative;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 {
  cursor: pointer;
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType1 img {
  width: 188px;
  height: 80px;
  border: none;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 {
  cursor: pointer;
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.orderPage .contentBox .step2 .orderPay .bottom .payType .rechargeBtnBox .rechargeType2 img {
  width: 192px;
  height: 86px;
  border-radius: 4px;
  border: none;
}
.orderPage .contentBox .step3 {
  padding-top: 29px;
}
.orderPage .contentBox .step3 .payResult {
  display: flex;
  background: #ffffff;
  padding: 39px 0 37px 41px;
  font-size: 16px;
  color: #3B4249;
}
.orderPage .contentBox .step3 .payResult .orderNum {
  margin-bottom: 33px;
}
.orderPage .contentBox .step3 .payResult .payMoney .backBtn {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #f68500;
  margin-left: 220px;
}
.payModal .ant-modal-body {
  background-color: #f1f1f1;
}
.payModal .orderInfo {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #fff;
  display: flex;
}
.payModal .orderInfo p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3b4249;
}
.payModal .orderInfo p span {
  color: #ee5e53;
}
.payModal .orderInfo p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #3b4249;
  margin-left: 108px;
}
.payModal .payBox {
  padding: 0 100px;
  margin-top: 20px;
  width: 100%;
  height: 588px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.payModal .payBox .left .l_top {
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3b4249;
}
.payModal .payBox .left .l_top span {
  color: #ee5e53;
  font-size: 20px;
}
.payModal .payBox .left .codeBox {
  width: 287px;
  height: 287px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 20px;
}
.payModal .payBox .left .infoText {
  width: 287px;
  height: 63px;
  background: #ee5e53;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.payModal .payBox .left .infoText span {
  font-size: 30px;
}
.payModal .payBox .left .infoText > div {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 20px;
}
.payModal .payBox .left .infoText > div p {
  text-align: left;
  color: #fff;
  margin: 0;
}
.payModal .content1 {
  text-align: center;
}
.payModal .content1 img {
  max-width: 100%;
}
.payModal .content1 .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content1 .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content1 .t3 {
  font-size: 14px;
}
.payModal .content1 .t3 span {
  color: #e22c01;
  cursor: pointer;
}

.loginPage {
  min-height: 250px;
  position: relative;
}
.loginPage .bgImg {
  max-width: 100%;
  min-width: 1200px;
}
.loginPage .modalContent {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc((100vw - 1200px)/2);
  width: 375px;
  padding: 30px;
  border-radius: 6px;
  background: white;
}
.loginPage .modalContent .mHeader {
  display: flex;
  margin-bottom: 30px;
}
.loginPage .modalContent .mHeader .mht {
  text-align: center;
  flex: 1;
  border-left: 1px solid #EFEFF0;
  font-size: 16px;
  color: #686A71;
  cursor: pointer;
}
.loginPage .modalContent .mHeader .mht:first-of-type {
  border-left: 0;
}
.loginPage .modalContent .mHeader .mht:hover {
  color: #E74633;
}
.loginPage .modalContent .mHeader .smht {
  color: #E74633;
  font-weight: bold;
}
.loginPage .modalContent .mBody {
  height: 305px;
}
.loginPage .modalContent .mBody .ant-input-affix-wrapper {
  max-height: 50px;
}
.loginPage .modalContent .mBody .loginInput .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 42px;
}
.loginPage .modalContent .mBody .verifyInput {
  height: 50px;
}
.loginPage .modalContent .mBody .loginBtn {
  height: 50px;
  background: linear-gradient(-90deg, #f15942, #e23d2b);
  border-color: #E74633;
}
.loginPage .modalContent .mBody .timeBtn {
  height: 50px;
  width: 130px;
  background: #E74633;
  border-color: #E74633;
}
.loginPage .modalContent .mFooter {
  height: 40px;
  display: flex;
  align-items: center;
  color: #8C8C8C;
}
.loginPage .modalContent .mFooter img {
  margin: 0 15px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .loginPage .modalContent {
    padding: 22px 50px;
    right: 0;
  }
}

.couponPage {
  background: url(/backgroundLayer.png) no-repeat center center;
  background-size: 100% 100%;
}
.couponPage .mainBody {
  width: 1200px;
  margin: 0 auto;
}
.couponPage .mainBody .couponBox {
  min-height: calc(100vh - 140px);
  padding: 100px 0;
  text-align: center;
}
.couponPage .mainBody .couponBox .couponCard {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.couponPage .mainBody .couponBox .couponCard .coupon {
  width: 200px;
  margin-right: 30px;
  margin-bottom: 30px;
  background: url(/couponbg.png) no-repeat center center;
}
.couponPage .mainBody .couponBox .couponCard .coupon:nth-of-type(5n) {
  margin-right: 0;
}
.couponPage .mainBody .couponBox .couponCard .coupon .couponInfo {
  height: 170px;
  text-align: center;
  padding: 50px 0 0;
}
.couponPage .mainBody .couponBox .couponCard .coupon .couponInfo h3 {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  line-height: 22px;
}
.couponPage .mainBody .couponBox .couponCard .coupon .couponInfo p {
  font-size: 14px;
  font-weight: 400;
  color: #ffff00;
  line-height: 22px;
}
.couponPage .mainBody .couponBox .couponCard .coupon .couponInfo span {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
}
.couponPage .mainBody .couponBox .couponCard .coupon .couponType {
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.couponPage .mainBody .couponBox .couponCard .coupon .couponType span {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.couponPage .mainBody .couponBox .receive {
  width: 241px;
  height: 41px;
  background: #ffffff !important;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #fe011f !important;
  line-height: 22px;
  border-color: #fff !important;
}
.couponPage .mainBody .noCouponBox {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 140px);
}
.couponPage .mainBody .noCouponBox span {
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
}

.registerPage {
  height: 548px;
  padding: 43px 0;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
.registerPage .mainBody {
  height: 100%;
  display: flex;
  justify-content: center;
}
.registerPage .dividerVer {
  height: 100%;
  margin: 0 95px;
}
.registerPage .modalContent {
  width: 375px;
  padding: 0 30px;
}
.registerPage .modalContent .mHeader {
  color: #686A71;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}
.registerPage .modalContent .mBody .ant-input-affix-wrapper {
  max-height: 50px;
}
.registerPage .modalContent .mBody .loginInput .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 42px;
}
.registerPage .modalContent .mBody .verifyInput {
  height: 50px;
}
.registerPage .modalContent .mBody .loginBtn {
  height: 50px;
  background: linear-gradient(-90deg, #f15942, #e23d2b);
  border-color: #E74633;
  color: white;
}
.registerPage .modalContent .mBody .timeBtn {
  height: 50px;
  width: 130px;
  background: #E74633;
  border-color: #E74633;
}
.registerPage .modalContent .mBody .t1 {
  font-size: 12px;
}
.registerPage .modalContent .mBody a.t1 {
  color: #E5422F;
}
.registerPage .modalContent .mBody .ant-checkbox + span {
  padding-right: 0;
}
.registerPage .modalContent1 {
  width: 400px;
  height: 100%;
  padding-top: 90px;
}
.registerPage .modalContent1 .mHeader {
  color: #343434;
  font-size: 24px;
  text-align: center;
}
.registerPage .modalContent1 a.t1 {
  color: #F08205;
}
.registerPage .modalContent1 .divider {
  margin: 70px 0 55px;
}
.registerPage .modalContent1 .directLogin {
  display: flex;
  justify-content: center;
}
.registerPage .modalContent1 .directLogin img {
  cursor: pointer;
}
.registerPage .modalContent1 .directLogin img:first-of-type {
  margin-right: 50px;
}

.retrievePassword {
  height: 548px;
  background: url("https://img.yiwenjy.cn/base/img/revPwdBg.png") no-repeat center center;
  padding-top: 30px;
}
.retrievePassword .mainBody {
  width: 932px;
  height: 496px;
  background: #ffffff;
  padding: 32px 42px;
}
.retrievePassword .mainBody .mHeader {
  position: relative;
  display: flex;
  justify-content: space-around;
  font-size: 16px;
}
.retrievePassword .mainBody .mHeader .prv {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ECECEC;
  bottom: 26px;
  left: 0;
}
.retrievePassword .mainBody .mHeader .item {
  color: #666666;
  text-align: center;
  position: relative;
  width: 25%;
}
.retrievePassword .mainBody .mHeader .item .t1 {
  margin-bottom: 15px;
}
.retrievePassword .mainBody .mHeader .item img {
  position: relative;
  z-index: 1;
}
.retrievePassword .mainBody .mHeader .select {
  color: #FF5C33;
}
.retrievePassword .mainBody .mHeader .select:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FF5C33;
  bottom: 26px;
  left: 0;
}
.retrievePassword .mainBody .mBody {
  width: 100%;
  overflow: hidden;
}
.retrievePassword .mainBody .mBody .contentBox {
  width: 3400px;
  position: relative;
  display: flex;
  transition: left 0.3s;
}
.retrievePassword .mainBody .mBody .item {
  width: 848px;
  padding: 80px 214px 0;
}
.retrievePassword .mainBody .mBody .item .ant-input-affix-wrapper {
  max-height: 50px;
}
.retrievePassword .mainBody .mBody .item .loginInput .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 42px;
}
.retrievePassword .mainBody .mBody .item .verifyInput {
  height: 50px;
}
.retrievePassword .mainBody .mBody .item .loginBtn {
  height: 50px;
  background: linear-gradient(-90deg, #f15942, #e23d2b);
  border-color: #E74633;
}
.retrievePassword .mainBody .mBody .item .timeBtn {
  height: 50px;
  width: 130px;
  background: #E74633;
  border-color: #E74633;
}
.retrievePassword .mainBody .mBody .item1 {
  text-align: center;
}
.retrievePassword .mainBody .mBody .item1 .t1 {
  color: #666666;
  font-size: 24px;
  margin: 30px 0;
}
.retrievePassword .mainBody .mBody .item1 a {
  font-size: 18px;
  color: #FF5C33;
  text-decoration: underline;
}
.retrievePassword .mainBody .mBody .item1 a:hover {
  color: #F08205;
}

.loginWithQQ {
  padding-top: 50px;
  display: none;
}
.loginWithQQ .phone_head {
  text-align: center;
}
.loginWithQQ .phone_body {
  width: 430px;
  margin: 32px auto 0;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 32px;
}
.loginWithQQ .phone_body .b_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.loginWithQQ .phone_body .b_top .left {
  color: #424242;
  font-size: 16px;
}
.loginWithQQ .phone_body .b_top .left .t1 {
  font-size: 18px;
}
.loginWithQQ .phone_body .b_top img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.loginWithQQ .phone_body .ant-input-affix-wrapper {
  max-height: 50px;
}
.loginWithQQ .phone_body .loginInput .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 42px;
}
.loginWithQQ .phone_body .loginBtn {
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(-90deg, #f15942, #e23d2b);
  border-color: #E74633;
}
.loginWithQQ .phone_body .timeBtn {
  color: #498BB8;
  font-size: 16px;
  cursor: pointer;
}
.loginWithQQ .phone_body .notSelect {
  color: #424242;
}
.loginWithQQ .phone_body .t3 {
  font-size: 18px;
}

.testParsing .topHead {
  width: 100%;
  height: 148px;
  background: #74b7f7;
  display: flex;
  padding: 7px 15px;
}
.testParsing .topHead > div {
  width: 33.3%;
}
.testParsing .topHead .left {
  display: flex;
}
.testParsing .topHead .left .left_1 {
  width: 107px;
  height: 134px;
  background: #0051e5;
  text-align: center;
  padding-top: 10px;
}
.testParsing .topHead .left .left_2 {
  margin-left: 10px;
}
.testParsing .topHead .left .left_2 p {
  margin: 0;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #f2f5fa;
}
.testParsing .topHead .middle {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f2f5fa;
}
.testParsing .topHead .right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testParsing .topHead .right .lookScore {
  width: 114px;
  height: 42px;
  background: linear-gradient(0deg, #ff9f33, #fce79d);
  box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.69);
  font-weight: bold;
  color: #292929;
}
.testParsing .mainContent {
  height: calc(100vh - 148px);
  width: 100%;
  background-color: #ddebf6;
  display: flex;
}
.testParsing .mainContent .left {
  width: 360px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.testParsing .mainContent .left .leftContent {
  flex: 1;
  width: 100%;
  height: 100%;
  background: #eff6fe;
  border: 2px solid #a4bbf6;
  margin-right: 20px;
  position: relative;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}
.testParsing .mainContent .left .leftContent .ltop {
  width: 100%;
  height: 57px;
  background: #ffffff;
  display: flex;
  align-items: center;
}
.testParsing .mainContent .left .leftContent .ltop > div {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testParsing .mainContent .left .leftContent .ltop > div.l_two em {
  background: #daf6d0;
}
.testParsing .mainContent .left .leftContent .ltop > div.l_three span:first-of-type,
.testParsing .mainContent .left .leftContent .ltop > div.l_four span:first-of-type {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #db7429;
  margin-right: 10px;
}
.testParsing .mainContent .left .leftContent .ltop > div em {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: #fb966c;
  margin-right: 10px;
}
.testParsing .mainContent .left .leftContent .lcMain {
  flex: 1;
  padding-bottom: 10px;
  overflow-y: auto;
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.testParsing .mainContent .left .leftContent .closeLeft {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -43px;
  width: 13px;
  height: 86px;
  line-height: 86px;
  text-align: center;
  background: linear-gradient(90deg, #3b8ac4, #a4d5f6);
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}
.testParsing .mainContent .left .leftContent .closeLeft span {
  font-size: 14px;
  color: #fff;
}
.testParsing .mainContent .left .leftItem .itemTop {
  width: 100%;
  overflow: hidden;
}
.testParsing .mainContent .left .leftItem .itemTop .content {
  height: 36px;
  padding-left: 13px;
}
.testParsing .mainContent .left .leftItem .itemTop .content img {
  vertical-align: middle;
  margin-right: 4px;
}
.testParsing .mainContent .left .leftItem .itemTop .content span {
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #343434;
}
.testParsing .mainContent .left .leftItem .itemContent {
  margin: 5px 10px 8px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 0.3s;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem {
  width: 30px;
  height: 39px;
  background: #ffffff;
  border: 1px solid #dfe3e6;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #4f4e4e;
  text-align: center;
  line-height: 39px;
  cursor: pointer;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem span {
  position: relative;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeNot span::after {
  content: "*";
  position: absolute;
  top: -14px;
  right: -6px;
  color: #f61e17;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeRight {
  background-color: #daf6d0;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeError {
  background-color: #fb966c;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeSign span::after {
  content: "?";
  position: absolute;
  top: -14px;
  right: -6px;
  color: #f61e17;
}
.testParsing .mainContent .left .leftItem .itemContent .select {
  border: 2px solid #62a9ff !important;
}
.testParsing .mainContent .left .explanation {
  margin: 10px 0;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fc2728;
  line-height: 26px;
}
.testParsing .mainContent .left .explanation p {
  margin: 0;
}
.testParsing .mainContent .left .lBottom {
  width: 100%;
  height: 68px;
  background: #d7e2e8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testParsing .mainContent .left .lBottom img {
  cursor: pointer;
}
.testParsing .mainContent .right {
  flex: 1;
  position: relative;
  height: calc(100vh - 148px);
  display: flex;
  flex-direction: column;
}
.testParsing .mainContent .right .rightTopContent {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.testParsing .mainContent .right .rightTopContent .r_top {
  height: 77px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 77px;
  text-align: center;
}
.testParsing .mainContent .right .rightTopContent .queContent {
  flex: 1;
  width: 100%;
  position: relative;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  height: calc(100vh - 275px);
  overflow: auto;
  padding-bottom: 50px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .r_des {
  width: 100%;
  background: #edf4fa;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 31px;
  padding: 24px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain {
  flex: 1;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .cardHead {
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 36px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox {
  padding: 25px 20px 0px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox p {
  font-size: 20px;
  font-weight: bold;
  color: #13100b;
  line-height: 40px;
  margin: 0;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox p img {
  width: 36px;
  height: 36px;
  margin-left: 8px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox .issue,
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox .type {
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox .type {
  font-weight: bold;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox {
  padding: 0px 20px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem {
  display: flex;
  align-items: center;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .optionBox {
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .optionBox.error {
  border: 3px solid #ff5026;
  border-radius: 50%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .optionBox.ansRight {
  border: 3px solid #3d8f06;
  border-radius: 50%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .spTitle {
  flex: 1;
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .radio {
  width: 18px;
  height: 18px;
  background: linear-gradient(90deg, #dfdfdf, #eeeeee);
  border: 1px solid #acabab;
  border-radius: 50%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .check {
  border-radius: 4px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .textArea {
  margin-top: 20px;
  max-width: 80%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox {
  padding: 0px 20px;
  margin-top: 20px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox p {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #13100b;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .my .textGreen {
  color: #3d8f06;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .my .textError {
  color: #d51315;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .top2 {
  margin-top: 10px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #13100b;
}
.testParsing .mainContent .right .rightBottomContent {
  width: 100%;
  height: 70px;
  background: #d7e2e8;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 73px;
  z-index: 2;
}
.testParsing .mainContent .right .rightBottomContent .rbLeft {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #13100b;
  line-height: 32px;
}
.testParsing .mainContent .right .rightBottomContent .rbLeft .ant-checkbox-inner {
  width: 26px;
  height: 26px;
}
.testParsing .mainContent .right .rightBottomContent .rbLeft .ant-checkbox-inner::after {
  width: 8px;
  height: 16px;
}
.testParsing .mainContent .right .rightBottomContent .rbRight {
  display: flex;
}
.testParsing .mainContent .right .rightBottomContent .rbRight > div {
  width: 157px;
  height: 70px;
  background: rgba(226, 237, 243, 0.3);
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
  font-weight: 400;
  color: #7d7e80;
  cursor: pointer;
}
.testParsing .mainContent .right .bottom {
  position: absolute;
  bottom: 0px;
  padding-left: 24px;
  background-color: #ddebf6;
  z-index: 9;
}
.testParsing .mainContent .right .bottom .btn {
  width: 121px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #f4d7bb;
  font-size: 18px;
  color: #7d7e80;
  margin-right: 16px;
}
.testParsing .mainContent .right .bottom .btn .anticon {
  color: #fea748;
}

.testSimulation .topHead {
  width: 100%;
  height: 148px;
  background: #74b7f7;
  display: flex;
  padding: 7px 15px;
}
.testSimulation .topHead > div {
  width: 33.3%;
}
.testSimulation .topHead .left {
  display: flex;
}
.testSimulation .topHead .left .left_1 {
  width: 107px;
  height: 134px;
  background: #0051e5;
  text-align: center;
  padding-top: 10px;
}
.testSimulation .topHead .left .left_2 {
  margin-left: 10px;
}
.testSimulation .topHead .left .left_2 p {
  margin: 0;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #f2f5fa;
}
.testSimulation .topHead .middle {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f2f5fa;
}
.testSimulation .topHead .right {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.testSimulation .topHead .right .downTime {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #ff3036;
  margin-right: 16px;
}
.testSimulation .topHead .right .downTime .ant-statistic-content-value {
  font-size: 24px;
  font-weight: bold;
  color: #ff3036;
}
.testSimulation .topHead .right .finishExam {
  width: 114px;
  height: 42px;
  background: linear-gradient(0deg, #ff9f33, #fce79d);
  box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.69);
  font-weight: bold;
  color: #292929;
}
.testSimulation .mainContent {
  min-height: calc(100vh - 148px);
  width: 100%;
  background-color: #ddebf6;
  display: flex;
}
.testSimulation .mainContent .left {
  max-width: 450px;
  border-right: 1px solid #a4bbf6;
}
.testSimulation .mainContent .left .leftContent {
  width: 429px;
  min-height: 761px;
  background: #eff6fe;
  border: 2px solid #a4bbf6;
  margin-right: 20px;
  position: relative;
  transition: all 0.3s;
}
.testSimulation .mainContent .left .leftContent .lcMain {
  max-height: calc(100vh - 168px);
  padding-bottom: 10px;
  overflow-y: auto;
  -ms-overflow-style: none;
}
.testSimulation .mainContent .left .leftContent .lcMain::-webkit-scrollbar {
  width: 0 !important;
}
.testSimulation .mainContent .left .leftContent .closeLeft {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -43px;
  width: 13px;
  height: 86px;
  line-height: 86px;
  text-align: center;
  background: linear-gradient(90deg, #3b8ac4, #a4d5f6);
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}
.testSimulation .mainContent .left .leftContent .closeLeft span {
  font-size: 14px;
  color: #fff;
}
.testSimulation .mainContent .left .leftItem .itemTop {
  width: 100%;
  background: linear-gradient(0deg, #498fc5, #8ecaf7);
  border-top: 2px solid #1b6eab;
  border-bottom: 2px solid #1b6eab;
  overflow: hidden;
}
.testSimulation .mainContent .left .leftItem .itemTop .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 116px;
  padding-right: 10px;
  height: 36px;
}
.testSimulation .mainContent .left .leftItem .itemTop span {
  font-size: 18px;
  font-weight: bold;
  color: #343434;
}
.testSimulation .mainContent .left .leftItem .itemTop .rightAction {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #104080;
  cursor: pointer;
}
.testSimulation .mainContent .left .leftItem .itemTop .rightAction .anticon {
  font-size: 14px;
  margin-right: 5px;
}
.testSimulation .mainContent .left .leftItem .itemContent {
  margin: 5px 10px 8px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 0.3s;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem {
  width: 39px;
  height: 39px;
  background: #ddebf6;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #4f4e4e;
  padding: 6px 0 0 6px;
  cursor: pointer;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem span {
  position: relative;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem span::after {
  content: "*";
  position: absolute;
  top: -5px;
  right: -10px;
  color: #f61e17;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem.makeDone span::after {
  display: none;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem.makeSign span::after {
  content: "?";
}
.testSimulation .mainContent .left .leftItem .itemContent .select {
  border: 2px solid #62a9ff !important;
}
.testSimulation .mainContent .left .explanation {
  margin-top: 20px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fc2728;
  line-height: 26px;
}
.testSimulation .mainContent .left .explanation p {
  margin: 0;
}
.testSimulation .mainContent .left .jisuanBox {
  margin-top: 10px;
  text-align: center;
}
.testSimulation .mainContent .left .jisuanBox img {
  cursor: pointer;
}
.testSimulation .mainContent .right {
  flex: 1;
  position: relative;
  height: calc(100vh - 148px);
  overflow: auto;
}
.testSimulation .mainContent .right .rightItem {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  opacity: 0;
  height: calc(100vh - 148px);
  overflow: hidden;
  padding-bottom: 50px;
}
.testSimulation .mainContent .right .rightItem .rightTop {
  border-bottom: 2px solid #a4bbf6;
  font-size: 22px;
  color: #575757;
  line-height: 31px;
  padding: 6px 30px 6px 6px;
}
.testSimulation .mainContent .right .rightItem .rightContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testSimulation .mainContent .right .rightItem .rightContent .cardHead {
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 36px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top {
  flex: 1;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox {
  padding: 25px 20px 0px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox p {
  font-size: 20px;
  font-weight: bold;
  color: #13100b;
  line-height: 40px;
  margin: 0;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox .issue,
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox .type {
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox .type {
  font-weight: bold;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox {
  padding: 0px 20px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox .ant-radio-wrapper,
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
  margin: 0;
  white-space: normal;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox .textArea {
  margin-top: 20px;
  max-width: 80%;
}
.testSimulation .mainContent .right .bottom {
  position: absolute;
  bottom: 0px;
  padding-left: 24px;
  background-color: #ddebf6;
  z-index: 9;
}
.testSimulation .mainContent .right .bottom .btn {
  width: 121px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #f4d7bb;
  font-size: 18px;
  color: #7d7e80;
  margin-right: 16px;
}
.testSimulation .mainContent .right .bottom .btn .anticon {
  color: #fea748;
}
.testSimulation .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  transition: opacity 0.3s;
  z-index: 99;
}
.testSimulation .mark .iconSync {
  font-size: 44px;
  color: #F08205;
  margin: 0 10px;
}
.examOverModal .t0 {
  color: #313131;
  text-align: center;
  margin: 20px 0 50px;
}
.examOverModal .t0 .red {
  color: #EC6941;
}
.examOverModal .t1 {
  display: flex;
  justify-content: center;
}
.examOverModal .t1 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  margin-right: 35px;
  color: white;
  border-color: #f04a00;
}
.examOverModal .t1 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: 0px 0px 15px 0px rgba(240, 73, 11, 0.23);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
}

.searchIndex .header .content {
  height: 50px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.searchIndex .header .content a {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.searchIndex .header .content .questionMark {
  margin-left: 25px;
  margin-right: 3px;
}
.searchIndex .header .content .select {
  color: #F08205;
}
.searchIndex .header .content .loginOut {
  cursor: pointer;
}
.searchIndex .header .content .loginOut:hover {
  color: #F08205;
}
.searchIndex .mainContent {
  width: 650px;
  margin: 140px auto 0 auto;
}
.searchIndex .mainContent .logo {
  text-align: center;
  margin-bottom: 38px;
}
.searchIndex .mainContent .typeBox {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
.searchIndex .mainContent .typeBox span {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: #115be2;
  margin-right: 26px;
  cursor: pointer;
}
.searchIndex .mainContent .typeBox .selected {
  color: #4B4B4B;
  text-decoration: none;
  cursor: default;
}
.searchIndex .mainContent .searchInput {
  margin-bottom: 235px;
}
.searchIndex .mainContent .searchInput .ant-input {
  width: 547px;
  height: 44px;
  border: 2px solid #cfd1d6;
  border-radius: 6px 0px 0px 6px;
  border-right: 0;
}
.searchIndex .mainContent .searchInput .ant-btn-primary {
  height: 44px;
  border: none;
}
.searchIndex .mainContent .searchInput .ant-btn-primary {
  width: 107px;
  height: 44px;
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  border-radius: 0px 6px 6px 0px;
}
.searchIndex .mainContent .links {
  text-align: center;
}
.searchIndex .mainContent .links:last-child {
  margin-right: 0;
}
.searchIndex .mainContent .links:first-child {
  margin-left: 0;
}
.searchIndex .mainContent .links span {
  color: #1F479D;
  font-size: 14px;
  margin-right: 10px;
  margin-left: 10px;
}

.testLogin .mainBox {
  width: 1200px;
  margin: 0 auto;
}
.testLogin .topHead {
  width: 100%;
  height: 90px;
  background: #027db4;
}
.testLogin .topHead .mainBox {
  position: relative;
}
.testLogin .topHead .logo {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 110px;
  height: 40px;
}
.testLogin .topHead .logo img {
  width: 100%;
  height: 100%;
}
.testLogin .topHead p {
  margin: 0;
  font-size: 22px;
  color: #f2f2f2;
  text-align: center;
  line-height: 90px;
}
.testLogin .content {
  width: 1135px;
  height: 458px;
  margin: 0 auto;
  background: #ffffff;
  border: 2px solid #027db4;
  border-radius: 8px;
  margin-top: 125px;
  padding-left: 270px;
  padding-top: 84px;
}
.testLogin .content .inputBox {
  display: flex;
  margin-bottom: 44px;
}
.testLogin .content .inputBox span {
  display: block;
  width: 200px;
  font-size: 28px;
  font-weight: 400;
  color: #555555;
}
.testLogin .content .inputBox input {
  font-size: 26px;
  font-weight: 400;
  color: #f1452d;
}
.testLogin .content .actionBox {
  padding-left: 200px;
}
.testLogin .content .actionBox .login {
  width: 130px;
  height: 40px;
  background: linear-gradient(-90deg, #f45125, #f0432f);
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
  border-radius: 4px;
  border-color: #f45125;
  color: #fff;
  margin-right: 76px;
}
.testLogin .content .actionBox .reset {
  width: 130px;
  height: 40px;
  background: #f59a23;
  box-shadow: 0px 0px 10px 0px rgba(245, 154, 35, 0.44);
  border-radius: 4px;
  border-color: #f59a23;
  color: #fff;
}
.testLogin .content p {
  padding-left: 100px;
  margin-top: 70px;
  font-size: 14px;
  color: #6f6f6f;
}

.testScore .mainBox {
  width: 1200px;
  margin: 0 auto;
}
.testScore .topHead {
  width: 100%;
  height: 90px;
  background: #027db4;
}
.testScore .topHead .mainBox {
  position: relative;
}
.testScore .topHead .logo {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 110px;
  height: 40px;
}
.testScore .topHead .logo img {
  width: 100%;
  height: 100%;
}
.testScore .topHead p {
  margin: 0;
  font-size: 22px;
  color: #f2f2f2;
  text-align: center;
  line-height: 90px;
}
.testScore .content {
  width: 1135px;
  margin: 0 auto;
  background: #ffffff;
  border: 2px solid #027db4;
  border-radius: 8px;
  margin-top: 125px;
  padding: 40px;
}
.testScore .content .topAction {
  display: flex;
  justify-content: space-between;
  padding: 0 248px;
}
.testScore .content .topAction button {
  width: 130px;
  height: 34px;
  border-radius: 2px;
  color: #f2f5fa;
}
.testScore .content .topAction .back {
  background: #7f7f7f;
  border-color: #7f7f7f;
}
.testScore .content .topAction .download {
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-color: #f45125;
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
}
.testScore .content .topAction .look {
  background: #f59a23;
  border-color: #f59a23;
  box-shadow: 0px 0px 10px 0px rgba(245, 154, 35, 0.44);
}
.testScore .content .mainContent {
  padding-left: 20px;
}
.testScore .content .mainContent .topInfo {
  display: flex;
  align-items: flex-start;
  margin-top: 36px;
}
.testScore .content .mainContent .topInfo .left {
  font-size: 16px;
  font-weight: bold;
  color: #403f3f;
}
.testScore .content .mainContent .topInfo .right {
  margin-top: -4px;
}
.testScore .content .mainContent .topInfo .right p {
  font-size: 16px;
  color: #555555;
  margin: 0;
  line-height: 32px;
}
.testScore .content .mainContent .tableBox {
  padding-left: 25px;
  margin-top: 16px;
}
.testScore .content .mainContent .tableBox .thCenter {
  text-align: center;
  color: #333333;
}
.testScore .content .mainContent .tableBox p {
  margin-top: 14px;
  color: #6f6f6f;
}
.payModal12 .title {
  text-align: center;
  margin: 40px auto;
}
.payModal12 .btnBox {
  display: flex;
  justify-content: space-around;
}
.payModal12 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.payModal12 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}

.courseItem {
  width: 290px;
  height: 256px;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  padding: 6px 9px;
}
.courseItem .courseImg {
  width: 100%;
  height: 134px;
}
.courseItem .courseTitle {
  font-weight: 400;
  color: #373737;
  margin-top: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.courseItem .courseLong {
  font-weight: 400;
  color: #5c5c5c;
  margin-top: 8px;
}
.courseItem .coursePrice {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
.courseItem .coursePrice .left {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ff2f2f;
}
.courseItem .coursePrice .right {
  display: block;
  font-weight: 400;
  color: #d58200;
}
.courseItem .coursePrice .right img {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.courseItem .coursePrice .right span {
  vertical-align: middle;
}

.teacherItem {
  width: 211px;
  height: 320px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  padding: 6px 12px;
  cursor: pointer;
}
.teacherItem .teacherImg {
  width: 100%;
  height: 184px;
  margin-bottom: 12px;
}
.teacherItem .teacherName {
  font-weight: bold;
  color: #252525;
  text-align: center;
  margin-bottom: 8px;
}
.teacherItem .examNames {
  color: #252525;
  text-align: center;
  margin-bottom: 4px;
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  white-space: nowrap;
  /* 防止文本换行 */
}
.teacherItem .info {
  font-size: 12px;
  color: #555555;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.menuList {
  border: none;
  border-radius: 8px;
  width: 224px;
}
.menuList .ant-menu-item-group {
  border-top: solid 1px #EEEEEE;
}
.menuList .ant-menu-item-group .ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 24px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.menuList .ant-menu-item a {
  display: flex;
  align-items: center;
  color: #666666 !important;
}
.menuList .ant-menu-item a img {
  margin-right: 10px;
  border: none;
}
.menuList .ant-menu-item .ant-menu-item-only-child .ant-menu-item-selected,
.menuList .selectKey {
  color: #666666 !important;
  background: #fff4f0 !important;
}
.menuList .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
.menuList .selectKey {
  background-color: #fff4f0 !important;
}
.menuList .ant-menu-item::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-right: 0;
  border-left: 3px solid #EC4300;
  content: '';
}

.rightNode {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rightNode img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.rightNode .ant-dropdown-link {
  height: 30px;
  display: flex;
  justify-items: center;
  align-items: center;
}
.dropdown {
  width: 140px;
  margin-left: 40px;
}
.dropdown a {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #444444 !important;
}
.dropdown a span {
  color: #ec4200 !important;
  margin-left: 5px;
}
.dropdown .loginOut {
  width: 100%;
}

.myIntegral .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myIntegral .rightContent .right_middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 45px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left {
  width: 300px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox {
  width: 100%;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .actionBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #95d577;
  height: 34px;
  padding: 0 10px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .actionBox .leftAction,
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .actionBox .rightAction {
  width: 20px;
  height: 20px;
  background: #2faa00;
  border-color: #2faa00;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .actionBox .leftAction span,
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .actionBox .rightAction span {
  font-size: 10px;
  color: #ffffff;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .actionBox span {
  font-size: 18px;
  color: #ffffff;
  line-height: 22px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #ee491f;
  border-radius: 50%;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .todyNoSign {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: #ee491f;
  border-radius: 50%;
  color: #fff;
  line-height: 24px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .SignEd,
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .todyYesSign {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: #fbf4dd;
  border-radius: 50%;
  color: #AAAAAA;
  line-height: 24px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .calendarBox .todyYesSign {
  border: 1px solid #fbf4dd;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .actionAreas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #95d577;
  height: 40px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .actionAreas .leftAction,
.myIntegral .rightContent .right_middle .rightMiddle_left .actionAreas .rightAction {
  width: 32px !important;
  height: 32px !important;
  background: #2faa00;
  border-color: #2faa00;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .actionAreas .leftAction {
  margin-left: 8px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .actionAreas .rightAction {
  margin-right: 8px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .actionAreas span {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 2px;
}
.myIntegral .rightContent .right_middle .rightMiddle_left .attendanceBtn {
  width: 300px;
  height: 30px;
  background: #ec8500 !important;
  border-color: #ec8500 !important;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
  line-height: 22px;
}
.myIntegral .rightContent .right_middle .rightMiddle_right {
  width: 535px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.myIntegral .rightContent .right_middle .rightMiddle_right .pointsIntroduction {
  margin-bottom: 45px;
}
.myIntegral .rightContent .right_middle .rightMiddle_right .pointsIntroduction h5 {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.myIntegral .rightContent .right_middle .rightMiddle_right .pointsIntroduction div {
  background: #f2f5fa;
  border-radius: 4px;
  padding: 20px 15px;
}
.myIntegral .rightContent .right_middle .rightMiddle_right .pointsIntroduction div p {
  margin-bottom: 2em;
}
.myIntegral .rightContent .right_middle .rightMiddle_right > p {
  margin-bottom: 50px;
}
.myIntegral .rightContent .right_middle .rightMiddle_right > p span {
  font-size: 16px;
  font-weight: 400;
  color: #EC4300;
  line-height: 22px;
}
.myIntegral .rightContent .integralSwitchBtn {
  width: 100%;
}
.myIntegral .rightContent .integralSwitchBtn .ant-tabs-bar {
  width: 100%;
  margin: 0 0 16px 0;
  border-bottom: 0;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myIntegral .rightContent .integralSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  margin: 0;
  margin-right: 0;
  padding: 8px 30px;
  line-height: 22px;
  background: #fff !important;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myIntegral .rightContent .integralSwitchBtn .ant-tabs-nav .ant-tabs-tab:hover {
  color: #EC4300 !important;
}
.myIntegral .rightContent .integralSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #EC4300 !important;
}
.myIntegral .rightContent .integralSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid #EC4300;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.rechargeBox {
  min-height: 300px;
  background-color: #F7F9FC;
  padding: 40px 0 0 35px;
}
.rechargeBox .rechargeDetail {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 45px;
}
.rechargeBox .rechargeDetail span {
  font-size: 14px;
  font-weight: 400;
  color: #D9001B;
  line-height: 22px;
}
.rechargeBox .rechargeBtn {
  margin-bottom: 45px;
}
.rechargeBox .rechargeBtn .ant-radio-button-wrapper {
  min-width: 80px;
  text-align: center;
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0 40px 0 0;
  padding: 0 15px;
  color: #333 !important;
  line-height: 30px;
  background: #fff;
  border: 1px solid #e5e5e5 !important;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.rechargeBox .rechargeBtn .ant-radio-button-wrapper-checked {
  min-width: 80px;
  text-align: center;
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0 40px 0 0;
  padding: 0 15px;
  color: #333 !important;
  line-height: 30px;
  background: #fff;
  border: 1px solid #ec4300 !important;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.rechargeBox .rechargeBtn .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #ec4300;
}
.rechargeBox .rechargeType {
  display: flex;
  align-items: center;
}
.rechargeBox .rechargeType span {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.rechargeBox .rechargeType .ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 75px;
  width: 150px;
  margin: 0 30px 0 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 0;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.rechargeBox .rechargeType .ant-radio-button-wrapper img {
  height: 75px;
  width: 150px;
  border: 0;
}
.rechargeBox .rechargeType .ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 0;
  height: 100%;
  padding: 0;
  background-color: #F7F9FC;
  transition: background-color 0.3s;
  content: '';
}
.rechargeBox .rechargeType .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #F7F9FC;
}
.payModal .ant-modal-body {
  background-color: #f1f1f1;
}
.payModal .orderInfo {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #fff;
  display: flex;
}
.payModal .orderInfo p {
  font-size: 18px;
  font-weight: bold;
  color: #3b4249;
}
.payModal .orderInfo p span {
  color: #ee5e53;
}
.payModal .orderInfo p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #3b4249;
  margin-left: 108px;
}
.payModal .payBox {
  padding: 0 100px;
  margin-top: 20px;
  width: 100%;
  height: 588px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.payModal .payBox .left .l_top {
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3b4249;
}
.payModal .payBox .left .l_top span {
  color: #ee5e53;
  font-size: 20px;
}
.payModal .payBox .left .codeBox {
  width: 287px;
  height: 287px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 20px;
}
.payModal .payBox .left .infoText {
  width: 287px;
  height: 63px;
  background: #ee5e53;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.payModal .payBox .left .infoText span {
  font-size: 30px;
}
.payModal .payBox .left .infoText > div {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 20px;
}
.payModal .payBox .left .infoText > div p {
  text-align: left;
  color: #fff;
  margin: 0;
}
.payModal .content1 {
  text-align: center;
}
.payModal .content1 img {
  max-width: 100%;
}
.payModal .content1 .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content1 .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content1 .t3 {
  font-size: 14px;
}
.payModal .content1 .t3 span {
  color: #e22c01;
  cursor: pointer;
}

.studyHomePage {
  background: #f0f2f5;
  padding-top: 35px;
  padding-bottom: 88px;
  width: 100%;
}
.studyHomePage .mainBody {
  min-height: calc(100vh - 220px);
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.studyHomePage .mainBody .menuList {
  margin-right: 30px;
}
.studyHomePage .mainBody .centerRight {
  min-width: 945px;
}
.studyHomePage .mainBody .centerRight .right_content {
  padding: 0 30px;
  background: #ffffff;
  border-radius: 8px;
}
.studyHomePage .mainBody .centerRight .right_content .content_one {
  padding-top: 24px;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo {
  display: flex;
  align-items: center;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .avatar {
  width: 52px;
  height: 52px;
  background: #e1e1e1;
  border-radius: 50%;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .avatar img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 0;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per2 {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per2 p {
  font-size: 14px;
  font-weight: 400;
  color: #444444;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per2 p a {
  color: #EC4300;
  margin-left: 10px;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per2 p:first-child {
  margin-top: 12px;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .attendance .attendanceBtn {
  width: 95px;
  height: 30px;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .attendance .disabled {
  width: 95px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per3 {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 22px;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per3 a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per3 a span:first-child {
  color: #ec4200;
  font-size: 18px;
}
.studyHomePage .mainBody .centerRight .right_content .content_one .perInfo .per3 .m1 {
  width: 12px;
  height: 21px;
  font-size: 24px;
  font-weight: 400;
  color: #dbdbdb;
}
.studyHomePage .mainBody .centerRight .right_content .content_two {
  height: 84px;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos {
  display: flex;
  align-items: center;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per4 div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per4 div a {
  margin: 0 20px 0 50px;
  display: inline-block;
  width: 82px;
  height: 30px;
  background: #ffffff;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per4 div .toWithdraw {
  margin: 0 20px 0 50px;
  display: inline-block;
  width: 82px;
  height: 30px;
  background: #ffffff;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  color: #0b92cc !important;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .recommendBtn {
  margin-left: 40px;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .recommendBtn a {
  display: inline-block;
  width: 128px;
  height: 42px;
  color: #e73700;
  background: url(/recommedimg.png) no-repeat center center;
  line-height: 42px;
  font-size: 12px;
  font-weight: 400;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per5 {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 60px;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per5 div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per5 div p {
  margin-bottom: 0;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per5 div p span {
  color: #ec4200;
  font-size: 24px;
  font-weight: 400;
}
.studyHomePage .mainBody .centerRight .right_content .content_two .perInfos .per5 .m1 {
  width: 12px;
  height: 21px;
  font-size: 24px;
  font-weight: 400;
  color: #dbdbdb;
}
.studyHomePage .mainBody .centerRight .right_content .content_three {
  height: 300px;
  position: relative;
}
.studyHomePage .mainBody .centerRight .right_content .content_three .carousel {
  height: 280px;
}
.studyHomePage .mainBody .centerRight .right_content .content_three .carousel .ant-carousel .slick-slide {
  text-align: center;
  height: 280px;
  overflow: hidden;
  border: 0;
}
.studyHomePage .mainBody .centerRight .right_content .content_three .carousel img {
  width: 100%;
  height: 280px;
  border: 0;
}
.studyHomePage .mainBody .centerRight .right_content .content_three .banner-arrow {
  position: absolute;
  top: 120px;
  left: 40px;
  width: 90%;
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.studyHomePage .mainBody .centerRight .right_content .content_three .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.myCoupon .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myCoupon .rightContent .couponTabsBtn {
  width: 100%;
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs-bar {
  margin: 0;
  border-bottom: 0;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #F2F5FA;
  padding: 10px 10px;
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5715;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  margin: 0;
  margin-right: 0;
  padding: 10px 30px;
  line-height: 22px;
  background: #F2F5FA;
  border: none;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs-nav-animated > .ant-tabs-ink-bar-animated {
  visibility: visible;
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 30px !important;
  margin-left: 36px;
  background-color: #EC4300 !important;
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: visible;
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 30px !important;
  margin-left: 36px;
  background-color: #EC4300 !important;
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #EC4300;
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs-nav .ant-tabs-tab:hover {
  color: #EC4300;
}
.myCoupon .rightContent .couponTabsBtn .ant-tabs-tab:nth-child(4) {
  margin: 0;
  margin-right: 0;
  padding: 0 !important;
  line-height: 22px;
  background: #F2F5FA;
  border: none;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myCoupon .rightContent .couponTabsBtn .jumpPage {
  display: block;
  width: 100%;
}
.couponTypeBox .couponBox {
  margin-top: 50px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.couponTypeBox .couponBox .couponsCard {
  position: relative;
  margin: 0 28px 30px 0;
}
.couponTypeBox .couponBox .couponsCard:nth-of-type(4n) {
  margin-right: 0;
}
.couponTypeBox .couponBox .couponsCard .coupon {
  width: 200px;
  height: 260px;
  background: url(/couponbg.png) no-repeat center center;
}
.couponTypeBox .couponBox .couponsCard .coupon .couponInfo {
  height: 170px;
  text-align: center;
  padding: 50px 0 0;
}
.couponTypeBox .couponBox .couponsCard .coupon .couponInfo h3 {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  line-height: 22px;
}
.couponTypeBox .couponBox .couponsCard .coupon .couponInfo p {
  font-size: 14px;
  font-weight: 400;
  color: #ffff00;
  line-height: 22px;
}
.couponTypeBox .couponBox .couponsCard .coupon .couponInfo span {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
}
.couponTypeBox .couponBox .couponsCard .coupon .couponType {
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.couponTypeBox .couponBox .couponsCard .coupon .couponType span {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.couponTypeBox .couponBox .couponsCard .hadUsedBox {
  position: absolute;
  top: 20px;
  left: 20px;
}
.couponTypeBox .couponBox .couponsCard .expiredBox {
  position: absolute;
  top: 20px;
  left: 20px;
}
.couponTypeBox .noCoupons {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.couponTypeBox .noCoupons span {
  font-size: 30px;
  font-weight: 400;
  color: #aaaaaa;
  line-height: 22px;
}

.studyCenter {
  background: #f0f2f5;
  padding-top: 35px;
  padding-bottom: 88px;
  width: 100%;
}
.studyCenter .mainBody {
  min-height: calc(100vh - 220px);
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.studyCenter .mainBody .menuList {
  margin-right: 30px;
}
.studyCenter .mainBody .centerRight {
  min-width: 945px;
}
.studyCenter .mainBody .centerRight .rightContent {
  background: #ffffff;
  border-radius: 8px;
  padding: 0 30px 40px;
}
.studyCenter .mainBody .centerRight .rightContent .right_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.studyCenter .mainBody .centerRight .rightContent .right_top .right_headerPage {
  display: flex;
  align-items: center;
}
.studyCenter .mainBody .centerRight .rightContent .right_top .right_headerPage .flag {
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #ec4300;
}
.studyCenter .mainBody .centerRight .rightContent .right_top .right_headerPage .ant-page-header {
  box-sizing: border-box;
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 10px 13px;
}
.studyCenter .mainBody .centerRight .rightContent .searchArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.studyCenter .mainBody .centerRight .rightContent .ant-table table .ant-table-thead > tr > th {
  background: #F7F8FB;
  color: #686868;
  font-weight: bold;
  line-height: 2;
}
.studyCenter .mainBody .centerRight .rightContent .ant-table .ant-table-tbody > tr > td,
.studyCenter .mainBody .centerRight .rightContent .ant-table .ant-table-thead > tr > th {
  text-align: center;
}
.studyCenter .mainBody .centerRight .rightContent .ant-table .ant-table-tbody > tr > .action {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
}
.studyCenter .mainBody .centerRight .rightContent .ant-table.ant-table-bordered .ant-table-container {
  border-color: #E4E4E4 !important;
}
.studyCenter .tab_btn1 {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
}
.studyCenter .tab_btn2 {
  background: #ffffff !important;
  border-color: #e53400 !important;
  color: #e53400 !important;
}
.studyCenter .tab_btn3 {
  background: #E9E9E9 !important;
  border-color: #E9E9E9 !important;
  color: #9E9E9E !important;
}

.myAllOrder .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myAllOrder .rightContent .orderSwitchBtn {
  width: 100%;
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs-bar {
  margin: 0;
  border-bottom: 0;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #F2F5FA;
  padding: 10px 10px;
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5715;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  width: 100px !important;
  text-align: center;
  margin: 0;
  margin-right: 0;
  padding: 10px 16px;
  line-height: 22px;
  background: #F2F5FA;
  border: none;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs-nav-animated > .ant-tabs-ink-bar-animated {
  visibility: visible;
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 30px !important;
  margin-left: 34px;
  background-color: #EC4300 !important;
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: visible;
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 30px !important;
  margin-left: 34px;
  background-color: #EC4300 !important;
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #EC4300;
}
.myAllOrder .rightContent .orderSwitchBtn .ant-tabs-nav .ant-tabs-tab:hover {
  color: #EC4300;
}
.tableTop {
  margin: 10px 0 15px;
}
.tableTop span {
  display: inline-block;
  text-align: center;
  width: 12.5%;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.tableTop > span:first-child {
  width: 50%;
  text-align: left;
}
.noOrder {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  color: #c9c9c9;
}
.orderBox {
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-bottom: 30px;
}
.orderBox .title {
  height: 52px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.orderBox .title .orderNum {
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.orderBox .title > span {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-right: 10px;
}
.orderBox .orderDetail {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e8e8e8;
}
.orderBox .orderDetail .orderInfoBox {
  min-width: 50%;
}
.orderBox .orderDetail .orderInfoBox .orderInfo {
  border-top: 1px solid #e8e8e8;
  display: flex;
  padding: 20px 10px 20px 30px;
}
.orderBox .orderDetail .orderInfoBox .orderInfo .booksImg {
  width: 100px !important;
  height: 100px !important;
  margin-right: 20px;
}
.orderBox .orderDetail .orderInfoBox .orderInfo .booksImg img {
  width: 100px;
  height: 100px;
  border: 0;
}
.orderBox .orderDetail .orderInfoBox .orderInfo .othersImg {
  width: 160px;
  height: 80px;
  margin-right: 20px;
}
.orderBox .orderDetail .orderInfoBox .orderInfo .othersImg img {
  width: 160px;
  height: 80px;
  border: 0;
}
.orderBox .orderDetail .orderInfoBox .orderInfo .infoBox {
  align-self: flex-start;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.orderBox .orderDetail .orderInfoBox .orderInfo > span {
  display: inline-block;
  width: 22px;
  align-self: flex-start;
  margin-left: 15px;
  margin-right: 0;
}
.orderBox .orderDetail .orderInfoBox > div:first-child {
  border-top: 0;
}
.orderBox .orderDetail .orderOther {
  display: flex;
  min-width: 50%;
}
.orderBox .orderDetail .orderOther .refund {
  border: 1px solid #e73800;
  border-radius: 15px;
}
.orderBox .orderDetail .orderOther > div {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #e8e8e8;
}
.orderBox .orderDetail .orderOther > div div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.orderBox .orderDetail .orderOther > div div .payment {
  border: 1px solid #e73800;
  border-radius: 15px;
}
.orderBox .orderDetail .orderOther > div div .cancelOrder {
  border: none;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  color: #868686 !important;
  line-height: 22px;
  background-color: #fff !important;
  border-color: #fff !important;
  box-shadow: none;
  text-shadow: none;
  margin-top: 10px;
  padding: 0;
}
.orderBox .orderDetail .orderOther > div div .ant-statistic {
  height: 16px;
  margin-bottom: 10px;
}
.orderBox .orderDetail .orderOther > div div .ant-statistic .ant-statistic-content {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.orderBox .orderDetail .orderOther > div div .payRedisOrder {
  display: inline-block;
  width: 64px;
  height: 32px;
  background-color: #e73800;
  border: 1px solid #e73800;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.orderBox .orderDetail .orderOther > div div .payRedisOrder:hover {
  color: #fff !important;
}
.trackingBox {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.trackingBox .trackingInfo span {
  display: inline-block;
}
.trackingBox .trackingInfo span:first-child {
  margin-right: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 21px;
}
.trackingBox .trackingInfo span:last-child {
  height: 26px;
  background: #e5e5e5;
  font-size: 14px;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 26px;
}
.trackingBox .copyBtn {
  color: #fff !important;
  border-color: #d91b01 !important;
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
}
.btnBox .submit {
  color: #fff !important;
  border-color: #d91b01 !important;
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
}
.btnBox .cancel {
  color: #d91b01 !important;
  border-color: #d91b01 !important;
  background: #fff !important;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
}

.myQuestionsBank .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myQuestionsBank .rightContent .searchArea,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn {
  background-color: #fff;
  border-radius: 13px;
  width: 100%;
}
.myQuestionsBank .rightContent .searchArea .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  width: 120px;
  height: 32px;
  margin: 0 0 1px;
  padding: 8px 16px;
  text-align: center;
  line-height: 16px;
  color: #ec4300;
  background: #fff;
  border: 1px solid #ec4300;
  border-radius: 13px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myQuestionsBank .rightContent .searchArea .ant-tabs-bar,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .ant-tabs-bar {
  margin: 0 0 20px;
  border-bottom: 0;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myQuestionsBank .rightContent .searchArea .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:last-child,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:last-child {
  margin-left: -20px;
}
.myQuestionsBank .rightContent .searchArea .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  z-index: 1;
  width: 120px;
  height: 32px;
  margin: 0 0 1px;
  padding: 8px 16px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  background: #ec4300;
  border: 1px solid #ec4300;
  border-radius: 13px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myQuestionsBank .rightContent .searchArea .questionBank .ant-divider-horizontal,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0 ;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .title .flagMark,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .title .flagMark {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #ec4300;
  border-radius: 50%;
  margin-right: 10px;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .title .questionTitle,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .title .questionTitle {
  color: #444444;
  font-size: 12px;
  font-weight: 400;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .anqArea,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .anqArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
  background: #f2f5fa;
  padding: 18px 0 18px 55px;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .anqArea .question,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .anqArea .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .anqArea .question .mark1,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .anqArea .question .mark1 {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #fe3434;
  border-radius: 2px;
  text-align: center;
  line-height: 21px;
  margin-right: 10px;
  color: #fff;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .anqArea .question .ant-btn,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .anqArea .question .ant-btn {
  color: #6E6E6E !important;
  background-color: #f2f5fa !important;
  border-color: #f2f5fa !important;
  text-shadow: none;
  box-shadow: none;
}
.myQuestionsBank .rightContent .searchArea .questionBank .allQuestion .anqArea .answer .mark2,
.myQuestionsBank .rightContent .searchArea .questionSwitchBtn .questionBank .allQuestion .anqArea .answer .mark2 {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #4bcf90;
  border-radius: 2px;
  text-align: center;
  line-height: 21px;
  margin-right: 10px;
  color: #fff;
}
.myQuestionsBank .rightContent .questionBankById .questionBankByIdTitle {
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 42px;
  background: #f1f3f5;
}
.myQuestionsBank .rightContent .questionBankById .questionBankByIdTitle span {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  cursor: pointer;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0 ;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .title .flagMark {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #ec4300;
  border-radius: 50%;
  margin-right: 10px;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .title .questionTitle {
  color: #444444;
  font-size: 12px;
  font-weight: 400;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .anqArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
  background: #f2f5fa;
  padding: 18px 0 18px 55px;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .anqArea .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .anqArea .question .mark1 {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #fe3434;
  border-radius: 2px;
  text-align: center;
  line-height: 21px;
  margin-right: 10px;
  color: #fff;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .anqArea .question .ant-btn {
  color: #6E6E6E !important;
  background-color: #f2f5fa !important;
  border-color: #f2f5fa !important;
  text-shadow: none;
  box-shadow: none;
}
.myQuestionsBank .rightContent .questionBankById .questionBank .allQuestion .anqArea .answer .mark2 {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #4bcf90;
  border-radius: 2px;
  text-align: center;
  line-height: 21px;
  margin-right: 10px;
  color: #fff;
}
.myQuestionsBank .rightContent .questionBankById .kongPage {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.myQuestionsBank .rightContent .questionBankById .kongPage span {
  font-size: 18px;
  font-weight: 400;
  color: #c9c9c9;
}
.myQuestionsBank .rightContent .kongPage {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.myQuestionsBank .rightContent .kongPage span {
  font-size: 18px;
  font-weight: 400;
  color: #c9c9c9;
}

.systemMessage .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.systemMessage .rightContent .sysMsgSwitchBtn {
  background-color: #fff;
  border-radius: 13px;
  width: 100%;
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs-bar {
  margin: 0 0 15px 0;
  border-bottom: 0;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #F2F5FA;
  padding: 10px 10px;
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5715;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  width: 120px !important;
  text-align: center;
  margin: 0;
  margin-right: 0;
  padding: 10px 16px;
  line-height: 22px;
  background: #F2F5FA;
  border: none;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs-nav-animated > .ant-tabs-ink-bar-animated {
  visibility: visible;
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 30px !important;
  margin-left: 42px;
  background-color: #EC4300 !important;
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: visible;
  display: block;
  transform: translate3d(0px, 0px, 0px);
  width: 30px !important;
  margin-left: 42px;
  background-color: #EC4300 !important;
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #EC4300;
}
.systemMessage .rightContent .sysMsgSwitchBtn .ant-tabs-nav .ant-tabs-tab:hover {
  color: #EC4300;
}
.systemMessage .rightContent .sysMsgSwitchBtn .toMark {
  width: 120px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 13px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #aeaeae;
  line-height: 22px;
  margin-left: 15px;
}
.allMsgBox .msgInfo .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 !important;
}
.allMsgBox .msgInfo .hadReadMsg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
}
.allMsgBox .msgInfo .hadReadMsg .sysMsgInfo {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 22px;
  display: flex;
}
.allMsgBox .msgInfo .hadReadMsg .sysMsgInfo img {
  width: 25px;
  height: 25px;
  border: 0;
}
.allMsgBox .msgInfo .hadReadMsg .sysMsgInfo span {
  display: inline-block;
  width: calc(100% - 35px);
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #9b9b9b !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.allMsgBox .msgInfo .hadReadMsg p {
  margin: 0 24px;
  font-size: 14px;
  font-weight: 400;
  color: #bfbfbf;
  line-height: 22px;
}
.allMsgBox .msgInfo .hadReadMsg span {
  display: block;
  width: 220px;
  font-size: 14px;
  font-weight: 400;
  color: #9b9b9b !important;
  line-height: 22px;
}
.allMsgBox .msgInfo .unReadMsg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
}
.allMsgBox .msgInfo .unReadMsg .sysMsgInfo {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.allMsgBox .msgInfo .unReadMsg .sysMsgInfo img {
  width: 25px;
  height: 25px;
  border: 0;
}
.allMsgBox .msgInfo .unReadMsg .sysMsgInfo span {
  display: inline-block;
  width: calc(100% - 35px);
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #333333 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.allMsgBox .msgInfo .unReadMsg p {
  margin: 0 24px;
  font-size: 14px;
  font-weight: 400;
  color: #333333 !important;
  line-height: 22px;
}
.allMsgBox .msgInfo .unReadMsg span {
  display: block;
  width: 220px;
  font-size: 14px;
  font-weight: 400;
  color: #9b9b9b;
  line-height: 22px;
}
.allMsgBox .msgInfo .ant-divider-dashed {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0;
}
.noMsg {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  color: #c9c9c9;
}

.myInformation .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myInformation .rightContent .allInfo .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0;
}
.myInformation .rightContent .allInfo .infoArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myInformation .rightContent .allInfo .infoArea .addressBox {
  width: 100%;
  padding: 0 ;
}
.myInformation .rightContent .allInfo .infoArea .addressBox .ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.myInformation .rightContent .allInfo .infoArea .addressBox .addressBox .list {
  border-top: 0;
}
.myInformation .rightContent .allInfo .infoArea p {
  margin-bottom: 0;
  color: #5E5E5E;
  font-size: 14px;
  font-weight: 400;
}
.myInformation .rightContent .allInfo .infoArea p span {
  color: #888888;
}
.myInformation .rightContent .allInfo .infoArea .info {
  display: flex;
  align-items: center;
}
.myInformation .rightContent .allInfo .infoArea .info img {
  margin-right: 10px;
}
.myInformation .rightContent .allInfo .infoArea .info .avatar {
  width: 40px;
  height: 40px;
  background: #ddebff;
  border-radius: 50%;
  margin: 0 10px 0 50px;
}
.myInformation .rightContent .allInfo .infoArea .info .avatar img {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
}
.myInformation .rightContent .allInfo .infoArea .info span {
  color: #888888;
}
.myInformation .rightContent .allInfo .infoArea .update {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #666666 !important;
  border: 0;
  box-shadow: none;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
}
.myInformation .rightContent .allInfo .infoArea .update img {
  margin-left: 10px;
}
.myInformation .rightContent .allInfo .infoArea .loginType {
  display: flex;
  align-items: center;
}
.myInformation .rightContent .allInfo .infoArea .loginType .weChatLogin,
.myInformation .rightContent .allInfo .infoArea .loginType .QQLogin {
  padding: 0 20px;
  height: 40px;
  margin-right: 20px;
  color: #888888 !important;
  border: 0;
  box-shadow: none;
  background: #f2f5fa !important;
}
.myInformation .rightContent .allInfo .infoArea .loginType .weChatLogin div,
.myInformation .rightContent .allInfo .infoArea .loginType .QQLogin div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  font-weight: 400;
}
.myInformation .rightContent .allInfo .infoArea .loginType .weChatLogin div .ant-btn-primary,
.myInformation .rightContent .allInfo .infoArea .loginType .QQLogin div .ant-btn-primary {
  color: #F08205;
  background-color: #f2f5fa !important;
  border-color: #f2f5fa !important;
  padding: 0 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  margin-left: 20px;
  border-radius: 0 !important;
}
.myInformation .rightContent .allInfo .infoArea .ant-card-bordered {
  border: none;
  width: 100%;
}
.myInformation .rightContent .allInfo .infoArea .ant-card-bordered .ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 ;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.myInformation .rightContent .allInfo .infoArea .ant-card-bordered .ant-card-head .addAddress {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #ec4300 !important;
  border: 0;
  box-shadow: none;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
}
.myInformation .rightContent .allInfo .infoArea .ant-card-bordered .ant-card-body {
  padding: 12px 0 0;
}
.myInformation .rightContent .allInfo .infoArea .ant-card-bordered .ant-card-body .allAddress {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myInformation .rightContent .allInfo .infoArea .ant-card-bordered .ant-card-body .allAddress .upAddress {
  margin-left: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #ec4300 !important;
  border: 0;
  box-shadow: none;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
}
.myInformation .rightContent .allInfo .infoArea .logout {
  font-size: 12px;
  font-weight: 400;
  color: #666666 !important;
  border: 0;
  box-shadow: none;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
}
.myInformation .rightContent .allInfo .logoutArea {
  margin-top: 12px;
}
.setNameModal .btnBox {
  display: flex;
  justify-content: center;
}
.setNameModal .btnBox .submit {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
  border-radius: 19px;
}
.avatarModal .avatarContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.avatarModal .avatarContent h5 {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 10px;
}
.avatarModal .avatarContent .avatarBox {
  width: 100%;
  height: 170px;
  display: flex;
  flex-wrap: wrap;
}
.avatarModal .avatarContent .avatarBox .eachAvatar {
  width: 62px;
  height: 62px;
  margin: 0 24px 24px 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #fff;
}
.avatarModal .avatarContent .avatarBox .selectedKey {
  width: 62px;
  height: 62px;
  margin: 0 24px 24px 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #f3653b;
}
.avatarModal .avatarContent .avatarBox .ant-upload-picture-card-wrapper {
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 24px 24px 0;
  cursor: pointer;
}
.avatarModal .avatarContent .avatarBox .ant-upload-picture-card-wrapper .ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 0;
  margin-bottom: 0;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.avatarModal .avatarContent .avatarUseBox {
  width: 100%;
  height: 168px;
  display: flex;
  justify-content: space-around;
}
.avatarModal .avatarContent .avatarUseBox div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.avatarModal .avatarContent .avatarUseBox div .avatar_b {
  width: 120px;
  height: 120px;
  border: 2px solid #eeeeee;
  border-radius: 50%;
}
.avatarModal .avatarContent .avatarUseBox div .avatar_s {
  width: 60px;
  height: 60px;
  border: 2px solid #eeeeee;
  border-radius: 50%;
}
.avatarModal .avatarContent .avatarUseBox div span {
  margin-top: 8px;
}
.avatarModal .btnBox {
  display: flex;
  justify-content: center;
}
.avatarModal .btnBox .submit {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
  border-radius: 19px;
}
.setPasswordModal .ant-form-item-label > label.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '';
}
.setPasswordModal .btnBox {
  display: flex;
  justify-content: center;
}
.setPasswordModal .btnBox .submit {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
  border-radius: 19px;
}
.setPasswordModal .btnBox .forgetPsw {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #E43E23 !important;
  border: 0;
  box-shadow: none;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
}
.setPhoneModal .ant-form-item-label > label.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '';
}
.setPhoneModal .timeBtn {
  background: #e33001 !important;
  border-color: #e33001 !important;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
}
.setPhoneModal .btnBox {
  display: flex;
  justify-content: center;
}
.setPhoneModal .btnBox .submit {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
  border-radius: 19px;
}
.logoutMsg {
  padding: 10px 15px;
}
.logoutMsg div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.logoutMsg div .readMsg {
  margin-left: 15px;
}
.logoutMsg div .readMsg .readMsgAction {
  font-size: 12px;
  font-weight: 400;
  color: #E33001 !important;
  border: 0;
  box-shadow: none;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
}
.logoutMsg div .logoutSure {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
}
.phoneVerificationModal .ant-form-item-label > label.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '';
}
.phoneVerificationModal .timeBtn {
  background: #e33001 !important;
  border-color: #e33001 !important;
  color: white!important;
}
.phoneVerificationModal .btnBox {
  display: flex;
  justify-content: center;
}
.phoneVerificationModal .btnBox .submit {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
  border-radius: 19px;
}
.btnBox1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.btnBox1 p {
  margin: 30px 0;
}
.btnBox1 .submit {
  background: linear-gradient(-90deg, #d91b01, #f04a00) !important;
  border-color: #d91b01 !important;
  color: white!important;
}

.addressBox {
  background: #ffffff;
  padding: 0 17px 0 20px;
}
.addressBox .top {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addressBox .top .left {
  font-size: 14px;
  color: #3B4249;
}
.addressBox .top .info {
  display: flex;
  align-items: center;
}
.addressBox .top .info img {
  margin-right: 10px;
}
.addressBox .top .info .avatar {
  width: 40px;
  height: 40px;
  background: #ddebff;
  border-radius: 50%;
  margin: 0 10px 0 50px;
}
.addressBox .top .info .avatar img {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
}
.addressBox .top .info span {
  color: #888888;
}
.addressBox .top .right {
  font-size: 12px;
  color: #EC4300;
  cursor: pointer;
}
.addressBox .list {
  border-top: 1px solid #EDEBEB;
}
.addressBox .list .item {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EDEBEB;
}
.addressBox .list .item:last-child {
  border-bottom: 0;
}
.addressBox .list .item .noLable {
  padding-left: 72px;
}
.addressBox .list .item .left {
  display: flex;
  align-items: center;
}
.addressBox .list .item .left .addressInfo {
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.addressBox .list .item .left .location,
.addressBox .list .item .left .name,
.addressBox .list .item .left .address,
.addressBox .list .item .left .userPhone,
.addressBox .list .item .left addressInfo {
  margin-right: 22px;
  color: #5D5D5D;
  font-size: 14px;
}
.addressBox .list .item .left .location {
  color: #EC4300;
  height: 22px;
  width: 50px;
  text-align: center;
  border: 1px dashed #ec4300;
  border-radius: 2px;
  cursor: pointer;
}
.addressBox .list .item .left .isDefault {
  width: 72px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #eeeeee;
  border-radius: 2px;
  font-size: 12px;
  color: #9C9C9C;
  margin-right: 20px;
}
.addressBox .list .item .right span {
  color: #EC4300;
  font-size: 12px;
  cursor: pointer;
}
.addressBox .list .item .right .del {
  margin-left: 20px;
}
.addressBox .list .item .right .edit {
  margin-left: 45px;
}
.bookAddressModal .saveBtn {
  width: 191px;
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  border: 1px solid #d91b01;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
}

.activation .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.activation .rightContent .formContent .codeInput {
  width: 300px;
  margin-right: 15px;
}
.activation .rightContent .formContent .instructions h5 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
}
.activation .rightContent .formContent .instructions p {
  font-size: 14px;
  font-weight: 400;
  color: #6a6a6a;
  line-height: 24px;
  text-indent: 2em;
}
.activation .rightContent .formContent .instructions p span {
  color: #EC4300;
}

.courseCatalog .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.courseCatalog .rightContent .courseSwitchBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 13px;
}
.courseCatalog .rightContent .courseSwitchBtn .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0;
}
.courseCatalog .rightContent .courseSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  width: 120px;
  height: 32px;
  margin: 0 0 1px;
  padding: 8px 16px;
  text-align: center;
  line-height: 16px;
  color: #ec4300;
  background: #fff;
  border: 1px solid #ec4300;
  border-radius: 13px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.courseCatalog .rightContent .courseSwitchBtn .ant-tabs-bar {
  margin: 0 0 20px;
  border-bottom: 0;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.courseCatalog .rightContent .courseSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:last-child {
  margin-left: -20px;
}
.courseCatalog .rightContent .courseSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  z-index: 1;
  width: 120px;
  height: 32px;
  margin: 0 0 1px;
  padding: 8px 16px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  background: #ec4300;
  border: 1px solid #ec4300;
  border-radius: 13px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent {
  width: 45%;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent .ant-descriptions-title,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent .ant-descriptions-title {
  margin-bottom: 10px;
  color: #393939;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5715;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent .ant-descriptions-item-label,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent .ant-descriptions-item-label {
  color: #7F7F7F;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent .protocol,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent .protocol {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #ec4200;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent .ant-descriptions,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent .ant-descriptions {
  position: relative;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent .ant-descriptions .mask,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent .ant-descriptions .mask {
  position: absolute;
  top: 5px;
  left: calc((100% - 63px)/2);
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseContent .ant-descriptions-view > table > tbody > tr,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseContent .ant-descriptions-view > table > tbody > tr {
  display: flex;
  justify-content: space-between;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseAction,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseAction {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseAction div span,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseAction div span {
  color: #EC4200 !important;
  font-size: 22px;
  font-weight: 400;
  cursor: pointer;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseAction .keepDoing,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseAction .keepDoing {
  display: inline-block;
  width: 86px;
  height: 32px;
  background: linear-gradient(-90deg, #d91b01, #ef4900);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.34);
  line-height: 32px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 400;
  border-radius: 16px;
  text-align: center;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseAction .keepDo,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseAction .keepDo {
  border-radius: 16px;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseAction .keepDoings,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseAction .keepDoings {
  display: inline-block;
  width: 160px;
  height: 32px;
  border-radius: 16px;
  line-height: 32px;
  text-align: center;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .openCourse .courseAction .keepDoings span,
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .closeCourse .courseAction .keepDoings span {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.courseCatalog .rightContent .courseSwitchBtn .courseBoxs .goProtocol span {
  color: #EC4200 !important;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}
.courseCatalog .rightContent .courseSwitchBtn .noCourse {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  color: #c9c9c9;
}

.myOrderDetail .rightContent > .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myOrderDetail .rightContent .orderDetail {
  width: 100%;
}
.myOrderDetail .rightContent .orderDetail .ant-divider-dashed {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0 !important;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_top {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_middle span {
  margin-right: 50px;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .orderTableTop {
  padding: 10px 0 10px 10px;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .orderTableTop span {
  display: inline-block;
  text-align: center;
  width: 10%;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .orderTableTop > span:first-child {
  width: 70%;
  text-align: left;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail {
  display: flex;
  border-top: 1px solid #e8e8e8;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail div {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  border-left: 1px solid #e8e8e8;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail div:first-child {
  border-left: 0;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail:first-child {
  border-top: 0;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail > div:first-child {
  width: 70%;
  justify-content: flex-start;
  align-items: flex-start;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail > div:first-child .bookImg {
  width: 100px !important;
  height: 100px  !important;
  border-radius: 2px;
  border: 0;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail > div:first-child .otherImg {
  width: 164px  !important;
  height: 81px  !important;
  border-radius: 2px;
  border: 0;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableMiddle .tableMiddleDetail > div:first-child span {
  margin-left: 30px;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableBottom {
  padding: 10px;
  display: flex;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableBottom p {
  margin-bottom: 0;
  text-align: left;
  width: 15%;
  font-size: 12px;
  font-weight: 400;
  color: #5d5d5d;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableBottom p span {
  color: #E02901;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom .tableBottom > p:first-child {
  width: 55%;
  text-align: left;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom > div {
  border-top: 1px solid #e8e8e8;
}
.myOrderDetail .rightContent .orderDetail .orderDetail_bottom > div:first-child {
  border-top: 0;
}

.myRecommend .rightContent > .ant-divider-horizontal {
  margin: 0 0 24px 0;
}
.myRecommend .shareTypes {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 12px;
  padding: 10px 0;
}
.myRecommend .shareTypes div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
.myRecommend .shareTypes div img {
  width: 60px;
  height: 60px;
  border: none;
  margin-bottom: 10px;
}
.myRecommend .recommendCount {
  width: 100%;
  height: 36px;
  background: #ffe6dc;
  line-height: 36px;
  padding-left: 25px;
  margin-bottom: 40px;
}
.myRecommend .recommendCount span {
  font-size: 14px;
  font-weight: 400;
  color: #ec4300;
}
.myRecommend .activity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.myRecommend .activity .activityTitle {
  z-index: 1;
  width: 132px;
  height: 36px;
  background: #12b7f5;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
}
.myRecommend .activity .activityContent {
  margin-top: -18px;
  background: #f2f5fa;
  padding: 40px 20px 25px;
  text-indent: 2em;
}
.recommendModal {
  width: 300px;
}
.recommendModal .recommendContent {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.myWallet .rightContent > .ant-divider-horizontal {
  margin: 0 0 24px 0;
}
.myWallet .allAmount {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 12px;
  padding: 10px 0;
}
.myWallet .allAmount div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.myWallet .allAmount div span {
  font-size: 24px;
  color: #ec4200;
}
.myWallet .allAmount .m1 {
  width: 12px;
  height: 21px;
  font-size: 24px;
  font-weight: 400;
  color: #dbdbdb;
}
.myWallet .walletSwitchBtn {
  background-color: #fff;
  border-radius: 13px;
}
.myWallet .walletSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  width: 120px;
  height: 32px;
  margin: 0 0 1px;
  padding: 8px 16px;
  text-align: center;
  line-height: 16px;
  color: #ec4300;
  background: #fff;
  border: 1px solid #ec4300;
  border-radius: 13px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myWallet .walletSwitchBtn .ant-tabs-bar {
  margin: 0 0 20px;
  border-bottom: 0;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myWallet .walletSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:last-child {
  margin-left: -20px;
}
.myWallet .walletSwitchBtn .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  z-index: 1;
  width: 120px;
  height: 32px;
  margin: 0 0 1px;
  padding: 8px 16px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  background: #ec4300;
  border: 1px solid #ec4300;
  border-radius: 13px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.myWallet .walletSwitchBtn .recharge,
.myWallet .walletSwitchBtn .rechargeTypeBox,
.myWallet .walletSwitchBtn .rechargeBtn {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.myWallet .walletSwitchBtn .rechargeBtn .ant-btn-primary {
  width: 140px;
  height: 40px;
  border-radius: 4px;
  color: #fff !important;
  background-color: #EC4300 !important;
  border-color: #EC4300 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  margin-left: 70px;
}
.myWallet .walletSwitchBtn .rechargeTypeBox .rechargeBtnBox {
  margin-right: 20px;
  position: relative;
}
.myWallet .walletSwitchBtn .rechargeTypeBox .rechargeBtnBox .rechargeType1 {
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myWallet .walletSwitchBtn .rechargeTypeBox .rechargeBtnBox .rechargeType1 img {
  width: 188px;
  height: 80px;
  border: none;
}
.myWallet .walletSwitchBtn .rechargeTypeBox .rechargeBtnBox .rechargeType2 {
  width: 196px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  left: 2px;
}
.myWallet .walletSwitchBtn .rechargeTypeBox .rechargeBtnBox .rechargeType2 img {
  width: 192px;
  height: 86px;
  border-radius: 4px;
  border: none;
}
.myWallet .walletSwitchBtn .withdrawForm .withdrawMsg {
  display: block;
  margin-bottom: 15px;
}
.myWallet .walletSwitchBtn .withdrawForm .ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
  display: flex;
  height: 32px;
}
.myWallet .walletSwitchBtn .withdrawForm .ant-form-item-control-input-content .ant-form-text {
  color: #ec4300;
  height: 32px;
  display: block;
  line-height: 32px;
  margin-left: 30px;
}
.payModal .ant-modal-body {
  background-color: #f1f1f1;
}
.payModal .orderInfo {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background-color: #fff;
  display: flex;
}
.payModal .orderInfo p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3b4249;
}
.payModal .orderInfo p span {
  color: #ee5e53;
}
.payModal .orderInfo p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #3b4249;
  margin-left: 108px;
}
.payModal .payBox {
  padding: 0 100px;
  margin-top: 20px;
  width: 100%;
  height: 588px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.payModal .payBox .left .l_top {
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3b4249;
}
.payModal .payBox .left .l_top span {
  color: #ee5e53;
  font-size: 20px;
}
.payModal .payBox .left .codeBox {
  width: 287px;
  height: 287px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 20px;
}
.payModal .payBox .left .infoText {
  width: 287px;
  height: 63px;
  background: #ee5e53;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.payModal .payBox .left .infoText span {
  font-size: 30px;
}
.payModal .payBox .left .infoText > div {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 20px;
}
.payModal .payBox .left .infoText > div p {
  text-align: left;
  color: #fff;
  margin: 0;
}
.payModal .content1 {
  text-align: center;
}
.payModal .content1 img {
  max-width: 100%;
}
.payModal .content1 .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content1 .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content1 .t3 {
  font-size: 14px;
}
.payModal .content1 .t3 span {
  color: #e22c01;
  cursor: pointer;
}

.optionFeedBack .centerRight .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}

.signProtocol .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.signProtocol .rightContent .protocol {
  margin-bottom: 12px;
}
.signProtocol .rightContent .protocol .protocolName {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ff1f1f;
  line-height: 22px;
}
.signProtocol .rightContent .protocol .protocolContent {
  min-height: 300px;
}
.signProtocol .rightContent .allProtocol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.signProtocol .rightContent .allProtocol .protocolM {
  background: #f2f5fa;
  margin-bottom: 10px;
}
.signProtocol .rightContent .allProtocol .protocolF {
  width: 761px;
  height: 53px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signProtocol .rightContent .allProtocol .protocolS {
  width: 761px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 25px;
}
.signProtocol .rightContent .allProtocol .protocolS p {
  font-size: 14px;
  font-weight: 400;
  color: #ec0000;
  line-height: 14px;
}
.signProtocol .rightContent .allProtocol .protocolT {
  width: 761px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
}
.signProtocol .rightContent .allProtocol .signIn {
  width: 145px;
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.signProtocol .rightContent .seeProtocol {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 50px;
  margin-top: 30px;
}
.signProtocol .rightContent .seeProtocol h5 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.signProtocol .rightContent .seeProtocol p {
  font-size: 16px;
  font-weight: 400;
  color: #4f4f4f;
  line-height: 22px;
}
.signProtocol .rightContent .seeProtocol .seeTight img {
  width: 100px;
  height: 100px;
}
.signProtocol .rightContent .seeProtocol .seeTight > div {
  padding-left: 40px;
}

.systemMessageDetail .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.systemMessageDetail .rightContent .sysMsgDetail {
  margin-top: 40px;
  padding: 0 42px;
}
.systemMessageDetail .rightContent .sysMsgDetail .sysMsgDetail_t {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.systemMessageDetail .rightContent .sysMsgDetail .sysMsgDetail_t .msgTitle {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.systemMessageDetail .rightContent .sysMsgDetail .sysMsgDetail_t .msgCreateTime {
  font-size: 14px;
  font-weight: 400;
  color: #9b9b9b;
  line-height: 22px;
}
.systemMessageDetail .rightContent .sysMsgDetail .sysMsgDetail_b .content {
  padding: 26px 0 0 14px;
}
.systemMessageDetail .rightContent .sysMsgDetail .sysMsgDetail_b .content p {
  margin-bottom: 0;
}
.systemMessageDetail .rightContent .sysMsgDetail .sysMsgDetail_b .content img {
  max-width: 100%;
}
.sysTitleAction .sysBtn {
  width: 120px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 13px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #aeaeae;
  line-height: 22px;
  margin-left: 20px;
}

.switchExamItem {
  display: flex;
}
.switchExamItem .left,
.switchExamItem .right {
  max-height: 60vh;
}
.switchExamItem .item {
  height: 38px;
  line-height: 38px;
  text-align: center;
  position: relative;
  color: #333333;
  font-size: 16px;
  cursor: pointer;
  padding: 0 8px;
}
.switchExamItem .item:hover {
  color: #FC8822;
}
.switchExamItem .left {
  background: #F1F1F1;
  padding: 10px 0;
  width: 130px;
}
.switchExamItem .left .item {
  width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.switchExamItem .left .select {
  background: #FFFFFF;
}
.switchExamItem .left .select::before {
  content: '';
  background: #FD851F;
  width: 3px;
  position: absolute;
  left: 0;
  top: 0;
  height: 38px;
}
.switchExamItem .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
}
.switchExamItem .right .item img {
  margin-left: 4px;
}
.switchExamItem .right .select {
  color: #343434;
  font-weight: bold;
}
.switchExamItem .right .select:hover {
  color: #FD851F;
}

.modalLoginRegisterForm .mHeader {
  display: flex;
  margin-bottom: 30px;
}
.modalLoginRegisterForm .mHeader .mht {
  text-align: center;
  flex: 1;
  border-left: 1px solid #EFEFF0;
  font-size: 16px;
  color: #686A71;
  cursor: pointer;
}
.modalLoginRegisterForm .mHeader .mht:first-of-type {
  border-left: 0;
}
.modalLoginRegisterForm .mHeader .mht:hover {
  color: #121212;
}
.modalLoginRegisterForm .mHeader .smht {
  color: #121212;
  font-weight: bold;
}
.modalLoginRegisterForm .mBody {
  padding: 0 40px;
}
.modalLoginRegisterForm .mBody .ant-input-affix-wrapper {
  max-height: 50px;
}
.modalLoginRegisterForm .mBody .loginInput .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 42px;
}
.modalLoginRegisterForm .mBody .verifyInput {
  height: 50px;
}
.modalLoginRegisterForm .mBody .switchMark {
  display: inline-block;
  color: #e84834;
  margin-top: 10px;
  cursor: pointer;
}
.modalLoginRegisterForm .mBody .loginBtn {
  height: 50px;
  background: linear-gradient(-90deg, #f15942, #e23d2b);
  border-color: #E74633;
  font-size: 16px;
}
.modalLoginRegisterForm .mBody .timeBtn {
  height: 50px;
  width: 130px;
  background: #E74633;
  border-color: #E74633;
}
.modalLoginRegisterForm .mFooter {
  height: 40px;
  display: flex;
  align-items: center;
  color: #8C8C8C;
  padding-left: 40px;
}
.modalLoginRegisterForm .mFooter img {
  margin: 0 15px;
  cursor: pointer;
}

/************* 自定义modal相关样式 ****************/
.custom_modal_mask {
  top: 0;
  left: 0;
  position: fixed;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.custom_modal_win {
  background: #fff;
  position: relative;
  border-radius: 5px;
  min-width: 400px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.custom_modal_header {
  width: 100%;
  height: 56px;
  line-height: 30px;
  cursor: move;
  text-align: left;
  padding: 16px 24px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  font-weight: bold;
}
.custom_modal_header_close {
  float: right;
  line-height: 30px;
  cursor: pointer;
}
.custom_modal_content {
  top: 0;
  width: 100%;
  bottom: 50px;
  overflow: auto;
  text-overflow: ellipsis;
  background-color: #fff;
  text-align: left;
  max-height: 80vh;
  min-height: 50px;
}
.custom_modal_footer {
  bottom: 0;
  width: 100%;
  height: 46px;
  background: #fff;
  border-top: 1px solid #e3e3e3;
  border-radius: 0 0 5px 5px;
}
.custom_modal_footer_inner {
  float: right;
  right: 8px;
  bottom: 8px;
  position: absolute;
}

.bottomNavigation {
  width: 100%;
  height: 277px;
  background: #f6f6f9;
}
.bottomNavigation .mainContent {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding-top: 34px;
}
.bottomNavigation .mainContent .left {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.bottomNavigation .mainContent .left > div {
  text-align: left;
  width: 33%;
}
.bottomNavigation .mainContent .left > div span {
  display: block;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 600;
  color: #0c0b22;
  margin-bottom: 18px;
}
.bottomNavigation .mainContent .left > div ul {
  padding: 0;
}
.bottomNavigation .mainContent .left > div ul li {
  list-style: none;
  margin-bottom: 14px;
}
.bottomNavigation .mainContent .left > div ul li a {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(12, 11, 34, 0.8);
}
.bottomNavigation .mainContent .right {
  display: flex;
  flex: 1;
}
.bottomNavigation .mainContent .right .imgBox {
  display: flex;
}
.bottomNavigation .mainContent .right .imgBox > div {
  margin-right: 35px;
  color: #0c0b22;
  text-align: center;
}
.bottomNavigation .mainContent .right .imgBox > div img {
  width: 101px;
  height: 101px;
}
.bottomNavigation .mainContent .right .imgBox > div span {
  display: block;
  margin-top: 10px;
  color: #F08205;
}
.bottomNavigation .mainContent .right .infoBox > div {
  margin-bottom: 18px;
}
.bottomNavigation .mainContent .right .infoBox > div img {
  vertical-align: middle;
  margin-right: 10px;
}
.bottomNavigation .mainContent .right .infoBox > div a,
.bottomNavigation .mainContent .right .infoBox > div span {
  vertical-align: middle;
}

.pageHeader {
  height: 100px;
  line-height: 100px;
  width: 100%;
}
.pageHeader .mainBody {
  display: flex;
  align-items: center;
}
.pageHeader .left {
  display: flex;
  align-items: center;
  padding-left: 45px;
  min-height: 100px;
}
.pageHeader .left img {
  height: 66px;
}
.pageHeader .left .pro {
  margin: 0 24px;
  width: 2px;
  height: 36px;
  background: #dddddd;
}
.pageHeader .left .title {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  max-width: 135px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pageHeader .left .searchInput {
  width: 410px;
  height: 40px;
  margin-left: 47px;
}
.pageHeader .left .searchInput .ant-input-group .ant-input,
.pageHeader .left .searchInput .ant-btn-primary {
  height: 40px;
}
.pageHeader .left .searchInput .ant-btn-primary {
  width: 66px;
  border-radius: 0px 2px 2px 0px;
}
.pageHeader .left .noTitle {
  margin-left: 182px;
}
.pageHeader .right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pageHeader .right .menu {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  flex-direction: column;
  color: #333333;
  cursor: pointer;
  margin-left: 20px;
}
.pageHeader .right .menu img {
  width: 39px;
  height: 39px;
}

.examInformation {
  background: #f2f5fa;
}
.examInformation .columnBox {
  background: #4262b3;
}
.examInformation .columnBox .contentMain {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
.examInformation .columnBox .contentMain a {
  color: #ffffff;
}
.examInformation .columnBox .contentMain .examName {
  margin-right: 23px;
}
.examInformation .columnBox .contentMain .examName h1 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
}
.examInformation .columnBox .contentMain .navigationName {
  cursor: pointer;
  margin-right: 19px;
}
.examInformation .mainBody {
  padding: 18px 0 90px 0;
}
.examInformation .mainBody .top {
  display: flex;
  margin-bottom: 34px;
}
.examInformation .mainBody .top .leftBox {
  width: 307px;
  background: #ffffff;
  margin-right: 20px;
  padding: 27px 22px 13px 22px;
  height: 300px;
}
.examInformation .mainBody .top .leftBox .userInfo {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  padding-left: 20px;
}
.examInformation .mainBody .top .leftBox .userInfo img {
  width: 67px;
  height: 67px;
  border-radius: 50%;
}
.examInformation .mainBody .top .leftBox .userInfo .welcome {
  margin-left: 27px;
  font-size: 16px;
  color: #6a6a6a;
}
.examInformation .mainBody .top .leftBox .btnBox {
  padding: 0 14px;
  margin-bottom: 32px;
  display: flex;
  justify-content: space-around;
}
.examInformation .mainBody .top .leftBox .btnBox .loginBtn {
  width: 103px;
  height: 38px;
  background: #f15942;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  border: none;
}
.examInformation .mainBody .top .leftBox .btnBox .registerBtn {
  width: 103px;
  height: 38px;
  background: #ffffff;
  border: 1px solid #f15942;
  border-radius: 2px;
  font-size: 12px;
  color: #f15942;
}
.examInformation .mainBody .top .leftBox .btnBox .studyBtn {
  width: 103px;
  height: 38px;
  background: #f15942;
  border-radius: 2px;
  font-size: 12px;
  color: #ffffff;
  border: none;
}
.examInformation .mainBody .top .leftBox .countTimeTitle {
  font-size: 16px;
  color: #323232;
  margin-bottom: 20px;
  text-align: center;
}
.examInformation .mainBody .top .leftBox .countTimeTitle .examName {
  color: #f15942;
}
.examInformation .mainBody .top .leftBox .countTimeDay {
  width: 160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 18px;
}
.examInformation .mainBody .top .leftBox .countTimeDay .numberBox {
  display: flex;
  margin: 0 8px;
}
.examInformation .mainBody .top .leftBox .countTimeDay .numberBox .unit {
  width: 31px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: url('/day_back.png') no-repeat center center;
  color: #f15942;
  font-size: 30px;
  margin-right: 8px;
}
.examInformation .mainBody .top .leftBox .countTimeDay .numberBox .unit:last-child {
  margin: 0;
}
.examInformation .mainBody .top .bannerBox {
  position: relative;
  height: 300px;
  width: 893px;
}
.examInformation .mainBody .top .bannerBox .banner-carouse {
  width: 100%;
  height: 300px;
  box-shadow: 0 2px 13px 0 rgba(139, 58, 247, 0.13);
  position: relative;
}
.examInformation .mainBody .top .bannerBox .banner-carouse .img-banner-contianer {
  height: 300px;
}
.examInformation .mainBody .top .bannerBox .banner-carouse .img-banner-contianer img {
  width: 100%;
  height: 300px;
}
.examInformation .mainBody .top .bannerBox .banner-carouse .ant-carousel .slick-dots-bottom {
  bottom: 35px;
}
.examInformation .mainBody .top .bannerBox .banner-arrow {
  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  height: 0;
  display: none;
}
.examInformation .mainBody .top .bannerBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.examInformation .mainBody .top .bannerBox:hover .banner-arrow {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.examInformation .mainBody .allInformation {
  background: #ffffff;
}
.examInformation .mainBody .allInformation .column {
  height: 60px;
  display: flex;
  align-items: center;
  padding-right: 26px;
  border-bottom: 1px solid #d7d7d7;
  white-space: nowrap;
}
.examInformation .mainBody .allInformation .column .leftTitle {
  display: flex;
  align-items: center;
}
.examInformation .mainBody .allInformation .column .leftTitle .mark {
  display: inline-block;
  width: 4px;
  height: 30px;
  background: #0f75c1;
  margin-right: 6px;
}
.examInformation .mainBody .allInformation .column .leftTitle .title {
  font-size: 26px;
  color: #333333;
  cursor: pointer;
}
.examInformation .mainBody .allInformation .column .columnNames {
  display: flex;
  align-items: center;
  margin-left: 160px;
  font-size: 14px;
  color: #333333;
}
.examInformation .mainBody .allInformation .column .columnNames .columnName {
  margin-right: 30px;
  cursor: pointer;
}
.examInformation .mainBody .allInformation .informationBox {
  display: flex;
  flex-wrap: wrap;
  padding: 13px 10px 4px 10px;
}
.examInformation .mainBody .allInformation .informationBox .informationItem {
  width: 33%;
  display: flex;
  padding-right: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .leftContent {
  display: flex;
  align-items: center;
  width: 90%;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .leftContent .dotMark {
  width: 5px;
  height: 5px;
  background: #aaaaaa;
  border-radius: 50%;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .leftContent .belongColumn {
  margin: 0 5px 0 10px;
  color: #7f7f7f;
  font-size: 14px;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .leftContent .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  font-size: 14px;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .leftContent .normal {
  width: 70%;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .leftContent .special {
  width: 53%;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .time {
  color: #333333;
  font-size: 12px;
}
.examInformation .mainBody .allInformation .informationBox .informationItem .isToday {
  color: #ff5353;
}
.examInformation .mainBody .commodityTitleBox {
  height: 40px;
  border-bottom: 2px solid #00bfbf;
  margin: 24px 0 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 13px;
}
.examInformation .mainBody .commodityTitleBox .checkAll {
  cursor: pointer;
  font-size: 12px;
  color: #4c4c4c;
}
.examInformation .mainBody .commodityTitleBox .topTitle {
  position: relative;
  width: 146px;
  height: 40px;
  line-height: 40px;
  background: #00bfbf;
  font-size: 18px;
  font-weight: 400;
  color: #f9f9f9;
  text-align: center;
}
.examInformation .mainBody .commodityTitleBox .topTitle::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 0%;
  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent /*透明 透明 透明 灰*/ #00bfbf;
}
.examInformation .mainBody .commodityBox {
  display: flex;
  flex-wrap: wrap;
}
.examInformation .mainBody .commodityBox .commodity {
  width: 290px;
  padding: 6px 9px 19px 9px;
  background: #ffffff;
  margin-right: 10px;
  margin-bottom: 22px;
}
.examInformation .mainBody .commodityBox .commodity .cover {
  height: 134px;
}
.examInformation .mainBody .commodityBox .commodity .cover img {
  height: 100%;
  width: 272px;
}
.examInformation .mainBody .commodityBox .commodity .title {
  margin: 16px 0 8px 0;
  font-size: 14px;
  color: #373737;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examInformation .mainBody .commodityBox .commodity .lessonCount {
  font-size: 14px;
  color: #5c5c5c;
  margin-bottom: 14px;
}
.examInformation .mainBody .commodityBox .commodity .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.examInformation .mainBody .commodityBox .commodity .bottom .price {
  font-size: 16px;
  color: #ff2f2f;
}
.examInformation .mainBody .commodityBox .commodity .bottom .free {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.examInformation .mainBody .commodityBox .commodity .bottom .free a {
  font-weight: 400;
  color: #d58200;
}
.examInformation .mainBody .commodityBox .commodity .bottom .free img {
  margin-right: 4px;
}
.examInformation .mainBody .subjectBox {
  background: #ffffff;
  padding: 20px 0 27px 0;
}
.examInformation .mainBody .subjectBox .subjectTitleBox {
  height: 40px;
  border-bottom: 2px solid #ef4e1d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 13px;
}
.examInformation .mainBody .subjectBox .subjectTitleBox .checkAll {
  cursor: pointer;
  font-size: 12px;
  color: #4c4c4c;
}
.examInformation .mainBody .subjectBox .subjectTitleBox .topTitle {
  position: relative;
  width: 146px;
  height: 40px;
  line-height: 40px;
  background: #ef4e1d;
  font-size: 18px;
  font-weight: 400;
  color: #f9f9f9;
  text-align: center;
}
.examInformation .mainBody .subjectBox .subjectTitleBox .topTitle::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 0%;
  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent /*透明 透明 透明 灰*/ #ef4e1d;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem {
  height: 86px;
  display: flex;
  align-items: center;
  padding: 0 24px 0 21px;
  border-bottom: 1px solid #d7d7d7;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .title {
  flex: 1;
  color: #252525;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .count {
  color: #252525;
  font-size: 14px;
  margin-left: 50px;
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .price {
  display: flex;
  color: #ef4e1d;
  font-size: 14px;
  width: 150px;
  margin-left: 30px;
  flex-wrap: wrap;
  justify-content: center;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .btnBox {
  margin-left: 24px;
  width: 250px;
  display: flex;
  justify-content: center;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .btnBox .studyBtn {
  width: 100px;
  height: 32px;
  background: #1989DB;
  border-radius: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  margin-right: 14px;
  border: none;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .btnBox .buyBtn {
  width: 100px;
  height: 32px;
  background: #ff4400;
  border-radius: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  margin-right: 14px;
  border: none;
}
.examInformation .mainBody .subjectBox .subjectList .subjectItem .btnBox .freeBtn {
  width: 100px;
  height: 32px;
  background: #39b378;
  border-radius: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  border: none;
}
.examInformation .mainBody .bookTitleBox {
  height: 40px;
  border-bottom: 2px solid #666699;
  margin: 24px 0 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 13px;
}
.examInformation .mainBody .bookTitleBox .checkAll {
  cursor: pointer;
  font-size: 12px;
  color: #4c4c4c;
}
.examInformation .mainBody .bookTitleBox .topTitle {
  position: relative;
  width: 146px;
  height: 40px;
  line-height: 40px;
  background: #666699;
  font-size: 18px;
  font-weight: 400;
  color: #f9f9f9;
  text-align: center;
}
.examInformation .mainBody .bookTitleBox .topTitle::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 0%;
  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent /*透明 透明 透明 灰*/ #666699;
}
.examInformation .mainBody .bookList {
  display: flex;
  flex-wrap: wrap;
}
.examInformation .mainBody .bookList .book {
  width: 230px;
  padding: 15px 15px 0 15px;
  background: #ffffff;
  margin-right: 12px;
  margin-bottom: 20px;
}
.examInformation .mainBody .bookList .book:nth-of-type(5n) {
  margin-right: 0;
}
.examInformation .mainBody .bookList .book .imgBox {
  text-align: center;
  margin: 0 auto 24px auto;
  cursor: pointer;
  height: 145px;
}
.examInformation .mainBody .bookList .book .imgBox img {
  height: 100%;
  max-width: 100%;
}
.examInformation .mainBody .bookList .book .title {
  min-height: 45px;
  margin-bottom: 29px;
  font-size: 14px;
  font-weight: 400;
  color: #474747;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.examInformation .mainBody .bookList .book .line {
  height: 1px;
  border: 1px solid #e5e5e5;
}
.examInformation .mainBody .bookList .book .bottom {
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.examInformation .mainBody .bookList .book .bottom .price {
  font-size: 18px;
  font-weight: 400;
  color: #ff3434;
}
.examInformation .mainBody .bookList .book .bottom .saleCount {
  font-size: 14px;
  font-weight: 400;
  color: #858585;
}

.appDownload {
  width: 100%;
  min-height: 250px;
  min-width: 1200px;
  position: relative;
}
.appDownload .bgImg {
  max-width: 100%;
  min-width: 1200px;
}
.appDownload .contentBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc((100vw - 1200px)/2);
  width: 559px;
  height: 294px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.appDownload .contentBox .left .item {
  width: 250px;
  height: 58px;
  text-align: center;
  background: #e64d50;
  border-radius: 29px;
  cursor: pointer;
  font-size: 32px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appDownload .contentBox .left .item:first-of-type {
  margin-bottom: 43px;
}
.appDownload .contentBox .left .item .t1 {
  margin-left: 10px;
  font-size: 24px;
  color: #ffffff;
}
.appDownload .contentBox .right img {
  width: 228px;
  height: 228px;
}
.appDownload .contentBox .right span {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
  color: #5d5d5d;
}

.bookShopHomePage .bannerBox {
  position: relative;
  height: 340px;
  min-width: 1200px;
}
.bookShopHomePage .bannerBox .banner-carouse {
  width: 100%;
  height: 340px;
  box-shadow: 0 2px 13px 0 rgba(139, 58, 247, 0.13);
  position: relative;
}
.bookShopHomePage .bannerBox .banner-carouse .img-banner-contianer {
  height: 340px;
}
.bookShopHomePage .bannerBox .banner-carouse .ant-carousel .slick-dots-bottom {
  bottom: 35px;
}
.bookShopHomePage .bannerBox .banner-arrow {
  position: absolute;
  top: 140px;
  left: 50%;
  width: 1000px;
  transform: translateX(-50%);
  height: 0;
  margin: 0 auto;
  display: none;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.bookShopHomePage .bannerBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.bookShopHomePage .bannerBox:hover .banner-arrow {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.bookShopHomePage .bottomBox {
  background: #f2f5fa;
  padding: 40px 0 100px 0;
}
.bookShopHomePage .bottomBox .mainBody {
  width: 1200px;
  margin: 0 auto;
}
.bookShopHomePage .bottomBox .mainBody .titleBox {
  height: 40px;
  border-bottom: 2px solid #666699;
  margin-bottom: 25px;
}
.bookShopHomePage .bottomBox .mainBody .titleBox .title {
  position: relative;
  width: 146px;
  height: 40px;
  line-height: 40px;
  background: #666699;
  font-size: 18px;
  font-weight: 400;
  color: #f9f9f9;
  text-align: center;
}
.bookShopHomePage .bottomBox .mainBody .titleBox .title::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 0%;
  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent /*透明 透明 透明 灰*/ #666699;
}
.bookShopHomePage .bottomBox .mainBody .bookList {
  display: flex;
  flex-wrap: wrap;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book {
  width: 230px;
  padding: 15px 15px 0 15px;
  background: #ffffff;
  margin-right: 12px;
  margin-bottom: 20px;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book:nth-of-type(5n) {
  margin-right: 0;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .imgBox {
  text-align: center;
  margin: 0 auto 24px auto;
  cursor: pointer;
  height: 145px;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .imgBox img {
  height: 100%;
  max-width: 100%;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .title {
  min-height: 45px;
  margin-bottom: 29px;
  font-size: 14px;
  font-weight: 400;
  color: #474747;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .line {
  height: 1px;
  border: 1px solid #e5e5e5;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .bottom {
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .bottom .price {
  font-size: 18px;
  font-weight: 400;
  color: #ff3434;
}
.bookShopHomePage .bottomBox .mainBody .bookList .book .bottom .saleCount {
  font-size: 14px;
  font-weight: 400;
  color: #858585;
}

.classStudy {
  background: url(https://img.yiwenjy.cn/base/img/264.png) center center;
  padding-bottom: 80px;
}
.classStudy .noLogin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
}
.classStudy .noLogin a {
  font-size: 18px;
  color: #f1462d;
  margin-top: 40px;
  text-decoration: underline;
}
.classStudy .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.classStudy .mainContent .topTitle {
  padding-left: 10px;
  padding-top: 16px;
  color: #393939;
}
.classStudy .mainContent .topVideoBox {
  width: 100%;
  padding-top: 16px;
}
.classStudy .mainContent .topVideoBox .videoBody {
  height: 466px;
  display: flex;
}
.classStudy .mainContent .topVideoBox .videoBody .videoLeft {
  position: relative;
  flex: 1;
}
.classStudy .mainContent .topVideoBox .videoBody .videoLeft > div {
  height: 100%;
}
.classStudy .mainContent .topVideoBox .videoBody .videoLeft .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight {
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox {
  position: relative;
  flex: 1;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: 0;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-bar {
  border-bottom: none;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  height: 356px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .example {
  height: 100px;
  padding-top: 20px;
  padding-left: 120px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .example .ant-spin {
  color: #39b378;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .example .ant-spin-dot-item {
  background-color: #39b378;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .noNote {
  text-align: center;
  color: #fff;
  padding-top: 100px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-header {
  padding: 5px 0 5px 36px;
  color: rgba(255, 255, 255, 0.8);
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-header:hover {
  color: #108ee9;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-borderless {
  background: #1b1b1b;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .TC {
  text-align: center;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild span {
  display: block;
  width: 70px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .checkTag {
  color: #ed5934;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .learning {
  color: #ed5934;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .down {
  font-size: 14px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail {
  padding: 10px 20px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #c2c2c2;
  border-bottom: 1px dashed #595959;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .topTime {
  margin-bottom: 10px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .content {
  display: flex;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .content .left {
  flex: 1;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .content .right {
  width: 16px;
  height: 14px;
  margin-left: 20px;
  font-size: 16px;
  cursor: pointer;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-tab {
  margin-right: 0;
  border: none;
  border-radius: unset;
  width: 124px;
  text-align: center;
  background-color: #282828;
  color: #cccccc;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-tab-active {
  background-color: #1b1b1b;
  color: #e02a01;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b1b1b;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouTop {
  width: 100%;
  height: 44px;
  background: #282828;
  padding-left: 12px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouTop > div {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 44px;
  width: 30%;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouTop > div .anticon {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  height: 356px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent {
  padding: 10px 20px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #c2c2c2;
  border-bottom: 1px dashed #595959;
  display: flex;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem .left {
  flex: 1;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem .left p {
  margin: 0;
  margin-bottom: 5px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem .right {
  cursor: pointer;
  width: 30px;
  text-align: center;
  font-size: 24px;
  margin-left: 60px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox {
  position: relative;
  width: 372px;
  height: 55px;
  background: #292929;
  display: flex;
  align-items: center;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox {
  cursor: pointer;
  flex: 1;
  height: 100%;
  line-height: 55px;
  color: #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox .anticon {
  vertical-align: middle;
  margin-right: 4px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox span {
  font-size: 20px;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox.active {
  color: #ed5934;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue {
  position: absolute;
  top: -170px;
  right: 50%;
  margin-right: -165px;
  width: 330px;
  height: 161px;
  background: #f7f7f7;
  border-radius: 2px;
  padding: 10px 16px 0;
  color: #414141;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote::after,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue::after {
  content: "";
  position: absolute;
  right: 34px;
  bottom: -10px;
  width: 0;
  height: 0;
  z-index: 3;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .addTopTitle,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .addTopTitle {
  text-align: center;
  position: relative;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .addTopTitle .closeBtn,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .addTopTitle .closeBtn {
  position: absolute;
  right: 0;
  top: 4px;
  width: 12px;
  height: 13px;
  background: url("/closeTop.png");
  cursor: pointer;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .textBox,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .textBox {
  width: 100%;
  margin-top: 8px;
  height: 72px;
  background: #f7f7f7;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .textBox .ant-input,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .textBox .ant-input {
  resize: none;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .subBox,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .subBox {
  display: flex;
  flex-direction: row-reverse;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .subBox .submitBox,
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .subBox .submitBox {
  height: 28px;
  margin-top: 10px;
  background: #e12b01;
  border-color: #e02a01;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #f7f7f7;
}
.classStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue::after {
  right: 158px;
}
.classStudy .mainContent .classInfo {
  width: 100%;
  height: 153px;
  background: #ffffff;
  margin-top: 50px;
  display: flex;
  position: relative;
}
.classStudy .mainContent .classInfo > div {
  width: 50%;
  padding: 24px 32px;
}
.classStudy .mainContent .classInfo .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.classStudy .mainContent .classInfo .left .title {
  font-size: 18px;
  font-weight: bold;
  color: #181818;
}
.classStudy .mainContent .classInfo .left .info {
  font-size: 14px;
  font-weight: 400;
  color: #6e6e6e;
}
.classStudy .mainContent .classInfo .left .info span:first-of-type {
  margin-right: 78px;
}
.classStudy .mainContent .classInfo .left .linktext {
  text-decoration: underline;
  color: #f72e2e;
}
.classStudy .mainContent .classInfo .right {
  display: flex;
  align-items: center;
}
.classStudy .mainContent .classInfo .right p {
  margin: 0;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #444444;
  margin-left: 150px;
}
.classStudy .mainContent .classInfo .right p a {
  color: #f72e2e;
}
.classStudy .mainContent .classInfo .right .information {
  display: block;
  width: 140px;
  height: 40px;
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-radius: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  margin-left: 56px;
  cursor: pointer;
}
.classStudy .mainContent .classInfo .right .information:hover {
  color: #ffffff !important;
}
.classStudy .mainContent .classInfo::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -38px;
  width: 1px;
  height: 76px;
  background: #e5e5e5;
}

.columnInformation {
  background: #f2f5fa;
  padding-bottom: 76px;
}
.columnInformation .columnBox {
  background: #4262b3;
}
.columnInformation .columnBox .contentMain {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
.columnInformation .columnBox .contentMain a {
  color: #ffffff;
}
.columnInformation .columnBox .contentMain .examName {
  margin-right: 23px;
}
.columnInformation .columnBox .contentMain .examName h1 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
}
.columnInformation .columnBox .contentMain .navigationName {
  cursor: pointer;
  margin-right: 19px;
}
.columnInformation .mainBody {
  padding-top: 14px;
}
.columnInformation .mainBody .location {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.columnInformation .mainBody .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.columnInformation .mainBody .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.columnInformation .mainBody .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.columnInformation .mainBody .location .locationPath .mark {
  color: #f02c2c;
}
.columnInformation .mainBody .location .locationPath .mark a {
  color: #f02c2c;
}
.columnInformation .mainBody .mainContent {
  display: flex;
}
.columnInformation .mainBody .mainContent .left {
  min-height: calc(100vh - 210px);
  width: 851px;
  background: #ffffff;
  margin-right: 19px;
  padding: 21px 0 46px 0;
}
.columnInformation .mainBody .mainContent .left .topTitle {
  width: 300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.columnInformation .mainBody .mainContent .left .topTitle .line {
  display: inline-block;
  width: 60px;
  height: 1px;
  background: #d7d7d7;
}
.columnInformation .mainBody .mainContent .left .topTitle .title {
  font-size: 18px;
  color: #7e7e7e;
  margin: 0 17px;
}
.columnInformation .mainBody .mainContent .left .areaBox,
.columnInformation .mainBody .mainContent .left .cityBox,
.columnInformation .mainBody .mainContent .left .courseBox {
  width: 806px;
  margin: 18px auto;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  padding: 13px 20px;
  font-size: 16px;
  color: #3e3e3e;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.columnInformation .mainBody .mainContent .left .areaBox span,
.columnInformation .mainBody .mainContent .left .cityBox span,
.columnInformation .mainBody .mainContent .left .courseBox span {
  display: inline-block;
  min-width: 44px;
  text-align: center;
  padding: 4px;
  cursor: pointer;
}
.columnInformation .mainBody .mainContent .left .areaBox .selected,
.columnInformation .mainBody .mainContent .left .cityBox .selected,
.columnInformation .mainBody .mainContent .left .courseBox .selected {
  color: #ff5353;
}
.columnInformation .mainBody .mainContent .left .mainList {
  padding: 0 16px 33px 16px;
}
.columnInformation .mainBody .mainContent .left .mainList .nodata {
  text-align: center;
  margin-top: 100px;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 28px;
  padding-bottom: 33px;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo:last-child {
  border-bottom: 0;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .sectionTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .sectionTitle .columnName {
  width: 220px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #0070c3;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .sectionTitle .more {
  font-size: 12px;
  font-weight: 400;
  color: #353535;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList {
  margin-top: 20px;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info:last-child {
  margin-bottom: 0;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info .infoTitle {
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info .infoTitle img {
  margin-left: 7px;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .createTime {
  width: 120px;
  text-align: end;
  font-size: 14px;
  color: #AAAAAA;
}
.columnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .today {
  color: #ff5353;
}
.columnInformation .mainBody .mainContent .left .singleColumnInforList {
  padding-top: 28px;
  padding-bottom: 33px;
}
.columnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.columnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor .infoTitle {
  font-size: 16px;
  color: #333333;
}
.columnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor .createTime {
  font-size: 14px;
  color: #AAAAAA;
}
.columnInformation .mainBody .mainContent .right {
  width: 330px;
}
.columnInformation .mainBody .mainContent .right .countTime,
.columnInformation .mainBody .mainContent .right .readCount,
.columnInformation .mainBody .mainContent .right .update,
.columnInformation .mainBody .mainContent .right .adBox {
  background: #ffffff;
  margin-bottom: 20px;
}
.columnInformation .mainBody .mainContent .right .countTime {
  padding: 11px 11px 0 11px;
}
.columnInformation .mainBody .mainContent .right .countTime .day {
  width: 250px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 18px;
  margin-bottom: 34px;
  padding-top: 14px;
}
.columnInformation .mainBody .mainContent .right .countTime .day .numberBox {
  display: flex;
  margin: 0 8px;
}
.columnInformation .mainBody .mainContent .right .countTime .day .numberBox .unit {
  width: 31px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: url('/day_back.png') no-repeat center center;
  color: #f15942;
  font-size: 30px;
  margin-right: 8px;
}
.columnInformation .mainBody .mainContent .right .countTime .day .numberBox .unit:last-child {
  margin: 0;
}
.columnInformation .mainBody .mainContent .right .countTime .entryBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.columnInformation .mainBody .mainContent .right .countTime .entryBox .entry {
  width: 148px;
  height: 49px;
  background: #e9f3ff;
  display: flex;
  align-items: center;
  padding-left: 26px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 13px;
}
.columnInformation .mainBody .mainContent .right .countTime .entryBox .entry img {
  width: 20px;
  height: 22px;
  margin-right: 6px;
}
.columnInformation .mainBody .mainContent .right .readCount,
.columnInformation .mainBody .mainContent .right .update {
  padding: 14px 0 15px 0;
}
.columnInformation .mainBody .mainContent .right .readCount .topTitle,
.columnInformation .mainBody .mainContent .right .update .topTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  padding: 0 15px;
}
.columnInformation .mainBody .mainContent .right .readCount .topTitle .t1,
.columnInformation .mainBody .mainContent .right .update .topTitle .t1 {
  display: flex;
  align-items: center;
}
.columnInformation .mainBody .mainContent .right .readCount .topTitle .t1 .mark,
.columnInformation .mainBody .mainContent .right .update .topTitle .t1 .mark {
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #f2471c;
  margin-right: 10px;
}
.columnInformation .mainBody .mainContent .right .readCount .topTitle .t1 .name,
.columnInformation .mainBody .mainContent .right .update .topTitle .t1 .name {
  font-size: 16px;
  color: #333333;
}
.columnInformation .mainBody .mainContent .right .readCount .topTitle .t2 > a,
.columnInformation .mainBody .mainContent .right .update .topTitle .t2 > a {
  font-size: 14px;
  color: #d9001b;
  cursor: pointer;
}
.columnInformation .mainBody .mainContent .right .readCount .content,
.columnInformation .mainBody .mainContent .right .update .content {
  border-top: 1px solid #e6e6e6;
  padding: 5px 15px 0 15px;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item,
.columnInformation .mainBody .mainContent .right .update .content .item {
  padding: 14px 0 11px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item:last-child,
.columnInformation .mainBody .mainContent .right .update .content .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item .dotMark,
.columnInformation .mainBody .mainContent .right .update .content .item .dotMark {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d9001b;
  border-radius: 50%;
  margin-right: 6px;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item .order,
.columnInformation .mainBody .mainContent .right .update .content .item .order {
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #cccccc;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item .first,
.columnInformation .mainBody .mainContent .right .update .content .item .first {
  background: #f2471c;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item .second,
.columnInformation .mainBody .mainContent .right .update .content .item .second {
  background: #ff6503;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item .third,
.columnInformation .mainBody .mainContent .right .update .content .item .third {
  background: #ff9908;
}
.columnInformation .mainBody .mainContent .right .readCount .content .item .title,
.columnInformation .mainBody .mainContent .right .update .content .item .title {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.columnInformation .mainBody .mainContent .right .carouselBox {
  width: 330px;
}
.columnInformation .mainBody .mainContent .right .carouselBox img {
  height: 170px;
  width: 100%;
}

.helpCenter {
  padding-bottom: 100px;
}
.helpCenter .mainContent {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.helpCenter .mainContent .leftMenu {
  width: 277px;
  margin-right: 47px;
}
.helpCenter .mainContent .leftMenu .ant-menu-submenu-arrow:before {
  background: linear-gradient(to right, #FAFAFA, #FAFAFA);
}
.helpCenter .mainContent .leftMenu .ant-menu-submenu-arrow:after {
  background: linear-gradient(to right, #FAFAFA, #FAFAFA);
}
.helpCenter .mainContent .leftMenu .ant-menu-submenu-title {
  background: #000000;
  font-size: 18px;
  color: #FAFAFA;
  margin: 0;
}
.helpCenter .mainContent .leftMenu .ant-menu-submenu-title img {
  margin-right: 15px;
}
.helpCenter .mainContent .leftMenu .ant-menu-item {
  border: 1px solid #E5E5E5;
  border-top: 0;
  margin: 0;
  font-size: 14px;
  color: #3A3A3A;
}
.helpCenter .mainContent .leftMenu .ant-menu-item-selected {
  background: #e5e5e5;
}
.helpCenter .mainContent .leftMenu .ant-menu-item-selected:after {
  border-right: 0;
}
.helpCenter .mainContent .rightContent {
  flex: 1;
}
.helpCenter .mainContent .rightContent .title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #E44C5F;
  font-size: 18px;
  border-bottom: 1px solid #E5E5E5;
}
.helpCenter .mainContent .rightContent .content {
  padding: 20px 0 0 0;
}
.helpCenter .mainContent .rightContent .content p {
  margin-bottom: 0;
}
.helpCenter .mainContent .rightContent .content img {
  max-width: 100%;
}

.linksBottom {
  width: 100%;
  min-height: 50px;
  line-height: 50px;
  background: #f6f6f9;
  padding: 10px 0;
}
.linksBottom .mainContent {
  width: 1200px;
  min-height: 50px;
  line-height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #0c0b22;
}
.linksBottom .mainContent .left {
  width: 76px;
  font-weight: 600;
}
.linksBottom .mainContent ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  min-height: 50px;
}
.linksBottom .mainContent ul li {
  list-style: none;
  margin-left: 35px;
}
.linksBottom .mainContent ul li a {
  font-size: 14px;
  color: #696e80;
}

.indexPage {
  padding-bottom: 50px;
}
.indexPage .topChose {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.indexPage .topChose .mainBox {
  position: absolute;
  left: 0;
  top: 0px;
  height: 100%;
  z-index: 1;
}
.indexPage .topChose .mainBox .banner-arrow {
  position: absolute;
  top: 220px;
  left: 282px;
  width: 900px;
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.indexPage .topChose .mainBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.indexPage .topChose .mainBox .examInfoBox {
  padding-top: 4px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0px;
  height: 500px;
  width: 282px;
  background: rgba(255, 255, 255, 0.8);
}
.indexPage .topChose .mainBox .examInfoBox.customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.indexPage .topChose .mainBox .examInfoBox.customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.indexPage .topChose .mainBox .examInfoBox.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.indexPage .topChose .mainBox .examInfoBox.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.indexPage .topChose .mainBox .examInfoBox .exItem {
  padding: 8px 15px 8px 20px;
  position: relative;
  cursor: pointer;
}
.indexPage .topChose .mainBox .examInfoBox .exItem .cateH {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 800;
  color: #000000;
  position: relative;
}
.indexPage .topChose .mainBox .examInfoBox .exItem .cateH::after {
  content: ">";
  position: absolute;
  right: 0;
  font-family: monospace;
  color: #b7bed2;
  font-size: 16px;
  font-weight: bold;
}
.indexPage .topChose .mainBox .examInfoBox .exItem .cateBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
}
.indexPage .topChose .mainBox .examInfoBox .exItem .cateBox .cateItem {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  margin-top: 3px;
  margin-right: 8px;
  cursor: pointer;
}
.indexPage .topChose .mainBox .examInfoBox .exItem .cateBox .cateItem:hover {
  color: #F08205 !important;
}
.indexPage .topChose .mainBox .examInfoBox .exItem.nowHover {
  background: #ffffff;
  opacity: 1;
}
.indexPage .topChose .mainBox .examInfoBox .exItem.nowHover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #F08205;
}
.indexPage .topChose .mainBox .allCateBox {
  width: 823px;
  height: 500px;
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 282px;
  z-index: 3;
  padding: 25px 0 0;
}
.indexPage .topChose .mainBox .allCateBox span {
  position: relative;
  color: #747a7e;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 14px;
}
.indexPage .topChose .mainBox .allCateBox span:hover {
  color: #F08205;
}
.indexPage .topChose .mainBox .allCateBox .aaa {
  position: relative;
  color: #747a7e;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 14px;
}
.indexPage .topChose .mainBox .allCateBox .aaa:hover {
  color: #F08205 !important;
}
.indexPage .topChose .mainBox .allCateBox .recommend::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0px;
  width: 19px;
  height: 13px;
  background: url("/hot.png") no-repeat;
  background-size: cover;
}
.indexPage .topChose .mainBox .allCateBox .adBox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  min-height: 20px;
}
.indexPage .topChose .mainBox .allCateBox .adBox .adItem {
  display: block;
  padding: 0 10px;
  background: #fff3f3;
  border: 1px solid #f4a4a4;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #de2601;
  margin: 0 20px 10px;
  line-height: normal;
}
.indexPage .topChose .mainBox .allCateBox .adBox .adItem.itemNormal {
  cursor: default;
}
.indexPage .bannerBox {
  position: relative;
  height: 500px;
  min-width: 1200px;
}
.indexPage .bannerBox .banner-carouse {
  width: 100%;
  height: 500px;
  box-shadow: 0px 2px 13px 0px rgba(139, 58, 247, 0.13);
  position: relative;
}
.indexPage .bannerBox .banner-carouse .img-banner-contianer {
  height: 500px;
}
.indexPage .bannerBox .banner-carouse .img-banner-contianer .bannerA {
  display: block;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.indexPage .bannerBox .banner-carouse .img-banner-contianer .bannerNoa {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.indexPage .bannerBox .banner-carouse .ant-carousel .slick-dots-bottom {
  bottom: 35px;
}
.indexPage .bannerBox .banner-arrow {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 100px;
  padding-left: 300px;
  display: none;
}
.indexPage .bannerBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.indexPage .bannerBox:hover .banner-arrow {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.indexPage .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.indexPage .mainContent .entradBox {
  margin-top: 28px;
  display: flex;
}
.indexPage .mainContent .entradBox .entranceBox {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  background: rgba(50, 130, 230, 0.1);
  padding: 10px;
  width: 282px;
  height: 152px;
}
.indexPage .mainContent .entradBox .entranceBox .entranceItem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50%;
  width: 25%;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #540b00;
}
.indexPage .mainContent .entradBox .entranceBox .entranceItem img {
  width: 28px;
  margin-bottom: 8px;
}
.indexPage .mainContent .entradBox .entranceBox .entranceItem::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 50px;
  height: 1px;
  background: rgba(50, 130, 230, 0.5);
}
.indexPage .mainContent .entradBox .entranceBox .entranceItem::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -25px;
  width: 1px;
  height: 50px;
  background: rgba(50, 130, 230, 0.5);
}
.indexPage .mainContent .entradBox .entranceBox .entranceItem:nth-of-type(n + 5)::after {
  display: none;
}
.indexPage .mainContent .entradBox .entranceBox .entranceItem:nth-of-type(4n)::before {
  display: none;
}
.indexPage .mainContent .entradBox .adItem {
  display: block;
  width: 282px;
  height: 152px;
  margin-left: 24px;
}
.indexPage .mainContent .entradBox .adItem img {
  width: 100%;
  height: 100%;
}
.indexPage .mainContent .consultationBox {
  display: flex;
  margin-top: 50px;
}
.indexPage .mainContent .consultationBox .consultationList {
  display: flex;
  flex-direction: column;
  width: 282px;
  min-height: 200px;
  background: #ffffff;
  border: 1px solid #e4e4e4;
}
.indexPage .mainContent .consultationBox .consultationList .topTitle {
  display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d7d7d7;
  padding: 0 10px;
}
.indexPage .mainContent .consultationBox .consultationList .topTitle span {
  position: relative;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #444444;
  padding-left: 10px;
}
.indexPage .mainContent .consultationBox .consultationList .topTitle span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -10px;
  width: 4px;
  height: 20px;
  background: #F08205;
  border-radius: 2px;
}
.indexPage .mainContent .consultationBox .consultationList .topTitle a {
  position: relative;
  padding-right: 10px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #747474;
}
.indexPage .mainContent .consultationBox .consultationList .topTitle a::after {
  content: ">";
  position: absolute;
  right: 0;
  font-family: monospace;
  color: #747474;
  font-size: 14px;
  font-weight: bold;
}
.indexPage .mainContent .consultationBox .consultationList .listContent {
  flex: 1;
  background: url("/infobg.png") bottom no-repeat;
  overflow: hidden;
  padding: 0 10px;
}
.indexPage .mainContent .consultationBox .consultationList .listContent a {
  position: relative;
  display: block;
  padding-left: 12px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3a3a3a;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 8px 0px;
}
.indexPage .mainContent .consultationBox .consultationList .listContent a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background: #F08205;
  border-radius: 50%;
}
.indexPage .mainContent .consultationBox .consultationRight {
  flex: 1;
}
.indexPage .mainContent .consultationBox .consultationRight .topTitle {
  padding-left: 25px;
}
.indexPage .mainContent .consultationBox .consultationRight .topTitle img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 12px;
}
.indexPage .mainContent .consultationBox .consultationRight .topTitle span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  vertical-align: middle;
  font-weight: 400;
  color: #373737;
}
.indexPage .mainContent .consultationBox .consultationRight .rightContent {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.indexPage .mainContent .consultationBox .consultationRight .rightContent .rightItem {
  width: 290px;
  height: 187px;
  margin-left: 15px;
  margin-top: 14px;
}
.indexPage .mainContent .consultationBox .consultationRight .rightContent .rightItem img {
  width: 100%;
  height: 100%;
}
.indexPage .mainContent .spikeBox {
  margin-top: 50px;
}
.indexPage .mainContent .spikeBox .topTitle {
  margin-bottom: 20px;
}
.indexPage .mainContent .spikeBox .topTitle img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 12px;
}
.indexPage .mainContent .spikeBox .topTitle span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  vertical-align: middle;
  font-weight: 400;
  color: #373737;
}
.indexPage .mainContent .spikeBox .ant-tabs-ink-bar-animated {
  display: none !important;
}
.indexPage .mainContent .spikeBox .ant-tabs-nav-container {
  height: 40px;
  background: #fff3ea;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab {
  width: 190px;
  height: 40px;
  padding: 0 !important;
  margin-right: 0 !important;
  position: relative;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab:last-child .itemContent:before,
.indexPage .mainContent .spikeBox .ant-tabs-tab:last-child .itemContentNoStart:before {
  display: none;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab:first-child:before {
  display: none;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .itemContent,
.indexPage .mainContent .spikeBox .ant-tabs-tab .itemContentNoStart {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 400;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .itemContentNoStart {
  justify-content: center;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .end {
  padding-left: 0;
  font-size: 16px;
  justify-content: center;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .notStart {
  padding-left: 60px;
  font-size: 16px;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background: #dcdcdc;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .t1 {
  font-size: 16px;
  color: #a3a3a3;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .t2 {
  font-size: 14px;
  color: #a3a3a3;
  margin-left: 5px;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab .ant-statistic .ant-statistic-content {
  font-size: 14px;
  color: #a3a3a3;
  padding-top: 0 !important;
  padding-left: 5px;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active {
  background-color: #f44336;
  color: #ffffff;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active::before {
  display: none;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .ant-statistic .ant-statistic-content {
  font-size: 14px;
  color: #ffffff;
  padding-top: 10px;
  padding-left: 5px;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .t1 {
  font-size: 16px;
  color: #ffffff;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .t2 {
  font-size: 14px;
  color: #ffffff;
  margin-left: 5px;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .itemContent,
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .itemContentNoStart {
  position: relative;
}
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .itemContent::before,
.indexPage .mainContent .spikeBox .ant-tabs-tab-active .itemContentNoStart::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  border-width: 20px 0 21px 8px;
  border-style: solid;
  border-color: #fff3ea #fff3ea #fff3ea #f44336;
}
.indexPage .mainContent .spikeBox .ant-tabs-tabpane {
  display: flex;
  flex-wrap: wrap;
}
.indexPage .mainContent .spikeBox .activityItem {
  width: 236px;
  height: 208px;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  padding: 6px 9px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.indexPage .mainContent .spikeBox .activityItem:nth-child(5n) {
  margin-right: 0;
}
.indexPage .mainContent .spikeBox .activityItem .courseImg {
  width: 100%;
  height: 110px;
}
.indexPage .mainContent .spikeBox .activityItem .courseTitle {
  font-weight: 400;
  color: #373737;
  margin-top: 12px;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .left {
  font-size: 16px;
  font-weight: 400;
  color: #ff2f2f;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .left span {
  font-size: 16px;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .left del {
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
  color: #383838;
  margin-left: 5px;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .right img {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .right span {
  vertical-align: middle;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .right .nodata {
  padding: 2px 6px;
  background: #ffffff;
  border: 1px dashed #d2d2d2;
  font-size: 12px;
  color: #b9b9b9;
  text-align: center;
  line-height: 24px;
}
.indexPage .mainContent .spikeBox .activityItem .coursePrice .right .havedata {
  padding: 2px 6px;
  background: #ffffff;
  border: 1px dashed #f44336;
  font-size: 12px;
  color: #f44336;
  text-align: center;
  line-height: 24px;
}
.bottomLine {
  width: 100%;
  height: 1px;
  background: #9a9a9a;
}

.inforTopExam {
  width: 100%;
  height: 50px;
  background: #4262b3;
}
.inforTopExam .texamInfoBox {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 50px;
}
.inforTopExam .texamInfoBox .texamMain {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
}
.inforTopExam .texamInfoBox .texamMain .ant-tabs-top > .ant-tabs-nav {
  margin-bottom: 0;
}
.inforTopExam .texamInfoBox .texamMain .ant-tabs-bar {
  border-bottom: none;
}
.inforTopExam .texamInfoBox .texamMain .ant-tabs-tab {
  font-size: 18px;
  color: #ffffff;
  margin: 0;
}
.inforTopExam .texamInfoBox .texamMain .texamItem {
  padding: 0 45px;
}
.inforTopExam .texamInfoBox .texamMain .ant-tabs-ink-bar-animated {
  display: none !important;
}
.inforTopExam .texamInfoBox .texamMain .ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: 0;
}
.inforTopExam .texamInfoBox .texamMain .ant-tabs-tab.ant-tabs-tab-active::before,
.inforTopExam .texamInfoBox .texamMain .ant-tabs-tab.ant-tabs-tab-active::after {
  display: none;
}
.inforTopExam .texamInfoBox .texamMain .examTypeMark {
  display: block;
  position: absolute;
  bottom: 7px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 3px;
  background: #ffffff;
  border-radius: 2px;
}
.inforTopExam .texamInfoBox .allCourseBox {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  background: #f1f4ff;
  opacity: 0.9;
  padding: 28px 24px 18px;
  z-index: 2;
  animation: myfirst 0.5s;
}
.inforTopExam .texamInfoBox .allCourseBox ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.inforTopExam .texamInfoBox .allCourseBox ul li {
  list-style: none;
  width: 12.5%;
  text-align: center;
  margin-bottom: 10px;
}
@keyframes myfirst {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.9;
  }
}

.paginationItem {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}

.informationHomePage .mainContent {
  padding: 40px 0;
  background: #f2f5fa;
}
.informationHomePage .mainContent .mainBody {
  padding: 8px 0 128px 0;
  background: #ffffff;
  position: relative;
}
.informationHomePage .mainContent .mainBody .nodata {
  display: flex;
  justify-content: center;
  margin-top: 20%;
}
.informationHomePage .mainContent .mainBody .informationItem {
  height: 38px;
  padding: 0 39px 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}
.informationHomePage .mainContent .mainBody .informationItem .titleBox {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.informationHomePage .mainContent .mainBody .informationItem .titleBox .markdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #333333;
  border-radius: 50%;
}
.informationHomePage .mainContent .mainBody .informationItem .titleBox .title {
  margin-left: 8px;
  color: #333333;
}
.informationHomePage .mainContent .mainBody .informationItem .titleBox .recommend {
  color: #ff5353;
}
.informationHomePage .mainContent .mainBody .informationItem .titleBox img {
  margin-left: 7px;
}
.informationHomePage .mainContent .mainBody .informationItem .createTime {
  color: #333333;
}
.informationHomePage .mainContent .mainBody .informationItem .isToday {
  color: #ff5353;
}
.informationHomePage .mainContent .mainBody .inforpage {
  width: 100%;
  position: absolute;
  bottom: 40px;
}

.informationDetail {
  background: #f2f5fa;
  padding-bottom: 76px;
}
.informationDetail .columnBox {
  background: #4262b3;
}
.informationDetail .columnBox .contentMain {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
.informationDetail .columnBox .contentMain a {
  color: #ffffff;
}
.informationDetail .columnBox .contentMain .examName {
  margin-right: 23px;
}
.informationDetail .columnBox .contentMain .examName h1 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
}
.informationDetail .columnBox .contentMain .navigationName {
  cursor: pointer;
  margin-right: 19px;
}
.informationDetail .mainBody {
  padding-top: 14px;
}
.informationDetail .mainBody .location {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.informationDetail .mainBody .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.informationDetail .mainBody .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.informationDetail .mainBody .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.informationDetail .mainBody .location .locationPath .mark {
  color: #f02c2c;
}
.informationDetail .mainBody .location .locationPath .mark a {
  color: #f02c2c;
}
.informationDetail .mainBody .mainContent {
  display: flex;
}
.informationDetail .mainBody .mainContent .left {
  width: 851px;
  background: #ffffff;
  margin-right: 19px;
  padding: 19px 36px 32px 15px;
}
.informationDetail .mainBody .mainContent .left .topTitle > h1 {
  font-size: 22px;
  font-weight: bold;
  color: #080808;
  padding-left: 14px;
  margin-bottom: 14px;
}
.informationDetail .mainBody .mainContent .left .basicInfo {
  padding-left: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.informationDetail .mainBody .mainContent .left .basicInfo .leftItems {
  display: flex;
  align-items: center;
}
.informationDetail .mainBody .mainContent .left .basicInfo .leftItems .source,
.informationDetail .mainBody .mainContent .left .basicInfo .leftItems .createTime,
.informationDetail .mainBody .mainContent .left .basicInfo .leftItems .readCount {
  color: #AAAAAA;
  font-size: 12px;
  margin-right: 33px;
}
.informationDetail .mainBody .mainContent .left .basicInfo .leftItems .storage {
  color: #333333;
  font-size: 12px;
}
.informationDetail .mainBody .mainContent .left .basicInfo .leftItems .storage img {
  margin-left: 5px;
  vertical-align: text-top;
  cursor: pointer;
}
.informationDetail .mainBody .mainContent .left .basicInfo .share {
  width: 69px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #ec4200;
  border-radius: 4px;
  font-size: 12px;
  color: #ec4200;
  cursor: pointer;
}
.informationDetail .mainBody .mainContent .left .basicInfo .share img {
  margin-right: 5px;
}
.informationDetail .mainBody .mainContent .left .topCarousel img,
.informationDetail .mainBody .mainContent .left .bottomCarousel img {
  width: 100%;
  height: 90px;
}
.informationDetail .mainBody .mainContent .left .content {
  padding: 26px 0 0 14px;
}
.informationDetail .mainBody .mainContent .left .content p {
  margin-bottom: 0;
}
.informationDetail .mainBody .mainContent .left .content img {
  max-width: 100%;
}
.informationDetail .mainBody .mainContent .left .editor {
  margin-top: 42px;
  text-align: end;
  color: #7f7f7f;
  font-size: 14px;
}
.informationDetail .mainBody .mainContent .left .underLine {
  margin-top: 9px;
  margin-bottom: 20px;
  height: 1px;
  background: #d7d7d7;
}
.informationDetail .mainBody .mainContent .left .bottomAd {
  margin-top: 20px;
}
.informationDetail .mainBody .mainContent .left .bottomAd img {
  width: 100%;
  height: 90px;
}
.informationDetail .mainBody .mainContent .right {
  width: 330px;
}
.informationDetail .mainBody .mainContent .right .countTime,
.informationDetail .mainBody .mainContent .right .readCount,
.informationDetail .mainBody .mainContent .right .update {
  background: #ffffff;
  margin-bottom: 20px;
}
.informationDetail .mainBody .mainContent .right .countTime {
  padding: 11px 11px 0 11px;
}
.informationDetail .mainBody .mainContent .right .countTime .day {
  width: 250px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 18px;
  margin-bottom: 34px;
  padding-top: 14px;
}
.informationDetail .mainBody .mainContent .right .countTime .day .numberBox {
  display: flex;
  margin: 0 8px;
}
.informationDetail .mainBody .mainContent .right .countTime .day .numberBox .unit {
  width: 31px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: url('/day_back.png') no-repeat center center;
  color: #f15942;
  font-size: 30px;
  margin-right: 8px;
}
.informationDetail .mainBody .mainContent .right .countTime .day .numberBox .unit:last-child {
  margin: 0;
}
.informationDetail .mainBody .mainContent .right .countTime .entryBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.informationDetail .mainBody .mainContent .right .countTime .entryBox .entry {
  width: 148px;
  height: 49px;
  background: #e9f3ff;
  display: flex;
  align-items: center;
  padding-left: 26px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 13px;
}
.informationDetail .mainBody .mainContent .right .countTime .entryBox .entry img {
  width: 20px;
  height: 22px;
  margin-right: 6px;
}
.informationDetail .mainBody .mainContent .right .readCount,
.informationDetail .mainBody .mainContent .right .update {
  padding: 14px 0 15px 0;
}
.informationDetail .mainBody .mainContent .right .readCount .topTitle,
.informationDetail .mainBody .mainContent .right .update .topTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  padding: 0 15px;
}
.informationDetail .mainBody .mainContent .right .readCount .topTitle .t1,
.informationDetail .mainBody .mainContent .right .update .topTitle .t1 {
  display: flex;
  align-items: center;
}
.informationDetail .mainBody .mainContent .right .readCount .topTitle .t1 .mark,
.informationDetail .mainBody .mainContent .right .update .topTitle .t1 .mark {
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #f2471c;
  margin-right: 10px;
}
.informationDetail .mainBody .mainContent .right .readCount .topTitle .t1 .name,
.informationDetail .mainBody .mainContent .right .update .topTitle .t1 .name {
  font-size: 16px;
  color: #333333;
}
.informationDetail .mainBody .mainContent .right .readCount .topTitle .t2 > a,
.informationDetail .mainBody .mainContent .right .update .topTitle .t2 > a {
  font-size: 14px;
  color: #d9001b;
  cursor: pointer;
}
.informationDetail .mainBody .mainContent .right .readCount .content,
.informationDetail .mainBody .mainContent .right .update .content {
  border-top: 1px solid #e6e6e6;
  padding: 5px 15px 0 15px;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item,
.informationDetail .mainBody .mainContent .right .update .content .item {
  padding: 14px 0 11px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item:last-child,
.informationDetail .mainBody .mainContent .right .update .content .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item .dotMark,
.informationDetail .mainBody .mainContent .right .update .content .item .dotMark {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d9001b;
  border-radius: 50%;
  margin-right: 6px;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item .order,
.informationDetail .mainBody .mainContent .right .update .content .item .order {
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #cccccc;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item .first,
.informationDetail .mainBody .mainContent .right .update .content .item .first {
  background: #f2471c;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item .second,
.informationDetail .mainBody .mainContent .right .update .content .item .second {
  background: #ff6503;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item .third,
.informationDetail .mainBody .mainContent .right .update .content .item .third {
  background: #ff9908;
}
.informationDetail .mainBody .mainContent .right .readCount .content .item .title,
.informationDetail .mainBody .mainContent .right .update .content .item .title {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.informationDetail .mainBody .mainContent .right .carouselBox {
  width: 330px;
}
.informationDetail .mainBody .mainContent .right .carouselBox img {
  height: 170px;
  width: 100%;
}

.pkStudy {
  background: url(https://img.yiwenjy.cn/base/img/264.png) center center;
  padding-bottom: 80px;
}
.pkStudy .noLogin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
}
.pkStudy .noLogin a {
  font-size: 18px;
  color: #f1462d;
  margin-top: 40px;
  text-decoration: underline;
}
.pkStudy .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.pkStudy .mainContent .topTitle {
  padding-left: 10px;
  padding-top: 16px;
  color: #393939;
}
.pkStudy .mainContent .topVideoBox {
  width: 100%;
  padding-top: 16px;
}
.pkStudy .mainContent .topVideoBox .videoBody {
  height: 466px;
  display: flex;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoLeft {
  position: relative;
  flex: 1;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoLeft > div {
  height: 100%;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoLeft .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight {
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox {
  position: relative;
  flex: 1;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-bar {
  border-bottom: none;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  height: 356px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .example {
  height: 100px;
  padding-top: 20px;
  padding-left: 120px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .example .ant-spin {
  color: #39b378;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .example .ant-spin-dot-item {
  background-color: #39b378;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .tabContent .noNote {
  text-align: center;
  color: #fff;
  padding-top: 100px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-header {
  padding: 5px 0 5px 36px;
  color: rgba(255, 255, 255, 0.8);
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-header:hover {
  color: #108ee9;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .ant-collapse-borderless {
  background: #1b1b1b;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .TC {
  text-align: center;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild span {
  display: block;
  width: 70px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .checkTag {
  color: #ed5934;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .learning {
  color: #ed5934;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .videoTabList .chapterChild .down {
  font-size: 14px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail {
  padding: 10px 20px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #c2c2c2;
  border-bottom: 1px dashed #595959;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .topTime {
  margin-bottom: 10px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .content {
  display: flex;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .content .left {
  flex: 1;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .noteDetail .noteItem .content .right {
  width: 16px;
  height: 14px;
  margin-left: 20px;
  font-size: 16px;
  cursor: pointer;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-tab {
  margin-right: 0;
  border: none;
  border-radius: unset;
  width: 124px;
  text-align: center;
  background-color: #282828;
  color: #cccccc;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .ant-tabs-tab-active {
  background-color: #1b1b1b;
  color: #e02a01;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b1b1b;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouTop {
  width: 100%;
  height: 44px;
  background: #282828;
  padding-left: 12px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouTop > div {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 44px;
  width: 30%;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouTop > div .anticon {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  height: 356px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent {
  padding: 10px 20px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #c2c2c2;
  border-bottom: 1px dashed #595959;
  display: flex;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem .left {
  flex: 1;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem .left p {
  margin: 0;
  margin-bottom: 5px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .handouItem .right {
  cursor: pointer;
  width: 30px;
  text-align: center;
  font-size: 24px;
  margin-left: 60px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .topBox .handouBox .handouListBox .handouContent .nodata {
  padding-top: 100px;
  text-align: center;
  color: #fff;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox {
  position: relative;
  width: 372px;
  height: 55px;
  background: #292929;
  display: flex;
  align-items: center;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox {
  cursor: pointer;
  flex: 1;
  height: 100%;
  line-height: 55px;
  color: #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox .anticon {
  vertical-align: middle;
  margin-right: 4px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox span {
  font-size: 20px;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .btnBox.active {
  color: #ed5934;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue {
  position: absolute;
  top: -170px;
  right: 50%;
  margin-right: -165px;
  width: 330px;
  height: 161px;
  background: #f7f7f7;
  border-radius: 2px;
  padding: 10px 16px 0;
  color: #414141;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote::after,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue::after {
  content: "";
  position: absolute;
  right: 34px;
  bottom: -10px;
  width: 0;
  height: 0;
  z-index: 3;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .addTopTitle,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .addTopTitle {
  text-align: center;
  position: relative;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .addTopTitle .closeBtn,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .addTopTitle .closeBtn {
  position: absolute;
  right: 0;
  top: 4px;
  width: 12px;
  height: 13px;
  background: url("/closeTop.png");
  cursor: pointer;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .textBox,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .textBox {
  width: 100%;
  margin-top: 8px;
  height: 72px;
  background: #f7f7f7;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .textBox .ant-input,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .textBox .ant-input {
  resize: none;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .subBox,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .subBox {
  display: flex;
  flex-direction: row-reverse;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addNote .subBox .submitBox,
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue .subBox .submitBox {
  height: 28px;
  margin-top: 10px;
  background: #e12b01;
  border-color: #e02a01;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #f7f7f7;
}
.pkStudy .mainContent .topVideoBox .videoBody .videoRight .actionBox .addQue::after {
  right: 158px;
}
.pkStudy .mainContent .pkInfo {
  width: 100%;
  height: 153px;
  background: #ffffff;
  margin-top: 50px;
  display: flex;
  position: relative;
}
.pkStudy .mainContent .pkInfo > div {
  width: 50%;
  padding: 24px 32px;
}
.pkStudy .mainContent .pkInfo .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pkStudy .mainContent .pkInfo .left .title {
  font-size: 18px;
  font-weight: bold;
  color: #181818;
}
.pkStudy .mainContent .pkInfo .left .info {
  font-size: 14px;
  font-weight: 400;
  color: #6e6e6e;
}
.pkStudy .mainContent .pkInfo .left .info span:first-of-type {
  margin-right: 78px;
}
.pkStudy .mainContent .pkInfo .left .linktext {
  text-decoration: underline;
  color: #f72e2e;
}
.pkStudy .mainContent .pkInfo .right {
  display: flex;
  align-items: center;
}
.pkStudy .mainContent .pkInfo .right p {
  margin: 0;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #444444;
  margin-left: 150px;
}
.pkStudy .mainContent .pkInfo .right p a {
  color: #f72e2e;
}
.pkStudy .mainContent .pkInfo .right .information {
  display: block;
  width: 140px;
  height: 40px;
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-radius: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  margin-left: 56px;
  cursor: pointer;
}
.pkStudy .mainContent .pkInfo .right .information:hover {
  color: #ffffff !important;
}
.pkStudy .mainContent .pkInfo::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -38px;
  width: 1px;
  height: 76px;
  background: #e5e5e5;
}
.pkStudy .mainContent .classList {
  width: 100%;
  min-height: 153px;
  background: #ffffff;
  padding: 24px 32px;
}
.pkStudy .mainContent .classList .bigItem .courseTop {
  color: #393939;
  width: 1142px;
  height: 42px;
  line-height: 42px;
  padding-left: 16px;
  background: #f2f5fa;
}
.pkStudy .mainContent .classList .bigItem .courseTop span {
  color: #7f7f7f;
}
.pkStudy .mainContent .classList .bigItem .classItem {
  width: 1142px;
  height: 42px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 20px;
}
.pkStudy .mainContent .classList .bigItem .classItem .left {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle {
  display: flex;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle .teacherName {
  width: 60px;
  color: #3a3a3a;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle .progressBox {
  width: 250px;
  margin-right: 10px;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle .progressBox .ant-progress-inner {
  background: #e0e0e0;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle .progressBox .ant-progress-bg {
  background: #ea3e00;
  height: 9px !important;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle .infoBox {
  color: #3a3a3a;
}
.pkStudy .mainContent .classList .bigItem .classItem .middle .infoBox span {
  color: #e63500;
}
.pkStudy .mainContent .classList .bigItem .classItem .right {
  width: 86px;
  height: 26px;
}
.pkStudy .mainContent .classList .bigItem .classItem .right > div {
  cursor: pointer;
  width: 86px;
  height: 26px;
  line-height: 24px;
  border-radius: 13px;
  font-size: 12px;
  text-align: center;
}
.pkStudy .mainContent .classList .bigItem .classItem .right .continuBtn {
  background: #ffffff;
  border: 1px solid #de2501;
  font-weight: 400;
  color: #dd2301;
}
.pkStudy .mainContent .classList .bigItem .classItem .right .startBtn {
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.34);
  color: #ffffff;
}
.pkStudy .mainContent .classList .bigItem .classItem .right .restartBtn {
  background: #eeeeee;
  border-radius: 13px;
  color: #a2a2a2;
}

.quickOpenPage .openMainBody {
  min-height: calc(100vh - 140px);
}
.quickOpenPage .openMainBody .openTop {
  height: 80px;
  background: #027db4;
}
.quickOpenPage .openMainBody .openTop .open_T {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quickOpenPage .openMainBody .openTop .open_T span {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
}
.quickOpenPage .openMainBody .openBottom {
  width: 1200px;
  margin: 0 auto;
  min-height: calc(100vh - 220px);
  padding: 100px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t {
  width: 1000px;
  background: #ffffff;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  padding: 64px 40px;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  margin-bottom: 0;
  vertical-align: top;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .ant-form-item .ant-col {
  height: 56px;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
  display: flex;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .ant-form-text {
  display: inline-block;
  padding-right: 0;
  margin-left: 20px;
  line-height: 32px;
  font-size: 12px;
  font-weight: 400;
  color: #7f7f7f;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .codeMsg {
  color: #d9001b !important;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .btnBox {
  margin-left: 115px;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_t .ant-form .btnBox .submit {
  background: #169bd5;
  border-radius: 4px;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_b {
  width: 1000px;
  margin-top: 30px;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_b h5 {
  font-size: 18px;
  font-weight: 400;
  color: #d9001b;
}
.quickOpenPage .openMainBody .openBottom .b_contentBox_b p {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.openModal .ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
  text-align: center;
  color: red;
}
.openModal .openBox {
  padding: 25px 58px;
}
.openModal .openBox .openProduct {
  font-size: 16px;
  font-weight: 400;
  color: #027db4;
  line-height: 40px;
}
.openModal .openBox .activeBtns {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.openModal .openBox .activeBtns .jumpPage {
  display: inline-block;
  width: 110px;
  height: 30px;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  color: #ffffff !important;
}
.openModal .openBox .activeBtns .startStudy {
  margin-right: 95px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
  border: 1px solid #d91b01;
}
.openModal .openBox .activeBtns .studyBtn {
  margin-right: 95px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 15px;
  border: 1px solid #d91b01;
}
.openModal .openBox .activeBtns .downloadApp {
  background: #027db4;
  box-shadow: 0px 0px 8px 0px rgba(2, 125, 180, 0.43);
  border-radius: 15px;
}
.openModal .openBox .acountPsw {
  display: flex;
  align-items: center;
}
.openModal .openBox .acountPsw span {
  margin-right: 20px;
}
.confirmModal {
  width: 600px !important;
}
.confirmModal .confirmMsg {
  margin-bottom: 20px;
  font-size: 16px;
  color: #070707;
}
.confirmModal .confirmMsg span {
  font-size: 20px;
  color: #ff0000;
}
.confirmModal .confirmBtns {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.singleColumnInformation {
  background: #f2f5fa;
  padding-bottom: 76px;
}
.singleColumnInformation .columnBox {
  background: #4262b3;
}
.singleColumnInformation .columnBox .contentMain {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
.singleColumnInformation .columnBox .contentMain a {
  color: #ffffff;
}
.singleColumnInformation .columnBox .contentMain .examName {
  margin-right: 23px;
}
.singleColumnInformation .columnBox .contentMain .examName h1 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
}
.singleColumnInformation .columnBox .contentMain .navigationName {
  cursor: pointer;
  margin-right: 19px;
}
.singleColumnInformation .mainBody {
  padding-top: 14px;
}
.singleColumnInformation .mainBody .location {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.singleColumnInformation .mainBody .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.singleColumnInformation .mainBody .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.singleColumnInformation .mainBody .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.singleColumnInformation .mainBody .location .locationPath .mark {
  color: #f02c2c;
}
.singleColumnInformation .mainBody .location .locationPath .mark a {
  color: #f02c2c;
}
.singleColumnInformation .mainBody .mainContent {
  display: flex;
}
.singleColumnInformation .mainBody .mainContent .left {
  min-height: calc(100vh - 210px);
  width: 851px;
  background: #ffffff;
  margin-right: 19px;
  padding: 21px 0 46px 0;
  position: relative;
}
.singleColumnInformation .mainBody .mainContent .left .topTitle {
  width: 300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.singleColumnInformation .mainBody .mainContent .left .topTitle .line {
  display: inline-block;
  width: 60px;
  height: 1px;
  background: #d7d7d7;
}
.singleColumnInformation .mainBody .mainContent .left .topTitle .title {
  font-size: 18px;
  color: #7e7e7e;
  margin: 0 17px;
}
.singleColumnInformation .mainBody .mainContent .left .areaBox,
.singleColumnInformation .mainBody .mainContent .left .cityBox,
.singleColumnInformation .mainBody .mainContent .left .courseBox {
  width: 806px;
  margin: 18px auto;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  padding: 13px 20px;
  font-size: 16px;
  color: #3e3e3e;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.singleColumnInformation .mainBody .mainContent .left .areaBox span,
.singleColumnInformation .mainBody .mainContent .left .cityBox span,
.singleColumnInformation .mainBody .mainContent .left .courseBox span {
  display: inline-block;
  min-width: 44px;
  text-align: center;
  padding: 4px;
  cursor: pointer;
}
.singleColumnInformation .mainBody .mainContent .left .areaBox .selected,
.singleColumnInformation .mainBody .mainContent .left .cityBox .selected,
.singleColumnInformation .mainBody .mainContent .left .courseBox .selected {
  color: #ff5353;
}
.singleColumnInformation .mainBody .mainContent .left .inforpage {
  width: 100%;
  position: absolute;
  bottom: 40px;
}
.singleColumnInformation .mainBody .mainContent .left .mainList {
  padding: 0 16px 33px 16px;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 28px;
  padding-bottom: 33px;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo:last-child {
  border-bottom: 0;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .sectionTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .sectionTitle .columnName {
  width: 220px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #0070c3;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .sectionTitle .more {
  font-size: 12px;
  font-weight: 400;
  color: #353535;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList {
  margin-top: 20px;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info:last-child {
  margin-bottom: 0;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .info .infoTitle {
  font-size: 16px;
  color: #333333;
}
.singleColumnInformation .mainBody .mainContent .left .mainList .sectionInfo .inforList .createTime {
  font-size: 14px;
  color: #AAAAAA;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList {
  padding-top: 28px;
  padding-bottom: 33px;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .nodata {
  text-align: center;
  margin-top: 100px;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .singleColumnTitle {
  width: 220px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #0070c3;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20px;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor .infoTitle {
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor .infoTitle img {
  margin-left: 7px;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor .createTime {
  width: 120px;
  text-align: end;
  font-size: 14px;
  color: #AAAAAA;
}
.singleColumnInformation .mainBody .mainContent .left .singleColumnInforList .singleInfor .today {
  color: #ff5353;
}
.singleColumnInformation .mainBody .mainContent .right {
  width: 330px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime,
.singleColumnInformation .mainBody .mainContent .right .readCount,
.singleColumnInformation .mainBody .mainContent .right .update,
.singleColumnInformation .mainBody .mainContent .right .adBox {
  background: #ffffff;
  margin-bottom: 20px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime {
  padding: 11px 11px 0 11px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .day {
  width: 250px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 18px;
  margin-bottom: 34px;
  padding-top: 14px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .day .numberBox {
  display: flex;
  margin: 0 8px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .day .numberBox .unit {
  width: 31px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: url('/day_back.png') no-repeat center center;
  color: #f15942;
  font-size: 30px;
  margin-right: 8px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .day .numberBox .unit:last-child {
  margin: 0;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .entryBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .entryBox .entry {
  width: 148px;
  height: 49px;
  background: #e9f3ff;
  display: flex;
  align-items: center;
  padding-left: 26px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 13px;
}
.singleColumnInformation .mainBody .mainContent .right .countTime .entryBox .entry img {
  width: 20px;
  height: 22px;
  margin-right: 6px;
}
.singleColumnInformation .mainBody .mainContent .right .readCount,
.singleColumnInformation .mainBody .mainContent .right .update {
  padding: 14px 0 15px 0;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .topTitle,
.singleColumnInformation .mainBody .mainContent .right .update .topTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  padding: 0 15px;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .topTitle .t1,
.singleColumnInformation .mainBody .mainContent .right .update .topTitle .t1 {
  display: flex;
  align-items: center;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .topTitle .t1 .mark,
.singleColumnInformation .mainBody .mainContent .right .update .topTitle .t1 .mark {
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #f2471c;
  margin-right: 10px;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .topTitle .t1 .name,
.singleColumnInformation .mainBody .mainContent .right .update .topTitle .t1 .name {
  font-size: 16px;
  color: #333333;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .topTitle .t2 > a,
.singleColumnInformation .mainBody .mainContent .right .update .topTitle .t2 > a {
  font-size: 14px;
  color: #d9001b;
  cursor: pointer;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content,
.singleColumnInformation .mainBody .mainContent .right .update .content {
  border-top: 1px solid #e6e6e6;
  padding: 5px 15px 0 15px;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item,
.singleColumnInformation .mainBody .mainContent .right .update .content .item {
  padding: 14px 0 11px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item:last-child,
.singleColumnInformation .mainBody .mainContent .right .update .content .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item .dotMark,
.singleColumnInformation .mainBody .mainContent .right .update .content .item .dotMark {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d9001b;
  border-radius: 50%;
  margin-right: 6px;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item .order,
.singleColumnInformation .mainBody .mainContent .right .update .content .item .order {
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #cccccc;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item .first,
.singleColumnInformation .mainBody .mainContent .right .update .content .item .first {
  background: #f2471c;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item .second,
.singleColumnInformation .mainBody .mainContent .right .update .content .item .second {
  background: #ff6503;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item .third,
.singleColumnInformation .mainBody .mainContent .right .update .content .item .third {
  background: #ff9908;
}
.singleColumnInformation .mainBody .mainContent .right .readCount .content .item .title,
.singleColumnInformation .mainBody .mainContent .right .update .content .item .title {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.singleColumnInformation .mainBody .mainContent .right .carouselBox {
  width: 330px;
}
.singleColumnInformation .mainBody .mainContent .right .carouselBox img {
  height: 170px;
  width: 100%;
}

.spikePage {
  width: 100%;
}
.spikePage .main {
  width: 1200px;
  margin: 0 auto;
  padding-top: 39px;
}
.spikePage .main .activity {
  padding: 23px 40px 24px 14px;
  display: flex;
  background: #f6f6f6;
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.29);
}
.spikePage .main .activity img {
  width: 198px;
  height: 98px;
  margin-right: 18px;
}
.spikePage .main .activity .info {
  flex: 1;
}
.spikePage .main .activity .info .first {
  display: flex;
  justify-content: space-between;
}
.spikePage .main .activity .info .first .title {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 15px;
}
.spikePage .main .activity .info .first .share {
  width: 69px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #ec4200;
  border-radius: 4px;
  font-size: 12px;
  color: #ec4200;
  cursor: pointer;
}
.spikePage .main .activity .info .first .share img {
  margin-right: 5px;
  width: 12px;
  height: 12px;
}
.spikePage .main .activity .info .sPrice {
  margin-bottom: 28px;
}
.spikePage .main .activity .info .sPrice .t1 {
  font-size: 14px;
  font-weight: 400;
  color: #f02c2c;
  margin-right: 22px;
}
.spikePage .main .activity .info .sPrice .t2 {
  font-size: 14px;
  font-weight: 400;
  color: #f59a23;
}
.spikePage .main .activity .info .bottom {
  display: flex;
  align-items: center;
}
.spikePage .main .activity .info .bottom .buyBtn,
.spikePage .main .activity .info .bottom .noStart {
  display: inline-block;
  width: 92px;
  line-height: 27px;
  text-align: center;
  background: #f44336;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.spikePage .main .activity .info .bottom .buyBtn {
  cursor: pointer;
}
.spikePage .main .activity .info .bottom .btnBox {
  display: flex;
  height: 27px;
}
.spikePage .main .activity .info .bottom .btnBox .rest {
  display: inline-block;
  width: 60px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: #ffffff;
  border: 1px dashed #f44336;
  border-right: 0;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f44336;
}
.spikePage .main .activity .info .bottom .t3 {
  font-size: 14px;
  font-weight: 400;
  color: #f59a23;
  margin-left: 20px;
  cursor: pointer;
}
.spikePage .main .activity .info .bottom .end {
  width: 92px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: #e4e4e4;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8d8d8d;
}
.spikePage .main .activity .info .bottom .notStart {
  height: 27px;
  padding: 0 10px;
  line-height: 27px;
  text-align: center;
  background: #e4e4e4;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8d8d8d;
}
.spikePage .main .detailBox {
  margin-top: 30px;
}
.spikePage .main .detailBox .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #434343;
  margin-bottom: 15px;
}
.spikePage .main .detailBox .name {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.spikePage .main .detailBox .name a {
  color: #127de1;
}
.spikePage .main .detailBox .rule {
  font-size: 14px;
  color: #5C5C5C;
}

.teacherPage {
  background-color: #f7f5f5;
  padding-bottom: 85px;
}
.teacherPage .mainBox {
  width: 1200px;
  margin: 0 auto;
}
.teacherPage .mainBox .location {
  display: flex;
  align-items: center;
  height: 47px;
}
.teacherPage .mainBox .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.teacherPage .mainBox .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.teacherPage .mainBox .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.teacherPage .mainBox .location .locationPath .mark {
  color: #f02c2c;
}
.teacherPage .mainBox .location .pointer {
  cursor: pointer;
}
.teacherPage .mainBox .teacherInfo {
  width: 100%;
  height: 220px;
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 38px;
}
.teacherPage .mainBox .teacherInfo .left {
  width: 185px;
  height: 185px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.31);
  margin-right: 80px;
}
.teacherPage .mainBox .teacherInfo .left img {
  width: 100%;
  height: 100%;
}
.teacherPage .mainBox .teacherInfo .right {
  flex: 1;
  color: #515151;
}
.teacherPage .mainBox .teacherInfo .right .name {
  font-size: 16px;
  font-weight: bold;
  color: #252525;
}
.teacherPage .mainBox .classInfo {
  margin-top: 40px;
}
.teacherPage .mainBox .classInfo .topTitle {
  position: relative;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #303030;
  padding-left: 28px;
}
.teacherPage .mainBox .classInfo .topTitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-bottom: -9px;
  width: 6px;
  height: 20px;
  background: #f02c2c;
}
.teacherPage .mainBox .classInfo .classBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
}
.teacherPage .mainBox .classInfo .classBox .courseitemBox {
  width: 25%;
  margin-bottom: 16px;
}
.teacherPage .mainBox .classInfo .classBox .courseitemBox .courseItem {
  margin: 0 auto;
  cursor: pointer;
}

.rightQrcode {
  position: fixed;
  right: 10px;
  z-index: 999;
  top: calc(50vh - 100px);
}
.rightQrcode .qrBox {
  position: relative;
  display: flex;
}
.rightQrcode .qrBox .qrCodeBox {
  padding: 12px 18px 18px 18px;
  position: absolute;
  right: 60px;
  width: 144px;
  background: #F08205;
  font-size: 12px;
  color: #ffffff;
}
.rightQrcode .qrBox .qrCodeBox .title {
  text-align: center;
}
.rightQrcode .qrBox .qrCodeBox .imgBox {
  margin-top: 6px;
  background: #f5f7f9;
  padding: 6px;
}
.rightQrcode .qrBox .qrCodeBox .imgBox canvas {
  height: 93px !important;
  width: 93px !important;
}
.rightQrcode .qrBox .qrCodeBox .imgBox img {
  height: 98px;
  width: 98px;
}
.rightQrcode .qrBox .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.rightQrcode .qrBox .right .app,
.rightQrcode .qrBox .right .public {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background: #F08205;
  margin-bottom: 4px;
}
.rightQrcode .qrBox .right .bookShoppingCar {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #F08205;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.rightQrcode .qrBox .right .bookShoppingCar a {
  color: #ffffff;
}
.rightQrcode .qrBox .right .bookShoppingCar img {
  margin-right: 8px;
}
.rightQrcode .qrBox .right .shoppingCarShow {
  width: 120px;
}
.rightQrcode .qrBox .right .service,
.rightQrcode .qrBox .right .backTop {
  width: 60px;
  color: #ffffff;
  font-size: 14px;
  background: #F08205;
  text-align: center;
  margin-bottom: 4px;
  padding: 8px 0;
}
.rightQrcode .qrBox .right .service a,
.rightQrcode .qrBox .right .backTop a {
  color: #ffffff;
}
.rightQrcode .qrBox .right .service a:hover,
.rightQrcode .qrBox .right .backTop a:hover {
  color: #e6e6e6 !important;
}
.rightQrcode .qrBox .right .backTop {
  cursor: pointer;
}
.rightQrcode .qrBox .right .arrow {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #c5c6cb;
  text-align: center;
  color: #ffffff;
}

.courseBookProduct {
  padding-bottom: 70px;
}
.courseBookProduct .mainBody {
  padding-top: 12px;
}
.courseBookProduct .mainBody .location {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.courseBookProduct .mainBody .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.courseBookProduct .mainBody .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.courseBookProduct .mainBody .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.courseBookProduct .mainBody .location .locationPath .mark {
  color: #f02c2c;
}
.courseBookProduct .mainBody .condition {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #000000;
}
.courseBookProduct .mainBody .condition .kind,
.courseBookProduct .mainBody .condition .sort {
  flex: 1;
  display: flex;
}
.courseBookProduct .mainBody .condition .kind .t2,
.courseBookProduct .mainBody .condition .sort .t2 {
  margin-right: 27px;
}
.courseBookProduct .mainBody .condition .kind .t1,
.courseBookProduct .mainBody .condition .sort .t1 {
  display: inline-block;
  width: 85px;
  margin-right: 27px;
}
.courseBookProduct .mainBody .condition .kind .kindList,
.courseBookProduct .mainBody .condition .sort .kindList {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 15px;
}
.courseBookProduct .mainBody .condition .kind .tag,
.courseBookProduct .mainBody .condition .sort .tag {
  margin-right: 31px;
  margin-bottom: 12px;
  cursor: pointer;
}
.courseBookProduct .mainBody .condition .kind .selected,
.courseBookProduct .mainBody .condition .sort .selected {
  display: inline-block;
  padding: 0 8px 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #ec4200;
  border-radius: 2px;
  color: #ffffff;
}
.courseBookProduct .mainBody .condition .sort {
  justify-content: flex-end;
}
.courseBookProduct .mainBody .bookList {
  margin-bottom: 50px;
  border-top: 1px solid #d7d7d7;
}
.courseBookProduct .mainBody .bookList .noBook {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-top: 150px;
}
.courseBookProduct .mainBody .bookList .book {
  display: flex;
  align-items: center;
  padding: 21px 14px 31px 12px;
  border-bottom: 1px solid #d7d7d7;
}
.courseBookProduct .mainBody .bookList .book .leftImg {
  width: 140px;
  height: 140px;
  margin-right: 40px;
}
.courseBookProduct .mainBody .bookList .book .leftImg img {
  width: 140px;
  height: 140px;
}
.courseBookProduct .mainBody .bookList .book .rightInfo {
  flex: 1;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .title {
  font-size: 16px;
  font-weight: 400;
  color: #0000bf;
  margin-bottom: 13px;
  display: inline-block;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .price {
  display: flex;
  margin-bottom: 13px;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .price .cheaperPrice,
.courseBookProduct .mainBody .bookList .book .rightInfo .price .fixedPrice {
  margin-right: 100px;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .price .t1 {
  font-size: 14px;
  color: #000000;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .price .t2 {
  font-size: 16px;
  color: #ff1c1c;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .price .t3 {
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  color: #1d1d1d;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .express {
  margin-bottom: 13px;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .express .t4 {
  font-size: 14px;
  color: #000000;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn {
  display: flex;
  justify-content: space-between;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .author {
  font-size: 14px;
  color: #000000;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .buyBtn {
  margin-left: 36px;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .buyBtn .ant-btn:hover {
  border-color: #ffffff;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .buyBtn .buyNow,
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .buyBtn .addShoppingCar {
  width: 100px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .buyBtn .buyNow {
  background: #ff4300;
  margin-right: 44px;
}
.courseBookProduct .mainBody .bookList .book .rightInfo .authorAndBtn .buyBtn .addShoppingCar {
  background: #f59923;
}

.moreCourse .scTopBox {
  position: relative;
  width: 100%;
  height: 770px;
}
.moreCourse .course_head {
  width: 100%;
  height: 770px;
  background-position: center;
  background-size: cover;
  display: block;
}
.moreCourse .body_main {
  width: 1130px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.moreCourse .body_main .c_head {
  background: #1b1b1b;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.moreCourse .body_main .c_head .left {
  flex: 1;
  height: 60px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.moreCourse .body_main .c_head .left .title {
  line-height: 60px;
  width: max-content;
  padding: 0 30px;
  border-right: 1px solid #3a3a3a;
  cursor: pointer;
}
.moreCourse .body_main .c_head .left .title:hover {
  color: #62a9ff;
}
.moreCourse .body_main .c_head .left .title1 {
  background: #e1413e;
}
.moreCourse .body_main .c_head .left .title1:hover {
  color: white;
}
.moreCourse .body_main .c_head .right {
  padding-right: 20px;
}
.moreCourse .body_main .c_head .right .ant-select {
  width: 200px;
  color: #bfbfbf;
}
.moreCourse .body_main .c_head .right .ant-select .ant-select-selector {
  background: #282828 !important;
  border: 1px solid #484848;
  border-radius: 0;
}
.moreCourse .body_main .c_head .right .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.moreCourse .body_main .c_body {
  height: 440px;
  display: flex;
}
.moreCourse .body_main .c_body .video_left {
  flex: 1;
  height: 440px;
  position: relative;
  background: #000000;
}
.moreCourse .body_main .c_body .video_left .controls-item {
  width: 100%;
  height: 100%;
  background: #181616;
  display: flex;
  justify-content: center;
  align-items: center;
}
.moreCourse .body_main .c_body .video_left .controls-item .ant-spin-text {
  color: #b3b2b2;
  margin-top: 10px;
}
.moreCourse .body_main .c_body .video_left .controls-item .ant-spin-dot i {
  background-color: #b3b2b2;
}
.moreCourse .body_main .c_body .video_left .other-way {
  display: flex;
  width: 1068px;
  height: 60px;
  background: #2b2b2b;
  margin-top: -5px;
  color: #fff;
  align-items: center;
}
.moreCourse .body_main .c_body .video_left .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.moreCourse .body_main .c_body .c_right {
  height: 440px;
  width: 350px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.moreCourse .body_main .c_body .c_right .teacherNameBox {
  height: 41px;
  line-height: 41px;
  padding-right: 20px;
  background: #282828;
  display: flex;
  justify-content: space-between;
}
.moreCourse .body_main .c_body .c_right .teacherNameBox .teacherName {
  width: max-content;
  padding: 0 15px;
  margin-top: 3px;
  height: 38px;
  line-height: 38px;
  background: #1b1b1b;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
}
.moreCourse .body_main .c_body .c_right .teacherNameBox span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.moreCourse .body_main .c_body .c_right .ant-collapse-header {
  padding: 5px 0 5px 12px;
  color: rgba(255, 255, 255, 0.8);
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.moreCourse .body_main .c_body .c_right .ant-collapse-header:hover {
  color: #108ee9;
}
.moreCourse .body_main .c_body .c_right .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.moreCourse .body_main .c_body .c_right .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.moreCourse .body_main .c_body .c_right .ant-collapse-borderless {
  background: #1b1b1b;
}
.moreCourse .body_main .c_body .c_right .checkTag {
  color: #ed5934;
}
.moreCourse .body_main .c_body .c_right .shikan,
.moreCourse .body_main .c_body .c_right .learning {
  background: #39b378;
  color: white;
  margin-left: 10px;
  padding: 0 5px;
  border-radius: 8px;
  white-space: nowrap;
}
.moreCourse .body_main .c_body .c_right .learning {
  background: #ed5934;
}
.moreCourse .body_main .c_body .c_right .noSee {
  color: #9c9c9c;
}
.moreCourse .body_main .c_body .c_right .selectBox {
  display: flex;
  align-items: center;
}
.moreCourse .body_main .c_body .c_right .selectBox .ant-select {
  flex: 1;
  color: #bfbfbf;
}
.moreCourse .body_main .c_body .c_right .selectBox .ant-select .ant-select-selection {
  height: 41px;
  line-height: 41px;
  background: #282828;
  border: 1px solid #484848;
  border-radius: 0;
}
.moreCourse .body_main .c_body .c_right .selectBox .ant-select .ant-select-selection__rendered {
  line-height: 41px;
}
.moreCourse .body_main .c_body .c_right .selectBox .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.moreCourse .body_main .c_body .c_right .example {
  height: 100px;
  padding-top: 20px;
  padding-left: 120px;
}
.moreCourse .body_main .c_body .c_right .example .ant-spin {
  color: #39b378;
}
.moreCourse .body_main .c_body .c_right .example .ant-spin-dot-item {
  background-color: #39b378;
}
.moreCourse .body_main .c_body .c_right .colBox {
  flex: 1;
}
.moreCourse .body_main .c_body .c_right .colBox .seTitle {
  color: #fafafa;
  padding-left: 12px;
  padding-top: 10px;
}
.moreCourse .body_main .c_body .c_right .colBox .lookOther {
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.moreCourse .body_main .c_body .c_right .customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.moreCourse .body_main .c_body .c_right .customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.moreCourse .body_main .c_body .c_right .customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.moreCourse .body_main .c_body .c_right .customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.moreCourse .body_main .c_body .c_right .buyBox {
  display: flex;
  height: 60px;
  line-height: 60px;
}
.moreCourse .body_main .c_body .c_right .buyBox button {
  height: 60px;
  width: 175px;
  border-radius: 0;
  color: #ffffff;
  font-size: 18px;
}
.moreCourse .body_main .c_body .c_right .buyBox .zixun {
  background: #292929;
  border-color: #292929;
}
.moreCourse .body_main .c_body .c_right .buyBox .buy {
  height: 60px;
  width: 175px;
  display: inline-block;
  background: #e1413e;
  border-color: #e1413e;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
}
.moreCourse .body_main .c_body .c_right .buyBox .buy:hover {
  color: #ffffff !important;
}
.moreCourse .course_body .course-info-body {
  display: flex;
  justify-content: center;
}
.moreCourse .course_body .course-info-body .t {
  height: 95px;
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.moreCourse .course_body .course-info-body .t em {
  display: block;
  font-style: normal;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
}
.moreCourse .course_body .course-info-body .title {
  width: 100px;
  font-size: 18px;
  font-weight: bold;
}
.moreCourse .course_body .course-info-body .title .t {
  width: 116px;
  height: 95px;
  background: url("/classbg.png") no-repeat center center !important;
  background-size: 100% 100%;
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fefefe;
  line-height: 36px;
  text-shadow: 0px 0px 10px rgba(30, 92, 194, 0.76);
  z-index: 2;
  padding: 10px 26px;
}
.moreCourse .course_body .course-info-body .title .t1,
.moreCourse .course_body .course-info-body .title .t2,
.moreCourse .course_body .course-info-body .title .t3,
.moreCourse .course_body .course-info-body .title .t4,
.moreCourse .course_body .course-info-body .title .t5,
.moreCourse .course_body .course-info-body .title .t6 {
  padding: 10px 26px;
  border-bottom: 1px solid #eef5fd;
  background: #fff;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.moreCourse .course_body .course-info-body .title .t {
  position: relative;
  background: inherit;
}
.moreCourse .course_body .course-info-body .title .t img {
  position: absolute;
  top: 0;
  left: 0;
  width: 115px;
  height: 95px;
  z-index: 4;
}
.moreCourse .course_body .course-info-body .title .t6 {
  border-radius: 0 0 0 10px;
}
.moreCourse .course_body .course-info-body .item {
  border-radius: 10px 10px 0 0;
  background: #fff;
  width: 33.3%;
}
.moreCourse .course_body .course-info-body .item img {
  width: 100%;
}
.moreCourse .course_body .course-info-body .item .t {
  cursor: pointer;
}
.moreCourse .course_body .course-info-body .item .t span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  display: inline-block;
}
.moreCourse .course_body .course-info-body .item .t1,
.moreCourse .course_body .course-info-body .item .t2,
.moreCourse .course_body .course-info-body .item .t3,
.moreCourse .course_body .course-info-body .item .t4,
.moreCourse .course_body .course-info-body .item .t5,
.moreCourse .course_body .course-info-body .item .t6 {
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eef5fd;
  overflow: auto;
}
.moreCourse .course_body .course-info-body .item .t1,
.moreCourse .course_body .course-info-body .item .t2,
.moreCourse .course_body .course-info-body .item .t3,
.moreCourse .course_body .course-info-body .item .t4 {
  padding-left: 40px;
}
.moreCourse .course_body .course-info-body .item .t1 {
  display: flex;
  align-items: center;
}
.moreCourse .course_body .course-info-body .item .t1 .t1-left {
  width: 56px;
  height: 56px;
  margin-right: 10px;
}
.moreCourse .course_body .course-info-body .item .t1 .t1-left img {
  width: 100%;
  height: 100%;
}
.moreCourse .course_body .course-info-body .item .t1 .t1-right {
  flex: 1;
}
.moreCourse .course_body .course-info-body .item .t1 .t1-right p {
  margin: 0;
  padding: 5px 0;
}
.moreCourse .course_body .course-info-body .item .t2 .t2-item > div {
  position: relative;
  padding-left: 15px;
  margin-bottom: 20px;
  font-weight: 400;
  color: #4c4c4c;
}
.moreCourse .course_body .course-info-body .item .t2 .t2-item > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-bottom: -2px;
  width: 3px;
  height: 3px;
  background: #4c4c4c;
  border-radius: 50%;
}
.moreCourse .course_body .course-info-body .item .t3 .t3-1 {
  width: 80px;
  height: 25px;
  line-height: 25px;
  color: white;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.moreCourse .course_body .course-info-body .item .t4 .t4-1 {
  width: 80px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  font-weight: bold;
  margin-bottom: 10px;
}
.moreCourse .course_body .course-info-body .item .t5 {
  color: #5e69ad;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.moreCourse .course_body .course-info-body .item .t5 span {
  border: 1px solid #ced2e6;
  border-radius: 9px;
  padding: 0 20px;
}
.moreCourse .course_body .course-info-body .item .t6 {
  text-align: center;
  height: 257px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.moreCourse .course_body .course-info-body .item .t6 .btnBuy {
  width: 156px;
  height: 42px;
  line-height: 42px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #ec6347;
  border-radius: 21px;
  cursor: pointer;
  font-size: 14px;
  background: linear-gradient(90deg, #e0493a, #ef694a);
  box-shadow: 0px 0px 8px 0px rgba(228, 82, 62, 0.59);
  border-color: #ef694a;
  font-size: 16px;
  vertical-align: middle;
  color: #ffffff;
}
.moreCourse .course_body .course-info-body .item .t6 .btnBuy img {
  width: 22px;
  height: 20px;
  vertical-align: middle;
  margin-right: 11px;
}
.moreCourse .course_body .course-info-body .item .t6 .btnBuy.service {
  background: #ffffff;
  border: 1px solid #ec6347;
  box-shadow: 0px 0px 8px 0px rgba(228, 82, 62, 0.59);
  color: #e65a43;
  margin-bottom: 28px;
}
.moreCourse .course_body .course-info-body .item1 {
  background: #fff;
}
.moreCourse .course_body .course-info-body .item1 .t {
  background: linear-gradient(90deg, #e2b48f, #bb7d68);
}
.moreCourse .course_body .course-info-body .item1 .t2-item .left {
  background: rgba(187, 125, 104, 0.1);
}
.moreCourse .course_body .course-info-body .item1 .t2-item .right {
  background: #bb7d68;
}
.moreCourse .course_body .course-info-body .item1 .t3 .t3-1 {
  background: #cf9a7c;
}
.moreCourse .course_body .course-info-body .item2 {
  background: #fff;
}
.moreCourse .course_body .course-info-body .item2 .t {
  background: linear-gradient(90deg, #e14b3b, #eb694a);
}
.moreCourse .course_body .course-info-body .item2 .t2-item .left {
  background: rgba(235, 105, 74, 0.1);
}
.moreCourse .course_body .course-info-body .item2 .t2-item .right {
  background: #eb694a;
}
.moreCourse .course_body .course-info-body .item2 .t3 .t3-1 {
  background: #e65a43;
}
.moreCourse .course_body .course-info-body .item3 {
  background: #fff;
}
.moreCourse .course_body .course-info-body .item3 .t {
  background: linear-gradient(90deg, #2863db, #2f8fdf);
}
.moreCourse .course_body .course-info-body .item3 .t2-item .left {
  background: rgba(47, 143, 223, 0.1);
}
.moreCourse .course_body .course-info-body .item3 .t2-item .right {
  background: #2f8fdf;
}
.moreCourse .course_body .course-info-body .item3 .t3 .t3-1 {
  background: #2c7bdd;
}
.moreCourse .course_body .combinationBox_main {
  background: url(https://img.yiwenjy.cn/base/img/264.png) center center no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.moreCourse .course_body .combinationBox_main .combinationBox {
  width: 1200px;
  margin: 0 auto;
}
.moreCourse .course_body .propagandaBox .propagandaContent {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 74px 0;
}
.moreCourse .course_body .propagandaBox .propagandaContent img {
  width: 100%;
}
.moreCourse .course_body .packageAndClass_main {
  background: url(https://img.yiwenjy.cn/base/img/265.png) center center no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox {
  width: 1200px;
  margin: 0 auto;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_top,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_top {
  display: flex;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_top .left,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_top .left {
  width: 130px;
  height: 52px;
  background: linear-gradient(90deg, #e9c584, #deb670, #e9c584);
  font-size: 22px;
  font-weight: bold;
  color: #b56302;
  line-height: 52px;
  text-align: center;
  margin-right: 17px;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_top .right,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_top .right {
  flex: 1;
  border-bottom: 2px solid #ec8e87;
  display: flex;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_top .right .pcType,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_top .right .pcType {
  min-width: 110px;
  height: 50px;
  background: #ebebeb;
  border-radius: 2px 2px 0px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #3f3f3f;
  line-height: 50px;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_top .right .pcType.activeDiv,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_top .right .pcType.activeDiv {
  background: linear-gradient(0deg, #f64d30, #ee7b67);
  color: #fff;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .leftName,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .leftName {
  width: 200px;
  font-size: 24px;
  font-weight: bold;
  color: #f35c41;
  line-height: 24px;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .leftName span,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .leftName span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #282828;
  margin-top: 5px;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .ant-table-thead,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .ant-table-thead {
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.32);
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .ant-table-thead tr th,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .ant-table-thead tr th {
  background-color: #fff;
  border-right: none;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table th,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table th,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table td,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table td {
  text-align: center;
  font-weight: 400;
  color: #282828;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table td.textred,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table td.textred {
  color: #ff4222;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .tabBtn,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .tabBtn {
  display: block;
  width: 96px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  cursor: pointer;
  background: linear-gradient(90deg, #f64d30, #ee7b67);
  border-color: #ee7b67;
  border-radius: 16px;
  font-weight: 400;
  color: #ffff00 !important;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .freeListen,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .freeListen {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ff4222;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .packageTableBox .pc_table .freeListen img,
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox .pc_table .freeListen img {
  margin-right: 4px;
}
.moreCourse .course_body .packageAndClass_main .packageAndClassBox .classTableBox {
  margin-top: 65px;
}
.moreCourse .mark {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  border-radius: 10px;
  transition: opacity 0.3s;
  z-index: 998;
}
.moreCourse .mark .iconSync {
  font-size: 40px;
  color: #62a9ff;
  margin: 0 10px;
}
.dropDownBox {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.dropDownBox .ant-select-item-option {
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #fff;
  background: #e1413e;
}
.packageModal .ant-modal-body {
  padding: 0;
}
.packageModal .modalConnect {
  padding: 24px;
  background-image: url("/moreCourse.png");
  background-size: 100% 100%;
}
.packageModal .modalConnect .title {
  color: #2d2d2d;
  font-size: 24px;
  text-align: center;
}
.packageModal .modalConnect .cT {
  display: flex;
  padding: 0 18px;
}
.packageModal .modalConnect .cT .left {
  color: #292929;
  font-size: 18px;
}
.packageModal .modalConnect .cT .right {
  flex: 1;
}
.packageModal .modalConnect .cT0 {
  margin-top: 13px;
  align-items: center;
}
.packageModal .modalConnect .cT1 {
  margin-top: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c6c6c6;
}
.packageModal .modalConnect .cT1 .ant-checkbox-wrapper {
  margin-right: 30px;
  margin-bottom: 15px;
  margin-left: 0;
  color: #4c4c4c;
  font-size: 16px;
  height: 27px;
  line-height: 27px;
}
.packageModal .modalConnect .bottom {
  padding: 36px 12px 12px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.packageModal .modalConnect .bottom .price {
  color: #292929;
  font-size: 18px;
  margin-right: 50px;
}
.packageModal .modalConnect .bottom .price span {
  font-size: 24px;
  color: #ff2828;
}
.packageModal .modalConnect .bottom .btn {
  display: block;
  border-radius: 24px;
  line-height: 48px;
  color: #fff;
  background: #ff8213;
  border-color: #ff8213;
  height: 48px;
  padding: 0 67px;
}
.packageModal .modalConnect .bottom .btn:hover {
  color: #fff !important;
}
.packageModal .modalConnect .bottom .cancleBtn {
  height: 48px;
  padding: 0 67px;
}

.topExam {
  width: 100%;
  height: 50px;
  background: #649cf0;
}
.topExam .texamInfoBox {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 50px;
}
.topExam .texamInfoBox .ant-tabs-ink-bar {
  height: 0;
}
.topExam .texamInfoBox .texamMain {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
}
.topExam .texamInfoBox .texamMain .ant-tabs-bar {
  border-bottom: none;
}
.topExam .texamInfoBox .texamMain .ant-tabs-ink-bar-animated {
  display: none !important;
}
.topExam .texamInfoBox .texamMain .ant-tabs-top > .ant-tabs-nav {
  margin-bottom: 0;
}
.topExam .texamInfoBox .texamMain .ant-tabs-tab {
  font-size: 18px;
  color: #fff !important;
  margin: 0;
}
.topExam .texamInfoBox .texamMain .texamItem {
  padding: 0 45px;
  color: #fff !important;
}
.topExam .texamInfoBox .texamMain .ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: 0;
}
.topExam .texamInfoBox .texamMain .ant-tabs-tab.ant-tabs-tab-active::before,
.topExam .texamInfoBox .texamMain .ant-tabs-tab.ant-tabs-tab-active::after {
  display: none;
}
.topExam .texamInfoBox .allCourseBox {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  background: #f1f4ff;
  opacity: 0.9;
  padding: 28px 24px 18px;
  z-index: 2;
  animation: myfirst 0.5s;
}
.topExam .texamInfoBox .allCourseBox ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.topExam .texamInfoBox .allCourseBox ul li {
  list-style: none;
  width: 12.5%;
  text-align: center;
  margin-bottom: 10px;
}
@keyframes myfirst {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.9;
  }
}
.bookTopExam {
  background: #656599;
}

.paginationItem {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}

.bookDetail {
  background: #f2f5fa;
  padding-bottom: 98px;
}
.bookDetail .mainBody {
  padding-top: 14px;
}
.bookDetail .mainBody .location {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.bookDetail .mainBody .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.bookDetail .mainBody .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.bookDetail .mainBody .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.bookDetail .mainBody .location .locationPath .mark {
  color: #f02c2c;
}
.bookDetail .mainBody .detail {
  height: 430px;
  display: flex;
  padding-top: 36px;
  background: #ffffff;
}
.bookDetail .mainBody .detail .left {
  width: 352px;
  padding-bottom: 42px;
}
.bookDetail .mainBody .detail .left .selectedCover {
  width: 800px;
  height: 292px;
  display: flex;
  padding-left: 30px;
}
.bookDetail .mainBody .detail .left .selectedCover .small {
  width: 292px;
  height: 292px;
  padding: 6px 8px 8px 6px;
  text-align: center;
  position: relative;
}
.bookDetail .mainBody .detail .left .selectedCover .small img {
  width: 278px;
  height: 278px;
}
.bookDetail .mainBody .detail .left .selectedCover .small .shadow {
  width: 100px;
  height: 100px;
  background-color: black;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  cursor: move;
}
.bookDetail .mainBody .detail .left .selectedCover .small .cover {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
}
.bookDetail .mainBody .detail .left .selectedCover .bigBox {
  width: 360px;
  height: 360px;
  position: relative;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  display: none;
  z-index: 999;
}
.bookDetail .mainBody .detail .left .selectedCover .bigBox img {
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 0;
}
.bookDetail .mainBody .detail .left .coverList {
  width: 292px;
  margin: 12px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.bookDetail .mainBody .detail .left .coverList .previous,
.bookDetail .mainBody .detail .left .coverList .next {
  width: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #edf0f0;
  cursor: pointer;
}
.bookDetail .mainBody .detail .left .coverList .covers {
  flex: 1;
  display: flex;
  padding: 0 12px;
}
.bookDetail .mainBody .detail .left .coverList .covers .coverBox {
  flex: 0.24;
  cursor: pointer;
  padding: 1px;
  text-align: center;
}
.bookDetail .mainBody .detail .left .coverList .covers .coverBox img {
  height: 50px;
  width: 50px;
}
.bookDetail .mainBody .detail .left .coverList .covers .selected {
  border: 1px solid #d8d8d8;
}
.bookDetail .mainBody .detail .right {
  flex: 1;
}
.bookDetail .mainBody .detail .right .title {
  font-size: 18px;
  font-weight: 400;
  color: #474747;
  margin-bottom: 22px;
  padding-right: 38px;
}
.bookDetail .mainBody .detail .right .cheaperPrice {
  height: 64px;
  background: #fff2e8;
  padding: 0 38px 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 23px;
}
.bookDetail .mainBody .detail .right .cheaperPrice .priceBox {
  display: flex;
  align-items: center;
}
.bookDetail .mainBody .detail .right .cheaperPrice .priceBox .t1 {
  font-size: 12px;
  font-weight: 400;
  color: #6c6c6c;
  margin-right: 18px;
}
.bookDetail .mainBody .detail .right .cheaperPrice .priceBox .price {
  font-size: 24px;
  font-weight: 400;
  color: #ff4400;
}
.bookDetail .mainBody .detail .right .cheaperPrice .priceBox .count {
  border: 1px solid #ff4a00;
  padding: 6px 12px;
  margin-left: 12px;
  position: relative;
  border-radius: 2px;
}
.bookDetail .mainBody .detail .right .cheaperPrice .priceBox .count::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #ff4a00;
  border-top: 1px solid #ff4a00;
  background: white;
  position: absolute;
  top: 12px;
  left: -4px;
  transform: rotate(-45deg);
}
.bookDetail .mainBody .detail .right .cheaperPrice .priceBox .count .ant-statistic-content {
  color: #ff4a00;
  font-size: 12px;
}
.bookDetail .mainBody .detail .right .cheaperPrice .saleCount {
  display: flex;
  align-items: center;
}
.bookDetail .mainBody .detail .right .cheaperPrice .saleCount .t2 {
  font-size: 14px;
  font-weight: 400;
  color: #6c6c6c;
}
.bookDetail .mainBody .detail .right .cheaperPrice .saleCount .line {
  width: 2px;
  height: 22px;
  margin: 0 14px 0 18px;
  background: #ff9e53;
}
.bookDetail .mainBody .detail .right .originPrice,
.bookDetail .mainBody .detail .right .express,
.bookDetail .mainBody .detail .right .author {
  margin-bottom: 27px;
  padding-left: 11px;
  font-size: 14px;
  font-weight: 400;
  color: #6c6c6c;
}
.bookDetail .mainBody .detail .right .originPrice .t3,
.bookDetail .mainBody .detail .right .express .t3,
.bookDetail .mainBody .detail .right .author .t3 {
  display: inline-block;
  width: 60px;
  margin-right: 13px;
}
.bookDetail .mainBody .detail .right .originPrice .price,
.bookDetail .mainBody .detail .right .express .price,
.bookDetail .mainBody .detail .right .author .price {
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  color: #1d1d1d;
}
.bookDetail .mainBody .detail .right .numBuyBtn {
  padding-left: 11px;
  display: flex;
  align-items: center;
}
.bookDetail .mainBody .detail .right .numBuyBtn .t5 {
  font-size: 14px;
  font-weight: 400;
  color: #504f4f;
  margin-right: 15px;
}
.bookDetail .mainBody .detail .right .numBuyBtn .numSelect {
  display: flex;
  align-items: center;
}
.bookDetail .mainBody .detail .right .numBuyBtn .numSelect .reduce,
.bookDetail .mainBody .detail .right .numBuyBtn .numSelect .plus {
  width: 28px;
  height: 28px;
  line-height: 24px;
  background: #ededed;
  border: 1px solid #cccccc;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  user-select: none;
}
.bookDetail .mainBody .detail .right .numBuyBtn .numSelect .buyCountInput {
  width: 50px;
  height: 28px;
  border-right: 0;
  border-left: 0;
  text-align: center;
  outline: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.bookDetail .mainBody .detail .right .numBuyBtn .numSelect input::-webkit-outer-spin-button,
.bookDetail .mainBody .detail .right .numBuyBtn .numSelect input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.bookDetail .mainBody .detail .right .numBuyBtn .unit {
  margin-left: 7px;
  font-size: 14px;
  font-weight: 400;
  color: #504f4f;
}
.bookDetail .mainBody .detail .right .numBuyBtn .buyBtn {
  margin-left: 36px;
}
.bookDetail .mainBody .detail .right .numBuyBtn .buyBtn .ant-btn:hover {
  border-color: #ffffff;
}
.bookDetail .mainBody .detail .right .numBuyBtn .buyBtn .buyNow,
.bookDetail .mainBody .detail .right .numBuyBtn .buyBtn .addShoppingCar {
  width: 136px;
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.bookDetail .mainBody .detail .right .numBuyBtn .buyBtn .buyNow {
  background: #ff4400;
  margin-right: 8px;
}
.bookDetail .mainBody .detail .right .numBuyBtn .buyBtn .addShoppingCar {
  background: #f59a23;
}
.bookDetail .mainBody .bottomBox {
  margin-top: 40px;
  display: flex;
}
.bookDetail .mainBody .bottomBox .left {
  width: 322px;
}
.bookDetail .mainBody .bottomBox .left .broadcast {
  min-height: 400px;
  background: #fffbf1;
  border: 1px solid #ffc7b2;
}
.bookDetail .mainBody .bottomBox .left .broadcast .title {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #ffc7b2;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #ff4400;
}
.bookDetail .mainBody .bottomBox .left .broadcast .title img {
  margin-right: 9px;
}
.bookDetail .mainBody .bottomBox .left .broadcast .broadContent {
  padding: 24px 11px 21px 11px;
  font-size: 14px;
  color: #343434;
}
.bookDetail .mainBody .bottomBox .left .broadcast .broadContent .content p {
  margin-bottom: 0;
}
.bookDetail .mainBody .bottomBox .left .broadcast .broadContent .content img {
  max-width: 100%;
}
.bookDetail .mainBody .bottomBox .right {
  flex: 1;
  margin-left: 31px;
}
.bookDetail .mainBody .bottomBox .right .rightBox {
  min-height: 400px;
  background: #ffffff;
}
.bookDetail .mainBody .bottomBox .right .rightBox .ant-tabs {
  width: 100%;
}
.bookDetail .mainBody .bottomBox .right .rightBox .ant-tabs-bar {
  margin-bottom: 0 !important;
}
.bookDetail .mainBody .bottomBox .right .rightBox .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  margin-right: 0;
  font-size: 16px;
  color: #5a5a5a;
  background: #f2f2f2;
  padding-right: 47px;
  padding-left: 47px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  background: #ffffff;
  color: #ff4400;
  border-top: 2px solid #ff4400;
}
.bookDetail .mainBody .bottomBox .right .rightBox .shopDetail .content {
  padding: 27px 21px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .shopDetail .content p {
  margin-bottom: 0;
}
.bookDetail .mainBody .bottomBox .right .rightBox .shopDetail .content img,
.bookDetail .mainBody .bottomBox .right .rightBox .shopDetail .content video,
.bookDetail .mainBody .bottomBox .right .rightBox .shopDetail .content audio {
  max-width: 100%;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess {
  padding-bottom: 40px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .noData {
  text-align: center;
  margin-top: 150px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist {
  padding-top: 7px;
  margin-bottom: 46px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess {
  width: 95%;
  margin: 0 auto;
  padding: 29px 0 23px 0;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess .avator {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess .rightInfo {
  flex: 1;
  margin-left: 25px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess .rightInfo .topInfo {
  width: 85%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess .rightInfo .topInfo .userPhone {
  font-size: 14px;
  color: #3f3f3f;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess .rightInfo .topInfo .createTime {
  font-size: 14px;
  color: #777777;
}
.bookDetail .mainBody .bottomBox .right .rightBox .userAssess .assesslist .assess .rightInfo .assessContent {
  font-size: 14px;
  color: #3f3f3f;
}

.classDetail {
  background: url(https://img.yiwenjy.cn/base/img/264.png) center center;
  padding-bottom: 120px;
}
.classDetail .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.classDetail .mainContent .location {
  display: flex;
  align-items: center;
  height: 47px;
}
.classDetail .mainContent .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.classDetail .mainContent .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.classDetail .mainContent .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.classDetail .mainContent .location .locationPath .mark {
  color: #f02c2c;
}
.classDetail .mainContent .topVideoBox {
  width: 100%;
}
.classDetail .mainContent .topVideoBox .videoBody {
  height: 466px;
  display: flex;
}
.classDetail .mainContent .topVideoBox .videoBody .videoLeft {
  position: relative;
  flex: 1;
  background-color: #1b1b1b;
}
.classDetail .mainContent .topVideoBox .videoBody .videoLeft > div {
  height: 100%;
}
.classDetail .mainContent .topVideoBox .videoBody .videoLeft .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight {
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .teacherNameBox {
  height: 41px;
  line-height: 41px;
  padding-right: 20px;
  background: #282828;
  padding-top: 5px;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .teacherNameBox .teacherName {
  width: max-content;
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  background: #1b1b1b;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-header {
  padding: 5px 0 5px 36px;
  color: rgba(255, 255, 255, 0.8);
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-header:hover {
  color: #108ee9;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-borderless {
  background: #1b1b1b;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .checkTag {
  color: #ed5934;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild {
  display: flex;
  padding-right: 20px;
  justify-content: space-between;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild .shikan,
.classDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild .learning,
.classDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild .locked {
  width: 52px;
  text-align: center;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .shikan,
.classDetail .mainContent .topVideoBox .videoBody .videoRight .learning {
  background: #39b378;
  color: white;
  margin-left: 10px;
  padding: 0 5px;
  border-radius: 8px;
  white-space: nowrap;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .learning {
  background: #ed5934;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .noSee {
  color: #9c9c9c;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox {
  display: flex;
  align-items: center;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select {
  flex: 1;
  color: #bfbfbf;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select .ant-select-selection {
  height: 41px;
  line-height: 41px;
  background: #282828;
  border: 1px solid #484848;
  border-radius: 0;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select .ant-select-selection__rendered {
  line-height: 41px;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .example {
  height: 100px;
  padding-top: 20px;
  padding-left: 120px;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .example .ant-spin {
  color: #39b378;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .example .ant-spin-dot-item {
  background-color: #39b378;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox {
  flex: 1;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox .seTitle {
  color: #fafafa;
  padding-left: 12px;
  padding-top: 10px;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox .lookOther {
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox {
  width: 372px;
  height: 55px;
  background: #292929;
  display: flex;
  align-items: center;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox > div {
  width: 25%;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox > div > a {
  width: 100%;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox a {
  display: block;
  cursor: pointer;
  width: 25%;
  color: #d6d6d6;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox a .anticon {
  vertical-align: middle;
  margin-right: 4px;
}
.classDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox a span {
  font-size: 20px;
}
.classDetail .mainContent .pkInfoBox {
  margin-top: 32px;
  width: 1200px;
  height: 93px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 26px;
}
.classDetail .mainContent .pkInfoBox p {
  margin: 0;
}
.classDetail .mainContent .pkInfoBox .infoTitle {
  flex: 1;
  font-style: normal;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
  margin-right: 20px;
}
.classDetail .mainContent .pkInfoBox .infoPrice {
  width: 50%;
  display: flex;
  align-items: center;
}
.classDetail .mainContent .pkInfoBox .infoPrice span {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #444444;
}
.classDetail .mainContent .pkInfoBox .infoPrice > span:first-of-type {
  margin-right: 30px;
}
.classDetail .mainContent .pkInfoBox .infoPrice i {
  font-style: normal;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
}
.classDetail .mainContent .pkInfoBox .infoPrice p {
  display: flex;
  align-items: center;
}
.classDetail .mainContent .pkInfoBox .infoPrice p strong {
  font-weight: normal;
  font-size: 14px;
  font-weight: 400;
  color: #6e6e6e;
}
.classDetail .mainContent .pkInfoBox .infoPrice p em {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  color: #6e6e6e;
}
.classDetail .mainContent .pkInfoBox .infoPrice p:first-of-type {
  margin-right: 24px;
}
.classDetail .mainContent .pkInfoBox .infoPrice .countdown {
  border: 1px solid #ff4a00;
  padding: 0px 12px;
  margin-left: 12px;
  position: relative;
  border-radius: 2px;
}
.classDetail .mainContent .pkInfoBox .infoPrice .countdown::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #ff4a00;
  border-top: 1px solid #ff4a00;
  background: white;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -4px;
  transform: rotate(-45deg);
}
.classDetail .mainContent .pkInfoBox .infoPrice .countdown .ant-statistic {
  line-height: 24px;
}
.classDetail .mainContent .pkInfoBox .infoPrice .countdown .ant-statistic-content {
  display: flex;
  align-items: center;
}
.classDetail .mainContent .pkInfoBox .infoPrice .countdown .ant-statistic-content .ant-statistic-content-value {
  font-size: 12px;
  font-weight: 400;
  color: #ff4a00;
}
.classDetail .mainContent .pkInfoBox .infoBtn {
  display: block;
  width: 139px;
  height: 48px;
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-radius: 24px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  line-height: 48px;
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.classDetail .mainContent .pkInfoBox .infoBtn:hover {
  color: #ffffff !important;
}
.classDetail .mainContent .classDetailBox {
  margin-top: 48px;
  display: flex;
}
.classDetail .mainContent .classDetailBox .detailLeft {
  padding-top: 20px;
  flex: 1;
  background-color: #fff;
}
.classDetail .mainContent .classDetailBox .detailLeft .ant-tabs-nav .ant-tabs-tab {
  width: 182px;
  text-align: center;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.classDetail .mainContent .classDetailBox .detailLeft .ant-tabs-nav .ant-tabs-tab-active {
  color: #f24346;
}
.classDetail .mainContent .classDetailBox .detailLeft .ant-tabs-ink-bar {
  background-color: #f24346;
}
.classDetail .mainContent .classDetailBox .detailLeft .detailBox {
  padding: 0 32px 30px;
  min-height: 500px;
}
.classDetail .mainContent .classDetailBox .detailLeft .content img {
  width: 100%;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox {
  padding: 0 12px;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentTop {
  display: flex;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentTop p {
  font-size: 24px;
  font-weight: 400;
  color: #f24343;
  margin: 0;
  margin-right: 46px;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentTop p span {
  font-size: 14px;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent {
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox {
  max-height: 738px;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox::-webkit-scrollbar {
  width: 0 !important;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem {
  padding: 25px 0;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .left {
  width: 58px;
  height: 58px;
  margin-right: 30px;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #3f3f3f;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top {
  display: flex;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .name {
  width: 60%;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .time {
  width: 20%;
  color: #777777;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .like {
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .like .likenum {
  margin-left: 4px;
  color: #f24343;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .already {
  color: #d58200;
  cursor: no-drop;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .bottom {
  max-width: 662px;
  word-wrap: break-word;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .contentBox .nodata {
  font-size: 20px;
  text-align: center;
  padding-top: 100px;
}
.classDetail .mainContent .classDetailBox .detailLeft .commentBox .commentContent .pagenationBox {
  height: 50px;
}
.classDetail .mainContent .classDetailBox .detailRight {
  width: 302px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo {
  flex: 1px;
  background: #ffffff;
  padding: 20px 8px;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo .teacherContent {
  padding: 0 10px;
  margin-top: 30px;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo .teacherContent .teacherImgBox {
  display: flex;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo .teacherContent .teacherImgBox img {
  width: 122px;
  height: 110px;
  margin-right: 20px;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo .teacherContent .examBox {
  margin-top: 16px;
  margin-bottom: 24px;
  color: #797979;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo .teacherContent .examBox span {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.classDetail .mainContent .classDetailBox .detailRight .teacherInfo .teacherContent .tDetail {
  color: #333333;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo {
  width: 100%;
  height: 496px;
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 8px;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .imgBox {
  width: 244px;
  height: 244px;
  margin: 30px auto;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .imgBox img {
  width: 100%;
  height: 100%;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .iosBox,
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .androidBox {
  color: #fff;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .iosBox em,
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .androidBox em {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin-left: 10px;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .iosBox {
  width: 224px;
  height: 40px;
  background: #282828;
  border-radius: 20px;
  margin: 0px auto;
}
.classDetail .mainContent .classDetailBox .detailRight .downloadInfo .androidBox {
  width: 224px;
  height: 40px;
  background: #7dc852;
  border-radius: 20px;
  margin: 20px auto;
}
.classDetail .mainContent .classDetailBox .detailRight .detailTitle {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding-left: 16px;
}
.classDetail .mainContent .classDetailBox .detailRight .detailTitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-bottom: -9px;
  width: 4px;
  height: 18px;
  background: #f24343;
}

.questionHome .topExam {
  background: #EF4E1D;
}
.questionHome .topExam .showIcon::after {
  border-top: 10px solid #EF4E1D !important;
}
.questionHome .exInfoDataBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.questionHome .banner-carouse {
  position: relative;
}
.questionHome .banner-arrow {
  position: absolute;
  top: 140px;
  left: 50%;
  width: 1000px;
  transform: translateX(-50%);
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.questionHome .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.questionProduct {
  padding-bottom: 20px;
}
.questionProduct .topExam {
  background: #EF4E1D;
}
.questionProduct .topExam .showIcon::after {
  border-top: 10px solid #EF4E1D !important;
}
.questionProduct .location {
  display: flex;
  align-items: center;
  height: 40px;
}
.questionProduct .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.questionProduct .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.questionProduct .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.questionProduct .location .locationPath .mark {
  color: #f02c2c;
}
.questionProduct .courseBox {
  border: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}
.questionProduct .courseBox .cccbox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 400px;
  width: 100%;
}
.questionProduct .courseBox .cccbox .c00 {
  height: 38px;
  border-bottom: 1px dashed #E8E8E8;
}
.questionProduct .courseBox .item1 {
  line-height: 37px;
  color: #252525;
  padding: 0 15px;
}
.questionProduct .courseBox .item {
  line-height: 37px;
  color: #252525;
  padding: 0 15px;
  cursor: pointer;
}
.questionProduct .courseBox .item:hover {
  color: #FF4400;
}
.questionProduct .courseBox .select {
  color: #EF4E1D;
}
.questionProduct .moreBox {
  height: 22px;
  background: linear-gradient(to bottom, #F0F4F5 0%, #F0F4F5 50%, #ffffff 51%, #ffffff 100%);
}
.questionProduct .moreBox .moreBtn {
  height: 22px;
  width: 56px;
  margin: 0 auto;
  background: url("/moreBg.png") no-repeat;
  color: #BDBDBD;
  text-align: center;
  cursor: pointer;
}
.questionProduct .listBox {
  margin-top: 10px;
}
.questionProduct .listBox .item {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #D7D7D7;
  align-items: center;
}
.questionProduct .listBox .item .t1 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.questionProduct .listBox .item .t2 {
  margin-left: 10px;
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.questionProduct .listBox .item .t3 {
  color: #EF4E1D;
  width: 150px;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.questionProduct .listBox .item .btnBox {
  margin-left: 15px;
  width: 250px;
  display: flex;
  justify-content: center;
}
.questionProduct .listBox .item .btnBox .btn1 {
  background: #FF4400;
  border-color: #FF4400;
  margin-right: 15px;
}
.questionProduct .listBox .item .btnBox .btn2 {
  background: #39B378;
  border-color: #39B378;
}

.pkDetail {
  background: url(https://img.yiwenjy.cn/base/img/264.png) center center;
  padding-bottom: 120px;
}
.pkDetail .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.pkDetail .mainContent .location {
  display: flex;
  align-items: center;
  height: 47px;
}
.pkDetail .mainContent .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.pkDetail .mainContent .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.pkDetail .mainContent .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.pkDetail .mainContent .location .locationPath .mark {
  color: #f02c2c;
}
.pkDetail .mainContent .topVideoBox {
  width: 100%;
}
.pkDetail .mainContent .topVideoBox .videoBody {
  height: 466px;
  display: flex;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoLeft {
  position: relative;
  flex: 1;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoLeft > div {
  height: 100%;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoLeft .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight {
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .teacherNameBox {
  height: 41px;
  line-height: 41px;
  padding-right: 20px;
  background: #282828;
  padding-top: 5px;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .teacherNameBox .teacherName {
  width: max-content;
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  background: #1b1b1b;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-header {
  padding: 5px 0 5px 36px;
  color: rgba(255, 255, 255, 0.8);
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-header:hover {
  color: #108ee9;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .ant-collapse-borderless {
  background: #1b1b1b;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .checkTag {
  color: #ed5934;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild {
  display: flex;
  padding-right: 20px;
  justify-content: space-between;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild .shikan,
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild .learning,
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .chapterChild .locked {
  width: 52px;
  text-align: center;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .shikan,
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .learning {
  background: #39b378;
  color: white;
  margin-left: 10px;
  padding: 0 5px;
  border-radius: 8px;
  white-space: nowrap;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .learning {
  background: #ed5934;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .noSee {
  color: #9c9c9c;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox {
  display: flex;
  align-items: center;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select {
  flex: 1;
  color: #bfbfbf;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select .ant-select-selection {
  height: 41px;
  line-height: 41px;
  background: #282828;
  border: 1px solid #484848;
  border-radius: 0;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select .ant-select-selection__rendered {
  line-height: 41px;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .selectBox .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .example {
  height: 100px;
  padding-top: 20px;
  padding-left: 120px;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .example .ant-spin {
  color: #39b378;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .example .ant-spin-dot-item {
  background-color: #39b378;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox {
  flex: 1;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox .seTitle {
  color: #fafafa;
  padding-left: 12px;
  padding-top: 10px;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox .lookOther {
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .colBox.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox {
  width: 372px;
  height: 55px;
  background: #292929;
  display: flex;
  align-items: center;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox > div {
  width: 25%;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox > div > a {
  width: 100%;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox a {
  display: block;
  cursor: pointer;
  width: 25%;
  color: #d6d6d6;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox a .anticon {
  vertical-align: middle;
  margin-right: 4px;
}
.pkDetail .mainContent .topVideoBox .videoBody .videoRight .actionBox a span {
  font-size: 20px;
}
.pkDetail .mainContent .pkInfoBox {
  margin-top: 32px;
  width: 1200px;
  height: 93px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 26px;
}
.pkDetail .mainContent .pkInfoBox p {
  margin: 0;
  display: flex;
  align-items: center;
}
.pkDetail .mainContent .pkInfoBox .infoTitle {
  flex: 1;
  font-style: normal;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
  margin-right: 20px;
}
.pkDetail .mainContent .pkInfoBox .infoPrice {
  width: 50%;
  display: flex;
  align-items: center;
}
.pkDetail .mainContent .pkInfoBox .infoPrice span {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #444444;
}
.pkDetail .mainContent .pkInfoBox .infoPrice .mr30 {
  margin-right: 30px;
}
.pkDetail .mainContent .pkInfoBox .infoPrice i {
  font-style: normal;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
}
.pkDetail .mainContent .pkInfoBox .infoPrice p strong {
  font-weight: normal;
  font-size: 14px;
  font-weight: 400;
  color: #6e6e6e;
}
.pkDetail .mainContent .pkInfoBox .infoPrice p em {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  color: #6e6e6e;
}
.pkDetail .mainContent .pkInfoBox .infoPrice p:first-of-type {
  margin-right: 24px;
}
.pkDetail .mainContent .pkInfoBox .infoPrice .countdown {
  border: 1px solid #ff4a00;
  padding: 0px 12px;
  margin-left: 12px;
  position: relative;
  border-radius: 2px;
}
.pkDetail .mainContent .pkInfoBox .infoPrice .countdown::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #ff4a00;
  border-top: 1px solid #ff4a00;
  background: white;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -4px;
  transform: rotate(-45deg);
}
.pkDetail .mainContent .pkInfoBox .infoPrice .countdown .ant-statistic {
  line-height: 24px;
}
.pkDetail .mainContent .pkInfoBox .infoPrice .countdown .ant-statistic-content {
  display: flex;
  align-items: center;
}
.pkDetail .mainContent .pkInfoBox .infoPrice .countdown .ant-statistic-content .ant-statistic-content-value {
  font-size: 12px;
  font-weight: 400;
  color: #ff4a00;
}
.pkDetail .mainContent .pkInfoBox .infoBtn {
  display: block;
  width: 139px;
  height: 48px;
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-radius: 24px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  line-height: 48px;
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.pkDetail .mainContent .pkInfoBox .infoBtn:hover {
  color: #ffffff !important;
}
.pkDetail .mainContent .courseBox {
  width: 100%;
  padding-bottom: 20px;
  background: #ffffff;
  margin-top: 35px;
  padding-top: 28px;
}
.pkDetail .mainContent .courseBox .leftTitle {
  position: relative;
  width: 110px;
  height: 45px;
  line-height: 45px;
  background: #ef4e1d;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.pkDetail .mainContent .courseBox .leftTitle::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 0%;
  border-width: 25px 0 20px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #ef4e1d;
}
.pkDetail .mainContent .courseBox .courseContent {
  padding-left: 12px;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-borderless {
  background-color: #fff;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item {
  border-bottom: none;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .headCourse {
  display: flex;
  justify-content: space-between;
  padding-right: 38px;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .headCourse span:last-of-type {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 26px;
  color: #333333;
  position: relative;
  padding-left: 18px;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse > div {
  width: 32%;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse .freeListen {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #f02e2e;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse .freeListen img {
  margin-right: 4px;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-bottom: -4.5px;
  width: 9px;
  height: 9px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse::after {
  content: "";
  position: absolute;
  left: 4.5px;
  bottom: 15px;
  width: 1px;
  height: 38px;
  background: #e8e8e8;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item .childrenCourse.childrenActive::before {
  background: #F08205;
  border-color: #F08205;
}
.pkDetail .mainContent .courseBox .courseContent .panelHead > .ant-collapse-header {
  border-bottom: 1px solid #f1f1f1;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item-active.panelHead > .ant-collapse-header,
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item-active.panelHead .headCourse {
  color: #f02c2c;
}
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item-active.panelHead > .ant-collapse-header span:last-of-type,
.pkDetail .mainContent .courseBox .courseContent .ant-collapse-item-active.panelHead .headCourse span:last-of-type {
  color: #f02c2c;
}
.pkDetail .mainContent .pkDetailBox {
  margin-top: 48px;
  display: flex;
}
.pkDetail .mainContent .pkDetailBox .detailLeft {
  padding-top: 20px;
  flex: 1;
  background-color: #fff;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .ant-tabs-nav .ant-tabs-tab {
  width: 182px;
  text-align: center;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .ant-tabs-nav .ant-tabs-tab-active {
  color: #f24346;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .ant-tabs-ink-bar {
  background-color: #f24346;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .detailBox {
  padding: 0 32px 30px;
  min-height: 500px;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .content img {
  width: 100%;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox {
  padding: 0 12px;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentTop {
  display: flex;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentTop p {
  font-size: 24px;
  font-weight: 400;
  color: #f24343;
  margin: 0;
  margin-right: 46px;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentTop p span {
  font-size: 14px;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent {
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox {
  max-height: 738px;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox::-webkit-scrollbar {
  width: 0 !important;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem {
  padding: 25px 0;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .left {
  width: 58px;
  height: 58px;
  margin-right: 30px;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #3f3f3f;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top {
  display: flex;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .name {
  width: 60%;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .time {
  width: 20%;
  color: #777777;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .like {
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .top .like .likenum {
  margin-left: 4px;
  color: #f24343;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .contentItem .right .bottom {
  max-width: 662px;
  word-wrap: break-word;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .contentBox .nodata {
  font-size: 20px;
  text-align: center;
  padding-top: 100px;
}
.pkDetail .mainContent .pkDetailBox .detailLeft .commentBox .commentContent .pagenationBox {
  height: 50px;
}
.pkDetail .mainContent .pkDetailBox .detailRight {
  width: 302px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo {
  flex: 1px;
  background: #ffffff;
  padding: 20px 8px;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo .teacherContent {
  padding: 0 10px;
  margin-top: 30px;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo .teacherContent .teacherImgBox {
  display: flex;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo .teacherContent .teacherImgBox img {
  width: 122px;
  height: 110px;
  margin-right: 20px;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo .teacherContent .examBox {
  margin-top: 16px;
  margin-bottom: 24px;
  color: #797979;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo .teacherContent .examBox span {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.pkDetail .mainContent .pkDetailBox .detailRight .teacherInfo .teacherContent .tDetail {
  color: #333333;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo {
  width: 100%;
  height: 496px;
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 8px;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .imgBox {
  width: 244px;
  height: 244px;
  margin: 30px auto;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .imgBox img {
  width: 100%;
  height: 100%;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .iosBox,
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .androidBox {
  color: #fff;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .iosBox em,
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .androidBox em {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin-left: 10px;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .iosBox {
  width: 224px;
  height: 40px;
  background: #282828;
  border-radius: 20px;
  margin: 0px auto;
}
.pkDetail .mainContent .pkDetailBox .detailRight .downloadInfo .androidBox {
  width: 224px;
  height: 40px;
  background: #7dc852;
  border-radius: 20px;
  margin: 20px auto;
}
.pkDetail .mainContent .pkDetailBox .detailRight .detailTitle {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding-left: 16px;
}
.pkDetail .mainContent .pkDetailBox .detailRight .detailTitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-bottom: -9px;
  width: 4px;
  height: 18px;
  background: #f24343;
}

.schoolCourse {
  padding-bottom: 74px;
}
.schoolCourse .top {
  width: 100%;
}
.schoolCourse .top .carouselBox {
  min-width: 1200px;
  position: relative;
}
.schoolCourse .top .carouselBox a {
  display: block !important;
  width: 100%;
  height: 340px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.schoolCourse .top .carouselBox .bannerNoa {
  width: 100%;
  height: 340px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.schoolCourse .top .carouselBox .banner-arrow {
  position: absolute;
  top: 140px;
  left: 50%;
  width: 1000px;
  transform: translateX(-50%);
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.schoolCourse .top .carouselBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.schoolCourse .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.schoolCourse .mainContent .examItem {
  margin-top: 50px;
}
.schoolCourse .mainContent .examItem .topTitle {
  position: relative;
  text-align: center;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #555555;
  margin-bottom: 20px;
}
.schoolCourse .mainContent .examItem .topTitle::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -200px;
  bottom: 50%;
  width: 120px;
  height: 1px;
  background: #d7d7d7;
}
.schoolCourse .mainContent .examItem .topTitle::after {
  content: "";
  position: absolute;
  right: 50%;
  margin-right: -200px;
  bottom: 50%;
  width: 120px;
  height: 1px;
  background: #d7d7d7;
}
.schoolCourse .mainContent .examItem .tabBox {
  display: flex;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent {
  width: 100%;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .tabMainContent .lookMore {
  display: block;
  height: 40px;
  display: flex;
  flex-direction: row-reverse;
  font-weight: 400;
  color: #f02c2c;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .tabMainContent .lookMore img {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 10px;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .tabMainContent .lookMore span {
  font-weight: 400;
  color: #f02c2c;
  vertical-align: middle;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .tabMainContent .nodata {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .tabMainContent .nodata p {
  margin-top: 20px;
  font-size: 28px;
  font-weight: 400;
  color: #c9c9c9;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar {
  display: flex;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .ant-tabs-bar {
  border-bottom-width: 2px;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .leftTitle {
  position: relative;
  width: 110px;
  height: 45px;
  line-height: 45px;
  background: #649cf0;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .leftTitle::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 0%;
  border-width: 25px 0 20px 15px;
  border-style: solid;
  border-color: transparent transparent transparent /*透明 透明 透明 灰*/ #649cf0;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .line {
  width: 36px;
  height: 45px;
  border-bottom: 2px solid #f0f0f0;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .site-custom-tab-bar {
  width: calc(1200px - 146px);
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .ant-tabs-nav .ant-tabs-tab {
  text-align: center;
  min-width: 50px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-left: 30px;
  padding: 9px 0;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .ant-tabs-ink-bar {
  background-color: #F08205;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .newTabBar .ant-tabs-ink-bar::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: 50%;
  border-width: 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent #F08205;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .courseContent {
  width: 100%;
  min-height: 286px;
  display: flex;
  flex-wrap: wrap;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .courseContent .courseitemBox {
  display: block;
  width: 25%;
  margin-bottom: 16px;
}
.schoolCourse .mainContent .examItem .tabBox .tabContent .courseContent .courseitemBox .courseItem {
  margin: 0 auto;
  cursor: pointer;
}
.schoolCourse .recommendTeacher .topTitle {
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #555555;
  margin-bottom: 20px;
}
.schoolCourse .recommendTeacher .topTitle::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -200px;
  bottom: 50%;
  width: 120px;
  height: 1px;
  background: #d7d7d7;
}
.schoolCourse .recommendTeacher .topTitle::after {
  content: "";
  position: absolute;
  right: 50%;
  margin-right: -200px;
  bottom: 50%;
  width: 120px;
  height: 1px;
  background: #d7d7d7;
}
.schoolCourse .recommendTeacher .teacherBox {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.schoolCourse .recommendTeacher .teacherBox a {
  display: block;
  width: 20%;
}
.schoolCourse .recommendTeacher .actionBox {
  margin-top: 44px;
}
.schoolCourse .recommendTeacher .actionBox .actionBtn {
  display: block;
  width: 205px;
  height: 42px;
  margin: 0 auto;
  line-height: 42px;
  text-align: center;
  background: linear-gradient(-90deg, #f26250, #e13c2a);
  box-shadow: 0px 0px 10px 0px rgba(217, 0, 27, 0.44);
  border-radius: 21px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f9f9f9;
}
.schoolCourse .recommendTeacher .actionBox .actionBtn:hover {
  color: #f9f9f9 !important;
}

.teacherPage {
  background-color: #f7f5f5;
  padding-bottom: 85px;
}
.teacherPage .mainBox {
  width: 1200px;
  margin: 0 auto;
}
.teacherPage .mainBox .location {
  display: flex;
  align-items: center;
  height: 47px;
}
.teacherPage .mainBox .location .currentLocation {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.teacherPage .mainBox .location .currentLocation .title {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.teacherPage .mainBox .location .locationPath span {
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.teacherPage .mainBox .location .locationPath .mark {
  color: #f02c2c;
}
.teacherPage .mainBox .location .pointer {
  cursor: pointer;
}
.teacherPage .mainBox .selectBox .typeBox,
.teacherPage .mainBox .selectBox .examBox {
  width: 1200px;
  min-height: 58px;
  line-height: 58px;
  padding-left: 20px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  display: flex;
}
.teacherPage .mainBox .selectBox .typeBox > span,
.teacherPage .mainBox .selectBox .examBox > span {
  color: #999999;
}
.teacherPage .mainBox .selectBox .typeBox .leftLabel,
.teacherPage .mainBox .selectBox .examBox .leftLabel {
  width: 80px;
}
.teacherPage .mainBox .selectBox .typeBox .rightCont,
.teacherPage .mainBox .selectBox .examBox .rightCont {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.teacherPage .mainBox .selectBox .typeBox .rightCont .itemCard,
.teacherPage .mainBox .selectBox .examBox .rightCont .itemCard {
  color: #6b6b6b;
  padding: 0px 10px;
  margin-right: 14px;
  transition: all 0.5s;
  cursor: pointer;
  color: #252525;
}
.teacherPage .mainBox .selectBox .typeBox .rightCont .itemCard.active,
.teacherPage .mainBox .selectBox .examBox .rightCont .itemCard.active {
  color: red;
}
.teacherPage .mainBox .selectBox .examBox {
  border-top: none;
}
.teacherPage .mainBox .listDataBox {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.teacherPage .mainBox .listDataBox .teacherInfoBox {
  width: 20%;
  margin-bottom: 35px;
}
.teacherPage .mainBox .listDataBox .teacherInfoBox .teacherItem {
  margin: 0 auto;
  cursor: pointer;
}
.teacherPage .mainBox .listDataBox .pagenationBox {
  height: 50px;
  margin: 30px auto;
}
.teacherPage .mainBox .listDataBox .nodata {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.teacherPage .mainBox .listDataBox .nodata p {
  margin-top: 20px;
  font-size: 28px;
  font-weight: 400;
  color: #c9c9c9;
}

.noteCard {
  padding: 20px 0;
  border-bottom: 1px dotted #E9E9E9;
  display: flex;
}
.noteCard .content {
  flex: 1;
  margin-left: 20px;
  color: #3F3F3F;
}
.noteCard .content .contentTop {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.noteCard .content .contentTop .excellent {
  background: #00C574;
  border-radius: 11px;
  height: 22px;
  line-height: 22px;
  margin-left: 10px;
  padding: 0 10px;
  color: white;
}
.noteCard .content .contentTop .next {
  flex: 1;
}
.noteCard .content .contentTop .time {
  color: #777777;
  margin-right: 70px;
}
.noteCard .content .contentTop .like {
  cursor: pointer;
}
.noteCard .content .contentTop .like:hover {
  color: #EE491F;
}
.noteCard .content .contentTop .like .anticon {
  margin-right: 4px;
}
.noteCard .content .contentTop .like .likeNum {
  color: #F24343;
}

.aiStudyAids {
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 10px 24px 24px;
  white-space: pre-wrap;
}
.aiStudyAids .title {
  display: flex;
}
.aiStudyAids .title .imgBox {
  margin-right: 10px;
  padding-top: 10px;
}
.aiStudyAids .title .img {
  width: 30px;
  height: 30px;
}
.aiStudyAids .title .msg {
  flex: 1;
  margin-bottom: 10px;
}
.aiStudyAids .title .msg .t1 {
  font-size: 18px;
  font-weight: bold;
}
.aiStudyAids .title .msg .t2 {
  font-size: 12px;
}
.aiStudyAids .title1 {
  display: flex;
  align-items: center;
  color: #a6a6a6;
  margin-bottom: 10px;
}
.aiStudyAids .title1 .img {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.aiStudyAids .title1 .anticon {
  margin-right: 5px;
}
.aiStudyAids .title1 .t3 {
  flex: 1;
  font-size: 12px;
}
.aiStudyAids .msg {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-weight: 500;
}
.aiStudyAids .left {
  max-width: 100%;
  background: #f5f5f9;
  border-radius: 0 5px 5px 5px;
  margin-bottom: 10px;
  padding: 0;
  align-self: flex-start;
}
.aiStudyAids .right {
  max-width: 100%;
  background: #4387f9;
  color: #FFFFFF;
  border-radius: 5px 5px 0 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
  align-self: flex-end;
}
.aiStudyAids .right .msgdd {
  padding: 5px 10px;
}
.aiStudyAids .msgdd {
  padding: 10px;
}
.aiStudyAids .copy {
  border-top: 1px #ccc solid;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aiStudyAids .copy .refresh {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #515151;
  padding: 5px 0;
  cursor: pointer;
}
.aiStudyAids .copy .refresh:hover {
  color: #F08205;
}
.aiStudyAids .copy .refresh .anticon {
  margin-right: 5px;
}
.aiStudyAids .action {
  margin-bottom: 10px;
  display: flex;
  color: #515151;
}
.aiStudyAids .action .item {
  font-size: 14px;
  background: #f5f5f9;
  padding: 5px 15px;
  border-radius: 1000px;
  margin-right: 10px;
  cursor: pointer;
}
.aiStudyAids .action .item:hover {
  color: #F08205;
}
.aiStudyAids .loading {
  width: max-content;
  max-width: 100%;
  background: #f5f5f9;
  border-radius: 0 10px 10px 10px;
  padding: 5px 10px;
  margin-bottom: 10px;
  align-self: flex-start;
  min-width: 60px;
}

.searchResultPage .header {
  height: 50px;
}
.searchResultPage .header .content {
  height: 50px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchResultPage .header .content .leftContent img {
  width: 85px;
  height: 32px;
}
.searchResultPage .header .content .leftContent .searchInput {
  width: 540px;
  height: 34px;
  margin-left: 12px;
}
.searchResultPage .header .content .leftContent .searchInput .ant-input-group .ant-input,
.searchResultPage .header .content .leftContent .searchInput .ant-btn-primary {
  height: 34px;
}
.searchResultPage .header .content .leftContent .searchInput .ant-btn-primary {
  width: 92px;
  border: #f04a00;
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  border-radius: 0px 2px 2px 0px;
}
.searchResultPage .header .content .right {
  display: flex;
}
.searchResultPage .header .content .right a {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.searchResultPage .header .content .right .questionMark {
  margin-left: 25px;
  margin-right: 3px;
}
.searchResultPage .header .content .right .select {
  color: #F08205;
}
.searchResultPage .header .content .right .loginOut {
  cursor: pointer;
}
.searchResultPage .header .content .right .loginOut:hover {
  color: #F08205;
}
.searchResultPage .mainContent {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 42px 97px;
}
.searchResultPage .mainContent .typeBox {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.searchResultPage .mainContent .typeBox span {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: #115be2;
  margin-right: 26px;
  cursor: pointer;
}
.searchResultPage .mainContent .typeBox .selected {
  color: #4B4B4B;
  text-decoration: none;
  cursor: default;
}
.searchResultPage .mainContent .total {
  font-size: 12px;
  font-weight: 400;
  color: #8b8b8b;
}
.searchResultPage .mainContent .noResult {
  font-size: 12px;
  color: #8B8B8B;
}
.searchResultPage .mainContent .noResult .t1 {
  margin-bottom: 30px;
}
.searchResultPage .mainContent .noResult .bottom .t3 {
  padding-left: 60px;
}
.searchResultPage .mainContent .contentBox {
  display: flex;
  margin-top: 22px;
}
.searchResultPage .mainContent .contentBox .leftContent {
  width: 600px;
  margin-right: 167px;
}
.searchResultPage .mainContent .contentBox .leftContent .relateSearch {
  margin-top: 50px;
  margin-bottom: 50px;
}
.searchResultPage .mainContent .contentBox .leftContent .relateSearch .name {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 19px;
}
.searchResultPage .mainContent .contentBox .leftContent .relateSearch .relateList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.searchResultPage .mainContent .contentBox .leftContent .relateSearch .relateList .relationItem {
  flex: 25%;
  margin-right: 45px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.searchResultPage .mainContent .contentBox .leftContent .relateSearch .relateList .relationItem:nth-of-type(3n) {
  margin-right: 0;
}
.searchResultPage .mainContent .contentBox .leftContent .relateSearch .relateList .relationItem a {
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  color: #127de1;
}
.searchResultPage .mainContent .contentBox .leftContent .titleBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchResultPage .mainContent .contentBox .leftContent .titleBox .name {
  width: 58px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #f04422;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.searchResultPage .mainContent .contentBox .leftContent .titleBox .more {
  font-size: 14px;
  font-weight: 400;
  color: #282828;
  cursor: pointer;
}
.searchResultPage .mainContent .contentBox .leftContent .title {
  cursor: pointer;
  font-size: 16px;
  color: #127DE1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResultPage .mainContent .contentBox .leftContent .informationList {
  margin: 19px 0 27px 0;
}
.searchResultPage .mainContent .contentBox .leftContent .informationList:last-child {
  margin-bottom: 0;
}
.searchResultPage .mainContent .contentBox .leftContent .informationList .information {
  margin-bottom: 37px;
}
.searchResultPage .mainContent .contentBox .leftContent .informationList .information .content {
  margin-top: 14px;
  color: #333333;
  font-size: 14px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 11px;
}
.searchResultPage .mainContent .contentBox .leftContent .informationList .information .bottom {
  color: #7F7F7F;
  font-size: 12px;
}
.searchResultPage .mainContent .contentBox .leftContent .informationList .information .bottom .source {
  margin-left: 11px;
}
.searchResultPage .mainContent .contentBox .leftContent .subjectList {
  margin: 27px 0 27px 0;
}
.searchResultPage .mainContent .contentBox .leftContent .subjectList:last-child {
  margin-bottom: 0;
}
.searchResultPage .mainContent .contentBox .leftContent .subjectList .subject {
  margin-bottom: 35px;
}
.searchResultPage .mainContent .contentBox .leftContent .subjectList .subject .bottom {
  margin-top: 14px;
}
.searchResultPage .mainContent .contentBox .leftContent .subjectList .subject .bottom .count {
  font-size: 14px;
  color: #333333;
  margin-right: 65px;
}
.searchResultPage .mainContent .contentBox .leftContent .subjectList .subject .bottom .price {
  color: #DC160D;
  font-size: 14px;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList {
  margin: 30px 0 27px 0;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList:last-child {
  margin-bottom: 0;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson {
  margin-bottom: 32px;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom {
  margin-top: 11px;
  display: flex;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .leftCover {
  height: 140px;
  width: 260px;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .leftCover img {
  height: 100%;
  width: 100%;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .right {
  padding-top: 5px;
  margin-left: 19px;
  font-size: 14px;
  color: #333333;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .right .price1,
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .right .price2 {
  margin-bottom: 14px;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .right .price2 {
  color: #DC160D;
}
.searchResultPage .mainContent .contentBox .leftContent .lessonList .lesson .bottom .right .detailBtn {
  margin-top: 25px;
  width: 87px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  font-weight: 400;
  color: #127de1;
  cursor: pointer;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList {
  margin: 36px 0 70px 0;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList:last-child {
  margin-bottom: 0;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book {
  margin-bottom: 42px;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bookName {
  display: flex;
  align-items: center;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bookName .pre {
  min-width: 65px;
  cursor: pointer;
  font-size: 16px;
  color: #127DE1;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom {
  margin-top: 11px;
  display: flex;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .leftCover {
  height: 140px;
  width: 140px;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .leftCover img {
  height: 100%;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right {
  padding-top: 10px;
  font-size: 14px;
  color: #000000;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .t1 {
  margin-bottom: 21px;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .t2 {
  margin-bottom: 23px;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .t3 {
  margin-bottom: 24px;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .t3 .price {
  text-decoration: line-through;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .buy {
  display: flex;
  align-items: center;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .buy .special {
  color: #DC160D;
}
.searchResultPage .mainContent .contentBox .leftContent .bookList .book .bottom .right .buy .buyBtn {
  cursor: pointer;
  margin-left: 50px;
  width: 66px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #127de1;
}
.searchResultPage .mainContent .contentBox .line {
  height: 500px;
  width: 1px;
  background: #D7D7D7;
}
.searchResultPage .mainContent .contentBox .rightHot {
  padding-left: 43px;
  padding-bottom: 32px;
}
.searchResultPage .mainContent .contentBox .rightHot .title {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 19px;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList:last-child {
  margin-bottom: 0;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot {
  margin-bottom: 21px;
  display: flex;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot .hotname {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot span {
  display: inline-block;
  margin-right: 9px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  background: #68abec;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot .first {
  background: #F54E4E;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot .second {
  background: #FF803D;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot .third {
  background: #FFAC37;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot a {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #127de1;
  cursor: pointer;
}
.searchResultPage .mainContent .contentBox .rightHot .hotList .hot a:hover {
  text-decoration: underline;
}

.courseRecord .ant-divider-horizontal {
  margin: 0 0 24px 0;
}
.courseRecord .search {
  width: 80px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.courseRecord .delete {
  width: 120px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.courseRecord .keepDoing {
  display: inline-block;
  width: 86px;
  height: 32px;
  background: linear-gradient(-90deg, #d91b01, #ef4900);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.34);
  border-radius: 13px;
  line-height: 32px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.courseRecord .startStudy {
  display: inline-block;
  width: 86px;
  height: 32px;
  background: #fff;
  line-height: 32px;
  color: #ef4900 !important;
  border: 1px solid #ef4900 !important;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 400;
}
.courseRecord .startStudyBtn {
  width: 86px;
  height: 32px;
  border: 1px solid #f5f5f5 !important;
  border-radius: 13px;
}

.exclusiveStudents .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.exclusiveStudents .rightContent .contentCenter .contentCenter_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exclusiveStudents .rightContent .contentCenter .contentCenter_top p {
  font-size: 14px;
  font-weight: 400;
  color: #545454;
  line-height: 22px;
}
.exclusiveStudents .rightContent .contentCenter .contentCenter_top p span {
  font-size: 16px;
  font-weight: 400;
  color: #EC4300;
  line-height: 22px;
}

.myCollect .centerRight .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myCollect .centerRight .noCollet {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  color: #c9c9c9;
}
.myCollect .centerRight .collet .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0;
}
.myCollect .centerRight .collet .colletContent {
  display: flex;
  justify-content: center;
  align-items: center;
}
.myCollect .centerRight .collet .colletContent img {
  width: 55px;
  height: 55px;
}
.myCollect .centerRight .collet .colletContent .ant-descriptions-title {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
}
.myCollect .centerRight .collet .colletContent .ant-descriptions-view {
  margin-top: 12px;
}
.myCollect .centerRight .collet .colletContent .ant-descriptions-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myCollect .centerRight .collet .colletContent .ant-descriptions-row > td {
  padding-bottom: 0;
}
.myCollect .centerRight .collet .colletContent .ant-descriptions-row > td > span {
  color: #C0C0C0;
}
.myCollect .centerRight .collet .colletContent .ant-descriptions-item-label {
  color: #C0C0C0;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
}

.myDownload .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myDownload .rightContent .downloadList {
  margin-top: 30px;
}
.myDownload .rightContent .downloadList .contentList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myDownload .rightContent .downloadList .contentList .ant-btn {
  text-align: center;
  border: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 0;
  background-color: #fff;
  border-color: #fff;
}
.myDownload .rightContent .downloadList .contentList .downloadaa {
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-radius: 9999px;
  border-color: #f45125;
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
}
.myDownload .rightContent .downloadList .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0;
}
.myDownload .rightContent .noDownload {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  color: #c9c9c9;
}

.myManagementServices .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.myManagementServices .rightContent .downloadList {
  margin-top: 30px;
}
.myManagementServices .rightContent .downloadList .contentList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myManagementServices .rightContent .downloadList .contentList .ant-btn {
  text-align: center;
  border: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 0;
  background-color: #fff;
  border-color: #fff;
}
.myManagementServices .rightContent .downloadList .contentList .downloadaa {
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-radius: 9999px;
  border-color: #f45125;
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
}
.myManagementServices .rightContent .downloadList .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 12px 0;
}
.myManagementServices .rightContent .tBody .t1 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.myManagementServices .rightContent .tBody .t2 {
  margin-bottom: 10px;
}
.myManagementServices .rightContent .tBody .copyBtn {
  margin-left: 30px;
}
.myManagementServices .rightContent .tBody .img1 {
  max-width: 200px;
}
.myManagementServices .rightContent .tBody .img2 {
  max-width: 50%;
}
.myManagementServices .rightContent .noDownload {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  color: #c9c9c9;
}

.myRevenue .rightContent > .ant-divider-horizontal {
  margin: 0 0 24px 0;
}
.myRevenue .content_top {
  margin-bottom: 12px;
}
.myRevenue .content_top .payType {
  margin-left: 10px;
  min-width: 120px;
}

.testCatalog .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.testCatalog .rightContent .right_top .delete {
  border: none;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  color: #868686 !important;
  line-height: 22px;
  background-color: #fff !important;
  border-color: #fff !important;
  box-shadow: none;
  text-shadow: none;
}
.testCatalog .rightContent .goDing {
  display: inline-block;
  width: 80px;
  height: 32px;
  background: linear-gradient(-90deg, #d91b01, #ef4900);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.34);
  border-radius: 13px;
  line-height: 32px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 400;
}
.testCatalog .rightContent .logout {
  color: #9E9E9E !important;
  background-color: #E9E9E9 !important;
  border-color: #E9E9E9 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  border-radius: 13px;
  font-size: 12px;
  font-weight: 400;
}
.testCatalog .rightContent .downloadPhone {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #0a90cb !important;
  cursor: pointer;
}
.downloadModal .ant-modal-title {
  margin: 0;
  color: #EC4300;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
  text-align: center;
}
.downloadModal .modalContent {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.testRecord .rightContent .ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 0 0 12px;
}
.testRecord .rightContent .searchActionBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.testRecord .rightContent .searchActionBox .searchAction {
  display: flex;
  width: 320px !important;
}
.testRecord .rightContent .searchActionBox .searchAction .search {
  width: 80px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.testRecord .rightContent .searchActionBox .deleteSelected {
  width: 120px;
  border-radius: 14px !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.testRecord .rightContent .keepDo {
  display: inline-block;
  width: 86px;
  height: 32px;
  background: linear-gradient(-90deg, #d91b01, #ef4900);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.34);
  border-radius: 13px;
  line-height: 32px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.testRecord .rightContent .resetDo {
  display: inline-block;
  width: 86px;
  height: 32px;
  background: #fff !important;
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.34);
  border-radius: 13px;
  line-height: 32px;
  color: #ef4900 !important;
  border: 1px solid #ef4900 !important;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}