html,
body {
  margin: 0;
  padding: 0;
  /* overflow-y: scroll; */
}

html {
  font-size: 100px;
}

body {
  overflow-y: scroll;
  display: none;
  font-size: 0.14rem !important;
}

p {
  line-height: 150%;
}

.tab-active {
  color: #ca1211;
  border-bottom: 0.04rem solid #ca1211 !important;
  transition: all 0.4s ease;
}

.tab-img-active {
  color: #ca1211;
}

.tab-img-active img {
  opacity: 1 !important;
}

.tab3-btn-active {
  background-color: #ca1211 !important;
  color: #fff !important;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-1 {
  flex: 1;
}

.bg28 {
  background-color: #282828;
}

.clfff {
  color: #fff;
}

.header-area {
  padding: 0 1.5rem;
  min-width: 1280px;
  height: 0.6rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.14rem;
}

.header-area a {
  color: #333333;
}

.header-area .header-img-tab {
  display: flex;
  align-items: center;
}

.header-area .header-img-tab>img {
  width: 1.07rem;
  height: 0.36rem;
}

.header-area .header-img-tab .header-menu {
  width: 6rem;
  display: flex;
  justify-content: space-evenly;
}

.header-area .header-img-tab .header-menu .header-menu-item {
  padding-bottom: 0.02rem;
  border-bottom: 0.04rem solid rgba(0, 0, 0, 0);
  cursor: pointer;
}

.header-area .header-download {
  position: relative;
  display: flex;
  align-items: center;
}

.header-area .header-download a {
  cursor: pointer;
}

.header-area .header-download .download-popup {
  width: 2.8rem;
  height: 3rem;
  position: absolute;
  top: 0.46rem;
  left: 2rem;
  padding: 0.18rem 0.44rem;
  background-color: #fff;
  border-radius: 0.2rem;
  transition: all 0.4s ease-in-out;
  display: none;
  z-index: 99;
}

.header-area .header-download .download-popup .down-title {
  font-weight: 500;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.33rem;
  text-align: center;
  position: relative;
  top: -0.1rem;
}

.header-area .header-download .download-popup .down-title .down-close {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  right: -0.2rem;
  top: 0.05rem;
  cursor: pointer;
}

.header-area .header-download .download-popup .down-list {
  display: flex;
  margin-left: 0.1rem;
  /* margin-top: 0.1rem; */
}

.header-area .header-download .download-popup .down-list li {
  flex: 1;
}

.header-area .header-download .download-popup .down-list li .down-code {
  width: 1.75rem;
  /* height: 1.9rem; */
}

.header-area .header-download .download-popup .down-list li .down-pc,
.header-area .header-download .download-popup .down-list li .down-app {
  width: 1.5rem;
  height: 0.83rem;
  cursor: pointer;
}

.header-area .header-download .download-popup .down-list li:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main-area #tab1 {
  min-width: 1280px;
  padding-bottom: 1rem;
}

.main-area #tab1 .banner-area {
  background: url("../img/app/banner-bg.png") no-repeat;
  background-size: cover;
  height: 10.2rem;
  padding-top: 1.4rem;
}

.main-area #tab1 .banner-area .banner-content {
  width: 9.81rem;
  height: 6.9rem;
  border-radius: 0 0.8rem 0.8rem 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 0.53rem;
  padding-left: 1.87rem;
  margin-bottom: 0.45rem;
}

.main-area #tab1 .banner-area .banner-content h1 {
  font-size: 0.6rem;
  font-weight: bold;
  line-height: 1.01rem;
  display: flex;
  align-items: center;
  color: #000;
  margin-bottom: 0.3rem;
}

.main-area #tab1 .banner-area .banner-content h1 .vertical-line {
  border-left: 0.06rem solid #000;
  height: 0.6rem;
  margin: 0 0.5rem;
}

.main-area #tab1 .banner-area .banner-content>div {
  width: 6.5rem;
}

