.loginPageHeader {
  width: 100%;
  height: 0.531rem;
  background: #00b95d;
  display: flex;
  justify-content: center;
}
.loginPageHeader_box {
  width: 6.927rem;
  line-height: 0.52rem;
  text-align: left;
}
.loginPageHeader_box_l {
  display: inline-block;
  font-size: 0.1406rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.loginPageHeader_box_l::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0.56rem;
  width: 0.08rem;
  height: 0.08rem;
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.06rem;
  border-radius: 50%;
}
.loginPageHeader_box_l::after {
  content: "R";
  position: absolute;
  top: -0.093rem;
  left: 0.5833rem;
  width: 0.0833rem;
  height: 0.0833rem;
  color: #fff;
  font-size: 0.06rem;
}
.loginPageHeader_box_r {
  font-size: 0.0729rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  padding-left: 0.0521rem;
}

.loginBox {
  width: 6.9271rem;
  margin: auto;
}
.loginInput {
  width: 6.9271rem;
  height: 3.869rem;
  background: url("/img/newImg/loginBg.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
}

.textBox {
  margin-bottom: 0.4688rem;
}
.textBox_header {
  font-size: 0.125rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  margin-top: 0.416rem;
  margin-bottom: 0.1823rem;
  position: relative;
}
.textBox_header::before {
  content: "ABOUT US";
  position: absolute;
  top: -0.161rem;
  left: 0;
  height: 0.375rem;
  font-size: 0.2708rem;
  color: #eaeaea;
}
.textBox_text {
  font-size: 0.0938rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0.1042rem;
}

.form-control-new {
  display: block;
  width: 100%;
  height: 0.1667rem;
  padding: 0.0208rem 0.0625rem 0.026rem 0.0521rem;
  font-size: 0.1094rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.0208rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-appearance: none; /* 取消默认样式 */
}

.form {
  width: 2.08rem;
  margin: 0.0938rem auto;
  text-align: center;
}

.login_form {
  width: 2.1042rem;
  background: #fffeff;
  border-radius: 0.026rem;
}

.rowBox {
  position: absolute;
  z-index: 9;
  top: 0.78rem;
  right: 0.47rem;
  background-color: #ffffff;
  border-radius: 0.0208rem;
  width: 2.1042rem;
  height: 1.67rem;
}

.form-title {
  width: 100%;
  text-align: center;
  color: #00b95d;
  font-size: 0.1875rem;
  margin: 0.0938rem 0 0.0625rem 0;
  height: 0.2604rem;
  line-height: 0.2604rem;
}

.inputBox {
  margin-bottom: 0.1563rem;
  text-align: center;
  display: flex;
  justify-content: center;
}

.inputStyle {
  font-size: 0.1094rem;
  width: 1.7292rem;
  height: 0.2813rem;
  border-radius: 8px;
  border: none;
  background: #f2f2f2 !important;
  -webkit-appearance: none; /* 取消默认样式 */
}

.loginBtn {
  width: 0.5938rem;
  height: 0.2448rem;
  background: #00b95d;
  border-radius: 0.026rem;
  font-size: 0.1094rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.2448rem;
  margin: auto;
  cursor: pointer;
}

.loginInfoBox {
  width: 6.77rem;
  margin: auto;
  padding-top: 0.7813rem;
}
.loginInfo_header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 0.1563rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.2083rem;
}

.personName_login {
  color: #000000;
  font-size: 0.1667rem;
  font-weight: 500;
  height: 0.2292rem;
  margin-bottom: 8px;
}
.introducerName_login {
  color: rgba(34, 34, 34, 0.88);
  font-size: 0.099rem;
  height: 0.1406rem;
}
.loginInfo_h_r {
  width: 0.6094rem;
  height: 0.6094rem;
  background: #00b95d;
  text-align: center;
  line-height: 0.6094rem;
  color: #ffffff;
  font-size: 0.2344rem;
  border-radius: 50%;
}

.loginInfo_center {
  display: flex;
  flex-wrap: wrap;
}
.loginInfo_c_box {
  display: flex;
  /* justify-content: baseline; */
  background: #ffffff;
  border-radius: 0.0729rem;
  border: 1px solid #e5e5e5;
  width: 2.135rem;
  padding: 0.0521rem 0.1042rem;
  box-sizing: border-box;
  margin-bottom: 0.1042rem;
}
.loginInfo_c_box:nth-child(2) {
  margin: 0 0.1667rem 0.1042rem 0.1667rem;
}
.loginInfo_c_box:nth-child(5) {
  margin: 0 0.1667rem 0.1042rem 0.1667rem;
}
.infoBox {
  margin-left: 0.0677rem;
}

