body { background-color : #FFFFFF ; background-position : left top ; }

#dh_style_28_1607054122607 { left : 32.15038650737878% ; position : absolute ; top : 19px ; width : 53.40829234012649% ; z-index : 999 ; }

#dh_style_28_1607054122607 > .view_contents { overflow : visible ; }

#dh_style_28_1607054122607 .mainMenuSet { border-radius : 8px ; color : #000000 ; font-size : 10px ; font-weight : normal ; margin-left : 5px ; margin-right : 5px ; text-align : center ; }

#dh_style_28_1607054122607 .mainMenuSet:hover { background : linear-gradient(90deg,rgba(0,127,255,1),rgba(127,0,255,1)) ; border-radius : 8px ; box-shadow : #003F7F 0px 0px 0px ; color : #FFFFFF ; font-size : 10px ; margin-left : 5px ; margin-right : 5px ; }

#dh_style_28_1607054122607 #hot > a { background : linear-gradient(90deg,rgba(0,127,255,1),rgba(127,0,255,1)) ; border-radius : 8px ; box-shadow : #003F7F 0px 0px 0px ; color : #FFFFFF ; font-size : 10px ; margin-left : 5px ; margin-right : 5px ; }

#dh_style_28_1607054122607 #hot .aview { background : linear-gradient(90deg,rgba(0,127,255,1),rgba(127,0,255,1)) ; border-radius : 8px ; box-shadow : #003F7F 0px 0px 0px ; color : #FFFFFF ; font-size : 10px ; margin-left : 5px ; margin-right : 5px ; }

#lang_style_1_1608189925561 { left : 85.55867884750526% ; position : absolute ; top : 0px ; width : 14.687280393534785% ; }

#lang_style_1_1608189925561 .textSet { border-style : none ; border-width : 0px ; color : #191919 ; font-size : 12px ; height : 13px ; line-height : 18px ; }

#lang_style_1_1608189925561 .bgareaSet { padding-bottom : 5px ; padding-top : 5px ; }

#image_style_01_1621933590965 { height : 55px ; left : 12.157413914265636% ; position : absolute ; top : 19px ; width : 11.173576950105412% ; }

#image_style_01_1621933590965 > .view_contents { overflow : visible ; }

#image_style_01_1621933590965 .picSet { background-attachment : fixed ; background-position : 50% 50% !important ; background-repeat : no-repeat!important ; background-size : contain ; }

#comm_layout_header { background : rgba(255,255,255,0.8) ; background-position : 50% 0% !important ; background-position-x : 0% ; background-position-y : 0% ; background-repeat : repeat-x!important ; background-size : contain ; border-color : #e5e5e5 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; height : 81px ; z-index : 99999 ; }

#comm_layout_header > .view_contents { background-size : contain ; overflow : visible ; }

#text_style_02_1531533471657 { color : #333 ; display : none ; font-family : microsoft yahei ; font-size : 46px ; left : 0.6944444444444444% ; line-height : 50px ; position : absolute ; top : 10px ; width : 59.08333333333333% ; z-index : 2 ; }

#text_style_02_1531533471657 > .view_contents { box-sizing : border-box ; color : #FFFFFF ; font-size : 40px ; letter-spacing : 5px ; text-align : center ; }

#diy_none_obj > .view_contents { box-sizing : border-box ; font-size : 28px ; font-size : 16px ; font-size : 12px ; letter-spacing : 3px ; line-height : 28px ; text-align : center ; }

#text_style_01_1607064208965 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 9.416725228390725% ; line-height : 1.8 ; position : absolute ; top : 27px ; width : 26.001405481377372% ; }

#text_style_01_1607064208965 > .view_contents { color : #999999 ; font-size : 20px ; font-weight : bold ; }

#div_a_includeBlock_1607054197888 { background : rgba(255,255,255,0.5) ; height : 90px ; left : 0% ; position : absolute ; top : 333px ; width : 100% ; }

#layout_1531533471631 { background : url(https://cdn.yun.sooce.cn/6/24447/jpg/1607307852105f32a3248721c4fd8.jpg?version=1607307853) ; background-position : 50% 0% !important ; background-position-x : 50% ; background-position-y : 50% ; background-repeat : no-repeat!important ; background-size : cover ; height : 424px ; }

#layout_1531533471631 > .view_contents { overflow : visible ; }

#prodPic_style_02_1607312007291 { height : 450px ; left : 8.924806746310612% ; position : absolute ; top : 15px ; width : 29.37456078706957% ; }

#prodInfor_style_04_1607312030449 { left : 38.51018973998595% ; position : absolute ; top : 16px ; width : 52.916373858046384% ; }

#prodInfor_style_04_1607312030449 > .view_contents { overflow : visible ; }

#prodInfor_style_04_1607312030449 .buyTProSet { background : #7f7f7f ; }

#customDetail_style_prodDetail_02_1607312109022 { left : 8.678847505270555% ; position : absolute ; top : 502px ; width : 82.64230498945889% ; }

#layout_1528101186361 { background : #ffffff ; height : 582px ; }

#layout_1528101186361 > .view_contents { overflow : visible ; }

#layout_1607312157360 { height : 42px ; }

#layout_1607312157360 > .view_contents { max-width : 1200px ; overflow : visible ; }

#text_style_02_1527932288760 { color : #333 ; font-family : microsoft yahei ; font-size : 46px ; left : 9.030217849613493% ; line-height : 50px ; position : absolute ; top : 11px ; width : 55.72733661278988% ; }

#text_style_02_1527932288760 > .view_contents { box-sizing : border-box ; color : #FFFFFF ; font-family : Microsoft YaHei ; font-size : 14px ; line-height : 30px ; text-align : center ; }

#div_a_includeBlock_1606980524366 { background : rgba(0,0,0,0.2) ; height : 50px ; left : 0% ; position : absolute ; top : 210px ; width : 100% ; }

#searchbox_style_01_1606985200412 { left : 9.030217849613493% ; position : absolute ; top : 85px ; width : 23.752635277582574% ; }

#searchbox_style_01_1606985200412 > .view_contents { overflow : visible ; }

#searchbox_style_01_1606985200412 .btnaSet { background-color : #005FBF ; border-color : #ffffff ; color : #FFFFFF ; font-size : 12px ; height : 26px ; }

#searchbox_style_01_1606985200412 .inputSet { border-color : #ffffff ; font-size : 12px ; height : 26px ; }

#text_style_01_1606985324614 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 37.032238229093466% ; line-height : 1.8 ; position : absolute ; top : 85px ; width : 10.96275474349965% ; }

#text_style_01_1606985324614 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606985351251 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 37.032238229093466% ; line-height : 1.8 ; position : absolute ; top : 105px ; width : 6.113843991567112% ; }

#text_style_01_1606985351251 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606985380170 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 37.032238229093466% ; line-height : 1.8 ; position : absolute ; top : 124px ; width : 5.411103302881236% ; }

#text_style_01_1606985380170 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606985408413 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 47.011156008432884% ; line-height : 1.8 ; position : absolute ; top : 85px ; width : 10.96275474349965% ; }

#text_style_01_1606985408413 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606985443233 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 47.011156008432884% ; line-height : 1.8 ; position : absolute ; top : 105px ; width : 6.113843991567112% ; }

#text_style_01_1606985443233 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606985460023 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 47.011156008432884% ; line-height : 1.8 ; position : absolute ; top : 124px ; width : 6.113843991567112% ; }

#text_style_01_1606985460023 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606985818737 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 9.030217849613493% ; line-height : 1.8 ; position : absolute ; top : 38px ; width : 10.96275474349965% ; }

#text_style_01_1606985818737 > .view_contents { color : #FFFFFF ; font-size : 20px ; }

#text_style_01_1606987371656 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 36.99929725931131% ; line-height : 1.8 ; position : absolute ; top : 38px ; width : 10.96275474349965% ; }

#text_style_01_1606987371656 > .view_contents { color : #FFFFFF ; font-size : 20px ; }

#text_style_01_1606987445273 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 67.70906535488405% ; line-height : 1.8 ; position : absolute ; top : 38px ; width : 10.96275474349965% ; }

#text_style_01_1606987445273 > .view_contents { color : #FFFFFF ; font-size : 20px ; }

#text_style_01_1606987464369 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 67.56632115249474% ; line-height : 1.8 ; position : absolute ; top : 86px ; width : 4.4272663387210125% ; }

#text_style_01_1606987464369 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606987491104 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 72.487702037948% ; line-height : 1.8 ; position : absolute ; top : 77.5px ; width : 14.335910049191849% ; }

#text_style_01_1606987491104 > .view_contents { color : #FFFFFF ; font-size : 20px ; }

#text_style_01_1606988084102 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 67.56632115249474% ; line-height : 1.8 ; position : absolute ; top : 125px ; width : 4.4272663387210125% ; }

#text_style_01_1606988084102 > .view_contents { color : #FFFFFF ; font-size : 12px ; }

#text_style_01_1606988095897 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 72.487702037948% ; line-height : 1.8 ; position : absolute ; top : 116px ; width : 19.53619114546732% ; }

#text_style_01_1606988095897 > .view_contents { color : #FFFFFF ; font-size : 20px ; }

#qqol_style_06_1607308923359 { left : 94.86999297259311% ; position : absolute ; top : 11px ; width : 4.708362614195362% ; }

#qqol_style_06_1607308923359 > .view_contents { overflow : visible ; }

#div_includeBlock_1527932287566 { background : linear-gradient(90deg,rgba(0,127,255,1),rgba(140,51,234,1)) ; background-position-x : 50% ; background-repeat : no-repeat ; background-size : cover ; height : 260px ; left : 0% ; position : absolute ; top : 1px ; width : 100% ; z-index : 1 ; }

#diy_none_obj { background : #008aff ; background-position-x : 50% ; }

#comm_layout_footer { background : url(https://cdn.yun.sooce.cn/6/24447/jpg/1607656698926f258c5d61f5dd558.jpg?version=1607656696) ; background-repeat : repeat-x!important ; background-size : cover ; height : 261px ; z-index : 1 ; }

#comm_layout_footer > .view_contents { overflow : visible ; }

.prodPicStyle_1 { height : 100% ; position : relative ; width : 100% ; z-index : 62 ; }

.prodPicStyle_1 .diyProbox_test { height : 100% ; width : 100% ; }

.prodPicStyle_1 .diy_proImg { background : transparent ; box-sizing : border-box ; height : calc(100% - 104px) ; line-height : 400px ; overflow : hidden ; text-align : center ; vertical-align : middle ; width : 100% ; zoom : 1 ; }

.prodPicStyle_1 .diy_proImg img { cursor : pointer ; height : 100% ; vertical-align : middle ; width : 100% ; }

.prodPicStyle_1 .diy_moreImg { margin : 12px auto ; overflow : hidden ; width : 400px ; zoom : 1 ; }

.prodPicStyle_1 .diy_moreImg .diyproImgBox { float : left ; overflow : hidden ; position : relative ; width : 360px ; zoom : 1 ; }

.prodPicStyle_1 .diy_moreImg .diyproImgBox ul li img { height : 74px ; object-fit : scale-down ; width : 74px ; }

.prodPicStyle_1 .diy_moreImg .diyproImgBox ul li img.cover_icon { -moz-transform : translate(-50%,-50%) ; -ms-transform : translate(-50%,-50%) ; -o-transform : translate(-50%,-50%) ; -wibkit-transform : translate(-50%,-50%) ; height : 40px ; left : 50% ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; width : 40px ; }

.prodPicStyle_1 .diy_moreImg .diy_qbox { margin : 0px ; overflow : hidden ; padding : 0 ; width : 999999px ; zoom : 1 ; }

.prodPicStyle_1 .diy_moreImg .diy_qbox li { cursor : pointer ; float : left ; margin-left : 10px ; position : relative ; }

.prodPicStyle_1 .diy_moreImg .diy_qbox li img { border : 2px solid transparent ; border : 2px solid #eee ; }

.prodPicStyle_1 .diy_moreImg .diy_pIcon { cursor : pointer ; float : left ; overflow : hidden ; padding-top : 29px ; text-align : center ; width : 20px ; zoom : 1 ; }

.prodPicStyle_1 .diy_moreImg .diy_qbox li img.hotImg { border : 2px solid #e4393c ; }

.prodPicStyle_1 .diy_moreImg .diy_qbox .hide_image { display : none!important ; }

.prodPicStyle_1 .diy_moreImg .diy_pIcon img { border : 0px ; }

.prodPicStyle_1 .diyproImgBox_moblie { box-sizing : border-box ; height : 100% ; overflow : hidden ; visibility : hidden ; width : 100% ; }

.prodPicStyle_1 .main_visual { height : 100% ; overflow : hidden ; position : relative ; }

.prodPicStyle_1 .main_image { height : 100% ; overflow : hidden ; position : relative ; }

.prodPicStyle_1 .main_image ul { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100%!important ; }

.prodPicStyle_1 .main_image li { float : left ; height : 100% ; width : 100%!important ; }

.prodPicStyle_1 .main_image li span { background-position : 50% 50%!important ; background-size : contain!important ; display : block ; height : 100% ; width : 100% ; }

.prodPicStyle_1 .main_image li a { display : block ; height : 100% ; width : 100% ; }

.prodPicStyle_1 .flicking_con { bottom : 10px ; height : 14px ; left : 0% ; pointer-events : none ; position : absolute ; text-align : center ; width : 100% ; z-index : 999 ; }

.prodPicStyle_1 .flicking_con a { background : url('../res/prodPic/style_02/btn_main_img.png') 0 0 no-repeat ; display : inline-block ; float : none ; height : 21px ; margin : 0 ; padding : 0 ; text-indent : -1000px ; width : 16px ; }

.prodPicStyle_1 .flicking_con a.on { background-position : 0 -21px ; }

div.zoomDiv { background : #ffffff ; border : 1px solid #e2e2e2 ; display : none ; height : 500px !important ; left : 0px ; overflow : hidden ; position : absolute ; text-align : center ; top : 0px ; width : 700px !important ; z-index : 999 ; }

div.zoomMask { background : url('/images/../res/prodPic/style_02/mask.png') repeat scroll 0 0 rgba(69,126,235,0.3) ; cursor : move ; position : absolute ; z-index : 999 ; }

.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 ; }

#dh_style_28_1607054122607 .menuStyle_28 .menuUl .rflex .menuUl02::before { border-bottom-color : ${color ; }

!important;}#dh_style_28_1607054122607 .menuStyle_28 .menuUl02 .arrow:hover::before { border-left-color : ${hoverColor ; }

!important;} #dh_style_28_1607054122607 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }

.lang-list { padding : 8px 15px ; }

.lang-list > span { padding : 0 5px ; }

.lang-list > .lang-item { font-size : 14px ; }

#lang_style_1_1608189925561 .arrowDown { border-top : 6px solid #333 ; }

#lang_style_1_1608189925561 .lang-list { text-align : right ; }

#image_style_01_1621933590965 .CompatibleImg img { height : auto ; margin-left : 0px ; width : 100% ; }

.imgStyle { box-sizing : border-box ; height : 100% ; overflow : hidden ; width : 100% ; }

.imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; }

