/* headtop */
.headtop {
	position: relative; 
	z-index: 100; 
	padding: .1rem 0; 
	width: 100%; 
	background-color: #fff;  
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.headtop .container { display: flex; justify-content: space-between; align-items: center; }
.logo img { height: .57rem; }

.headtop .tool {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
	color: #999;
}

.login-box { position: relative;  z-index: 1; }
.login-box .login_panle {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
	cursor: pointer;
}

.login-box i.ueser-img {
    display: inline-flex;
    min-width: 24px;
    min-height: 24px; 
	width: 30px;
	height: 30px; 
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #eee;
	overflow: hidden;
}

.login-box i.ueser-img svg.icon { width: 55%; }
.login-box i.ueser-img img { display: none; }
.ueser-img img  {  width: 100%; height: 100%; object-fit: cover; }

.login-box .login_panle a { line-height: 1.15; font-size: .2rem;  text-decoration: none;  }
.login-box .login_panle a small { display: none; font-size: 75%; margin: 0; color: var(--icon-jt); }

.active_online small ,
.active_online i.ueser-img img { display: block !important;}
.active_online i.ueser-img {width: .38rem; height: .38rem;}

.login_links {
	position: absolute;
	top: calc(100% + 17px);
	width: calc(100% + 41px);
	background-color: #eee;
	padding: 16px;
	left: 50%;
	transform: translateX(-50%);
}

.login_links::before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 10px transparent solid;
	border-bottom-color: #eee;
	border-top: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
}


