body{font-size: 16px;} 

.inner{ width:1200px;   margin: 0 auto;  }

.pl-inner{ padding-left: calc((100vw - 1200px)/2);}

.pr-inner{ padding-right: calc((100vw - 1200px)/2);}

.ml-inner{ margin-left: calc((100vw - 1200px)/2);}

.mr-inner{ margin-right: calc((100vw - 1200px)/2);}

 

.linka a:hover{ color: var(--red);}



header{ position: relative;}

header.sticky{ padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .15); z-index: 100;}

.headerSearch input{ height: 42px;}

.headerSearch .keys{ width: 490px; border: 2px solid var(--red);}



.headerCart::after{ display: none; content: ''; width: 100%; height: 2px; position: absolute; right: 0; bottom: -1px; background: #fff;}

.headerCart:hover{ opacity: 1;}

.headerCartCon{ position: absolute; right: -1px; top: 100%; width: 200%; display: none; }

.sigleItem{ border-bottom: 1px dashed #e5e5e5;}

.sigleItem .img{ width: 60px; height: 60px;}

.sigleItem .right{  width: calc(100% - 70px);}

.sigleItem .right .tit{ width: 130px;}

.sigleItem:hover{ background: #f1f1f1;}



.sigleItemUl{overflow-y: scroll;max-height: 500px;}

.headerCart:hover::after,.headerCart:hover .headerCartCon{ display: block;}













nav.index .shopClassLeft{ display: block !important;}

.shopClass:hover .shopClassLeft{ display: block;}

.oneNav{  line-height: 40px;}

.shopClass{  width: 250px;}

.shopClassLeft{ width: 100%; height: 440px; position: absolute; left: 0; top: 100%;  display: none; }

.shopClassLeftScroll{ overflow-y: scroll;}

/*  overflow-x:hidden  */

.shopClassLeftScroll::-webkit-scrollbar {width: 2px;}

.shopClassLeftScroll::-webkit-scrollbar-thumb {   background: #c1c1c1; width: 2px;   }

.shopClassLeftScroll::-webkit-scrollbar-track {   background: #f1f1f1; width: 2px;   }





.shopClassLi .bot a{white-space: nowrap;  margin-right: 10px;}

.shopClassLi .bot{ padding-left: 18px;}

.shopClassLi .img{ width: 18px;}

.line-height1-8{ line-height: 1.8;}

.shopClassRight{ padding: 5px 20px 20px 20px; display: none; position: absolute; left: 99%; top: 0; width: 950px;height: 440px; overflow-y: scroll; box-shadow: 0 0 10px rgba(0, 0, 0, .15); }

/* .shopClassRight::-webkit-scrollbar {width: 5px;}

.shopClassRight::-webkit-scrollbar-thumb {border-radius: 3px; background: #003f98; width: 5px; }

.shopClassRight::-webkit-scrollbar-track {border-radius: 3px; background: #f2f5f9; width: 5px; } */

.shopClassRight .iconfont{ transform: scale(0.7); display: inline-block; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); }

.shopClassLi:hover{ background:#ebebeb ;}

.shopClassLi:hover .shopClassRight{ display: block;}











.params-container {display: table;}

.param-item {display: table-row;}

.param-cell {display: table-cell;}





.idxOne{ padding-left: 260px;}

.idxBan{ width: 700px; height: 44px;}

.banRight{ width: 230px;}

.loginBox{ height: 150px;}

.loginBox .urserImg{  width: 60px; height: 60px;}

.loginBox .ewmBox img{ width: 124px;}

.banRight .ewmBox{ height: 210px;}

.banRight .ewmBox .title{ background-image: linear-gradient(to right,transparent,#e9e7e7,transparent);}

.banRight .contact{  height: 30px;}

.banRight .notice{  height: 50px;}

.noticeSwiper{ width: calc(100% - 40px);height: 50px;}

.noticeSwiper .swiper-slide{ height: 50px;}



.idxBrands{ background: url(../images/idxBrandsBg.jpg) no-repeat center center; background-size: cover;}

.idxBrandsTit .on{ border-bottom: 1px solid #fff; font-weight: bold;}



.w240{ width: 240px;}

.swiTabCon .slide-c .swiper-slide .img{ box-shadow: 0 0 20px rgba(187, 49, 49, .3);}

.swiTabCon .slide-c .swiper-slide:hover .img{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.idxTitle{ border-left: 5px solid var(--red);}

.idxNavTab li:hover{ color: var(--red);}

.idxNavTab .on{ color: var(--red); border-bottom: 1px solid var(--red);}

.idxProLeft .img{ width: 100%; padding-bottom: 100%; height: 0; }

.idxProLeftUl{}

.idxProLeftUl{ display: grid; grid-gap:10px; grid-template-columns: repeat(2,1fr);}

.idxProLeftUl a{ background: rgba(0, 0, 0, .3);}

.idxProUl li{ display: none;}

.idxProUl li.on{ display: block;}



.idxGrid{display: grid; grid-gap:10px; grid-template-columns: repeat(5,1fr); width: 950PX;}

.idxGrid .item .img{ width: 100%; height: 0; padding-bottom:148px;}

.idxGrid .item .title{ height: 3em;}

.idxGrid .item a:hover{ color: var(--red);}

.idxGrid .item:hover .img img{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }



.idxLogo a{ width: calc(100%/7);}

.idxLogo a img{ max-height:80px;}

.idxLogo a:hover img{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }



.footerBot{ background: #2c2c2c; border-top: 2px solid var(--red);}

.footerBot .bottom{ border-top: 1px solid rgba(255, 255, 255, .15);}



.idxLeft{ display: none; position: fixed; width: 65px; left: 10vw; z-index: 80; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.idxLeft .item{ border-bottom: 1px solid #e5e5e5;   display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; padding: 10px;}

.idxLeft .item.active{ background: var(--red); color: #fff !important;}

.idxLeft .item:hover{ color: var(--red);}

.idxLeft.show{  display: block;}



.commonFloat{ position: fixed; height: 100%; top: 0; z-index: 90; right: 0;}

.commonFloat::before{ display: block; content: ''; width: 4px; height: 100%; position: absolute; right: 0; top: 0; background: var(--red);} 

.commonFloat a .btn{ width: 40px; height: 40px; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; }

.commonFloat a .text{ height: 40px; position: absolute; top: 0; border-radius: 5px 0 0 5px; right: 0; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); }

.commonFloat a:hover .text{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

.commonFloat a + a{ margin-top: 5px;}

.commonFloat a  .btn:hover{ background: #fff; color: var(--red); }

/* .commonFloat a.kefu .btn:hover{ background: #fff; color: var(--red); } */



.commonFloat a .img{ display: none;animation: rightFloat .3s;position: absolute; right: 50px; top: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.commonFloat a:hover .img{ display: block;}





.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .3);}

.neiBan .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.neiBan .text .tit{  letter-spacing: 6px;}

.neibanImg{ width: 100%; height: 300px; object-fit: cover;}

.SolutionBanImg{ width: 100%; height:440px; object-fit: cover;}

.culture{  background: url(../images/cultureImg.jpg) no-repeat center center; background-size: cover; height: 380px;}

.culture::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .1);}

.culture .border-right-white4{ border-color: rgba(255, 255, 255, .15);}



.w58{ width: 58%;}

.w42{ width: 42%;}

.Office .pagination .swiper-pagination-bullet{ margin:  0 4px;}





.honorSwiper .swiper-slide .img{ height: 340px;}

.mySwiper{ width: 60px; height: 60px;}

.mySwiper:hover{ background: var(--red); color: #fff;}

.honorBox .mySwiper{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.honorBox .prev{ left: -80px;}

.honorBox .next{ right: -80px;}



.newsLeft{ width: 900px;}

.newsRight{ width: 270px;}

.newsLeftTit span::after{ display: block; content: ''; position: absolute; width: 100%; height: 3px; bottom: -1px; left: 0; background: var(--red);}





.newslist li .img{ width: 250px; height: 160px;}

.newslist li .text{ width: calc(100% - 273px);}

.newslist li .text .desc{ height: 4.2em;}

.newslist li .text .more .iconfont { font-size: 1em; transform:scale(0.8) ; -webkit-transform:scale(0.8) ; -moz-transform:scale(0.8) ; -ms-transform:scale(0.8) ; -o-transform:scale(0.8) ; }

.newslist li .text .more:hover{ background: var(--red); color: #fff; padding: 0 15px;}

.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.zxList .icon{ width: 20px; height: 20px; background: #f8f8f8; color: #aaa;}

.zxList a:hover .color-666 { color: var(--red);}

.zxList a:nth-child(1) .icon{ background:#bb3131 ; color: #fff;}

.zxList a:nth-child(2) .icon{ background:#ff5066 ; color: #fff;}

.zxList a:nth-child(3) .icon{ background:#ff974f ; color: #fff;}

.zxListBox ,.helpLeftNav{position: sticky;right: 0;top: 90px;}



.helpRight{ width: 1030px;}

.helpLeft{ width: 150px;}

.helpLeftNav a::after{ display: block; content: ''; width: 3px; height: 100%; transition: all .36s; background: var(--red); position: absolute; right: 0; top: 0; transform: scale(1,0); -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.helpLeftNav a:hover::after,.helpLeftNav a.on::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }

.helpLeftNav a:hover,.helpLeftNav a.on{ color: var(--red);}

.helpLeftNav:hover  a:not(:hover) { color: #333; }

.helpLeftNav:hover  a:not(:hover)::after { transform: scale(1,0); }

.loginHeader{ position: sticky; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}



.loginBan{ background: url(../images/loginBg.jpg) no-repeat center center; background-size: cover;}

.loginCon{ width: 400px;}

.ewmF{ width: 192px; position: absolute; left: 31px; top: 69px;}



.w120{ width: 120px;}

.enterprisInput{ display: none;}

.enterprisInput.show{ display: block;}



.prolist li{ width: calc((100% - 52px)/5); margin-right: 13px;}

.prolist li:nth-child(5n){ margin-right: 0;}

.prolist li .img{ width: 100%; height: 0; padding-bottom: 100%;}

.prolist li:hover{ transform: translateY(-5px); box-shadow: 0 0 15px rgba(0, 0, 0, .15); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.prolist li:hover .img img{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }

.prolist li .title{ height: 4.1em;}

.list-sort .left{ line-height: 50px;}

.total-sort,.price-price{ border: 1px solid #e5e5e5; height: 30px; line-height: 30px; padding: 0 15px;}

.price-price{ border-left: none;}

.total-sort.active,.price-price.active{ background: var(--red); color: #fff; border-color: var(--red);}

.list-sort .input,.list-sort .button{border: 1px solid #e5e5e5; height: 30px; line-height: 30px; padding: 0 10px; width: 80px;}

.list-sort .button{ width: 50px;}

/* kundezhengbukaiyan zenmeneng zhemkun wode hznehde haokun tazen */



.list-attr {  line-height: 42px;}

.list-attr .left{ width: 120px;  }

.list-attr .right{ width: calc(100% - 100px);}

.list-attr-value a.on{ color: var(--red);}

.list-attr-value a:nth-child(n+12){ display: none;}

.list-attr-value.show a:nth-child(n+12){ display: flex;}

.showNavBtn .close,.checkboxList{ display: none;}

.showNavBtn.close .more{ display: none;}

.showNavBtn.close .close{ display: block;} 

.showNavBtn.close .layui-icon{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.w870{ width: 870px;}



.locationTip{ border: 1px dashed var(--red);}

.goods__picture{ width: 400px;}



.goods__picture .swiper-container.gallery-thumbs{ width: calc(100% - 70px);}

.goods__picture  .button{ width: 25px; height: 58px; background: rgba(0, 0, 0, .2);}

.goods__picture  .button:hover{ background: var(--red);}

.goods__picture .swiper-container.gallery-thumbs .swiper-slide{  border: 1px solid #e5e5e5;}

.goods__picture .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-color: var(--red);}

.amplifyBtn{ position: absolute; right: 0; bottom: 0; z-index: 50; width: 35px;}



div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.goods_Info{ width: 560px;}

.goods_Right{ width: 200px;}



.colorChose .layui-form-radio .lay-skin-tag, .colorChose .layui-form-checkbox .lay-skin-tag {font-size: 16px;}

.colorChose .layui-form-checked .lay-skin-tag, .colorChose .layui-form-radioed .lay-skin-tag {color: #fff !important;background-color: var(--red) !important; border-color: var(--red) !important;}

.colorChose .layui-form-radio[lay-skin=none]{ margin-right: 10px;}

.colorChose .layui-form-radio[lay-skin=none]>div { display: flex; font-size: 12px; padding: 0 13px; align-items: center; justify-content: center; width: auto; height: 30px; border-radius:0 ; border: 1px solid #e5e5e5; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }

.colorChose .layui-upload-drag{ border-color: var(--red);}

/* .colorChose  .layui-form-radio[lay-skin=none]{ margin-bottom: 10px;}

.goods_Info .layui-input-wrap .layui-input-suffix.layui-input-split{ background: #f8f8f8; border-color: #aaaaaa;}

.goods_Info .layui-input-wrap .layui-input-number .layui-icon-up{  border-color: #aaaaaa;} */

 

.width70{ width: 70px;}

.width238{ width: 238px;}

.guaranteelist .item{ padding: 0 13px; height: 30px; margin-right: 10px;}

.bg-ee{ background: #eee;}

.textYuan{ width: 1.6em; height: 1.6em; }

.height50{ height: 50px;}

.xsShopList a .img{ width: 70px; height: 70px;}

.xsShopList a .text{  width: calc(100% - 70px);}

.xsShopList a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.width950{  width: 950px;}



.goodsRight  .layui-tab{ margin: 0;}

.goodsRight  .layui-tab-content{ padding: 0;}

.goodsRight .layui-tab-card>.layui-tab-title{ background: #f8f8f8;}

.goodsRight .layui-tab .layui-tab-title{ height: 50px;}

.goodsRight .layui-tab .layui-tab-title li{ line-height: 50px; height: 50px; width: 140px;}

.goodsRight .layui-tab-card>.layui-tab-title .layui-this:after{    background: var(--red);height: 3px;}



.xsShopList{ position: sticky; top: 90px; left: 0;}

.brand-title a{padding: 2px 10px;border-radius: 4px;cursor: pointer;}

.brand-title a.active{ background: var(--red); color: #fff;}



.brand-list a{ width: calc((100% - 80px)/6); margin-right: 16px;}

.brand-list a:nth-child(6n){ margin-right: 0;}

.brand-list a .img{ width: 100%; height: 100px;}

.brand-list a:hover{ transform: translateY(-2px); box-shadow: 0 0 15px rgba(0, 0, 0, .15); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); }

.mainTit{ position: absolute; z-index: 25; left: 0; bottom: 0; background-image: linear-gradient(to right,#bb3131,#fa0f2a); width: 1200px; height: 62px;}



.cartHeader{ position: sticky; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.cartHeader .urserImg{ width: 60px; height: 60px;}



.catrOne{ width: 140px;}

.catrTwo{ width: 460px;}

.catrThere{ width: 200px;}

.catrFour{ width: 150px;}

.catrFive{ width: 100px;}

.catrTit{ height: 76px;}

.catrBox .layui-form-checkbox[lay-skin=primary]>div{ font-size: 16px;}

.catrItem .catrTwo .img{ width: 80px; height: 80px; }



.numBtn button{ background-color: #fafafa; width: 30px; height:30px}

.numBtn input{ width: 50px;}

.catrBox .layui-icon-close:hover{ font-weight: bold; color: var(--red);}

.catrMoreTit::after{ display: block; content: ''; width: 100%; height: 1px; background: #eeeeee; position: absolute; left: 0; top: 50%;} 



.processList li::after{ display: block; content: ''; width: 100%; height: 10px; background: #f8f8f8; position: absolute; left: 0; top: 10px;}

.processList .num{ width: 30px; height: 30px;}

.processList li.end::after{ background: #f3a8a4;}

.processList li.end .num{ background: #f3a8a4; border-color:#f3a8a4 ; color: #fff;}

.processList li.ing::after{ background:  var(--red);}

.processList li.ing .num{ background: var(--red); border-color: var(--red) ; color: #fff;}



.BorderTitle{ border-left: 4px solid var(--red);}

 

.addressList li + li{ border-top: 1px solid #e5e5e5;}

.addressList li:nth-child(n+4){ display: none;}

.openOtherAddBtn:hover{ color: var(--red);}

.openOtherAddBtn .close{ display: none;}

.openOtherAddBtn.close .open{ display: none;}

.openOtherAddBtn.close .close{ display: block;}

.addressList.show li{ display: flex !important;}

.w10{ width: 10%;}

/* .MerchBillBox .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } */

.MerchBillBox .img{ width: 80px; height: 80px;}

.MerchBillBox .text{ width: calc(100% - 80px);}



.MerchBillType .left { width: 100px;}





.pop{width:  100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}

.pop .bg{ width: 100% ; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 1;}

.pop .con{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.pop  .form-label{ width: 5em; align-items: left;  white-space: nowrap;}

.closeBtn:hover{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }

.addPop .con{ width: 820px;}



.adminLeft{  width: 280px;}

.adminRight{ width: 900px;}

.height240{ height: 240px;}

.adminLeft .urserImg{ width: 100px; height: 100px;}



.admingNavIcon{ transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }

.adminNav a::after{ display: block; content: ''; width: 70%; height: 100%; background: var(--red); position: absolute; opacity: 0; left: 0; top: 0; border-radius: 5px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.adminNav a:hover::after,.adminNav a.on::after{ width: 100%; opacity: 1;}

.adminNav a:hover,.adminNav a.on,.adminNav a:hover .iconfont,.adminNav a.on .iconfont{ color: #fff  ;}

.adminNav a:hover .admingNavIcon,.adminNav a.on .admingNavIcon{ filter: drop-shadow(100px 0 0 #fff); transform: translateX(-100px); -webkit-filter: drop-shadow(100px 0 0 #fff); }

.adminNav:hover a:not(:hover),.adminNav:hover a:not(:hover) .iconfont {color: #333; }

.adminNav:hover a:not(:hover)::after{ width: 70%; opacity: 0;}  

.adminNav:hover a:not(:hover) .admingNavIcon{ filter: none; transform: none; -webkit-filter: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

.fourteenImg{ width: 160px;}

.w15{ width: 15%;}

.editUserImg{ position: absolute; bottom: -10px; right:-10px; width: 30px; height: 30px;}

.bg-select .layui-form-select .layui-unselect{ background: #f8f8f8 }



.adminRightTit{ height: 85px;}

.adminTitTab a{ height: 85px; }

.adminTitTab a::before{ display: block; transform: scale(0,1); content: ''; width: 100%; position: absolute; left: 0; bottom: -1px; height: 4px; background: var(--red); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }

.adminTitTab a:hover::before,.adminTitTab a.on::before{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }

.adminTitTab:hover a:not(:hover)::before  {transform: scale(0,1); }



.OrderCenterTable .img{ width: 80px; height: 80px;}

.OrderCenterTable .text{ width: calc(100% - 80px);}

.OrderCenterTable .layui-btn + .layui-btn{ margin-top:5px; margin-left: 0;}

 

.sixteenShop .img{ width: 80px; height: 80px;}

.sixteenShop .text{ width: calc(100% - 80px);}

.width90{ width: 90px;}



.userprolist li{ width: calc((100% - 30px)/4); margin-right: 10px;}

.userprolist li:nth-child(4n){ margin-right: 0;}

.userprolist li .img{ width: 100%; height: 0; padding-bottom: 100%;}

.userprolist li:hover{ transform: translateY(-5px); box-shadow: 0 0 15px rgba(0, 0, 0, .15); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.userprolist li:hover .img img{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }



.addressTable  .param-item:nth-child(1) .param-cell{ padding:  15px 10px;}

.addressTable .param-cell{   padding:  25px 10px; }

.addressTable  .param-item .param-cell:nth-child(1){ padding-left: 20px;}

.border-transparent{ border: 1px solid transparent;}

.addressTable .clickBtn.check{ border-color: var(--orange); background: #fcefe4; color: var(--orange);}



.buttonHover:hover{ opacity: .8;}

.input-f8 .layui-input{ background: #f8f8f8;}

.phonePop .con, .pwdPop .con{ width: 500px;}



.SolutionBanTit{ border-left: 8px solid #fff; }

.solutionTit span::after{ display: block; content: ''; width: 100%; height: 2px; background: #333; position: absolute; bottom: -5px; left: 0;} 



.solutionUl{ display: grid; grid-gap: 10px; grid-template-columns: repeat(5,1fr);}

.solutionUl li .img{ width: 100%; height: 0; padding-bottom: 100%;}

.solutionUl li .layui-btn{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.solutionUl li .layui-btn + .layui-btn{ margin-left: 0; border-left: none;}

.solutionUl li .more:hover{ background: var(--red); color: #fff;}

.solutionUl li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.solutionUl li:hover .img img{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }

.bg-dd{ background: #ddd;}



#main { position: relative;overflow: visible;  }

.pageScroll {position: fixed !important;top: 30%;left:10vw; width: 65px; font-size: 12px; border: 1px solid #e5e5e5; z-index:25; opacity: 0;

	 -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);}

.pageScroll.show { opacity: 1; }

.pageScroll.right { }

.zw{margin-top: -80px; padding-top: 80px;} 

.scrollNav a {display: block;color: #666;font-weight: normal; background: #fff;  padding: 10px; text-align: center;}

.scrollNav {border-top: 1px solid #ebeded;}

.scrollNav_1, .scrollNav_1 a {border:none; }

.scrollNav a:hover {color: #fff; background-color: var(--red);  }

li.scrollNav.active a {color: #fff; background-color: var(--red);} 



 

@media screen and (max-width:1500px) {



    .idxLeft,.pageScroll{ left: calc((100% - 1200px)/2);}



}