/* 初始设置 */
body{overflow-x:hidden;max-width:100%;width:100%;font-size:.22rem;margin:0 auto;}
img{display:block;font-size:0;}
input[type="text"],select{-webkit-appearance:none;-moz-appearance:none;border-radius:0;-webkit-border-radius:0;appearance:none;box-sizing:border-box;}
.mask{width:100%;height:100%;background:rgba(0,0,0,.6);}
.mask_white{width:100%;height:100%;background:rgba(255,255,255,.6);}
.safewi
[id*='sec'] .title{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
}
[id*='sec'] .title h2 {
	margin-bottom: .5rem;
	width: 100%;
	text-align: center;
	font-size: .7rem;
	line-height: 1.4;
	color: #000;
	text-transform: uppercase;
}
/* header */
header{
	width: 100vw;
	height: 100vh;
	min-height: 18rem;
	background-size: contain;
	background-clip: border-box;
	z-index: 9;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.hd-video{
	position: absolute;
	top: 0;left: 0;
	width: 100vw;
	height: 100vh;
	min-height: 18rem;
	z-index: -1;
	object-fit: cover;
	overflow: hidden;
}
.hd-video::before{
	content: '';
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(7, 5, 129, .7);
	z-index: 1;
}
.hd-video::after{
	content: '';
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/expo/banner-bg.jpg) no-repeat center;
	background-size: cover;
	opacity: 0;
	animation: bgopicity 3s linear 1;
	z-index: 1;
}
.hd-video video{
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	mix-blend-mode: screen;
}
@keyframes bgopicity {
	from{
		opacity: 1;
	}
	to{
		opacity: 1;
	}
}
/* 导航 */
.navigation{
	display: none;
	opacity: 0;
}
.wap-navigation{
	position: fixed;
    top: -.01rem;
    left: 0;
    right: 0;
	width: 100vw;
    height: 1.6rem;
    z-index: 9;
    animation: color-animation1 1.5s 1;
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
}
.navigation-m{
	animation: color-animation2 1.5s 1;
    background: rgba(0, 0, 0, 0.8);
}
@keyframes color-animation1 {
	0% {
		background: rgba(0, 0, 0, 0.8);
	}
	100% {
		background: rgba(0, 0, 0, 0);
	}
}
@keyframes color-animation2 {
	0% {
		background: rgba(0, 0, 0, 0);
	}
	100% {
		background: rgba(0, 0, 0, 0.8);
	}
}
.nav-fadein{
	height: auto;
	overflow: visible;
	background: rgba(0, 0, 0, 1);
}
.navigation-m{
	animation: color-animation2 1.5s 1;
    background: rgba(0, 0, 0, 0.8);
}
@keyframes color-animation1 {
	0% {
		background: rgba(0, 0, 0, 0.8);
	}
	100% {
		background: rgba(0, 0, 0, 0);
	}
}
@keyframes color-animation2 {
	0% {
		background: rgba(0, 0, 0, 0);
	}
	100% {
		background: rgba(0, 0, 0, 0.8);
	}
}
.nvga-wrap{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	align-items: center;
    width: 94%;
    margin: 0 auto;
    height: auto;
}
.mu-side{
	width: 100%;
	height: 1.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.expo{
	width: 4rem;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.expo a{
	display: flex;
	justify-content: center;
	align-items: center;
}
.expo img{
	width: 100%;
	height: auto;
}
/*  */
.mu-top{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
/*  */
.small-bridge{
	box-sizing: border-box;
	width: .8rem;
	height: .6rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.small-bridge span{
	border-radius: .1rem;
	width: .8rem;
	height: .08rem;
	background-color: #fff;
}
.nav-close span:nth-child(2){
	display: none;
}
.nav-close span:nth-child(1){
	transform: rotate(45deg) translate(.2rem,.2rem);
}
.nav-close span:nth-child(3){
	transform: rotate(-45deg) translate(.2rem,-.2rem);
}
/*  */
.language{
	cursor: pointer;
	padding-right: .7rem;
}
.language:hover .lg-other{
	display: block;
}
.lg-active{
	color: #fff;
	width: 2.4rem;
	height: .8rem;
	border: .02rem solid #fff;
	border-radius: .1rem;
	text-align: center;
	font-size: .4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.lg-active span{
	font-size: .4rem;
}
.lang:hover .lg-active{
	border-bottom: transparent;
}
.lg-active .iconfont{
	padding-left: .1rem;
	padding-top: .05rem;
	font-size: .3rem;
	font-weight: 600;
}
.lg-other{
	box-sizing: border-box;
	position: fixed;
	top: 1rem;
	width: 2.4rem;
	height: auto;
	padding-top: .2rem;
	display: none;
}
.lg-other .li-other{
	font-size: .32rem;
	background-color: #fff;
	padding: .1rem 0;
	border-right: .02rem solid #999;
	border-left: .02rem solid #999;
	border-bottom: .02rem solid #999;
}
.lg-other p{
	padding: 0 .1rem;
}
.lg-other p:nth-child(1) a{
	border-bottom: .02rem solid #999;
}
.lg-other p a{
	display: inline-block;
	width: 100%;
	color: #666 !important;
	padding: 0;
	font-weight: 400;
	line-height: .7rem;
	height: .7rem;
	text-align: center;
}
.lg-other p:hover a{
	background-color: rgba(0, 0, 0, .2);
	transition: color .3s ease-in-out;
}
.menu{
	width: 100%;
	height: 100vh;
}
.mu-wrap{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
}
.mu-sum,
.mu-sum-item{
	display: flex;
	flex-direction: column;
    align-items: center;
	width: 80%;
	height: 100%;
}
.mu-wrap .mu-list{
	border-bottom: .02rem solid #fff;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: .24rem;
}
.mu-wrap .mu-list a{
	width: 100%;
	padding: .24rem 0;
	font-size: .42rem;
    font-weight: 700;
    display: block;
    line-height: 1.4;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mu-res{
	background: #FFB800;
	border-bottom: transparent !important;
	margin-top: .8rem !important;
}
.mu-res a{
	color: #000 !important;
}
.mu-other{
	margin-bottom: .3rem;
	display: none;
}
.mu-wrap .mu-list .mu-item a{
	padding: .2rem 0;
	font-size: .32rem;
    font-weight: 400;
    display: block;
    line-height: 1.2;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mu-wrap .mu-list:hover a{
	color: #999;
}
.mu-wrap .mu-list:hover .mu-other{
	display: block;
}
.mu-wrap .mu-list:hover .mu-item a{
	color: #fff;
}
/*  */
.banner{
	padding-top: 1rem;
	position: relative;
	width: 100%;
	height: 80vh;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.bn-title{
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	text-align: center;
	font-weight: 700;
}
.bn-title p{
	margin-bottom: .3rem;
}
.bn-title p:nth-child(1){
	font-size: .8rem;
	line-height: 1;
}
.bn-title p:nth-child(2){
	font-size: .75rem;
	color: #FFB800;
}
.bn-title p:nth-child(3){
	width: 6.48rem;
	color: #020307;
	font-size: .32rem;
	font-weight: 600;
	background-color: #fff;
	padding: .2rem 0;
}
.bn-info{
	padding: .8rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.bn-info p{
	line-height: 1;
}
.bn-info p:nth-child(1){
	font-size: .5rem;
	font-weight: 900;
	margin-bottom: .5rem;
}
.bn-info p:nth-child(2){
	font-size: .42rem;
	font-weight: 400;
	text-decoration-line: underline;
	text-align: center;
}
.btn-addres{
	cursor: pointer;
}
.bn-btn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bn-jian{
	border-radius: .1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.bn-jian button{
	width: 6.48rem;
	color: #000;
	background-color: #FFB800;
	height: 100%;
	display: block;
	font-weight: bold;
	font-size: .42rem;
	cursor: pointer;
	line-height: 2;
}
.bn-jian button i{
	display: inline-block;
	transform: translateY(-.02rem);
	margin-left: .2rem;
}
.bn-jian button .iconfont{
	font-size: .32rem;
	font-weight: 900;
	color: #000;
	
}
.bn-jian:hover button{
	opacity: .85;
}
/* topmap */
#topmap{
	padding: .1rem;
	position: fixed;
	top: 20%;
	left: 5%;
	width: 90%;
	height: 70%;
	background-color: #fff;
	z-index: 10;
	border-radius: .2rem;
	border: .02rem solid #999;
	display: none;
}
.map-close{
	width: 1rem;
    height: 1rem;
    position: absolute;
    top: -1rem;
    right: 0;
    cursor: pointer;
    transition: all .6s linear;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #999;
	box-sizing: border-box;
}
.map-close::before,
.map-close::after{
	content: '';
    width: .06rem;
    height: .7rem;
    background-color: #333;
    position: absolute;
}
.map-close::before{
    top: .15rem;
    left: .43rem;
    transform: rotate(40deg);
}
.map-close::after{
    top: .15rem;
    left: .43rem;
    transform: rotate(-40deg);
}
/*  */
.web-organize{
	display: none;
}
.wap-organize{
	margin: .6rem 0;
	display: flex;
	align-items: center;
    flex-direction: column;
}
.wap-organize .organize{
	margin-bottom: .2rem;
}
.wap-organize .og-title{
	margin-bottom: .1rem;
	width: 100%;
	text-align: center;
	font-size: .42rem;
	color: #000;
	font-weight: 600;
}
.wap-organize .og-logo{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.wap-organize .og-logo a{
	display: inline-block;
	height: .7rem;
	margin: 0 .2rem .2rem .2rem;
}
.wap-organize .og-logo a img{
	height: 100%;
	width: auto;
}
.ogheight{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.wap-organize .ogheight .og-logo a {
    height: 1rem;
}
.wap-organize .og-title{
	margin-bottom: .4rem;
}
/* carbify */
.carbify{
	color: #ffffff;
	font-size: .32rem;
	font-family: var(--font-regular);
	word-spacing: .02rem;
	text-align: center;
	position: absolute;
	bottom: -1.2rem;
}
.carbify .cbf-span1{
	color: #87FEFD;
}
.carbify .cbf-span2{
	color: #A5CC2A;
}

/* note */
#secnote{
	padding-top: 1rem;
	background-color: rgb(31 5 129);
}
#secnote .title h2 {
	color: #fff;
}
.note{
	width: 100%;
	height: 7rem;
	position: relative;
	z-index: 1;
}

.noteSwiper{
	width: 100%;
	overflow: hidden;
}
.note-sum{
	width: 100%;
}
.note-sum .note-list{
	height: 6rem;
	margin-top: .3rem;
	padding: 0 .3rem;
	border-radius: .2rem;
	position: relative;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}

.note-list p{
	line-height: 1.4;
	font-style: italic;
}
.nte-left{
	margin-left: .5rem;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
}
.nte-left img{
	display: block;
	width: 3rem;
	height: auto;
}
.nte-up{
	width: calc(100% - 4rem);
	margin-left: .3rem;
	height: 2rem;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	font-size: .32rem;
	position: relative;
}
.nte-down{
	padding: 0 .5rem;
	width: 100%;
	font-size: .36rem;
	padding-top: .2rem;
}
.nte-up::after{
	content: '';
	width: 60%;
	height: .06rem;
	background-color: #87FEFD;
	position: absolute;
	bottom: 0rem;left: 0;
}
.swiper{
    --swiper-theme-color: #f4c830;/* 设置Swiper风格 */
    --swiper-navigation-color: #87FEFD;/* 单独设置按钮颜色 */
    --swiper-navigation-size: .5rem;/* 设置按钮大小 */
  }
  .swiper-button-next, .swiper-button-prev {
	--swiper-theme-color: #f4c830;/* 设置Swiper风格 */
    --swiper-navigation-color: #87FEFD;/* 单独设置按钮颜色 */
    --swiper-navigation-size: .5rem;/* 设置按钮大小 */
	width: .5rem;
	height: .5rem;
	position: absolute;
	top: calc(90% - .5rem);
  }
  .swiper-button-next{
	  right: .2rem;
  }
  .swiper-button-prev{
	  left: .2rem;
  }
  .swiper-button-prev:after, 
  .swiper-button-next:after {
    font-weight: 900;
}

/* speaker video */
#secvideo{
	margin-top: 1.2rem;
	position: relative;
}
.video-content{
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.videoSwiper{
	overflow: hidden;
}
.video-sum{
	height: 6rem;
	margin-top: .3rem;
}
.video-sum .video-list{
	width: 50% !important;
	padding: 0 .1rem;
	height: 6rem;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.video-bg{
	width: 100% !important;
	height: 6rem;
	transition: all .8s linear;
	overflow: hidden;
}
.video-bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-btn{
	width: calc(100% - .2rem);
	height: 100%;
	position: absolute;
	top: 0;left: .1rem;
	display: flex;
	flex-direction: column;
    align-items: center;
	justify-content: space-between;
	padding: 25% 0 0 0;
	box-sizing: border-box;
}
.video-btn img{
	width: 1rem;
	height: 1rem;
}
.video-btn .video-bg-intro{
	width: 100%;
	position: absolute;
	bottom: 0;left: 0;
	overflow: auto;
	color: #fff;
	text-align: left;
	padding: 0 .1rem .2rem .1rem;
	background: linear-gradient(to top,rgba(0, 0, 0, .8),rgba(0, 0, 0, .6)10%,rgba(0, 0, 0, 0));
	display: flex;
	flex-direction: column;
}
.video-btn .video-bg-intro p{
	font-size: .3rem;
	line-height: 1.4;
}
.video-btn .video-bg-intro span{
	line-height: 1.2;
	font-size: .22rem;
	color: #eee;
	height: 1.2rem;
	overflow: auto;
}
#secvideo .swiper-button-next,
#secvideo .swiper-button-prev {
	position: absolute;
	top: 2rem;
  }
#secvideo .swiper-button-next1{
	right: .2remrem;
}
#secvideo .swiper-button-prev1{
	left: .2rem;
}
/* are */
#secare{
	margin-top: 1.2rem;
	padding: 1rem 0 2rem 0;
	background: #171C95 url(../images/expo/cover-bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}
#secare::before{
	content: '';
	width: 100%;
	height: 1rem;
	background: url(../images/expo/cover-up-bg.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: -.05rem;left: 0;
}
#secare::after{
	content: '';
	width: 100%;
	height: 1.2rem;
	background: url(../images/expo/cover-down-bg.png) no-repeat center;
	background-size: cover;
	position: absolute;
	bottom: -.05rem;left: 0;
}
#secare .title{
	margin-top: .8rem;
}
#secare .title h2{
	color: #fff;
}
.ae-txt{
	width: 90%;
	margin: 0 auto;
	font-size: .32rem;
	color: #fff;
}
.ae-sheet{
	margin: .6rem 0;
}
.ae-sheet ul{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.ae-sheet li{
	width: 100%;
	color: #87FEFD;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: .3rem 0 .2rem;
}
.ae-sheet li .sheet_number{
	padding-right: .3rem;
	font-size: 1rem;
	font-weight: bold;
	position: relative;
}
.ae-sheet li p{
	display: flex;
	flex-direction: column;
	font-size: .32rem;
}
.ae-sheet li p strong{
	display: block;
	font-size: .6rem;
	line-height: .8;
}

/* cover */
.cover-sum{
	width: 90%;
	margin: 0 auto;
}
.cover-sum ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.cover-sum ul li{
	margin: 0 0.2rem 0.2rem 0;
    width: calc(33.33% - 0.133rem);
    height: 1rem;
    border-radius: 0.1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: all .8s cubic-bezier(.17,.7,.49,.91);
    background-color: #87FEFD;
}
.cover-sum ul li:nth-child(3n){
	margin: 0 0 .2rem 0;
}
.cover-sum ul li p{
	text-transform: uppercase;
	font-size: .32rem;
	text-align: center;
	color: #000;
	font-weight: 600;
}
/* kol */
#seckol{
	padding-top: 1rem;
}
.kol-sum{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.kol-sum .kol-list{
	width: 48%;
	height: auto;
	overflow: hidden;
	margin-bottom: .3rem;
	display: flex;
	flex-direction: column;
  	flex-wrap: nowrap;
  	position: relative;
  	box-sizing: border-box;
}
.kol-sum .kol-list .kol-item{
	width: 100%;
	height: 4.6rem;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
	position: relative;
	overflow: hidden;
	border: .02rem solid #eee;
	border-radius: .2rem;
}
.kol-item img{
	width: auto;
	height: 100%;
	transition: all .8s cubic-bezier(.17,.7,.49,.91);
}
.kol-sum .kol-list .kol-item:hover img{
	transform: scale(1.02);
	transition: all .8s cubic-bezier(.17,.7,.49,.91);
}
.more-sum{
	width: 92%;
	height: auto;
	font-size: .32rem;
	line-height: 1.2;
	z-index: 6;
	margin: .1rem auto 0;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.more-txt-content{
	height: 2rem;
}
.more-sum .more-txt{
	width: 100%;
	height: 100%;
	color: #666;
	overflow: auto;
	box-sizing: border-box;
}
.more-sum .more-txt::-webkit-scrollbar {
	width: .05rem;
	height: .02rem;
}
.more-sum .more-txt .more-name{
	color: #000;
	font-size: .36rem;
	font-weight: 600;
}
.more-txt .more-zhiwei{
	margin: .05rem 0;
}
/*  */
.kol-sum .kol-list .kol-intro{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;left: 0;
	background-color: rgba(0, 0, 0, .2);
	z-index: 10;
	display: none;
}

.kol-intro-close{
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	position: absolute;
	top: .1rem;right: .1rem;
	box-shadow: 0 0 .02rem .02rem rgba(255, 255, 255, .3);
	box-sizing: border-box;
	z-index: 19;
}
.kol-intro-close::before{
	content: '';
	width: .6rem;
	height: .03rem;
	background-color: #000;
	transform: rotate(-45deg);
	position: absolute;
	top: .25rem;left: .05rem;
}
.kol-intro-close::after{
	content: '';
	width: .6rem;
	height: .03rem;
	background-color: #000;
	transform: rotate(45deg);
	position: absolute;
	top: .25rem;left: .05rem;
}
.kol-intro .kol-intro-item{
	padding: .3rem .2rem .2rem .2rem;
	overflow: auto;
	width: 86%;
	height: 8.6rem;
	position: fixed;
	top: calc(50% - 4.5rem);left: 7%;
	background-color: #fff;
	border: .05rem solid #000;
	box-shadow: 0 0 .02rem .02rem rgba(255, 255, 255, .3);
	border-radius: .1rem;
}

.kol-intro-top{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.intro-top-left{
	width: 30%;
	display: flex;
}
.intro-top-right{
	width: 66%;
}
.intro-top-left img{
	width: 100%;
	height: auto;
}
.kol-intro p{
	width: 80%;
	font-size: .4rem;
	line-height: 1.4;
	padding: .1rem 0;
	font-weight: bold;
}
.kol-intro span{
	max-height: 1.6rem;
	overflow: auto;
	line-height: 1.4;
	display: block;
	font-size: .36rem;
	color: #E94A2A;
}
.kol-info{
	max-height: 4.1rem;
	overflow: auto;
	font-size: .32rem;
	color: #000;
	line-height: 1.4;
	margin-top: .1rem;
}
.kol-intro-link{
	margin-top: .3rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.kol-intro-link .isintro-link{
	display: none;
}
.kol-intro-link a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .05rem;
	width: 1rem;
	height: 1rem;
	border: .02rem solid #1296db;
	border-radius: 50%;
	filter: grayscale(100%);
	box-sizing: border-box;
}
.kol-intro-link a:nth-child(1){
	padding: .08rem;
	margin-right: .3rem;
}
.kol-intro-link a:nth-child(2){
	margin-right: .3rem;
}
.kol-intro-link a:nth-child(3){
	padding: .1rem;
}
.kol-intro-link a img{
	width: 70%;
	height: auto;
}
.kol-intro-link a:hover{
	filter: grayscale(0%);
}

/* sponsor */
#secsponsor{
	padding-top: 1rem;
}
.spnr-content{
	position: relative;
}
.sponsor-title{
	display: inline-block;
	padding-bottom: .3rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.sponsor-title h2 {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 1.4;
	color: #000;
	text-transform: uppercase;
}
.spnr-sum{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}
.spnr-sum .spnr-slide{
	width: 25%;
	height: 2.6rem;
	border: 0;
	box-sizing: border-box;
	background: url(../images/expo/six-border.svg) no-repeat center;
	background-size: contain;
}
.spnr-sum .spnr-slide:nth-child(n+4){
	margin-top: -.5rem;
}
.spnr-sum .spnr-slide:nth-child(7n + 1){
	margin-left: 12.5%;
}
.spnr-sum .spnr-slide:nth-child(7n + 3){
	margin-right: 12.5%;
}

.spnr-sum .spnr-slide a{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
}
.default-click{
	cursor: default;
}
.spnr-sum .spnr-slide a.default-click:hover{
	opacity: 1;
	transform: scale(1);
}
.spnr-sum .spnr-slide .spnr-item{
	width: 70%;
	height: auto;
	display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: row;
	transition: all .6s cubic-bezier(.17,.7,.49,.91);
}
.spnr-sum .spnr-slide .sr80{
	width: 80%;
}
.spnr-sum .spnr-slide .sr75{
	width: 75%;
}
.spnr-sum .spnr-slide .sr70{
	width: 70%;
}
.spnr-sum .spnr-slide .sr65{
	width: 65%;
}
.spnr-sum .spnr-slide .sr60{
	width: 60%;
}
.spnr-sum .spnr-slide .sr55{
	width: 55%;
}
.spnr-sum .spnr-slide .sr50{
	width: 50%;
}
.spnr-sum .spnr-slide .sr45{
	width: 45%;
}
.spnr-sum .spnr-slide .sr40{
	width: 40%;
}
.spnr-sum .spnr-slide .sr35{
	width: 35%;
}
.spnr-sum .spnr-slide .sr30{
	width: 30%;
}
.spnr-sum .spnr-slide .sr25{
	width: 25%;
}
.spnr-sum .spnr-slide .sr20{
	width: 20%;
}
.spnr-sum .spnr-slide .spnr-item img{
	width: 100%;
	height: auto;
}
.spnr-sum .spnr-slide:hover .spnr-item{
	transform: scale(1.05);
	transition: all .6s cubic-bezier(.17,.7,.49,.91);
}

/* partner */
#secpartner{
	padding-top: 1rem;
}
#secmetaverse{
	padding-top: 1rem;
}
#secventure{
	padding-top: 1rem;
}
#secfintech{
	padding-top: 1rem;
}
#secgaming{
	padding-top: 1rem;
}
#secmunity{
	padding-top: 1rem;
}
#secmedia{
	padding-top: 1rem;
}
#seczhmedia{
	padding-top: 1rem;
}
/*  */
.list-sum{
	width: 96%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.list-sum .list-slide{
	width: calc(25% - .1125rem);
	height: 1.3rem;
	margin-right: .15rem;
	margin-bottom: .15rem;
	box-sizing: border-box;
	background-size: contain;
	position: relative;
	border-radius: .1rem;
	border: .02rem solid #eee;
}
.list-sum .list-slide:nth-child(4n){
	margin-right: 0;
}
.list-sum .list-slide::before,
.list-sum .list-slide::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
	opacity: 0;
	transition: all .6s cubic-bezier(.17,.7,.49,.91);
	z-index: -1;
}

