body {font-size:16px; background-color:#ffffff;}
* {touch-action: pan-y;}
#newBridge .nb-icon-wrap {top:unset!important; right:11px!important; bottom:-36px!important; opacity:0;}
#issueBox {display:none!important;}
#issueBox p.issue-item {display:none!important;}

/* 百度在线客服 */
div.embed-icon {inset:auto 15px 5px auto!important; transform:unset!important;}

/* mui 样式覆盖 */
.mui-content {background-color:#ffffff;}
.mui-toast-container {top:45% !important; min-width:80% !important;}
.mui-toast-message {padding:16px 20px !important;}

/* 类修饰 */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.w-50 {width:50%;}
.w-100 {width:100%;}
.h-100 {height:100%;}
.bg-grey {background-color:#f0f0f0 !important;}
.bg-white {background-color:#ffffff !important;}

/* 动态进度条样式 */
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  overflow: hidden;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
}
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #c53c38;
  transition: width .6s ease;
}
.progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}
@keyframes progress-bar-stripes {from{background-position:1rem 0}to{background-position:0 0}}


/* 通用头部 LOGO */
#site--header_logo {background-color:#ffffff; padding:0.5rem 1rem 0.85rem 1rem; margin:0; min-height:80px; box-shadow:-0.2rem -0.2rem 0.3rem rgba(255, 255, 255, 0.2);}
#site--header_logo h1.mui-title {text-align:center; height:100%; left:5px!important;} /* display:flex; align-items:center; */
#site--header_logo h1.mui-title img {width:70%;}
#site--header_logo a.mui-pull-right i {color:#555555; font-size:2.0rem;}
#site--header_logo-br {display:block; height:20px;}

/* 通用头部 文字标题 */
#site--header_simple a.mui-pull-left,
#site--header_simple a.mui-pull-right i {
  color:#555555; font-size:1.75rem;
}

/* 通用底部选项卡导航 */
#site--footer_nav {background-color:#f7f7f7; padding-bottom:0.5rem;}
#site--footer_nav a.mui-tab-item {text-align:center;}
#site--footer_nav a.mui-tab-item img {display:block; margin:0.5rem auto; width:27%;}
#site--footer_nav .mui-tab-label {color:#c53c38; font-size:0.9rem;}

/* 页面框架 */
#offCanvasSide.mui-off-canvas-left,
#offCanvasSide.mui-off-canvas-right {width:47% !important;}
#offCanvasSide i.bi {display:inline-block; margin-right:6px; font-size:1rem;}
#offCanvasSide .mui-table-view-cell i.bi {font-size:0.75rem;}
#offCanvasContentScroll {margin-top:30px; margin-bottom:70px;}
#offCanvasHide {margin:10px 0; font-size:0.875rem; color:#a0a0a0;}
#site--copyright {font-size:0.75rem; color:#a9a9a9; text-align:center; margin-top:30px; margin-bottom:18px;}
#site--copyright a {color:#a9a9a9; text-decoration:none;}


