@charset "UTF-8";
/* header*/
#dce-header {
  background: #f2f2f2;
  zoom: 1;
}
#dce-header-fixed{
  background: #f2f2f2;
  width: 100%;
  position: fixed;
  z-index: 9999999;
  padding-bottom: 2px;
  top: 0;
  display: none;
}
#dce-header-fixed .wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#dce-header-fixed .dce-header-fixed-container{
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#dce-header-fixed .main_menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#dce-header-fixed .main_menu .nav-title>a{
  font-size: 12px;
  color: #4d4d4d;
  margin-right: 20px;
  display: inline-block;
  line-height: 1.5;
}
#dce-header-fixed .headerlogo .fl-logo-img{
  height: 36px;
}
#dce-header span, #dce-header a, #dce-header p, #dce-header div{
  font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
}
.fl-fixed-width .fl-page{
  width: 100% !important;
  max-width: none !important;
}
#dce-header .container #headerlogo {
  position: static;
  width: 100%;
  height: 80px;
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 1px;
  text-align: center;
  margin-top: 30px;
}
#dce-header #headerlogo a {
  font-size: 0px;
}
#dce-header #headerlogo .fl-logo-img{
  height: 80px;
}
.nav-lvII.has-subII>.nav-title:hover,.nav-lvII.has-subII.navII-active>.nav-title{
  background-color: #454545;
  position: relative;
  z-index: 2;
}
.no-nav-lvII .consumerpanel__products__contents{
  background: #cccccc;
  padding-bottom: 30px;
}
#globalheader-nav {
  font-size: 0;
  text-align: center;
}
#globalheader-nav #menu-headermenu {
  margin-top: 28px;
  overflow: hidden;
  zoom: 1;
  display: inline-block;
  padding-left: 20px;
}
#globalheader-nav .main_menu{
  margin-top: 20px;
}
#globalheader-nav .main_menu>li:first-child {
  margin-left: 0;
}
#globalheader-nav .main_menu>li {
  display: inline-block;
  margin-left: 35px;
  height: 42px;
  text-align: center;
}
#globalheader-nav .main_menu .nav-lvI>.nav-title {
  height: 100%;
  
}

#globalheader-nav .main_menu .nav-lvII .menu-image{
  display:block;
}
#globalheader-nav .main_menu>li>a:hover,
#globalheader-nav .main_menu>li>a,
#globalheader-nav .main_menu .menu-image-title>a:hover,
#globalheader-nav .main_menu li .menu-image-title>a {
  display: inline-block;
  font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
  font-size: 16px;
  color: #cecece;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px 1px #000000;
  text-shadow: -1px -1px 1px #222;
  padding: 1px 0;
}
#globalheader-nav .main_menu>li>a,
#globalheader-nav .main_menu .nav-title>a {
  display: inline-block;
  font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
  font-size: 15px;
  color: #4d4d4d;
  text-decoration: none;
  padding: 1px 0;
}
#globalheader-nav .main_menu .nav-lvIV-sm .nav-title>a{
  font-size: 12px;
}
#globalheader-nav .main_menu .nav-lvIV-md .nav-title>a{
  font-size: 14px;
}
#globalheader-nav .main_menu .nav-lvIV-ms .nav-title>a{
  font-size: 13px;
}
#globalheader-nav .navII-active .nav-title>a{
  color: #000000;
}
#globalheader-nav .main_menu>li>a,
#globalheader-nav .main_menu .nav-title>a {
  font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
}
#globalheader-nav .main_menu>li>a:hover,
#globalheader-nav .main_menu>li.active>a,
#globalheader-nav .main_menu .nav-title>a:hover,
#globalheader-nav .main_menu li.active>.nav-title>a {
  color: #000000;
  text-shadow: none;
}
.nav-lvII>.nav-lvIII-wrapper {

  display: none;
  position: relative;
  background-color: #cccccc;

}

.nav-sec-list .nav-lvII .nav-lvIII-wrapper{
  margin-top: -1px !important;
}
.nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2>.third-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -30px -10px 0;
}
.nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2>.third-menu .nav-lvIII {
  margin: 30px 10px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(16% - 20px);
}