.list-sum .list-slide::before {
    top: 0px;
    left: 0px;
    border-top: .02rem solid #171C95;
    border-left: .02rem solid #171C95;
	border-top-left-radius: .1rem;
}

.list-sum .list-slide::after {
    right: 0px;
    bottom: 0px;
    border-bottom: .02rem solid #171C95;
    border-right: .02rem solid #171C95;
	border-bottom-right-radius: .1rem;
}

.list-sum .list-slide:hover::before,
.list-sum .list-slide:hover::after {
	width: 20%;
    height: 30%;
	opacity: 1;
}

.list-sum .list-slide a{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
}
.default-click{
	cursor: default;
}
.list-sum .list-slide a.default-click:hover{
	opacity: 1;
	transform: scale(1);
}
.list-sum .list-slide .list-item{
	width: 80%;
	height: auto;
	display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: row;
}
.list-sum .list-slide .sr80{
	width: 80%;
}
.list-sum .list-slide .sr75{
	width: 75%;
}
.list-sum .list-slide .sr70{
	width: 70%;
}
.list-sum .list-slide .sr65{
	width: 65%;
}
.list-sum .list-slide .sr60{
	width: 60%;
}
.list-sum .list-slide .sr55{
	width: 55%;
}
.list-sum .list-slide .sr50{
	width: 50%;
}
.list-sum .list-slide .sr45{
	width: 45%;
}
.list-sum .list-slide .sr40{
	width: 40%;
}
.list-sum .list-slide .sr35{
	width: 35%;
}
.list-sum .list-slide .sr30{
	width: 30%;
}
.list-sum .list-slide .sr25{
	width: 25%;
}
.list-sum .list-slide .sr20{
	width: 20%;
}
.list-sum .list-slide .list-item img{
	width: 100%;
	height: auto;
}

