:root { /* --theme: #E08310; */ --theme: #6B90E9; }

a[href]:hover { color: var(--theme); }

.vus-w-px-5 { width: 5px; }
.vus-w-calc-20 { width: calc(100% - 20px); }
.vus-w-calc-370 { width: calc(100% - 370px); }
.vus-h-px-5 { height: 5px; }
.vus-bg--theme { background-color: var(--theme); }
.vus-bg--footer { background-color: #212D47; }
.vus-bg-fixed { background-color: #5f93d3; }
.vus-color--theme { color: var(--theme); }

/* 轮播分页 */
.swiper-container .swiper-pagination-bullet-active { background-color: var(--theme); }

/* 登录 */
.mg-color-1 { color: var(--theme); }

/* 导航栏 */
.vus-nav-drawer.mg .item.active > .link, 
.vus-nav-drawer.mg .item:not(.disabled):hover > .link, 
.vus-nav-drawer.mg .item.active > .link, 
.vus-nav-drawer.mg .item:not(.disabled):hover > .link { color: var(--theme); }
.vus-nav-drawer.mg > .vus-nav > .item:not(.disabled)::before, 
.vus-nav-drawer.mg > .vus-nav > .item:not(.disabled):hover::before, 
.vus-nav-drawer.mg > .vus-nav > .item:not(.disabled).active::before { border-bottom-color: var(--theme); }

/* 广州展会头条 */
.gzhztt .mg-bg-cover { height: 300px; }
.gzhztt-pagination { bottom: 60px !important; }

/* 日历 */
.es-date { width: 100%; height: 262px; }
.es-date-title { height: 90px; line-height: 90px; }
.es-date-arrow { top: calc(50% - 10px); }
.bg-1 { background-color: #6d88cb; }
.bg-2 { background-color: #93a8df; }
.bg-3 { background-color: #7992cb; }

/* 展会服务 */
.mg-service .item { width: 33.33%; }
.mg-service .item > a > div { background-color: #efeff0; transition: all .3s; }
.mg-service .item:hover > a { color: #FFFFFF !important; }
.mg-service .item:hover > a > div { background-color: var(--theme); transition: backgroundColor .3s; }
.mg-service .item:hover img { transform: none; }

/* 精彩视频 */
.mg-video .video { position: relative; width: 100%; height: 220px; overflow: hidden; }
.mg-video .player { top: calc(50% - 25px); left: calc(50% - 25px); width: 50px; height: 50px; }

/* 办展环境 */
.mg-tabs .item:hover, 
.mg-tabs .item.active { color: var(--theme); }
.mg-tabs .item::before { background-color: var(--theme); }

/* 页脚 */
.mg-footer { background-color: #313F5C; }

/* 侧边菜单 */
.mg-fixed-service .icon { background-image: url(../image/fixed_icon2.png); }