* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.zh-content-row {
  position: relative;
  background-image: url(./images/bg.png);
  background-position: center top;
  background-repeat: repeat;
}

.zh-bgc-red {
  background-color: #f5f2ed;
}

.zh-content,
.zh-content-nav,
.content-contest-detail .tabs_wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  /* color: #ffffff; */
}

.zh-row-978 {
  max-width: 978px;
  margin: 0 auto;
}

.zh-content {
  padding: 20px 0 80px;
}

/* .zh-header-logo {
  height: 432px;
  background-image: url(./images/header-banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
} */

.content-contest-detail .header-region .headImg {
  /* height: 432px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  background-position: center 1px;
}

.zh-nav,
.content-contest-detail .tabs_wrapper .px_tabs {
  padding: 46px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.zh-nav > a.zh-nav-item,
.content-contest-detail .tabs_wrapper .px_tabs > li {
  font-size: 16px;
  color: #fff;
  line-height: 22px;
  background-color: #c5beb8;
  padding: 14px 36px;
  display: inline-block;
  text-decoration: none;
  outline: none;
  border-radius: 25px;
  position: relative;
  -webkit-transition: all ease-in-out 180ms;
  transition: all ease-in-out 180ms;
  margin-bottom: 12px;
}

.content-contest-detail .tabs_wrapper .px_tabs > li > a {
  line-height: 22px;
  padding: 0;
  height: auto;
  border: none;
  color: inherit;
}

.zh-nav > a.zh-nav-item.active,
.zh-nav > a.zh-nav-item:hover,
.content-contest-detail .tabs_wrapper .px_tabs > li.active,
.content-contest-detail .tabs_wrapper .px_tabs > li:hover {
  color: #fff;
  background-color: #a01e1c;
}

.content-contest-detail .tabs_wrapper .px_tabs > li.active a,
.content-contest-detail .tabs_wrapper .px_tabs > li:hover a {
  color: #fff;
}

.zh-nav > a.zh-nav-item.active::before,
.zh-nav > a.zh-nav-item:hover::before,
.zh-nav > a.zh-nav-item.active::after,
.zh-nav > a.zh-nav-item:hover::after,
.content-contest-detail .tabs_wrapper .px_tabs > li.active::before,
.content-contest-detail .tabs_wrapper .px_tabs > li:hover::before,
.content-contest-detail .tabs_wrapper .px_tabs > li.active::after,
.content-contest-detail .tabs_wrapper .px_tabs > li:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* 
.zh-nav > a.zh-nav-item.active::before,
.zh-nav > a.zh-nav-item:hover::before,
.content-contest-detail .tabs_wrapper .px_tabs > li.active::before,
.content-contest-detail .tabs_wrapper .px_tabs > li:hover::before {
  background-image: url(./images/icon-nav-active-l.png);
  left: 10px;
} */
/* 
.zh-nav > a.zh-nav-item.active::after,
.zh-nav > a.zh-nav-item:hover::after,
.content-contest-detail .tabs_wrapper .px_tabs > li.active::after,
.content-contest-detail .tabs_wrapper .px_tabs > li:hover::after {
  background-image: url(./images/icon-nav-active-r.png);
  right: 10px;
} */

.content-contest-detail .contest-head-infor .contest-time {
  color: #a89d93;
}

.style-upload {
  background-color: #a01e1c !important;
  border-color: #a01e1c !important;
}

.zh-row {
  position: relative;
  z-index: 2;
}

.zh-video {
  max-width: 100%;
}

.row-title {
  font-size: 32px;
  color: #a89d93;
  line-height: 45px;
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 19px;
  position: relative;
  z-index: 100;
  font-family: PingFangSC-Regular, sans-serif, -apple-system, "微软雅黑",
    "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.row-title::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  overflow: hidden;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a89d93;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.zh-text {
  color: #a89d93;
  font-size: 14px;
  line-height: 37px;
}

.zh-text-important {
  font-size: 18px;
}

.zh-text-important::before {
  content: "“";
  color: #fff;
  font-size: 84px;
  font-family: PingFangSC-Regular, sans-serif;
  vertical-align: middle;
}

.zh-text-title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
  margin-top: 30px;
  color: #a89d93;
}

.zh-text-important::after {
  content: "”";
  color: #fff;
  font-size: 84px;
  font-family: PingFangSC-Regular, sans-serif;
  vertical-align: middle;
}

.zh-text-center {
  text-align: center;
}