/* previous */
#secprevious{
	padding-top: 1rem;
}
.previous-content{
	width: 100%;
	overflow: hidden;
}
.prev-sum{
	padding-left: .3rem;
	height: 4.2rem;
} 
.prev-sum .prev-list{
	width: 50% !important;
	padding: 0 .2rem;
	height: 4.2rem;
	border-radius: .2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	cursor: pointer;
}
.pvs-img{
	width: 100%;
	height: 100%;
	border-radius: .2rem;
	overflow: hidden;
}
.pvs-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .8s linear;
}
.pvs-txt{
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;left: 0;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
.pvs-txt p{
	font-size: .48rem;
	font-weight: 600;
}
.pvs-txt img{
	width: 1rem;
	height: 1rem;
	margin: .2rem 0;
}
.pvs-txt span{
	font-size: .36rem;
}


@keyframes imgopacity {
	0%{
		opacity: 1;
		transform: scale(1);
	}
	36%{
		opacity: .6;
		transform: scale(.95);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

/* map */
#secmap{
	margin-top: 2rem;
	padding-top: .3rem;
	background-color:#171C95;
	position: relative;
}
#secmap::before{
	content: '';
	width: 100%;
	height: 1rem;
	background: url(../images/expo/map-bg.png) no-repeat top;
	background-size: cover;
	position: absolute;
	top: -.8rem;left: 0;
}
.map-sum{
	width: 92%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.map-info{
	width: 100%;
	display: flex;
	flex-direction: column;
	font-size: .42rem;
	color: #fff;
	margin-bottom: .3rem;
}
.map-info .mp-logo{
	display: none;
}
.map-info .mp-img{
	margin-bottom: .5rem;
	display: flex;
	align-items: flex-end;
}
.map-info .mp-img img{
	width: .8rem;
	height: .8rem;
}
.map-info .mp-img p{
	padding-left: .2rem;
	line-height: 1.2;
}
.mp-adres p{
	text-indent: 0px !important;
	display: flex;
	flex-direction: column;
	transform: translateY(.4rem);
}
.mp-adres .mp-small-span{
	font-size: .32rem;
}
#map iframe{
	height: 100%;
	width: 100%;
}
#google1{
	height: 10rem;
}

