.container {
  width: 1650px;
  padding: 0 10px;
  max-width: 1650px
}

.row [class*=col-] {
  padding-left: 10px;
  padding-right: 10px
}

.clearfix {
  clear: both
}

p {
  margin-bottom: 0
}

:focus {
  box-shadow: none !important;
  outline: 0 !important
}

.row {
  margin-left: -10px;
  margin-right: -10px;
  clear: both
}

.format,
.ul {
  margin: 0;
  padding: 0;
  list-style: none
}

ul {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

img {
  max-width: 100%
}

a,
a:hover {
  text-decoration: none
}

.bg-w {
  background: #fff;
  width: 100%;
  float: left
}

.bg-gra {
  background: linear-gradient(45deg, #fe532e, #ff990f) !important
}

body {
  margin: 0;
  font-family: tahoma, sans-serif;
  font-weight: 400;
  background: #f1f1f1;
  min-width: 1200px;
  font-size: 14px;
  color: #222
}

.icons-2020 {
  background: url(../images/sprite-2020.png) no-repeat;
  vertical-align: middle
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

section {
  width: 100%;
  float: left
}

.header-new-top {
  background: #0069c7
}

.header-new-top .top-header-content {
  width: 100%;
  float: left;
  position: relative
}

.header-new-top .top-header-content ul.menu-top {
  float: left
}

.header-new-top .top-header-content ul.menu-top li {
  float: left;
  margin-right: 25px;
  position: relative
}

.header-new-top .top-header-content ul.menu-top li:last-child {
  margin-right: 0
}

.header-new-top .top-header-content ul.menu-top li a {
  float: left;
  font-size: 12px;
  line-height: 40px;
  color: #eee
}

.header-new-top .top-header-content ul.menu-top li a .icons-2020 {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
  background-position: -4px -4px;
  margin-top: 12px
}

.header-new-top .top-header-content ul.menu-top li:nth-child(2) a .icons-2020 {
  background-position: -28px -4px
}

.header-new-top .top-header-content ul.menu-top li:nth-child(3) a .icons-2020 {
  background-position: -288px -91px;
  width: 20px;
  margin-top: 15px
}

.header-new-top .top-header-content ul.menu-top li:nth-child(4) a .icons-2020 {
  background-position: -55px -4px
}

.header-new-top .top-header-content ul.menu-top li:nth-child(5) a .icons-2020 {
  background-position: -83px -4px
}

.header-new-top .top-header-content ul.menu-top li.bg-gra-all {
  padding: 5px 0;
  z-index: 999999
}

.header-new-top .top-header-content ul.menu-top li.bg-gra-all>a {
  padding: 0 15px;
  line-height: 30px;
  border-radius: 15px;
  background: repeating-linear-gradient(to right, #ff990f 0, #fe532e 50%, #ff990f 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradient 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  border-radius: 9999px;
  float: left
}

.header-new-top .top-header-content ul.menu-top li.bg-gra-all a .icons-2020 {
  margin-top: 6px
}

@keyframes gradient {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -200% 0
  }
}

.header-new-top .top-header-content ul.menu-top li a .txt {
  float: left
}

.header-new-top .top-header-content .account-top {
  float: right;
  font-size: 12px;
  line-height: 40px;
  color: #eee
}

.header-new-top .top-header-content .account-top a {
  color: #fff
}

.header-new-top .top-header-content .account-top span {
  margin: 0 5px
}

.header-new-mid {
  padding: 25px 0 15px;
  background: #0676da
}

.header-new-mid .logo {
  width: 356px;
  float: left
}

.main-search {
  width: 682px;
  float: left;
  position: relative;
  margin-top: 12px
}

.main-search .form-search {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  position: relative
}

.main-search .form-search .box-search {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  height: 34px;
  border-radius: 3px;
  padding-left: 3px
}

.main-search .form-search .box-search .select-n {
  width: 138px;
  float: left;
  border: solid 1px #ccc;
  border-radius: 3px;
  text-align: center;
  margin-top: 3px;
  margin-right: 20px;
  position: relative
}

.main-search .form-search .box-search .select-n .title-n {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #222;
  line-height: 26px
}

.main-search .form-search .box-search .select-n .content-n {
  width: 200px;
  float: left;
  background: #fff;
  padding: 0 10px;
  max-height: 250px;
  overflow: auto;
  background: #fff;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  box-shadow: 0 0 1px 0 #f2f2f2
}

.main-search .form-search .box-search .select-n .content-n a {
  width: 100%;
  float: left;
  line-height: 30px;
  font-size: 13px;
  color: #222;
  text-align: left
}

.main-search .form-search .box-search .select-n .content-n a:hover {
  color: #0069c7
}

.main-search .form-search .box-search .select-n:hover .content-n {
  display: block !important
}

.main-search .form-search .box-search input#stext-search {
  width: 440px;
  float: left;
  border: none;
  outline: 0;
  height: 34px;
  line-height: 34px
}

.main-search .form-search .box-search button {
  width: 78px;
  float: right;
  text-align: center;
  border-radius: 0 3px 3px 0;
  line-height: 34px;
  height: 34px;
  border: none;
  outline: 0;
  background: url(../images/bg-re-oran.jpg) repeat-x;
  background-size: auto 100%
}

.main-search .form-search .box-search button span {
  color: transparent;
  width: 18px;
  height: 18px;
  display: block;
  margin: 0 auto;
  background-position: -234px -92px
}

.main-search .autocomplete-suggestions {
  position: absolute;
  width: 100%;
  border: solid 1px #ddd;
  left: 0;
  top: 100%;
  margin-top: 2px;
  max-height: 300px;
  overflow: scroll;
  background: #fff;
  z-index: 999;
  display: none
}

.main-search .autocomplete-suggestions li a {
  width: 100%;
  float: left;
  padding: 10px
}

.main-search .autocomplete-suggestions li a:hover {
  background: #f5f5f5
}

.main-search .autocomplete-suggestions li a img {
  max-width: 60px;
  float: left
}

.main-search .autocomplete-suggestions li a .info {
  display: block;
  margin-left: 65px
}

.main-search .autocomplete-suggestions li a .info .name {
  display: block;
  color: #333;
  font-size: 13px
}

.main-search .autocomplete-suggestions li a .info .price {
  color: #ec3237
}

.main-search .tag-search {
  width: 100%;
  float: left;
  text-align: right
}

.main-search .tag-search a {
  display: inline-block;
  line-height: 19px;
  padding: 0 7px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  margin-left: 5px;
  background: #2b8ae0
}

.header-new-bot-right {
  width: 476px;
  float: right;
  height: 61px;
  background: #0069c7
}

.header-new-bot-right .hd-hotline {
  float: left;
  position: relative;
  width: 190px;
  margin-top: 11px;
  padding-left: 33px
}

.header-new-bot-right .hd-hotline .icons-2020 {
  width: 40px;
  height: 40px;
  float: left;
  position: absolute;
  z-index: 1;
  top: 0;
  left: -20px;
  background-position: -4px -35px
}

.header-new-bot-right .hd-hotline .hd-txt {
  float: left
}

.header-new-bot-right .hd-hotline .hd-txt .txt {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  margin-bottom: 5px
}

.header-new-bot-right .hd-hotline .hd-txt .txt2 {
  display: block;
  float: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #fff
}

.header-new-bot-right .hd-buildpc {
  width: 150px;
  float: left;
  margin-top: 11px
}

.header-new-bot-right .hd-buildpc .icons-2020 {
  width: 40px;
  height: 40px;
  float: left;
  z-index: 1;
  top: 0;
  background-position: -58px -35px;
  margin-right: 10px
}

.header-new-bot-right .hd-buildpc .hd-txt {
  float: left
}

.header-new-bot-right .hd-buildpc .hd-txt span {
  display: block;
  float: left;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  clear: both;
  line-height: 20px
}

.header-new-bot-right .hd-cart {
  float: left;
  margin-top: 11px;
  position: relative;
  display: flex
}

.header-new-bot-right .hd-cart .icons-2020 {
  width: 40px;
  height: 40px;
  float: left;
  z-index: 1;
  top: 0;
  background-position: -114px -35px;
  margin-right: 10px
}

.header-new-bot-right .hd-cart .hd-txt {
  float: left;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  color: #fff
}

.header-new-bot-right .hd-cart .count-cart {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #fba02d;
  position: absolute;
  top: -8px;
  left: 28px
}

.header-new-bot {
  background: #0676da
}

.header-new-bot .list-content {
  width: 100%;
  float: left;
  position: relative
}

.header-new-bot .list-content .item-n {
  padding-bottom: 15px
}

.header-new-bot .list-content .item-n.item-n-first {
  width: 205px;
  float: left;
  margin-right: 5px;
  border-radius: 3px;
  position: relative
}

.header-new-bot .list-content .item-n.item-n-second {
  width: 240px;
  float: left;
  margin-right: 5px;
  text-align: center;
  border-radius: 3px
}

.header-new-bot .list-content .item-n.item-n-other {
  width: 231px;
  float: left;
  margin-right: 5px;
  text-align: center;
  border-radius: 3px
}

.header-new-bot .list-content .item-n.item-n-other a {
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 5px
}

.header-new-bot .list-content .item-n.item-n-other.item-n-seven {
  margin-right: 0
}

.header-new-bot .list-content .item-n.item-n-third {
  position: static;
  padding-bottom: 0
}

.header-new-bot .list-content .item-n.item-n-third .header-brand {
  width: 100%;
  float: left;
  padding-bottom: 15px
}

.header-new-bot .list-content .item-n.item-n-third .header-brand .custom-title {
  width: 100%;
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 38px;
  text-align: center;
  color: #222;
  font-weight: 700;
  height: 34px;
  overflow: hidden;
  background: url(../images/bg-re-oran.jpg) repeat-x;
  background-size: auto 100%;
  border-radius: 5px
}

.header-new-bot .list-content .item-n.item-n-third .hover-content {
  display: none;
  width: 100%;
  float: left;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  padding: 10px
}

.header-new-bot .list-content .item-n.item-n-third .hover-content .title-n {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc;
  line-height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left
}

.header-new-bot .list-content .item-n.item-n-third .hover-content .title-n a {
  float: right;
  font-size: 14px;
  text-transform: initial;
  font-weight: 400;
  color: #222;
  width: auto
}

.header-new-bot .list-content .item-n.item-n-third .hover-content .hoverlist-brand {
  width: 100%;
  float: left;
  padding: 0 50px;
  display: flex;
  flex-wrap: wrap
}

.header-new-bot .list-content .item-n.item-n-third .hover-content .hoverlist-brand a {
  width: 20%;
  float: left;
  padding: 0 20px;
  margin-bottom: 20px;
  text-align: center;
  height: 52px
}

.header-new-bot .list-content .item-n.item-n-third .hover-content .hoverlist-brand a img {
  max-width: 80px;
  max-height: 50px
}

.header-new-bot .list-content .item-n.item-n-first a.title-n {
  width: 100%;
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 38px;
  text-align: center;
  color: #222;
  font-weight: 700;
  height: 34px;
  overflow: hidden;
  background: url(../images/bg-re-oran.jpg) repeat-x;
  background-size: auto 100%;
  border-radius: 5px
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub {
  width: 300px;
  height: max-content;
  background: #fff;
  position: absolute;
  top: 49px;
  left: 0;
  padding: 2.5px 0;
  text-align: left;
  z-index: 99999
}

.header-new-bot .list-content .item-n.item-n-first.nothome .menu-main-sub {
  visibility: hidden;
  opacity: 0;
  transition: .3s
}

.header-new-bot .list-content .item-n.item-n-first.nothome:hover .menu-main-sub {
  visibility: visible;
  opacity: 1;
  transition: .3s
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li {
  width: 100%;
  float: left;
  position: relative
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li a {
  width: 100%;
  float: left;
  line-height: 52px;
  padding-left: 65px;
  background-position: 25px center !important;
  background-size: 20px auto !important;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  position: relative
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub>li:hover {
  background: #0676da
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub>li:hover a.itop {
  color: #fff
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li:hover a.itop::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 19px solid #0676da;
  position: absolute;
  top: 0;
  right: -19px;
  z-index: 99999999
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li .box-sub-cat {
  width: 1330px;
  float: left;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 999;
  background: #fff;
  padding: 10px;
  min-height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: .3s
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li:hover .box-sub-cat {
  visibility: visible;
  opacity: 1;
  transition: .3s
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat {
  width: 20%;
  float: left;
  margin-bottom: 20px
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat:nth-child(5n+1) {
  clear: both
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat a.cat2 {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 30px;
  color: #0676da;
  padding: 0
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat a.cat3 {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 30px;
  color: #222;
  font-weight: 400;
  padding: 0
}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat .cat3:hover {
  color: #0676da
}

.header-new-bot .list-content .item-n.item-n-second a.title-n {
  width: 100%;
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 38px;
  text-align: center;
  color: #222;
  font-weight: 700;
  height: 34px;
  overflow: hidden;
  background: url(../images/bg-re-oran.jpg) repeat-x;
  background-size: auto 100%;
  border-radius: 5px
}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub {
  width: 100%;
  float: left;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  background: #fff;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: .3s
}

.header-new-bot .list-content .item-n.item-n-second:hover .cs-hd-sub {
  visibility: visible;
  opacity: 1;
  transition: .3s
}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item {
  width: 25%;
  float: left;
  padding: 10px
}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item .title-n {
  width: 100%;
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1;
  position: relative
}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item .title-n::after {
  content: '';
  width: 50px;
  height: 2px;
  background: #0676da;
  float: left;
  position: absolute;
  left: 0;
  bottom: -8px
}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item a {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #222;
  line-height: 1.5;
  margin-bottom: 5px;
  font-weight: 300
}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item a:hover {
  color: #0676da
}

.header-new-bot .list-content .item-n.item-n-other a {
  width: 100%;
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 34px;
  text-align: center;
  color: #222;
  font-weight: 700;
  height: 34px;
  overflow: hidden
}

.header-new-bot .list-content .item-n.item-n-other.item-n-third a .icons-2020 {
  width: 16px;
  height: 15px;
  display: inline-block;
  margin-right: 8px;
  background-position: -114px -4px;
  position: relative;
  top: -4px
}

.header-new-bot .list-content .item-n.item-n-other a span.txt {
  line-height: 38px
}

.header-new-bot .list-content .item-n.item-n-other.item-n-four a .icons-2020 {
  width: 17px;
  height: 15px;
  display: inline-block;
  margin-right: 8px;
  background-position: -146px -4px;
  position: relative;
  top: -4px
}

.header-new-bot .list-content .item-n.item-n-other.item-n-five a .icons-2020 {
  width: 22px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
  background-position: -181px -5px;
  position: relative;
  top: -2px
}

.header-new-bot .list-content .item-n.item-n-other.item-n-six a .icons-2020 {
  width: 18px;
  height: 22px;
  display: inline-block;
  margin-right: 8px;
  background-position: -221px -5px;
  position: relative;
  top: -4px
}

.header-new-bot .list-content .item-n.item-n-other.item-n-seven a .icons-2020 {
  width: 25px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
  background-position: -255px -4px;
  position: relative;
  top: -1px
}

.header-fix {
  width: 100%;
  float: left
}

.header-fix.fix-top {
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  left: 0
}

.header-fix.fix-top .header-new-mid {
  padding: 5px 0
}

.header-fix.fix-top .header-new-mid .logo {
  display: none
}

.header-fix.fix-top .main-search {
  margin-left: 350px;
  width: 900px
}

.header-fix.fix-top .main-search .tag-search {
  display: none
}

.header-fix.fix-top .header-new-bot .list-content {
  width: auto;
  position: absolute;
  top: 17px
}

.header-fix.fix-top .header-new-bot .list-content .item-n {
  padding-bottom: 20px
}

.header-fix.fix-top .header-new-bot .list-content .item-n.item-n-first {
  width: 300px
}

.header-fix.fix-top .header-new-bot .list-content .item-n.item-n-second {
  display: none
}

.header-fix.fix-top .header-new-bot .list-content .item-n.item-n-other {
  display: none
}

.header-fix.fix-top .header-new-bot .list-content .item-n.item-n-first .menu-main-sub {
  top: 54px;
  display: none
}

.header-fix.fix-top .header-new-bot .list-content .item-n.item-n-first:hover .menu-main-sub {
  display: block
}

.header-fix.fix-top .header-new-bot-right {
  width: 315px
}

.header-fix.fix-top .header-new-bot-right .hd-buildpc {
  display: none
}

.banner-home {
  margin-top: 5px;
  margin-bottom: 25px
}

.banner-home .banner-home-right {
  width: 1325px;
  float: right
}

.banner-home .banner-home-right .slider-homepage {
  width: 661px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px
}

.banner-home .banner-home-right .banner-right-homepage {
  width: 659px;
  float: right
}

.banner-home .banner-home-right .banner-right-homepage .item-n {
  width: 49%;
  float: left;
  margin-bottom: 5px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 5px
}

.banner-home .banner-home-right .banner-right-homepage .item-n:nth-child(2n) {
  margin-right: 0
}

.banner-home .banner-home-bot {
  width: 100%;
  float: left
}

.banner-home .banner-home-bot .item-n {
  width: calc(25% - 3.75px);
  float: left;
  margin-right: 5px;
  border-radius: 15px;
  overflow: hidden
}

.banner-home .banner-home-bot .item-n:nth-child(4) {
  margin-right: 0
}

.banner-home .banner-home-bot-big {
  width: 100%;
  float: left;
  margin-top: 15px
}

.banner-home .banner-home-bot-big .item-n {
  width: calc(25% - 11.25px);
  float: left;
  margin-right: 15px;
  border-radius: 5px;
  overflow: hidden
}

.banner-home .banner-home-bot-big .item-n:nth-child(4) {
  margin-right: 0
}

.tab-colection-home {
  margin-bottom: 25px
}

.tab-colection-home .tab-all-content {
  width: 100%;
  float: left;
  border-bottom: solid 1px #c8c4d2;
  border-radius: 8px;
  overflow: hidden;
  background-size: cover !important;
  background-position: center left !important
}

.tab-colection-home .tab-all-content .title-tab {
  width: 100%;
  float: left;
  height: 70px
}

.tab-colection-home .tab-all-content .title-tab li {
  width: 20%;
  float: left
}

.tab-colection-home .tab-all-content .title-tab li a {
  width: 100%;
  float: left;
  background: #fff;
  height: 70px;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #222;
  position: relative
}

.tab-colection-home .tab-all-content .title-tab li a h2 {
  font-size: 14px;
  line-height: 1;
  margin: 0
}

.tab-colection-home .tab-all-content .title-tab li a span {
  width: 100%;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 16px
}

.tab-colection-home .tab-all-content .title-tab li a.active {
  color: #fff;
  background: rgba(0, 0, 0, 0)
}

.tab-colection-home .tab-all-content .title-tab li a::before {
  content: '';
  width: 8px;
  height: 8px;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../images/be-co.png) no-repeat;
  background-size: cover
}

.tab-colection-home .tab-all-content .title-tab li a::after {
  content: '';
  width: 8px;
  height: 8px;
  float: left;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: url(../images/af-co.png) no-repeat;
  background-size: cover
}

.tab-colection-home .tab-all-content .content-tab {
  width: 100%;
  float: left
}

.tab-colection-home .tab-all-content .content-tab .banner-co {
  width: 310px;
  float: left;
  padding: 90px 0 49px 15px
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .list-content-tab {
  width: 100%;
  float: left
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .tab-pro-pro {
  width: calc(100% - 310px);
  float: left;
  padding: 40px 15px 49px;
  min-height: 455px
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .tab-home-vm {
  float: right;
  margin-top: 31px
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .tab-home-vm a {
  font-size: 13px;
  float: right;
  margin-right: 15px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .tab-ct {
  width: 100%;
  float: left;
  display: none
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .tab-ct.active {
  display: block
}

.p-n-container {
  width: 100%;
  float: left;
  padding: 15px 10px;
  position: relative
}

.p-n-container .p-new-pro {
  width: 49px;
  height: 49px;
  float: left;
  position: absolute;
  z-index: 9;
  top: 15px;
  left: 15px;
  background-position: -172px -35px
}

.p-n-container .p-n-img {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 100%;
  margin-bottom: 5px;
  overflow: hidden
}

.p-n-container .p-n-img img {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  width: auto !important;
  height: auto !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto
}

.p-n-container .p-n-info {
  width: 100%;
  float: left
}

.p-n-container .p-n-name {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #444;
  line-height: 20px;
  height: 40px;
  margin-bottom: 5px;
  overflow: hidden
}

.p-n-container .p-n-name h3 {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #444;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin: 0
}

.p-n-container .p-n-price {
  float: left;
  font-size: 20px;
  font-weight: 500;
  color: red;
  height: 25px;
  line-height: 25px;
  margin-bottom: 3px;
  overflow: hidden
}

.p-n-container .p-all-discount {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  height: 20px;
  line-height: 20px;
  overflow: hidden
}

.p-n-container .p-all-discount span {
  float: left;
  line-height: 20px
}

.p-n-container .p-all-discount span.p-n-ol-price {
  font-size: 14px;
  color: #777;
  text-decoration: line-through;
  margin-right: 5px;
  font-weight: 300
}

.p-n-container .p-all-discount span.p-n-discount {
  font-size: 11px;
  color: #ce3333;
  font-weight: 300
}

.p-n-container .p-n-bot-pro {
  width: 100%;
  float: left;
  line-height: 15px;
  overflow: hidden
}

.p-n-container .p-n-bot-pro .p-n-status {
  float: left
}

.p-n-container .p-n-bot-pro .p-n-status .p-con {
  font-size: 13px;
  color: #42c677;
  border: 1px solid;
  padding: 2px 3px 3px;
  border-radius: 30px
}

.p-n-container .p-n-bot-pro .p-n-status .p-con .icons-2020 {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 3px;
  background-position: -4px -94px;
  margin-top: 2px
}

.p-n-container .p-n-bot-pro .p-n-status .p-qcon {
  font-size: 12px;
  background: #00a3ff;
  color: #fff;
  padding: 2px 7px 4px;
  border-radius: 40px;
  margin-top: 3px
}

.p-n-container .p-n-bot-pro .p-n-status .p-qcon .icons-2020 {
  float: left;
  width: 17px;
  height: 18px;
  margin-right: 3px;
  background-position: -55px -4px;
  margin-top: 0
}

.p-n-container .p-n-bot-pro .p-n-status .p-het {
  float: left;
  font-size: 14px;
  color: #0074da
}

.p-n-container .p-n-bot-pro .p-n-status .p-het .icons-2020 {
  float: left;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  background-position: -4px -81px;
  margin-top: 4px
}

.p-n-container .p-n-add-cart {
  float: right;
  font-size: 16px;
  color: #fff;
    padding: 12px 7px;
  border: 1px solid red;
  border-radius: 30px;
  background: linear-gradient(300.63deg, #ff3c1d 0%, #ff7474 99.26%)
}

.p-n-container .p-n-add-cart .icons-2020 {
  width: 17px;
  height: 15px;
  float: left;
  margin-right: 9px;
  background-position: -291px -5px
}

#tooltip {
  display: none;
  position: absolute;
  z-index: 1.0E+15;
  background: #fff;
  border: solid 1px #333;
  width: 350px;
  box-shadow: 0 0 7px #333;
  border-radius: 8px;
  overflow: hidden
}

#tooltip .title-name {
  width: 100%;
  float: left;
  padding: 25px;
  background: #2b8ae0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff
}

#tooltip .hcp-ct-all {
  width: 100%;
  float: left;
  padding: 25px 20px
}

#tooltip .hcp-ct-all .hcp-price {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  color: #444
}

#tooltip .hcp-ct-all .hcp-price .n-num {
  font-size: 16px;
  font-weight: 700;
  color: #ed1b24;
  margin: 0 10px 0 15px
}

#tooltip .hcp-ct-all .hcp-low-price {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  color: #444
}

#tooltip .hcp-ct-all .hcp-low-price .n-num {
  color: #999;
  text-decoration: line-through
}

#tooltip .hcp-ct-all .hcp-other {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  color: #444
}

#tooltip .hcp-ct-all .hcp-spec {
  width: 100%;
  float: left;
  margin-top: 15px
}

#tooltip .hcp-ct-all .hcp-spec .title-hcp-spec {
  width: 100%;
  float: left
}

#tooltip .hcp-ct-all .hcp-spec .title-hcp-spec .title-ct {
  float: left;
  padding: 5px 10px;
  border-radius: 3px;
  background: #2b8ae0;
  margin-bottom: 10px
}

#tooltip .hcp-ct-all .hcp-spec .title-hcp-spec .title-ct .icons-2020 {
  width: 12px;
  height: 13px;
  float: left;
  margin-right: 5px;
  background-position: -26px -93px;
  margin-top: 1px
}

#tooltip .hcp-ct-all .hcp-spec .title-hcp-spec .title-ct .txt {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 15px
}

#tooltip .hcp-ct-all .hcp-spec .hcp-ct {
  width: 100%;
  float: left
}

#tooltip .hcp-ct-all .hcp-spec .hcp-ct span {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 6px;
  color: #444;
  display: list-item;
  list-style-position: inside
}

#tooltip .hcp-ct-all .hcp-offer {
  width: 100%;
  float: left;
  margin-top: 15px
}

#tooltip .hcp-ct-all .hcp-offer .title-hcp-spec {
  width: 100%;
  float: left
}

#tooltip .hcp-ct-all .hcp-offer .title-hcp-offer .title-ct {
  float: left;
  padding: 5px 10px;
  border-radius: 3px;
  background: #2b8ae0;
  margin-bottom: 10px
}

#tooltip .hcp-ct-all .hcp-offer .title-hcp-offer .title-ct .icons-2020 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 5px;
  background-position: -48px -93px;
  margin-top: 1px
}

