:root { --max-width-global: 1400px; --min-width-global: 1024px; --theme-white: #fff; --theme-black: #000; --theme-black-light: rgba(0,0,0,0.4); --theme-default: #004280; --theme-primary-dark: #0c58a9; --theme-primary-darker: #1d3a80; --theme-primary-medium: #4996c4; --theme-primary-mediumer: #406180; --theme-primary-light: #0078d7; --theme-primary-active: #f39800; --theme-primary-text: #595757; --theme-primary-border: #b0b6bc; --theme-live-bg: #c3e5fb; --theme-live-tag: #fd3333; --theme-live-bar: rgba(255, 255, 255, 0.41); --theme-live-progress: #ff4d4f; --theme-live-line: #001d38; --theme-live-time: #b5b5b5; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; overflow-y: hidden; overflow-x: auto; font-size: 40px; }

img, picture, video { display: block; max-width: 100%; }

input, button, textarea, select { font: inherit; outline: none; border: none; background: none; }

a { text-decoration: none; }

ul, ol { list-style: none; }

body { margin: 0; font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; background-color: var(--theme-white); }

header .inner .logo, .container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text_countdown, .container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row .item-row__item, .container .swiper-page .swiper-slide-8 .swiper-slide-con .btn_box, .container-live .live-box .live-header-title .share, .container-live .live-box .live-main .live-video-area .toolbar-left, .container-live .live-box .live-main .live-video-area .toolbar-left .setting, .container-live .live-box .live-main .live-video-area .toolbar-left .hot, .container-live .live-box .live-main .live-video-area .toolbar-right, .container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg .user, .foot .foot-w, .foot .foot-container, .foot .foot-container ul, .foot .foot-container ul li, .foot .foot-container ul li .tel { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }

.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .btn-box, .container .swiper-page .swiper-slide-8 .swiper-slide-con .btn_box a, .container-live .live-box .live-header-title .title, .container-live .live-box .live-header-title .tag, .container-live .live-box .live-header-user, .container-live .live-box .live-main .live-video-area .live-video-box .progress-bar { display: flex; flex-direction: row; justify-content: center; align-items: center; }

.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }

.container-live .live-box .live-header-title .tag .icon { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; }

header .inner nav { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }

header, header .inner, .container-live .live-box .live-header-title, .container-live .live-box .live-main .live-video-area .toolbar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text, .container-live .live-box .live-main .live-side-area .live-tabs { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }

.container .swiper-page .swiper-slide .swiper-slide-con, .container .swiper-page .swiper-slide .swiper-slide-con .section, .container .swiper-page .swiper-slide .swiper-slide-con .swiper-list .swiper-wrapper, .container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item .list-thumb, .container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item .list-thumb img, .container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item .txt, .container .swiper-page .swiper-slide-6 .swiper-slide-con .list .list-item .list-thumb, .container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item .list-thumb img, .container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item .txt { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item .list-thumb { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row .swiper .swiper-slide { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.border-sty, .container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-col, .container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row .item-row__item, .container .swiper-page .swiper-slide .swiper-slide-con .list-item { border: 1px solid var(--theme-primary-border); box-shadow: 0px 0px 11.96px 1.04px rgba(0, 0, 51, 0.2); border-radius: 0.325rem; overflow: hidden; }

.abs-centent, .play-btn-sty, .container-live .live-box .live-main .live-video-area .live-video-box .play-btn, .container-live .live-box .live-main .live-side-area .live-side-preview .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.play-btn-sty, .container-live .live-box .live-main .live-video-area .live-video-box .play-btn, .container-live .live-box .live-main .live-side-area .live-side-preview .play-btn { background: url("../images/icon-play.png") no-repeat center/contain; cursor: pointer; transition: all 0.3s ease; }
.play-btn-sty:hover, .container-live .live-box .live-main .live-video-area .live-video-box .play-btn:hover, .container-live .live-box .live-main .live-side-area .live-side-preview .play-btn:hover { transform: translate(-50%, -50%) scale(1.1); }

header { position: sticky; top: 0; left: 0; width: 100%; min-width: var(--min-width-global); background-color: var(--theme-white); padding: 0.875rem 0 0.5rem; z-index: 99; border-bottom: 0.125rem solid var(--theme-primary-darker); }
header .inner { margin: auto; padding: 0 2.5rem; width: var(--max-width-global); }
header .inner .logo { gap: 0.75rem; }
header .inner .logo img { width: 6.4rem; }
header .inner .logo label { font-size: 0.475rem; color: var(--theme-default); }
header .inner nav a { padding: 0 0.5rem; height: 0.7rem; line-height: 0.7rem; color: var(--theme-primary-dark); margin: 0; text-decoration: none; font-size: 0.5rem; border-right: 1px solid var(--theme-primary-medium); }
header .inner nav a:last-child { border-right: none; padding-right: 0; }
header .inner nav a.active { color: var(--theme-primary-active); }

.container { width: 100%; min-width: var(--min-width-global); height: calc(100vh - 2.25rem); margin: auto; }
.container .page-swiper { width: 100%; height: 100%; }
.container .swiper-page { width: 100%; height: 100%; margin: 0 auto; overflow-y: scroll; }
.container .swiper-page .swiper-slide { position: relative; background: var(--theme-white); height: 100vh; }
.container .swiper-page .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.container .swiper-page .swiper-slide .con { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: var(--max-width-global); height: 100%; }
.container .swiper-page .swiper-slide .con .txt { margin-top: 3.5rem; margin-left: 3.75rem; }
.container .swiper-page .swiper-slide .con .txt h1 { font-size: 1.007rem; line-height: 1.063rem; color: var(--theme-white); }
.container .swiper-page .swiper-slide .con .txt p { margin-top: 0.5rem; font-size: 0.8393rem; line-height: 1.063rem; color: var(--theme-white); }
.container .swiper-page .swiper-slide .swiper-slide-con { height: 100%; }
.container .swiper-page .swiper-slide .swiper-slide-con .title { margin-bottom: 1rem; font-size: 0.7rem; color: var(--theme-primary-text); }
.container .swiper-page .swiper-slide .swiper-slide-con .title-bd { border-bottom: 1px solid var(--theme-primary-border); }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-banner { width: 100%; height: 11.05rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-banner .swiper-slide { height: 100%; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-banner .swiper-pagination-banner { left: 0; right: 0; bottom: 0.5rem; margin: auto; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-banner .swiper-pagination-banner span { margin: 0 0.2rem; width: 0.25rem; height: 0.25rem; background-color: var(--theme-white); opacity: 1; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-banner .swiper-pagination-banner .swiper-pagination-bullet-active { background-color: var(--theme-primary-active); }
.container .swiper-page .swiper-slide .swiper-slide-con .section { flex: 0 0 9.75rem; width: 100%; text-align: center; background: url("../images/i1.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide .swiper-slide-con .section h2 { font-size: 0.7rem; margin-bottom: 0.75rem; color: var(--theme-primary-text); }
.container .swiper-page .swiper-slide .swiper-slide-con .section .features { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 0.75rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .section .feature { max-width: 6.5rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .section .feature h3 { color: var(--theme-primary-dark); font-size: 0.4315rem; text-align: center; font-weight: bold; }
.container .swiper-page .swiper-slide .swiper-slide-con .section .feature p { margin-top: 0.5rem; font-size: 0.35rem; color: var(--theme-primary-text); text-align: justify; line-height: 0.6475rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list { gap: 1rem; width: var(--max-width-global); }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .thumb { width: 7.175rem; overflow: hidden; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .thumb img { transition: all 0.3s ease; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .thumb img:hover { transform: scale(1.05); }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text { gap: 0.25rem; padding: 0 0 0 0.45rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text_tit, .container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text_date { font-size: 0.45rem; font-weight: bold; color: var(--theme-primary-text); }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text_countdown { gap: 0.25rem; font-size: 0.4622rem; color: var(--theme-primary-light); }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .text_countdown .icon { width: 0.65rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .btn-box { gap: 0.375rem; margin-top: 0.25rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .btn-box a { width: 2.8542rem; height: 0.6755rem; line-height: 0.6755rem; font-size: 0.3908rem; text-align: center; border-radius: 0.3377rem; color: var(--theme-white); background-color: var(--theme-default); }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item .btn-box a:hover { color: var(--theme-default); background-color: var(--theme-white); box-shadow: 0px 0px 11.96px 1.04px rgba(0, 0, 51, 0.2); }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-col { width: 11.9968rem; height: 13.0493rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-col .thumb { width: 12.075rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-col .text { gap: 0.5rem; padding: 0.5rem 0 0 0.625rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-col .btn-box { gap: 1.05rem; margin-top: 0.875rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-col .btn-box a { width: 4.225rem; height: 1.0002rem; line-height: 1.0002rem; font-size: 0.5785rem; border-radius: 0.4947rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row { position: relative; gap: 0.625rem; width: 14.95rem; height: 13.0493rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row .swiper { width: 100%; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row .swiper .swiper-slide { background: transparent; }
.container .swiper-page .swiper-slide .swiper-slide-con .zhibo-list .zhibo-item-row .item-row__item { width: 100%; height: 3.9173rem; box-shadow: unset; background: #fff; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-list { width: 28.3rem; height: 14.275rem; margin: auto; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-list .swiper-wrapper { flex-wrap: wrap; gap: 0.5rem 0.375rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-list .swiper-wrapper .swiper-slide { display: flex; justify-content: flex-start; align-items: center; width: calc((100% - 215px) / 6) !important; height: calc((100% - 60px) / 2) !important; background: transparent; }
.container .swiper-page .swiper-slide .swiper-slide-con .list-item { width: 100%; height: 100%; }
.container .swiper-page .swiper-slide .swiper-slide-con .list-item .list-thumb { width: 100%; height: 4.9rem; overflow: hidden; }
.container .swiper-page .swiper-slide .swiper-slide-con .list-item .list-thumb img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease; }
.container .swiper-page .swiper-slide .swiper-slide-con .list-item .list-thumb img:hover { transform: scale(1.05); }
.container .swiper-page .swiper-slide .swiper-slide-con .list-item button { display: block; margin: 0.375rem auto; width: 2.9835rem; height: 0.7602rem; border-radius: 0.3803rem; background-color: var(--theme-default); color: var(--theme-white); font-size: 0.418rem; line-height: 0.7602rem; text-align: center; }
.container .swiper-page .swiper-slide .swiper-slide-con .list-item button:hover { color: var(--theme-default); background-color: var(--theme-white); box-shadow: 0px 0px 11.96px 1.04px rgba(0, 0, 51, 0.2); }
.container .swiper-page .swiper-slide .swiper-slide-con .list { display: grid; grid-template-columns: 8.75rem 8.75rem 8.75rem; grid-template-rows: 6.2713rem 6.2713rem; gap: 0.875rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .list .list-item { position: relative; width: 100%; border-radius: 0.125rem; box-shadow: none; }
.container .swiper-page .swiper-slide .swiper-slide-con .list .list-item-tit { position: absolute; top: 0; left: 0; width: 100%; height: 2.25rem; z-index: 2; }
.container .swiper-page .swiper-slide .swiper-slide-con .list .list-item-tit::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 66, 128, 0.98) 80%); }
.container .swiper-page .swiper-slide .swiper-slide-con .list .list-item-tit h5 { position: relative; margin-top: 0.5rem; font-size: 0.4202rem; color: var(--theme-white); text-align: center; z-index: 2; }
.container .swiper-page .swiper-slide .swiper-slide-con .list .list-item .list-thumb { position: relative; height: 4.8rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .list .list-item button { width: 2.8035rem; height: 0.7143rem; line-height: 0.7143rem; border-radius: 0.3572rem; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-pagination-video { left: 0; right: 0; bottom: 1.125rem; margin: auto; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-pagination-video span { margin: 0 0.2rem; width: 0.25rem; height: 0.25rem; background-color: var(--theme-primary-border); opacity: 1; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-pagination-video .swiper-pagination-bullet-active { background-color: var(--theme-primary-active); }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-pagination-zhibo { right: -5%; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-pagination-zhibo span { margin: 0.2rem; width: 0.25rem; height: 0.25rem; background-color: var(--theme-primary-border); opacity: 1; }
.container .swiper-page .swiper-slide .swiper-slide-con .swiper-pagination-zhibo .swiper-pagination-bullet-active { background-color: var(--theme-primary-active); }
.container .swiper-page .swiper-slide-1 .swiper-slide-con { justify-content: flex-start; }
.container .swiper-page .swiper-slide-2 { background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-3 { background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-3 .swiper-slide-con { position: relative; margin: auto; width: 30rem; }
.container .swiper-page .swiper-slide-4 { background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-5 { height: auto !important; padding-bottom: 2rem; background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con { justify-content: flex-start; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .title { font-size: 1rem; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list { display: flex; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item { width: 5.025rem; height: 9.2218rem; border-radius: 0; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item-tit::before { display: none; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item-tit h5 { margin-top: 0.2rem; font-size: 0.6298rem; color: var(--theme-default); font-weight: bold; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item .list-thumb { width: 100%; height: 5.45rem; background: url("../images/industrial_bg.png") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item .list-thumb img { margin-top: 1.25rem; width: auto; height: auto; }
.container .swiper-page .swiper-slide-5 .swiper-slide-con .list .list-item .txt { height: calc(100% - 5.45rem); font-size: 0.5rem; color: var(--theme-primary-text); text-align: center; font-weight: bold; background-color: var(--theme-white); }
.container .swiper-page .swiper-slide-6 { height: auto !important; padding-bottom: 2rem; background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con { justify-content: flex-start; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con .title { margin: 1.25rem 0 3.125rem; font-size: 1rem; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con .list { display: flex; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con .list .list-item { border: none; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con .list .list-item .list-thumb { width: 6.5rem; height: 7.225rem; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con .list .list-item .list-thumb img { width: 6rem; height: 6.725rem; }
.container .swiper-page .swiper-slide-6 .swiper-slide-con .list .list-item .txt { margin-top: 0.5rem; font-size: 0.575rem; color: var(--theme-default); text-align: center; font-weight: bold; }
.container .swiper-page .swiper-slide-7 { height: auto !important; padding-bottom: 2rem; background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .title { margin: 1.25rem 0 1.25rem; font-size: 1rem; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list { display: flex; gap: 1.5rem; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item { width: 6.25rem; height: 8.825rem; border-radius: 0; box-shadow: 0px 0px 11.96px 1.04px rgba(0, 0, 51, 0.2); }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item-tit::before { display: none; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item-tit h5 { margin-top: 0.2rem; font-size: 0.6298rem; color: var(--theme-default); font-weight: bold; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item .list-thumb { width: 100%; height: 6.75rem; background: url("../images/industrial_bg2.png") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item .list-thumb img { width: auto; height: auto; margin-top: 0.125rem; margin-left: -0.45rem; }
.container .swiper-page .swiper-slide-7 .swiper-slide-con .list .list-item .txt { height: calc(100% - 6.75rem); font-size: 0.5rem; color: var(--theme-default); text-align: center; font-weight: bold; background-color: var(--theme-white); }
.container .swiper-page .swiper-slide-8 { background: url("../images/i1_2.jpg") no-repeat top center; background-size: cover; }
.container .swiper-page .swiper-slide-8 .swiper-slide-con h6 { font-size: 0.45rem; color: var(--theme-primary-text); }
.container .swiper-page .swiper-slide-8 .swiper-slide-con .btn_box { gap: 3.625rem; margin-top: 2.075rem; }
.container .swiper-page .swiper-slide-8 .swiper-slide-con .btn_box a { gap: 0.325rem; width: 5.593rem; height: 1.0943rem; line-height: 0.675rem; font-size: 0.551rem; text-align: center; border-radius: 0.225rem; color: var(--theme-white); background-color: var(--theme-primary-active); transition: all 0.3s ease; }
.container .swiper-page .swiper-slide-8 .swiper-slide-con .btn_box a img { width: 0.95rem; height: auto; }
.container .swiper-page .swiper-slide-8 .swiper-slide-con .btn_box a:hover { transform: scale(1.05); }
.container .swiper-button-prev, .container .swiper-button-next { top: 49%; width: 0.725rem; height: 1.725rem; background: url("../images/icon7.png") no-repeat center center; background-size: contain; color: transparent; }
.container .swiper-button-prev::after, .container .swiper-button-next::after { display: none; }
.container .swiper-button-prev { left: -0.125rem; }
.container .swiper-button-next { right: -0.125rem; transform: scaleX(-1); }
.container-live { background: var(--theme-live-bg); overflow-y: auto; }
.container-live .live-box { margin: auto; width: 27.875rem; padding: 0.75rem 0; }
.container-live .live-box .live-header { display: flex; align-items: center; justify-content: space-between; margin: 0.5rem 0; }
.container-live .live-box .live-header-title { width: 20.125rem; }
.container-live .live-box .live-header-title .title { font-size: 0.45rem; color: var(--theme-primary-text); }
.container-live .live-box .live-header-title .tag { gap: 0.125rem; margin-left: 0.3rem; width: 1.5035rem; height: 0.5012rem; border-radius: 0.25rem; background-color: var(--theme-live-tag); }
.container-live .live-box .live-header-title .tag .icon { gap: 0.075rem; }
.container-live .live-box .live-header-title .tag .icon div { width: 0.05rem; height: 0.25rem; background-color: var(--theme-white); }
.container-live .live-box .live-header-title .tag .icon div.left { animation: left-animation 1s linear infinite; }
.container-live .live-box .live-header-title .tag .icon div.center { animation: center-animation 1s linear infinite; }
.container-live .live-box .live-header-title .tag .icon div.right { animation: right-animation 1s linear infinite; }
.container-live .live-box .live-header-title .tag span { font-size: 0.3rem; color: var(--theme-white); }
.container-live .live-box .live-header-title .share { gap: 0.375rem; color: #4a90e2; font-size: 16px; cursor: pointer; margin-right: 24px; }
.container-live .live-box .live-header-title .share img { width: 0.6rem; }
.container-live .live-box .live-header-user { gap: 0.175rem; color: var(--theme-primary-text); font-size: 0.275rem; }
.container-live .live-box .live-header-user img { width: 0.7rem; height: 0.7rem; border-radius: 50%; }
.container-live .live-box .live-main { display: flex; gap: 0.25rem; box-sizing: border-box; }
.container-live .live-box .live-main .live-video-area { width: 20.125rem; border-radius: 0.075rem; display: flex; flex-direction: column; min-width: 0; background-color: var(--theme-default); }
.container-live .live-box .live-main .live-video-area .live-video-box { position: relative; width: 100%; height: 11.3rem; overflow: hidden; }
.container-live .live-box .live-main .live-video-area .live-video-box .live { position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; }
.container-live .live-box .live-main .live-video-area .live-video-box .play-btn { width: 2.025rem; height: 2.025rem; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0.5rem; height: 1rem; background: var(--theme-live-bar); transition: all 0.3s ease; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .play { margin-right: 0.5rem; width: 0.4rem; cursor: pointer; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .play:hover { transform: scale(1.1); }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .pause { display: none; margin-right: 0.5rem; width: 0.35rem; cursor: pointer; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .pause:hover { transform: scale(1.1); }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .bar { flex: 1; height: 0.175rem; background: #eee; border-radius: 0.0877rem; margin: 0 0.2rem; position: relative; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .bar .progress { position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: var(--theme-live-progress); border-radius: 0.075rem; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .time { color: #fff; font-size: 0.25rem; text-align: center; }
.container-live .live-box .live-main .live-video-area .live-video-box .progress-bar .volume { margin-left: 0.125rem; width: 0.45rem; cursor: pointer; }
.container-live .live-box .live-main .live-video-area .live-video-box .fullscreen-btn { position: absolute; top: 4%; right: 2%; width: 0.6rem; height: 0.6rem; background: url("../images/icon-fullscreen.png") no-repeat center/contain; cursor: pointer; transition: all 0.3s ease; }
.container-live .live-box .live-main .live-video-area .live-video-box .fullscreen-btn:hover { transform: scale(1.1); }
.container-live .live-box .live-main .live-video-area .toolbar { position: relative; padding: 0 0.45rem; width: 100%; height: 1.125rem; }
.container-live .live-box .live-main .live-video-area .toolbar-left { gap: 0.25rem; }
.container-live .live-box .live-main .live-video-area .toolbar-left .setting { gap: 0.075rem; }
.container-live .live-box .live-main .live-video-area .toolbar-left .setting img { width: 0.4rem; }
.container-live .live-box .live-main .live-video-area .toolbar-left .setting span { color: #fff; font-size: 13px; }
.container-live .live-box .live-main .live-video-area .toolbar-left .hot { gap: 0.075rem; }
.container-live .live-box .live-main .live-video-area .toolbar-left .hot img { width: 0.375rem; }
.container-live .live-box .live-main .live-video-area .toolbar-left .hot span { color: #fff; font-size: 13px; }
.container-live .live-box .live-main .live-video-area .toolbar-right { gap: 0.575rem; }
.container-live .live-box .live-main .live-video-area .toolbar-right .reward img { width: 0.375rem; }
.container-live .live-box .live-main .live-video-area .toolbar-right .like img { width: 0.325rem; }
.container-live .live-box .live-main .live-side-area { flex: 1.2; display: flex; flex-direction: column; min-width: 0; }
.container-live .live-box .live-main .live-side-area .live-side-preview { position: relative; display: flex; flex-direction: column; align-items: center; background-color: var(--theme-default); }
.container-live .live-box .live-main .live-side-area .live-side-preview img { width: 100%; }
.container-live .live-box .live-main .live-side-area .live-side-preview .play-btn { width: 0.95rem; height: 0.95rem; }
.container-live .live-box .live-main .live-side-area .live-tabs { position: relative; background-color: var(--theme-default); flex: 1; border-radius: 0.075rem; }
.container-live .live-box .live-main .live-side-area .live-tabs-header { position: relative; display: flex; width: 100%; border-bottom: 1px solid var(--theme-live-line); }
.container-live .live-box .live-main .live-side-area .live-tabs-header .pane { margin-left: 0.875rem; width: 1.1rem; text-align: center; padding: 0.225rem 0; font-size: 0.3rem; cursor: pointer; color: var(--theme-white); }
.container-live .live-box .live-main .live-side-area .live-tabs-header .active { color: var(--theme-white); border-bottom: 2px solid var(--theme-primary-active); font-weight: bold; }
.container-live .live-box .live-main .live-side-area .live-tabs-header .arrow { position: absolute; top: 0; bottom: 0; margin: auto; width: 0.15rem; height: 0.3rem; background: url("../images/icon-arrow.png") no-repeat center/contain; cursor: pointer; }
.container-live .live-box .live-main .live-side-area .live-tabs-header .arrow-l { left: 0.25rem; }
.container-live .live-box .live-main .live-side-area .live-tabs-header .arrow-r { right: 0.375rem; transform: scale(-1, 1); }
.container-live .live-box .live-main .live-side-area .live-tabs-content { width: 100%; height: 7rem; overflow-y: auto; padding: 0.375rem 0.3rem; }
.container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg { margin-bottom: 0.5rem; }
.container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg .time { display: block; text-align: center; font-size: 0.275rem; color: var(--theme-live-time); }
.container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg .user { gap: 0.15rem; }
.container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg .user .avatar { width: 0.7rem; height: 0.7rem; border-radius: 50%; vertical-align: middle; }
.container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg .user .name { font-size: 0.275rem; color: var(--theme-white); }
.container-live .live-box .live-main .live-side-area .live-tabs-content .chat-msg .text { margin: 0.25rem 0 0 0.75rem; width: max-content; font-size: 0.3rem; color: var(--theme-white); padding: 0.2rem 0.375rem; border-radius: 0.3402rem; background-color: var(--theme-black-light); word-break: break-word; word-wrap: break-word; }
.container-live .live-box .live-main .live-side-area .live-tabs-intro { position: absolute; top: 0.95rem; left: 0; display: none; font-size: 0.3rem; color: var(--theme-white); }

.foot { position: relative; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; background: var(--theme-primary-mediumer); z-index: 99; }
.foot .foot-w { width: 100%; max-width: var(--max-width-global); min-width: var(--min-width-global); height: 2.5rem; margin: 0 auto; }
.foot .foot-container { align-items: flex-start; }
.foot .foot-container h3 { display: block; margin-top: 0.375rem; margin-left: 2.15rem; margin-right: 4.7rem; color: #fff; font-size: 0.6rem; }
.foot .foot-container ul { gap: 1rem; padding-left: 1.5rem; height: 2rem; border-left: 2px solid #fff; list-style: none; }
.foot .foot-container ul li { color: #fff; gap: 5px; }
.foot .foot-container ul li a { display: block; color: #FFFFFF; font-size: 0.45rem; }
.foot .foot-container ul li .icon1 { width: 0.725rem; height: auto; }
.foot .foot-container ul li .icon2 { width: 0.65rem; height: auto; }
.foot .foot-container ul li .icon3 { width: 0.825rem; height: auto; }
.foot .foot-container ul li .icon4 { width: 0.65rem; height: auto; }
.foot .foot-container ul li .tel { gap: 0.5rem; }
.foot .foot-container ul li .tel p { margin: 10px 0; }

@media (max-width: 1023px) { html, body { font-size: 0.725rem; min-width: var(--min-width-global); } }
@media screen and (min-width: 1024px) and (max-width: 1399px) { html { font-size: calc(100vw * 40 / 1400); } }
@keyframes left-animation { 0% { height: 6px; }
  25% { height: 9px; }
  50% { height: 6px; }
  75% { height: 3px; }
  100% { height: 6px; } }
@keyframes center-animation { 0% { height: 9px; }
  25% { height: 6px; }
  50% { height: 3px; }
  75% { height: 6px; }
  100% { height: 9px; } }
@keyframes right-animation { 0% { height: 3px; }
  25% { height: 6px; }
  50% { height: 9px; }
  75% { height: 6px; }
  100% { height: 3px; } }

/*# sourceMappingURL=style.css.map */