/* common */
:root{
  --primary: #2f279c;
  --primary-1: #657ae4;
  --primary-2: #0e0037;
  --primary-3: #180a40;
  --white: #fff;
  --black: #000;
  --black-1: #121920;
  --black-2: #333;
  --gray: #888;
  --gray-1: #666;
  --gray-2: #f2f5fa;
  --gray-3: #c8e5df;
  --gray-4: #e0e0e0;
  --gray-5: #edf0f5;
  --warn: #f7af35;
}

@font-face{
  font-family: 'din-bold';
  src: url('../fonts/DIN-Bold/din-bold.ttf');
}

body{
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.6rem;
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 0;
    transform: scale(0.8);
  }
  25%, 75% {
    opacity: 1;
    transform: scale(1);
  }
}

#app{min-height: 100vh; position: relative; padding-bottom: 76px;}

.hide_input {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: 0 !important; outline: none; opacity: 0;}

img{max-width: 100%;}

.color_primary{color: var(--primary);}
.bgc_gray_2{background-color: var(--gray-2);}
.bgc_primary_3 {background-color: var(--primary-3);}

.btn{outline: none;}
.btn-primary{color: var(--white); background-color: var(--primary) !important; border-color: var(--primary) !important;}

.pagination>li>a, .pagination>li>a:hover{color: var(--black-2);}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: var(--primary); border-color: var(--primary);}

/* vue-fade */
.fade-enter-active, .fade-leave-active{transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;}

/* layer */
body .layui-layer-btn > a:nth-child(1) {border-color: var(--primary); background-color: var(--primary); color: var(--white);}

body .layer_viewDetails {border-radius: 20px;}
body .layer_viewDetails .layui-layer-ico {background-image: url('../images/icon.png'); background-position: -80px -40px;}
body .layer_viewDetails .layui-layer-title {border-radius: 20px 20px 0 0; background-color: var(--primary); color: var(--white); font-weight: 700;}
body .layer_viewDetails .layui-layer-content {padding: 10%;}
body .layer_viewDetails .head_info {display: flex; margin-bottom: 10px;}
body .layer_viewDetails .head_info>.item {flex: 1;}
body .layer_viewDetails .head_info>.item.headPortrait_info {max-width: 100px;}
body .layer_viewDetails .head_info>.item.msg_info {padding-left: 15px;}
body .layer_viewDetails .head_info>.item.msg_info .name {font-weight: 700; font-size: 1.8rem; color: var(--primary); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dashed var(--primary);}

