html {
  font-size: 75px;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  width: 10rem;
  margin: 0 auto;
}

.no {
  display: none;
}

p,
h3,
h1,
h2,
h4,
h5 {
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
}

a,
button,
input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

html,
body {
  position: relative;
  height: 100%;
}

.swiper-pagination-bullet {
  background-color: #ffffff;
}

.non {
  display: none;
}

.response-answer .btn-bac {
  background: url(https://net.thea.cn/up/picnew/6748076b3ff53.png) no-repeat;
  background-size: 100% 100%;
  height: 3.0266666667rem;
  display: flex;
  align-items: center;
}
.response-answer .btn-bac .yhj {
  display: flex;
  margin-left: 2.2666666667rem;
}
.response-answer .btn-bac .yhj .yhj-f1 {
  width: 1.4533333333rem;
  height: 1.4533333333rem;
  margin-right: 0.4rem;
  border: 0.0266666667rem solid #ffffff;
  border-radius: 0.1866666667rem;
}
.response-answer .btn-bac .yhj .yhj-f1 .yhj-f1-tit {
  width: 1.4533333333rem;
  height: 1.0666666667rem;
  line-height: 1.0666666667rem;
  text-align: center;
  font-size: 1.12rem;
  color: #ffffff;
}
.response-answer .btn-bac .yhj .yhj-f1 .yhj-f1-tit span {
  font-size: 0.36rem;
}
.response-answer .btn-bac .yhj .yhj-f1 .yhj-f1-btn {
  width: 1.4rem;
  height: 0.3866666667rem;
  border-radius: 0 0 0.1866666667rem 0.1866666667rem;
  background-color: #ffffff;
}
.response-answer .btn-bac .yhj .yhj-f1 .yhj-f1-btn p {
  text-align: center;
  font-size: 0.2933333333rem;
  color: #fe724f;
}
.response-answer .btn-bac .yhj .yhj-f2 {
  width: 7.4533333333rem;
  height: 2.4533333333rem;
  margin-right: 0.4rem;
}
.response-answer .vidobox {
  text-align: center;
}
.response-answer .vidobox .vidobox-tit {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}
.response-answer .vidobox .vidobox-tit .vidobox-tit-left {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 0.52rem;
  background-image: linear-gradient(0deg, #cf3340 0%, #ff8b95 100%);
  box-shadow: 0 0.04rem 0.24rem 0 rgba(214, 57, 69, 0.56);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.32rem;
}
.response-answer .vidobox .vidobox-tit .vidobox-tit-left span {
  display: block;
  background: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/bac9.png) no-repeat;
  background-size: 100% 100%;
  width: 0.2666666667rem;
  height: 0.2666666667rem;
}
.response-answer .vidobox .vidobox-tit .vidobox-tit-right h1 {
  font-size: 0.4533333333rem;
  font-weight: bold;
  margin-left: 0.2666666667rem;
}
.response-answer .vidobox .vidobox-btn {
  padding-bottom: 0.2666666667rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 {
  width: 9.36rem;
  height: 1.7066666667rem;
  background-color: #ffffff;
  border-radius: 0.1333333333rem;
  border: solid 0.0266666667rem #dcdcdc;
  margin: 0 0 0.32rem 0.32rem;
  display: flex;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-left {
  width: 60%;
  height: 1.68rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-left h2 {
  font-size: 0.4rem;
  color: #333333;
  text-align: left;
  margin: 0.2666666667rem 0 0.24rem 0.4rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-left p {
  text-align: left;
  font-size: 0.32rem;
  color: #666666;
  margin-left: 0.4rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-left p span {
  color: #cf3340;
  font-weight: bold;
  margin-left: 1.0666666667rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-right {
  width: 40%;
  height: 1.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-right p {
  width: 2.6933333333rem;
  height: 0.7066666667rem;
  background-color: #333333;
  display: flex;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-right p .a1 {
  display: inline-block;
  width: 1.3466666667rem;
  height: 0.7066666667rem;
  line-height: 0.7066666667rem;
  background-image: linear-gradient(-32deg, #cf3340 0%, #ff8b95 100%);
  border-radius: 0.0533333333rem 0 0 0.0533333333rem;
  font-size: 0.32rem;
  color: #ffffff;
  text-align: center;
}
.response-answer .vidobox .vidobox-btn .vidobox-f1 .vidobox-f1-right p .a2 {
  display: inline-block;
  width: 1.3466666667rem;
  height: 0.7066666667rem;
  line-height: 0.7066666667rem;
  background-color: #ffeded;
  border-radius: 0 0.0533333333rem 0.0533333333rem 0;
  border: 0.0133333333rem dashed #cf3340;
  font-size: 0.32rem;
  color: #cf3340;
  text-align: center;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 {
  background: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/bac19.png) no-repeat;
  background-size: 100%, 100%;
  width: 9.4133333333rem;
  height: 1.7333333333rem;
  margin: 0 0 0.32rem 0.32rem;
  display: flex;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-left {
  width: 60%;
  height: 1.68rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-left h2 {
  font-weight: bold;
  font-size: 0.4rem;
  color: #333333;
  text-align: left;
  margin: 0.2666666667rem 0 0.24rem 0.4rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-left p {
  text-align: left;
  font-size: 0.32rem;
  color: #666666;
  margin-left: 0.4rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-left p span {
  color: #cf3340;
  font-weight: bold;
  margin-left: 1.0666666667rem;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-right {
  width: 40%;
  height: 1.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-right p {
  width: 2.6933333333rem;
  height: 0.7066666667rem;
  background-color: #333333;
  display: flex;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-right p .a1 {
  display: inline-block;
  width: 1.3466666667rem;
  height: 0.7066666667rem;
  line-height: 0.7066666667rem;
  background-image: linear-gradient(-32deg, #cf3340 0%, #ff8b95 100%);
  border-radius: 0.0533333333rem 0 0 0.0533333333rem;
  font-size: 0.32rem;
  color: #ffffff;
  text-align: center;
}
.response-answer .vidobox .vidobox-btn .vidobox-f2 .vidobox-f2-right p .a2 {
  display: inline-block;
  width: 1.3466666667rem;
  height: 0.7066666667rem;
  line-height: 0.7066666667rem;
  background-color: #ffeded;
  border-radius: 0 0.0533333333rem 0.0533333333rem 0;
  border: 0.0133333333rem dashed #cf3340;
  font-size: 0.32rem;
  color: #cf3340;
  text-align: center;
}
.response-answer .course {
  text-align: center;
}
.response-answer .course .course-tit {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}
.response-answer .course .course-tit .course-tit-left {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 0.52rem;
  background-image: linear-gradient(0deg, #cf3340 0%, #ff8b95 100%);
  box-shadow: 0 0.04rem 0.24rem 0 rgba(214, 57, 69, 0.56);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.32rem;
}
.response-answer .course .course-tit .course-tit-left span {
  display: block;
  background: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/bac15.png) no-repeat;
  background-size: 100% 100%;
  width: 0.2666666667rem;
  height: 0.2666666667rem;
}
.response-answer .course .course-tit .course-tit-right h1 {
  font-size: 0.4533333333rem;
  font-weight: bold;
  margin-left: 0.2666666667rem;
}
.response-answer .course .course-btn {
  width: 9.2533333333rem;
  height: 100%;
  margin: 0 0 0.4266666667rem 0.3333333333rem;
  display: flex;
  justify-content: space-between;
}
.response-answer .course .course-btn .course-btn-left {
  width: 49%;
  height: 100%;
}
.response-answer .course .course-btn .course-btn-left img {
  border-radius: 0.2rem;
}
.response-answer .course .course-btn .course-btn-right {
  width: 48%;
  height: 100%;
}
.response-answer .course .course-btn .course-btn-right .course-btn-right-tit {
  display: flex;
  justify-content: space-between;
  margin-top: 0.08rem;
}
.response-answer .course .course-btn .course-btn-right .course-btn-right-tit h1 {
  font-size: 0.4rem;
}
.response-answer .course .course-btn .course-btn-right .course-btn-right-tit span {
  display: block;
  width: 3.0933333333rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background-color: #f1f1f1;
  border-radius: 0.1066666667rem;
  padding-left: 0.1333333333rem;
  font-size: 0.2933333333rem;
  color: #666666;
}
.response-answer .course .course-btn .course-btn-right p {
  margin-top: 0.32rem;
  font-size: 0.3466666667rem;
  color: #666666;
}
.response-answer .course .course-btn .course-btn-right p span {
  color: #999999;
}
.response-answer .course .course-btn .course-btn-right a {
  display: block;
  width: 4.3866666667rem;
  height: 0.76rem;
  line-height: 0.76rem;
  background-color: #ffeded;
  border-radius: 0.0933333333rem;
  text-align: center;
  border: 0.0133333333rem dashed #cf3340;
  color: #cf3340;
  margin: 0.4rem 0 0 0.0533333333rem;
}
.response-answer .course .course-but {
  display: inline-block;
  width: 6.5866666667rem;
  height: 1.0666666667rem;
  line-height: 1.0666666667rem;
  background-image: linear-gradient(-12deg, #2277e1 0%, #6ea4ec 100%);
  box-shadow: 0 0.1066666667rem 0.2rem 0 rgba(36, 119, 226, 0.42);
  border-radius: 0.0933333333rem;
  font-size: 0.4533333333rem;
  color: #ffffff;
  margin-top: 0.2666666667rem;
}