/* 报名弹窗 */
.site-alert-enroll {
  background-image:url("../image/alert/enroll_bg.jpg"); background-repeat:no-repeat; background-size:cover;
  margin:0; padding:15px;
}
.site-alert-enroll div.count {font-size:1.125rem; margin:12px 0 8px 0;}
.site-alert-enroll div.count b {font-weight:normal; color:#c53c38;}
.site-alert-enroll input {width:94%; border:1px solid #eee;}
.site-alert-enroll .mui-btn-danger {
  background-color:#c53c38; color:#ffffff;
  width:94%; height:40px; font-size:1rem;
}
.site-alert-enroll p {margin-top:12px; font-size:0.875rem; color:#666;}
.site-alert-enroll i.btn-close {color:#999; font-size:1.75rem; position:absolute; top:16px; right:16px;}
.site-alert-enroll img.family {margin-top:10px;}

/** 首页 顶部轮播图 */
#index--top-slider .mui-indicator {background-color:#ffffff;}
#index--top-slider .mui-indicator.mui-active {background-color:#c53c38;}

/** 首页 图标导航 */
#index--site-grid-nav {margin:0.25rem;}
.site-grid-nav .mui-grid-view.mui-grid-9 {background-color:#ffffff!important; border:0;}
.site-grid-nav .mui-grid-view.mui-grid-9 li {border:0;}
.site-grid-nav .mui-grid-view.mui-grid-9 li a {padding:0!important;}
.site-grid-nav .mui-icon {width:100%;}
.site-grid-nav .mui-icon img {width:100%;}
.site-grid-nav .mui-media-body {margin-top:4px!important; font-size:0.9rem!important; font-weight:bold;}
#index--site-grid-nav--btn-more,
#index--site-grid-nav--btn-hide {
  display:block; margin:10px auto 0 auto; padding:5px; width:33%; color:#7d7d7d; border-color:#9d9d9d;
}

/** 首页 获取预算 */
#index--fetch-price {background-color:#f5f5f5; margin:12px; padding:20px 12px;}
#index--fetch-price h2.title {font-size:1.25rem;}
#index--fetch-price p.fetch {font-size:1rem; color:#2b2b2b;}
#index--fetch-price p.fetch span.price {color:#c53c38;}
#index--fetch-price div.bg {margin-bottom:-65px; text-align:right;}
#index--fetch-price img.bg {position:relative; top:0; left:0;}
#index--fetch-price img.price {width:90%; position:relative; top:-78px; left:-10px;}
#index--fetch-price div.bg span.price {display:inline-block; margin-right:10px; color:#2b2b2b; font-size:2.75rem;}

#index--fetch-price .mui-input {height:auto; padding:15px; border:0; border-radius:4px;}
#index--fetch-price .mui-btn-danger {background-color:#c53c38; color:#ffffff; letter-spacing:3px; border-radius:30px; padding:10px 0;}

/** 首页 特色图片展示 */
#index--section-banner-01 {padding:15px 15px 15px 9px; margin-bottom:10px; border-bottom:1px solid #f0f0f0;}
#index--grid-feature-show {padding:3px 9px;}
#index--grid-feature-show .mui-grid-view.mui-grid-9 {background-color:#ffffff!important; border:0;}
#index--grid-feature-show .mui-grid-view.mui-grid-9 li {border:0; padding:0;}
#index--grid-feature-show .mui-grid-view.mui-grid-9 div.inner {border:1px solid #eee; margin:3px;}


/** 首页板块 及 板块标题 统一样式 */
.index-section {margin:28px 14px 0 14px; clear:both;}
.index-section .section-header h2 {font-size:1.5rem; font-weight:bold; color:#2b2b2b;}
.index-section .section-header h4 {font-size:1.125rem; font-weight:normal; color:#2b2b2b;}
.index-section .section-header a {font-size:0.875rem; color:#3f3f3f;}
.index-section .section-body {margin-top:6px;}

/** 首页 装修案例板块 */
#index--section-case--nav-category {display:flex; flex-direction:row; justify-content:space-around;}
#index--section-case--nav-category .nav-item {width:19%; text-align:center;}
#index--section-case--nav-category .nav-item a {
  display:block; width:95%; background-color:#eeeeee; color:#5d5d5d; padding:2px 0; border-radius:1rem; font-size:1.125rem;
}
#index--section-case--nav-category .nav-item i.bi {display:none;}

#index--section-case--nav-category .nav-item.active a {color:#000000;}
#index--section-case--nav-category .nav-item.active i.bi {display:inline; font-size:1.125rem; position:relative; left:-5px; color:#c53c38;}

#index--section-case--slider {margin-top:6px;}
#index--section-case--slider .mui-slider-item {padding:3px;}
#index--section-case--slider img {border-radius:6px;}
#index--section-case--slider h6 {
  font-size:1.125rem; font-weight:bold; color:#000000; margin-bottom:12px;
  white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
}
#index--section-case--slider p {font-size:1rem; color:#5d5d5d; margin:0 0 36px 0;}
#index--section-case .mui-slider-indicator .mui-indicator {width:8px; height:8px; background-color:#ccc; box-shadow:none; margin:1px 3px;}
#index--section-case .mui-slider-indicator .mui-indicator.mui-active {width:28px; background-color:#c53c38; border-color:#c53c38; border-radius:8px;}

#index--section-case .mui-btn-danger {background-color:#c53c38; color:#ffffff; letter-spacing:3px; border-radius:30px; font-size:1.5rem; margin-top:14px; padding:8px 0;}


/** 首页 设计师板块 */
#index--section-designer--slider .mui-slider-item {width:50%; padding:5px;}
#index--section-designer--slider .card {overflow:hidden; border-radius:6px;}
#index--section-designer--slider .img-medal {position:absolute; top:3px; left:8%; width:20%;}
#index--section-designer--slider div.info {position:absolute; bottom:17px; left:0; padding:0 10px 0 10px; width:99%;}
#index--section-designer--slider div.info h6 {font-size:1.375rem; font-weight:bold; color:#ffffff; letter-spacing:2px;}
#index--section-designer--slider div.info small {font-size:0.875rem; color:#ffffff; letter-spacing:0;}
#index--section-designer--slider div.info p {
  font-size:0.75rem; color:#ffffff; margin:0;
  white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
}
#index--section-designer--slider div.info .mui-btn-danger {
  width:93%; padding:3px 0; background-color:#c53c38;
}

#index--section-designer--slider .slider-btn-prev,
#index--section-designer--slider .slider-btn-next {
  width:24px; height:24px; line-height:24px; border-radius:50%; position:absolute; top:45%;
  font-size:18px; color:#ffffff; background-color:#000000; opacity:0.5; text-align:center;
}
#index--section-designer--slider .slider-btn-prev {left:0;}
#index--section-designer--slider .slider-btn-next {right:0;}


/** 首页 门店板块 */
#index--section-store--list {margin-top:25px;}
#index--section-store--list .col {padding-left:5%;}
#index--section-store--list .col-right {padding-left:10%;}
#index--section-store--list .col h6 {font-size:1.0rem; font-weight:bold; color:#2b2b2b;}
#index--section-store--list .col p {font-size:0.9375rem; font-weight:bold; color:#5d5d5d;}
#index--section-store .mui-btn-danger {background-color:#c53c38; color:#ffffff; letter-spacing:3px; border-radius:30px; font-size:1.5rem; margin-top:24px; padding:8px 0;}


/** 首页 工艺板块 */
#index--section-craft--slider {margin-top:12px;}
#index--section-craft--slider .mui-slider-item {width:50%; padding:2px;}
#index--section-craft--slider h6 {font-size:1rem; font-weight:bold; color:#000000;}
#index--section-craft--slider p {font-size:0.75rem; color:#5d5d5d;}

#index--section-craft--slider .slider-btn-prev,
#index--section-craft--slider .slider-btn-next {
  width:24px; height:24px; line-height:24px; border-radius:50%; position:absolute; top:30%;
  font-size:18px; color:#ffffff; background-color:#000000; opacity:0.5; text-align:center;
}
#index--section-craft--slider .slider-btn-prev {left:0;}
#index--section-craft--slider .slider-btn-next {right:0;}


/** 首页 资讯板块 */
#index--section-news {margin-top:18px;}
#index--section-news--nav-category {display:flex; flex-direction:row; justify-content:space-around;}
#index--section-news--nav-category .nav-item {width:33%; text-align:center;}
#index--section-news--nav-category .nav-item a {
  display:block; width:95%; background-color:#ffffff; color:#3f3f3f; padding:3px 0; border:1px solid #eee; border-radius:3px; font-size:1.0rem;
}
#index--section-news--nav-category .nav-item i.bi {display:none;}

