body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-color : #1D1F21 ; background-position : left top ; text-size-adjust : 100% !important ; } #lang_style_1_1715764866233 { background : rgba(0, 0, 0, 0) ; left : 85.49442243536281% ; position : absolute ; top : 36px ; width : 14.51209341117598% ; z-index : 1001 ; } #lang_style_1_1715764866233 .textSet { background : rgba(0, 0, 0, 0) ; color : rgb(0, 0, 0) ; font-size : 16px ; line-height : 40px ; } #lang_style_1_1715764866233 .fixmainSet { background : rgba(0, 0, 0, 0) ; color : rgb(102, 102, 102) ; } #lang_style_1_1715764866233 .bgareaSet { background : rgba(0, 0, 0, 0) ; color : rgb(51, 51, 51) ; padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; } #lang_style_1_1715764866233 .textSet:hover { color : #FFFFFF ; } #lang_style_1_1715764866233 .selectedmodSet .textSet { color : #FFFFFF ; } #lang_style_1_1715764866233 > .view_contents { background : rgba(0, 0, 0, 0) ; } #diy_none_obj .textSet { font-size : 14px ; font-size : 12px ; height : 14px ; line-height : 18px ; } #diy_none_obj .fixmainSet { font-size : 12px ; height : 10px ; } #diy_none_obj .bgareaSet { padding-bottom : 4px ; padding-top : 4px ; } #image_logo_1715764866238 { background : rgba(0, 0, 0, 0) ; height : 87px ; left : 0% ; position : absolute ; top : 12px ; width : 179px ; z-index : 1001 ; } #image_logo_1715764866238 > .view_contents { background : rgba(0, 0, 0, 0) ; } #image_logo_1715764866238 .modSet { background : rgba(0, 0, 0, 0) ; } #image_logo_1715764866238 .imgSet { background : rgba(0, 0, 0, 0) ; } #qqol_style_05_1722501544245 { left : 82.48540450375313% ; position : absolute ; top : 0px ; width : 17.514595496246873% ; z-index : 2 ; } #qqol_style_05_1722501544245 > .view_contents { overflow : visible ; } #dh_style_39_1722854957244 { left : 17.91075896580484% ; position : absolute ; top : 36px ; width : 74.72894078398666% ; z-index : 1000 ; } #dh_style_39_1722854957244 > .view_contents { overflow : visible ; } #dh_style_39_1722854957244 .mainMenuSet:hover { background : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 #hot > a { background : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 #hot .aview { background : #ff7f00 ; color : #FFFFFF ; } #dh_style_39_1722854957244 .mainMenuSet { bg-hover-color : transparent ; line-height : 40px ; margin-left : 5px ; margin-right : 5px ; text-hover-color : #ff7f00 ; } #dh_style_39_1722854957244 .twosBgSet { border-color : transparent ; border-style : none ; border-width : 0px ; margin-bottom : 0px ; padding-bottom : 20px ; } #dh_style_39_1722854957244 .twoBgSet { border-width : 0px ; } #dh_style_39_1722854957244 .subMenuSet { color : #666666 ; font-size : 14px ; font-weight : normal ; line-height : 40px ; padding-top : 3px ; } #dh_style_39_1722854957244 .subMenuSet:hover { background : transparent ; border-color : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 #subCurSet { background : transparent ; border-color : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 .twosBgSet:hover { margin-bottom : 0px ; margin-left : 0px ; margin-right : 0px ; margin-top : 0px ; padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; } #dh_style_39_1722854957244 .twoBgSet:hover { margin-bottom : 0px ; margin-left : 0px ; margin-right : 0px ; margin-top : 0px ; padding-bottom : 0px ; padding-left : 20px ; padding-right : 20px ; padding-top : 20px ; } #dh_style_39_1722854957244 .mainMenuSet:hover .subtitle { padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; } #dh_style_39_1722854957244 #hot > a .subtitle { padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; } #dh_style_39_1722854957244 .thrMenuSet:hover { background : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 .thrCurSet { background : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 .subCurSet { background : transparent ; color : #FF7F00 ; } #dh_style_39_1722854957244 .thrMenuSet { line-height : 40px ; } #diy_none_obj .subMenuSet { border-color : transparent ; border-style : none ; border-width : 0px ; font-size : 14px ; font-weight : normal ; } #diy_none_obj .mainMenuSet { border-color : transparent ; border-style : none ; border-width : 0px ; font-size : 16px ; padding-bottom : 5px ; padding-left : 15px ; padding-right : 15px ; padding-top : 5px ; } #diy_none_obj .mainMenuSet:hover { border-color : transparent ; border-style : none ; border-width : 0px ; font-size : 16px ; padding-bottom : 5px ; padding-left : 15px ; padding-right : 15px ; padding-top : 5px ; } #diy_none_obj #hot > a { border-color : transparent ; border-style : none ; border-width : 0px ; font-size : 16px ; padding-bottom : 5px ; padding-left : 15px ; padding-right : 15px ; padding-top : 5px ; } #diy_none_obj #hot .aview { border-color : transparent ; border-style : none ; border-width : 0px ; font-size : 16px ; padding-bottom : 5px ; padding-left : 15px ; padding-right : 15px ; padding-top : 5px ; } #diy_none_obj .subMenuSet:hover { background : #ff7f00 ; color : #FFFFFF ; font-size : 14px ; } #diy_none_obj #subCurSet { background : #ff7f00 ; color : #FFFFFF ; font-size : 14px ; } #div_a_includeBlock_1715764866131 { background : rgba(0, 0, 0, 0) ; box-sizing : border-box ; height : 111px ; left : calc(50% - 600px) ; position : absolute ; top : 0px ; width : 1199px ; z-index : 2 ; } #div_a_includeBlock_1715764866131 > .view_contents { background : rgba(0, 0, 0, 0) ; overflow : visible ; } #div_blank_new01_1715764866141 { box-sizing : border-box ; height : 111px ; left : -25% ; position : absolute ; top : 0px ; width : 150% ; z-index : 1 ; } #div_blank_new01_1715764866141 > .view_contents { background : rgba(0, 0, 0, 0) ; overflow : visible ; } #div_blank_new01_1715764866141 .modSet { background : rgba(255,255,255,0.8) ; } #diy_none_obj { background : transparent ; background : #ffffff ; border-color : #e0e0e0 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; box-sizing : border-box ; } #comm_layout_header { background : rgba(0, 0, 0, 0) ; background-position : 50% 50% !important ; background-size : auto 100% ; height : 633px ; z-index : 99999 ; } #comm_layout_header > .view_contents { background : rgba(0, 0, 0, 0) ; max-width : 1200px ; overflow : visible ; } #homelink_style_02_1722912973583 { left : 30.083333333333336% ; position : absolute ; top : 230px ; width : 39.83333333333333% ; } #homelink_style_02_1722912973583 .tabItemSet { color : #FFFFFF ; font-size : 70px ; font-weight : bold ; line-height : 90px ; } #diy_none_obj .tabItemSet { font-size : 60px ; font-size : 24px ; line-height : 80px ; line-height : 40px ; } #layout_1722912973567 { background : url(https://cdn.img.sooce.cn/nicetuku/202206/17/jpg/165545734856256e66c63ab4fec62f1f1ef5cb345d797.jpg) ; background-position : 50% 0% !important ; background-repeat : repeat!important ; background-size : 100% auto ; height : 422px ; } #layout_1722912973567 > .view_contents { max-width : 1200px ; overflow : visible ; } #footerCustom_textlist_01_1722914189312 { left : 0% ; position : absolute ; top : 71px ; width : 36.583333333333336% ; z-index : 2 ; } #footerCustom_textlist_01_1722914189312 .modSet { background : transparent ; padding-bottom : 0px ; padding-top : 0px ; } #footerCustom_textlist_01_1722914189312 .oneSet { background : #1e50ae ; border-radius : initial ; color : #F7F7F7 ; font-size : 17px ; font-weight : normal ; margin-bottom : 20px ; margin-right : 0px ; padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; text-align : center ; } #footerCustom_textlist_01_1722914189312 .twoSet { color : #222222 ; font-size : 14px ; height : 32px ; line-height : 32px ; padding-bottom : 6px ; text-align : left ; } #diy_none_obj .oneSet { font-size : 16px ; line-height : 36px ; margin-bottom : 5px ; margin-right : 0px ; padding-left : 18px ; padding-left : 10px ; text-align : left ; } #diy_none_obj .twoSet { font-family : "Microsoft YaHei",微软雅黑 ; font-size : 14px ; height : 28px ; line-height : 30px ; padding-bottom : 0px ; padding-left : 9px ; text-align : left ; } #diy_none_obj .modSet { padding-bottom : 0px ; padding-top : 0px ; } #image_style_22_1722914189330 { left : 0% ; position : absolute ; top : 259px ; width : 20.333333333333332% ; z-index : 2 ; } #image_style_22_1722914189330 > .view_contents { overflow : visible ; } #image_style_22_1722914189330 .titleSet { color : #666666 ; font-size : 14px ; font-weight : normal ; padding-bottom : 0px ; padding-top : 6px ; text-align : center ; } #image_style_22_1722914189330 .detailSet { font-size : 12px ; text-align : center ; } #diy_none_obj .titleSet { font-size : 14px ; } #liuyanban_style_01_1722914189335 { left : 43.166666666666664% ; position : absolute ; top : 64px ; width : 44.916666666666664% ; } #liuyanban_style_01_1722914189335 .titSet { font-size : 16px ; height : 45px ; margin-bottom : 12px ; padding-bottom : 0px ; text-align : left ; } #liuyanban_style_01_1722914189335 .userInfoSet { border-width : 0px ; height : 40px ; margin-bottom : 4px ; margin-top : 0px ; } #liuyanban_style_01_1722914189335 .messageBoardSet { border-width : 0px ; height : 95px ; margin-bottom : 4px ; } #liuyanban_style_01_1722914189335 .btnaSet { background : #1e50ae ; font-size : 14px ; margin-bottom : 0px ; margin-top : 4px ; } #diy_none_obj .titSet { font-family : "Microsoft YaHei",微软雅黑 ; font-size : 16px ; font-weight : bold ; height : 30px ; letter-spacing : 0px ; line-height : 14px ; margin-bottom : 0px ; margin-top : 0px ; padding-bottom : 0px ; padding-top : 0px ; text-align : left ; } #diy_none_obj .userInfoSet { font-size : 14px ; margin-top : 0px ; padding-bottom : 8px ; } #diy_none_obj .messageBoardSet { font-size : 14px ; height : 92px ; margin-bottom : 4px ; margin-top : 0px ; padding-bottom : 8px ; padding-top : 8px ; } #diy_none_obj .messageBoardShowSet { font-size : 14px ; padding-bottom : 0px ; } #diy_none_obj .page_btn .pageSet { font-size : 14px ; } #diy_none_obj #pagecurSet { font-size : 14px ; } #diy_none_obj .btnaSet { font-size : 14px ; height : 40px ; } #div_a_includeBlock_1722914187011 { background : #ffffff ; box-sizing : border-box ; height : 449px ; left : 0% ; position : absolute ; top : 76px ; width : 100% ; z-index : 1 ; } #layout_1722914167943 { background : url(https://cdn.yun.sooce.cn/5/1580/jpg/1649906068826ccd202d2baed3f73.jpg?version=0) ; height : 599px ; } #layout_1722914167943 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1715413079158 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 180px ; width : 42.66666666666667% ; z-index : 8 ; } #text_style_01_1715413079158 > .view_contents { background : rgba(0, 0, 0, 0) ; color : rgb(255, 255, 255) ; font-size : 14px ; line-height : 28px ; text-align : left ; } #diy_none_obj > .view_contents { font-size : 14px ; text-align : center ; } #image_style_01_1715413152466 { height : 98px ; left : 0% ; position : absolute ; top : 33px ; width : 227px ; } #image_style_01_1715413152466 > .view_contents { overflow : visible ; } #footerCustom_footerDh_01_1715413309573 { left : 60.91666666666667% ; position : absolute ; top : 74px ; width : 39.08333333333333% ; z-index : 999 ; } #footerCustom_footerDh_01_1715413309573 > .view_contents { overflow : visible ; } #footerCustom_footerDh_01_1715413309573 .mainMenuSet { background : rgba(0, 0, 0, 0) ; color : rgb(255, 255, 255) ; font-weight : normal ; height : 40px ; line-height : 30px ; padding-bottom : 10px ; text-align : left ; } #footerCustom_footerDh_01_1715413309573 .subMenuSet { background : rgba(0, 0, 0, 0) ; color : rgb(153, 153, 153) ; height : 30px ; line-height : 30px ; text-align : left ; } #image_style_11_1715413756424 { left : 0% ; position : absolute ; top : 290px ; width : 12% ; } #image_style_11_1715413756424 > .view_contents { overflow : visible ; } #image_style_11_1715413756424 .modSet { background : rgb(51, 51, 51) ; border-radius : 50px ; } #image_style_22_1722913226584 { left : 84.58333333333333% ; position : absolute ; top : 197px ; width : 7.833333333333334% ; z-index : 2 ; } #image_style_22_1722913226584 > .view_contents { overflow : visible ; } #image_style_22_1722913226584 .titleSet { color : #666666 ; font-size : 14px ; font-weight : normal ; padding-bottom : 0px ; padding-top : 6px ; text-align : center ; } #image_style_22_1722913226584 .detailSet { font-size : 12px ; text-align : center ; } #div_a_includeBlock_1715413078993 { border-color : rgba(0,0,0,0.1) ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; box-sizing : border-box ; height : 349px ; left : calc(50% - 600px) ; position : absolute ; top : 0px ; width : 100% ; z-index : 4 ; } #div_a_includeBlock_1715413078993 > .view_contents { overflow : visible ; } #copyright_style_01_1715413882008 { left : 0% ; position : absolute ; top : 382px ; width : 100% ; } #copyright_style_01_1715413882008 > .view_contents { overflow : visible ; } #copyright_style_01_1715413882008 .modSet { background : rgba(0, 0, 0, 0) ; color : rgb(153, 153, 153) ; } #comm_layout_footer { background : #050556 ; border-bottom : none !important ; border-color : rgba(0, 0, 0, 0.1) rgb(51, 51, 51) rgb(51, 51, 51) ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-width : 1px ; height : 438px ; z-index : 99999 ; } #comm_layout_footer > .view_contents { max-width : 1200px ; overflow : visible ; } .lang-list { padding : 8px 15px ; } .lang-list > span { padding : 0 5px ; } .lang-list > .lang-item { font-size : 14px ; } #lang_style_1_1715764866233 .arrowDown { border-top : 6px solid #333 ; } #lang_style_1_1715764866233 .lang-list { text-align : right ; } .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 ; } .onlineStyle05 .main_box { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; background : #fff ; box-shadow : 0px 0px 15px rgba(0,0,0,.2) ; position : fixed ; top : 50% ; transform : translateY(-50%) ; z-index : 100000000 ; } .onlineStyle05 .main_box .box_main_content { background : #fff ; } .onlineStyle05 .interval { background : #ccc ; height : 1px ; margin : 0 10px ; } .onlineStyle05 .item_box { position : relative ; } .onlineStyle05 .item_box:hover .show_box { display : block ; } .onlineStyle05 .item { color : #808080 ; margin : 7px 0 ; padding : 10px ; text-align : center ; width : 16px ; } .onlineStyle05 .item .img { background-repeat : no-repeat ; background-size : 100% !important ; height : 16px ; width : 100% ; } .onlineStyle05 .item:hover { background : rgb(42,140,240) ; color : #FFF ; } .onlineStyle05 .item .text { font-size : 14px ; line-height : 1.2 ; margin-top : 5px ; } .onlineStyle05 .item .phone_icon { background-image : url("../img/qqol/style_05/kefu_pc_gray.png") ; } .onlineStyle05 .item:hover .phone_icon { background-image : url("../img/qqol/style_05/kefu_pc_white.png") ; } .onlineStyle05 .item .time_icon { background-image : url("../img/qqol/style_05/time_pc_gray.png") ; } .onlineStyle05 .item:hover .time_icon { background-image : url("../img/qqol/style_05/time_pc_white.png") ; } .onlineStyle05 .buycart { cursor : pointer ; } .onlineStyle05 .item .buycart_icon { background-image : url("../img/qqol/style_05/buycart_pc_gray.png") ; } .onlineStyle05 .item:hover .buycart_icon { background-image : url("../img/qqol/style_05/buycart_pc_white.png") ; } .onlineStyle05 .backup { cursor : pointer ; } .onlineStyle05 .item .backup_icon { background-image : url("../img/qqol/style_05/backup.png") ; } .onlineStyle05 .item:hover .backup_icon { background-image : url("../img/qqol/style_05/backup_white.png") ; } .onlineStyle05 .item .qr_icon { background-image : url("../img/qqol/style_05/qr_pc_gray.png") ; } .onlineStyle05 .item:hover .qr_icon { background-image : url("../img/qqol/style_05/qr_pc_white.png") ; } .onlineStyle05 .show_box { display : none ; padding-bottom : 20px ; position : absolute ; right : 100% ; top : 0 ; width : 220px ; } .onlineStyle05 .show_box .contant { background : rgb(42,140,240) ; border-radius : 10px 0 10px 10px ; max-height : 300px ; overflow-x : hidden ; overflow-y : scroll ; padding-bottom : 20px ; } .onlineStyle05 .show_box .contant::-webkit-scrollbar { display : none ; } .onlineStyle05 .show_box .li_item { border-bottom : 1px dashed rgba(255,255,255,.5) ; color : #FFF ; font-size : 14px ; margin : 0 15px ; overflow : hidden ; padding : 12px 10px ; } .onlineStyle05 .show_box .li_item:last-of-type { border-bottom : none ; } .onlineStyle05 .show_box .title { border-bottom : 1px solid rgba(255,255,255,.5) ; color : #FFF ; font-size : 14px ; padding : 14px 0 ; text-align : center ; } .onlineStyle05 .show_box .icon { float : left ; height : 16px ; margin-top : 5px ; vertical-align : top ; width : 16px ; } .onlineStyle05 .show_box .icon .img { background-repeat : no-repeat ; background-size : 100% ; height : 100% ; width : 100% ; } .onlineStyle05 .show_box .text_contant { box-sizing : border-box ; float : left ; overflow : hidden ; padding-left : 10px ; text-overflow : ellipsis ; width : calc( 100% - 16px) ; } .onlineStyle05 .show_box .text_contant div { word-break : break-all ; } .onlineStyle05 a { color : #FFF ; } .onlineStyle05 .show_box .icon .list_phone_icon { background-image : url("../img/qqol/style_05/phone_pc.png") ; } .onlineStyle05 .show_box .icon .list_wx_icon { background-image : url("../img/qqol/style_05/wx_pc.png") ; } .onlineStyle05 .show_box .icon .list_qq_icon { background-image : url("../img/qqol/style_05/qq_pc.png") ; } .onlineStyle05 .show_box .icon .list_mail_icon { background-image : url("../img/qqol/style_05/mail_pc.png") ; } .onlineStyle05 .time .contant { border-radius : 50px 0 0 50px ; color : #FFF ; font-size : 14px ; height : 36px ; line-height : 36px ; padding : 0 ; text-align : center ; } .onlineStyle05 .qrcode .contant { border-radius : 10px 0 0 10px ; padding : 20px 0 15px ; text-align : center ; } .onlineStyle05 .qrcode .qrcode_img { height : 135px ; margin : 0 auto ; overflow : hidden ; width : 135px ; } .onlineStyle05 .qrcode .qrcode_img img { width : 100% ; } .onlineStyle05 .qrcode .qr_text { color : #FFF ; font-size : 16px ; margin-top : 20px ; } .onlineStyle05 .qq_mobile { display : none ; } #qqol_style_05_1722501544245 .contant { background : ; } #qqol_style_05_1722501544245 .main_box { right : 0 ; } #qqol_style_05_1722501544245 .show_box { right : 100% ; width : 220px ; } #qqol_style_05_1722501544245 .show_box .contant { border-radius : 10px 0 10px 10px ; } #qqol_style_05_1722501544245 .time .contant { border-radius : 50px 0 0 50px ; } #qqol_style_05_1722501544245 .qrcode .contant { border-radius : 10px 0 0 10px ; } #qqol_style_05_1722501544245 .item:hover { background : ; } .menuStyle_39 { position : relative ; width : 100% ; } .menuStyle_39 * { box-sizing : border-box ; } .menuStyle_39 .miniMenu *, .menuStyle_39 .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_39 .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_39 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; } .menuStyle_39 ul, .menuStyle_39 li { list-style : none ; margin : 0px ; padding : 0 ; } .menuStyle_39 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .menuStyle_39 .menuLayout:after { clear : both ; content : '' ; display : block ; } .menuStyle_39 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .menuStyle_39 .menuUl { position : relative ; text-align : center ; width : 100% ; z-index : 99 ; } .menuStyle_39 .menuUl > li { position : relative ; } .menuStyle_39 .menuUl > li > a { box-sizing : border-box ; display : block ; font-size : 16px ; height : 100% ; letter-spacing : normal ; line-height : 44px ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; white-space : nowrap ; } .menuStyle_39 .menuUl > li > a:hover { color : #2D8CF0 ; } .menuStyle_39 .menuUl #hot > a { color : #2D8CF0 ; } .menuStyle_39 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; } .menuStyle_39 .menuUl #hot > a span { color : inherit ; } .menuStyle_39 .menuUl > .logo { background : transparent!important ; } .menuStyle_39 .menuUl > .logo:after { width : 0 ; } .menuStyle_39 .menuUl > .logo .menuUl_box_logo { background : transparent!important ; border-top : 3px solid transparent!important ; } .menuStyle_39 .menuUl > .logo .menuUl_box_logo:hover { background : #fff ; } .menuStyle_39 .menuLayout .miniMenu { display : none ; } .menuStyle_39 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; background : #f5f5f5 ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; width : 100% ; } .menuStyle_39 .menuUl > li > #menuLogo { height : 85% ; } .menuStyle_39 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; } .menuStyle_39 .menuUl.noHover .rflex:hover .menuUl02 { display : none ; } .menuStyle_39 .menuUl02 .subMenu02 { color : #4D5158 ; float : none ; font-size : 14px ; line-height : 40px ; padding : 0 15px ; position : relative ; } .menuStyle_39 .subBox .subMenu02#subCurSet { border-bottom : 2px solid #04b29b ; font-weight : bold ; } .menuStyle_39 .menuUl02 .subMenu02 > a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .menuStyle_39 .menuUl02 .subMenu02:hover { background : #4bc9e4 ; color : #FFF ; } .menuStyle_39 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; } .menuStyle_39 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; } .menuStyle_39 .menuUl03 { background : #f5f5f5 ; display : none ; position : absolute ; top : 0 ; } .menuStyle_39 .maxWidth { margin : auto ; } .menuStyle_39 .subBox { background : #fff ; border-top : 1px solid #2d8cf0 ; display : none ; left : 0 ; padding : 20px 20px 0 ; position : absolute ; width : 100% ; } .menuStyle_39 .subBox .subBoxContent { overflow : hidden ; text-align : left ; } .menuStyle_39 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; } .menuStyle_39 .subBox .sublm { display : block ; min-height : 10px ; width : 100% ; } .menuStyle_39 .subBox .sublm .subMenuArea { box-sizing : border-box ; float : left ; margin-bottom : 20px ; margin-right : 2% ; overflow : hidden ; width : 49% ; } .menuStyle_39 .subBox .subMenuArea .subMenuImgArea { box-sizing : border-box ; float : left ; overflow : hidden ; position : relative ; width : 50% ; } .menuStyle_39 .subBox .subMenuArea .dummy { margin-top : calc(100%/3*2) ; } .menuStyle_39 .subBox .subMenuArea .subMenuImg { width : 100% ; } .menuStyle_39 .subBox .subMenuArea .menu_img { bottom : 0 ; left : 0 ; overflow : hidden ; position : absolute ; right : 0 ; top : 0 ; } .menuStyle_39 .subBox .subMenuArea .subMenuCon { float : left ; padding : 10px 10px 0 ; width : 50% ; } .menuStyle_39 .subBox .subMenu02 { clear : both ; color : #333 ; display : block ; font-size : 14px ; } .menuStyle_39 .subBox .subMenu02:hover, .menuStyle_39 .subBox .subMenu02:active { color : #2D8CF0 ; } .menuStyle_39 .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_39 .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_39 .subMenu03 .thrMenuSet { display : block ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .menuStyle_39 .subMenu03 .thrMenuSet:hover { color : #2D8CF0 ; } #dh_style_39_1722854957244.clearTransform { transform : none!important ; } #dh_style_39_1722854957244 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; } #dh_style_39_1722854957244 .subBox .subMenuArea .dummy { margin-top : 0.1px ; } #dh_style_39_1722854957244 .subBox .subMenuArea .subMenuImgArea { width : 0.1px ; } #dh_style_39_1722854957244 .subBox .subMenuArea .subMenuCon { width : calc(100% - 0.1px) ; } #dh_style_39_1722854957244 .menuStyle_39 .subBox .sublm .subMenuArea { width : 15% ; } #dh_style_39_1722854957244 .menuStyle_39 .subBox .sublm .subMenuArea:nth-child(6n) { margin-right : 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% ; } .homelink_style02 { width : 100% ; } .homelink_style02 .link_ul { font-size : 0 ; } .homelink_style02 .link_li { display : inline-block ; font-size : 0 ; position : relative ; vertical-align : middle ; } .homelink_style02 .home-icon { display : inline-block ; margin-right : 8px ; vertical-align : middle ; width : 20px ; } .homelink_style02 .bbx-new-font { display : inline-block ; vertical-align : middle ; } .homelink_style02 .link_li:first-of-type > a { padding-left : 0 !important ; } .homelink_style02 .link_li > a { box-sizing : border-box ; font-size : 14px ; padding : 0 20px ; position : relative ; vertical-align : middle ; } .homelink_style02 .link_li span { color : #666 ; font-size : 14px ; vertical-align : middle ; z-index : 100 ; } .homelink_style02 .link_li.on > a, .homelink_style02 .link_li > a:hover { color : #08F ; } #homelink_style_02_1722912973583 .breadcrumb > li + li:before { content : "//\00a0"; } #homelink_style_02_1722912973583 .home-icon{width: 20px;} @media screen and (min-width:641px) and (max-width:1200px) { #homelink_style_02_1722912973583 .home-icon{width: 20px;} } @media screen and (max-width:640px) { #homelink_style_02_1722912973583 .home-icon{width: 20px;} } #homelink_style_02_1722912973583 .homelink_style02 .link_ul{text-align:center;} .footerText_01{ width: 100%; position: relative; box-sizing: border-box;padding-top: 5px;padding-bottom: 10px;background: #a2a3e9;} .footerText_01 .text_list{display: flex;flex-wrap: wrap;} .footerText_01 .conDiv{flex: 1;align-items: center;} .footerText_01 .conDiv .title_box{color: #fff;height: 40px;line-height: 40px;font-size: 16px;text-align: center;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .footerText_01 .conDiv .sub_title{color: #fff;height: 30px;line-height: 30px;font-size: 14px;text-align: center;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .footerText_01 .conDiv .title_box>a{display: inline-block;max-width: 100%;white-space: nowrap;color: inherit;font-size: inherit;line-height: inherit;text-overflow: ellipsis;overflow: hidden;} .footerText_01 .conDiv .sub_title>a{display: inline-block;max-width: 100%;white-space: nowrap;color: inherit;font-size: inherit;line-height: inherit;text-overflow: ellipsis;overflow: hidden;} .footerText_01 .conDiv .sub_title:hover >a{text-decoration: inherit;} @media screen and (max-width:768px) { .footerText_01 .conDiv{width: 50%;min-width: 50%;max-width: 50%;float: left;} } #footerCustom_textlist_01_1722914189312 .footerText_01 .conDiv{min-width: calc(100% / 1);max-width: calc(100% / 1);} @media screen and (max-width: 1024px){ #footerCustom_textlist_01_1722914189312 .footerText_01 .conDiv{min-width: calc(100% / 1);max-width: calc(100% / 1);} } @media screen and (max-width: 768px){ #footerCustom_textlist_01_1722914189312 .footerText_01 .conDiv{min-width: calc(100% / 1);max-width: calc(100% / 1);} } .imgStyle_22{ width:100%; } .imgStyle_22 *{ font-size:'微软雅黑'; } .imgStyle_22 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; } .imgStyle_22 .imgTextLi{ overflow: hidden; margin-bottom:2%;box-sizing: border-box;} .imgStyle_22 li{ width: 24%;} .imgStyle_22 .imgTextLi .left{width: 100%;} .imgStyle_22 .imgTBox{ text-align: left; float:left; display:inline-block;height: 100%;width: 100%;} .imgStyle_22 .imgTBox>img{ display: inline-block; width:100%;box-sizing: border-box;height: 100%;} .imgStyle_22 .imgTBox>.bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .imgStyle_22 .cont{ float:right; display:inline-block;width: 100%;} .imgStyle_22 .title .name{width: 50%;float: left;font-size: 16px;font-weight: bold;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;} .imgStyle_22 .title .subName{width: 50%;float: right;font-size: 12px;text-align: right;line-height: 24px;color: #f00;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;} .imgStyle_22 .title{overflow: hidden;} .imgStyle_22 .imgDetail{color: #666;font-size: 12px;margin-bottom: 5px;white-space: pre-wrap;} .imgStyle_22 .left{position: relative;float: left;width: 100%;height: auto;} .imgStyle_22 .image-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;} .imgStyle_22 .btn a {display: block;background: rgb(255,115,4);color: #fff;text-align: center;line-height: 2;} @media screen and (max-width: 768px){ .imgStyle_22 .title .name{width: 100%;} .imgStyle_22 .title .subName{width: 100%;float: left;text-align: left;} } #image_style_22_1722914189330 ul li{width: 42%;} #image_style_22_1722914189330 ul li.imgTextLi{margin-bottom:16%;} #image_style_22_1722914189330 .title .name{width: 100%;white-space:normal;} @media screen and (max-width: 1024px){ #image_style_22_1722914189330 ul li{width: 45%;} #image_style_22_1722914189330 ul li.imgTextLi{margin-bottom:10%;} } @media screen and (max-width: 768px){ #image_style_22_1722914189330 ul li{width: 49%;} #image_style_22_1722914189330 ul li.imgTextLi{margin-bottom:2%;} } .gformStyle_1{width:100%; box-sizing: border-box;} .gformStyle_1 *{box-sizing: border-box;transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; box-sizing: border-box;} .gformStyle_1 .gformS{width:100%;box-sizing:border-box;} .gformStyle_1 .gf_title{text-align:center; font-size:18px; line-height:3;} .gformStyle_1 .gformList{width:100%;margin-bottom:4px;} .gformStyle_1 .gformList span{display:block; float:left; width:36px; font-size:14px; line-height:34px;} .gformStyle_1 .gformList textarea.gf_message, .gformStyle_1 .gformList input.gfInput{width:100%;max-width:100%; min-width:300px; box-sizing:border-box; font-size:14px; color:#333; padding:8px; border:1px solid #eee;} .gformStyle_1 .gformList input.gfInput{height:34px; width:100%; min-width:300px;} .gformStyle_1 .gbt{background:#EC8C14; color:#fff; font-size:16px; line-height:40px; cursor:pointer; box-sizing:border-box; border:0; height:40px; width:100%; margin:3% auto;} .gformStyle_1 .gformList input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .gformStyle_1 #gbook{width:100%; box-sizing:border-box; list-style:none; clear:both;} .gformStyle_1 li.gbList{background:#fff; margin-bottom:10px; color:#333; padding:10px; box-sizing:border-box;} .gformStyle_1 .gb_name{font-size:14px; line-height:3; white-space:nowrap; border-top: 1px solid #aaa; padding:10px;} .gformStyle_1 .gb_content{margin:10px auto; clear:both;} .gformStyle_1 .gb_page{background:#fff; text-align:center; font-size:14px; line-height:2;} .gformStyle_1 .gb_replay{margin:10px auto; border-top:1px solid #ccc; padding-top:10px; box-sizing:border-box; font-size:14px;} .gformStyle_1 .gb_replay b{padding-left:50px; } .gformStyle_1 .gb_replay .gb_content{padding-left:50px; } .gformStyle_1 .gb_info{float:right; color:#666;} @media screen and (max-width:991px){ .gformStyle_1 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:calc(100% - 36px); } } @media screen and (max-width:768px){ .gformStyle_1{padding:15px;} .gformStyle_1 .listTit{display:none;} .gformStyle_1 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:100%;} .gformStyle_1 .gbt{font-size:14px;} } @media screen and (max-width:480px){ .gformStyle_1{padding:10px;} .gformStyle_1 .listTit{display:none;} .gformStyle_1 .gformList textarea.gf_message,.gformStyle_1 .gformList input.gfInput{margin:auto; max-width:auto; min-width:100%; } .gformStyle_1 .gb_replay{padding-left:10px;font-size:14px;} .gformStyle_1 .gb_nickname,.gformStyle_1 .gb_nickname b{font-size:14px;} } .gformStyle_1 .gformList textarea.gf_message, .gformStyle_1 .gformList input.gfInput,.gformStyle_1 li.gbList{background:#f5f5f5;} .gformStyle_1 .modFontColor{color:#333;} .gformStyle_1 .modBorderColor{border-color:#f5f5f5 !important;} .gformStyle_1 .style_changeCode {height: 100%;} .liuyanban .gformList{position: relative;} .liuyanban .style_changeCode {z-index: 88 !important;width: 75px;display: block;position: absolute;box-sizing: border-box;right: 0;top: 0;padding: 0 !important;background: transparent!important;text-align: center;} .liuyanban .style_changeCode .changeCodeText{position: relative;top: 50%;transform: translateY(-50%);font-size: 12px;width: auto;float: none;color: #3783F4;} .liuyanban .style_changeCode .changeCodeText:hover{text-decoration: underline;} #liuyanban_style_01_1722914189335 .error{ color: #f00 !important;} #liuyanban_style_01_1722914189335 .error{ color: #f00 !important;} #liuyanban_style_01_1722914189335 .lybbtn{text-align: center;} #liuyanban_style_01_1722914189335 .gbt{width:%;} @media screen and (max-width: 1024px){ #liuyanban_style_01_1722914189335 .lybbtn{text-align: center;} #liuyanban_style_01_1722914189335 .gbt{width:%;} } @media screen and (max-width: 768px){ #liuyanban_style_01_1722914189335 .lybbtn{text-align: center;} #liuyanban_style_01_1722914189335 .gbt{width:%;} } .imgStyle{font-size:0;} #image_style_01_1715413152466 .CompatibleImg img{width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1715413152466 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1715413152466 .CompatibleImg img{width:100%; height:100%}} .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_1715413309573 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 0 ; top : 0 ; } #footerCustom_footerDh_01_1715413309573 .footerCustom_01 .menuUl > li { max-width : calc(100% / 3) ; min-width : calc(100% / 3) ; } .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_1715413756424 ul li .ratio { float : left ; margin-top : 100% ; } #image_style_11_1715413756424 ul li { width : 23.5% ; } #image_style_11_1715413756424 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 ; } #image_style_22_1722913226584 ul li { width : 100% ; } #image_style_22_1722913226584 ul li.imgTextLi { margin-bottom : 1% ; } #image_style_22_1722913226584 .title .name { white-space : normal ; width : 100% ; } .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:641px) { #comm_layout_header { height : 0 ; } #comm_layout_header.scrollView:not(.default_transparent) .view_contents .blank_new01 .roundcs { background : rgba(0,0,0,0) ; } #comm_layout_header.scrollView .view_contents .blank_new01 .roundcs { background : rgba(0,0,0,0) ; } #comm_layout_header.scrollView .dh.style_28 .mainMenuSet:hover { border-color : white ; color : white ; } #comm_layout_header.scrollView .dh.style_28 #hot .mainMenuSet { border-color : white ; color : white ; } #comm_layout_header.scrollView .dh.style_28 .mainMenuSet { color : #FFF ; } #comm_layout_header.scrollView .dh.style_39 .mainMenuSet:hover { border-color : white ; color : white ; } #comm_layout_header.scrollView .dh.style_39 #hot .mainMenuSet { border-color : white ; color : white ; } #comm_layout_header.scrollView .dh.style_39 .mainMenuSet { color : #FFF ; } #comm_layout_header.scrollView .view.style_01.text > .view_contents { color : #FFF ; } #comm_layout_header.scrollView .view.style_13_1.image .imgSet { -webkit-filter : grayscale(999) brightness(999) ; filter : grayscale(999) brightness(999) ; } #comm_layout_header.scrollView .view.style_13_1.image .titleSet { color : #FFF ; } #comm_layout_header.scrollView .view.style_13_1.image .detailSet { color : #FFF ; } #comm_layout_header.scrollView .view.style_05.user img { -webkit-filter : grayscale(999) brightness(999) ; filter : grayscale(999) brightness(999) ; } #comm_layout_header.scrollView .view.style_05.user .textSet { color : #FFF ; } #comm_layout_header.scrollView .view.style_1.lang .textSet { color : #FFF ; } #comm_layout_header.scrollView .view.style_1.lang .fixmainSet { color : #FFF ; } #comm_layout_header.scrollView .view.style_12.lang .titleSet { color : #FFF ; } #comm_layout_header.scrollView > .view_contents > .view.blank_new01.div { box-shadow : none ; } #comm_layout_header > .view_contents > .view.blank_new01.div { box-shadow : 0 0 10px rgba(0,0,0,0.2) ; } #comm_layout_header.scrollView .logo.view .imgSet { -webkit-filter : grayscale(999) brightness(999) ; filter : grayscale(999) brightness(999) ; } #comm_layout_header.scrollView .view.image.style_01 img { -webkit-filter : grayscale(999) brightness(999) ; filter : grayscale(999) brightness(999) ; }}