#tooltip .hcp-ct-all .hcp-offer .title-hcp-offer .title-ct .txt {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 15px
}

#tooltip .hcp-ct-all .hcp-offer .hcp-offer-ct {
  width: 100%;
  float: left
}

#tooltip .hcp-ct-all .hcp-offer .hcp-offer-ct span {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 6px;
  color: #444;
  display: list-item;
  list-style-position: inside
}

.hover-content-pro {
  display: none
}

.tab-colection-home .tab-all-content .content-tab .list-content-tab .item-n {
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 8px
}

.style-owl.owl-carousel .owl-nav button.owl-prev {
  width: 35px;
  height: 40px;
  float: left;
  top: 50%;
  left: 0;
  position: absolute;
  transform: translateY(-50%);
  z-index: 99;
  text-align: center;
  line-height: 40px;
  font-size: 28px;
  background: #eee;
  color: #222;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 0 1px 0 #f2f2f2
}

.style-owl.owl-carousel .owl-nav button.owl-next {
  width: 35px;
  height: 40px;
  float: left;
  top: 50%;
  right: 0;
  position: absolute;
  transform: translateY(-50%);
  z-index: 99;
  text-align: center;
  line-height: 40px;
  font-size: 28px;
  background: #eee;
  color: #222;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 0 1px 0 #f2f2f2
}

