/*@font-face{*/
/*	font-family:"yfct";*/
/*	src: url("../css/fonts/云峰寒蝉体.ttf") format("opentype");*/
/*}*/
/*@font-face{*/
/*	font-family:"cinr";*/
/*	src: url("../css/fonts/Cinzel-Regular.ttf") format("opentype");*/
/*}*/
/*@font-face{*/
/*	font-family:"LXGW";*/
/*	src: url("../css/fonts/LXGWZhiSongCL.ttf") format("opentype");*/
/*}*/
/*@font-face{*/
/*	font-family:"zcoo";*/
/*	src: url("../css/fonts/ZCOOL\ Addict\ Italic\ 02.ttf") format("opentype");*/
/*}*/
/*@font-face{*/
/*	font-family:"syh";*/
/*	src: url("../css/fonts/SourceHanSansCN-Light.otf") format("opentype");*/
/*}*/
@font-face{
	font-family:"SourceHanSans";
	src: url("../css/fonts/SourceHanSansSC-Regular-2.woff2") format("opentype");
}
@font-face{
	font-family:"SourceHanSansHeavy";
	src: url("../css/fonts/SourceHanSansCN-Heavy.woff2") format("opentype");
}
@font-face{
	font-family:"LXGWZhiSong";
	src: url("../css/fonts/LXGWZhiSongCL.woff2") format("opentype");
}
@font-face{
	font-family:"LXGWZhiSongMN";
	src: url("../css/fonts/LXGWZhiSongMN.woff2") format("opentype");
}
@font-face{
	font-family:"Cinzel";
	src: url("../css/fonts/Cinzel-Regular.woff2") format("opentype");
}
@font-face{
	font-family:"CinzelBold";
	src: url("../css/fonts/Cinzel-Bold.woff2") format("opentype");
}
@font-face{
	font-family:"ZCOOLAddict01";
	src: url("../css/fonts/ZCOOL Addict Italic 01.woff2") format("opentype");
}
@font-face{
	font-family:"ZCOOLAddict02";
	src: url("../css/fonts/ZCOOL Addict Italic 02.woff2") format("opentype");
}
@font-face{
	font-family:"YunfengHanchan";
	src: url("../css/fonts/云峰寒蝉体.woff2") format("opentype");
}
@font-face{
	font-family:"PingfangXiangsi";
	src: url("../css/fonts/平方相思体.woff2") format("opentype");
}
* {
  margin: 0;
  padding: 0;
}
/* 隐藏所有滚动条 */
html {
  overflow: -moz-scrollbars-none;    /* Firefox */
  -ms-overflow-style: none;         /* IE/Edge */
  scrollbar-width: none;            /* Firefox 64+ */
}

