*:hover,a:hover{ text-decoration:none}
* {margin: 0;padding: 0;}
a.fontnav {text-decoration:none !important; outline:none}
body{background:#F2F4F5;padding-right:0!important;}
body.modal-open {overflow-y: auto !important;padding-right: 0 !important;}
i{font-style:normal}
p{padding:0px;margin:0px}
em{font-style:normal}
ul li {list-style-type: none;margin:0px;padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;margin:0px;padding:0px}
img{border:0;}
a{color:#000;text-decoration: none !important;}
a:focus, a:hover{color:#333;text-decoration:none !important;}
a.vice{color:#409CA7}
a.vice:hover{color:#333}
.btn,
.btn:focus,
.btn:hover{ background:var(--btn-theme);color:#333;opacity:0.8;border-radius:5px;padding: 10px 12px;border: none;outline: none !important;box-shadow: none;}
.btn:hover{opacity:1}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background:var(--btn-theme);color:#333;}
.dropdown-item.active, .dropdown-item:active{background: none;color: #333;}
.dropdown-toggle::after{display: none;}
.language .btn-primary,
.currency .btn-primary {background: none; padding: 0;}
.container{padding-left: 0;padding-right: 0;position: relative;}
.form-select:focus{box-shadow: none;border-color:var(--btn-theme);}
:root {--btn-theme:#FBB92A;--font-theme:#F60;}
.form-control:focus{box-shadow: none;border-color:var(--btn-theme);}


@media screen and (min-width: 1400px){
  .container{max-width: 1200px;}
}
@media screen and (min-width: 1921px){
  .container{max-width: 1440px;}
  .nav-gation .ban-ner{justify-content: space-between;}
}
header{background: none;position: sticky;top:0px;z-index: 6;}
.header-top{background: #fff;margin-bottom: 20px;transition:all 0.5s linear; }
.header-fixed{position: fixed;width: 100%;z-index: 11;  background: #fff;top:0}
header .header-fixed .logo{top: -3px;}
header .header-fixed .logo a {width: 175px;}
header .header-fixed .headerwarp{height: 60px;}
.headerwarp{display: flex;height: 100px;align-items: center;position: relative;justify-content: space-between;}
.headerwarp .logo-lan{display: flex;align-items: center;}
header .logo{background:url(../image/logo.png) no-repeat left center;margin:0px;float:left;position: relative;top:-7px; z-index: 1;background-size: 100%}
header .logo a{display:block;width: 245px;height: 70px;}
header .btn-message {position: relative; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 8px; border-radius: 50%; background-color: #0000; color: #000; font-size: 18px;}
header .btn-message:hover,
header .btn-message:active,
header .btn-message:focus {background-color: var(--btn-theme); color: #333; border-radius: 50%;}
header .btn-message .red-point {position: absolute; top: -5px; right: -5px; display: flex; justify-content: center; align-items: center; padding: 2px; min-width: 16px; height: 16px; background-color: #ff1b1b; color: #fff; font-size: 13px; border-radius: 8px;}

.headerwarp .right-box {display: flex;align-items: center;}
.drop-down-box {position: relative;}
.customer-service{left: 130px;}
.paw-show{display: block;}
.drop-down-header {width: 125px;margin: 0 10px;cursor: pointer;}
.drop-down-header img {width: 100%;}
.drop-down-content {visibility: hidden;opacity: 0;position: absolute;top: 40px;left: 0;z-index: 888;width: 230px;padding: 20px;color: #333;font-size: 14px;text-align: center;border-radius: 10px;background: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);transform: translateY(10px);transition: visibility 0.3s, opacity 0.3s, transform 0.3s;}
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
  .drop-down-content {background: rgba(250, 250, 252, .8);backdrop-filter: saturate(180%) blur(20px);}
} 
.drop-down-box:hover .drop-down-content {visibility: visible;opacity: 1;transform: translateY(0);}

.drop-down-content .title {margin: 20px 0 0;font-size: 16px;font-weight: bold;}
.drop-down-content .desc {color: #777;}
.drop-down-content button {margin: 15px 0 0;padding: 5px 20px;font-size: 14px;font-weight: bold;color: #333;border: none;border-radius: 20px;background: var(--btn-theme);transition: all 0.3s;
}
.drop-down-content button:hover {background: #fed885;}
.drop-down-content button:active {background: #FF9800;}

@media screen and (max-width: 2000px){
  header .logo a {width: 187px; }
}

/** PWA **/

.pwa-module .drop-down-content img {
  width: 90px;
  height: 90px;
}

.customer-service .drop-down-content img {
  width: 150px;
  height: 150px;
}
.header-top-bj{background: #f5f5f5;padding: 5px 0;}
.header-sin{display: flex;align-items: center;justify-content: space-between;}
.header-sin .header-rel{display: flex;align-items: center;}
.header-rel .dropdown-menu li:hover{background: #fbb82929;color: #f60;}
/*dro-picture-img*/
.dro-picture-img{position: relative;}
.dro-picture-img .btn-primary{background: none;opacity: 1;padding: 0;display: flex;align-items: center;}
.dro-picture-img .btn-primary span{font-size: 13px;padding-left: 4px;display: inline-block;max-width: 140px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;text-align: left; padding-right: 7px;}
.dro-picture-img .btn-primary:active{background: none;}
.dro-picture-img .btn-primary .picture{width: 22px;height:22px;border-radius: 5px;overflow: hidden;}
.dro-picture-img .picture-name{color: #fff;}
.dro-picture-img .dropdown-menu{text-align: center;font-size: 14px;width:150px;min-width: inherit;}
.dro-picture-img .dropdown-menu .dropdown-item:hover{background: #fbb82929;color: #f60;}
.dro-picture-img .dropdown-menu .fa{padding-right: 8px;}
.dro-picture-img .dropdown-menu .fa-user-o{font-weight: bold;}
.dro-picture-img .dropdown-menu  a{display: flex;}
.dro-picture-img .dropdown-menu .fa { padding-right: 16px; padding-top: 5px;opacity: 0.7;}

.header-top .header-l{color:#666;font-size:12px}
.language{color: #333;padding-left: 20px;}
.language .btn-primary{width: 100%;opacity: 1;}
.language .btn-primary:active{background: none;}
.language .btn-primary img{width: 100%;}
.language .btn-primary {color: #333;font-size: 14px;}
.language .dropdown-menu{width:auto;min-width: inherit;}
.language .dropdown-menu li {padding: 6px 14px;text-align: center;white-space: nowrap; cursor: pointer;}
.language .dropdown-menu li a{display: block;}
.language .dropdown-menu li a.hover, .language .dropdown-menu li a:hover{color:#f60}
.language .dropdown-menu li img{width: 100%;}

.currency{color: #333;padding-left: 20px;padding-right: 4px;}
.currency .currency-tisp{padding-left: 20px;font-size: 12px;color: #999;}
.currency .btn-primary{width: 100%;opacity: 1;}
.currency .btn-primary:active{background: none;}
.currency .btn-primary img{width: 100%;}
.currency .btn-primary {color: #333;font-size: 14px;}
.currency .dropdown-menu{width:auto;min-width: inherit;left:-10px}
.currency .dropdown-menu li {padding: 6px 14px;text-align: center;white-space: nowrap; cursor: pointer;font-size: 13px;}
.currency .dropdown-menu li a{display: block;}
.currency .dropdown-menu li a.hover, .currency .dropdown-menu li a:hover{color:#f60}
.currency .dropdown-menu li img{width: 100%;}

.headerwarp .finder-for{
  /* position: absolute; */
  /* top:50%;left:50%; */
  /* transform: translate(-50%,-50%); */
  display: flex;
  align-items: center;
  z-index: 9;
}
.headerwarp .finder-for form {transition: all 0.5s;}
.headerwarp .finder-for .finder {background-color: #ffffff;border-radius: 30px;border: 1px solid var(--btn-theme);position: relative;}
.headerwarp .finder-for .finder-outer {display: flex;width: 380px; padding:0 20px;height: 40px;}
.headerwarp .finder-for .finder-inner {display: flex;align-items: center;position: relative;flex: 1;}
.headerwarp .finder-for .finder-input {border: none;background-color: white;outline: none;font-size: 16px;letter-spacing: 0.75px;width: 100%;height: 100%;color: #333;}
.headerwarp .finder-for .finder-icon {width: 29px;height: 25px;margin-right: 1rem;transition: all 0.2s;box-shadow: inset 0 0 0 20px var(--btn-theme);border-radius: 50%;position: relative;}
.headerwarp .finder-for .finder-icon:after, .finder-icon:before {display: block;content: "";position: absolute;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.headerwarp .finder-for .finder-icon:after {width: 14px;height: 14px;background-color: var(--btn-theme);border: 3px solid #292929;top: 45%;position: absolute;transform: translateY(-50%);left: 3px;right: 0;margin: auto;border-radius: 50%;}
.headerwarp .finder-for .active .finder-icon:after {border-width:8px;background-color: #f6f5f0;top: 50%;left: 0;border: 3px solid #fff;}
.headerwarp .finder-for .finder-icon:before {width: 4px;height: 11px;background-color: #292929;top: 50%;left: 14px;transform: rotateZ(45deg) translate(-50%, 0);transform-origin: 0 0;border-radius: 4px;}
.headerwarp .finder-for .active .finder-icon:before {background-color: var(--btn-theme);width: 4px;transform: rotateZ(45deg) translate(-50%, 25px);top:18%;left: 20px;}
.headerwarp .finder-for .processing .finder-icon {transform-origin: 50%;animation: spinner 0.3s linear infinite;animation-delay: 0.5s;}
.headerwarp .finder-for .active .finder-icon { transform: translateY(-4px);width: 25px;height: 22px;margin-right:20px;}
.headerwarp .finder-for .shortcut{display: flex;align-items: center;width: 240px;margin-left: 20px;}
.headerwarp .finder-for .shortcut a{padding: 5px 10px;color: #a0b3c5;border: 1px solid #a0b3c5;border-radius: 50px;font-size: 12px;}
.headerwarp .finder-for .shortcut a:hover{color: #fff;border: 1px solid #fff;}
.headerwarp .finder-for .shortcut a:not(:first-child){margin-left: 10px;}
.header-top .singin{display: flex;align-items: center;}
.header-top .singin .slogin{color: var(--font-theme);}
.header-top .singin a {white-space: nowrap;color: #333;padding: 0px 20px;display: block;opacity: 0.9; word-break: break-all;font-size: 14px;font-weight: bolder;}
.header-top .singin a:hover{color: var(--font-theme);}
.header-top .singin a.uprirght{border-left: 1px solid #e0e0e0;}
.header-top .ban-ner .carousel.pointer-event{height: 100%;}
.header-top .nav-gation{background: var(--btn-theme);}
.nav-gation.nav-gation-index .nav-ul{display: none;}
.nav-gation .nav-ul{display: flex;align-items: center;}
.nav-gation .nav-ul .dropdown-menu.show{min-width: 100%;}
.nav-gation .nav-ul .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;}

.rec-suggest{display: flex;align-items: center;margin-top: 5px;justify-content: center;font-size: 12px;}
.rec-suggest a{margin-right: 20px;}
.rec-suggest a:hover{color: var(--font-theme);}
.rec-suggest a:last-of-type{margin: 0;}
.nav-gation .nav-ul .nav{align-items: center;position: relative;justify-content: space-between;width: 85%;}

.nav-gation .nav-ul .nav .nav-item{transition: all 0.2s linear;    height: 100%; transition: all 0.2s linear;line-height: 34px;}
.nav-gation .nav-ul .nav .nav-item.home{background: #ffffff40;}
.nav-gation .nav-ul .nav .nav-item:hover{background: #ffffff40;}
.nav-gation .nav-ul .dropdown a{position: relative;}
.nav-gation .nav-ul .nav .dropdown-item { font-size: 1rem;}
.nav-gation .nav-ul .nav .dropdown-menu::-webkit-scrollbar {width: 3px;}
.nav-gation .nav-ul .nav .dropdown-menu::-webkit-scrollbar-thumb {background: #ccc;border-radius:5px; }


.nav-gation .nav-ul .nav .dropdown .nav-link:hover{display: block;}

.nav-gation .nav-ul .nav-item .nav-link.navicon{padding-left: 0;}
.nav-gation .nav-ul .nav-item .nav-link{color: #333;}
.nav-gation .nav-ul .nav-item.hidden-xs{width: 300px;}
@media screen and (max-width:1920px){
.nav-gation .nav-ul .nav-item .nav-link{font-size: 14px;}
.nav-gation .nav-ul .nav {height: 50px;overflow: hidden;} 
.nav-gation .nav-ul .nav-item .affiliate{text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }
}
/* dropdown-menu */
.nav-gation .nav-ul .nav .dropdown-menu{left: 0px; width:350px;top: 31px;border: 0;background: transparent;}
.nav-gation .nav-ul .nav .dropdown-menu .dropdown-flex{display: flex;flex-wrap: wrap;max-height: 500px;box-shadow:0px 6px 20px rgb(106 106 106 / 28%); overflow-y: auto; background: #fff;padding:12px;border-radius: 6px;    padding-bottom: 14px;display:grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: auto;;grid-column-gap: 10px;grid-row-gap: 10px;}
.nav-gation .nav-ul .nav .dropdown-menu .dropdown-flex .dropdown-item {overflow: hidden;text-overflow: ellipsis; word-break: keep-all;white-space: nowrap;border-radius: 50px;border: 1px solid #ddd;text-align: center;font-size: 13px;}
.nav-gation .nav-ul .nav .dropdown-menu:before {content: ""; width: 0; height: 0;border-left:8px solid transparent; border-right: 8px solid transparent;border-bottom: 8px solid #fff;position: absolute;top: 0;position: absolute;top: 0px;margin-left:40px;}
.nav-af{width: 18%;text-align: right;position: relative;top: 2px;}
.nav-gation .nav-ul .nav-item .affiliate{padding-left: 0;padding-right: 0;color: #333;}
.nav-gation .nav-ul .nav-item .affiliate img{width: 32px;margin-right: 10px;}
.nav-gation .nav-ul .nav-item .affiliate img{-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes goldmine_gold{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

.web-button .web-recharge .button {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;margin: 0;height: 40px;background-color: var(--btn-theme);border: none;border-radius:50px;box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);color: #000;font-weight:bold;text-transform: uppercase;overflow: hidden;opacity: .8;}
.web-button .web-recharge .button:hover{opacity: 1;}
.web-button .web-recharge .button:before {position: absolute;content:'';bottom: 0;left: 0;width: 0%;height: 100%;background-color: #54d98c;}
.web-button .web-recharge .button span {position: absolute;line-height: 0;}
.web-button .web-recharge .button span i {transform-origin: center center;color: #fff;}
.web-button .web-recharge .button span:nth-of-type(1) {top: 50%;transform: translateY(-50%);}
.web-button .web-recharge .button span:nth-of-type(2) {top: 100%;transform: translateY(0%);font-size: 24px;}
.web-button .web-recharge .button span:nth-of-type(3) { display: none;}
.web-button .web-recharge .button.active {background-color: #2ecc71;}
.web-button .web-recharge .button.active:before {width: 100%;transition: width .5s linear;}
.web-button .web-recharge .button.active span:nth-of-type(1) {top: -100%;transform: translateY(-50%);}
.web-button .web-recharge .button.active span:nth-of-type(2) {top: 50%;transform: translateY(-50%);}
.web-button .web-recharge .button.active span:nth-of-type(2) i {animation: loading 500ms linear infinite;}
.web-button .web-recharge .button.active span:nth-of-type(3) {display: none;}
.web-button .web-recharge .button.finished {background-color: #54d98c;}
.web-button .web-recharge .button.finished .submit {display: none;}
.web-button .web-recharge .button.finished .loading {display: none;}
.web-button .web-recharge .button.finished .check {display: block !important;font-size: 24px;animation: scale 0.5s linear;}
.web-button .web-recharge .button.finished .check i {transform-origin: center center;}


.search-history{position: absolute;top: -800px;left: 0;background: #fff;width: 100%;border-radius: 10px;box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);padding: 20px;opacity: 1;}
.finder-for.active .search-history{top: 42px;opacity: 1;}
.finder-for .search-history .rec-ern{color: #666;margin-bottom: 0px;}
.finder-for .search-history .rec-ern .fa-trash{padding-left: 10px;cursor: pointer;}
.finder-for .search-history .rec-ern .fa-trash:hover{color: #f00;}
.finder-for .search-history .rec-tis{display:flex;flex-wrap: wrap;}
.finder-for .search-history .rec-ern-link{padding:4px;}
.finder-for .search-history .rec-ern-link a{background: #eee;display: block;padding: 5px 0px;font-size: 14px;border-radius: 5px;position: relative;min-width: 77px;text-align: center;}
.finder-for .search-history .rec-ern-link .fa-close{position: absolute;right: -5px;top: -5px;background: #f00;color: #fff;font-size: 12px;border-radius: 50px;width:15px;height:15px;line-height: 15px;cursor: pointer;display: none;}
.finder-for .recently{margin-bottom: 20px;}
.finder-for .recently.hot-search{margin-bottom: 0px;}
.finder-for .search-history.keyword a{background: none;display: block;}
.finder-for .search-history.keyword a:hover{color: #f60;}
.finder-for .search-history.keyword{display: none;}

.header-fixed .rec-suggest{display: none;}
  @keyframes loading {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes scale {
    0% {
      transform: scale(10);
    }
    50% {
      transform: scale(0.2);
    }
    70% {
      transform: scale(1.2);
    }
    90% {
      transform: scale(0.7);
    }
    100% {
      transform: scale(1);
    }
  }

@keyframes spinner {
    0% {
        transform: rotateZ(45deg);
    }
    100% {
        transform: rotateZ(405deg);
    }
}


/*pagination*/
.pag-bott{display: flex;align-items: center;margin-top: 40px;justify-content: space-between;}
.pag-bott .total{color: #999;font-size: 14px;}
.pagination .paginate-button + .paginate-button {margin-left: 8px;}
.pagination .paginate-button>a {display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; color: #888;font-size: 14px;}
.pagination .paginate-button.total {padding: 8px; color: #888;}
.pagination .paginate-button>a:hover,
.pagination .paginate-button>a:active {background-color: #fbb82929; border: 1px solid #fbb82929; color: #333;}
.pagination .paginate-button.active>a,
.pagination .paginate-button.active>a:hover,
.pagination .paginate-button.active>a:active,
.pagination .paginate-button.active>a:visited {background-color:var(--btn-theme); border: 1px solid var(--btn-theme); color: #000;}
.pagination .paginate-button.disabled>a {background-color: #f5f5f5; border: 1px solid #ddd; color: #888;border-radius: 5px;}


/*footer*/
footer{background: #F9F9F9;position: relative;margin-top: 60px;}
footer .wer-fot{display: flex;position: relative;padding:60px 0;background: url(../image/map.png) no-repeat right;background-size: 55%;}
footer .wer-fot .wer-ul:not(:first-child){margin-left: 70px;}
footer .wer-fot .wer-ul p{font-size: 18px;font-weight: 600;padding-bottom: 30px;text-transform: uppercase;color: #333;}
.wer-fot .list-unstyled a{font-size: 14px;line-height: 40px;color: #666;}
.wer-fot .list-unstyled a:hover{color: var(--font-theme);}
footer .addr-ess p{color: #333;font-size: 12px;}
footer .pay-icon{margin-top: 20px;margin-bottom: 20px;}
footer .addr-ess .copyright{color: #999;}
footer .pay-icon ul {display: flex;align-items: center;}
footer .pay-icon li{background:url(../image/pay-logo.png) no-repeat;height:20px;width: 56px;}
footer .pay-icon li:not(:first-child){margin-left: 15px;}
footer .pay-icon .icon-1{background-position:0 0;width: 65px;}
footer .pay-icon .icon-2{background-position: -75px 0px;width: 50px;}
footer .pay-icon .icon-3{background-position:-134px 0;}
footer .pay-icon .icon-4{background-position:-200px 0;}
footer .pay-icon .icon-5{background-position:-265px 0;}
footer .pay-icon .icon-6{background-position:-330px 0;}
footer .pay-icon .fa-ellipsis-h{color: #999;background: none;height: auto;width: auto;}
footer .wer-fot .addr-ess{position: absolute;right: 0;top: 50%;transform: translate(0%,-50%);}
footer .wer-fot .addr-ess .about-fb{display: flex;  margin: 15px 0px; flex-wrap: wrap;padding-bottom: 16px;}
footer .wer-fot .addr-ess .about-fb a:first-child { margin-left: 0;}
footer .wer-fot .addr-ess .about-fb .fa-facebook{padding-right:6px;}
footer .wer-fot .addr-ess .about-fb a{ display: flex;align-items: center; padding: 2px 14px;border-radius: 15px;  border: 1px solid #888; margin-left: 20px; font-size: 14px; color: #999; line-height: 16px;}
footer .wer-fot .addr-ess .about-fb a:hover{border:1px solid var(--btn-theme);color:var(--btn-theme)}
footer .wer-fot .addr-ess .about-fb a:hover .svgimg img{filter: drop-shadow(var(--btn-theme) 100px 0);}
footer .wer-fot .addr-ess .about-fb .svgimg{width: 30px;height: 30px;overflow: hidden;    margin: auto;margin-right: 5px;}
footer .wer-fot .addr-ess .about-fb .svgimg img{width: 100%;height: 100%; filter: drop-shadow(#999 100px 0); transform: translateX(-100px); }
footer .wer-fot .addr-ess .about-fb .svg-twitter{width: 14px; height: 21px;}


/* check  */
.form-check-input:checked {background-color:var(--btn-theme);border-color:var(--btn-theme);}
.form-check-input {--bs-form-check-bg: #372f2d;}
.form-check-input:focus {border-color: #FFC107;outline: 0;box-shadow: none;}

/* tips */
.form-tips{font-size:12px;position:absolute;top:0px;left:0px;background: #f96464; border-radius: 4px;padding: 3px 8px;display:none;color: #fff;}
.form-tips:before{content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #f96464;position: absolute; bottom: -6px; left: 15px;}

.nav-gation-index .btn-web-prim{display: none;}
.breadcrumb .breadcrumb-item{font-size: 12px;}
.bot-buticon{display:none;}

@media screen and (max-width: 1920px){
}
@media screen and (max-width: 1500px){
    .ban-rel .custom button.items-count{width: 60px;}
    .ban-ner .ban-classifyli .ban-son a{font-size: 12px;}
}
@media screen and (max-width: 1400px){
  .headerwarp .finder-for .shortcut{display: none;}
  .nav-gation .nav-ul .nav-item.hidden-xs{width: 15%;}
  .nav-gation .nav-ul .nav-item .affiliate{font-size: 14px;}

}
@media screen and (max-width: 1200px){
  .nav-gation .nav-ul .nav-item.hidden-xs{display: none;}
  .customer-service{left: 30px;}
  .currency-tisp{display: none;}
}
@media screen and (max-width: 1199px){
  .headerwarp .finder-for .finder-outer{width: 250px;}
  footer .wer-fot .addr-ess{position: initial;transform: inherit;}
  footer .addr-ess p{display: none;}
  footer .pay-icon{display: none;}
  footer .addr-ess .copyright{position: absolute;bottom: 20px;transform: translate(-50%,0%);left: 50%;display: block;}
  footer .wer-fot .wer-ul:not(:first-child){margin-left: 0;}
  footer .wer-fot{justify-content: center;text-align: center;}
  footer .wer-fot .wer-ul{width: 30%;}
  .finder-for .search-history .rec-ern-link a{font-size: 12px;}
  footer .wer-fot .addr-ess .about-fb a{margin-left: 0;height: 40px;width: 110px;margin-bottom: 10px;}
}


@media screen and (max-width:992px){
  .pwa-module { display: none; }
  .headerwarp .finder-for .finder-outer{width:100%; height: 35px;padding: 0 10px;}
  .nav-gation .nav-ul .nav-item .nav-link{font-size: 14px;padding: 8px 10px;}
  .finder-for .search-history .rec-tis{grid-template-columns: repeat(3, 1fr);}
}



/* Floating customer service */
.floating{background: #fff;border-radius: 20px;box-shadow: 0 4px 26px #0000000d;width: 94px;position: fixed;top: 50%;margin-top:-150px;right: 20px;z-index: 997;}
.floating li:first-child{border-top-left-radius: 20px;border-top-right-radius: 20px;}
.floating li:last-child{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.floating li{height: 100px;width: 100%;text-align: center;padding-top: 20px;    cursor: pointer;opacity: 0.8;position: relative;}
.floating li:hover{opacity: 1;}
.floating li p{font-size: 12px;width: 100%;padding-top: 5px;}
.floating .active{background-color: var(--btn-theme);}
.floating .svgimg{width: 40px;height: 40px;overflow: hidden;    margin: auto;}
.floating .svgimg img{width: 100%;height: 100%; filter: drop-shadow(#000 100px 0); }
.floating .svgtop{width: 34px;height: 34px;}
.floating li:hover .we-code{display: block}
.floating .we-code {position:absolute;right:43px;top: 0px;display: none; width: 192px;text-align: left;}
.floating .we-code  .we-code-warp::before{content:"";position: absolute;right:-6px;top:50%;margin-top:-3px;width:0px; height:0px; border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:6px solid #fff;font-size:0px;line-height:0px;}
.floating .we-code .we-code-warp{position: relative;width: 129px;box-shadow: 0px 2px 12px 0px rgb(138 138 138 / 40%);}
.floating .we-code .we-code-warp img { width: 130px; }
/** custom chat **/
#custom-chat {position: fixed; bottom: -50px;  right: 10px; z-index: 1000; width: 100px; height: 100px;}
.custom-tooltip {--bs-tooltip-bg: #FBB92A; --bs-tooltip-color: #333;}
.hotsearch{display:none;}
#wapChat{display:none;}
.com-nav{display: none;}

/** close icon **/
.close-icons{position:absolute;  right: 0px; top: 0px;width:40px;height:40px;cursor:pointer;z-index: 1;display: none;}
.close-icons::before,
.close-icons::after {content: '';position: absolute;height: 2px;width: 20px;    top: 21px; left: 9px;background-color: #000; }
.close-icons::before { transform: rotate(45deg);}
.close-icons::after { transform: rotate(-45deg);}

#fullScreenLoader {background-color: #0002;}
#fullScreenLoader .spinner-box {display: flex; justify-content: center; align-items: center; width: 9rem; height: 4rem; background-color: #fff; border-radius: 1rem;}
#fullScreenLoader .spinner-border {width: 2rem; height: 2rem; border-width: 5px;}
#fullScreenLoader .text-primary {color: var(--btn-theme) !important;}

/* mobile */
@media screen and (max-width:768px){
.language .btn-primary {line-height: 14px;display: flex;align-items: center;}
.headerwarp .finder-for .finder-icon{transform: scale(0.7);margin-right: 7px;}
.headerwarp .finder-for .active .finder-icon {margin-right: 7px; transform: scale(0.7); top: -3px;left: 6px;}
.headerwarp .finder-for .finder-outer{height: 30px;}
.headerwarp .finder-for .finder-input{font-size: 14px;}
.header-top .singin .slogin {font-size: 14px;border: 1px solid #6f6f6f;}
.nav-gation-index .offcanvas-start .text-reset{box-shadow: none;}
.paw-show {display: none;}
header .logo a{width: 140px;height:43px}
header .logo{position:absolute;left:50%;margin-left: -70px;top: 6px;}
.headerwarp{padding:0;height: 50px;}
.nav-gation-index .nav-ul{display: none;}
.header-top .singin .uprirght{display: none;}
.nav-gation-index .btn-web-prim{display: none;position: absolute;top: -80px;left: 10px;width: 44px;opacity: 1;}
.nav-gation-index .offcanvas-start{width: 70%;}
header .nav-gation-index .offcanvas-start .nav-ul{display: block;}
.nav-gation-index .offcanvas-start .nav-ul .nav-item .nav-link{color: #000;font-size: 16px;}
.nav-gation-index .offcanvas-start .nav-ul .nav{display: block;}
header .nav-gation .nav-ul .dropdown-menu.show .dropdown-item{font-size: 14px;}
.nav-gation .nav-ul .nav .nav-item:hover .nav-link{color: #f60;}
.header-top .nav-gation{display: none;}
.header-top{height: 123px;}
.headerwarp .finder-for { position: absolute;top: 56px; left: 0px;display: block; width: 100%;}
.headerwarp .finder-for .finder {border: 1px solid #6f6f6f; margin: 0px 8px;}
.language .btn-primary span{display: inline-block;width: 28px; overflow: hidden;margin-right: 4px;}
.headerwarp .finder-for .shortcut {display: block;}
.hotsearch{color:#fff;font-size:12px;position:absolute;bottom: -28px;opacity: .8;left: -5px;display:block;width: 100%;}
.hotsearch ul{display: flex;}
.hotsearch ul li{display: none;}
.hotsearch ul li:nth-child(-n+3),
.hotsearch ul li:last-child{display: block;}
.hotsearch a{color:#fff;}
.hotsearch .affiliate{position: absolute;right: -17px;color:#fbb92a;background: #131a25;padding-left: 5px;}
.hotsearch .affiliate img{width: 18px; margin-right: 3px;-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
.finder-for.active .search-history {top: 34px;opacity: 1;}
.hotsearch i{color:#666;padding:0px 8px}
.finder-for.active .search-history {padding: 13px;}
.finder-for .search-history .rec-ern-link {padding: 9px 10px;flex: 1}
footer .wer-fot{display: none;}

.customer-service{display:none;}
/*bot-buticon*/
.bot-buticon{position: fixed;bottom: 0;background: #171D2B;height: 50px;width: 100%;box-shadow: 0px 10px 10px 8px #00000047;z-index: 2;left: 0;display:none}
.bot-buticon ul{display: flex;height: 100%;align-items: center;justify-content: space-evenly;}
.bot-buticon .ic-but{width: 80px;}
.bot-buticon .ic-but .icon-no{display: block;}
.bot-buticon .ic-but .icon-yes{display: none;}
.bot-buticon .ic-but p{color: #7d7e83;font-size: 12px;line-height: 13px;padding-top:2px}
.bot-buticon .buticon-click .icon-no{display: none;}
.bot-buticon .buticon-click .icon-yes{display: block;background: #FBB92A;width: 40px;height: 40px;border-radius: 50px;position: relative;}
.bot-buticon .icon-yes p{color:#ed6e1a;}
.bot-buticon .ic-but a{display: flex; flex-direction: column; align-items: center; text-align: center;}
.bot-buticon .ic-but img{width: 18px;height:18px;}
.bot-buticon .buticon-click .icon-yes img{position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);}
.bot-buticon .buticon-click .icon-yes .sort{width: 28px;height: 28px;}
.floating{display: none;}

/** webchat **/
#wapChat{display:block}
#custom-chat {height: 0;width: 0;position: fixed;bottom: -50px; z-index: 1000;}
.chat-service {height: 30px;background:#fbb92a;line-height:29px;position: fixed;top: 50%;right: 0px; z-index: 999;display:flex;background-size:100%;border-bottom-left-radius: 20px;padding-left:44px;border-top-left-radius: 20px;box-shadow: 0 1px 3px rgb(100 93 93 / 40%);}
.chat-service .chat-cartoon{width:40px;height: 46px;background:url(../image/chat.png) no-repeat;background-size: 31px;position: absolute;top: -12px;left: 9px;}
.chat-service .chat-font{font-size: 12px;font-weight: bold; padding-right: 10px;}

.com-nav{display: flex;background: #f8f8f8;height: 50px;align-items: center;padding: 0 15px;position: relative;}
.com-nav .return a{font-size: 36px;color: #999;width: 40px;display: block;line-height: 41px;position: relative;top: -4px;}
.com-nav .return a:hover{color: #999;}
.com-nav .page-title{position: absolute;left: 50%;top: 11px; transform: translate(-50%,0%);font-size: 16px;  max-width: 76vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


}