.screen1{
  margin-top: -.545455rem /* 12/22 */;
  padding-top: 2.727273rem /* 60/22 */;
  padding-bottom: 4.818182rem /* 106/22 */;
  background-color: #fffcd9;
}
.screen1 .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen1 .container .title{
  width: 19.772727rem /* 435/22 */;
}
.screen1 .container .content{
  width: 53.636364rem /* 1180/22 */;
  height: 17.954545rem /* 395/22 */;
  padding-left: 7.363636rem /* 162/22 */;
  padding-top: 4.318182rem /* 95/22 */;
  margin-top: 2.045455rem /* 45/22 */;
  font-size: .818182rem /* 18/22 */;
  font-weight: 400;
  color: #7F4E30;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_zuopingzhanshi_toupiao_content_new2.png);
}
.screen1 .container .content > div{
  width: 90%;
  margin-bottom: 2rem /* 77/22 */;
}
.screen1 .container .content ul > li + li{
  margin-top: 1.272727rem /* 28/22 */;
}
.screen2{
  width: 100%;
  height: 87.090909rem /* 1850/22 */;
  padding-top: 10.5rem /* 231/22 */;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhouniann_zuoping_zuoping_bg.png);
}
.screen2 .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen2 .container .navBox{
  width: 100%;
  margin-bottom: 2.727273rem /* 60/22 */;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen2 .container .navBox li{
  width: 11.363636rem /* 250/22 */;
  height: 3.227273rem /* 71/22 */;
  line-height: 3.227273rem;
  font-size: 1.090909rem /* 24/22 */;
  font-weight: 400;
  color: #111111;
  text-align: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_chuangyi_saidao_nav.png);
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
.screen2 .container .navBox li:nth-child(2){
  margin-left: 1.545455rem /* 34/22 */;
  margin-right: 1.545455rem /* 34/22 */;
}
.screen2 .container .navBox li:hover{
  /* background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_chuangyi_saidao_nav_active.png); */
  transform: scale(1.1);
}
.screen2 .container .navBox li.active{
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_chuangyi_saidao_nav_active.png);
}
.screen2 .sousuo{
  width: 30.136364rem /* 663/22 */;
  height: 2.636364rem /* 58/22 */;
  display: flex;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_zuopingzhanshi_toupiao_sousuo.png);
}
.screen2 .sousuo span{
  width: 9%;
  height: 100%;
  display: inline-block;
  opacity: 0;
  cursor: pointer;
}
.screen2 .sousuo input{
  flex: 1;
  height: 100%;
  padding-left: 2.727273rem 60/22;
  padding-right: .909091rem /* 20/22 */;
  font-size: .727273rem /* 16/22 */;
  font-weight: 400;
  border: none;
  outline: none;
  background: transparent;
}
.screen2 .zuopingBox{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2.818182rem /* 62/22 */;
}
.screen2 .zuoping{
  position: relative;
  width: 16.454545rem /* 362/22 */;
  height: 16.909091rem /* 372/22 */;
  display: flex;
  flex-direction: column;
  padding-top: .727273rem /* 16/22 */;
  padding-left: .545455rem /* 12/22 */;
  margin-bottom: 3.363636rem /* 74/22 */;
  cursor: pointer;
  /* background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_zuopingzhanshi_toupiao_box.png); */
}
.screen2 .zuoping:nth-child(2),
.screen2 .zuoping:nth-child(5),
.screen2 .zuoping:nth-child(8){
  margin-left: 2.590909rem /* 57/22 */;
  margin-right: 2.590909rem /* 57/22 */;
}
.screen2 .zuoping .bgImg{
  position: absolute;
  top: 0;
  left: 0;
  width: 16.454545rem /* 362/22 */;
  height: 16.909091rem /* 372/22 */;
}
.screen2 .zuoping .fengmian{
  width: 15.636364rem /* 344/22 */;
  height: 8.454545rem /* 186/22 */;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* background-image: url(https://bcn.135editor.com/files/202308/images/9year/home_banner.png); */

}

.screen2 .xinxi {
  position: relative;
  padding-left: 1rem /* 22/22 */;
  flex: 1;
}
.screen2 .xinxi .title{
  font-size: .909091rem /* 20/22 */;
  font-weight: bold;
  color: #000000;
}
.screen2 .xinxi .miaoshu{
  margin-top: .272727rem /* 6/22 */;
  font-size: .727273rem /* 16/22 */;
  font-weight: 400;
  color: #000000;
}
.screen2 .xinxi .btnBox{
  display: flex;
  justify-content: flex-end;
  padding-right: 1.454545rem /* 32/22 */;
}
.screen2 .xinxi .btnBox div{
  width: 5.136364rem /* 113/22 */;
  height: 2.045455rem /* 45/22 */;
  cursor: pointer;
  margin-top: 16px;
  line-height: 2.045455rem /* 45/22 */;
  font-size: .909091rem /* 20/22 */;
  text-align: center;
  font-weight: bold;
  color: #000000;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://bcn.135editor.com/files/202308/images/jiuzhounian_zuopingzhanshi_toupiao_toupiao_btn.png);
}
.screen2 .pagination li{
  font-size: 1rem /* 22/22 */;
}
/* 移动端 */
@media only screen and (max-width: 750px){
  body{
    background-color: #fff3b2 !important;
  }
  .screen1{
    padding-top: 0;
    padding-bottom: 0;
  }
  .screen1 .container .content{
    width: 100%;
    padding-left: 10px;
    height: 22.954545rem /* 395/22;; */;
    background: transparent;
    font-size: 1.4rem;
  }
  .screen1 .container .title{
    margin-top: 20px;
  }
  .screen1 .container{
    background: #fff3b2 !important;
  }
  .screen2{
    height: auto;
    background: #fff3b2;
    padding-top: 0;
  }
  .screen2 .container{
    background: transparent !important;
  }
  .screen2 .zuoping{
    width: 45%;
    height: 13.909091rem /* 372/22 */;
    margin-bottom: 40px;
  }
  .screen2 .zuopingBox{
    width: 100%;
    justify-content: space-around;
    align-items: flex-start;
  }
  .screen2 .zuoping:nth-child(2), .screen2 .zuoping:nth-child(5), .screen2 .zuoping:nth-child(8){
    margin: 0;
  }
  .screen2 .zuoping .fengmian{
    width: 100%;
  }
  #maincontent .container{
    padding-bottom: 30px;
  }
  .screen1 .container .content > div,
  .screen1 .container .content > ul{
    font-size: 1.2rem;
  }
}