*:hover,a:hover{ text-decoration:none}
* {margin: 0;padding: 0;}
a.fontnav {text-decoration:none !important; outline:none}
body{background:#fff;padding-right:0!important;    max-width: 768px; margin: auto;margin-bottom:80px;}
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:#FBB92A;}
.form-control:focus{box-shadow: none;border-color:var(--btn-theme);}

/* tips */
.form-tips{font-size:12px;position:absolute;top:0px;left:0px;background: #f96464; border-radius: 4px;padding: 3px 8px;display:none;}
.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;}

.header-top{background: #fff;}
.headerwarp{display: flex;gap: 10px; height: 50px;align-items: center;position: relative;padding: 0 10px;}
.header-top .headerwarp .com-for{display: block;}
.headerwarp .logo-lan{display: none;align-items: center;}
header .logo{background: no-repeat left center;margin:0px;position: absolute;z-index: 1;background-size: 100%;    width: 122px;left: 50%;margin-left:-62px;}
header .logo a{display:block;width: 127px;height: 40px;}
.headerwarp .right-box {display: flex;align-items: center;}
.header-top .finder-for{position: relative;z-index: 9;margin: 0 auto;width: 100%;display: none;transition: all 0.5s;}
.header-top .finder-for .finder {background-color: #fff;border-radius: 20px;border:1px solid #fbb92a;position: relative;margin: 0px 5px;}
.header-top .finder-for .finder-outer {display: flex;width:100%;padding: 0 10px;height: 30px;}
.header-top .finder-for .finder-outer a {display: block;width: 100%;position: absolute; height: 100%;left: 0px;z-index: 2;}
.header-top .finder-for .finder-inner {display: flex;align-items: center;position: relative;flex: 1;}
.header-top .finder-for .finder-input {border: none;background-color: transparent;outline: none;font-size: 14px;letter-spacing: 0.75px;width: 100%;height: 100%;}
.header-top .finder-for .finder-icon {width: 32px;height: 33px;margin: 0px;transition: all 0.2s;border-radius: 21px;position: relative;left: 0;}
.header-top .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);}
.header-top .finder-for .finder-icon:after {width: 15px;height: 16px;border: 2px solid #a0a0a0;top: 46%;position: absolute;transform: translateY(-50%);left: 3px;right: 0;margin: auto;border-radius: 50%;}
.header-top .finder-for .finder-icon:before {width: 3px;height: 8px;background-color: #a0a0a0;top: 21px;left: 12px;transform: rotateZ(45deg) translate(-50%, 0);transform-origin: 0 0;border-radius: 4px;}
.header-top .finder-for .processing .finder-icon {transform-origin: 50%;animation: spinner 0.3s linear infinite;animation-delay: 0.5s;}

.headerwarp .singin{display: flex;align-items: center;    position: absolute; right:20px;overflow: hidden;}
.headerwarp .singin img{width: 22px;filter: drop-shadow(#f60 -100px 100px);transform: translate(100px, -100px);}
.headerwarp .singin a {color: #f60;padding: 2px ;border-radius: 44px;display: block;opacity: 0.9;border: 0;transition: all 0.3s linear; word-break: keep-all;}

/*dro-picture-img*/
.dro-picture-img{width:40px;height: 40px; position: absolute; right: 20px;}
.dro-picture-img .btn-primary {background: none;opacity: 1;width: 32px; padding: 0;border-radius: 40px; overflow: hidden;position: relative; top: 4px;right: -13px;}
.dro-picture-img .btn-primary:active{background: none;}
.dro-picture-img .btn-primary .picture{width: 100%;}
.dro-picture-img .picture-name{color: #333;}
.dro-picture-img .dropdown-menu{text-align: center;}
.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;}
.headerwarp .language{color: #333;}
.headerwarp .language .btn-primary{width: 100%;opacity: 1;}
.headerwarp .language .btn-primary:active{background: none;}
.headerwarp .language .btn-primary img{width: 100%;}
.headerwarp .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%;}
.headerwarp .currency{color: #333;}
.headerwarp .currency .btn-primary{width: 100%;opacity: 1;}
.headerwarp .currency .btn-primary:active{background: none;}
.headerwarp .currency .btn-primary img{width: 100%;}
.headerwarp .currency .btn-primary {color: #333;font-size: 14px;}
.currency .dropdown-menu{width:auto;min-width: inherit;}
.currency .dropdown-menu li {padding: 6px 14px;text-align: center;white-space: nowrap; cursor: pointer;}
.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%;}

.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: 8px;
    opacity: 1; padding-right: 5px;}

.finder-for.active .search-history{top: 37px;opacity: 1;z-index: 1;}
.finder-for .search-history .rec-ern{color: #666;margin-bottom: 6px;font-size: 12px;padding-left: 6px;}
.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: 12px;border-radius: 5px;position: relative;min-width: 65px;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: 10px;}
.finder-for .recently.hot-search{margin-bottom: 0px;display: none;}
.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;}

.ban-ner .ban-con .carousel-item img{border-radius:0px;width: 100%;}
.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:#fbb92a;border: none;border-radius:50px;color: #000;font-weight:bold;text-transform: uppercase;overflow: hidden;outline: none;font-size: 12px;}
.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; pointer-events: none;}
.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; pointer-events: none;}
.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;}

.social-media{border-radius: 0;--bs-card-cap-bg:none;border: none;}
.social-media .media{width: 100%;display: block;position: relative;}
.social-media .media img{width: 20px;}
.social-media .media.collapsed .fa-angle-down{display: block;}
.social-media .media .fa-angle-up{display: block;}
.social-media .media.collapsed .fa-angle-up{display: none;}
.social-media .media .fa-angle-down{display: none;}
.social-media .media .fa{position: absolute;right: 0;top: 4px;}
.card-header:first-child{border-radius: 0;border: none;border-top: 1px solid #eee;}
.card-header.card-on{border-top:  1px solid #eee;}
.social-bott{display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;gap: 25px;}
.about-fb.social-bott .fa-facebook{padding-right:6px;}
.about-fb.social-bott a{display: flex;align-items: center;width: 45%;height:30px;justify-content: center;border-radius: 25px;border: 1px solid var(--btn-theme);font-size: 14px;color: var(--btn-theme);line-height: 16px;}
.about-fb.social-bott a:hover{border:1px solid var(--btn-theme);color:#000;background: var(--btn-theme);}
.about-fb.social-bott a:hover .svgimg img{filter: drop-shadow(#000 100px 0);}
.about-fb.social-bott .svgimg{width: 30px;height: 30px;overflow: hidden;margin-right: 5px;}
.about-fb.social-bott .svgimg img{width: 100%;height: 100%; filter: drop-shadow(var(--btn-theme) 100px 0); transform: translateX(-100px); }
.about-fb.social-bott .svg-twitter{width:15px;height:15px;width: 14px; height: 21px;}
.social-media .card-body{border-bottom: 1px solid #eee;}
.social-media .card-body .we-code-warp{text-align: center;}

@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);
    }
}

/*bot-buticon*/
.bot-buticon{position: fixed;bottom: 0;background: #171D2B;height: 60px;width: 100%;box-shadow: 0px 10px 10px 8px #00000047;z-index: 2;left: 0;    border-top: 1px solid #fbb92a;}
.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;position: relative;}
.bot-buticon .ic-but .icon-yes{display: none;}
.bot-buticon .ic-but .cart-num {background: #ea4300;color: #fff;display: block;border-radius: 12px;font-size: 11px;text-align: center;position: absolute;top: -2px;left: 23px;padding: 0px 5px;}
.bot-buticon .ic-but p{color: #7d7e83;font-size: 12px;line-height: 13px;padding-top: 5px}
.bot-buticon .buticon-click .icon-no{display: none;}
.bot-buticon .buticon-click .icon-yes{display: block;background: #FBB92A;width: 50px;height: 50px;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: 22px;height:22px;}
.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;}
.bot-buticon .buticon-click p { display: none;}
.modal.fade .modal-dialog{top: 50%; transform: translate(0%,-50%);}
.modal-title{color: #999;}
.btn-close:focus{box-shadow: none;}

.com-nav{display: flex;background: #f8f8f8;height: 50px;align-items: center;padding: 0 20px;position: relative;}
.com-nav .return a{font-size: 36px;color: #999;width: 40px;display: block;}
.com-nav .return a:hover{color: #000;}
.com-nav .page-title{position: absolute;left: 50%; transform: translate(-50%,0%);font-size: 18px;}

.btn-group .btn-primary{border-radius: 5px !important;}

.refresh{position: relative;display: flex;justify-content: center;margin-top: 20px;}
.item-1 {width: 10px;height: 10px;background: #f583a1;border-radius: 50%;background-color: #eed968;margin: 7px;display: flex;justify-content: center;align-items: center;}
@keyframes scale {
    0% {
      transform: scale(1);
    }
    50%,
      75% {
      transform: scale(2.5);
    }
    78%, 100% {
      opacity: 0;
    }
}
.item-1:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #eed968;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);animation-delay: 200ms;transition: 0.5s all ease;transform: scale(1);}
.item-2 {width: 10px;height: 10px;background: #f583a1;border-radius: 50%;background-color: #eece68;margin: 7px;display: flex;justify-content: center;align-items: center;}
@keyframes scale {
    0% {
      transform: scale(1);
    }
    50%,
      75% {
      transform: scale(2.5);
    }
    78%, 100% {
      opacity: 0;
    }
}
.item-2:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #eece68;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 400ms; transition: 0.5s all ease;transform: scale(1);}
.item-3 {width: 10px;height: 10px;background: #f583a1;border-radius: 50%;background-color: #eec368;margin: 7px;display: flex;justify-content: center;align-items: center;}
@keyframes scale {
    0% {
      transform: scale(1);
    }
    50%,
      75% {
      transform: scale(2.5);
    }
    78%, 100% {
      opacity: 0;
    }
}
.item-3:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #eec368;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);animation-delay: 600ms;transition: 0.5s all ease;transform: scale(1);}
.item-4 {width: 10px;height: 10px;background: #f583a1;border-radius: 50%;background-color: #eead68;margin: 7px;display: flex;justify-content: center;align-items: center;}
@keyframes scale {
    0% {
      transform: scale(1);
    }
    50%,
      75% {
      transform: scale(2.5);
    }
    78%, 100% {
      opacity: 0;
    }
}
.item-4:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #eead68;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);animation-delay: 800ms;transition: 0.5s all ease;transform: scale(1);}
.item-5 {width: 10px;height: 10px;background: #f583a1;border-radius: 50%;background-color: #ee8c68;margin: 7px;display: flex;justify-content: center;align-items: center;}
@keyframes scale {
    0% {
      transform: scale(1);
    }
    50%,
      75% {
      transform: scale(2.5);
    }
    78%, 100% {
      opacity: 0;
    }
}
.item-5:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #ee8c68;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);animation-delay: 1000ms;transition: 0.5s all ease;transform: scale(1);}

/* Floating customer service */
.floating{background: #fff;border-radius: 20px;box-shadow: 0 4px 26px #0000000d;width: 70px;position: fixed;top: 50%;margin-top:-150px;right: 20px;z-index: 1000;opacity: .8;transition: all 0.3s;}
.floating:hover{opacity: 1;}
.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(--font-theme);}
.floating .svgimg{width: 40px;height: 40px;overflow: hidden;    margin: auto;}
.floating .svgimg img{width: 100%;height: 100%; filter: drop-shadow(#000 100px 0); transform: translateX(-100px); }
.floating .svgtop{width: 34px;height: 34px;}
.floating li:hover .we-code{display: block}
.floating .we-code {position:absolute;right:15px;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; }

/** webchat **/
/* .chat-service {height: 30px;background:#fbb92a;line-height: 32px;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(../images/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;} */

.chat-service {line-height: 32px;position: fixed;top: 50%;right: 0px; z-index: 999;display:flex;}


/** WhatsApp **/
.whatsapp-service,
.whatsapp-service:hover,
.whatsapp-service:active {top: calc(50% - -43px);background: #0aba28;color: #fff;width: 117px;}
.whatsapp-service .chat-cartoon {
    width: 30px;
    height: 100%;
    background: url(../images/icon/whatsapp.svg) no-repeat;
    background-size: 24px;
    position: absolute;
    top: 2px;
    left: 14px;
}
.whatsapp-service .chat-font{font-size: 12px;font-weight: bold;line-height: 13px;padding: 4px;}
.whatsapp-service .chat-font i {
    display: block;
    font-size: 12px;
    font-weight: normal;
    transform: scale(0.8);
}
.whatsapp-service .svgimg {
    width: 36px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    left: 12px;
    top: -2px;
}
.whatsapp-service  .svgimg img{width: 100%;height: 100%; filter: drop-shadow(#fff 100px 0); transform: translateX(-100px); }



/** custom chat **/
#custom-chat {height: 0;width: 0;position: fixed;bottom: -50px; z-index: 1000;}

#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;}


.h5-pages{display:flex;justify-content:space-between;position:fixed;bottom:0;left:0;width:100%;min-height:60px;background:#fff;box-shadow:0px 0px 10px rgb(34 25 25 / 20%)}
.h5-pages.inner{position:relative;box-shadow:none}
.h5-pages-item{display:inline-flex;align-items:center;justify-content:center;padding:20px;font-size:14px;color:#333}
.h5-pages-item[disabled]{color:#999;pointer-events:none}

#customIntlTelInput .close-tel-input {display: none;position: fixed;z-index: 2000;color: #000;width: 15%;font-size: 28px;text-align: center;height: 60px;top: 0;left: 0;}
#customIntlTelInput .close-tel-input::before,
#customIntlTelInput .close-tel-input::after {content: '';position: absolute;height: 2px;width: 20px;top: 50%; left: 50%;background-color: #000;}
#customIntlTelInput .close-tel-input::before { transform: translate(-50%, -50%) rotate(45deg);}
#customIntlTelInput .close-tel-input::after { transform: translate(-50%, -50%) rotate(-45deg);}
#customIntlTelInput:has(.iti--country-search) .close-tel-input {display: inline-block !important;}
#customIntlTelInput .iti__search-input {width: 87%;margin-left: 13%;}

/* aliyunCaptcha  */
#aliyunCaptcha-question {font-weight: bold;text-align: center;color: #409eff!important;background: #ecf5ff !important;padding: 11px 4px !important;}

/* customer-comments  */
.customer-comments{padding:0px;}
.customer-comments .user-total{font-size: 14px;color:#666}
.customer-comments .user-total span{color: #c23e50;font-weight: bold;}
.customer-comments h3::before {content: "";width: 51px;height: 30px;background: #f3f3f3;background: url(../images/icon/xhs.svg) no-repeat -4px -3px; display: block;background-size: 54px;}
.customer-comments .xhs-warp{width: 278px;background: #ff7b8d;border-radius: 22px; position: relative;top: 4px;padding: 4px;display: none;}
.customer-comments .xhs-warp .xhs-search{background: #ffffffd9;border-radius: 31px;line-height: 31px;padding: 0px 15px;font-size: 12px;}
.customer-comments .xhs-warp .xhs-ico {width: 58px;height: 24px; background-size: 57px; margin-left: 10px;}
.customer-comments .title h3{font-size: 16px;display: flex;font-weight: bold;}
.customer-comments .xhs-warp .xhs-text{ color: #fff;padding-right: 7px;line-height: 32px; font-size: 12px;}
.customer-comments .xhs-warp .fa-search{color: #ff7b8d;font-size: 16px;padding-left: 4px;}
.customer-comments .commentslist{margin-top:18px;display: flex;overflow: hidden;  width: 100%;}
.customer-comments .commentslist ul{display: flex;gap: 15px; transform: translateX(0);}
.customer-comments .commentslist li{background:#f7f7f7;width: 348px;border-radius: 14px;padding: 10px 15px;position:relative; flex: 0 0 auto;box-sizing: border-box;}
.customer-comments .commentslist li .comments-img img{width: 60px;border-radius: 50%;height:60px;}
.customer-comments .commentslist .comments-item{display: flex;align-items: center;height: 100%;}
.customer-comments .commentslist .comments-info{margin-left:12px;}
.customer-comments .commentslist .comments-info p{font-size: 12px;color:#666;}
.customer-comments .commentslist .comments-info .comments-name{font-size: 14px;color:#333;font-weight: bold;}
.customer-comments .commentslist .comments-info a.comments-name{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1))}
.customer-comments .commentslist .comments-info p span{padding-right:14px}
.customer-comments .commentslist .comments-info a{color:blue}
.customer-comments .commentslist .comments-content{font-size: 12px;max-height: 55px;margin-top: 6px;overflow: hidden;}
.customer-comments .commentslist-list-container.main {gap: 15px;}
.customer-comments .content-source {margin-top: 12px;color: #666;font-size: 12px;padding-bottom: 18px;}





/* 1. 只保留第一个和最后一个 li，其余 li 全部隐藏 */
.pagination li:not(:first-of-type):not(:last-of-type){display:none;}
.pagination li:first-child{ margin-right:auto; display:block; }
.pagination li:last-child{ margin-left:auto;  display: block;}
.pagination{ display:flex;align-items:center;justify-content:space-between;margin:10px 0px;list-style:none;padding: 20px 40px; position: relative;font-size: 12px;box-shadow: 0px 0px 10px rgb(34 25 25 / 20%);}
.pagination > span{position: absolute; display: block; width: 50px; left: 50%; margin-left: -25px;  white-space:nowrap; color:#666;}

.disabled span{color: #e0e0e0;cursor: not-allowed;}


.page-title {
  max-width: 70vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* === 简洁分页 - 专配 .pager === */
ul.pager{
    display: flex;
    justify-content: center;   /* 按钮居中 */
    align-items: center;
    margin: 20px auto;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

ul.pager li{
    margin: 0 6px;
}

ul.pager li a,
ul.pager li span{
    display: block;
    padding: 6px 14px;
    border-radius: 43px;
    background: #f5f5f5;
    color: #ed4518;
    text-decoration: none;
    transition: all .2s;
}

ul.pager li a:hover{
    background: #ed4518;
    color: #fff;
}

ul.pager li.disabled span{
    background: #f3f3f3;
    color: #929292;
    cursor: not-allowed;
}