/* contact */
.contact{
	background-color: #171C95;
	padding: 1rem 0 1rem;
	padding-bottom: 3rem;
}
.cat-icon{
	width: 70%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-content: center;
	margin: 0 auto;
}
.cat-icon li{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.cat-icon li .icon-a{
	width: 1rem;
	height: 1rem;
}
.cat-icon li .icon-a:hover{
	opacity: .8;
}
li.in-icon .icon-a{
	background: url(../images/expo/contact/in-icon.svg) no-repeat center;
	background-size: contain;
}
li.fb-icon .icon-a{
	background: url(../images/expo/contact/facebook-icon.svg) no-repeat center;
	background-size: contain;
}
li.email-icon .icon-a{
	background: url(../images/expo/contact/email-icon.svg) no-repeat center;
	background-size: contain;
}
.email-icon .email-link{
	display: none;
}

li.wiki-icon{
	display: none;
}

/* register */
.register{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;left: 0;
	background-color: rgba(255, 255, 255,1);
	z-index: 15;
	display: none;
	backdrop-filter: blur(.1rem);
    -webkit-backdrop-filter: blur(.1rem);
}
.rgs-wrap{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
}
.rgs-wrap .rgs-content{
	border-radius: .1rem;
	padding: .2rem;
	width: 100%;
	height: 100%;
	margin-top: 1rem;
	background-color: #fff;
	display: flex;
	flex-direction: column;
    align-items: center;
}
.rgs-close{
	width: .7rem;
	height: .7rem;
	position: fixed;
	top: .1rem;right: .1rem;
	cursor: pointer;
	transition: all .6s linear;
}
.rgs-close:hover{
	opacity: .8;
	transform: rotate(72deg);
	transition: all .6s linear;
}
.rgs-close::before{
	content: '';
	width: .05rem;
	height: .7rem;
	background-color: #333;
	position: absolute;
	top: 0rem;right: .3rem;
	transform: rotate(40deg);
}
.rgs-close::after{
	content: '';
	width: .05rem;
	height: .7rem;
	background-color: #333;
	position: absolute;
	top: 0rem;right: .3rem;
	transform: rotate(-40deg);
}
.rgs-nav{
	width: 96%;
	position: absolute;
	top: 1rem;left: 2%;
	display: flex;
	justify-content: space-around;
    align-items: center;
}
.rgs-nav .nav-list{
	width: 32%;
	height: 1.2rem;
	border-radius: .1rem;
	text-align: center;
	background-color: #A6A6A6;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	transition: all .8s cubic-bezier(.17,.7,.49,.91);
}
.rgs-nav .nav-active{
	background-color: #171C95;
	transition: all .8s cubic-bezier(.17,.7,.49,.91);
	position: relative;
}
.rgs-nav .nav-active::after{
	content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0.2rem 0.2rem 0.2rem 0.2rem;
    border-color: #171C95 transparent transparent transparent;
    position: absolute;
    bottom: -0.36rem;
    left: calc(50% - 0.1rem);
}
.rgs-nav .nav-list h3{
	font-size: .38rem;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.rgs-nav .nav-list h3 span{
	font-size: .28rem;
}

/*  */
.rgs-info{
	transform: translateY(.8rem);
	width: 90%;
	max-height: calc(100% - 3rem);
	padding-bottom: .2rem;
	overflow: auto;
}
.rgs-register{
	display: block;
}
.rgs-sponsor{
	display: none;
}
.rgs-parter{
	display: none;
}
.rgs-io-title{
	text-align: center;
	margin: .1rem auto .4rem;
	font-weight: bold;
	font-size: .6rem;
}
.rgs-form{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.rgs-form .rgs-fm-item{
	width: 100%;
}
.rgs-form .rgs-fm-item{
	margin-top: .6rem;
	height: 1rem;
	border-radius: .1rem;
	display: flex;
	justify-content: center;
	position: relative;
}

.rgs-form .rgs-fm-item label{
	background-color: #fff;
	font-size: .36rem;
	padding: 0 .3rem 0 .2rem;
	position: absolute;
	top: -.3rem;left: .6rem;
}
.info-star::after {
    content: '*';
    width: .3rem;
    height: .3rem;
	font-size: .48rem;
	font-weight: 700;
    color: #F3361C;
    position: absolute;
    top: 0rem;
    right: -.1rem;
}
.rgs-form .rgs-fm-item input{
	width: 90%;
	height: 100%;
	border: .02rem solid #000;
	border-radius: .1rem;
	padding-left: .2rem;
}
.rgs-form .rgs-fm-code input{
	padding-left: 130px;
}
#code-bg{
	width: 100%;
	height: 6rem;
	border: .02rem solid #eee;
	padding: .1rem 0 .1rem .1rem;
	border-radius: 6px;
	background-color: #fff;
	position: absolute;
	left: calc(50% - 0px);top: calc(50% - 3rem);
	z-index: 10;
	display: none;
}
.rgs-fm-item .select-area-code{
	position: absolute;
	left: .4rem;
}
.rgs-tip{
	font-size: .28rem;
	color: #999;
	text-align: center;
	margin: .2rem 0;
}
.rgs-tip a{
	color: #999;
	text-decoration: underline;
}
.rgs-btn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.rgs-btn button{
    background-color: #171C95;
	color: #fff;
    margin-top: 0.2rem;
    padding: 0.2rem 0.7rem;
    border-radius: 1rem;
    font-size: .48rem;
    font-weight: bold;
    cursor: pointer;
    animation: throttle 1s step-end forwards;
    user-select: none;
}
.rgs-btn button:hover{
	opacity: .7;
}
@keyframes throttle {
	from {
		cursor: default;
		pointer-events: none;
		filter: grayscale(100%);
	}
	to{
		cursor: pointer;
		pointer-events: all;
	}
}
.fom-rows2 .rgs-fm-item{
	margin-top: .5rem;
	position: relative;
}
.fom-rows2 .rgs-fm-item textarea {
	width: 90%;
    height: 100%;
    border: 0.02rem solid #000;
    border-radius: 0.1rem;
    padding-left: 0.2rem;
	box-sizing: border-box;
	outline: none;
	padding-top: .2rem;
}
.majortab{
	cursor: pointer;
}
.mul-content{
	border: .02rem solid #000;
	border-top: transparent;
	position: absolute;
	top: .1rem;left: 5%;
	width: 90%;
	height: 2.2rem;
	z-index: 10;
	 background-color: #fff;
	 border-radius: .1rem;
	 padding-top: .1rem;
	 cursor: pointer;
	 display: none;
}
.mul-element{
	padding-left: .35rem;
	box-sizing: border-box;
}
.mul-element:hover{
	background-color: #eee;
}
.mul-element .mul-option{
	width: 100%;
	height: auto;
	display: block;
	font-size: .32rem;
	line-height: .7rem;
	font-weight: 300;
}
/* #footer */
#footer{
	position:fixed;
	bottom:0;left:0;
	width:100%;height: 2rem;
	background-color: rgba(0, 0, 0, .8);
	z-index:6;
	display: flex;
	-moz-user-select:none; /* Firefox私有属性 */
	-webkit-user-select:none; /* WebKit内核私有属性 */
	-ms-user-select:none; /* IE私有属性(IE10及以后) */
	-khtml-user-select:none; /* KHTML内核私有属性 */
	-o-user-select:none; /* Opera私有属性 */
	user-select:none; /* CSS3属性 */
	opacity: 0;
}
#footer .ft-sum{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
	flex-direction: column;
}
#footer .count{
	width: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
}
#footer .count li{
	overflow:hidden;
	width: 2rem;
	height: .6rem;
	line-height: 1;
	color: #fff;
	margin: .05rem .1rem;
	text-align: center;
	font-size: .18rem;
	display: flex;
	align-content: center;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
	flex-direction: row;
}
#footer .count li div{
	font-size: .4rem;
	color: #fff;
	font-weight: 700;
	margin-right: .2rem;
}

