body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; }
#image_style_01_1566885465201 { height : 54px ; left : 0% ; position : absolute ; top : 14.5px ; width : 5.328892589508743% ; }
#image_style_01_1566885465201 > .view_contents { overflow : visible ; }
#div_blank_new01_1566885351345 { box-sizing : border-box ; display : none ; height : 95px ; left : 0% ; position : absolute ; top : 10px ; width : 100% ; }
#div_blank_new01_1566885351345 .modSet { background : #565656 ; }
#diy_none_obj { background : transparent ; border-color : #ffffff ; border-style : none ; box-sizing : border-box ; }
#dh_style_28_1566885536681 { display : block ; left : 8.61781848459617% ; position : absolute ; top : 25px ; width : 72.35636969192339% ; z-index : 999 ; }
#dh_style_28_1566885536681 > .view_contents { overflow : visible ; }
#dh_style_28_1566885536681 .mainMenuSet { color : #FFFFFF ; font-size : 17px ; font-weight : normal ; }
#dh_style_28_1566885536681 .subMenuSet { color : #FFFFFF ; font-size : 17px ; }
#dh_style_28_1566885536681 .mainMenuSet:hover { background : transparent ; border-color : #da9d28 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; color : #DA9D28 ; }
#dh_style_28_1566885536681 #hot > a { background : transparent ; border-color : #da9d28 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; color : #DA9D28 ; }
#dh_style_28_1566885536681 .mainMenuSet:active { border-color : #da9d28 ; border-right : none !important ; border-style : solid ; border-width : 1px ; color : #DA9D28 ; }
#dh_style_28_1566885536681 .dhAreaSet { font-size : 12px ; }
#dh_style_28_1566885536681 .thrMenuSet { font-size : 17px ; }
#diy_none_obj .mainMenuSet { color : #FFFFFF ; text-color : #ffffff ; }
#diy_none_obj .subMenuSet { color : #FFFFFF ; }
#diy_none_obj .thrMenuSet { color : #FFFFFF ; }
#diy_none_obj .mainMenuSet:hover { color : #FFFFFF ; }
#diy_none_obj #hot > a { color : #FFFFFF ; }
#diy_none_obj .subMenuSet:hover { color : #FFFFFF ; }
#diy_none_obj .subCurSet { color : #FFFFFF ; }
#diy_none_obj .icoMenuSet { color : #FFFFFF ; }
#user_style_11_1640319959019 { height : 24px ; left : 83.05578684429642% ; position : absolute ; top : 38.5px ; width : 13.155703580349709% ; }
#user_style_11_1640319959019 > .view_contents { overflow : visible!important ; }
#user_style_11_1640319959019 .modSet { background : rgba(255,255,255,0) ; }
#user_style_11_1640319959019 .textSet { background : #ffffff ; opacity : 1 ; }
#user_style_11_1640319959019 .loginIcoSet { opacity : 1 ; }
#div_a_includeBlock_1566885437130 { display : block ; height : 101px ; left : calc(50% - 600.5px) ; position : absolute ; top : 0px ; width : 1201px ; z-index : 2 ; }
#div_a_includeBlock_1566885437130 > .view_contents { overflow : visible ; }
#div_blank_new01_1566970608481 { box-sizing : border-box ; height : 95px ; left : 0% ; position : absolute ; top : 0px ; width : 100% ; z-index : 1 ; }
#div_blank_new01_1566970608481 .modSet { background : #565656 ; background-color : #565656 ; }
#div_blank_new01_1566970608481 .triangle_sub { border-bottom-color : #bf0000 ; }
#comm_layout_header { height : 101px ; z-index : 99999 ; }
#comm_layout_header > .view_contents { overflow : visible ; }
#banner_style_11_1609832914630 { height : 838px ; left : -29.166666666666668% ; position : absolute ; top : 2.21875px ; width : 159.83333333333334% ; }
#banner_style_11_1609832914630 .btnaSet { border-radius : 10px ; font-weight : bold ; }
#banner_style_11_1609832914630 .titProSet { font-size : 50px ; font-weight : bold ; }
#banner_style_11_1609832914630 .defProSet { font-size : 20px ; font-weight : normal ; }
#qqol_style_06_1611821571226 { left : 0% ; position : fixed ; top : 12.21875px ; width : 17.5% ; z-index : 9999 ; }
#qqol_style_06_1611821571226 > .view_contents { overflow : visible ; }
#layout_1496303516196 { height : 840.21875px ; }
#layout_1496303516196 > .view_contents { max-width : 1200px ; overflow : visible ; }
#image_style_11_1609830613218 { left : -14.75% ; position : absolute ; top : 36px ; width : 129.5% ; }
#image_style_11_1609830613218 > .view_contents { overflow : visible ; }
#layout_1498112236160 { height : 876px ; }
#layout_1498112236160 > .view_contents { max-width : 1200px ; overflow : visible ; }
#div_blank_new01_1566899897622 { box-sizing : border-box ; height : 104px ; left : 0% ; position : absolute ; top : 1px ; width : 100% ; }
#div_blank_new01_1566899897622 .modSet { background : #1e1e1e ; }
#div_blank_new01_1566899939526 { box-sizing : border-box ; height : 95px ; left : 0% ; position : absolute ; top : 86px ; width : 100% ; }
#div_blank_new01_1566899939526 .modSet { background : #383838 ; }
#text_style_01_1566899991794 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 26.385439044038666% ; line-height : 1.8 ; position : absolute ; top : 115px ; width : 35.62795585916973% ; }
#text_style_01_1566899991794 > .view_contents { color : #FFFFFF ; font-size : 14px ; text-align : center ; }
#dh_style_28_1566900434634 { left : 19.153967419863374% ; position : absolute ; top : 29.5px ; width : 61.69206516027326% ; z-index : 999 ; }
#dh_style_28_1566900434634 > .view_contents { overflow : visible ; }
#dh_style_28_1566900434634 .mainMenuSet { color : #FFFFFF ; font-size : 18px ; font-weight : normal ; }
#dh_style_28_1566900434634 .subMenuSet { color : #FFFFFF ; }
#dh_style_28_1566900434634 .mainMenuSet:hover { background : transparent ; border-color : #da9d28 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; color : #DA9D28 ; }
#dh_style_28_1566900434634 #hot > a { background : transparent ; border-color : #da9d28 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; color : #DA9D28 ; }
#dh_style_28_1566900434634 .mainMenuSet:active { border-color : #da9d28 ; border-right : none !important ; border-style : solid ; border-width : 1px ; color : #DA9D28 ; }
#text_style_01_1609817005338 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 55.370569280343716% ; line-height : 1.8 ; position : absolute ; top : 115px ; width : 11.117078410311493% ; }
#text_style_01_1609817005338 > .view_contents { color : #999999 ; font-size : 14px ; text-align : center ; }
#text_style_01_1609817005338 .view_contents:hover { color : #FFFFFF ; }
#comm_layout_footer { height : 181px ; z-index : 99999 ; }
#comm_layout_footer > .view_contents { overflow : visible ; }
.imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; }
#image_style_01_1566885465201 .CompatibleImg img { height : 100% ; width : 100% ; }
#image_style_01_1566885465201 a { cursor : default ; }
.imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; }
.imgStyle img { box-sizing : border-box ; }
.blank_new01 { height : 100% ; width : 100% ; }
.blank_new01 .roundcs { background : rgba(7,126,244,0.7) ; box-sizing : border-box ; height : 100% ; width : 100% ; }
.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_1566885536681.clearTransform { transform : none!important ; }
#dh_style_28_1566885536681 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }
.userStyle11 { height : 100% ; position : relative ; }
.userStyle11 .Login_before { height : 100% ; text-align : center ; }
.userStyle11 .Login_afterStyle11 { height : 100% ; text-align : center ; }
.userStyle11 .icon_view { display : inline-block ; height : 100% ; position : relative ; }
.userStyle11 .icon_view .icon { box-sizing : border-box ; cursor : pointer ; height : 100% ; }
.userStyle11 .hover_view { box-shadow : #ccc 0 0 6px ; display : none ; margin-top : 14px ; min-width : 120px ; position : absolute ; width : 100% ; }
.userStyle11 .hover_view .operation_item { border-bottom : 1px solid #e5e5e5 ; color : #999 ; font-size : 14px ; padding : 8px 14px ; word-break : break-all ; }
.userStyle11 .hover_view .operation_item:last-child { border-bottom : 0 ; }
.userStyle11 .hover_view .operation_item a { color : inherit ; display : inline-block ; width : 100% ; }
.userStyle11.floatCenter .Login_before { text-align : center ; }
.userStyle11.floatCenter .Login_afterStyle11 { text-align : center ; }
.userStyle11.floatCenter .hover_view { -moz-transform : translateX(-50%) ; -ms-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; left : 50% ; text-align : center ; transform : translateX(-50%) ; }
.userStyle11.floatLeft .Login_before { text-align : left ; }
.userStyle11.floatLeft .Login_afterStyle11 { text-align : left ; }
.userStyle11.floatLeft .hover_view { left : 0 ; text-align : left ; }
.userStyle11.floatRight .Login_before { text-align : right ; }
.userStyle11.floatRight .Login_afterStyle11 { text-align : right ; }
.userStyle11.floatRight .hover_view { right : 0 ; text-align : right ; }
.bannerStyle_11 { height : 100% ; position : relative ; width : 100% ; }
.bannerStyle_11 .main_visual { height : 100% ; overflow : hidden ; position : relative ; }
.bannerStyle_11 .main_image { height : 100% ; overflow : hidden ; position : relative ; }
.bannerStyle_11 .main_image ul { height : 100% ; overflow : hidden ; width : 100% ; }
.bannerStyle_11 .main_image li { float : left ; height : 100% ; position : relative ; width : 100% ; }
.bannerStyle_11 .main_image li .img_box { display : block ; height : 100% ; overflow : hidden ; position : relative ; width : 100% ; }
.bannerStyle_11 .main_image li .img_box img { display : block ; height : 100% ; margin : 0 auto ; width : auto ; }
.bannerStyle_11 .info { background : rgba(0,0,0,.5) ; border : 1px solid rgba(255,255,255,.5) ; box-sizing : border-box ; color : #FFF ; left : 50% ; max-width : 100% ; padding : 25px ; position : absolute ; text-align : center ; top : 50% ; transform : translate(-50%,-50%) ; width : 75% ; z-index : 100 ; }
.bannerStyle_11 .title { font-size : 20px ; }
.bannerStyle_11 .subTitle { font-size : 14px ; line-height : 2 ; margin-bottom : 5px ; white-space : pre-wrap ; }
.bannerStyle_11 .button { background : rgba(255,255,255,.3) ; box-sizing : border-box ; color : #FFF ; display : inline-block ; font-size : 16px ; height : 35px ; line-height : 32px ; margin-bottom : 5px ; max-width : 100% ; padding : 0 20px ; }
.bannerStyle_11 .flicking_con { bottom : 10px ; position : absolute ; text-align : center ; width : 100% ; }
.bannerStyle_11 .flicking_con .dot { border : 1px solid rgba(255,255,255,.8) ; border-radius : 100px ; display : inline-block ; height : 0 ; margin : 0 2px ; overflow : hidden ; padding : 4px 4px ; position : relative ; width : 0 ; }
.bannerStyle_11 .flicking_con .cur_two { background : rgba(255,255,255,.8) ; }
.bannerStyle_11 .arrow { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; box-sizing : border-box ; color : #999 ; cursor : pointer ; font-family : simsun,'宋体',cursive,fangsong,serif,simhei,'黑体' ; font-size : 60px ; line-height : 1 ; padding : 0 14px ; position : absolute ; text-align : center ; top : 50% ; transform : translateY(-50%) ; z-index : 100 ; }
.bannerStyle_11 .arrowLef { left : 0 ; }
.bannerStyle_11 .arrowRight { right : 0 ; }
.bannerStyle_11 .arrow .awesome-font { display : none ; }
.bannerStyle_11 .arrow .awesome-font:before { box-sizing : border-box ; padding : 0 3px ; }
#banner_style_11_1609832914630 .main_image li img { height : 100% ; width : 100% ; }
.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_1611821571226 .main_box { right : 0 ; }
#qqol_style_06_1611821571226 .show_box { right : 100% ; width : 220px ; }
#qqol_style_06_1611821571226 .show_box .contant { border-radius : 10px 0 10px 10px ; }
#qqol_style_06_1611821571226 .time .contant { border-radius : 50px 0 0 50px ; }
#qqol_style_06_1611821571226 .qrcode .contant { border-radius : 10px 0 0 10px ; }
#qqol_style_06_1611821571226 .item:hover { background : rgb(254,96,96) ; }
#qqol_style_06_1611821571226 .box_content { padding-right : 15px ; }
#qqol_style_06_1611821571226 .arrow { right : 9px ; }
.imgStyle_11 { clear : both ; height : 100% ; position : relative ; width : 100% ; }
.imgStyle_11 ul { display : -webkit-flex ; display : -moz-flex ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; width : 100% ; }
.imgStyle_11 ul li.imgItems { background : #f6f6f6 ; box-sizing : border-box ; margin-bottom : 10px ; overflow : hidden !important ; position : relative ; width : 19% ; }
.imgStyle_11 ul li .ratio { margin-top : 100% ; width : 100% ; }
.imgStyle_11 ul li:hover .noimgLoadLate { -moz-transform : scale(1.1) ; -ms-transform : scale(1.1) ; -o-transform : scale(1.1) ; -webkit-transform : scale(1.1) ; transform : scale(1.1) ; z-index : 2 ; }
.imgStyle_11 ul li .theimgdiv { -moz-transition : all ease .3s ; -ms-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; background-position-x : 50% !important ; background-position-y : 50% !important ; background-repeat : no-repeat !important ; background-size : auto 100% !important ; height : 100% ; left : 0 ; position : absolute ; top : 0 ; transition : all ease .3s ; width : 100% ; }
.imgStyle_11 ul li:hover .theimgdiv { -moz-transform : scale(1.1) ; -ms-transform : scale(1.1) ; -o-transform : scale(1.1) ; -webkit-transform : scale(1.1) ; transform : scale(1.1) ; z-index : 2 ; }
.imgStyle_11 ul li a img { -moz-transform : translate(-50%,-50%) ; -moz-transition : all ease .3s ; -ms-transform : translate(-50%,-50%) ; -ms-transition : all ease .3s ; -o-transform : translate(-50%,-50%) ; -o-transition : all ease .3s ; -webkit-transform : translate(-50%,-50%) ; -webkit-transition : all ease .3s ; height : 100% ; left : 50% ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; transition : all ease .3s ; width : auto ; z-index : 100 ; }
.imgStyle_11 ul li a .bbx-new-font { align-items : center ; display : flex ; height : 100% ; justify-content : center ; left : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 100 ; }
.imgStyle_11 .imgView { width : 100% ; }
.imgStyle_11 .imgCont { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100% ; }
.imgStyle_11 .theimgtext { color : black ; font-size : 14px ; height : 30px ; line-height : 30px ; overflow : hidden ; text-align : center ; text-overflow : ellipsis ; width : 100% ; word-break : keep-all ; }
#image_style_11_1609830613218 ul li .ratio { float : left ; margin-top : 133% ; }
#image_style_11_1609830613218 ul li { width : 18.4% ; }
#image_style_11_1609830613218 ul li.imgItems { margin-bottom : 2% ; }
.imgShowBox { background-color : rgba(0, 0, 0, 0.4) ; height : 100% ; left : 0 ; position : fixed ; top : 0 ; width : 100% ; z-index : 99999 ; }
.imgShowBox img { -moz-transform : translate(-50%,-50%) ; -o-transform : translate(-50%,-50%) ; -webkit-transform : translate(-50%,-50%) ; border : 20px solid #fff ; box-shadow : 0 0 10px rgba(0,0,0,.3) ; left : 50% ; max-width : 80% ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; width : auto ; }
.imgShowBox .bbx-new-font { -moz-transform : translate(-50%,-50%) ; -o-transform : translate(-50%,-50%) ; -webkit-transform : translate(-50%,-50%) ; background : #fff ; border : 20px solid #fff ; box-shadow : 0 0 10px rgba(0,0,0,.3) ; left : 50% ; max-width : 80% ; padding : 0 20px ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; width : auto ; }
.imgShowBox.scroll { overflow-x : hidden ; overflow-y : scroll ; }
.imgShowBox.scroll::-webkit-scrollbar { background : rgba(0,0,0,.05) ; background : rgba(0,0,0,.02) ; height : 6px ; width : 6px ; }
.imgShowBox.scroll::-webkit-scrollbar-button { background : #f7f7f7 ; height : 0 ; }
.imgShowBox.scroll::-webkit-scrollbar-corner { background : rgba(0,0,0,.05) ; }
.imgShowBox.scroll::-webkit-scrollbar-thumb { background : rgba(255,255,255,.7) ; border-radius : 3px ; }
.imgShowBox.scroll img { -moz-transform : translate(-50%,0%) ; -o-transform : translate(-50%,0%) ; -webkit-transform : translate(-50%,0%) ; margin-bottom : 5% ; top : 5% ; transform : translate(-50%,0%) ; }
.pos_fixed { position : fixed ; width : 100% ; }
.imgButton { -moz-transform : translateX(-50%) ; -ms-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; align-items : center ; bottom : 15% ; display : -webkit-flex ; display : -moz-flex ; display : flex ; flex-wrap : nowrap ; justify-content : space-between ; left : 50% ; max-width : 400px ; position : fixed ; transform : translateX(-50%) ; width : 70% ; }
.imgButton span { -moz-transition : all ease .3s ; -ms-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; box-shadow : 0 0 6px rgba(0,0,0,.2) ; cursor : pointer ; display : inline-block ; transition : all ease .3s ; }
.imgButton span:hover { opacity : .8 ; }
.imgButton span i { color : inherit ; font-size : inherit ; line-height : inherit ; }
.imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic { background-color : #FFF ; border-radius : 100% ; box-sizing : border-box ; font-family : serif ; font-size : 40px ; height : 50px ; line-height : 50px ; text-align : center ; width : 50px ; }
.imgButton span.prevImg, .imgButton span.nextImg { font-size : 26px ; height : 40px ; line-height : 40px ; text-align : center ; width : 40px ; }
#dh_style_28_1566900434634.clearTransform { transform : none!important ; }
#dh_style_28_1566900434634 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }
.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_1566885536681 .maxWidth { max-width : px ; }
#dh_style_28_1566885536681 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; }
#dh_style_28_1566885536681 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; }
#dh_style_28_1566885536681 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }
#dh_style_28_1566900434634 .maxWidth { max-width : px ; }
#dh_style_28_1566900434634 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; }
#dh_style_28_1566900434634 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; }
#dh_style_28_1566900434634 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}

@media screen and (min-width: 1025px) { #banner_style_11_1609832914630 .main_image .info { width : 60% ; }}