/* WebKit浏览器（Chrome, Safari） */
html::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
/* body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #214279;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
} */
img {
  display: block;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* :root {
  --font-family: Source Han Sans CN;
} */
p,
div,
a,
h1,
h2,
h3,
h4,
h5,
h6{
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard syntax */
}
#maintenance{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
#maintenance .bg{
  width: 100%;
  height: 100vh;
  /*object-fit: cover;*/
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  opacity: 1;
  transition: opacity 0.5s 0.3s;
   /*display: none; */
}
#loading .flow{
  position: absolute;
  bottom: 32%;
  right: 20%;
  width: 30%;
}
#loading .flow img{
  width: 100%;
}
#loading .flow .line{
  width: 0%;
  height: 5%;
  background-color: #B38248;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#loading .flow .sz{
  position: absolute;
  left: 0;
  bottom: -15px;
  font-family: Arial;
  font-weight: 400;
  font-size: 14px;
  color: #B38248;
}
#loading.active{
  opacity: 0;
}
#loading .bg{
  width: 100%;
  height: 100vh;
}
#loading.hide {
  opacity: 0;
  pointer-events: none;
}
#loading .flow .line {
  transition: width 0.3s ease; /* 添加宽度过渡效果 */
}
.appDiaolog{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(0,0,0,0.4);
  display: none;
}
.appDiaolog .content{
  width: 100%;
  max-width: 390px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.appDiaolog .content .bg{
  width: 100%;
}
.appDiaolog .content .txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: max-content;
}
.appDiaolog .content h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 28px;
  color: #ffda9a;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
}
.appDiaolog .content .line{
  margin: 9px auto 7px;
  width: 80%;
}
.appDiaolog .content p{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 21px;
  color: rgba(255,255,255, 0.9);
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 5px rgba(255,255,255, 0.3),
  0 0 10px rgba(255,255,255, 0.5),
  0 0 15px rgba(255,255,255, 0.3);
}
.appDiaolog .content span{
  display: block;
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 15px;
  color: #ffda9a;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.3),
  0 0 10px rgba(252,228,172, 0.5),
  0 0 15px rgba(252,228,172, 0.3);
  margin-top: 7px;
}
.hamburger {
  display: none;
}
.x-center {
  width: 1140px;
}
.center {
  width: 1600px;
}
.app{
  display: none;
}
.zwbg1{
  background: url('../images/areadbg.jpg') no-repeat center / cover;
  /*transition: z-index 0.3s;*/
}
.zwbg2{
  background: url('../images/cdbg.jpg') no-repeat center / cover;
}
.zwbg3{
  background: url('../images/crubg.jpg') no-repeat center / cover;
}
.zwbg4{
  background: url('../images/wordbg.png') no-repeat center / cover;
}
.zwbg5{
  background: url('../images/worbg.png') no-repeat center / cover;
}
.zwbgMt{
  background: url('../images/cdbg.jpg') no-repeat center / cover;
}
.zwbgArea{
  z-index: -2;
  /*transition: z-index 0.3s;*/
}
.zwbg{
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;  
}
.pbPage.active .zwbg{
  width: 100%;
  height: 100vh;
}
.pbPage{
  width: 0;
  height: 0;
  overflow: hidden;
  position: relative;
  opacity: 0.5;
  transition: opacity 0.8s;
}
.pbPage.active{
  width: auto;
  height: auto;
  overflow: unset;
  opacity: 1;
}
.home-page.active .backbtm{
  width: auto;
  height: auto;
  overflow: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.header-box{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: linear-gradient(to bottom, rgba(12,7,1,0.9) 40%, rgba(12,7,1,0));
}
.header-box .ct{
  height: 100px;
  display: flex;
  align-items: center;
  width: calc(100% - 60px - 73px);
  padding: 0 73px 0 60px;
}
.header-box .nav{
  display: flex;
  margin-left: 245px;
  height: 100%;
  position: relative;
}
.header-box .nav .indicator{
  position: absolute;
  bottom: -5px;
  /*left: -88px;*/
  opacity: 0;
  transition: left 0.3s linear;
}
.header-box .nav .indicator img{
  /*width: 230px;*/
}
.header-box .nav li{
  position: relative;
  display: flex;
  align-items: center;
}
.header-box .nav li:not(:first-of-type){
  margin-left: 70px;
}
.header-box .nav li .bs{
  /*display: none;*/
  /*position: absolute;*/
  /*left: calc(50% + 7px);*/
  /*bottom: -5px;*/
  /*transform: translateX(-50%);*/
  /*z-index: -1;*/
}
.header-box .nav li .suo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  display: none;
}
.header-box .nav li a{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  transition: 0.3s;
}
.header-box .nav li a::before{
  display: block;
  content: '';
  width: calc(100% + 60px);
  height: 70px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  background: linear-gradient(to bottom, rgba(90,77,51,1), rgba(90,77,51,0.05));
  z-index: -1;
  opacity: 0;
  transition: 0.4s;
}
.header-box .nav li.active a,
.header-box .nav li a:hover{
  text-shadow: 0 0 10px rgba(252,228,172, 0.6),
  0 0 20px rgba(252,228,172, 0.8),
  0 0 30px rgba(252,228,172, 0.6);
}
.header-box .nav li.active .bs{
  display: block;
}
.header-box .nav li a:hover::before{
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
.header-box .right{
  margin-left: auto;
  display: flex;
  align-items: center;
}
.header-box .right .share{
  display: none;
  margin-right: 39px;
}
.header-box .right .share i{
  font-size: 18px;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.3s;
}
.header-box .right .share i:hover{
  color: #ECBB60;
}
.header-box .musicians{
  position: relative;
}
.header-box .musicians .zs{
  display: flex;
  align-items: center;
}
.header-box .musicians .zs .nr{
  display: flex;
  align-items: center;
  /*margin: 0 11px 0 15px;*/
}
.header-box .musicians .zs .nr .bsbox{
  position: relative;
  cursor: pointer;
}
.header-box .musicians .zs .nr .bs{
  /*animation: yyxz 10s linear infinite;*/
  height: 38px;
  width: 38px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 1;
  transition: 0.3s;
}
.header-box .musicians .zs .nr .bsbox .zt{
  opacity: 0;
  height: 34px;
  width: 34px;
  transition: 0.3s;
}
.header-box .musicians .zs .nr.active .bsbox .zt{
  opacity: 1;
}
.header-box .musicians .zs .nr.active .bsbox .bs{
  /*animation-play-state: paused;*/
  opacity: 0;
}
@keyframes yyxz {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.header-box .musicians .zs .nr p{
  font-family: 'times new Roman';
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0 9px 0 0;
  text-shadow: 0 0 5px rgba(250, 233, 195, 1),
  0 0 10px rgba(255,180,0, 1),
  0 0 15px rgba(255,180,0, 1);
  transition: 0.3s;
}
.header-box .musicians .zs .nr.active p{
  text-shadow: unset;
  color: #a19c9c;
}
.header-box .musicians .zs .prev,
.header-box .musicians .zs .next,
.header-box .musicians .zs .dhl{
  cursor: pointer;
}
.header-box .muslist{
  position: absolute;
  top: calc(100% + 3px);
  left: 15px;
  width: 200px;
  height: calc(208px - 13px);
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.3s;
  z-index: 19;
}
.header-box .muslist.active{
  transform: scaleY(1);
  opacity: 1;
}
.header-box .muslist .leftline{
  position: absolute;
  left: -10px;
  top: -13px;
}
.header-box .muslist .topline{
  position: absolute;
  top: 0;
  left: 0;
}
.header-box .muslist .nr{
  width: calc(100% - 33px);
  height: calc(100% - 10px - 5px);
  padding: 10px 0 0 33px;
  background: linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0) 40%);
}
.header-box .muslist .nr .row{
  position: relative;
}
.header-box .muslist .nr .row.active img{
  display: block;
}
.header-box .muslist .nr .row.active p{
  color: #ECBB60;
}
.header-box .muslist .nr .row:not(:first-of-type){
  margin-top: 9px;
}
.header-box .muslist .nr .row img{
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.header-box .muslist .nr .row p{
  font-family: Arial;
  font-weight: 400;
  font-size: 14px;
  color: #d6d5d5;
  cursor: pointer;
  transition: 0.3s;
}
.header-box .muslist .nr .row p:not(.row.active p):hover{
  text-shadow: 0 0 10px rgba(255,255,255, 0.9);
  color: #FFFFFF;
}
.mySwiper{
  width: 100%;
  height: 100vh;
}
.mySwiper .content{
  display: block;
  width: 100%;
  height: 100%;
}
.mySwiper .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .bf{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.mySwiper .ct{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 135px;
}
.mySwiper .ct .txt{
  width: 565px;
  transform: translateX(-20%);
  opacity: 0;
  transition: 1.3s;
}
.mySwiper .ct .txt.active{
  transform: translateX(0);
  opacity: 1;
}
.mySwiper .ct .txt img{
  margin-bottom: 10px;
  transform: translateX(-10px);
}
.mySwiper .ct .txt h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 54px;
  color: #FFFFFF;
  background: linear-gradient(to right, #FCE4AC, #FFFFFF);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(252,228,172, 0.2),
               0 0 20px rgba(252,228,172, 0.3),
               0 0 30px rgba(252,228,172, 0.2);
}
.mySwiper .ct .txt h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-shadow: 0 0 10px rgba(252,228,172, 0.6),
               0 0 20px rgba(252,228,172, 0.8),
               0 0 30px rgba(252,228,172, 0.6);
}
.i1-box{
  width: 100%;
  background: url('../images/i1-bg.png') no-repeat center / cover;
  position: relative;
  overflow: hidden;
}
.i1-box .bg2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  /* animation: i1bg 120s linear infinite; */
}
/* @keyframes i1bg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */
.i1ct{
  margin: 0 auto;
  padding: 128px 0 105px 0;
  position: relative;
  z-index: 2;
}
.i1ct .newtop .top{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.i1ct .newtop .top .title{
  display: flex;
  align-items: center;
}
.i1ct .newtop .top .title p{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 42px;
  color: #FFFFFF;
  background: linear-gradient(to right, #FCE7B3, #FFFFFF);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 25px;
}
.tag{
  display: flex;
  margin-bottom: 5px;
  position: relative;
}
.tag a:not(:first-of-type){
  margin-left: 45px;
}
.tag a{
  font-family: Source Han Sans CN !important;
  font-weight: 800;
  font-size: 18px;
  color: #FFFFFF;
  position: relative;
  transition: 0.3s;
}
.tag a:hover{
  text-shadow: 0 0 7px rgba(252,228,172, 0.5),
  0 0 12px rgba(252,228,172, 0.7),
  0 0 17px rgba(252,228,172, 0.5);
}
.tag .indicator{
  position: absolute;
  top: 19px;
  left: -48px;
  transition: left 0.3s linear;
}
.tag a img{
  /*display: none;*/
  /*position: absolute;*/
  /*left: calc(50% + 7px);*/
  /*top: 31px;*/
  /*transform: translateX(-50%);*/
}
.tag a.active img{
  /*display: block;*/
}
.tag a.active{
  text-shadow: 0 0 7px rgba(252,228,172, 0.5),
  0 0 12px rgba(252,228,172, 0.7),
  0 0 17px rgba(252,228,172, 0.5);
}
.i1ct .newtop .btm{
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.i1ct .newtop .btm img{
  width: 299px;
}
.i1ct .newtop .btm .line{
  width: calc(100% - 299px);
  height: 1px;
  background-color: rgba(255,255,255, 0.3);
}
.i1ct .new .content{
  margin-top: 80px;
}
.i1ct .new .content .xy:not(:first-of-type){
  display: none;
}
.i1ct .new .content .rq{
  display: flex;
  justify-content: space-between;
}
.i1ct .new .content .new-swiper{
  width: 740px;
  height: 450px;
  margin: 0;
}
.i1ct .new .content .new-swiper a{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 30px 0 0 0;
}
.i1ct .new .content .new-swiper a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i1ct .new .content .new-swiper a p{
  position: absolute;
  left: 20px;
  bottom: 15px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  width: calc(100% - 200px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i1ct .new .content .new-swiper .swiper-pagination{
  display: flex;
  align-items: center;
  bottom: 18px;
  left: unset;
  right: 19px;
  width: max-content;
}
.i1ct .new .content .new-swiper .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #ECBB60;
  opacity: 1;
}
.i1ct .new .content .new-swiper .swiper-pagination-bullet-active{
  background-color: #ECBB60;
}
.i1ct .new .content .right{
  width: 800px;
  position: relative;
}
.i1ct .new .content .right .xw{
  display: block;
  padding: 25px 0 0 0;
}
.i1ct .new .content .right .xw .zs{
  display: flex;
  align-items: center;
  padding: 0 24px 0 14px;
  width: calc(100% - 24px - 14px);
  transition: 0.3s;
}
.i1ct .new .content .right .xw:hover .zs{
  transform: translateX(-10px);
}
.i1ct .new .content .right .xw .line{
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(128,96,48,0.5),rgba(236,187,96,0.5));
  margin-top: 22px;
}
.i1ct .new .content .right .xw:hover{
  background: linear-gradient(to right, rgba(128,96,48,1),rgba(128,96,48,0.1));
}
.i1ct .new .content .right .xw:hover .bs{
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.i1ct .new .content .right .xw:hover .line{
  background: unset;
}
.i1ct .new .content .right .xw .bs{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #806030;
  line-height: 1;
  border: 1px solid #806030;
  padding: 7px 0;
  width: 90px;
  text-align: center;
  border-radius: 15px;
  transition: 0.3s;
}
.i1ct .new .content .right .xw .fwz{
  max-width: calc(100% - 270px);
  margin-left: 20px;
  position: relative;
}
.i1ct .new .content .right .xw p{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.i1ct .new .content .right .xw .fwz span{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 10px);
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 18px;
  color: #E3B760;
  display: none;
}
.i1ct .new .content .right .xw.active .fwz span{
  display: block;
}
.i1ct .new .content .right .xw .time{
  margin-left: auto;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: rgba(255,255,255,0.5);
}
.i1ct .new .content .right .more{
  display: block;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #7C5D2F;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #7C5D2F;
  transition: 0.3s;
  width: 100px;
  padding: 7px 0;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 1;
}
.i1ct .new .content .right .more::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: #7C5D2F;
  transition: 0.3s;
}
.i1ct .new .content .right .more:hover{
  color: #FFFFFF;
}
.i1ct .new .content .right .more:hover::before{
  width: 100%;
}
.message{
  margin: 210px auto 0;
  width: 1000px;
}
.message .title,
.newleavect .title{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.message .title h3,
.newleavect .title h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 42px;
  color: #D5973A;
  background: linear-gradient(to right, #FCE7B3, #FFFFFF);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(252,228,172, 0.2),
  0 0 20px rgba(252,228,172, 0.3),
  0 0 30px rgba(252,228,172, 0.2);
}
.message .title img,
.newleavect .title img{
  margin-top: 10px;
}
.message form{
  margin: 39px auto 0;
}
.message form .row:not(:first-of-type){
  margin-top: 22px;
}
.message form .row select{
  border: 1px solid rgba(109,83,39,0.7);
  background-color: rgba(255,255,255, 0.1);
  width: 100%;
  height: 60px;
  text-indent: 15px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: red;
  outline: none;
}
.message form .row p{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 18px;
  color: #C3A980;
  margin-bottom: 12px;
}
.message form .row input{
  border: 1px solid rgba(109,83,39,0.7);
  background-color: rgba(255,255,255, 0.1);
  width: calc(100% - 2px);
  height: 60px;
  text-indent: 15px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  outline: none;
}
.message form .row input::placeholder,
.message form .row input::-webkit-input-placeholder,
.message form .row textarea::placeholder,
.message form .row textarea::-webkit-input-placeholder{
  color: #666666;
}
.message form .row textarea{
  resize: none;
  outline: none;
  border: 1px solid rgba(109,83,39,0.7);
  background-color: rgba(255,255,255, 0.1);
  width: calc(100% - 2px);
  height: 115px;
  text-indent: 15px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  padding-top: 15px;
}
.message form button{
  margin: 62px auto 0;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  width: 350px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: linear-gradient(to right, #725737, #C3A178);
  border-radius: 28px;
  border: none;
}
.message form .row .select{
  position: relative;
}
.message form .row .select .dbwz{
  position: relative;
  cursor: pointer;
}
.message form .row .select .dbwz .fg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.message form .row .select .dbwz i{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #C3A980;
  transition: 0.3s;
}
.message form .row .select.active .dbwz i{
  transform: translateY(-50%) rotate(90deg);
}
.message form .row .it{
  position: absolute;
  top: calc(100% + 5px);
  width: 100%;
  background: linear-gradient(to bottom, rgba(114,87,55, 1), rgba(195,161,120,1));
  padding: 7px 0;
  transition: 0.5s;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: top;
}
.message form .row .select.active .it{
  transform: scaleY(1);
  opacity: 1;
}
.message form .row .it span{
  display: block;
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 16px;
  color: #d4d1d1;
  width: calc(100% - 30px);
  padding: 7px 15px;
  cursor: pointer;
  transition: 0.3s;
}
.message form .row .it span:hover{
  transform: translateX(10px);
  color: #E3B760;
}
.gyly-box{
  width: 100%;
  background-color: #101E2E;
  padding: 100px 0;
}
.gyly-box .message{
  margin: 0 auto;
}
.news-box{
  width: 100%;
  background: url('../images/newsbg.png') no-repeat center / cover;
  overflow: hidden;
}
.newsct{
  margin: 0 auto;
  padding: 145px 0 65px 0;
  min-height: calc(100vh - 145px - 65px);
}
.newsct .ntop .top{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.backup{
  position: relative;
}
.backup .nry{
  position: relative;
  cursor: pointer;
  transform: translateX(0);
  opacity: 1;
  transition: 0.8s ease-out;
}
.backup .nry.active{
  transform: translateX(-100px);
  opacity: 0;
}
.backup .bgb{
  position: relative;
  width: 221px;
  height: 48px;
}
.backup .bgb .bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.backup .bgb .bg1{
  z-index: 2;
}
.backup .bgb .bg2{
  opacity: 0;
  z-index: 1;
  transition: 0.5s;
}
.backup:hover>.nry .bgb .bg2{
  z-index: 3;
  opacity: 1;
}
.backup .flow{
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
.newsct .ntop .btm{
  width: 100%;
  height: 1px;
  background-color: rgba(255,255,255, 0.3);
  margin-top: 20px;
}
.newsct .box .rq:not(:first-of-type){
  display: none;
}
.newslist{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  min-height: 720px;
}
.newslist li{
  width: calc((100% - 60px) / 2);
  margin-right: 60px;
  margin-bottom: 20px;
}
.newslist li:nth-of-type(2n){
  margin-right: 0;
}
.newslist li a{
  display: flex;
  /* align-items: center; */
  width: 100%;
  height: calc(160px - 28px);
  padding-top: 28px;
  position: relative;
  transition: 0.3s;
}
.newslist li a .bgb{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.newslist li a .bgb img{
  display: none;
}
.newslist li a .bgb .bg1{
  display: block;
}
.newslist li a .lb{
  position: absolute;
  left: 13px;
  bottom: 13px;
  z-index: 1;
}
.newslist li a .lb img{
  display: none;
}
.newslist li a .lb .lb1{
  display: block;
}
.newslist li a .zs{
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(100% - 66px);
  padding: 0 33px;
}
.newslist li a .zs .tp{
  width: 170px;
  height: 100px;
  object-fit: cover;
}
.newslist li a .zs .txt{
  width: calc(100% - 170px - 30px - 60px);
  margin-left: 30px;
}
.newslist li a .zs .txt .tm{
  position: relative;
  width: max-content;
  max-width: 100%;
}
.newslist li a .zs .txt .tm h3{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.newslist li a .zs .txt .tm span{
  position: absolute;
  right: -65px;
  top: 0;
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 18px;
  color: #E3B760;
  display: none;
}
.newslist li a .zs .txt h6{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255,255,255, 0.5);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 8px;
}
.newslist li a .zs .txt .jstime{
  display: flex;
  margin-top: 38px;
}
.newslist li a .zs .txt .jstime .item{
  display: flex;
  align-items: center;
}
.newslist li a .zs .txt .jstime .item:not(:first-of-type){
  margin-left: 22px;
}
.newslist li a .zs .txt .jstime .item p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: rgba(236,187,96,0.5);
  line-height: 1;
  margin-left: 9px;
}
.newslist li.active a .lb .lb1{
  display: none;
}
.newslist li.active a .lb .lb2{
  display: block;
}
.newslist li.active a .bgb .bg1{
  display: none;
}
.newslist li.active a .bgb .bg2{
  display: block;
}
.newslist li.active a .zs .txt .tm span{
  display: block;
}
.newslist li a:hover{
  transform: translateX(-20px);
}
.newslist li a:hover .zs .txt .tm h3{
  color: #E3B760;
}
.newslist li a:hover .lb .lb1{
  display: none;
}
.newslist li a:hover .lb .lb2{
  display: block;
}
.newslist li a:hover .bgb img{
  display: none;
}
.newslist li a:hover .bgb .bg3{
  display: block;
}
.newslist li.active a:hover .bgb .bg3{
  display: none;
}
.aread-box{
  width: 100%;
  min-height: 100vh;
  position: relative;
}
.aread-box .dbbs{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.aread-box .ysj{
  position: absolute;
  right: 4%;
  top: 95px;
}
.aread-box .zxj{
  position: absolute;
  left: 4%;
  bottom: 75px;
}
.sybjt{
  position: fixed;
  left: -26px;
  top: 100px;
  width: 24px;
  height: 46px;
  border-top: 1px solid rgba(255,255,255, 0.3);
  border-right: 1px solid rgba(255,255,255, 0.3);
  border-bottom: 1px solid rgba(255,255,255, 0.3);
  display: flex;
  align-items: center;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  opacity: 0;
  transition: 0.8s;
  z-index: 5;
}
.sybjt.active{
  left: 0;
  opacity: 1;
}
.areadct{
  margin: 0 auto;
  padding: 165px 0 105px 0;
  display: flex;
}
.areadct .left{
  width: 268px;
  position: relative;
  opacity: 0;
}
.areadct .left .backup{
  transform: translateX(14px);
}
.areadct .left .backup.active{
  position: fixed;
  top: 100px;
  left: calc((100% - 1600px) / 2);
}
.areadct .left .line{
  position: absolute;
  right: 0;
  top: 0px;
  max-height: 100%;
}
.areadct .left .line.active{
  position: fixed;
  top: 100px;
  left: calc((100% - 1600px) / 2 + 259px);
  z-index: -1;
}
.slide{
  margin-top: 50px;
  width: calc(100% - 15px);
}
.slide.active{
  position: fixed;
  margin-top: 0;
  top: 195px;
  left: calc((100% - 1600px) / 2);
  width: 268px;
}
.slide .nry{
  transform: translateX(-100px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.slide .nry.active{
  transform: translateX(0px);
  opacity: 1;
}
.slide .item:not(:first-of-type){
  margin-top: 12px;
}
.slide .one{
  display: flex;
  align-items: center;
}
.slide .one a{
  width: calc(100% - 10px - 15px);
  padding-left: 10px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.slide .one a:hover{
  background: linear-gradient(to right, rgba(128,96,48,0.9),rgba(128,96,48,0) 70%);
}
.slide .one:hover p{
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
}
.slide .two{
  padding-left: 10px;
  width: calc(100% - 10px);
}
.slide .two a{
  display: flex;
  align-items: center;
  height: 30px;
  padding-left: 20px;
  width: calc(100% - 20px);
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  transition: 0.3s;
}
.slide .two a span{
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.slide .two a:hover{
  background: linear-gradient(to right, rgba(128,96,48,0.9),rgba(128,96,48,0) 70%);
}
.areadct .right{
  width: 1097px;
  margin-left: 58px;
  max-height: 100%;
}
.area-details-page.cetlft .areadct{
  position: relative;
}
.area-details-page.cetlft .areadct .right{
  margin-left: 0;
  margin: 0 auto;
  width: 1147px;
}
.area-details-page.cetlft .areadct .left{
  position: absolute;
  left: 0;
}
.area-details-page.cetlft .areadct .left .line{
  display: none;
}
.area-details-page.cetlft .areadct .right .title,
.area-details-page.cetlft .areadct .right .cy{
  text-align: center;
}
.areadct .right .title{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 36px;
  color: #FFFFFF;
}
.areadct .right .cy{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  margin: 22px 0 9px 0;
}
.areadct .right .fg{
  width: 100%;
}
.areadct .right .message{
  width: 100% !important;
  margin-top: 70px;
}
.areadct .right .message form{
  width: 100% !important;
}
.areadct .right .content{
  margin-top: 24px;
  width: calc(100% - 55px);
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 36px;
  position: relative;
}
.areadct .right .content h1{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 20px;
  color: #FFFFFF;
  position: relative;
  margin-top: 30px;
}
.areadct .right .content h2{
  position: relative;
}
.areadct .right .content .h1bs{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
}
.areadct .right .content a{
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.areadct .right .content a span{
  display: inline-block;
  position: relative;
  transform: perspective(1000px) rotate3d(0,1,0,0deg);
  transition: transform 0.5s, color 0.5s, text-shadow 0.5s;
}
.areadct .right .content a:hover span {
  color: #FFFFFF;
  transform: perspective(1000px) rotate3d(0,1,0,360deg);
  text-shadow: 0 0 7px rgb(247,204,99, 0.8), 
               0 0 14px rgb(247,204,99, 0.9), 
               0 0 23px rgb(247,204,99, 0.8);
}
tips{
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
tips span{
  display: inline-block;
  position: relative;
  transform: perspective(1000px) rotate3d(0,1,0,0deg);
  transition: transform 0.5s, color 0.5s, text-shadow 0.5s;
}
tips:hover span {
  color: #FFFFFF;
  transform: perspective(1000px) rotate3d(0,1,0,360deg);
  text-shadow: 0 0 7px rgb(247,204,99, 0.8), 
               0 0 14px rgb(247,204,99, 0.9), 
               0 0 23px rgb(247,204,99, 0.8);
}

/* .particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #FCE7B4;
  box-shadow: 0 10px 10px rgb(247,204,99, 0.9);
  border-radius: 50%;
  opacity: 1;
  animation: particle-animation 3s forwards;
}
@keyframes particle-animation {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translate(-30px, -50px) scale(0.5);
  }
} */

.moving-particle {
  position: absolute;
  width: 2px;
  height: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 5px 5px rgb(247,204,99, 0.5);
  border-radius: 50%;
  opacity: 1;
  animation: moving-particle-animation 3s forwards;
}

@keyframes moving-particle-animation {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(0.7);
  }
  100% {
    opacity: 0;
    transform: translate(-30px, -50px) scale(0.4);
  }
}

.expanding-particle {
  position: absolute;
  /* width: 1px;
  height: 1px; */
  background-color: #FFFFFF;
  box-shadow: 0 5px 5px rgb(247,204,99, 0.5); 
  border-radius: 50%;
  opacity: 0.8;
  animation: expanding-particle-animation 3s forwards;
  z-index: -1;
}

@keyframes expanding-particle-animation {
  0% {
    opacity: 0.8;
    transform: scale(0.1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/* .expanding-particle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.8;
  background-color: #FFFFFF;
  box-shadow: 0 0 8px rgba(247, 204, 99, 0.7);
  animation: expanding-particle-animation 2s forwards;
}

@keyframes expanding-particle-animation {
  0% {
      opacity: 0.9;
      transform: scale(0.1);
  }
  100% {
      opacity: 0;
      transform: scale(1.8);
  }
} */

.breathing {
  animation: breathing-light 2s ease-in-out infinite;
}

@keyframes breathing-light {
  0%, 100% {
    text-shadow: 0 0 9px rgba(247,204,99,0.8), 
                 0 0 16px rgba(247,204,99,0.9), 
                 0 0 25px rgba(247,204,99,0.8);
  }
  50% {
                 text-shadow: 0 0 7px rgba(247,204,99,0.7), 
                 0 0 14px rgba(247,204,99,0.8), 
                 0 0 23px rgba(247,204,99,0.7);
  }
}


.areadct .right .content .h2bs{
  position: absolute;
  left: -33px;
  top: 50%;
  transform: translateY(-50%);
}
.areadct .right .content .fgf{
  max-width: 95%;
  margin: 30px auto;
}
.crushd-box{
  width: 100%;
  min-height: calc(100vh - 165px - 105px);
  padding: 165px 0 105px 0;
  position: relative;
}
.crushd-box .message{
  width: 90% !important;
  margin: 70px auto 0;
}
.message form{
  width: 100%;
}
.crushd-box .dbbs{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.crushd-box .ysj{
  position: absolute;
  right: 4%;
  top: 95px;
}
.crushd-box .zxj{
  position: absolute;
  left: 4%;
  bottom: 75px;
}
.crushdct{
  margin: 0 auto;
  width: 1147px;
  position: relative;
}
.crushdct .backup{
  position: absolute;
  top: 0;
  left: -200px;
}
.crushdct .backup.active{
  position: fixed;
  top: 100px;
  left: calc((100% - 1147px) / 2 - 200px);
}
.crushdct .title{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 36px;
  color: #FFFFFF;
  text-align: center;
}
.crushdct .topbs{
  width: 100%;
  /*margin-top: 9px;*/
  margin: 9px 0 35px 0;
}
.crushdct .content{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 36px;
}
.crushdct .content img{
  max-width: 100%;
}
.crushdct .content a{
  /*font-family: Source Han Sans CN;*/
  /*font-weight: bold;*/
  /*font-size: 18px;*/
  /*color: #FCE7B4;*/
  /*text-shadow: 0 0 7px rgb(247,204,99, 0.8), */
  /*0 0 14px rgb(247,204,99, 0.9), */
  /*0 0 23px rgb(247,204,99, 0.8);*/
}
.crushdct .content a{
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
.crushdct .content a span{
  display: inline-block;
  position: relative;
  transform: perspective(1000px) rotate3d(0,1,0,0deg);
  transition: transform 0.5s, color 0.5s, text-shadow 0.5s;
}
.crushdct .content a:hover span {
  color: #FFFFFF;
  transform: perspective(1000px) rotate3d(0,1,0,360deg);
  text-shadow: 0 0 7px rgb(247,204,99, 0.8), 
               0 0 14px rgb(247,204,99, 0.9), 
               0 0 23px rgb(247,204,99, 0.8);
}
.crushdct .content .fgf{
  max-width: 95%;
  margin: 15px auto;
}
.crush-box{
  width: 100%;
  padding: 170px 0 54px 0;
  height: calc(100vh - 170px - 54px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  /*background: url(../images/crubg.jpg) no-repeat center / cover;*/
}
.crushct{
  margin-left: auto;
  margin-right: 83px;
  width: 890px;
  /*height: calc(100vh - 170px - 54px);*/
  height: 100%;
  position: relative;
}
.keClick{
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 890px - 83px);
  height: 100vh;
  cursor: pointer;
  z-index: 4;
}
/*.crush-page .zwbg3{*/
/*  z-index: 2;*/
/*}*/
.crushVideo{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.crushVideo .gybg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.crushVideo .dzbg{
  z-index: 1;
}
.crushVideo .xhbg{
  z-index: 2;
}
.crushct::after{
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  right: 7px;
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0));
  z-index: -1;
}
.crush-list{
  width: calc(100% - 68px - 5px - 15px);
  height: 100%;
  padding-right: 68px;
  padding-left: 15px;
  overflow-y: auto;
  position: relative;
  transition: 0.3s;

  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1));  
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.crush-list.btactive{
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.3));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.3));
}
.crush-list.topactive{
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.3));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.3));
}
.crush-list::-webkit-scrollbar {
  width: 5px;
}
.crush-list::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #907029, #8E886E);
  border-radius: 3px;
}
.crush-list::-webkit-scrollbar-track {
  background: transparent;
}
.crush-list a:not(:first-of-type){
  margin-top: 27px;
}
.crush-list .sp{
  position: relative;
  transition: 0.3s;
  display: block;
}
.crush-list .sp:hover{
  transform: translateX(15px);
}
.crush-list .spbg{
  width: 100%;
}
.crush-list .spbg img{
  width: 100%;
}
.crush-list .spbg .bg2{
  display: none;
}
.crush-list .ysjt{
  position: absolute;
  right: 8px;
  top: 8px;
}
.crush-list .ysjt .jt2{
  display: none;
}
.crush-list .txt{
  position: absolute;
  right: 0px;
  top: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: calc(100% - 45px - 30px);
  padding: 0 30px 0 45px;
}
.crush-list .txt .lf{
  width: calc(100% - 145px - 18px);
  position: relative;
}
.crush-list .txt .lf .jt{
  position: absolute;
  top: 20px;
  left: 83px;
}
.crush-list .txt .lf .tm{
  display: flex;
  align-items: center;
}
.crush-list .txt .lf .tm .nwz{
  max-width: calc(100% - 8px - 130px);
  width: max-content;
  margin-left: 8px;
  position: relative;
}
.crush-list .txt .lf .tm .nwz p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #F6C583;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.crush-list .txt .lf .tm .nwz span{
  position: absolute;
  right: -85px;
  top: 50%;
  transform: translateY(-50%);
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 18px;
  color: #E3B760;
  text-shadow: 0 0 5px rgb(247,204,99, 0.3), 
  0 0 10px rgb(247,204,99, 0.5), 
  0 0 15px rgb(247,204,99, 0.3);
  display: none;
}
.crush-list .sp.active .txt .lf .tm .nwz span{
  display: block;
}
.crush-list .txt .lf .js{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 24px;
  height: 72px;
  width: calc(100% - 15px);
  padding-left: 15px;
  margin-top: 14px;
}
.crush-list .txt .right{
  position: relative;
}
.crush-list .txt .right .fm{
  width: 145px;
  height: 89px;
  object-fit: cover;
}
.crush-list .txt .right .bf{
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.crush-list .desc{
  background: linear-gradient(to right, rgba(250,224,165,0.3),rgba(119,119,119,0.05) 75%);
  display: flex;
  align-items: center;
  width: 100%;
  height: 65px;
  transition: 0.3s;
}
.crush-list .desc:hover{
  transform: translateX(-15px);
}
.crush-list .desc .ci{
  height: 100%;
  margin-right: 12px;
}
.crush-list .desc .ci img{
  height: 100%;
}
.crush-list .desc .ci .c2{
  display: none;
}
.crush-list .desc .nwz{
  max-width: calc(100% - 24px - 12px - 70px);
  width: max-content;
  position: relative;
}
.crush-list .desc .nwz p{
  font-family: YunfengHanchan, serif;
  font-weight: 400;
  font-size: 25px;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-shadow: 0 0 5px rgba(255,180,0, 0.5),
  0 0 10px rgba(255,180,0, 0.7),
  0 0 15px rgba(255,180,0, 0.5);
}
.crush-list .desc .nwz span{
  position: absolute;
  right: -65px;
  top: 50%;
  transform: translateY(-50%);
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 18px;
  color: #FFFFFF;
  text-shadow: 0 0 5px rgb(247,204,99, 0.5), 
  0 0 10px rgb(247,204,99, 0.8), 
  0 0 15px rgb(247,204,99, 0.5);
  display: none;
}
.crush-list .desc.active{
  background: linear-gradient(to right, rgba(222,201,140,0.6),rgba(54,73,93,0.05) 95%);
}
.crush-list .desc.active .nwz span{
  display: block;
}
.crush-list .desc.active .nwz p{
  color: #F6C583;
}
.crush-list .sp.active .spbg .bg1,
.crush-list .sp.active .ysjt .jt1,
.crush-list .desc.active .ci .c1{
  display: none;
}
.crush-list .sp.active .spbg .bg2,
.crush-list .sp.active .ysjt .jt2,
.crush-list .desc.active .ci .c2{
  display: block;
}
.crush-list .dbjt{
  margin-top: 4px;
  width: 100%;
}
.crush-list .dbts{
  margin-left: auto;
  transform: translateX(58px);
}
.world-box{
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: url('../images/worbg.png') no-repeat center / cover;
}
.world-box .bg1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.worslide{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: none;
}
.tabs-list-wrap .wdbg{
  position: absolute;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  left: 50%;
  top: calc(50% + 99px);
  transition: 0.3s;
}
.tabs-list-wrap .mfwdbg{
  width: 217px;
  height: 39px;
}
.tabs-list-wrap .wdbg.active{
  opacity: 1;
  transform: scaleX(1);
}
.tabs-list-wrap .wdbg .wdjt{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15%;
}
.selectitem{
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(232,184,95,0.5);
  border-radius: 50%;
  padding: 4px;
}
.selectitem .minrund{
  width: 122px;
  height: 122px;
}
.selectitem .minrund img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.selectitem .select{
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.selectitem .txt{
  position: absolute;
  right: -82px;
  top: 50%;
  transform: translateY(-50%);
}
.selectitem .txt h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 18px;
  color: #C9B582;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
}
.selectitem .txt h6{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #C9B582;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
  margin-top: 3px;
}
.world-box .qtitem{
  top: calc(50% + 130px);
}
.qtitem{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(232,184,95,0.5);
  border-radius: 50%;
  position: absolute;
  right: -25px;
  padding: 4px;
}
.qtitem .txt{
  position: absolute;
  right: -82px;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  opacity: 0;
  transform-origin: left;
  transition: 0.3s;
}
.qtitem .minrund:hover + .txt{
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
}
.qtitem .txt h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 18px;
  color: #C9B582;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
}
.qtitem .txt h6{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #C9B582;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
  margin-top: 3px;
}
.qtitem .minrund{
  width: 100px;
  height: 100px;
}
.qtitem .minrund img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.pbslide{
  height: 100%;
  position: relative;
}
.worldct{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  width: 605px;
  height: 605px;
  background: linear-gradient(135deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.2));
  animation: worldct 5s linear infinite;
}
@keyframes worldct {
  0% {
    box-shadow: 0 0 60px 20px rgba(255,255,255, 0);
  }
  50%{
    box-shadow: 0 0 60px 20px rgba(255,255,255, 0.3);
  }
  100% {
    box-shadow: 0 0 60px 20px rgba(255,255,255, 0);
  }
}
.worldct .wz{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width: 100%;
  width: max-content;
}
.worldct .wz .nr{
  /* transition: 0.8s ease-out;
  transform: translateY(100px);
  opacity: 0; */
  overflow: hidden;
}
.worldct .wz .nr a{
  /*color: #FCE7B4;*/
  /*text-shadow: 0 0 5px rgb(247,204,99, 0.8), */
  /*0 0 10px rgb(247,204,99, 0.9), */
  /*0 0 15px rgb(247,204,99, 0.8);*/
}
.worldct .wz .nr a{
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
.worldct .wz .nr a span{
  display: inline-block;
  position: relative;
  transform: perspective(1000px) rotate3d(0,1,0,0deg);
  transition: transform 0.5s, color 0.5s, text-shadow 0.5s;
}
.worldct .wz .nr a:hover span {
  color: #FFFFFF;
  transform: perspective(1000px) rotate3d(0,1,0,360deg);
  text-shadow: 0 0 7px rgb(247,204,99, 0.8), 
               0 0 14px rgb(247,204,99, 0.9), 
               0 0 23px rgb(247,204,99, 0.8);
}
.worldct .wz .nr.active{
  transform: translateY(0px);
  opacity: 1;
}
.worldct .line{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  line-height: 32px;
  text-shadow: 0 10px 10px rgba(0, 0, 0, 1);
  opacity: 0;
  transform: translateY(30px);
}
.worldct .item:not(:first-of-type){
  margin-top: 33px;
}
.word-box{
  width: 100%;
  height: 100vh;
}
.word-box .qhitem{
  width: 100%;
  height: 100%;
  background: url('../images/wordbg.png') no-repeat center / cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.word-box .qhitem.active{
  z-index: 2;
  opacity: 1;
}
.word-box .bg1{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.word-box .qtitem{
  top: calc(50% - 220px);
}
.wordct{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  display: flex;
  align-items: center;
}
.wordct .left{
  width: 485px;
  height: 485px;
  position: relative;
  border-radius: 50%;
  background-color: rgba(255,255,255, 0.2);
  box-shadow: 0 0 40px rgba(252,228,172, 0.3);
  margin-right: 57px;
  animation: wordct 5s linear infinite;
}
@keyframes wordct {
  0% {
    box-shadow: 0 0 30px 20px rgba(255,255,255, 0);
  }
  50%{
    box-shadow: 0 0 30px 20px rgba(255,255,255, 0.3);
  }
  100% {
    box-shadow: 0 0 30px 20px rgba(255,255,255, 0);
  }
}
.wordct .left .rund{
  width: 275px;
  height: 275px;
  position: absolute;
  right: 48px;
  bottom: 20px;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(255,255,255, 0.5);
}
.wordct .left img{
  width: 510px;
  position: absolute;
  right: -40px;
  bottom: 5px;
  /* transform: translate(-50%,-50%); */
}
.wordct .right{
  width: 511px;
}
.wordct .right .title{
  transform: translateY(100px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.word-box .qhitem.active .wordct .right .title{
  transform: translateY(0);
  opacity: 1;
}
.wordct .right .title h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 54px;
  color: #FFE2A4;
  text-shadow: 0 0 10px rgba(255,180,0, 0.5),
  0 0 20px rgba(255,180,0, 0.7),
  0 0 30px rgba(255,180,0, 0.5);
  line-height: 1;
}
.wordct .right .title h6{
  font-family: Cinzel, serif;
  font-size: 24px;
  color: #FFFFFF;
  font-weight: 400;
  background: linear-gradient(0deg, #6E6E6E 0%, #FFFFFF 55.0048828125%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wordct .right .zw{
  transform: translateX(100px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.word-box .qhitem.active .wordct .right .zw{
  transform: translateX(0);
  opacity: 1;
}
.wordct .right .desc{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.wordct .right .desc p:not(:first-of-type){
  margin-top: 20px;
}
.wordct .right .desc a{
  /*font-family: Source Han Sans CN;*/
  /*font-weight: 400;*/
  /*font-size: 16px;*/
  /*color: #FCE7B4;*/
  /*text-shadow: 0 0 5px rgb(247,204,99, 0.8), */
  /*0 0 10px rgb(247,204,99, 0.9), */
  /*0 0 15px rgb(247,204,99, 0.8);*/
}
.wordct .right .desc a{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
.wordct .right .desc a span{
  display: inline-block;
  position: relative;
  transform: perspective(1000px) rotate3d(0,1,0,0deg);
  transition: transform 0.5s, color 0.5s, text-shadow 0.5s;
}
.wordct .right .desc a:hover span {
  color: #FFFFFF;
  transform: perspective(1000px) rotate3d(0,1,0,360deg);
  text-shadow: 0 0 7px rgb(247,204,99, 0.8), 
               0 0 14px rgb(247,204,99, 0.9), 
               0 0 23px rgb(247,204,99, 0.8);
}
.wordct .right .ljt{
  margin-left: auto;
  margin-top: 18px;
}
.wditem{
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: 0.7s;
  padding: 11px 0;
}
.wditem.zkactive{
  transform: scaleX(1);
  opacity: 1;
}
.wditem.wdi1{
  left: 50%;
  top: calc(50% + 98px);
  transition-delay: 0s;
}
.tabs-list-wrap .wdbg.wz1{
  left: 50%;
  top: calc(50% + 99px);
}
.wditem.wdi2{
  left: 47.5%;
  top: calc(50% + 98px + 44px);
  transition-delay: 0.2s;
}
.tabs-list-wrap .wdbg.wz2{
  left: 47.5%;
  top: calc(50% + 99px + 44px);
}
.wditem.wdi3{
  left: 44.5%;
  top: calc(50% + 98px + 88px);
  transition-delay: 0.4s;
}
.tabs-list-wrap .wdbg.wz3{
  left: 44.5%;
  top: calc(50% + 99px + 88px);
}
.wditem.wdi4{
  left: 40.5%;
  top: calc(50% + 98px + 132px);
  transition-delay: 0.6s;
}
.tabs-list-wrap .wdbg.wz4{
  left: 40.5%;
  top: calc(50% + 99px + 132px);
}
.wditem.wdi5{
  left: 36.5%;
  top: calc(50% + 98px + 176px);
  transition-delay: 0.6s;
}
.tabs-list-wrap .wdbg.wz5{
  left: 36.5%;
  top: calc(50% + 99px + 176px);
}
.wditem.wdi6{
  left: 32%;
  top: calc(50% + 98px + 220px);
  transition-delay: 0.6s;
}
.tabs-list-wrap .wdbg.wz6{
  left: 32%;
  top: calc(50% + 99px + 220px);
}
.wditem .wdbg{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: none;
}
.wditem.active .wdbg{
  display: block;
}
.wditem .wdjt{
  opacity: 0;
  transform: translateX(20px);
  transition: 0.3s;
}
.wditem.active .wdjt{
  opacity: 1;
  transform: translateX(0px);
}
.wditem .rund{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgb(247,204,99, 1);
  transition: 0.5s;
}
.wditem .rund.active{
  transform: translateX(-50px);
  opacity: 0;
}
.wditem p{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #ECC488;
  margin: 0 20px;
  transition: 0.3s;
  position: relative;
}
.wditem p img{
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  transform: translate(-50%,-50%);
  width: 45px;
  display: none;
}
.wditem p img.active{
  display: block;
}
/*.wditem:hover p{*/
/*  transform: translateX(7px);*/
/*}*/
.wditem .flowwz{
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  transform-origin: left;
  left: 100%;
  width: max-content;
  transition: 0.3s;
  opacity: 0;
}
.wditem:hover .flowwz{
  transform: translateY(-50%) scaleY(1);
  opacity: 1;
}
.wditem .flowwz .dbt{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #ECC488;
}
.wditem .flowwz .xbt{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #ECC488;
  margin-top: 5px;
}
.total-box{
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.total-box .option{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.total-box .option.active{
  z-index: 2;
  opacity: 1;
}
.dcslide{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  display: none;
}
.dcslide .option{
  position: absolute;
  top: 50%;
  right: -70px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(232,184,95,0.5);
  border-radius: 50%;
  padding: 4px;
}
.dcslide .option .txt{
  position: absolute;
  right: -82px;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: 0.3s;
}
.dcslide .option .txt h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 18px;
  color: #ECBB60;
}
.dcslide .option .minrund:hover + .txt{
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
}
.dcslide .option .minrund{
  width: 100px;
  height: 100px;
  border: 2px solid #EFC274;
  border-radius: 50%;
  transition: 0.3s;
  position: relative;
}
.dcslide .option .minrund .zs{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: 0.3s;
  filter: brightness(60%);
}
.dcslide .option .minrund .suo{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: none;
}
.dcslide .option .minrund.suotype .suo{
  display: block;
}
.dcslide .option .select{
  width: 175px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  display: none;
}
.dcslide .option.active .select{
  display: block;
} 
.dcslide .option.active .minrund{
  box-shadow: 0 0 15px rgb(247,204,99, 0.5);
  border-color: #ECBB60;
}
.dcslide .option.active .minrund .zs{
  filter: unset;
}
.dcslide .option.min{
  transform: translateY(0);
}
.dcslide .option.min .select{
  width: 145px;
  right: -13px;
}
.dcslide .option.min .minrund{
  width: 80px;
  height: 80px;
}
.dcslide .option.ot1{
  top: calc(50% - 340px);
  right: 15px;
}
.dcslide .option.ot2{
  top: calc(50% - 210px);
  right: -25px;
}
.dcslide .option.ot4{
  top: calc(50% + 120px);
  right: -25px;
}
.dcslide .option.ot6{
  top: calc(50% + 250px);
  right: 25px;
}
.disd-box{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
}
.disd-box .topjt{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  top: 10%;
  z-index: 3;
  animation: topjt 3s linear infinite;
  cursor: pointer;
}
.disd-box .btmjt{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 3%;
  z-index: 3;
  animation: btmjt 3s linear infinite;
  cursor: pointer;
}
@keyframes topjt {
  0% {
    transform: translate(-50%,0px);
  }
  25% {
    transform: translate(-50%,-10px);
  }
  50%{
    transform: translate(-50%,-20px);
  }
  75%{
    transform: translate(-50%,-10px);
  }
  100% {
    transform: translate(-50%,0px);
  }
}
@keyframes btmjt {
  0% {
    transform: translate(-50%,0px);
  }
  25% {
    transform: translate(-50%,10px);
  }
  50%{
    transform: translate(-50%,20px);
  }
  75%{
    transform: translate(-50%,10px);
  }
  100% {
    transform: translate(-50%,0px);
  }
}
.toggle{
  /*position: absolute;*/
  /*right: 125px;*/
  /*bottom: 70px;*/
  /*opacity: 0;*/
  /*z-index: 4;*/
  position: relative;
  cursor: pointer;
  width: 92px;
  height: 34px;
  overflow: hidden;
  border-radius: 60px;
  border: 2px solid #8f8d8d;
  animation: toggle 4s linear infinite;
}
@keyframes toggle{
  0%{
   box-shadow: 0px 0px 15px 0px rgba(254,197,99,0);
   border-color: transparent;
  }
  50%{
    box-shadow: 0px 0px 15px 0px rgba(254,197,99,1);
    border-color: #8f8d8d;
  }
  100%{
    box-shadow: 0px 0px 15px 0px rgba(254,197,99,0);
    border-color: transparent;
  }
}
.toggle.fdrt{
  opacity: 1;
}
.toggle .rund{
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 29px;
  height: 29px;
  overflow: hidden;
  z-index: 1;
  /* transition: 0.5s; */
}
.toggle .rund .pbry{
  width: 100%;
  height: 100%;
}
.toggle .rund .pbry .togglebg{
  width: 100%;
  height: 100%;
}
.toggle .rund .pbry .m{
  width: 85%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.toggle .rund .y{
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 1;
  /* transition: 0.5s; */
}
.toggle .rybg{
  width: 100%;
  height: 100%;
  /* transition: 0.5s; */
}
.toggle .rybg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.toggle.active .rybg{
  transform: translateY(-34px);
}
.toggle.active .rund{
  right: calc(100% - 29px - 4px);
}
.toggle.active .y{
  right: -29px;
}
.discontent{
  width: 100%;
  height: 100%;
  position: relative;
}
.discontent .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.discontent .bg.active{
  opacity: 1;
}
.discontent .ywbg{  
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.discontent .ywbg.active{
  z-index: 1;
  opacity: 1;
}
.discontent .option{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.discontent .option .flow-wz{
  position: absolute;
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
  z-index: 3;
  opacity: 0;
  transition: 3s;
}
.discontent .option .flow-wz:hover{
    opacity: 1;
}
.discontent .option.active{
  z-index: 2;
  opacity: 1;
}
.discontent .option .left{
  position: absolute;
  left: 2%;
  bottom: 10%;
  width: 515px;
  opacity: 0;
  transition: 0.8s ease-out;
  z-index: 2;
}
.discontent .option.active .left{
  left: 15%;
  opacity: 1;
}
.discontent .option .left .btrq{
  display: flex;
  align-items: center;
}
.discontent .option .left h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 48px;
  color: #FEC563;
  line-height: 1;
  text-shadow: 0 0 7px rgba(252,228,172, 0.5),
  0 0 14px rgba(252,228,172, 0.7),
  0 0 21px rgba(252,228,172, 0.5);
  margin-right: 25px;
}
.discontent .option .left h6{
  font-family: Cinzel, serif;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
  background: linear-gradient(0deg, #FFE348 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.discontent .option .left p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
  margin-top: 15px;
}
.discontent .option .right{
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0;
  z-index: 2;
  transition: 0.8s ease-out;
}
.discontent .option.active .right{
  right: 17%;
  opacity: 1;
}
.discontent .option .right .gy{
  position: relative;
}
.discontent .option .right .gy .flow{
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 70px;
  width: max-content;
}
.discontent .option .right .gy .flow p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 0 0 5px rgba(247, 248, 165, 0.8),
  0 0 10px rgba(247, 248, 180, 0.8),
  0 0 15px rgba(247, 248, 180, 0.8);
  margin-left: 10px;
}
.discontent .option .right .itembox{
  position: relative;
}
.discontent .option .right .itembox .flowbg{
  position: absolute;
  top: 16.5px;
  right: -70px;
  transition: 0.3s;
  z-index: -1;
  opacity: 1;
}
.discontent .option .right .itembox .flowbg.active{
  opacity: 0;
}
.discontent .option .right .itembox .flowbg .yjt{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.discontent .option .right .item{
  position: relative;
  display: flex;
  align-items: center;
  height: 88px;
}
.discontent .option .right .item p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #ECBF63;
  line-height: 1;
  transition: 0.3s;
  text-align: right;
  width: 100%;
}
.discontent .option .right .item img{
  position: absolute;
  right: -80px;
  bottom: -8px;
  transition: 0.3s;
  pointer-events: none;
}
.discontent .option .right .item.active img{
  opacity: 0;
  right: -180px;
}
.discontent .option .right .item.active p{
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
  background: linear-gradient(0deg, #FFE348 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.role-box{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
}
.role-box .topjt{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  top: 10%;
  z-index: 3;
  animation: topjt 3s linear infinite;
  cursor: pointer;
}
.role-box .btmjt{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 3%;
  z-index: 3;
  animation: btmjt 3s linear infinite;
  cursor: pointer;
}
.rolecontent{
  width: 100%;
  height: 100%;
  position: relative;
}
.rolecontent .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  /* opacity: 0; */
  z-index: 1;
}
.rolecontent .bg.out{
  background-color: #A3A3A3;
}
.rolecontent .linebg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: cover;
}
.rolecontent .option{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.rolecontent .option.active{
  z-index: 2;
  opacity: 1;
}
.rolecontent .option .rw{
  position: absolute;
  bottom: 0;
  right: 62%;
  height: 85%;
  opacity: 0;
  transition: 0.8s ease-out;
}
.rolecontent .option.active .rw{
  right: 42%;
  opacity: 1;
}
.rolecontent .option .txt{
  position: absolute;
  right: 17%;
  top: 55%;
  transform: translateY(-50%);
  width: 568px;
  z-index: 4;
  /* opacity: 0;
  transition: 0.8s ease-out; */
}
/* .rolecontent .option.active .txt{
  right: 17%;
  opacity: 1;
} */
.rolecontent .option .txt .title{
  display: flex;
  align-items: flex-end;
  padding-left: 10px;
  position: relative;
  width: max-content;
  max-width: 100%;
  transform: translateY(100px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.rolecontent .option.active .txt .title{
  transform: translateY(0);
  opacity: 1;
}
.rolecontent .option .txt .title h3{
  font-family: Source Han Sans CN;
  font-size: 60px;
  color: #FFFFFF;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 0 5px rgba(250, 233, 195, 0.5),
  0 0 10px rgba(255,180,0, 0.7),
  0 0 15px rgba(255,180,0, 0.5);
}
.rolecontent .option .txt .title h6{
  font-family: Cinzel, serif;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1;
  background: linear-gradient(8deg, #9E5600 0%, #B69603 0%, #F8F6D7 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 5px rgba(250, 233, 195, 0.5),
  0 0 10px rgba(255,180,0, 0.7),
  0 0 15px rgba(255,180,0, 0.5);
  margin-left: 5px;
}
.rolecontent .option .txt .yjt{
  position: absolute;
  right: -77px;
  bottom: -19px;
  z-index: -1;
}
.rolecontent .option .txt .js{
  margin-top: 20px;
  transform: translateY(100px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.rolecontent .option.active .txt .js{
  transform: translateY(0);
  opacity: 1;
}
.rolecontent .option .txt .js .row{
  display: flex;
}
.rolecontent .option .txt .js .row:not(:first-of-type){
  margin-top: 4px;
}
.rolecontent .option .txt .js .row .jsit{
  display: flex;
  align-items: center;
  width: 150px;
}
.rolecontent .option .txt .js .row .jsit p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFCF5B;
}
.rolecontent .option .txt .desc{
  position: relative;
  padding: 26px 29px 26px 17px;
  width: calc(100% - 17px - 29px);
  margin: 12px 0 33px 0;
  transform: translateX(150px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.rolecontent .option .txt .desc a{
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
.rolecontent .option .txt .desc a span{
  display: inline-block;
  position: relative;
  transform: perspective(1000px) rotate3d(0,1,0,0deg);
  transition: transform 0.5s, color 0.5s, text-shadow 0.5s;
}
.rolecontent .option .txt .desc a:hover span {
  color: #FFFFFF;
  transform: perspective(1000px) rotate3d(0,1,0,360deg);
  text-shadow: 0 0 7px rgb(247,204,99, 0.8), 
               0 0 14px rgb(247,204,99, 0.9), 
               0 0 23px rgb(247,204,99, 0.8);
}
.rolecontent .option.active .txt .desc{
  transform: translateX(0px);
  opacity: 1;
}
.rolecontent .option .txt .desc img{
  position: absolute;
  top: 0;
  left: -10px;
  height: 100%;
  z-index: -1;
}
.rolecontent .option .txt .desc{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  opacity: 0.8;
}
.rolecontent .option .txt .desc p:not(:first-of-type){
  margin-top: 20px;
}
.rolecontent .option .txt .sp{
  margin-left: auto;
  position: relative;
  width: max-content;
  display: block;
  transform: translateX(150px);
  opacity: 0;
  transition: 0.8s ease-out;
}
.rolecontent .option.active .txt .sp{
  transform: translateX(0px);
  opacity: 1;
}
.rolecontent .option .txt .sp .sptp{
  width: 140px;
  height: 88px;
  border-radius: 16px;
  border: 1px solid #FFFFFF;
}
.rolecontent .option .txt .sp .bf{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.puzz-box{
  width: 100%;
  height: 100vh;
  position: relative;
}
.puzz-box .mtBack{
  position: absolute;
  top: 6%;
  left: 12%;
  z-index: 4;
}
.mtBack .nry{
  position: relative;
  cursor: pointer;
}
.mtBack .bgb{
  position: relative;
  width: 221px;
  height: 48px;
}
.mtBack .bgb .bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mtBack .bgb .bg1{
  z-index: 2;
}
.mtBack .bgb .bg2{
  opacity: 0;
  z-index: 1;
  transition: 0.5s;
}
.mtBack:hover>.nry .bgb .bg2{
  z-index: 3;
  opacity: 1;
}
.mtBack .flow{
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
.puzz-box .vd-box{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.puzz-box .vd-box .gybg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.puzz-box .vd-box .bybg{
  z-index: 1;
}
.puzz-box .vd-box .bjbg{
  opacity: 0;
  transition: opacity 0.23s;
}
.puzzYecontent{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s;
}
.puzzYecontent.active{
  z-index: 1;
  opacity: 1;
}
.puzzYecontent .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.puzzYecontent .rund{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  width: 725px;
  height: 725px;
  background: linear-gradient(215deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1));
  animation: puzzrund 5s linear infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes puzzrund {
  0% {
    box-shadow: 0 0 60px 20px rgba(255,255,255, 0);
  }
  50%{
    box-shadow: 0 0 60px 20px rgba(255,255,255, 0.2);
  }
  100% {
    box-shadow: 0 0 60px 20px rgba(255,255,255, 0);
  }
}
.puzzYecontent .rund .rq{
  display: flex;
}
.puzzYecontent .rund .gy{
  height: 260px;
}
.puzzYecontent .rund .wz{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.puzzYecontent .rund .wz h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 42px;
  color: #FFFFFF;
  text-shadow: 0 0 10px rgba(252,228,172, 0.5),
               0 0 20px rgba(252,228,172, 0.7),
               0 0 30px rgba(252,228,172, 0.5);
}
.puzzYecontent .rund .wz h6{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 20px;
  color: #ddbb7c;
  text-shadow: 0 0 10px rgba(252,228,172, 0.5),
  0 0 20px rgba(252,228,172, 0.7),
  0 0 30px rgba(252,228,172, 0.5);
  text-align: center;
  line-height: 28px;
  margin: 38px 0 48px 0;
}
.puzzYecontent .rund .mfan{
  width: 170px;
  height: 58px;
  border-radius: 30px;
  background: linear-gradient(to right, #745939, #C09E75);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.puzzcontent{
  width: 100%;
  height: 100%;
  position: relative;
}
.puzzcontent .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.puzzcontent .option{
  position: absolute;
  right: 7%;
  top: 50%;
  transform: translateY(-50%);
  width: 1130px;
  display: none;
}
.puzzcontent .option.active{
  display: block;
}
.puzzcontent .option .title{
  display: flex;
  align-items: center;
  transform: translate(-60px);
  margin-bottom: 15px;
}
.puzzcontent .option .title img{
  height: 46px;
}
.puzzcontent .option .title p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 0 0 5px rgba(247, 248, 165, 0.8),
  0 0 10px rgba(247, 248, 180, 0.8),
  0 0 15px rgba(247, 248, 180, 0.8);
  margin-left: 10px;
}
.puzzcontent .option .txt .js{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(247, 248, 165, 0.3),
  0 0 6px rgba(247, 248, 180, 0.5),
  0 0 9px rgba(247, 248, 180, 0.3);
}
.puzzcontent .option .txt .js hl-2{
  color: #ECBB60;
  animation: puzzWz 4s linear infinite;
}
.puzzcontent .option .txt .js hl-1{
  color: #FE5B01;
  font-size: 36px;
}
.puzzcontent .option .txt .ywjs{
  font-family: ZCOOLAddict02, cursive;
  font-weight: 400;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(247, 248, 165, 0.3),
  0 0 6px rgba(247, 248, 180, 0.5),
  0 0 9px rgba(247, 248, 180, 0.3);
}
@keyframes puzzWz{
    0%{
     text-shadow: 0 0 9px rgba(247, 248, 165, 0),
     0 0 12px rgba(247, 248, 180, 0),
     0 0 15px rgba(247, 248, 180, 0);
    }
    50%{
     text-shadow: 0 0 9px rgba(247, 248, 165, 0.5),
     0 0 12px rgba(247, 248, 180, 0.7),
     0 0 15px rgba(247, 248, 180, 0.5);
    }
    100%{
     text-shadow: 0 0 9px rgba(247, 248, 165, 0),
     0 0 12px rgba(247, 248, 180, 0),
     0 0 15px rgba(247, 248, 180, 0);
    }
}
.puzzcontent .option .txt .ywjs hl-2{
  color: #ECBB60;
  animation: puzzWz 4s linear infinite;
}
.puzzcontent .option .txt .ywjs hl-1{
  color: #FE5B01;
  font-size: 36px;
}
.puzzcontent .option .fz{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  opacity: 0.1;
  transform: rotateX(180deg) rotateY(180deg) skewX(10deg);
  text-align: right;
}
/*.puzzcontent .option .fz hl-2{*/
/*  color: #ECBB60;*/
/*}*/
/*.puzzcontent .option .fz hl-1{*/
/*  color: #FE5B01;*/
/*  font-size: 28px;*/
/*}*/
.puzzcontent .option .srk{
  display: flex;
  transform: translate(-27px);
  margin: 20px 0 50px 0;
}
.puzzcontent .option .srk input{
  width: calc(885px - 44px);
  padding: 0 22px;
  height: 65px;
  outline: none;
  background-color: transparent;
  border: 2px solid rgba(250,221,175, 0.2);
  border-radius: 6px;
  background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0));
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
}
.puzzcontent .option .srk .tj{
  width: 200px;
  height: 69px;
  background: linear-gradient(90deg, #735838 0%, #C2A077 100%);
  border-radius: 6px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 12px;
  transition: 0.3s;
}
.puzzcontent .option .srk .tj:hover{
  box-shadow: 0 0 10px rgba(247, 248, 165, 0.5);
}
.puzzcontent .option .jd{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  transform: translate(-27px);
  width: 1090px;
}
.puzzcontent .option .jd .lf{
  display: flex;
  align-items: center;
}
.puzzcontent .option .jd .jdwz{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1;
}
.puzzcontent .option .jd .line{
  width: 230px;
  height: 8px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin: 0 19px 0 16px;
}
.puzzcontent .option .jd .line .minline{
  width: 0;
  height: 100%;
  background-color: #ECBB60;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: 0.3s;
}
.puzzcontent .option .jd .suzi{
  display: flex;
  align-items: flex-end;
}
.puzzcontent .option .jd .suzi span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1;
}
.puzzcontent .option .jd .suzi p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #AD8841;
  line-height: 1;
}
.puzzcontent .option .item:not(:first-of-type){
  display: none;
}
.puzzcontent .option .lyym{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF; 
  display: block;
  width: max-content;
  position: absolute;
  left: 0;
  bottom: 0;
  /* transition: 0.3s; */
  text-shadow: 0 0 3px rgba(247, 248, 165, 0.3),
  0 0 6px rgba(247, 248, 180, 0.5),
  0 0 9px rgba(247, 248, 180, 0.3);
  display: none;
}
.puzzcontent .option .lyym:hover{
  color: #ECBB60;
  transition: all 0.3s;
}
.leave-box{
  width: 100%;
  padding: 158px 0 78px 0;
  background: url('../images/pubg.jpg') no-repeat center / cover;
}
.leavect{
  height: calc(100vh - 158px - 78px);
  overflow-y: auto;
  width: 1000px;
  margin: 0 auto;
}
.leavect::-webkit-scrollbar {
  width: 5px;
}
.leavect::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #907029, #8E886E);
  border-radius: 3px;
}
.leavect::-webkit-scrollbar-track {
  background: transparent;
}
.leave-box .message{
  margin-top: 0;
  width: calc(100% - 2px);
}
.leave-box .message form{
  width: calc(100%);
}
.leave-box .lyjl{
  background-color: rgba(255,255,255, 0.3);
  width: calc(100% - 60px - 47px);
  padding: 32px 47px 35px 60px;
  border-image: linear-gradient(0deg, #8E713A, #F6C363) 10 10;
  margin: 0 auto;
  margin-top: 78px;
}
.leave-box .lyjl h3{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 24px;
  color: #FFFFFF;
  background: linear-gradient(0deg, #FCE7B3 0.3662109375%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.leave-box .lyjl .ct {
  margin-top: 28px;
}
.leave-box .lyjl .ct .top{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255, 0.5);
  padding-bottom: 12px;
}
.leave-box .lyjl .ct .top .pb{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 16px;
  color: #FFFFFF;
}
.leave-box .lyjl .ct .top .pb3{
  text-align: center;
}
.leave-box .lyjl .ct .row{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.leave-box .lyjl .ct .row:not(:first-of-type){
  border-top: 1px solid rgba(255,180,0, 0.1);
}
.leave-box .lyjl .ct .row .r1{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #ECBB60;
}
.leave-box .lyjl .ct .row .r2{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.leave-box .lyjl .ct .row .r3{
  display: flex;
  justify-content: flex-end;
}
.leave-box .lyjl .ct .row .r3 p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.leave-box .lyjl .ct .row .r3 p:last-of-type{
  margin-left: 15px;
}
.leave-box .lyjl .ct .pb1{
  width: 100px;
}
.leave-box .lyjl .ct .pb2{
  width: 450px;
}
.leave-box .lyjl .ct .pb3{
  width: 160px;
}
.leave-box 
.message-alert {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 15px 25px;
  border-radius: 4px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
}
.message-alert.success {
  background-color: #67C23A;
}
.message-alert.error {
  background-color: #F56C6C;
}
.message-alert.warning {
  background-color: #E6A23C;
}
.newleave-box{
  width: 100%;
  padding: 158px 0 78px 0;
  background: url('../images/plqbg.png') no-repeat center / cover;
}
.newleavect{
  /* height: calc(100vh - 158px - 78px); */
  width: 100%;
  /* padding-left: 50px; */
  margin: 70px auto 0;
}
.newleavect.active .cblbox{
  width: calc(100% - 50px);
  padding-left: 50px;
}
.newleavect .cblbox{
  /* height: 100%; */
  width: 100%;
  overflow-y: auto;
  position: relative;
  margin-top: 40px;
}
.newleavect .cblbox::-webkit-scrollbar {
  width: 5px;
}
.newleavect .cblbox::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #907029, #8E886E);
  border-radius: 3px;
}
.newleavect .cblbox::-webkit-scrollbar-track {
  background: transparent;
}
.newleavect .cbl{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: none;
}
.newleavect.active .cbl{
  display: block;
}
.lybox .mide{
  display: flex;
  align-items: flex-start;
  /* padding-top: 40px;
  border-top: 1px solid rgba(255,255,255, 0.2); */
}
.lybox .mide .user{
  display: flex;
  align-items: center;
  position: relative;
}
.lybox .mide .user .flowimg{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 200px;
  background-color: rgba(255,255,255, 0.7);
  padding: 3px;
  z-index: 1;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.5s;
}
.lybox .mide .user .flowimg.active{
  transform: scaleY(1);
  opacity: 1;
}
.lybox .mide .user .flowimg::before{
  display: block;
  content: '';
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(255,255,255, 0.7);
  position: absolute;
  left: 17px;
  top: -12px;
}
.lybox .mide .user .flowimg a{
  width: calc(100% / 5);
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lybox .mide .user .flowimg a img{
  width: 90%;
  height: 90%;
  object-fit: cover;
  border: 1px solid transparent;
  transition: 0.3s;
}
.lybox .mide .user .flowimg a:hover img,
.lybox .mide .user .flowimg a.active img{
  border-color: #FFCD76;
  box-shadow: 0 0 10px rgb(247,204,99, 1);
}
.lybox .mide .user .avatar{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255, 0.4);
}
.lybox .mide .user .avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lybox .mide .user i{
  font-size: 18px;
  cursor: pointer;
  color: #FFFFFF;
  margin-left: 9px;
}
.lybox .mide .bd{
  width: calc(100% - 73px - 10%);
  margin-left: 15px;
}
.lybox .mide .bd input{
  width: calc(370px - 40px);
  padding: 0 20px;
  height: 40px;
  outline: none;
  border: 1px solid rgba(255,255,255, 0.25);
  background-color: rgba(255,255,255, 0.05);
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.lybox .mide .bd .row{
  position: relative;
  margin-top: 19px;
}
.lybox .mide .bd .row input{
  width: calc(100% - 90px);
  padding: 0 70px 0 20px;
}
.lybox .mide .bd .row img{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.lylist{
  width: 100%;
  margin-top: 19px;
}
.lylist li{
  padding-bottom: 29px;
}
.lylist li .line{
  display: flex;
  align-items: center;
}
.lylist li .line p{
  width: calc(100% - 84px);
  height: 1px;
  background-color: rgba(255,255,255, 0.2);
}
.lylist li .line img{
  width: 84px;
}
.lylist li .dbl{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
}
.lylist li .dbl .user{
  display: flex;
  align-items: flex-end;
}
.lylist li .dbl .user .avatar{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255, 0.4);
}
.lylist li .dbl .user .avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lylist li .dbl .user .txt{
  margin-left: 15px;
}
.lylist li .dbl .user .txt .name{
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 16px;
  color: #FFCD76;
}
.lylist li .dbl .user .txt .time{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
}
.lylist li .dbl .dz{
  display: flex;
  align-items: flex-end;
}
.lylist li .dbl .dz p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #A8A8A8;
  margin-right: 10px;
  transition: 0.3s;
}
.lylist li .dbl .dz .ib img{
  cursor: pointer;
}
.lylist li .dbl .dz .ib img:last-of-type{
  display: none;
}
.lylist li .dbl .dz.active p{
  color: #FFFFFF;
}
.lylist li .dbl .dz.active img:first-of-type{
  display: none;
}
.lylist li .dbl .dz.active img:last-of-type{
  display: block;
}
.lylist li .mide{
  width: 90%;
}
.lylist li .content{
  margin-left: calc(44px + 15px);
  width: calc(100% - 44px - 15px);
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: 14px;
}
.page{
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 201px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #A48C61;
  margin-top: 10px;
}
.page .line{
  width: 1px;
  height: 30px;
  background: #A48C61;
  margin: 0 30px;
}
.page img{
  cursor: pointer;
}
.page img.active{
  opacity: 0.4;
}
.ftbox{
  width: 100%;
  background-color: #080E22;
  display: none;
}
.ftct{
  margin: 0 auto;
  padding: 50px 0 42px 0;
}
.ftct .logo{
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.ftct .bt{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.ftct .bt .left{
  margin-right: 45px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #AAAAAA;
}
.ftct .bt .right{
  display: flex;
  align-items: center;
}
.ftct .bt .right a,
.ftct .bt .right span{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #AAAAAA;
  line-height: 1;
}
.ftct .bt .right span{
  margin: 0 10px;
}
.big-dailog{
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: none;
}
.big-dailog i{
  position: absolute;
  top: 10%;
  right: 10%;
  font-size: 36px;
  color: #ECBB60;
  cursor: pointer;
}
.big-dailog img{
  max-width: 50%;
  max-height: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.share-dailog{
  position: fixed;
  z-index: 101;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 12px;
  background-color: #FFFFFF;
  padding: 30px;
  display: none;
}
.share-dailog .top{
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.share-dailog .el-icon-error{
  position: absolute;
  right: 5%;
  top: 5%;
  font-size: 32px;
  cursor: pointer;
  color: #ECBB60;
}
.tips{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -154px;
  z-index: 99;
  width: 154px;
  transition: 0.3s;
}
.tips.active{
  right: 11px;
}
.tips.active .jt img{
  transform: unset;
}
.tips .tl{
  position: absolute;
  left: 8px;
  top: 8px;
}
.tips .rb{
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.tips .jt{
  position: absolute;
  top: 26px;
  left: -22px;
  width: 24px;
  height: 61px;
  background-color: #806030;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}
.tips .jt img{
  transform: rotate(180deg);
}
.tips .line{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.tips .nrbox{
  width: 142px;
  margin: 0 auto;
  padding: 7px 0;
}
.tips .nr{
  width: calc(100% - 34px);
  padding: 25px 17px 22px 17px;
  background-color: rgba(0,0,0,0.6);
}
.tips .nr .row:not(:last-of-type){
  border-bottom: 1px solid rgba(236,187,96,0.2);
  padding-bottom: 14px;
}
.tips .nr .row:not(:first-of-type){
  margin-top: 14px;
}
.tips .nr .row:not(:last-of-type) .qr{
  display: none;
}
.tips .nr .row .zs{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.tips .nr .row .zs p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #F6C363;
  width: calc(100% - 27px);
}
.tips .nr .row .qr{
  width: 82px;
  margin: 10px auto 0;
  cursor: pointer;
}
.backbtm{
  position: fixed;
  right: 10%;
  bottom: 5%;
  z-index: 99;
  cursor: pointer;
  width: 0;
  height: 0;
  overflow: hidden;
}
.backbtm .ib{
  position: relative;
  transition: 0.3s;
  filter: brightness(90%);
}
.backbtm .ib:hover{
  filter: brightness(110%);
}
.backbtm .ib .b1{
  animation: ibb1 40s linear infinite;
}
@keyframes ibb1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.backbtm .b2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.backbtm p{
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}
.backtop{
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 99;
  cursor: pointer;
  display: none;
}
.backtop .ib{
  position: relative;
  transition: 0.3s;
  filter: brightness(90%);
}
.backtop .ib:hover{
  filter: brightness(110%);
}
.backtop .ib .b1{
  animation: ibb1 40s linear infinite;
}
.backtop .b2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.rundbox{
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  background: url('../images/disdbg3.png') no-repeat center / cover;
}
.tabs-list-wrap{
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  height: 100%;
  overflow: hidden;
  padding-right: 195px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  /* margin-left: auto; */
}
.tabs-list-wrap .bg{
  height: 100%;
}
.tabs-list-wrap .mask-wrap{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.tabs-list-wrap .circle{
  margin-right: 215px;
  -webkit-transition: all linear .3s;
  transition: all linear .3s;
  width: 1218.1px;
  height: 1218.1px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.tabs-list-wrap .center-point{
  width: 0;
  height: 0;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.tabs-list-wrap .circle .center-point .tab-panle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 609.05px;
  height: 210px;
  position: absolute;
  -webkit-transform-origin: 0px 100px;
  -ms-transform-origin: 0px 100px;
  transform-origin: 0px 100px;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
  top: -105px;
  left: 100%;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: 0;
}
.tabs-list-wrap .circle .center-point .tab-panle.show{
  opacity: 1;
}
/* .tabs-list-wrap .circle .center-point .tab-panle .ico-cover{
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in, -webkit-transform .2s ease-in;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.tabs-list-wrap .circle .center-point .tab-panle.delay1 .ico-cover{
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.tabs-list-wrap .circle .center-point .tab-panle.active .ico-cover{
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.tabs-list-wrap .circle .tab-name{
  position: absolute;
  font-size: .2rem;
  text-shadow: 0.01rem 0.07rem 0.09rem rgb(0 0 0 / 82%);
  width: 3rem;
  white-space: nowrap;
  bottom: -0.16rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFFFFF;
}
.tabs-list-wrap .circle .center-point .tab-panle .tab-ico{
  width: 88.5px;
  height: 88.5px;
  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;
  margin-right: -58px;
}
.tabs-list-wrap .circle .center-point .tab-panle .tab-ico img{
  -webkit-transition: -webkit-transform linear .3s;
  transition: -webkit-transform linear .3s;
  transition: transform linear .3s;
  transition: transform linear .3s, -webkit-transform linear .3s;
  width: 88.5px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
} */
.tabs-list-wrap .circle .center-point .tab-panle .nr{
  transform: translateX(66px);
  transition: 0.3s;
  /* margin-right: -66px; */
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .mide{
  cursor: pointer;
  padding: 3px;
  border: 1px solid rgba(232,184,95,0.5);
  border-radius: 50%;
  transition: 0.5s;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .select{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
  width: 140px;
  display: none;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund{
  width: 80px;
  height: 80px;
  position: relative;
  border: 1px solid rgb(247, 204, 99, 0.8);
  border-radius: 50%;
  overflow: hidden;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund img{
  width: calc(100%);
  height: calc(100%);
  object-fit: cover;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund .zs{
  filter: brightness(60%);
  transition: 0.3s;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund .suo{
  position: absolute;
  left: 0;
  top: 0;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund .dl,
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund .wjs{
  display: none;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr.wjs .minrund .wjs{
  display: block;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr.wjs .minrund .dl,
.tabs-list-wrap .circle .center-point .tab-panle .nr.wjs .minrund .wxz{
  display: none;
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .minrund .slidebg{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  filter: brightness(90%);
  width: calc(100% + 3px);
  height: calc(100% + 3px);
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .txt{
  position: absolute;
  left: calc(100% + 7px);
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  transform-origin: left;
  width: max-content;
  transition: 0.3s;
  /* display: none; */
}
.tabs-list-wrap .circle .center-point .tab-panle .nr:hover .txt{
  transform: translateY(-50%) scaleX(1);
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .txt h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 18px;
  color: #ECBB60;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
}
.tabs-list-wrap .circle .center-point .tab-panle .nr .txt h6{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #ECBB60;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
  margin-top: 3px;
}
.tabs-list-wrap .circle .center-point .tab-panle.active .select{
  display: block;
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .mide{
  box-shadow: 0 0 15px rgb(247 204 99 / 50%);
  transform: scale(1.2);
}
.tabs-list-wrap .circle .center-point .tab-panle.active .select{
  display: block;
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .minrund{
  border: 2px solid rgb(247, 204, 99, 0.8);
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .minrund .zs{
  filter: unset;
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .txt{
  left: calc(100% + 20px);
}
.tabs-list-wrap .circle .center-point .tab-panle .nr:hover .mide{
  box-shadow: 0 0 15px rgb(247 204 99 / 30%);
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr:hover .mide{
  box-shadow: 0 0 15px rgb(247 204 99 / 50%);
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .minrund .dl{
  display: block;
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .minrund .wxz{
  display: none;
}
.tabs-list-wrap .circle .center-point .tab-panle.active .nr .minrund .slidebg{
  filter: brightness(100%);
}
.tabs-list-wrap .circle .center-point .tab-panle .nr.nox .wxz,
.tabs-list-wrap .circle .center-point .tab-panle .nr.nox .wjs,
.tabs-list-wrap .circle .center-point .tab-panle .nr.nox .dl{
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  transform: translate(-5px,-3px);
}
.map-box{
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  perspective: 1000px;
}
.yun{
 position: fixed;
 z-index: -1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.map-box .ct{
  /* width: calc(100% + 50px);
  height: calc(100% + 50px); */
  width: calc(100%);
  height: calc(100%);
  position: absolute;
  /* left: -25px;
  top: -25px; */
  transform: scale(1.03);
  transition: transform 0.3s ease;
  transform-origin: center;
}
#i1Particles{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.map-box .bg{
  width: 100%;
  height: 100%;
}
.map-box .xbg{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
}
.map-box .m4{
  z-index: 4;
}
.map-box .dq{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.map-box .dq img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s;
}
.map-box .dq img.active{
  opacity: 1;
}
.map-box .bjd{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.map-box .bjd a{
  /* border: 1px solid red; */
  display: block;
  position: absolute;
}
.map-box .bjd .djd1{
  width: 20%;
  height: 22%;
  top: 24%;
  left: 28%;
  border-radius: 180px 60px 30px 80px;
}
.map-box .bjd .djd2{
  width: 22%;
  height: 22%;
  top: 19%;
  right: 29%;
  border-radius: 60px 120px 120px 80px;
  transform: rotate(-10deg);
}
.map-box .bjd .djd3{
  width: 13%;
  height: 31%;
  top: 17%;
  right: 15%;
  border-radius: 80px 140px 0px 140px;
  transform: rotate(-15deg);
}
.map-box .bjd .djd4{
  width: 27%;
  height: 30%;
  right: 17%;
  bottom: 14%;
  border-radius: 220px 120px 180px 220px;
  transform: rotate(-20deg);
}
.map-box .bjd .djd5{
  width: 5.5%;
  height: 19.5%;
  right: 39%;
  top: 2%;
  transform: rotate(-10deg);
  border-radius: 360px 180px 220px 0px;
}
.map-box .bjd .djd6{
  width: 19%;
  height: 30%;
  bottom: 22%;
  left: 31%;
  border-radius: 160px 180px 160px 120px;
}
#newAlert{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1000;
  background: url('../images/tsbg.png') no-repeat center / cover;
  width: 503px;
  height: 171px;
  display: none;
}
#newAlert .nr{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#newAlert img{
  margin: 13px auto 13px;
}
#newAlert h3{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 36px;
  color: #ffda9a;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 5px rgba(252,228,172, 0.5),
  0 0 10px rgba(252,228,172, 0.7),
  0 0 15px rgba(252,228,172, 0.5);
}
#newAlert p{
  font-family: LXGWZhiSong, system-ui;
  font-weight: 400;
  font-size: 28px;
  color: rgba(255,255,255, 0.9);
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 5px rgba(255,255,255, 0.3),
  0 0 10px rgba(255,255,255, 0.5),
  0 0 15px rgba(255,255,255, 0.3);
}
@media only screen and (max-width:1660px) {
  .header-box .nav{
    margin-left: 145px;
  }
  .center{
    width: 1300px;
  }
  .slide.active,
  .areadct .left .backup.active{
    left: calc((100% - 1300px) / 2);
  }
  .areadct .left .line.active{
    left: calc((100% - 1300px) / 2 + 259px);
  }
  .mySwiper .ct .txt h3{
    font-size: 48px;
  }
  .mySwiper .ct .txt img{
    width: 160px;
  }
  .i1ct .new .content .new-swiper{
    width: 600px;
    height: 370px;
  }
  .i1ct .newtop .top .title p{
    font-size: 38px;
  }
  .i1ct .newtop .top .title img{
    width: 26px;
  }
  .i1ct .new .content .right{
    width: 660px;
  }
  .i1ct .new .content .right .xw{
    padding: 17px 0 0 0;
  }
  .i1ct .new .content .right .xw .line{
    margin-top: 17px;
  }
  .i1ct .new .content .right .more{
    bottom: -12px;
  }
  .i1ct .new .content .right .xw p{
    font-size: 16px;
  }
  .i1ct .new .content .right .xw .time{
    font-size: 14px;
  }
  .message .title h3,
  .newleavect .title h3{
    font-size: 38px;
  }
  .message .title img,
  .newleavect .title img{
    width: 360px;
  }
  .message{
    width: 900px;
  }
  .message{
    margin-top: 190px;
  }
  .leavect{
    width: 900px;
  }
  .leave-box .lyjl{
    width: calc(100% - 60px - 47px);
    padding: 32px 47px 35px 60px;
  }
  .dcslide .option .minrund{
    width: 90px;
    height: 90px;
  }
  .dcslide .option .select{
    width: 160px;
  }
  .dcslide .option.min .minrund{
    width: 70px;
    height: 70px;
  }
  .dcslide .option .select{
    right: -14px;
  }
  .dcslide .option.min .select{
    width: 135px;
    right: -12px;
  }
  .dcslide .option{
    right: -60px;
  }
  .dcslide .option.ot1{
    top: calc(50% - 325px);
  }
  .dcslide .option.ot2{
    top: calc(50% - 195px);
  }
  .dcslide .option.ot4{
    top: calc(50% + 105px);
  }
  .dcslide .option.ot6{
    top: calc(50% + 235px);
  }
  .crushdct{
    width: 900px;
  }
  .crushdct .backup.active{
    left: calc((100% - 900px) / 2 - 200px);
  }
  .crushct{
    width: 780px;
    /*height: calc(100vh - 150px - 50px);*/
  }
  .keClick{
    width: calc(100% - 780px - 83px);
  }
  .crush-box{
    padding: 150px 0 50px 0;
    height: calc(100vh - 150px - 50px);
  }
  .crush-list .sp .txt .lf .js{
    -webkit-line-clamp: 2;
    height: 48px;
  }
  .crush-list .sp .ysjt .jt1{
    width: 66px;
  }
  .areadct .right{
    width: 900px;
  }
  .newslist li a .bgb{
    width: 100%;
    height: 100%;
  }
  .newslist li a .bgb img{
    width: 100%;
    height: 100%;
  }
  .puzzcontent .option{
    width: 1000px;
  }
  .puzzcontent .option .srk input{
    width: calc(755px - 44px);
  }
  .puzzcontent .option .jd{
    width: 955px;
  }
  /* .rolecontent .option.active .txt{
    right: 12%;
    opacity: 1;
  } */
  .rolecontent .option .txt{
    right: 12%;
  }
  .rolecontent .option .txt .title h3{
    font-size: 56px;
  }
  .selectitem{
    right: -65px;
  }
  .selectitem .minrund{
    width: 110px;
    height: 110px;
  }
  .selectitem .select{
    width: 180px;
    right: -15px;
  }
  .qtitem .minrund{
    width: 90px;
    height: 90px;
    right: -20px;
  }
  .wordct .left{
    width: 420px;
    height: 420px;
  }
  .wordct .left .rund{
    width: 230px;
    height: 230px;
  }
  .wordct .left img{
    width: 450px;
  }
  .wordct .right .title h3{
    font-size: 50px;
  }
  .wordct .right{
    width: 460px;
  }
  .message .title img{
    width: 360px;
  }
  .puzzYecontent .rund{
    width: 700px;
    height: 700px;
  }
  .area-details-page.cetlft .areadct .right{
    width: 900px;
  }
}
@media only screen and (max-width:1560px) {
  .puzzcontent .option{
    width: 880px;
  }
  .puzzcontent .option .srk input{
    width: calc(635px - 44px);
  }
  .puzzcontent .option .jd{
    width: 830px;
  }
  .tabs-list-wrap .circle{
    width: 1018.1px;
    height: 1018.1px;
  }
  .tabs-list-wrap .wdbg{
    left: 42%;
  }
  .wditem.wdi1{
    left: 42%;
  }
  .tabs-list-wrap .wdbg.wz1{
    left: 42%;
  }
  .wditem.wdi2{
    left: 38%;
  }
  .tabs-list-wrap .wdbg.wz2{
    left: 38%;
  }
  .wditem.wdi3{
    left: 33.5%;
  }
  .tabs-list-wrap .wdbg.wz3{
    left: 33.5%;
  }
  .wditem.wdi4{
    left: 28%;
  }
  .tabs-list-wrap .wdbg.wz4{
    left: 28%;
  }
  .wditem.wdi5{
    left: 22%;
  }
  .tabs-list-wrap .wdbg.wz5{
    left: 22%;
  }
  .wditem.wdi6{
    left: 15%;
  }
  .tabs-list-wrap .wdbg.wz6{
    left: 15%;
  }
  .tabs-list-wrap .circle .center-point .tab-panle{
    width: 509.05px;
  }
  .tabs-list-wrap .circle .center-point .tab-panle .nr .minrund{
    width: 70px;
    height: 70px;
  }
  .tabs-list-wrap .circle .center-point .tab-panle .nr .select{
    width: 125px;
  }
  .puzzYecontent .rund{
    width: 675px;
    height: 675px;
  }
  .puzzYecontent .rund .wz h3{
    font-size: 40px;
  }
  .puzzYecontent .rund .wz h6{
    margin: 32px 0 40px 0;
  }
  .puzzYecontent .rund .gy{
      height: 240px;
  }
}
@media only screen and (max-width:1460px) {
  .header-box .logo img{
    height: 62px;
  }
  .center{
    width: 1200px;
  }
  .slide.active,
  .areadct .left .backup.active{
    left: calc((100% - 1200px) / 2);
  }
  .areadct .left .line.active{
    left: calc((100% - 1200px) / 2 + 259px);
  }
  .header-box .nav li:not(:first-of-type){
    margin-left: 50px;
  }
  .header-box .nav li .bs{
    width: 200px;
    bottom: 0px;
  }
  .mySwiper .ct{
    bottom: 90px;
  }
  .mySwiper .ct .txt h3{
    font-size: 46px;
  }
  .mySwiper .ct .txt img{
    width: 155px;
  }
  .i1ct .newtop .top .title p{
    font-size: 36px;
  }
  .i1ct .newtop .top .title img{
    width: 24px;
  }
  .i1ct .new .content .new-swiper{
    width: 550px;
    height: 340px;
  }
  .i1ct .new .content .right{
    width: 610px;
  }
  .i1ct .new .content .right .xw{
    padding: 15px 0 0 0;
  }
  .i1ct .new .content .right .xw .line{
    margin-top: 15px;
  }
  .message .title h3,
  .newleavect .title h3{
    font-size: 36px;
  }
  .message{
    margin-top: 170px;
  }
  .dcslide .option{
    right: -45px;
  }
  .dcslide .option .minrund{
    width: 70px;
    height: 70px;
  }
  .dcslide .option .select{
    width: 135px;
    right: -11px;
  }
  .dcslide .option.min .minrund{
    width: 50px;
    height: 50px;
  }
  .dcslide .option.min .select{
    width: 105px;
    right: -10px;
  }
  .dcslide .option.ot1{
    top: calc(50% - 245px);
    right: 10px;
  }
  .dcslide .option.ot2{
    top: calc(50% - 160px);
    right: -18px;
  }
  .dcslide .option.ot4{
    top: calc(50% + 85px);
    right: -18px;
  }
  .dcslide .option.ot6{
    top: calc(50% + 185px);
    right: 20px;
  }
  .discontent .option .left h3{
    font-size: 44px;
  }
  .discontent .option .left h6{
    font-size: 22px;
  }
  .discontent .option .right .gy .flow p{
    font-size: 28px;
  }
  .discontent .option .right .item p{
    font-size: 28px;
  }
  .backbtm .b1{
    width: 110px;
  }
  .backbtm .b2{
    width: 60px;
  }
  .crushdct{
    width: 750px;
  }
  .crushdct .backup.active{
    left: calc((100% - 750px) / 2 - 200px);
  }
  .crushct{
    width: 750px;
    margin-right: 63px;
  }
  .keClick{
    width: calc(100% - 750px - 63px);
  }
  .crush-list{
    width: calc(100% - 48px - 5px - 15px);
    padding-right: 48px;
  }
  .crush-list .dbts{
    transform: translateX(40px);
  }
  .areadct .right{
    width: 770px;
  }
  .newslist li{
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .puzzcontent .option{
    width: 750px;
  }
  .puzzcontent .option .srk input{
    width: calc(520px - 44px);
    height: 55px;
    font-size: 18px;
  }
  .puzzcontent .option .srk .tj{
    height: 59px;
    font-size: 20px;
  }
  .puzzcontent .option .jd{
    width: 720px;
  }
  .puzzcontent .option .title p{
    font-size: 26px;
  }
  .puzzcontent .option .title img{
    height: 42px;
  }
  .puzzcontent .option .txt .js{
    font-size: 26px;
  }
  .puzzcontent .option .txt .js a{
    font-size: 32px;
  }
  .puzzcontent .option .txt .ywjs{
    font-size: 26px;
  }
  .puzzcontent .option .txt .ywjs a{
    font-size: 26px;
  }
  .puzzcontent .option .fz{
    font-size: 20px;
  }
  .puzzcontent .option .fz a{
    font-size: 26px;
  }
  .rolecontent .option .txt .title h3{
    font-size: 46px;
  }
  .rolecontent .option .txt .title h6{
    font-size: 20px;
  }
  .rolecontent .option .txt .js .row .jsit{
    width: 140px;
  }
  .rolecontent .option .txt .yjt{
    margin-left: 155px;
  }
  .rolecontent .option .txt .desc{
    padding: 18px 20px 18px 17px;
    width: calc(100% - 17px - 20px);
  }
  .rolecontent .option .txt .desc p:not(:first-of-type){
    margin-top: 20px;
  }
  .rolecontent .option .txt{
    width: 518px;
  }
  /* .rolecontent .option.active .txt{
    right: 10%;
    opacity: 1;
  } */
  .rolecontent .option .txt{
    right: 10%;
  }
  .worldct .item:not(:first-of-type){
    margin-top: 20px;
  }
  .wordct .right .title h3{
    font-size: 44px;
  }
  .wordct .right .title h6{
    font-size: 20px;
  }
  .wordct .right .rjt,
  .wordct .right .ljt{
    width: 190px;
  }
  .wordct .right .desc p:not(:first-of-type){
    margin-top: 30px;
  }
  .wordct .left{
    width: 390px;
    height: 390px;
  }
  .wordct .left .rund{
    width: 200px;
    height: 200px;
  }
  .wordct .left img{
    width: 420px;
  }
  /* .wditem.wdi1{
    right: -138px;
  }
  .wditem.wdi2{
    right: -155px;
  }
  .wditem.wdi3{
    right: -120px;
  }
  .wditem.wdi4{
    right: -80px;
  } */
  .message .title h3,
  .newleavect .title h3{
    font-size: 36px;
  }
  .leave-box{
    padding: 128px 0 58px 0;
  }
  .leavect{
    height: calc(100vh - 128px - 58px);
  }
  .puzzYecontent .rund{
    width: 645px;
    height: 645px;
  }
  .area-details-page.cetlft .areadct .right{
    width: 750px;
  }
}
@media only screen and (max-width:1360px) {
  .header-box .nav{
    margin-left: 115px;
  }
  .puzzYecontent .rund{
    width: 600px;
    height: 600px;
  }
  .puzzYecontent .rund .wz h3{
    font-size: 36px;
  }
  .puzzYecontent .rund .gy{
    height: 210px;
  }
  .puzzYecontent .rund .wz h6{
    margin: 28px 0 36px 0;
    font-size: 18px;
    line-height: 26px;
  }
  .puzzYecontent .rund .mfan{
    font-size: 18px;
    width: 155px;
    height: 52px;
  }
}

@media only screen and (min-width:2020px) and (max-width:2960px) {
    .center{
        width: 1980px;
    }
    .header-box .nav li:not(:first-of-type){
        margin-left: 170px;
    }
    .mySwiper .ct .txt{
        width: 665px;
    }
    .i1ct .new .content .new-swiper{
        width: 900px;
        height: 500px;
    }
    .i1ct .new .content .right{
        width: 980px;
    }
    .i1ct .new .content .right .xw{
        padding: 28px 0 0 0;
    }
    .i1ct .new .content .right .xw .line{
        margin-top: 25px;
    }
    .message{
        width: 1380px;
    }
    .tabs-list-wrap .circle{
       width: 1518.1px;
       height: 1518.1px;
    }
    .tabs-list-wrap .circle .center-point .tab-panle{
       width: 759.05px
    }
    .tabs-list-wrap .circle .center-point .tab-panle .nr .minrund{
        width: 100px;
        height: 100px;
    }
    .rolecontent .option .txt{
        width: 768px;
    }
    .tabs-list-wrap .wdbg{
        left: 59%;
        top: calc(50% + 159px);
    }
    .tabs-list-wrap .wdbg.wz1{
        left: 59%;
        top: calc(50% + 159px);
    }
    .tabs-list-wrap .wdbg.wz2 {
        left: 59%;
        top: calc(50% + 159px + 54px);
    }
    .tabs-list-wrap .wdbg.wz3 {
       left: 55%;
       top: calc(50% + 159px + 108px);
    }
    .tabs-list-wrap .wdbg.wz4 {
       left: 52.5%;
       top: calc(50% + 159px + 162px);
    }
    .tabs-list-wrap .wdbg.wz5 {
       left: 49.5%;
       top: calc(50% + 159px + 202px);
    }
    .tabs-list-wrap .wdbg.wz5 {
       left: 46.5%;
       top: calc(50% + 159px + 242px);
    }
    .worldct{
       width: 755px;
       height: 755px;
    }
    .wordct .left{
        width: 585px;
        height: 585px;
    }
    .wordct .left img{
        width: 610px;
    }
    .wordct .right{
        width: 711px;
    }
    .wditem.wdi1 {
       left: 58.5%;
       top: calc(50% + 158px);
    }
    .wditem.wdi2 {
       left: 57%;
       top: calc(50% + 158px + 54px);
    }
    .wditem.wdi3 {
      left: 54.5%;
      top: calc(50% + 158px + 108px);
    }
    .wditem.wdi4 {
      left: 52.5%;
      top: calc(50% + 158px + 162px);
    }
    .wditem.wdi5 {
      left: 50%;
      top: calc(50% + 158px + 202px);
    }
    .wditem.wdi6 {
      left: 47%;
      top: calc(50% + 158px + 242px);
    }
    .crushct{
      width: 1190px;
    }
    .puzzcontent .option{
      width: 1430px;
    }
    .crushdct{
      width: 1447px;
    }
    .slide.active{
      left: calc((100% - 1980px) / 2);
      width: 368px;
    }
    .areadct .right{
      width: 1397px;
    }
    .areadct .left{
      width: 368px;
    }
    .discontent .option .left{
      width: 615px;
    }
    .puzzYecontent .rund{
      width: 925px;
      height: 925px;
    }
    #loading .flow .sz{
      font-size: 16px;
    }
    .header-box .nav li a{
      font-size: 20px;
    }
    .header-box .musicians .zs .nr p{
      font-size: 20px;
      margin-right: 13px;
    }
    .header-box .musicians .zs .nr .bs{
      width: 40px;
      height: 40px;
    }
    .header-box .musicians .zs .nr .bsbox .zt{
      width: 36px;
      height: 36px;
    }
    .mySwiper .bf img{
        width: 110px;
    }
    .mySwiper .ct .txt h3{
        font-size: 56px;
    }
    .mySwiper .ct .txt h6{
        font-size: 20px;
    }
    .mySwiper .ct .txt img{
        margin-bottom: 13px;
    }
    .backbtm p{
        font-size: 16px;
    }
    .tag a{
        font-size: 20px;
    }
    .i1ct .newtop .top .title p{
        font-size: 44px;
    }
    .i1ct .new .content .new-swiper a p{
        font-size: 20px;
    }
    .i1ct .new .content .right .xw p{
        font-size: 20px;
    }
    .i1ct .new .content .right .xw .bs{
        font-size: 16px;
        width: 100px;
        padding: 8px 0;
    }
    .i1ct .new .content .right .xw .time{
        font-size: 18px;
    }
    .i1ct .new .content .right .xw .fwz span{
        font-size: 20px;
    }
    .i1ct .new .content .right .xw .fwz{
        max-width: calc(100% - 300px);
    }
    .message .title h3, .newleavect .title h3{
        font-size: 44px;
    }
    .message form .row p{
        font-size: 20px;
        margin-bottom: 14px;
    }
    .message form .row input{
        font-size: 18px;
        height: 64px;
    }
    .message form .row .it span{
        font-size: 18px;
        padding: 8px 15px;
    }
    .message form .row textarea{
        font-size: 18px;
        height: 135px;
    }
    .message form .row:not(:first-of-type){
        margin-top: 27px;
    }
    .message form button{
        font-size: 20px;
        height: 58px;
    }
    .ftct .bt .left{
        font-size: 18px;
    }
    .ftct .bt .right a, .ftct .bt .right span{
        font-size: 18px;
    }
    .crushdct .content{
        font-size: 20px;
    }
    .crushdct .title{
        font-size: 38px;
    }
    .header-box .right .share i{
        font-size: 20px;
    }
    .share-dailog .top{
        font-size: 16px;
    }
    .worldct .line{
        font-size: 20px;
        line-height: 34px;
    }
    .wditem p{
        font-size: 18px;
    }
    .tabs-list-wrap .wdbg .wdjt{
        right: 14%;
    }
    .wordct .right .title h3{
        font-size: 56px;
    }
    .wordct .right .title h6{
        font-size: 26px;
    }
    .wordct .right .desc{
        font-size: 18px;
    }
    .discontent .option .left h3{
        font-size: 50px;
    }
    .discontent .option .left h6{
        font-size: 26px;
    }
    .discontent .option .left p{
        font-size: 18px;
    }
    .discontent .option .right .item p{
        font-size: 32px;
    }
    .areadct .right .title{
        font-size: 38px;
    }
    .areadct .right .cy{
        font-size: 18px;
    }
    .areadct .right .content{
        font-size: 20px;
    }
    .tabs-list-wrap .circle .center-point .tab-panle .nr .txt h3{
        font-size: 20px;
    }
    .tabs-list-wrap .circle .center-point .tab-panle .nr .txt h6{
        font-size: 18px;
    }
    .rolecontent .option .txt .title h3{
        font-size: 62px;
    }
    .rolecontent .option .txt .title h6{
        font-size: 26px;
    }
    .rolecontent .option .txt .js .row .jsit p{
        font-size: 18px;
    }
    .rolecontent .option .txt .desc{
        font-size: 18px;
    }
    .rolecontent .option .txt .sp .sptp{
        width: 200px;
        height: 118px;
    }
    .keClick{
        width: calc(100% - 1190px - 83px);
    }
    .crush-list .txt .lf .tm .nwz p{
        font-size: 22px;
    }
    .crush-list .txt .lf .js{
        font-size: 18px;
        line-height: 26px;
        height: 78px;
    }
    .crush-list .txt .lf{
        width: calc(100% - 225px - 18px);
    }
    .crush-list .txt .right .fm{
        width: 225px;
        height: 129px;
    }
    .crush-list .txt{
        top: 38px;
        width: calc(100% - 45px - 35px);
        padding: 0 35px 0 45px;
    }
    .crush-list .desc .nwz p{
        font-size: 27px;
    }
    .crush-list .desc .nwz{
        max-width: calc(100% - 24px - 12px - 80px);
    }
    .crush-list a:not(:first-of-type){
        margin-top: 32px;
    }
    .puzzYecontent .rund .wz h6{
        font-size: 22px;
        line-height: 30px;
        margin: 40px 0 50px 0;
    }
    .puzzYecontent .rund .mfan{
        width: 180px;
        height: 60px;
        font-size: 22px;
    }
    .puzzYecontent .rund .wz h3{
        font-size: 44px;
    }
    .puzzYecontent .rund .gy{
        height: 290px;
    }
    .puzzcontent .option .title p{
        font-size: 32px;
    }
    .puzzcontent .option .title img{
        height: 48px;
    }
    .puzzcontent .option .txt .js{
        font-size: 32px;
    }
    .puzzcontent .option .jd .jdwz{
        font-size: 18px;
    }
    .puzzcontent .option .jd .suzi span{
        font-size: 26px;
    }
    .puzzcontent .option .jd .suzi p{
        font-size: 18px;
    }
    .puzzcontent .option .jd .line{
        height: 10px;
    }
    .newsct{
       padding: 165px 0 65px 0;
       min-height: calc(100vh - 165px - 65px);
    }
    .newslist{
        margin-top: 40px;
    }
    .newslist li{
        margin-bottom: 40px;
    }
    .newslist li a{
        height: calc(180px - 28px);
    }
    .newslist li a .bgb{
        height: 100%;
    }
    .newslist li a .bgb img{
        height: 100%;
    }
    .newslist li a .lb img{
        width: 86px;
    }
    .newslist li a .zs{
       width: calc(100% - 66px - 40px);
       padding: 0 66px 0 40px;
    }
    .newslist li a .zs .tp{
       width: 210px;
       height: 120px;
    }
    .newslist li a .zs .txt{
        width: calc(100% - 210px - 30px - 60px);
    }
    .newslist li a .zs .txt .tm span{
        font-size: 20px;
        right: -67px;
    }
    .newslist li a .zs .txt .tm h3{
        font-size: 20px;
    }
    .newslist li a .zs .txt h6{
        font-size: 16px;
        margin-top: 12px;
    }
    .newslist li a .zs .txt .jstime{
        margin-top: 40px;
    }
    .newslist li a .zs .txt .jstime .item p{
        font-size: 16px;
    }
    .newslist li a .zs .txt .jstime .item:not(:first-of-type){
        margin-left: 26px;
    }
    .lybox .mide .bd input{
        height: 46px;
        font-size: 20px;
    }
    .lybox .mide .user .avatar{
        width: 54px;
        height: 54px;
    }
    .lybox .mide .user i{
        font-size: 20px;
    }
    .lybox .mide .user .flowimg{
        width: 300px;
    }
    .lybox .mide .user .flowimg a{
        height: 60px;
    }
    .lybox .mide .bd .row{
        margin-top: 24px;
    }
    .lylist{
        margin-top: 24px;
    }
    .lylist li .dbl .user .avatar{
        width: 54px;
        height: 54px;
    }
    .lylist li .dbl .user .txt .name{
        font-size: 18px;
    }
    .lylist li .dbl .user .txt .time{
        font-size: 16px;
    }
    .lylist li .content{
        font-size: 18px;
        line-height: 26px;
    }
    .lylist li .dbl .dz p{
        font-size: 18px;
    }
    .slide .two a{
        font-size: 18px;
    }
    .slide .one a{
        font-size: 20px;
    }
}