body{margin: 0; padding: 0; font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-size: 16px;}
a,a:hover{text-decoration: none;}
.header{background: url('../image/header_bg.png') no-repeat top center; width: 100%;}
.headerMain{max-width: 1440px; margin:0 auto;}
.main{max-width: 1440px; margin:40px auto 80px auto;}
.footerMain{max-width: 1440px; margin:0 auto;}
.top{padding: 40px 20px;display: flex; align-items: center; justify-content: space-between;}
.logo{width: 144px; height: 59px;}
.logo img{width: 144px; height: 59px;}
.login{display: flex;}
.langBox{display: flex; align-items: center; position: relative;}
.icon01{ width: 16px; height: 16px;}
.icon02{ width: 11px; height: 6px;}
.nowLang{margin:0 5px;}
.btns,.btn{width: 110px;height: 40px;background: #2850A2;border-radius: 6px;color: #ffffff;text-align: center;line-height: 40px;margin-left: 10px}
.btn{background: rgba(40,80,162,0);border: 1px solid #2850A2; color: #2850A2;}
.moreLangBox{position: absolute; top: 40px; background-color: #ffffff; width: 100%; border-radius: 6px; display: none;}
.moreLangItem{padding: 5px 10px;}
.langBox:hover .moreLangBox{display: block;}
.mainTitle{margin:0 auto; font-family: HarmonyOS Sans SC;font-weight: bold;font-size: 44px;color: #1A1A1A;line-height: 64px; text-align: center;}
.mt50{margin-top: 50px;}
.mainTitle2{font-family: HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #666666; line-height: 30px; text-align: center;}
.search{margin: 80px auto 30px auto;width: 740px; height: 60px; background: #FFFFFF; border-radius: 30px; border: 2px solid #1A1A1A; display: flex; align-items: center;}
.search .input{flex:1; margin:0 30px; font-size: 16px; border: 0px;}
.search .input:focus {outline:none;}
.icon03{ width: 20px; height: 20px;}
.icon03Box{width: 20px; height: 20px;margin-right: 20px;}
.icon03Box .item{width: 20px; height: 20px;position:relative;overflow:hidden;left:0;top:0}
.icon03Box .item form{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.icon03Box .item form input{width: 20px; height: 20px;cursor:pointer;font-size:60px;opacity:0;filter:alpha(opacity=0);hide-focus:expression(this.hideFocus=true)}
.searchBtn{width: 140px;height: 60px;background: #2850A2;border-radius: 10px 30px 30px 10px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 16px;margin-right: -2px;}
.icon04{width: 18px; height: 18px;margin-right: 10px;}

.imageBox{display:none;padding:0 10px;}
.imageTitle{display: flex; align-items: center;margin-bottom: 20px;}
.imageTitle span{white-space: nowrap;}
.imageTitle .delAll{height: 40px; background: #FFF5EE; border-radius: 6px; color: #F6741D;display: flex;justify-content: center; align-items: center; padding: 0 10px; margin-left:20px;}
.icon05{width: 16px; height: 16px;margin-right: 5px;}
.imageList{display: flex; flex-wrap: wrap;}
#imageListBox{display: flex; flex-wrap: wrap;}
.imageItem{width: 110px;height: 110px;background: #FFFFFF;border-radius: 10px;border: 2px solid #DADDE0;position: relative;margin-right: 10px;}
.imageItem.s{border: 2px solid #F6741D;}
.imageItem .image{width: 110px;height: 110px;border-radius: 10px;}
.imageItem .itemDel{width: 18px;height: 18px;background: rgba(0,0,0,0.4);border-radius: 50%;display: flex;justify-content: center;align-items: center;right: 5px;top: 5px;position: absolute;}
.icon06{width: 8px; height: 8px;}
.uploadBox{width: 110px; height: 110px; background: #FFFFFF; border-radius: 10px; border: 2px dashed #DADDE0;}

.uploadBox .item{width: 110px; height: 110px;position:relative;overflow:hidden;left:0;top:0;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.uploadBox .item form{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.uploadBox .item form input{width: 110px; height: 110px;cursor:pointer;font-size:60px;opacity:0;filter:alpha(opacity=0);hide-focus:expression(this.hideFocus=true)}

.icon07{width: 20px;height: 20px;}
.uploadBox span{font-family: HarmonyOS Sans SC;font-weight: 400;font-size: 10px;color: #2850A2;line-height: 20px;text-align: center;}

.categoryBoxPc{background: #FFFFFF; box-shadow: 0px 20px 40px 0px rgba(4,13,42,0.03); border-radius: 10px; padding: 20px; display: flex;}
.categoryBoxH5{display:none;}

.categoryTitle{font-family: HarmonyOS Sans SC; font-weight: bold; font-size: 16px; color: #1A1A1A; margin-right: 80px;}
.categoryItemBox{flex: 1; display: flex; flex-wrap: wrap; height: 120px; overflow: hidden;}
.categoryItem{margin-right: 40px; height: 30px; margin-bottom: 30px;}
.categoryItem .nameBox{display: flex; justify-content: center; align-items: center;}
.categoryMore{width: 90px;height: 40px;background: #F1F5F9;border-radius: 6px;font-family: HarmonyOS Sans SC;font-weight: 500;font-size: 16px;color: #2850A2; display: flex; justify-content: center; align-items: center;}
.icon08{width: 11px;height: 11px;margin-left: 5px;}
.icon09{width: 11px;height: 11px;margin-left: 5px;}
.listTitle{margin-top: 60px;font-family: HarmonyOS Sans SC;font-weight: bold;font-size: 30px;color: #1A1A1A;line-height: 60px;}
.listCategoryBox{background: #F1F5F9;border-radius: 10px;padding:2px;display: flex; }
.listCategory{flex: 1; display: flex; flex-wrap: wrap; height: 100px; overflow: hidden;}
.listCategoryItem{height: 50px;border-radius: 5px;line-height: 50px;padding: 0 25px;font-family: HarmonyOS Sans SC;font-weight: 500;font-size: 16px;color: #666666;}
.listCategoryItem.s{height: 50px;background: #FFFFFF;color: #2850A2;}
.listCategotyMore{width: 90px;height: 40px;background: #ffffff;border-radius: 6px;font-family: HarmonyOS Sans SC;font-weight: 500;font-size: 16px;color: #2850A2; display: flex; justify-content: center; align-items: center;}
.listBox{display: flex; flex-wrap: wrap; justify-content: space-between;margin: 0 10px;}
.listItem{width: 260px; margin-top: 30px;}
.listItem .image{width: 260px; height: 260px;}
.listItem .image img{width: 260px; height: 260px;}
.listItem .name a{height: 50px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: HarmonyOS Sans SC; font-weight: 400; font-size: 16px; color: #1A1A1A; line-height: 24px;margin-top: 10px;}
.listItem .price{margin: 5px 0; font-family: HarmonyOS Sans SC; font-weight: bold;	font-size: 18px; color: #F6741D; line-height: 24px;}
.listItem .memo{font-family: HarmonyOS Sans SC; font-weight: 400; font-size: 14px; color: #999999; line-height: 24px;}
.pagesPc{margin:80px auto; text-align: center; display: flex; align-items: center; justify-content: center;}
.pagesH5{display:none;}
.pagesPc a{width: 34px; height: 34px; background: #F1F5F9; border-radius: 4px; line-height: 34px; text-align: center; margin:0 5px;}
.pagesPc a.s{background: #2850A2; color: #ffffff;}
.footerH5{display:none;}
.footerPc{background: url('../image/footer_bg.png') no-repeat top center; width: 100%; display: flex; flex-direction: column;}
.footerTop{margin-top: 100px; display: flex; flex-direction: row;}
.footerLogo{width: 252px; height: 118px;}
.footerLogo img{width: 252px; height: 118px;}
.footerTitleBox{flex: 1; padding:0 100px;}
.footerTitle{font-family: HarmonyOS Sans SC; font-weight: bold; font-size: 44px; color: #1A1A1A; line-height: 64px; text-align: center; margin-top: -15px;}
.footerTitle2{font-family: HarmonyOS Sans SC;font-weight: 400;font-size: 16px;color: #666666;line-height: 30px; text-align: left;margin-top: 30px;}
.link{width: 100%; height: auto; margin: 80px 0;}
.link img{width: 100%; height: auto;}
.categoryClose,.listCategoryClose{display:none;}
.langBox,.icon03Box,.searchBtn,.delAll,.uploadBox,.imageItem,.categoryItem,.categoryMore,.listCategoryItem,.goPage,.uploadFile1,.listCategotyMore {cursor:pointer}

.categoryItem .childCategoryBox{display:none;}
.categoryItem.s .childCategoryBox{display:flex; position: absolute; margin-top: 5px;}
.childLeftBox,.childRightBox{background: #ffffff;height: 400px; height: 200px; overflow: hidden; overflow-y:auto; box-shadow: 0 0 10px 0px #cccccc;}
.childLeftItem,.childRightItem {text-align: left; padding: 10px 0;display: flex; justify-content: space-between; }
.childLeftItem span,.childRightItem span{ margin: 0 15px;}
.childLeftItem.s{background-color:#2850A2; color:#ffffff;}
.noList{text-align: center;width: 100%;height: 100px;line-height: 100px;font-size: 18px; margin-top: 60px;}
.closeBtn{width: 18px;height: 18px;background: rgba(0,0,0,0.4);border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-left: 10px;}
.headerFooter{height: 10px; line-height: 10px;}
/* 47 */
@media screen and (max-width:751px) {
  body{font-size: 14px;}
  .header{background: url('../image/header_bg_h5.png') no-repeat top center; background-size: 100% auto;}
  .top{padding: 0.638rem 0.638rem;}
  .main{margin:1.277rem auto 1.489rem auto;}
  .logo{width: 3.6rem; height: 1.255rem;}
  .logo img{width: 3.6rem; height: 1.255rem;}
  .icon01{ width: 0.426rem; height: 0.426rem;}
  .icon02{ width: 0.234rem; height: 0.128rem;}
  .nowLang{margin:0 0.106rem;}
  .btns,.btn{width: 2.979rem; height: 1.277rem; line-height: 1.277rem; margin-left: 0.213rem; }
  .mainTitle{font-size: 1.063rem; line-height: 1.531rem;}
  .mt50{margin-top: 2.127rem;}
  .mainTitle2{font-size: 0.51rem;line-height: 0.766rem; margin:0 0.425rem}
  .mt25{margin-top: 1.063rem;}
  .search{margin: 1.063rem auto 0.851rem auto;width: 14.68rem; height: 1.702rem;}
  .search .input{margin:0 0.638rem; width: 4.255rem;}
  .icon03{ width: 0.766rem; height: 0.766rem;}
  .icon03Box{width: 0.766rem; height: 0.766rem; margin-right: 0.426rem;}
  .icon03Box .item{width: 0.766rem; height: 0.766rem;position:relative;overflow:hidden;left:0;top:0}
  .icon03Box .item form{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
  .icon03Box .item form input{width: 0.766rem; height: 0.766rem;cursor:pointer;font-size:60px;opacity:0;filter:alpha(opacity=0);hide-focus:expression(this.hideFocus=true)}

  .searchBtn{width: 3.83rem;height: 1.702rem;}
  .icon04{width: 0.51rem; height: 0.51rem;margin-right: 0.213rem;}
  .imageBox{padding:0 0.426rem;}
  .imageTitle{margin-bottom: 0.51rem;}
  .imageTitle .delAll{height: 1.064rem;  margin-left:0.426rem; width: 5.106rem; font-size: 0.426rem;}
  .imageTitle span{font-size: 0.426rem}
  .icon05{width: 0.468rem; height: 0.468rem;margin-right: 0.319rem;}
  .imageItem{width: 2.979rem;height: 2.979rem;margin-right: 0.213rem;margin-bottom: 0.213rem;}
  .imageItem .image{width: 2.979rem;height: 2.979rem;}
  .imageItem .itemDel{width: 0.51rem;height: 0.51rem;}
  .icon06{width: 0.255rem; height: 0.255rem;}
  
  .uploadBox{width: 2.979rem; height: 2.979rem; overflow: hidden;}
  .uploadBox .item{width: 2.979rem; height: 2.979rem;}
  .uploadBox .item form input{width: 2.979rem; height: 2.979rem;}
  
  .icon07{width: 0.638rem;height: 0.638rem;}
  .uploadBox span{font-size: 0.34rem;line-height: 0.809rem;}
  .categoryBoxPc{display:none;}
  .categoryBoxH5{width: 14.681rem; background: #ffffff; box-shadow: 0px 20px 40px 0px rgba(4,13,42,0.03); border-radius: 0.426rem; padding: 0.426rem; display: flex; flex-direction: column;margin: 0 auto;}
  .categoryTop{display: flex; justify-content: space-between; align-items: center;}
  .categoryTitle{font-size: 0.596rem; margin-right: 0;}
  .categoryItemBox{height: 2.979rem; margin-top: 0.638rem;flex: none;}
  .categoryItem{margin-right: 0.851rem; height: 0.638rem; margin-bottom: 0.851rem;}
  .categoryMore{width: 2.766rem;height: 1.021rem;font-size: 0.51rem;}
  .icon08{width: 0.298rem;height: 0.298rem;margin-left: 0.106rem;}
  .icon09{width: 0.298rem;height: 0.298rem;margin-left: 0.106rem;}
  .listTitle{margin-top: 1.277rem;font-size: 0.766rem;line-height: 1.277rem;padding:0 0.426rem;}
  .listCategoryBox{background: #ffffff;border-radius: 10px;padding:2px;display: flex;overflow: hidden;}
  .listCategory{flex-wrap: nowrap;overflow-x: auto; padding: 0.426rem; height: 1.489rem;}
  .listCategoryItem{height: 1.489rem;line-height: 1.489rem;padding: 0 0.532rem;font-size: 0.553rem;color: #666666;text-wrap: nowrap;}
  .listCategoryItem.s{height: 1.489rem;background: #F1F5F9;color: #2850A2;}
  .listCategotyMore{display: none;}
  .listBox{margin: 0 0.532rem;}
  .listItem{width: 7.128rem; margin-top: 0.851rem;}
  .listItem .image{width: 7.128rem; height: 7.128rem;}
  .listItem .image img{width: 7.128rem; height: 7.128rem;}
  .listItem .name a{height: 1.319rem; font-size: 0.553rem;  line-height: 0.653rem; margin-top: 0.6rem;}
  .listItem .price{margin: 0.426rem 0; font-size: 0.596rem;  line-height: 0.6rem;}
  .listItem .memo{font-size: 0.468rem; line-height: 0.6rem;}
  .pagesPc{display: none;}
  .pagesH5{margin:1.702rem auto; text-align: center; display: flex; align-items: center; justify-content: center;}
  .pagesH5 a{width: 1.489rem; height: 1.489rem; background: #ffffff; border-radius: 0.298rem; border: 2px solid #DADDE0; margin:0 0.319rem; font-size: 0.511rem; line-height: 1.489rem;}
  .pagesH5 span{padding:0 1.277rem; height: 1.489rem; line-height: 1.489rem; border-radius: 0.298rem; border: 2px solid #DADDE0;}
  .footerH5{background: url('../image/footer_bg_h5.png') no-repeat top center ; display: flex; width: 100%; flex-direction: column; background-size: 100% auto;}
  .footerPc{display:none;}
  .footerTop{margin-top: 1.596rem;display: flex;align-items: center;}
  .footerLogo{width: 5.366rem; height: 2.511rem; margin-left: 0.426rem;}
  .footerLogo img{width: 5.366rem; height: 2.511rem;}
  .footerTitleBox{padding:0 0.426rem 0 1.064rem;}
  .footerTitle{font-size: 0.936rem; line-height: 1.277rem; margin-top: 0; text-align: left;}
  .footerTitle2{font-size: 0.511rem;line-height: 0.766rem; margin-top: 1.277rem; padding:0 0.426rem 0 0.426rem;}
  .link{margin: 0.851rem 0 0.851rem 0;}
  
  .categoryItem.s .childCategoryBox{left:0}
  .childLeftBox,.childRightBox{ height: 8.511rem;}
  .childLeftItem,.childRightItem {padding: 0.426rem 0;}
  .childLeftItem span,.childRightItem span{ margin: 0 0.638rem;}
  .closeBtn{margin-left: 0.213rem;width: 0.51rem;height: 0.51rem;}
.noList{margin-top: 1.277rem;}
}