/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/1941(这个说明仅在演示里会看到,下载的源码里没有)*//*------------------------------------    [Table of contents]    1. Body    2. Header / #header    3. Navigation / #navbar    4. Content / #content    5. Sidebar / #sidebar    6. Search / #search    7. Footer / #footer    --------------------------------------*/.active-bg-menu {  position: fixed;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.9);  transition: all .3s ease;  top: 0; }* {  outline: 0 !important; }img {  margin: 0 auto !important; }nav .open a {  background-color: unset !important; }  nav .open a:hover {    background-color: unset !important; }  nav .open a:focus {    background-color: unset !important; }.form-control:focus {  box-shadow: unset;  border-color: unset; }@media (min-width: 1200px) {  .container-menu {    width: 1000px !important; } }h5 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }.navbar-collapse {  padding-right: 0;  padding-left: 0; }.nav >li >a >img {  max-width: 100%; }.nav-pills >li + li {  margin-left: 0; }.nav-pills >li.active >a, .nav-pills >li.active >a:focus, .nav-pills >li.active >a:hover {  background-color: #fff; }.nav .open >a, .nav .open >a:focus, .nav .open >a:hover {  background-color: unset !important; }.show-search {  opacity: 1 !important;  visibility: visible !important; }/*slick*/.slider {  width: 100%;  margin: 0 auto; }.slick-slide {  margin: 0px 20px; }.slick-slide {  transition: all ease-in-out .3s;  opacity: 1; }.slick-active {  opacity: 1; }.slick-current {  opacity: 1; }/*end slick*/ul.breadcrumb {  padding: 15px 0;  list-style: none;  background: #fff; }/* Display list items side by side */ul.breadcrumb li {  display: inline; }/* Add a slash symbol (/) before/behind each list item */ul.breadcrumb li + li:before {  padding: 5px 10px;  font-family: Poppins;  font-weight: 500;  font-size: 16px;  color: black;  color: #888888;  content: ">"; }/* Add a color to all links inside the list */ul.breadcrumb li a {  font-family: Poppins;  font-weight: 500;  font-size: 14px;  color: black;  color: #888888;  text-decoration: none; }ul.breadcrumb li:last-child a {  color: black;  font-weight: bold; }/* Add a color on mouse-over */ul.breadcrumb li a:hover {  color: black;  text-decoration: none; }@media all and (min-width: 320px) {  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1),  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1),  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {    clear: none; }  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {    clear: left; } }@media all and (min-width: 768px) {  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1),  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1),  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {    clear: none; }  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {    clear: left; } }@media all and (min-width: 992px) {  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1),  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1),  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {    clear: none; }  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {    clear: left; } }@media (min-width: 1200px) {  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1),  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1),  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {    clear: none; }  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1) {    clear: left; } }.panel {  box-shadow: unset;  border-radius: 0; }/*--------------------------------ui----------------------------*/.ui-slider .ui-slider-handle {  border-radius: 50%;  width: 14px;  height: 14px;  cursor: pointer;  background: none;  background-color: black;  border: none;  outline: none; }.ui-slider-range {  background: none;  background-color: black;  border: none; }#slider-3 {  border: none;  height: 5px;  border-radius: 0;  background: #9a9a9a; }.range-p input {  border: 0;  font-family: Poppins;  font-weight: 400;  font-size: 14px;  color: black;  outline: 0; }/*end*//*---------*/.active-btn {  background: black !important;  color: #fff; }/*custom select*/.select-hidden {  display: none;  visibility: hidden;  padding-right: 10px; }.select {  cursor: pointer;  display: inline-block;  position: relative;  font-family: Poppins;  font-weight: 400;  font-size: 14px;  color: black;  width: 154px;  height: 36px;  margin-left: 20px; }.select:nth-child(2) {  width: 70px;  height: 36px;  margin-left: 0; }.select-styled {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: #eeeeee;  padding: 8px 15px;  transition: all 0.2s ease-in; }  .select-styled:after {    content: "\f107";    position: absolute;    top: 8px;    right: 12px;    font-size: 16px;    font-weight: 600;    font-family: Font Awesome\ 5 Free; }  .select-styled:active:after, .select-styled.active:after {    transform: rotate(180deg); }.select-options {  display: none;  position: absolute;  top: 100%;  right: 0;  left: 0;  z-index: 999;  margin: 0;  padding: 0;  list-style: none;  background-color: #f2f2f2; }  .select-options li {    margin: 0;    padding: 12px 0;    text-indent: 15px;    border-top: 1px solid #e6e6e6;    transition: all 0.15s ease-in; }    .select-options li:hover {      color: #c0392b;      background: #fff; }    .select-options li[rel="hide"] {      display: none; }/*----end----*/figure.bg-input {  position: relative; }figure.bg-input::before {  content: '';  display: inline-block;  width: 60px;  height: 36px;  background: #eeeeee;  position: absolute;  bottom: 8px;  z-index: -1;  left: -15px; }figure.bg-input::after {  content: '';  display: inline-block;  width: 60px;  height: 36px;  background: #eeeeee;  position: absolute;  bottom: 8px;  z-index: -1;  left: 78px; }/*------tab--------*/.nav-tabs {  border-bottom: 0; }.nav-tabs >li.active >a, .nav-tabs >li.active >a:focus, .nav-tabs >li.active >a:hover {  border: 0;  background-color: transparent; }.nav-tabs >li >a {  border: 0; }/*----*/@-webkit-keyframes shine-left {  100% {    right: 100%; } }@keyframes shine-left {  100% {    right: 100%; } }/*-----*/@-webkit-keyframes shine-right {  100% {    left: 100%; } }@keyframes shine-right {  100% {    left: 100%; } }.carousel-caption {  text-shadow: unset; }.space-padding-tb-30 {  padding-top: 30px !important;  padding-bottom: 30px !important; }.cart-box-container .col-md-4 {  padding-right: 0px; }  .cart-box-container .col-md-4:last-child {    padding-right: 15px; }.head-cart .item {  border: 1px solid #ebebeb;  padding: 60px 0px; }  .head-cart .item.active .icon {    background: #222;    color: #fff;    border-color: #222; }  .head-cart .item .icon {    font: 400 22px/64px "Poppins";    display: inline-block;    width: 66px;    height: 66px;    border-radius: 50%;    border: 1px solid #c2c2c2;    background: #fff;    color: #565656; }  .head-cart .item h3 {    font: 400 24px/30px "Poppins";    color: #565656;    text-transform: uppercase;    margin-top: 25px;    margin-bottom: 10px;    padding-bottom: 20px;    position: relative; }    .head-cart .item h3:after {      position: absolute;      content: '';      bottom: 0px;      left: 0px;      right: 0px;      margin: auto;      height: 1px;      width: 75px;      background: #222; }.center {  text-align: center; }table {  margin-bottom: 0 !important;  border-bottom: 1px solid #ddd; }  table.table.cart-table thead {    background: #ddd; }    table.table.cart-table thead th {      color: #fff;      font: 700 18px "Poppins";      padding: 12px 0px;      letter-spacing: 0px; }      table.table.cart-table thead th:first-child {        padding-left: 30px; }  table.table.cart-table td {    background: #fff;    vertical-align: middle; }    table.table.cart-table td.produc-name a {      font: 400 18px "Poppins";      color: #2b2b2b; }      table.table.cart-table td.produc-name a:hover {        text-decoration: none; }    table.table.cart-table td.product-photo {      padding: 20px 0; }    table.table.cart-table td.produc-price input {      border: none;      font: 400 18px "Poppins";      color: #666;      background: transparent; }    table.table.cart-table td.product-quantity .quantity {      position: relative; }      table.table.cart-table td.product-quantity .quantity .minus {        left: 10px;        top: 15px;        position: absolute;        cursor: pointer; }      table.table.cart-table td.product-quantity .quantity .plus {        left: 110px;        top: 15px;        position: absolute;        cursor: pointer; }    table.table.cart-table td.product-quantity input {      border: 1px solid #d8d8d8;      height: 50px;      width: 130px;      text-align: center;      font: 700 20px "Poppins";      color: #565656; }    table.table.cart-table td.total-price {      color: #222;      font: 400 20px "Poppins"; }    table.table.cart-table td.product-in {      font: 500 18px "Poppins";      color: red; }      table.table.cart-table td.product-in i {        font-size: 18px;        color: red; }    table.table.cart-table td.product-out {      font: 500 18px "Poppins"; }      table.table.cart-table td.product-out i {        font-size: 18px; }    table.table.cart-table td.add-to-cart a {      font-family: Abril Fatface;      font-weight: 400;      font-size: 18px;      color: black;      transition: all .3s ease-in-out 0.08s;      color: white;      padding: 10px 40px;      background-color: black;      border: 1px solid black;      background-image: -webkit-linear-gradient(90deg, black 50%, transparent 50%);      background-image: linear-gradient(90deg, black 50%, transparent 50%);      background-size: 600px;      background-repeat: no-repeat;      background-position: 0%;      -webkit-transition: background .3s ease-in-out;      transition: background .3s ease-in-out; }      table.table.cart-table td.add-to-cart a:hover {        background-position: 100%;        background-color: #fff;        color: black;        text-decoration: none; }.row-total {  background: #fff;  float: left;  width: 100%;  margin-bottom: 60px;  border-bottom: 1px solid #e6e6e6;  padding: 30px 0px 60px; }  .row-total h3 {    font: 700 18px/20px "Poppins";    color: #333;    text-transform: uppercase;    padding-left: 45px; }  .row-total p {    color: #222;    font: 700 18px/20px "Poppins";    padding-right: 45px; }.float-left {  float: left; }.float-right {  float: right; }.link-v1 {  transition: all .3s ease;  font: 700 16px/38px "Abril Fatface";  color: #333;  width: 180px;  text-align: center;  display: inline-block;  border: 1px solid #e4e4e4;  text-transform: uppercase;  color: #333;  background: #fff;  font-family: Abril Fatface;  font-weight: 400;  font-size: 18px;  color: black;  transition: all .3s ease-in-out 0.08s;  color: white;  padding: 10px 40px;  background-color: black;  border: 1px solid black;  background-image: -webkit-linear-gradient(90deg, black 50%, transparent 50%);  background-image: linear-gradient(90deg, black 50%, transparent 50%);  background-size: 600px;  background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background .3s ease-in-out;  transition: background .3s ease-in-out; }  .link-v1:hover {    background-position: 100%;    background-color: #fff;    color: black;    text-decoration: none; }  .link-v1.lh-50 {    line-height: 48px;    width: auto;    padding: 0 25px; }.space-20 {  margin-bottom: 20px; }.space-30 {  margin-bottom: 30px; }.box {  display: inline-block;  width: 100%; }.cart-box-container .cart-total .col-md-4 {  padding-right: 15px; }.cart-box-container .cart-total .item {  padding: 30px;  border: 1px solid #e7e7e7; }  .cart-box-container .cart-total .item h3.title {    font: 700 18px "Poppins";    color: #565656;    text-transform: uppercase;    margin-bottom: 20px; }  .cart-box-container .cart-total .item p {    font: 400 14px/20px "Poppins";    color: #565656;    margin-bottom: 10px; }.cart-box-container .form-control {  background: #fff;  border: 1px solid #ddd;  border-radius: 0;  color: #888888;  padding: 9px 20px;  line-height: 1.625;  height: 47px;  display: block;  width: 100%;  font: 400 16px "Roboto Slab";  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }/*# sourceMappingURL=style-shopping.css.map *//*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/1941(这个说明仅在演示里会看到,下载的源码里没有)*/