.main-area #tab1 .banner-area .banner-content .synopsis-text {
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.45rem;
  text-align: justify;
}

.main-area #tab1 .banner-area .banner-content .layui-carousel,
.main-area #tab1 .banner-area .banner-content .layui-carousel>[carousel-item]>* {
  background-color: rgba(0, 0, 0, 0);
}

.main-area #tab1 .banner-area .banner-content .layui-carousel>[carousel-item]:before {
  display: none;
}

.main-area #tab1 .banner-area .service-num {
  width: 3.05rem;
  height: 1.01rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.1rem;
  margin: auto;
  text-align: center;
  padding-top: 0.2rem;
}

.main-area #tab1 .banner-area .service-num .title {
  font-size: 0.12rem;
  color: #333333;
  line-height: 0.2rem;
}

.main-area #tab1 .banner-area .service-num .num {
  font-size: 0.29rem;
  color: #ca1211;
}

.main-area #tab1 .teacher-area {
  /* height: 7.83rem; */
  background: linear-gradient(0deg, #fff2f2 0%, #ffffff 29%);
  padding-top: 0.4rem;
  padding-left: 4.35rem;
}

.main-area #tab1 .teacher-area h2 {
  font-size: 0.32rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.8rem;
}

.main-area #tab1 .teacher-area .tab1-teacher-list {
  width: 10.9rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.3rem;
  padding-bottom: 1.5rem;
}

.main-area #tab1 .teacher-area .tab1-teacher-list li {
  margin-top: 0.4rem;
  margin-left: 0.3rem;
  position: relative;
}

.main-area #tab1 .teacher-area .tab1-teacher-list li div {
  width: 1.88rem;
  height: 2.1rem;
  background: linear-gradient(0deg, #d03938 0%, rgba(0, 0, 0, 0) 30%);
  position: absolute;
  bottom: 0;
  padding-top: 1.5rem;
  padding-left: 0.18rem;
  opacity: 0;
  transition: all 0.5s ease;
}

.main-area #tab1 .teacher-area .tab1-teacher-list li div p {
  color: #fff;
}

.main-area #tab1 .teacher-area .tab1-teacher-list li div p:first-child {
  font-size: 0.18rem;
}

.main-area #tab1 .teacher-area .tab1-teacher-list li div p:last-child {
  font-size: 0.1rem;
  line-height: 0.1rem;
}

.main-area #tab1 .teacher-area .tab1-teacher-list li div:hover {
  opacity: 1;
}

.main-area #tab1 .teacher-area .tab1-teacher-list img {
  width: 1.88rem;
  height: 2.1rem;
}

.main-area #tab1 .strategy-area {
  margin-left: 4.35rem;
  margin-top: 0.7rem;
}

.main-area #tab1 .strategy-area h2 {
  font-size: 0.32rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.8rem;
}

.main-area #tab1 .strategy-area .link {
  font-size: 0.14rem;
  color: #ca1211;
  line-height: 0.45rem;
  cursor: pointer;
}

