@charset "utf-8";
body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; }
#image_logo_1715235096831 { height : 59px ; left : -13.916666666666666% ; position : absolute ; top : 9.5px ; width : 22.916666666666664% ; }
#image_logo_1715235096831 .imgSet { font-size : 16px ; }
#dh_style_28_1715235101199 { left : 25% ; position : absolute ; top : -1px ; width : 65% ; z-index : 999 ; }
#dh_style_28_1715235101199 > .view_contents { overflow : visible ; }
#dh_style_28_1715235101199 .mainMenuSet { color : #666666 ; font-family : Arial ; font-weight : normal ; line-height : 80px ; margin-left : 4px ; }
#dh_style_28_1715235101199 .mainMenuSet:hover { background : #30af44 ; color : #FFFFFF ; }
#dh_style_28_1715235101199 #hot > a { background : #30af44 ; color : #FFFFFF ; }
#dh_style_28_1715235101199 #hot .aview { background : #30af44 ; color : #FFFFFF ; }
#dh_style_28_1715235101199 .subMenuSet:hover { background : #30af44 ; border-width : 0px ; color : #FFFFFF ; }
#dh_style_28_1715235101199 #subCurSet { background : #30af44 ; border-width : 0px ; color : #FFFFFF ; }
#diy_none_obj .mainMenuSet { color : #CCCCCC ; font-size : 14px ; font-size : 16px ; height : 44px ; line-height : 68px ; line-height : 44px ; margin-left : 2px ; margin-left : 0px ; }
#diy_none_obj .mainMenuSet:hover { background : transparent ; color : #30AF44 ; margin-left : 0px ; padding-left : 0px ; text-indent : 1em ; }
#diy_none_obj #hot > a { background : transparent ; color : #30AF44 ; margin-left : 0px ; padding-left : 0px ; text-indent : 1em ; }
#diy_none_obj #hot .aview { background : transparent ; color : #30AF44 ; margin-left : 0px ; padding-left : 0px ; text-indent : 1em ; }
#lang_style_12_1715235106116 { left : 91% ; position : absolute ; top : 0px ; width : 9% ; }
#lang_style_12_1715235106116 > .view_contents { overflow : visible ; }
#lang_style_12_1715235106116 .titleSet { color : #666666 ; font-family : Arial ; line-height : 80px ; }
#lang_style_12_1715235106116 .textSet:hover { background : #30af44 ; color : #FFFFFF ; }
#lang_style_12_1715235106116 .selectedmodSet .textSet { background : #30af44 ; color : #FFFFFF ; }
#lang_style_12_1715235106116 .modSet { border-style : none ; border-width : 0px ; }
#lang_style_12_1715235106116 .textSet { font-family : Arial ; line-height : 45px ; }
#diy_none_obj .titleSet { font-size : 14px ; font-size : 20px ; font-size : 16px ; line-height : 68px ; line-height : 60px ; padding-bottom : 4px ; padding-bottom : 2px ; padding-top : 6px ; padding-top : 2px ; }
#comm_layout_header { background : #ffffff ; height : 80px ; z-index : 99999 ; }
#comm_layout_header > .view_contents { max-width : 1200px ; overflow : visible ; }
#image_style_01_1684755103911 { height : 450px ; left : 0% ; position : absolute ; top : 0px ; width : 100% ; }
#image_style_01_1684755103911 > .view_contents { overflow : visible ; }
#layout_1684755103908 { height : 450px ; }
#layout_1684755103908 > .view_contents { overflow : visible ; }
#titleText_style_05_1686195533699 { left : 25% ; position : absolute ; top : 67.46875px ; width : 50% ; z-index : 2 ; }
#titleText_style_05_1686195533699 .bigtitsSet { color : #30AF44 ; font-size : 48px ; font-weight : normal ; height : 66px ; margin-bottom : 0px ; }
#titleText_style_05_1686195533699 .minititsSet { color : #191919 ; font-family : Arial ; font-size : 48px ; font-weight : normal ; margin-top : 0px ; }
#diy_none_obj .bigtitsSet { font-size : 38px ; font-size : 20px ; font-size : 36px ; font-size : 24px ; height : 52px ; height : 26px ; height : 48px ; line-height : 2em ; }
#diy_none_obj .minititsSet { font-size : 38px ; font-size : 20px ; font-size : 16px ; font-size : 14px ; line-height : 1em ; }
#div_blank_new01_1686195533708 { box-sizing : border-box ; height : 36px ; left : 40.33333333333333% ; position : absolute ; top : 158.828125px ; width : 232px ; z-index : 1 ; }
#div_blank_new01_1686195533708 .modSet { background : #b5e2bb ; border-radius : 16px ; }
#diy_none_obj { box-sizing : border-box ; }
#diy_none_obj .modSet { border-radius : 8px ; border-radius : 6px ; font-size : 12px ; padding-bottom : 4px ; padding-bottom : 3px ; }
#layout_1686195533695 { background : #f0f9f1 ; height : 254px ; }
#layout_1686195533695 > .view_contents { max-width : 1200px ; overflow : visible ; }
#prodKind_style_16_1686195762019 { left : 0% ; position : absolute ; top : 0px ; width : 100% ; }
#prodKind_style_16_1686195762019 > .view_contents { overflow : visible ; }
#prodKind_style_16_1686195762019 .modSet { border-color : #30af44 ; border-radius : 99px ; border-style : solid ; padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; }
#prodKind_style_16_1686195762019 .textSet { border-style : none ; color : #30AF44 ; font-family : Arial ; font-size : 14px ; line-height : 42px ; padding-top : 0px ; }
#prodKind_style_16_1686195762019 .modSet:hover { background : #30af44 ; }
#prodKind_style_16_1686195762019 .modSet.selectedmodSet { background : #30af44 ; }
#prodKind_style_16_1686195762019 .textSet:hover { color : #FFFFFF ; }
#prodKind_style_16_1686195762019 .selectedmodSet .textSet { color : #FFFFFF ; }
#diy_none_obj .textSet { font-size : 14px ; font-size : 12px ; line-height : 34px ; }
#prodKind_style_16_1686195762019 .prodcateStyle_16 > ul { background : unset ; }
#layout_1686195753604 { background : #f0f9f1 ; height : 68px ; }
#layout_1686195753604 > .view_contents { max-width : 1200px ; overflow : visible ; }
#productList_style_23_1686195542095 { left : 0% ; position : absolute ; top : 24px ; width : 100% ; }
#productList_style_23_1686195542095 > .view_contents { overflow : visible ; }
#productList_style_23_1686195542095 .modSet { background : transparent ; border-color : #f0f9f1 ; border-radius : 16px ; border-style : none ; border-width : 1px ; padding-bottom : 5px ; }
#productList_style_23_1686195542095 .imgSet { border-radius : 16px ; }
#productList_style_23_1686195542095 .titleSet { color : #333333 ; font-family : Arial ; font-size : 24px ; padding-bottom : 6px ; padding-left : 4px ; padding-top : 10px ; }
#productList_style_23_1686195542095 .priceSet { color : #30AF44 ; font-size : 16px ; margin-left : 0px ; padding-left : 0px ; }
#productList_style_23_1686195542095 .unitSet { color : #30AF44 ; font-size : 16px ; margin-right : 0px ; padding-left : 2px ; padding-right : 0px ; }
#productList_style_23_1686195542095 .modSet:hover .titleSet { background : transparent ; color : #FFFFFF ; }
#productList_style_23_1686195542095 .modSet:hover .priceSet { color : #FFFFFF ; }
#productList_style_23_1686195542095 .modSet:hover .unitSet { color : #FFFFFF ; }
#productList_style_23_1686195542095 .modSet:hover { background : #30af44 ; }
#productList_style_23_1686195542095 .modSet.selectedmodSet { background : #30af44 ; }
#productList_style_23_1686195542095 #pagecurSet { background : #30af44 ; }
#productList_style_23_1686195542095 .page_btn .pageSet:hover { background : #30af44 ; }
#diy_none_obj .imgSet { border-radius : 8px ; border-radius : 6px ; }
#layout_1686195542094 { background : #f0f9f1 ; height : 944px ; }
#layout_1686195542094 > .view_contents { max-width : 1200px ; overflow : visible ; }
#layout_1686196310623 { background : #f0f9f1 ; height : 80px ; }
#layout_1686196310623 > .view_contents { max-width : 1200px ; overflow : visible ; }
#footerCustom_textlist_01_1684719629726 { left : 29.25% ; position : absolute ; top : 81px ; width : 68.16666666666666% ; }
#footerCustom_textlist_01_1684719629726 .modSet { background : transparent ; }
#footerCustom_textlist_01_1684719629726 .oneSet { font-size : 20px ; padding-bottom : 36px ; text-align : left ; }
#footerCustom_textlist_01_1684719629726 .twoSet { font-size : 16px ; padding-bottom : 18px ; text-align : left ; }
#diy_none_obj .oneSet { font-size : 16px ; padding-bottom : 24px ; }
#diy_none_obj .twoSet { font-size : 12px ; padding-bottom : 12px ; }
#titleText_style_10_1759653173197 { left : 0% ; position : absolute ; top : 93.921875px ; width : 26.583333333333332% ; }
#titleText_style_10_1759653173197 .bgTextSet { font-size : 60px ; line-height : 1.75em ; }
#titleText_style_10_1759653173197 .bigtitsSet { color : #FF0000 ; font-size : 20px ; font-weight : bold ; height : 72px ; line-height : 1.75em ; padding-top : 0px ; text-align : left ; text-indent : 0em ; }
#titleText_style_10_1759653173197 .minititsSet { font-size : 12px ; line-height : 1.75em ; text-align : left ; }
#diy_none_obj .bgTextSet { font-size : 55px ; font-size : 36px ; line-height : 2em ; }
#share_style_08_1759653554346 { left : 22.625% ; position : absolute ; top : 310px ; width : 58.333333333333336% ; }
#share_style_08_1759653554346 > .view_contents { overflow : visible ; }
#div_a_includeBlock_1684722076103 { box-sizing : border-box ; height : 507px ; left : calc(50% - 600px) ; position : absolute ; top : 0px ; width : 1200px ; }
#div_blank_new01_1684722139028 { box-sizing : border-box ; height : 53px ; left : 0% ; position : absolute ; top : 366px ; width : 100% ; }
#div_blank_new01_1684722139028 .modSet { background : transparent ; border-bottom : none !important ; border-color : rgba(255,255,255,0.3) ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-width : 1px ; }
#copyright_style_01_1684722160993 { left : 16.894377299001576% ; position : absolute ; top : 382px ; width : 66.21124540199685% ; }
#copyright_style_01_1684722160993 > .view_contents { overflow : visible ; }
#copyright_style_01_1684722160993 .modSet { color : #FFFFFF ; }
#qqol_style_08_1715235159681 { left : 88.42616920651602% ; position : absolute ; top : 138.421875px ; width : 11.035207566999475% ; }
#qqol_style_08_1715235159681 > .view_contents { overflow : visible ; }
#qqol_style_08_1715235159681 .defProSet { color : #30AF44 ; font-family : Arial ; }
#qqol_style_08_1715235159681 .titProSet { font-family : Arial ; font-size : 14px ; }
#comm_layout_footer { background : #333333 ; height : 507px ; z-index : 99999 ; }
#comm_layout_footer > .view_contents { overflow : visible ; }
.prodcateStyle_16 { clear : both ; overflow : hidden ; width : 100% ; }
.prodcateStyle_16 * { -moz-transition : all ease-out .2s ; -o-transition : all ease-out .2s ; -webkit-transition : all ease-out .2s ; box-sizing : border-box ; transition : all ease-out .2s ; }
.prodcateStyle_16 > ul > li > a, .prodcateStyle_5 .subCateUl > ul > li > a, .prodcateStyle_5 .subCateUl2 > li > a { color : inherit ; height : inherit ; line-height : inherit ; white-space : nowrap ; }
.prodcateStyle_16 i { margin-left : 5px ; }
.prodcateStyle_16 > ul { background : #fff ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; overflow : hidden ; width : 100% ; }
.prodcateStyle_16 > ul > li { color : #555 ; float : left ; font-family : '宋体' ; font-family : Arial ; font-size : 14px ; text-align : center ; width : 16.66666667% ; }
.prodcateStyle_16 .bor { border : 1px solid #f1f1f1 ; padding : 15px ; }
.prodcateStyle_16 .kindTitle { padding-top : 8px ; white-space : normal ; }
.prodcateStyle_16 .kindImg { bottom : 0 ; left : 0 ; margin : 0 auto ; overflow : hidden ; position : relative ; right : 0 ; top : 0 ; width : 100% ; }
.prodcateStyle_16 .kindImg img { -webkit-transform : translate(-50%,-50%) ; height : 100% ; left : 50% ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; width : 100% ; }
.prodcateStyle_16 .dummy { margin-top : 100% ; }
body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select { font-family : Arial ; }
.logoStyle * { box-sizing : border-box ; }
.logoStyle { box-sizing : border-box ; height : 100% ; overflow : hidden ; width : 100% ; }
.logoStyle > a { display : block ; height : 100% ; overflow : hidden ; width : 100% ; }
.logoName { white-space : nowrap ; }
.menuStyle_28 { position : relative ; width : 100% ; }
.menuStyle_28 * { box-sizing : border-box ; }
.menuStyle_28 .miniMenu *, .menuStyle_28 .menuUl li * { -moz-transition-duration : .2s ; -moz-transition-property : background,height,padding ; -moz-transition-timing-function : ease-out ; -o-transition-duration : .2s ; -o-transition-timing-function : ease-out ; -webkit-transition-duration : .2s ; -webkit-transition-property : background,height,padding ; -webkit-transition-timing-function : ease-out ; transition-duration : .2s ; transition-property : background,height,padding ; transition-timing-function : ease-out ; }
.menuStyle_28 .dflex { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; }
.menuStyle_28 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; }
.menuStyle_28 ul, .menuStyle_28 li { list-style : none ; margin : 0px ; padding : 0 ; }
.menuStyle_28 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; }
.menuStyle_28 .menuLayout:after { clear : both ; content : '' ; display : block ; }
.menuStyle_28 .menuUl_box { position : relative ; text-align : center ; width : 100% ; }
.menuStyle_28 .menuUl { position : relative ; text-align : center ; width : 100% ; }
.menuStyle_28 .menuUl > li { position : relative ; }
.menuStyle_28 .menuUl > li > a { background : rgba(0,0,0,0.0) ; box-sizing : border-box ; color : #17233D ; display : block ; font-size : 16px ; font-weight : bold ; letter-spacing : normal ; line-height : 44px ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; white-space : nowrap ; }
.menuStyle_28 .menuUl > li > a:hover { color : #750406 ; }
.menuStyle_28 .menuUl #hot > a { color : #750406 ; }
.menuStyle_28 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; }
.menuStyle_28 .menuUl #hot > a span { color : inherit ; }
.menuStyle_28 .menuLayout .miniMenu { display : none ; }
.menuStyle_28 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; width : 100% ; }
.menuStyle_28 .menuUl > li > #menuLogo { height : 85% ; }
.menuStyle_28 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; padding-top : 10px ; }
.menuStyle_28 .menuUl.noHover .rflex:hover .menuUl02 { display : none ; }
.menuStyle_28 .menuUl02 .subMenu02 { background : #fff ; color : #4D5158 ; font-size : 14px ; line-height : 40px ; padding : 0 15px ; position : relative ; }
.menuStyle_28 .menuUl02 .subMenu02#subCurSet { color : #750406 ; }
.menuStyle_28 .menuUl02 .subMenu02 > a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; }
.menuStyle_28 .menuUl02 .subMenu02:hover { background : #f7f7f7 ; border-left : 2px solid #750406 ; color : #750406 ; }
.menuStyle_28 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; }
.menuStyle_28 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; }
.menuStyle_28 .menuUl02 .subMenu02:first-child { border-top-left-radius : 0px ; border-top-right-radius : 0px ; }
.menuStyle_28 .menuUl02 .subMenu02:last-child { border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; }
.menuStyle_28 .menuUl03 { display : none ; left : 100% ; position : absolute ; top : 0 ; }
.menuStyle_28 .menuUl03 .subMenu03 { line-height : 40px ; margin-left : 10px ; }
.menuStyle_28 .menuUl03 .subMenu03 a:hover { background : #f7f7f7 ; color : #750406 ; }
.menuStyle_28 .menuUl03 .subMenu03 > a { background : #fff ; color : #17233D ; display : block ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; }
.menuStyle_28 .menuUl03 .subMenu03:first-child a { border-top-left-radius : 0px ; border-top-right-radius : 0px ; }
.menuStyle_28 .menuUl03 .subMenu03:last-child a { border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; }
.menuStyle_28 .menuUl .rflex:hover .menuUl02::before { border-bottom : 5px solid #fff ; border-left : 5px solid transparent ; border-right : 5px solid transparent ; border-top : 5px solid transparent ; content : '' ; position : absolute ; top : 0px ; transform : translateX(-50%) ; }
.menuStyle_28 .menuUl02 .arrow:hover::before { border-bottom : 5px solid transparent ; border-left : 5px solid #fff ; border-right : 5px solid transparent ; border-top : 5px solid transparent ; content : '' ; position : absolute ; right : -10px ; top : 50% ; transform : translateY(-50%) ; }
.menuStyle_28 .maxWidth { margin : auto ; }
.menuStyle_28 .subBox { background : rgba(238, 238, 238, 0.85) ; display : none ; left : 0 ; position : absolute ; width : 100% ; }
.menuStyle_28 .subBox .subBoxContent { overflow : hidden ; padding : 15px ; text-align : left ; }
.menuStyle_28 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; }
.menuStyle_28 .subBox .sublm { float : left ; min-height : 10px ; width : calc(100% - 440px) ; }
.menuStyle_28 .subBox .sublm > div { clear : both ; margin : 8px 0 ; overflow : hidden ; }
.menuStyle_28 .subBox .subImgsbox { float : left ; height : 160px ; width : 440px ; }
.menuStyle_28 .subBox .subImgsbox > a { display : block ; float : right ; height : 100% ; margin-left : 20px ; width : calc((100% - 20px)/2) ; }
.menuStyle_28 .subBox .subImgsbox > a:last-child { margin-left : 0 ; }
.menuStyle_28 .subBox .subImgsbox > a > div.subImg { background-repeat : no-repeat ; background-size : cover !important ; height : 100% ; overflow : hidden ; position : relative ; }
.menuStyle_28 .subBox .subImgsbox > a > div.subImg span { background : rgba(255,255,255,.8) ; bottom : 0 ; color : #17233D ; display : block ; font-size : 12px ; left : 0 ; padding : 5px ; position : absolute ; width : 100% ; }
.menuStyle_28 .subBox p { float : left ; overflow : hidden ; }
.menuStyle_28 .subBox p:first-child { margin-right : 10px ; width : 100px ; }
.menuStyle_28 .subBox p:last-child { width : calc(100% - 110px) ; }
.menuStyle_28 .subBox .subMenu02 { clear : both ; color : #17233D ; font-size : 14px ; line-height : 28px ; margin-bottom : 5px ; }
.menuStyle_28 .subBox .subMenu02#subCurSet { color : #750406 ; }
.menuStyle_28 .subBox .subMenu02:hover, .menuStyle_28 .subBox .subMenu02:active { color : #750406 ; }
.menuStyle_28 .subBox .subMenu03 { color : #666 ; float : left ; font-size : 12px ; margin : 5px 20px 5px 0 ; }
.menuStyle_28 .subBox .subMenu03:hover, .menuStyle_28 .subBox .subMenu03:active { color : #750406 ; }
.menuStyle_28 .subMenu03 #thrCurSet { background : #f7f7f7 ; color : #750406 ; }
.menuStyle_28 .imgIco { -moz-box-sizing : border-box ; -ms-box-sizing : border-box ; -o-box-sizing : border-box ; -webkit-box-sizing : border-box ; box-sizing : border-box ; display : inline-block ; overflow : hidden ; padding : 15px ; position : relative ; vertical-align : middle ; }
.menuStyle_28 .imgIco img { -moz-transform : translateY(-50%) translateX(-50%) ; -ms-transform : translateY(-50%) translateX(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) translateX(-50%) ; height : 100% ; left : 50% ; position : absolute ; top : 50% ; transform : translateY(-50%) translateX(-50%) ; vertical-align : top ; width : auto ; }
.menuStyle_28 .menuUl > li > a span.pageName { display : inline ; vertical-align : middle ; }
#dh_style_28_1715235101199.clearTransform { transform : none!important ; }
#dh_style_28_1715235101199 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }
.langStyle02 .lang_main { color : #333 ; font-size : 16px ; text-align : center ; }
.langStyle02 .lang_content { background : #fff ; border : 1px solid #ccc ; box-shadow : 0px 0px 10px rgba(0,0,0,.3) ; display : none ; font-size : 14px ; margin : 5px auto 0 ; text-align : center ; }
.langStyle02 .imgArea { display : inline-block ; height : 20px ; vertical-align : middle ; width : 20px ; }
.langStyle02 .imgSet { margin-right : 3px ; }
.langStyle02 .imgArea img { display : block ; height : 100% ; }
.langStyle02 .lang_content a { display : block ; line-height : 2 ; }
.langStyle02 .lang_content a:hover { background : rgb(45,140,240) ; color : #FFF ; }
.langStyle02 .top_box { display : block ; }
.langStyle02 .text { display : inline-block ; padding-right : 5px ; vertical-align : middle ; }
.langStyle02 .arrow { border-left : 5px solid transparent ; border-right : 5px solid transparent ; display : inline-block ; height : 0 ; width : 0 ; }
#lang_style_12_1715235106116 .arrowDown { border-top : 6px solid #666666 ; }
.imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; }
#image_style_01_1684755103911 .CompatibleImg img { -moz-transform : translate(-50%,0) ; -ms-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; height : 100% ; left : 50% ; position : relative ; top : 0 ; transform : translate(-50%,0) ; width : auto ; }
#image_style_01_1684755103911 a { cursor : default ; }
.imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; }
.imgStyle img { box-sizing : border-box ; }
.titleStyle_5 .view_cont { position : relative ; }
.titleStyle_5 .titletop { font-size : 28px ; margin-bottom : 10px ; position : relative ; }
.titleStyle_5 .titlebottom { color : #999 ; font-size : 16px ; margin-top : 10px ; position : relative ; }
.titleStyle_5 .btn_view { -moz-transform : translateY(-50%) ; -ms-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; color : #333 ; display : inline-block ; font-size : 14px ; position : absolute ; right : 0 ; top : 50% ; transform : translateY(-50%) ; }
.titleStyle_5 .line_view { font-size : 0 ; position : relative ; }
.titleStyle_5 .line_view .linelong { background-color : #EAEAEA ; height : 1px ; left : 0 ; position : absolute ; top : 1px ; width : 100% ; z-index : 1 ; }
.titleStyle_5 .line_view .lineshort { background-color : #53841D ; display : inline-block ; height : 3px ; padding : 0 30px ; position : relative ; vertical-align : top ; width : 0 ; z-index : 99 ; }
#titleText_style_05_1686195533699 .titleStyle_5 .view_cont { text-align : center ; }
.blank_new01 { height : 100% ; width : 100% ; }
.blank_new01 .roundcs { background : rgba(7,126,244,0.7) ; box-sizing : border-box ; height : 100% ; width : 100% ; }
.prod_default23 { clear : both ; width : 100% ; }
.prod_default23 * { -moz-transition : all ease-out .2s ; -o-transition : all ease-out .2s ; -webkit-transition : all ease-out .2s ; box-sizing : border-box ; transition : all ease-out .2s ; }
.prod_default23 ul { display : -webkit-flex ; display : -moz-flex ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; width : 100% ; }
.prod_default23 .prod_Item { box-sizing : border-box ; height : auto ; list-style : none ; padding : 0px ; }
.prod_default23 .mia_li_item { background-color : #F6F6F6 ; box-sizing : border-box ; height : 100% ; margin-bottom : 1% ; overflow : hidden ; }
.prod_default23 .relative { height : auto ; overflow : hidden ; position : relative ; width : 100% ; }
.prod_default23 .prodImg_box { background : #eee ; box-sizing : border-box ; overflow : hidden ; position : relative ; width : 100% ; }
.prod_default23 .prod_img { bottom : 0 ; left : 0 ; overflow : hidden ; position : absolute ; right : 0 ; top : 0 ; }
.prod_default23 .prod_Item:hover .prod_img { -moz-transform : scale(1.05) ; -ms-transform : scale(1.05) ; -o-transform : scale(1.05) ; -webkit-transform : scale(1.05) ; transform : scale(1.05) ; }
.prod_default23 .prod_img img.horizontal { -moz-transform : translateY(-50%) ; -ms-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; height : auto ; left : 0 ; position : absolute ; top : 50% ; transform : translateY(-50%) ; width : 100% ; }
.prod_default23 .prod_img img.vertical { -moz-transform : translateX(-50%) ; -ms-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; height : 100% ; left : 50% ; position : absolute ; top : 0 ; transform : translateX(-50%) ; width : auto ; }
.prod_default23 .dummy { margin-top : 75% ; }
.prod_default23 .prod_info { box-sizing : border-box ; overflow : hidden ; padding : 5% 12px ; width : auto ; }
.prod_default23 .p_name { -webkit-box-orient : vertical ; -webkit-line-clamp : 2 ; color : #333 ; display : -webkit-box ; font-size : 16px ; line-height : 1.4 ; overflow : hidden ; text-overflow : ellipsis ; width : 100% ; }
.prod_default23 .p_name a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; }
.prod_default23 .status { border : 1px solid #7d7d7d ; color : #333 ; display : inline-block ; float : right ; font-family : Arial ; font-size : 12px ; margin-right : 0!important ; margin-right : 5px ; margin-top : 2px ; padding : 0 2px ; text-align : center ; text-indent : 0px ; vertical-align : middle ; }
.prod_default23 .p_detail { -webkit-box-orient : vertical ; -webkit-line-clamp : 2 ; color : #666 ; display : block ; display : -webkit-box ; font-size : 12px ; margin-top : 2px ; overflow : hidden ; text-overflow : ellipsis ; }
.prod_default23 .p_group { color : #666 ; display : block ; float : left ; font-size : 12px ; margin-top : 6px ; text-align : left!important ; width : 60% ; }
.prod_default23 .p_line { ; width : 100% ; overflow : hidden ; }
.prod_default23 .p_num { color : #666 ; display : block ; float : right ; font-size : 12px ; margin-top : 6px ; text-align : right!important ; width : 40% ; }
.prod_default23 .p_price { float : left ; font-size : 0 ; line-height : 1 ; white-space : nowrap ; }
.prod_default23 .p_value { color : #333 ; display : inline-block ; font-size : 18px ; margin-top : 6px ; }
.prod_default23 .unit { color : #333 ; font-size : 16px ; }
.prod_default23 .p_vip { display : block ; float : left ; text-align : left ; white-space : nowrap ; width : 48% ; }
.prod_default23 .p_vip .v_jg { color : #666 ; font-size : inherit ; }
.prod_default23 .v_value { color : #666 ; font-size : inherit ; }
.prod_default23 .v_unit { color : #666 ; font-size : inherit ; }
.prod_default23 .pro_button { display : none ; margin : 10px 0 ; overflow : hidden ; }
.prod_default23 .p_link { float : left ; text-align : center ; width : 48% ; }
.prod_default23 .p_link a { display : block ; padding : 10px 15px ; }
.prod_default23 .p_cart { float : right ; text-align : center ; width : 48% ; }
.prod_default23 .p_cart a { display : block ; padding : 10px 15px ; }
.prod_default23 a { text-decoration : none ; }
.prod_default23 .Collage_ico { left : 0 ; position : absolute ; top : 0 ; width : 40px ; z-index : 100 ; }
.prod_default23 .Collage_ico img { height : 100% ; vertical-align : top ; width : 100% ; }
.prod_default23 .prod_top { background-color : #FF5656 ; color : white ; font-size : 14px ; overflow : hidden ; padding : 10px 10px ; }
.prod_default23 .prod_top_left { display : inline-block ; overflow : hidden ; vertical-align : middle ; width : 100% ; }
.prod_default23 .prod_price { color : #FF002A ; display : inline-block ; }
.prod_default23 .prod_old_price { display : inline-block ; font-size : 12px ; text-decoration : line-through ; }
.prod_default23 .prod_infos .price_value { font-size : 26px ; }
.prod_default23 .prod_infos .units { font-size : 16px ; }
.prod_default23 .prod_infos .zero { font-size : 12px ; }
.prod_default23 .prod_top_right { background : #f00 ; bottom : 0 ; color : #FFF ; display : inline-block ; padding : 10px ; position : absolute ; vertical-align : middle ; width : 100% ; z-index : 99 ; }
.prod_default23 .prod_details { display : inline-block ; font-size : 14px ; overflow : hidden ; white-space : nowrap ; }
.prod_default23 .prod_pernum { display : inline-block ; float : right ; font-size : 14px ; overflow : hidden ; text-align : right ; white-space : nowrap ; }
.prod_default23 .ptoldprice { display : block ; float : right ; font-size : 12px ; text-align : right ; white-space : nowrap ; width : auto ; }
.prod_default23 .zhekou { clear : both ; color : #333 ; display : inline-block ; font-size : 18px ; line-height : 1 ; }
.prod_default23 .zhekou .zk_unit { font-size : 14px ; font-weight : normal ; }
.prod_default23 .zhe_price { color : #888 ; float : left ; min-width : 126px ; position : relative ; width : 52% ; }
.prod_default23 .p_price2 { color : #666 ; float : right ; font-family : Arial ; font-size : 12px ; margin-top : 6px ; }
.prod_default23 .line_through { display : inline-block ; text-decoration : line-through ; }
.prod_default23 .yuanjia2 { color : inherit ; font-size : inherit ; }
.prod_default23 .fuhao { color : inherit ; font-family : Arial ; font-size : inherit ; }
.prod_default23 .jiage { color : inherit ; font-size : inherit ; }
.prod_default23 .freebox { position : absolute ; right : 0 ; top : 50% ; transform : translateY(-50%) ; }
.prod_default23 .btnn { background-color : transparent ; border : 1px solid #7d7d7d ; box-sizing : content-box ; color : #333 ; display : inline-block ; height : 30px ; line-height : 28px ; margin-top : 10px ; text-align : center ; width : 50% ; }
.prod_default23 .btnn a { color : inherit ; display : block ; }
.prod_default23 span.freeSet { color : #FFF ; display : table-cell ; font-size : 14px ; height : 40px ; line-height : 1 ; position : relative ; text-align : center ; top : -49px ; vertical-align : middle ; width : 40px ; }
.prod_default23 .freeinfo { clear : both ; overflow : hidden ; }
.prod_default23 .freeinfo span { border : 1px solid red ; border-radius : 5px ; box-sizing : border-box ; color : red ; display : block ; float : left ; margin-right : 5px ; padding : 0 5px ; }
.prod_default23 .showPage { display : none !important ; }
.prod_default23 .showKind { display : none !important ; }
.prod_default23 .showOldprice { display : none !important ; }
.prod_default23 .showPrice { display : none !important ; }
.prod_default23 .showIntro { display : none !important ; }
.prod_default23 .showButton { display : none !important ; }
.prod_default23 .showStatus { display : none !important ; }
.prod_default23 .showActivity { display : none !important ; }
#productList_style_23_1686195542095 .btnn { width : 50% ; }
#productList_style_23_1686195542095 .p_cart .a_mode { width : 50% ; }
.p_detail { white-space : pre-wrap ; }
.p_detail .overhide { white-space : pre-wrap ; }
#productList_style_23_1686195542095 li { width : 23.5% ; }
#productList_style_23_1686195542095 li.prod_Item { margin-bottom : 2% ; }
#productList_style_23_1686195542095 .p_detail.pc, #productList_style_23_1686195542095 .p_name.pc { display : block ; }
#productList_style_23_1686195542095 .p_detail.pad, #productList_style_23_1686195542095 .p_detail.mobile, #productList_style_23_1686195542095 .p_name.pad, #productList_style_23_1686195542095 .p_name.mobile { display : none ; }
#productList_style_23_1686195542095 .showActivity { display : none !important ; }
#productList_style_23_1686195542095 .showPrice { display : block !important ; }
#productList_style_23_1686195542095 .showPage { display : block !important ; }
#productList_style_23_1686195542095 .showPic { display : block !important ; }
#productList_style_23_1686195542095 .showTitle { display : block !important ; }
#productList_style_23_1686195542095 .btnaSet, #productList_style_23_1686195542095 .btnaSet a { overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; }
.footerText_01 { background : #a2a3e9 ; box-sizing : border-box ; padding-bottom : 10px ; padding-top : 5px ; position : relative ; width : 100% ; }
.footerText_01 .text_list { display : flex ; flex-wrap : wrap ; }
.footerText_01 .conDiv { align-items : center ; flex : 1 ; }
.footerText_01 .conDiv .title_box { color : #FFF ; display : block ; font-size : 16px ; height : 40px ; line-height : 40px ; overflow : hidden ; text-align : center ; text-overflow : ellipsis ; white-space : nowrap ; }
.footerText_01 .conDiv .sub_title { color : #FFF ; display : block ; font-size : 14px ; height : 30px ; line-height : 30px ; overflow : hidden ; text-align : center ; text-overflow : ellipsis ; white-space : nowrap ; }
.footerText_01 .conDiv .title_box > a { color : inherit ; display : inline-block ; font-size : inherit ; line-height : inherit ; max-width : 100% ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; }
.footerText_01 .conDiv .sub_title > a { color : inherit ; display : inline-block ; font-size : inherit ; line-height : inherit ; max-width : 100% ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; }
.footerText_01 .conDiv .sub_title:hover > a { text-decoration : inherit ; }
#footerCustom_textlist_01_1684719629726 .footerText_01 .conDiv { max-width : calc(100% / 4) ; min-width : calc(100% / 4) ; }
.titleStyle_10 { overflow : hidden ; }
.titleStyle_10 .view_cont { position : relative ; }
.titleStyle_10 .background_text { color : #E5ECF4 ; font-size : 50px ; font-weight : bold ; position : absolute ; text-align : center ; top : 0 ; width : 100% ; z-index : 1 ; }
.titleStyle_10 .foreground_text { position : relative ; text-align : center ; z-index : 2 ; }
.titleStyle_10 .foreground_text .title_top { font-size : 40px ; padding-top : 32px ; }
.titleStyle_10 .foreground_text .title_bottom { color : #999999 ; font-size : 18px ; }
.shareStyle_08 .item_view { float : left ; position : relative ; }
.shareStyle_08 .item_view .replenish_view { background : red ; border-bottom : 0!important ; border-top : 0!important ; height : 0 ; margin-bottom : 0!important ; margin-top : 0!important ; padding-bottom : 0!important ; padding-top : 0!important ; }
.shareStyle_08 .item_view .msb_network_button { border-radius : 5px ; cursor : pointer ; display : inline-block ; margin : 0 4px 4px 0 ; overflow : hidden ; position : relative ; width : 40px ; }
.shareStyle_08 .msb_img { background-color : #FFF ; vertical-align : top ; width : 100% ; }
.shareStyle_08 .wechat_qrcode:after { border-color : #fff transparent transparent transparent ; border-style : solid ; border-width : 8px 6px 6px 6px ; bottom : -12px ; content : '' ; height : 0 ; left : 50% ; margin-left : -6px ; position : absolute ; width : 0 ; }
.shareStyle_08 .wechat_qrcode { background-color : #FFF ; border : 1px solid #eee ; box-shadow : 2px 2px 8px rgb(0 0 0 / 10%) ; color : #666 ; display : none ; font-size : 12px ; height : 120px ; left : 50% ; padding : 8px ; position : absolute ; text-align : center ; top : -155px ; transform : translate(-50%, 0) ; width : 120px ; z-index : 9 ; }
.shareStyle_08 .wechat_qrcode img { width : 100%!important ; }
.shareStyle_08 .wechat_qrcode canvas { width : 100%!important ; }
#share_style_08_1759653554346 .shareStyle_08 .msb_network_button, #share_style_08_1759653554346 .shareStyle_08 .replenish_view { width : 40px ; }
.copyrightStyle01 { color : #999 ; font-family : Arial ; font-size : 14px ; text-align : center ; }
.copyrightStyle01 .copyright_view { display : inline ; padding-right : 10px ; }
.copyrightStyle01 .icp_view { display : inline-block ; padding-right : 10px ; }
.copyrightStyle01 .lw_view { display : inline-block ; }
.copyrightStyle01 .lw_icon { margin-right : 4px ; vertical-align : top ; width : 18px ; }
.copyrightStyle01 .line_view a { color : inherit ; }
.onlineStyle08 .main_box { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; position : fixed ; right : 0 ; top : 50% ; transform : translateY(-50%) ; }
.onlineStyle08 .main_li { position : relative ; }
.onlineStyle08 .menu_ico { background-color : #353535 ; height : 52px ; margin-bottom : 4px ; overflow : hidden ; width : 52px ; }
.onlineStyle08 .menu_ico a { display : block ; height : 100% ; }
.onlineStyle08 .menu_ico:hover { background-color : #F05352 ; cursor : pointer ; }
.onlineStyle08 .menu_con { background-color : #FFF ; box-shadow : 0px 0px 10px rgba(0,0,0,.2) ; box-sizing : border-box ; display : none ; padding : 8px 22px ; position : absolute ; right : calc(100% + 20px) ; text-align : center ; top : 0 ; width : 223px ; }
.onlineStyle08 .menu_con .con_box { box-sizing : border-box ; overflow : hidden ; padding : 14px 0 ; }
.onlineStyle08 .main_li .icon_view { position : relative ; top : 50% ; transform : translateY(-50%) ; }
.onlineStyle08 .main_li .item_icon { display : inline-block ; height : 22px ; object-fit : contain ; width : 100% ; }
.onlineStyle08 .main_li .item_name { color : white ; display : inline-block ; padding-top : 2px ; text-align : center ; width : 100% ; }
.imgInfo_view .icon_image { float : left ; height : 44px ; width : 44px ; }
.imgInfo_view .item_text { box-sizing : border-box ; float : left ; font-size : 16px ; padding-left : 10px ; text-align : left ; }
.imgInfo_view .item_text .item_title { display : block ; line-height : 1.5 ; }
.imgInfo_view .item_text .item_info { color : #F05352 ; display : block ; line-height : 1.5 ; }
.imgText_view .icon_image { float : left ; height : 28px ; width : 28px ; }
.imgText_view .item_text { box-sizing : border-box ; float : left ; font-size : 16px ; padding-left : 10px ; text-align : left ; }
.imgText_view .item_text .item_title { display : block ; line-height : 28px ; }
.img_view .icon_image { max-width : 176px ; }
.img_view .item_text { box-sizing : border-box ; font-size : 16px ; }
.img_view .item_text .item_title { display : block ; line-height : 1.5 ; padding : 5px 0 ; text-align : center ; }
.onlineStyle08 .menu_con .con_box.text_view { padding : 8px 0 ; }
.text_view .item_text { box-sizing : border-box ; font-size : 16px ; }
.text_view .item_text .item_title { display : block ; line-height : 1.5 ; text-align : left ; }
#qqol_style_08_1715235159681 .menu_ico { background-color : #30af44!important ; }
#qqol_style_08_1715235159681 .menu_ico:hover { background-color : #118923!important ; }
#qqol_style_08_1715235159681 .menu_ico.mobile_ico_cur { background-color : #118923!important ; }
#qqol_style_08_1715235159681 .menu_ico.mobile_ico_notcur { background-color : #30af44!important ; }
#qqol_style_08_1715235159681 .main_box { left : auto ; right : 0 ; }
#qqol_style_08_1715235159681 .menu_con { left : auto ; right : calc(100% + 20px) ; }
#qqol_style_08_1715235159681 .onlineStyle08 .main_li .item_icon { height : 28px ; }
#qqol_style_08_1715235159681 .onlineStyle08 .menu_ico { height : 50px ; width : 50px ; }
.bottomMenu { bottom : 0 ; box-sizing : border-box ; display : none ; position : fixed ; width : 100% ; z-index : 999999 ; }
.bottomMenu ul { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; background-color : #FFFFFF ; border-top : 1px solid #ddd ; box-shadow : 0 0px 6px rgba(0,0,0,.1) ; box-sizing : border-box ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; height : 50px ; position : relative ; width : 100% ; }
.bottomMenu ul li { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; box-sizing : border-box ; flex : 1 ; padding-top : 0!important ; position : relative ; }
.bottomMenu ul li a { display : inline-block ; height : 100% ; width : 100% ; }
.bottomMenu ul li .menuItem { position : relative ; }
.bottomMenu ul li .menuItem.iconTxt { top : 5% ; }
.bottomMenu ul li .menuItem.txt { -moz-transform : translateY(-50%) ; -ms-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; top : 50% ; transform : translateY(-50%) ; }
.bottomMenu ul li .menuItem.icon { top : 20% ; }
.bottomMenu ul li .menuIco { box-sizing : border-box ; height : 26px ; margin : 0 auto 4px ; overflow : hidden ; padding-top : 2px ; width : auto ; }
.bottomMenu ul li .menuIco img { box-sizing : border-box ; height : 100% ; object-fit : contain ; width : 100% ; }
.bottomMenu ul li .menuName { color : #666666 ; font-family : Microsoft YaHei ; font-size : 12px ; line-height : 1 ; margin : auto ; text-align : center ; white-space : nowrap ; }
.bottomMenu ul li .submenuItems { background-color : #FFF ; border : 1px solid #ddd ; bottom : 48px ; box-shadow : 0 0px 6px rgba(0,0,0,.1) ; position : absolute ; text-align : center ; width : 100% ; z-index : 999999 ; }
.bottomMenu ul li .submenuItems a { border-bottom : 1px solid #ddd ; color : #333 ; display : block ; font-size : 12px ; height : 36px ; line-height : 36px ; }
@media screen and (min-width:640px) { #dh_style_28_1715235101199 .maxWidth { max-width : px ; }
#dh_style_28_1715235101199 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; }
#dh_style_28_1715235101199 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; }
#dh_style_28_1715235101199 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}

@media screen and (min-width:1202px) { #prodKind_style_16_1686195762019 li { width : 15% ; }
#prodKind_style_16_1686195762019 .bor { margin-bottom : 2% ; }
#prodKind_style_16_1686195762019 .kindImg { height : px ; width : px ; }}