.style-owl.owl-carousel {
  position: relative;
  float: left
}

.product-home-new {
  margin-bottom: 15px
}

.product-home-new .title-n {
  width: 100%;
  float: left;
  border-bottom: solid 4px #2b8ae0
}

.product-home-new .title-n .txt-title {
  float: left;
  padding: 0 10px;
  position: relative;
  line-height: 52px;
  background: #2b8ae0;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  padding-right: 15px;
  margin-right: 75px;
  margin-bottom: 0;
  bottom: -1px;
  margin-top: 0
}

.product-home-new .title-n .txt-title::after {
  width: 67px;
  height: 54px;
  content: '';
  position: absolute;
  top: 0;
  right: -56px;
  z-index: 1
}

.product-home-new .title-n .cat-title {
  float: left;
  width: 1100px;
  overflow: hidden;
  display: flex
}

.product-home-new .title-n .cat-title a {
  float: left;
  padding: 0 23px;
  line-height: 51px;
  font-size: 15px;
  font-weight: 500;
  color: #444;
  position: relative;
  white-space: nowrap
}

.product-home-new .title-n .cat-title a::before {
  content: '';
  width: 1px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: #444
}

.product-home-new .title-n .cat-title a:nth-child(1)::before {
  display: none
}

.product-home-new .title-n .cat-title a:hover {
  color: #2b8ae0
}

.product-home-new .title-n .title-vm {
  float: right;
  padding: 0 23px;
  line-height: 51px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  position: relative;
  text-transform: uppercase
}

.product-home-new .title-n .title-vm:hover {
  color: #2b8ae0
}

.custom-regis {
  padding: 40px 0 45px;
  background: #f1f1f1
}

.custom-regis .cus-regis-left {
  width: 840px;
  float: left
}

.custom-regis .cus-regis-right {
  width: 790px;
  float: right
}

.custom-regis .cus-regis-left .cus-regis-img {
  float: left;
  margin-left: 230px;
  margin-right: 40px
}

.custom-regis .cus-regis-left .title-cus-regis {
  float: left;
  margin-top: 30px
}

.custom-regis .cus-regis-left .title-cus-regis .txt {
  float: left;
  display: block;
  clear: both;
  font-size: 20px;
  font-weight: 500;
  color: #003;
  margin-bottom: 5px
}

.custom-regis .cus-regis-left .title-cus-regis .txt a {
  color: #2b8ae0
}

.custom-regis .cus-regis-left .title-cus-regis .txt2 {
  float: left;
  display: block;
  clear: both;
  font-size: 14px;
  color: #444
}

.custom-regis .cus-regis-right #newsletter {
  width: 510px;
  float: left;
  margin-left: 50px;
  margin-top: 35px
}

.custom-regis .cus-regis-right #newsletter input {
  width: calc(100% - 114px);
  float: left;
  border: none;
  background: #fff;
  outline: 0;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  border-radius: 5px 0 0 5px
}

.custom-regis .cus-regis-right #newsletter a {
  width: 114px;
  float: right;
  background: url(../images/bg-re-oran.jpg) repeat-x;
  background-size: auto 100%;
  text-align: center;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  font-weight: 700;
  color: #222;
  border-radius: 0 5px 5px 0
}

.footer1 {
  padding: 50px 0;
  border-bottom: solid 1px #f1f1f1
}

.footer1.nothome {
  margin-top: 20px
}

.footer1 .box-ft-ct .title-n {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 30px;
  margin-bottom: 30px;
  text-transform: uppercase
}

.footer1 .box-sp-ft {
  width: 840px;
  float: left
}

.footer1 .box-ft-fb {
  width: 345px;
  float: left;
  margin: 0 50px
}

.footer1 .box-ft-video {
  width: 345px;
  float: right
}

.footer1 .box-sp-ft .list-n {
  width: 100%;
  float: left;
  border: solid 1px #eee;
  padding: 30px
}

.footer1 .box-sp-ft .list-n .list-n-left {
  width: 365px;
  float: left;
  padding-right: 30px
}

.footer1 .box-sp-ft .list-n .list-n-right {
  width: 413px;
  float: left
}

.footer1 .box-sp-ft .list-n .item-n {
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.footer1 .box-sp-ft .list-n .item-n .list-n-title {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #333
}

.footer1 .box-sp-ft .list-n .item-n .list-n-ct {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #444;
  line-height: 20px
}

.footer1 .box-sp-ft .list-n .item-n .list-n-ct img {
  float: left;
  margin-right: 5px
}

.footer1 .box-sp-ft .list-n .item-n .list-n-ct a {
  font-weight: 500;
  color: #ff424e
}

.footer1 .box-sp-ft .list-n .item-n .list-n-ct .lnc-note {
  width: 100%;
  float: left;
  font-style: italic;
  font-size: 13px;
  font-weight: 300
}

.footer1 .box-sp-ft .list-n .list-n-right .item-n:nth-child(1) {
  margin-bottom: 5px
}

.footer1 .box-ft-ct .title-n .yt-sub {
  float: right
}

.footer1 .box-ft-video .bfv-content {
  width: 100%;
  float: left
}

.footer1 .box-ft-video .bfv-content .youtube-video-place {
  width: 100%;
  float: left;
  position: relative
}

.footer1 .box-ft-video .bfv-content .youtube-video-place::after {
  content: '\f16a';
  font-family: FontAwesome;
  font-size: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, .8)
}

.footer1 .box-ft-video .bfv-content .youtube-video-place.played::after {
  display: none
}

.footer2 {
  padding: 50px 0
}

.footer2 .menu-footer {
  width: 100%;
  float: left
}

.footer2 .menu-footer .item-n .title-n {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 500;
  color: #222;
  margin-bottom: 25px;
  margin-top: 0
}

.footer2 .menu-footer .item-n a {
  width: 100%;
  float: left;
  font-size: 14px;
  margin-bottom: 10px;
  color: #444
}

.footer2 .menu-footer .item-n a i {
  float: left;
  margin-right: 10px;
  font-size: 16px;
  margin-top: 3px
}

.footer2 .menu-footer .item-n a i.fa-facebook-square {
  color: #3f51b5
}

.footer2 .menu-footer .item-n a i.fa-youtube-play {
  color: #ff3d00
}

.footer2 .menu-footer .item-n a i.fa-phone {
  color: #2b8ae0
}

.footer2 .menu-footer .item-n a i.fa-commenting {
  color: #ff424e
}

.footer2 .menu-footer .item-n a span {
  color: #2b8ae0
}

.footer2 .menu-footer .item-n.item-ft-1 {
  width: 285px;
  float: left
}

.footer2 .menu-footer .item-n.item-ft-2 {
  width: 405px;
  float: left
}

.footer2 .menu-footer .item-n.item-ft-3 {
  width: 292px;
  float: left
}

.footer2 .menu-footer .item-n.item-ft-4 {
  width: 420px;
  float: left
}

.footer2 .menu-footer .item-n.item-ft-5 {
  width: 228px;
  float: right
}

.footer3 {
  padding-bottom: 50px
}

.footer3 .footer3-left {
  width: 560px;
  float: left
}

.footer3 .footer3-right {
  width: 770px;
  float: left
}

.footer3 .title-n {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #333
}

.footer3 .list-n {
  width: 100%;
  float: left
}

.footer3 .footer3-left a {
  float: left;
  text-align: center;
  margin-right: 30px;
  color: #333
}

.footer3 .footer3-left a img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px
}

.footer3 .footer3-left a span {
  float: left;
  display: block;
  font-size: 14px;
  clear: both
}

.footer3 .footer3-left a .img-ft {
  width: 100%;
  float: left;
  text-align: center;
  min-height: 43px
}

.footer4 {
  padding: 50px 0;
  background: #0676da
}

.footer4 .footer4-left {
  width: 750px;
  float: left
}

.footer4 .footer4-center {
  width: 675px;
  float: left
}

.footer4 .footer4-right {
  width: 205px;
  float: right
}

.footer4 .footer4-left .title-n {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase
}

.footer4 .footer4-left p {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #eee;
  line-height: 1.5
}

.footer4-center .item-n {
  width: 100%;
  float: left;
  margin-bottom: 10px
}

.footer4-center .item-n .title-n {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #fff
}

.footer4-center .item-n p {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #eee;
  line-height: 1.5
}

.link-url .breadcrumb,
.link-url .breadcrumb ol {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  background: 0 0
}

.link-url .breadcrumb ol li {
  float: left;
  list-style: none
}

.link-url .breadcrumb ol li a {
  font-size: 14px;
  color: #333;
  line-height: 60px;
  float: left
}

.link-url .breadcrumb ol li a:last-child {
  color: #2b8ae0
}

.link-url .breadcrumb ol li h1 {
  font-size: 15px;
  color: #2b8ae0;
  line-height: 60px;
  float: left;
  font-weight: 400;
  margin: 0
}

.link-url .breadcrumb ol li i {
  margin-left: 5px;
  margin-right: 5px;
  float: left;
  line-height: 60px
}

.link-url .breadcrumb ol li:last-child i {
  display: none
}

.product-category-n .title-n-cat {
  width: 100%;
  float: left;
  margin-bottom: 26px
}

.product-category-n .title-n-cat h1,
.product-category-n .title-n-cat span {
  float: left;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  color: #0676da;
  border-bottom: solid 2px #0676da;
  margin: 0
}

.product-category-n .product-category-n-content {
  width: 100%;
  float: left
}

.product-category-n .product-category-n-content .pcnc-left {
  width: 300px;
  float: left
}

.product-category-n .product-category-n-content .pcnc-right {
  width: 1320px;
  float: right
}

.product-category-n-content .pcnc-left .box-menu-left {
  margin-bottom: 10px
}

.product-category-n-content .pcnc-left .box-menu-left .title-n {
  width: 100%;
  float: left;
  padding: 10px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: solid 1px #eee
}

.product-category-n-content .pcnc-left .box-menu-left .sub-menu-left {
  width: 100%;
  float: left;
  padding: 0
}

.product-category-n-content .pcnc-left .box-menu-left .sub-menu-left a {
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 50px;
  padding: 0 30px
}

.product-category-n-content .pcnc-left .box-menu-left .sub-menu-left a:hover {
  color: #0676da
}