.third-menu4 .nav-lvIV .nav-title .menu-image-title{
  font-size: 13px;
}
.third-menu4 .nav-lvIV .nav-title .menu-image-title:hover{
  color:#fff;
}
#fl-footer-terms .copyright,
#fl-footer-terms .copyright a {
  margin-top: 4px;
}
@media (min-width: 976px) {
  .nav-lvIII.has-subIII,.no-nav-lvII .nav-lvIII.no-sub {
      display: inline-block;
  }
  
  .nav-lvII.imageWtitle .menu-image-title {
      font-size: 13px ;
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII {
      width: 976px;
      margin: auto;
      padding: 30px 0;
      font-size: 0;
      
  }
  .nav-lvII>.nav-lvIII-wrapper {
      width: 100vw;
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -30px -10px 0;
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII , .no-nav-lvII .nav-lvIII{
      margin: 30px 0;
      padding: 0 10px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: calc(16% - 20px);
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII {
     
      width: calc(100% / 8);
  }
  .no-nav-lvII .nav-lvIII.oversize{
    width: 20%;
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII>.nav-title, .no-nav-lvII .nav-lvIII>.nav-title{
      border-bottom: 1px solid #999999;
      padding-bottom: 3px;
  }
  .fl-page .special-nav .nav-sec-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  ul.nav-third-list li.nav-lvIII.nav-lvIII-col4 .nav-IV-wrapper .megapannel-wrapper2{
      margin-top: 0;
  }
  .nav-lvII > .nav-lvIII-wrapper > .megapannel-wrapperIII ul.nav-third-list li.nav-lvIII.nav-lvIII-col4{
      width: calc(64% - 20px);
  }
  ul.nav-third-list li.nav-lvIII.nav-lvIII-col4 .nav-IV-wrapper .third-menu4{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .nav-lvIII-col4 .nav-lvIV{
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: calc(36% - 20px);
  }
  .nav-lvIV {
      margin-top: 6px;
   
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 1160px;
      padding: 30px 0;
      padding-top: 30px;
      text-align: left;
      color: #ccc;
      font-size: 0;
      background-color: #cccccc;
      width: calc(100% - 20px);
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 ul li .nav-IV-wrapper .nav-title {
      width: 100%;
  }
  .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 ul li span {
      font-size: 15px;
      word-wrap: break-word;
      color: #4d4d4d;
  }
  .nav-lvII > .nav-lvIII-wrapper > .megapannel-wrapper2 ul li a[href]:hover span {
      color: #000000;
  }
  .nav-lvIV span {
      font-size: 13px ;
  }
  .nav-IV-wrapper .megapannel-wrapper2 {
      margin-top: 8px;
  }
  .nav-lvII.has-subII>.nav-title {
      padding: 0 3px 18px 3px;
  }
  .nav-lvII.has-subII>.nav-title img {
      width: 100px;
      padding: 18px 0 10px;
  }
}
@media(max-width:1200px){
  .consumerpanel__wrapper {
    left: 0 !important;
  }
}
@media (min-width: 641px),
(min-device-width: 1281px),
print {
  .nav-sec {
      font-size: 16px;
  }
  .consumerpanel__wrapper {
      position: absolute;
      left: calc(600px - 50vw);
      width: 100vw;
  }
  .width-nolimit .consumerpanel__wrapper {
      width: 100%;
      margin: 0;
  }
  .consumerpanel__panhead,
  .consumerpanel__panfoot {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
  }
  .consumerpanel__panhead__container,
  .consumerpanel__panfoot__container {
      max-width: 1160px;
      height: 47px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: calc(100% -  60px);
  }
  .consumerpanel__panhead {
      border-bottom: 1px solid;
  }
  .consumerpanel__panhead:not(.consumerpanel__panhead-light) {
      background-color: #e6e6e6;
      border-bottom: 1px solid #cccccc;
  }
  .consumerpanel__panhead:not(.consumerpanel__panhead-light) .browseall__icn svg {
      fill: #fff;
  }
  .consumerpanel__panhead a {
      color: #4d4d4d;
  }
  .consumerpanel__panhead.consumerpanel__panhead-light {
      border-color: #ececec;
  }
  .consumerpanel__panhead.consumerpanel__panhead-light .browseall__icn svg {
      fill: #1f1f1f;
  }
  .consumerpanel__panhead__container .intitle {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      text-align: left;
      font-size: 16px;
  }
  .consumerpanel__panhead__container .browseall {
      text-align: right;
      font-size: 14px;
  }
  .consumerpanel__panhead__container .browseall__icn {
      display: inline-block;
      margin-right: 10px;
  }
  .consumerpanel__panhead__container .closeit {
      margin-left: 23px;
      text-align: right;
      font-size: 14px;
  }
  .consumerpanel__panhead__container .closeit .btn-slide:hover,.consumerpanel__panhead__container .closeit .btn-slide:focus{
      color:#000;
  }
  .consumerpanel__panhead__container .closeit img {
      margin-right: 10px;
  }
  .consumerpanel__banner img {
      display: block;
  }
  .consumerpanel__inpanel {
      overflow: hidden;
      font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
      line-height: 1.1;
  }
  .consumerpanel__products {
      background-color: #e6e6e6;
      color: #4d4d4d;
  }
  .nav-lvII.has-subII>.nav-title:hover,.nav-lvII.has-subII.navII-active>.nav-title{
      /* background-color:#454545; */
      background-color: #cccccc;
      position: relative;
      z-index: 2;
  }
  /* #globalheader-nav #menu-headermenu .nav-lvII.navII-active{
      background: url(/wp-content/themes/bb-theme-child/asset/css/../../img/icn-nav-global-arrow-top.png) no-repeat center 127px;
  } */
  .consumerpanel__products__bg-light {
      background-color: #454545;
  }
  .consumerpanel__products__contents {
      position: relative;
  }
  .nav-sec-list {
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
     
  }
  .no-nav-lvII .nav-sec-list{
    display: block;
    text-align: left;
    max-width: 1180px;
    display: flex;
    justify-content: flex-start;
    width: calc(100% - 40px);
  }
  .consumerpanel__products__list-child__wrapper {
      width: 1200px;
      display: none;
      position: relative;
      margin-top: -1px !important;
  }
  .consumerpanel__products__list-child__wrapper::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 1px;
      background-color: #636363;
  }
  .imageWtitle {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 124px;
  }
  .imageWtitle .nav-title a.menu-image-title-below {
      color: #fff;
      display: block;
      padding: 0 3px 18px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      min-height: 170px;
      position: relative;
      cursor: pointer;
      z-index: 1;
  }
  .imageWtitle .nav-title a.menu-image-title-below img {
      padding: 18px 0 10px;
  }
  .imageWtitle .nav-title a.menu-image-title-below .menu-image-title {
      font-size: 13px;
  }
  .imageWtitle .menu-image-title-below:hover,
  .imageWtitle .incimg.active {
      background-color: #454545;
  }
  .imageWtitle .menu-image-title-below.active .icn_incchild {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
  }
  .imageWtitle .menu-image-title-below .icn_incchild {
      display: block;
      position: absolute;
      width: 100%;
      bottom: 10px;
  }
  .imageWtitle .img-element {
      display: block;
      padding: 18px 0 10px;
  }
  .imageWtitle .img-element img {
      display: block;
      margin: auto;
      width: 100px;
  }
  .imageWtitle .catname {
      font-size: 13px;
  }
 
  #mobile-navigation {
      display: none;
  }
}
@media (max-width: 976px){
  #globalheader-nav .main_menu .nav-lvII .menu-image{
      display: inline-block;
  }
  .nav-lvII.has-subII > .nav-title:hover, .nav-lvII.has-subII.navII-active > .nav-title{
      z-index: 0;
  }
  
}
#company-name{
  font-size: 12px;
  color: #666666;
  position: absolute;
  left: 0;
  top: 12px;
}
#mb-company-name{
  font-size: 12px;
  color: #666666;
  padding: 5px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 1.81;
}
#dce-header>.container{
  position: relative;
  max-width: none;
  width: 1200px;
}