#index--section-news--nav-category .nav-item.active a {background-color:#c53c38; border-color:#c53c38; color:#ffffff;}
#index--section-news--nav-category .nav-item.active i.bi {display:inline; font-size:1.125rem; position:relative; left:-5px; color:#c53c38;}

#index--section-news--list .card {margin:10px 0;}
#index--section-news--list .card .col-img {padding:6px;}
#index--section-news--list .card .col-img img {max-height:100px;}
#index--section-news--list .card .col-content {padding:6px;}
#index--section-news--list .card h5 {font-size:1rem; line-height:1.2rem; font-weight:bold; color:#2b2b2b;}
#index--section-news--list .card p {
  font-size:0.75rem; color:#7d7d7d;
  white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
}


/** 案例列表 导航 */
#case--nav-main {padding-right:1.125rem; color:#5d5d5d;}
#case--nav-main .mui-select {font-size:0.9375rem; width:80%; padding:3px; direction:rtl;}
#case--nav-main .label {font-size:0.75rem; margin-top:0.5rem;}

/** 案例列表 内容 */
#case--ul-main {background-color:#f0f0f0; padding:5px;}
#case--ul-main .card {
  position: relative;
  overflow: hidden;
  margin: 10px;
  border-radius: 2px;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
#case--ul-main .card-media {position: relative;}
#case--ul-main .card-header {position:absolute; bottom:0; padding:15px 10px;}
#case--ul-main img.des-photo {float:left; width:23%; border:2px solid #f2dba7; border-radius:6px;}
#case--ul-main h6.des-name {float:left; width:70%; font-size:0.9375rem; color:#ffffff; margin-top:1.5rem; margin-left:6px;}
#case--ul-main .card-header .mui-btn-danger {float:right; font-size:0.9375rem; background-color:#c53c38; padding:6px 15px; border:0; border-radius:50px; margin-top:1.5rem;}
#case--ul-main .card-body {margin:0; padding:6px 18px;}
#case--ul-main .card-body h4 {font-size:1.125rem; color:#2b2b2b; font-weight:bold;}
#case--ul-main .card-body .col-case-info {font-size:0.875rem; color:#5d5d5d;}
#case--ul-main .card-body .col-ex {font-size:0.8125rem; color:#999; text-align:right;}

