/**
 * Theme Name: PandaOffice
 * Version: 1.0.379
 */

/* 常用字体及大小 */
@font-face {
	font-family: Montserrat;
	src: url(https://static2.pandaoffice.com/themes/panda/font/Montserrat-Regular-8.otf) format('opentype');
	font-weight: 400;
}
@font-face {
	font-family: MontserratBlod;
	src: url(https://static2.pandaoffice.com/themes/panda/font/Montserrat-SemiBold-9.otf) format('opentype');
	font-weight: 700;
}
body {font-family: Montserrat,Source Han Sans CN,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;}
.fw-bold, strong {font-family: MontserratBlod,Source Han Sans CN,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;}
/* bootstrp覆盖 */
:root,[data-bs-theme=light] {
	--bs-black: #0b0c0f;
	--bs-blue: #2C6BE8;
	--bs-gray-900: #20242d;
	--bs-gray-800: #353c4b;
	--bs-gray-700: #4a5469;
	--bs-gray-600: #5f6c86;
	--bs-gray-500: #7986a0;
	--bs-gray-400: #96a1b5;
	--bs-gray-300: #b4bcca;
	--bs-gray-200: #d2d7df;
	--bs-gray-100: rgb(233, 235, 239);
	--bs-body-color:var(--bs-gray-900);
}
@media (min-width: 1200px) {
    h1,.h1,.fs-1 {font-size:2.75rem}
}
@media (min-width: 1280px) {
    h1,.h1,.fs-1 {font-size:3rem}
	h2,.h2,.fs-2 {font-size:2.25rem}
}
/* 大屏下显示区域为1280 */
@media (min-width: 1400px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {max-width:1304px;}
}
.accordion {--bs-accordion-btn-focus-box-shadow:unset;--bs-accordion-active-bg:unset;--bs-accordion-color:var(--bs-gray-600);--bs-accordion-active-color:var(--bs-accordion-btn-color);}
.accordion .accordion-button:focus {box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion .accordion-button:focus[aria-expanded="false"] {box-shadow:unset;}
.accordion-item-remove .accordion-button::after {background:unset;width:0;height:0;}
.accordion-item-remove .accordion-button:not(.collapsed)::after {background:unset;width:0;height:0;}
h5, .h5, h6, .h6 {line-height: 1.5;}
.fs-6 > i {font-size: 1rem !important;}
.card {--bs-card-border-color: var(--bs-gray-200);}
.card.card-rounded-12px {--bs-border-radius: 12px;}
a {text-decoration: none}
.position-unset {position: unset !important;}
.accordion-btn-bold .accordion-button {font-size:1.25rem;font-weight:bold;font-family: MontserratBlod,Source Han Sans CN,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;}
.accordion-custom-arrow .accordion-button::after {background-color: #f4f7ff;width: 2.75rem;height: 2.75rem;background-position: center;border-radius: 8px;}
.fs_14 {font-size:14px;}
.c-gray4 {color: var(--bs-gray-400);}
.c-gray6 {color: var(--bs-gray-600);}
.c-gray7 {color: var(--bs-gray-700);}
.c-gray9 {color: var(--bs-gray-900);}
.c-blue {color: var(--bs-blue);}
.c-white {color: #FFF;}
.c86909C {color: #86909C;}
.pointer {cursor: pointer;}
.max-2-line {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 轮播组件 */
.my-carousel .carousel-control-next:hover .carousel-control-next-icon, .my-carousel .carousel-control-prev:hover .carousel-control-prev-icon {width:3rem;height:3rem;background-size:66.67% 66.67%;background-color:#e2e2e2;border-radius:50%;}
.my-carousel .carousel-indicators {margin-bottom:2.5rem;}
.my-carousel .carousel-indicators [data-bs-target] {background-color:var(--bs-blue);}
.my-carousel1 .carousel-indicators button { background:#d9d9d9 !important;border-radius:50%;width:0.5rem !important;height:0.5rem !important;border: none !important;}
.my-carousel1 .carousel-indicators button.active { background:#2c6be8 !important;border-radius:0.5rem;width:1.5rem !important;height:0.5rem !important; }
/* 导航链接样式 */
.nav-link, .nav-link a{color:var(--bs-gray-700);transition:color 0.3s ease;}
.nav-link:hover, .nav-link:hover a{color:#0d6efd;/* Bootstrap主色调 */}
/* 按钮样式优化 */
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 figure img {height:1.875rem !important;width:auto !important;}
/* icon加粗 */
.icon-fw600 i::before {font-weight: 600 !important;}
/* 鼠标移入箭头旋转 */
.arrow-box:hover .icon-arrow {transform: rotate(180deg);transition: 0.5s ease;}
/* 头部容器 - 最大宽度1280px */
header .user-avatar-box {display: none !important;}
header .user-avatar-box.show {display: inline-flex !important;align-items:center;}
header .user-avatar-box .sculpture {max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
header .userinfo-card {z-index: 1021;left: -200px; display: none !important;}
header .user-avatar-box:hover .userinfo-card {display: flex !important;}
header .userinfo-card .card {width: 260px;}
header .userinfo-card .card .item {cursor: pointer;}
header .userinfo-card .card .item:hover {background: #CCE8FF;}
header .userinfo-card .card .item:hover .icon1 {transform: rotate(90deg);transition: 0.5s ease;}
header .userinfo-card .card .item ul {display: none !important;position:absolute; right: -190px;top: -8px;background: #F7F8FA;box-shadow: -2px 0 8px 0 rgb(29 33 41 / 10%);padding: 8px 0;width: 190px;list-style-type: none;}
header .userinfo-card .card .item:hover ul {display: flex !important;}
header .userinfo-card .card .item ul li {padding: 8px;width:100%;}
header .userinfo-card .card .item ul li:hover {cursor: pointer;background: #CCE8FF;}
header .userinfo-card .card .item ul li a {color: rgb(33,37,41) !important;}
header.header-shadow {height:60px;}
header.header-shadow .header1-1{box-shadow: 0 4px 12px 0 rgb(29 33 41 / 5%);position:absolute;top:0;left:0;right:0;z-index:1051;}
@media screen and (max-width: 1600px) {
	.header1-1 .container > .userinfo-card .card .item ul {right: 225px;}
}
/* 内容容器 - 最大宽度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 i {color: var(--bs-gray-900) !important;}
header .navbar-toggler {--bs-border-width: 0;}
header .navbar {--bs-navbar-toggler-focus-width: 0;}
.header1-1 .navbar {background-color: #000;}
.header1-1 .navbar .logo figure img {height: 2.125rem !important;}
.header1-1 .navbar .logo-2 {display: none !important;}
.header1-1 .modal-header{padding-top:12px;padding-bottom:12px;}
.header1-1 .nav-link a{color:var(--bs-gray-900);}
@media (hover: hover) and (min-width: 1121px) {
	.header1-1 .navbar {background-color: #FFF;}
	.header1-1:hover .navbar {background-color: #000;}
	.header1-1:hover .navbar .nav-link, .header1-1:hover .navbar .nav-link a {color: #FFF;}
	.header1-1:hover .head-icon-btn i {color: #FFF !important;}
	.header1-1:hover .head-icon-btn i:hover {color: #f2f2f2 !important;}
	.header1-1:hover .navbar .logo-1 {display: none !important;}
	.header1-1:hover .navbar .logo-2 {display: inline-flex !important;}
	.header1-1:hover #sign-box .icon-arrow i {color: #FFF !important;}
	.header1-1:hover #sign-box .sculpture .username {color: #FFF !important;}
}
@media screen and (max-width: 1120px) {
	.header1-1 .navbar {background-color: #000;}
	.header1-1 .head-icon-btn i {color: #FFF !important;}
	.header1-1 .head-icon-btn i:hover {color: #f2f2f2 !important;}
	.header1-1 .navbar .logo-1 {display: none !important;}
	.header1-1 .navbar .logo-2 {display: inline-flex !important;}
	.header1-1 #sign-box .icon-arrow i {color: #FFF !important;}
	.header1-1 #sign-box .sculpture .username {color: #FFF !important;}
	header.sticky-header .link-item.fs_14 a {font-size: 14px;}
	header.sticky-header .accordion {--bs-accordion-border-width: 0;}
}
.header1-1 .header-pc-box {display:flex !important;align-items:center;justify-content:space-around;padding:0 96px;flex:1;}
@media (max-width: 1280px) {.header1-1 .header-pc-box{padding:0 48px;}}
@media (max-width: 1200px) {.header1-1 .header-pc-box{padding:0 24px;}}
@media (min-width: 1200px) {header .affix-pc-box > .nav-link{padding-left:20px !important;padding-right:20px !important;}}
@media (max-width: 1120px) {
	.header1-1 .header-pc-box {display:none !important;}
	.header1-1 .container > #sign-box {display:none !important;}
	header .affix-pc-btns {display:none !important;}
	header .affix-pc-box {display:none !important;}
	.sticky-header .trans-glass {background: white !important;padding:2px 0;}
}
@media (max-width: 1199px) {
	header .container {max-width:100%;padding: 0 1rem;}
}
@media (min-width: 1121px) {
	header .navbar-toggler {display:none !important;}
	header .affix-dropdown-icon ,header .affix-dropdown-icon-invisible {display:none !important;}
	header.sticky-header .container{padding-left:160px;padding-right:160px;max-width:1280px;}
	.sticky-header .trans-glass {background: rgba(255,255,255,0.65) !important;}
	.sticky-header.scrolled .trans-glass {background: rgba(255,255,255,0.7) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
}
.nav-link .product-list {top: 40px;z-index:1090;display: none !important;}
.nav-link .product-list .product-item {width:340px;}
.nav-link .product-list .product-item:hover {background: #e5e6eb;}
.nav-link:hover .product-list {display: flex !important;}
/* 吸顶导航 */
header.sticky-header .icon-windows {width:24px;height:24px;}
header.sticky-header .nav-link .box-platform {display:none !important;}
header.sticky-header .nav-link:hover .box-platform {display:block !important;}
header.sticky-header .box-platform {top: 48px;}
header.sticky-header .link-item a{color:var(--bs-gray-600);font-size:1rem;text-decoration:none;transition:color 0.3s ease;margin:0;}
header.sticky-header .link-item a:hover{color:var(--bs-blue);padding-left:5px;}
header.sticky-header .affix-wap-menu {position: absolute;top:56px;left: 0;height:calc(100vh - 116px);display:none !important;}
header.sticky-header.scrolled .affix-wap-menu {height:calc(100vh - 56px);}
header.sticky-header .affix-dropdown-icon {transition: 0.4s ease;}
header.sticky-header .affix-dropdown-icon.show {transform: rotate(180deg);}
header.sticky-header .affix-dropdown-icon.show + .affix-wap-menu {display: block !important;}
/* 常用标题样式 */
.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; }
	.header1-1 .navbar-expand-lg .navbar-collapse {display: none !important;}
	/* 第一个banner往上移动，同时吸顶二级导航透明加滚动毛玻璃效果 */
	.mt--55 {margin-top:-55px;}
}
@media (min-width: 1200px) {
  .container-header { max-width: 1140px; }
  .container-content { max-width: 1200px; }
  .logo img {height: 2.5rem; width: auto;}
  .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 !important;top:0;z-index:1020;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);}
/* 底部样式 */
.site-footer{background-color:#000;color:#fff;padding:40px 0;}
/* 内容容器 - 最大宽度1280px并居中 */
/* .footer-container{max-width:1280px;margin:0 auto;} */
/* 栏目标题样式 */
.footer-container .title {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:8px;}
.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:8px;}
.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 i {color:#86909c !important}
.footer-container .icon-1 i:hover {color:#FFF !important}
.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;}
.footer-container #navbarDropdownMenuLink a {color:#FFF !important}
.footer-container #navbarDropdownMenuLink a i {margin-right: 0 !important}
.footer-container #navbarDropdownMenuLink a:hover {color:#86909c !important}
/* 通用模块样式 */
.common-section {padding: 2.5rem 0;}
.common-section .fw-title {color: var(--bs-gray-900);font-weight: 700;}
.common-section .fw-subtitle {color: var(--bs-gray-700);font-weight: 400;}
.common-section .c-title {color: var(--bs-gray-900);}
.common-section .c-text {color: var(--bs-gray-700);}
@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);word-break: break-word;}
.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-videos .card-img-top {width: 100%;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 .icon-arrow i {color: #000 !important;}
.section-videos .avatar {width: 40px;height: 40px;border-radius: 50%;overflow:hidden;}
.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 .txt {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 figure img {width: 3rem;}
.section-download-now figure.img-1 img {width: 96%;height: auto;}
@media (min-width: 992px) {
  .section-download-now figure.img-1 img {width: 559px;height: 546px;}
  .section-download-now .item .rounded-circle {width: 3.75rem;height: 3.75rem;}
	.section-download-now .item .rounded-circle figure img {width: 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 .card:hover .card-body {background-color: #2C6BE8;color: #FFF;}
.section-swipe .card:hover .card-body .fw-title {color: #FFF;}
.section-swipe .card:hover .card-body .fw-subtitle {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 .card:hover .link {color: #FFF;}
.section-swipe .icon-arrow {height: 10px;}
.section-swipe .card:hover .icon-arrow i {color: #FFF !important;}
.section-swipe h6 {margin-top: 30px; flex: 1;}
/* 轮播模块3块内容样式 */
.section-swipe-3 .img1 {position: absolute;top:-24px;left:24px;}
/* 价格模块样式 */
.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 .money {font-size: 48px;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 i {color: #000 !important}
.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 .show img {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 p {padding-top: 36px;border-top: 1px solid #F1F1F3;padding-left:20px;}
@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: 1400px) {
  .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;--bs-accordion-active-color:#212529;}
.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;}
.section-step-1 .accordion-button {background: transparent;}
.section-step-1 .item {background: transparent;}
.section-step-1 .item.active {background: #fff;}
/* 渐变色背景 */
.bg-reset {background-size:cover;background-repeat:no-repeat;}
.bg-linear1 {background: linear-gradient(-89.54deg, #1b8eff, rgba(12, 25, 31, 0.79)), #00b8d9;}
.bg-linear1 .avatar-box figure {margin-right: -10px;}
.bg-linear2 {background: linear-gradient(to bottom, #f5f9ff, #FFFFFF);}
.bg-linear3 {background: linear-gradient(to bottom, #F9FAFD, #FFFFFF);}
.item-drecov-card-bg {background: linear-gradient(to bottom, rgba(238,242,255,.5), #FFFFFF);}
.item-drepair-card-bg {background: linear-gradient(to bottom, #FBF5FF, #FFFFFF);}
.item-gifify-card-bg {background: linear-gradient(to bottom, rgba(255,238,238,.5), #FFFFFF);}
.bg-product-1 {background-color:#f3f7ff;background-image:url(https://drecov.pandaoffice.com/wp-content/uploads/2025/09/Module-img7_usb_1.png);}
.bg-product-2 {background-image:url(https://drecov.pandaoffice.com/wp-content/uploads/2025/09/Module-img7_HDD_1.png);}
.bg-product-3 {background:linear-gradient(to right, #D5E3FF, #FFFFFF);}
.bg-product-4 {background:linear-gradient(to bottom, #F2F6FF, #F3F7FF);}
.bg-product-5 {background-image:url(https://drecov.pandaoffice.com/wp-content/uploads/2025/10/Module-img7_Digital-Camera_1_1.png);}
.bg-product-6 {background:radial-gradient(50% 50% at 50% 50%, #fbfbfb, #fff 50%, #e3f3ff);}
.bg-product-7 {background-image:url(https://drecov.pandaoffice.com/wp-content/uploads/2025/09/Module-img7_Partition_1.png);}
/* 鼠标移入布局变宽模块 */
.section-w1 .item {background: #eaf3ff;padding: 34px 24px;flex-grow:0;transition: all 0.4s ease;transform: translateZ(0);backface-visibility:hidden;perspective:1000px;}
.section-w1 .item .solution {visibility: hidden;}
.section-w1 .item.active {background: #2c6be8;padding: 34px;flex-grow: 1;}
.section-w1 .item.active .c-title, .section-w1 .item.active .c-text {color: #FFF;}
.section-w1 .item.active .solution {visibility: visible; border-top-style: dashed !important;}
.section-w1 .item.active .btn {background: #f8f9fa;color: #000;}
.section-w1 .item.active .btn:hover {background-color: #d3d4d5;border-color: #c6c7c8;}
.section-w1 .d-block.d-lg-none .item.active {padding:34px 24px;}
/* 设备检测样式 */
.device-detector {display: none;}
@media (max-width: 991px) {
    .device-detector { content: "mobile"; }
}
@media (min-width: 992px) {
    .device-detector { content: "desktop"; }
}
/* 循环跑马灯效果 */
.marquee-tarck {animation: marquee 40s linear infinite;}
.marquee-item {padding-right:100px;flex-shrink:0;}
@keyframes marquee {
	0% {transform:translatex(0);}
	/* 
	* 使用 var(--content-width) 获取由 JS 设置的精确宽度
	* 这个值就是原始内容的像素宽度
	*/
	100% {transform:translatex(calc(-1 * var(--content-width)));}
}
/* .marquee-tarck:hover {animation-play-state: paused;} */
/* 文件类型|支持设备类型 */
.section-support-devices .type-item {height: 348px;background: linear-gradient(180deg, rgba(69, 170, 255, 0.4), rgba(237, 252, 255, 0)), #fff;border-radius:12px;margin-bottom:32px;}
.section-support-devices .box-btns {padding: 6px;height: 56px;}
.section-support-devices .box-btns > p {cursor:pointer;}
.section-support-devices .box-btns .active {background:#FFF;border-radius:30px;overflow:hidden;color:var(--bs-blue);}
.section-support-devices .box-file-types, .section-support-devices .box-support-devices {display:none !important;}
.section-support-devices .box-file-types.active, .section-support-devices .box-support-devices.active {display:flex !important;}
/* banner --- start */
/* banner模块样式 */
.banner-bg {background: url(./images/banner-bg.png) no-repeat;background-size: cover;}
.banner {padding: 5rem 0;}
.banner .star-num-box .star i {color: #FF9B26 !important;}
.banner .star-num-box .txt {color:rgba(29,41,57,0.7);font-size:1rem;}
.banner a.btn {padding:1.125rem 1.5rem;font-size:1.125rem;line-height:1.5;font-weight:600;}
.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;}
/* banner2 */
.banner2 .areoi-background__image {background-size: contain;}
.banner2 .btn2 {background-color: #eef6ff !important;}
@media (max-width: 992px) {
	.banner2 .areoi-background__image {background-size: cover;}
}
@media (min-width: 1440px) {
	.banner2 h1 {font-size: 56px !important;}
}
/* banner3模块 */
@media (min-width: 992px) {
	.banner3 .img1 {right:30px;width:119%;top:0;}
}
/* banner-dercov模块 */
.banner-dercov {padding: 54px 0 44px;}
.banner-dercov .img1 img {margin-top:72px;}
@media (min-width: 992px) {
	.banner-dercov .img {width:459px;height:502px;}
}
@media (min-width: 1200px) {
	.banner-dercov .img {width:504px;height:555px;}	
}
@media (min-width: 1280px) {
	.banner-dercov .img {width:560px;height:617px;}	
}
/* banner --- end */
/* ready模块 */
.section-ready .img1 {position: relative !important;}
@media (min-width: 576px) {
	.section-ready .rounded-0 {border-radius: 20px !important}
}
@media (min-width: 992px) {
	.section-ready .img1 {position: absolute !important;width: 576px;bottom:0;right:44px;}
}
/* features模块 */
.section-features .f-item {border-radius:10px;border: 1px solid var(--bs-gray-200);overflow:hidden;background-color:#FFF; width:340px;flex-shrink:0;}
@media (max-width: 767px) {
	.section-features .f-item {width:100%;}
}
.section-features .f-item:hover {background-color:#ecf2fd;border-color:var(--bs-blue);}
.section-features .icon-left > i, .section-features .icon-right > i {cursor: pointer;; color: var(--bs-blue) !important;}
.section-features .icon-left.disabled > i, .section-features .icon-right.disabled > i {cursor: no-drop;color: var(--bs-gray-200) !important;}
/* scrollbar样式 */
::-webkit-scrollbar {height: 5px;width: 5px}
::-webkit-scrollbar-track {border-radius: 20px;background-color: #DFE9EB;}
::-webkit-scrollbar-track:hover {background-color: #DFE9EB}
::-webkit-scrollbar-track:active {background-color: #DFE9EB}
::-webkit-scrollbar-thumb {border-radius: 20px;background-color: #B8C0C2}
::-webkit-scrollbar-thumb:hover {background-color: #B6BEC0}
::-webkit-scrollbar-thumb:active {background-color: #B6BEC0}
.h-scrollbar {scrollbar-width: thin;scrollbar-color: #ecf2fd transparent;}
.h-scrollbar::-webkit-scrollbar {height: 5px;}
.h-scrollbar::-webkit-scrollbar-thumb {background-color: #ecf2fd;border-radius: 10px;}
.hidden-scrollbar::-webkit-scrollbar {width:0;height:0;}
/* 阴影蒙层 */
.left-shadow::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right,rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 120px,rgba(255, 255, 255, 0) 100%);pointer-events: none;z-index:1;}
.right-shadow::after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left,rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 120px,rgba(255, 255, 255, 0) 100%);pointer-events: none;}
@media (max-width: 767px) {
	.left-shadow::before, .right-shadow::after {display: none;}
}
/* 数据展示 */
.section-shuju {padding-top: 120px;}
.section-shuju .bottom-bg-box {padding-bottom: 120px;padding-top:324px;}
.section-shuju .fs_56 {font-size: 56px;}
@media (max-width: 575px) {
	.section-shuju .bottom-bg-box .areoi-background__image {background-image: url(https://drecov.pandaoffice.com/wp-content/uploads/2025/09/Background_Module5-bg_wap.png) !important;background-repeat: no-repeat;background-position-y: top;background-size: contain;}
}
@media (max-width: 991px) {
	.section-shuju .fs_56 {font-size: 28px;}
	.section-shuju .bottom-bg-box {padding-bottom: 40px;padding-top:130px;}
}
/* 3块吸顶 */
@media (min-width: 992px) {
	.sticky-top20 {position:sticky !important;top:75px;height:500px;}
	.sticky-top20.h-auto figure {width:90%;}
	.sticky-top20 figure.col-lg-6 {width:43.6%}
	.merge-box > div {width:calc(50% + 6px);}
	.merge-box > div:first-child {margin-right:-6px;}
	.merge-box > div:last-child {margin-left:-6px;}
	/*232布局*/
	.section-videos .box-232 .card-img-top {width:90%;align-self:center;}
}
/* 隐私协议页面样式 */
.box-privacy-policy h3 {font-size:20px !important;font-family: MontserratBlod,Source Han Sans CN,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;margin-bottom:1rem;color:var(--bs-gray-900);font-weight:700;line-height:1.5;}
.box-privacy-policy p {font-size:1rem;color:var(--bs-gray-600);}
/* pandaoffice关于我们 */
.ab-us-banner .areoi-background__image {background-position:left;}
@media (min-width: 768px) {.video-box {width: 87%;}}
.ab-us-addr-box {height:130px;}
.ab-us-addr-posi {position:absolute;bottom:20%;right:10%;}
@media (min-width: 768px) {.ab-us-addr-box {height: 278px;}.ab-us-email-box {margin-top: -40px;}.ab-us-email-box .col-md-7 {width:55%;}}
@media (min-width: 992px) {.ab-us-addr-box {height: 354px;}.ab-us-email-box {margin-top: -50px;}}
@media (min-width: 1200px) {.ab-us-addr-box {height: 430px;}.ab-us-email-box {margin-top: -60px;}}
@media (min-width: 1400px) {.ab-us-addr-box {height: 506px;}.ab-us-email-box {margin-top: -70px;}}
.ab-us-email-box .box-follow > div:nth-child(1) i {color: #CD201F !important;line-height:1;font-size:26px !important;}
.ab-us-email-box .box-follow > div:nth-child(2) i {color: #2474FC !important;line-height:1;font-size:26px !important;}
.ab-us-email-box .box-follow > div:nth-child(3) i {color: #000000 !important;line-height:1;font-size:26px !important;}
.ab-box-links .col-3 p a {color: var(--bs-gray-900) !important;}
.ab-box-links > .col-3:nth-child(1) > p {background-color: #ECF2FD;border-radius:8px;padding: 11px 16px;}
.ab-box-links > .col-3:nth-child(1) > p a {color:var(--bs-blue) !important;}
/* 文章列表 */
.list-img-box {width:272px;height:212px;margin-right:40px;}
.list-img-box img {height: 100%;}
.read-more > span.screen-reader-text {display:none !important;}
.classify-box {padding: 18px;}
.classify-box > p {padding: 20px 14px;}
.classify-box > p.active {background:#ECF2FD;border-radius:12px;color:var(--bs-blue);}
.top4-1-box .list-img-box {width:630px;height:352px;margin-right: unset;}
.top4-2-box .list-img-box {width:260px;height:156px;margin-right:22px;}
.top4-2-box ul li {margin-bottom:1rem;}
.top4-2-box ul li:last-child {margin-bottom:0;}