[v-cloak] {display: none !important}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, span, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {font: 14px/1 PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";position: relative;color: #fff;}
img {border: none;}
em, strong {font-family: inherit;font-size: inherit;}
ul, ol, li {list-style: none;}
table {border-spacing: 0;border-collapse: collapse;}
h1, h2, h3, h4, h5, h6 {font-size: 14px;font-weight: normal;}
q:before, q:after {content: ' ';}
button, input, select, textarea {font-size: 100%;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;outline: none;}
address, cite, dfn, em, var {font-style: normal;}
a, a:link, a:visited, a:hover, a:active {color: #fff;text-decoration: none;outline: none;}
input::-moz-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}
input::-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder {color: #ccc;}
.fl-l {float: left;}
.fl-r {float: right;}
.clear:after {display: block;visibility: hidden;clear: both;overflow: hidden;height: 0;content: '.';}
.clear {zoom: 1;}
body {background-color: #000000;}
@font-face {
  font-family: 'iconfont';  /* project id 1202804 */
  src: url('//at.alicdn.com/t/font_1202804_0wbd7ctcrpj.eot');
  src: url('//at.alicdn.com/t/font_1202804_0wbd7ctcrpj.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1202804_0wbd7ctcrpj.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1202804_0wbd7ctcrpj.woff') format('woff'),
  url('//at.alicdn.com/t/font_1202804_0wbd7ctcrpj.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1202804_0wbd7ctcrpj.svg#iconfont') format('svg');
}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;/* -webkit-text-stroke-width: 0.2px; */-moz-osx-font-smoothing: grayscale;}
.header {position: fixed;z-index: 1000;top: 0;width: 100%;min-width: 1200px;height: 60px;background: rgba(0, 0, 0, 1);}
.middle {position: relative;width: 1160px;margin: 0 auto;}
.header .middle {display: flex;}
.header .logo {flex: 0 0 72px;height: 60px;padding-top: 12px;background-size: auto 40px;}
.header .logo img {width: 100%;}
.header .nav {position: relative;flex: auto;display: flex;justify-content: flex-end;}
.header .nav>li {margin-left: 30px;line-height: 60px;position: relative;}
.header .nav>li a {color: #DDDDDD;font-size: 14px;}
.header .nav>li a:hover {color: #E49D6A;}
.header .nav>li.active:before {content: '';position: absolute;width: 100%;height: 2px;background: linear-gradient(90deg, rgba(235, 202, 170, 1) 0%, rgba(228, 157, 106, 1) 100%);border-radius: 2px;left: 0;bottom: 0;}
.header .nav>li.active a {color: #E49D6A;}
.banner {position: relative;padding-top: 60px;background-image: url('../img/subvb/banner.jpg');background-position: center;background-repeat: no-repeat;background-size: 1920px 440px;height: 440px;display: flex;justify-content: center;align-items: center;}
.banner>p:nth-child(1) {flex: 0 0 900px;font-size: 48px;font-weight: bold;color: rgba(255, 255, 255, 1);line-height: 76px;text-align: center;}
.banner>p:nth-child(2) {position: absolute;bottom: 40px;font-size: 24px;}
.page {padding-top: 60px;width: 1160px;margin: 0 auto;}
.page-tle .p1 {font-size: 40px;font-weight: bold;color: rgba(255, 255, 255, 0.4);}
.page-tle .p2 {font-size: 24px;margin-top: 12px;font-weight: 600;}
.page-tle .p2 span {position: relative;}
.page-tle .p2 span:before {content: '';position: absolute;width: 18px;height: 22px;border-width: 7px;background-image: url('../img/subvb/tip.png');background-size: 18px 22px;background-repeat: no-repeat;top: 7px;right: -24px;}
.introduction {background: linear-gradient(90deg, rgba(199, 142, 102, 1) 0%, rgba(84, 60, 43, 1) 40%, rgba(36, 17, 4, 1) 100%);padding: 20px 30px;line-height: 22px;margin-top: 40px;position: relative;}
.introduction:before {content: '';position: absolute;width: 6px;height: 100%;background: linear-gradient(270deg, rgba(235, 202, 170, 1) 0%, rgba(228, 157, 106, 1) 100%);left: 0;top: 0;bottom: 0;}
.speakers {margin-top: 40px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px 20px;}
.speakers .item {text-align: center;height: 200px;position: relative;}
.speakers .item img {border-radius: 50%;width: 120px;height: 120px;margin: 0 auto;border: 4px solid #ffe1bd;}
.speakers .item .name {margin-top: 10px;font-size: 16px;color: #FFFFFF;font-weight: bold;}
.speakers .item .title {font-size: 12px;margin-top: 8px;color: #FFFFFF;line-height: 17px;opacity: 0.7;}
.speakers .item .desc {position: absolute;bottom: 0;left: 0;width: 100%;height: 0;font-size: 14px;color: #fff;line-height: 22px;background: #d58750;overflow-y: scroll;transition: all .5s;}
.speakers .item .desc::-webkit-scrollbar-track {border: 0;background-color: rgba(255, 255, 255, 0.3);}
.speakers .item .desc::-webkit-scrollbar {width: 6px;background-color: rgba(255, 255, 255, 0.3);}
.speakers .item .desc::-webkit-scrollbar-thumb {border-radius: 3px;background-color: rgba(255, 255, 255, 0.8);}
.speakers .item .desc p {margin: 20px}
.speakers .item:hover .desc {height: 200px}
.agenda {margin-top: 40px;width: 100%;}
.agenda thead {background: #EBCAAA;}
.agenda th {font-size: 16px;font-weight: 600;color: rgba(71, 38, 16, 1);line-height: 22px;height: 50px;text-align: left;padding-left: 30px;border-left: 1px solid #4D4D4D;}
.agenda>thead tr th:first-of-type {text-align: center;color: rgba(255, 255, 255, 1);padding: 0;background: #D58750;}
.agenda>thead tr th:last-of-type {border-left: 0;border-right: 1px solid #EBCAAA;}
.agenda td {border: 1px solid #4D4D4D;padding-left: 30px;font-size: 14px;font-weight: 400;color: rgba(255, 255, 255, 1);line-height: 22px;padding: 14px 0;padding-left: 30px;}
.agenda>tbody tr td:first-of-type {text-align: center;padding: 0;}
.agenda>tbody tr td:last-of-type {padding-right: 30px;border-left-color: transparent;}
.agenda>tbody tr td.td-title {border-right-color: transparent;}
.agenda-speakers .li {display: flex;}
.agenda-speakers .li+.li {margin-top: 20px;}
.agenda-speakers .li>.li-l {flex: 0 0 28px;height: 28px;font-size: 0;}
.agenda-speakers .li>.li-l img {width: 28px;height: 28px;border-radius: 50%;}
.agenda-speakers .li>.li-r {flex: auto;display: flex;margin-left: 10px;font-size: 14px;line-height: 22px;color: #FFFFFF;word-break: break-all;align-items: center;}
.organization .organization-list {padding-top: 40px;}
.organization .organization-list p {font-size: 16px;font-weight: 500;color: rgba(255,255,255,.7);border-left: 3px solid rgba(228, 157, 106, 1);padding-left: 10px;}
.organization .organization-list .organization-a {margin-left: -10px;margin-bottom: -10px;font-size: 0;padding-top: 15px;}
.organization .organization-list .organization-a a {background: #fff;display: inline-block;width: 110px;height: 38px;margin-left: 10px;margin-bottom: 10px;text-align: center;padding: 5px;vertical-align: middle;line-height: 38px;}
.organization .organization-list .organization-a img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.contact {padding: 40px 0 60px;}
.contact>p {font-size: 14px;font-weight: 500;color: rgba(255,255,255,.7);line-height: 20px;margin-top: 10px;}
.contact>p>img {display: inline-block;vertical-align: top;height: 16px;width: 16px;margin-top: 2px;margin-right: 12px;}
.contact>div {margin-top: 25px;font-size: 0;}
.contact>div a {margin-right: 20px;display: inline-block;vertical-align: top;width: 140px;height: 20px;background: linear-gradient(180deg, rgba(235, 202, 170, 1) 0%, rgba(228, 157, 106, 1) 100%);font-size: 14px;font-weight: 600;color: rgba(255, 255, 255, 1);line-height: 20px;padding: 8px;text-align: center;}
.contact>div a:hover {background: #ebcaaa;}
.contact>div a img {display: inline-block;vertical-align: top;height: 14px;margin-top: 3px;margin-right: 6px;}
.ticket-list {display: flex;flex-wrap: wrap;}
.ticket-list li {margin-top: 40px;flex: 0 0 260px;height: 430px;background: rgba(32, 28, 23, 1);padding: 36px 20px 15px;margin-right: 40px; transition: all .2s;}
.ticket-list li:hover {box-shadow:0px 10px 20px 8px rgba(27,20,11,0.6);transform: translateY(-10px);}
.ticket-list li:nth-of-type(4n) {margin-right: 0;}
.ticket-list li .name {padding-bottom: 16px;border-bottom: 1px solid #4D4D4D;height: 72px;display: flex;flex-wrap: wrap;align-items: center;}
.ticket-list li .name .p1 {font-size: 20px;font-weight: 600;color: rgba(255, 255, 255, 1);line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 220px;}
.ticket-list li .name .p2 {font-size: 16px;font-weight: 600;color: rgba(153, 153, 153, 1);line-height: 22px;margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 220px;}
.ticket-list li .summary {font-size: 14px;font-weight: 400;color: rgba(255, 255, 255, 1);line-height: 22px;padding-top: 15px;height: 213px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}
.ticket-list li .price {font-size: 12px;line-height: 20px;margin-top: 15px;}
.ticket-list li .price .discount-price {color: rgba(255, 255, 255, 1);}
.ticket-list li .price .discount-price i {font-style: normal;font-size: 24px;font-weight: bold;}
.ticket-list li .price .original {color: #999999;}
.ticket-list li .price .original i {font-style: normal;text-decoration: line-through;}
.ticket-list li .buy-btn {margin-top: 15px;display: block;width: 220px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: rgba(255, 255, 255, 1);background: linear-gradient(180deg, rgba(235, 202, 170, 1) 0%, rgba(228, 157, 106, 1) 100%);}
.ticket-list li .buy-btn:hover {background: #ebcaaa;}
.ticket-list li .buy-btn.over {background: #c9c9c9 !important;}
#canvas {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;}
.main-loading {position: fixed;background: #000;height: 100%;width: 100%;top: 0;left: 0;z-index: 999;display: flex;justify-content: center;align-items: center}
.spinner {width: 40px;height: 40px;position: relative;margin: 300px auto}
.double-bounce1, .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #333;opacity: .6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2s infinite ease-in-out;animation: sk-bounce 2s infinite ease-in-out}
.double-bounce2 {-webkit-animation-delay: -1s;animation-delay: -1s}
.box {display: inline-block;border-radius: 3px;font-size: 30px;color: rgba(200, 200, 200, 0.5);margin-bottom: .25em;vertical-align: middle;-webkit-transition: .3s color, .3s border;transition: .3s color, .3s border}
[class*="loader-"] {display: inline-block;width: 1em;height: 1em;color: inherit;vertical-align: middle;pointer-events: none}
.loader {position: relative}
.loader:before, .loader:after {content: '';display: block;position: absolute;border-radius: 50%;border: .1em solid transparent;border-bottom-color: #e49d6a;top: 0;left: 0;-webkit-animation: 1s loader linear infinite;animation: 1s loader linear infinite}
.loader:before {width: 1em;height: 1em}
.loader:after {width: .8em;height: .8em;top: .1em;left: .1em;-webkit-animation-direction: reverse;animation-direction: reverse}
@-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0)} 50% {-webkit-transform: scale(1)}}
@-webkit-keyframes loader {0% {-webkit-transform: rotate(0);transform: rotate(0)} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}
.right-mune {position: fixed;z-index: 998;right: 100px;bottom: 30px;}
.right-mune a {-webkit-box-sizing: border-box;box-sizing: border-box;display: block;width: 80px;height: 80px;border-radius: 50%;text-align: center;background-image: url('../img/bangdan/float-icon.png');background-size: 100% 100%;background-repeat: no-repeat;color: #fff;line-height: 20px;font-size: 14px;margin-top: 15px;padding: 20px;}
.right-mune a:hover {background-image: url('../img/bangdan/float-icon-hover.png');}
.swiper-container {width: 100%;height: 240px;margin-top: 40px;}
.news {display: flex;padding: 0 24px;}
.news li {flex: 0 0 357px;height: 240px;overflow: hidden;border-radius: 10px;font-size: 0;}
.news li+li {margin-left: 20px;}
.news li img {width: 100%;height: 100%;}
.swiper-button-next, .swiper-button-prev {background-image: none;width: 16px;height: 16px;margin-top: -8px;}
.swiper-button-next i, .swiper-button-prev i {color: #EBCAAA;}
.swiper-button-next {right: 0;}
.swiper-button-prev {left: 0;right: auto;}