#case--ul-main .mui-pager li>a {color:#c53c38; margin:0 10px;}
#case--ul-main .card-no-data {font-size:0.875rem; height:330px; padding:140px 20px 0 20px; color:#c53c38;}


/** 案例详情 */
#case-show--top-banner {margin-top:-44px; position:relative;}
#case-show--top-banner-inner {
  position:absolute; bottom:5px; width:94%; margin:0 3%; padding:20px 15px 12px 15px;
  border-radius:12px 12px 0 0; background-color:#ffffff; opacity:0.9;
  text-align:center;
}
#case-show--top-banner-inner h2 {font-size:1.125rem; font-weight:bold; color:#2b2b2b; margin-bottom:6px;}
#case-show--top-banner-inner h4 {font-size:0.9375rem; font-weight:normal; color:#505050;}

#case-show--des-banner {
  width:94%; margin:-6px 3% 15px 3%; padding:0 15px 15px 15px;
  border-radius:0 0 12px 12px; background-color:#ffffff; opacity:0.9;
}
#case-show--des-banner .border-top {border-top:1px solid #aaa; padding-top:18px;}
#case-show--des-banner .img-des {margin:2px; border-radius:4px;}
#case-show--des-banner .img-corner {width:46%; position:absolute; top:0; left:0;}

#case-show--des-banner .col-des {padding-left:8px;}
#case-show--des-banner .col-des h5 {font-size:1.0625rem; font-weight:bold; color:#2b2b2b; margin-bottom:10px;}
#case-show--des-banner .col-des p {font-size:0.9375rem; color:#505050; margin-bottom:8px;}
#case-show--des-banner .col-des p.title {color:#2b2b2b;}
#case-show--des-banner .col-des span.num {color:#c53c38;}
#case-show--des-banner .mui-btn-danger {display:block; width:100%; background-color:#c53c38; padding:3px; border-radius:15px; margin-top:22px; letter-spacing:2px;}

#case-show--des-banner .border-bottom {
  border-bottom:1px solid #aaa; padding:8px 0 4px 0;
  font-size:1.0rem; color:#505050; font-weight:bold;
}
#case-show--des-banner p.detail {font-size:0.875rem; color:#505050;}

/** 案例详情 内容容器 */
#case-show--type1-container,
#case-show--type2-container,
#case-show--type3-container {
  width:94%; margin:0 3% 15px 3%; padding:0 0 15px 0; background-color:transparent; min-height:40px;
}