.zh-icon {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

.zh-icon-dragonfly {
  width: 55px;
  height: 49px;
  background-image: url(./images/dragonfly-1.png);
}

.zh-icon-dragonfly1 {
  width: 40px;
  height: 39px;
  background-image: url(./images/dragonfly-2.png);
}

.zh-icon-left {
  left: 120px;
  margin: -36px 0 0 100px;
}

.zh-icon-es-left {
  left: 0 !important;
}

.zh-icon-es-center {
  margin-left: 56px !important;
  margin-top: -56px !important;
}

.zh-icon-right {
  right: 160px;
  margin: -36px 0 0;
}

.zh-icon-inner-left {
  position: absolute;
  left: 0;
  margin: -215px 0 0;
}

.zh-icon-inner-right {
  right: 20px;
  margin: -90px 0 0;
}

.zh-icon-center-right {
  margin-left: 110px;
  margin-top: -16px;
  left: 50%;
}

.zh-icon-center-left {
  margin-left: -316px;
  left: 50%;
  margin-top: 26px;
}

.zh-icon-bamboo {
  width: 40px;
  height: 186px;
  background-image: url(./images/bamboo-3.png);
}

.zh-icon-bamboo1 {
  width: 93px;
  height: 255px;
  background-image: url(./images/bamboo-5.png);
}

.zh-icon-bamboo2 {
  width: 53px;
  height: 134px;
  background-image: url(./images/bamboo-11.png);
}

.zh-icon-bamboo3 {
  width: 96px;
  height: 153px;
  background-image: url(./images/bamboo-7.png);
}

.zh-icon-bamboo4 {
  width: 113px;
  height: 205px;
  background-image: url(./images/bamboo-4.png);
}

.zh-icon-bamboo5 {
  width: 96px;
  height: 289px;
  background-image: url(./images/bamboo-6.png);
}

.zh-icon-bamboo6 {
  width: 113px;
  height: 205px;
  background-image: url(./images/bamboo-10.png);
}

.zh-icon-bamboo7 {
  width: 51px;
  height: 72px;
  background-image: url(./images/bamboo-8.png);
}
/* 
.zh-icon-qing {
  width: 128px;
  height: 206px;
  background-image: url(./images/icon-qing.png);
} */

.zh-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.zh-requirements {
  margin: 40px 0 0;
}

.zh-flex-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 16px;
}

ul.zh-list,
ul.zh-requirements-list {
  list-style: decimal;
}

ul.zh-list > li {
  list-style: decimal;
  color: #a89d93;
  font-size: 14px;
  line-height: 37px;
  padding-left: 6px;
}

.zh-requirements > .zh-flex-item,
.zh-claim > .zh-flex-item {
  background-color: #c5beb8;
  border-radius: 20px;
  padding: 36px 28px;
  position: relative;
}