.product-category-n-content .pcnc-left .box-filter {
  width: 100%;
  float: left
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n {
  margin-bottom: 10px
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .title-n {
  width: 100%;
  float: left;
  padding: 30px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: solid 1px #eee;
  position: relative;
  cursor: pointer
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content {
  width: 100%;
  float: left;
  padding: 10px 30px
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content .item-n {
  width: 100%;
  float: left;
  padding: 6px 0
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content .item-n .style-check {
  width: 20px;
  height: 20px;
  float: left;
  background: #eee;
  margin-right: 18px;
  position: relative;
  border-radius: 3px
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content .item-n .style-check.checked {
  background: #0676da
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content .item-n .style-check.checked::after {
  content: '\f00c';
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  z-index: 1;
  font-size: 13px;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 20px
}

.product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content .item-n a span {
  float: right
}

.product-category-n .product-category-n-content .pcnc-right .banner-category {
  width: 100%;
  float: left;
  margin-bottom: 10px
}

.product-category-n-content .pcnc-right .product-cat-sort {
  border-bottom: solid 1px #eee;
  padding: 0 25px
}

.product-category-n-content .pcnc-right .product-cat-sort .count-pro {
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 60px
}

.product-category-n-content .pcnc-right .product-cat-sort .count-pro span {
  color: #2b8ae0
}

.product-category-n-content .pcnc-right .product-cat-sort .product-cat-sort-r {
  float: right;
  display: flex;
  margin-top: 16px
}

.pcnc-right .product-cat-sort .product-cat-sort-r select.sort-pro {
  width: 182px;
  float: left;
  margin-right: 45px;
  font-size: 13px;
  padding: 0 10px;
  border: solid 1px #ccc;
  border-radius: 3px;
  height: 28px;
  line-height: 28px
}

.pcnc-right .product-cat-sort .product-cat-sort-r .pro-list-grid {
  float: right
}

.pcnc-right .product-cat-sort .product-cat-sort-r .pro-list-grid a {
  font-size: 20px;
  line-height: 28px;
  color: #ccc
}

.pcnc-right .product-cat-sort .product-cat-sort-r .pro-list-grid a.grid_style {
  margin-right: 15px
}

.pcnc-right .product-cat-sort .product-cat-sort-r .pro-list-grid a.active {
  color: #222
}

.producct-list-n-grid .item-n {
  width: 25%;
  float: left;
  border-bottom: solid 1px #eee;
  border-right: solid 1px #eee
}

.producct-list-n-grid .item-n:nth-child(4n) {
  border-right: solid 1px rgba(255, 255, 255, 0)
}

.producct-list-n-list .item-n {
  width: 100%;
  float: left;
  border-bottom: solid 1px #eee
}

.producct-list-n-list .item-n .p-n-container .p-n-img {
  width: 30%;
  float: left;
  padding-top: 30%
}

.producct-list-n-list .item-n .p-n-container .p-n-info {
  width: 70%;
  float: left;
  padding-left: 20px
}

.paging-n {
  width: 100%;
  float: left;
  padding: 15px 0;
  text-align: center
}

.paging-n a {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  display: inline-block
}

.paging-n a.current {
  color: #fff;
  background: #0069c7
}

.product-cat-static-html {
  margin-top: 25px;
  padding: 45px;
  font-size: 14px;
  color: #222
}

.product-detail-n .top-detail-n {
  margin-bottom: 25px;
  padding-bottom: 25px
}

.product-detail-n .top-detail-n .title-detail-n {
  width: 100%;
  float: left;
  font-size: 24px;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
  padding: 22px 25px;
  border-bottom: solid 1px #f1f1f1;
  margin-bottom: 25px;
  margin-top: 0
}

.product-detail-n .top-detail-n .top-detail-n-img {
  width: 465px;
  float: left;
  padding: 0 20px
}

.product-detail-n .top-detail-n .top-detail-n-content {
  width: 745px;
  float: left;
  padding-left: 20px;
  margin-right: 50px
}

.product-detail-n .top-detail-n .top-detail-n-policy {
  width: 370px;
  float: right;
  padding-right: 25px
}

.product-detail-n .top-detail-n .top-detail-n-img .big-image-n {
  width: 100%;
  float: left;
  margin-bottom: 30px
}

.product-detail-n .top-detail-n .top-detail-n-img .big-image-n a {
  width: 100% !important;
  float: left;
  position: relative !important;
  display: block !important;
  padding-top: 100% !important;
  overflow: hidden !important
}

.product-detail-n .top-detail-n .top-detail-n-img .big-image-n a img {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  width: auto !important;
  height: auto !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto !important
}

.product-detail-n .top-detail-n .top-detail-n-img .img-thumb-n {
  width: 100%;
  float: left
}

.product-detail-n .top-detail-n .top-detail-n-img .img-thumb-n .item-n {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  border: solid 1px #eee;
  border-radius: 3px
}

.product-detail-n .top-detail-n .top-detail-n-img .img-thumb-n .item-n.active {
  border: solid 1px #222
}

.product-detail-n .top-detail-n .top-detail-n-img .img-thumb-n .item-n a {
  width: 100%;
  float: left;
  position: relative;
  display: block;
  padding-top: 100%;
  overflow: hidden
}

.product-detail-n .top-detail-n .top-detail-n-img .img-thumb-n .item-n a img {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  width: auto !important;
  height: auto !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto
}

.top-detail-n-content .header-dt {
  width: 100%;
  float: left;
  margin-bottom: 35px
}

.top-detail-n-content .header-dt .hedt-ct {
  float: left;
  margin-right: 28px;
  position: relative;
  font-size: 14px
}

.top-detail-n-content .header-dt .hedt-ct::after {
  content: '';
  width: 1px;
  height: 14px;
  position: absolute;
  top: 3px;
  right: -14px;
  z-index: 1;
  background: #222
}

.top-detail-n-content .header-dt .dt-status span {
  font-weight: 700;
  color: #2b8ae0
}

.top-detail-n-content .header-dt .dt-view span {
  font-weight: 700
}

.top-detail-n-content .pro-detail-config-group {
  width: 100%;
  float: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f1f1f1
}

.top-detail-n-content .pro-detail-config-group .title-n {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px
}

.top-detail-n-content .pro-detail-config-group .list-n {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap
}

.top-detail-n-content .pro-detail-config-group .list-n a {
  width: calc(33.33333% - 6px);
  float: left;
  margin: 0 3px;
  margin-bottom: 6px;
  border: solid 1px #f1f1f1;
  border-radius: 5px;
  padding: 15px;
  position: relative
}

.top-detail-n-content .pro-detail-config-group .list-n a .pdcg-name {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1;
  margin-bottom: 10px
}

.top-detail-n-content .pro-detail-config-group .list-n a .pdcg-price {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #ed1b24
}

.top-detail-n-content .pro-detail-config-group .list-n a .pdcg-price .pdcg-check {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
  background: #ddd
}

.top-detail-n-content .pro-detail-config-group .list-n a .pdcg-price .pdcg-check.checked {
  background: #2b8ae0
}

.top-detail-n-content .detail-n-sumary {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: solid 1px #f1f1f1
}

.top-detail-n-content .detail-n-sumary .title-n {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px
}

.top-detail-n-content .detail-n-sumary .list-n {
  width: 100%;
  float: left
}

.top-detail-n-content .detail-n-sumary .list-n span {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
  display: list-item;
  list-style-position: inside
}

.top-detail-n-content .detail-n-warrantry {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px
}

.top-detail-n-content .detail-n-warrantry span {
  color: #ed1b24
}

.top-detail-n-content .detail-n-all-price {
  width: 100%;
  float: left;
  padding: 25px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  background: #f9f9f9;
  margin-bottom: 11px
}

.top-detail-n-content .detail-n-all-price .detail-n-old-price {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px
}

.top-detail-n-content .detail-n-all-price .detail-n-old-price span {
  font-size: 20px;
  font-weight: 500;
  color: #787878;
  text-decoration: line-through;
  margin-left: 100px
}

.top-detail-n-content .detail-n-all-price .detail-n-price {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px
}

.top-detail-n-content .detail-n-all-price .detail-n-price span.n-num {
  font-size: 25px;
  font-weight: 700;
  color: red;
  margin-left: 50px;
  margin-right: 15px
}

.top-detail-n-content .detail-n-all-price .detail-n-price span.n-disc {
  font-weight: 500;
  color: #ed1b24
}

.top-detail-n-content .detail-offer-fix {
  width: 100%;
  float: left
}

.top-detail-n-content .detail-offer-fix .item-n {
  width: 100%;
  float: left;
  margin-bottom: 17px
}

.top-detail-n-content .detail-offer-fix .item-n .hot {
  float: left;
  width: 50px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
  background: #2b8ae0;
  border-radius: 3px
}

.top-detail-n-content .detail-offer-fix .item-n .txt {
  float: left;
  width: calc(100% - 60px);
  font-size: 15px;
  color: #444;
  line-height: 25px
}

.top-detail-n-content .detail-n-offer {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  border: solid 1px #f1f1f1;
  border-radius: 5px
}

.top-detail-n-content .detail-n-offer .title-n {
  width: 100%;
  float: left
}

.top-detail-n-content .detail-n-offer .title-n .tit-ct {
  float: left;
  padding: 12px 25px;
  border-radius: 5px 0 10px 0;
  background: #2b8ae0;
  margin-bottom: 10px
}

.top-detail-n-content .detail-n-offer .title-n .tit-ct .icons-2020 {
  width: 17px;
  height: 16px;
  float: left;
  margin-right: 5px;
  background-position: -263px -92px
}

.top-detail-n-content .detail-n-offer .title-n .tit-ct .txt {
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 16px
}

.top-detail-n-content .detail-n-offer .list-n {
  width: 100%;
  float: left;
  padding: 16px;
  line-height: 1.5
}

.top-detail-n-content .detail-n-buyNow {
  width: 100%;
  float: left;
  margin-top: 18px
}

.top-detail-n-content .detail-n-buyNow a {
  width: 100%;
  float: left;
  padding: 20px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #ed1b24;
  border-radius: 5px;
  margin-bottom: 15px;
  line-height: 1
}

.top-detail-n-content .detail-n-buyNow a span {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px
}

.top-detail-n-content .detail-n-buyNow a.buy-add-cart {
  width: calc(50% - 7.5px);
  float: left;
  background: #fcaa34;
  margin-bottom: 0
}

.top-detail-n-content .detail-n-buyNow a.by-insta {
  width: calc(50% - 7.5px);
  float: right;
  background: #2b8ae0;
  margin-bottom: 0
}

.top-detail-n-policy .detail-policy-ct,
.top-detail-n-policy .phone-sale-detail {
  width: 100%;
  float: left;
  margin-bottom: 25px
}

.top-detail-n-policy .detail-policy-ct .title-n,
.top-detail-n-policy .phone-sale-detail .title-n {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 500;
  padding: 0 30px;
  line-height: 40px;
  background: #0676da;
  border-radius: 5px 5px 0 0;
  color: #fff
}

.top-detail-n-policy .detail-policy-ct .list-n,
.top-detail-n-policy .phone-sale-detail .list-n {
  width: 100%;
  float: left;
  padding: 20px 30px;
  border: solid 1px #f1f1f1;
  border-radius: 0 0 5px 5px;
  border-top: none;
  padding-right: 20px
}

.top-detail-n-policy .detail-policy-ct .list-n span {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 15px
}

.top-detail-n-policy .phone-sale-detail .list-n .item-n {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px
}

.top-detail-n-policy .phone-sale-detail .list-n .item-n:last-child {
  margin-bottom: 0
}

.top-detail-n-policy .phone-sale-detail .list-n .item-n img {
  float: left;
  margin-right: 15px
}

.top-detail-n-policy .phone-sale-detail .list-n .item-n b {
  font-size: 16px;
  font-weight: 700;
  color: #ed1b24;
  margin-left: 10px
}

.detail-content-n-read {
  margin-bottom: 25px
}

.detail-content-n-read .dcnr-left {
  width: 1045px;
  float: left
}

.detail-content-n-read .dcnr-right {
  width: 560px;
  float: right
}

.detail-content-n-read .dcnr-left .box-content-read {
  margin-bottom: 25px;
  padding-bottom: 25px
}

.detail-content-n-read .dcnr-left .box-content-read .title-n {
  width: 100%;
  float: left;
  padding: 15px 25px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: solid 1px #f1f1f1;
  margin-bottom: 25px;
  margin-top: 0
}

.detail-content-n-read .dcnr-left .box-content-read .list-n {
  width: 100%;
  float: left;
  padding: 0 25px
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n {
  max-height: 1000px;
  overflow: hidden;
  position: relative
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n.active {
  max-height: initial
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n::after {
  content: '';
  width: 100%;
  height: 70px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n.disaffter::after {
  display: none
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n.active::after {
  display: none
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n .content-read {
  width: 100%;
  float: left
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n .box-content-des-vm {
  width: 100%;
  float: left;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n.active .box-content-des-vm {
  position: relative;
  bottom: initial;
  left: initial;
  margin-top: 15px
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-des .list-n .box-content-des-vm a {
  width: 132px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #2b8ae0;
  line-height: 40px;
  border: solid 1px #2b8ae0;
  border-radius: 3px
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-video .list-n iframe {
  width: 100%;
  float: left;
  margin-top: 15px;
  min-height: 560px
}

.detail-content-n-read .dcnr-left .box-content-read.box-content-video .list-n iframe:nth-child(1) {
  margin-top: 0
}

.box-produc-review .title {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px
}

.box-produc-review .box-review-content {
  width: 100%;
  float: left;
  padding: 13px 18px;
  border: solid 1px #eee;
  border-radius: 5px;
  position: relative
}

.box-produc-review .box-review-content .review-all-rate {
  width: 25%;
  float: left;
  padding-right: 25px;
  text-align: center;
  margin-top: 25px;
  border-right: solid 1px #eee
}

.box-produc-review .box-review-content .review-all-rate .tt-rar {
  width: 100%;
  float: left;
  font-size: 15px;
  margin-top: 10px;
  color: #444
}

.box-produc-review .box-review-content .review-all-rate .rate-rar {
  width: 100%;
  float: left;
  text-align: center
}

.box-produc-review .box-review-content .review-all-rate .rate-rar .num {
  display: inline-block;
  font-size: 60px;
  color: #fab204;
  font-weight: 500;
  line-height: 1
}

.box-produc-review .box-review-content .review-all-rate .rate-rar .icons-star-rar {
  display: inline-block;
  position: relative;
  top: -18px
}

.box-produc-review .box-review-content .rate-review-center {
  width: 50%;
  float: left;
  padding: 0 25px
}

.box-produc-review .box-review-content .rate-review-center ul li {
  overflow: hidden;
  margin-bottom: 10px
}

.box-produc-review .box-review-content .rate-review-center ul li:last-child {
  margin-bottom: 0
}

.box-produc-review .box-review-content .rate-review-center ul li span.blue {
  float: left;
  color: #161616;
  width: 9%
}

.box-produc-review .box-review-content .rate-review-center ul li span.blue i {
  color: #787878
}

.box-produc-review .box-review-content .rate-review-center ul li .line-rating {
  float: left;
  width: 73%;
  height: 5px;
  background: #eee;
  margin-top: 8px;
  border-radius: 2px;
  -moz-border-radius: 2px
}

.box-produc-review .box-review-content .rate-review-center ul li .line-rating .percent {
  display: block;
  background: #fab204;
  height: 100%;
  border-radius: 2px
}

.box-produc-review .box-review-content .rate-review-center ul li span.total-rv {
  float: left;
  color: #2b8ae0;
  width: 18%;
  text-align: right
}

.box-produc-review .box-review-content .rate-riview-right {
  width: 25%;
  float: left;
  text-align: center;
  margin-top: 28px;
  padding: 20px 25px;
  border-left: solid 1px #eee
}

.box-produc-review .box-review-content .rate-riview-right a {
  width: 150px;
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #2b8ae0;
  line-height: 45px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff
}

.box-produc-review .box-review-content .form-review {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-top: 20px;
  border-top: dashed 1px #eee;
  display: none
}

.star-rank {
  margin-bottom: 10px;
  width: 100%;
  float: left
}

.rating-input {
  float: right;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 0 0 -16px;
  opacity: 0
}

.rating-star:hover {
  background-position: 0 0
}

.rating-star {
  position: relative;
  float: right;
  display: block;
  width: 17px;
  height: 17px;
  background: url(../images/star_rating2.png) 0 0;
  margin: 0 3px
}

.rating-star:hover,
.rating-star:hover~.rating-star {
  background-position: 0 0
}

.rating-input:checked~.rating-star,
.rating-star:hover,
.rating-star:hover~.rating-star {
  background-position: 0 0
}

.rating-input:checked~.rating-star,
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star {
  background-position: 0 0
}

.rating-comment:hover .rating-star,
.rating-star {
  position: relative;
  float: right;
  display: block;
  background: url(../images/star_rating2.png?v=2.1) 0 -28px
}

.rating-comment:hover .rating-star:hover,
.rating-comment:hover .rating-star:hover~.rating-star {
  background-position: 0 -56px !important
}

#star_tip {
  display: none;
  margin-left: 10px;
  position: relative;
  background: #2b8ae0;
  color: #fff;
  padding: 2px 8px 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px
}

#star_tip:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(82, 184, 88, 0);
  border-right-color: #2b8ae0;
  border-width: 6px;
  margin-top: -6px
}

.box-produc-review .box-review-content .form-review .form-review-left {
  width: 33%;
  float: left;
  padding-right: 5px
}

.box-produc-review .box-review-content .form-review .form-review-right {
  width: 67%;
  float: right;
  padding-left: 5px
}

.box-produc-review .box-review-content .form-review .form-review-left textarea {
  font-size: 14px;
  color: #999;
  padding: 5px;
  margin: 5px 0;
  width: 100%;
  height: 90px;
  resize: none;
  border: solid 1px #eee;
  outline: 0;
  border-radius: 3px
}

.box-produc-review .box-review-content .form-review .form-review-right img,
.box-produc-review .box-review-content .form-review .form-review-right input {
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 14px;
  padding: 5px;
  margin: 5px 3px;
  height: 40px;
  width: calc(33% - 5px);
  float: left;
  color: #161616
}

.box-produc-review .box-review-content .form-review .form-review-right #submit-review {
  color: #fff;
  background: #2b8ae0
}

.box-produc-review .box-review-content .form-review .form-review-right a {
  background: #2b8ae0;
  border: 1px solid #2b8ae0;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  padding: 9px 0;
  margin: 5px 0 5px 10px;
  width: calc(50% - 5px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center
}

.box-review-list {
  width: 100%;
  float: left;
  margin-top: 10px;
  margin-bottom: 20px
}

.box-review-list .item {
  width: 100%;
  float: left;
  padding: 10px 0;
  border-bottom: solid 1px #eee
}

.box-review-list .item.hide {
  display: none
}

.box-review-list .item .name-date {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #4e4e4e
}

.box-review-list .item .name-date span {
  font-weight: 500;
  color: #161616
}

.box-review-list .item .content {
  width: 100%;
  float: left
}

.box-review-list .item .content span {
  float: left;
  line-height: 22px
}

.box-review-list .item .content span.star-rate-review {
  margin-right: 15px
}

.box-review-list .item .content span.txt {
  font-size: 12px;
  font-weight: 300
}

.box-review-list .item.review-vm {
  display: none
}

.box-review-list .item.review-vm a {
  width: 150px;
  float: left;
  line-height: 28px;
  border: solid 1px #2b8ae0;
  border-radius: 3px;
  color: #2b8ae0;
  font-weight: 300;
  font-size: 12px;
  text-align: center
}

.box-detail-content-read .box-produc-comment {
  padding-top: 0;
  padding-right: 13px
}

.box-produc-comment .title {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 5px
}

.form-comment {
  width: 100%;
  float: left
}

.form-comment textarea {
  font-size: 14px;
  color: #999;
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 150px;
  resize: none;
  border: solid 1px #eee;
  outline: 0;
  border-radius: 5px;
  display: block
}

.form-comment .send-comment {
  width: 100%;
  float: left;
  padding: 20px 0;
  border-top: none
}

.form-comment .send-comment a.qd-cmt {
  float: left;
  font-size: 14px;
  color: #2b8ae0;
  line-height: 45px
}

.form-comment .send-comment a.btn-send-form-cmt {
  width: 150px;
  float: right;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #2b8ae0;
  line-height: 45px;
  border-radius: 5px
}

.comment-list {
  width: 100%;
  float: left;
  padding: 0 20px
}

.comment-list .item {
  width: 100%;
  float: left;
  padding: 10px 0
}

.comment-list .item.hide {
  display: none
}

.comment-list .all-box-item-cmt-img {
  width: 140px;
  float: left
}

.comment-list .all-box-item-cmt-img .cus-avatar {
  width: 70px;
  height: 70px;
  float: left;
  background: #f1f1f1;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 70px;
  margin-right: 5px;
  overflow: hidden;
  color: #787878;
  text-transform: uppercase;
  border-radius: 50%;
  display: block
}

.comment-list .all-box-item-cmt-img .name-cmt {
  float: left;
  width: 70px;
  text-align: center;
  display: block;
  clear: both;
  font-weight: 500;
  margin-top: 9px;
  font-size: 16px;
  color: #222
}

.comment-list .item .all-box-item-cmt {
  width: calc(100% - 140px);
  float: left
}

.comment-list .item .all-box-item-cmt .qtv {
  float: left;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  padding: 0 8px;
  border-radius: 3px;
  background: #2b8ae0;
  font-size: 11px
}

.comment-list .item .all-box-item-cmt .content-cus-cmt {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 10px
}

.comment-list .item .all-box-item-cmt .rep-cmt {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 1.5
}

.comment-list .item .all-box-item-cmt .rep-cmt a {
  float: left;
  color: #2b8ae0;
  margin-right: 3px
}

.comment-list .item .all-box-item-cmt .rep-cmt .time {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #787878;
  margin-bottom: 10px
}

.comment-list .item .box-content-rep {
  width: 100%;
  float: left
}

.comment-list .item .box-content-rep .bg-rep {
  width: 100%;
  float: left;
  position: relative;
  padding: 5px 15px;
  border-radius: 10px;
  background: #e7e7e7;
  margin: 10px 0
}

.comment-list .item .box-content-rep .bg-rep::before {
  content: '\f0d8';
  font-family: FontAwesome;
  font-size: 28px;
  color: #e7e7e7;
  position: absolute;
  z-index: 1;
  top: -19px;
  left: 13px;
  line-height: 1
}

.comment-list .item .form-comment {
  display: none
}

.comment-list .item .box-content-rep .bg-rep .item-rep {
  width: 100%;
  float: left;
  padding: 20px
}

.comment-list .item .box-content-rep .bg-rep .item-rep .admin-rep-avatar {
  width: 50px;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-right: 18px;
  overflow: hidden
}

.comment-list .item .box-content-rep .bg-rep .item-rep .cus-avatar {
  width: 50px;
  height: 50px;
  float: left;
  background: #f1f1f1;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 50px;
  margin-right: 18px;
  overflow: hidden;
  color: #787878;
  text-transform: uppercase;
  border-radius: 50%;
  display: block
}

.comment-list .item .box-content-rep .bg-rep .item-rep .all-box-item-cmt.all-box-item-rep {
  width: calc(100% - 68px);
  float: left
}

.comment-list .item .box-content-rep .bg-rep .item-rep .all-box-item-cmt.all-box-item-rep .title-rep {
  width: 100%;
  float: left;
  margin-bottom: 6px
}

.comment-list .item .box-content-rep .bg-rep .item-rep .all-box-item-cmt.all-box-item-rep .title-rep .name-cmt {
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px
}

.comment-list-vm {
  width: 100%;
  float: left;
  text-align: center;
  display: none
}

.comment-list-vm a {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  color: #2b8ae0;
  line-height: 40px;
  border: solid 1px #eee;
  border-radius: 5px;
  width: 376px;
  max-width: 100%
}

#newCommentBox {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: rgba(0, 0, 0, .5);
  z-index: 9
}

#newCommentBox .comment-box-container {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 5% auto auto;
  background: #fff;
  border-radius: 5px
}

#newCommentBox .comment-box-container .title {
  display: block;
  overflow: hidden;
  padding: 10px;
  font-size: 17px;
  color: #161616;
  border-bottom: 1px solid #f2f2f2;
  font-weight: 700
}

#newCommentBox .comment-box-container .back-btn {
  float: right;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #161616;
  font-size: 18px
}

#newCommentBox .comment-box-container .form-wrap {
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 10px
}

#newCommentBox .comment-box-container .form-wrap input {
  display: block;
  padding: 8px;
  width: 100%;
  margin: 10px 0;
  height: 35px;
  border: 1px solid #dadada;
  background: #fff;
  border-radius: 4px;
  font-size: 14px
}

#newCommentBox .comment-box-container .sex label {
  margin-bottom: 0;
  margin-right: 30px
}

.box-policy-detail {
  border: solid 1px #eee;
  border-top: none;
  margin-bottom: 27px;
  border-radius: 5px;
  overflow: hidden
}

#newCommentBox .comment-box-container .sex .radio {
  display: inline-block
}

#newCommentBox .comment-box-container .sex .radio input {
  display: none
}

#newCommentBox .comment-box-container .sex .radio .icon {
  height: 13px;
  width: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  margin-top: -3px;
  border-radius: 50% !important;
  background: #fff;
  border: 2px solid #2b8ae0;
  overflow: hidden
}

#newCommentBox .comment-box-container .sex .radio input:checked~.icon::before {
  background-color: #2b8ae0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  left: 2px;
  top: 2px;
  font-size: 11px;
  color: #fff;
  position: absolute
}

#newCommentBox .comment-box-container .form-wrap button {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
  padding: 8px;
  height: 40px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #2b8ae0;
  border-radius: 4px;
  background: #2b8ae0;
  cursor: pointer
}

.box-product-n-spec {
  width: 100%;
  float: left;
  background: #fff;
  margin-bottom: 25px
}

.box-product-n-spec .title-n {
  width: 100%;
  float: left;
  padding: 0 25px;
  font-size: 22px;
  font-weight: 500;
  line-height: 61px;
  color: #fff;
  border-bottom: solid 1px #f1f1f1;
  margin-bottom: 25px;
  margin-top: 0
}

.box-product-n-spec .list-n {
  width: 100%;
  float: left;
  padding: 25px 12px;
  padding-top: 10px
}

.box-product-n-spec .list-n table {
  width: 100%;
  float: left
}

.box-product-n-spec .list-n table tr td {
  padding: 5px;
  border: solid 1px #f1f1f1;
  font-size: 12px;
  text-align: left
}

.box-product-n-spec .list-n table tr td p {
  margin: 0
}

.box-product-n-spec-vm {
  width: 100%;
  float: left;
  padding: 0 12px;
  padding-bottom: 25px
}

.box-product-n-spec-vm a {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 45px;
  border-radius: 5px;
  background: #2b8ae0
}

#full-spec table {
  width: 100%;
  float: left;
  min-width: 750px;
  border-collapse: collapse
}

#full-spec table tr td {
  padding: 15px;
  border: solid 1px #f1f1f1
}

#full-spec table tr td p {
  margin: 0
}

