.clearfix {
  clear: both;
  zoom: 1;
}
html,
body {
  position: relative;
  height: 100%;
  /* padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); */
  
}
body {
  max-width: 10rem;
  margin: 0 auto;
  /* background: #C79144; */
 
}
.container {
  position: relative;
  height: 100%;
  width: 100%;
 
}
.container .content {
  position: relative;
  height: 100%;
}
.container .content .music {
  display: block;
  position: absolute;
  right: 0.26667rem;
  top: 0.26667rem;
  width: 0.72rem;
  height: 0.72rem;
  background-image: url(../img/on.png);
  background-size: 0.72rem;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 999;
  animation: musics 3s infinite linear;
  -webkit-animation: musics 3s infinite linear;
}
.container .content .music.off {
  background-image: url(../img/off.png);
}
.container .content .next {
  width: 1.5rem;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  animation: myfirst 1s infinite ease-in-out;
  -webkit-animation: myfirst 1s infinite ease-in-out;
}
.container .content .next > img {
  width: 100%;
}
 @keyframes myfirst {
  0% {
      opacity: 1;
      bottom: 0.1375rem;
  }
  100% {
      opacity: 0.1;
      bottom: 0.1rem;
  }
}


@-webkit-keyframes myfirst {
  0% {
      opacity: 1;
      bottom: 0.2375rem;
  }
  100% {
      opacity: 0.1;
      bottom: 0.2rem;
  }
}