#dce-header .header-s-i, #dce-header-fixed .header-s-i{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 40px;
  right: 0;
  top: 20px;
  position: absolute;
  width: 16px;
  z-index: 6;
}
#dce-header-fixed .header-s-i{
  top: 14px;
}
#dce-header .header-s-i img, #dce-header-fixed .header-s-i img {
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 16px;
}
#dce-header #header-relnav a{
  position: absolute;
  font-size: 12px;
  color: #666666;
  top: 19px;
  right: 30px;
  word-break: keep-all;
  display: inline-block;
}
#dce-header .wrapper .headerserch, #dce-header-fixed .wrapper .headerserch {
  right: 0;
  width: 300px;
  display: none;
}
.fl-page #dce-header #headerserch{
  margin-right: 0;
}
#dce-header .headerserch .fl-page-nav-search a img, #dce-header-fixed .headerserch .fl-page-nav-search a img {
  width: 15px;
}
#dce-header .headerserch .fl-page-nav-search, #dce-header-fixed .headerserch .fl-page-nav-search {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  /* width: 100%; */
  /* background: initial; */
  width: 240px;
}
#dce-header .headerserch .fl-page-nav-search input.fl-search-input, #dce-header-fixed .headerserch .fl-page-nav-search input.fl-search-input {
  width: 100%;
  height: 32px;
  border: 1px solid #333;
  background: #f2f2f2;
  border-radius: 0;
  font-size: 12px;
  color: #333333;
}
#dce-header .headerserch .fl-page-nav-search input.fl-search-input:focus,#dce-header .headerserch .fl-page-nav-search input.fl-search-input:active, #dce-header-fixed .headerserch .fl-page-nav-search input.fl-search-input:focus,#dce-header-fixed .headerserch .fl-page-nav-search input.fl-search-input:active {
  color: #333333;
}
#dce-header .headerserch.search-active,#dce-header-fixed .headerserch.search-active {
  display: block;
  position: relative;
  margin-top: 12px;
}
#dce-header-fixed .headerserch.search-active{
  right: -12px;
  margin-top: 0;
}
#dce-header .headerserch .fl-page-nav-search .fl-search-btn, #dce-header-fixed .headerserch .fl-page-nav-search .fl-search-btn {
  position: absolute;
  right: 10px;
  top: 7px;
  /* transition: right 0.5s ease 1s; */
  z-index: 8;
}
#dce-header .headerserch.search-active .fl-page-nav-search .fl-search-btn, #dce-header-fixed .headerserch.search-active .fl-page-nav-search .fl-search-btn {
  /* right: 105px; */
  opacity: 0;
  -webkit-animation: searchmove forwards 0.5s ease;
          animation: searchmove forwards 0.5s ease;
}
#dce-header .headerserch .fl-page-nav-search .fl-search-close, #dce-header-fixed .headerserch .fl-page-nav-search .fl-search-close {
  opacity: 0;
}
#dce-header .headerserch.search-active .fl-page-nav-search .fl-search-close, #dce-header-fixed .headerserch.search-active .fl-page-nav-search .fl-search-close {
  opacity: 1;
  -webkit-animation: searchc forwards 0.2s ease;
          animation: searchc forwards 0.2s ease;
}
#dce-header .headerserch .fl-page-nav-search form, #dce-header-fixed .headerserch .fl-page-nav-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  top: 0;
  z-index: 4;
}
#dce-header .fl-page-nav-search .focused input.fl-search-input, #dce-header-fixed .fl-page-nav-search .focused input.fl-search-input {
  border-bottom: none;
}
#dce-header .fl-page-nav-search .search-list, #dce-header-fixed .fl-page-nav-search .search-list {
  padding: 0;
  background: #f2f2f2;
  font-size: 16px;
  padding-bottom: 5px;
}
#dce-header .fl-page-nav-search .search-list li, #dce-header-fixed .fl-page-nav-search .search-list li {
  line-height: 1;
  padding: 6px 12px;
  font-size: 12px;
}
#dce-header .fl-page-nav-search .search-list li.search-i:hover, #dce-header-fixed .fl-page-nav-search .search-list li.search-i:hover {
  background: #fff;
}
#dce-header .fl-page-nav-search .search-list li.search-i ,#dce-header-fixed .fl-page-nav-search .search-list li.search-i {
  padding-left: 27px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