#full-spec table tr:nth-child(odd) {
  background-color: #ccefe8
}

.box-news-detail-relay {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  background: #fff
}

.box-news-detail-relay .title-n {
  width: 100%;
  float: left;
  padding: 0 25px;
  font-size: 22px;
  font-weight: 500;
  line-height: 72px;
  border-bottom: solid 1px #f1f1f1;
  margin-bottom: 25px
}

.box-news-detail-relay .list-n {
  width: 100%;
  float: left
}

.box-news-detail-relay .list-n .item-n {
  width: 100%;
  float: left;
  padding: 25px;
  border-bottom: solid 1px #f1f1f1
}

.box-news-detail-relay .list-n .item-n:last-child {
  border: none
}

.box-news-detail-relay .list-n .item-n .nn-img {
  width: 150px;
  margin-right: 15px;
  position: relative;
  padding-top: 100px;
  float: left
}

.box-news-detail-relay .list-n .item-n .nn-img img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto
}

.box-news-detail-relay .list-n .item-n .nn-info {
  width: calc(100% - 165px);
  float: left
}

.box-news-detail-relay .list-n .item-n .nn-info .nn-name {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin-bottom: 5px;
  line-height: 1.5
}

.box-news-detail-relay .list-n .item-n .nn-info .nn-sum {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #787878;
  line-height: 1.5
}