@keyframes musics {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
@-webkit-keyframes musics {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
.container .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.container .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;

}
.container .swiper-slide .btn-wrapepr {
  width: 1.12rem;
  position: absolute;
  top: 20%;
  right: -1px;
  z-index: 100;
  display: none;
}
.container .swiper-slide .btn-wrapepr a {
  margin-bottom: .1333rem;
  display: block;
}
.container .swiper-slide .btn-wrapepr img{
  width:1.08rem;
  display: block;
}
.container .swiper-slide .vote-btn {
  display: block;
  width: 1.12rem;
  height: 1.46667rem;
  background-image: url("../img/vote_btn.png");
  background-size: 1.12rem 1.46667rem;
  text-decoration: none;
}
.container .swiper-slide .register-btn {
  display: block;
  width: 1.10667rem;
  height: 1.38667rem;
  background-image: url("../img/register_btn.png");
  background-size: 1.10667rem 1.38667rem;
  text-decoration: none;
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.4);
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.container .swiper-slide > img {
  width: 100%;
  height: 100%;
}
.container .swiper-slide.pre {
  background-color: #ececec;
}
.container .swiper-slide .nav-bar {
  width: 10rem;
  height: 1.73333rem;
  text-align: center;
  position: relative;
}
.container .swiper-slide .nav-bar .menu-label {
  position: absolute;
  left: 0;
  top: 0;
}
.container .swiper-slide .nav-bar > img {
  width: 100%;
}
.container .swiper-slide .main-content {
  margin: 0 0.53333rem;
  background-color: #fff;
  padding: 0.26667rem 0.26667rem 0.13333rem;
  text-align: justify;
  z-index: 4;
  height: 13.33333rem;
}
.container .swiper-slide .main-content > p {
  margin: 0.53333rem 0;
  line-height: 1.5;
  font-size: 0.37333rem;
}
.container .swiper-slide .main-content > h2 {
  text-align: center;
  font-size: 0.53333rem;
  padding-top: 0.53333rem;
}
.container .swiper-slide .footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.container .swiper-slide .footer > img {
  width: 100%;
}
#index {
  position: relative;
}
#index .btn-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  margin: 0 auto;
 width: 6.6rem;
}
#index .btn-list .btn-item {
  width: 6.6rem;
  height: 1.18rem;
  line-height:1.18rem;
  margin-bottom: 0.05rem;
}
#index .btn-list .btn-item img{
  width:100%;
  display: block;
}
#index .btn-list .btn-item > a {
  display: block;
  font-size: 0.4rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#index > img {
  width: 100%;

  height: initial;
}
#zhibo {
  display: none;
  background-image: url("../img/bg.png");
  height: 17.75rem;
  height: 100vh !important;
  background-size: 100% 100%;
  position: relative;
}
#zhibo > img {
  width: 100%;
  height: 100vh !important;
}
#zhibo .introduce-wrapper {
  width: 8.54667rem;
  height: 6.10667rem;
  background-image: url("../img/zhibo.png");
  background-size: 8.54667rem 6.10667rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  margin: 0 auto;
  overflow: hidden;
}
#zhibo .introduce-wrapper > iframe {
  width: 7.94667rem;
  height: 4.48rem;
  margin-top: 1.17333rem;
}
#zhibo.zuzhi-box .introduce-wrapper {
  background-image: url("../img2/zuzhi-bg.png");
}
#news {
  position: relative;
}
#news .swiper-slide {
  background-color: initial;
}
#news .introduce-wrapper {
  width: 9.18667rem;
  height: 10rem;
  background-image: url("../img2/xinwen-bg.png");
  background-size: 9.18667rem 11.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: 0 auto;
  overflow: hidden;
}
#news .introduce-wrapper .intro-block {
  /* width: 8.53333rem; */
  height: 8.8rem;
  /* padding: 0.8rem 0.26667rem 0; */
  overflow:auto;
  width: 8.93rem;
  padding: 0rem 0.3rem 3rem 0;
  margin-top: 1rem;
}
#news .introduce-wrapper .intro-block .wangjie-list {
  width: 7.86667rem;
  margin: 0 auto;
  margin-top: 0.3rem;
}
#news .introduce-wrapper .intro-block .wangjie-list .wangjie-item {
   position: relative;
   margin-bottom: 0.32rem;
   margin-left: 0.12rem;
}
#news .introduce-wrapper .intro-block .wangjie-list .wangjie-item > a {
  text-decoration: none;
 
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .logo-wrapper {
  width: 7.86667rem;
  height: 2.89rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .logo-wrapper
  > img {
  width: 100%;
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .show-year {
  font-size: 0.26rem;
  color: #fff;
  background: #C4AC7A;
  padding: 2px 8px;
  position: absolute;
  top:-0.17rem;
  right: 10px;
  border-radius: 9999px;
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .title-detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 0.01333rem solid #dadada;
  padding: 0.34667rem 0 0.26667rem;
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .title-detail
  .year {
  width: 1.2rem;
  font-size: 0.46667rem;
  font-weight: bold;
  color: #b29262;
  padding-right: 0.26667rem;
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .title-detail
  .title {
  font-size: 0.34667rem;
  color: rgba(64, 64, 64, 0.8);
  width: 5.93333rem;
  display: block;
  text-align: left;
  border-left: 0.01333rem solid #dadada;
  padding-left: 0.26667rem;
  line-height: 1.25;
}
#news
  .introduce-wrapper
  .intro-block
  .wangjie-list
  .wangjie-item
  > a
  .title-detail
  .arrow {
  font-size: 0.4rem;
  color: #7f7f7f;
}
#news .introduce-wrapper .intro-block .news-inner-list .news-item {
  width: 8rem;
  margin: 0 auto;
  border-bottom: 1px solid #D1CFC9;
}
#news .introduce-wrapper .intro-block .news-inner-list .news-item > a {
  display: block;
  text-decoration: none;
  padding: 0.26667rem 0.18667rem;
  /* background-color: #fff; */
  border-radius: 0.10667rem;
}
#news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a
  .news-desc {
  font-size: 0.32rem;
  color: #8c8c8c;
  text-align: justify;
  line-height: 1.25;
  padding: 0.4rem 0 0.21333rem;
}
#news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a
  .news-time {
  /* border-top: 0.01333rem solid #f4f4f4; */
  padding-top: 0.21333rem;
  color: #b2b2b2;
  font-size: 0.26667rem;
  /* text-align: right; */
}
#news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a
  .title-wrapper {
  display: flex;
  align-items: stretch;
  /* justify-content: flex-start; */
}
#news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a .content-box{
      color: #1c1c1c;
      text-align: left ;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex:1;
      height: 1.53rem;
  }
  #news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a
  .title-wrapper .news-title{
      line-height: 1.4;
       font-size: 0.32rem;
        overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      
  }
#news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a
  .title-wrapper
  > img {
  display: block;
  width: 2.3rem;
  height: 1.53rem;
  margin-right: 0.293rem;
}
#news
  .introduce-wrapper
  .intro-block
  .news-inner-list
  .news-item
  > a
  .title-wrapper
  > p {
  width: 5.2rem;
  font-size: 0.34667rem;
  color: #333333;
  text-align: justify;
  line-height: 1.25;
  margin-left: 0.13333rem;
}
#guest {
  position: relative;
}
#guest .swiper-slide {
  background-color: initial;
}
#guest .introduce-wrapper {
  width: 9.18667rem;
  height: 10.5rem;
  background-image: url("../img/guest.png");
  background-size: 9.18667rem 11.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: 0 auto;
  overflow: hidden;
}
#guest .introduce-wrapper .intro-block {
  width: 8.93rem;
  padding: 0rem 0.3rem 0;
  height: 9.653rem;
  max-height: 9.653rem;
  margin: auto;
  overflow: auto;
  margin-top: 1rem;
  /* height: 11.2rem; */
  /* max-height: 11.2rem; */
  /* padding:1.5rem  0 0; */
}
#guest .introduce-wrapper .intro-block .guest-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
#guest .introduce-wrapper .intro-block .guest-list .guest-item {
  width: 1.97333rem;
  margin: 0.4rem 0.42667rem 0;
}
#guest .introduce-wrapper .intro-block .guest-list .guest-item .img-wrapper {
  width: 1.97333rem;
  height: 2rem;
  border-radius: 0.10667rem;
  overflow: hidden;
}
#guest
  .introduce-wrapper
  .intro-block
  .guest-list
  .guest-item
  .img-wrapper
  > img {
  width: 100%;
}
#guest .introduce-wrapper .intro-block .guest-list .guest-item .name {
  font-size: 0.34667rem;
  color: #182E9C;
  text-align: center;
  margin: 0.16rem 0 0.24rem;
}
#guest .introduce-wrapper .intro-block .guest-list .guest-item .desc {
  font-size: 0.26667rem;
  line-height: 1.25;
  color: #616161;
}
#introduce {

  position: relative;

}
#introduce .introduce-wrapper {
  width: 9.18667rem;
  height: 10.5rem;
  background-image: url("../img2/yicheng-bg.png");
  background-size:9.18667rem 11.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: 0 auto;
  overflow: hidden;
}
#introduce .introduce-wrapper .intro-block {
  width: 9.18667rem;
  height: 9.8rem;
  padding:0 0 2rem 0;
  overflow: auto;
  margin-left: 1px;
  box-sizing: border-box;
  margin-top: 1rem;

}
#introduce .introduce-wrapper .intro-block img {
  width: 100%;
  height: initial;
}
#introduce.zuzhi-box .introduce-wrapper {
  background-image: url("../img2/zuzhi-bg.png");
}