.login_links { display: none; }
.login_links ul a { font-size: 14px; display: block; padding: 5px 0; text-decoration: none; }
.login_links ul a.out {	font-weight: bold;	border-bottom: 1px #ccc solid;}
.login_links ul a:hover { color: var(--icon-jt);text-decoration: none;  }

.foot {	background-color: var(--theme_brandColor);text-align: center;}
.foot p { text-align: center; font-size: 12px; line-height: 4; color:rgba(255,255,255,.85);   }

/* headtop-end */


/* menubar */
.menubar { padding: 18px 0; width: 100%; }
.menubar .grid-container { grid-template-columns: auto 115px; }
.menubar .menu ul {	display: flex;	align-items: center;justify-content: flex-start; }
.menubar .menu ul li a {
	padding: .1rem .2rem;
	background-color: transparent;
	line-height: 1;
	border-radius: 35px;
	text-decoration: none;
}

.menu ul li.active a { background-color: var(--theme_brandColor); color: #fff ; }

.change_lang { position: relative; cursor: pointer; }
.change_lang .has_child_jt { padding-right: 20px; z-index: 10; }
.change_lang ol {
	width: 100%;
	position: absolute; 
	z-index: 5;
	left: 0;
	list-style: none;
	padding:10px 15px;
	padding-left: 30px;
	font-size: 14px;
	background-color: #fff;
	display: none;
}
.change_lang ol li a { padding: 5px 0; line-height:1; }
.change_lang ol li:hover a { color: var(--icon-jt); }
/* menubar-end */

/* banner */
#banner ,
.mode-all ,
.organizer { margin-bottom: var(--gap-space) ; }
#banner .swiper-slide { border-radius: 15px; overflow: hidden; }
#banner .swiper-pagination { text-align: left; padding: 10px .36rem; }
#banner .swiper-pagination-bullet { background-color: #fff;transition: all .35s;  }
#banner .swiper-pagination-bullet-active { opacity: 1; width: 23px;  border-radius: 5px; transition: all .35s; }

/* mode-all  */ 
.grid-box { grid-template-columns: calc(70% - var(--gap-space)) 30%; align-items: start; gap: var(--gap-space) ; }
.cards_box,
.cards_box_item  { display: grid; gap: var(--gap-space) ; grid-template-columns: 100%;}
.cards_box_item { background-color: #fff; border-radius: 12px; padding: .36rem; }

.meeting_introl { grid-template-columns:33% auto;  gap: var(--gap-space) ; }
.meeting_introl .stand-title-36 { font-weight: bold; }
.btn-login,
.btn-login:hover {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-radius: 12px;
	background-color: var(--theme_brandColor);
	color: #fff;
	text-align: center;
	padding: .2rem;
	line-height: 1;
	font-size: .24rem;
	cursor: pointer;
	text-decoration: none;
}

.btn-login span { text-decoration: none; font-size: .24rem; color: #fff; text-transform: capitalize; }

.committee_list ul li a { 
	background-color:#F7F7F7 ;
	padding: .16rem;
	line-height: 1;
	border-radius: 5px;
	display: flex;
	gap: 8px;
	flex-flow: column;
	align-items: baseline;
}

.committee_imgs_list ul li a { display: grid; gap: 8px; }
.c-name { font-size: .22rem;  }
p.c-zhiwei { font-size: .14rem; color: var(--color_desc); }
.hotal_info { color: var(--color_desc); letter-spacing: -1px;  word-spacing: 1px; margin-bottom: 5px; }

.hotal-list ul li { border-bottom: 1px var(--border_color) solid; padding-bottom: var(--gap-space) ; }
.hotal-list ul li:last-child { border-bottom: none; padding-bottom: 0; }
.hotal_name { font-weight: bold; font-size: .24rem; margin-bottom: 16px; }
.hotal-list ul li p { color: var(--color_desc); font-size: .16rem; }


.meeting-date {	display: flex;	justify-content: space-between; gap:var(--gap-space) ;align-items: center;}
.meeting-date p { font-size: .16rem; }
.meeting-date span.icon-left { display: block; color: var(--color_desc); text-transform: capitalize; }
.meeting-date big { display: block; word-break: keep-all;  font-size: 113%;  margin-top: 8px;}

.organizer ul { width: 80%; margin: auto; }
.co-organizer ul li { background-color: #F7F7F7; border-radius: 12px; }
.co-organizer ul li img { width: auto; height: auto; max-height: 75%; max-width: 75%; }

.mode-all { min-height: 77vh; }

/* mode-all-end */


/* inside_pages */ 
.info-container { width: 90%; }
.meetting-Schedule ul li ,
.hotallist ul li ,
.speakerlist ul li a {
	display: grid;	
	border: 1px #ccc solid;
	border-radius: 12px;
	padding: .24rem;
	position: relative;
	gap: 3%;
}

.meetting-Schedule ul li { grid-template-columns:15% 16% auto 15%; }
.hotallist ul li { grid-template-columns: 22% 23% 23% 23%; }
.speakerlist ul li a { grid-template-columns: 2rem 20% 26% auto; }

.meetting-Schedule ul li:first-child ,
.hotallist ul li:first-child ,
.speakerlist ul li:first-child a {	background-color: #eee; padding: .15rem .24rem; }

.space-line { position: relative; }
.space-line::before  {
	content: "";
	display: block;
	min-height: 24px;
	height: 100%;
	border-left: 1px #ccc solid;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 20%;
}

.space-line::before { left: 104%; }


.schedule-date { font-size: .18rem; }
.schedule-date span { color: var(--icon-jt); display: block;line-height: 1; font-size: 78%; }

.hotal_website a,
.hotal_website a:hover { word-break: break-all; color: var(--icon-jt); }

.hotallist ul li * { line-height: 1.35;}
.hotallist ul li .imgs img { width: 80%; } 
.speakerlist ul li .imgsize  { width: 1rem; height: 1rem; padding-top: 0; }
.speakerlist ul li p.c-zhiwei { font-size: 16px; }

.meetting-Schedule ul li .poster img { width: 80%; }
.btn-pdf { 
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	background-color: var(--theme_brandColor);
	color: #fff;
	line-height: 1;
	padding: 15px;
	text-decoration: none;
	border-radius: 8px;
	height: fit-content;
	text-align: center;
}

ul li:hover .btn-pdf,
.btn-pdf:hover { color: #fff; text-decoration: none; }

.mode-contact .grid-container { min-height: 76vh; }
.contact-info {
	width: 100%;
	display: grid;
	grid-template-columns: 30% 63%;
	gap: 7%; 
	height: fit-content;
}

.contact-info dd { border-radius: 12px; overflow: hidden; }

.lianxi-info li  {
	border-bottom: 1px var(--color_date) solid;
	padding:16px 0;
	font-weight: normal;
	font-size: .18rem;
}
.lianxi-info li label {
	display: block;
	font-weight: normal;
	color: var(--color_date);
	font-size: .16rem;
	line-height: 1;
}
/* inside_pages-end */