.header-top .header-l{padding-left:159px}
.header-top .singin {padding-left: 15px;}
.header-top{margin:0}
.nav-gation{display:none;}
.header-fixed{position:relative;}
.sale-banner{position: relative;background-repeat: no-repeat;background-position: center;background-color: #f3e7ff;text-align: center;}
.sale-banner img{margin: auto;}
.headerwarp{display: none;}

.navigation{background-color: #2b2b2b;border-radius: 16px;box-shadow: 0 4px 26px #0000000d;width: 539px; margin: auto;margin-top: 30px;overflow: hidden;position: sticky;top: 7px;z-index: 1;}
.navigation ul{display: flex;align-items: center;height: 60px;margin: 0px auto;position: relative;padding: 0px 0px;}
.navigation li{flex: 1;text-align: center;}
.navigation li a{display:block;color:#fff; height: 60px;line-height: 60px;}
.navigation .active{cursor: pointer;font-weight: bold;background: #fbb829;}
.navigation .active a{color:#000; }

.pro-box{margin-top:60px}
.pro-box .box-title {font-size: 20px;font-weight: bold;color: rgb(51, 51, 51);line-height: 32px;margin-bottom: 16px;}
.pro-box .box-item ul{display:grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: auto;grid-column-gap: 30px;grid-row-gap: 30px;}
.pro-box .box-item li{box-shadow: 0 4px 26px #0000000d;background: #fff;    border-radius: 14px;display: flex;    padding: 16px;justify-content: space-between;}
.pro-box .box-item li .p-img{width: 80px;}
.pro-box .box-item li img {display: block; width: 80px;height: 80px;border-radius: 16px;}
.pro-box .box-item li .box-right{margin-left: 20px;position: relative;}
.pro-box .box-item li .p-price{padding-top:6px}
.pro-box .box-item li .p-price .current{font-weight: bold;color:#ff3a00}
.pro-box .box-item li .p-price .original {margin-left: 8px;text-decoration: line-through;color: #c7c7c7;font-size: 12px;padding-top: 4px;}
.pro-box .box-item li a{display:flex;justify-content: space-between;width: 100%;}
.pro-box .box-item li .box-warp{display: flex;}
.pro-box .box-item li .box-buy{align-items: center;  display: flex;opacity: 0;transition:all 0.5s linear;}
.pro-box .box-item li .box-buy button{background-color: var(--btn-theme);border:0px;width: 120px;height: 40px;border-radius: 8px;font-size: 14px;}
.pro-box .box-item li:hover {box-shadow: rgba(20, 117, 250, 0.2) 0px 6px 24px 0px;}
.pro-box .box-item li:hover .box-buy{opacity: 1;}

/* header */
.header-sin{transform:translateY(20px); position: relative;z-index: 1;background: #ffffff6b;border-radius: 6px;border: 1px solid #fff;padding: 13px;}
.header-top-bj {background: #f5f5f5;height: 0; padding: 0px;}
.header-top .singin a{background: #2b2b2b;padding:5px 27px;color:#fff;border-radius: 55px;margin-right: 12px;display: block;font-size: 12px;font-weight: bold}
.header-top .singin .slogin{background-color: var(--btn-theme);color:#000;border:1px solid  var(--btn-theme)}
.header-top .activity-logo{display: block;z-index: 1;width: 160px;background: #fff;position: absolute;left: 0px;top: 0px;height:100%;opacity: 0.9;border-top-left-radius: 5px;border-bottom-left-radius: 5px;text-align: center;}
.header-top .activity-logo img{width: 132px;margin-top: 10px;}


@media screen and (max-width:1622px){
    .sale-banner img{width: 100%;}
}
@media screen and (max-width:1200px){
    .pro-box .box-item ul{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
    .pro-box .box-item li .box-right{font-size: 14px;}
    .pro-box .box-title {font-size: 20px;}
    .headerwarp .finder-for{display: none;}
    .header-sin {transform: translateY(0px); padding: 7px 0px;}  
    .currency .currency-tisp{display:none;}
    .header-top .currency{position: relative;}
    .header-top .activity-logo img { margin-top: 5px; }
}

@media screen and (max-width:768px){
    .headerwarp{display: flex;}
    .headerwarp .singin{top: 10px;}
    .headerwarp .logo-lan {display: block; }
    .headerwarp .language{display: block; }
    .headerwarp .currency{display: block;padding-left: 0; }
    .headerwarp .singin img{display: none;}
    .header-top .singin a{margin:0px}
    header .logo{top:4px}
    .header-top .singin a:first-child{margin-right:5px}
      
.currency .currency-tisp{display: none;}
.pro-box .box-item li a {display: block;}
.currency .currency-tisp{display: none;}
.header-top {height: auto;}
.pro-box .box-item ul{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.currency i {display: inline-block;}
.header-top .singin a.uprirght{display: none;border-left: 0;border-right: 0;}
.navigation{ border-radius: 0px;padding: 0px;top:0px;        margin: 0;width: 100%;}
.navigation li{flex: 1;padding: 0px;text-align: center;font-size: 14px;}
.navigation ul {height: 45px;padding: 0px;}
.navigation li a{padding: 0px;}
.pro-box {margin-top: 0;padding: 12px;}
.pro-box .box-title {font-size: 17px; font-weight: bold;color: rgb(51, 51, 51);line-height: 20px;margin-bottom: 16px; margin-top: 12px;}
.pro-box .box-item li img {width: 50px;height: 50px;border-radius: 6px;}
.pro-box .box-item li .p-img { width: 40px;  }
.pro-box .box-item li .box-right .p-title{font-size: 12px;}
.pro-box .box-item li{padding: 8px;border-radius: 6px;}
.pro-box .box-item li .p-price .current {font-size: 12px;}
.pro-box .box-item li .box-buy button {border: 0px; width: 80%;margin: auto; height: 32px;border-radius: 48px; margin-top: 14px;font-size: 13px;}
.navigation .active {line-height: 44px}
.dro-picture-img {width: 43px;text-align: center;}
header .btn-message{margin: 0;}
.dro-picture-img .btn-primary {width: 29px;margin-top: 1px;}
.pro-box .box-item li .box-buy{opacity: 1;}
.chat-service{display: none;}
.header-top .activity-logo{display:none;}
.header-top .currency {padding-left:0px;left: 60px;}
.language {top: 17px; padding-left: 0px;}
#wapChat{display: none;}
}