.tab-pro-detail .title-tab-dt {
  width: 100%;
  float: left;
  padding-left: 10px
}

.tab-pro-detail .title-tab-ct {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  border-bottom: solid 1px #acacac
}

.tab-pro-detail .title-tab-ct li {
  float: left;
  margin-right: 30px
}

.tab-pro-detail .title-tab-ct li a {
  float: left;
  font-size: 16px;
  line-height: 53px;
  border-bottom: solid 3px transparent;
  margin-bottom: -1px;
  color: #222;
  font-weight: 500
}

.tab-pro-detail .title-tab-ct li.active a {
  border-bottom: solid 3px #2b8ae0
}

.tab-pro-detail .product-list {
  width: 100%;
  float: left
}

.tab-pro-detail .product-list .tab-list {
  width: 100%;
  float: left;
  display: none
}

.tab-pro-detail .product-list .tab-list.active {
  display: block
}

.tab-pro-detail .product-list .tab-list .item-n {
  width: 100%;
  float: left
}

#select-rate-pro label {
  width: 17px
}

@media (max-width:1630px) {
  .container {
    width: 1220px;
    padding: 0 10px;
    max-width: 1220px
  }

  .header-new-mid .logo {
    width: 262px
  }

  .main-search {
    width: 502px
  }

  .main-search .form-search .box-search input#stext-search {
    width: 263px
  }

  .header-new-bot-right {
    width: 390px
  }

  .header-new-bot-right .hd-hotline {
    width: 150px;
    padding-left: 23px
  }

  .header-new-bot-right .hd-buildpc {
    width: 120px
  }

  .header-new-bot-right .hd-buildpc .icons-2020 {
    margin-right: 5px
  }

  .header-new-bot-right .hd-cart .icons-2020 {
    margin-right: 5px
  }

  .header-new-bot .list-content .item-n.item-n-first {
    width: 150px
  }

  .header-new-bot .list-content .item-n.item-n-first a.title-n {
    font-size: 11px
  }

  .header-new-bot .list-content .item-n.item-n-second {
    width: 170px
  }

  .header-new-bot .list-content .item-n.item-n-second a.title-n {
    font-size: 11px
  }

  .header-new-bot .list-content .item-n.item-n-other {
    width: 170px
  }

  .header-new-bot .list-content .item-n.item-n-other a {
    font-size: 11px
  }

  .header-new-bot .list-content .item-n.item-n-other.item-n-third a .icons-2020 {
    margin-right: 2px
  }

  .header-new-bot .list-content .item-n.item-n-first .menu-main-sub {
    width: 220px;
    height: max-content
  }

  .banner-home .banner-home-right {
    width: 975px
  }

  .banner-home .banner-home-right .slider-homepage {
    width: 485px
  }

  .banner-home .banner-home-right .banner-right-homepage {
    width: 485px
  }

  .header-new-bot .list-content .item-n.item-n-first .menu-main-sub li a {
    padding-left: 50px;
    background-position: 15px center !important;
    line-height: 38.8px;
    font-size: 14px
  }

  .header-new-bot .list-content .item-n.item-n-first .menu-main-sub li .box-sub-cat {
    width: 980px
  }

  .tab-colection-home .tab-all-content .content-tab .banner-co {
    width: 255px
  }

  .tab-colection-home .tab-all-content .content-tab .list-content-tab .tab-pro-pro {
    width: calc(100% - 255px)
  }

  .custom-regis .cus-regis-left {
    width: 618px
  }

  .custom-regis .cus-regis-right {
    width: 582px
  }

  .custom-regis .cus-regis-left .cus-regis-img {
    margin-left: 30px;
    margin-right: 20px
  }

  .footer1 .box-sp-ft {
    width: 600px
  }

  .footer1 .box-sp-ft .list-n .list-n-left {
    width: 100%;
    padding-right: 15px
  }

  .footer1 .box-sp-ft .list-n .item-n {
    width: 50%
  }

  .footer1 .box-sp-ft .list-n .list-n-right {
    width: 290px
  }

  .footer1 .box-sp-ft .list-n {
    padding: 5px
  }

  .footer1 .box-ft-ct .title-n {
    margin-bottom: 18px
  }

  .footer1 .box-sp-ft .list-n .item-n .list-n-ct a {
    font-size: 12px
  }

  .footer1 .box-sp-ft .list-n .item-n .list-n-ct .lnc-note {
    font-size: 12px
  }

  .footer1 .box-ft-fb {
    width: 280px;
    margin: 0 20px
  }

  .footer1 .box-ft-fb .fb_iframe_widget,
  .footer1 .box-ft-fb iframe {
    width: 280px !important;
    height: 200px !important
  }

  .footer1 .box-ft-video {
    width: 280px;
    margin-top: -27px
  }

  .footer1 .box-ft-video .youtube-video-place img {
    height: 200px !important
  }

  .footer1 .box-ft-video .youtube-video-place iframe {
    width: 100%;
    height: 200px !important
  }

  .footer2 .menu-footer .item-n.item-ft-1 {
    width: 207px
  }

  .footer2 .menu-footer .item-n.item-ft-2 {
    width: 315px
  }

  .footer2 .menu-footer .item-n.item-ft-3 {
    width: 225px
  }

  .footer2 .menu-footer .item-n.item-ft-4 {
    width: 212px
  }

  .footer2 .menu-footer .item-n.item-ft-5 {
    width: 150px
  }

  .footer3 .footer3-left {
    width: 500px
  }

  .footer3 .footer3-right {
    width: 700px
  }

  .footer4 .footer4-left {
    width: 552px
  }

  .footer4 .footer4-center {
    width: 496px
  }

  .footer4 .footer4-right {
    width: 152px
  }

  .product-category-n .product-category-n-content .pcnc-left {
    width: 220px
  }

  .product-category-n .product-category-n-content .pcnc-right {
    width: 972px
  }

  .product-detail-n .top-detail-n .top-detail-n-img {
    width: 343px;
    padding: 0 15px
  }

  .product-detail-n .top-detail-n .top-detail-n-content {
    width: 548px;
    margin-right: 20px;
    padding-left: 5px
  }

  .product-detail-n .top-detail-n .top-detail-n-policy {
    width: 289px;
    padding-right: 15px
  }

  .top-detail-n-content .header-dt .hedt-ct {
    margin-right: 12px
  }

  .top-detail-n-content .header-dt .hedt-ct::after {
    right: -6px
  }

  .top-detail-n-content .header-dt {
    margin-bottom: 15px
  }

  .top-detail-n-content .pro-detail-config-group {
    padding-bottom: 10px;
    margin-bottom: 10px
  }

  .top-detail-n-content .detail-n-sumary {
    padding-bottom: 10px;
    margin-bottom: 10px
  }

  .top-detail-n-content .pro-detail-config-group .title-n {
    margin-bottom: 10px
  }

  .top-detail-n-content .detail-n-sumary .title-n {
    margin-bottom: 8px
  }

  .top-detail-n-content .detail-offer-fix .item-n .txt {
    font-size: 13px
  }

  .top-detail-n-content .detail-n-offer .title-n .tit-ct {
    margin-bottom: 0
  }

  .detail-content-n-read .dcnr-left {
    width: 769px
  }

  .detail-content-n-read .dcnr-right {
    width: 412px
  }

  .comment-list .all-box-item-cmt-img {
    width: 110px
  }

  .comment-list .item .all-box-item-cmt {
    width: calc(100% - 110px)
  }

  .comment-list {
    padding: 0
  }

  .tab-colection-home .tab-all-content .content-tab .list-content-tab {
    min-height: 538px
  }

  .product-category-n-content .pcnc-left .box-menu-left .title-n {
    padding: 10px
  }

  .product-category-n-content .pcnc-left .box-menu-left .sub-menu-left a {
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 13px
  }

  .product-category-n-content .pcnc-left .box-filter .filter-item-n .title-n {
    padding: 10px;
    font-size: 16px
  }

  .product-category-n-content .pcnc-left .box-filter .filter-item-n .filt-content {
    padding: 10px
  }

  .top-detail-n-policy .detail-policy-ct .title-n,
  .top-detail-n-policy .phone-sale-detail .title-n {
    padding: 0 10px;
    font-size: 16px
  }

  .top-detail-n-policy .detail-policy-ct .list-n,
  .top-detail-n-policy .phone-sale-detail .list-n {
    padding: 20px 10px
  }

  .top-detail-n-policy .phone-sale-detail .list-n .item-n b {
    font-size: 11px
  }

  .top-detail-n-policy .phone-sale-detail .list-n .item-n img {
    float: left;
    margin-right: 5px
  }

  .detail-content-n-read .dcnr-left .box-content-read.box-content-video .list-n iframe {
    min-height: 405px
  }

  .box-produc-review .box-review-content .rate-review-center ul li span.blue {
    width: 15%
  }

  .box-produc-review .box-review-content .rate-review-center ul li span.total-rv {
    width: 25%
  }

  .box-produc-review .box-review-content .rate-review-center ul li .line-rating {
    width: 60%
  }

  .header-fix.fix-top .main-search {
    margin-left: 250px;
    width: 630px
  }

  .header-fix.fix-top .header-new-bot-right {
    width: 270px
  }

  .header-fix.fix-top .header-new-bot .list-content .item-n.item-n-first {
    width: 222px
  }

  .header-fix.fix-top .header-new-bot .list-content .item-n.item-n-first a.title-n {
    font-size: 14px
  }

  .header-new-bot .list-content .item-n.item-n-third .header-brand .custom-title {
    font-size: 11px
  }

  .product-home-new .title-n .cat-title {
    width: 635px
  }

  .product-home-new.product-home-new-3 .title-n .cat-title {
    width: 600px
  }
}

@media (min-width:1630px) {
  .cart-left {
    width: 1150px
  }

  .cart-right {
    width: 465px
  }

  .article-col-main {
    margin-right: 475px
  }

  .article-col-right {
    width: 450px
  }

  .header-new-bot .list-content .item-n.item-n-first .menu-main-sub li:hover a.itop::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 19px solid #0676da;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 99999999
  }
}

.build-pc.pc {
  margin-top: 20px
}

#breadcrumb {
  float: left;
  width: 100%;
  margin-top: 10px
}

#icon-fixed-right {
  width: 50px;
  position: fixed;
  right: 5px;
  top: 250px;
  z-index: 997
}

#icon-fixed-right a {
  display: block;
  margin-top: 5px
}

#icon-fixed-right a:first-child {
  margin-top: 0
}

#icon-fixed-right a i {
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 9999px;
  font-size: 24px;
  line-height: 50px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 9999px;
  font-size: 16px;
  line-height: 40px;
  background: #4267b2
}

#icon-fixed-right a i.fa-youtube {
  background: red
}

#icon-fixed-right a i.fa-envelope {
  background: #3754a5
}

#icon-fixed-right a i.fa-phone {
  background: #278c56
}

#icon-fixed-right a i.fa-wrench {
  background: #3754a5
}

#icon-fixed-right a i.fa-arrow-up {
  background: #ed1b24
}

.popup-common {
  position: fixed;
  z-index: 9999999;
  width: 500px;
  top: 125px;
  left: 50%;
  margin-left: -225px;
  background: #fff;
  border: solid 3px #056bad;
  border-radius: 8px;
  display: none
}

.title-popup {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #ddd;
  padding: 0 15px
}

.title-popup span {
  font-size: 18px
}

.title-popup .close {
  float: right;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  cursor: pointer;
  margin-top: 8px
}

