.drop-down-menu{
    display: none;
    position: absolute;
    min-width: 200px;
    background-color:#ffffff;
    z-index: 999;
    box-shadow: 5px 3px #e7e7e7;
  }
  .active-block{
    display:block !important;
  }
  .drop-down-menu ul{
    padding: 4px;
    text-align: left;
  }
  .drop-down-menu li{
    height: 46px;
    padding-left: 10px;
    line-height: 46px;
    list-style-type: disc;
  }
  .drop-down-menu li a{
    color: #555;
    text-decoration: none;
    font-size: 16px;
  }
  .drop-down-menu li a:hover{
    color: #219aea;
    text-decoration: underline;
  }
  #showMouseHoverView{
    position: relative;
  }
  /* 倒三角 */
  .click-down-menu::after{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }
.header {
  width: 100%;
}
.header > nav {
  position: static;
}
.nav-item .nav-link {
  color: #555 !important;
}
.nav-item .nav-link:hover {
  color: #219aea !important;
}
.nav-item .nav-link:active {
  color: #0b7dc3 !important;
}
.dropdown-item .title {
  margin-left: 15px;
}
.nav-link-detail {
  display: none;
  /* display: block; */
  z-index: 9999;
  position: absolute;
  left: 0;
  top: 120px;/* +44px*/
  border-top: 3px solid #4db4fc;
  background-color: #fff;
  width: 100vw;
  height: 380px;
  padding:0 20px;
}
.nav-link-detail-1 {
  width: 430px;
  height: 100%;
}
.nav-link-detail-3 {
  width: 430px;
  height: 100%;
}
.nav-link-detail-2 {
  width: 250px;
  height: 100%;
}
.nav-link-detail-2 p{
  font-size: 14px;
  margin-top:10px;
}
.product-detail-title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.product {
  color: #555;
  font-size: 16px;
}

.product + .product {
  margin-top: 18px;
}

.product:hover .action-btn-small {
  display: flex;
}

.product .title {
  color: #555;
  margin-right: 10px;
}
.product .title:hover {
  color: #219aea;
}

.product img {
  margin-right: 10px;
}

.action-btn-small {
  width:80px;
  height:25px;
  font-size:14px;
}
.action-btn-big {
  width: 110px;
  height: 35px;
  font-size:14px;
}
.action-btn-small:hover, .action-btn-big:hover{
  text-decoration: none;
}
.action-btn-small + .action-btn-small {
  margin-left: 10px;
}

.navbar-buy:hover {
  text-decoration: none;
}

@media (min-width: 992px){
  .action-btn-small {
    display: none;
  }
  .product-detail-title {
    margin-top: 30px;
  }
  .navbar {
    height: 75px;
    padding: 0 20px;
  }
  .navbar-nav {
    margin-left: 50px;
  }
  .nav-item {
    height: 75px;
    margin-top: 40px;
  }
  .nav-item .nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nav-item:hover .nav-link-detail{
    display: block;
  }
  .nav-item + .nav-item {
    margin-left: 30px;
  }
  #navbarSupportedContent {
    display: -moz-box;  /* Firefox */
    display: -ms-flexbox;    /* IE10 */
    display: -webkit-box;    /* Safari */
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
  .backgd-buy-Icon{
    display:block;
    width:26px;
    height:24px;
    background:url('/image-new/buy_01.png');
    background-size:100%  auto;
  }
  .backgd-buy-Icon:hover{
    background:url('/image-new/buy_01_hover.png');
  }
}

@media (max-width: 992px) {
  .dropdown-menu {
    border: 0;
    background-color: transparent;
  }
  .dropdown-item {
    padding: 0;
  }
  .dropdown-item.active, .dropdown-item:active,  .dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent; 
  }
}

@media (min-width: 1200px) {
  .nav-item + .nav-item {
    margin-left: 50px;
  }
  .nav-link-detail {
    padding:0;
  }
}
.promo-banner {
    background-color: #5fb79a;
    color: #fff;
    text-align: center;
    padding: 10px;
}
.promo-banner p {
    margin-bottom: 0 !important;
    color: #ffffff !important;
}

.hint {
    font-weight: bold;
    color: #ffe200;
}

.promo-details-button a {
    /*background-color: #369df2;*/
    color: #fff;
    text-decoration: none;
    padding: 3px 10px;
    margin-left: 10px;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid #ffffff;
}
.promo-details-button a:hover {
    background-color: #ffffff;
    color: #3e98ec;
}