#introduce .introduce-wrapper .yc{
 width: 8rem !important;
 margin: auto;
}


#jxfb {
  /* background-image: url("../img/bg.png"); */
  position: relative;
}
#jxfb .will{
   position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  margin: 0 auto;
  overflow: hidden;
  width: 80%;
  height: auto !important;
}

#jxfb .introduce-wrapper{
  width: 9.18667rem;
  height: 10rem;
  background-image: url("../img2/fabu-bg.png");
  background-size: 9.18667rem 11.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: 0 auto;
  overflow: hidden;
}
#jxfb .introduce-wrapper .imgs-box{
  display: block;
  width: 85%;
  overflow: auto;
  height: 8.9rem;
  position: absolute;
  top:1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
#jxfb .introduce-wrapper img{
  display: block;
  width: 90%;
  margin: 0 auto 0.2rem;
}
#jxfb .introduce-wrapper img:first-child{
margin-bottom:0.2rem ;
}
.zz{
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 300;
  display: none;

}
.zz.active{
  display: block;
}
.zz .box{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);

}
.zz .box {
  text-align: right;
}
.zz .box .will{
  display: block;
  width: 8.13rem;
}

.zz .box  .close{
  display: inline-block;
  width:0.693rem;
  padding:0.133rem 0;
}



.zz1{
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 300;
  display: none;

}
.zz1.active{
  display: block;
}
.zz1 .box{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);

}
.zz1 .box {
  text-align: right;
}
.zz1 .box .live{
  display: block;
  width: 8.13rem;
}

.zz1 .box  .close{
  display: inline-block;
  width:0.693rem;
  padding:0.133rem 0;
}


#jieshao {
  /* background-image: url(../img/bg.png); */
    height: 17.75rem;
    position: relative;
}
#jieshao .introduce-wrapper {
  width: 9.6rem;
  height: 10.5rem;
  background-image: url(../img/jieshao.png);
  background-size: 100% 11.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: 0 auto;
  overflow: hidden;


  box-sizing: border-box;
}

#jieshao  .introduce-wrapper .intro-block {
  width: 100%;
  height: 9.8rem;
  padding: 1.13rem .56rem;
  overflow: auto;
  margin-left: 1px;
  box-sizing: border-box;
  padding-bottom: 0;
  margin-top: 0.6rem;
}

.u-intr {
  font-size: .4rem;
  color: #343434;
  text-indent: 2em;
  line-height: 1.5;
  margin-bottom: .4rem;
  text-align: justify;
  padding-right: .4rem;
}
.g-layer,.g-layerLive {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.m-layer-containt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.m-map {

  width: 9.01333rem;
  background: #FFF;
  padding: .3rem;
  box-sizing: border-box;
  border-radius: .2rem;
}
#container {
  width: 100%;
  height: 3.86rem;
}
.u-map-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  color: #333;
  margin-top: .26rem;
}
.u-map-text img {
  width: .32rem;
  margin-right: .2rem;
}
.u-close {
  width: .653rem;
  width: .6533rem;
  margin-top: .5333rem;
}
.u-live img{
  width: 1.08rem;
}
.u-layerLive {
  width: 8.12rem;
  height: 4.6667rem;
}

#news.wangjie .introduce-wrapper {
  width: 9.18667rem;
  height: 10.5rem;
  background-image: url("../img2/wangjie-bg.png")!important;
  background-size: 9.18667rem 11.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-scrollbar-drag {
  background: transparent;
}