/**
 * Theme Name: PandaOffice
 * Version: 1.0.8
 */
/* 测试 自定义组件 */
.table_options_btn{color:red;font-size:40px}
 a {text-decoration: none}
/* 导航链接样式 */
.nav-link{color:#333;margin:0 8px;transition:color 0.3s ease;}
.nav-link:hover{color:#0d6efd;/* Bootstrap主色调 */
}
/* 按钮样式优化 */
.btn-bg {background-color:#2C6BE8;color: #FFF;}
.btn-bg:hover {background-color:#0b5ed7;color: #FFF;}
.btn-purchase{background-color:#2C6BE8; padding: 0.375rem 0.75rem;font-size: 0.875rem;font-weight: 600;color: #FFF;}
.btn-purchase:hover{background-color:#0b5ed7;color: #FFF;}
.btn-orange {background-color:#FF9B26;}
.btn-orange:hover {background-color:#FF9B26;}
a.btn-link {--bs-btn-padding-x:0;--bs-btn-padding-y:0;text-decoration:none;}
.container-header{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto;}
.logo{height:1.875rem;width:auto;}
/* 头部容器 - 最大宽度1280px */
header .container{padding-left:1rem;padding-right:1rem;}
header.sticky-header .container{padding-left:2rem;padding-right:2rem;}
/* 内容容器 - 最大宽度1200px */
.container-content{width:100%;padding-right:var(--bs-gutter-x,0.75rem);padding-left:var(--bs-gutter-x,0.75rem);margin-right:auto;margin-left:auto;}
header .head-icon-btn img {width: 1.5rem;height: 1.5rem;}
header .navbar-toggler {--bs-border-width: 0;}
header .navbar {--bs-navbar-toggler-focus-width: 0;}
/* 常用标题样式 */
.fs-title {font-size: 18px;font-weight: 700;}
.fs-title1 {font-size:28px; font-weight: 700;}
@media (min-width: 576px) {
  .container-header { max-width: 540px; }
  .container-content { max-width: 540px; }
  header .container {padding-left: 0;padding-right: 0;}
}
@media (min-width: 768px) {
  .container-header { max-width: 720px; }
  .container-content { max-width: 720px; }
}
@media (min-width: 992px) {
  .container-header { max-width: 960px; }
  .container-content { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container-header { max-width: 1140px; }
  .container-content { max-width: 1200px; }
  .logo {height: 2.5rem; width: auto;}
  .banner .big-title h1 {font-size: 3rem !important;}
  .common-section .fs-6 {font-size: 1.125rem !important;}
  .fs-title {font-size: 20px;}
  .fs-title1 {font-size: 36px;}
}
@media (min-width: 1440px) {
  .container-header { max-width: 1280px;padding: 0; }
}
@media (max-width: 768px) {
  .banner .big-title main {font-size: 1.125rem !important;}
}
/* 吸顶头部样式 */
.sticky-header{position:sticky;top:0;z-index:1020;background-color:white;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(29,33,41,0);}
/* 滚动时添加阴影和缩小效果 */
.sticky-header.scrolled{box-shadow:0 4px 12px rgba(29,33,41,0.1);padding-top:0.5rem;padding-bottom:0.5rem;}
/* 底部样式 */
.site-footer{background-color:#000;color:#fff;padding:40px 0;}
/* 内容容器 - 最大宽度1280px并居中 */
.footer-container{max-width:1280px;margin:0 auto;}
/* 栏目标题样式 */
.footer-container h5{color:#fff;font-size:1.25rem;font-weight:400;position:relative;}
/* 链接样式 */
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:#86909c;font-size:1rem;text-decoration:none;transition:color 0.3s ease;}
.footer-links a:hover{color:#fff;padding-left:5px;}
.footer-links1{list-style:none;padding:0;margin:0;}
.footer-links1 li{margin-bottom:10px;}
.footer-links1 a{color:#86909c;font-size:1rem;text-decoration:none;transition:color 0.3s ease;}
.footer-links1 a:hover{color:#0d6efd;}
/* 折叠按钮样式 */
.collapse-btn{background:transparent;border:none;color:#fff;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:0;}
.collapse-btn:focus{outline:none;}
/* 第二层样式 */
.footer-bottom{border-top:1px solid rgba(255,255,255,0.2);}

.footer-container .accordion {
  --bs-accordion-bg: #000;
  --bs-accordion-active-bg: #000;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-color: #FFF;
  --bs-heading-color: #FFF;
  --bs-accordion-btn-color: #FFF;
  --bs-accordion-active-color: #FFF;
  --bs-accordion-btn-focus-box-shadow: unset;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0.5rem;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.footer-container .border-bottom {border-bottom-color: rgba(255, 255, 255, 0.2) !important;}
.footer-container .logo-1 {width: 10.25rem;height: 3.125rem;}
.footer-container .icon-earth {width: 1rem;height: 1rem;}
.footer-container .icon-more-box {width: 10.25rem;}
.footer-container .icon-1 {width: 1.25rem;height: auto;}
.footer-container .icon-sectigo {width: 4.1875rem;height: 1.625rem;}
.footer-links1 li::after {content: ' ';display: inline-block;width: 1px;height: 0.5rem;background-color: #FFF;margin-left: calc(var(--bs-gutter-x) * 0.5);margin-right: calc(var(--bs-gutter-x) * 0.5);}
.footer-links1 li:last-child::after {display: none;}
/* 轮播指示器 */
.carousel-indicators button { background:#d9d9d9 !important;border-radius:50%;width:0.5rem !important;height:0.5rem !important;border: none !important;}
.carousel-indicators button.active { background:#2c6be8 !important;border-radius:0.5rem;width:1.5rem !important;height:0.5rem !important; }
/* banner模块样式 */
.banner-bg {background: url(./images/banner-bg.png) no-repeat;background-size: cover;}
.banner {padding: 5rem 0;}
.banner .star-num-box .star-box{gap:0.0625rem;}
.banner .star-num-box .star{flex-shrink:0;width:1.25rem;height:1.25rem;}
.banner .star-num-box .txt {color:rgba(29,41,57,0.7);font-size:1rem;line-height:2.5rem;}
.banner .button{border-radius:0.5rem;padding:1.125rem 1.5rem;font-size:1.125rem;line-height:1.5;font-weight:600;}
.banner .btn-hollow-bg {background-color: #FFF;border-radius:0.5rem;border: 1px solid #f1f1f3;color: #1d2129;}
.banner .btn-hollow-bg:hover {background-color: #f1f1f3;border-color: #e2e2e2;}
.banner .big-title {width: 90%;}
.banner .big-title h1 {color:#1d2129;font-weight:700;}
.banner .big-title h1 span {color:#2c6be8;}
.banner .big-title main {color:#646464;font-size:1.25rem;}
/* 通用模块样式 */
.common-section {padding: 2.5rem 0;}
@media (min-width: 992px) {
  .banner .banner-img {width: 482px;margin-right: -20px;}
  .common-section {padding: 7.5rem 0;}
}
@media (min-width: 1200px) {
  .banner .banner-img {width: 586px;margin-right: -20px;}
}
@media (min-width: 1440px) {
  .banner .banner-img {width: 689px;margin-right: -20px;}
}
/* section模块1样式 */
.section-1 .card {padding: 1.5rem 1rem 1rem;}
.section-1 .card:hover {box-shadow:0 4px 12px rgba(29,33,41,0.1);}
.section-1 .card .img-box {width: 46px;height: 46px;margin-bottom: 24px;}
.section-1 .card .arrow-box {width: 2rem;height: 2rem;border-radius: 0.5rem;background-color: #FCFCFD;}
.section-1 .card .icon-arrow {width: 1rem;height: 1rem;}
.section-1 .card .card-title {margin-bottom: 20px;}
.section-1 .card .card-text {margin-bottom: 20px;}
/* section模块2样式 */
.blue-bg {background: url(./images/bg-2.png) no-repeat;background-size: cover;}
.section-2 {color: #1D2129;}
.section-2 .fs-title {font-weight: normal;}
.section-2 .t1 {font-size: 3rem;font-weight: 700;color: rgba(44, 107, 232, 1);}
.section-2 .t2 {font-size: 1.125rem;color: rgba(99, 113, 133, 1);}
.btn-bg-white {background-color: #fff; color: #2C6BE8;}
.btn-bg-white:hover {background-color: #f2f2f2; color: #2C6BE8;}
/* section模块3样式 */
.section-3 .card {padding: 14px 4px;}
@media (min-width: 992px) {
  .section-3 .card {padding: 1.5rem 2.125rem;}
}
.section-3 .card:hover {box-shadow:0 4px 12px rgba(29,33,41,0.1);}
.section-3 .card .img-box {width: 4.125rem;height: 4.125rem;margin-bottom: 1.875rem;border-radius: 0.5rem;overflow: hidden;background-color: rgba(44, 107, 232, 0.1);}
.section-3 .col-auto:nth-child(1) .card .img-box img {width: 44px;}
.section-3 .col-auto:nth-child(2) .card .img-box img {width: 36px;}
.section-3 .col-auto:nth-child(3) .card .img-box img {width: 46px;}
.section-3 .col-auto:nth-child(4) .card .img-box img {width: 54px;}
.section-3 .card .icon-arrow {width: auto;height: 0.625rem;}
.section-3 .card .card-title {margin-bottom: 14px;}
.section-3 .card .card-text {color: #637185;}
.section-3 .card a.link {font-size: 15px;}
/* 用户反馈模块样式 */
.section-user-reviews .card {padding: 0.5rem 0.5rem;background-color: #F9FAFB;}
.section-user-reviews .card:hover {box-shadow:0 4px 12px rgba(29,33,41,0.1);}
.section-user-reviews .card .img-box {width: 5rem;height: 5rem;margin-bottom: 1.25rem;border-radius: 50%;overflow: hidden;}
.section-user-reviews .card .card-text {color: #667085}
/* 视频模块样式 */
.section-videos .card-img-top {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.section-videos .t1 {font-size: 14px;color: #2C6BE8;margin-bottom: 12px;}
.section-videos .icon-arrow {width: 12px;height: 12px;margin: 6px;}
.section-videos .avatar {width: 40px;height: 40px;}
.section-videos .name {font-size: 14px;color: #101828; font-weight: 500;}
.section-videos .desc {font-size: 14px;color: #667085;}
.section-videos .time-box {top: 11px;right: 11px;background-color: #FFF;border-radius: 4px;padding: 6px 10px;font-size: 14px;color:#667085;font-weight: 500;}
.section-videos .time-box img {width: 1rem;height: 1rem;margin-right: 6px;}
/* 下载模块样式 */
.section-download-now .item {}
.section-download-now .fs-title {font-weight: normal;color: #4E5969;}
.section-download-now .item span {font-size: 18px;color: #1D2129;}
.section-download-now .item .rounded-circle {width: 3rem;height: 3rem;background-color: rgba(44, 107, 232, 0.1);}
.section-download-now .item .rounded-circle img {width: 1.75rem;}
.section-download-now .img-1 {width: 96%;height: auto;}
@media (min-width: 992px) {
  .section-download-now .img-1 {width: 559px;height: 546px;}
  .section-download-now .item .rounded-circle {width: 3.75rem;height: 3.75rem;}
  .section-download-now .content-box {width: 54% !important;}
}
/* 轮播模块样式 */
.section-swipe .img-box {width: 48px;height: 48px;border-radius: 10px;background-color: #E1EBFF;margin-right: 20px;}
.section-swipe .img-box .icon-drives-1 {width: 28px;height: 24.7px;}
.section-swipe .img-box .icon-drives-2 {width: 30px;height: 21.1px;}
.section-swipe .img-box .icon-drives-3 {width: 30px;height: 21.9px;}
.section-swipe .blue-bg-1 .card .card-body {background-color: #2C6BE8;color: #FFF;}
.section-swipe .card {--bs-card-spacer-y: 40px; --bs-card-spacer-x: 30px;--bs-card-border-radius:12px;overflow: hidden;}
.section-swipe .link {color: #2C6BE8;font-size: 15px;}
.section-swipe .blue-bg-1 .link {color: #FFF;}
.section-swipe .icon-arrow {height: 10px;}
.section-swipe h6 {margin-top: 30px; flex: 1;}
/* 价格模块样式 */
.section-prices .plan-box {background: #FCFCFD;border-radius: 12px;padding: 20px 16px;border: 1px solid #F6F6F7;}
.section-prices .t1 {font-size: 24px;font-weight: 700;line-height: 1.7;}
.section-prices .t2 {font-size: 16px;font-weight: 700;line-height: 1.7;}
.section-prices .t3 {font-size: 20px;font-weight: normal;margin-top: 20px;}
.section-prices .t3 span {font-size: 60px;font-weight: 900;}
.section-prices .t4 {font-size: 18px;line-height: 1.5;margin: 10px 0 12px;}
.section-prices .item {border: 1px solid #E4E7ED; background-color: #FFF; border-radius: 8px;padding: 14px;margin-bottom: 16px;}
.section-prices .item .img-box {background-color: #EAF0FD;width: 32px;height: 32px;border-radius: 6px;top: 14px;left: 14px;}
.section-prices .item .img-box img {width: 20px;height: 20px;}
.section-prices .item .title {font-size: 16px;font-weight: 700;text-indent: 40px;margin-bottom: 12px;}
.section-prices .item .subtitle {font-size: 14px;font-weight: normal;text-indent: 40px;line-height: 1.5;}
.section-prices .btn-hollow-bg {background-color: #FFF;border-radius:0.5rem;border: 1px solid #2C6BE8;color: #2C6BE8;padding: 16px 24px;font-size: 20px;line-height: 1.5;}
.section-prices .btn-hollow-bg:hover {background-color: 0b5ed7;border-color: 0b5ed7;}
@media (min-width: 768px) {
  .section-prices .col-md-6 {width: 48%;}
}
@media (min-width: 992px) {
  .section-prices .col-lg-4 {width: 32%;}
}
/* 步骤模块样式 */
.step-bg {background: #F7F9FE;}
.section-step .img-1 {width: 684px;height: 470px;padding: 12px;background-color: #FFF;border-radius: 12px;}
.section-step .img-1 img {width: 660px;display: none;}
.section-step .img-1 img.show {display: inline-block;}
.section-step .item {background-color: #FFF;padding: 20px 20px;border-radius: 12px;}
.section-step .item .top img {width: 48px;height: 48px;background-color: #F4F7FF;border-radius: 8px;padding: 12px;}
.section-step .item .collapse div {padding-top: 36px;border-top: 1px solid #F1F1F3;}
@media (min-width: 992px) {
  .section-step .col-lg-6 {width: 42%;}
  .section-step .img-1 {width: 547px;height: 376px;padding: 12px;background-color: #FFF;border-radius: 12px;}
  .section-step .img-1 img {width: 528px;}
}
@media (min-width: 1200px) {
  .section-step .img-1 {width: 616px;height: 423px;}
  .section-step .img-1 img {width: 594px;display: none;}
}
@media (min-width: 1200px) {
  .section-step .img-1 {width: 684px;height: 470px;}
  .section-step .img-1 img {width: 660px;}
}
.section-step .accordion {--bs-accordion-active-bg: transparent;--bs-accordion-border-width: 0;}
.section-step .content-box .img-fluid {padding: 6px;border-radius: 6px;background-color: #FFF;display: none;margin-top: 8px;margin-bottom: 24px;}
.section-step .content-box .img-fluid.show {display: inline-block;}
/* banner2 */
.banner2 .img-left {width:357px;height: 350px;}
.banner2 .img-right {width:345px;height: 256px;}