body{
  margin: 0;
  padding: 0;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
  text-decoration: none;
}
p{
        margin-block-start: 0;
    margin-block-end: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
    /*overflow: hidden;*/
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}
button:active {
  opacity: 0.6;
}
.flex-end{
    display: flex;
    /*justify-content: flex-end;*/
    flex-direction: column;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}

.index .page {
  z-index: 1;
  position: relative;
  width: 100%;
  /*height: 6027px;*/
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.index .main1 {
  z-index: auto;
  width: 100%;
  /*height: 6027px;*/
}

.index .box1 {
  z-index: 2;
  height: 1098px;
  background-color: rgba(5, 13, 33, 1);
  width: 100%;
  justify-content: flex-start;
  padding-top: 42px;
  position: relative;
}

.index .bd1 {
  z-index: auto;    justify-content: center;
}
.index .translate-container{
    display: none;
    position: relative;
    top: 10px;
    height: 25px;
}
.index .translate-switch{
    
}
.index .translate-w{
    height: 56px;
    margin-top: 5px;
}
.index .translate-container .translate-info{
    /*position: absolute;*/
}
.index .translate-switch:hover .translate-container{
    display: block;
    cursor: pointer;
}
.index .layer1 {
  z-index: auto;
  width: 83px;
  height: 19px;
  /*margin-left: 1589px;*/
  justify-content: space-between;
}

.index .info1 {
  z-index: 15;
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.index .main2 {
  z-index: 16;
  width: 13px;
  height: 8px;
  background: url(/Public/Home/images/SketchPngd8b73e89142f74650110a1c1470ffda2dd9495af77569f49d81992454bc13dba.png) -1px
    0px no-repeat;
  margin-top: 9px;
}

.index .layer2 {
  z-index: 3;
  width: 100%;
  height: 1px;
  background: url(/Public/Home/images/SketchPng0b916dd9cf9bc6bb08814bf519d54c58238a46de0559cbd41b342785ce93d8fc.png)
    100% no-repeat;
  margin-top: 67px;
    position: absolute;
    left: 0;
}

.index .txt1 {
  z-index: 19;
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.index .pic1 {
  z-index: 10;
  position: absolute;
  left: 948px;
  top: 198px;
  width: 723px;
  height: 652px;
}

.index .bd2 {
  z-index: 4;
  height: 1080px;
  background: url(/Public/Home/images/SketchPng8252c404c73f9e35a211a48da1d9998d6f3df2c3e1699185ff367de68def21cf.png)
    100% no-repeat;
  width: 1219px;
  position: absolute;
  left: 228px;
  top: 0;
  pointer-events: none;
}

.index .section1 {
  z-index: auto;
  width: 1464px;
  height: 28px;
  margin: 37px 0 0 14px;justify-content: space-between;
}

.index .label1 {
  z-index: 6;
  width: 26px;
  height: 26px;
}

.index .word1 {
  z-index: 5;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 2px 0 0 8px;
}

.index .word2 {
  z-index: 8;
  width: 391px;
  height: 25px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 18px;
  letter-spacing: 5px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 25px;
  text-align: left;
  margin: 3px 0 0 28px;
}

.index .txt2 {
  z-index: 21;
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  margin: 5px 80px 0 0;
  cursor: pointer;
}

.index .word3 {
  z-index: 20;
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
  margin: 5px 0 0 80px;
}

.index .section2 {
  z-index: auto;
  width: 417px;
  height: 140px;
  margin: 135px 0 0 14px;
}

.index .paragraph1 {
  z-index: 23;
  width: 417px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 50px;
  font-family: PingFangTC-Semibold;
  line-height: 70px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .section3 {
  z-index: auto;
  width: 621px;
  height: 84px;
  margin: 32px 0 0 14px;
}

.index .info2 {
  z-index: 9;
  width: 621px;
  height: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(148, 174, 219, 1);
  font-size: 1rem;
  letter-spacing: 2px;
  font-family: PingFangSC-Regular;
  line-height: 28px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .section4 {
  z-index: auto;
  width: 420px;
  height: 50px;
  justify-content: space-between;
  margin: 165px 0 0 14px;
}

.index .bd3 {
  z-index: 11;
  height: 50px;
  border-radius: 8px;
  background-color: rgba(47, 168, 80, 1);
  width: 200px;
  justify-content: center;
  align-items: center;
}

.index .word4 {
  z-index: 12;
  width: 151px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.index .bd4 {
  z-index: 13;
  height: 50px;
  border-radius: 8px;
  border: 2px solid rgba(47, 168, 80, 1);
  width: 200px;
  justify-content: center;
  align-items: center;
}

.index .word5 {
  z-index: 14;
  width: 119px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.index .section5 {
  z-index: auto;
  width: 96px;
  height: 16px;
  margin: 32px 0 0 22px;
}

.index .txt3 {
  z-index: 22;
  width: 96px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
}

.index .section6 {
  z-index: auto;
  width: 549px;
  height: 42px;
  justify-content: space-between;
  margin: 99px 0 0 14px;
}

.index .info3 {
  z-index: 56;
  width: 141px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .word6 {
  z-index: 61;
  width: 119px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .info4 {
  z-index: 62;
  width: 97px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .section7 {
  z-index: auto;
  width: 804px;
  height: 28px;
  margin: 15px 0 0 14px;
}

.index .txt4 {
  z-index: 57;
  width: 120px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
}

.index .info5 {
  z-index: 58;
  width: 60px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  margin-left: 115px;
}

.index .word7 {
  z-index: 59;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  margin-left: 156px;
}

.index .info6 {
  z-index: 60;
  width: 100px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  margin-left: 173px;
}

.index .word8 {
  z-index: 63;
  position: absolute;
  left: 946px;
  top: 818px;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .word9 {
  z-index: 80;
  width: 334px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: flex-start;
  margin: 1375px 0 0 318px;
}

.index .info7 {
  z-index: 81;
  width: 500px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
  align-self: flex-start;
  margin: 25px 0 0 318px;
}

.index .box2 {
  z-index: auto;
  width: 1271px;
  height: 962px;
  justify-content: space-between;
  margin: 49px 0 0 347px;
}

.index .bd5 {
  z-index: auto;
  width: 120px;
  height: 902px;
  margin-top: 37px;
}

.index .box3 {
  z-index: 86;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPngddca2870f0f5bef656cd58754bf852057cf755c6dd1c602dc9e85b610f7fd23f.png)
    100% no-repeat;
}

.index .img1 {
  z-index: 88;
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
}

.index .box4 {
  z-index: 90;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPngaac300b19938b5e2f339062b2ed85cd3ee90654fd6acca14d5c4bd4eae42d7c8.png)
    100% no-repeat;
  margin-top: 144px;
}

.index .pic2 {
  z-index: 92;
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
}

.index .box5 {
  z-index: 94;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPngaac300b19938b5e2f339062b2ed85cd3ee90654fd6acca14d5c4bd4eae42d7c8.png)
    100% no-repeat;
  margin-top: 139px;
}

.index .pic3 {
  z-index: 96;
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
}

.index .box6 {
  z-index: 98;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPngaac300b19938b5e2f339062b2ed85cd3ee90654fd6acca14d5c4bd4eae42d7c8.png)
    100% no-repeat;
  margin-top: 139px;
}

.index .img2 {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
}

.index .bd6 {
  z-index: auto;
  width: 1111px;
  height: 962px;
  justify-content: space-between;
}

.index .img3 {
  z-index: 113;
  width: 150px;
  height: 30px;
  margin-top: 725px;
}

.index .pic4 {
  z-index: 107;
  width: 150px;
  height: 30px;
  margin-top: 465px;
}

.index .img4 {
  z-index: 101;
  width: 150px;
  height: 30px;
  margin-top: 206px;
}

.index .infoBox1 {
  z-index: 84;
  width: 1111px;
  height: 962px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 26px;
  font-family: PingFangTC-Regular;
  line-height: 37px;
  text-align: left;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
}

.index .img5 {
    z-index: 119;
    width: 150px;
    height: 30px;
    align-self: flex-start;
    margin:16px 0 64px 0;
    display: flex;
}

.index .box7 {
  z-index: 65;
  height: 895px;
  border-radius: 20px;
  background-color: rgba(5, 13, 33, 1);
  align-self: center;
  margin-top: 128px;
  width: 1464px;
  position: relative;
}

.index .wrap1 {
  z-index: auto;
  width: 160px;
  height: 40px;
  margin: 65px 0 0 90px;
}

.index .word10 {
  z-index: 66;
  width: 160px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
}

.index .wrap2 {
  z-index: auto;
  width: 500px;
  height: 16px;
  margin: 25px 0 0 93px;
}

.index .word11 {
  z-index: 125;
  width: 500px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
}

.index .wrap3 {
  z-index: auto;
  width: 604px;
  height: 51px;
  justify-content: space-between;
  margin: 138px 0 0 426px;
}

.index .img6 {
  z-index: 137;
  width: 51px;
  height: 51px;
}

.index .img7 {
  z-index: 129;
  width: 51px;
  height: 51px;
}

.index .wrap4 {
  z-index: auto;
  width: 120px;
  height: 30px;
  margin: 25px 0 0 945px;
}

.index .info8 {
  z-index: 127;
  width: 120px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
}

.index .wrap5 {
  z-index: auto;
  width: 224px;
  height: 16px;
  margin: 26px 0 0 893px;
}

.index .word12 {
  z-index: 128;
  width: 224px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
}

.index .wrap6 {
  z-index: auto;
  width: 90px;
  height: 30px;
  margin: 76px 0 0 407px;
}

.index .word13 {
  z-index: 126;
  width: 90px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
}

.index .wrap7 {
  z-index: 143;
  height: 443px;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.08);
  width: 405px;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  left: 249px;
  top: 213px;
  padding: 0 33px 95px 0;
}

.index .outer1 {
  z-index: auto;
  width: 304px;
  height: 199px;
}

.index .txt5 {
  z-index: 144;
  width: 120px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  align-self: flex-start;
  margin-left: 74px;
}

.index .info9 {
  z-index: 145;
  width: 304px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
  margin-top: 26px;
}

.index .outer2 {
  z-index: 147;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(79, 136, 247, 1);
  align-self: flex-start;
  margin: 55px 0 0 26px;color: #fff;
  cursor: pointer;font-size: 30px;
    text-align: center;
    justify-content: center;
}

.index .wrap8 {
  z-index: 146;
  height: 443px;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.08);
  width: 405px;
  justify-content: flex-end;
  padding-bottom: 95px;
  align-items: center;
  position: absolute;
  left: 802px;
  top: 213px;
}

.index .box8 {
  z-index: 149;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(79, 136, 247, 1);
  color: #fff;
  cursor: pointer;font-size: 30px;
    text-align: center;
    justify-content: center;
}

.index .word14 {
  z-index: 148;
  position: absolute;
  left: 143px;
  top: 295px;
  width: 120px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
}

.index .word15 {
  z-index: 82;
  width: 160px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: flex-start;
  margin: 96px 0 0 321px;
}

.index .word16 {
  z-index: 83;
  width: 166px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
  align-self: flex-start;
  margin: 25px 0 0 321px;
}

.index .box9 {
  z-index: auto;
  width: 1300px;
  height: 596px;
  justify-content: space-between;
  margin: 49px 0 0 321px;
}

.index .box10 {
  z-index: auto;
  width: 420px;
  height: 596px;
  justify-content: flex-start;
}

.index .bd7 {
  z-index: 159;
  height: 596px;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.17);
  width: 420px;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  padding: 0 50px 47px 0;
}

.index .main3 {
  z-index: auto;
  width: 269px;
  height: 466px;
  justify-content:space-between;
}

.index .word17 {
  z-index: 160;
  width: 80px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: flex-start;
  margin-left: 65px;
}

.index .layer3 {
  z-index: 162;
  height: 37px;
  border-radius: 8px;
  background-color: rgba(237, 80, 80, 1);
  align-self: flex-start;
  width: 168px;
  justify-content: center;
  align-items: center;
  margin: 58px 0 0 27px;
}

.index .info10 {
  z-index: 164;
  width: 94px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.index .layer4 {
  z-index: 184;
  width: 30px;
  height: 2px;
  align-self: flex-start;
  margin: 20px 0 0 61px;
}

.index .paragraph2 {
  z-index: 161;
  width: 256px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: flex-end;
  margin-top: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .layer5 {
  z-index: 168;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(5, 125, 224, 1);
  align-self: flex-start;
  margin-top: 58px;
}

.index .word18 {
  z-index: 163;
  position: absolute;
  left: 166px;
  top: 225px;
  width: 88px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.index .word19 {
  z-index: 167;
  position: absolute;
  left: 165px;
  top: 490px;
  width: 90px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 30px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .word20 {
  z-index: 158;
  width: 113px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 133px 153px 0 -266px;
}

.index .box11 {
  z-index: auto;
  width: 420px;
  height: 596px;
  justify-content: flex-start;
}

.index .word21 {
    z-index: 158;
    width: 113px;
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-family: HiraginoSansCNS-W6;
    white-space: nowrap;
    line-height: 20px;
    text-align: left;
    margin: 133px 153px 0 -266px;
}

.index .bd8 {
  z-index: 165;
  height: 37px;
  border-radius: 8px;
  background-color: rgba(237, 80, 80, 1);
  margin-top: 21px;
  width: 168px;
  justify-content: center;
  align-items: center;
}

.index .word22 {
  z-index: 166;
  width: 94px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.index .box12 {
  z-index: auto;
  width: 420px;
  height: 596px;
  justify-content: flex-start;
}

.index .bd9 {
  z-index: 179;
  height: 596px;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.17);
  width: 420px;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  padding: 0 50px 47px 0;
}

.index .mod1 {
  z-index: auto;
  width: 269px;
  height: 466px;
}

.index .word23 {
  z-index: 180;
  width: 120px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: flex-start;
  margin-left: 51px;
}

.index .paragraph3 {
  z-index: 181;
  width: 256px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: flex-end;
  margin-top: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .mod2 {
  z-index: 183;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(5, 125, 224, 1);
  align-self: flex-start;
  margin-top: 58px;
}

.index .txt6 {
  z-index: 182;
  position: absolute;
  left: 165px;
  top: 490px;
  width: 90px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 30px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .word24 {
  z-index: 178;
  width: 113px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 138px 0 0 -266px;
}

.index .word25 {
  z-index: 173;
  width: 49px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
  margin: 225px 185px 0 -81px;
}

.index .box13 {
  z-index: 150;
  height: 470px;
  background-color: rgba(5, 13, 33, 1);
  margin-top: 101px;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
  padding: 67px 296px 0 0;
}

.index .layer6 {
  z-index: auto;
  width: 1270px;
  height: 300px;
}

.index .box14 {
  z-index: auto;
  width: 637px;
  height: 300px;
}

.index .paragraph4 {
  z-index: 155;
  width: 94px;
  height: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  line-height: 42px;
  text-align: left;
  align-self: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .info11 {
  z-index: 153;
  width: 637px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.39);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  margin-top: 188px;
}

.index .box15 {
  z-index: auto;
  width: 120px;
  height: 277px;
  margin-left: 164px;
}

.index .word26 {
  z-index: 154;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .infoBox2 {
  z-index: 157;
  width: 80px;
  height: 196px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.69);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: flex-start;
  margin-top: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .box16 {
  z-index: auto;
  width: 216px;
  height: 279px;
  margin-left: 133px;
}

.index .word27 {
  z-index: 156;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
  align-self: flex-start;
}

.index .paragraph5 {
  z-index: 151;
  width: 216px;
  height: 196px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.69);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  margin-top: 41px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .infoBox3 {
  z-index: 152;
  position: absolute;
  left: 339px;
  top: 150px;
  width: 672px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.69);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .main4 {
  z-index: 24;
  height: 498px;
  background: url(/Public/Home/images/SketchPng26e3c7a1b5aab3995368ec7738c324c3d3dbbd2d0138740109ecef43f144887f.png)
    100% no-repeat;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 1045px;
  padding: 65px 0 0 254px;
}

.index .outer3 {
  z-index: auto;
  width: 1356px;
  height: 327px;
}

.index .mod3 {
  z-index: 25;
  height: 201px;
  border-radius: 20px;
  border: 1px solid rgba(199, 199, 199, 1);
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-end;
  width: 1300px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 44px;
  position: relative;
}

.index .wrap9 {
  z-index: auto;
  width: 1204px;
  height: 199px;
  justify-content: space-between;
}

.index .paragraph6 {
  z-index: 27;
  width: 534px;
  height: 98px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  line-height: 49px;
  text-align: left;
  margin-top: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .main5 {
  z-index: 29;
  height: 199px;
  background: url(/Public/Home/images/SketchPng8a369d4de854a97d8008a8b2b10d2eda7e0bb130f360598a5fc950ada2973272.png) -1px
    0px no-repeat;
  width: 629px;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 11px;
  position: relative;
}

.index .bd10 {
  z-index: auto;
  width: 603px;
  height: 109px;
}

.index .layer7 {
  z-index: 30;
  width: 23px;
  height: 23px;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 70px;
}

.index .layer8 {
  z-index: 31;
  width: 38px;
  height: 27px;
  background-color: rgba(255, 255, 255, 1);
  margin: 82px 0 0 22px;
}

.index .layer9 {
  z-index: 32;
  width: 33px;
  height: 33px;
  background-color: rgba(255, 255, 255, 1);
  margin: 60px 0 0 22px;
}

.index .layer10 {
  z-index: 34;
  width: 69px;
  height: 33px;
  background-color: rgba(255, 255, 255, 1);
  margin: 75px 0 0 27px;
}

.index .layer11 {
  z-index: 33;
  width: 23px;
  height: 23px;
  background-color: rgba(255, 255, 255, 1);
  margin: 71px 0 0 22px;
}

.index .layer12 {
  z-index: 35;
  width: 51px;
  height: 42px;
  background-color: rgba(255, 255, 255, 1);
  margin: 65px 0 0 20px;
}

.index .layer13 {
  z-index: auto;
  width: 35px;
  height: 75px;
  margin: 34px 0 0 22px;
}

.index .main6 {
  z-index: 36;
  width: 33px;
  height: 31px;
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-start;
}

.index .main7 {
  z-index: 37;
  width: 33px;
  height: 23px;
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-end;
  margin-top: 21px;
}

.index .layer14 {
  z-index: auto;
  width: 57px;
  height: 96px;
  margin-left: 14px;
}

.index .outer4 {
  z-index: 39;
  width: 57px;
  height: 31px;
  background-color: rgba(255, 255, 255, 1);
}

.index .outer5 {
  z-index: 38;
  width: 33px;
  height: 31px;
  background-image: linear-gradient(
    180deg,
    rgba(221, 226, 227, 1) 0%,
    rgba(241, 243, 242, 1) 100%
  );
  align-self: flex-start;
  margin: 34px 0 0 10px;
}

.index .layer15 {
  z-index: auto;
  width: 49px;
  height: 87px;
  margin: 22px 0 0 8px;
}

.index .main8 {
  z-index: 42;
  width: 37px;
  height: 31px;
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-end;
}

.index .main9 {
  z-index: 43;
  width: 37px;
  height: 31px;
  background-color: rgba(246, 246, 247, 1);
  align-self: flex-start;
  margin-top: 25px;
}

.index .layer16 {
  z-index: 40;
  width: 57px;
  height: 44px;
  background-color: rgba(255, 255, 255, 1);
  margin: 65px 0 0 11px;
}

.index .bd11 {
  z-index: 46;
  position: absolute;
  left: 434px;
  top: 100px;
  width: 63px;
  height: 15px;
  background: url(/Public/Home/images/SketchPng66655c53caeacce96eee44a11234c276f5e717706dbfd67e8d56aac3a6cd6d88.png)
    100% no-repeat;
}

.index .bd12 {
  z-index: 48;
  position: absolute;
  left: 508px;
  top: 121px;
  width: 46px;
  height: 12px;
  background: url(/Public/Home/images/SketchPng722cc7e63f7611076e7643c3546b107b6c0483e315194f419dc69ff77fea9961.png)
    100% no-repeat;
}

.index .bd13 {
  z-index: 52;
  position: absolute;
  left: 382px;
  top: 131px;
  width: 41px;
  height: 18px;
  background: url(/Public/Home/images/SketchPng37f12f57d817e2ebe20424875624548ea50543d7e69072b88f483e151e24b49f.png)
    100% no-repeat;
}

.index .bd14 {
  z-index: 47;
  position: absolute;
  left: 113px;
  top: 159px;
  width: 46px;
  height: 12px;
  background: url(/Public/Home/images/SketchPngb81a2888bc86d3c79a0726bd882245d7ebc83ec4a1bc92be5d3c521ac0714cc1.png)
    100% no-repeat;
}

.index .icon1 {
  z-index: 53;
  position: absolute;
  left: 442px;
  top: 165px;
  width: 39px;
  height: 10px;
}

.index .bd15 {
  z-index: 54;
  position: absolute;
  left: 12px;
  top: 157px;
  width: 29px;
  height: 31px;
  background: url(/Public/Home/images/SketchPngbc74d1e830210daf794a61b98b2e3042a11f3b7dfe250d191cfa96f7cdd10f00.png)
    100% no-repeat;
}

.index .bd16 {
  z-index: 55;
  position: absolute;
  left: 267px;
  top: 162px;
  width: 30px;
  height: 22px;
  background: url(/Public/Home/images/SketchPngef1b25bea0f1b41b3d5f32f73a37892ca948ab6fa18ef2f01530aec3602d2a9e.png)
    100% no-repeat;
}

.index .bd17 {
  z-index: 44;
  position: absolute;
  left: 175px;
  top: 171px;
  width: 80px;
  height: 19px;
  background: url(/Public/Home/images/SketchPngd0a35ce8d52fb5dbff9cc61dec07a6b89bd0bb8f88db200e581ed65dd057dcc1.png)
    100% no-repeat;
}

.index .bd18 {
  z-index: 45;
  position: absolute;
  left: 310px;
  top: 172px;
  width: 64px;
  height: 13px;
  background: url(/Public/Home/images/SketchPng1e8ec2b2d1eccb1786c04664b3c4c37e8e280e027955286db228991e50e46508.png)
    100% no-repeat;
}

.index .bd19 {
  z-index: 41;
  position: absolute;
  left: 560px;
  top: 174px;
  width: 58px;
  height: 11px;
  background: url(/Public/Home/images/SketchPng539cc8bf7891039834f554d5d69de275bd0184b0cb776832d947f9f1cdefe00e.png)
    100% no-repeat;
}

.index .pic5 {
  z-index: 50;
  position: absolute;
  left: 495px;
  top: 174px;
  width: 50px;
  height: 22px;
}

.index .bd20 {
  z-index: 51;
  position: absolute;
  left: 54px;
  top: 182px;
  width: 49px;
  height: 13px;
  background: url(/Public/Home/images/SketchPng53e7a37cfb8335fc8ebcaf790f8d22d21e53d62253c5979a33f18b8be0f1de40.png)
    100% no-repeat;
}

.index .bd21 {
  z-index: 49;
  position: absolute;
  left: 384px;
  top: 182px;
  width: 44px;
  height: 13px;
  background: url(/Public/Home/images/SketchPngb10d71d6ff734ca432dd80694a15e06ae7eabea8388615494ae93afef7a3fec4.png)
    100% no-repeat;
}

.index .txt7 {
  z-index: 26;
  position: absolute;
  left: 45px;
  top: 150px;
  width: 577px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 16px;
  text-align: left;
}

.index .mod4 {
  z-index: auto;
  width: 793px;
  height: 42px;
  margin: 74px 0 0 3px;
}
.index .info12 {
  z-index: 71;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.index .txt8 {
  z-index: 70;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
  margin-left: 98px;
}

.index .word28 {
  z-index: 68;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
  margin-left: 98px;
}

.index .word29 {
  z-index: 69;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
  margin-left: 117px;
}

.index .mod5 {
    z-index: 72;
    width: 126px;
    height: 6px;
    background-color: rgba(37, 83, 219, 1);
    align-self: flex-start;
    margin-top: 4px;
    /*margin-left: 98px;*/
  -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.index .main10 {
  z-index: 64;
  height: 895px;
  border-radius: 20px;
  background-color: rgba(5, 13, 33, 1);
  width: 1464px;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  left: 228px;
  top: 1472px;
  padding: 0 31px 95px 0;
}

.index .bd22 {
  z-index: 67;
  height: 678px;
  background: url(/Public/Home/images/SketchPng7b884be1caf8425360ef2fb18500dbc30c56f0f8945869f52a827155c47f601a.png)
    0px 0px no-repeat;
  width: 1399px;
}

.index .group1 {
  z-index: auto;
  width: 1047px;
  height: 28px;
  justify-content: space-between;
  margin: 273px 0 0 173px;
}

.index .box17 {
  z-index: 73;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
}

.index .box18 {
  z-index: 77;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
}

.index .group2 {
  z-index: auto;
  width: 927px;
  height: 43px;
  justify-content: space-between;
  margin: 10px 0 0 201px;
}

.index .mod6 {
  z-index: 75;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
}

.index .mod7 {
  z-index: 74;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
  margin-top: 15px;
}

.index .group3 {
  z-index: auto;
  width: 28px;
  height: 28px;
  margin: -170px 0 0 627px;
}

.index .box19 {
  z-index: 76;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
}

.index .group4 {
  z-index: auto;
  width: 28px;
  height: 28px;
  margin: 11px 0 0 668px;
}

.index .block1 {
  z-index: 79;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
}

.index .group5 {
  z-index: auto;
  width: 28px;
  height: 28px;
  margin: 314px 0 0 1220px;
}

.index .section8 {
  z-index: 78;
  width: 28px;
  height: 28px;
  background-color: rgba(63, 127, 255, 1);
  border-radius: 50%;
}

.index .main11 {
  z-index: 159;
  height: 596px;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.17);
  width: 420px;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  padding: 0 50px 47px 0;
}

.index .layer17 {
  z-index: auto;
  width: 269px;
  height: 466px;
}

.index .word30 {
  z-index: 174;
  width: 80px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: flex-start;
  margin-left: 71px;
}

.index .outer6 {
  z-index: 172;
  width: 27px;
  height: 2px;
  align-self: flex-start;
  /*margin: 115px 0 0 51px;*/
      margin: 20px 0 0 61px;
}

.index .infoBox4 {
  z-index: 175;
  width: 256px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: flex-end;
  margin-top: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .outer7 {
  z-index: 177;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(5, 125, 224, 1);
  align-self: flex-start;
  margin-top: 58px;
}

.index .txt9 {
  z-index: 171;
  position: absolute;
  left: 155px;
  top: 225px;
  width: 111px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.index .word31 {
  z-index: 176;
  position: absolute;
  left: 165px;
  top: 490px;
  width: 90px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 30px;
  font-family: PingFangTC-Semibold;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}
.index .word18 .line-through{
      text-decoration: line-through;
}
.index .txt9 .line-through{
      text-decoration: line-through;
}

.register .page {
  z-index: 1;
  position: relative;
  width: 100%;
  /*height: 100vh;*/
  /*background-color: rgba(192, 96, 96, 1);*/
  overflow: hidden;
}

.register .main1 {
  z-index: 2;
  height: 1243px;
  background-color: rgba(240, 240, 240, 1);
  width: 100%;
  justify-content: flex-start;
}

.register .outer1 {
  z-index: auto;
  width: 100%;
  height: 820px;
}

.register .layer1 {
  z-index: 6;
  height: 70px;
  overflow: hidden;
      background-color: rgba(22, 77, 124, 1);
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  position: relative;
}

.register .mod1,.login .login-mod1 {
  z-index: auto;
  width: 185px;
  height: 27px;
  justify-content: space-between;
  cursor: pointer;
}

.register .label1,.login .login-label1 {
  z-index: 38;
  width: 26px;
  height: 26px;
}

.register .info1,.login .login-info1 {
  z-index: 37;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin-top: 1px;
}

.register .info2,.login .login-info2 {
  z-index: 36;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin-top: 2px;
}

.register .info3 {
  z-index: 7;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.register .layer2,.login .register-layer2 {
  z-index: 14;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 1);
  align-self: center; 
  width: 595px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 40px 0 0 0;
}

.register .wrap1,.login .register-wrap1 {
  z-index: auto;
  width: 301px;
  height: 561px;
  margin:0 auto;
}


.login input::-webkit-input-placeholder,.register input::-webkit-input-placeholder{
  color:#bcbcbc;
}
.login input::-moz-placeholder,.register input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#bcbcbc;
}
.login input:-moz-placeholder,.register input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#bcbcbc;
}
.login input:-ms-input-placeholder,.register input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#bcbcbc;
}

.register .word1,.login .register-word1 {
  z-index: 15;
  width: 150px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
  align-self: flex-end;
  /*margin-right: 65px;*/
  margin:0 auto;
}

.register .word2 {
  z-index: 18;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 18px;
}

.register .layer3,.register .shareCode,.register .qq {
  z-index: 16;
  width: 301px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);
  margin: 7px 0 23px 0;text-indent: 10px;
}

.register .word3 {
  z-index: 19;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 16px;
}

.register .layer4 {
  z-index: 17;
  width: 301px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);
  margin: 7px 0 23px 0;text-indent: 10px;
}

.register .txt1 {
  z-index: 30;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 26px;
}

.register .layer5 {
  z-index: 28;
  width: 301px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);
  margin: 7px 0 23px 0;text-indent: 10px;
}

.register .info4 {
  z-index: 31;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 16px;
}

.register .layer6 {
  z-index: 29;
  width: 301px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);
  margin: 7px 0 23px 0;text-indent: 10px;
}

.register .word4 {
  z-index: 33;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 11px;
}

.register .layer7 {
  z-index: auto;
  width: 94px;
  height: 33px;
  margin-top: 7px;
  justify-content: space-between;
}

.register .group1 {
  z-index: 32;
  height: 32px;
  border-radius: 8px;
  width: 42px;background-color: rgba(238, 238, 238, 1);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.register .gender-check{    
    background-color: rgba(5, 125, 224, 1) !important;
}
.register .gender-check span{
    color: rgba(255, 255, 255, 1) !important;
}

.register .info5 {
  z-index: 34;
  width: 14px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  font-size: 14px;color: rgba(5, 125, 224, 1);
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.register .group2 {
  z-index: 22;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(238, 238, 238, 1);
  margin-top: 1px;
  width: 42px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.register .info6 {
  z-index: 35;
  width: 14px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.register .word5 {
  z-index: 23;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 16px;
}

.register .layer8 {
  z-index: auto;
  width: 301px;
  height: 32px;
  margin-top: 7px;
  justify-content: space-between;
}

.register .mod2 {
  z-index: 20;
  width: 164px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);text-indent: 10px;
}

.register .mod3 {
  z-index: 21;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(238, 238, 238, 1);
  width: 131px;
  justify-content: center;
  align-items: flex-end;
  /*padding-right: 21px;*/
}

.register .info7 {
  z-index: 24;
  width: 78px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(22, 77, 124, 1);
  font-size: 14px;
  letter-spacing: 10px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.register .layer9 {
  z-index: 25;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(220, 120, 53, 1);
  margin-top: 30px;
  width: 301px;
  justify-content: center;
  align-items: center;
}

.register .word6 {
  z-index: 26;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.register .word7 {
  z-index: 27;
  width: 112px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(22, 102, 185, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: center;
  margin:auto;
  margin-top: 30px;
}

.login .page {
  z-index: 1;
  position: relative;
  width: 100%;
  /*height: 100vh;*/
  height: 1200px;
  background-color: rgba(240, 240, 240, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 0;
}

.login .section1 {
  z-index: auto;
  width: 100%;
  /*height: 100vh;*/
      background-color: rgba(240, 240, 240, 1);
}

.login .outer1 {
  z-index: 2;
  height: 70px;
  background-color: rgba(22, 77, 124, 1);
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
}

.login .outer2 {
  z-index: auto;
  width: 97px;
  height: 26px;
  justify-content: space-between;
}

.login .icon1 {
  z-index: 23;
  width: 26px;
  height: 26px;
}

.login .word1 {
  z-index: 22;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
}

.login .txt1 {
  z-index: 3;
  width: 150px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
  align-self: flex-end;
  margin: 23px 98px 0 0;
}

.login .txt2 {
  z-index: 6;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin: 18px 0 0 0;
}

.login .outer3 {
  z-index: 4;
  width: 301px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-start;
      margin: 7px 0 23px 0;
  text-indent: 10px;
}

.login .info1 {
  z-index: 7;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin: 16px 0 0 0;
}

.login .outer4 {
  z-index: 5;
  width: 301px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-start;
  margin: 7px 0 23px 0;text-indent: 10px;
}
.login .new-outer7{
    margin-top: 30px !important;
}

.login .word2 {
  z-index: 10;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin: 17px 0 0 0;
}

.login .outer5 {
  z-index: auto;
  width: 301px;
  height: 32px;
  justify-content: space-between;
  margin: 7px 0 0 0;
}

.login .layer1 {
  z-index: 8;
  width: 164px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(255, 255, 255, 1);text-indent: 10px;
}

.login .layer2 {
  z-index: 9;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(238, 238, 238, 1);
  width: 131px;
  justify-content: center;
  align-items: flex-end;
  /*padding-right: 23px;*/
  cursor: pointer;
}

.login .word3 {
  z-index: 13;
  width: 78px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(22, 77, 124, 1);
  font-size: 14px;
  letter-spacing: 10px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.login .outer6 {
  z-index: auto;
  width: 84px;
  height: 21px;
  justify-content: space-between;
  margin: 11px 0 0 0;
}

.login .main1 {
  z-index: 12;
  height: 21px;
  border-radius: 4px;
  border: 1px solid rgba(210, 210, 210, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 21px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.login .label1 {
  z-index: 19;
  width: 12px;
  height: 9px;    
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login .label1 {
  z-index: 19;
  width: 12px;
  height: 9px;
}

.login .word4 {
  z-index: 11;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-top: 1px;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login .outer7,.send-email .send,.send-email .next-step,.send-email .save{
  z-index: 14;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(220, 120, 53, 1);
  align-self: flex-start;
  width: 301px;
  justify-content: center;
  align-items: center;
  margin: 18px 0 10px 0;
  cursor: pointer;
}

.login .word5,.send-email .next-step span,.send-email .send span,.send-email .save span{
  z-index: 15;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.login .outer8 {
  z-index: 16;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(5, 125, 224, 1);
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-start;
  width: 301px;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0 0;  cursor: pointer;
}

.login .info2 {
  z-index: 17;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(22, 102, 185, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.login .txt3 {
    z-index: 18;
    width: 100%;
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(22, 102, 185, 1);
    font-size: 14px;
    font-family: PingFangTC-Regular;
    white-space: nowrap;
    line-height: 20px;
    text-align: center;
    align-self: flex-start;
    margin: auto;
    margin-top: 11px;
    cursor: pointer;
}
.login .login-wra1p{
  height:auto !important;
}
.login .login-layer2{
  height: 553px !important;
}
.login .new-login-layer2{
     height: 351px !important;
     padding: 46px 0 0 0 !important;
}
.login .header-title,.register .header-title{
    width: 595px;
    margin: 0 auto;
    text-align: center;
    margin-top: 112px;
}
.login .header-title .title,.register .header-title .title{
        font-size: 40px;
    font-family: Times-Bold, Times;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
}
.login .header-title .msg,.register .header-title .msg{
        font-size: 1rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    margin: 45px 0 62px 0;
}
.free .page {
  z-index: 1;
  position: relative;
  width: 357px;
  height: 578px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 0;
}

.free .bd1 {
  z-index: auto;
  width: 357px;
  height: 563px;
}

.free .group1 {
  z-index: 2;
  height: 70px;
  background-color: rgba(22, 77, 124, 1);
  width: 357px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 17px;
}

.free .outer1 {
  z-index: auto;
  width: 318px;
  height: 30px;
}

.free .label1 {
  z-index: 49;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.free .word1 {
  z-index: 48;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 2px 0 0 8px;
}

.free .section1 {
  z-index: 4;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng6e7ab32650e0bf84692ebe4af03002db80e18a7d368eadae8dc206ee06f5d529.png)
    100% no-repeat;
  margin-left: 191px;
}

.free .label2 {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.free .group2 {
  z-index: 6;
  height: 43px;
  background-color: rgba(226, 243, 252, 1);
  width: 357px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 18px;
}

.free .section2 {
  z-index: auto;
  width: 313px;
  height: 20px;
}

.free .layer1 {
  z-index: 7;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(7, 193, 96, 1);
  width: 33px;
  justify-content: center;
  align-items: center;
}

.free .info1 {
  z-index: 9;
  width: 25px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Impact;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.free .word2 {
  z-index: 10;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(7, 44, 76, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 5px;
}

.free .word3 {
  z-index: 11;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(7, 44, 76, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 191px;
}

.free .group3 {
  z-index: auto;
  width: 305px;
  height: 230px;
  margin: 20px 0 0 26px;
}

.free .bd2-0 {
  z-index: 17;
  height: 50px;
  border: 1px solid rgba(204, 204, 204, 1);
  margin-bottom: 10px;
  width: 305px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  background: rgba(255, 255, 255, 1);
}

.free .outer2-0 {
  z-index: auto;
  width: 114px;
  height: 24px;
  justify-content: flex-start;
}

.free .label3-0 {
  z-index: 43;
  width: 24px;
  height: 24px;
}

.free .txt1-0 {
  z-index: 18;
  width: 64px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 0 26px;
  color: rgba(102, 102, 102, 1);
}

.free .bd2-1 {
  z-index: 17;
  height: 50px;
  border: 1px solid rgba(204, 204, 204, 1);
  margin-bottom: 10px;
  width: 305px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  background: rgba(243, 251, 255, 1);
}

.free .outer2-1 {
  z-index: auto;
  width: 114px;
  height: 24px;
  justify-content: flex-start;
}

.free .label3-1 {
  z-index: 43;
  width: 24px;
  height: 24px;
}

.free .txt1-1 {
  z-index: 18;
  width: 64px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 0 26px;
  color: rgba(22, 77, 124, 1);
}

.free .word4-1 {
  z-index: 21;
  width: 36px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px -144px 0 108px;
}

.free .bd2-2 {
  z-index: 17;
  height: 50px;
  border: 1px solid rgba(204, 204, 204, 1);
  margin-bottom: 10px;
  width: 305px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  background: rgba(255, 255, 255, 1);
}

.free .outer2-2 {
  z-index: auto;
  width: 114px;
  height: 24px;
  justify-content: flex-start;
}

.free .label3-2 {
  z-index: 43;
  width: 24px;
  height: 24px;
}

.free .txt1-2 {
  z-index: 18;
  width: 64px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 0 26px;
  color: rgba(102, 102, 102, 1);
}

.free .word4-2 {
  z-index: 21;
  width: 36px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px -144px 0 108px;
}

.free .bd2-3 {
  z-index: 17;
  height: 50px;
  border: 1px solid rgba(204, 204, 204, 1);
  margin-bottom: 10px;
  width: 305px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  background: rgba(255, 255, 255, 1);
}

.free .outer2-3 {
  z-index: auto;
  width: 114px;
  height: 24px;
  justify-content: flex-start;
}

.free .label3-3 {
  z-index: 43;
  width: 24px;
  height: 24px;
}

.free .txt1-3 {
  z-index: 18;
  width: 64px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 0 26px;
  color: rgba(102, 102, 102, 1);
}

.free .word4-3 {
  z-index: 21;
  width: 36px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px -144px 0 108px;
}

.free .group4 {
  z-index: auto;
  width: 294px;
  height: 20px;
  justify-content: space-between;
  margin: 150px 0 0 29px;
}

.free .icon1 {
  z-index: 14;
  width: 11px;
  height: 16px;
  margin-top: 1px;
}

.free .txt2 {
  z-index: 12;
  width: 212px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.free .section3 {
  z-index: 8;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(5, 125, 224, 1);
  width: 55px;
  align-items: center;
}

.free .info2 {
  z-index: 13;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.free .word5 {
  z-index: 51;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(22, 102, 185, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin: 10px 0 0 146px;
}
.js-webgl-globe-data .js-webgl-globe{
    height: 800px;
    width: 800px;
}
.js-webgl-globe-data{
    height: 800px;
    width: 800px;
       margin: 60px 0 0 882px;
    pointer-events: auto;
}
.js-webgl-globe-data .js-globe-popup a {
    text-decoration: none;
    color: #fff;
}
.js-webgl-globe-data  .d-none {
    display: none;
}
.js-webgl-globe-data  .data-info{
    display: none !important;
}
.index .section1{
  pointer-events: auto;
}
.register input:focus-visible {
    outline: rgba(22, 77, 124, 1) auto 0px;
}
.register .layer8{
  cursor: pointer;
}
.register .layer9{
    cursor: pointer;
}
.register .layer9:active {
    opacity: 0.6;
}
.nnp-header-connector-action-sheet{
  /*position: fixed;*/
}
.nnp-header-connector-action-sheet .msg{
    padding: 12px 25px;
    text-align: center;
    position: relative;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.nnp-header-connector-action-sheet .segmented-site-header{
      top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    box-shadow: none;
    z-index: 19891018;
    border-radius: 2px;
    _position: absolute;
    pointer-events: auto;
    position: fixed;
}
.hide{
  display: none;
}
.shade{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19891014;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}
.shade-transparent{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19891014;
    background-color: transparent;
    opacity: 0.3;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}
.layer-loading{
  position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    z-index: 1;
}
.login input:focus-visible {
    outline: rgba(22, 77, 124, 1) auto 0px;
}

.userBackground .segmented-site-header {
  z-index: 1;
  position: relative;
  width: 100%;
  /*height: 100vh;*/
  background-color: rgba(242, 243, 245, 1);
  overflow: hidden;
}

.userBackground .main1 {
  z-index: 2;
  /*height: 100vh;*/
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  align-items: flex-start;
  position: relative;
}

.userBackground .carousel {
  z-index: auto;
  width: 100%;
  /*height: 100vh;*/
}

.userBackground .home-page-content {
  z-index: 5;
  height: 100vh;
  background: #3c3c3c;
  width: 223px;
  justify-content: flex-start;
  transition: all 500ms;
  position:relative;
  left:0px;background-size: cover;display: flex;
    align-items: center;
}

.userBackground .home-container {
    margin:136px 0 0 0;
}

.userBackground .header-metal-chokers {

}

.userBackground .userBackground-outer1 {
  z-index: auto;
}

.userBackground .console-group2 {
}

.userBackground .console-label1 {
  z-index: 26;
width: 22px;
height: 20px;
margin:0 14px 0 25px;
}

.userBackground .userBackground-icon1 {
  z-index: 15;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 0 0 0 16px;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
}
.userBackground .margin-bottom-27{
    margin: 0 0 27px 0;
}
.userBackground .border-white{
      z-index: 9;
    width: 195px;
    height: 52px;
    /*background: #DC7835;*/
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*margin:0 0 27px 0;*/
}
.userBackground .border-check{
background: #DC7835;
}
.userBackground .userBackground-group3 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.svg)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 0 0 0 18px;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
}

.userBackground .label2 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 0 0 0 18px;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
}

.userBackground .icon2 {
  z-index: 12;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 0 0 0 18px;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
}

.userBackground .icon3 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 0 0 0 19px;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
}

.userBackground .menu-paragraph1 {
    
font-size: 1.14rem;
    color: #fff;
}
.userBackground .menu-paragraph1 span{
  border: 0 !important;
}
.userBackground .menu-shrink {
  z-index: 61;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  /*margin-top: 741px;*/
  width: 160px;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  display:none;
}

.userBackground .icon4 {
  z-index: 42;
  width: 20px;
  height: 16px;
}

.console .group4 {
  z-index: auto;
  width: 840px;
  margin: 90px 0 0 39px;
  transition: all 500ms;
  position:relative;
  left:0px;
}

.console .txt1 {
  z-index: 48;
  width: 198px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.console .word1 {
  z-index: 49;
  width: 308px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  align-self: flex-start;
  margin-top: 8px;
}

.console .wrap1 {
  z-index: 51;
  height: 108px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(246, 248, 247, 1);
  margin-top: 17px;
  width: 840px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 26px;
}

.console .block2 {
  z-index: auto;
  width: 606px;
  height: 80px;
}

.console .outer2 {
  z-index: 91;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPngc04769d8f0f14d40bc9e90a97cca00d3b9ddb2258069cb814de0d2a0ba0927e0.png)
    100% no-repeat;
}

.console .pic1 {
  z-index: 92;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
}

.console .outer3 {
  z-index: auto;
    width: 280px;
    height: 82px;
  margin-left: 34px;
}

.console .word2 {
  z-index: 54;
  width: 93px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.console .txt2 {
  z-index: 53;
  width: 177px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 1px;
}

.console .section3 {
  z-index: auto;
  width: 265px;
  height: 20px;
  margin-top: 9px;
  justify-content: space-between;
}
.console .days-used{
    color: rgba(51, 51, 51, 1);
}

.console .outer4 {
  z-index: 56;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(60, 186, 121, 1);
  width: 33px;
  justify-content: center;
  align-items: center;
}

.console .info1 {
  z-index: 57;
  width: 25px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Impact;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.console .word3 {
  z-index: 60;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(7, 44, 76, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.console .txt3 {
  z-index: 61;
  width: 84px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.console .outer5 {
  z-index: 62;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(234, 185, 69, 1);
  width: 33px;
  justify-content: center;
  align-items: center;
  /*margin: 60px 0 0 53px;*/
}

.console .txt4 {
  z-index: 63;
  width: 19px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Impact;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.console .info2 {
  z-index: 64;
  width: 36px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(7, 44, 76, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  /*margin: 60px 0 0 5px;*/
}

.console .txt5 {
  z-index: 65;
  width: 180px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  /*margin: 60px 0 0 8px;*/
}

.console .wrap2 {
  z-index: 55;
  height: 61px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 840px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 15px 24px;
  margin-top:-1px;
}

.console .box1 {
  z-index: auto;
  width: 389px;
  height: 21px;
}

.console .bd2 {
  z-index: 58;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(60, 186, 121, 1);
  margin-top: 1px;
  width: 33px;
  justify-content: center;
  align-items: center;
}

.console .word4 {
  z-index: 59;
  width: 25px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Impact;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.console .word5 {
  z-index: 66;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: right;
  margin-left: 46px;
}

.console .bd3 {
  z-index: 67;
  /*width: 253px;*/
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  margin-left: 24px;
  font-size: 0;
}

.console .word6 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .info3 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .txt6 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.console .tips{
        margin-top: 28px !important;
    height: 165px !important;
}
.console .txt7 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-end;
  margin: 222px 332px 0 0;
}

.console .info4 {
  z-index: 115;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  position: absolute;
  bottom:20px;
}

.console .group5 {
  z-index: auto;
  width: 270px;
  height: 429px;
  margin: 138px 0 0 20px;
    transition: all 500ms;
  position:relative;
  left:0px;
}

.console .word7 {
  z-index: 50;
  width: 70px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  align-self: flex-start;
}

.console .main2 {
z-index: 52;
    /* height: 402px; */
    border: 1px solid rgba(223, 228, 229, 1);
    background-color: rgba(255, 255, 255, 1);
    margin-top: 7px;
    padding: 17px 0 10px 0;
    width: 270px;
    overflow: hidden;
}

.console .outer6 {
    z-index: auto;
    width: 227px;
    max-height: 60px;
    justify-content: space-between;
    margin: 9px 0 0 19px;
}

.console .label3 {
  z-index: 116;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.console .paragraph2 {
    margin-top:5px;
    cursor: pointer;
}

.console .outer7 {
  z-index: auto;
  width: 189px;
  height: 1px;
  margin: 10px 0 0 56px;
}

.console .section4 {
  z-index: 98;
  width: 189px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng91b444df81dc28686faef72fc44bebd301059f15b1094e3ca95b811da4696774.png)
    100% no-repeat;
}

.console .outer8 {
  z-index: auto;
  width: 227px;
  height: 40px;
  justify-content: space-between;
  margin: 9px 0 0 19px;
}

.console .label4 {
  z-index: 123;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.console .paragraph3 {
  z-index: 122;
  width: 190px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .outer9 {
  z-index: auto;
  width: 189px;
  height: 1px;
  margin: 10px 0 0 56px;
}

.console .main3 {
  z-index: 99;
  width: 189px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng91b444df81dc28686faef72fc44bebd301059f15b1094e3ca95b811da4696774.png)
    100% no-repeat;
}

.console .outer10 {
  z-index: auto;
  width: 227px;
  height: 40px;
  justify-content: space-between;
  margin: 9px 0 0 19px;
}

.console .icon5 {
  z-index: 130;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.console .paragraph4 {
  z-index: 129;
  width: 190px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .outer11 {
  z-index: auto;
  width: 189px;
  height: 1px;
  margin: 10px 0 0 56px;
}

.console .bd4 {
  z-index: 100;
  width: 189px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng91b444df81dc28686faef72fc44bebd301059f15b1094e3ca95b811da4696774.png)
    100% no-repeat;
}

.console .outer12 {
  z-index: auto;
  width: 227px;
  height: 60px;
  justify-content: space-between;
  margin: 9px 0 0 19px;
}

.console .icon6 {
  z-index: 137;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.console .infoBox1 {
  z-index: 136;
  width: 190px;
  height: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .outer13 {
  z-index: auto;
  width: 189px;
  height: 1px;
  margin: 10px 0 0 56px;
}

.console .box2 {
  z-index: 101;
  width: 189px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng91b444df81dc28686faef72fc44bebd301059f15b1094e3ca95b811da4696774.png)
    100% no-repeat;
}

.console .outer14 {
  z-index: auto;
  width: 227px;
  height: 40px;
  justify-content: space-between;
  margin: 9px 0 0 19px;
}

.console .label5 {
  z-index: 144;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.console .paragraph5 {
  z-index: 143;
  width: 190px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .outer15 {
  z-index: auto;
  width: 189px;
  height: 1px;
  margin: 10px 0 0 56px;
}

.console .wrap3 {
  z-index: 102;
  width: 189px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng91b444df81dc28686faef72fc44bebd301059f15b1094e3ca95b811da4696774.png)
    100% no-repeat;
}

.console .outer16 {
  z-index: auto;
  width: 227px;
  height: 40px;
  justify-content: space-between;
  margin: 9px 0 0 19px;
}

.console .icon7 {
  z-index: 151;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.console .paragraph6 {
  z-index: 150;
  width: 190px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.userBackground .header-bar__actions {
  /*z-index: 236;*/
  height: 67px;
  /*overflow: hidden;*/
  /*background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)*/
  /*  100% no-repeat;*/
  background-size: 100% 67px;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 15px 0 0;
}

.userBackground .userBackground-box3 {
  z-index: auto;
  width: 100%;
}

.userBackground .userBackground-icon8 {
  z-index: 164;
    width: 51px;
    height: 37px;
margin: 0 17px 0 15px;
  cursor: pointer;
}

.userBackground .userBackground-txt8 {
  cursor: pointer;
  z-index: 163;
    display: flex;
    align-items: center; 
  color: rgba(255, 255, 255, 1);
  
font-size: 1.43rem;
}

.userBackground .userBackground-txt9 {
  cursor: pointer;
  z-index: 40;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.userBackground .bd5 {
  z-index: 109;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  /*margin-left: 1016px;*/
}

.userBackground .icon9 {
  z-index: 110;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.userBackground .txt10 {
  z-index: 111;
  color: #000;
  font-size: 1rem;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  cursor: pointer;
}    

.userBackground .bd6 {
  z-index: 112;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 15px 0 0;
}

.userBackground .userBackground-img1 {
  z-index: 237;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 67px;
}

.userBackground .userBackground-word8 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.userBackground .block4 {
    font-size: 1rem;
font-weight: 400;
color: #999999; 
cursor:pointer;margin: 0 48px 0 24px;
}

.userBackground .userBackground-layer1 {
  z-index: auto;
  width: 74px;
  height: 20px;
  justify-content: space-between;
}

.userBackground .logout {
  z-index: 159;
  width: 13px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng59206ae1b753616d0f765fcdd5713d6dc53090326e468cefed20c0b522191e39.png)
    100% no-repeat;
  margin-top: 1px;
}

.userBackground .userBackground-info5 {
  z-index: 158;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.console .block5 {
  z-index: 68;
  height: 61px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 840px;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  left: 39px;
  top: 272px;
  padding: 0 0 16px 32px;
  transition: all 500ms;
}

.console .outer17 {
  z-index: auto;
  width: 513px;
  height: 20px;
}

.console .section6 {
  z-index: 93;
  width: 15px;
  height: 20px;
  background: url(/Public/Home/images/SketchPng758126015a5fc119ad8d198475f81be8d5943e5b1b7a28ec1e2ac6b45405fc40.png)
    100% no-repeat;
}

.console .txt11 {
  z-index: 70;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 18px;
}

.console .info6 {
  z-index: 71;
  width: 273px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 53px;
}

.console .info7 {
  z-index: 69;
  width: 104px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 8px;
}

.console .block6 {
  z-index: 73;
  height: 61px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 840px;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0 20px 16px 0;  transition: all 500ms;margin-top:-1px;
}

.console .outer18 {
  z-index: auto;
  width: 794px;
  height: 22px;
}

.console .mod1 {
  z-index: 74;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(234, 185, 69, 1);
  margin-top: 1px;
  width: 33px;
  justify-content: center;
  align-items: center;
}

.console .txt12 {
  z-index: 75;
  width: 19px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Impact;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.console .info8 {
  z-index: 76;
  width: 50px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 0 8px;
}

.console .mod2 {
  z-index: 77;
  /*width: 264px;*/
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
  margin: 0 0 0 45px;
}
.console .bule-flash{
    z-index: 90;
  width: 15px;
  height: 20px;
  background: url(/Public/Home/images/SketchPng758126015a5fc119ad8d198475f81be8d5943e5b1b7a28ec1e2ac6b45405fc40.png)
    100% no-repeat;margin: 0 8px 0 10px;
}
.console .share-txt{
    margin-left: 152px;
}

.console .word9 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .word10 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .info9 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.console .mod3 {
z-index: 81;
    height: 20px;
    border-radius: 2px;
    background-color: rgba(5, 125, 224, 1);
    width: 75px;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 21px;
}

.console .info10 {
  z-index: 82;
  /*width: 28px;*/
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}

.console .block7 {
  z-index: 78;
  height: 115px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 840px;  transition: all 500ms;
  margin-top:-1px;
}

.console .layer2 {
  z-index: auto;
  width: 582px;
  height: 20px;
  margin: 24px 0 0 37px;
}

.console .icon10 {
  z-index: 83;
  width: 11px;
  height: 16px;
  margin-top: 2px;
}

.console .word11 {
  z-index: 87;
  width: 70px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 18px;
}

.console .word12 {
  z-index: 88;
  width: 338px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 25px;
}

.console .word13 {
  z-index: 89;
  width: 115px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 5px;
}

.console .layer3 {
  z-index: auto;
  width: 645px;
  height: 1px;
  margin: 13px 0 0 150px;
}

.console .main4 {
  z-index: 97;
  width: 645px;
  height: 1px;
  background: url(/Public/Home/images/SketchPngb0f04d75cecb0d19a20c3321184b70f11fc5b13871edf9966dd96d7961d2cb0b.png)
    100% no-repeat;
}

.console .layer4 {
  z-index: auto;
  width: 527px;
  height: 21px;
  justify-content: space-between;
  margin: 14px 0 0 150px;
}

.console .wrap4 {
  z-index: 79;
  height: 22px;
  border-radius: 2px;
  background-color: #fff;
  margin-top: 1px;
  width: 104px;border: 1px solid #DFE4E5;
  align-items: center;
  cursor: pointer;
}

.console .word14 {
    z-index: 80;
    width: 84px;
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: #000;
    font-size: 13px;
    font-family: PingFangTC-Regular;
    white-space: nowrap;
    line-height: 20px;
    text-align: center;
}

.console .txt13 {
  z-index: 96;
  /*width: 394px;*/
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.userBackground .ArrorDown{
    background: url(/Public/Home/images/ArrorDown.png)
}
.header-menu:hover ~ .bd6{
  display: flex !important;
}
.header-menu:hover ~ .ArrorDown{
  display: none;
}
.userBackground .header-menu{
  height: 38px;position: absolute;
    right: 0;z-index: 388;
        display: flex;
    align-items: center;
    line-height: 38px;
}
.userBackground .header-background{
      z-index: 388;
    position: absolute;
    right: 0;
    top: 0;
    width: 148px;
    height: 67px;
}
.sign-out .layui-layer-setwin .layui-layer-close1:hover {
    opacity: .7;
}
.sign-out .layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px;
    cursor: pointer;
}
.sign-out .layui-layer {
    z-index: 19891015;
    min-width: 300px;
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
        position: fixed;
    _position: absolute;
    pointer-events: auto;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.sign-out .layui-layer-title {
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
        text-overflow: ellipsis;
    white-space: nowrap;
}
.sign-out .layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.sign-out .layui-layer-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 17px;
    font-size: 0;
    line-height: initial;
}
.sign-out .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.sign-out .layui-layer-setwin a {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
    _overflow: hidden;
}
.sign-out .layui-layer-ico {
    background: url(/Public/Home/images/icon.png) no-repeat;
}
.sign-out .layui-layer-btn {
    text-align: right;
    padding: 0 15px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}
.sign-out .layui-layer-btn .layui-layer-btn0 {
    border-color: rgba(5, 125, 224, 1);
    background-color: rgba(5, 125, 224, 1);
    color: #fff;
}
.sign-out .layui-layer-btn a {
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
        display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.sign-out .layui-layer-btn a:hover {
    opacity: .9;
    text-decoration: none;
}

.userBackground .fold_icon_conter{
  position: relative;
  left: -158px;
}
.system .page {
  z-index: 1;
  position: relative;
  width: 100%;
  /*overflow: hidden;*/
}

.system .mod1 {
  z-index: 2;
  background-color: rgba(255, 255, 255, 1);
  align-items: flex-start;
  position: relative;
  margin: 0 0 30px 0;
}

.system .bd1 {
  z-index: auto;
  width: 100%;
  padding-left:52px;
  justify-content: space-between;
}

.system .wrap1 {
  z-index: 5;
  height: 1243px;
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.system .main1 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.system .wrap2 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.system .main2 {
  z-index: auto;
  width: 139px;
  height: 318px;
}

.system .label1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.system .wrap3 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 35px;
  width: 139px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 7px 15px;
}

.system .label2 {
  z-index: 15;
  width: 16px;
  height: 16px;
}

.system .wrap4 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 35px 0 0 18px;
}

.system .label3 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 45px 0 0 18px;
}

.system .label4 {
  z-index: 12;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 43px 0 0 18px;
}

.system .label5 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 44px 0 0 19px;
}

.system .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.system .wrap5 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.system .label6 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.system .wrap6 {
  z-index: auto;
  margin-top: 80px;
}

.system .info1 {
  z-index: 60;
  width: 44px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.system .wrap7 {
  z-index: 61;
  height: 60px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: #3c3c3c;
  margin-top: 30px;
  width: 1600px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;
}

.system .txt1 {
  z-index: 62;
  width: 96px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: #fff;
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 22px;
}

.system .wrap8 {
  z-index: 63;
  height: 60px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 59px;
  width: 1130px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;
}

.system .mod2 {
  z-index: auto;
  width: 995px;
  height: 20px;
  justify-content: space-between;
}

.system .word1 {
  z-index: 66;
  width: 112px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  cursor: pointer;
}

.system .txt2 {
  z-index: 67;
  width: 139px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.system .info2 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 304px 0 0 460px;
}

.userBackground .copyright {
z-index: 59;
    width: calc(100% - 160px);
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 20px;
    text-align: center;
    position: absolute;
    margin: 20px 0;
    left: 160px;
    bottom: 0;
}

.system .bd2 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.system .wrap9 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.system .icon1 {
  z-index: 74;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.system .info4 {
  z-index: 73;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.system .info5 {
  z-index: 72;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.system .main3 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.system .label7 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.system .word2 {
  z-index: 55;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.system .main4 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.system .pic1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 67px;
}

.system .word3 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.system .bd3 {
  z-index: 64;
  height: 60px;
  border: 1px solid #DFE4E5;
  background-color: rgba(255, 255, 255, 1);
  width: 1600px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;    margin: -1px 0;
}

.system .group1 {
  z-index: auto;
  height: 22px;
}

.system .word4 {
  z-index: 65;
  width: 32px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
}
.system .right-1{
  margin:0 666px 0 0;
}
.system .right-2{
  margin:0 264px 0 0;
}
.system .right-3{
  margin:0 264px 0 0;
}
.system .info6 {
  z-index: 71;
  width: 32px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 22px;
}

.system .bd4 {
  z-index: 68;
  height: 60px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1600px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;    margin-top: -1px;
}
.mat-body{
    transition: all 500ms;
    left: 0;
    position: relative;
    /*width: calc(100% - 160px);*/
        overflow: auto !important;
        width: calc(100% - 223px);
}
.system{
  width:100%;
  height: 100vh;
    overflow: hidden auto;
  overflow: auto !important;
}
.system .section1 {
  z-index: auto;
  /*width: 994px;*/
  height: 20px;
  /*justify-content: space-between;*/align-items: center;
}

.system .word5 {
  z-index: 69;
  width: 317px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  cursor: pointer;
}

.system .txt3 {
  z-index: 70;
  width: 138px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;cursor: pointer;
}

.systemDetail .page {
  z-index: 1;
  position: relative;
  /*width: 1366px;*/
  /*height: 1243px;*/
  /*background-color: rgba(242, 243, 245, 1);*/
  /*overflow: hidden;*/
  padding:0 0 40px 52px;
}
.systemDetail{
    width: 100%;
    height: 100vh;
      overflow: hidden auto;
  overflow: auto !important;
}

.systemDetail .section1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);
  /*width: 1366px;*/
  align-items: flex-start;
  position: relative;
}

.systemDetail .block1 {
  z-index: auto;
  width: 1600px;
  /*height: 1243px;*/
}

.systemDetail .group1 {
  z-index: 5;
  /*height: 1243px;*/
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.systemDetail .bd1 {
  z-index: auto;
  width: 160px;
}

.systemDetail .section2 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.systemDetail .bd2 {
  z-index: auto;
  width: 139px;
  height: 318px;
}

.systemDetail .label1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.systemDetail .wrap1 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 35px;
  width: 139px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 7px 15px;
}

.systemDetail .label2 {
  z-index: 15;
  width: 16px;
  height: 16px;
}

.systemDetail .wrap2 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 35px 0 0 18px;
}

.systemDetail .label3 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 45px 0 0 18px;
}

.systemDetail .icon1 {
  z-index: 12;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 43px 0 0 18px;
}

.systemDetail .label4 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 44px 0 0 19px;
}

.systemDetail .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.systemDetail .section3 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.systemDetail .label5 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.systemDetail .systemDetail-group2 {
  z-index: auto;
  width: 1600px;
  /*height: 1125px;*/
  margin-top: 80px;
}

.systemDetail .systemDetail-txt1 {
    width: 1600px;
    height: 56px;
    background: #000000;
    
font-size: 1.14rem;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.systemDetail .systemDetail-txt1 span{
    margin:0 0 0 28px;
    cursor: pointer;
}

.systemDetail .section4 {
width: 1600px;
height: 84px;
background: #F6F8F7;
border: 1px solid #DFE4E5;    display: flex;
    justify-content: center;
    
font-size: 1.14rem;
    font-weight: 600;
    color: #333333;
}

.systemDetail .word1 {
    margin:0  0 0 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.systemDetail .list .info{
    margin:14px 0 0 0
}
.systemDetail .list .color-flesh{
background: #FFF8EC;
}
.systemDetail .section5 .screenshots .view{
    
color: #1E5BA1;
}

.systemDetail .section5 {
  margin-top: -1px;
  width: 1600px;
background: #FFFFFF;
border: 1px solid #DFE4E5;
overflow: hidden;
padding: 34px 0;
}

.systemDetail .info1 {
    font-size: 1rem;
font-weight: 400;
color: #333333;
    margin: 0 41px;word-break: break-all;
}
.systemDetail .section5 .time-and-user{
    font-size: 1rem;
font-weight: 400;
color: #999999;
    margin: 8px 0 18px 41px;
}
.systemDetail .section5 .color-white{
    background:#fff !important;
}
.systemDetail .section5 .screenshots{
    width: 772px;
height: 42px;
background: #EFF5F9;
margin:0 0 1px 41px;
display: flex;justify-content: space-between;align-items: center;
}
.systemDetail .section5 .screenshots .img{
    font-size: 1rem;
font-weight: 400;margin: 0 0 0 53px;
color: #333333;
}
.systemDetail .section5 .screenshots .view{
    margin: 0 38px 0 0;
}
.systemDetail .word2 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 363px 0 0 460px;
}

.systemDetail .word3 {
  z-index: 59;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 566px 469px 0 0;
}

.systemDetail .block2 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.systemDetail .mod1 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.systemDetail .icon2 {
  z-index: 69;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.systemDetail .word4 {
  z-index: 68;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.systemDetail .info2 {
  z-index: 67;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.systemDetail .mod2 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.systemDetail .icon3 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.systemDetail .txt2 {
    
}

.systemDetail .mod3 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.systemDetail .img1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.systemDetail .txt3 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.systemDetail .block3 {
  z-index: 64;
  /*height: 746px;*/
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1600px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 41px;margin: -1px 0 30px 0;
}

.systemDetail .paragraph1 {
  font-size: 1rem;
font-weight: 400;
color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
}

.systemDetail::-webkit-scrollbar-thumb,
.system::-webkit-scrollbar-thumb,
.management::-webkit-scrollbar-thumb,
.pay::-webkit-scrollbar-thumb,
.introduce::-webkit-scrollbar-thumb,
.console::-webkit-scrollbar-thumb{
    background-color: #000;
}
.systemDetail::-webkit-scrollbar,
.system::-webkit-scrollbar,
.management::-webkit-scrollbar,
.pay::-webkit-scrollbar,
.introduce::-webkit-scrollbar,
.console::-webkit-scrollbar{
    width: 6px;
    -webkit-appearance: none;
}
.account-settings{
    padding: 0 0 40px 52px;    width: 100%;
    height: 100vh;      overflow: hidden auto;
  overflow: auto !important;
}
.account-settings::-webkit-scrollbar-thumb,
.system::-webkit-scrollbar-thumb,
.workOrderSystem::-webkit-scrollbar-thumb,
.subscribeNow::-webkit-scrollbar-thumb,
.paymentMethod::-webkit-scrollbar-thumb,
.invitationReward::-webkit-scrollbar-thumb{
    background-color: #1b2f4f;
} 
.account-settings::-webkit-scrollbar,
.system::-webkit-scrollbar,
.workOrderSystem::-webkit-scrollbar,
.subscribeNow::-webkit-scrollbar,
.paymentMethod::-webkit-scrollbar,
.invitationReward::-webkit-scrollbar{
    width: 6px;
    -webkit-appearance: none;
}
.account-settings .page {
  z-index: 1;
  position: relative;
  /*width: 1366px;*/
  /*height: 1243px;*/
  /*background-color: rgba(242, 243, 245, 1);*/
  overflow: hidden;
}

.account-settings .account-settings-layer1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);
  /*width: 1366px;*/
  align-items: flex-start;
  position: relative;
}

.account-settings .group1 {
  z-index: auto;
  /*width: 1329px;*/
  /*height: 1243px;*/
  justify-content: space-between;
}

.account-settings .layer2 {
  z-index: 5;
  /*height: 1243px;*/
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.account-settings .layer3 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.account-settings .layer4 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

/*.account-settings .wrap1 {
  z-index: auto;
  width: 139px;
  height: 318px;
}*/

.account-settings .icon1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.account-settings .icon2 {
  z-index: 15;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 48px 0 0 16px;
}

.account-settings .layer5 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 31px;
  width: 139px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 17px;
}

/*.account-settings .section1 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
}*/

.account-settings .label1 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 36px 0 0 18px;
}

.account-settings .label2 {
  z-index: 12;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 43px 0 0 18px;
}

.account-settings .icon3 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 44px 0 0 19px;
}
.account-settings .nav-itemed{
  width:100%;
  display: none;
}

.account-settings .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-settings .layer6 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.account-settings .label3 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.account-settings .layer7 {
  z-index: auto;
  width: 1130px;
  /*height: 1125px;*/
  margin-top: 90px;
}

.account-settings .word1 {
width: 1600px;
height: 56px;
background:#3c3c3c;
font-size: 1.14rem;
font-weight: 400;
color: #FFFFFF;    display: flex;
    align-items: center;
}
.account-settings .word1 span{
    margin: 0 0 0 45px;
}

.account-settings .group2 {
  z-index: 61;
  height: 262px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(246, 248, 247, 1);
  margin-top: 12px;
  width: 1130px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 15px 28px;
}

.account-settings .bd1 {
  z-index: auto;
  width: 229px;
  height: 226px;
}

.account-settings .txt1 {
  z-index: 63;
  width: 96px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 22px;
  align-self: flex-start;
}

.account-settings .paragraph1 {
  z-index: 62;
  width: 214px;
  height: 180px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 30px;
  align-self: flex-end;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-settings .account-settings-group3 {
width: 1600px;
height: 388px;
background: #FFFFFF;
border: 1px solid #DFE4E5;
  margin-top:-1px;
}

.account-settings .account-settings-outer1 {
    z-index: auto;
    width: 100%;
    height: 60px;
    justify-content: space-between;
    padding: 0 28px;
    align-items: center;
    cursor: pointer;
}

.account-settings .txt2 {
  z-index: 69;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.account-settings .layer8 {
  z-index: 67;
  width: 9px;
  height: 14px;
  background: url(/Public/Home/images/SketchPng3e4074583bcfe35f85152bc233e9fff361a3a2048251b341a5b189c8041c7583.png)
    100% no-repeat;
  margin-top: 4px;
}

/*.account-settings .account-settings-word2 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 103px 0 0 460px;
}*/

.account-settings .info1 {
  z-index: 59;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 566px 469px 0 0;
}

/*.account-settings .account-settings-group4 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}*/

.account-settings .group5 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.account-settings .icon4 {
  z-index: 72;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

/*.account-settings .account-settings-info2 {
  z-index: 71;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}*/

/*.account-settings .word3 {
  z-index: 70;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}*/

.account-settings .box1 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.account-settings .icon5 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.account-settings .word4 {
  z-index: 55;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.account-settings .box2 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.account-settings .img1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.account-settings .word5 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.account-settings .group6 {
  z-index: 65;
  /*height: 60px;*/
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1130px;
  justify-content: center;
  align-items: center;
  /*cursor: pointer;*/margin-top: -1px;
}

.account-settings .mod1 {
z-index: auto;
    width: 100%;
    height: 60px;
    justify-content: space-between;
    padding: 0 28px;
    align-items: center;cursor: pointer;
}

.account-settings .word6 {
  z-index: 68;
  width: 84px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.account-settings .mod2 {
  z-index: 66;
  width: 9px;
  height: 14px;
  background: url(/Public/Home/images/SketchPng3e4074583bcfe35f85152bc233e9fff361a3a2048251b341a5b189c8041c7583.png)
    100% no-repeat;
  margin-top: 3px;
}
.account-settings .no-line-break{
    white-space: nowrap;
}
.account-settings .down-arrow{
  background: url(/Public/Home/images/down-arrow.png) 100% center no-repeat !important;
  width:14px !important;
}
.account-settings .group6:hover .word6{
  color:rgba(5, 125, 224, 1);
}
.account-settings .group3:hover .txt2{
    color:rgba(5, 125, 224, 1);
}


.modifyInformation .page {
  z-index: 1;
  position: relative;
  /*width: 1366px;*/
  /*height: 1243px;*/
  background-color: rgba(242, 243, 245, 1);
  /*overflow: hidden;*/
}

.modifyInformation .outer1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);
  /*width: 1366px;*/
  align-items: flex-start;
  position: relative;
}

.modifyInformation .section1 {
  z-index: auto;
  width:100%;
  /*height: 1243px;*/
  justify-content: space-between;
}

.modifyInformation .bd1 {
  z-index: 5;
  height: 1243px;
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.modifyInformation .section2 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.modifyInformation .group1 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.modifyInformation .main1 {
  z-index: auto;
  width: 139px;
  height: 318px;
}

.modifyInformation .icon1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.modifyInformation .icon2 {
  z-index: 15;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 48px 0 0 16px;
}

.modifyInformation .mod1 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 31px;
  width: 139px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 17px;
}

.modifyInformation .outer2 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
}

.modifyInformation .label1 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 36px 0 0 18px;
}

.modifyInformation .icon3 {
  z-index: 12;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 43px 0 0 18px;
}

.modifyInformation .icon4 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 44px 0 0 19px;
}

.modifyInformation .paragraph1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modifyInformation .group2 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.modifyInformation .icon5 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.modifyInformation .bd2 {
  z-index: auto;
  width: 100%;
  /*margin-top: 90px;*/
}

.modifyInformation .word1 {
  z-index: 60;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.modifyInformation .group3 {
    z-index: 71;
    height: 111px;
    border: 1px solid rgba(223, 228, 229, 1);
    background-color: rgba(246, 248, 247, 1);
    justify-content: flex-start;
    align-items: flex-start;
    padding: 11px 0 0 55px;
    width: 95.5%;
    margin: 0 auto;
}

.modifyInformation .layer1 {
  z-index: auto;
  width: 193px;
  height: 84px;
  justify-content: space-between;
}

.modifyInformation .outer3 {
  z-index: 77;
  position: relative;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng60461db4881e7d1249e0a4c2e4d063fc72d8a2355eb9b185c83884525ce4632b.png)
    100% no-repeat;
}

.modifyInformation .pic1 {
  z-index: 78;
  position: absolute;
  left: 0;
  top: 0;
  width: 84px;
  height: 84px;
}

.modifyInformation .outer4 {
  z-index: 72;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(5, 125, 224, 1);
  margin-top: 28px;
  width: 84px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.modifyInformation .word2 {
  z-index: 73;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.modifyInformation .group4 {
  z-index: 61;
  height: 60px;
  border: 1px solid rgba(246, 246, 246, 1);
  background-color: rgba(255, 255, 255, 1);
  /*margin-top: 59px;*/
  /*width: 1130px;*/
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;width: 95.5%;
    margin: 0 auto;
}

.modifyInformation .layer2 {
  z-index: auto;
  width: 773px;
  height: 32px;
  justify-content: space-between;
}

.modifyInformation .word3 {
  z-index: 64;
  width: 22px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 6px;
}

.modifyInformation .outer5 {
  z-index: 66;
  height: 32px;
  border: 1px solid rgba(217, 217, 217, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 664px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 16px;
}

.modifyInformation .info1 {
  z-index: 69;
  width: 66px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.modifyInformation .group5 {
  z-index: 67;
  height: 50px;
  border-radius: 8px;
  background-color: rgba(5, 125, 224, 1);
  align-self: flex-start;
  width: 120px;
  justify-content: center;
  align-items: center;
  margin: 19px 0 0 137px;
  cursor:pointer;
}

.modifyInformation .info2 {
  z-index: 68;
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22px;
}

.modifyInformation .info3 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 184px 0 0 460px;
}

.modifyInformation .word4 {
  z-index: 59;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 566px 469px 0 0;
}

.modifyInformation .section3 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.modifyInformation .group6 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.modifyInformation .icon6 {
  z-index: 81;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.modifyInformation .word5 {
  z-index: 80;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.modifyInformation .info4 {
  z-index: 79;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.modifyInformation .box1 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.modifyInformation .icon7 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.modifyInformation .txt1 {
  z-index: 55;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.modifyInformation .box2 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.modifyInformation .pic2 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.modifyInformation .word6 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.modifyInformation .section4 {
  z-index: 62;
  height: 60px;
  border: 1px solid rgba(246, 246, 246, 1);
  background-color: rgba(255, 255, 255, 1);
  /*width: 1130px;*/
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;    width: 95.5%;
    margin: 0 auto;
}

.modifyInformation .layer3 {
  z-index: auto;
  width: 773px;
  height: 32px;
  justify-content: space-between;
}

.modifyInformation .info5 {
  z-index: 63;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 6px;
}

.modifyInformation .wrap1 {
  z-index: 65;
  height: 32px;
  border: 1px solid rgba(217, 217, 217, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 664px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 14px;
}

.modifyInformation .info6 {
  z-index: 70;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.modifyInformation{
  width: 100%;
  height: 400px;
}
.modifyInformation input:focus-visible {
    outline: rgba(22, 77, 124, 1) auto 0px;
}
button{
      transition: all .3s;
    -webkit-transition: all .3s;
}
button:hover {
    opacity: 0.6;
}
.layui-upload-file {
    display: none!important;
    opacity: .01;
    filter: Alpha(opacity=1);
}
.account-settings .nav-itemed-2{
  width: 100%;
}
.account-settings .changePassword{
  width: 100%;
  height: 400px;
}
.changePassword .confirm-to-modify{
width: 169px;
height: 45px;
background: #DC7835;
border-radius: 6px;
    cursor: pointer;
    margin:45px 0 0 194px;
font-size: 1.14rem;
font-weight: 400;
color: #FFFFFF;display: flex;
    justify-content: center;
    align-items: center;
}
.changePassword .confirm-to-modify span{

}
.changePassword .block-style{
width: 1597px;
height: 84px;
background: #FFFFFF;
border: 1px solid #F6F6F6;display: flex;
    justify-content: center;
}
.changePassword .block-style div{
      z-index: auto;
    width: 773px;
    height: 32px;
    justify-content: space-between;align-items: center;
}
.changePassword .block-style span{
font-size: 1rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
margin:0 55px 0 80px;
}
.changePassword .block-style input{
      z-index: 65;
    height: 32px;
    border: 1px solid rgba(217, 217, 217, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 664px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 14px;
}
.changePassword input:focus-visible {
    outline: rgba(22, 77, 124, 1) auto 0px;
}
.account-settings .account-settings-group3:hover .txt2 {
    color: rgba(5, 125, 224, 1);
}

.workOrderSystem .page {
  z-index: 1;
  position: relative;
  width: 1600px;
  /*height: 1243px;*/
  background-color: rgba(242, 243, 245, 1);
  overflow: hidden;
}

.workOrderSystem .group1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);
  width: 1600px;
  align-items: flex-start;
  position: relative;
}

.workOrderSystem .bd1 {
  z-index: auto;
  /*height: 1243px;*/
}

.workOrderSystem .outer1 {
  z-index: 5;
  height: 1243px;
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.workOrderSystem .bd2 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.workOrderSystem .outer2 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.workOrderSystem .main1 {
  z-index: auto;
  width: 139px;
  height: 318px;
}

.workOrderSystem .icon1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.workOrderSystem .label1 {
  z-index: 15;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 48px 0 0 16px;
}

.workOrderSystem .group2 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 41px 0 0 18px;
}

.workOrderSystem .group3 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 34px;
  width: 139px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 8px 17px;
}

.workOrderSystem .icon2 {
  z-index: 20;
  width: 16px;
  height: 15px;
}

.workOrderSystem .label2 {
  z-index: 12;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 34px 0 0 18px;
}

.workOrderSystem .label3 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 44px 0 0 19px;
}

.workOrderSystem .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workOrderSystem .outer3 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.workOrderSystem .label4 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.workOrderSystem .outer4 {
  z-index: auto;
  width: 1600px;
  /*height: 1125px;*/
  margin-top: 80px;
}

.workOrderSystem .word1 {
    width: 1600px;
height: 56px;
background: #3c3c3c;
    
font-size: 1.14rem;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.workOrderSystem .word1 span{
margin: 0 0 0 45px;    
}

.workOrderSystem .outer5 {
  z-index: 61;
  height: 60px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(246, 248, 247, 1);
  width: 1600px;
}

.workOrderSystem .section1 {
  z-index: auto;
  width: 376px;
  height: 60px;
  /*margin:0 0 0 29px;*/
}

.workOrderSystem .word2,.abnormal .abnormal-word2{
    z-index: 64;
    /*width: 64px;*/
    height: 60px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    
font-size: 1.14rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 60px;

}
.workOrderSystem .special-effects:hover{
  color:rgba(220, 120, 53, .7);
}
.workOrderSystem .special-effects{
  transition: all .3s;
  -webkit-transition: all .3s;
    cursor: pointer;
    padding: 0 40.5px;
}
.workOrderSystem .check-special-effects{
  
  color: #DC7835 !important;
    border-bottom: 6px solid #DC7835;
}
.workOrderSystem .info1 {
  z-index: 63;
  /*width: 64px;*/
  height: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 60px;
  /*margin-left: 18px;*/
}

.workOrderSystem .txt1 {
  z-index: 65;
  /*width: 64px;*/
  height: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 60px;
  /*margin-left: 18px;*/
}

.workOrderSystem .section2 {
  z-index: auto;
  width: 120px;
  height: 4px;
  margin: 14px 0 0 1px;
}

.workOrderSystem .box1 {
    z-index: 68;
    width: 120px;
    height: 4px;
    background-color: rgba(5, 125, 224, 1);
    transition: all .2s;
    -webkit-transition: all .2s;
    pointer-events: none;
    left: 0;
    position: relative;
}

.workOrderSystem .outer6 {
  z-index: 66;
  /*height: 871px;*/
  padding: 0 0 51px 0;
  overflow: hidden;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  border-top:0;
  width: 1600px;
}

.workOrderSystem .main2 {
  z-index: auto;
  width: 675px;
  height: 32px;
  justify-content: space-between;
  margin: 36px 0 0 44px;
}

.workOrderSystem .info2 {
  z-index: 67;
  width: 112px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 6px;
}

.workOrderSystem .box2,.workOrderSystem .leave-number-box2{
  z-index: 69;
  height: 32px;
  border: 1px solid rgba(210, 210, 210, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 549px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 12px;
  color: #999;border-radius: 1px;
}

.workOrderSystem .word3 {
  z-index: 70;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.workOrderSystem .main3 {
  z-index: auto;
  width: 675px;
  height: 32px;
  justify-content: space-between;
  margin: 20px 0 0 44px;
}

.workOrderSystem .word4 {
  z-index: 71;
  width: 98px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 6px;
}

.workOrderSystem .bd3,.workOrderSystem .leave-number-bd3{
  z-index: 72;
  height: 32px;
  border: 1px solid rgba(210, 210, 210, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 549px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 12px;
border-radius: 1px;
  color: #999;
}

.workOrderSystem .info3 {
  z-index: 73;
  width: 119px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.workOrderSystem .main4 {
  z-index: auto;
  margin: 59px 0 0 65px;display: flex;
    align-items: center;
}

.workOrderSystem .info4 {
  z-index: 74;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 1rem;
  white-space: nowrap;
  line-height: 20px;margin: 0 37px 0 0;
}

.workOrderSystem .section3 {
  z-index: 75;
  height: 45px;
  border: 1px solid rgba(210, 210, 210, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 772px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 12px;    color: #333333;
}

.workOrderSystem .word5 {
  z-index: 76;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.workOrderSystem .main5 {
  z-index: auto;
  margin: 28px 0 0 65px;
}

.workOrderSystem .txt2 {
  z-index: 81;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 1rem;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 37px 0 0;
}

.workOrderSystem .group4,.workOrderSystem .leave-number-group4{
  z-index: 82;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0 12px;
  color: rgba(153, 153, 153, 1);resize:none;border-radius: 1px;
  width: 772px;
height: 372px;
background: #FFFFFF;
border: 1px solid #D2D2D2;
font-size: 1rem;
}

.workOrderSystem .word6 {
  z-index: 83;
  width: 520px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.workOrderSystem .main6 {
  z-index: auto;
  margin: 28px 0 0 65px;display: flex;
    align-items: center;
}

.workOrderSystem .info5 {
  z-index: 77;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin: 0 84px 0 0;
}

.workOrderSystem .outer6 .Screenshot-list{
    margin:20px 0 0 239px;width: 772px;
}
.workOrderSystem .outer6 .Screenshot-list .info{
    width: 100%;
height: 42px;
background: #EFF5F9;display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 1px 0;
}
.workOrderSystem .outer6 .Screenshot-list .info .left{
    display: flex;
    align-items: center;
}
.workOrderSystem .outer6 .Screenshot-list .info .left .img{
    width: 22px;
height: 20px;
margin: 0 0 0 21px;
}
.workOrderSystem .outer6 .Screenshot-list .info .left .name{
    margin:0 14px 0 10px;font-size: 1rem;
font-weight: 400;
color: #333333;
cursor: pointer;
}
.workOrderSystem .outer6 .Screenshot-list .info .left .size{
    font-size: 1rem;
font-weight: 400;
color: #999999;
}
.workOrderSystem .outer6 .Screenshot-list .info .right{
     display: flex;
    align-items: center;
}
.workOrderSystem .outer6 .Screenshot-list .info .right .View{
    font-size: 1rem;
font-weight: 400;
color: #1E5BA1;
cursor: pointer;
}
.workOrderSystem .outer6 .Screenshot-list .info .right .delete{
    font-size: 1rem;
font-weight: 400;
color: #1E5BA1;
margin:0 39px 0 30px;
cursor: pointer;
}
.workOrderSystem .box3 {
    cursor: pointer;
    width: 124px;
height: 45px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #979797;
font-size: 1rem;
font-weight: 400;
color: #333333;    display: flex;
    justify-content: center;
    align-items: center;
}

.workOrderSystem .info6 {
    
}

.workOrderSystem .txt3 {
font-size: 1rem;
font-weight: 400;
color: #999999;
    margin: 0 0 0 25px;
}

.workOrderSystem .outer7,.workOrderSystem .leave-number-outer7{
width: 169px;
height: 45px;
background: #DC7835;
border-radius: 6px;
  cursor: pointer;
font-size: 1.14rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;display: flex;
    justify-content: center;
    align-items: center;
    margin:15px 0 0 213px;
}

.workOrderSystem .info7 {
    
}

.workOrderSystem .word7 {
  z-index: 59;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 384px 469px 0 0;
}

.workOrderSystem .bd4 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.workOrderSystem .outer8 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.workOrderSystem .icon3 {
  z-index: 88;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.workOrderSystem .info8 {
  z-index: 87;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.workOrderSystem .txt4 {
  z-index: 86;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.workOrderSystem .mod1 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.workOrderSystem .icon4 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.workOrderSystem .word8 {
  z-index: 55;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.workOrderSystem .mod2 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.workOrderSystem .pic1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.workOrderSystem .info9 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.workOrderSystem .paragraph1 {
  z-index: 62;
  position: absolute;
  left: 243px;
  top: 198px;
  width: 214px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
}

.workOrderSystem .word9 {
  z-index: 6;
  position: absolute;
  left: 659px;
  top: 615px;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.workOrderSystem{
    padding: 0 0 40px 52px;
    width: 100%;
    height: 100vh;
      overflow: hidden auto;
  overflow: auto !important;
}
.workOrderSystem textarea:focus-visible {
    outline: rgba(22, 77, 124, 1) auto 0px;
}
.workOrderSystem input:focus-visible {
    outline: rgba(22, 77, 124, 1) auto 0px;
}
.workOrderSystem .nav-bar{
    z-index: auto;
width: 169px;
height: 6px;
    position: absolute;
}
.workOrderSystem .nav-bar div{
  z-index: 68;
  height: 6px;
  background-color: #DC7835;
  transition: all .2s;
  -webkit-transition: all .2s;
  pointer-events: none;
  left: 0;
  position: relative;
  opacity: 0;
  width: 0;
  top: 54px;
}



.workOrderSystem .myTicket-layer6 {
    width: 1600px;
    height: 84px;
    background: #FFFFFF;
    border: 1px solid #DFE4E5;
     margin-top: -1px;display: flex;
    justify-content: center;
}

.workOrderSystem .myTicket-word8 {
    
font-size: 1.14rem;
font-weight: 600;
color: #333333;
margin:0 0 0 41px;
}


.workOrderSystem .myTicket-layer7 {
    width: 1600px;
    height: 84px;
    background: #FFFFFF;
    border: 1px solid #DFE4E5;
  margin-top: -1px;display: flex;
    justify-content: center;
}

.workOrderSystem .myTicket-layer8 {
  z-index: auto;
}

.workOrderSystem .myTicket-word9 {
    
font-size: 1.14rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #999999;margin: 0 191px 0 41px;
}

.workOrderSystem .myTicket-txt1 {
    
font-size: 1.14rem;
font-weight: 600;
color: #999999;
margin:0 544px 0 0;
}

.workOrderSystem .myTicket-word10 {
    
font-size: 1.14rem;
font-weight: 600;
color: #999999;
margin: 0 136px 0 0;
}

.workOrderSystem .myTicket-word11 {
    
font-size: 1.14rem;
font-weight: 600;
color: #999999;
}

.workOrderSystem .myTicket-layer9 {
width: 1600px;
height: 84px;
background: #FFFFFF;
border: 1px solid #DFE4E5;
  margin-top: -1px;    display: flex;
    justify-content: center;
}

.workOrderSystem .myTicket-mod5 {
  z-index: auto;
}

.workOrderSystem .myTicket-word12 {
font-size: 1rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
margin:0 82px 0 41px;
}

.workOrderSystem .myTicket-word13 {
  width: 487px;
  overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer;
    font-size: 1rem;
font-weight: 400;
color: #333333;
margin:0 143px 0 0;
}

.workOrderSystem .myTicket-info7 {
font-size: 1rem;
font-weight: 400;
color: #333333;
margin:0 122px 0 0;
}

.workOrderSystem .myTicket-word14 {
    font-size: 1rem;
font-weight: 400;
color: #333333;
  width: 327px;   overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer;
}
.console{
  height: calc(100vh - 60px);
  overflow: auto;
}

.subscribeNow .page {
  z-index: 1;
  position: relative;
  width: 1366px;
  /*height: 1243px;*/
  background-color: rgba(242, 243, 245, 1);
  overflow: hidden;
}

.subscribeNow .bd1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);
  width: 1366px;
  align-items: flex-start;
  position: relative;
}

.subscribeNow .section1 {
  z-index: auto;
  width: 1238px;
  /*height: 1243px;*/
}

.subscribeNow .wrap1 {
  z-index: 5;
  height: 1243px;
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.subscribeNow .outer1 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.subscribeNow .bd2 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.subscribeNow .outer2 {
  z-index: auto;
  width: 139px;
  height: 318px;
}

.subscribeNow .label1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.subscribeNow .label2 {
  z-index: 15;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 48px 0 0 16px;
}

.subscribeNow .outer3 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 41px 0 0 18px;
}

.subscribeNow .label3 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 47px 0 0 18px;
}

.subscribeNow .outer4 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 32px;
  width: 139px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 17px;
}

.subscribeNow .label4 {
  z-index: 12;
  width: 16px;
  height: 16px;
}

.subscribeNow .icon1 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 34px 0 0 19px;
}

.subscribeNow .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribeNow .bd3 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.subscribeNow .label5 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.subscribeNow .wrap2 {
  z-index: auto;
  width: 100%;
  /*height: 690px;*/
  margin: 90px 0 0 39px;
}

.subscribeNow .word1 {
  z-index: 60;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.subscribeNow .outer5 {
  z-index: 61;
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  align-self: flex-start;
  margin-top: 9px;
  font-size: 0;
}

.subscribeNow .word2 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W6;
  color: rgba(0, 0, 0, 1);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribeNow .info1 {
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  color: rgba(0, 0, 0, 1);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribeNow .outer6 {
  z-index: 63;
  height: 596px;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.17);
  align-self: flex-end;
  margin: 33px 56px 0 0;
  width: 320px;
  justify-content: flex-end;
  padding-bottom: 47px;
  align-items: center;
  position: relative;
}

.subscribeNow .bd4 {
  z-index: auto;
  width: 222px;
  height: 466px;
}

.subscribeNow .word3 {
    z-index: 64;
    width: 100%;
    height: 40px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 40px;
    font-family: HiraginoSansCNS-W6;
    white-space: nowrap;
    line-height: 40px;
    text-align: center;
    align-self: center;
}

.subscribeNow .section2 {
  z-index: 66;
  height: 37px;
  border-radius: 8px;
  background-color: rgba(237, 80, 80, 1);
  align-self: center;
  margin-top: 58px;
  width: 168px;margin-top: 26px;
  justify-content: center;
  align-items: center;
}

.subscribeNow .info2 {
  z-index: 68;
  width: 94px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.subscribeNow .section3 {
  z-index: 88;
  width: 40px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng7f5ec5c9f55bcceb286a3efc5151a08d5226a4c90e0a03f5cb59216f61745150.png) -1px -1px
    no-repeat;
  align-self: flex-start;
  margin: 20px 0 0 57px;
}

.subscribeNow .infoBox2 {
  z-index: 65;
  width: 196px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: center;
  margin-top: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribeNow .section4 {
  z-index: 72;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(5, 125, 224, 1);
  margin-top: 58px;
  cursor: pointer;
}
.subscribeNow .section4:hover {
    opacity: 0.6;      transition: all .3s;
    -webkit-transition: all .3s;
}

.subscribeNow .txt1 {
  z-index: 67;
  width: 100%;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;    margin-top: 13px;
}

.subscribeNow .info3 {
    z-index: 71;
    width: 100%;
    height: 70px;
    line-height: 70px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(5, 125, 224, 1);
    font-size: 30px;
    font-family: PingFangTC-Regular;
    white-space: nowrap;
    text-align: center;
    align-self: center;
}

.subscribeNow .wrap3 {
  z-index: auto;
  width: 216px;
  height: 893px;
  margin: 322px 0 0 106px;
}

.subscribeNow .word4 {
  z-index: 73;
  width: 113px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-left: 28px;
}

.subscribeNow .layer1 {
  z-index: 69;
  height: 37px;
  border-radius: 8px;
  background-color: rgba(237, 80, 80, 1);
  align-self: flex-start;
  margin-top: 21px;
  width: 168px;
  justify-content: center;
  align-items: center;
}

.subscribeNow .txt2 {
  z-index: 70;
  width: 94px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.subscribeNow .word5 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 215px 0 0 15px;
}

.subscribeNow .txt3 {
  z-index: 59;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin-top: 566px;
}

.subscribeNow .wrap4 {
  z-index: 83;
  height: 596px;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.17);
  width: 320px;
  justify-content: flex-end;
  padding-bottom: 47px;
  align-items: center;
  position: relative;
  margin: 184px 0 0 58px;
}

.subscribeNow .outer7 {
  z-index: auto;
  width: 222px;
  height: 466px;
}

.subscribeNow .info4 {
  z-index: 84;
  width: 120px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: center;
}

.subscribeNow .paragraph1 {
  z-index: 85;
  width: 196px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: center;
  margin-top: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribeNow .wrap5 {
  z-index: 87;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(5, 125, 224, 1);
  margin-top: 58px;
}

.subscribeNow .word6 {
  z-index: 86;
  position: absolute;
  left: 115px;
  top: 490px;
  width: 90px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.subscribeNow .section5 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.subscribeNow .main1 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.subscribeNow .icon2 {
  z-index: 91;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.subscribeNow .txt4 {
  z-index: 90;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.subscribeNow .info5 {
  z-index: 89;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.subscribeNow .main2 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.subscribeNow .label6 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.subscribeNow .txt5 {
  z-index: 55;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.subscribeNow .main3 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.subscribeNow .pic1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.subscribeNow .info6 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.subscribeNow .word7 {
  z-index: 62;
  width: 100%;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;margin-top: 12px;
}

.subscribeNow .txt6 {
  z-index: 82;
  position: absolute;
  left: 1022px;
  top: 322px;
  width: 113px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.subscribeNow .info7 {
  z-index: 77;
  position: absolute;
  left: 1054px;
  top: 409px;
  width: 49px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.subscribeNow .section6 {
  z-index: 74;
  height: 596px;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.17);
  width: 320px;
  justify-content: flex-end;
  padding-bottom: 47px;
  align-items: center;
  position: absolute;
  left: 568px;
  top: 184px;
}

.subscribeNow .block1 {
  z-index: auto;
  width: 222px;
  height: 466px;
}

.subscribeNow .word8 {
  z-index: 78;
  width: 80px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 40px;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 40px;
  text-align: left;
  align-self: center;
}

.subscribeNow .mod1 {
  z-index: 76;
  width: 26px;
  height: 2px;
  background: url(/Public/Home/images/SketchPng45116674e6d454c24780f3f9a7117a6571af1fe1f181d2d50f4e1159049dd269.png) -1px -1px
    no-repeat;
  align-self: flex-start;
  margin: 115px 0 0 50px;
}

.subscribeNow .paragraph2 {
  z-index: 79;
  width: 196px;
  height: 140px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  line-height: 28px;
  text-align: left;
  align-self: center;
  margin-top: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribeNow .mod2 {
  z-index: 81;
  width: 222px;
  height: 72px;
  border-radius: 20px;
  border: 2px solid rgba(5, 125, 224, 1);
  margin-top: 58px;
}

.subscribeNow .word9 {
  z-index: 75;
  position: absolute;
  left: 105px;
  top: 225px;
  width: 106px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.subscribeNow .txt7 {
  z-index: 80;
  position: absolute;
  left: 115px;
  top: 490px;
  width: 90px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}
.subscribeNow{
  padding: 0 0 40px 40px;
  width: 100%;
  height: 100vh;
    overflow: hidden auto;
  overflow: auto !important;
}
.subscribeNow .txt1 .line-through{
  text-decoration: line-through;
}
.subscribeNow .a-month-hide{
  background: none;
}
.paymentMethod .page {
  z-index: 1;
  position: relative;
  width: 1366px;
  /*height: 1243px;*/
  background-color: rgba(242, 243, 245, 1);
  overflow: hidden;
}

.paymentMethod .box1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);
  width: 1366px;
  align-items: flex-start;
  position: relative;
}

.paymentMethod .bd1 {
  z-index: auto;
  width: 1294px;
  /*height: 1243px;*/
  justify-content: space-between;
}

.paymentMethod .block1 {
  z-index: 5;
  height: 1243px;
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.paymentMethod .box2 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.paymentMethod .group1 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.paymentMethod .main1 {
  z-index: auto;
  width: 139px;
  height: 318px;
}

.paymentMethod .icon1 {
  z-index: 26;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.paymentMethod .icon2 {
  z-index: 15;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 48px 0 0 16px;
}

.paymentMethod .outer1 {
  z-index: 23;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 41px 0 0 18px;
}

.paymentMethod .icon3 {
  z-index: 20;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 47px 0 0 18px;
}

.paymentMethod .outer2 {
  z-index: 9;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 32px;
  width: 139px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 17px;
}

.paymentMethod .label1 {
  z-index: 12;
  width: 16px;
  height: 16px;
}

.paymentMethod .label2 {
  z-index: 10;
  width: 11px;
  height: 16px;
  align-self: flex-start;
  margin: 34px 0 0 19px;
}

.paymentMethod .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .group2 {
  z-index: 39;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.paymentMethod .icon4 {
  z-index: 40;
  width: 20px;
  height: 16px;
}

.paymentMethod .block2 {
  z-index: auto;
  width: 1095px;
  /*height: 1125px;*/
  margin-top: 90px;
}

.paymentMethod .txt1 {
  z-index: 60;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.paymentMethod .group3 {
  z-index: 63;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.17);
  background-color: rgba(175, 255, 178, 0.17);
  align-self: flex-end;
  margin-top: 40px;
  width: 1076px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 35px 134px 35px 0;
}

.paymentMethod .main2 {
  z-index: 66;
  width: 725px;
  height: 48px;
  overflow-wrap: break-word;
  text-align: left;
  font-size: 0;
}

.paymentMethod .paragraph1 {
  font-size: 16px;
  font-family: PingFangTC-Regular;
  color: rgba(0, 0, 0, 1);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .info1 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(0, 0, 0, 1);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .word1 {
  font-size: 16px;
  font-family: PingFangTC-Regular;
  color: rgba(0, 0, 0, 1);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .group4 {
z-index: 64;
    height: 113px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.17);
    align-self: flex-end;
    width: 500px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 51px;
    margin: 20px 0 0 0;
    justify-content: flex-start;
    align-items: center;
    align-self: center;
}

.paymentMethod .group4 .alipay{
margin-left: 27px;
}

.paymentMethod .img1 {
  z-index: 65;
  width: 58px;
  height: 58px;
}

.paymentMethod .word2 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 135px 0 0 460px;
}

.paymentMethod .group5 {
  z-index: 70;
  width: 383px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng717f12521314625ecb50eb3d17476dbe17405727faf53ea683f9c559493603b0.png)
    100% no-repeat;
  align-self: flex-end;
position: relative;
    left: -40px;
}

.paymentMethod .group6 {
    z-index: 67;
    height: 72px;
    border-radius: 20px;
    background-color: rgba(5, 125, 224, 1);
    align-self: flex-end;
    width: 500px;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin-top:70px;
    cursor: pointer;
}

.paymentMethod .group6 :hover{
      transition: all .3s;
    -webkit-transition: all .3s;
}

.paymentMethod .word3 {
  z-index: 68;
  width: 120px;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: left;
}

.paymentMethod .word4 {
  z-index: 59;
  width: 167px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 201px 434px 0 0;
}

.paymentMethod .bd2 {
  z-index: 36;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.paymentMethod .bd3 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.paymentMethod .label3 {
  z-index: 73;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.paymentMethod .info2 {
  z-index: 72;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.paymentMethod .txt2 {
  z-index: 71;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.paymentMethod .group7 {
  z-index: 53;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.paymentMethod .label4 {
  z-index: 54;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.paymentMethod .txt3 {
  z-index: 55;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.paymentMethod .group8 {
  z-index: 56;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.paymentMethod .pic1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.paymentMethod .word5 {
  z-index: 38;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.paymentMethod .info3 {
  z-index: 61;
  width: 60px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: HiraginoSansCNS-W6;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.paymentMethod .word6 {
  z-index: 62;
  width: 224px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
}

.paymentMethod .bd4 {
  z-index: 69;
  width: 320px;
  height: 300px;
  overflow-wrap: break-word;
  text-align: left;
  font-size: 0;margin: 0 auto;    margin-top: 20px;
}

.paymentMethod .txt4 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(153, 153, 153, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;    width: 200px;
    display: inline-flex;
    margin:0 0 30px 0;
}

.paymentMethod .info4 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(102, 102, 102, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .infoBox2 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  
}

.paymentMethod .infoBox3 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(102, 102, 102, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .word7 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(153, 153, 153, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;    width: 200px;
    display: inline-flex;
}

.paymentMethod .word8 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(102, 102, 102, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .paragraph2 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .infoBox4 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .word9 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(153, 153, 153, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;width: 200px;
    display: inline-flex;
    margin:0 0 30px 0;
}

.paymentMethod .word10 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(102, 102, 102, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .paragraph3 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  
}

.paymentMethod .info5 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(153, 153, 153, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;    width: 200px;
    display: inline-flex;    margin: 0 0 30px 0;
}

.paymentMethod .info6 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .infoBox5 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(250, 85, 85, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .infoBox6 {
  font-size: 16px;
  font-family: HiraginoSansCNS-W3;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paymentMethod .word11 {
  
font-size: 1.14rem;
  font-family: HiraginoSansCNS-W3;
  color: rgba(153, 153, 153, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;width: 200px;
    display: inline-flex;
    margin-top: 30px;
}

.paymentMethod .word12 {
  
font-size: 1.14rem;
  font-family: HiraginoSansCNS-W3;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;

}
.paymentMethod{
    padding: 0 0 40px 40px;
    width: 100%;
    height: 100vh;
      overflow: hidden auto;
  overflow: auto !important;
}
.paymentMethod .set-meal{
    width: 100%;
    text-align: center;  
}
.paymentMethod .submit-a-ticket{
  cursor: pointer;
}

.invitationReward .page {
  z-index: 1;
  position: relative;
  width: 1600px;
  /*height: 1243px;*/
  background-color: rgba(242, 243, 245, 1);
  overflow: hidden;
}

.invitationReward .outer1 {
  z-index: 2;
  /*height: 1243px;*/
  background-color: rgba(255, 255, 255, 1);

  align-items: flex-start;
  position: relative;
}

.invitationReward .group1 {
  z-index: auto;
  /*width: 1329px;*/
  /*height: 1243px;*/
  justify-content: space-between;
}

.invitationReward .wrap1 {
  z-index: 5;
  /*height: 1243px;*/
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.invitationReward .box1 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.invitationReward .block1 {
  z-index: 6;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: flex-end;
  padding-bottom: 29px;
  align-items: center;
  position: relative;
}

.invitationReward .layer1 {
  z-index: auto;
  width: 139px;
  height: 328px;
}

.invitationReward .icon1 {
  z-index: 25;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.invitationReward .icon2 {
  z-index: 14;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 48px 0 0 16px;
}

.invitationReward .block2 {
  z-index: 22;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng0c68c938f8c76b4d6f73117bf7f64fa15970a43a93cb7c699e4de5aed0c90b75.png)
    0px 0px no-repeat;
  align-self: flex-start;
  margin: 41px 0 0 18px;
}

.invitationReward .icon3 {
  z-index: 19;
  width: 16px;
  height: 15px;
  align-self: flex-start;
  margin: 47px 0 0 18px;
}

.invitationReward .icon4 {
  z-index: 11;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 43px 0 0 18px;
}

.invitationReward .block3 {
  z-index: 8;
  height: 37px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(5, 125, 224, 0.03);
  margin-top: 33px;
  width: 139px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 18px;
}

.invitationReward .icon5 {
  z-index: 9;
  width: 11px;
  height: 16px;
}

.invitationReward .infoBox1 {
  z-index: 7;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 72px;
  height: 360px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.invitationReward .block4 {
  z-index: 38;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.invitationReward .label1 {
  z-index: 39;
  width: 20px;
  height: 16px;
}

.invitationReward .wrap2 {
  z-index: auto;
  width: 1600px;
  /*height: 1125px;*/
  margin-top: 90px;
}

.invitationReward .txt1 {
  
font-size: 1.14rem;
font-weight: 400;
color: #FFFFFF;
display: flex;
    align-items: center;
  width: 1600px;
height: 56px;
background: #3c3c3c;
}
.invitationReward .txt1 span{
margin: 0 0 0 45px;
}
.invitationReward .main1 {
}

.invitationReward .wrap3 {
  z-index: 60;
  /*height: 115px;*/
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1600px;
}

.invitationReward .outer2 {
  z-index: auto;
  margin: 34px 0 0 97px;
}

.invitationReward .icon6 {
  z-index: 66;
  width: 11px;
  height: 16px;
  margin-top: 2px;
}

.invitationReward .txt2 {
font-size: 1rem;
font-weight: 400;
color: #999999;
margin:0 55px 0 0;
}

.invitationReward .word1 {
    font-size: 1rem;
font-weight: 400;
color: #333333;
}

.invitationReward .info1 {
  z-index: 71;
  width: 115px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-left: 5px;
}

.invitationReward .outer3 {
  z-index: auto;
  width: 907px;
  height: 1px;
  margin: 18px 0 0 231px;
}

.invitationReward .layer2 {
  z-index: 73;
  width: 645px;
  height: 1px;
  background: url(/Public/Home/images/SketchPngb0f04d75cecb0d19a20c3321184b70f11fc5b13871edf9966dd96d7961d2cb0b.png)
    100% no-repeat;
}

.invitationReward .outer4 {
  z-index: auto;
  margin: 15px 0 0 231px;display: flex;
    align-items: center;
}
.invitationReward .outer5 {
  z-index: auto;
  margin: 27px 0 35px 231px;display: flex;
    align-items: center;
}
.invitationReward .new-wrap4{
    width: 72px;
height: 34px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #979797;font-size: 1rem;
font-weight: 400;
color: #333333;    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.invitationReward .section1 {
    width: 146px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #979797;
    cursor: pointer;
    font-size: 1rem;
font-weight: 400;
color: #333333;display: flex;
    align-items: center;
    justify-content: center;
}

.invitationReward .word2 {
}

.invitationReward .txt3 {
    font-size: 1rem;
    font-weight: 400;
    color: #999999;
    margin:0 0 0 41px;
}

.invitationReward .wrap4 {
  z-index: 61;
    height: 133px;
    overflow: hidden auto;
  overflow: auto !important;
  width:238px;
  position: relative;
}

.invitationReward .layer3 {
  z-index: auto;
  width: 240px;
  height: 99px;
  margin: 19px 0 0 22px;
}
.invitationReward .outer5 .code{
        font-size: 1rem;
    font-weight: 400;
    color: #057DE0;
    margin: 0 17px 0 24px;
    line-height: 34px;
    height: 34px;
}
.invitationReward .outer5 .my-share-code{
    font-size: 1rem;
font-weight: 400;
color: #333333;    line-height: 34px;
    height: 34px;
}
.invitationReward .icon7 {
  z-index: 94;
  width: 20px;
  height: 16px;
}

.invitationReward .label2 {
  z-index: 101;
  width: 20px;
  height: 16px;
  margin-top: 35px;
}

.invitationReward .outer6 {
  z-index: auto;
  width: 137px;
  height: 71px;
  margin: 18px 0 0 12px;
}

.invitationReward .word3 {
  z-index: 63;
  width: 137px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward .info2 {
  z-index: 100;
  width: 137px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 31px;
}

.invitationReward .outer7 {
  z-index: 113;
  width: 4px;
  height: 99px;
  border-radius: 2px;
  background-color: rgba(216, 216, 216, 1);
  margin-left: 67px;
}

.invitationReward .layer4 {
  z-index: auto;
  width: 100%;
  height: 34px;
    margin: 0 0 12px 0;
}

.invitationReward .label3 {
  z-index: 108;
  width: 20px;
  height: 16px;
  margin-top:4px;
}

.invitationReward .txt4 {
  z-index: 107;
  width: 137px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward .word4 {
  z-index: 62;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 184px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward .info3 {
  z-index: 99;
  position: absolute;
  left: 54px;
  top: 69px;
  width: 184px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward .word5 {
  z-index: 106;
  width: 184px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.invitationReward .main2 {
width: 1600px;
height: 84px;
background: #F6F8F7;
border: 1px solid #DFE4E5;display: flex;
    justify-content: center;margin: 28px 0 0 0;
}

.invitationReward .wrap5 {
}

.invitationReward .info4 {

  
font-size: 1.14rem;
font-weight: 600;
color: #333333;    margin: 0 0 0 41px;
}

.invitationReward .word6 {
    
font-size: 1.14rem;
font-weight: 600;
color: #999999;
margin:0 0 0 7px;
}

.invitationReward .main3 {
    width: 1600px;
height: 84px;
background: #FFFFFF;
border: 1px solid #DFE4E5;
  margin-top: -1px;    display: flex;
    justify-content: center;
}

.invitationReward .bd1 {
  z-index: auto;display: flex;
    align-items: center;
}

.invitationReward .word7 {
    font-size: 1rem;
    font-weight: 400;
    color: #333333;
    width: 200px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    word-break: break-all;    margin: 0 683px 0 41px;
}

.invitationReward .word8 {
    font-size: 1rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}

.invitationReward .word9 {
        font-size: 1rem;
    font-weight: 400;
    color: #000000;
    margin: 0 117px 0 0;width: 173px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
} 

.invitationReward .group2 {
  z-index: 35;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.invitationReward .bd2 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.invitationReward .label4 {
  z-index: 116;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.invitationReward .word10 {
  z-index: 115;
  width: 63px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.invitationReward .word11 {
  z-index: 114;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin: 4px 0 0 8px;
}

.invitationReward .group3 {
  z-index: 52;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.invitationReward .icon8 {
  z-index: 53;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.invitationReward .word12 {
  z-index: 54;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.invitationReward .group4 {
  z-index: 55;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.invitationReward .img1 {
  z-index: 36;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.invitationReward .info5 {
  z-index: 37;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.invitationReward .group5 {
    z-index: 74;
    height: 61px;
    border-top: 1px solid rgba(223, 228, 229, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 838px;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 20px 16px 0;
}

.invitationReward .group6 {
  z-index: auto;
  width: 753px;
  height: 22px;
}

.invitationReward .info6 {
  z-index: 75;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-top: 2px;
}

.invitationReward .info7 {
  z-index: 76;
  width: 42px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 0 39px;
}

.invitationReward .group7 {
  z-index: 77;
  height: 20px;
  border-radius: 2px;
  background-color: rgba(5, 125, 224, 1);
  margin-left: 566px;
  width: 50px;
  align-items: center;
  cursor: pointer;      transition: all .3s;
    -webkit-transition: all .3s;
}
.invitationReward .group7:hover{
  opacity: 0.6;
}

.invitationReward .info8 {
  z-index: 78;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.invitationReward .group8 {
  z-index: 82;
  height: 84px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1600px;
  justify-content: center;
  align-items: flex-start;
  margin-top:-1px;
}

.invitationReward .outer8 {
  z-index: auto;
}

.invitationReward .word13 {
    
font-size: 1.14rem;
font-weight: 600;
color: #999999;
}
.invitationReward .group8 .right-1{
    margin: 0 826px 0 41px;
}
.invitationReward .group8 .right-2{
    margin-right: 219px;
}
.invitationReward .info9 {
    
    
font-size: 1.14rem;
    font-weight: 600;
    color: #999999;
}

.invitationReward .group9 {
  z-index: 87;
  height: 60px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1130px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;
}

.invitationReward .layer5 {
  z-index: auto;
  width: 994px;
  height: 20px;
  justify-content: space-between;
}

.invitationReward .word14 {
}

.invitationReward .info10 {
  z-index: 90;
  width: 138px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward .group10 {
  z-index: 88;
  height: 60px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1130px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;
  position: absolute;
  left: 199px;
  top: 565px;
}

.invitationReward .box2 {
  z-index: auto;
  width: 994px;
  height: 20px;
  justify-content: space-between;
}

.invitationReward .info11 {
  z-index: 91;
  width: 73px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward .txt5 {
  z-index: 92;
  width: 138px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
}

.invitationReward{
    padding: 0 0 40px 52px;
    width: 100%;
    height: 100vh;
      overflow: hidden auto;
  overflow: auto !important;
}
.invitationReward .invitation-scroll{
margin-left: 12px;
}
.invitationReward .invitation-scroll-list{
border: 1px solid rgba(223, 228, 229, 1);
    padding: 19px 6px 19px 22px;
}
.invitationReward .wrap4::-webkit-scrollbar-thumb{
    background-color: #D8D8D8;
}
.invitationReward .wrap4::-webkit-scrollbar {
    width: 4px;
    -webkit-appearance: none;
}
.send-email .send-warp2{
  display: none;
}
.send-email .send-warp3{
  display: none;
}
.send-email .locking{
      background: #E7E7E7;
    border: 1px solid #CCCCCC;
    color: #666666;
}
.cursor-pointer{
  cursor:pointer;
  color: rgba(255, 255, 255, 0.69);
}
.paymentMethod .allipay-iframe{
  border: none;
  overflow: hidden;
  width: 300px;
  height: 320px;
  margin: 30px 0;
}
.console .flow{
        font-size: 14px;
    font-family: PingFangTC-Regular, PingFangTC;
    font-weight: 400;
    color: #057DE0;
    position: absolute;
    right: 21px;
}
.console .activated{
    font-weight: 400;
    color: #15942F;
}
.product-management{
    background: #057DE0;
    border-radius: 2px;
    font-size: 13px;
    font-family: PingFangTC-Regular, PingFangTC;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 42px;
    padding: 2px 11px;
    text-align: center;
    line-height: 21px;
    position: relative;
    top: -3px;
}
.console .console-product-management{
    background: #057DE0;
    border-radius: 2px;
    font-size: 13px;
    font-family: PingFangTC-Regular, PingFangTC;
    font-weight: 400;
    color: #FFFFFF;
    padding: 2px 11px;
    text-align: center;
    line-height: 21px;
    position: relative;
    top: -28px;
    display: inline-block;
    float: right;
}
.console .ordinary{
        font-weight: 400;
    color: #999999;
    line-height: 28px;
    font-size: 14px;
    white-space: nowrap;
}
.product .group3 {
  z-index: auto;
  width: 1030px;
  /*height: 1121px;*/
  margin: 94px 0 0 40px;
} 

.product .word1 {
  z-index: 32;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.product .info1 {
  z-index: 33;
  width: 210px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  align-self: flex-start;
  margin-top: 4px;
}

.product .outer1 {
  z-index: auto;
  width: 1030px;
  height: 419px;
  margin-top: 17px;
  justify-content: space-between;
}

.product .mod3 {
  z-index: 34;
  height: 419px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(246, 248, 247, 1);
  width: 500px;
  justify-content: flex-start;
}

.product .mod4 {
  z-index: auto;
  width: 500px;
  height: 390px;
}

.product .mod5 {
  z-index: 61;
  height: 108px;
  border: 1px solid rgba(58, 106, 186, 1);
  background-color: rgba(83, 133, 217, 1);
  width: 500px;
  justify-content: center;
  align-items: flex-end;
  align-items: center;
}

.product .txt1 {
  z-index: 62;
  width: 294px;
  height: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 84px;
}

.product .mod6 {
  z-index: auto;
  width: 266px;
  height: 180px;
  justify-content: space-between;
  margin: 38px 0 0 100px;
}

.product .block1 {
  z-index: auto;
  width: 16px;
  height: 162px;
  margin-top: 10px;
}

.product .icon1 {
  z-index: 36;
  width: 16px;
  height: 16px;
}

.product .label4 {
  z-index: 41;
  width: 16px;
  height: 16px;
  margin-top: 20px;
}

.product .label5 {
  z-index: 46;
  width: 16px;
  height: 16px;
  margin-top: 21px;
}

.product .product-icon2 {
  z-index: 51;
  width: 16px;
  height: 16px;
  margin-top: 20px;
}

.product .product-icon3 {
  z-index: 56;
  width: 16px;
  height: 16px;
  margin-top: 21px;
}

.product .paragraph2 {
  z-index: 35;
  width: 232px;
  height: 180px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product .mod7 {
  z-index: 84;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(42, 158, 68, 1);
  align-self: center;
  margin-top: 24px;
  width: 120px;
  justify-content: center;
  align-items: center;
}

.product .word2 {
  z-index: 85;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
}

.product .mod8 {
  z-index: 86;
  height: 419px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(246, 248, 247, 1);
  width: 500px;
  justify-content: flex-start;
}

.product .group4 {
  z-index: auto;
  width: 500px;
  height: 390px;
}

.product .wrap1 {
  z-index: 113;
  height: 108px;
  border: 1px solid rgba(152, 152, 152, 1);
  background-color: rgba(111, 113, 183, 1);
  width: 500px;
  justify-content: center;
  align-items: flex-end;
  padding-right: 65px;
}

.product .txt2 {
  z-index: 114;
  width: 343px;
  height: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 84px;
}

.product .wrap2 {
  z-index: auto;
  width: 266px;
  height: 180px;
  justify-content: space-between;
  margin: 38px 0 0 100px;
}

.product .box3 {
  z-index: auto;
  width: 16px;
  height: 162px;
  margin-top: 10px;
}

.product .icon4 {
  z-index: 88;
  width: 16px;
  height: 16px;
}

.product .icon5 {
  z-index: 93;
  width: 16px;
  height: 16px;
  margin-top: 20px;
}

.product .label6 {
  z-index: 98;
  width: 16px;
  height: 16px;
  margin-top: 21px;
}

.product .icon6 {
  z-index: 103;
  width: 16px;
  height: 16px;
  margin-top: 20px;
}

.product .icon7 {
  z-index: 108;
  width: 16px;
  height: 16px;
  margin-top: 21px;
}

.product .paragraph3 {
  z-index: 87;
  width: 232px;
  height: 180px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product .wrap3 {
  z-index: 115;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(42, 158, 68, 1);
  align-self: center;
  margin-top: 24px;
  width: 120px;
  justify-content: center;
  align-items: center;
}

.product .word3 {
  z-index: 116;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
}

.product .info2 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 31px 0 0 460px;
}

.product .word4 {
    display: none !important;
  z-index: 73;
  width: 160px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 566px 376px 0 0;
}

.management .main3 {
  z-index: auto;
  width: 1130px;
  margin-top: 94px;
}

.management .section3 {
  z-index: auto;
  width: 114px;
  height: 30px;
  margin-left: 4px;
  justify-content: space-between;
}

.management .icon6 {
  z-index: 79;
  width: 19px;
  height: 20px;
  margin-top: 5px;
}

.management .txt1 {
  z-index: 32;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.management .info1 {
  z-index: 33;
  width: 266px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  align-self: flex-start;
  margin: 4px 0 0 29px;
}

.management .section4 {
  z-index: 34;
  height: 240px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(246, 248, 247, 1);
  margin-top: 17px;
  width: 1130px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 28px;
}

.management .layer2 {
  z-index: auto;
  width: 510px;
  height: 204px;
}

.management .txt2 {
  z-index: 36;
  width: 132px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
  align-self: flex-start;
}

.management .block1 {
  z-index: 35;
  width: 489px;
  height: 161px;
  overflow-wrap: break-word;
  align-self: flex-end;
  margin-top: 13px;
  font-size: 0;
}

.management .word1 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(214, 81, 81, 1);
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.management .paragraph1 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;    white-space: nowrap;
}

.management .section5 {
  z-index: 1;
  height: 61px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 10px;
  width: 1130px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 16px 49px;
}

.management .word2 {
  z-index: 81;
  width: 807px;
  height: 23px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(214, 81, 81, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 23px;
}

.management .section6 {
  z-index: 1;
  height: 61px;
  border: 1px solid rgba(143, 216, 230, 1);
  background-color: rgba(239, 253, 255, 1);
  margin-top: 20px;
  width: 1130px;
  justify-content: center;
  align-items: flex-end;
  padding-right: 216px;
  position: relative;
}

.management .section7 {
  z-index: auto;
  width: 206px;
  height: 32px;
  justify-content: space-between;
}

.management .layer3 {
  z-index: 83;
  height: 31px;
  border-radius: 4px;
  background-color: rgba(5, 125, 224, 1);
  margin-top: 1px;
  width: 93px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.management .info2 {
  z-index: 84;
  width: 56px;
  height: 19px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.management .layer4 {
  z-index: 85;
  height: 32px;
  border-radius: 4px;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 93px;
  justify-content: center;
  align-items: center;
}

.management .info3 {
  z-index: 87;
  width: 56px;
  height: 19px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
}

.management .word3 {
  z-index: 82;
  position: absolute;
  left: 50px;
  top: 22px;
  width: 660px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(86, 159, 218, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.management .info4 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 58px 0 0 460px;
}

.management .section8 {
  z-index: 91;
  height: 32px;
  border-radius: 4px;
  border: 1px solid rgba(5, 125, 224, 1);
  background-color: rgba(5, 125, 224, 1);
  align-self: flex-start;
  width: 93px;
  justify-content: flex-start;
  align-items: center;
  line-height: 32px;
    margin: 0 0 0 70px
}

.management .info5 {
  z-index: 1;
  width: 100%;
  height: 19px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: center;
}

.management .section9 {
  z-index: auto;
  width: 239px;
  height: 35px;
  justify-content: space-between;
}

.management .mod1 {
  z-index: 86;
  width: 102px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 3px;
}

.management .mod2 {
  z-index: 89;
  height: 32px;
  border-radius: 4px;
  border: 1px solid rgba(5, 125, 224, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 93px;
  justify-content: flex-start;
  padding-top: 4px;
  align-items: center;
}

.management .word4 {
  z-index: 90;
  width: 56px;
  height: 19px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(5, 125, 224, 1);
  font-size: 14px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
}

.management .word5 {
  z-index: 47;
  width: 160px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-end;
  margin: 281px 476px 0 0;
}
.management {
    padding: 0 0 40px 40px;
    width: 100%;
    height: 100vh;
      overflow: hidden auto;
  overflow: auto !important;
}
.management .main5 {
  z-index: 88;
  width: 304px;
  height: 440px;
  overflow-wrap: break-word;
  text-align: left;
  font-size: 0;
    margin: 53px 0 0 70px;
}

.management .word8 {
  font-size: 1rem;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.management .infoBox2 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.management .paragraph2 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(250, 85, 85, 1);
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.management .word9 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.management .txt4 {
  font-size: 14px;
  font-family: PingFangTC-Regular;
  color: rgba(21, 148, 47, 1);
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tutorial .help-txt{
        display: flex;
}
.tutorial .tutorial-txt3 {
    width: 112px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #979797;
    font-size: 1rem;
font-weight: 400;
color: #000000;display: flex;
    justify-content: center;
    align-items: center;    margin-right: 180px;
}
.tutorial .showAfter-txt3 {
    width: 112px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #979797;
    font-size: 1rem;
font-weight: 400;
color: #000000;display: flex;
    justify-content: center;
    align-items: center;    margin-right: 180px;
    cursor: pointer;
}
.tutorial .color-brown{
    color: #DC7835;
    border: 1px solid #DC7835;
}
.tutorial .tutorial-word5{
  z-index: 69;
  width: 317px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  cursor: pointer;
}
.tutorialDetail .section1{
    margin-top:90px;
}
.tutorial .size{
  z-index: 69;
  width: 317px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  cursor: pointer;
}

.pay .group2 {
  z-index: auto;
  width: 1600px;
  margin:80px 0 0 0;
  /*height: 867px;*/    align-items: center;
}

.pay .outer1 {
width: 1600px;
    height: 56px;
    background: #000000;
        display: flex;
    align-items: center;
}

.pay .group3 {
  z-index: 67;
  width: 19px;
  height: 20px;
  background: url(/Public/Home/images/SketchPng0abcc28cfbebdd2a418cc6e93fb82d5389528004770c52166278cba8ec162f94.png)
    100% no-repeat;
  margin-top: 5px;
}

.pay .info1 {
    
font-size: 1.14rem;
font-weight: 400;
color: #FFFFFF;
margin:0 0 0 28px;
}
.pay .info1 .back{
    color: #FFFFFF;
}
.pay .word1 {
  z-index: 32;
  width: 210px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  align-self: flex-start;
  margin-top: 4px;
}

.pay .outer2 {
width: 1417px;
height: 180px;
background: #ECFFF1;
border: 1px solid #40C54B;
  margin-top: 28px;
}

.pay .bd2 {
font-size: 1rem;
font-weight: 400;
color: #333333;
margin:34px 409px 39px 305px;
}

.pay .word2 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pay .info2 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(250, 85, 85, 1);
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pay .infoBox1 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pay .outer3 {
    z-index: 55;
    height: 56px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    background-color: rgba(255, 255, 255, 1);
    align-self: flex-end;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-left: 25px;
    margin-bottom: 55px;
}

.pay .word3 {
  z-index: 57;
  width: 81px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28px;
}

.pay .word4 {
  z-index: 6;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
  align-self: flex-start;
  margin: 219px 0 0 460px;
}

.pay .outer4 {
z-index: 58;
    height: 131px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    border-top: 1px solid rgba(200, 200, 200, 1);
    background-color: rgba(255, 255, 255, 1);
    align-self: flex-end;
    width: 100%;
    justify-content: flex-end;
    padding-bottom: 29px;
    margin-top: 46px;
    align-items: center;
}

.pay .bd3 {
  z-index: 64;
  height: 55px;
  border-radius: 4px;
  border: 1px solid rgba(215, 215, 215, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 399px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pay .word5 {
  z-index: 65;
  width: 120px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28px;
}
.pay{
    padding: 0 0 40px 52px;
    width: 100%;
      overflow: hidden auto;
  overflow: auto !important;
}
.pay .container{
border: 1px solid #C8C8C8;
    width: 686px;
    margin: 0 auto;
    border-bottom: none;
    overflow: hidden;
    margin-top: 39px;    background: #EFEFEF;
}
.pay .box3 {
  z-index: 62;
  height: 55px;
  border-radius: 4px;
  border: 1px solid rgba(205, 205, 205, 1);
  background-color: rgba(255, 255, 255, 1);
  margin:0 auto;
  margin-top: 39px;
  width: 268px;
  justify-content: center;
  align-items: center;
}

.pay .info4 {
  z-index: 63;
  width: 180px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
}
.pay .box2 {
  z-index: 59;
  height: 268px;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 268px;
  justify-content: center;
  margin:0 auto;
  align-items: center;
}

.pay .layer3 {
  z-index: 60;
  height: 230px;
    100% no-repeat;
  width: 230px;
  justify-content: center;
  align-items: center;
}
.pay .pay-label5{
        max-width: 230px;
    max-height: 230px;
}
.completed .stes1{ 
font-size: 31px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 42px;
    position: relative;
    top: -27px;
    left: 11px;
}
.completed .stes2{
    border:none;background:none;text-align: center;
}
.completed .main4{
        width: 169px;
    height: 45px;
    background: #057DE0;
    border-radius: 6px;
    margin: 0 auto;
    line-height: 45px;
}
.completed .main4 span{
        font-size: 19px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
}
.completed .word4{
    color: #FA5555;
        display: inline-block;
    margin: 0;
    font-size: inherit;
    width: auto;
}
.console .abnormal{
        position: absolute;
    right: 13px;
    width: 99px;
    height: 29px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #AEAEAE;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #000;
}
.pay .payment-box{
        text-align: center;
    position: relative;
    top: 20px;
}
.systemDetail .group2 .txt1{
    width: 1600px;
height: 56px;
background: #000000;
font-size: 1.14rem;
font-weight: 400;
color: #3c3c3c; display: flex;
    align-items: center;
}
.systemDetail .group2 .txt1 span{
    margin:0 0 0 28px;
    cursor: pointer;
}
.systemDetail-section1{
    z-index: 2;
    /* height: 1243px; */
    background-color: rgba(255, 255, 255, 1);
    width: 1600px;
    align-items: flex-start;
    position: relative;
}

.index-ok .main1 {
z-index: 2;
    background-color: rgba(255, 255, 255, 1);
    width: 100vh;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 177px 0 0 0;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}

.index-ok .main2 {
  z-index: auto;
  width: 426px;
  margin:0 auto;
  height: 447px;
}

.index-ok .mod1 {
  z-index: auto;
  width: 299px;
  height: 42px;
  margin-left: 66px;
  justify-content: space-between;
}

.index-ok .label1 {
  z-index: 4;
  width: 42px;
  height: 42px;
}

.index-ok .main3 {
  z-index: 3;
  width: 244px;
  height: 26px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  margin-top: 10px;
  font-size: 0;
}

.index-ok .word1 {
  font-size: 40px;
  font-family: Times-Bold;
  color: rgba(51, 51, 51, 1);
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .info1 {
  font-size: 40px;
  font-family: ITFDevanagari-Bold;
  color: rgba(51, 51, 51, 1);
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word2 {
  font-size: 40px;
  font-family: Times-Bold;
  color: rgba(51, 51, 51, 1);
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .mod2 {
  z-index: 6;
  height: 369px;
  border-radius: 4px;
  border: 1px solid rgba(206, 206, 206, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 36px;
  width: 426px;
  justify-content: flex-start;
  padding-top: 55px;
  align-items: center;
}

.index-ok .layer1 {
  z-index: auto;
  width: 327px;
  height: 223px;
}

.index-ok .layer2 {
  z-index: 7;
  width: 327px;
  height: 60px;
  overflow-wrap: break-word;
  text-align: center;
  font-size: 0;
}

.index-ok .word3 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word4 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word5 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .info2 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .txt1 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word6 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word7 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word8 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word9 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .txt2 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .info3 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word10 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word11 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .txt3 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .word12 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .info4 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .txt4 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .info5 {
  font-size: 16px;
  font-family: AppleBraille-Outline6Dot;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .txt5 {
  font-size: 16px;
  font-family: Menlo-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-ok .layer3 {
  z-index: 8;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(220, 120, 53, 1);
  align-self: center;
  margin-top: 79px;
  width: 301px;
  justify-content: center;
  align-items: center;
}

.index-ok .info6 {
  z-index: 9;
  width: 32px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}

.index-ok .layer4 {
  z-index: 10;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(205, 205, 205, 1);
  align-self: center;
  margin-top: 20px;
  width: 301px;
  justify-content: center;
  align-items: center;
}

.index-ok .txt6 {
  z-index: 11;
  width: 32px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangTC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: left;
}
.download .download-word5{
    z-index: 69;
    width: 317px;
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 20px;    margin-right: 385px;
}
.download .download-size{
        z-index: 69;
    width: 175px;
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 20px;    margin-right: 115px;
}

.introduce .page {
  z-index: 1;
  position: relative;
  width: 1366px;
  /*height: 2028px;*/
  /*background-color: rgba(242, 243, 245, 1);*/
  overflow: hidden;
}

.introduce .bd1 {
  z-index: 2;
  /*height: 2028px;*/
  margin-bottom: 40px;
  background-color: rgba(255, 255, 255, 1);
  width: 1366px;
  position: relative;
}

.introduce .box1 {
  z-index: auto;
  width: 1340px;
  height: 1254px;
  justify-content: space-between;
}

.introduce .bd2 {
  z-index: 5;
  height: 1243px;
  background: url(/Public/Home/images/SketchPng9b6ab2df74e79c48262675f640fa1c73fb156850a88ab4d6557eef2e37f750d2.png)
    100% no-repeat;
  width: 160px;
  justify-content: flex-end;
}

.introduce .mod1 {
  z-index: auto;
  width: 160px;
  height: 1177px;
}

.introduce .bd3 {
  z-index: 7;
  height: 396px;
  background: url(/Public/Home/images/SketchPngfecc0be9384106a3697eacc150f6fb6a0533c8f7406012a2efad9f821de984a1.png)
    0px -1px no-repeat;
  width: 160px;
  justify-content: flex-start;
  padding-top: 39px;
  align-items: center;
  position: relative;
}

.introduce .mod2 {
  z-index: auto;
  width: 139px;
  height: 209px;
}

.introduce .icon1 {
  z-index: 10;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin-left: 16px;
}

.introduce .icon2 {
  z-index: 49;
  width: 16px;
  height: 16px;
  align-self: flex-start;
  margin: 46px 0 0 16px;
}

.introduce .box2 {
  z-index: 46;
  width: 16px;
  height: 16px;
  background: url(/Public/Home/images/SketchPngfbe6d349507f42660addaf050ca15842daa2346f49e64efc6fe83bb60411c375.png)
    100% no-repeat;
  align-self: flex-start;
  margin: 44px 0 0 16px;
}

.introduce .box3 {
  z-index: 9;
  height: 37px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.introduce .51);
  background-color: rgba(5, 125, 224, 0.introduce .03);
  margin-top: 34px;
  width: 139px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 15px;
}

.introduce .mod3 {
  z-index: 129;
  width: 15px;
  height: 16px;
  background: url(/Public/Home/images/SketchPng508d09e0ee9f8b4d80c77c9a97ebb8af1609bd5eb6dddefbade1ae586e42f992.png)
    100% no-repeat;
}

.introduce .infoBox1 {
  z-index: 8;
  position: absolute;
  left: 54px;
  top: 18px;
  width: 64px;
  height: 240px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 60px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .bd4 {
  z-index: 25;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.introduce .35);
  margin-top: 741px;
  width: 160px;
  justify-content: center;
  align-items: center;
}

.introduce .icon3 {
  z-index: 26;
  width: 20px;
  height: 16px;
}

.introduce .introduce-bd5 {
  z-index: auto;
  width: 1141px;
  height: 1160px;
  margin-top: 94px;
}

.introduce .mod4 {
  z-index: auto;
  width: 114px;
  height: 30px;
  margin-left: 4px;
  justify-content: space-between;
}

.introduce .section1 {
  z-index: 54;
  width: 19px;
  height: 20px;
  background: url(/Public/Home/images/SketchPng0abcc28cfbebdd2a418cc6e93fb82d5389528004770c52166278cba8ec162f94.png)
    100% no-repeat;
  margin-top: 5px;
}

.introduce .txt1 {
  z-index: 53;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.introduce .word1 {
  z-index: 32;
  width: 182px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  align-self: flex-start;
  margin-top: 4px;
}

.introduce .mod5 {
  z-index: 74;
  height: 797px;
  border: 1px solid rgba(223, 228, 229, 1);
  background-color: rgba(253, 253, 253, 1);
  align-self: flex-end;
  margin-top: 16px;
  width: 1130px;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  padding: 0 0 19px 25px;
}

.introduce .introduce-bd6 {
  z-index: auto;
  width: 1058px;
  height: 749px;
}

.introduce .bd7 {
  z-index: auto;
  width: 364px;
  height: 31px;
  justify-content: space-between;
}

.introduce .word2 {
  z-index: 75;
  width: 88px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.introduce .txt2 {
  z-index: 76;
  width: 260px;
  height: 27px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(125, 125, 125, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 27px;
  text-align: left;
  margin-top: 4px;
}

.introduce .bd8 {
  z-index: 94;
  height: 128px;
  border: 1px solid rgba(226, 226, 226, 1);
  background-color: rgba(242, 247, 255, 1);
  margin-top: 7px;
  width: 1058px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 0 0 27px;
}

.introduce .outer1 {
  z-index: 95;
  width: 989px;
  height: 81px;
  overflow-wrap: break-word;
  text-align: left;
  font-size: 0;
}

.introduce .infoBox2 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(0, 0, 0, 1);
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .txt3 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(255, 0, 0, 1);
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .bd9 {
  z-index: auto;
  width: 1048px;
  height: 65px;
  margin: 18px 0 0 10px;
}

.introduce .section2 {
  z-index: auto;
  width: 262px;
  height: 65px;
}

.introduce .txt4 {
  z-index: 113;
  width: 60px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  align-self: flex-start;
}

.introduce .group1 {
  z-index: 77;
  width: 214px;
  height: 27px;
  background-color: rgba(225, 225, 225, 1);
  align-self: flex-end;
  margin-top: 14px;
}

.introduce .section3 {
  z-index: auto;
  width: 270px;
  height: 30px;
  margin: 21px 0 0 18px;
}

.introduce .word3 {
  z-index: 96;
  width: 32px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(147, 147, 147, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  align-self: center;
}

.introduce .group2 {
  z-index: 117;
  width: 270px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng62a6afec4156f85487ada4446e0fb626657c9632d5d6ed42189335205be88047.png)
    100% no-repeat;
  margin-top: 5px;
}

.introduce .section4 {
  z-index: 88;
  width: 214px;
  height: 27px;
  background-color: rgba(225, 225, 225, 1);
  margin: 38px 0 0 42px;
}

.introduce .section5 {
  z-index: 89;
  height: 27px;
  background-color: rgba(236, 236, 236, 1);
  width: 132px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 14px;
  margin: 38px 0 0 110px;
}

.introduce .info1 {
  z-index: 97;
  width: 72px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word4 {
  z-index: 114;
  width: 60px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  align-self: flex-start;
  margin: 22px 0 0 7px;
}

.introduce .bd10 {
  z-index: auto;
  width: 1014px;
  height: 29px;
  margin: 36px 0 0 44px;
}

.introduce .word5 {
  z-index: 115;
  width: 60px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .group3 {
  z-index: 80;
  width: 177px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin: 2px 0 0 66px;
}

.introduce .group4 {
  z-index: 118;
  width: 60px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng8377ee54fea27e395f7e7e0b10ed974e71ada05eba33e8057d8dbad78f251e4e.png)
    100% no-repeat;
  margin: 20px 0 0 8px;
}

.introduce .group5 {
  z-index: 83;
  width: 177px;
  height: 27px;
  background-color: rgba(255, 231, 244, 1);
  margin: 1px 0 0 35px;
}

.introduce .group6 {
  z-index: 119;
  width: 60px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng8377ee54fea27e395f7e7e0b10ed974e71ada05eba33e8057d8dbad78f251e4e.png)
    100% no-repeat;
  margin-top: 19px;
}

.introduce .group7 {
  z-index: 86;
  width: 177px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin: 1px 0 0 32px;
}

.introduce .group8 {
  z-index: 90;
  width: 132px;
  height: 27px;
  background-color: rgba(255, 231, 244, 1);
  margin: 1px 0 0 30px;
}

.introduce .bd11 {
  z-index: auto;
  width: 1014px;
  height: 39px;
  margin: 84px 0 0 44px;
}

.introduce .word6 {
  z-index: 116;
  width: 60px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  margin-top: 7px;
}

.introduce .section6 {
  z-index: 100;
  width: 177px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin: 12px 0 0 66px;
}

.introduce .section7 {
  z-index: auto;
  width: 270px;
  height: 30px;
  margin-left: 36px;
}

.introduce .block1 {
  z-index: 103;
  width: 45px;
  height: 17px;
  border-radius: 5px;
  background-color: rgba(231, 121, 44, 1);
  align-self: flex-end;
  margin-right: 94px;
}

.introduce .block2 {
  z-index: 120;
  width: 270px;
  height: 1px;
  background: url(/Public/Home/images/SketchPng62a6afec4156f85487ada4446e0fb626657c9632d5d6ed42189335205be88047.png)
    100% no-repeat;
  margin-top: 12px;
}

.introduce .section8 {
  z-index: 107;
  width: 177px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin: 11px 0 0 66px;
}

.introduce .section9 {
  z-index: 109;
  width: 132px;
  height: 27px;
  background-color: rgba(235, 255, 231, 1);
  margin: 11px 0 0 30px;
}

.introduce .bd12 {
  z-index: 106;
  width: 591px;
  height: 216px;
  overflow-wrap: break-word;
  text-align: left;
  align-self: flex-start;
  font-size: 0;
  margin: 50px 0 0 44px;
}

.introduce .paragraph1 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(20, 106, 253, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .infoBox3 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .paragraph2 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(255, 5, 5, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .paragraph3 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .info2 {
  z-index: 78;
  position: absolute;
  left: 52px;
  top: 244px;
  width: 183px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .txt5 {
  z-index: 93;
  position: absolute;
  left: 596px;
  top: 244px;
  width: 155px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word7 {
  z-index: 79;
  position: absolute;
  left: 100px;
  top: 265px;
  width: 176px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(111, 111, 111, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .txt6 {
  z-index: 91;
  position: absolute;
  left: 643px;
  top: 267px;
  width: 163px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(111, 111, 111, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word8 {
  z-index: 98;
  position: absolute;
  left: 967px;
  top: 352px;
  width: 72px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(232, 20, 20, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word9 {
  z-index: 82;
  position: absolute;
  left: 164px;
  top: 355px;
  width: 183px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word10 {
  z-index: 85;
  position: absolute;
  left: 444px;
  top: 354px;
  width: 144px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(224, 19, 50, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .txt7 {
  z-index: 87;
  position: absolute;
  left: 713px;
  top: 354px;
  width: 155px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .bd13 {
  z-index: 122;
  position: absolute;
  left: 33px;
  top: 323px;
  width: 1066px;
  height: 100px;
  border: 1px solid rgba(226, 226, 226, 1);
}

.introduce .word11 {
  z-index: 92;
  position: absolute;
  left: 751px;
  top: 372px;
  width: 163px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(21, 134, 27, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word12 {
  z-index: 81;
  position: absolute;
  left: 202px;
  top: 374px;
  width: 176px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(21, 134, 27, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word13 {
  z-index: 84;
  position: absolute;
  left: 477px;
  top: 375px;
  width: 113px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(224, 19, 50, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .txt8 {
  z-index: 99;
  position: absolute;
  left: 967px;
  top: 379px;
  width: 144px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(232, 20, 20, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .bd14 {
  z-index: 123;
  position: absolute;
  left: 16px;
  top: 445px;
  width: 40px;
  height: 21px;
  background-color: rgba(151, 32, 199, 1);
}

.introduce .info3 {
  z-index: 124;
  position: absolute;
  left: 22px;
  top: 443px;
  width: 28px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word14 {
  z-index: 105;
  position: absolute;
  left: 541px;
  top: 468px;
  width: 42px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word15 {
  z-index: 112;
  position: absolute;
  left: 967px;
  top: 472px;
  width: 72px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(33, 112, 26, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .info4 {
  z-index: 104;
  position: absolute;
  left: 450px;
  top: 474px;
  width: 233px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(31, 101, 221, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .txt9 {
  z-index: 102;
  position: absolute;
  left: 164px;
  top: 478px;
  width: 230px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .info5 {
  z-index: 108;
  position: absolute;
  left: 713px;
  top: 477px;
  width: 91px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .bd15 {
  z-index: 121;
  position: absolute;
  left: 33px;
  top: 445px;
  width: 1066px;
  height: 100px;
  border: 1px solid rgba(226, 226, 226, 1);
}

.introduce .info6 {
  z-index: 111;
  position: absolute;
  left: 751px;
  top: 495px;
  width: 71px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(21, 134, 27, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word16 {
  z-index: 101;
  position: absolute;
  left: 202px;
  top: 497px;
  width: 198px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(21, 134, 27, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .txt10 {
  z-index: 110;
  position: absolute;
  left: 967px;
  top: 499px;
  width: 145px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(37, 150, 69, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .mod6 {
  z-index: 125;
  width: 1130px;
  height: 182px;
  border: 1px solid rgba(222, 222, 222, 1);
  background-color: rgba(245, 245, 245, 1);
  align-self: flex-end;
  margin-top: 20px;
}

.introduce .mod7 {
  z-index: auto;
  width: 669px;
  height: 27px;
  margin: 64px 0 0 77px;
}

.introduce .layer1 {
  z-index: 55;
  width: 88px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
}

.introduce .layer2 {
  z-index: 61;
  width: 88px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin-left: 99px;
}

.introduce .layer3 {
  z-index: 63;
  width: 88px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin-left: 109px;
}

.introduce .layer4 {
  z-index: 65;
  width: 88px;
  height: 27px;
  background-color: rgba(218, 255, 209, 1);
  margin-left: 109px;
}

.introduce .box4 {
  z-index: auto;
  width: 711px;
  height: 96px;
  margin: 11px 0 0 74px;
}

.introduce .infoBox4 {
  z-index: 57;
  width: 98px;
  height: 96px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .infoBox5 {
  z-index: 58;
  width: 84px;
  height: 96px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  text-align: left;
  margin-left: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .paragraph4 {
  z-index: 59;
  width: 159px;
  height: 96px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  text-align: left;
  margin-left: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .paragraph5 {
  z-index: 60;
  width: 127px;
  height: 72px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  text-align: left;
  margin-left: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .box5 {
  z-index: auto;
  width: 80px;
  height: 24px;
  margin: 70px 0 0 43px;
}

.introduce .word17 {
  z-index: 73;
  width: 80px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .box6 {
  z-index: auto;
  width: 692px;
  height: 130px;
  justify-content: space-between;
  margin: 9px 0 0 43px;
}

.introduce .group9 {
  z-index: 67;
  height: 140px;
  border-radius: 2px;
  border: 1px solid rgba(226, 226, 226, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 325px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0 0 21px;
}

.introduce .layer5 {
  z-index: auto;
  width: 222px;
  height: 79px;
}

.introduce .txt11 {
  z-index: 68;
  width: 100px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(232, 20, 20, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  align-self: flex-start;
}

.introduce .paragraph6 {
  z-index: 69;
  width: 209px;
  height: 73px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  text-align: left;
  align-self: flex-end;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .group10 {
  z-index: 70;
  height: 140px;
  border-radius: 2px;
  border: 1px solid rgba(226, 226, 226, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 325px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0 0 21px;
}

.introduce .outer2 {
  z-index: auto;
  width: 205px;
  height: 79px;
}

.introduce .txt12 {
  z-index: 71;
  width: 140px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(232, 20, 20, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  align-self: flex-start;
}

.introduce .paragraph7 {
  z-index: 72;
  width: 192px;
  height: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  text-align: left;
  align-self: flex-end;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .box7 {
  z-index: 20;
  height: 67px;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPnga5da129ebb1c287aeffeba7aebd63af464886ff26b1545ccf3023456262d204e.png)
    100% no-repeat;
  width: 1366px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  padding: 17px 14px 0 0;
}

.introduce .mod8 {
  z-index: auto;
  width: 1331px;
  height: 30px;
}

.introduce .icon4 {
  z-index: 44;
  width: 26px;
  height: 26px;
  margin-top: 2px;
}

.introduce .info7 {
  z-index: 43;
  width: 71px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 3px 0 0 8px;
}

.introduce .txt13 {
  z-index: 24;
  width: 80px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  text-shadow: 0px 2px 0px rgba(52, 52, 52, 1);
  margin-top: 4px;
}

.introduce .main1 {
  z-index: 38;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/Public/Home/images/SketchPng7ccaa008898a486a2c75ac4d36d94394ebe8581dc8893742a7b9149c875f775e.png)
    100% no-repeat;
  margin-left: 1016px;
}

.introduce .icon5 {
  z-index: 39;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.introduce .word18 {
  z-index: 40;
  width: 59px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 12px;
}

.introduce .main2 {
  z-index: 41;
  width: 14px;
  height: 9px;
  background: url(/Public/Home/images/SketchPng87d427a603c7e63ae1d4bde9380ed33484eb1dfa13aa0f114fdb3876fef8461a.png)
    0px 0px no-repeat;
  margin: 13px 0 0 15px;
}

.introduce .img1 {
  z-index: 21;
  position: absolute;
  left: 0;
  top: 0;
  width: 1366px;
  height: 67px;
}

.introduce .word19 {
  z-index: 22;
  position: absolute;
  left: 434px;
  top: 408px;
  width: 299px;
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  
font-size: 1.14rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30px;
}

.introduce .word20 {
  z-index: 6;
  position: absolute;
  left: 659px;
  top: 615px;
  width: 48px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 14px;
  text-align: left;
}

.introduce .box8 {
  z-index: 128;
  position: absolute;
  left: 82px;
  top: 999px;
  width: 932px;
  height: 168px;
  overflow-wrap: break-word;
  text-align: left;
  font-size: 0;
}

.introduce .word21 {
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .paragraph8 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(20, 106, 253, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .infoBox6 {
  font-size: 16px;
  font-family: PingFangSC-Regular;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .info8 {
  z-index: 56;
  position: absolute;
  left: 43px;
  top: 1220px;
  width: 94px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word22 {
  z-index: 62;
  position: absolute;
  left: 230px;
  top: 1220px;
  width: 98px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .info9 {
  z-index: 64;
  position: absolute;
  left: 427px;
  top: 1220px;
  width: 98px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .word23 {
  z-index: 66;
  position: absolute;
  left: 624px;
  top: 1220px;
  width: 98px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.introduce .box9 {
  z-index: 126;
  position: absolute;
  left: 11px;
  top: 1191px;
  width: 1130px;
  height: 198px;
  border: 1px solid rgba(222, 222, 222, 1);
}

.introduce .box10 {
  z-index: 127;
  position: absolute;
  left: 11px;
  top: 1409px;
  width: 1130px;
  height: 219px;
  border: 1px solid rgba(222, 222, 222, 1);
}
/*.introduce{*/
/*    padding: 0 0 40px 40px;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*      overflow: hidden auto;*/
/*  overflow: auto !important;*/
/*}*/
::-webkit-scrollbar{
    width: 6px !important;
    height: 0 !important;
    -webkit-appearance: none;
}
.introduce .new-descs{
        width: 1057px;
    height: 186px;    margin: 10px 0;justify-content: space-evenly;
}
.introduce .new-descs .descs-txt{
        color: rgba(125, 125, 125, 1);
    font-size: 16px;
    line-height:26px;
}
.introduce .r-info2{
    z-index: 78;
    position: relative;
    left: -33px;
    top: -7px;
    width: 183px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-txt5{
    z-index: 93;
    position: relative;
    left: -33px;
    top: -6px;
    width: 155px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word7{
        z-index: 79;
    position: relative;
    left: 5px;
    top: -10px;
    width: 176px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(111, 111, 111, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-txt6{
    z-index: 91;
    position: relative;
    left: 5px;
    top: -11px;
    width: 163px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(111, 111, 111, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}    
.introduce .r-word8{
        z-index: 98;
    position: relative;
    left: 10px;
    top: -10px;
    width: 72px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(232, 20, 20, 1);
    font-size: 1rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word9{
    z-index: 82;
    position: relative;
    left: -32px;
    top: -11px;
    width: 183px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word10{
        z-index: 85;
    position: relative;
    left: -21px;
    top: -11px;
    width: 144px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(224, 19, 50, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-txt7{
        z-index: 87;
    position: relative;
    left: -36px;
    top: -11px;
    width: 155px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-bd10{
        z-index: auto;
    width: 1066px;
    height: 100px;
    border: 1px solid rgba(226, 226, 226, 1);
    padding: 36px 0 0 44px;
}
.introduce .r-txt8{
        z-index: 99;
    position: relative;
    left: 9px;
    top: -5px;
    width: 144px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(232, 20, 20, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word12{
        z-index: 81;
    position: relative;
    left: 1px;
    top: -11px;
    width: 176px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(21, 134, 27, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word13{
    z-index: 84;
    position: relative;
    left: 1px;
    top: -11px;
    width: 113px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(224, 19, 50, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word11{
    z-index: 92;
    position: relative;
    left: 1px;
    top: -11px;
    width: 163px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(21, 134, 27, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word14{
    z-index: 105;
    position: relative;
    left: 1px;
    top: -3px;
    width: 42px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word15{
    z-index: 112;
    position: relative;
    left: 10px;
    top: -10px;
    width: 72px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(33, 112, 26, 1);
    font-size: 1rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
    
}
.introduce .r-info4-c{
    position: absolute;
    
}
.introduce .r-info4{
    z-index: 104;
    position: relative;
    left: 40px;
    top: 1px;
    overflow-wrap: break-word;
    color: rgba(31, 101, 221, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-txt9{
        z-index: 102;
    position: relative;
    left: -33px;
    top: -11px;
    width: 230px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-info5{
        z-index: 108;
    position: relative;
    left: -37px;
    top: -11px;
    width: 91px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-bd11{
    z-index: auto;
    padding: 32px 0 0 44px;
    width: 1066px;
    height: 100px;
    border: 1px solid rgba(226, 226, 226, 1);
    margin-top: 23px;
}
.introduce .r-info6{
        z-index: 111;
    position: relative;
    left: 1px;
    top: -11px;
    width: 71px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(21, 134, 27, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-txt10{
      z-index: 110;
    position: relative;
    left: 1px;
    top: -11px;
    width: 145px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(37, 150, 69, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;  
}
.introduce .r-word16{
        z-index: 101;
    position: relative;
    left: 1px;
    top: -11px;
    width: 198px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(21, 134, 27, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-mod5{
  z-index: 74;
    border: 1px solid rgba(223, 228, 229, 1);
    background-color: rgba(253, 253, 253, 1);
    align-self: flex-end;
    margin-top: 16px;
    width: 1130px;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    padding: 25px;  
}
.introduce .r-bd14{
    z-index: 123;
    position: relative;
    left: -11px;
    top: -100px;
    width: 40px;
    height: 21px;
    background-color: rgba(151, 32, 199, 1);
}
.introduce .r-info3{
        z-index: 124;
    position: relative;
    left: 5px;
    top: -1px;
    width: 28px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
}
.introduce .r-box8{
  z-index: 128;
    position: relative;
    left: 68px;
    top: 16px;
    width: 932px;
    height: 168px;
    overflow-wrap: break-word;
    text-align: left;
    font-size: 0;  
}
.introduce .r-mod7{
    width: 1130px;
    height: 198px;
    border: 1px solid rgba(222, 222, 222, 1);
    position: relative;
    left: 11px;
    margin: 20px 0;
}
.introduce .r-info8{
    z-index: 56;
    position: relative;
    left: -37px;
    top: -9px;
    width: 94px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
}
.introduce .r-word22{
    z-index: 62;
    width: 98px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
    position: relative;
    left: -37px;
    top: -9px;
}
.introduce .r-info9 {
    z-index: 64;
    width: 98px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
    position: relative;
    left: -37px;
    top: -9px;
}
.introduce .r-word23 {
    z-index: 66;
    width: 98px;
    height: 24px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24px;
    text-align: left;
    position: relative;
    left: -37px;
    top: -9px;
}
.introduce .r-layer1{
    z-index: 55;
    width: 88px;
    height: 27px;
    background-color: rgba(218, 255, 209, 1);
    margin: 45px 0 0 64px;
}
.introduce .r-box4 {
    z-index: auto;
    width: 711px;
    height: 96px;
    margin: 11px 0 0 74px;
    position: relative;
    left: -743px;
    top: 65px;
}
.introduce .r-box5 {
    z-index: auto;
    width: 80px;
    height: 24px;
    margin: 20px 0 0 43px;
}
.product .free-brower{
    font-size: 18px;position: relative;top: -30px;left: 10px;
}
.console .header{
    width: 1600px;
    height: 216px;
    background: #F6F8F7;
    border-radius: 6px;
    border: 1px solid #DFE4E5;
    display: flex;
    padding: 25px 0 25px 46px;
    align-items: flex-start;
    flex-direction: column;justify-content: space-between;
    margin:0 0 28px 0;
}
.console .header .username .text{
    font-weight: 400;
    color: #333333;
}
.console .header .username .version{
    /*width: 103px;*/
    height: 34px;
    background: #26A253;
    border-radius: 6px;font-size: 1rem;
font-weight: 400;
color: #FFFFFF;display: flex;
    justify-content: center;
    align-items: center;margin: 0 0 0 27px;padding: 0 10px;
}
.console .header .username {
    display: flex;
    align-items: center;
}
.console .header .ling {
    margin-top: 0;
}
.console{
    padding: 80px 0 0 52px;
}
.console .header .copy{
    width: 112px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #979797;
    font-size: 1rem;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 0 0 15px;
    cursor: pointer;
}
.console .heart{
    display: flex;
    justify-content: space-between;
    width: 1635px;
    flex-wrap: wrap;
}
.console .heart .cate{
    /*width: 373px;*/
    height: 502px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #DFE4E5;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin:0 0 27px 0;
    margin-right: 35px;
    width: calc((100% - 35px * 4) / 4);
}

.console .heart:after {
    content: "";
    flex: auto;
}

.console .heart .cate .title{
    width: 100%;
    height: 69px;
    border-radius: 6px;
    background: #F6F8F7;
    border-bottom: 1px solid #DFE4E5;
    
font-size: 1.43rem;
    font-weight: 400;
    color: #DC7835;
    display: flex;
    align-items: center;
    justify-content: center;
}
.console .heart .cate .price{
display: flex;
    align-items: center;
    justify-content: center;
font-size: 42px;
font-weight: 400;
color: #000000;
margin:21px 0 27px 0;
}
.console .heart .cate .introduce{
    width: 323px;
/*height: 202px;*/
font-size: 1rem;
font-weight: 400;
color: #333333;
line-height: 34px;
margin:21px 0 0 0;
}
.console .heart .cate .btn{
        display: flex;
    justify-content: space-around;
    width: 100%;position: absolute;
    bottom: 30px;
}
.console .heart .cate .btn .left{
    width: 134px;
height: 45px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #DC7835;
font-size: 1rem;
font-weight: 400;
color: #DC7835;
display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.console .heart .cate .btn .right{
    width: 134px;
height: 45px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #DC7835;font-size: 1rem;
font-weight: 400;
color: #DC7835;
display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.console .heart .cate .color-green{
    color: #26A253;
}
.console .heart .cate .color-black{
    color: #000;
}
.console .heart .cate .solid{
    background: #DC7835 !important;
    color:#fff !important;
}
.console .abdomen{
    width:1600px;
height: 193px;
background: #FFFFFF;
border: 1px solid #DFE4E5;
margin:27px 0 0 0;
}
.console .abdomen .important-hint{
    font-size: 1rem;
font-weight: 400;
color: #999999;
margin:22px 0 10px 42px;
}
.console .abdomen .text{
    font-size: 1rem;
    font-family: PingFangTC-Regular, PingFangTC;
    font-weight: 400;
    color: #333333;
    margin:0 0 0 42px;
}
.console .foot{
    height: auto;
    margin:27px 0;
    padding:0 0 14px 0;
}
.console .foot .important-hint{
    margin:14px 0 8px 42px;
}
.tutorial .help-txt .Free-version{
    width: 134px;
height: 45px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #DC7835;font-size: 1rem;
font-weight: 400;
color: #DC7835;    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 14px 0 0;
    cursor: pointer;
}
.tutorial .help-txt .Trial-Version{
        width: 134px;
height: 45px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #DADADA;
font-weight: 400;
color: #999999;display: flex;
    justify-content: center;
    align-items: center;cursor: pointer;
}
.console .header .username .color-red{
    
background: #F64D4D;
}
.invitationReward .share-text{
    z-index: auto;
    margin: 15px 0 0 231px;
    display: flex;
    align-items: center;    color: #999999;
}
@media only screen and (min-width: 375px) and (max-width:1024px) {

}
@media only screen and (min-width: 1024px) and (max-width:1564px) {

}