/*navBox*/
/*headerBox*/
/*indexBanner*/
.indexOne {
  width: 100%;
  position: relative;
}
.indexOne .date {
  width: 100%;
  padding: 0.5rem 0.3rem 0;
  text-align: center;
}
.indexOne .date .t {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.54rem;
  color: var(--color);
}
.indexOne .date .time {
  color: var(--color);
  font-weight: bold;
  margin-top: 0.2rem;
}
.indexOne .date .time .s1 {
  font-size: 0.32rem;
  line-height: 0.4rem;
  margin-bottom: 0.2rem;
}
.indexOne .date .time .s2 {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background-color: var(--color);
  border-radius: 0.08rem;
  font-size: 0.32rem;
  color: #020201;
  text-align: center;
  font-family: DIN;
  margin-right: 0.1rem;
}
.indexOne .date .time .s3 {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.5rem;
  font-size: 0.28rem;
  margin-right: 0.1rem;
}
.indexOne .list {
  width: 100%;
  padding: 0 0.3rem;
  margin-top: 0.2rem;
}
.indexOne .list li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #000000;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.5);
  overflow: hidden;
  margin-top: 0.3rem;
}
.indexOne .list li a {
  width: 100%;
  padding: 0.2rem 0.3rem;
  position: relative;
}
.indexOne .list li a .icon {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url('../images/index_icon.png');
  background-size: 0.8rem 4rem;
}
.indexOne .list li a .txt {
  color: var(--color);
  margin: 0 0 0 0.3rem;
}
.indexOne .list li a .txt .t1 {
  font-size: 0.28rem;
  line-height: 0.4rem;
}
.indexOne .list li a .txt .t2 {
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-transform: uppercase;
  margin-top: 0.1rem;
}
.indexOne .list li a .arrow {
  color: var(--color);
  font-size: 0.36rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  right: 0.3rem;
}
.indexOne .list li:nth-child(5) .icon {
  background-position: 0 0;
}
.indexOne .list li:nth-child(4) .icon {
  background-position: 0 -0.8rem;
}
.indexOne .list li:nth-child(3) .icon {
  background-position: 0 -1.6rem;
}
.indexOne .list li:nth-child(2) .icon {
  background-position: 0 -2.4rem;
}
.indexOne .list li:nth-child(1) .icon {
  background-position: 0 -3.2rem;
}
.indexOne .picture {
  width: 100%;
  padding-top: 0.5rem;
}
.indexOne .picture .swiper-container {
  width: 100%;
  padding: 0 0.15rem 0.6rem;
  position: relative;
  overflow: hidden;
}
.indexOne .picture .swiper-container .swiper-slide {
  padding: 0 0.15rem;
}
.indexOne .picture .swiper-container .swiper-slide .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
}
.indexOne .picture .swiper-container .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
}
.indexOne .picture .swiper-container .swiper-slide .video {
  width: 100%;
  overflow: hidden;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
}
.indexOne .picture .swiper-container .swiper-slide .video video {
  width: 100%;
  display: block;
}
.indexOne .about {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0 0.3rem 0.5rem;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.24);
}
.indexOne .about .cont {
  width: 100%;
  position: relative;
}
.indexOne .about .cont .t2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  color: var(--color);
}
.indexOne .about .cont .t2 span {
  display: inline-block;
  vertical-align: middle;
  width: 0.14rem;
  height: 0.14rem;
  background-color: var(--color);
  border-radius: 50%;
  margin: -0.08rem 0.16rem 0;
}
.indexOne .about .cont .t3 {
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: #ffffff;
  margin-top: 0.1rem;
}
.indexOne .about .cont .t4 {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #ffffff;
  margin-top: 0.2rem;
}
.indexOne .about .cont .more {
  display: block;
  font-size: 0.32rem;
  line-height: 0.6rem;
  color: var(--color);
  position: absolute;
  top: 0;
  right: 0;
}
.indexOne .about .video {
  width: 100%;
  overflow: hidden;
  background-color: #000000;
  border-radius: 0.12rem;
  position: relative;
  margin-top: 0.2rem;
}
.indexOne .about .video img {
  width: 100%;
  display: block;
  opacity: 0.48;
}
.indexOne .about .video .icon {
  width: 0.6rem;
  height: 0.6rem;
  background: url('../images/icon_play.png') center center no-repeat;
  background-size: 0.6rem 0.6rem;
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
}
.indexOne .about .video .icon1 {
  color: var(--color);
  font-weight: bold;
  font-size: 0.32rem;
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
}
.indexOne::after {
  content: '';
  width: 2.96rem;
  height: 6.6rem;
  background-image: url('../images/bg_01.png');
  background-size: 2.96rem 6.6rem;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  z-index: -1;
}
.indexTwo {
  width: 100%;
  position: relative;
}
.indexTwo .news {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0 0.3rem;
}
.indexTwo .news .titleBox {
  width: 100%;
  position: relative;
}
.indexTwo .news .titleBox .indexTitle {
  background-position: 0 0;
}
.indexTwo .news .titleBox .more {
  color: var(--color);
  font-size: 0.28rem;
  line-height: 0.36rem;
  position: absolute;
  top: 0.21rem;
  right: 0;
}
.indexTwo .news .titleBox .more i {
  width: 0.36rem;
  height: 0.36rem;
  border: 1px solid var(--color);
  font-size: 0.24rem;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-left: 0.12rem;
}
.indexTwo .news .cont {
  width: 100%;
  background-color: #040509;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  overflow: hidden;
  margin-top: 0.3rem;
}
.indexTwo .news .cont .img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.indexTwo .news .cont .img img {
  width: 100%;
  display: block;
  transition: all 0.6s ease;
}
.indexTwo .news .cont .img .time {
  width: 1.1rem;
  height: 1.1rem;
  background-color: var(--color);
  border-radius: 0.085rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: #8a6318;
  text-align: center;
  padding-top: 0.2rem;
}
.indexTwo .news .cont .img .time p {
  font-size: 0.24rem;
}
.indexTwo .news .cont .tit {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.4rem;
  color: var(--color);
  padding: 0 0.3rem;
  margin-top: 0.3rem;
}
.indexTwo .news .cont .txt {
  font-size: 0.28rem;
  line-height: 0.4rem;
  min-height: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  padding: 0 0.3rem;
  margin: 0.16rem 0 0.3rem;
}
.indexTwo .news ul {
  width: 100%;
}
.indexTwo .news ul li {
  width: 100%;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  overflow: hidden;
  margin-top: 0.3rem;
}
.indexTwo .news ul li a {
  display: block;
  padding: 0.3rem;
}
.indexTwo .news ul li .tit {
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: var(--color);
  font-weight: bold;
}
.indexTwo .news ul li .txt {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.14rem;
}
.indexTwo .news ul li .time {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: rgba(255, 255, 255, 0.6);
  padding-left: 0.36rem;
  background: url('../images/icon_time.png') left 0.07rem no-repeat;
  background-size: 0.26rem 0.26rem;
  margin-top: 0.2rem;
}
.indexTwo::after {
  content: '';
  width: 4.19rem;
  height: 6.6rem;
  background-image: url('../images/bg_02.png');
  background-size: 4.19rem 6.6rem;
  position: absolute;
  bottom: -1rem;
  right: 0;
  z-index: -1;
}
.indexThree {
  width: 100%;
  position: relative;
}
.indexThree .prize {
  width: 100%;
  margin-top: 0.5rem;
}
.indexThree .prize .indexTitle {
  background-position: 0 -1.6rem;
}
.indexThree .prize .swiper-container {
  width: 100%;
  padding: 0 0.15rem 0.6rem;
  margin-top: 0.3rem;
  position: relative;
  overflow: hidden;
}
.indexThree .prize .swiper-container .swiper-slide {
  padding: 0 0.15rem;
}
.indexThree .prize .swiper-container .swiper-slide .cont {
  width: 100%;
}
.indexThree .prize .swiper-container .swiper-slide .cont .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.12rem;
}
.indexThree .prize .swiper-container .swiper-slide .cont .img img {
  width: 100%;
  height: 100%;
  display: block;
}
.indexThree .prize .swiper-container .swiper-slide .cont .name {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: var(--color);
  font-weight: bold;
  margin-top: 0.2rem;
  text-align: center;
}
.indexThree .style {
  width: 100%;
  margin-top: 0.5rem;
}
.indexThree .style .titleBox {
  width: 100%;
  position: relative;
}
.indexThree .style .titleBox .indexTitle {
  background-position: 0 -2.4rem;
}
.indexThree .style .titleBox .more {
  color: var(--color);
  font-size: 0.28rem;
  line-height: 0.36rem;
  position: absolute;
  top: 0.22rem;
  right: 0.3rem;
}
.indexThree .style .titleBox .more i {
  width: 0.36rem;
  height: 0.36rem;
  border: 1px solid var(--color);
  font-size: 0.24rem;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-left: 0.12rem;
}
.indexThree .style ul {
  width: 100%;
  padding: 0 0.15rem;
}
.indexThree .style ul li {
  width: calc(50% - 0.3rem);
  height: 2.28rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  margin: 0.3rem 0.15rem 0;
}
.indexThree .style ul li img {
  width: 100%;
  height: 100%;
  display: block;
}
.indexThree .style ul li .tit {
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9));
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 0.16rem 0.2rem;
}
.indexThree::after {
  content: '';
  width: 3.79rem;
  height: 6.6rem;
  background-image: url('../images/bg_03.png');
  background-size: 3.79rem 6.6rem;
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: -1;
}
.indexFive {
  width: 100%;
  position: relative;
  margin-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.indexFive .indexTitle {
  background-position: 0 -4rem;
}
.indexFive .t {
  color: #fff;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.4rem;
  padding: 0 0.3rem;
  margin-top: 0.5rem;
}
.indexFive ul {
  width: calc(100% - 0.6rem);
  margin: 0.3rem auto 0;
  background-color: #fff;
  padding: 0rem 0.1rem;
  box-shadow: 0px 0.02rem 0.2rem 0 rgba(105, 87, 48, 0.08);
}
.indexFive ul li {
  height: 0.8rem;
  margin: 0.3rem 0.2rem;
}
.indexFive ul li img {
  height: 100%;
  display: block;
}
.indexFive::after {
  content: '';
  width: 3.36rem;
  height: 5.73rem;
  background: url('../images/bg_05.png') top center no-repeat;
  background-size: 3.36rem 5.73rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.userLogin {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  display: none;
}
.userLogin .layui-icon-close {
  color: #fff;
  font-size: 0.6rem;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
}
.userLogin .ul {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.userLogin .ul .li {
  display: block;
  color: var(--color);
  font-size: 0.36rem;
  line-height: 0.48rem;
  font-weight: bold;
  margin: 0.5rem 0;
  text-align: center;
}
.main {
  width: 100%;
  min-height: calc(100vh - 5.3rem);
  padding-top: 1.2rem;
  background: url(../images/index/page_bg.jpg) top center;
  background-size: 100% auto;
}
.pageTitle {
  margin-top: 0.4rem;
  padding: 0 0.24rem;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-weight: bold;
  font-style: italic;
}
.breadcrumb {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.2rem 0.24rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: var(--color);
}
.breadcrumb i {
  font-size: 0.24rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.32rem;
  margin-right: 0.1rem;
}
.breadcrumb a {
  color: var(--color);
}
.breadcrumb span {
  font-size: 0.24rem;
}
.pageDetail {
  width: 100%;
  padding: 0.4rem 0.3rem 0.5rem;
}
.pageDetail .title {
  text-align: center;
  font-size: 0.34rem;
  line-height: 0.5rem;
  color: var(--color);
}
.pageDetail .time {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.24rem;
  text-align: center;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  padding: 0.3rem 0;
  margin-bottom: 0.3rem;
}
.pageDetail .time span {
  margin: 0 0.2rem;
}
.pageDetail .text {
  font-size: 0.28rem;
  line-height: 0.56rem;
  color: rgba(255, 255, 255, 0.8);
}
.pageDetail .text img {
  max-width: 100%;
  height: auto;
}
.pageLive {
  width: 100%;
  padding: 0.4rem 0.3rem 0.5rem;
}
.pageLive .label {
  width: 1.8rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.6rem;
  color: #ffffff;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  padding-left: 0.76rem;
}
.pageLive .label i {
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  background-image: url('../images/icon_live.png');
  background-size: 0.36rem 1.08rem;
  position: absolute;
  top: 0.12rem;
  left: 0.3rem;
}
.pageLive .label.label1 {
  color: #333;
  background-color: var(--color);
}
.pageLive .label.label1 i {
  background-position: 0 0;
}
.pageLive .label.label2 {
  background-color: #e60012;
}
.pageLive .label.label2 i {
  background-position: 0 -0.36rem;
}
.pageLive .label.label3 {
  background-color: #313131;
}
.pageLive .label.label3 i {
  background-position: 0 -0.72rem;
}
.pageLive .list {
  width: 100%;
  padding: 0 0 0.2rem;
}
.pageLive .list li {
  width: 100%;
  height: 3.9rem;
  margin-bottom: 0.3rem;
  background-color: #000000;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  position: relative;
  overflow: hidden;
}
.pageLive .list li img {
  width: 100%;
  height: 100%;
  opacity: 0.54;
  display: block;
}
.pageLive .list li .play {
  width: 0.5rem;
  height: 0.5rem;
  background: url('../images/icon_play.png') center center no-repeat;
  background-size: 0.5rem 0.5rem;
  position: absolute;
  bottom: 0.3rem;
  right: 0.2rem;
  z-index: 3;
}
.pageLive .list li .cont {
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.4rem 0.2rem 0.2rem;
}
.pageLive .list li .cont .tit {
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.4rem;
  color: var(--color);
}
.pageLive .list li .cont .time {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.1rem;
}
.reviewTit {
  display: inline-block;
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.44rem;
  color: var(--color);
  margin-left: 50%;
  transform: translateX(-50%);
  position: relative;
  padding: 0 0.5rem;
}
.reviewTit::before {
  content: '';
  width: 0.28rem;
  height: 0.44rem;
  background-image: url(../images/icon_set.png);
  background-size: 0.28rem 0.44rem;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateY(180deg);
}
.reviewTit::after {
  content: '';
  width: 0.28rem;
  height: 0.44rem;
  background-image: url(../images/icon_set.png);
  background-size: 0.28rem 0.44rem;
  position: absolute;
  top: 0;
  right: 0;
}
.timeNav {
  width: 100%;
  padding: 0.3rem 0.24rem 0.1rem 0.04rem;
}
.timeNav li {
  width: 1.22rem;
  margin: 0 0 0.2rem 0.2rem;
}
.timeNav li a {
  display: block;
  width: 100%;
  height: 0.6rem;
  border: 1px solid var(--color);
  line-height: 0.58rem;
  color: var(--color);
  font-size: 0.28rem;
  text-align: center;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
  font-weight: bold;
}
.timeNav li.on a {
  background-color: var(--color);
  color: #000;
}
.chairmanBox {
  width: 100%;
  padding: 0.5rem 0.24rem 0;
}
.chairmanBox .chairman {
  width: 2.5rem;
  margin: 0.5rem auto 0;
}
.chairmanBox .chairman .img {
  width: 2.5rem;
  height: 2.5rem;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  overflow: hidden;
}
.chairmanBox .chairman .img img {
  width: 100%;
  display: block;
}
.chairmanBox .chairman .p {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: var(--color);
  text-align: center;
  margin-top: 0.2rem;
  font-weight: bold;
}
.judgeBox {
  width: 100%;
  padding: 0.8rem 0 0;
}
.judgeBox .list {
  width: 100%;
  padding: 0 0.24rem;
  margin-top: 0.5rem;
}
.judgeBox .list li {
  width: 2.18rem;
  margin-right: 0.24rem;
  margin-bottom: 0.4rem;
}
.judgeBox .list li .pic {
  width: 2.1rem;
  height: 2.1rem;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--color);
  box-sizing: border-box;
}
.judgeBox .list li .pic img {
  width: 100%;
  height: 100%;
  display: block;
}
.judgeBox .list li .name {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: var(--color);
  font-weight: bold;
  margin-top: 0.2rem;
  text-align: center;
}
.judgeBox .list li:nth-child(3n) {
  margin-right: 0;
}
.awardBox {
  width: 100%;
  padding: 0.4rem 0 0;
}
.awardBox .award {
  width: 100%;
  margin: 0.5rem 0 0;
}
.awardBox .award .list {
  width: 100%;
  margin: 0.4rem 0 0.2rem;
  padding: 0 0 0 0.24rem;
}
.awardBox .award .list li {
  width: calc(50% - 0.24rem);
  margin-right: 0.24rem;
  margin-bottom: 0.3rem;
  background-color: #000000;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.3);
  overflow: hidden;
  position: relative;
}
.awardBox .award .list li:nth-child(2n) {
  margin-right: auto;
}
.awardBox .award .list li::after {
  content: '';
  width: 1rem;
  height: 0.98rem;
  background: url(../images/icon_movie_bg.png) center center no-repeat;
  background-size: 1rem 0.98rem;
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0.14;
}
.awardBox .award .list li .title {
  font-size: 0.24rem;
  line-height: 0.3rem;
  color: #fff;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.2rem 0.2rem 0.2rem 0.46rem;
}
.awardBox .award .list li .title::after {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fff;
  position: absolute;
  top: 0.26rem;
  left: 0.2rem;
}
.awardBox .award .list li .name {
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.4rem;
  color: #fff;
  padding: 0 0.2rem;
  margin-top: 0.2rem;
  min-height: 1.2rem;
  padding-bottom: 0.2rem;
}
.awardBox .award .list li .works {
  font-size: 0.24rem;
  line-height: 0.3rem;
  color: #fff;
  position: relative;
  padding: 0 0.2rem 0.3rem 0.5rem;
  margin-top: 0.2rem;
}
.awardBox .award .list li .works::after {
  content: '';
  width: 0.3rem;
  height: 0.28rem;
  background: url(../images/icon_movie.png) center center no-repeat;
  background-size: 0.3rem 0.28rem;
  position: absolute;
  top: 0px;
  left: 0.2rem;
}
.contTitle {
  font-size: 0.28rem;
  line-height: 0.28rem;
  font-weight: bold;
  color: var(--color);
  padding-left: 0.2rem;
  position: relative;
  margin-left: 0.24rem;
}
.contTitle::after {
  content: '';
  width: 0.06rem;
  height: 0.26rem;
  background-color: var(--color);
  position: absolute;
  top: 0.02rem;
  left: 0;
}
.previousBox {
  width: 100%;
  padding-top: 0.3rem;
}
.previousBox .list {
  width: 100%;
  padding-left: 0.24rem;
  margin: 0.5rem 0 0.2rem;
}
.previousBox .list li {
  margin: 0 0.24rem 0.3rem 0;
  width: calc(50% - 0.24rem);
}
.previousBox .list li:nth-child(2n) {
  margin: 0 0 0.3rem 0;
}
.previousBox .list li .img {
  width: 100%;
  border-radius: 0.1rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  background-color: #000;
  overflow: hidden;
  position: relative;
}
.previousBox .list li .img img {
  width: 100%;
  display: block;
}
.previousBox .list li .img .pic {
  opacity: 0.6;
}
.previousBox .list li .img .icon {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.previousBox .list li .tit {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: var(--color);
  font-weight: bold;
  margin-top: 0.1rem;
}
.introductionBox {
  width: 100%;
  margin-top: 0.6rem;
}
.introductionBox .introduction {
  font-size: 0.24rem;
  line-height: 0.44rem;
  color: var(--color);
  margin-top: 0.3rem;
  padding: 0 0.24rem;
}
.introductionBox .introduction table {
  width: 100%;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.introductionBox .introduction table th {
  opacity: 0.7;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.1rem;
}
.introductionBox .introduction table th:last-child {
  border-right: none;
}
.introductionBox .introduction table td {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.1rem;
}
.introductionBox .introduction table td:nth-child(1) {
  width: 1.4rem;
}
.introductionBox .introduction table td:nth-child(4) {
  width: 1.7rem;
}
.installBox {
  width: 100%;
  margin-top: 0.8rem;
  padding: 0 0.3rem;
}
.installBox .table {
  width: 100%;
  margin: 0.4rem 0 0.5rem;
  border-radius: 0.12rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: var(--color);
  font-size: 0.24rem;
  line-height: 0.4rem;
  text-align: center;
}
.installBox .table th {
  opacity: 0.7;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.1rem 0.3rem;
}
.installBox .table th:first-child {
  width: 20%;
}
.installBox .table th:last-child {
  width: 80%;
  border-right: none;
}
.installBox .table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.1rem 0.3rem;
}
.installBox .table td:first-child {
  width: 20%;
}
.installBox .table td:last-child {
  width: 80%;
  border-right: none;
}
.installBox .table tr:first-child td {
  border-bottom: none;
}
.pageDown {
  width: 100%;
  margin: 0.8rem 0 0;
}
.pageDown .down {
  width: 100%;
  margin-top: 0.5rem;
  padding-left: 0.3rem;
}
.pageDown .down a {
  display: inline-block;
  height: 0.7rem;
  border-radius: 0.1rem;
  font-size: 0.24rem;
  line-height: 0.7rem;
  color: #333;
  background: var(--color) url('../images/icon_down.png') 0.3rem center no-repeat;
  background-size: 0.24rem 0.24rem;
  padding: 0 0.24rem 0 0.7rem;
  margin-right: 0.2rem;
}
.declare {
  width: calc(100% - 0.6rem);
  height: 2.6rem;
  background: url(../images/index/declare_bg.jpg) center center no-repeat;
  background-size: 100% 100%;
  border: 2px solid var(--color);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin: 0.8rem auto;
}
.declare img {
  width: 2.5rem;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.1rem;
}
.declare .box {
  position: absolute;
  top: 50%;
  right: 0.3rem;
  transform: translateY(-50%);
}
.declare .p {
  min-width: 2.54rem;
  display: inline-block;
  height: 0.8rem;
  background-color: var(--color);
  border-radius: 0.1rem;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #000000;
  padding: 0.08rem 0.4rem;
  box-sizing: border-box;
  position: relative;
  margin: 0.1rem 0;
}
.declare a {
  min-width: 2.54rem;
  display: inline-block;
  height: 0.8rem;
  background-color: var(--color);
  border-radius: 0.4rem;
  font-size: 0.24rem;
  line-height: 0.8rem;
  color: #000000;
  padding: 0 0.7rem 0 0.4rem;
  box-sizing: border-box;
  position: relative;
  margin: 0.1rem 0;
}
.declare a::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.12rem solid #000;
  border-top: 0.12rem solid transparent;
  border-bottom: 0.12rem solid transparent;
  position: absolute;
  top: 50%;
  right: 0.4rem;
  transform: translateY(-50%);
}
.declare1 {
  margin: 0.4rem auto 0.8rem;
  height: 2rem;
}
.declare1 .p {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.4rem;
  color: var(--color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.3rem;
  background: url(../images/icon_forum.png) left center no-repeat;
  background-size: 0.36rem 0.36rem;
  padding-left: 0.5rem;
}
.declare2 {
  margin: 0.4rem auto 0.8rem;
  height: 2rem;
}
.declare2 .p {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.4rem;
  color: var(--color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.3rem;
  background: url(../images/icon_docking.png) 0 0 no-repeat;
  background-size: 0.4rem 0.8rem;
  padding-left: 0.5rem;
}
.pageDownload {
  width: 100%;
  padding-bottom: 0.6rem;
  margin-top: 0.3rem;
}
.pageDownload .list {
  width: 100%;
  margin-bottom: 0.6rem;
  padding: 0 0.24rem;
}
.pageDownload .list li {
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  padding: 0.3rem 0;
}
.pageDownload .list li .img {
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  border-radius: 0.1rem;
}
.pageDownload .list li .img img {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
}
.pageDownload .list li .cont {
  flex: 1;
  margin-left: 0.3rem;
}
.pageDownload .list li .cont .title {
  color: var(--color);
  font-size: 0.28rem;
  line-height: 0.44rem;
}
.pageDownload .list li .cont .down {
  display: inline-block;
  height: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.6rem;
  color: #333;
  background: var(--color) url('../images/icon_down.png') 0.3rem center no-repeat;
  background-size: 0.24rem 0.24rem;
  padding: 0 0.3rem 0 0.6rem;
  text-align: center;
  margin-top: 0.2rem;
}
.prizeBox {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
}
.prizeBox .swiper-container {
  width: 100%;
  padding: 0 0.09rem 0.6rem;
  margin-top: 0.3rem;
  position: relative;
  overflow: hidden;
}
.prizeBox .swiper-container .swiper-slide {
  padding: 0 0.15rem;
}
.prizeBox .swiper-container .swiper-slide .cont {
  width: 100%;
}
.prizeBox .swiper-container .swiper-slide .cont .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.12rem;
}
.prizeBox .swiper-container .swiper-slide .cont .img img {
  width: 100%;
  height: 100%;
  display: block;
}
.prizeBox .swiper-container .swiper-slide .cont .name {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: var(--color);
  font-weight: bold;
  margin-top: 0.2rem;
  text-align: center;
}
.pageNews {
  width: 100%;
  padding: 0.4rem 0.24rem 0.5rem;
}
.pageNews .navList {
  width: 100%;
}
.pageNews .navList li {
  display: inline-block;
  height: 0.7rem;
  border: solid 1px rgba(255, 255, 255, 0.5);
  background-color: #000;
  border-radius: 0.35rem;
}
.pageNews .navList li a {
  display: block;
  line-height: 0.7rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #fff;
  opacity: 0.6;
  text-align: center;
  padding: 0 0.2rem;
}
.pageNews .navList li.on {
  background-color: var(--color);
  border: 1px solid var(--color);
}
.pageNews .navList li.on a {
  color: #000;
  opacity: 1;
}
.pageNews .list {
  width: 100%;
  padding: 0.3rem 0 0;
}
.pageNews .list li {
  width: 100%;
  border-radius: 0.12rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  overflow: hidden;
  margin: 0 0 0.3rem;
}
.pageNews .list li a {
  display: block;
  padding: 0.3rem;
}
.pageNews .list li .tit {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: var(--color);
  font-weight: bold;
}
.pageNews .list li .txt {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.14rem;
}
.pageNews .list li .time {
  font-size: 0.28rem;
  line-height: 0.3rem;
  color: rgba(255, 255, 255, 0.6);
  padding-left: 0.34rem;
  background: url('../images/icon_time.png') left 0.02rem no-repeat;
  background-size: 0.23rem 0.23rem;
  margin-top: 0.16rem;
}
.pageNews .list1 {
  width: 100%;
  padding: 0.3rem 0 0.2rem;
}
.pageNews .list1 li {
  width: 100%;
  margin-bottom: 0.3rem;
}
.pageNews .list1 li .img {
  width: 100%;
  border-radius: 0.1rem;
  border: solid 1px rgba(255, 255, 255, 0.4);
  background-color: #000;
  overflow: hidden;
}
.pageNews .list1 li .img img {
  width: 100%;
  display: block;
}
.pageNews .list1 li .tit {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: var(--color);
  font-weight: bold;
  margin-top: 0.2rem;
}
.pageNews .list1 li .time {
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: rgba(255, 255, 255, 0.6);
  padding-left: 0.34rem;
  background: url('../images/icon_time.png') 0 0.04rem no-repeat;
  background-size: 0.24rem 0.24rem;
  margin-top: 0.1rem;
}
#backBtn {
  width: 100%;
  border-top: 1px dashed rgba(255, 255, 255, 0.4);
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
#backBtn a {
  display: block;
  width: 2.2rem;
  line-height: 0.8rem;
  border-radius: 0.1rem;
  background-color: var(--color);
  color: #000;
  font-size: 0.28rem;
  text-align: center;
  margin: 0 auto;
}
.pagePictureD {
  width: 100%;
  padding: 0.4rem 0.3rem 0.5rem;
}
.pagePictureD .img {
  width: 100%;
  background-color: #000000;
  border-radius: 0.12rem;
  border: solid 0.01rem rgba(255, 255, 255, 0.4);
  overflow: hidden;
}
.pagePictureD .img img {
  width: 100%;
  display: block;
}
.pagePictureD video {
  display: block;
  width: 100%;
  border-radius: 0.12rem;
  border: solid 0.01rem rgba(255, 255, 255, 0.4);
}
.pagePictureD .t {
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: var(--color);
  margin-top: 0.3rem;
}
.pagePictureD .cont {
  width: 100%;
}
.pagePictureD .cont .tit {
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: var(--color);
  margin-top: 0.3rem;
}
.pagePictureD .cont .txt {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: var(--color);
  opacity: 0.6;
  margin-top: 0.14rem;
}
.pagePictureD .cont .p {
  font-size: 0.28rem;
  color: var(--color);
  margin-top: 0.1rem;
  line-height: 0.4rem;
}
.pagePictureD .cont .down {
  display: block;
  width: 2rem;
  height: 0.7rem;
  border-radius: 0.35rem;
  font-size: 0.32rem;
  line-height: 0.7rem;
  color: #333;
  background: var(--color) url('../images/icon_down.png') 0.5rem center no-repeat;
  background-size: 0.3rem 0.3rem;
  padding-left: 0.9rem;
  margin-top: 0.3rem;
}
.pageDetail {
  width: 100%;
  padding: 0.4rem 0.3rem 0.5rem;
}
.pageDetail .title {
  text-align: center;
  font-size: 0.34rem;
  line-height: 0.5rem;
  color: var(--color);
}
.pageDetail .time {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.24rem;
  text-align: center;
  border-bottom: 0.01rem dashed rgba(255, 255, 255, 0.3);
  padding: 0.3rem 0;
  margin-bottom: 0.3rem;
}
.pageDetail .time span {
  margin: 0 0.1rem;
}
.pageDetail .text {
  font-size: 0.28rem;
  line-height: 0.56rem;
  color: rgba(255, 255, 255, 0.8);
}
.pageDetail .text img {
  max-width: 100%;
  height: auto;
}
.swiper-pagination {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0 !important;
  text-align: center;
  z-index: 2;
}
.swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: #fff;
  border-radius: 0.09rem;
  margin: 0 0.1rem;
  transition: all 0.6s ease;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color);
}
/* 人才发展报告 */
.pageReported {
  width: 100%;
  padding: 0 0.3rem 0.6rem;
}
.pageReported .list {
  width: 100%;
}
.pageReported .list li {
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  padding: 0.3rem 0;
}
.pageReported .list li .title {
  width: 100%;
  color: var(--color);
  font-size: 0.28rem;
  line-height: 0.44rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.pageReported .list li .time {
  color: var(--color);
  font-size: 0.28rem;
  line-height: 0.6rem;
}
.pageReported .list li .down {
  width: 1.4rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.6rem;
  color: #333;
  background: var(--color) url('../images/icon_down.png') 0.3rem center no-repeat;
  background-size: 0.24rem 0.24rem;
  padding-left: 0.6rem;
}
.account {
  width: 100%;
  padding: 0.8rem 0.3rem 0.5rem;
}
.account form {
  width: 100%;
  border-radius: 0.12rem;
  background-color: #fff;
  padding: 0 0.3rem 0.3rem;
}
.account .form-title {
  font-size: 0.38rem;
  color: #000;
  font-weight: bold;
  line-height: 0.44rem;
  text-align: center;
  padding: 0.5rem 0 0.3rem;
}
.account .account-tab {
  margin-bottom: 0.3rem;
  padding-top: 0.2rem;
  border-bottom: 1px solid #e5e5e5;
}
.account .account-tab li {
  font-size: 0.32rem;
  color: #333;
  width: 50%;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  opacity: 0.6;
}
.account .account-tab .on {
  opacity: 1;
  border-bottom: 0.04rem solid var(--color);
}
.account .layui-form-item {
  margin-bottom: 0.3rem;
}
.account .layui-input-block {
  margin-left: 0;
  min-height: 0.9rem;
}
.account .layui-input {
  font-size: 0.28rem;
  color: #000;
  height: 0.9rem;
  line-height: 0.86rem;
  border-color: #e5e5e5;
  border-radius: 0.12rem;
  padding: 0 0.3rem;
  background-color: #f5f5f5;
}
.account .form-tip {
  line-height: 0.24rem;
  margin-top: 0.3rem;
}
.account .form-tip p {
  color: #666;
}
.account .form-tip a {
  color: #c30d23;
}
.account .form-tip a.privacy {
  color: #333;
}
.account .form-tip .layui-form-checkbox {
  margin-top: 0.06rem;
}
.account .layui-btn {
  font-size: 0.32rem;
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  border-radius: 0.12rem;
  background-color: #000 !important;
  margin-top: 0.2rem;
}
.account .getCode {
  font-size: 0.28rem;
  color: #fff;
  width: 2rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background-color: #000;
  border-radius: 0.12rem;
  margin-left: 0.2rem;
}
.account .layui-form-checkbox[lay-skin=primary] i {
  color: #fff;
  background-color: #fff;
  border-color: var(--color);
}
.account .layui-form-checked[lay-skin=primary] i {
  background-color: var(--color);
  border-color: var(--color) !important;
}
.popUp {
  display: none;
  padding: 0.2rem 0.2rem 0;
  overflow: hidden;
  overflow-y: scroll;
}
.pageNav {
  width: calc(100% - 0.6rem);
  margin: 0.4rem auto;
}
.pageNav li {
  display: inline-block;
  height: 0.7rem;
  border: solid 1px rgba(255, 255, 255, 0.5);
  background-color: #000;
  border-radius: 0.1rem;
}
.pageNav li a {
  display: block;
  line-height: 0.7rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #fff;
  opacity: 0.6;
  text-align: center;
  padding: 0 0.3rem;
}
.pageNav li.on {
  background-color: var(--color);
  border: 1px solid var(--color);
}
.pageNav li.on a {
  color: #000;
  opacity: 1;
}
.pageNav1 li a {
  padding: 0 0.14rem;
}
.jobsBox {
  width: 100%;
  padding: 0 0 0.6rem 0;
}
.jobs {
  width: 100%;
  padding: 0 0.3rem 0.3rem;
  box-sizing: border-box;
}
.jobs .item {
  padding: 0.3rem;
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  border: 1px solid var(--color);
}
.jobs .name {
  color: var(--color);
  font-size: 0.32rem;
  line-height: 0.5rem;
  flex: 1;
  margin-right: 0.2rem;
}
.jobs .state {
  font-size: 0.24rem;
  color: var(--color);
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.1rem;
  border-radius: 0.06rem;
  border: 1px solid var(--color);
  max-width: 1.34rem;
}
.jobs .state .circle {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: var(--color);
  margin: 0.2rem 0.08rem;
}
.jobs ul {
  width: 100%;
  margin: 0.2rem 0;
}
.jobs li {
  height: 0.44rem;
  line-height: 0.44rem;
  padding-right: 0.5rem;
  position: relative;
  color: var(--color);
  font-size: 0.28rem;
}
.jobs li:not(:last-of-type)::before {
  content: '';
  width: 1px;
  height: 0.3rem;
  background-color: var(--color);
  position: absolute;
  top: 0.06rem;
  right: 0.25rem;
}
.jobs li a {
  color: var(--color);
}
.jobs .bottom {
  color: #827352;
  height: 0.4rem;
  line-height: 0.4rem;
}
.jobs .address {
  font-size: 0.28rem;
}
.jobs .time {
  font-size: 0.24rem;
}
.job_detail {
  width: 100%;
  color: var(--color);
  padding: 0.2rem 0.3rem 0.6rem;
}
.job_detail .company_ino {
  flex: 1;
  align-items: center;
  margin-right: 0.2rem;
}
.job_detail .logo {
  width: 1rem;
  border-radius: 1rem;
  overflow: hidden;
}
.job_detail .logo img {
  width: 1rem;
  height: 1rem;
  display: block;
}
.job_detail .det {
  padding-left: 0.2rem;
}
.job_detail .det .name {
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.4rem;
}
.job_detail .det .address {
  font-size: 0.24rem;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}
.job_detail .deliveryBtn {
  width: 1.7rem;
  height: 0.7rem;
  line-height: 0.7rem;
  padding: 0 0.3rem;
  border-radius: 0.35rem;
  background-color: var(--color);
  color: #000;
  text-align: center;
  font-size: 0.24rem;
  margin-top: 0.15rem;
}
.job_detail .info {
  margin: 0.3rem 0;
  font-size: 0.36rem;
  height: 0.52rem;
  line-height: 0.48rem;
}
.job_detail .info .text {
  font-weight: bold;
}
.job_detail .info .salary {
  padding-left: 0.3rem;
}
.job_detail .label {
  width: 100%;
  margin-bottom: 0.3rem;
}
.job_detail .label .li {
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.25rem;
  margin: 0 0.14rem 0.14rem 0;
  border-radius: 0.25rem;
  border: 1px solid var(--color);
  font-size: 0.24rem;
}
.job_detail ul {
  width: 100%;
}
.job_detail ul li {
  font-size: 0.24rem;
  height: 0.3rem;
  line-height: 0.3rem;
  position: relative;
  padding-right: 0.4rem;
}
.job_detail ul li:not(:last-of-type)::before {
  content: '';
  width: 1px;
  height: 0.2rem;
  background-color: var(--color);
  position: absolute;
  top: 0.04rem;
  right: 0.2rem;
}
.job_detail .job_desc {
  padding-top: 0.5rem;
}
.job_detail .job_desc .tit {
  font-size: 0.32rem;
  font-weight: bold;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-left: 0.24rem;
  margin-bottom: 0.2rem;
  position: relative;
}
.job_detail .job_desc .tit::before {
  content: '';
  width: 0.06rem;
  height: 0.3rem;
  background-color: var(--color);
  position: absolute;
  top: 0.05rem;
  left: 0;
}
.job_detail .job_desc .article {
  line-height: 0.44rem;
  font-size: 0.28rem;
}
.tab_filter {
  width: 100%;
  padding: 0.3rem 0.3rem 0.46rem;
  background-color: #333;
}
.tab_filter .li {
  display: block;
  font-size: 0.24rem;
  color: #827352;
  height: 0.24rem;
  line-height: 0.24rem;
  position: relative;
}
.tab_filter .li.on {
  font-weight: bold;
  color: var(--color);
}
.tab_filter .li.on .line {
  width: 0.4rem;
  height: 0.04rem;
  background-color: var(--color);
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.job_list {
  width: 100%;
  padding: 0.3rem;
  box-sizing: border-box;
}
.job_list .item {
  padding: 0.3rem;
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  border: 1px solid #827352;
  position: relative;
}
.job_list .info {
  width: 100%;
}
.job_list .name {
  height: 0.54rem;
  line-height: 0.54rem;
}
.job_list .name .text {
  font-size: 0.32rem;
  color: var(--color);
  font-weight: bold;
}
.job_list .name .salary {
  font-size: 0.28rem;
  color: #827352;
  padding-left: 0.3rem;
}
.job_list ul {
  width: 100%;
  margin-top: 0.1rem;
}
.job_list ul li {
  color: #827352;
  height: 0.44rem;
  line-height: 0.44rem;
  position: relative;
  padding-right: 0.4rem;
}
.job_list ul li:last-of-type {
  padding-right: 0;
}
.job_list ul li:not(:last-of-type)::before {
  content: '';
  width: 1px;
  height: 0.24rem;
  background-color: #827352;
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
}
.job_list .data {
  margin-top: 0.2rem;
}
.job_list .data .li {
  text-align: center;
  padding: 0 0.5rem 0 0;
  position: relative;
}
.job_list .data .li.check::after {
  content: '';
  width: 1px;
  height: 0.7rem;
  background-color: #463e2c;
  position: absolute;
  top: 0.13rem;
  right: 0.25rem;
}
.job_list .data .num {
  font-size: 0.4rem;
  line-height: 0.52rem;
  color: var(--color);
}
.job_list .data .text {
  font-size: 0.24rem;
  color: #827352;
  line-height: 0.4rem;
  margin-top: 0.04rem;
}
.job_list .state {
  font-size: 0.24rem;
  color: var(--color);
  height: 0.54rem;
  line-height: 0.54rem;
  padding: 0 0.18rem;
  border-radius: 0.06rem;
  border: 1px solid var(--color);
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
}
.job_list .operate {
  position: absolute;
  bottom: 0.55rem;
  right: 0.3rem;
}
.job_list .operate a {
  font-size: 0.28rem;
  color: var(--color);
  height: 0.46rem;
  line-height: 0.46rem;
  margin-left: 0.3rem;
}
.job_list .btn {
  display: inline-block;
  font-size: 0.24rem;
  color: #000;
  width: 0.9rem;
  height: 0.9rem;
  line-height: 0.3rem;
  border-radius: 50%;
  background-color: var(--color);
  text-align: center;
  position: fixed;
  bottom: 2.7rem;
  right: 0.3rem;
  padding: 0.15rem 0.1rem;
  font-weight: bold;
}
.resume {
  width: 100%;
  padding: 0 0.3rem 0.3rem;
  box-sizing: border-box;
}
.resume .item {
  padding: 0.3rem;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #827352;
}
.resume .item .infoBox {
  align-items: center;
  margin-bottom: 0.2rem;
}
.resume .item .avatar {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  overflow: hidden;
}
.resume .item .avatar img {
  width: 1rem;
  height: 1rem;
  display: block;
}
.resume .item .info {
  flex: 1;
  margin-left: 0.2rem;
}
.resume .item .info .name {
  color: var(--color);
  height: 0.44rem;
  line-height: 0.44rem;
  margin-bottom: 0.1rem;
}
.resume .item .info .name .text {
  font-size: 0.28rem;
  font-weight: bold;
}
.resume .item .info .name .num {
  font-size: 0.28rem;
  padding: 0 0.2rem;
}
.resume .item .info .name .sex {
  font-size: 0.24rem;
}
.resume .item .info ul {
  width: 100%;
}
.resume .item .info ul li {
  color: #827352;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.24rem;
  position: relative;
  padding-right: 0.3rem;
}
.resume .item .info ul li:last-of-type {
  margin-right: 0;
}
.resume .item .info ul li:not(:last-of-type)::before {
  content: '';
  width: 1px;
  height: 0.24rem;
  background-color: #827352;
  position: absolute;
  top: 0.06rem;
  right: 0.15rem;
}
.resume .item .data {
  width: 100%;
}
.resume .item .data .li {
  width: 50%;
  font-size: 0.24rem;
  color: #827352;
  line-height: 0.3rem;
  margin: 0.1rem 0;
}
.resume .item .data .li span {
  color: var(--color);
}
.resume .item .btn {
  display: flex;
  justify-content: flex-end;
}
.resume .item .btn div {
  font-size: 0.24rem;
  color: #000;
  width: 1.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  border-radius: 0.1rem;
  background-color: var(--color);
  margin-top: 0.2rem;
}
.popResume {
  display: none;
  width: 100%;
  border-radius: 0.12rem;
}
.popResume .close {
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 3;
}
.popResume .close .layui-icon {
  font-size: 0.52rem;
  color: #827352;
}
.popResume .resume-top {
  color: var(--color);
  width: 100%;
  background: url(../images/resume-top.png) no-repeat;
  background-size: cover;
  border-radius: 0.12rem 0.12rem 0 0;
  padding: 0.4rem;
  position: relative;
}
.popResume .resume-top .name {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.48rem;
  margin-bottom: 0.2rem;
}
.popResume .resume-top .li {
  font-size: 0.28rem;
  height: 0.44rem;
  line-height: 0.44rem;
  position: relative;
  padding-right: 0.4rem;
}
.popResume .resume-top .li:last-child {
  padding-right: 0;
}
.popResume .resume-top .li:not(:last-of-type)::before {
  content: '';
  width: 1px;
  height: 0.24rem;
  background-color: #827352;
  position: absolute;
  top: 0.07rem;
  right: 0.2rem;
}
.popResume .resume-main {
  padding: 0.4rem;
  background-color: #fff;
  border-radius: 0 0 0.12rem 0.12rem;
  max-height: 60vh;
  overflow-y: auto;
}
.popResume .resume-main .tit {
  height: 0.4rem;
  position: relative;
}
.popResume .resume-main .tit::after {
  content: '';
  width: 100%;
  height: 0.04rem;
  background-color: #e5e5e5;
  position: absolute;
  top: 0.18rem;
  right: 0;
  left: 0;
  z-index: 9;
}
.popResume .resume-main .tit .text {
  font-size: 0.32rem;
  font-weight: bold;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-right: 0.2rem;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.popResume .resume-main .txt {
  font-size: 0.28rem;
  color: #000;
  line-height: 0.44rem;
  margin: 0.2rem 0;
}
.popResume .resume-main .txt .text {
  margin-bottom: 0.1rem;
}
.popResume .resume-main .txt .text span {
  padding-right: 0.2rem;
}
.popResume .resume-main .cont {
  margin-bottom: 0.2rem;
}
.popResume .resume-main .cont .name {
  font-size: 0.28rem;
  font-weight: bold;
  color: #000;
  line-height: 0.44rem;
}
.popResume .resume-main .cont .text {
  font-size: 0.28rem;
  line-height: 0.44rem;
}
.popResume .resume-main .article {
  font-size: 0.28rem;
  line-height: 0.44rem;
  margin-top: 0.2rem;
}
.publish {
  width: 100%;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.publish .title {
  width: 100%;
  margin-bottom: 0.3rem;
}
.publish .title .txt {
  color: var(--color);
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.5rem;
}
.publish .title .back {
  color: var(--color);
  font-size: 0.24rem;
  line-height: 0.5rem;
}
.publish .title .back .icon {
  margin: 0 0.06rem 0 0;
}
.publish .layui-input-block {
  width: 100%;
  margin-left: 0;
}
.publish .layui-input,
.publish .layui-select,
.publish .layui-textarea {
  height: 0.8rem;
  border-radius: 0.1rem;
  border-color: rgba(255, 255, 255, 0.5);
  background-color: #000;
  color: var(--color);
  line-height: 0.4rem;
  padding: 0.2rem;
  font-size: 0.28rem;
}
.publish .layui-input::placeholder,
.publish .layui-textarea::placeholder {
  color: #fff;
  opacity: 0.6;
}
.publish .layui-input:hover,
.publish .layui-textarea:hover {
  border-color: var(--color) !important;
}
.publish .layui-form-upload {
  position: relative;
  border-radius: 0.1rem;
  border: 1px solid #827352;
  box-sizing: unset;
  overflow: hidden;
}
.publish .layui-form-upload.logo {
  width: 2rem;
  height: 2rem;
}
.publish .layui-form-upload .uploadBtn {
  width: 100%;
}
.publish .layui-form-upload .uploadBtn img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.publish .layui-form-upload .uploadBtn .icon {
  width: 100%;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.publish .layui-form-upload .uploadBtn .icon .layui-icon {
  font-size: 0.6rem;
  line-height: 0.7rem;
  color: var(--color);
  text-align: center;
}
.publish .layui-form-upload .uploadBtn .icon p {
  font-size: 0.28rem;
  color: var(--color);
  line-height: 0.4rem;
  margin-top: 0.1rem;
}
.publish .time .layui-icon {
  font-size: 0.32rem;
  color: var(--color);
  height: 0.8rem;
  line-height: 0.8rem;
  position: absolute;
  top: 0;
  right: 0.2rem;
  z-index: 9;
}
.publish .submit {
  display: block;
  font-size: 0.28rem;
  color: #000;
  font-weight: bold;
  width: 2.5rem;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0.1rem;
  background-color: var(--color);
  text-align: center;
  margin: 0.4rem auto;
}
.publish .tip {
  color: var(--color);
  font-size: 0.28rem;
  line-height: 0.4rem;
  margin-bottom: 0.3rem;
}
.publish .tit {
  color: var(--color);
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.44rem;
  padding-bottom: 0.2rem;
  position: relative;
}
.publish .tit p {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: normal;
  font-size: 0.24rem;
}
.publish .layui-btn-danger {
  height: 0.6rem !important;
  border-radius: 0.06rem !important;
  background-color: #fff !important;
  color: #000 !important;
  line-height: 0.6rem !important;
  float: right;
}
.filter {
  width: 100%;
  padding: 0 0.1rem 0 0.3rem;
  box-sizing: border-box;
}
.filter .layui-form-item {
  width: 50%;
}
.filter .layui-input-block {
  width: calc(100% - 0.2rem);
  margin-left: 0;
  min-height: 0.8rem;
}
.filter .layui-input {
  height: 0.8rem;
  line-height: 0.8rem;
}
.filter .layui-btn {
  color: #000;
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.3rem;
  border-radius: 6px;
  width: calc(25% - 0.2rem);
  margin-left: 0;
}
.filter .layui-btn.resert {
  color: var(--color);
  background-color: #333;
  margin-left: 0.2rem;
}
.pageGuide {
  width: 100%;
  padding: 0.2rem 0.3rem;
}
.pageGuide ul {
  width: 100%;
}
.pageGuide ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.2rem 0;
}
.pageGuide ul li:last-child {
  border-bottom: none;
}
.pageGuide ul li .t {
  margin: 0.1rem 0;
}
.pageGuide ul li .t1 {
  width: 1.4rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: rgba(255, 255, 255, 0.6);
}
.pageGuide ul li .t2 {
  width: calc(100% - 1.4rem);
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: var(--color);
}
.pageProcess {
  width: 100%;
  padding: 0.3rem 0.3rem 0.5rem;
}
.pageProcess .table {
  width: 100%;
  border-radius: 0.12rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.pageProcess .table > p {
  display: none;
}
.pageProcess .table1 {
  width: 100%;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.48rem;
}
.pageProcess .table1 img {
  max-width: 100%;
  height: auto !important;
}
.pageProcess table {
  width: 100%;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.pageProcess table th {
  opacity: 0.7;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.1rem;
}
.pageProcess table th:last-child {
  border-right: none;
}
.pageProcess table td {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.1rem;
}
.pageProcess table td:last-child {
  border-right: none;
}
.pageProcess table td:nth-child(1) {
  width: 1.4rem;
}
.pageProcess table td:nth-child(4) {
  width: 1.7rem;
}