body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; } #image_logo_1633750942285 { height : 100px ; left : 6.133828996282528% ; position : absolute ; top : 0px ; width : 220px ; } #div_a_includeBlock_1633750889631 { box-sizing : border-box ; height : 128px ; left : 0% ; position : absolute ; top : 0px ; width : 269px ; z-index : 4 ; } #dh_style_28_1588818670562 { left : 29.75% ; position : absolute ; top : 15.46875px ; width : 70.25028991699219% ; z-index : 1000 ; } #dh_style_28_1588818670562 > .view_contents { overflow : visible ; } #dh_style_28_1588818670562 .mainMenuSet { background : #ffffff ; color : #333333 ; font-family : Microsoft YaHei ; font-size : 16px ; font-weight : normal ; height : 60px ; line-height : 60px ; text-color : #333333 ; text-hover-color : #ea5815 ; } #dh_style_28_1588818670562 .mainMenuSet:hover { background : transparent ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 5px ; color : #EA5815 ; font-size : 16px ; font-weight : bold ; } #dh_style_28_1588818670562 #hot > a { background : transparent ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 5px ; color : #EA5815 ; font-size : 16px ; font-weight : bold ; } #dh_style_28_1588818670562 #hot .aview { background : transparent ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 5px ; color : #EA5815 ; font-size : 16px ; font-weight : bold ; } #dh_style_28_1588818670562 .subMenuSet { border-color : #ffffff ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-width : 1px ; color : #333333 ; font-family : Microsoft YaHei ; font-size : 14px ; font-weight : normal ; margin-bottom : 0px ; } #dh_style_28_1588818670562 .subMenuSet:hover { background : #ea5815 ; border-color : #ffffff ; border-right : none !important ; border-style : solid ; border-width : 1px ; color : #FFFFFF ; font-family : Microsoft YaHei ; font-size : 16px ; font-weight : normal ; margin-bottom : 0px ; } #dh_style_28_1588818670562 .subCurSet { border-bottom : none !important ; border-style : none ; border-width : 0px ; color : #EA5815 ; } #dh_style_28_1588818670562 .dhAreaSet { background : #ffffff ; font-size : 16px ; } #dh_style_28_1588818670562 .thrMenuSet { color : #333333 ; font-family : Microsoft YaHei ; font-size : 18px ; font-weight : bold ; } #dh_style_28_1588818670562 #subCurSet { background : #ea5815 ; border-color : #ffffff ; border-right : none !important ; border-style : solid ; border-width : 1px ; color : #FFFFFF ; font-family : Microsoft YaHei ; font-size : 16px ; font-weight : normal ; margin-bottom : 0px ; } #dh_style_28_1588818670562 .thrMenuSet:hover { color : #EA5815 ; font-family : Microsoft YaHei ; font-size : 18px ; font-weight : bold ; } #dh_style_28_1588818670562 #thrCurSet { color : #EA5815 ; font-family : Microsoft YaHei ; font-size : 18px ; font-weight : bold ; } #dh_style_28_1588818670562 .thrCurSet { color : #EA5815 ; } #diy_none_obj .mainMenuSet { background : transparent ; border-bottom : none !important ; border-color : transparent ; border-left : none !important ; border-right : none !important ; border-top : none !important ; color : #FFFFFF ; font-size : 16px ; height : 50px ; line-height : 50px ; padding-left : 0px ; text-align : left ; } #diy_none_obj .subMenuSet { background : transparent ; border-bottom : none !important ; border-color : transparent ; border-left : none !important ; border-right : none !important ; border-style : none ; border-top : none !important ; border-width : 0px ; color : #FFFFFF ; font-size : 14px ; margin-left : 5px ; padding-left : 0px ; text-align : left ; } #diy_none_obj .subMenuSet:hover { background : transparent ; border-bottom : none !important ; border-left : none !important ; border-right : none !important ; color : #EA5815 ; font-family : Microsoft YaHei ; font-size : 14px ; margin-left : 5px ; opacity : 0.8 ; padding-left : 0px ; text-align : left ; } #diy_none_obj .subCurSet { border-bottom : none !important ; border-left : none !important ; border-right : none !important ; } #diy_none_obj .dhAreaSet { background : rgba(25,25,25,0.8) ; border-bottom : none !important ; border-left : none !important ; border-right : none !important ; border-top : none !important ; } #diy_none_obj #subCurSet { background : transparent ; color : #EA5815 ; font-family : Microsoft YaHei ; font-size : 14px ; margin-left : 5px ; opacity : 0.8 ; padding-left : 0px ; text-align : left ; } #diy_none_obj .mainMenuSet:hover { background : transparent ; opacity : 0.8 ; padding-left : 0px ; } #diy_none_obj #hot > a { background : transparent ; opacity : 0.8 ; padding-left : 0px ; } #diy_none_obj #hot .aview { background : transparent ; opacity : 0.8 ; padding-left : 0px ; } #div_a_includeBlock_1588816664448 { height : 128px ; left : calc(50% - 600px) ; position : absolute ; top : 40px ; width : 1200px ; z-index : 3 ; } #div_a_includeBlock_1588816664448 > .view_contents { overflow : visible ; } #div_blank_new01_1588816697045 { background : #021200 ; box-sizing : border-box ; height : 40px ; left : 0% ; position : absolute ; top : 0px ; width : 100% ; z-index : 2 ; } #div_blank_new01_1588816697045 .modSet { background : #00122f ; } #diy_none_obj { box-sizing : border-box ; } #comm_layout_header { height : 168px ; z-index : 99999 ; } #comm_layout_header > .view_contents { overflow : visible ; } #qqol_style_04_1681264335051 { left : 80.21990651873465% ; position : absolute ; top : 565.6000213623047px ; width : 10.319410319410318% ; } #qqol_style_04_1681264335051 > .view_contents { overflow : visible ; } #productList_style_11_1687862509221 { left : 27.832512315270936% ; position : absolute ; top : 201.0833282470703px ; width : 44.33497536945813% ; } #productList_style_11_1687862509221 > .view_contents { overflow : visible ; } #layout_diy_1588816476 { height : 601.6000213623047px ; } #layout_diy_1588816476 > .view_contents { overflow : visible ; } #layout_1589019774952 { height : 49px ; } #layout_1589019774952 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1588835487925 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 84.16666158040364% ; line-height : 1.8 ; position : absolute ; top : 144.004638671875px ; width : 10% ; z-index : 2 ; } #text_style_01_1588835487925 > .view_contents { color : #FFFFFF ; text-align : center ; text-decoration : none ; } #image_style_01_1588835601962 { height : 120px ; left : 84.16666920979817% ; position : absolute ; top : 12px ; width : 120px ; } #image_style_01_1588835601962 > .view_contents { overflow : visible ; } #footerCustom_footerDh_01_1633936559221 { left : 1.1666692097981772% ; position : absolute ; top : 30px ; width : 76.5% ; z-index : 999 ; } #footerCustom_footerDh_01_1633936559221 > .view_contents { overflow : visible ; } #footerCustom_footerDh_01_1633936559221 .mainMenuSet { color : #FFFFFF ; } #footerCustom_footerDh_01_1633936559221 .subMenuSet { color : #FFFFFF ; font-size : 14px ; opacity : 0.8 ; } #footerCustom_footerDh_01_1633936559221 .subMenuSet:hover { color : #FFFFFF ; font-family : Microsoft YaHei ; font-size : 14px ; } #footerCustom_footerDh_01_1633936559221 #subCurSet { color : #FFFFFF ; font-family : Microsoft YaHei ; font-size : 14px ; } #footerCustom_footerDh_01_1633936559221 .mainMenuSet:hover { color : #FFFFFF ; } #footerCustom_footerDh_01_1633936559221 #hot > a { color : #FFFFFF ; } #footerCustom_footerDh_01_1633936559221 #hot .aview { color : #FFFFFF ; } #div_a_includeBlock_1588832712022 { display : block ; height : 216px ; left : calc(50% - 600px) ; position : absolute ; top : 1px ; width : 1200px ; z-index : 2 ; } #copyright_style_01_1633936262456 { display : block ; left : 19.395987395865326% ; position : absolute ; top : 145px ; width : 60.132291040288635% ; z-index : 3 ; } #copyright_style_01_1633936262456 > .view_contents { overflow : visible ; } #comm_layout_footer { background : #00235a ; display : block ; height : 217px ; z-index : 99999 ; } .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_1588818670562 .menuUl .rflex:hover .menuUl02 { width : auto ; } #dh_style_28_1588818670562.clearTransform { transform : none!important ; } #dh_style_28_1588818670562 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; } .blank_new01 { height : 100% ; width : 100% ; } .blank_new01 .roundcs { background : rgba(7,126,244,0.7) ; box-sizing : border-box ; height : 100% ; width : 100% ; } .onlineStyle04 .main_box { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; position : fixed ; right : 0 ; top : 50% ; transform : translateY(-50%) ; } .onlineStyle04 .main_li { position : relative ; } .onlineStyle04 .menu_ico { background-color : #353535 ; height : 44px ; margin-bottom : 4px ; overflow : hidden ; width : 44px ; } .onlineStyle04 .menu_ico:hover { background-color : #F05352 ; cursor : pointer ; } .onlineStyle04 .menu_ico .i { background-image : url("../img/qqol/style_04/suspension-bg.png") ; background-repeat : no-repeat ; float : left ; height : 20px ; margin : 12px 0 0 12px ; width : 20px ; } .onlineStyle04 .qq .i { background-position : 0 0 ; } .onlineStyle04 .phone .i { background-position : -27px 0 ; } .onlineStyle04 .qrcode .i { background-position : 0 -24px ; } .onlineStyle04 .cart .i { background-image : url("../img/qqol/style_04/side_icon.png") ; background-position : -29px -24px ; background-position : -87px 0 ; height : 44px ; margin : 0 ; width : 44px ; } .onlineStyle04 .main_li.gotop .menu_ico .i { background-image : url("../img/qqol/style_04/side_icon.png") ; background-position : -132px 0 ; height : 44px ; margin : 0 ; width : 44px ; } .onlineStyle04 .menu_con { background-color : #FFF ; box-shadow : 0px 0px 10px rgba(0,0,0,.2) ; box-sizing : border-box ; display : none ; padding : 8px 22px 12px ; position : absolute ; right : calc(100% + 20px) ; text-align : center ; top : 0 ; width : 223px ; } .onlineStyle04 .menu_con .con_box { box-sizing : border-box ; overflow : hidden ; padding : 14px 0 ; } .onlineStyle04 .con_box a { display : block ; } .onlineStyle04 .con_box .icon { background-color : #F1F1F3 ; border-radius : 50% ; display : block ; float : left ; height : 44px ; overflow : hidden ; width : 44px ; } .onlineStyle04 .con_box:hover .i-qq { background-position : center 0 ; } .onlineStyle04 .icon .i-icon { display : block ; height : 100% ; transition : all .2s ; width : 100% ; } .onlineStyle04 .icon .i-qq { background : url(../img/qqol/style_04/qq_icon.png) no-repeat ; background-position : center 15px ; } .onlineStyle04 .icon .i-phone { background : url(../img/qqol/style_04/side_con_phone.png) no-repeat ; background-position : center ; } .onlineStyle04 .con_box .text { box-sizing : border-box ; float : left ; font-size : 16px ; line-height : 44px ; padding-left : 10px ; text-align : left ; } .onlineStyle04 .con_box .text span { display : block ; line-height : 1.5 ; } .onlineStyle04 .con_box .text span:last-of-type { color : #F05352 ; } .onlineStyle04 .menu_con .qr_text { font-size : 16px ; padding : 5px 0 ; } .onlineStyle04 .menu_con img { height : 150px ; margin : 10px auto 0 ; width : 150px ; } .onlineStyle04 .qq_mobile { display : none ; } #qqol_style_04_1681264335051 .mobile_ico_cur, #qqol_style_04_1681264335051 .mobile_ico_cur:hover { background-color : #F05352 ; } #qqol_style_04_1681264335051 .mobile_ico_notcur, #qqol_style_04_1681264335051 .mobile_ico_notcur:hover { background-color : #353535 ; } #qqol_style_04_1681264335051 .menu_ico:last-child, #qqol_style_04_1681264335051 .menu_ico:last-child:hover { background-color : #353535!important ; } #qqol_style_04_1681264335051 .menu_ico { background-color : ; } #qqol_style_04_1681264335051 .text span:last-of-type { color : ; } #qqol_style_04_1681264335051 .menu_ico:hover { background-color : ; } #qqol_style_04_1681264335051 .main_box { left : auto ; right : 0 ; } #qqol_style_04_1681264335051 .menu_con { left : auto ; right : calc(100% + 20px) ; } .prod_default11 { clear : both ; width : 100% ; } .prod_default11 * { -moz-transition : all ease .2s ; -o-transition : all ease .2s ; -webkit-transition : all ease .2s ; box-sizing : border-box ; transition : all ease .2s ; } .prod_default11 ul { display : -webkit-flex ; display : -moz-flex ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; width : 100% ; } .prod_default11 .prod_Item { box-sizing : border-box ; height : auto ; list-style : none ; margin-bottom : 1% ; overflow : hidden ; padding : 0px ; } .prod_default11 .relative { height : auto ; overflow : hidden ; position : relative ; width : 100% ; } .prod_default11 .prodImg_box { background : #eee ; box-sizing : border-box ; overflow : hidden ; position : relative ; width : 100% ; } .prod_default11 .prod_img { bottom : 0 ; left : 0 ; overflow : hidden ; position : absolute ; right : 0 ; top : 0 ; } .prod_default11 .prod_Item:hover .prod_img { -moz-transform : scale(1.05) ; -o-transform : scale(1.05) ; -webkit-transform : scale(1.05) ; transform : scale(1.05) ; } .prod_default11 .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_default11 .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_default11 .dummy { margin-top : 75% ; } .prod_default11 .prod_info { box-sizing : border-box ; overflow : hidden ; padding-top : 10px ; width : 100% ; } .prod_default11 .p_name { -webkit-box-orient : vertical ; -webkit-line-clamp : 2 ; color : #242424 ; display : -webkit-box ; font-size : 16px ; line-height : 1.4 ; margin-bottom : 5px ; overflow : hidden ; text-overflow : ellipsis ; width : 100% ; } .prod_default11 .p_name a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; } .prod_default11 .p_detail { -webkit-box-orient : vertical ; -webkit-line-clamp : 2 ; color : #666 ; display : block ; display : -webkit-box ; font-size : 12px ; margin-bottom : 5px ; overflow : hidden ; text-overflow : ellipsis ; } .prod_default11 .p_group { color : #666 ; display : block ; float : left ; font-size : 12px ; margin-bottom : 5px ; width : 50% ; } .prod_default11 .p_group .p_lb { display : none ; } .prod_default11 .p_line { margin-bottom : 5px ; width : 100% ; } .prod_default11 .p_num { color : #666 ; display : block ; float : right ; font-size : 12px ; margin-bottom : 5px ; text-align : right ; width : 50% ; } .prod_default11 .p_jg { display : none ; } .prod_default11 .p_price { display : block !important ; float : left ; line-height : 1 ; white-space : nowrap ; } .prod_default11 .p_value { color : #2ED2D4 ; font-size : 26px ; } .prod_default11 .zhekou { color : #2ED2D4 ; font-size : 14px ; } .prod_default11 .p_vip { display : block ; line-height : 20px ; text-align : left ; white-space : nowrap ; } .prod_default11 .p_vip .v_jg { color : #666 ; font-size : 12px ; } .prod_default11 .pro_button { float : right ; margin : 0 ; overflow : hidden ; } .prod_default11 .p_link { float : left ; text-align : center ; width : 48% ; } .prod_default11 .p_link a { display : block ; padding : 10px 15px ; } .prod_default11 .p_cart { text-align : center ; } .prod_default11 .p_cart a { background : #2ED2D4 ; color : #FFF ; display : block ; padding : 10px 15px ; } .prod_default11 a { text-decoration : none ; } .prod_default11 .p_price2 { clear : both ; color : gray !important ; font-size : 12px !important ; line-height : 1 ; white-space : nowrap ; } .prod_default11 .p_price2 .p_jg { color : gray ; font-size : 14px ; } .prod_default11 .p_price2 .unit { color : gray ; font-size : 14px ; } .prod_default11 .p_price2 .p_value { color : gray ; font-size : 14px ; } .prod_default11 .btnaSet { border-radius : 22px ; } .prod_default11 .content_left { float : left ; } .prod_default11 .vipSet { color : #2ED2D4 ; font-size : 22px ; } .prod_default11 .unitSet { color : #2ED2D4 ; font-size : 16px ; } .prod_default11 .freeinfo { clear : both ; overflow : hidden ; } .prod_default11 .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 ; } .clearfix:after { content : "\200B"; display:block; height:0; clear:both; } .clearfix { *zoom:1; } .prod_default11 .status{color:red; display:inline-block; border:1px solid red; padding:0 2px; margin-right:5px; text-align: center; font-size:12px; font-family:'Times New Roman'; vertical-align: middle; text-indent: 0px;} .prod_default11 .Collage_ico{ width:40px; height:40px; position:absolute; top:0; left:0; z-index: 10; } .prod_default11 .Collage_ico img{ width:100%; height:100%; } .prod_default11 .purchase_top{ width:100%; box-sizing: border-box; padding:10px; background: #2ED2D4; color:white; position:absolute; bottom:0; left:0;} @media screen and (max-width: 640px){ .prod_default11 .purchase_top{ padding:5px; } .prod_default11 .Collage_ico{ width:25px; height:25px; } .prod_default11 .p_price2 {padding-top: 5px;} .prod_default11 .prod_info{padding: 6px;} .prod_default11 .unit,.prod_default11 .p_vip .v_jg,.prod_default11 .v_unit{font-size: 12px;} .prod_default11 .prod .p_detail{display: none !important;} .prod_default11 .p_vip {position: relative;text-align: center !important;height: 18px; line-height: 20px;} .prod_default11 .p_line{margin-bottom: 0;} .prod_default11 .content_left{display:block;margin-top: 0px;text-align: center;width: 100%;} .prod_default11 .pro_button {display:block;margin:0; overflow: hidden;text-align: center;width: 100%;} .prod_default11 .p_price{float: none;} .prod_default11 .btnaSet{line-height: 12px;width: 75%;margin: 0 auto;margin-top: 5px;} .prod_default11 .zhekou {color: #2ED2D4; font-size:14px;line-height: 16px;} } .p_detail{white-space: pre-wrap;} .p_detail .overhide{white-space: pre-wrap;} #productList_style_11_1687862509221 li{width: 24.25%;} #productList_style_11_1687862509221 li.prod_Item{margin-bottom:1%;} @media screen and (max-width: 1024px){ #productList_style_11_1687862509221 li{width: 24.25%;} #productList_style_11_1687862509221 li.prod_Item{margin-bottom:1%;} } @media screen and (max-width: 768px){ #productList_style_11_1687862509221 li{width: 49.5%;} #productList_style_11_1687862509221 li.prod_Item{margin-bottom:1%;} } #productList_style_11_1687862509221 .p_detail.pc,#productList_style_11_1687862509221 .p_name.pc {display:block;} #productList_style_11_1687862509221 .p_detail.pad, #productList_style_11_1687862509221 .p_detail.mobile,#productList_style_11_1687862509221 .p_name.pad, #productList_style_11_1687862509221 .p_name.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_11_1687862509221 .p_detail.pad,#productList_style_11_1687862509221 .p_name.pad {display:block;} #productList_style_11_1687862509221 .p_detail.pc, #productList_style_11_1687862509221 .p_detail.mobile,#productList_style_11_1687862509221 .p_name.pc, #productList_style_11_1687862509221 .p_name.mobile {display:none;} } @media screen and (max-width:640px) { #productList_style_11_1687862509221 .p_detail.mobile,#productList_style_11_1687862509221 .p_name.mobile {display:block;} #productList_style_11_1687862509221 .p_detail.pc, #productList_style_11_1687862509221 .p_detail.pad,#productList_style_11_1687862509221 .p_name.pc, #productList_style_11_1687862509221 .p_name.pad {display:none;} } .prod_default .v_value {color: #333; font-size: 12px;} #productList_style_11_1687862509221 .showActivity {display: none !important;} #productList_style_11_1687862509221 .btnaSet ,#productList_style_11_1687862509221 .btnaSet a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .imgStyle{font-size:0;} #image_style_01_1588835601962 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1588835601962 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1588835601962 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1588835601962 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .footerCustom_01{width:100%; position:relative;} .footerCustom_01 *{box-sizing: border-box;} .footerCustom_01 .miniMenu *, .footerCustom_01 .menuUl li *{ -webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; -webkit-transition-property:background,height,padding; -moz-transition-property:background,height,padding; -moz-transition-property:background,height,padding; transition-property:background,height,padding; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } .footerCustom_01 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .footerCustom_01 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0 ; overflow : hidden ; white-space : nowrap ; } .footerCustom_01 ul, .footerCustom_01 li { list-style : none ; margin : 0px ; padding : 0 ; } .footerCustom_01 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .footerCustom_01 .menuLayout:after { clear : both ; content : '' ; display : block ; } .footerCustom_01 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .footerCustom_01 .menuUl { position : relative ; text-align : center ; width : 100% ; } .footerCustom_01 .menuUl > li { position : relative ; } .footerCustom_01 .menuUl > li > a { background : rgba(0,0,0,0.0) ; box-sizing : border-box ; color : #333D5F ; display : inline-block ; font-size : 16px ; letter-spacing : normal ; line-height : 44px ; max-width : 100% ; overflow : hidden ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; text-overflow : ellipsis ; white-space : nowrap ; width : 100% ; } .footerCustom_01 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; } .footerCustom_01 .menuUl #hot > a span { color : inherit ; } .footerCustom_01 .menuUl02 { left : 50% ; width : 100% ; } .footerCustom_01 .menuUl > li > #menuLogo { height : 85% ; } .footerCustom_01 .menuUl02 .subMenu02 { color : #333D5F ; font-size : 14px ; line-height : 28px ; position : relative ; } .footerCustom_01 .menuUl02 .subMenu02:hover > a { text-decoration : inherit ; } .footerCustom_01 .menuUl02 .subMenu02 > a { color : inherit ; display : inline-block ; font-size : inherit ; line-height : inherit ; max-width : 100% ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .footerCustom_01 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; padding-right : 6px ; } .footerCustom_01 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; } .footerCustom_01 .menuUl02 .subMenu02:first-child { border-top-left-radius : 0px ; border-top-right-radius : 0px ; } .footerCustom_01 .menuUl02 .subMenu02:last-child { border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; } .footerCustom_01 .menuUl03 { display : none ; left : 100% ; position : absolute ; top : 0 ; } .footerCustom_01 .menuUl03 .subMenu03 { line-height : 40px ; margin-left : 10px ; } .footerCustom_01 .menuUl03 .subMenu03 > a { background : #333d5f ; color : #17233D ; display : block ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; } .footerCustom_01 .menuUl03 .subMenu03:first-child a { border-top-left-radius : 0px ; border-top-right-radius : 0px ; } .footerCustom_01 .menuUl03 .subMenu03:last-child a { border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; } .footerCustom_01 .rflex { position : relative ; } .footerCustom_01 .maxWidth { margin : auto ; } .footerCustom_01 .subBox { background : rgba(238, 238, 238, 0.85) ; display : none ; left : 0 ; position : absolute ; width : 100% ; } .footerCustom_01 .subBox .subBoxContent { overflow : hidden ; padding : 15px ; text-align : left ; } .footerCustom_01 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; } .footerCustom_01 .subBox .sublm { float : left ; min-height : 10px ; width : calc(100% - 440px) ; } .footerCustom_01 .subBox .sublm > div { clear : both ; margin : 8px 0 ; overflow : hidden ; } .footerCustom_01 .subBox .subImgsbox { float : left ; height : 160px ; width : 440px ; } .footerCustom_01 .subBox .subImgsbox > a { display : block ; float : right ; height : 100% ; margin-left : 20px ; width : calc((100% - 20px)/2) ; } .footerCustom_01 .subBox .subImgsbox > a:last-child { margin-left : 0 ; } .footerCustom_01 .subBox .subImgsbox > a > div.subImg { background-repeat : no-repeat ; background-size : cover !important ; height : 100% ; overflow : hidden ; position : relative ; } .footerCustom_01 .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% ; } .footerCustom_01 .subBox p { float : left ; overflow : hidden ; } .footerCustom_01 .subBox p:first-child { margin-right : 10px ; width : 100px ; } .footerCustom_01 .subBox p:last-child { width : calc(100% - 110px) ; } .footerCustom_01 .subBox .subMenu02 { clear : both ; color : #17233D ; font-size : 14px ; line-height : 28px ; margin-bottom : 5px ; } .footerCustom_01 .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 ; } .footerCustom_01 .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 ; } .footerCustom_01 .showmobile { display : none ; } #footerCustom_footerDh_01_1633936559221 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 0 ; top : 0 ; } #footerCustom_footerDh_01_1633936559221 .footerCustom_01 .menuUl > li { max-width : calc(100% / 5) ; min-width : calc(100% / 5) ; } .copyrightStyle01 { color : #999 ; font-family : "Microsoft YaHei",微软雅黑 ; 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 ; } @media screen and (min-width:640px) { #dh_style_28_1588818670562 .maxWidth { max-width : px ; } #dh_style_28_1588818670562 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; } #dh_style_28_1588818670562 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; } #dh_style_28_1588818670562 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}