#footer .count li p{
	color: #fff;
	font-size: .32rem;
}

#footer .apply-btn{
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-around;
	align-content: center;
	flex-wrap: nowrap;
	position: relative;
}

#footer .apply-btn li{
	width: 70%;
	height: 1rem;
	background-color: #171C95;
	line-height: 1;
	border-radius: .1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer .apply-btn li span{
	line-height: 1;
	display: inline-block;
	font-size: .7rem;
}

@keyframes typing {
	0%{
		width: 0;
	}
	40%{
		width: 100%;
	}
	100%{
		width: 100%;
	}
  }
  /* .success */
.success{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
	background-color: rgba(0, 0, 0, .5);
}

.success .pop_box {
	width: 90%;
	height: auto;
	border-radius: .1rem;
	background: #fff;
	position: absolute;
	top: 15%;
	left: 5%;
	overflow: hidden;
}

.success .pop_box .pop_title {
	height: 1rem;
	width: 100%;
	background: #fff;
	border: .02rem solid #999;
	border-bottom: 0;
	position: relative;
	color: #fff;
	border-radius: .1rem .1rem 0 0;
}
.pop_box .pop_title .suclose{
	width: .6rem;
	height: .6rem;
	position: absolute;
	top: 0;right: .1rem;
	cursor: pointer;
	transition: all .6s linear;
	cursor: pointer;
}
.pop_box .pop_title .suclose:hover{
	opacity: .8;
	transform: rotate(72deg);
	transition: all .6s linear;
}
.pop_box .pop_title .suclose::before{
	content: '';
	width: .05rem;
	height: .6rem;
	background-color: #000;
	position: absolute;
	top: .2rem;right: .3rem;
	transform: rotate(40deg);
}
.pop_box .pop_title .suclose::after{
	content: '';
	width: .05rem;
	height: .6rem;
	background-color: #000;
	position: absolute;
	top: .2rem;right: .3rem;
	transform: rotate(-40deg);
}

