/* 图搜 260202*/
.photoCard{min-width: 1400px;padding-top: 60px;}
.photoCard .upBox{padding: 25px 20px 25px 25px;border-radius: 16px 16px 16px 16px;border: 1px solid #E5E5E5;position: relative;}
.photoCard .upBox .picItem{display: flex;align-items: center}
.photoCard .upBox .picItem .inpic{display: inline-flex;width: 150px;height: 150px;overflow: hidden;align-items: center;margin-left: 25px;border-radius: 8px;position: relative;}
.photoCard .upBox .picItem .inpic:first-child{margin-left: 0;}
.photoCard .upBox .picItem .inpic .bod{    position: absolute; width: 100%; height: 100%; background: url(https://ebuyoneworld.oss-us-west-1.aliyuncs.com/2026/baseimg/picbg.png) no-repeat top center; z-index: 5; top: 0; left: 0; background-size: 150px auto;}
.photoCard .upBox .picItem .inpic img{max-width: 100%;object-fit: contain;}
.photoCard .upBox .picItem .inpic:hover img{transform: scale(1.1);}

.photoCard .upBox .numBox{position: absolute;bottom: 25px;right: 20px;display: flex;align-items: center;height: 20px;color: #999;font-size: 14px;}
.photoCard .upBox .numBox span{color: #333;}

.photoCard .upBox .upBtn{position: absolute;top: 25px;right: 20px;}
.photoCard .upBox .upBtn .icon{width: 48px;height: 48px;overflow: hidden;display: flex;align-items: center;border-radius: 4px ;border: 1px solid #E5E5E5;justify-content: center;color: #333;}
.photoCard .upBox .upBtn .icon svg{width: 24px;height: 24px;}
.photoCard .upBox .upBtn input{    position: absolute; width: 100%; opacity: 0; cursor: pointer; top: -50px; height: 100px;}
.photoCard .upBox .upBtn:hover .icon{border-color: #f50;color: #f50;}


.phoList { margin-top: 20px }
.phoList .hd { display: flex; height: 80px; align-items: center; margin-bottom: 15px; }
.phoList .hd .icon{ width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; color: #999; }
.phoList .hd .icon svg{ width: 28px; height: 28px; }
.phoList .hd .itxt { font-size: 32px; color: #333; font-weight: Semibold; }
.phoList .listbox ul { display: flex; flex-wrap: wrap; margin-left: -15px; }
.phoList .listbox li { display: inline-flex; margin-top: 15px; margin-left: 15px; position: relative; width: 268px; height: 268px;}
.phoList .listbox li a { display: block; }
.phoList .listbox li .pic { display: flex; width: 268px; height: 268px; justify-content: center; overflow: hidden; }
.phoList .listbox li .pic img { max-width: 100%; object-fit: contain; }
.phoList .listbox li .pic:hover img { transform: scale(1.1,1.1); }
.phoList .listbox li .cartbox { display: flex; align-items: center; position: absolute; bottom: 10px; padding: 0 0 0 10px; }
.phoList .listbox li .cartbox .itxt { width: 56px; height: 20px; border-radius: 12px 12px 12px 12px; background: rgba(0,0,0,0.7); display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; }

/* 商品列表 搜索列表 260205*/
.category{min-width: 1400px;padding-top: 30px;}
.category .cateTop{display: flex;align-items: center;}
.category .cateTop .inres{display: inline-flex;align-items: center;height: 28px;}
.category .cateTop .inres .itxt{font-size: 14px;color: #999;}
.category .cateTop .inres .line{    display: inline-block;width: 1px; height: 12px; background-color: #E5E5E5;margin: 2px 20px 0;}
.category .cateTop .inres p{display: inline-flex;height: 28px;align-items: center;color: #333;font-size: 20px;}

.category .cateTop .searchbd{margin-left: auto;display:flex;width: 720px;background: #FFFFFF;border-radius: 28px 28px 28px 28px;align-items: center;border: 1px solid #E5E5E5;box-sizing: border-box;padding: 5px 0;}
.category .cateTop .searchbd .search-input{outline: 0;border: 0;display: inline-flex;height: 48px;margin-left: 30px;flex: 1;}
.category .cateTop .searchbd .btn-search{outline: 0;border: 0;border-radius: 23px 23px 23px 23px;background: #FF5500;width: 100px;height: 46px;display: flex;align-items: center;justify-items: center;margin-right: 4px;justify-content: center;color: #fff;cursor: pointer;}
.category .cateTop .searchbd .btn-search:hover{transition: all .1s;opacity: .8;}


.category .prolist{display: flex;align-items: flex-start;margin: 30px 0;}
.category .prolist .menu{margin-right: 40px;min-width: 200px;max-width: 200px;}
.category .prolist .soItem .ihd{display: flex;height: 50px;align-items: center;color: #333;font-size: 16px;font-weight: bold;}
.category .prolist .soItem .dropBox { border-radius: 4px; width: 200px; height: 40px; border: 1px solid #E5E5E5; position: relative;z-index: 2;}
.category .prolist .soItem .indrop { display: inline-flex; align-items: center; height: 40px; cursor: pointer; width: 100%; box-sizing: border-box; }
.category .prolist .soItem .indrop .name { display: flex; flex: 1; align-items: center; padding-left: 10px;}
.category .prolist .soItem .indrop .icon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; margin-left: 10px; color: #999999; justify-content: center; transition: all .1s;color: #333;} 
.category .prolist .soItem .indrop .icon svg{width: 24px;height: 24px;}
.category .prolist .soItem .indrop .line { position: absolute; bottom: -10px; width: 100%; left: 0; height: 10px; background: transparent; z-index: 3; }
.category .prolist .soItem .uldrop { position: absolute; top: 44px; width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 10px 5px 5px 5px; box-sizing: border-box; border-radius: 4px; opacity: 0;transition: all .2s;pointer-events: none;transform: translateY(20px);}
.category .prolist .soItem .uldrop ul{ margin:0 3px; }
.category .prolist .soItem .uldrop li { display: flex; align-items: center; justify-content: center; height: 30px; cursor: pointer; margin-bottom: 5px;}
.category .prolist .soItem .uldrop li:hover,.category .prolist .soItem .uldrop li.active{ background-color:#e5e5e5;border-radius:6px; }
.category .prolist .soItem .uldrop li a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 30px;
    cursor: pointer;
}
.category .prolist .soItem .dropOn { border-color: #f50; } 
.category .prolist .soItem .dropOn .uldrop{opacity: 1; pointer-events: auto; transform:  translateY(0px);border-color: #f50;}
.category .prolist .soItem .dropOn .indrop .icon { transform: rotate(180deg); color: #f50; }

.category .prolist .tyItem{margin-top: 20px;}
.category .prolist .tyItem .ihd{display: flex;height: 50px;align-items: center;color: #333;font-size: 16px;font-weight: bold;justify-content: space-between;cursor: pointer;user-select: none;}
.category .prolist .tyItem .ihd .icon { display: inline-flex; width: 30px; height: 40px; align-items: center; justify-content: center; color: #999999; justify-content: center; transition: all .1s;color: #333;} 
.category .prolist .tyItem .ihd .icon svg{width: 24px;height: 24px;}
.category .prolist .tyItem .inItem{opacity: 1;pointer-events: auto;transition: all .2s;height: auto;}
.category .prolist .tyItem .inItem .tiktok{display: flex;align-items: center;height: 36px;}
.category .prolist .tyItem .inItem .checkBox { display: flex; align-items: center; height: 36px; cursor: pointer; user-select: none; }
.category .prolist .tyItem .inItem .checkBox .icon { width: 24px; height: 24px; color: #E5E5E5; display: flex; align-items: center; cursor: pointer; }
.category .prolist .tyItem .inItem .checkBox .icon svg { width: 16px; height: 16px; }
.category .prolist .tyItem .inItem .checkBox .hide { display: none; }
.category .prolist .tyItem .inItem .checkOn .icon { display: none; }
.category .prolist .tyItem .inItem .checkOn .hide { display: flex; color: #f50; }
.category .prolist .tyItem .inItem .itxt{display: inline-flex;height: 36px;align-items: center;font-size: 16px;color: #333;}
.category .prolist .tyItem .inItem .tiktok:hover .itxt{color: #f50;}

.category .prolist .cateItem{margin-top: 20px;}
.category .prolist .cateItem .ihd{display: flex;height: 50px;align-items: center;color: #333;font-size: 16px;font-weight: bold;justify-content: space-between;cursor: pointer;user-select: none;}
.category .prolist .cateItem .ihd .icon { display: inline-flex; width: 30px; height: 40px; align-items: center; justify-content: center; color: #999999; justify-content: center; transition: all .1s;color: #333;} 
.category .prolist .cateItem .ihd .icon svg{width: 24px;height: 24px;}
.category .prolist .cateItem .inItem{opacity: 1;pointer-events: auto;transition: all .2s;height: auto;}
.category .prolist .cateItem .inItem .tiktok{display: flex;align-items: center;min-height: 36px;}
.category .prolist .cateItem .inItem .checkBox { display: flex; align-items: center; height: 36px; cursor: pointer; user-select: none; }
.category .prolist .cateItem .inItem .checkBox .icon { width: 24px; height: 24px; color: #E5E5E5; display: flex; align-items: center; cursor: pointer; }
.category .prolist .cateItem .inItem .checkBox .icon svg { width: 16px; height: 16px; }
.category .prolist .cateItem .inItem .checkBox .hide { display: none; }
.category .prolist .cateItem .inItem .checkOn .icon { display: none; }
.category .prolist .cateItem .inItem .checkOn .hide { display: flex; color: #f50; }
.category .prolist .cateItem .inItem .itxt{display: inline-flex;min-height: 36px;align-items: center;font-size: 16px;color: #333;}
.category .prolist .cateItem .inItem .tiktok:hover .itxt{color: #f50;}


.category .prolist .pullOn .ihd .icon { transform: rotate(180deg); color: #f50; }
.category .prolist .pullOn .inItem{opacity: 0;pointer-events: none;height: 0;}


 .category .prolist .rangeItem{margin-top: 20px;}
.category .prolist .rangeItem .ihd{display: flex;height: 50px;align-items: center;color: #333;font-size: 16px;font-weight: bold;justify-content: space-between;cursor: pointer;user-select: none;}
/*
.category .prolist .rangeItem .rbox{margin-top: 40px;position: relative;width: 126px;}
.category .prolist .rangeItem input[type="range"]{ width: 137px; height: 1px; background: #E5E5E5; outline: none; float: left; -webkit-appearance: none; appearance: none; position: relative }
.category .prolist .rangeItem input[type="range"]::-webkit-slider-thumb{ width: 14px; height: 14px; background: #fff; border:1px solid #333333; border-radius:50%; cursor: pointer; -webkit-appearance: none; appearance: none; transition: all 0.15s ease 0s; }
.category .prolist .rangeItem input[type="range"]::-webkit-slider-thumb:hover,
.category .prolist .rangeItem input[type="range"]:active::-webkit-slider-thumb{ background: #f50; border-color:#f50}
.category .prolist .rangeItem input[type="range"]::-moz-range-thumb{ width: 14px; height: 14px; background: #fff; border:1px solid #333333; border-radius:50%; cursor: pointer; -webkit-appearance: none; appearance: none; transition: all 0.15s ease 0s; }
.category .prolist .rangeItem input[type="range"]::-moz-range-thumb:hover,
.category .prolist .rangeItem input[type="range"]:active::-moz-range-thumb{ background: #f50; border-color:#f50}
.category .prolist .rangeItem .range-value{display: inline-block; width: 14px; height: 14px; line-height: 14px; background: #fff; font-size: 15px; color: #333; text-align: center; position: relative; top: -24px; position: absolute; left: 0; }
.category .prolist .rangeItem .maxVal{    display: inline-block; width: 14px; height: 14px; line-height: 14px; background: #fff; font-size: 14px; color: #333; text-align: center; position: relative; top: -24px; position: absolute; right: 0;} */


.category .prolist .rangeItem .rbox { position: relative; width: 140px; height: 40px; padding: 20px 0 0; }
.category .prolist .rangeItem .slider-track { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e0e0e0; border-radius: 2px; transform: translateY(-50%); }
.category .prolist .rangeItem .slider-progress { position: absolute; top: 50%; left: 0; height: 1px; background: #f50; border-radius: 2px; transform: translateY(-50%); }
.category .prolist .rangeItem .slider-thumb { position: absolute; top: 50%; width: 12px; height: 12px; background: #fff; border: 2px solid #f50; border-radius: 50%; cursor: pointer; transform: translateY(-50%); z-index: 2; transition: box-shadow 0.2s ease; }
.category .prolist .rangeItem .slider-thumb:hover { box-shadow: 0 0 0 4px rgba(255, 77, 79, 0.2); }
.category .prolist .rangeItem .slider-thumb:active { box-shadow: 0 0 0 6px rgba(255, 77, 79, 0.3); }
.category .prolist .rangeItem .range-values { display: flex; justify-content: space-between; margin-top: -22px; font-size: 14px; color: #666; }
.category .prolist .rangeItem .value-label { font-weight: 500; color: #333; margin-left: -5px; }
.category .prolist .rangeItem .value-label2{margin-right: -20px;}

.category .prolist .rangeItem .inputsubimt { position: absolute; bottom: -15px; height: 24px; left:41%; display:none }
.category .prolist .rangeItem:hover .inputsubimt{display:block}
.category .prolist .rangeItem .inputsubimt .btn { display: inline-flex; width: 40px; height: 24px; border-radius: 2px; align-items: center; justify-content: center; color:#fff }
.category .prolist .rangeItem .inputsubimt .cancle{background-color: #FFB692;}
.category .prolist .rangeItem .inputsubimt .sure{background-color: #F50;}

.category .prolist .listbox ul{display: flex;flex-wrap: wrap;margin-left: -15px;margin-top:-20px}
.category .prolist .listbox li{display: inline-flex;margin-top: 20px;margin-left: 15px;position: relative;width: 220px;flex-direction: column;}
.category .prolist .listbox li a{display: block;position: relative;}
.category .prolist .listbox li .pic{display: flex;width: 220px;height: 220px;justify-content: center;overflow: hidden;}
.category .prolist .listbox li .pic img{max-width: 100%;object-fit: contain;}
.category .prolist .listbox li .pic:hover img{transform: scale(1.1,1.1);}
.category .prolist .listbox li .cartbox{display: flex;align-items: center;position: absolute;bottom: 10px;padding: 0 0 0 10px;}
.category .prolist .listbox li .cartbox .itxt{width: 56px;height: 20px;border-radius: 12px 12px 12px 12px;background: rgba(0,0,0,0.7);display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;}
.category .prolist .listbox li .toolbox{position:absolute;right: 10px;top: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .1s;transform: translateX(10px);opacity: 0;pointer-events: none;}
.category .prolist .listbox li .toolbox .icon{display: flex;width: 32px;height: 32px;border-radius: 50px;background-color: #fff;cursor: pointer;align-items: center;justify-content: center;margin-top: 8px;color: #333;}
/* .category .prolist .listbox li .toolbox .cartBtn{display: none;} */
.category .prolist .listbox li .toolbox .icon:first-of-type{margin-top: 0;}
.category .prolist .listbox li .toolbox .icon svg{width: 20px;height: 20px;}
.category .prolist .listbox li .toolbox .icon:hover{background-color: #f50;color: #fff;}
.category .prolist .listbox li .toolbox .collBtnOn{background-color: #f50;color: #fff;}
.category .prolist .listbox li:hover  .toolbox{transform: translateX(0);opacity: 1;pointer-events: auto;}

.category .prolist .listbox li .title_name { max-width: 220px; max-height: 40px; overflow: hidden; font-size: 14px; color: #333; line-height: 20px; display: flex; margin-top: 10px; transition: all .1s;}
.category .prolist .listbox li .title_name:hover{color: #f50;}
/* title_name 超出省略 */
.category .prolist .listbox li .title_name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.category .svgBox{display: flex;align-items: center;justify-content: space-between;height: 20px;margin-top: 5px;}
.category .svgBox .icon{display: inline-flex;width: 20px;height: 20px;align-items: center;justify-content: center;}
.category .svgBox .icon svg{width: 20px;height: 20px;}
.category .svgBox .cartBtn{color: #f50;cursor: pointer;}
.category .svgBox .cartBtn{display: none;}


 /* 商品列表 分页 */
.catePageBox{display: flex;justify-content: center;margin: 40px 0 30px;}
.catePageBox .uipage .page{display: flex;align-items: center;justify-content: center;}
.catePageBox .uipage .active{margin-left: 4px;    width: 32px; height: 32px; border-radius: 4px 4px 4px 4px; background-color: #f50; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 14px;}
.catePageBox .uipage a{    margin-left: 4px; min-width: 32px; height: 32px; border-radius: 4px 4px 4px 4px; border: 1px solid #E5E5E5 ; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; color: #333; font-size: 14px;}
.catePageBox .uipage a:hover{background-color: #f50; color: #fff;}
.catePageBox .uipage .spr{display: flex;width: 32px;height: 32px;align-items: stretch;justify-content: center;color: #999;margin-left: 4px;}

.catePageBox .uipage .prev{display: inline-flex; align-items: center; justify-content: center; min-width: 80px; border-radius: 4px 4px 4px 4px ; height: 32px; box-sizing: border-box; padding: 0 6px 0 0px; border: 1px solid #E5E5E5;cursor: pointer; color: #333;}
.catePageBox .uipage .prev svg{font-size: 18px;margin-top: 2px;}
.catePageBox .uipage .prev:not(.disabled):hover{background-color: #f50; color: #fff;}
.catePageBox .uipage .prev.disabled{border: 1px solid #E5E5E5;background: #F5F5F5;cursor: no-drop;color: #333;}

.catePageBox .uipage .next{display: inline-flex; align-items: center; justify-content: center; min-width: 80px; border-radius: 4px 4px 4px 4px ; height: 32px; box-sizing: border-box; padding: 0 0px 0 6px; border: 1px solid #E5E5E5;cursor: pointer; color: #333;}
.catePageBox .uipage .next svg{font-size: 18px;margin-top: 2px;}
.catePageBox .uipage .next:not(.disabled):hover{background-color: #f50; color: #fff;}
.catePageBox .uipage .next.disabled{border: 1px solid #E5E5E5;background: #F5F5F5;cursor: no-drop;}

.catePageBox .uipage .skip{display: flex;height: 32px;align-items: center;font-size: 14px;color: #999;}
.catePageBox .uipage .skip .currentPage{font-size: 14px;color: #333;margin-right: 20px;margin-left: 20px;}
.catePageBox .uipage .skip .currentPage em{color: #f50;}
.catePageBox .uipage .skip .itxt{    border-radius: 4px;border: 1px solid #E5E5E5;    display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 32px; margin: 0 10px; padding: 0 3px; text-align: center;box-sizing: border-box;}
.catePageBox .uipage .skip .sure { width: 68px; height: 32px; background: #FF5500; border-radius: 4px 4px 4px 4px; color: #fff; margin-left: 8px;border: 0;cursor: pointer;transition: all .1s;}
.catePageBox .uipage .skip .sure:hover{opacity: .8;}