#dce-header .fl-page-nav-search .search-list li.search-t, #dce-header-fixed .fl-page-nav-search .search-list li.search-t {
  color: #ACACAC;
}
#dce-header .fl-page-nav-search .search-list li.search-clear, #dce-header-fixed .fl-page-nav-search .search-list li.search-clear {
  font-size: 12px;
  color: #acacac;
  text-align: right;
}
#dce-header .fl-page-nav-search .search-list li.search-clear span, #dce-header-fixed .fl-page-nav-search .search-list li.search-clear span {
  cursor: pointer;
}
#dce-header .recommend, #dce-header-fixed .recommend {
  position: absolute;
  width: 100%;
  top: 90%;
  border: 1px solid #333;
  border-top: none;
  display: none;
}
#dce-header .focused .recommend, #dce-header-fixed .focused .recommend {
  display: block;
}
#dce-header {
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 981px) {
  .fl-page #dce-header{
      display:block;
  }
  .fl-page #dce-header-m{
      display:none;
  }
}
/* mobile */

@media screen and (max-width: 980px) {
  .fl-page #dce-header{
      display: none;
  }
  .imageWtitle {
    width: 100%;
  }
  .fl-page #dce-header-m{
      display:block;
      background: #f2f2f2;
      zoom: 1;
      width:100%;
  }
  .fl-page #dce-header-m .logo-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fl-page #m-open_, .fl-page #m-search{
    background: #f2f2f2;
    position: static;
  }
  .fl-page #m-search{
    width: 30px;
  }
  .fl-page #m-search_w, .fl-page #m-search, .fl-page #m-open_w{
    border:none;
  }
  .fl-page #m-search_w{
    width: 16px;
  }
  .fl-page #dce-header-m #headerlogo-m, .fl-page #dce-header-m #headerlogo-m img{
      height: 46px;
  }