/** 案例详情 图集 */
#case-show--type1-container .card {
  position:relative; margin-bottom:12px;
}
#case-show--type1-container .card h4 {
  background-color:#2b2b2b; color:#ffffff; opacity:0.75; font-size:0.9375rem; font-weight:normal;
  position:absolute; bottom:5px; width:100%; margin:0; padding:8px; text-align:center;
}
/** 案例详情 3d全景 */
#case-show--type2-container iframe {border:0; height:75vh;}

/** 案例详情 短视频 */
#case-show--type3-container iframe {border:0;}

/** 案例详情 按钮-更多 */
ul.mui-pager.case-more {margin:-15px 0 15px 0; padding:0 0 15px 0;}
ul.mui-pager.case-more li>a {color:#c53c38; margin:0 10px;}

/** 案例详情 其他参考 */
#case-show--others {padding:5px 7px 15px 7px;}
#case-show--others h3 {
  font-size:1.1875rem; font-weight:bold; letter-spacing:1px; color:#2b2b2b;
  padding-bottom:15px; margin-bottom:7px; border-bottom:1px solid #ccc;
}

#case-show--others .card {margin:0 3px; background-color:#ffffff;}
#case-show--others .card-media {position: relative;}
#case-show--others .card-header {position:absolute; bottom:0; padding:0 0 8px 6px;}
#case-show--others img.des-photo {float:left; width:23%; border:1px solid #f2dba7; border-radius:6px;}
#case-show--others h6.des-name {float:left; width:70%; font-size:0.8125rem; color:#ffffff; margin-top:0.75rem; margin-left:3px;}
#case-show--others .card-body {margin:0; padding:2px 6px;}
#case-show--others .card-body h4 {
  font-size:0.8125rem; color:#2b2b2b; font-weight:bold;
  white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
}
#case-show--others .col-case-info {font-size:0.75rem; color:#5d5d5d;}


/** 设计师列表 导航 */
#designer--banner-top {margin:-22px 0 8px 0;}
#designer--nav-main {padding-right:1.125rem; color:#5d5d5d;}
#designer--nav-main .mui-select {font-size:0.9375rem; width:80%; padding:3px; direction:rtl;}
#designer--nav-main .label {font-size:0.75rem; margin-top:0.5rem;}

#designer--ul-main {background-color:#f0f0f0; padding:15px 10px;}
#designer--ul-main .card {background-color:#ffffff; padding:10px; margin-bottom:10px; border-radius:3px;}
/** 设计师列表 卡片项内容 */
#designer--ul-main .card .des-photo-wrapper {overflow:hidden;}
#designer--ul-main .card .col-content {padding:8px 8px 4px 12px;}
#designer--ul-main .card h4 {font-size:1.375rem; color:#2b2b2b; font-weight:bold; margin-top:5px;}
#designer--ul-main .card span.star5 {font-size:0.75rem; color:#999; margin-top:4px;}
#designer--ul-main .card span.star5 i.bi {font-size:0.75rem; color:#f9e29a; margin:0; padding:0;}
#designer--ul-main .card h6 {font-size:1.0rem; color:#5d5d5d; margin-top:6px;}
#designer--ul-main .card p {font-size:0.875rem; color:#999999; margin-top:13px;}
#designer--ul-main .card .mui-btn-danger {
  font-size:0.9375rem; background-color:#c53c38; padding:2px 15px; letter-spacing:1px;
  border:0; border-radius:14px; margin-top:22px;
}
/** 设计师列表 卡片项内容 擅长风格 */
#designer--ul-main .card .row-style-names {margin-top:6px;}
#designer--ul-main .card span.badge-style-0 {font-size:0.9375rem; font-weight:bold; color:#5d5d5d; float:right;}
#designer--ul-main .card span.badge-style {
  display:inline-block; margin-bottom:3px;
  font-size:0.875rem; color:#c53c38; padding:0 13px; border:1px solid #c53c38; border-radius:12px;
}

#designer--ul-main .mui-pager li>a {color:#c53c38; margin:0 10px;}
#designer--ul-main .card-no-data {font-size:0.875rem; height:330px; padding:140px 20px 0 20px; color:#c53c38;}


