/* CSS Document */
/* 响应式控件样式 */
/* public */
@font-face {
    font-family: 'pageIconfont';
    src: url('../css/iconfont.eot');
    src: url('../css/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../css/iconfont.woff2?v=1.4') format('woff2'),
        url('../css/iconfont.woff?v=1.4') format('woff'),
        url('../css/iconfont.ttf?v=1.4') format('truetype'),
        url('../css/iconfont.svg#iconfont') format('svg');
  }
.pageiconfont {
    font-family: "pageIconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
html { font-size: 62.5%;}
@media (min-width: 1981px) and (max-width:2560px) {
	html{font-size:68.75%;}
  }
@media (min-width: 1681px) and (max-width:1980px) {
	html{font-size:62.5%;}
  }
@media (min-width: 1441px) and (max-width:1680px) {
	html{font-size:60.75%;}
  }
@media (min-width: 1280px) and (max-width:1440px) {
	html{font-size:56.25%;}
  }
@media (min-width: 961px) and (max-width:1279px) {
  html{font-size: 52%;}
}
@media (min-width: 320px) and (max-width: 960px) {
	html{font-size: 62.5%;}
  }                     
*,::after,::before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit;}
ol,ul{list-style-position:inside}
.mobodypage{max-width: 375px;margin: 0 auto;}
/* 带连接的样式添加小手状态 */
a{text-decoration: none;color: #333;cursor: pointer;}
/* 功能链接添加小手状态 */
div[data-functionallink] {cursor: pointer;}
/* 全局hover添加动画延迟 */
div:hover,li:hover, a:hover{ transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration:0.3s; /* Opera */}
.spec-button:hover,.spec-button div:hover{transition-duration: 0s;-moz-transition-duration: 0s; /* Firefox 4 */-webkit-transition-duration: 0s; /* Safari 和 Chrome */-o-transition-duration:0s; /* Opera */}
.boxSiz{box-sizing:border-box;}
input,textarea{border: 0;}
body{overflow-x: hidden;}
/*清除苹果按钮格式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="email"],input[type="number"],input[type="email"]{-webkit-appearance: none;appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button;border-radius: 0;}
/*  公共样式 整合 begin*/
.rowListBg{overflow: hidden;}
#document{position: relative;}
div[data-fixed="true"]{box-sizing: border-box;}
.document-bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}
.mainNav > li, .mainNav li a p, .listBox, .rList2 .listBox .Imgbox,.rList2 .listBox .containerImgBox, .rList2 .listBox .listCon, .btnbox i{display: inline-block}
.listBox,.gallarybox .listBox .listCon,.btn,.sideTrigger+.nav-icon,.socialCol{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.closeNav,.listBox .Imgbox,.listBox .containerImgBox{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;}
.listBox,.rList2 .listBox .Imgbox,.rList2 .listBox .containerImgBox,.rList2 .listBox .listCon,.btnbox i{display: inline-block}
.listrowCol .listBox{display: block;}
.mainNav,.socialCol,.componentsBox{display: -webkit-box;display: -ms-flexbox;display: flex;}
.btn,#Nav,.mainNav > li,.mainNav > li > a,.nav-submenu > li,.ampstart-sidebar #moMainnav > li,.ampstart-sidebar #moMainnav > li ul,.listBoxHref,.rListRow .listBox .listBoxHref,.gallarybox .listBox .listCon .headLine{position: relative;}
.rtl .bx-wrapper{direction:ltr;}
.rtl .bxslider{direction:ltr;}
.rtl .listBoxHref{direction: rtl;}
.caroSt,.rowList,.rowList .colList,.form .fRi,.langBox,.selLang .lanNav,div.search,form.searchBox,mip-form.search,.basSi .sList{position:relative;}
.rowList{width:100%;display: flex;}
.componentsBox .col{position: relative;z-index: 0;}
.componentsBox .col>.rowListBg{z-index: -1;}
.rowList .colList{display: inline-block;}
.mainNav > li > a,.nav-submenu > li,.nav-submenu > li > a,.ampstart-sidebar #moMainnav > li,.listBoxHref,.rList2 .proList,.rList2 .listBox,.socialRow{display: block}
.nav-submenu li a p,.nav-submenu li a i{line-height: inherit;}
.btnbox,.langList {cursor: pointer;}
.langList{display: inline-block;}
.boxContent{z-index:1;position: relative;}
.col-box{position: relative;}
.map{position: relative;}
.header_content {overflow: hidden;display: flex;align-items: center;width: 100%;justify-content: space-between;box-sizing: border-box;}
.header_content .right_Menu{flex-shrink: 0;margin-right:10px}
.header_content .listTxt{width:100%;}
.header_content .ImghidCont .img,.mo_header_itempar .listTxt{width:auto;}
#MO_SITE_HEADER{position:relative;z-index: 1100;}
#MO_SITE_HEADER[data-float="true"]{width: 100%;top: 0;z-index: 9999;}
.ant-drawer.ant-drawer-open{z-index:100000 !important;}
.giimall-modal.bottomModal{z-index: 100002!important;}
.ant-modal-wrap{z-index: 2000!important;}
.menuLabelImg{position: absolute;max-width: 26px;right:0px;top:-8px;z-index: 1;}
.showArrowstyle .menuLabelImg{right: 26px;}
/* 数据源文字样式继承 */
.listTxt .Fontinherit,.listTxt:hover .Fontinherit{font-size:inherit;font-family:inherit;line-height:inherit;color: inherit;transition-duration: 0.1s;-moz-transition-duration: 0.1s;-webkit-transition-duration: 0.1s;}
/* .mobodypage #MO_SITE_FOOTER[data-float="true"],.mobodypage #MO_SITE_HEADER[data-float="true"]{max-width: 375px;}
.mobodypage #SITE_PANEL.panelLeftshow{left: auto;right: auto;max-width: 350px;}
.mobodypage .opc{max-width: 375px;left: auto;} */
/**2020-04-16 wyq add 解决amp下图片加了链接，不显示图片问题*/
.Imgbox,.containerImgBox{display: block;}
.containerImgBox{position: relative;}
.Imgbox amp-img,.Imgbox mip-img{display:inherit;max-width:100%;width:100%;height: auto;max-height: 100%;margin: auto;box-sizing: border-box;}
.crumbsBox{ display: block;}
.crumbsBox .btnIcon,.crumbsBox .currentPosFont{display: inline-block;}
/*  公共样式 整合 end*/
/* 新闻列表上下滚动箭头样式 大于1s时的样式  需要更到 http://img.bjyyb.net/ 上去 201124  */
@media screen and (min-width:961px) {
    .listrowCol .bx-wrapper .bx-controls-direction a{position: absolute; left: 50%; margin-left: -25px;outline: 0; width: 50px;height:24px;cursor: pointer;z-index: 999;opacity: 0.7;}
    .listrowCol .bx-wrapper .bx-prev{  top: 0px; background: url('../../images/vbg01.png?v=1') no-repeat -340px -15px;margin-top:0}
    .listrowCol .bx-wrapper .bx-next{ bottom: 0px; background: url('../../images/vbg01.png?v=1') no-repeat -340px -60px;top:auto}
	.listrowCol .bx-wrapper .bx-prev:focus, .listrowCol .bx-wrapper .bx-prev:hover,.listrowCol .bx-wrapper .bx-next:focus, .listrowCol .bx-wrapper .bx-next:hover{background-color:transparent;}
}
    @media screen and (max-width:960px) {
   .listrowCol .bx-wrapper .bx-controls-direction a{position: absolute; left: 50%; margin-left: -25px;outline: 0; width: 50px;height:24px;cursor: pointer;z-index: 999;opacity: 0.7;}
    .listrowCol .bx-wrapper .bx-prev{  top: 0px; background: url('../../images/vbg01.png?v=1') no-repeat  -340px -15px;margin-top:0}
    .listrowCol .bx-wrapper .bx-next{ bottom: 0px; background: url('../../images/vbg01.png?v=1') no-repeat  -340px -60px;top:auto}
	.listrowCol .bx-wrapper .bx-prev:focus, .listrowCol .bx-wrapper .bx-prev:hover,.listrowCol .bx-wrapper .bx-next:focus, .listrowCol .bx-wrapper .bx-next:hover{background-color:transparent;}	
}

/* 详情页后台新增图片和视频最大宽度设置 */
.listTxt img,.listTxt video{max-width: 100%;height: auto;}
.boxContent, .boxCont{position: relative;}
/* header start*/
#SITE_HEADER{z-index:1100;position:relative;width: 100%;}
#SITE_HEADER[data-float="true"] + #app-root{ padding-top: 130px;}
/* header end*/
/* footer start*/
#SITE_FOOTER{position: relative;width: 100%;z-index:1100;}
/* footer end */
/* form begin */
.alertOpc{background: rgba(0,0,0,.4); left: 0; top: 0;width: 100%;height: 100%;position: fixed;z-index: 1400;}
.alertOpc .Wbox {position: absolute;left: calc(50% - 110px);top: 25%;width: 220px;background: #fff;border-radius: 10px;z-index: 1410;text-align: center;padding-top: 35px;font-family: Microsoft YaHei;max-width: 780px;overflow: hidden;display: block;}
.alertOpc .Wbox p {word-break: break-word;font-size: 1.4rem;line-height: 2rem;text-align: center;}
.Wbox .alertButton {display: block;border: 0px;border-top: 1px solid #ccc;	margin-top: 35px;	color: #007aff;width: 100%;font-size: 17px;text-decoration: none;padding: 10px 0;text-align: center;background: #fff;	cursor: pointer;}
/* form end */
/* 无结果提示 */
.noContentTips{text-align: center;}
/* 设置整站不同分辨率下默认边距值 end */
/*均分 */
.epc_row_1 .colList{width:100%}
.epc_row_2 .colList{width:50%}
.epc_row_3 .colList{width:33.333%}
.epc_row_4 .colList{width:25%}
.epc_row_5 .colList{width:20%}
.epc_row_6 .colList{width:16.666%;height: 40px;}
.cartNumber .tb-text{border-radius: 0;}
.cartNumber input::-webkit-outer-spin-button,.cartNumber input::-webkit-inner-spin-button{-webkit-appearance:none;}
.cartNumber input[type='number']{-moz-appearance:textfield;}
/* 添加模块 */
/* 加入购物车成功或失败弹出层样式 */
/* .lightIcon-success {position: relative;	background:url('../images/soldout.png') no-repeat center top;overflow: hidden;} */
.cartlightIcon img {width:52px;	height: 52px;}
.cartlightIconmask {position: absolute;	width: 52px;height: 52px;animation: yesAmition 1s;-moz-animation: yesAmition 1s;-webkit-animation: yesAmition 1s;-o-animation: yesAmition 1s;top: 0;background: #fff;left: 52px;}
.shoppingOverlay{background-color: #ffffff;display: none;padding:12px 16px;border-radius:1px;text-align: left;position: fixed;left: 50%;top:40%;overflow: hidden;z-index: 100100;box-sizing: border-box;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: #333;font-size:14px;vertical-align: middle;max-width: 400px;}
.shoppingOverlay .leftIconShow{width: 16px;height: 16px;display: inline-block;margin-right: 9px;vertical-align: middle;}
.successPrompt .leftIconShow{background: url(../../images/yduizhengqueshixin.png) no-repeat center center;} 
.errorPrompt .leftIconShow{background: url(../../images/failureico.png) no-repeat center center;}
.failPrompt .leftIconShow{background: url(../../images/xiazaishibai.png) no-repeat center center;} 
/* .shoppingOverlay .lightIcon-success{border-color: #4cae4c;} */
.shoppingOverlay .hideSweetAlert{vertical-align: middle;display: inline-block;max-width: calc(100% - 25px);}
/* .shoppingOverlay .lightIcon-error{border-color: #d43f3a;} */
.swal2-close{position: absolute;top: 10px;right: 10px;transition: color 0.1s ease-out; border: none;background: transparent; color: #cccccc;font-family: serif;font-size: 20px;cursor: pointer;}
.mo_header_itempar .cartBtn4{min-width: auto!important;white-space: nowrap;}
.spec-grid{grid-template-columns:none!important}
#react-spec-root .spec-button{min-width:32px!important}
[data-hide="true"]{display: none;}
@keyframes yesAmition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
	 @-moz-keyframes yesAmition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
	 @-webkit-keyframes yesAmition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
	 @-o-keyframes yesAmition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
/* 详情图片样式 */	
@media screen and (max-width:960px) {
.detailConImg{max-width: 100%;width: auto;display: inline-block;vertical-align: middle;}
/* 侧边弹出导航样式 */
}
.modal-close {color: #999;line-height:40px;font-size:24px;position: absolute;right: 0;text-align: center;top: 0;width: 40px;text-decoration: none;}

#SITE_PANEL.panelLeftshow{position: fixed;z-index:100000;height: 100%;left:0;right:0;top:0;bottom:0;display: none;}
#SITE_PANEL.panelRightshow{position: fixed;z-index:100000;height: 100%;right:0;top:0;bottom:0;left:100%;transition: left .3s linear ;}
#SITE_PANEL.panelTopshow{width: 100%;max-width: 750px;position: fixed;overflow: visible;z-index: 100000;top:-100%;transition: top .6s ease-out ;max-height: 450px}
#SITE_PANEL.panelTopshow .sideBasicPanel{width: 100%;height: auto;min-height: auto;max-height: 450px;}
#SITE_PANEL.panelTopshow .SITE_PANELUl{overflow:hidden;max-height: 340px}
#SITE_PANEL.panelRightshow .sideBasicPanel{left: 15%;}
.editPanel,.editPanel .opc{display: block!important;}
.editPanel.panelRightshow{left: 0!important;}
.editPanel.panelTopshow{top: 0 !important;}
.editPanel.mo_drop_slider{opacity: 1!important;}

.sideBasicPanel{z-index: 1111;position: relative; background: #fff; height: 100%; width: 85%;}
.panel-header{height: 45px;position: relative;}
.sideBasicPanel .SITE_PANELUl,.sideBasicPanel .SITE_PANELUl .SITE_PANELLi{display: block;}
.mo_drop_slider .mainNav .panelLi .mainNavLiA{height:100%}
#SITE_PANEL .SITE_PANELA p{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.sideBasicPanel .moMenubox{height: calc(100% - 45px);}
.side-menu-label {opacity: 1;position: absolute;right: 10px;z-index: 100;top:calc(50% - 18px);height: 36px;}
.side-menu-label i{font-style: normal;font-size:1.6rem;color: #666;}
.SITE_PANELUl{height: 100%;}
.lanCurpanel .SITE_PANELUl{height: auto;min-height: auto;max-height: calc(100% - 80px);}
.SITE_PANELUl {list-style: none;overflow-y: auto;flex-direction: column;margin: 0;min-height: 100%;width:100%;-webkit-overflow-scrolling: touch;align-items:flex-start;justify-content:flex-start;z-index: 999;background: #fff;box-sizing:border-box;}
#SITE_PANEL .SITE_PANELUl .nav-submenu{position: relative;}
#SITE_PANEL .SITE_PANELUl .nav-submenu .nav-submenuA{padding-left: 10px;}
#SITE_PANEL .SITE_PANELUl .nav-submenu .nav-submenu .nav-submenuA{padding-left:20px;}
#SITE_PANEL .nav-submenuA p{padding-left: 10px;}
.SITE_PANELUl > li {width:100%;}
.closeNav{position: absolute;right:10px;top:5px;z-index: 1000;font-size: 2.4rem;}	
.sideTrigger {position: absolute;right:0px;top:0px;width:50px;height:100%;padding: 0;margin: 0;background: none transparent;cursor: pointer;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;outline: none; z-index: 99;}
.SITE_PANELUl > li > .mainNavLiA{box-sizing: border-box;}
.SITE_PANELUl > .mainLiChild > .mainNavLiA{padding-right: 50px;}
.sideTrigger~.nav-icon{position: absolute;right:0px;width:50px;line-height: 50px;color: #666;text-align: center;top:0px;height: 50px;}
#moMainnav li[data-selected="true"]>.nav-icon{transform: rotate(90deg);transition: all 0.3s;}	
#SITE_PANEL .mainIconNav> li > a {
    display: flex;
}
.sideTrigger+.nav-submenu{display: none;}
.SITE_PANELUl .nav-submenu li .nav-submenuA .subnavbtn{display: block}
.SITE_PANELUl > li .nav-submenu > li{min-width: auto;list-style: none}
.SITE_PANELUl > li .nav-submenu > li:last-of-type .nav-submenuA{border-bottom: 0;}

/* .panelTopshow .mainIconNav .nav-submenu{margin-left: 10px;}
.panelTopshow .mainIconNav .nav-submenu .nav-submenu{margin-left: 10px;} */

#SITE_PANEL .SITE_PANELUl>.mainNavLi .mainNavLiA .SITE_PANELIc{display: inline-block;max-width: 40px;margin-left: 10px;}
.ampstart-navbar-trigger {text-align: right;-webkit-tap-highlight-color: transparent;outline: none;}
.opc{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top: 0}
.panelRightshow .opc,.panelTopshow .opc{display: none;}
.hidden{display: none;}
.col-m-height{min-height:160px;}
.col-m-height>button{min-width:120px;background:none;border:0;color:#ccc;text-align:center;padding:10px 20px;position:absolute;top:calc(50% - 20px);left:calc(50% - 60px);}
.labelhidden .tex-o{display: none;}
/* column end*/

/**页面整屏 start**/
#document{ min-height: 100vh;display: flex; flex-direction: column;}
[data-full-height='true']{ flex:1; }
/**页面整屏 end**/
/**背景结构样式 start*/
.rowListBg{ position: absolute; top: 0; bottom: 0;left: 0; right: 0;z-index: 0;content: ''; }
/**背景结构样式 end*/
.emptyImg {
	background: url(../../images/filter_not_data.png@!webp) no-repeat center center;
}