.wrapper {
  width: calc(100% - 40px);
  max-width: 1600px;
  margin: 0 auto;
}
.fixed-head {
  padding-top: 100px;
}
.min-height {
  min-height: 750px;
}
.wm-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.wm-header .head-bar {
  width: 100%;
  height: 60px;
  background-color: #131921;
}
.wm-header .head-bar .wrapper {
  height: 60px;
}
.wm-header .head-bar .logo {
  font-size: 30px;
  font-family: 'fangsong', sans-serif;
  font-weight: bold;
  color: #fff;
  margin-top: -8px;
}
.wm-header .head-bar .search {
  flex: 1;
  padding: 0 20px;
}
.wm-header .head-bar .search .input {
  width: 100%;
  max-width: 500px;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  border: none;
  outline: none;
}
.wm-header .head-bar .search .icon {
  display: inline-block;
  width: 60px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #FF9A4F;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.wm-header .head-bar .search .icon .iconfont {
  font-size: 24px;
  color: #312018;
}
.wm-header .head-bar .language {
  margin: 0 10px;
  cursor: pointer;
}
.wm-header .head-bar .language .lang-btn {
  color: #fff;
}
.wm-header .head-bar .language .zhongwen {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('../images/chinese.png') no-repeat;
  background-size: cover;
  margin: 2px 5px 0 0;
}
.wm-header .head-bar .language .vietnam {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('../images/vietnam.png') no-repeat;
  background-size: cover;
  margin: 2px 5px 0 0;
}
.wm-header .head-bar .cart {
  color: #fff;
  margin: 0 10px;
}
.wm-header .head-bar .account {
  color: #fff;
  margin: 0 0 0 10px;
}
.wm-header .head-bar .menu {
  cursor: pointer;
}
.wm-header .head-bar .menu .iconfont {
  font-size: 28px;
  color: #fff;
}
.wm-header .nav-bar {
  width: 100%;
  /*min-height: 40px;*/
  background-color: #354050;
}
.wm-header .nav-bar .ul-nav {
  align-items: center;
  padding: 0;
  flex-wrap: wrap;
  margin: 0;
}
.wm-header .nav-bar .ul-nav .item {
  display: inline-block;
  min-width: 120px;
  padding: 0 10px;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
}
.wm-header .nav-bar .ul-nav li:hover .item {
  color: #038152;
}
.wm-header .nav-bar .ul-nav li.active .item {
  background-color: #038152;
  color: #fff;
}
.wm-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.wm-banner .swiper-pagination {
  bottom: 0;
}
.wm-banner .swiper-pagination .swiper-pagination-bullet {
  background: #EDF3FF;
  opacity: 1;
}
.wm-banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  background: #fff;
  border-radius: 4px;
}
.wm-container {
  padding: 30px 0;
  background-color: #F5F5F7;
}
.wm-container .wm-hot-list {
  background-color: #fff;
}
.wm-container .wm-hot-list .head {
  align-items: center;
  height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid #E8EDF1;
}
.wm-container .wm-hot-list .head .iconfont {
  font-size: 24px;
  color: #E95660;
}
.wm-container .wm-hot-list .head .title {
  font-size: 20px;
  font-weight: bold;
  color: #FF9B51;
  margin-left: 5px;
}
.wm-container .wm-hot-list .list {
  padding: 20px;
}
.wm-container .wm-hot-list .list .item {
  display: block;
  position: relative;
}
.wm-container .wm-hot-list .list .item .image {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.wm-container .wm-hot-list .list .item .over_1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}
.wm-index-list {
  margin-top: 30px;
}
.wm-index-list .head {
  height: 60px;
  padding: 0 20px;
  background-color: #fff;
  border-bottom: 4px solid #038152;
  margin-bottom: 20px;
}
.wm-index-list .head .title {
  font-size: 20px;
  font-weight: bold;
  color: #FF9B51;
}
.wm-index-list .head .more {
  color: #BDBDC7;
}
.wm-index-list .head .more:hover {
  color: #354050;
}
.wm-index-list .list .item {
  display: block;
  border: 1px solid #E1E7EB;
}
.wm-index-list .list .item .image {
  width: 100%;
  height: 230px;
  object-fit: contain;
  background-color: #fff;
}
.wm-index-list .list .item .info {
  padding: 10px;
  background-color: #fff;
}
.wm-index-list .list .item .info .name {
  height: 40px;
  line-height: 20px;
  color: #35353B;
}
.wm-index-list .list .item .info .price {
  color: #FF694C;
  margin-top: 5px;
}
.wm-index-list .list .item .info .price b {
  font-size: 18px;
}
body .to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
}
.wm-footer {
  padding: 20px 0;
  background-color: #131921;
}
.wm-footer .logo {
  font-size: 30px;
  font-family: 'fangsong', sans-serif;
  font-weight: bold;
  color: #fff;
  margin-top: -8px;
}
.wm-footer .language {
  margin: 0 0 0 30px;
  cursor: pointer;
}
.wm-footer .language .lang-btn {
  color: #fff;
}
.wm-footer .language .zhongwen {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('../images/chinese.png') no-repeat;
  background-size: cover;
  margin: 2px 5px 0 0;
}
.wm-footer .language .vietnam {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('../images/vietnam.png') no-repeat;
  background-size: cover;
  margin: 2px 5px 0 0;
}
.phone-navbar .uk-iconnav {
  position: absolute;
  bottom: 0;
  left: 20px;
  height: 30px;
}
.phone-navbar .uk-iconnav .iconfont {
  font-size: 20px;
  color: #fff;
}
.phone-navbar .uk-iconnav > li {
  margin-right: 15px;
}
.phone-navbar .uk-iconnav .zhongwen {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('../images/chinese.png') no-repeat;
  background-size: cover;
  margin: 2px 5px 0 0;
}
.phone-navbar .uk-iconnav .vietnam {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('../images/vietnam.png') no-repeat;
  background-size: cover;
  margin: 2px 5px 0 0;
}
.login-form .logo {
  font-size: 40px;
  font-family: 'fangsong', sans-serif;
  font-weight: bold;
  color: #FE9A4F;
  text-align: center;
}
.login-form .form-list {
  width: 100%;
  max-width: 300px;
  margin: 10px auto 30px;
}
.login-form .form-list .form-label {
  line-height: 36px;
}
.login-form .form-list .input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border: 1px solid #AAAAAA;
  outline: none;
  border-radius: 5px;
}
.login-form .form-btn {
  width: 100%;
  max-width: 300px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #FE9A4F;
  border-radius: 5px;
  color: #fff;
  margin: 0 auto 20px;
  cursor: pointer;
}
.wm-cate-list {
  background-color: #fff;
  padding: 10px 20px;
}
.wm-cate-list .cate-label {
  flex: none;
  width: 80px;
  padding: 10px 0;
}
.wm-cate-list .cate-list {
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 5px 0;
}
.wm-cate-list .cate-list .item {
  padding: 5px 10px;
  color: #474D4A;
}
.wm-cate-list .cate-list .item:hover {
  color: #038152;
}
.wm-cate-list .cate-list .item.active {
  background-color: #038152;
  color: #fff;
}
.wm-filter {
  align-items: center;
  padding: 10px 20px;
  background-color: #EDEDED;
  margin-top: 20px;
  flex-wrap: wrap;
}
.wm-filter .label {
  flex: none;
  width: 80px;
}
.wm-filter .uk-button {
  margin: 0 10px 0 0;
  background-color: #fff;
}
.wm-filter .uk-button.uk-active {
  color: #fff;
  background-color: #038152;
  border-color: #038152;
}
.wm-filter .uk-select {
  max-width: 240px;
}
.wm-list-pager {
  margin-top: 30px;
}
.wm-list-pager .pagination li {
  margin: 0 5px;
}
.wm-list-pager .pagination li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #444D4C;
  text-align: center;
  background-color: #fff;
  border: 1px solid #D6DAE0;
  border-radius: 3px;
}
.wm-list-pager .pagination li.active span {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #038152;
  border: 1px solid #038152;
  border-radius: 3px;
  cursor: default;
}
.wm-list-pager .pagination li.disabled a {
  background-color: #ddd;
  cursor: not-allowed;
}
.wm-list-pager .pagination li .iconfont {
  font-size: 20px;
}
.wm-nodata {
  flex-direction: column;
  padding: 150px 0;
}
.wm-nodata img {
  margin-bottom: 10px;
}
.change-language.uk-dropdown {
  padding: 10px 15px;
  width: 125px !important;
  border-radius: 5px;
  min-width: 125px;
}
.user-account .uk-dropdown {
  padding: 10px 15px;
  width: 90px !important;
  border-radius: 5px;
  min-width: 90px;
}
.user-account .iconfont {
  color: #fff;
}
.uk-breadcrumb {
  margin: 12px 0 15px;
}
.wm-product-info {
  padding: 1px 0;
  background-color: #F5F5F7;
}
.wm-product-info .white-box {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 0;
}
.wm-product-info .magnifier {
  position: relative;
}
.wm-product-info .magnifier .magnifier-container {
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
}
.wm-product-info .magnifier .move-view {
  width: 100px;
  height: 100px;
  position: absolute;
  background-image: url('../images/move-box.png');
  z-index: 2;
}
.wm-product-info .magnifier .images-cover {
  height: 100%;
  width: 100%;
  position: relative;
}
.wm-product-info .magnifier .images-cover img {
  position: absolute;
}
.wm-product-info .magnifier .magnifier-assembly {
  height: 92px;
  overflow: hidden;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.wm-product-info .magnifier .magnifier-btn {
  position: absolute;
  font-family: "宋体";
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -42px;
}
.wm-product-info .magnifier .magnifier-btn span {
  line-height: 80px;
  height: 80px;
  width: 20px;
  background-color: #6e6e6e;
  color: #fff;
  display: block;
  z-index: 9998;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  border-radius: 3px;
}
.wm-product-info .magnifier .magnifier-btn .magnifier-btn-left {
  float: left;
}
.wm-product-info .magnifier .magnifier-btn .magnifier-btn-right {
  float: right;
}
.wm-product-info .magnifier .magnifier-line {
  position: relative;
  overflow: hidden;
  height: 88px;
}
.wm-product-info .magnifier .magnifier-line ul {
  display: block;
  font-size: 0;
  width: 10000%;
  position: absolute;
  left: 0;
  z-index: 997;
  margin: 0;
  padding: 0;
}
.wm-product-info .magnifier .magnifier-line li {
  float: left;
  width: 100px;
  cursor: pointer;
}
.wm-product-info .magnifier .clearfix:before,
.wm-product-info .magnifier .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.wm-product-info .magnifier .magnifier-line ul > .active .small-img {
  border-color: #bbb;
}
.wm-product-info .magnifier .small-img {
  height: 78px;
  padding: 1px;
  margin: 5px;
  overflow: hidden;
  border: 1px solid #ddd;
  text-align: center;
}
.wm-product-info .magnifier .small-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wm-product-info .magnifier .magnifier-view {
  width: 100%;
  height: 100%;
  position: absolute;
  right: -105%;
  top: 0;
  z-index: 999;
  background-color: #fff;
  display: none;
  overflow: hidden;
}
.wm-product-info .magnifier .magnifier-view img {
  display: block;
  max-width: none;
  border: 0;
}
.wm-product-info .magnifier .animation03 {
  transition: all 0.3s ease-in 0.1s;
  -ms-transition: all 0.3s ease-in 0.1s;
  -moz-transition: all 0.3s ease-in 0.1s;
  -webkit-transition: all 0.3s ease-in 0.1s;
  -o-transition: all 0.3s ease-in 0.1s;
}
.wm-product-info .pro-info {
  flex-direction: column;
  justify-content: space-between;
}
.wm-product-info .pro-info .title {
  font-size: 18px;
  color: #181918;
  line-height: 1.6;
}
.wm-product-info .pro-info .price-box {
  padding: 10px 15px;
  background-color: #F7F8FA;
  margin: 15px 0;
  align-items: baseline;
}
.wm-product-info .pro-info .price-box .now {
  color: #FF694C;
}
.wm-product-info .pro-info .price-box .now b {
  font-size: 24px;
}
.wm-product-info .pro-info .price-box .s {
  color: #ADAEBC;
  margin-left: 15px;
}
.wm-product-info .pro-info .size-box .label {
  flex: none;
  width: 80px;
  padding: 4px 0;
}
.wm-product-info .pro-info .size-box .list {
  flex-wrap: wrap;
}
.wm-product-info .pro-info .size-box .list .span {
  display: inline-block;
  padding: 3px 10px;
  margin: 0 10px 10px 0;
  border: 1px solid #DDE1E7;
  border-radius: 3px;
  cursor: pointer;
}
.wm-product-info .pro-info .size-box .list .span.active {
  color: #FF9C53;
  border-color: #FF9C53;
}
.wm-product-info .pro-info .size-box .number-control {
  margin: 3px 0;
}
.wm-product-info .pro-info .bottom {
  align-items: center;
  margin-top: 20px;
}
.wm-product-info .pro-info .bottom .btn {
  flex: 1;
  max-width: 200px;
  height: 50px;
  line-height: 48px;
  font-size: 15px;
  text-align: center;
  margin: 0 10px;
  border: 1px solid #FF9A4F;
}
.wm-product-info .pro-info .bottom .btn.add-cart {
  background-color: #FFF4EB;
  color: #FF9A4F;
}
.wm-product-info .pro-info .bottom .btn.to-order {
  background-color: #FF9A4F;
  color: #fff;
}
.wm-product-info .pro-info .bottom .btn:hover {
  opacity: 0.85;
}
.wm-product-info .sub-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.wm-product-info .pro-size {
  margin-bottom: 20px;
}
.wm-product-info .pro-size .label {
  flex: none;
  width: 100px;
  color: #717682;
}
.wm-product-info .pro-size .uk-grid-margin {
  margin-top: 10px;
}
.number-control {
  align-items: center;
}
.number-control .btn {
  flex: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #E1E5EA;
  cursor: pointer;
}
.number-control .btn .iconfont {
  color: #ABACBA;
}
.number-control .btn.reduce {
  border-radius: 3px 0 0 3px;
}
.number-control .btn.add {
  border-radius: 0 3px 3px 0;
}
.number-control .input {
  flex: none;
  width: 80px;
  height: 30px;
  padding: 0 10px;
  text-align: center;
  border: none;
  border-top: 1px solid #E1E5EA;
  border-bottom: 1px solid #E1E5EA;
  outline: none;
}
.wm-cart-list {
  padding: 1px 0 100px;
  background-color: #F5F5F7;
}
.wm-cart-list .white-box {
  background-color: #fff;
  padding: 10px 20px 20px;
}
.wm-cart-list .cart-title {
  font-size: 17px;
  font-weight: bold;
  color: #FF9F5A;
  line-height: 2;
}
.wm-cart-list .table-head {
  background-color: #F3F3F3;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
}
.wm-cart-list .table-head .th {
  flex: 1;
  text-align: center;
}
.wm-cart-list .table-head .th.first {
  flex: none;
  width: 100px;
  text-align: left;
  padding: 0 20px;
}
.wm-cart-list .table-head .th.last {
  flex: none;
  width: 100px;
}
.wm-cart-list .table-body {
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #E1E4E9;
  flex-wrap: wrap;
}
.wm-cart-list .table-body.border {
  border: 1px solid #E6E9ED;
  margin-top: 20px;
}
.wm-cart-list .table-body.border .flex-tr {
  padding: 0 15px;
  border-top: 1px solid #E6E9ED;
}
.wm-cart-list .table-body.border .flex-tr .next {
  padding: 5px 10px;
  background-color: #FF9A4F;
  color: #fff;
}
.wm-cart-list .table-body .order-head {
  height: 40px;
  padding: 0 20px;
  background-color: #F3F3F3;
}
.wm-cart-list .table-body .order-head .left {
  font-size: 13px;
  flex-wrap: wrap;
}
.wm-cart-list .table-body .order-head .del {
  font-size: 13px;
  color: #F74D4D;
  white-space: nowrap;
}
.wm-cart-list .table-body .flex-tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.wm-cart-list .table-body .tr {
  flex: 1;
  text-align: center;
  padding: 15px 0;
}
.wm-cart-list .table-body .tr.first {
  flex: none;
  width: 100px;
  text-align: left;
  padding: 0 20px;
}
.wm-cart-list .table-body .tr.last {
  flex: none;
  width: 100px;
}
.wm-cart-list .table-body .tr .cover {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.wm-cart-list .table-body .tr .name {
  max-width: 300px;
  margin: 0 15px;
  text-align: left;
}
.wm-cart-list .table-body .tr .size {
  margin: 0 15px;
  text-align: left;
}
.wm-cart-list .table-body .tr .now {
  color: #FF9A4F;
  font-weight: bold;
}
.wm-cart-list .table-body .tr .old {
  font-size: 13px;
  color: #9999A1;
}
.wm-cart-list .table-body .tr .del {
  color: #EC2E2E;
  cursor: pointer;
}
.wm-cart-list .wm-payroll {
  padding: 20px;
  background-color: #F2F5F7;
}
.wm-cart-list .submit {
  flex: none;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FF694C;
  color: #fff;
  margin-top: 20px;
  cursor: pointer;
}
.table-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-color: #fff;
  border-top: 1px solid #F5F5F7;
}
.table-foot .select {
  margin: 0 0 0 20px;
}
.table-foot .select span {
  color: #EC2E2E;
  font-weight: bold;
}
.table-foot .total .red {
  color: #EC2E2E;
  font-size: 20px;
}
.table-foot .btn {
  width: 140px;
  height: 80px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #FF9A4F;
  cursor: pointer;
  margin-left: 20px;
}
.lang-vn .user-account .uk-dropdown {
  width: 180px !important;
}
@media screen and (max-width: 960px) {
  .fixed-head {
    padding-top: 60px;
  }
  .wm-cart-list .cart-title {
    margin-bottom: 12px;
  }
  .wm-cart-list .table-body .flex-tr {
    flex-wrap: wrap;
  }
  .wm-cart-list .table-body .flex-tr .tr:first-child {
    flex: none;
    width: 100%;
  }
  .wm-cart-list .table-body.border {
    margin-top: 0;
  }
  .wm-cart-list .table-body.border .flex-tr .tr:not(:first-child) {
    width: 30%;
  }
}
@media screen and (max-width: 640px) {
  .uk-grid {
    margin-left: -20px !important;
  }
  .uk-grid > * {
    padding-left: 20px !important;
  }
  * + .uk-grid-margin,
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin {
    margin-top: 20px !important;
  }
  .wm-container {
    padding: 20px 0;
  }
  .wm-container .wm-hot-list .list .item .image {
    height: 150px;
  }
  .wm-container .wm-index-list {
    margin-top: 20px;
  }
  .wm-container .wm-index-list .head .title {
    font-size: 16px;
  }
  .wm-container .wm-index-list .list .item .image {
    height: 150px;
  }
  .wm-filter .uk-button {
    margin-bottom: 10px;
  }
  .wm-product-info .pro-info .bottom {
    flex-wrap: wrap;
  }
  .wm-product-info .pro-info .bottom .btn {
    flex: none;
    width: 100%;
    height: 36px;
    line-height: 34px;
  }
  .wm-product-info .pro-info .bottom .btn:first-child {
    margin-bottom: 10px;
  }
  .wm-cart-list {
    padding-bottom: 72px;
  }
  .wm-cart-list .cart-title {
    margin-bottom: 12px;
  }
  .wm-cart-list .table-body .flex-tr {
    flex-wrap: wrap;
  }
  .wm-cart-list .table-body .flex-tr .tr {
    flex: none;
    width: 100%;
  }
  .wm-cart-list .table-body .order-head {
    height: 60px;
  }
  .table-foot {
    height: 50px;
  }
  .table-foot .total .red {
    font-size: 16px;
  }
  .table-foot .btn {
    width: 100px;
    height: 50px;
  }
}