.zh-requirements > .zh-flex-item::before {
  content: "";
  display: block;
  width: 57px;
  height: 73px;
  background-image: url(./images/bamboo-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.zh-requirements > .zh-flex-item::after {
  content: "";
  display: block;
  width: 95px;
  height: 121px;
  background-image: url(./images/bamboo-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 5px;
  z-index: 1;
}

h4.zh-claim-title {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 26px;
}

.zh-claim .zh-list {
  padding-left: 20px;
}

.zh-claim .zh-list > li,
.zh-claim .zh-text {
  font-size: 14px;
  color: #fff;
  line-height: 28px;
}

.zh-claim-dd::after,
.zh-claim-ddd::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.zh-claim-dd::after {
  width: 105px;
  height: 63px;
  background-image: url(./images/bamboo-1.png);
  left: 31%;
  bottom: 80px;
}

.zh-claim-ddd::after {
  width: 107px;
  height: 158px;
  background-image: url(./images/bamboo-2.png);
  right: 20px;
}

.zh-reference {
  padding: 15px;
  background-color: #c5beb8;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.zh-reference-left {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.zh-reference-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.zh-reference .zh-reference-item {
  margin: 15px;
  width: 360px;
  height: 250px;
  float: left;
}

.zh-reference-item.zh-ref-item-3,
.zh-reference-item.zh-ref-item-4 {
  height: 530px;
}

.zh-reference-item > img {
  max-width: 100%;
  font-size: 0;
}

.zh-requirements .zh-text {
  color: #555555;
  line-height: 24px;
  margin-bottom: 14px;
}

h4.zh-requirements-title {
  font-size: 20px;
  line-height: 35px;
  color: #fff !important;
  position: relative;
  z-index: 2;
}

h4.zh-requirements-title > p {
  color: #fff !important;
  font-size: 12px;
}

.zh-text-bold {
  line-height: 37px;
  font-size: 18px;
  font-weight: bold;
}

.zh-requirements .zh-text {
  color: #555555;
  line-height: 24px;
}

.zh-requirements .zh-text-bold {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}

a.zh-requirements-link {
  background-color: #c83c38;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 15px;
  position: absolute;
  right: 28px;
  bottom: 44px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mt-14 {
  margin-top: 14px;
}

.zh-plan {
  background-image: url(./images/plan.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-right: 206px;
}

.zh-plan::after {
  content: "";
  display: none;
  background-color: #a89d93;
  position: absolute;
  top: 50%;
  height: 5px;
  width: 100%;
  border-radius: 5px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.zh-plan-item {
  position: relative;
  width: 183px;
}

.zh-plan-item::after {
  content: "";
  display: none;
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #a89d93;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.zh-plan-text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #a89d93;
  height: 80px;
  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;
  margin: 30px 0;
}

.zh-plan-info {
  font-size: 12px;
  color: #a89d93;
  line-height: 20px;
  height: 100px;
  padding: 0 10px;
  position: relative;
}

.zh-plan-icon {
  width: 126px;
  height: 103px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto;
  display: none;
}

.plan-info-2::after,
.plan-info-3::after,
.plan-info-7::after,
.plan-info-8::after,
.plan-info-4::after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background-color: #a89d93;
  position: absolute;
  left: 50%;
  bottom: 0;
}

.plan-info-4::after {
  height: 30px;
}

.plan-info-7,
.plan-info-8,
.plan-info-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.plan-info-7::after,
.plan-info-8::after {
  bottom: auto;
  top: 0;
}

.zh-clearfix:before,
.zh-clearfix:after {
  content: " ";
  display: table;
}
.zh-clearfix:after {
  clear: both;
}

/* .plan-icon-1 {
  background-image: url(./images/icon-deng.png);
}

.plan-icon-2 {
  background-image: url(./images/icon-shan.png);
}

.plan-icon-3 {
  background-image: url(./images/icon-bao.png);
}

.plan-icon-4 {
  background-image: url(./images/icon-dangao.png);
}

.plan-icon-5 {
  background-image: url(./images/icon-fu.png);
} */

.zh-award-item {
  width: 178px;
  color: #fff;
  padding: 30px 10px 24px;
  margin: 15px;
  border-radius: 20px;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  background-color: #c5beb8;
  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;
}

.zh-text-red {
  background-color: #a01e1c;
}

.zh-award-item-money {
  font-size: 28px;
  line-height: 37px;
  margin-bottom: 6px;
}

.zh-award-item-title {
  font-size: 28px;
  line-height: 40px;
}

.zh-award-item-text {
  font-size: 14px;
  line-height: 20px;
  margin-top: 6px;
}

.zh-award-item-num {
  font-size: 18px;
  line-height: 45px;
  margin-top: 28px;
}

.zh-award-item-num > i {
  font-size: 32px;
  font-style: normal;
}

.zh-award-item-mtext {
  font-size: 12px;
  line-height: 22px;
}

.zh-award-three {
}

.zh-award-three > .zh-award-item {
  margin: 0 32px;
  width: 210px;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
}

.zh-award-ibox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.zh-award-three-text > p {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
}

.row-title > small {
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
}

.row-title > h3 {
  color: #a89d93;
  font-size: 18px;
  line-height: 37px;
  margin: 0;
}

.zh-judge-item {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33.33%;
  margin: 40px 0 45px;
}

.zh-judge-image {
  width: 200px;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 27px;
}

.zh-judge-image > img {
  max-width: 100%;
}

.zh-judge-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  color: #c1322e;
  border-radius: 28px;
  padding: 20px 27px;
  position: relative;
}
/* 
.zh-judge-img1 {
  background-image: url(./images/icon-p1.png);
}

.zh-judge-img2 {
  background-image: url(./images/icon-p2.png);
}

.zh-judge-img3 {
  background-image: url(./images/icon-p3.png);
}

.zh-judge-img4 {
  background-image: url(./images/icon-p4.png);
}

.zh-judge-img5 {
  background-image: url(./images/icon-p5.png);
}

.zh-judge-img6 {
  background-image: url(./images/icon-p6.png);
}

.zh-judge-img7 {
  background-image: url(./images/icon-p7.png);
}

.zh-judge-img8 {
  background-image: url(./images/icon-p8.png);
} */

.zh-judge-name {
  width: 135px;
  height: 35px;
  background: #fff;
  border-radius: 17px;
  border: 1px solid #a89d93;
  font-size: 14px;
  line-height: 33px;
  color: #a89d93;
  margin-bottom: 6px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 24px;
}

p.zh-judge-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 18px;
  font-weight: bold;
  color: #a89d93;
  text-align: center;
}

p.zh-judge-info-intro {
  font-size: 14px;
  line-height: 26px;
}

.zh-judge {
  /* justify-content: flex-start !important; */
  padding: 20px;
}

/* .zh-judge-item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
} */

.zh-judge-info::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 17.3px 10px 0;
  border-color: transparent #ffffff transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ffffff #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  left: 0;
  top: 78px;
  margin-left: -16px;
}

/* .zh-judge-item:nth-child(2n) .zh-judge-info::before {
  display: none;
}

.zh-judge-item:nth-child(2n) .zh-judge-info::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #ffffff;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #ffffff;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  right: 0;
  top: 78px;
  margin-right: -16px;
} */

.zh-upload p.zh-text {
  font-size: 18px;
  line-height: 37px;
}

.zh-upload p.zh-text a {
  color: #fff;
  text-decoration: underline;
}

.zh-org-title {
  font-size: 18px;
  line-height: 25px;
}

.zh-org.zh-flex {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.zh-org-item {
  /* flex: 1; */
  margin: 20px;
  max-width: 220px;
}

/* .zh-org-title::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  vertical-align: middle;
  background-color: #fff;
  margin-right: 8px;
} */

.zh-org-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.zh-org-text > a,
.zh-org-text > p {
  font-size: 14px;
  line-height: 28px;
  text-decoration: none;
  color: #a89d93;
}

.zh-contact > p {
  font-size: 18px;
  line-height: 42px;
}

.zh-contact > p a {
  color: #fff;
}

.zh-footer.zh-flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.zh-footer > img {
  max-width: 100%;
}

.zh-footer > a {
  width: 20%;
  display: none;
  position: absolute;
  z-index: 0;
  height: 100%;
  top: 0;
}

.zh-footer > a.zh-logo-2 {
  left: 20%;
}

.zh-footer > a.zh-logo-3 {
  left: 40%;
}

.zh-footer > a.zh-logo-4 {
  left: 60%;
}

.zh-footer > a.zh-logo-5 {
  left: 80%;
}

/* .zh-footer-sjz {
  width: 168px;
  height: 257px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./images/footer-sjz.png);
  margin: 20px 50px;
}

.zh-footer-vcg {
  width: 100%;
  max-width: 484px;
  height: 109px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./images/footer-vcg.png);
  margin: 20px 50px;
}

.zh-icon-dian {
  width: 188px;
  height: 465px;
  background-image: url(./images/icon-d.png);
} */

.zh-icon-l {
  left: 0;
  margin: -400px 0 0 -200px;
}

.zh-icon-r {
  right: 0;
  margin: -100px -200px 0 0;
}

.zh-bgc-b {
  background-color: #2f0722;
  padding: 250px 0 350px;
  overflow: hidden;
}

.zh-bgc-b::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 250px 1920px 0 0;
  border-color: #c0322d transparent transparent transparent;
  line-height: 0px;
  _border-color: #c0322d #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.zh-bgc-b::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 350px 1920px;
  border-color: transparent transparent #c0322d transparent;
  line-height: 0px;
  _border-color: #000000 #000000 #c0322d #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.contest-head-infor {
  background-color: #f5f2ed;
}

.tabs-region {
  background-color: #f5f2ed;
}

.content-contest-detail .tabs_wrapper,
.content-contest-detail .tabs_wrapper .px_tabs {
  border-color: #f5f2ed;
}

#content-contest-detail {
  background-color: #f5f2ed;
}

.zh-tsa {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f5f2ed;
  z-index: 2;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.zh-tsa-info {
  margin-left: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.zh-tsa-info .zh-text-title {
  margin-bottom: 20px;
  margin-top: 0;
}

.zh-tsa-info .zh-text {
  line-height: 28px;
}

.zh-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.zh-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.zh-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.zh-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.zh-border {
  border: 1px solid #a89d93;
  border-radius: 20px;
}

.zh-padding-30 {
  padding: 20px 30px;
}

.zh-icon-tsa {
  width: 130px;
  height: 130px;
  background-image: url(./images/tsa.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

/* 回顾页面 */

.scrollbox-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1)
    0s;
  transition: -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1)
    0s;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1)
    0s;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1)
    0s;
  transition: transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s,
    -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s,
    -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s,
    -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s,
    -webkit-transform 0.35s cubic-bezier(0.15, 0.3, 0.25, 1) 0s;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
  -webkit-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.scrollbox-item {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /* border: 5px solid #fff; */
}

.lightbox,
.zh-shij,
.scrollbox {
  overflow: hidden;
  width: 100%;
  max-width: 918px;
  margin: 30px auto;
}

.lightbox-big {
  /* border: 5px solid #fff; */
  margin-bottom: 24px;
}

.lightbox-list {
  margin: 0 -6px;
  overflow: hidden;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lightbox-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 6px;
  /* border: 5px solid #fff; */
  cursor: pointer;
  outline: none;
}

.zh-shij-item {
  width: 284px;
  height: 203px;
  overflow: hidden;
  margin-bottom: 24px;
}

.scrollbox-s {
  margin-top: 12px;
  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;
}

.scrollbox-s > i {
  width: 24px;
  height: 24px;
  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;
  cursor: pointer;
  outline: none;
}

.scrollbox-s > i::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #fff;
  opacity: 0.41;
}

