* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

html,
body {
  background-color: #01017d;
}

.paddingPx {
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.box {
  width: 100%;
}

.box .top {
  width: 100%;
  background: url("../images/LinUxImg/boxTopBj.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.box .top .logo {
  width: 4.5rem;
  height: 2.3rem;
  margin: 0.4rem;
  margin-left: 0;
}

.box .top .topList {
  width: 100%;
  background-color: #fff;
  margin-top: 78%;
  padding: 0.27rem 0.19rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 6px;
}

.box .top .topList .topListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  color: #333333;
}

.box .top .topList .topListItem img {
  width: 1.64rem;
  height: 1.64rem;
  margin-bottom: 0.4rem;
}

.box .titleClass {
  font-size: 0.96rem;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  position: relative;
  margin-top: 1.2rem;
}

.box .titleClass::after {
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/LinUxImg/textIcon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -15%;
  top: 32%;
}

.box .titleClass::before {
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/LinUxImg/textIcon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -15%;
  top: 32%;
}

.box .titleClass2 {
  font-size: 0.96rem;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  position: relative;
  margin-top: 1.2rem;
}

.box .titleClass2::after {
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/LinUxImg/textIcon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -38%;
  top: 32%;
}

.box .titleClass2::before {
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/LinUxImg/textIcon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -38%;
  top: 32%;
}

.box .titleClass3 {
  text-align: center;
  position: relative;
  font-size: 0.96rem;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
  margin-top: 1.2rem;
}

.box .titleClass3::after {
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/LinUxImg/textIcon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 9%;
  top: 32%;
}

.box .titleClass3::before {
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/LinUxImg/textIcon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 9%;
  top: 32%;
}

.item1Box {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.item1Box .item1Item {
  width: 49%;
  padding: 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.68rem;
  font-weight: 500;
  color: #FFCF70;
  background: url("../images/LinUxImg/item1ItemLeft.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}

.item1Box .item1Item p:last-child {
  font-size: 0.6rem;
  font-weight: 500;
  color: #FFFFFF;
}

.item1Box .item1Item2 {
  background: url("../images/LinUxImg/item1ItemRight.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.item1Box .item1Item3 {
  background: url("../images/LinUxImg/item1ItemCenter.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.item2Box .item2BoxImg {
  width: 100%;
  margin-top: 0.7rem;
}

.item2Box .qqq {
  font-size: 0.8rem;
  font-weight: bold;
  color: #FFBF40;
  margin-top: 1rem;
}

.item2Box .www {
  font-size: 0.68rem;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 0.5rem;
}

.item2Box .item2BoxItemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.item2Box .item2BoxItem {
  width: 48%;
  margin-top: 0.4rem;
}

.item2Box .item2BoxItem .item2BoxItemTop {
  width: 100%;
  height: 5.6rem;
  background: url("../images/LinUxImg/item2BoxItem1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item2Box .item2BoxItem .item2BoxItemTop img {
  width: 2.48rem;
  height: 2.6rem;
}

.item2Box .item2BoxItem .item2BoxItemTop2 {
  background: url("../images/LinUxImg/item2BoxItem2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.item2Box .item2BoxItem .item2BoxItemTop2 img {
  width: 3.6rem;
  height: 2.7rem;
}

.item2Box .item2BoxItem .item2BoxItemTop3 {
  background: url("../images/LinUxImg/item2BoxItem3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.item2Box .item2BoxItem .item2BoxItemTop3 img {
  width: 3.08rem;
  height: 2.66rem;
}

.item2Box .item2BoxItem .item2BoxItemTop4 {
  background: url("../images/LinUxImg/item2BoxItem4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.item2Box .item2BoxItem .item2BoxItemTop4 img {
  width: 1.5rem;
  height: 2.62rem;
}

.item2Box .item2BoxItem .item2BoxItemDown {
  background-color: #fff;
  padding: 1rem 0.44rem 1.4rem 0.44rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 8px 8px;
}

.item2Box .item2BoxItem .item2BoxItemDown p {
  text-align: center;
  font-size: 0.9rem;
  font-weight: bold;
  color: #333333;
}

.item2Box .item2BoxItem .item2BoxItemDown p:last-child {
  font-size: 0.8rem;
  font-weight: 400;
  color: #666666;
  text-align: left;
  margin-top: 0.8rem;
}

.item2Box .item2Box03Img {
  width: 100%;
  height: 16.46rem;
  margin-top: 0.56rem;
}

.item2Box .item2Box04Img {
  width: 100%;
  height: 16.4rem;
}

.item3Box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1rem;
}

.item3Box ul li {
  padding: 0.8rem 1rem;
  font-size: 0.8rem;
  font-weight: bold;
  color: #FFFFFF;
  background: url("../images/LinUxImg/noActive.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.item3Box ul .isActive {
  background: url("../images/LinUxImg/isActive.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.item3Box .item3Content {
  margin-top: 0.4rem;
}

.item3Box .item3Content .item3ContentTitle {
  font-size: 0.8rem;
  font-weight: bold;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #3e88ec;
  padding: 0.64rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item3Box .item3Content .item3ContentTitle .d1 {
  width: 35%;
  text-align: center;
}

.item3Box .item3Content .item3ContentTitle .d2 {
  width: 65%;
  text-align: center;
}

.item3Box .item3Content .item3ContentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  font-weight: 500;
  color: #1A1A1A;
  background-color: #dcebff;
}

.item3Box .item3Content .item3ContentItem1 {
  width: 40%;
  padding: 0.8rem 0.2rem 0.8rem 0.66rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #dcebff;
}

.item3Box .item3Content .item3ContentItem2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.8rem 0.66rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item3Box .item3Content .hasColor {
  background-color: #fff;
}

.item3Box .item3Content .hasColor2 {
  background-color: #dcebff;
}

.item3Box .item3Content2,
.item3Box .item3Content3,
.item3Box .item3Content4 {
  display: none;
}

.item4Box {
  font-size: 0.68rem;
  text-align: center;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 0.6rem;
}

.item4Box .item4BoxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.6rem;
}

.item4Box .item4BoxContent img {
  width: 3.3rem;
  height: 3.3rem;
}

.item4Box .item4BoxImgBox {
  width: 100%;
  padding: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.6rem;
}

.item4Box .item4BoxImgBox .item4BoxImg {
  width: 100%;
  height: 8rem;
}

.item5Box {
  margin-top: 0.6rem;
}

.item5Box .item5BoxContent {
  padding: 0.6rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 10px;
}

.item5Box .item5BoxItem {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #333333;
}

.item5Box .item5BoxItem img {
  width: 2.8rem;
  height: 2.8rem;
}

.item5Box .item5BoxItem p {
  margin-top: 0.54rem;
}

.item5Box .item5BoxItem p:nth-child(2) {
  white-space: nowrap;
}

.item5Box .item5BoxItem p:last-child {
  font-size: 0.51rem;
  font-weight: 400;
  color: #666666;
  margin-top: 0.36rem;
}

.item6Box {
  margin-top: 0.72rem;
}

.item6Box .item6BoxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.item6Box .item6BoxContent .item6BoxContentItem {
  width: 49%;
  padding: 0.72rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: -webkit-gradient(linear, right top, left top, from(#38A9FF), to(#0348FF));
  background: linear-gradient(-90deg, #38A9FF, #0348FF);
  border-radius: 10px;
  font-size: 0.6rem;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}

.item6Box .item6BoxContent .item6BoxContentItem img {
  width: 0.92rem;
  height: 0.72rem;
}

.item6Box .item6BoxContent .item6BoxContentItem img:last-child {
  width: 1.03rem;
  height: 1rem;
}

.item6Box .getHHH {
  display: inline-block;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  padding: 0.4rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, right top, left top, from(#0DCCBC), to(#3FBAB0));
  background: linear-gradient(-90deg, #0DCCBC, #3FBAB0);
  font-size: 0.72rem;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: 6px;
  margin-top: 0.4rem;
}

.item7Box {
  margin-top: 1rem;
}

.item7Box .item7BoxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.item7Box .item7BoxContent .item7BoxContentItem {
  display: inline-block;
  padding: 0.6rem 0.9rem;
  font-size: 0.6rem;
  font-weight: 500;
  color: #FFFFFF;
  background: url("../images/LinUxImg/item7BoxContentItemBj.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}

.item7Box .item7BoxContent2 {
  padding: 0 3.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item7Box .backTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.6rem;
  font-size: 0.7rem;
  font-weight: 500;
  color: #FFFFFF;
}

.item7Box .backTop img {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.4rem;
}

.item8Box {
  padding-bottom: 2.36rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("../images/LinUxImg/boxDownBj.png");
  background-position: left, bottom;
  background-repeat: no-repeat;
}

.item8Box .item8BoxContent {
  color: #fff;
  text-align: center;
  font-size: 1.04rem;
  font-weight: bold;
  margin-top: 1.3rem;
  margin-bottom: 1rem;
}

.item8Box .item8BoxContent span:nth-child(1), .item8Box .item8BoxContent span:nth-child(4) {
  color: #FFE357;
}

.item8Box .item8BoxContent span:nth-child(2) {
  text-decoration: line-through;
}

.item8Box .inputBox .userName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 400;
  color: #333333;
  padding: 0.76rem 0.66rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.64rem;
}

.item8Box .inputBox .userName input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  outline: none;
  padding-left: 0.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item8Box .yesBtn {
  display: inline-block;
  padding: 0.73rem 1.36rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.8rem;
  font-weight: bold;
  color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff160), to(#ff982b));
  background-image: linear-gradient(#fff160, #ff982b);
  border-radius: 18px;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  margin-top: 0.2rem;
}
/*# sourceMappingURL=index.css.map */