.layer_want_to_show, 
.layer_want_to_show_success {border-radius: 6px; overflow: hidden;}
.layer_want_to_show .layui-layer-title {padding: 20px 35px 0; text-align: center; background-color: var(--white); border: 0; font-size: 2rem; font-weight: 700; height: auto; line-height: inherit;}
.layer_want_to_show .layui-layer-content, 
.layer_want_to_show_success .layui-layer-content {padding: 20px 15px;}
.layer_want_to_show .form .form-group {display: flex; border-bottom: 1px solid #ededed;}
.layer_want_to_show .form .form-group > label {width: 100px; padding: 5px 15px 0 0;}
.layer_want_to_show .form .form-group > div {flex: 1;}
.layer_want_to_show .form .form-control {border: 0; box-shadow: none; font-size: inherit; padding-left: 0;}
.layer_want_to_show .form .submit {width: 100%; font-size: inherit; margin-top: 15px;}
.layer_want_to_show .form .check_info {padding-top: 5px;}
.layer_want_to_show .check_info .radio-inline {position: relative; background: url('../images/radio.png')no-repeat left 5px/14px;}
.layer_want_to_show .check_info .radio-inline.label_act {background-image: url('../images/radio-act.png');}
.layer_want_to_show .form .radio-inline+.radio-inline {margin-left: 30px;}

.layer_want_to_show_success .icon {width: 55px;}
.layer_want_to_show_success .tip {font-size: 1.4rem; color: #999;}
.layer_want_to_show_success .confirm {min-width: 120px;}

/* swiper */
#image_swiper{
  --swiper-theme-color: var(--white);
  --swiper-navigation-size: 30px;
}
.swiper-button-prev, .swiper-button-next{outline: none;}

.exhibitor_swiper .swiper-wrapper, .media_support_swiper .swiper-wrapper{padding-bottom: 30px;}

#image_swiper .swiper-pagination-bullet{background-color: var(--white);}
#app .swiper-pagination-bullet{background-color: var(--white); opacity: 1;}
#app .swiper-pagination-bullet-active{background-color: var(--primary);}
.exhibitor_swiper .img_info {padding: 1rem;}
.media_support_swiper .img_info {height: 50px; display: flex; align-items: center;}
.media_support_swiper .img_info img{max-height: 50px;}

/* High-end-Forum */
#high-end-forum{line-height: 2em;}
#high-end-forum .title_info>span{display: inline-block; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e//png/_20200601134000_86.png')no-repeat center center/100%; color: #fff; font-weight: 700; font-size: 24px; padding: 3% 15% 3% 3%;}
#high-end-forum.high-end-forum-en .title_info>span {padding: 4% 13% 4% 2%;}
#high-end-forum .dateTime_info .time{font-family: 'din-bold'; font-size: 20px; margin: 30px auto 15px;}
#high-end-forum .date_info{margin-top: 30px;}
#high-end-forum .dateTime_info .time_info{padding-bottom: 30px;}
#high-end-forum .agenda_info{display: flex; flex-wrap: wrap;}
#high-end-forum .agenda_info>.item{width: 31%; margin-right: 2%; padding: 20px; line-height: 1.4; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200814113146_12.png')no-repeat center/100% 100%; transform: translateX(-10px); transition: background-image .5s ease;}
#high-end-forum .agenda_info>.item:hover{background-image: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200814113812_20.png'); color: #fff;}
#high-end-forum .agenda_info>.item:hover .txt_info{color: #fff;}
#high-end-forum .agenda_info>.item.had-content {cursor: pointer;}
#high-end-forum .agenda_info>.item .title{font-weight: 700; font-size: 16px; min-height: 45px; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#high-end-forum .agenda_info>.item .txt_info{color: #666; font-size: 12px;}
#high-end-forum .agenda_info>.item .txt_info>div{margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#high-end-forum .details_content {background-color: #f2f5fa; padding: 20px;}
#high-end-forum .details_content>.title>span{display: inline-block; color: var(--primary); font-weight: 700; font-size: 2rem; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831160506_52.png')no-repeat left center/70px, url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831160608_51.png')no-repeat right center/70px; padding: 0 80px; margin-bottom: 35px;} 
#high-end-forum .details_content .theme_wrap>.title {/*background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831161744_18.png')no-repeat center center/100% 100%;*/ color: var(--white); font-weight: 700; padding: 8px 35px; margin-bottom: 10px; display: inline-block; position: relative; z-index: 5;}
#high-end-forum .details_content .theme_wrap>.title::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--primary); z-index: -1; transform: skewX(-20deg);}
#high-end-forum .details_content .theme_wrap>.txt_info {color: var(--gray-1); padding-left: 20px; margin-bottom: 20px;}
#high-end-forum .details_content>.info {background-color: var(--white); padding: 20px;}
#high-end-forum .details_content>.info .info_head, 
#high-end-forum .details_content>.info .info_body>.item>.time_info {display: flex;}
#high-end-forum .details_content>.info .info_head>div {flex: 1; color: var(--primary); font-weight: 700;}
#high-end-forum .details_content>.info .info_head>div:nth-child(1), 
#high-end-forum .details_content>.info .info_body>.item>.time_info>div:nth-child(1) {max-width: 45%;}
#high-end-forum .details_content>.info .info_body>.item>.time_info {border-bottom: 1px solid #f2f5fa; padding-top: 20px; padding-bottom: 20px;}
#high-end-forum .details_content>.info .info_body>.item>.time_info:hover {background-color: #f2f5fa;}
#high-end-forum .details_content>.info .info_body>.item>.time_info:last-child {border: 0;}
#high-end-forum .details_content>.info .info_body>.item>.title {margin-top: 20px;}
#high-end-forum .details_content>.info .info_body>.item>.title>span {display: inline-block; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831162625_10.png')no-repeat center center/100% 100%; padding: 10px 40px; transform: translateX(-35px); position: relative; color: var(--white); font-weight: 700;}
#high-end-forum .details_content>.info .info_body>.item>.title>span::before {content: ''; border-width: 10px; border-style: solid; border-color: transparent transparent var(--primary) transparent; transform: rotate(45deg); position: absolute; left: 4px; top: 81%;}

#high-end-forum .details_content .info_body>.item {display: flex; padding: 15px 0; border-bottom: 1px solid #eee;}
#high-end-forum .details_content .info_body>.item:last-child{border: 0;}
#high-end-forum .details_content .info_body>.item>div {flex: 1;}
#high-end-forum .details_content .info_body>.item>.time, 
#high-end-forum .details_content .info_body>.item .theme_info>.title {font-weight: 700;}
#high-end-forum .details_content .info_body>.item>.time {max-width: 45%;}
#high-end-forum .details_content .info_body>.item .theme_info>.speaker {color: #999; font-size: 1.4rem;}

/* nav */
#nav{position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: #393d41; box-shadow: 0 3px 5px rgba(0, 0, 0, .12);}
.navbar{border: 0; background-color: var(--white); margin: 0; display: flex; align-items: center; min-height: auto; background-color: #393d41;}
.navbar .navbar-header{float: none;}
.navbar .navbar-header .logo{height: 45px; display: inline-block;}
.navbar .navbar-collapse{padding: 0 80px 0 0; flex: 1;}
.navbar .navbar-collapse .nav{float: none; display: flex; justify-content: space-between;}
.navbar .navbar-collapse .nav>li>a{color: #afb0b1; font-weight: 700; background-color: transparent !important; position: relative; padding: 20px 5px;}
.navbar .navbar-collapse .nav>li:nth-child(1)>a{background: url('../images/menu-active-icon-1.png')no-repeat center 7px/40px;}
.navbar .navbar-collapse .nav>.active>a, .navbar .navbar-collapse .nav>li:hover>a{color: var(--white);}
.navbar .lang_info{background-color: var(--primary); border-radius: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.navbar .lang_info>.label{padding: 8px 10px; display: inline-block; cursor: pointer; position: relative; z-index: 3;}
.navbar .lang_info>.active{color: var(--primary);}
.navbar .lang_info .label_act{width: 45%; height: 80%; position: absolute; top: 50%; left: 4%; transform: translateY(-50%); background-color: var(--white); border-radius: 20px; transition: all .34s;}
.navbar .lang_info .label_act_en{left: 50%;}
.dropdown-menu{padding: 0; border-width: 1px 0 0;}
.dropdown-menu>li>a{border-top: 1px solid var(--white);}
.dropdown-menu>li:nth-child(1)>a{border: 0;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color: var(--primary); color: var(--white);}
.menu_active_icon_info{position: absolute; left: 0; bottom: 7px; width: 100%;}
.menu_active_icon_info img{height: 8px; display: none;}
.navbar .navbar-collapse .nav>.active .menu_active_icon_info img, .navbar .navbar-collapse .nav>li:hover .menu_active_icon_info img{display: block;}

.banner_info{position: relative; padding-top: 60px;}
.banner_info .banner{width: 100%;}
.banner_info .goReg_info{text-align: center; position: absolute; left: 0; bottom: 17%; width: 100%;}
.banner_info .goReg_info .btn{border: 0; transition: all .34s ease; width: 180px; /*animation-name: flash; animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite;*/ font-size: 1.8rem;}
.banner_info .goReg_info .btn:hover{transform: scale(1.1);} 

/* footer */
#footer{background-color: #393d41; color: var(--white); font-size: 1.6rem; padding: 20px 0; position: absolute; width: 100%; bottom: 0; left: 0;}

/* sidebar */
#sidebar .sidebar{position: fixed; top: 30%; z-index: 990; color: var(--white);}
#sidebar .sidebar .sidebar_info {background-color: #393d41; box-shadow: -5px 0 10px rgba(0, 0, 0, .16); transition: all .34s; position: relative;}
#sidebar .sidebar.sidebar_right .sidebar_info {transform: translateX(70px);}
#sidebar .sidebar.sidebar_right.sidebar_right_en .sidebar_info {transform: translateX(95px);}
#sidebar .sidebar.sidebar_right.active .sidebar_info {transform: none;}
#sidebar .sidebar .arrows {padding: 15px 10px; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(47, 39, 156, .8); border-radius: 6px 0 0 6px; right: 100%;}
#sidebar .sidebar .arrows img {width: 25px; transform: rotate(-90deg);}
#sidebar .sidebar_left{left: 0;}
#sidebar .sidebar_right{right: 0;}
#sidebar .sidebar .sidebar_info>.item{padding: 10px; border-top: 1px solid var(--gray-4); cursor: pointer; transition: all .34s ease; position: relative; color: var(--white); font-size: 1.2rem;}
#sidebar .sidebar .sidebar_info>.item_en{max-width: 95px;}
#sidebar .sidebar .sidebar_info>.item:hover {background-color: var(--primary);}
#sidebar .sidebar .sidebar_info>.item:nth-child(1){border: 0;}
#sidebar .sidebar .sidebar_info>.item .icon_info{padding-bottom: 5px;}
#sidebar .sidebar .sidebar_info>.item .icon_info .icon{width: 25px;}
#sidebar .sidebar .sidebar_info>.item .details_wrap{display: none; width: 135px; padding: 10px; background-color: var(--white); color: #333; margin-right: 12px; box-shadow: -2px 0 5px rgba(0, 0, 0, .16); position: absolute; right: 100%; top: 50%; z-index: 999; transform: translateY(-50%); border-radius: 10px;}
#sidebar .sidebar .sidebar_info>.item .details_wrap::before{content: ''; border: 10px solid transparent; border-left-color: var(--white); position: absolute; right: -16px; top: 50%; transform: translateY(-50%);}
#sidebar .sidebar .sidebar_info>.item .details_wrap.come_soon {text-align: center;}
#sidebar .sidebar .sidebar_info>.item.miniProgram:hover .details_wrap{display: block;}

/* main */
.content{padding: 50px 0;}

.app_index {background-color: var(--primary-2); color: var(--white);}
/* .app_index .trait_wrap {padding: 70px 30px 30px; background-color: var(--primary-3); position: relative;}
.app_index .trait_wrap .trait_title {width: 100%; padding: 0; position: absolute; top: -40px; left: 0;}
.app_index .is_bg {background-color: var(--primary-3); padding: 30px;} */

.title_wrap .title_info, .title_wrap .title_info .see_details{color: inherit;}
.title_wrap{padding-bottom: 30px;}
.title_wrap .title_info{display: flex; align-items: flex-end;}
.title_wrap .title_info .title{font-size: 2.5rem; font-weight: 700; flex: 1; padding-right: 15px;}
.title_wrap .title_info .see_details, .title_wrap .tip{font-size: 1.4rem; color: #a5a4b0;}

.trait_wrap .trait_title{font-size: 2rem; font-weight: 700; padding-bottom: 30px; color: var(--white);}
.trait_wrap .trait_title span{display: inline-block; padding: 20px 85px 28px; background: url('../images/title-icon-2.png')no-repeat center center/100%;}
.trait_wrap .min_title{padding-bottom: 30px;}
.trait_wrap .trait_info{}
.trait_wrap .trait_info>.item{padding: 15px; display: flex; align-items: center;}
.trait_wrap .trait_info>.item>.index{width: 110px; background: url('../images/title-icon-3.png')no-repeat 85% 5px/25px; font-size: 5rem; font-weight: 700; line-height: 1;}
.trait_wrap .trait_info>.item>.index span{transform: translateY(-20px); display: inline-block;}
.trait_wrap .trait_info>.item>.con_wrap{flex: 1;}
.trait_wrap .trait_info>.item>.icon_info{width: 80px;}
.trait_wrap .trait_info>.item .icon_info img{height: 50px; margin-left: 0;}
.trait_wrap .trait_info>.item .title{font-size: 1.8rem; font-weight: 700;}
.trait_wrap .trait_info>.item .con{color: #9e9eaa;}

.guest_wrap .guest_title{color: var(--primary); font-weight: 700; padding-bottom: 20px;}
.guest_wrap .guest_info{display: flex; flex-wrap: wrap; justify-content: space-between;}
.guest_wrap .guest_info>.item{width: 23%; margin-bottom: 5px; padding: 5px;}
.guest_wrap .guest_info>.item .name{padding-top: 10px; font-weight: 700;}
.guest_wrap .guest_info>.item .position{color: var(--gray-1); font-size: 1.2rem;}

.list_template .title_info{display: flex;}
.list_template .title_info>.item{flex: 1; border: 1px solid var(--white); background-color: var(--gray-5); padding: 5px 10px; transition: all .2s; text-align: center; cursor: pointer; font-weight: 700;}
.list_template .title_info>.item:hover, .list_template .title_info>.item.active {color: var(--white); background-color: var(--primary);}


.speakers_swiper{
  --swiper-theme-color: var(--white);
  --swiper-navigation-size: 30px;
}
.speakers_swiper .info {padding: 0 15% 25px;}
.speakers_swiper .info .name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.speakers_swiper .info .name {padding-top: 10px; font-weight: 700;}
.speakers_swiper .info .position {font-size: 1.2rem; color: #a5a4b0;}

#lightspot .trait_wrap .trait_title {background: url('../images/tit-bg-light.png')no-repeat center bottom/40%;}
#lightspot .trait_wrap .trait_title span {background: none; padding: 5px;}
#lightspot .trait_wrap .trait_info {display: flex; justify-content: center;}
#lightspot .trait_wrap .trait_info>.item {display: block; width: 25%; padding: 15px 30px; text-align: center; position: relative;}
#lightspot .trait_wrap .trait_info>.item::before {content: ''; width: 1px; height: 60%; background-color: #282758; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#lightspot .trait_wrap .trait_info>.item:last-child::before {display: none;}
#lightspot .trait_wrap .trait_info>.item>.icon_info {width: auto;}
#lightspot .trait_wrap .trait_info>.item .icon_info img {margin-left: auto; margin-bottom: 15px;}
#lightspot .trait_wrap .trait_info>.item .title {margin-bottom: 15px;}

#exhibition_profile .con{display: flex;}
#exhibition_profile .con>.item:nth-child(1){width: 32%;}
#exhibition_profile .con>.item:nth-child(2){flex: 1; padding: 0 0 0 4%; display: flex; flex-direction: column; justify-content: center; text-indent: 2em;}

#upgrade .trait_wrap .trait_info>.item{align-items: normal;}
#upgrade .trait_wrap .trait_info>.item .title{color: var(--primary);}

#ADeepening .trait_wrap .trait_info{display: block;}
#ADeepening .trait_wrap .trait_info>.item{width: 100%; margin: 0 0 30px; color: #fff; position: relative;}
#ADeepening .trait_wrap .trait_info>.item .con{background-repeat: no-repeat; background-position: center center; background-size: cover; color: var(--white); width: 90%; margin: 0 auto; min-height: 300px;}
#ADeepening .trait_wrap .trait_info>.item .title{width: 150px; height: 0; padding-bottom: 150px; text-align: center; line-height: 150px; font-size: 8rem; background-image: linear-gradient(#ffe1b1, #e4a86b); position: absolute; top: 60px;}
#ADeepening .trait_wrap .trait_info>.item .title_en{font-size: 2rem;}
#ADeepening .trait_wrap .trait_info>.item:nth-child(even) .title{right: 0;}
#ADeepening .trait_wrap .trait_info>.item:nth-child(odd) .con{margin-right: 0; padding: 40px 30px 40px 70px; box-shadow: 5px 5px 1px var(--primary-1);}
#ADeepening .trait_wrap .trait_info>.item:nth-child(even) .con{margin-left: 0; padding: 40px 70px 40px 30px; box-shadow: -5px 5px 1px var(--primary-1);}

#image{background: url('../images/bg-1.png')no-repeat center center/cover;}
#image .content{padding: 100px 0 150px;}
#image .con{display: flex;}
#image .con>.item{width: 70%;}
#image .con>.video{padding: 10px 10px 10px 0; width: 30%;}
.video .video-js{width: 100%; height: 100%; font-size: 1.3rem;}
.video .video-js .vjs-big-play-button{top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.4em;}
#image #image_swiper .info{display: flex; justify-content: space-between; padding: 10px 30px;}
#image #image_swiper .info>.item{/*width: 32%;*/ flex: 1; height: 186px; margin: 0 1%; background-image: url('../images/img-loading.gif'); background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all .34s;}
#image #image_swiper .info>.item_act{transform: scale(1.1);}
#image #image_swiper .info>.item_no_act{transform: scale(0.9);}
#image #image_swiper .info>.item:nth-child(3), #image #image_swiper .info>.item:nth-child(4){margin-bottom: 0;}

#exhibitor .con .title, #media_support .con .title{color: inherit; font-weight: 700; padding-bottom: 20px;}

#specialPartner .con{display: flex; flex-wrap: wrap;}
#specialPartner .con>.item{width: 22%; border-left: 1px solid #1e1e50;}
#specialPartner .con>.item:nth-child(1) {border: 0;}
#specialPartner .con>.item img{width: 80%;}

#organization .con{display: flex;}
#organization .con .logo_info img{margin-right: 30px;}
#organization .con_info{flex: 1;}
#organization .con_info>.item{font-weight: 700; margin-bottom: 20px; display: flex;}
#organization .con_info>.item>.title{font-size: 2rem; margin-right: 15px; width: 120px; color: inherit; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
#organization .con_info>.item>.title_en{ width: 250px; }
#organization .con_info>.item .info{font-size: 1.6rem; padding-top: 3px; flex: 1; color: #a5a5b1;}
/* #organization .con>.item .info>.item{margin-bottom: 10px;} */
/* #organization .con>.item .info>.item:last-child{margin-bottom: 0;} */

#details{display: flex; margin: 20px auto; background-image: url('../images/bg-img-1.png'), url('../images/bg-img-2.png'); background-repeat: no-repeat, no-repeat; background-position: 0 center, 98% bottom; background-size: 170px, 90px;}
/* #details>.inside_menu{width: 150px;} */
#details>.page_content{flex: 1; padding: 0 0 0 20px;}
#details .page_content_head{font-size: 2.8rem; font-weight: 700; padding-bottom: 5px; border-bottom: 2px solid var(--primary); color: var(--primary);}
#details .page_content_info{margin-top: 20px; min-height: 300px; font-size: 1.6rem;}

#inside_menu{border: 1px solid var(--gray-2); box-shadow: 0 3px 5px rgba(0, 0, 0, .16); background-color: var(--gray-5);}
#inside_menu>.item{padding: 5px 10px; border-top: 1px solid var(--white); display: block; transition: all .2s; color: var(--black-2); text-decoration: none; font-weight: 700; min-width: 150px;}
#inside_menu.inside_menu_en>.item{font-size: 1.4rem;}
#inside_menu>.item:nth-child(1){border: 0;}
#inside_menu>.item:hover, #inside_menu>.active{color: var(--white); background-color: var(--primary);}

@media screen and (max-width: 1200px) {
  #ADeepening .trait_wrap .trait_info>.item:nth-child(odd) .con{padding: 40px 30px 40px 90px;}
}

@media screen and (max-width: 992px) {
  #ADeepening .trait_wrap .trait_info>.item{padding: 0;}
  #ADeepening .trait_wrap .trait_info>.item .title{display: none;}
  #ADeepening .trait_wrap .trait_info>.item .con{width: 100%; padding: 20px 15px !important;}
}

@media screen and (max-width: 767px) {
  #app{padding-bottom: 94px;}

  /* layer */
  body .layer_viewDetails .layui-layer-content {padding: 20px;}

  .layer_want_to_show .check_info .radio-inline {display: block;}
  .layer_want_to_show .form .radio-inline+.radio-inline {margin-left: 0;}

  /* header */
  .banner_info{padding-top: 50px;}
  .banner_info .goReg_info{bottom: 8%;}
  .banner_info .goReg_info .btn{width: 25%;}

  /* High-end-Forum */
  #high-end-forum .agenda_info {display: block;}
  #high-end-forum .agenda_info>.item {width: 100%; margin: 0;}
  #high-end-forum .details_content .info_body>.item {font-size: 1.2rem;}
  #high-end-forum .details_content .info_body>.item .theme_info>.speaker {font-size: 1rem;}

  /* nav */
  .nav_info{padding: 0;}
  .navbar{display: block; position: relative;}
  .navbar .navbar-header .logo{margin: 5px 0 0 15px; padding: 5px 0;}
  .navbar .navbar-collapse{position: absolute; top: 100%; left: 0px; width: 100%; background-color: inherit; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16); z-index: 999; padding: 0;}
  .navbar .navbar-collapse .nav{float: none; margin: 0; display: block;}
  .navbar-default .navbar-toggle{background-color: var(--primary) !important; transition: all .34s ease;}
  .navbar-default .navbar-toggle .icon-bar{background-color: var(--white) !important;}
  .navbar-default .navbar-toggle.collapsed{background-color: transparent !important;}
  .navbar-default .navbar-toggle.collapsed .icon-bar{background-color: var(--gray) !important;}
  .navbar .navbar-collapse .nav>li>a{display: flex; align-items: center; padding: 10px 30px 10px 15px;}
  .navbar .navbar-collapse .nav>li:nth-child(1)>a{background-position: 11px 0;}
  .menu_active_icon_info{margin-left: 5px; width: auto; left: auto; bottom: auto; right: 15px;}
  .navbar .lang_info{right: 70px;}

  /* sidebar */
  #sidebar .sidebar .sidebar_info>.item .icon_info .icon{width: 20px;}
  #sidebar .sidebar .sidebar_info>.item .txt{font-size: 1.2rem;}
  #sidebar .sidebar .sidebar_info>.item_en .txt{font-size: 1rem;}

  /* footer */
  #footer{font-size: 1.4rem;}

  /* swiper */
  #image_swiper{--swiper-navigation-size: 20px;}

  /* main */
  .content, #image .content{padding: 20px 0;}

  #lightspot .trait_wrap .trait_title {background-position-y: 60%; background-size: 70%;}
  #lightspot .trait_wrap .trait_info {display: block;}
  #lightspot .trait_wrap .trait_info>.item {width: 100%;}
  #lightspot .trait_wrap .trait_info>.item::before {display: none;}

  #exhibition_profile .con{display: block;}
  #exhibition_profile .con>.item:nth-child(1){width: 100%;}
  #exhibition_profile .con>.item:nth-child(2){padding: 15px 0 0; display: block;}

  #specialPartner .con>.item {width: 32%;}

  #image .con{display: block;}
  #image .con>.item{width: 100%;}
  #image .con>.item:nth-child(1){padding: 0; margin-bottom: 20px;}
  #image #image_swiper .info{padding: 10px 15px;}
  #image #image_swiper .info>.item{height: 75px;}
  #image #image_swiper .swiper-button-prev{left: 0;}
  #image #image_swiper .swiper-button-next{right: 0;}

  #organization .con_info>.item {display: block;}
  #organization .con_info>.item>.title {width: 100%; margin: 0 0 10px; font-size: 1.6rem;}
  #organization .con_info>.item .info {padding: 0; font-size: 1.2rem;}
  #organization .con .logo_info img{margin-right: 15px;}

  .trait_wrap .trait_info{display: block;}
  .trait_wrap .trait_info>.item{width: 100%; margin: 0 auto 15px;}

  .guest_wrap .guest_info>.item{width: 48% !important;}

  .category_info{padding: 0;}
  #details{display: block; margin-top: 0; background: none;}
  #details>.inside_menu{width: 100%;}
  #details>.page_content{padding: 0 15px;}
  #details .page_content_head{margin-top: 20px;}

  #inside_menu{display: flex; margin-bottom: 20px;}
  #inside_menu>.item{padding: 5px; background: none; border-top: 0; border-left: 1px solid var(--white); flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.4rem; min-width: auto;}
  #inside_menu.inside_menu_en>.item{font-size: 1.2rem;}
  #inside_menu>.item:nth-child(1){border-left: 0;}
  #inside_menu>.item:hover, #inside_menu>.active{background: var(--primary);}
}