.success .pop_box .pop_content {
	min-height: 6rem;
	padding: 0rem .5rem .8rem;
	display: flex;
	flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 align-content: center;
	 flex-wrap: nowrap;
}

.success .pop_box .pop_content h2 {
	line-height: 1.4;
	font-size: .42rem;
	text-align: center;
	color: #0E0E0E;
}

.success .pop_box .pop_content p {
	color: #1a1a1a;
	text-align: justify;
	font-size: .32rem;
	line-height:1.4;
	margin: .2rem 0 0;
}
.pop_intro{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pop_img img{
	width: 100%;
	height: auto;
}
.pop_img{
	padding: .3rem 0;
}
.pop_share{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.share_title{
	color: #0E0E0E;
	text-align: center;
	font-size: .36rem;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 14px */
	padding-bottom: .36rem;
}
.share_sum{
	width: 5.6rem;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.share_li{
	width: .8rem;
	height: .8rem;
	flex-shrink: 0;
	cursor: pointer;
	margin-right: .8rem;
	display: flex;
}
.share_li:nth-child(1),
.share_li:nth-child(2),
.share_li:nth-child(3),
.share_li:nth-child(4){
	margin-bottom: .3rem;
}
.share_li:nth-child(4n){
	margin-right: 0;
}



@keyframes throttle {
	from {
		cursor: default;
		pointer-events: none;
		filter: grayscale(100%);
	}
	to{
		cursor: pointer;
		pointer-events: all;
	}
}

/* 侧边提示框 */
.point-sum{
	position: fixed;
	right: .3rem;
	bottom: 4rem;
	z-index: 8;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.point-info{
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	align-content: center;
	background-color: #000;
	border-radius: 1rem;
	position: relative;
}
.point-btn{
	width: 1.1rem;
	height: 1.1rem;
	background-color: #000;
	border-radius: 50%;
	background-size: contain;
	cursor: pointer;
}
.point-open{
	padding: 0 .1rem .1rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	align-content: center;
	flex-wrap: nowrap;
}
.point-open:hover{
	opacity: .8;
}
.point-open li{
	width: .8rem;
	height: .1rem;
	border-radius: .1rem;
	background-color: #fff;
	position: absolute;
	top: calc(50% - .05rem);left: calc(50% - .39rem);
}
.point-open li:nth-child(1){
	transform: rotate(0deg);
}
.point-open li:nth-child(2){
	transform: rotate(-90deg);
}
.point-close{
	margin-top: .2rem;
	padding: 0 .1rem .1rem;
	position: relative;
}
.point-close li{
	position: absolute;
	top: calc(50% - .4rem);left: calc(50% - .01rem);
	width: 4px;
	height: 32px;
	background-color: #fff;
}
.point-close li:nth-child(1){
	transform: rotate(45deg);
}
.point-close li:nth-child(2){
	transform: rotate(-45deg);
}
.point-box{
	display: none;
	width: 100%;
	background-color: #000;
	border-radius: 5px 5px 30px 30px;
}
.point-frame{
	background-size: contain;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.point-frame li{
	width: .8rem;
	height: .8rem;
	margin-top: .4rem;
	border-radius: 50%;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.point-frame li a{
	display: block;
	width: .8rem;
	height: .8rem;
}
.point-frame li:nth-child(1) a{
	background: url(../images/expo/contact/email-icon.svg) no-repeat center;
	background-size: .8rem,.8rem;
}
.point-frame li:nth-child(2) a{
	background: url(../images/expo/contact/in-icon.svg) no-repeat center;
	background-size: .8rem,.8rem;
}
.point-frame li:nth-child(3) a{
	background: url(../images/expo/contact/facebook-icon.svg) no-repeat center;
	background-size: .8rem,.8rem;
}
.point-frame li:nth-child(4) a{
	background: url(../images/expo/contact/tw-icon.svg) no-repeat center;
	background-size: .8rem,.8rem;
}
.point-frame li:nth-child(5) a{
	background: url(../images/expo/contact/telegram.svg) no-repeat center;
	background-size: .8rem,.8rem;
}
.point-frame li:hover{
	filter: opacity(.8);
}

.point-frame li:nth-child(6){
	background: url(../images/expo/contact/wikifx-icon.svg) no-repeat center;
	background-size: .8rem,.8rem;
	border-radius: .1rem;
	position: relative;
}
.point-frame li:nth-child(6) img{
	display: none;
}

.point-sum .point-top{
	width: .8rem;
	height: .8rem;
	margin-top: .4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.point-sum .point-top img{
	width: 100%;
	height: auto;
	opacity: 0;
}

/* 视频框 */
.video-alert{
	position: fixed;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	z-index: 10;
	display: none;
}
.video-content{
	width: 1005;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.v-al-sum{
	margin-top: -1rem;
	width: auto;
	height: 5.6rem;
	padding: 6px;
	position: absolute;
	top: calc(50% - 2rem);left: auto;
	background-color: #fff;
	border-radius: 16px;
}
.v-al-sum video{
	width: 100%;
	height: 100%;
	border-radius: 16px;
}
.vo-close{
	width: .8rem;
    height: .8rem;
    position: absolute;
    top: -1rem;
    right: 0;
    cursor: pointer;
    transition: all .6s linear;
}
.vo-close::before {
    content: '';
    width: .05rem;
    height: .7rem;
    background-color: #fff;
    position: absolute;
    top: .1rem;
    right: .4rem;
    transform: rotate(40deg);
}
.vo-close::after {
    content: '';
    width: .05rem;
    height: .7rem;
    background-color: #fff;
    position: absolute;
    top: .1rem;
    right: .4rem;
    transform: rotate(-40deg);
}
/*  */
.privacy{
	transform: translateY(.8rem);
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
}
.privacy .pry-a{
	color: #fff;
	opacity: .9;
	text-align: center;
	font-size: .32rem;
}
.privacy .pry-a:hover{
	opacity: .7;
	text-decoration: underline;
}
/* agenda */
#secagenda {
    padding-top: 1rem;
}
.times-btn{
	display: block;
	margin: .1rem 0 .5rem;
}
.times-sum{
	margin: 0 auto;
	width: 80%;
	display: flex;
	justify-content: space-around;
}
.age-list2{
	display: none;
}
.times-style{
	width: 3rem;
	font-size: .42rem;
	text-align: center;
	border: .02rem solid transparent;
	padding: .1rem 0;
	border-radius: 1rem;
	cursor: pointer;
	background-color: #171C95;
	color: #fff;
}
.times-style:hover{
	background-color: #898889;
}
.times-active{
	background-color: #898889;
	cursor: default;
}
.age-sum{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
	justify-content: space-between;
}
.age-sum .age-list{
	width: 92%;
	margin: 0 auto;
}
.age-sum .age-list li{
	color: #000;
	display: flex;
	flex-direction: column;
}
.age-title{
	margin-top: .1rem;
	font-size: .42rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.age-left{
	width: 1.5rem;
	font-weight: bold;
	color: #898889;
	text-align: center;
}
.age-right{
	width: calc(100% - 1.5rem);
	font-size: .36rem;
	font-weight: bold;
	line-height: 1.2;
}
.age-speak{
	display: flex;
}
.spg-left{
	width: 1.5rem;
	height: auto;
}
.spg-right{
	padding-top: .04rem;
	width: calc(100% - 1.5rem);
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	font-weight: 400;
	height: auto;
	max-height: 1.6rem;
	overflow: auto;
}
.spg-line{
	width: .05rem;
	min-height: .5rem;
	height: auto;
	background-color: #898889;
	margin-left: .8rem;
}
.spg-rgt-list{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}
.spg-right span{
	font-size: .3rem;
	display: inline;
	height: auto;
	color: #1f0581;
	
}
.spg-right p{
	font-size: .3rem;
	font-weight: 400;
	color: #898889;
}
.color-f1{
	color: #1f0581;
}
/* side */
#secside{
	margin: 1rem 0;
	background: url(../images/expo/side-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 1.2rem 0;
}
#secside .title h2 {
    color: #fff;
}
.side-wrap{
	display: flex;
	flex-direction: column;
}

.side-content{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.side-content p{
	color:  #fff;
	font-size: .42rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}
.side-content a{
	display: inline-block;
	margin-top: .8rem;
	padding: .3rem .8rem;
	border-radius: 1rem;
	color: #020307;
	background-color: #FFB800;
	text-align: center;
	font-size: .5rem;
	font-weight: 700;
	line-height: 100%;
}