/** 设计师详情 主要信息 */
#designer-show--detail {padding:24px 16px 6px 16px;}
#designer-show--detail .col-des-photo img {border-radius:3px;}
#designer-show--detail .col-des-info {padding-left:20px; padding-right:6px;}
#designer-show--detail h2 {
  font-size:1.5625rem; font-weight:bold; color:#2b2b2b;
  padding-bottom:8px; margin-top:12px; margin-bottom:12px; border-bottom:1px solid #ccc;
}
#designer-show--detail h2 small {font-size:1.125rem; font-weight:normal; color:#2b2b2b;}
#designer-show--detail .col-des-info p {font-size:1.0rem; color:#5d5d5d; margin-bottom:3px;}
#designer-show--detail span.star5 i.bi {font-size:0.75rem; color:#f9e29a;}

h4.designer-show-title {font-size:1.125rem; font-weight:bold; color:#2b2b2b; padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #ccc;}

/** 设计师详情 擅长风格 */
#designer-show--style {padding:6px 16px;}
#designer-show--style span.badge-style {
  display:inline-block; margin:1px 3px 2px 0;
  font-size:0.875rem; color:#c53c38; padding:1px 11px; border:1px solid #c53c38; border-radius:12px;
}

/** 设计师详情 个人简历 */
#designer-show--honor {padding:6px 16px;}
#designer-show--honor p {font-size:0.875rem; color:#5d5d5d;}
#designer-show--honor .mui-btn-danger {background-color:#c53c38; color:#ffffff; letter-spacing:3px; border-radius:30px; font-size:1.25rem; margin-top:14px; padding:4px 0;}

/** 设计师详情 预约服务 */
#designer-show--service {padding:6px 16px;}
#designer-show--service .inner {background-color:#ffffff; text-align:center; margin:3px; padding:10px 0;}
#designer-show--service .inner img {width:40%;}
#designer-show--service .inner p {font-size:0.9375rem; font-weight:bold; color:#333333;}
#designer-show--service .inner button {
  background-color:#c53c38; color:#ffffff; border:1px solid #c53c38; border-radius:11px;
  font-size:0.75rem; padding:2px 8px;
}

/** 设计师详情 案例 */
#designer-show--case {padding:6px 16px 22px 16px;}
#designer-show--case .card {
  position: relative;
  overflow: hidden;
  margin: 10px;
  border-radius: 2px;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
#designer-show--case .card-media {position: relative;}
#designer-show--case .card-body {margin:0; padding:6px 18px;}
#designer-show--case .card-body h4 {font-size:1.125rem; color:#2b2b2b; font-weight:bold;}
#designer-show--case .card-body .col-case-info {font-size:0.875rem; color:#5d5d5d;}
#designer-show--case .card-body .col-ex {font-size:0.8125rem; color:#999; text-align:right;}
#designer-show--case button.more-case {color:#c53c38; margin:0 10px;}


/** 门店 */
#storefront--banner-top {margin:-22px 0 8px 0;}

#storefront--main h2.title {font-size:1.25rem; font-weight:bold; color:#2b2b2b; text-align:center;}
#storefront--main p.title-sub {font-size:0.9375rem; color:#5d5d5d; text-align:center;}
#storefront--main {padding:10px;}
#storefront--main .mui-col-xs-6 {padding:3px;}
#storefront--main .card {padding:3px; background-color:#ffffff; border-radius:4px;}
#storefront--main .card img.cover {border-radius:4px;}
#storefront--main .card h3.name {font-size:1.125rem; margin:3px auto; text-align:center;}
#storefront--main .card p.addr {font-size:0.875rem; margin:3px auto; text-align:center;}
#storefront--main .card .btn-phone {display:block; width:42%; margin:4px 3%; float:left;}


/** 工地 */
#worksite--banner-top {margin:-22px 0 4px 0;}
#worksite--nav-main {padding-right:1.125rem; color:#5d5d5d;}
#worksite--nav-main .mui-select {font-size:0.9375rem; width:80%; padding:3px; direction:rtl; margin-bottom:6px;}
#worksite--nav-main .label {font-size:0.75rem; margin-top:0.5rem;}