#popup-facebook .content-popup {
  padding-top: 15px !important
}

.list-pop-add {
  width: 100%;
  float: left;
  margin-top: 20px
}

.list-pop-add .item {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  font-size: 14px;
  color: #222
}

.list-pop-add .item span {
  width: 100%;
  float: left
}

.list-pop-add .item a {
  color: #ed1c24
}

.content-popup {
  padding: 20px
}

.tbl-common {
  width: 100%
}

#popup-lien-he td {
  padding: 3px 0
}

#popup-lien-he td b {
  font-weight: 400;
  text-align: right;
  display: block;
  font-size: 14px;
  padding-right: 10px;
  width: 90px
}

.content-popup .inputText,
.content-popup select,
.content-popup textarea {
  width: 100%;
  height: 34px;
  border-radius: 3px;
  border: solid 1px #ccc;
  padding: 0 5px;
  outline: 0;
  max-width: 100%
}

.content-popup .inputText {
  width: 100%;
  padding-left: 40px;
  margin-bottom: 10px
}

.content-popup .submit-button {
  cursor: pointer;
  padding: 0 15px;
  line-height: 40px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  border: none;
  background: #0676da;
  border-radius: 5px
}

#contact_name_pop {
  background: url(../images/icon_name_contact.png) left center no-repeat
}

#contact_email_pop {
  background: url(../images/icon_email_contact.png) left center no-repeat
}

#contact_tel_pop {
  background: url(../images/icon_tel_contact.png) left center no-repeat
}

.content-popup textarea {
  width: 350px !important;
  height: 70px;
  padding-left: 40px;
  background: url(../images/icon_content_contact.png) left center no-repeat
}

#bg-opacity {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none
}

.btn.btn-default {
  background: -moz-linear-gradient(top, rgba(214, 214, 214, .65) 0, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(214, 214, 214, .65) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(214, 214, 214, .65) 0, rgba(0, 0, 0, 0) 100%);
  padding: 9px 18px !important;
  font-size: 16px;
  border-radius: 2px;
  border: solid 1px #d0d0d0
}

.btn.btn-blue {
  background: #233e92;
  background: -moz-linear-gradient(top, #43a4ef 0, #45bbf7 100%);
  background: -webkit-linear-gradient(top, #43a4ef 0, #45bbf7 100%);
  background: linear-gradient(to bottom, #158dd6 0, #3cb0ea 100%);
  color: #fff;
  padding: 9px 18px !important;
  font-size: 16px;
  border-radius: 2px;
  border: solid 1px #0f84ca;
  position: relative;
  z-index: 15
}

.content-popup .red {
  color: #e00
}

.content-popup p {
  margin: 15px 0
}

.box-support-header {
  width: 1630px;
  float: left;
  padding: 10px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999999;
  box-shadow: 0 0 3px 0 #ccc;
  display: none
}

.header-new-top .top-header-content ul.menu-top li.header-showroom .box-support-header {
  left: -185px
}

.header-new-top .top-header-content ul.menu-top li:hover .box-support-header {
  display: block
}

.bg-hover-header {
  width: 100%;
  height: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 999999;
  display: none
}

.bg-hover-header.active {
  display: block
}

.box-support-header .title-n-all {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 15px
}

.box-support-header .title-n-all span {
  display: inline-block;
  padding: 0 50px;
  line-height: 40px;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(45deg, #ff990f, #fe532e)
}

.box-support-header .list-n {
  width: 100%;
  float: left;
  padding-left: 30px
}

.box-support-header .list-n .box-list {
  width: 33.3333%;
  float: left
}

.box-support-header .list-n .box-list .box-list-ct {
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.box-support-header .list-n .box-list .title-n {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500
}

.box-support-header .list-n .box-list .item-n {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px
}

.box-support-header .list-n .box-list .item-n a {
  float: left;
  margin-right: 10px;
  line-height: 20px
}

.box-support-header .list-n .box-list .item-n a img {
  max-height: 20px
}

.box-support-header .list-n .box-list .item-n span {
  display: inline-block;
  line-height: 20px
}

.box-support-header .list-n .box-list .item-n span.tel {
  font-weight: 500;
  color: red;
  margin-right: 10px
}

.box-showroom-header .title-n-all-sr {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative
}

.box-showroom-header .title-n-all-sr::after {
  content: '';
  width: 75px;
  height: 2px;
  background: red;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0
}

.box-showroom-header p {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-size: 14px
}

.box-showroom-header p i {
  margin-right: 15px
}

.list-n-brand {
  padding: 20px 0;
  background: #fff
}

.list-n-brand .featured-brand {
  width: 100%;
  float: left;
  margin-bottom: 30px
}

.list-n-brand .featured-brand .title-n {
  width: 100%;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px
}

.list-n-brand .featured-brand .list-n {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.list-n-brand .featured-brand .list-n li {
  width: 12.5%;
  float: left;
  text-align: center;
  margin-bottom: 10px
}

.list-n-brand .featured-brand .list-n li img {
  max-height: 25px
}

.list-n-brand .brand-list {
  width: 100%;
  float: left;
  margin-bottom: 30px
}

.list-n-brand .brand-list .first-letter {
  float: left;
  margin-right: 30px
}

.list-n-brand .brand-list .first-letter .title-n {
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 25px
}

.list-n-brand .brand-list .list-letter {
  float: left
}

.list-n-brand .brand-list .list-letter li {
  float: left;
  margin-right: 25px;
  font-size: 16px;
  line-height: 25px
}

.list-n-brand .brand-item {
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.list-n-brand .brand-item .smallTitle {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px !important;
  line-height: 30px;
  border-bottom: solid 1px #ccc
}

.list-n-brand .brand-item .list-unstyled {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.list-n-brand .brand-item .list-unstyled li {
  width: 12.5%;
  float: left;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px
}

.list-n-brand .brand-item .list-unstyled li img {
  max-height: 25px;
  width: auto
}

.fancybox-container {
  z-index: 99999999999999 !important
}

#full-spec .title-n {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: solid 1px #ccc
}

@media (max-width:1630px) {
  .box-support-header {
    width: 1200px
  }
}

.box-product-n-spec .list-n table tr:nth-child(odd) {
  background-color: #ccefe8
}

.fb-like span {
  width: 136px !important
}

.fb-like span iframe {
  width: 136px !important
}

.jeg_main_content div {
  margin-bottom: 10px
}

#toc_container,
.jeg_authorbox {
  box-shadow: 0 1px 22px 0 rgba(18, 23, 20, .1);
  background: 0 0;
  border: none !important;
  padding: 20px;
  border-radius: 10px
}

.jeg_author_image {
  width: 150px;
  text-align: center;
  float: left;
  border-radius: 10px
}

.jeg_author_image img {
  width: auto;
  height: auto;
  margin-top: 40px
}

.single-post .jeg_inner_content img {
  border-radius: 5px
}

.jeg_author_content {
  padding-right: 20px;
  margin-left: 170px;
  color: #a0a0a0
}

.jeg_author_name,
.single-post h3 strong {
  font-size: 24px;
  color: #0d6cf8;
  margin-top: 0;
  margin-bottom: 10px
}

.single-post .content-inner li,
.single-post .jeg_main_content p,
.single-post .jeg_main_content span,
.single-post .wpb_text_column li {
  font-size: 16px !important
}

.jeg_author_content p {
  margin-bottom: 1em
}

.jeg_author_socials a {
  font-size: 16px;
  display: inline-block;
  margin: 10px 10px 20px 0;
  color: #999;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.jnews_author_box_container {
  padding: 0 10px
}

.header-new-top .top-header-content ul.menu-top li:hover .box-support-header {
  display: grid;
  grid-template-columns: auto auto
}

.product-home-new.js-product-ajax.product-home-new-6 {
  min-width: 1200px
}

.banner-home .banner-home-bot {
  min-height: 166px
}

.banner-home .banner-home-right .banner-right-homepage {
  min-height: 340px
}

.box-search label,
#newsletter label {
  display: none
}

.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px hsla(0deg, 0%, 0%, .075), 0 1px 2px hsla(0deg, 0%, 0%, .075), 1px 2px 4px hsla(0deg, 0%, 0%, .075), 1px 3px 8px hsla(0deg, 0%, 0%, .075), 2px 4px 16px hsla(0deg, 0%, 0%, .075);
  pointer-events: all
}

.swal2-popup.swal2-toast>* {
  grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
  margin: .5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: .5em;
  font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: .5em 0 0;
  padding: .5em 0 0;
  font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: .8em;
  height: .8em;
  margin: 0;
  font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: .5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: .875em;
  width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: .5em;
  padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: .25em .5em;
  padding: .4em .6em;
  font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -.8em;
  left: -.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.25em;
  left: .9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: .4375em;
  width: .4375em;
  height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: .1875em;
  width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: .9375em;
  right: .1875em;
  width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip .75s;
  animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long .75s;
  animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show .5s;
  animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide .1s forwards;
  animation: swal2-toast-hide .1s forwards
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end";
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: .625em;
  overflow-x: hidden;
  transition: background-color .1s;
  -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
  background: 0 0 !important
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
  grid-template-columns: minmax(0, 1fr) auto auto
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
  grid-template-columns: auto minmax(0, 1fr) auto
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
  grid-template-columns: auto auto minmax(0, 1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
  align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end
}

.swal2-container.swal2-center-left>.swal2-popup,
.swal2-container.swal2-center-start>.swal2-popup {
  grid-row: 2;
  align-self: center
}

.swal2-container.swal2-center>.swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,
.swal2-container.swal2-center-right>.swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end
}

.swal2-container.swal2-bottom-left>.swal2-popup,
.swal2-container.swal2-bottom-start>.swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,
.swal2-container.swal2-bottom-right>.swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end
}

.swal2-container.swal2-grow-fullscreen>.swal2-popup,
.swal2-container.swal2-grow-row>.swal2-popup {
  grid-column: 1/4;
  width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,
.swal2-container.swal2-grow-fullscreen>.swal2-popup {
  grid-row: 1/4;
  align-self: stretch
}

.swal2-container.swal2-no-transition {
  transition: none !important
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem
}

.swal2-popup:focus {
  outline: 0
}

.swal2-popup.swal2-loading {
  overflow-y: hidden
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: .8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0 infinite normal;
  animation: swal2-rotate-loading 1.5s linear 0 infinite normal;
  border-width: .25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent
}

.swal2-styled {
  margin: .3125em;
  padding: .625em 1.1em;
  transition: box-shadow .1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500
}

.swal2-styled:not([disabled]) {
  cursor: pointer
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-styled:focus {
  outline: 0
}

.swal2-styled::-moz-focus-inner {
  border: 0
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
  width: 100%;
  height: .25em;
  background: rgba(0, 0, 0, .2)
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color .1s, box-shadow .1s;
  border: none;
  border-radius: 5px;
  background: 0 0;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end
}

.swal2-close:hover {
  transform: none;
  background: 0 0;
  color: #f27474
}

.swal2-close:focus {
  outline: 0;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-close::-moz-focus-inner {
  border: 0
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em .3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
  margin: 1em 2em 3px
}

.swal2-file,
.swal2-input,
.swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color .1s, box-shadow .1s;
  border: 1px solid #d9d9d9;
  border-radius: .1875em;
  background: 0 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
  color: #ccc
}

.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
  color: #ccc
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: #ccc
}

.swal2-range {
  margin: 1em 2em 3px;
  background: #fff
}

.swal2-range input {
  width: 80%
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center
}

.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em
}

.swal2-input {
  height: 2.625em;
  padding: 0 .75em
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: 0 0;
  font-size: 1.125em
}

.swal2-textarea {
  height: 6.75em;
  padding: .75em
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: .375em .625em;
  background: 0 0;
  color: inherit;
  font-size: 1.125em
}

.swal2-checkbox,
.swal2-radio {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
  margin: 0 .6em;
  font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
  flex-shrink: 0;
  margin: 0 .4em
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: .625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 .625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto .6em;
  border: .25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: .3125em;
  border-radius: .125em;
  background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon .5s;
  animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark .5s;
  animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86
}

.swal2-icon.swal2-warning.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon .5s;
  animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark .5s;
  animation: swal2-animate-i-mark .5s
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee
}

.swal2-icon.swal2-info.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon .5s;
  animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark .8s;
  animation: swal2-animate-i-mark .8s
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd
}

.swal2-icon.swal2-question.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon .5s;
  animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark .8s;
  animation: swal2-animate-question-mark .8s
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -.25em;
  left: -.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: .25em solid rgba(165, 220, 134, .3);
  border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: .5em;
  left: 1.625em;
  width: .4375em;
  height: 5.625em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: .3125em;
  border-radius: .125em;
  background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: .8125em;
  width: 1.5625em;
  transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: .5em;
  width: 2.9375em;
  transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip .75s;
  animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long .75s;
  animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: 0 0;
  font-weight: 600
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
  background: #add8e6;
  color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
  background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: .4em;
  margin: 0 -1px;
  background: #2778c4
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent
}

.swal2-show {
  -webkit-animation: swal2-show .3s;
  animation: swal2-show .3s
}

.swal2-hide {
  -webkit-animation: swal2-hide .15s forwards;
  animation: swal2-hide .15s forwards
}

.swal2-noanimation {
  transition: none
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto
}

.swal2-no-war {
  display: flex;
  position: fixed;
  z-index: 1061;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.375em;
  background: #20232a;
  color: #fff;
  text-align: center
}

.swal2-no-war a {
  color: #61dafb;
  text-decoration: none
}

.swal2-no-war a:hover {
  text-decoration: underline
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-.625em) rotateZ(2deg)
  }

  33% {
    transform: translateY(0) rotateZ(-2deg)
  }

  66% {
    transform: translateY(.3125em) rotateZ(2deg)
  }

  100% {
    transform: translateY(0) rotateZ(0)
  }
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-.625em) rotateZ(2deg)
  }

  33% {
    transform: translateY(0) rotateZ(-2deg)
  }

  66% {
    transform: translateY(.3125em) rotateZ(2deg)
  }

  100% {
    transform: translateY(0) rotateZ(0)
  }
}