.fl-page #dce-header-m .menu-menu3-container li .sub-menu{
  display: none;
}
.fl-page #dce-header-m .main_menu{
  background: #1a1a1a;
}
.fl-page #dce-header-m .menu-menu3-container li{
  
    border-bottom: 1px solid #1a1a1a;
    border-top: 1px solid #333333;
}
.fl-page #dce-header-m .menu-menu3-container li a{
  display: block;
  padding: 5px 15px;
  /* min-height: 14px; */
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-size: 14px;
  line-height: calc(32/14);
  /* height:42px; */
  color: #b3b3b3;
}
.fl-page #dce-header-m .menu-menu3-container li span{
  padding: 5px 15px 5px 15px;
  display: inline-block;
}
.fl-page #dce-header-m .menu-menu3-container li span{
  color: #999999;
}
.fl-page #dce-header-m .menu-menu3-container li li span{
  color: #b3b3b3;
}
.fl-page #dce-header-m .menu-menu3-container li li li span{
  color: #cccccc;
}
.fl-page #dce-header-m .menu-menu3-container li li li li span{
  color: #e6e6e6;
}
.fl-page #dce-header-m .menu-menu3-container li.no-nav-lvII span{
    padding: 5px 15px 0 15px;
}
.fl-page #dce-header-m .menu-menu3-container{
  /* display: none; */
}
.fl-page #dce-header-m .menu-menu3-container li li{
  background-color: #333333;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #4d4d4d;
  background-image:none;
}
.fl-page #dce-header-m .menu-menu3-container li li a{
  /* height: 58px; */
}
.fl-page #dce-header-m .menu-menu3-container li.no-nav-lvII a{
  height: 42px;
}
.fl-page #dce-header-m .menu-menu3-container li li img{
  width: auto;
  height: 58px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.2);
}
.fl-page #dce-header-m .menu-menu3-container li li li{
  background-color: #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
  border-top:1px solid #666666;
  background-image:none;
}
.fl-page #dce-header-m .menu-menu3-container li li li li{
  background-color: #666666;
  border-bottom:1px solid #666666;
  border-top:1px solid gray;
  background-image:none;
}
.fl-page #dce-header-m .menu-menu3-container li li li a{
  /* height:42px !important; */
}
.fl-page #dce-header-m .menu-menu3-container li.nav-lvI.has-sub,.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII,.fl-page #dce-header-m .menu-menu3-container li .nav-lvIII.has-subIII{
  position: relative;
  margin-top: -1px;
}
.fl-page #dce-header-m a.menu-image-title-after{
  width: 100%;
  display: inline-block;
  position: relative;
}
.fl-page #dce-header-m .menu-menu3-container li.nav-lvI.has-sub>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvIII.has-subIII>a.menu-image-title-after::after{
  content: "";
  height: 17px;
  width: 17px;
  background: url(/wp-content/themes/bb-theme-child/asset/images/holdings-icn-plus-gry.svg) no-repeat;
  background-size: 17px 17px;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII>a.menu-image-title-after::after{
  /* top: 18px; */
}
.fl-page #dce-header-m .menu-menu3-container li.nav-lvI.has-sub.afterI>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvII.imageWtitle.has-subII.afterII>a.menu-image-title-after::after,.fl-page #dce-header-m .menu-menu3-container li .nav-lvIII.has-subIII.afterIII>a.menu-image-title-after::after{
  content: "";
  height: 16px;
  width: 16px;
  /* top: 50%; */
  background: url(/wp-content/themes/bb-theme-child/asset/images/holdings-icn-close-wht.svg) no-repeat;
  background-size: 16px 16px;
  background-position: center;
  position: absolute;
  /* bottom: 0; */
  right: 15px;
  /* -webkit-transform: rotate(180deg)  translateY(-50%); */
  /* transform: rotate(180deg) translateY(-50%); */
}
#mb-search-wrap{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  background: #fff;
  padding: 20px;
  display: none;
}
@font-face {
  font-family: 'icomoon';
  src: url('https://panasonic.cn/wp-content/themes/bb-theme-child/asset/icons/icomoon.eot?dra20b');
  src: url('https://panasonic.cn/wp-content/themes/bb-theme-child/asset/icons/icomoon.eot?dra20b#iefix') format('embedded-opentype'), url('https://panasonic.cn/wp-content/themes/bb-theme-child/asset/icons/icomoon.ttf?dra20b') format('truetype'), url('https://panasonic.cn/wp-content/themes/bb-theme-child/asset/icons/icomoon.woff?dra20b') format('woff'), url('https://panasonic.cn/wp-content/themes/bb-theme-child/asset/icons/icomoon.svg?dra20b#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icomoon-"], [class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}
.icomoon-arrow-left:before {
  content: "\ea40";
}
.icomoon-menu:before {
  content: "\e9bd";
}
#mb-search-wrap .input-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#mb-search-wrap .input-wrap span{
  font-size: 20px;
}
#mb-search-wrap .search-container{
  position: relative;
}
#mb-search-wrap .search-container img{
  position: absolute;
  left: 15px;
  top: 13px;
}
#mb-search-wrap .search-container input{
  padding: 10px 50px;
  border-radius: 25px;
  background-color: #f7f7f7;
  border: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  width: 75vw;
  outline: none;
}
#mb-search-wrap .search-container input:focus{
  outline: 2px dotted black;
}
#mb-search-wrap .suggest-wrap{
  margin-top: 30px;
}
#mb-search-wrap .history-wrap{
  margin-bottom: 30px;
}
#mb-search-wrap .suggest-title, #mb-search-wrap .history-wrap .title{
  font-size: 17px;
  
}
#mb-search-wrap .suggest-item, #mb-search-wrap .history-wrap .search-i{
  margin-top: 15px;
  margin-left: 10px;
  font-size: 14px;
}
#headerlogo-m{
  padding-left: 10px;
}
#headerlogo-m img{
  width: 200px;
}
#dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after{
  height: auto;
  margin-top: 15px;
}
#dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after .menu-image-title{
  font-size: 11px;
}
#dce-header-m #menu-menu2-2 .nav-lvIII .sub-menu .menu-image-title{
  font-size: 14px;
}
#mb-search-wrap{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  background: #fff;
  padding: 20px;
  display: none;
}
#mb-search-wrap .input-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#mb-search-wrap .input-wrap span{
  font-size: 20px;
}
#mb-search-wrap .search-container{
  position: relative;
}
#mb-search-wrap .search-container img{
  position: absolute;
  left: 15px;
  top: 13px;
}
#mb-search-wrap .search-container input{
  padding: 10px 50px;
  border-radius: 25px;
  background-color: #f7f7f7;
  border: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  width: 75vw;
  outline: none;
}
#mb-search-wrap .search-container input:focus{
  outline: 2px dotted black;
}
#mb-search-wrap .suggest-wrap{
  margin-top: 30px;
}
#headerlogo-m{
  padding-left: 10px;
}
#headerlogo-m img{
  width: 200px;
}
#headerserch-m{
  display: none;
}
#dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after{
  height: auto;
  margin-top: 15px;
}
#dce-header-m #menu-menu2-2 .nav-lvIII.nav-notification>.menu-image-title-after .menu-image-title{
  font-size: 11px;
}
#dce-header-m #menu-menu2-2 .nav-lvIII .sub-menu .menu-image-title{
  font-size: 14px;
}
.fl-page .searchBgc{
  background: #f2f2f2 !important;
}
#mb-menu3-wrapper{
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 10;
  top: 80px;
  background: #333333;
  display: none;
  overflow: scroll;
    padding-bottom: 130px;
}
}