#worksite--main-container {padding:14px 0;}
#worksite--main-container .card {margin:0 12px 14px 12px; background-color:#ffffff; border-radius:6px;}
#worksite--main-container .card-media {position:relative;}
#worksite--main-container .card-media img.cover {border-radius:6px 6px 0 0;}
#worksite--main-container .card-media img.icon-play {width:75px; height:75px; position:absolute; top:40%; left:40%;}

#worksite--main-container .card-body {padding:12px 16px;}
#worksite--main-container .card-body h4 {
  font-size:1.125rem; font-weight:bold; color:#2b2b2b;
  white-space:nowrap; overflow:hidden; text-overflow: ellipsis;
}
#worksite--main-container .card-body .btn-see-ws {font-size:0.75rem; width:95%; padding:3px 6px; background-color:#c53c38; border-radius:13px;}
#worksite--main-container .card-body .col-info {font-size:0.875rem; color:#5d5d5d; padding-top:3px;}

/** 工地 进度条样式 */
#worksite--main-container .row-progress {margin-top:16px;}
#worksite--main-container .row-progress .progress {width:82%; margin:0 auto;}
#worksite--main-container .row-progress .mui-col- {
  text-align:center; width:20%; margin-top:-14px;
  font-size:0.875rem; color:#5d5d5d;
}
#worksite--main-container .row-progress i.bi {position:relative; font-size:1.0rem; background-color:#fff; color:#5d5d5d;}
#worksite--main-container .banner-middle {margin-bottom:12px;}

#worksite--main-container .row-progress .active,
#worksite--main-container .row-progress .active i.bi {color:#c53c38;}

#worksite--main-container .mui-pager li>a {color:#c53c38; margin:0 10px;}
#worksite--main-container .card-no-data {font-size:0.875rem; height:330px; padding:140px 20px 0 20px; color:#c53c38;}

/** 工地 底部动态圈圈 */
/****
#worksite--banner-bottom {position:relative;}
#worksite--banner-bottom div.float-circle {position:absolute; left:0; top:0; width:100vw; height:100vw;}
#worksite--banner-bottom div.float-circle .circle {
  position: absolute;
  border-radius: 50%;
  width: 12%;
  height: 12%;
  background: rgba(167,11,26,.4);
  -webkit-animation: scale-data-v-d1a61b40 2s linear infinite;
  animation: scale-data-v-d1a61b40 2s linear infinite;
}
#worksite--banner-bottom div.float-circle .circle:nth-child(1) {left:52.9%; top:0.9%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(2) {left:71%; top:6.6%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(3) {left:72.7%; top:13.3%; animation-delay:750ms;}
#worksite--banner-bottom div.float-circle .circle:nth-child(4) {left:44.9%; top:12.1%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(5) {left:39.4%; top:19.5%; animation-delay:750ms;}
#worksite--banner-bottom div.float-circle .circle:nth-child(6) {left:53.8%; top:19.2%; animation-delay:750ms;}
#worksite--banner-bottom div.float-circle .circle:nth-child(7) {left:66.2%; top:19.5%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(8) {left:28.4%; top:26.9%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(9) {left:45.1%; top:29.9%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(10) {left:53.6%; top:23.2%; animation-delay:1250ms; width:20%; height:20%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(11) {left:69.2%; top:28.1%; animation-delay:750ms;}
#worksite--banner-bottom div.float-circle .circle:nth-child(12) {left:82.4%; top:32.8%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(13) {left:37.1%; top:41.1%; animation-delay:750ms;}
#worksite--banner-bottom div.float-circle .circle:nth-child(14) {left:45.5%; top:45.0%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(15) {left:55.1%; top:37.5%;}
#worksite--banner-bottom div.float-circle .circle:nth-child(16) {left:74.4%; top:38.2%; animation-delay:750ms;}
@keyframes scale-data-v-d1a61b40{ 0% {transform:scale(0);opacity:0} 50% {opacity:0.8} to {transform:scale(1.2);opacity:0}}
****/

