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 .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 .vido {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.response-answer .vidobox .vido .vido-f1 {
  display: block;
  width: 4.5733333333rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.4rem;
}
.response-answer .vidobox .vido .vido-f1 img {
  width: 4.5066666667rem;
  height: 100%;
  background-color: #e5e5e5;
  border-radius: 0.2rem;
  margin-left: 0.0333333333rem;
}
.response-answer .vidobox .vido .vido-f1 h3 {
  font-size: 0.3733333333rem;
  margin: 0.2666666667rem 0 0.2666666667rem 0.1333333333rem;
}
.response-answer .vidobox .vido .vido-f1 .zj {
  display: flex;
  justify-content: space-between;
}
.response-answer .vidobox .vido .vido-f1 .zj h5 {
  font-size: 0.3466666667rem;
  color: #666666;
  margin-left: 0.1333333333rem;
}
.response-answer .vidobox .vido .vido-f1 .zj h5 span {
  color: #333333;
}
.response-answer .vidobox .vido .vido-f1 .zj p {
  margin-right: 0.1866666667rem;
  width: 1.6rem;
  height: 0.56rem;
  text-align: center;
  line-height: 0.56rem;
  background-color: #ffeded;
  border-radius: 0.12rem;
  border: 0.0133333333rem dashed #cf3340;
}
.response-answer .vidobox .vidobox-btn {
  margin: 0.6666666667rem 0 0.8266666667rem 0;
}
.response-answer .vidobox .vidobox-btn a {
  display: inline-block;
  width: 6.5866666667rem;
  height: 1.0666666667rem;
  line-height: 1.0666666667rem;
  text-align: center;
  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;
}
.response-answer .coursebox {
  background: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/bac14.png) no-repeat;
  background-size: 100% 100%;
  height: 11.0666666667rem;
  text-align: center;
}
.response-answer .coursebox .coursebox-tit {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}
.response-answer .coursebox .coursebox-tit .coursebox-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 .coursebox .coursebox-tit .coursebox-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 .coursebox .coursebox-tit .coursebox-tit-right h1 {
  font-size: 0.4533333333rem;
  font-weight: bold;
  margin-left: 0.2666666667rem;
}
.response-answer .coursebox .course {
  display: flex;
  justify-content: center;
}
.response-answer .coursebox .course .course-left {
  width: 5.1866666667rem;
  height: 6.7066666667rem;
  background-image: linear-gradient(-12deg, #2277e1 0%, #6ea4ec 100%);
  box-shadow: 0 0.04rem 0.24rem 0 rgba(39, 121, 225, 0.56);
  border-radius: 0.2rem 1.8133333333rem 0.2rem 0.2rem;
}
.response-answer .coursebox .course .course-left h1 {
  width: 1.5733333333rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0.0133333333rem 0.1466666667rem 0.24rem 0 rgba(88, 151, 232, 0.56), inset 0px 5px 8px 0px rgba(98, 157, 234, 0.35);
  border-radius: 0.32rem;
  font-size: 0.4rem;
  color: #2779e2;
  margin-top: 0.28rem;
  margin-left: 1.8133333333rem;
}
.response-answer .coursebox .course .course-left .course-left-p {
  font-size: 0.48rem;
  color: #ffffff;
  font-weight: bold;
  margin-top: 0.1333333333rem;
}
.response-answer .coursebox .course .course-left .kc-f1 {
  width: 4.6133333333rem;
  height: 1.9866666667rem;
  background-color: #ffffff;
  border-radius: 0.1066666667rem;
  margin: 0.2933333333rem 0 0 0.3066666667rem;
  display: flex;
}
.response-answer .coursebox .course .course-left .kc-f1 .kc-left {
  width: 1.0666666667rem;
  height: 1.9866666667rem;
  display: flex;
  justify-content: center;
}
.response-answer .coursebox .course .course-left .kc-f1 .kc-left h3 {
  width: 0.6666666667rem;
  font-size: 0.2933333333rem;
  color: #287ae1;
  margin-top: 0.2266666667rem;
}
.response-answer .coursebox .course .course-left .kc-f1 .kc-right {
  width: 3.48rem;
  height: 1.9866666667rem;
}
.response-answer .coursebox .course .course-left .kc-f1 .kc-right p {
  height: 0.4rem;
  line-height: 0.4rem;
  margin-top: 0.2266666667rem;
  font-size: 0.32rem;
}
.response-answer .coursebox .course .course-left .kc-f1 .kc-right p span {
  color: #a2a2a2;
}
.response-answer .coursebox .course .course-left .kc-f2 {
  width: 4.6133333333rem;
  height: 1.2666666667rem;
  background-color: #ffffff;
  border-radius: 0.1066666667rem;
  margin: 0.2933333333rem 0 0 0.3066666667rem;
  display: flex;
}
.response-answer .coursebox .course .course-left .kc-f2 .kc-left {
  width: 1.0666666667rem;
  height: 1.2666666667rem;
  display: flex;
  justify-content: center;
}
.response-answer .coursebox .course .course-left .kc-f2 .kc-left h3 {
  width: 0.6666666667rem;
  font-size: 0.2933333333rem;
  color: #287ae1;
  margin-top: 0.1333333333rem;
}
.response-answer .coursebox .course .course-left .kc-f2 .kc-right {
  width: 3.5333333333rem;
  height: 1.2666666667rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.3066666667rem;
}
.response-answer .coursebox .course .course-left .kc-f2 .kc-right p {
  margin-top: 0.1333333333rem;
  font-size: 0.32rem;
  margin-right: 0.1333333333rem;
}
.response-answer .coursebox .course .course-left .kc-f2 .kc-right p span {
  color: #a2a2a2;
}
.response-answer .coursebox .course .course-left h2 {
  font-size: 0.4533333333rem;
  color: #ffffff;
  margin-top: 0.2666666667rem;
}
.response-answer .coursebox .course .course-right {
  width: 4.24rem;
  height: 6.0266666667rem;
  margin-top: 0.68rem;
  background-image: linear-gradient(0deg, #cf3340 0%, #ff8b95 100%);
  box-shadow: 0 0.04rem 0.24rem 0 rgba(214, 57, 69, 0.56);
  border-radius: 1.36rem 0.2rem 0.2rem 0.2rem;
}
.response-answer .coursebox .course .course-right h1 {
  width: 1.5733333333rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0.0133333333rem 0.1466666667rem 0.24rem 0 rgba(209, 54, 67, 0.56), inset 0px 5px 8px 0px rgba(249, 128, 138, 0.35);
  border-radius: 0.32rem;
  font-size: 0.4rem;
  color: #d13744;
  margin-top: 0.28rem;
  margin-left: 1.3066666667rem;
}
.response-answer .coursebox .course .course-right .course-right-p {
  font-size: 0.48rem;
  color: #ffffff;
  font-weight: bold;
  margin-top: 0.1333333333rem;
}
.response-answer .coursebox .course .course-right .course-right-btn {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 0.3066666667rem;
}
.response-answer .coursebox .course .course-right .course-right-btn p {
  width: 1.44rem;
  height: 0.76rem;
  text-align: center;
  line-height: 0.76rem;
  background-color: #ffffff;
  border-radius: 0.1066666667rem;
  margin-bottom: 0.2133333333rem;
  font-size: 0.32rem;
}
.response-answer .coursebox .course-btn {
  margin: 0.8133333333rem 0 0.8266666667rem 0;
}
.response-answer .coursebox .course-btn a {
  display: inline-block;
  width: 6.5866666667rem;
  height: 1.0666666667rem;
  line-height: 1.0666666667rem;
  text-align: center;
  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;
}
.response-answer .wxteacher {
  padding-bottom: 0.6666666667rem;
}
.response-answer .wxteacher .wxteacher-tit {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}
.response-answer .wxteacher .wxteacher-tit .wxteacher-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 .wxteacher .wxteacher-tit .wxteacher-tit-left span {
  display: block;
  background: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/bac16.png) no-repeat;
  background-size: 100% 100%;
  width: 0.2666666667rem;
  height: 0.2666666667rem;
}
.response-answer .wxteacher .wxteacher-tit .wxteacher-tit-right h1 {
  font-size: 0.4533333333rem;
  font-weight: bold;
  margin-left: 0.2666666667rem;
}
.response-answer .wxteacher .swiper {
  width: 10rem;
  height: 3.9066666667rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-button-prev,
.response-answer .wxteacher .swiper .swiper-container .swiper-container-rtl .swiper-button-next {
  background-image: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/left.png);
  top: 50%;
  left: 1%;
  width: 1.0666666667rem;
  height: 1.0666666667rem;
  background-size: 1.0666666667rem 1.0666666667rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-button-next,
.response-answer .wxteacher .swiper .swiper-container .swiper-container-rtl .swiper-button-prev {
  background-image: url(https://img.thea.cn/public/platform/thea/202103/lsf/wap-k12-china/images/right.png);
  top: 50%;
  right: 1%;
  width: 1.0666666667rem;
  height: 1.0666666667rem;
  background-size: 1.0666666667rem 1.0666666667rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 {
  width: 8.6266666667rem;
  height: 3.9066666667rem;
  display: flex;
  border: 0.0133333333rem solid #ccc;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 .slide1-l {
  margin: 0.2933333333rem 0 0 0.3066666667rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 .slide1-l img {
  width: 2.96rem;
  height: 3.36rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 .slide1-r {
  margin: 0.2933333333rem 0 0 0.5333333333rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 .slide1-r h1 {
  font-size: 0.4533333333rem;
  margin-bottom: 0.28rem;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 .slide1-r p {
  font-size: 0.3466666667rem;
  color: #666666;
}
.response-answer .wxteacher .swiper .swiper-container .swiper-wrapper .swiper-slide .slide1 .slide1-r a {
  display: block;
  width: 4.2rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  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.4rem;
  color: #ffffff;
  margin-top: 0.84rem;
}