* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@font-face {
  font-family: "youshe";
  src: url("../images/youshe.ttf");
}
@font-face {
  font-family: "siyuan";
  src: url("../images/SourceHanSansSC-Regular.otf");
}
body {
  background-color: #eee;
}

.english {
  font-size: 0.25rem;
  color: #fff;
  position: absolute;
  right: 0.4615rem;
  top: 0.0538rem;
  cursor: pointer;
}
.english > img {
  width: 0.2462rem;
  height: 0.2462rem;
  margin-right: 0.0385rem;
}

.moreBtn {
  display: none;
}

.container {
  font-family: "siyuan";
}
.container textarea::-webkit-input-placeholder {
  font-family: "siyuan";
  color: #BBBBBB;
}
.container input::-webkit-input-placeholder {
  font-family: "siyuan";
  color: #BBBBBB;
}
.container .banner {
  width: 100%;
}
.container .home {
  width: 64vw;
  margin: 0 auto;
  position: relative;
  margin-top: 0.6rem;
}
.container .home .top {
  height: 0.723rem;
  display: flex;
  justify-content: center;
  font-size: 0.25rem;
  font-family: SourceHanSansSC-Medium;
  margin-top: 0.1769rem;
}
.container .home .top .left {
  width: 2.3538rem;
  height: 100%;
  background-image: url("../images/zptjsj_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  line-height: 0.723rem;
  text-align: center;
}
.container .home .top .right {
  width: 4.5307rem;
  height: 100%;
  background-color: #000;
  color: #fff;
  line-height: 0.723rem;
  text-align: center;
}
.container .home .section1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.3125rem;
  font-family: "youshe";
  margin-top: 0.6923rem;
}
.container .home .section1 .section1Img {
  width: 1.7692rem;
  height: 2.0308rem;
  position: relative;
  z-index: 2;
  margin-left: 0.8077rem;
}
.container .home .section1 .section1Title {
  width: 5.4154rem;
  height: 1.2692rem;
  border-top: 0.031rem solid #000;
  border-bottom: 0.031rem solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.2385rem;
  transform: translateX(-0.9846rem);
  position: relative;
  z-index: 1;
  padding-left: 0.8538rem;
}
.container .home .box1 {
  width: 100%;
  height: 4.9462rem;
  background-image: url("../images/01_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0.2194rem;
  line-height: 0.4948rem;
  padding: 0.5923rem 0.6538rem;
  text-indent: 2em;
  text-align: justify;
}
.container .home .section2 {
  width: 98%;
  margin: 0.8462rem auto;
  height: 5.1154rem;
  background-color: #E9E3D5;
  border-radius: 0.1875rem;
  box-shadow: 0rem 0rem 0.1677rem #bababa;
}
.container .home .section2 .section2Title {
  font-size: 0.6308rem;
  font-family: "youshe";
  padding-top: 0.7769rem;
  position: relative;
}
.container .home .section2 .section2Title .left {
  width: 3.8846rem;
  height: 1.1385rem;
  border-top: 0.031rem solid #000;
  border-bottom: 0.031rem solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 1.9616rem;
}
.container .home .section2 .section2Title .section2Img {
  width: 2.3077rem;
  height: 2.8rem;
  position: absolute;
  right: 1.5615rem;
  top: -0.4231rem;
}
.container .home .section2 .section2text {
  font-weight: bold;
  font-size: 0.1946rem;
  padding: 0 1.7231rem 0 1.5462rem;
  margin-top: 0.7692rem;
  line-height: 0.4948rem;
  text-align: justify;
}
.container .home .section2 .section2text > p > span {
  position: relative;
  z-index: 999;
}
.container .home .section2 .section2text > p > span::after {
  content: "";
  width: 100%;
  height: 0.1385rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .home .section3 {
  margin-top: 0.5385rem;
}
.container .home .section3 .section3Title {
  font-size: 0.6308rem;
  font-family: "youshe";
  position: relative;
  padding-top: 0.9385rem;
}
.container .home .section3 .section3Title .left {
  width: 4.7154rem;
  height: 1.1385rem;
  border-top: 0.031rem solid #000;
  border-bottom: 0.031rem solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 3.2077rem;
}
.container .home .section3 .section3Title .left > p {
  transform: translateX(0.2385rem);
}
.container .home .section3 .section3Title .section3Img {
  width: 2.3077rem;
  height: 2.8rem;
  position: absolute;
  left: 1.2685rem;
  top: 0;
}
.container .home .section3 .section3text {
  font-size: 0.1946rem;
  font-weight: bold;
  margin-top: 0.9rem;
  text-align: justify;
}
.container .home .section3 .section3text > div {
  margin-bottom: 0.4015rem;
  line-height: 0.31rem;
}
.container .home .section3 .section3text > div .icons {
  width: 0.2923rem;
  height: 0.2615rem;
  margin-right: 0.1077rem;
  transform: translateY(0.0385rem);
}
.container .home .section3 .section3text > div > span {
  position: relative;
  z-index: 999;
}
.container .home .section3 .section3text > div > span::after {
  content: "";
  width: 100%;
  height: 0.1285rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .home .section4 {
  width: 7.6462rem;
  height: 6.0615rem;
  margin: 0.2846rem auto 0;
  background-image: url("../images/xf.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
.container .home .section4 .section4Title {
  font-size: 0.6308rem;
  font-family: "youshe";
  padding: 1.5385rem 0 0 2.3077rem;
  position: relative;
}
.container .home .section4 .section4Title .left {
  width: 4.6154rem;
  height: 1.1408rem;
  border-top: 0.031rem solid #000;
  border-bottom: 0.031rem solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.container .home .section4 .section4Title .section4Img {
  width: 2.3077rem;
  height: 2.8rem;
  position: absolute;
  left: 0.5923rem;
  top: 0.5462rem;
  z-index: 999;
}
.container .home .section4 .section4Text {
  width: 8.0769rem;
  height: 2.0077rem;
  position: absolute;
  bottom: 0.5rem;
  left: -0.2308rem;
  font-size: 0.3077rem;
  background-color: #FFCF0D;
  border-radius: 0.2231rem;
  text-align: center;
  line-height: 0.5rem;
  padding-top: 0.5077rem;
  font-weight: bold;
}
.container .home .section5 {
  margin-top: 2.8538rem;
}
.container .home .section5 .section5Title {
  font-size: 0.6308rem;
  font-family: "youshe";
  position: relative;
}
.container .home .section5 .section5Title .left {
  width: 4.2308rem;
  height: 1.1385rem;
  border-top: 0.031rem solid #000;
  border-bottom: 0.031rem solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.container .home .section5 .section5Title .section5Img {
  width: 2.3077rem;
  height: 2.8rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -2.3077rem;
}
.container .home .section5 .section5text {
  font-size: 0.1846rem;
  font-weight: bold;
  margin-top: 0.9rem;
}
.container .home .section5 .section5text > p {
  display: flex;
  justify-content: center;
  margin-bottom: 0.3077rem;
}
.container .home .section5 .section5text > p:first-child {
  width: 6.0077rem;
  text-indent: 2em;
  line-height: 0.3125rem;
  margin: 0 auto 0.1615rem;
  text-align: left;
}
.container .home .section5 .section5text > p .icons {
  width: 0.2923rem;
  height: 0.2615rem;
  margin-right: 0.1077rem;
}
.container .home .section5 .section5text .t {
  text-align: center;
  font-size: 0.2154rem;
  margin-bottom: 0.4538rem;
}
.container .home .section5 .section5text .t > span {
  position: relative;
  z-index: 999;
}
.container .home .section5 .section5text .t > span::after {
  content: "";
  width: 100%;
  height: 0.1285rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .home .section6 {
  position: relative;
}
.container .home .section6 .section6Title {
  font-size: 0.6308rem;
  font-family: "youshe";
  padding: 1.5385rem 0 0 3.9rem;
  position: relative;
}
.container .home .section6 .section6Title .left {
  width: 2.7692rem;
  height: 1.1408rem;
  border-top: 0.031rem solid #000;
  border-bottom: 0.031rem solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.container .home .section6 .section6Title .section6Img {
  width: 2.3077rem;
  height: 2.8rem;
  position: absolute;
  left: 1.9rem;
  top: 0.5962rem;
  z-index: 999;
}
.container .home .section6 .section6Text {
  font-size: 0.1846rem;
  line-height: 0.5rem;
  padding-top: 0.5077rem;
  font-weight: bold;
  width: 100%;
  height: 4.9385rem;
  border: 0.0254rem solid #000;
  background-color: #fff;
  padding: 0 0.2308rem;
  margin-top: 1.0462rem;
}
.container .home .section6 .section6Text .section6Text2 {
  height: 100%;
  border: 0.0254rem solid #000;
  background-color: #fff;
  transform: translateY(-0.2308rem);
  padding: 0.3923rem 0.7846rem 0;
}
.container .home .section6 .section6Text .section6Text2 .quesction {
  border: 0.0231rem solid #000;
  width: 2.4077rem;
  height: 0.4308rem;
  display: flex;
  align-items: center;
  background-color: #000;
  color: #fff;
  margin-top: 0.5154rem;
  margin-left: 0.0769rem;
  margin-bottom: 0.2308rem;
}
.container .home .section6 .section6Text .section6Text2 .quesction .left {
  background-color: #fff;
  width: 0.4154rem;
  height: 100%;
  position: relative;
}
.container .home .section6 .section6Text .section6Text2 .quesction .left > img {
  width: 0.3385rem;
  height: 0.5846rem;
  position: absolute;
  top: -0.2046rem;
  left: 0.038rem;
}
.container .home .section6 .section6Text .section6Text2 .quesction .right {
  padding-left: 0.0385rem;
  white-space: nowrap;
  font-size: 0.1692rem;
}
.container .home .section6 .section6Text .section6Text2 > p > span {
  position: relative;
  z-index: 999;
}
.container .home .section6 .section6Text .section6Text2 > p > span::after {
  content: "";
  width: 100%;
  height: 0.1285rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .home .section6 .section6Text .section6Text2 .lianxi {
  line-height: 0.3125rem;
}
.container .home .section7 {
  position: relative;
  font-size: 0.1846rem;
  line-height: 0.3077rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.7692rem;
}
.container .home .section7 .section7left {
  width: 53%;
  padding: 2.4154rem 0 0 0.5231rem;
}
.container .home .section7 .section7left > p {
  margin-bottom: 0.3846rem;
}
.container .home .section7 .section7left > p .icons {
  width: 0.2923rem;
  height: 0.2615rem;
  margin-right: 0.1077rem;
  transform: translateY(0.0385rem);
}
.container .home .section7 .section7left .section7Title {
  font-size: 0.6308rem;
  font-family: "youshe";
  position: relative;
  font-weight: normal;
  margin-bottom: 0.7154rem;
}
.container .home .section7 .section7left .section7Title .left {
  width: 4.1477rem;
  height: 2.1923rem;
  border-radius: 0.3123rem;
  border: 0.031rem solid #000;
  background-color: #fff;
  text-align: center;
  padding-top: 0.9077rem;
}
.container .home .section7 .section7left .section7Title .left > p {
  margin-bottom: 0.3rem;
}
.container .home .section7 .section7left .section7Title .left > p:nth-of-type(2) {
  font-size: 0.2077rem;
}
.container .home .section7 .section7left .section7Title .section7Img {
  width: 2.3077rem;
  height: 2.8rem;
  position: absolute;
  left: -0.3231rem;
  top: -1.8846rem;
  z-index: 999;
}
.container .home .section7 .section7right {
  width: 40%;
  padding-top: 2.4077rem;
  line-height: 0.3077rem;
  padding-right: 0.5385rem;
}
.container .home .section7 .section7right > p .icons {
  width: 0.2923rem;
  height: 0.2615rem;
  margin-right: 0.1077rem;
  transform: translateY(0.0385rem);
}
.container .home .section7 .section7right > p {
  margin-bottom: 0.3308rem;
}
.container .home .section7 .section7right .logo {
  width: 2.9846rem;
  height: 0.7846rem;
  margin-top: 0.7615rem;
}
.container .allwork {
  width: 100%;
  position: relative;
}
.container .allwork .menu {
  width: 100%;
  margin-top: 0.0901rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .allwork .menu .menuItem {
  width: 2.0193rem;
  height: 0.8rem;
  border: 0.0308rem solid #000;
  background-color: #31E454;
  margin: 0 0.1692rem;
  position: relative;
}
.container .allwork .menu .menuItem:nth-of-type(2) {
  background-color: #FABB14;
}
.container .allwork .menu .menuItem:nth-of-type(3) {
  background-color: #F17132;
}
.container .allwork .menu .menuItem:nth-of-type(4) {
  background-color: #31A7E4;
}
.container .allwork .menu .menuItem .menuItem2 {
  width: 2.0193rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3846rem;
  font-family: "youshe";
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 0.0308rem solid #000;
  position: absolute;
  left: -0.0923rem;
  top: -0.0923rem;
}
.container .allwork .menu .menuItem .menuItem2 .icons {
  display: none;
}
.container .allwork .title {
  font-size: 0.6923rem;
  width: 5.7477rem;
  height: 1.3846rem;
  line-height: 1.3846rem;
  border-top: 0.0231rem solid #000;
  border-bottom: 0.0231rem solid #000;
  text-align: center;
  margin: 1.2846rem auto 0.7308rem;
  transform: translateX(-0.6769rem);
  font-family: "youshe";
  position: relative;
}
.container .allwork .title > img {
  width: 2.1008rem;
  /* height: 2.1rem; */
  position: absolute;
  right: -1.4923rem;
  top: -0.7154rem;
}
.container .allwork .allBox .list {
  width: 63vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container .allwork .allBox .list .list_item {
  width: 2.9231rem;
  height: 2.8846rem;
  background-image: url("../images/bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0.0258rem;
  margin-bottom: 0.2615rem;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
}
.container .allwork .allBox .list .list_item .list_item_img {
  background-color: #eee;
  width: 100%;
  height: 1.8rem;
}
.container .allwork .allBox .list .list_item .playBtn {
  position: absolute;
  width: 0.5385rem;
  height: 0.5385rem;
  top: 0.6308rem;
  left: 50%;
  transform: translateX(-50%);
}
.container .allwork .allBox .list .list_item .text {
  margin-left: 0.1538rem;
  float: left;
}
.container .allwork .allBox .list .list_item .text .text_1 {
  font-size: 0.2rem;
  margin: 0 0 0.09rem 0;
  color: #000;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 2.56rem
}
.container .allwork .allBox .list .list_item .text .text_2 {
  font-size: 0.1538rem;
  color: #515465;
}
.container .allwork .allBox .pagination {
  margin-top: 0.2307rem;
  margin-bottom: 0.7692rem;
  font-size: 0.1538rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .allwork .allBox .pagination > div {
  font-size: 0.2rem;
  padding: 0 0.1769rem;
  height: 0.3231rem;
  line-height: 0.3231rem;
  border: 0.0077rem solid #262626;
  text-align: center;
  background-color: #fff;
  margin-right: 0.1538rem;
  cursor: pointer;
}
.container .allwork .allBox .pagination .activeBtn {
  background-color: #FABB14;
}
.container .allwork .d {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  padding: 0 0 0.7077rem 0;
}
.container .allwork .d .detailTitle {
  font-size: 0.6923rem;
  width: 5.7477rem;
  height: 1.3846rem;
  line-height: 1.3846rem;
  border-top: 0.0231rem solid #000;
  border-bottom: 0.0231rem solid #000;
  text-align: center;
  margin: 1.446rem auto 0.7308rem;
  transform: translateX(-0.6769rem);
  font-family: "youshe";
  position: relative;
}
.container .allwork .d .detailTitle > img {
  width: 2.1008rem;
  /* height: 2.1rem; */
  position: absolute;
  right: -1.4923rem;
  top: -0.7154rem;
}
.container .allwork .d .detailBox {
  font-size: 0.2rem;
  width: 73vw;
  margin: auto;
  padding: 0.5231rem 0.7rem;
  background-color: #fff;
  border: 0.0308rem solid #000;
}
.container .allwork .d .detailBox .section {
  font-size: 0.3077rem;
  margin: 0 0 0.3693rem 0;
}
.container .allwork .d .detailBox .section .back {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1077rem;
  cursor: pointer;
}
.container .allwork .d .detailBox .videoBox {
  background-color: #eee;
  width: 100%;
  height: 5.3154rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.container .allwork .d .detailBox .videoBox:hover .videoBtn {
  filter: brightness(180%);
}
.container .allwork .d .detailBox .videoBox .videoBtn {
  width: 0.8462rem;
  height: 0.8462rem;
}
.container .allwork .d .detailBox .section2 {
  font-size: 0.3077rem;
  margin-top: 0.3846rem;
  font-weight: bold;
}
.container .allwork .d .detailBox .section2 > span {
  position: relative;
  z-index: 999;
}
.container .allwork .d .detailBox .section2 > span::after {
  content: "";
  width: 100%;
  height: 0.2rem;
  position: absolute;
  z-index: -1;
  bottom: -0.1154rem;
  left: 0;
  background-color: #36FF5B;
}
.container .allwork .d .detailBox .text1 {
  margin: 0.3615rem 0 0.2069rem 0;
  color: #666;
}
.container .allwork .d .detailBox .text1 > span {
  margin-right: 0.3538rem;
  color: #040000;
  font-weight: bold;
}
.container .allwork .d .detailBox .text1 > img {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.0846rem;
}
.container .allwork .d .detailBox .text2 {
  line-height: 0.5615rem;
  color: #040000;
  font-weight: bold;
}
.container .allwork .d .detailBox .dzBtn {
  margin: 0.3693rem auto 0;
  cursor: pointer;
  font-size: 0.1538rem;
  text-align: center;
}
.container .allwork .d .detailBox .dzBtn .imgbox {
  width: 100%;
}
.container .allwork .d .detailBox .dzBtn .imgbox .dzImg {
  width: 0.6923rem;
  height: 0.6923rem;
  margin: auto;
}
.container .mywork {
  width: 100%;
  position: relative;
}
.container .mywork .menu {
  width: 100%;
  margin-top: 0.0901rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .mywork .menu .menuItem {
  width: 2.0193rem;
  height: 0.8rem;
  border: 0.0308rem solid #000;
  background-color: #31E454;
  margin: 0 0.1692rem;
  position: relative;
}
.container .mywork .menu .menuItem:nth-of-type(2) {
  background-color: #FABB14;
}
.container .mywork .menu .menuItem:nth-of-type(3) {
  background-color: #F17132;
}
.container .mywork .menu .menuItem:nth-of-type(4) {
  background-color: #31A7E4;
}
.container .mywork .menu .menuItem .menuItem2 {
  width: 2.0193rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3846rem;
  font-family: "youshe";
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 0.0308rem solid #000;
  position: absolute;
  left: -0.0923rem;
  top: -0.0923rem;
}
.container .mywork .menu .menuItem .menuItem2 .icons {
  display: none;
}
.container .mywork .title {
  font-size: 0.6923rem;
  width: 5.7477rem;
  height: 1.3846rem;
  line-height: 1.3846rem;
  border-top: 0.0231rem solid #000;
  border-bottom: 0.0231rem solid #000;
  text-align: center;
  margin: 1.2846rem auto 0.7308rem;
  transform: translateX(-0.6769rem);
  font-family: "youshe";
  position: relative;
}
.container .mywork .title > img {
  width: 2.1008rem;
  /* height: 2.1rem; */
  position: absolute;
  right: -1.4923rem;
  top: -0.7154rem;
}
.container .mywork .list {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.container .mywork .list .listItem {
  width: 63vw;
  height: 3.0462rem;
  background-image: url("../images/bg1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 0.3077rem;
}
.container .mywork .list .listItem .customSelect {
  display: none;
}
.container .mywork .list .listItem .icon {
  width: 1.4308rem;
  height: 0.6923rem;
  position: absolute;
  top: -0.0261rem;
  left: -0.0461rem;
}
.container .mywork .list .listItem .itemImg {
  width: 3.6154rem;
  height: 2.8923rem;
  background-color: #eee;
  margin: 0.0308rem 0.2308rem 0.1231rem 0.0308rem;
  float: left;
}
.container .mywork .list .listItem .right {
  font-size: 0.2308rem;
  width: 100%;
  padding-right: 0.2154rem;
}
.container .mywork .list .listItem .right .r_title {
  font-size: 0.3077rem;
  margin: 0.2307rem 0 0.3769rem 0;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.container .mywork .list .listItem .right .text1 {
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.container .mywork .list .listItem .right .text4 {
  margin: 0.2307rem 0 0.1769rem 0;
  color: #B0B5D0;
}
.container .mywork .list .listItem .right .text2 {
  color: #515465;
  display: flex;
  justify-content: flex-end;
  margin-right: 0.0846rem;
}
.container .mywork .list .listItem .right .text2 > div > span {
  margin-left: 0.2615rem;
  cursor: pointer;
}
.container .mywork .list .listItem .right .text3 {
  display: none;
}
.container .mywork .uploadBtn {
  display: block;
  cursor: pointer;
  width: 3.2692rem;
  height: 1rem;
  margin: 0.5154rem auto 0.6846rem;
}
.container .upload {
  width: 100%;
  position: relative;
}
.container .upload .menu {
  width: 100%;
  margin-top: 0.0901rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .upload .menu .menuItem {
  width: 2.0193rem;
  height: 0.8rem;
  border: 0.0308rem solid #000;
  background-color: #31E454;
  margin: 0 0.1692rem;
  position: relative;
}
.container .upload .menu .menuItem:nth-of-type(2) {
  background-color: #FABB14;
}
.container .upload .menu .menuItem:nth-of-type(3) {
  background-color: #F17132;
}
.container .upload .menu .menuItem:nth-of-type(4) {
  background-color: #31A7E4;
}
.container .upload .menu .menuItem .menuItem2 {
  width: 2.0193rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3846rem;
  font-family: "youshe";
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 0.0308rem solid #000;
  position: absolute;
  left: -0.0923rem;
  top: -0.0923rem;
}
.container .upload .menu .menuItem .menuItem2 .icons {
  display: none;
}
.container .upload .title {
  font-size: 0.6923rem;
  width: 5.7477rem;
  height: 1.3846rem;
  line-height: 1.3846rem;
  border-top: 0.0231rem solid #000;
  border-bottom: 0.0231rem solid #000;
  text-align: center;
  margin: 1.2846rem auto 0.7308rem;
  transform: translateX(-0.6769rem);
  font-family: "youshe";
  position: relative;
}
.container .upload .title > img {
  width: 2.1008rem;
  /* height: 2.1rem; */
  position: absolute;
  right: -1.4923rem;
  top: -0.7154rem;
}
.container .upload .uploadBox {
  width: 72vw;
  margin: 0.6231rem auto 0.9846rem;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.8539rem;
  font-size: 0.223rem;
}
.container .upload .uploadBox .left,
.container .upload .uploadBox .right {
  width: 48%;
}
.container .upload .uploadBox .left .section,
.container .upload .uploadBox .right .section {
  width: 100%;
  height: 2.7385rem;
  background-color: #fff;
  border-radius: 0.1231rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.container .upload .uploadBox .left .section .sc,
.container .upload .uploadBox .right .section .sc {
  width: 0.6615rem;
  height: 0.6615rem;
}
.container .upload .uploadBox .left .title1,
.container .upload .uploadBox .right .title1 {
  font-size: 0.3847rem;
  margin-bottom: 0.3077rem;
}
.container .upload .uploadBox .left .title1 > span,
.container .upload .uploadBox .right .title1 > span {
  position: relative;
  z-index: 999;
}
.container .upload .uploadBox .left .title1 > span::after,
.container .upload .uploadBox .right .title1 > span::after {
  content: "";
  width: 100%;
  height: 0.1385rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .upload .uploadBox .left {
  margin-right: 0.2954rem;
}
.container .upload .uploadBox .more {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container .upload .uploadBox .more .moreTitle {
  font-size: 0.3547rem;
  margin: 0.5rem 0 0.3923rem 0;
  width: 100%;
}
.container .upload .uploadBox .more .moreTitle > span {
  position: relative;
  z-index: 999;
}
.container .upload .uploadBox .more .moreTitle > span::after {
  content: "";
  width: 100%;
  height: 0.1385rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .upload .uploadBox .more .input,
.container .upload .uploadBox .more .select {
  width: 48%;
  height: 0.6769rem;
  line-height: 0.6769rem;
  font-size: 0.2rem;
  text-indent: 0.223rem;
  border-radius: 0.1231rem;
  border: 0;
  margin-bottom: 0.2308rem;
  background-color: #fff;
}
.container .upload .uploadBox .more .select {
  cursor: pointer;
  position: relative;
}
.container .upload .uploadBox .more .select .icon {
  width: 0.1538rem;
  height: 0.1538rem;
  position: absolute;
  right: 0.2077rem;
  top: 50%;
  transform: translateY(-50%);
}
.container .upload .uploadBox .more .infoTitle {
  font-size: 0.3847rem;
  margin: 0.223rem 0 0.3923rem 0;
  width: 100%;
}
.container .upload .uploadBox .more .infoTitle > span {
  position: relative;
  z-index: 999;
}
.container .upload .uploadBox .more .infoTitle > span::after {
  content: "";
  width: 100%;
  height: 0.1385rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #36FF5B;
}
.container .upload .uploadBox .more .section {
  width: 48%;
  height: 2.3077rem;
  background-color: #fff;
  border-radius: 0.1231rem;
  border: 0;
  padding: 0.1846rem 0.223rem;
  font-size: 0.2rem;
  resize: none;
}
.container .upload .uploadBox .more .btn1,
.container .upload .uploadBox .more .btn2 {
  width: 40%;
  height: 1rem;
  margin-top: 0.4308rem;
  cursor: pointer;
}
.container .upload .uploadBox .more .btn1 {
  margin-left: 0.5308rem;
}
.container .upload .uploadBox .more .btn2 {
  margin-right: 0.5308rem;
}/*# sourceMappingURL=index.css.map */



.head {
  background-image: url(../images/banner.png);
  background-size: 100% 100%;
  width: 100%;
  height: 7.6rem;
  position: relative;
  z-index: 99;
}
.head>.right {
  display: flex;
  font-size: 0.219rem;
  color: #fff;
  float: right;
  margin-top: 0.2rem;
  margin-right: 0.2rem;
}
.head a{
  color: #fff;
}
.right>.lang {
  display: flex;
  align-items: center;
  margin-right: 0.391rem;
}
.lang_icon {
  width: 0.219rem;
  height: 0.219rem;
  margin-right: 0.063rem;
}
.login {
  display: flex;
  align-items: center;
  font-weight: 800;
}

.login>.split_line {
  width: 1px;
  height: 0.203rem;
  background-color: #fff;
  margin: 0 0.078rem;
}

.login>.btn {
  cursor: pointer;
}
.xl_img {
  width: 0.219rem;
  height: 0.219rem;
  margin: 0 0.094rem;
  cursor: pointer;
  vertical-align: bottom;
}

.xl_wrap {
  position: relative;
}

.dropdowm {
  width: 1.172rem;
  border-radius: 0.078rem;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0.373rem;
  font-size: 0.141rem;
  color: rgba(35, 35, 35, 1);
}

.dropdowm-item {
  text-align: center;
  margin: 0.156rem;
  cursor: pointer;
}

.dropdowm-item:hover {
  color: rgba(0, 1, 50, 0.5);
}
.dropdowm a{
  color: rgba(35, 35, 35, 1);
}
.dropdowm a:hover{
  color: rgba(0, 1, 50, 0.5);
}

.header_menu {
  width: 100%;
  position: relative;
  margin-top: 0.32rem;
}
.header_menu .menu {
  width: 100%;
  margin-top: 0.0901rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_menu .menu .menuItem {
  width: 2.0193rem;
  height: 0.8rem;
  border: 0.0308rem solid #000;
  background-color: #31E454;
  margin: 0 0.1692rem;
  position: relative;
}
.header_menu .menu .menuItem:nth-of-type(2) {
  background-color: #FABB14;
}
.header_menu .menu .menuItem:nth-of-type(3) {
  background-color: #F17132;
}
.header_menu .menu .menuItem:nth-of-type(4) {
  background-color: #31A7E4;
}
.header_menu .menu .menuItem .menuItem2 {
  width: 2.0193rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3846rem;
  font-family: "youshe";
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 0.0308rem solid #000;
  position: absolute;
  left: -0.0923rem;
  top: -0.0923rem;
}
.header_menu .menu .menuItem .menuItem2 .icons {
  display: none;
}
.page_html {
  text-align: center;
  color: #333;
  font-size: 0.2rem;
  margin-top: 0.3rem;
  margin-bottom: 0.7rem;
}
.page_html span {
  margin-left: 0.1rem;
}
.page_html a {
  padding: 0.05rem 0.15rem;
  background: #fff;
  color: #333;
  border: 1px solid #262626;
}
.page_html a:hover {
  border: 1px solid #262626;
  background: #FABB14;
  color: #333;
}
.page_html a.active {
  border: 1px solid #262626;
  background: #FABB14;
  color: #333;
}