.infoBox_t {
  height: 0.1719rem;
  font-size: 0.125rem;
  font-weight: 500;
  color: #222222;
  line-height: 0.1563rem;
  font-family: PingFangSC-Semibold, PingFang SC;
}

.infoBox_b {
  height: 0.1198rem;
  font-size: 0.0833rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 0.1198rem;
}

.loginInfo_bottom {
  margin-top: 0.9948rem;
  display: flex;
  justify-content: center;
}

.loginInfo_b_btn {
  width: 1.276rem;
  height: 0.4323rem;
  background: #ff7416;
  border-radius: 0.1406rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  font-size: 0.1406rem;
  line-height: 0.4323rem;
  text-align: center;
  cursor: pointer;
}

.pageNavigation {
  height: 0.3125rem;
  background: #00b95d;
  width: 100%;
  display: flex;
  justify-content: center;
}
.pageNavigation_box {
  width: 6.9271rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageNavigation_l {
  width: 0.6667rem;
  background: #ffffff;
  height: 0.3125rem;
  font-size: 0.1094rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #00b95d;
  text-align: center;
  line-height: 0.3125rem;
}

.pageNavigation_r {
  display: flex;
}

.stydyBox {
  width: 6.9271rem;
  margin: auto;
}

.stydyBox_useInfo {
  background: #ffffff;
  box-shadow: 0px 0px 0.1927rem - 0.099rem rgba(21, 65, 43, 1);
  border-radius: 8px;
  margin-top: 0.4323rem;
}

.stydyBox_useInfo_box {
  display: flex;
  justify-content: space-between;
  background: #f1fdf6;
  border-radius: 8px;
  height: 0.3333rem;
  align-items: center;
  padding: 0 0.099rem 0 0.224rem;
  color: #00b95d;
  font-size: 0.099rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}

.beginnerReader {
  width: 0.5833rem;
  height: 0.1823rem;
  background: #00b95d;
  border-radius: 0.0885rem;
  font-size: 0.099rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 0.1823rem;
  cursor: pointer;
}
.LearningBox {
  padding: 0.0573rem 0 0.1406rem 0.224rem;
}
.conLearning {
  font-size: 0.099rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #f7b500;
  display: none;
}
.learningContent {
  padding-top: 0.0885rem;
}
.learnWord {
  font-size: 0.099rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
}

.learnWordText {
  font-size: 0.0833rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #00b95d;
}

.selectStudy {
  margin-top: 0.2969rem;
  display: flex;
  margin-bottom: 0.5208rem;
}

.selectStudy_box {
  height: 2.2292rem;
  width: 1.276rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.selectStudy_box:nth-child(2n) {
  margin: 0 0.1406rem;
}
.selectStudy_text {
  height: 0.3802rem;
  font-size: 0.1667rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffff;
  line-height: 0.3802rem;
  text-align: center;
  padding-top: 0.1667rem;
}

.selectStudy_go {
  width: 1.276rem;
  height: 0.4635rem;
  background: #00b95d;
  border-radius: 0px 0px 0.026rem 0.026rem;
  font-size: 0.1667rem;
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  text-align: center;
  line-height: 0.4635rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* .wordContentBox {
  width: 6.9427rem;
  height: 3.8177rem;
  background: #ffffff;
  box-shadow: 0px 0px 0.1927rem - 0.099rem rgba(21, 65, 43, 1);
  border-radius: 8px;
  margin: 0.4531rem auto;
  display: flex;
  padding: 0.3594rem 50.026rem 0.401rem 0.2708rem;
}
.wordSelect {
  width: 1.974rem;
  height: 3.05rem;
  position: relative;
  cursor: pointer;
}
.wordSelect:nth-child(2) {
  margin: 0 .2344rem;
}
.wordSelect_text {
  width: 100%;
  font-size: 0.2971rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  padding-top: 0.2031rem;
  line-height: 0.3802rem;
  height: .3333rem;
}

.wordImg {
  position: absolute;
  bottom: 0.6667rem;
  left: 0.4271rem;
  width: 1.07rem;
  height: 1.1667rem;
}

.modalWordText {
  margin: 0.0521rem 0 0.2083rem 0;
  font-size: 0.125rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.224rem;
  height: 0.224rem;
} */
.wordContentBox {
  width: 1333px;
  height: 733px;
  background: #ffffff;
  box-shadow: 0px 0px 37px -19px rgba(21, 65, 43, 1);
  border-radius: 8px;
  margin: 87px auto;
  display: flex;
  padding: 69px 55px 77px 52px;
}
.wordSelect {
  width: 379px;
  height: 587px;
  position: relative;
  cursor: pointer;
}
.wordSelect:nth-child(2) {
  margin: 0 45px;
}
.wordSelect_text {
  width: 100%;
  font-size: 56px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  padding-top: 39px;
  line-height: 73px;
  height: 64px;
}

.wordImg {
  position: absolute;
  bottom: 128px;
  left: 82px;
  width: 207px;
  height: 224px;
}

.modalWordText {
  margin: 10px 0 40px 0;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 43px;
  height: 43px;
}

.modalWork {
  transform: translate(0, 50%) !important;
}
.modalWork {
  transform: translate(0, 50%) !important;
}

.homeBox {
  width: 100%;
  height: 6.51rem;
  background: url("/img/newImg/homeTop.png") no-repeat center;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.homeBox::after {
  content: "国家专利 20年实效验证";
  position: absolute;
  bottom: 30%;
  left: 39%;
  font-size: 0.1927rem;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  width: 2.1823rem;
  height: 0.276rem;
  line-height: 0.276rem;
}
.homeBox_t {
  display: flex;
  align-items: center;
  margin: 0.2292rem 0.599rem 0 0.599rem;
  height: 0.3333rem;
}
.homeIcon {
  width: 0.875rem;
  height: 0.3333rem;
  margin-right: 0.1198rem;
}

.homeBoxText_l {
  font-size: 0.1094rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  margin-left: 0.0833rem;
}

.homeBox_t_line {
  width: 1px;
  height: 0.1875rem;
  border: 1px solid #ffffff;
}

.home_login {
  margin-top: 0.2448rem;
  width: 0.6615rem;
  height: 0.3073rem;
  background: #fa6e2d;
  border-radius: 0.151rem;
  font-size: 0.1094rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 0.3073rem;
  margin-right: 0.599rem;
  cursor: pointer;
}

.titleBox {
  margin-top: 0.6875rem;
  margin-bottom: 0.4844rem;
  text-align: center;
}
.titleText {
  height: 0.276rem;
  font-size: 0.3333rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.276rem;
}

.technologyBox {
  /* padding: 0 150.026rem; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.technologyItem {
  width: 2.6667rem;
  height: 1.5625rem;
  margin-bottom: 0.1927rem;
  background: rgba(0, 222, 222, 0.23);
  border-radius: 0.1406rem;
  padding: 0.1615rem 0.1667rem 0.125rem 0.1927rem;
}
.technologyItem:nth-child(2) {
  margin: 0 0.1927rem 0.1927rem 0.1927rem;
}
.technologyItem:nth-child(5) {
  margin: 0 0.1927rem 0.1927rem 0.1927rem;
}
.homeWordBox {
  height: 0.4583rem;
}
.homeWord_1 {
  width: 0.8802rem;
  height: 0.2344rem;
}
.homeWord_2 {
  width: 1.2969rem;
  height: 0.4583rem;
}
.homeWord_3 {
  width: 1.2656rem;
  height: 0.4583rem;
}
.homeWord_4 {
  width: 1.526rem;
  height: 0.4583rem;
}
.homeWord_5 {
  width: 40.0833rem;
  height: 0.4583rem;
}
.homeWord_6 {
  width: 1.2656rem;
  height: 0.411rem;
}
.technologyTextBox {
  display: flex;
  justify-content: space-between;
}
.technologyTextBox_text {
  font-size: 0.25rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.276rem;
}

.technologyTextBox_img {
  margin-top: 0.1198rem;
  width: 0.6927rem;
  height: 0.6927rem;
}
.technologyTextBox_img_2 {
  width: 0.7448rem;
  height: 0.5573rem;
  float: right;
}
.technologyTextBox_img_4 {
  margin-top: 0.2188rem;
  width: 0.6927rem;
  height: 0.6042rem;
}
.technologyTextBox_img_5 {
  margin-top: 0.125rem;
  width: 0.63rem;
  height: 0.69rem;
}

.trainBox {
  margin-top: 1.0417rem;
  text-align: center;
}

.trainItem {
  display: flex;
  justify-content: center;
  margin-top: 0.6875rem;
}
.trainItemBox_2 {
  margin: 0 0.1927rem;
}

.trainImg {
  width: 2.66rem;
  height: 1.66rem;
}
.trainText {
  text-align: left;
  margin-top: 0.28rem;
  height: 0.1927rem;
  font-size: 0.1406rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.0927rem;
  padding-left: 0.0781rem;
}

.equityBox {
  margin-top: 1.31rem;
  text-align: center;
}
.equityLine {
  width: 6.9427rem;
  height: 0.0781rem;
  margin-top: 0.1823rem;
}

.certificateImg {
  width: 1.599rem;
  height: 2.0781rem;
  margin-right: 0.1042rem;
}

.rollBox {
  width: 8.411rem; /*图片的总宽度*/
  height: 2.0781rem;
  overflow: hidden; /*超出的隐藏*/
  margin: 0 auto 0.1875rem;
}
.rollBox_ul {
  width: 24rem; /*图片的总宽度 放在一行*/
  height: 2.0781rem;
  list-style: none;
}
.rollBox_li {
  float: left;
}

.certificateBox {
  width: 8.39rem; /*图片的总宽度*/
  height: 1.54rem;
  overflow: hidden; /*超出的隐藏*/
  margin: 0 auto;
}

.certificate_ul {
  width: 17rem; /*图片的总宽度 放在一行*/
  height: 1.5469rem;
  list-style: none;
  float: right;
}
.certificateImg_2 {
  width: 2.02rem;
  height: 1.54rem;
  margin-left: 0.1rem;
}
.certificate_li {
  float: right;
}

.rollContent {
  width: 100%;
  padding-top: 0.3125rem;
  background: linear-gradient(180deg, #ffffff 0%, #2ca0a0 83%, #008c8c 100%);
  padding-bottom: 1.3rem;
}

.footerBox {
  width: 100%;
  background: linear-gradient(180deg, #0d1726 0%, #0d1226 100%);
}
.footerBox_h {
  padding-top: 0.1927rem;
  display: flex;
  justify-content: center;
  padding-bottom: 0.13rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  align-items: end;
  margin-bottom: 0.15rem;
}
.mapImg {
  width: 4.33rem;
  height: 1.68rem;
  margin-right: 0.3125rem;
}
.callMe {
  height: 0.151rem;
  font-size: 0.099rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.151rem;
}

.footerText {
  margin-top: 0.1094rem;
  height: 0.151rem;
  font-size: 0.099rem;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.151rem;
}

.footerBox_b {
  display: flex;
  justify-content: center;
  font-size: 0.099rem;
  color: rgba(255, 255, 255, 0.57);
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  padding-bottom: 0.0781rem;
}
.footerBox_b_l {
  display: flex;
  justify-content: center;
}
.footerBox_b_l {
  display: flex;
  justify-content: center;
}

.helpMemoryEnToCH {
  font-size: 0.1667rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #000000;
  display: flex;
  align-items: center;
  line-height: 0.2292rem;
  height: 300px;
}

body::-webkit-scrollbar {
  width: 0;
}

/* 正序倒序 */
.sequence {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  background: #f5f5f5;
  border-radius: 3px;
  border: 0px solid rgba(0, 0, 0, 0.65);
  width: 164px;
  height: 32px;
  margin-top: 8px;
  margin-left: 10px;
  cursor: pointer;
}

.sequenceCommon {
  width: 79px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  margin-left: 3px;
}

.sequenceNormal{
  background: #FFFFFF;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.03), 0px 1px 8px -1px rgba(0,0,0,0.02), 0px 3px 5px 0px rgba(0,0,0,0.02);
border-radius: 3px;
border: 0px solid rgba(0,0,0,0.88);
}

.sequenceActive{
  border: 1px solid #00B95D;
  color: #000000;
  line-height: 22px;
  box-shadow: 0 0 2px #00B95D;
}

.form-right-sifting{
  margin-right: 116px;
}