.imgStyle img { box-sizing : border-box ; }

.proInfoStyle04 { font-family : "Microsoft YaHei" ; overflow : hidden ; position : relative ; }

.proInfoStyle04 .proInfo_title .prodName { border-bottom : 1px solid #dbdbdb ; color : #000 ; font-size : 32px ; font-weight : normal ; line-height : 1.4 ; margin : 0 ; padding : 15px 0 ; }

.proInfoStyle04 .proInfo_title .proBrief { color : #333 ; font-size : 16px ; margin : 15px 0 ; white-space : pre-wrap ; }

.proInfoStyle04 .proInfo_parameter p, .proInfoStyle04 .proInfo_prop p { color : #222 ; font-size : 16px ; line-height : 35px ; }

.proInfoStyle04 .probuy { clear : both ; margin-top : 15px ; padding : 35px 0 10px 0 ; }

.proInfoStyle04 .probuy .Consultation { background : transparent ; border : 0 ; border-radius : 4px ; cursor : pointer ; font-family : "Microsoft YaHei" ; font-size : 20px ; }

.proInfoStyle04 .probuy .btn1 { background : #ef001d ; color : #FFF ; line-height : 50px ; margin-right : 10px ; width : 40% ; }

.proInfoStyle04 .probuy .btn2 { border : 1px solid #ef001d ; color : #EF001D ; line-height : 50px ; width : 30% ; }

.proInfoStyle04 .other-link ul { width : 100% ; }

.proInfoStyle04 .other-link ul li { cursor : pointer ; float : left ; line-height : 35px ; margin-right : 10px ; }

.proInfoStyle04 .other-link ul li:nth-of-type(1) i { background : url(../img/prodInfor/style_04/scBg.png) no-repeat center ; background-size : 100% ; margin-right : 10px ; padding : 8px ; }

.proInfoStyle04 .other-link ul li:nth-of-type(2) i { background : url(../img/prodInfor/style_04/shareBg.png) no-repeat center ; background-size : 100% ; margin-right : 10px ; padding : 10px ; }

.proInfoStyle04 .proInfo_prop .prop.insidediv.sys_item_specpara { overflow : hidden ; width : 100% ; }

.proInfoStyle04 .proInfo_prop .prop_Ttile { color : #888 ; float : left ; height : 40px ; line-height : 40px ; margin-right : 10px ; }

.proInfoStyle04 .proInfo_prop .sys_spec_text { float : left ; width : 75% ; }

.proInfoStyle04 .proInfo_prop .sys_spec_text li { float : left ; height : 40px ; line-height : 40px ; padding : 0 2% ; }

.proInfoStyle04 .proInfo_prop .colorimg li span { border : 1px solid #eee ; display : block ; height : 15px ; margin-top : 12.5px ; width : 20px ; }

.proInfoStyle04 .proInfo_prop .colorimg li span:hover { border : 1px solid red ; display : block ; height : 15px ; margin-top : 12.5px ; width : 20px ; }

.proInfoStyle04 .proInfo_prop .prop li.selected a span { border : 1px solid #F40 ; color : #F40 ; }

.proDetailStyle_1 { box-sizing : border-box ; font-family : "Microsoft Yahei","verdana" ; font-size : 12px ; margin : 0 auto ; min-width : 720px ; }

.proDetailStyle_1 .proDetailTab { margin-bottom : 0px ; position : relative ; width : 100% ; }

.proDetailStyle_1 .proDetailTab .tabber { -moz-box-sizing : border-box ; -webkit-box-sizing : border-box ; background : #f6f6f6 ; border : 1px solid #e5e5e5 ; box-sizing : border-box ; overflow : hidden ; width : 100% ; }

.proDetailStyle_1 .hide { display : none ; }

.proDetailStyle_1 .detailTabUl { font-size : 0 ; width : 100% ; }

.proDetailStyle_1 #proDetailContent h1 { font-size : 24px ; font-weight : bold ; line-height : 65px ; }

.proDetailStyle_1 .detailTabUl li { border-right : 1px solid #e5e5e5 ; color : #3C3C3C ; cursor : pointer ; float : left ; font-size : 14px ; line-height : 30px ; padding : 5px 28px ; text-align : center ; }

.proDetailStyle_1 .detailTabUl li span:nth-of-type(2) { color : #F40 ; font-weight : bold ; margin-left : 5px ; }

.proDetailStyle_1 #proDetailContent { -moz-box-sizing : border-box ; -webkit-box-sizing : border-box ; border : 1px solid #e5e5e5 ; border-top : 0 ; box-sizing : border-box ; padding : 0.1px ; width : 100% ; }

.proDetailStyle_1 #proDetailContent li { color : #333 ; font-size : 14px ; text-align : left ; }

.proDetailStyle_1 .detailTabUl .act { background : #fff ; }

.proDetailStyle_1 #proDetailContent li .pcAbout { padding : 20px ; }

.proDetailStyle_1 .ptListTab { margin-bottom : 24px ; position : relative ; width : 100% ; }

.proDetailStyle_1 .ptListTab .ptListTabber { -moz-box-sizing : border-box ; -webkit-box-sizing : border-box ; background : #f6f6f6 ; border : 1px solid #e5e5e5 ; box-sizing : border-box ; height : 41px ; width : 100% ; }

.proDetailStyle_1 #ptListTabUL { width : 100% ; }

.proDetailStyle_1 #ptListContent h1 { font-size : 24px ; font-weight : bold ; line-height : 65px ; }

.proDetailStyle_1 #ptListTabUL li { border-right : 1px solid #e5e5e5 ; color : #3C3C3C ; cursor : pointer ; float : left ; font-size : 14px ; line-height : 30px ; padding : 5px 5% ; text-align : center ; }

.proDetailStyle_1 #ptListTabUL li span:nth-of-type(2) { color : #F40 ; font-weight : bold ; margin-left : 5px ; }

.proDetailStyle_1 #ptListContent { -moz-box-sizing : border-box ; -webkit-box-sizing : border-box ; border : 1px solid #e5e5e5 ; border-top : 0 ; box-sizing : border-box ; padding : 10px ; width : 100% ; }

.proDetailStyle_1 #ptListContent li { color : #666 ; text-align : left ; }

.proDetailStyle_1 #ptListTabUL .ptListact { background : #fff ; border-bottom : 0 ; color : #3C3C3C ; line-height : 2.2 ; }

.proDetailStyle_1 .collage_main .mobile { display : none ; }

.proDetailStyle_1 .collage_main .pc { display : block ; }

.proDetailStyle_1 .collage_main .collage_bt { font-size : 20px ; line-height : 3 ; }

.proDetailStyle_1 .collage_main .itembox { display : flex ; flex-wrap : wrap ; font-size : 14px ; justify-content : space-between ; overflow : hidden ; padding : 10px 20px ; }

.proDetailStyle_1 .collage_main .user_img { border-radius : 200px ; height : 50px ; overflow : hidden ; width : 50px ; }

.proDetailStyle_1 .collage_main .user_img img { height : 100% ; margin : 0 !important ; width : 100% !important ; }

.proDetailStyle_1 .collage_main .itembox > div { line-height : 50px ; margin : 0 5px ; }

.proDetailStyle_1 .collage_main .join_list_ul { overflow : hidden ; }

.proDetailStyle_1 .collage_main .join_list_ul li { -webkit-box-sizing : border-box ; box-sizing : border-box ; float : left ; margin : 0 5px ; }

.proDetailStyle_1 .collage_main .surplus_value { color : red ; }

.proDetailStyle_1 .collage_main .join_btn { -webkit-box-sizing : border-box ; background : rgb(239,91,81) ; border-radius : 20px ; box-sizing : border-box ; color : white ; line-height : 1.5 ; margin : 10px 0 ; padding : 4px 20px ; }

.proDetailStyle_1 .collage_main .join_btn:hover { cursor : pointer ; }

.proDetailStyle_1 .page_btn { clear : both ; margin : 20px 0 ; text-align : center ; width : 100% ; }

.proDetailStyle_1 .page_btn a { border : 1px solid #ccc ; box-sizing : border-box ; color : #333 ; display : inline-block ; font-family : 'microsoft YaHei' ; height : 24px ; line-height : 24px ; margin : 0 5px ; width : 24px ; }

.proDetailStyle_1 .page_btn a.cur, .prod_default .page_btn a:hover { border : 1px solid #4c4c4c ; }

.proDetailStyle_1 .page_btn a:nth-child(n + 12) { display : none ; }

.proDetailStyle_1 .page_btn a:nth-last-child(1), .prod_default .page_btn a:nth-last-child(2), .prod_default .page_btn a:nth-last-child(3) { display : inline-block !important ; }

.proDetailStyle_1 .prev_btn, .proDetailStyle_1 .next_btn { border : 0 !important ; font-family : '黑体' !important ; }

.proDetailStyle_1 .no_page { border : 0 !important ; }

.proDetailStyle_1 .page_btn a:nth-child(n + 10) { display : none ; }

.proDetailStyle_1 .proDetailInfo { padding : 10px ; }

.proDetailStyle_1 .proDetailSelect { background : #eee ; line-height : 35px ; margin : 20px ; margin-bottom : 0 ; padding : 0 10px ; text-align : left ; }

.proDetailStyle_1 .proDetailSelect label { cursor : pointer ; margin-right : 10px ; }

.proDetailStyle_1 .proDetailSelect input { cursor : pointer ; display : inline-block ; margin-right : 5px ; vertical-align : middle ; }

.proDetailStyle_1 .proDetailcomment { padding : 20px ; }

.proDetailStyle_1 .proDetailcomment .commentList { border-bottom : 1px solid #e3e3e3 ; padding-bottom : 10px ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft, .proDetailStyle_1 .proDetailcomment .ContentListCenter, .proDetailStyle_1 .proDetailcomment .ContentListRight { display : inline-block ; vertical-align : middle ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft { color : #333 ; width : 55% ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft > div { margin-bottom : 10px ; margin-top : 10px ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listImg { margin-bottom : 10px ; margin-top : 10px ; overflow : hidden ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listImg span { border : 2px solid #f2f2f2 ; display : block ; float : left ; height : 40px ; margin-right : 10px ; padding : 2px ; width : 40px ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listImg span img { height : 100% ; width : 100% ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listDate { clear : both ; color : #999 ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listReply { clear : both ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listReply span:nth-of-type(1) { color : #999 ; }

.proDetailStyle_1 .proDetailcomment .commentListLeft .listReply span:nth-of-type(2) { color : #AF874D ; }

.proDetailStyle_1 .proDetailcomment .ContentListCenter { color : #666 ; text-align : center ; width : 20% ; }

.proDetailStyle_1 .proDetailcomment .ContentListRight { color : #999 ; text-align : center ; width : 20% ; }

.proDetailStyle_1 .CustomerComment { padding : 20px ; }

.proDetailStyle_1 .CustomerComment .commentList { border-bottom : 1px solid #f2f2f2 ; padding-top : 10px ; }

.proDetailStyle_1 .CustomerComment .commentListLeft, .proDetailStyle_1 .CustomerComment .ContentListCenter, .proDetailStyle_1 .CustomerComment .ContentListRight { display : inline-block ; vertical-align : middle ; }

.proDetailStyle_1 .CustomerComment .commentListLeft { color : #333 ; width : 55% ; }

.proDetailStyle_1 .CustomerComment .commentListLeft > div { margin-bottom : 10px ; margin-top : 10px ; }

.proDetailStyle_1 .CustomerComment .commentListLeft .listDate { clear : both ; color : #999 ; }

.proDetailStyle_1 .CustomerComment .ContentListCenter { color : #666 ; text-align : center ; width : 20% ; }

.proDetailStyle_1 .CustomerComment .ContentListRight { color : #999 ; text-align : center ; width : 20% ; }

.proDetailStyle_1 .proDetailRecord { padding : 20px ; }

.proDetailStyle_1 .proDetailRecord .RecordTip { -ms-flex-align : center ; -webkit-box-align : center ; align-items : center ; background : #eee ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; padding : 10px 0 ; text-align : center ; webkit-align-items : center ; }

.proDetailStyle_1 .proDetailRecord .RecordTip span { -ms-flex : 1 ; -webkit-box-flex : 1 ; flex : 1 ; webkit-flex : 1 ; }

.proDetailStyle_1 .proDetailRecord .RecordContent { -ms-flex-align : center ; -webkit-box-align : center ; align-items : center ; border-bottom : 1px dashed #e3e3e3 ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; padding : 20px 0 ; text-align : center ; webkit-align-items : center ; }

.proDetailStyle_1 .proDetailRecord .RecordContent span { -ms-flex : 1 ; -webkit-box-flex : 1 ; flex : 1 ; webkit-flex : 1 ; }

.proDetailStyle_1 .proDetailRecord .RecordContent span:last-of-type { color : #999 ; }

.proListShow { box-sizing : border-box ; margin-top : 30px ; }

.proListShow h2 { border-left : 4px solid #e85342 ; box-sizing : border-box ; display : block ; font-size : 18px ; line-height : 1 ; margin-bottom : 20px ; padding : 0 10px ; }

.proListShow .listUl { border : 1px solid #f5f5f5 ; box-sizing : border-box ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; padding : 10px ; }

.proListShow .listLi { width : calc(96%/4) ; }

.proListShow .listLi .imgDiv { overflow : hidden ; padding-bottom : 100% ; position : relative ; }

.proListShow .imgDiv img { -moz-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; left : 50% ; position : absolute ; top : 0 ; transform : translateX(-50%) ; transition : transform .3s ; width : 100% ; }

.proListShow .titleDiv { color : #333 ; font-size : 14px ; line-height : 1.5 ; margin-top : 10px ; text-align : center ; }

.proDetailStyle_1 .selectTdClass { background-color : #edf5fa !important ; }

.proDetailStyle_1 table.noBorderTable td, .proDetailStyle_1 table.noBorderTable th, .proDetailStyle_1 table.noBorderTable caption { border : 1px dashed #ddd !important ; }

.proDetailStyle_1 table { border-collapse : collapse ; display : table ; margin-bottom : 10px ; }

.proDetailStyle_1 td, .proListShow th { border : 1px solid #DDD ; padding : 5px 10px ; }

.proDetailStyle_1 caption { border : 1px dashed #DDD ; border-bottom : 0 ; padding : 3px ; text-align : center ; }

.proDetailStyle_1 th { background-color : #F7F7F7 ; border-top : 1px solid #BBB ; }

.proDetailStyle_1 table tr.firstRow th { border-top-width : 2px ; }

.proDetailStyle_1 .ue-table-interlace-color-single { background-color : #FCFCFC ; }

.proDetailStyle_1 .ue-table-interlace-color-double { background-color : #F7FAFF ; }

.proDetailStyle_1 td p { margin : 0 ; padding : 0 ; }

.proDetailStyle_1 .proParameters { margin-bottom : -1px ; }

.proDetailStyle_1 .proMaterial { padding : 20px ; }

.proDetailStyle_1 .nolist { padding : 20px ; }

.proDetailStyle_1 .parameItem { border-bottom : 1px solid #e5e5e5 ; border-left : 1px solid #e5e5e5 ; box-sizing : border-box ; color : #333 ; font-size : 14px ; overflow : hidden ; padding : 0 6px ; }

.proDetailStyle_1 .parameItem:last-child { border-right : 1px solid #e5e5e5 ; }

#customDetail_style_prodDetail_02_1607312109022 .view_contents { display : block !important ; }

#customDetail_style_prodDetail_02_1607312109022 .proParameters { box-sizing : border-box ; display : flex ; flex-wrap : wrap ; overflow : hidden ; padding : 20px ; width : 100% ; }

#customDetail_style_prodDetail_02_1607312109022 .parameItem { width : calc(100%/4) ; }

#customDetail_style_prodDetail_02_1607312109022 .proParameters .item .title { box-sizing : border-box ; float : left ; font-weight : bold ; height : 100% ; padding : 6px 0 ; }

#customDetail_style_prodDetail_02_1607312109022 .proParameters .item .info { box-sizing : border-box ; overflow : hidden ; padding : 6px 0 ; word-break : break-all ; }

#customDetail_style_prodDetail_02_1607312109022 .proMaterial { padding : 10px ; }

#customDetail_style_prodDetail_02_1607312109022 .proMaterial .item { border-bottom : 1px dashed #e5e5e5 ; box-sizing : border-box ; color : #333 ; font-size : 14px ; overflow : hidden ; padding : 6px 12px ; }

#customDetail_style_prodDetail_02_1607312109022 .proMaterial .item:last-child { border-bottom : 0 ; }

#customDetail_style_prodDetail_02_1607312109022 .proMaterial .item .title { float : left ; padding : 6px 0 ; width : calc(100% - 74px) ; }

#customDetail_style_prodDetail_02_1607312109022 .proMaterial .item .btn { float : right ; padding : 6px 0 ; }

#customDetail_style_prodDetail_02_1607312109022 .proMaterial .item .btn a { color : #333 ; text-decoration : underline ; }

#customDetail_style_prodDetail_02_1607312109022 .content_load { color : #666 ; font-size : 12px ; padding : 10px ; text-align : center ; }

#customDetail_style_prodDetail_02_1607312109022 .content_load .icon { margin-right : 5px ; vertical-align : middle ; }

#customDetail_style_prodDetail_02_1607312109022 .content_load span { vertical-align : middle ; }

#customDetail_style_prodDetail_02_1607312109022 ol li { list-style-type : inherit ; }

#customDetail_style_prodDetail_02_1607312109022 .imgDiv { padding-bottom : 67% ; }

.searchStyle_1 { min-width : 200px ; position : relative ; }

.searchStyle_1 * { -moz-appearance : none ; -moz-transition : all ease .2s ; -o-transition : all ease .2s ; -webkit-appearance : none ; -webkit-transition : all ease .2s ; appearance : none ; box-sizing : border-box ; transition : all ease .2s ; }

.searchStyle_1 .searchForm { border-radius : 0 ; box-sizing : border-box ; width : 100% ; }

.searchStyle_1 .searchForm .search-btn { background : none ; border : 1px solid #666 ; border-left : 0 ; color : #333 ; cursor : pointer ; float : right ; font-size : 14px ; height : 40px ; outline : none ; text-align : center ; width : 20% ; }

.searchStyle_1 .searchForm .search_input { border : 1px solid #666 ; color : #333 ; font-size : 14px ; height : 40px ; outline : none ; padding-left : 45px ; width : 80% ; }

.searchPos-r { position : relative ; }

.searchPos-r i { -moz-transform : translateY(-50%) ; -ms-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; color : #999 ; font-size : 20px ; left : 15px ; position : absolute ; top : 50% ; transform : translateY(-50%) ; }

.keyWord { margin-top : 5px ; }

.keyWord a { color : #666 ; display : inline-block ; font-size : 14px ; margin-right : 5px ; }

#searchbox_style_01_1606985200412 input::-webkit-input-placeholder { color :  ; }

#searchbox_style_01_1606985200412 input::-moz-input-placeholder { color :  ; }

#searchbox_style_01_1606985200412 input::-o-input-placeholder { color :  ; }

.onlineStyle06 .main_box { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; position : fixed ; top : 50% ; transform : translateY(-50%) ; z-index : 100000000 ; }

.onlineStyle06 .item_box { position : relative ; }

.onlineStyle06 .item_box:hover .show_box { display : block ; }

.onlineStyle06 .item { background : #fff ; box-shadow : 0px 0px 10px rgba(0,0,0,.2) ; box-sizing : border-box ; height : 40px ; margin : 7px 0 ; padding : 12px ; text-align : center ; width : 40px ; }

.onlineStyle06 .item .img { background-position : center ; background-repeat : no-repeat ; background-size : 100% !important ; height : 100% ; width : 100% ; }

.onlineStyle06 .item:hover { background : rgb(42,140,240) ; color : #FFF ; }

.onlineStyle06 .item:hover .img { background : url(../img/qqol/style_06/message_pc_white.png) no-repeat ; background-position : center ; }

.onlineStyle06 .item .text { font-size : 14px ; line-height : 1.2 ; margin-top : 5px ; }

.onlineStyle06 .item .message_icon { background-image : url("../img/qqol/style_06/message_pc_gray.png") ; }

.onlineStyle06 .item:hover .message_icon { background-image : url("../img/qqol/style_06/message_pc_white.png") ; }

.onlineStyle06 .item .time_icon { background-image : url("../img/qqol/style_06/time_pc_gray.png") ; }

.onlineStyle06 .item:hover .time_icon { background-image : url("../img/qqol/style_06/time_pc_white.png") ; }

.onlineStyle06 .buycart { cursor : pointer ; }

.onlineStyle06 .item .buycart_icon { background-image : url("../img/qqol/style_06/buycart_pc_gray.png") ; }

.onlineStyle06 .item:hover .buycart_icon { background-image : url("../img/qqol/style_06/buycart_pc_white.png") ; }

.onlineStyle06 .backup { cursor : pointer ; }

.onlineStyle06 .item .backup_icon { background-image : url("../img/qqol/style_06/backup.png") ; }

.onlineStyle06 .item:hover .backup_icon { background-image : url("../img/qqol/style_06/backup_white.png") ; }

.onlineStyle06 .item .qr_icon { background-image : url("../img/qqol/style_06/qr_pc_gray.png") ; }

.onlineStyle06 .item:hover .qr_icon { background-image : url("../img/qqol/style_06/qr_pc_white.png") ; }

.onlineStyle06 .show_box { display : none ; position : absolute ; right : 100% ; top : 0 ; width : 220px ; }

.onlineStyle06 .box_content { position : relative ; }

.onlineStyle06 .box_content .arrow { position : absolute ; top : 13px ; }

.onlineStyle06 .show_box .contant { background : #fff ; border-radius : 10px ; box-shadow : 0px 0px 15px rgba(0,0,0,.2) ; max-height : 300px ; overflow-x : hidden ; overflow-y : scroll ; padding-bottom : 5px ; }

.onlineStyle06 .show_box .contant::-webkit-scrollbar { display : none ; }

.onlineStyle06 .show_box .li_item { border-bottom : 1px dashed rgba(0,0,0,.2) ; color : #333 ; font-size : 14px ; margin : 0 15px ; overflow : hidden ; padding : 12px 10px ; }

.onlineStyle06 .show_box .li_item:last-of-type { border-bottom : none ; }

.onlineStyle06 .show_box .title { border-bottom : 1px solid rgba(0,0,0,.2) ; color : #333 ; font-size : 14px ; padding : 14px 0 ; text-align : center ; }

.onlineStyle06 .show_box .icon { float : left ; height : 16px ; margin-top : 5px ; vertical-align : top ; width : 16px ; }

.onlineStyle06 .show_box .icon .img { background-repeat : no-repeat ; background-size : 100% ; height : 100% ; width : 100% ; }

.onlineStyle06 .show_box .text_contant { box-sizing : border-box ; float : left ; overflow : hidden ; padding-left : 10px ; text-overflow : ellipsis ; width : calc( 100% - 16px) ; }

.onlineStyle06 .show_box .text_contant div { word-break : break-all ; }

.onlineStyle06 a { color : #333 ; }

.onlineStyle06 .show_box .icon .list_phone_icon { background-image : url("../img/qqol/style_06/phone_pc.png") ; }

.onlineStyle06 .show_box .icon .list_wx_icon { background-image : url("../img/qqol/style_06/wx_pc.png") ; }

.onlineStyle06 .show_box .icon .list_qq_icon { background-image : url("../img/qqol/style_06/qq_pc.png") ; }

.onlineStyle06 .show_box .icon .list_mail_icon { background-image : url("../img/qqol/style_06/mail_pc.png") ; }

.onlineStyle06 .time .contant { color : #333 ; font-size : 14px ; height : 40px ; line-height : 40px ; padding : 0 ; text-align : center ; }

.onlineStyle06 .qrcode .contant { border-radius : 10px 0 0 10px ; padding : 20px 0 15px ; text-align : center ; }

.onlineStyle06 .qrcode .qrcode_img { height : 135px ; margin : 0 auto ; overflow : hidden ; width : 135px ; }

.onlineStyle06 .qrcode .qrcode_img img { width : 100% ; }

.onlineStyle06 .qrcode .qr_text { color : #333 ; font-size : 16px ; margin-top : 20px ; }

.onlineStyle06 .qq_mobile { display : none ; }

#qqol_style_06_1607308923359 .main_box { right : 0 ; }

#qqol_style_06_1607308923359 .show_box { right : 100% ; width : 220px ; }

#qqol_style_06_1607308923359 .show_box .contant { border-radius : 10px 0 10px 10px ; }

#qqol_style_06_1607308923359 .time .contant { border-radius : 50px 0 0 50px ; }

#qqol_style_06_1607308923359 .qrcode .contant { border-radius : 10px 0 0 10px ; }

#qqol_style_06_1607308923359 .item:hover { background : #b30075 ; }

#qqol_style_06_1607308923359 .box_content { padding-right : 15px ; }

#qqol_style_06_1607308923359 .arrow { right : 9px ; }

.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 : scale-down ; 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_1607054122607 .maxWidth { max-width : px ; }
#dh_style_28_1607054122607 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; }
#dh_style_28_1607054122607 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; }
#dh_style_28_1607054122607 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}


@media screen and (min-width:641px) { .proListShow .listLi:hover .imgDiv img { -moz-transform : translateX(-50%) scale(1.1) ; -o-transform : translateX(-50%) scale(1.1) ; -webkit-transform : translateX(-50%) scale(1.1) ; transform : translateX(-50%) scale(1.1) ; }}


@media screen and (min-width: 1025px) { #customDetail_style_prodDetail_02_1607312109022 .proParameters .item:nth-child(4n + 1) { border-left : 0 ; }
#customDetail_style_prodDetail_02_1607312109022 .proParameters .item:nth-child(4n) { border-right : 0 ; }}