/* CSS Document */ @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; } #root{max-width: 640px; margin: 0 auto;} .moFooterBox[data-float="true"],#MO_SITE_HEADER[data-float="true"],.bottomModal{max-width: 640px;} /* 响应式控件样式 */ /* public */ html { font-size: 62.5%;} *,::after,::before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit;} ol,ul{list-style-position:inside; -webkit-text-size-adjust: 100%;} /* .mobodypage{max-width: 375px;margin: 0 auto;} */ /* 带连接的样式添加小手状态 */ a{text-decoration: none;color: #333;cursor: pointer;} /* 功能链接添加小手状态 */ div[data-functionallink] {cursor: pointer;} /* 全局hover添加动画延迟 */ .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;} /* video静音icon */ div .mutebtn { font-size: 36px; position: absolute; z-index: 2; top:20px; color: #fff; right:20px; cursor: pointer; } /** 移动端屏幕最大宽度限制 start*/ .screen-fixed-max-width{max-width: 640px;left:0;} @media screen and (min-width:640px) { .screen-fixed-max-width{left:calc((100% - 640px) / 2); } } /** 移动端屏幕最大宽度限制 end*/ .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 .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{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;} .listBox,.rList2 .listBox .Imgbox,.rList2 .listBox .listCon,.btnbox i{display: inline-block} .listrowCol .listBox{display: block;} /* 数据源文字样式继承 */ .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;} .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;} /* .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;} /* 公共样式 整合 end*/ /* 新闻列表上下滚动箭头样式 大于1s时的样式 需要更到 http://img.bjyyb.net/ 上去 201124 */ .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;} .listTxt [data-source *= 'detail'] a,.listTxt[data-layout-mode = 'fixed']{display: flex;} .listTxt [data-image-show-mode = 'equalRatio'] img{ width: 100%; } /* header start*/ #SITE_HEADER{z-index:1100;position:relative;width: 100%;} #SITE_HEADER:before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";} #SITE_HEADER[data-float="true"] + #app-root{ padding-top: 130px;} /* header end*/ /* footer start*/ #SITE_FOOTER{position: relative;width: 100%;z-index:1100;} #SITE_FOOTER:before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";} /* 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;} [data-hide="true"]{display: none;} .menuLabelImg{position: absolute;max-width: 26px;right:0px;top:-8px;z-index: 1;} .showArrowstyle .menuLabelImg{right: 26px;} /* form end */ /* search 搜索历史 */ .history-box .history-input{margin-top: 15px;padding: 0 15px;margin-bottom: 17px;} .history-box .history-input .topSearchIcon{color: #888888;} .history-box .history-input .closeBox i{color: #555555;font-size: 18px;} .history-box .history-input .searchInputa{border: none;padding: 8px 10px 8px 10px;} .history-box .history-input .search-input-cont{width: 100%;} .history-box .history-input .search-input-cont input{color: #888888;font-size: 12px;} .history-box .input-box{width: 100%;margin-right: 10px;display: flex;align-items: center;background-color: #F2F2F2;border-radius: 30px;padding-left: 15px;} .history-box .search-tip-box{display: flex;justify-content: space-between;padding: 0 15px 10px 15px;} .history-box .search-tip-box .search-tip-left i{color: #333333;font-size: 14px;} .history-box .search-tip-box .search-tip-right i{color: #333333;font-size: 14px;} .history-box .search-tip-box .search-tip-left,.history-box .search-tip-box .search-tip-right,.history-box .history-input .close-box,.history-box .history-cont li{cursor: pointer;} .search-tip-box .search-tip-left span{padding-left: 3px;font-size: 1.5rem;color: #333333;} .search-tip-box .search-tip-right span{padding-left: 3px;font-size: 1.5rem;color: #333333;font-weight: 600;} .history-box .history-cont li{display:flex;align-items: center;justify-content: space-between;list-style: none;padding: 13px 13px;border-bottom: 1px solid #D9D9D9;} .history-box .history-cont li .search-entry-cont i{font-size: 16px;color: #000000;} .history-box .history-cont li .search-entry-cont{display: flex;align-items: center;width: calc(100% - 15px);} .history-box .history-cont li i{font-size: 16px;color: #888888;} .history-box .history-cont li .search-entry-cont div{margin: 0 14px 0 8px;color: #333333;font-size: 1.5rem;overflow: hidden;white-space: nowrap;width: calc(100% - 19px);text-overflow: ellipsis;} .history-box .close-mask{height: 100%;position: absolute;width: 100%;top: 0;background-color: rgba(0,0,0,0.5);display: none;} .history-box .close-mask .close-popup{width: 280px;height: 154px;background-color: #fff;margin: auto;margin-top: 220px;} .history-box .close-popup .on-ask{height: 109px;text-align: center;padding: 30px 37px;color: #333333;font-size: 17px;border-bottom: 1px solid #D9D9D9;box-sizing:border-box;font-weight: 600;} .history-box .close-popup .popup-bottom{display: flex;height: 44px;} .history-box .close-popup .popup-bottom .off,.history-box .close-popup .popup-bottom .on{width: 50%;text-align: center;line-height: 44px;font-size: 16px;color: #888888;} .history-box .close-popup .popup-bottom .on{color: #000000;} .history-box .close-popup .popup-bottom .line{border-left: 1px solid #D9D9D9;height: 100%;} .history-box .history-cont{overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;} .history-box .history-cont::-webkit-scrollbar{display: none;} .rtl .history-box .history-input .input-box{direction: ltr;padding-left: 15px;margin-left: 10px;margin-right: 0;} .rtl .history-box .history-input .input-box .search-input-cont{direction: rtl;} .rtl .history-box .search-tip-box .search-tip-right span{padding-right: 0;padding-left: 3px;} /* 无结果提示 */ .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;} .cartNumber.numberarrow{position: relative;text-align: center;white-space: nowrap;} .cartNumber.numberarrow span{position: absolute; right: 0; top: 0;font-size:13px;width: 20px;height: 20px; line-height: 16px;cursor: pointer;} .cartNumber.numberarrow span:hover{background:#f1f1f1;} .cartNumber.numberarrow .tb-disable-reduce{cursor:not-allowed;color: #ccc;bottom: 0;top:auto} .cartNumber.numberarrow .tb-reduce{color: #868282;bottom: 0;top:auto;background: transparent;} .cartNumber.numberarrow .tb-text{margin: 0;padding: 0;height:45px;font-size: 16px;line-height: 45px;text-align: left;color: #666;outline: 0;background: #FFF;width: 100%;ime-mode: disabled;display:inline-block;padding: 13px 15px;background: transparent;} /* 添加模块 */ /* 加入购物车成功或失败弹出层样式 */ /* .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{ display: none; padding: 22px 15px; 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%); font-size:14px; width: 210px; background: linear-gradient(360deg, rgba(0, 0, 0, 0.62) 0%, rgba(0,0,0,0.8) 100%); border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shoppingOverlay .leftIconShow{width: 25px;height: 25px;display: inline-block;margin-bottom: 13px;vertical-align: middle; background-position: center center; background-repeat: no-repeat; background-size: contain; } .successPrompt .leftIconShow{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAEvUlEQVR4Ae1ay27TWBg+ttNqYAPDIAQLBGIDm4RWiAdIGliAuEm0A30C4AVmMdvZzAMgxDxAA5W4zAxiAU3Lig0CSrvgshmpG5CgCLGgQOOcOb/bzxzbx/FxYidudbzoH/+37/u/HjvJcRjL9ShPVXksQCAYOBEl4XOvC5ywytYdg8qKTJxWXBfi45RKo8o4BUemj414wTDzQBDlSFIG5SS/LZx9sbEyJKFjrtQNUEgaz088nPeAKo1aSwdRpaLPAJ0XJ+d8HzWFP4AooQWS5QLkxBUibuygFKCLBv9eOy0JKnZbreeoi6wDBFRWLsaC026gKiYQe3x6fLjSqP6nQoTvcKM+CtpARsx+5X68xjnbX5mqfodTtlTc5u4z8oWLyeeNIBR9KV4fEierC5NzwxSgI6mYcnwNwk10igMN6ERuIt6Zhsinok1+HD4DONCEzpOKUROxR6br2yJO4yisApFVkDfT8q36Aet7+5llWb+9uNC83jcC8s0EQ9Iyz52AClh+q8yNQBIwVMicgC5wgEC5UV1inO0lp2AUuKMiMcnKN0/kylLDF7a+AvI9kJJ0iXQLDCI+ATh0ifQKDLwIAQTiiGQFDJxYAkgIE4GfrM7/WM5XvU4kgCKZSBbA6GusUcAoYBTouwKVqdo/YmfhNYC174Qo6MWWp2ofGOO/UA/xmfDNwsXZg6m/onZLQAb3enDmqdAXBSLglvVx8eLsmhLdTqRb1wmceuSqQLlRW2ac7/DJSpPDlxsBHfDcFNAFz4VAGnAiUKI/YofkqthSuGIxa2xhcnaWfN0cEXBmLYvVvrNTL+8+QOCUxBlvjtwcO9upIC4WAacFN9kZnHpFbkSu276TloQSfP06jyMMv0fgp9KWPXCQTUOiF3DC8i/Do9Mndn9trbwlJw7Hsc/N/9q8i/Ow7RWc+vkE6ERFgtnO2cULM39TXD6yAKd+AQLk0CGRFTjhRRbhk4n778JrgrXdu+Ub9TNUEAFfu9S8NxaKpz0iCqCBSgmR/ElcstuRIwRc1rnUfuRHX8USoFQViR8tegenXh0JUIKaRDbgWgSiJLIDp96pjtFbtX2pCkyyUcAoYBQwChgFjAIFVyDxw1DB+XekN3qjerjVtprYkkKybduX6HElnXvfixHYLNZ7Zue6zVab9mXEJ/jQwTn/U7g2nwBrDyvdGfFbkfhvSGK/gA/bR6HJprgEMHh4qWNIz4rBHccZ83+Bth7c0AJgqQe2IANTi5OYwZG2IQXIYvANKUCWg28oAfIYPFaAI/+e2spWVnY+nZhZQtKgrPfzBNae6eUaT+Lu3wPEA7Q/xPb073KBCK7ajj3RaX9Uzs/qdT8GB1dJgOp78ZFBuZnfLyH6OXhEgPK9kz+zz18ei8AhBMM2LyEGMThm81cAHOsboXPiPHchBjk45o0IgICuENx2xlWPL9BHZYswOHjFCoCELIUo0uCYL1EAJPYiRBEHx1zaAqAgjRA2Z0vtpPdx8YjJKTn18JcU4OVtUwsAQjpCIFdtBzs4OHUtABqkF6IYg4N/zwKgUbIQxRocvDMTAA0rt4/vYt9W/xKfKk+L3Sjx6xP2aHho6PLT8w9eIcdYo4BRwChgFDAKFEOB/wHcNN4scXlP8AAAAABJRU5ErkJggg=='); } .errorPrompt .leftIconShow{ background-image: url('data:image/png;base64,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'); } .failPrompt .leftIconShow{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAADp0lEQVR4Ae1bPYgTQRR+b0+SE9SrLPQUFLES0UKRuz3EJIpYeVofNv4UYmVlaWUjaCn4A1cIgqKFjah3lysudydcI/4U/qEW2goRSY5cxrcbRrKzs7uzYzK7gQmE3Xnz5r3vffNmdnYmAUj7YQtHWHcbp7sguzegIHMbLxOjiNcWa73WogUDYSa6EHHGl2VRYFyTfyEjzqFbrch01TAyVpY19mRqBqJaD4ABIs9HP1zcGhVFPAecvMbqSz0DAPN+wyE8E2Wgf3LGGMoyT/QYzUGt1BaVZeVoAzJticwayPto/C3ptZAoshtxYn5jSNu44L/GAjX+zhGzxfIov091VUGQymC3cme4l5bJSZ3Vyue769Lcxz6YogyxhdIyADsk1lPPp7YXmUai8WA57DxYr17SBKDuIEnTArAMWAb0GEDnQtLwGpj61FNnd2Q0JV+jKXk/DOE0jlUfdtep3msBIMePyfFp0Ym5Z4HDXojObdk4A94ixF+M0NrAW5zoAtBqyGqlWeDvb9yzW3UQMbCpwqvirnoTkejc81ArL8U5iqrTAyC1prdK6iEAKapEoQVgGbAMWAYsA5YBy0AvGVDa2ROfz70DgM5l0bhKWQ+AeBDgn67M3VFxaHVEBrSW5Z4Rtlw5BmvtSwD4EcYPX0G82hKNq5S1ANALyRMyfirgYHTHetw53QjIFAp6SSg69xz9+PZWwV9IRRdAyBC9Ke0KC5MlvQOAeCvZXVhDD4DjbAuawg90ynoxKLOlwWBAaxrQDY2tHN8CzdX7oa0FbtA7cy4WpvDA859c1O+rMQL8UyXWvq0UEO3Domvm2ao3CShFISix9g1BEl1MoxttRanGHAEAG5QQdZTS6KYwG1Y1SUDYew4kloAcdEKmEGwGZEp/DpzbDMhBJ2QKwWZApvTnwLnNgBx0QqYQbAZkSn8OnNsMyEEnZArBYAbgK/VI0+iqW5VpmiPAnRsD/j8TGRIu83Q8XUMfY3uCPB7/B16LlXO0MXqWjnj2dOT4jsi5B+Ozd3V+d8Vt26tlID0DRocAWzk6Ao3WA4J5QgoV4Q0U1k3iwZkv0vo+CI1NgqxWmaLgf0UG7wXHYC80W5/p/PV6H2KVmjSWAfRj00/KR6hIVLBNIzjxtC5F3UOhsQyg4N+r48Y6uMU/6vr6muYIcKsnCeZ8IlSErzA0vB3x0Vqibg8UjA0BjtVfByzRv8/abJKe/fsoMwp0fU3fGdhcvIm7nzW5rr0aYOAvofTpaOTWDPEAAAAASUVORK5CYII=') } .shoppingOverlay .hideSweetAlert{text-align: center;font-size: 16px; color: #fff; font-weight: 300;} .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} .crumbsBox{max-width: 100%; overflow-x: auto;display: block;} .crumbsBox::-webkit-scrollbar{ height: 4px;} .crumbsBox::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);background:#C6C6C6;} .crumbsBox::-webkit-scrollbar-track{border-radius:6px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background: #EFEFEF;} .crumbsBox .btnIcon,.crumbsBox .currentPosFont{display: inline-block;vertical-align: middle; white-space: nowrap;} @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; } } /* 详情图片样式 */ .detailConImg{max-width: 100%;width: auto;display: inline-block;vertical-align: middle;} /* 侧边弹出导航内的多语言和货币样式 */ .language-currency .dropbtn{cursor: pointer;text-align:center} .language-currency .dropdown-currency,.language-currency .dropdown,.language-currency .dropdown-country{position: relative;} .language-currency .dropdown-content{position: absolute; background-color: #fff; width:100%; left:50%;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);transform: translateX(-50%);z-index:1000;border: 1px solid #EBEBEB;max-height: 200px;overflow-y: auto;min-width: 150px;max-width: 400px;} .language-currency .dropdown-content::-webkit-scrollbar{width: 4px;} .language-currency .dropdown-content::-webkit-scrollbar-track{background:#EFEFEF;border-radius: 3px;} .language-currency .dropdown-content::-webkit-scrollbar-thumb{border-radius:3px;background:#C6C6C6;} .language-currency .dropdown-content li{list-style: none;padding:10px 0;position: relative;cursor: pointer;box-sizing: border-box;font-size: 1.5rem;display: flex;align-items: center;} .language-currency .dropdown-content li:hover{background: #EBEBEB;} .language-currency .dropdown-content li[data-selected="1"]{background: rgba(0, 0, 0, 0.04);} .language-currency .dropdown-content li .langIcon{max-width:24px;max-height:24px;line-height:24px} .language-currency .dropdown-content li .radiocurrency,.language-currency .dropdown-content li .radioLanguage{display:none} .language-currency .dropdown-content li label{position:relative;padding-left:34px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding-right: 30px;display: inline-block; max-width: 100%; line-height: 20px;} .language-currency .dropdown-content li .image_checked{display:none;position: absolute; right: 10px; top: 16px;} .language-currency .dropdown-content li[data-selected="1"] .image_checked{display:block} .language-currency .dropdown-content li label::after{position: absolute;top: 3px;left: 10px;width: 16px;height: 16px;display: inline-block;border: 1px solid #3f3f3f; content: ' ';border-radius: 8px;} .language-currency .dropdown-content li .radiocurrency:checked + label::before,.language-currency .dropdown-content li .radioLanguage:checked + label::before,.language-currency .dropdown-content li[data-selected="1"] label::before{content:"";top: 7px;left: 14px;width:8px;height:8px;border-radius:5px;background:#000;position: absolute;} .rtl .language-currency .dropdown-content li .image_checked{left: 10px;right:auto} .rtl .language-currency .dropdown-content li label::after{right: 10px;left:auto} .rtl .language-currency .dropdown-content li .radioLanguage:checked + label::before,.rtl .language-currency .dropdown-content li[data-selected="1"] label::before{left: auto;right:14px;} .rtl .language-currency .dropdown-content li .radiocurrency:checked + label::before,.rtl .language-currency .dropdown-content li[data-selected="1"] label::before{left:auto;right: 14px;} .language-currency .dropdown-content li .radiocurrency:checked + label::after,.language-currency .dropdown-content li .radioLanguage:checked + label::after,.dropdown-content li[data-selected="1"] label::after{content:"";border: 1px solid #000;} .language-currency{padding: 10px;} .language-currency .panellanguage,.language-currency .panelcurrency,.language-currency .panelcountry{width: 100%;border:1px solid #D9D9D9;} .language-currency .panelcountry{margin-bottom: 15px;} .language-currency .panelcurrency{margin-bottom: 15px;} .language-currency .dropdown,.language-currency .dropdown-currency,.language-currency .dropdown-country{padding:10px 5px} .language-currency .dropdown-content{top:100%} .panelcurrency .dropbtn .langIcon,.panelcurrency .dropbtn,.panelcurrency .dropdown-content .langIcon,.panellanguage .dropbtn .langIcon,.panellanguage .dropbtn,.panellanguage .dropdown-content .langIcon,.panelcountry .dropbtn{vertical-align: middle;} .language-currency .dropdown .dropdown-content,.language-currency .dropdown-currency .dropdown-content,.language-currency .dropdown-country .dropdown-content{display:none} .rtl .language-currency .dropbtn span{padding-right:0px;padding-left:7px;} .language-currency .dropbtn span{display:inline-block;padding-right:7px;font-size:1.5rem;color:#555;max-width: calc(100% - 77px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;} .dropdown-country .countryImg{width:20px;height: 14px;vertical-align: middle;object-fit: cover;margin-left: 15px;margin-right: 10px;} .rtl .dropdown-country .countryImg{margin-left: 10px; margin-right: 15px;} .dropdown-country .countryNameCls{position:relative;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block; max-width: 75%; line-height: 20px;} .dropdown-country .noImgParent .countryNameCls{padding: 0 15px;} /* 侧边弹出导航样式 */ .modal-close {color: #999;line-height:40px;font-size:24px;position: absolute;right: 0;text-align: center;top: 0;width: 40px;text-decoration: none;} .rtl .modal-close{left: 0px;right: auto;} #SITE_PANEL.panelLeftshow{position: fixed;z-index:100000;height: 100%;top:0;bottom:0;display: none;max-width: 640px} #SITE_PANEL.panelRightshow{position: fixed;z-index:100000;height: 100%;right:0;top:0;bottom:0;left:100%;transition: left .3s linear ;max-width: 640px} #SITE_PANEL.panelTopshow{width: 100%;max-width: 640px;position: fixed;overflow: hidden;z-index: 100;top:-100%;transition: top .6s ease-out ;} #SITE_PANEL.panelTopshow .sideBasicPanel{width: 100%;height: auto;min-height: auto;} #SITE_PANEL.panelTopshow .SITE_PANELUl{overflow:hidden;} #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;display: block;} .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% - 180px);} .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:20px;} .rtl #SITE_PANEL .SITE_PANELUl .nav-submenu .nav-submenuA{padding-right:20px;} #SITE_PANEL .nav-submenuA p{padding-left: 10px;max-width: calc(100% - 45px);} .rtl #SITE_PANEL .nav-submenuA p{padding-right: 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;} .rtl .sideTrigger{left: 0px;right: auto;} .SITE_PANELUl > li > .mainNavLiA{box-sizing: border-box;} .SITE_PANELUl > .mainLiChild > .mainNavLiA{padding-right: 50px;} .rtl .SITE_PANELUl > .mainLiChild > .mainNavLiA{padding-left: 50px; padding-right: 0px;} .sideTrigger~.nav-icon{position: absolute;right:0px;width:50px;line-height: 50px;color: #666;text-align: center;top:0px;height: 50px;} .rtl .sideTrigger~.nav-icon{transform: rotate(180deg);left: 0px;right: auto;} #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%;top: 0;max-width: 640px;} .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);} /* column end*/ /**背景结构样式 start*/ .rowListBg{ position: absolute; top: 0; bottom: 0;left: 0; right: 0;z-index: 0;content: ''; } /**背景结构样式 end*/ /**翻屏组件 start **/ .flipper .componentsBox{ overflow:hidden; } /**翻屏组件 end **/ /**规格弹窗动画**/ .specselectbox{animation:from 0.2s linear;} @keyframes from{ 0% {bottom : -100%;} 15% {bottom : -85%;} 25% {bottom : -75%;} 40% {bottom : -60%;} 50% {bottom : -50%;} 60% {bottom : -40%;} 75% {bottom : -25%;} 85% {bottom : -15%;} 100% {bottom : 0px;} } /*优化加购成功弹窗的居中显示，后期拖到规格自己的js中 sxt 2023-1-18*/ #gshopmodal .g-popup-content-position-top{ top: 0; left: 0; right: 0; width: 100%; max-width: 640px; margin: 0 auto; } /* from { bottom : -50%;} to { bottom :0px ;} */ /* 动画定义 end */ /**页面整屏 start**/ #document{ min-height: 100vh;display: flex; flex-direction: column;} [data-full-height='true']{ flex:1; } /**页面整屏 end**/