.main-area #tab1 .strategy-area .strategy {
  display: flex;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover {
  width: 5.15rem;
  height: 5.26rem;
  background: url("../img/app/cover-bg1.png") no-repeat;
  background-size: 100% auto;
  margin-top: 0.4rem;
  margin-right: 0.28rem;
  padding-top: 0.68rem;
  padding-left: 0.47rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover h3 {
  font-weight: 400;
  font-size: 0.3rem;
  color: #ca1211;
  margin-bottom: 0.26rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover .strategy-cover-text {
  width: 4.2rem;
  font-size: 0.15rem;
  color: #333333;
  line-height: 0.3rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover .tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.15rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover .tags .tag {
  padding: 0 0.1rem;
  margin-right: 0.12rem;
  border: 0.01rem solid #ca1211;
  color: #ca1211;
  font-size: 0.14rem;
  line-height: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover .tc-name {
  margin-top: 1rem;
  margin-left: 2rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover .tc-name h5 {
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.3rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-cover .tc-name aside {
  font-size: 0.15rem;
  color: #666666;
  line-height: 0.3rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-content {
  width: 5.09rem;
  height: 5.26rem;
  margin-top: 0.4rem;
  padding-top: 0.25rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-menu {
  height: 0.4rem;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-menu li {
  font-size: 0.27rem;
  color: #333333;
  line-height: 0.3rem;
  cursor: pointer;
  position: relative;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-menu li .strategy-line {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -0.08rem;
  opacity: 0;
  transition: all 0.4s ease;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text {
  width: 5.09rem;
  height: 4.38rem;
  background: url("../img/app/strategy-content-bg.png") no-repeat;
  background-size: 100% auto;
  margin-top: 0.24rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box {
  width: 3.98rem;
  height: 3.44rem;
  overflow-y: scroll;
  padding-left: 0.16rem;
  scrollbar-width: none;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box li {
  margin-bottom: 0.2rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box h4 {
  font-size: 0.18rem;
  position: relative;
  color: #333333;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box h4::before {
  content: "";
  display: block;
  border: 0.03rem solid #ca1211;
  border-radius: 50%;
  position: absolute;
  left: -0.16rem;
  top: 0.08rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box p {
  font-size: 0.15rem;
  color: #333333;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box .round-dot {
  font-size: 0.06rem;
}

.main-area #tab1 .strategy-area .strategy .strategy-content .strategy-content-text .strategy-content-text-item .box::-webkit-scrollbar {
  display: none;
}

.main-area #tab1 .layui-carousel-ind {
  text-align: left;
}

.main-area #tab1 .layui-carousel-ind ul {
  background-color: rgba(0, 0, 0, 0);
}

.main-area #tab1 .layui-carousel-ind ul li {
  width: 0.5rem;
  height: 0.03rem;
  border-radius: 0.02rem;
  background-color: rgba(0, 0, 0, 0.1);
}

.main-area #tab1 .layui-carousel-ind ul .layui-this {
  background-color: #ca1211;
}

.main-area #tab1 .layui-carousel-ind ul:hover {
  background-color: rgba(0, 0, 0, 0);
}

.main-area #tab2 {
  min-width: 1280px;
  background-color: #efefef;
  padding-bottom: 1rem;
}

.main-area #tab2 .tab2-content-area {
  width: 10.5rem;
  margin: auto;
}

.main-area #tab2 .tab2-content-area .tab2-banner-bg {
  width: 100%;
  margin-top: 0.7rem;
  margin-bottom: 0.5rem;
}

.main-area #tab2 .tab2-content-area .teacher-title {
  font-weight: 500;
  font-size: 0.27rem;
  color: #333333;
  line-height: 0.6rem;
  text-align: center;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list {
  display: flex;
  flex-wrap: wrap;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area {
  width: 3.5rem;
  padding: 0.27rem 0.1rem;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info {
  height: 100%;
  min-height: 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border-top: 0.04rem solid #ca1211;
  padding: 0.46rem 0.28rem;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info .tc-icon-box {
  border-radius: 50%;
  overflow: hidden;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info .tc-icon-box .tc-icon {
  width: 1.16rem;
  height: 1.16rem;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info h4 {
  font-weight: 500;
  font-size: 0.15rem;
  color: #333333;
  line-height: 0.35rem;
  text-align: center;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info p {
  width: 100%;
  text-align: center;
  font-size: 0.12rem;
  color: #666666;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info .tc-intro-icon {
  width: 0.67rem;
  height: 0.2rem;
  background: #ca1211;
  color: #fff;
  font-size: 0.11rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  margin-bottom: 0.18rem;
}

.main-area #tab2 .tab2-content-area .tab2-teacher-list .tc-info-area .tc-info .tc-intro {
  width: 100%;
  text-align: justify;
  font-size: 0.1rem;
  color: #666666;
  line-height: 0.2rem;
}

.main-area #tab3 {
  min-width: 1280px;
  background-color: #efefef;
  padding-bottom: 1rem;
}

.main-area #tab3 .layui-bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.main-area #tab3 .card-btn {
  margin-bottom: 0.1rem;
  width: 10.5rem;
  margin: auto;
  display: flex;
  padding: 0.2rem 0;
}

.main-area #tab3 .card-btn .layui-btn {
  color: #333333;
  font-size: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.3rem;
}

.main-area #tab3 .tab3-content-area {
  width: 10.5rem;
  margin: auto;
  display: none;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .tab3-banner-title {
  font-weight: 400;
  font-size: 0.23rem;
  color: #333333;
  line-height: 0.5rem;
  text-align: center;
  background-color: #fff;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .tab3-banner-aside {
  font-size: 0.12rem;
  color: #666666;
  text-align: center;
  background-color: #fff;
  padding-bottom: 0.2rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area {
  display: flex;
  height: 3.9rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area .tab3-banner-bg {
  width: 5.85rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area .tab-banner-aside {
  flex: 1;
  background-color: #2b2a29;
  padding: 0.5rem 0.3rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area .tab-banner-aside .tab3-h2 {
  font-weight: 400;
  font-size: 0.23rem;
  color: #ffffff;
  line-height: 0.6rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area .tab-banner-aside .tab3-h2 .price {
  font-size: 0.15rem;
  display: inline-block;
  margin-left: 0.6rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area .tab-banner-aside .devider {
  height: 0.02rem;
  background: linear-gradient(90deg, #ffffff 0%, rgba(0, 0, 0, 0) 90%);
  margin-bottom: 0.1rem;
}

.main-area #tab3 .tab3-content-area .tab3-banner-area .product-cover-area .tab-banner-aside .tab3-product-text {
  text-align: justify;
  font-size: 0.15rem;
  color: #ffffff;
  line-height: 0.34rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt {
  width: 7.5rem;
  margin: auto;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-course-title {
  font-weight: 400;
  font-size: 0.23rem;
  color: #333333;
  line-height: 0.6rem;
  text-align: center;
  margin: 0.3rem 0;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-course-video {
  width: 100%;
  height: 4.3rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-strength-ul {
  display: flex;
  background-color: #e3e3e3;
  margin-top: 0.5rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-strength-ul li {
  flex: 1;
  padding: 0.3rem 0.4rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-strength-ul li .tab3-strength-title {
  display: flex;
  align-items: center;
  color: #ca1211;
  font-size: 0.18rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-strength-ul li .tab3-strength-title img {
  width: 0.27rem;
  height: 0.27rem;
  margin-right: 0.1rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-strength-ul li p {
  margin-top: 0.25rem;
  color: #444444;
  font-size: 0.12rem;
  line-height: 0.18rem;
}

.main-area #tab3 .tab3-content-area .tab3-course-attempt .tab3-strength-ul li p .section-title {
  font-size: 0.15rem;
}

.main-area #tab3 .tab3-content-area .tab3-main-content {
  width: 7.5rem;
  margin: auto;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-title {
  font-weight: 400;
  font-size: 0.23rem;
  color: #333333;
  line-height: 0.6rem;
  text-align: center;
  margin: 0.3rem 0;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-desition1,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-desition1 {
  width: 1.67rem;
  color: #333333;
  font-size: 0.12rem;
  margin: auto;
  line-height: 0.18rem;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-desition1 span,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-desition1 span {
  font-size: 0.15rem;
  line-height: 0.25rem;
  font-weight: bold;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-li2 .tab3-content-legend-img,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li2 .tab3-content-legend-img {
  width: 3.7rem;
  height: 3.6rem;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-li2 .tab3-content-legend-img2,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li2 .tab3-content-legend-img2 {
  width: 7.52rem;
  height: 3.36rem;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-li2 .tab3-content-legend-desition2,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li2 .tab3-content-legend-desition2 {
  flex: 1;
  color: #333333;
  font-size: 0.12rem;
  margin: auto;
  line-height: 0.18rem;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-li2 .tab3-content-legend-desition2 span,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li2 .tab3-content-legend-desition2 span {
  font-size: 0.15rem;
  line-height: 0.25rem;
  font-weight: bold;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul .tab3-content-legend-li3,
.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li3 {
  display: flex;
  justify-content: center;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 {
  background: url("../img/app/tc-content2.png") no-repeat;
  background-size: 100% 100%;
  height: 3.36rem;
  display: flex;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li-center-text {
  width: 3.4rem;
  font-weight: bold;
  font-size: 0.2rem;
  justify-content: center;
  text-align: center;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .tab3-content-legend-li-center-text p {
  color: #333333;
  font-weight: bold;
}

.main-area #tab3 .tab3-content-area .tab3-main-content .tab3-content-legend-ul2 .desition-margin-top {
  margin-top: 0.6rem !important;
  margin-left: 0.2rem !important;
  margin-right: 0.1rem !important;
}

.main-area #tab3 .tab3-content-area .tab3-harvest {
  width: 7.5rem;
  margin: auto;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-title {
  font-weight: 400;
  font-size: 0.23rem;
  color: #333333;
  line-height: 0.6rem;
  text-align: center;
  margin: 0.3rem 0;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-ul {
  display: flex;
  justify-content: space-between;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-ul li {
  flex: 1;
  margin-right: 0.2rem;
  background-color: #e3e3e3;
  padding: 0.2rem 0.1rem;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-ul li p {
  font-size: 0.18rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 0.1rem;
  color: #333333;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-ul li p span {
  color: #ba0d0c;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-ul li aside {
  font-size: 0.12rem;
}

.main-area #tab3 .tab3-content-area .tab3-harvest .tab3-harvest-ul li:last-child {
  margin-right: 0;
}

.main-area #tab4 {
  min-width: 1280px;
  background-color: #efefef;
}

.main-area #tab4 .tab4-content-area {
  width: 10.5rem;
  /* height: 15rem; */
  margin: auto;
  background: url("../img/app/about-bg.png") no-repeat;
  background-size: 100% 100%;
  padding-top: 0.7rem;
  padding-bottom: .7rem;
}

.main-area #tab4 .tab4-content-area .tab4-about-banner {
  width: 10rem;
  height: 4.4rem;
  display: block;
  margin: auto;
}

.main-area #tab4 .tab4-content-area .tab4-about-title {
  margin-top: 0.5rem;
}

.main-area #tab4 .tab4-content-area .tab4-about-title .tab4-about-title-img {
  width: 1.62rem;
  height: 0.36rem;
  display: block;
  margin: auto;
}

.main-area #tab4 .tab4-content-area .tab4-about-business-bg {
  margin: 0.46rem 0.26rem;
}

.main-area #tab4 .tab4-content-area .tab4-about-business-bg p {
  margin-bottom: 0.4rem;
  font-size: 0.15rem;
  color: #333333;
  text-align: justify;
}

#tab4 .tab4-about-licence-member {
  margin-top: .5rem;
  display: flex;
  justify-content: space-around;
}

#tab4 .tab4-about-licence-member img {
  width: 4.5rem;
}

#tab4 .tab4-about-call {
  width: 10.5rem;
  /* height: 15rem; */
  margin: auto;
  background-color: #fff;
  padding-bottom: 1rem;
  padding-left: 3%;
}

#tab4 .tab4-about-call .tab4-about-title {
  padding-top: 0.5rem;
  margin-bottom: 0.3rem;
}

#tab4 .tab4-about-call .tab4-about-title .tab4-about-title-img {
  width: 1.62rem;
  height: 0.36rem;
  display: block;
  margin: auto;
}

#tab4 .tab4-about-call p {
  font-size: 0.15rem;
  color: #333;
  line-height: 0.34rem;
}

#tab4 .tab4-about-call p:last-child {
  margin-bottom: 0.5rem;
}

#tab4 .tab4-about-call>img {
  margin-top: 0.2rem;
  width: 94%;
}


.footer-area {
  min-width: 1280px;
}

.footer-area .footer-logo {
  height: 1.04rem;
  background-color: #393939;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-area .footer-logo img {
  width: 1.8rem;
  height: 0.6rem;
}

.footer-area .footer-social {
  height: 4.1rem;
  background-color: #282828;
  display: flex;
  padding-top: 0.3rem;
}

.footer-area .footer-social>div {
  flex: 1;
}

.footer-area .footer-social .footer-copyright {
  display: flex;
  justify-content: flex-end;
}

.footer-area .footer-social .footer-copyright p {
  font-size: 0.14rem;
  color: #fff;
  width: 5.4rem;
  line-height: 0.4rem;
}

.footer-area .footer-social .footer-copyright p span {
  display: inline-block;
}

.footer-area .footer-social .footer-contact {
  position: relative;
  display: flex;
}

.footer-area .footer-social .footer-contact .footer-icon {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0 0.2rem;
}

.footer-area .footer-social .footer-contact .footer-icon-img {
  position: absolute;
  width: 0.64rem;
  height: 0.64rem;
  left: 0;
  top: 0;
  opacity: 1;
  transition: all 0.4s ease;
}

.footer-area .footer-social .footer-contact .footer-icon-img:hover {
  opacity: 0;
}

.footer-area .footer-social .footer-contact .footer-icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #464649;
  color: #fff;
  font-size: 0.14rem;
  position: relative;
}

.footer-area .footer-social .footer-contact .qrcode {
  width: 1.33rem;
  height: 1.59rem;
  position: absolute;
  left: 2.7rem;
  top: 0.7rem;
  display: none;
  transition: all 0.4s ease;
}

.footer-area .footer-social .footer-contact .wx-qrcode {
  display: none;
  left: 1.65rem;
  top: 0.7rem;
}

.footer-area .footer-social .footer-contact .pc-down-modal {
  width: 1.33rem;
  height: 1.6rem;
  background: url("../img/app/footer-down-pc-bg.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 3.75rem;
  top: 0.7rem;
  padding-top: 0.1rem;
  display: none;
}

.footer-area .footer-social .footer-contact .pc-down-modal p {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.1rem;
  cursor: pointer;
}

.footer-area .footer-social .footer-contact .pc-down-modal p span {
  font-size: 0.14rem;
  line-height: 0.3rem;
}

.footer-area .footer-social .footer-contact .pc-down-modal p .footer-down-btn {
  width: 1rem;
  height: 0.24rem;
}

.main-area #tab1 .partners .partners-area {
  margin-left: 4.35rem;
  margin-top: 0.7rem;
}

.main-area #tab1 .partners .partners-area h2 {
  font-size: 0.32rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.8rem;
}

.main-area #tab1 .partners .partners-area .partners-list {
  width: 10.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}

.main-area #tab1 .partners .partners-area .partners-list li {
  width: 1.65rem;
}

.main-area #tab1 .partners .partners-area .partners-list li img {
  width: 100%;
}

.main-area #tab1 .partners .partners-area .partners-list-margin li {
  margin-left: 0.12rem;
}

.main-area #Market {
  min-width: 1280px;
  background-color: #efefef;
  padding-bottom: 1rem;
}

.main-area #Market .layui-bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.main-area #Market .card-btn {
  margin-bottom: 0.1rem;
  width: 10.5rem;
  margin: auto;
  display: flex;
  padding: 0.2rem 0;
}

.main-area #Market .card-btn .layui-btn {
  color: #333333;
  font-size: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.3rem;
}

.main-area #Market .market-content-area {
  width: 10.5rem;
  margin: auto;
  display: none;
  margin-bottom: 1rem;
}

.market-title {
  margin: auto;
}

.market-title>img {
  margin: 0.4rem 0;
  width: 100%;
  height: 100%;
}

.market-btn {
  height: 0.38rem !important;
}

.market-content-format-text>h3 {
  font-size: 0.18rem;
  line-height: 0.34rem;
  color: #333333 !important;
}

.market-content-format-text>p {
  font-size: 0.15rem;
  line-height: 0.34rem;
  margin-bottom: 0.4rem;
  color: #333333 !important;
  text-align: justify;
}

.market-content-format-text .includes-section-p {
  margin-bottom: 0.4rem;
}

.market-content-format-text .includes-section-p>p {
  font-size: 0.15rem;
  line-height: 0.34rem;
  color: #333333 !important;
  text-align: justify;
}

.market-content-format-text .includes-section-p>aside {
  font-size: 0.15rem;
  line-height: 0.34rem;
  color: #333333 !important;
  text-indent: 0.08rem;
}

.layui-table,
.layui-laypage-btn,
.layui-table-page .layui-laypage input {
  background-color: rgba(0, 0, 0, 0) !important;
}

.layui-laypage-btn,
.layui-table-page .layui-laypage input {
  border: 0.01rem solid #333 !important;
  height: 0.26rem !important;
  font-size: 0.15rem !important;
}

.layui-laypage-btn {
  line-height: 0.26rem !important;
}

.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span.layui-laypage-curr {
  padding: 0 0.12rem !important;
}

.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-mend,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin=line],
.layui-table[lay-skin=row] {
  border-color: #333 !important;
}

.layui-table-header,
.layui-table-body {
  overflow: visible !important;
}

.layui-table-view .layui-table thead .layui-table-cell {
  background-color: #c7c7c7;
}

.layui-laypage-btn {
  color: #666;
}

.layui-table-page {
  position: absolute !important;
}

.layui-table-view {
  border-right: 0.01rem solid #333 !important;
}

.layui-table-view .layui-table .layui-table-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}

.layui-table-grid-down {
  display: none !important;
}

.layui-table-cell {
  font-size: 0.14rem;
  padding: 0 !important;
}

.layui-table-view .layui-table-cell {
  height: 0.42rem !important;
}

.layui-laypage-prev,
.layui-laypage-next,
.layui-laypage-count,
.layui-laypage-curr,
.layui-laypage a,
.layui-laypage span {
  font-size: 0.15rem !important;
}

.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span {
  height: 0.26rem !important;
  line-height: 0.26rem !important;
  margin-bottom: 0.1rem !important;
}

.layui-table-column {
  height: 0.60rem !important;
  display: flex;
  align-items: center;
}


.down-btn-box {
  display: flex;
  width: 0.7rem;
  height: 0.3rem;
  background-color: #CA1211;
  color: #FFF !important;
  justify-content: center;
  align-items: center;
  border-radius: 0.046rem;
  margin-left: 0.4rem;
}

.complaint-call {
  color: #333;
}

.complaint-call-elf-1::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: url("../img/app/dianhua.png") no-repeat;
  background-size: 100% auto;
  margin-right: 0.05rem;
}

.complaint-call-elf-2::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: url("../img/app/dianhua2.png") no-repeat;
  background-size: 100% auto;
  margin-right: 0.05rem;
}

/* 通用样式 */
.flex-between {
  justify-content: space-between;
}

.flex-center {
  justify-content: center;
}

.btn-active {
  background-color: #ca1211 !important;
  color: #fff !important;
}

.stress {
  text-decoration: underline;
}

.text-wt {
  font-weight: bold;
}

.text-m-left {
  display: inline-block;
  margin-left: 0.16rem;
}

.fs-18 {
  font-size: 0.18rem;
}