.scrollbox-s > i.active::before {
  opacity: 1;
}

.image-center {
  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;
  font-size: 0;
}

.image-center > img {
  max-width: 100%;
}

.photo-list-cates-container {
  border: none;
}

@media (max-width: 1224px) {
  .zh-plan {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    background-image: none;
  }

  .zh-plan-item {
    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;
    width: 100%;
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .zh-plan-item::after {
    display: block;
  }

  .zh-plan-text,
  .zh-plan-info,
  .zh-plan-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .zh-plan-info {
    /* padding: 0 20px 0 0; */
    height: auto;
    padding: 0 20px;
  }

  .zh-plan-text {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
  }

  .plan-info-2::after,
  .plan-info-3::after,
  .plan-info-7::after,
  .plan-info-8::after,
  .plan-info-4::after {
    display: none;
  }

  .zh-plan::after {
    display: block;
    top: 0;
    left: 50%;
    width: 5px;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  ul.zh-list,
  ul.zh-requirements-list {
    padding-left: 20px;
  }
  .zh-header-logo,
  .content-contest-detail .header-region .headImg {
    background-size: cover;
    height: 368px;
  }

  .zh-content {
    padding: 20px 12px 80px;
    /* overflow: hidden; */
  }

  .row-title {
    font-size: 26px;
  }

  .zh-text-important::after,
  .zh-text-important::before {
    font-size: 50px;
  }

  .zh-judge {
    padding: 0;
  }

  .zh-award-item {
    width: 168px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }

  .zh-icon-dian {
    display: none;
  }
}

@media (max-width: 786px) {
  .zh-icon-right,
  .zh-icon-bamboo1,
  .zh-icon-bamboo,
  .zh-icon-inner-right {
    display: none;
  }

  .zh-header-logo,
  .content-contest-detail .header-region .headImg {
    height: 268px;
  }

  .zh-requirements > .zh-flex-item,
  .zh-award-item,
  .zh-claim > .zh-flex-item,
  .zh-award-three > .zh-award-item {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0 24px;
  }

  .zh-reference {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .zh-reference .zh-reference-item {
    width: 100%;
    margin: 0;
    height: auto;
  }

  .zh-flex.zh-award-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .zh-org.zh-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .zh-judge-item {
    width: 50%;
  }
}

@media (max-width: 500px) {
  .zh-judge-item,
  .zh-judge-item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .zh-judge-item .zh-judge-info::before,
  .zh-judge-item .zh-judge-info::after {
    display: none;
  }

  .zh-bgc-b {
    background-color: #2f0722;
    padding: 50px 0;
    overflow: hidden;
  }

  .zh-shij {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .zh-bgc-b .zh-text-bold {
    font-size: 20px;
  }

  .zh-tsa {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .zh-tsa-info {
    margin: 0;
    margin-top: 20px;
  }
}

@media (max-width: 460px) {
  .zh-judge-item {
    width: 100%;
  }
}