.worksite-popup-video {width:95% !important;}
.worksite-popup-video .mui-popup-inner {padding:2px;}
.worksite-popup-video,
.worksite-popup-video .mui-popup-inner,
.worksite-popup-video .mui-popup-button:first-child,
.worksite-popup-video .mui-popup-button:last-child {border-radius:0 !important;}
.worksite-popup-video .mui-popup-button {color:#c53c38;}
.worksite-popup-video .iframe-video {margin:0; padding:0; border:0; outline:0; height:55vw;}

/** 活动汇总 */
#activity-index--banner-top {margin:6px 0 -6px 0;}
#activity-index--ul-main {background-color:#f0f0f0; padding:15px 10px;}
#activity-index--ul-main .card {
  background-color:#ffffff;
  padding:10px; margin:2px 4px 16px 4px;
  border-radius:4px;
  position: relative;
  overflow: hidden;
  background-clip: padding-box;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
#activity-index--ul-main .card .badge {
  position:absolute; top:2px; right:2px; font-size:0.75rem;
  padding:4px 8px; border:3px solid #fff; border-radius:16px;
}
#activity-index--ul-main .card .badge-success {color: #fff; background-color: #28a745;}
#activity-index--ul-main .card .badge-warning {color: #fff; background-color: #ffc107;}
#activity-index--ul-main .card .badge-secondary {color: #fff; background-color: #6c757d;}
#activity-index--ul-main .card h5 {color:#2b2b2b; font-size:1.125rem; font-weight:bold;}
#activity-index--ul-main .card p.act-detail, #activity-index--ul-main .card p.act-extra {color:#505050; font-size:0.875rem;}
#activity-index--ul-main .card p.act-detail {
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
}
#activity-index--ul-main .card p.act-extra b {color:#3f3f3f;}
#activity-index--ul-main .card .mui-btn-danger {
  font-size:0.9375rem; background-color:#c53c38; display:block; width:66%;
  border:0; border-radius:14px; text-align:center; margin:5px auto!important; padding:5px 15px; letter-spacing:1px;
}

#activity-index--ul-main .mui-pager li>a {color:#c53c38; margin:0 10px;}

/** 最新活动 */
#activity--section-main img {width:100%; margin:0 0 -5px 0;}


/** 资讯、百科 */
#column--section-nav {text-align:center; margin-top:-5px;}
#column--section-nav a {
  display:block; width:100%; border-right:1px solid #eee; padding:8px 0;
  font-size:1rem; color:#5d5d5d; background-color:#fff;
}
#column--section-nav a.active {background-color:#c53c38; color:#ffffff;}

#column--section-list {padding:10px 14px;}
#column--section-list .card {background-color:#ffffff; border-radius:8px; margin-bottom:12px;}
#column--section-list .card .img-cover {width:100%!important; border-radius:8px 8px 0 0;}
#column--section-list .card h3 {font-size:1.0rem; line-height:1.125rem; padding:6px 16px; color:#2b2b2b;}
#column--section-list .card p {font-size:0.875rem; padding:0 16px; color:#5d5d5d;}
#column--section-list .card a.txt {font-size:0.75rem; color:#aaa; display:inline-block; padding:2px 22px; margin:0 0 10px 16px; border:1px solid #ccc;}
#column--section-list .mui-pager li>a {color:#c53c38; margin:0 10px;}

#columnContent--section-main {padding:10px 14px;}
#columnContent--section-main .card {background-color:#ffffff; border-radius:8px; margin-bottom:12px; padding-top:10px;}
#columnContent--section-main .card .img-cover {width:100%!important; border-radius:8px 8px 0 0;}
#columnContent--section-main .card h3 {font-size:1.0rem; line-height:1.125rem; padding:6px 16px; color:#2b2b2b;}
#columnContent--section-main .card p {font-size:0.875rem; padding:0 16px; color:#5d5d5d;}
#columnContent--section-main .content-txt {margin:0 16px; padding:6px 0; border-top:2px solid #c53c38;}
#columnContent--section-main .content-txt img {width:100% !important;}
#columnContent--section-main .content-txt p {margin-bottom:2px;}