@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0
  }
}

@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0
  }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0
  }

  54% {
    top: .125em;
    left: .125em;
    width: 0
  }

  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em
  }

  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em
  }

  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em
  }
}

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0
  }

  54% {
    top: .125em;
    left: .125em;
    width: 0
  }

  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em
  }

  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em
  }

  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em
  }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0
  }

  65% {
    top: 1.25em;
    right: .9375em;
    width: 0
  }

  84% {
    top: .9375em;
    right: 0;
    width: 1.125em
  }

  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em
  }
}

@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0
  }

  65% {
    top: 1.25em;
    right: .9375em;
    width: 0
  }

  84% {
    top: .9375em;
    right: 0;
    width: 1.125em
  }

  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em
  }
}

@-webkit-keyframes swal2-show {
  0% {
    transform: scale(.7)
  }

  45% {
    transform: scale(1.05)
  }

  80% {
    transform: scale(.95)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes swal2-show {
  0% {
    transform: scale(.7)
  }

  45% {
    transform: scale(1.05)
  }

  80% {
    transform: scale(.95)
  }

  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(.5);
    opacity: 0
  }
}

@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(.5);
    opacity: 0
  }
}

@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0
  }

  54% {
    top: 1.0625em;
    left: .125em;
    width: 0
  }

  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em
  }

  100% {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em
  }
}

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0
  }

  54% {
    top: 1.0625em;
    left: .125em;
    width: 0
  }

  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em
  }

  100% {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em
  }
}

@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em
  }

  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em
  }
}

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em
  }

  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em
  }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg)
  }

  5% {
    transform: rotate(-45deg)
  }

  12% {
    transform: rotate(-405deg)
  }

  100% {
    transform: rotate(-405deg)
  }
}

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg)
  }

  5% {
    transform: rotate(-45deg)
  }

  12% {
    transform: rotate(-405deg)
  }

  100% {
    transform: rotate(-405deg)
  }
}

@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  50% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  80% {
    margin-top: -.375em;
    transform: scale(1.15)
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1
  }
}

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  50% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0
  }

  80% {
    margin-top: -.375em;
    transform: scale(1.15)
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    opacity: 1
  }
}

@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    opacity: 1
  }
}

@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg)
  }

  100% {
    transform: rotateY(0)
  }
}

@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg)
  }

  100% {
    transform: rotateY(0)
  }
}

@-webkit-keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0
  }

  25% {
    transform: rotateZ(-25deg);
    opacity: .4
  }

  50% {
    transform: rotateZ(15deg);
    opacity: .8
  }

  75% {
    transform: rotateZ(-5deg);
    opacity: 1
  }

  100% {
    transform: rotateX(0);
    opacity: 1
  }
}

@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0
  }

  25% {
    transform: rotateZ(-25deg);
    opacity: .4
  }

  50% {
    transform: rotateZ(15deg);
    opacity: .8
  }

  75% {
    transform: rotateZ(-5deg);
    opacity: 1
  }

  100% {
    transform: rotateX(0);
    opacity: 1
  }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden
}

body.swal2-height-auto {
  height: auto !important
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
    display: none
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important
  }
}

body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto
}

.hidden {
  display: none !important
}

.group_mucgia {
  display: none
}

.swatch .swatch-element.soldout .crossed-out {
  display: block
}

.swatch .swatch-element {
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  display: inline-block;
  position: relative
}

.select-swap {
  display: inline-block
}

.swatch .header {
  min-width: auto !important;
  margin: 0 15px 0 0;
  float: left;
  line-height: 35px;
  display: none
}

.swatch {
  margin: .5em 0
}

.swatch-element label.sd {
  border: 1px solid #e4393c
}

.swatch-element label {
  padding: 0 10px
}

.swatch label {
  float: left;
  min-width: 35px !important;
  height: 35px !important;
  margin: 0;
  text-align: center;
  line-height: 35px;
  white-space: nowrap;
  font-size: 12px;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative
}

label[for] {
  cursor: pointer
}

.swatch .swatch-element .crossed-out {
  display: none
}

.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.swatch-element label.sd img.img-check {
  display: block
}

.swatch .img-check {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0
}

.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
  display: inline-block
}

.swatch input {
  display: none !important
}

.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 10px
}

.n-container {
  width: 100%;
  float: left;
  position: relative
}

.n-container .n-img {
  width: 100%;
  float: left;
  padding-top: 60%;
  position: relative;
  overflow: hidden
}

.n-container .n-img img {
  position: absolute;
  width: auto !important;
  height: auto !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  min-height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover
}

.n-container .n-info {
  width: 100%;
  float: left
}

.n-container .n-info .n-name {
  width: 100%;
  float: left;
  font-size: 22px;
  font-weight: 800;
  color: #000
}

.n-container .n-info .n-name h3 {
  width: 100%;
  float: left;
  font-size: 22px;
  font-weight: 800;
  color: #000
}

.n-container .n-info .n-time {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #888
}

.n-container .n-sum {
  width: 100%;
  float: left;
  font-size: 16px
}

.artice-homepage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  background: #fff
}

.artice-homepage .title {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
  border-bottom: solid 1px #0f5b9a
}

.artice-homepage .title .txt {
  background: #fff;
  padding-right: 20px;
  font-size: 36px;
  font-weight: 900;
  position: relative;
  bottom: -16px;
  line-height: 1
}

.artice-homepage .title .n-vm {
  font-size: 16px;
  color: #0f5b9a
}

.artice-homepage .article-list {
  width: 100%;
  float: left;
  margin-top: 10px
}

.artice-homepage .article-list .item {
  width: calc(50% - 6px);
  float: left;
  margin-bottom: 12px
}

.artice-homepage .article-list .item:last-child {
  margin-bottom: 0
}

.artice-homepage .article-list .item .n-container .n-img {
  width: 252px;
  margin-right: 12px;
  padding-top: 152px;
  border-radius: 0;
  overflow: hidden
}

.artice-homepage .article-list .item .n-container .n-info {
  width: calc(100% - 270px)
}

.artice-homepage .article-list .item:nth-child(1) {
  margin-right: 12px;
  position: relative;
  border-radius: 0;
  overflow: hidden
}

.artice-homepage .article-list .item:nth-child(1) .n-container .n-img {
  width: 100%;
  margin-right: 0;
  padding-top: 60%;
  position: relative
}

.artice-homepage .article-list .item:nth-child(1) .n-container .n-info {
  width: 100%;
  position: absolute;
  padding: 20px;
  padding-top: 50px;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))
}

.artice-homepage .article-list .item:nth-child(1) .n-container .n-info .n-name h3 {
  font-size: 30px;
  color: #fff
}

.artice-homepage .article-list .item:nth-child(1) .n-container .n-info .n-time {
  font-size: 18px;
  color: #fff
}

@media (max-width:1620px) {
  .artice-homepage .title .txt {
    font-size: 26px
  }

  .artice-homepage .title .n-vm {
    font-size: 14px
  }

  .n-container .n-info .n-name {
    font-size: 16px
  }

  .n-container .n-info .n-time {
    font-size: 14px
  }

  .artice-homepage .article-list .item:nth-child(1) .n-container .n-info .n-name {
    font-size: 24px
  }

  .artice-homepage .article-list .item:nth-child(1) .n-container .n-info .n-time {
    font-size: 16px
  }

  .artice-homepage .article-list .item:nth-child(1) .n-container .n-img {
    padding-top: 389px
  }

  .artice-homepage .article-list .item:nth-child(1) .n-container .n-img img {
    min-height: 100%
  }

  .artice-homepage .article-list .item .n-container .n-img {
    width: 200px;
    padding-top: 122px;
    border-radius: 0
  }

  .artice-homepage .article-list .item .n-container .n-info {
    width: calc(100% - 212px)
  }
}

.product-home-new .title-n .txt-title::before {
  content: '';
  display: block;
  line-height: 40px;
  background: #ffabac;
  width: 15px;
  height: 85%;
  position: absolute;
  top: 8px;
  right: 0;
  margin-right: -22px;
  transform: skewX(10deg);
  border-radius: 0 5px 0 0
}

.product-home-new .title-n .txt-title::after {
  content: '';
  display: block;
  line-height: 40px;
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -15px;
  transform: skewX(21deg);
  border-radius: 0 5px 0 0
}

.product-offer {
  border: solid 1px #1435C3;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 20px
}

.product-offer .title {
  background: #1435C3;
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 20px;
  border-radius: 30px;
  margin-top: -15px;
  margin-left: 15px
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -.1em !important;
  background: none !important;
  padding: 0 !important
}

.product-offer ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0
}

.product-offer li {
  counter-increment: item;
  margin-bottom: 13px
}

.product-offer li:before {
  margin-right: 10px;
  content: counter(item);
  background: #2b8ae0;
  padding-left: 0;
  border-radius: 100%;
  color: #fff;
  width: 1.2em;
  text-align: center;
  display: inline-block
}

.product-offer .title .fa {
  font-size: 20px;
  margin-right: 5px
}

.product-offer .content {
  padding: 30px 10px 10px
}

.isures-option.active {
  background: #FFC;
  border: 1px solid #f89008 !important;
  border: 1px solid #f89008
}

label.isures-option {
  margin-top: 10px
}

.isures-option {
  border: 1px solid #e7e7e7 !important;
  display: inline-block;
  text-align: center;
  padding: 7px 6px 10px 7px;
  display: inline-block;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin-right: 10px;
  background: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid transparent;
  min-width: 75px;
  max-width: 125px;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 31.4%
}

ins {
  text-decoration: none
}

.isures-option input[type='radio'],
td.label {
  display: none
}

.isures-option.active span {
  font-weight: 700
}

span.option-child {
  padding: 5px 5px 5px 13px;
  display: block;
  position: relative;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.1
}

.isures-option span {
  font-weight: 400
}

.isures-option.active .option-child:before {
  background: #3fb846
}

.isures-option .option-child:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  line-height: 13px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  position: absolute;
  left: 0;
  top: 6px;
  color: #fff;
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 8px;
  border-radius: 99px
}

.isures-option.active span {
  font-weight: 700
}

.isures-option span {
  font-weight: 400
}

.isures-option span.woocommerce-Price-amount.amount {
  font-size: 16px;
  display: block;
  color: #e10c00;
  text-align: center;
  font-weight: 700
}

.price del span.amount {
  font-size: unset !important
}

.price span.amount {
  font-size: 20px
}

.isures-option.active span {
  font-weight: 700
}

del span.amount {
  opacity: .6;
  font-weight: 400;
  margin-right: .3em
}

span.amount {
  white-space: nowrap;
  color: #111;
  font-weight: 700
}

.isures-option.active span {
  font-weight: 700
}

span.woocommerce-Price-currencySymbol {
  padding-left: 3px;
  font-size: 13px
}

.isures-option .price ins span.amount {
  font-size: 24px !important
}

.isures-option span.woocommerce-Price-amount.amount {
  font-size: 16px;
  display: block;
  color: #e10c00;
  text-align: center;
  font-weight: 700
}

.price ins span.amount {
  color: red;
  font-size: 20px
}

.price span.amount {
  font-size: 20px
}

.isures-option.active span {
  font-weight: 700
}

span.amount {
  white-space: nowrap;
  color: #111;
  font-weight: 700
}

.product-home-new .title-n .txt-title::before {
  content: '';
  display: block;
  line-height: 40px;
  background: #ffabac;
  width: 15px;
  height: 85%;
  position: absolute;
  top: 8px;
  right: 0;
  margin-right: -22px;
  transform: skewX(10deg);
  border-radius: 0 5px 0 0
}

.product-home-new .title-n .txt-title::after {
  content: '';
  display: block;
  line-height: 40px;
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -15px;
  transform: skewX(21deg);
  border-radius: 0 5px 0 0
}