@charset "UTF-8";

/*
Theme Name: 宏盛高科
Theme URI: http://www.szhsj119.com/
Author: Larry
Author URI: http://www.larryspace/
Description: 宏盛高科
Requires at least: 0.0
Tested up to: 0.0
Requires PHP: 0.0
Version: 0.0
License: None
License URI: None
Text Domain: None
Tags: 宏盛高科
*/

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
}

html, body{
  font-size: 14px;
  line-height: 1.5;
  font-family: -apple-system,
    "Helvetica Neue",
    "Arial",
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "STHeiti",
    "Microsoft YaHei",
    "Microsoft JhengHei",
    "Source Han Sans SC",
    "Noto Sans CJK SC",
    "Source Han Sans CN",
    "Noto Sans SC",
    "Source Han Sans TC",
    "Noto Sans CJK TC",
    "WenQuanYi Micro Hei",
    SimSun,
    sans-serif;
}

body{
  min-width: 1200px;
  color: #333;
}

input, button, textarea {
  outline: none;
  appearance: none;
}

a,
a:link{
  color: #333;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
  color: #c93b2b;
}

ul, ol, li{
  list-style: none;
}

.message-bar__wrap{
  background: #f0f0f0;
}
.message-bar{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.message-bar__welcome{
  font-size: 12px;
  float: left;
  padding: 9px 0;
}
.message-bar__welcome i{
  font-size: 20px;
  vertical-align: middle;
  line-height: 1;
}
.message-bar__search{
  padding: 5px 0;
  display: inline-block;
  float: right;
}
.message-bar__search form{
  position: relative;
}
.message-bar__search form input{
  position: relative;
  z-index: 0;
  border: none;
  height: 28px;
  width: 120px;
  padding: 4px 12px;
  border-radius: 14px;
  box-sizing: border-box;
  background-color: #fff;
  transition: all ease 0.35s;
}
.message-bar__search form input:focus{
  width: 320px;
}
.message-bar__search form button{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 5px;
  width: 28px;
  height: 28px;
  box-sizing: content-box;
  border-radius: 14px;
  background-color: #fff;
}
.message-bar__search form button i{
  font-size: 15px;
  font-weight: bold;
  color: #888;
}
.header-wrap{
  position: relative;
  z-index: 99;
  border-bottom: 2px solid #c93b2b;
  background-color: #fff;
}
.header{
  width: 1200px;
  margin: 0 auto;
  height: 93px;
}
.logo{
  float: left;
  padding: 11px 0;
}
.logo a{
  display: block;
}
.logo a img{
  display: block;
  max-height: 72px;
}
.menu{
  text-align: right;
  float: right;
}
.menu > div{}
.menu > div > ul{
  font-size: 0;
  line-height: 0;
  /* display: flex; */
}
.menu > div > ul > li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
}
.menu > div > ul > li > a{
  position: relative;
  z-index: 1;
  display: block;
  padding: 36px 0;
  width: 120px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
  transition: all ease 0.2s;
}
.menu > div > ul > li:hover > a,
.menu > div > ul > li.current-menu-item > a,
.menu > div > ul > li.current_page_parent > a,
.menu > div > ul > li.current-category-ancestor > a{
  background: #c93b2b;
  color: #fff;
  text-decoration: none;
}
.menu > div > ul > li a i{
  display: none;
}
.menu > div > ul > li > ul{
  position: absolute;
  visibility: hidden;
  transform: translate(-50%, -12px);
  top: 93px;
  left: 50%;
  padding: 2px 0 0;
  background: #c93b2b;
  min-width: 120px;
  opacity: 0;
  transition: all ease 0.3s;
}
.menu > div > ul > li:hover > ul{
  z-index: 0;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.menu > div > ul > li > ul > li{
  
}
.menu > div > ul > li > ul > li > a{
  display: block;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  padding: 12px 10px;
  transition: all ease 0.35s;
}
.menu > div > ul > li > ul > li > a:hover{
  text-decoration: none;
  background-color: #a72618;
}
.menu > div > ul > li > ul > li > ul{
  display: none;
}

.site-footer__wrap{
  background: #282828;
  background-size: 500px;
  color: #fff;
}
.site-footer{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 40px 0 40px;
}
.site-footer__contact{
  font-size: 14px;
}
.site-footer__contact h4{
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: bold;
}
.site-footer__contact p{
  margin: 5px 0 0;
  line-height: 1.5;
  color: #e9e9e9;
}
.site-footer_nav{
  
}
.site-footer_nav > div {
  
}
.site-footer_nav > div > ul {
  overflow: hidden;
 text-align: left;
}
.site-footer_nav > div > ul > li{
  float: left;
  padding: 0 40px
}
.site-footer_nav > div > ul > li > a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.site-footer_nav > div > ul > li > ul {
  margin: 12px 0 0; 
}
.site-footer_nav > div > ul > li > ul > li {
  margin: 6px 0;
}
.site-footer_nav > div > ul > li > ul > li > a {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  color: #e9e9e9;
}
.site-copyright__wrap{
  background: #191919;
}
.site-copyright{
  width: 1200px;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  line-height: 1.5;
}
.site-copyright a{
  color: #fff !important;
}

.swiper-container {
  height: 700px;
  overflow: hidden;
}
.swiper-container .swiper-slide{
  overflow: hidden;
}

.swiper-button-prev,
.swiper-button-next{
  color: #c93b2b !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23c93b2b'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c93b2b'%2F%3E%3C%2Fsvg%3E") !important;
}
  
.swiper-pagination-bullet-active{
  background: #c93b2b !important;
}

.swiper-container .swiper-slide{
  text-align: center;
  font-size: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}


.home-category__wrap{
  background: #c93b2b;
}
.home-category{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  border-left: 1px solid #ffffff33;
  justify-content: space-around;
}
.home-category a{
  border-right: 1px solid #ffffff33;
  flex: 1;
  padding: 20px 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  transition: all ease 0.35s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-category a i{
  display: block;
  font-size: 40px;
}
.home-category a:hover{
  text-decoration: none;
  background-color: #a72618;
}

.home-product__wraper{
  width: 1200px;
  margin: 24px auto;
}
.home-product__group{
  height: 790px;
  width: 100%;
  overflow: hidden;
}
.home-product__items{
  display: flex;
  flex-wrap: wrap;
  height: 790px;
  width: 1200px;
}
.home-product__item{
  position: relative;
  width: 380px;
  height: 380px;
  display: flex;
  margin: 0 30px 30px 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.home-product__item:hover{
  text-decoration: none;
}
.home-product__item:nth-child(3n){
  margin-right: 0;
}
.home-product__item span{
  position: relative;
  z-index: 0;
  width: 380px;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  overflow: hidden;
}
.home-product__item span img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all ease 3s;
}
.home-product__item:hover span img{
  transform: scale(1.1);
}

.home-product__meta{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 12px;
  background: rgba(0,0,0,0.3);
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  transition: all ease 2s;
}
.home-product__item:hover .home-product__meta{
  background: rgba(0,0,0,0.85);
}
.home-product__title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5;
}
.home-product__desc{
  height: 42px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.home-product__pagation{
  padding: 24px 0 0;
  display: flex;
  justify-content: center;
}
.home-product__button-prev,
.home-product__button-next{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.35);
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  transition: all ease 0.35s;
  cursor: pointer;
  outline: none;
}
.home-product__button-prev:hover,
.home-product__button-next:hover{
  background-color: rgba(0,0,0,0.7);
}
.home-product__button-prev.swiper-button-disabled,
.home-product__button-next.swiper-button-disabled,
.home-product__button-prev.swiper-button-disabled:hover,
.home-product__button-next.swiper-button-disabled:hover{
  opacity: 0.1;
  cursor: not-allowed;
}
.home-product__button-more{
  margin: 0 40px;
  padding: 10px 20px 9px;
  border-radius: 20px;
  background-color: #c93b2b;
  line-height: 1.5;
  font-size: 14px;
  color: #fff !important;
  transition: all ease 0.35s;
}

.home-product__button-more:hover{
  text-decoration: none !important;
  background-color: #a72618;
}


.home-category__news{
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0 20px;
  display: flex;
  border-bottom: 2px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
}
.home-category__news-tabs{
  display: flex;
  margin: 0 0 0 -20px;
}
.home-category__news-tabs a{
  border-right: 1px solid #ccc;
  padding: 0 20px;
  font-size: 16px;
}
.home-category__news-tabs a:nth-last-child(1) {
  border-right: none;
}
.home-category__news-tabs a:hover{
  text-decoration: none !important;
}
.home-category__news-tabs a.active{
  color: #c93b2b;
}
.home-category__news-more{
  font-size: 14px;
  color: #888;
  line-height: 1.5;
}
.home-category__news-more i{
  font-size: 12px;
  display: inline-block;
  vertical-align: 1px;
}

.home-news__wraper{
  
}
.home-news{
  width: 1200px;
  margin: 24px auto 24px;
  display: none;
}
.home-news.active{
  display: flex;
}
.home-news__item{
  margin: 0 30px 0 0;
  width: 380px;
  background: #c93b2b;
  color: #fff;
  transition: all ease 0.35s;
  border-radius: 8px;
  overflow: hidden;
}
.home-news__item:hover{
  background: #a72618;
}
.home-news__item:hover{
  color: #fff !important;
  text-decoration: none;
}
.home-news__item:nth-last-child(1){
  margin: 0;
}
.home-news__thumb{
  /* display: block; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  overflow: hidden;
  color: #fff;
  background: #ccc;
}
.home-news__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 3s;
  transform: scale(1);
}
.home-news__item:hover .home-news__thumb img{
  transform: scale(1.1);
}
.home-news__meta{
  padding: 0 24px 40px;
  color: #fff;
  text-align: center;
}
.home-news__title{
  padding: 24px 0;
  display: block;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
  line-height: 1.5;
}
.home-news__desc{
  margin: 0 0 24px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 75px;
  text-align: left;
}
.home-news__more{
  display: inline-block;
  padding: 15px 32px;
  background: #fff;
  color: #c93b2b;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  border-radius: 32px;
}

.home-case_header{
  width: 1200px;
  margin: 64px auto 24px;
  border-bottom: 2px solid #e9e9e9;
  padding: 0 0 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.home-case_wraper{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.home-case__item{
  width: 175px;
  height: 175px;
  overflow: hidden;
  margin: 0 30px 30px 0;
  border: 1px solid #f5f5f5;
  float: left;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}
.home-case__item:nth-child(6n){
  margin-right: 0;
}
.home-case__item img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.links{
  width: 1200px;
  margin: 32px auto 40px;
}
.links span{
  display: block;
  border-bottom: 2px solid #e9e9e9;
  padding: 8px 0;
  margin: 4px 0;
  line-height: 1.5;
  color: #333;
}
.links a{
  display: inline-block;
  margin: 4px 10px 4px 0;
  line-height: 1.5;
  color: #333;
  font-size: 12px;
}

.page-menu{
  width: 1200px;
  margin:  0 auto;
  display: flex;
  padding: 20px 0 0;
  flex-wrap: wrap;
}
.page-menu a{
  margin: 0 12px 12px 0;
  background: #c93b2b33;
  padding: 6px 20px;
  line-height: 1.5;
  font-size: 14px;
}

/* 产品列表 */
.product-list{
  width: 1200px;
  margin: 20px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product-item{
  display: block;
  width: 100%;
  height: 100%;
  flex-basis: 380px;
  margin: 0 20px 20px 0;
  /* background: #e9e9e9; */
  position: relative;
}
.product-item:nth-child(3n){
  margin-right: 0;
}
.product-item:hover{
  text-decoration: none;
}
.product-item span{
  position: relative;
  z-index: 0;
  width: 380px;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  overflow: hidden;
}
.product-item span img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all ease 3s;
}
.product-item:hover span img{
  transform: scale(1.1);
}

.product-item__meta{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 20px;
  background: rgba(0,0,0,0.5);
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  transition: all ease 2s;
}
.product-item:hover .product-item__meta{
  background: rgba(0,0,0,0.85);
}
.product-item__title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5;
}
.product-item__desc{
  height: 42px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 产品详情 */
.product-banner{
  height: 320px;
  overflow: hidden;
  text-align: center;
  background: #FC354C;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #0ABFBC, #FC354C);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #0ABFBC, #FC354C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: url(images/banner.webp) no-repeat center center;
  background-size: cover;
}
.product-banner img{
  display: inline-block;
}

.product-title{
  margin: 32px auto;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.product-container{
  width: 1200px;
  min-height: 400px;
  margin: 0 auto 40px;
}
.product-gallery{
  overflow: hidden;
  /* padding: 12px; */
  margin: 40px 0 0;
}

.product-gallery__large{
  height: 480px;
  width: 480px;
  margin: 0 auto 20px;
  overflow: hidden;
}
.product-gallery__large .swiper-slide{
  width: 480px;
  height: 480px;
}
.product-gallery__large .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-gallery__thumbs{
  /* height: 80px; */
  /* width: 440px; */
  overflow: auto;
  margin: 0 auto;
  text-align: center;
}
.product-gallery__thumbs ul{
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
}
.product-gallery__thumbs ul li{
  display: inline-block;
  width: 78px;
  height: 78px;
  margin: 0 5px;
  border: 1px solid #f0f0f0;
}
.product-gallery__thumbs ul li.active{
  border-color: #c93b2b;
}
.product-gallery__thumbs ul li img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-content{
  padding: 0 0 48px;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  /* white-space: pre-wrap; */
}
.product-content h1,
.product-content h2,
.product-content h3,
.product-content h4,
.product-content h5,
.product-content h6{
  margin: initial;
  padding: initial;
  font-weight: bold;
  font-size: initial;
}
.product-content p{
  margin: revert;
  padding: revert;
}

.product-content ul,
.product-content ol,
.product-content li{
  margin: initial;
  padding: initial;
  list-style-type: revert;
}
.product-content li{
  margin: 12px 0;
}
.product-content img{
  max-width: 1200px;
}

/* 分页 */
.pagation{
  width: 1200px;
  margin: 40px auto;
  text-align: center;
}
.pagation .page-numbers{
  display: inline-block;
  margin: 0 5px;
  border: 1px solid #ccc;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.5;
}
.pagation .page-numbers.current{
  border: 1px solid #c93b2b;
  color: #c93b2b;
}

/* 资讯分类 */
.news-cat{
  width: 1200px;
  margin: 32px auto 0;
  display: flex;
  justify-content: flex-start;
}
.news-cat a{
  margin: 0 15px 0 0;
  padding: 8px 48px;
  color: #333;
  background: #c93b2b33;
  line-height: 1.5;
  font-size: 16px;
  transition: all ease 0.35s;
}
.news-cat a:hover,
.news-cat a.active{
  background: #c93b2b;
  color: #fff;
  text-decoration: none;
}

.news-list{
  width: 1200px;
  margin: 24px auto 24px;
  overflow: hidden;
}
.news-item{
  margin: 0 30px 30px 0;
  width: 380px;
  float: left;
  background: #c93b2b;
  color: #fff;
  transition: all ease 0.35s;
}
.news-item:nth-child(3n){
  margin-right: 0;
}
.news-item:hover{
  background: #a72618;
}
.news-item:hover{
  color: #fff !important;
  text-decoration: none;
}
.news-thumb{
  /* display: block; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  overflow: hidden;
  color: #fff;
  background: #ccc;
}
.news-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 3s;
  transform: scale(1);
}
.news-item:hover .news-thumb img{
  transform: scale(1.1);
}
.news-meta{
  padding: 0 24px 40px;
  color: #fff;
  text-align: center;
}
.news-title{
  padding: 24px 0;
  display: block;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
  line-height: 1.5;
}
.news-desc{
  margin: 0 0 24px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 75px;
  text-align: left;
}
.news-more{
  display: inline-block;
  padding: 15px 32px;
  background: #fff;
  color: #c93b2b;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  border-radius: 32px;
}

/* 客户列表 */
.custom-list{
  width: 1200px;
  margin: 32px auto 0;
  overflow: hidden;
}
.custom-item{
  width: 175px;
  margin: 0 30px 30px 0;
  float: left;
}
.custom-item:nth-child(6n){
  margin-right: 0;
}
.custom-thumb{
  overflow: hidden;
  width: 100%;
  border-radius: 3px;
  height: 175px;
  display: block;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
}
.custom-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.custom-title{
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  text-align: center;
  margin: 12px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 单页面 */
.page-banner{
  height: 320px;
  overflow: hidden;
  text-align: center;
  background: #FC354C;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #0ABFBC, #FC354C);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #0ABFBC, #FC354C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: url(images/banner.webp) no-repeat center center;
  background-size: cover;
}
.page-content{
  width: 1200px;
  min-height: 400px;
  margin: 0 auto;
  padding: 24px 0 40px;
  color: #333;
  line-height: 1.8;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6{
  margin: revert;
  font-weight: revert;
  font-size: revert;
}
.page-content p{
  margin: revert;
  padding: revert;
}

.page-content ul,
.page-content ol,
.page-content li{
  margin: revert;
  padding: revert;
  list-style-type: revert;
  list-style-type: simp-chinese-informal;
}
.page-content li{
  margin: 12px 0;
}
.page-content img{
  max-width: 1200px;
}

.empty{
  padding: 32px 0;
  text-align: center;
  display: block;
  width: 100%;
  min-height: 50vh;
}

.wp-block-table {
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table thead {
    border-bottom: 3px solid
}

.wp-block-table tfoot {
    border-top: 3px solid
}

.wp-block-table td,.wp-block-table th {
    border: 1px solid;
    padding: .5em
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    background-color: initial;
    border-bottom: 1px solid #f0f0f0;
    border-collapse: inherit;
    border-spacing: 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
    border-color: #0000
}

.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>* {
    border-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th {
    border-top-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
    border-top-color: initial
}

.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>* {
    border-right-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th {
    border-bottom-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
    border-bottom-color: initial
}

.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>* {
    border-left-color: inherit
}

.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>* {
    border-style: inherit
}

.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>* {
    border-style: inherit;
    border-width: inherit
}

.wp-block-table td,.wp-block-table th {
    border: 1px solid;
    padding: .5em
}

.wp-block-table td.is-selected,.wp-block-table th.is-selected {
    border-color: var(--wp-admin-theme-color);
    border-style: double;
    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color)
}

.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>* {
    border: 1px solid
}