/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-position:left top; } #image_style_01_1737382685290{width:13.88888888888889%;height:200px;position:absolute;left:43.05555555555556%;top:37px;display:none;} @media screen and (max-width:640px) {#image_style_01_1737382685290{width:100%;height:154px;top:0px;left:0%;display:block;}} #image_style_01_1737382685290 > .view_contents{overflow:visible;border-radius:inherit;} @media screen and (max-width:640px) { #image_style_01_1737382685290 {overflow:visible;}} #layout_diy_1737379088{height:600px;} @media screen and (max-width:640px) {#layout_diy_1737379088{height:394px;display:none;}} #layout_diy_1737379088 > .view_contents{max-width:1200px;} #div_blank_new06_1737873873096{height:121px;width:23.333333333333332%;position:absolute;top:271px;left:98%;display:none;} @media screen and (max-width:640px) {#div_blank_new06_1737873873096{height:49px;top:68.875px;left:89.45%;width:96%;z-index:20;display:block;}} #div_blank_new06_1737873873096 {box-sizing:border-box;} #div_blank_new06_1737873873096 .roundcs {border-color:#323811;border-width:4px;} #diy_none_obj {box-sizing:border-box;} @media screen and (max-width:640px) { #div_blank_new06_1737873873096 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new06_1737873873096 .roundcs {border-width:2px;}} #layout_1737873873091{height:955px;} @media screen and (max-width:640px) {#layout_1737873873091{height:147px;}} #layout_1737873873091 > .view_contents{overflow:visible;max-width:1200px;} #layout_1737873873091 {background: url(https://cdn.yun.sooce.cn/5/1580/jpg/16480158596718e76d280f5f7419d.jpg?version=1648015862);background-repeat:no-repeat!important;background-size:cover;} @media screen and (max-width:640px) { #layout_1737873873091 {background: url(https://cdn.yun.sooce.cn/6/55885/jpg/173787326128038bb4cae47ce6ced7704b8febedc879c.jpg?version=1737873263);background-size:100% auto;}} @media screen and (max-width:640px) { #layout_1737873873091>.view_contents {}} #layout_1737873804239{height:300px;} @media screen and (max-width:640px) {#layout_1737873804239{display:none;}} #layout_1737873804239 > .view_contents{overflow:visible;max-width:1200px;} #titleText_style_05_1737382708537{width:41.66666666666667%;position:absolute;left:29.166666666666664%;top:164.9609375px;display:none;} @media screen and (max-width:640px) {#titleText_style_05_1737382708537{width:90%;top:66px;left:5%;display:block;}} #searchbox_style_02_1737382841509{width:50%;position:absolute;display:none;left:25%;top:15.671875px;} @media screen and (max-width:640px) {#searchbox_style_02_1737382841509{width:90%;position:absolute;display:block;top:15.671875px;left:5%;}} #searchbox_style_02_1737382841509 > .view_contents{overflow:visible;} #searchbox_style_02_1737382841509 .btnaSet {font-size:18px;} @media screen and (max-width:640px) { #searchbox_style_02_1737382841509 .inputSet {border-radius:5px;border-color:#999999;font-size:13px;font-weight:normal;height:32px;line-height:32px;}} @media screen and (max-width:640px) { #searchbox_style_02_1737382841509 .btnaSet {color:#999999;font-weight:normal;font-size:16px;line-height:32px;height:32px;}} @media screen and (max-width:640px) { #searchbox_style_02_1737382841509 .kwSet {font-weight:normal;}} #layout_1737382708535{height:300px;} @media screen and (max-width:640px) {#layout_1737382708535{height:127px;}} #layout_1737382708535 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1737383554648{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737383554648{width:90%;height:80px;display:block;top:10px;left:5%;}} #image_style_01_1737383554648 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737383554648 {}} @media screen and (max-width:640px) { #image_style_01_1737383554648 .picSet {border-radius:5px;}} #image_style_01_1737383716758{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737383716758{width:90%;height:80px;display:block;top:100px;left:5%;}} #image_style_01_1737383716758 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737383716758 {}} @media screen and (max-width:640px) { #image_style_01_1737383716758 .picSet {border-radius:5px;}} #image_style_01_1737383760290{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737383760290{width:90%;height:80px;display:block;top:190px;left:5%;}} #image_style_01_1737383760290 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737383760290 {}} @media screen and (max-width:640px) { #image_style_01_1737383760290 .picSet {border-radius:5px;}} #image_style_01_1737875290195{width:50%;height:300px;display:none;position:absolute;left:0%;top:200px;} @media screen and (max-width:640px) {#image_style_01_1737875290195{width:90%;height:80px;display:block;top:280px;left:5%;}} #image_style_01_1737875290195 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737875290195 {}} @media screen and (max-width:640px) { #image_style_01_1737875290195 .picSet {border-radius:5px;}} #image_style_01_1737875380681{width:50%;height:300px;display:none;position:absolute;left:0%;top:290px;} @media screen and (max-width:640px) {#image_style_01_1737875380681{width:90%;height:80px;display:block;top:370px;left:5%;}} #image_style_01_1737875380681 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737875380681 {}} @media screen and (max-width:640px) { #image_style_01_1737875380681 .picSet {border-radius:5px;}} #div_blank_new01_1737876058966{width:16.666666666666664%;height:52px;box-sizing:border-box;position:absolute;display:none;left:41.66666666666667%;top:454.34375px;} @media screen and (max-width:640px) {#div_blank_new01_1737876058966{width:89.33333333333333%;height:8px;box-sizing:border-box;position:absolute;display:none;top:463.34375px;left:5.333333333333334%;}} #div_blank_new01_1737876058966 {box-sizing:border-box;border-style:solid;border-width:1px;border-right:none !important;border-bottom:none !important;border-left:none !important;border-color:#1bacf7;} #div_blank_new01_1737876058966 .modSet {background:transparent;} #diy_none_obj {box-sizing:border-box;} @media screen and (max-width:640px) { #div_blank_new01_1737876058966 {box-sizing:border-box;border-color:#b2b2b2;}} #image_style_01_1737877906466{width:50%;height:300px;display:none;position:absolute;left:0%;top:380px;} @media screen and (max-width:640px) {#image_style_01_1737877906466{width:90%;height:80px;display:block;top:460px;left:5%;}} #image_style_01_1737877906466 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737877906466 {}} @media screen and (max-width:640px) { #image_style_01_1737877906466 .picSet {border-radius:5px;}} #layout_1737383122813{height:300px;} @media screen and (max-width:640px) {#layout_1737383122813{height:562px;}} #layout_1737383122813 > .view_contents{overflow:visible;max-width:1200px;} #titleText_style_05_1737876382360{width:41.66666666666667%;position:absolute;left:29.166666666666664%;top:164.9609375px;display:none;} @media screen and (max-width:640px) {#titleText_style_05_1737876382360{width:90%;top:3px;left:5%;display:block;}} #layout_1737876377365{height:300px;} @media screen and (max-width:640px) {#layout_1737876377365{height:63px;}} #layout_1737876377365 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1737876452804{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737876452804{width:90%;height:80px;display:block;top:10px;left:5%;}} #image_style_01_1737876452804 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737876452804 {}} @media screen and (max-width:640px) { #image_style_01_1737876452804 .picSet {border-radius:5px;}} #image_style_01_1737876452807{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737876452807{width:90%;height:80px;display:block;top:100px;left:5%;}} #image_style_01_1737876452807 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737876452807 {}} @media screen and (max-width:640px) { #image_style_01_1737876452807 .picSet {border-radius:5px;}} #layout_1737876452803{height:300px;} @media screen and (max-width:640px) {#layout_1737876452803{height:201px;}} #layout_1737876452803 > .view_contents{overflow:visible;max-width:1200px;} #titleText_style_05_1737878410093{width:41.66666666666667%;position:absolute;left:29.166666666666664%;top:164.9609375px;display:none;} @media screen and (max-width:640px) {#titleText_style_05_1737878410093{width:90%;top:3px;left:5%;display:block;}} #layout_1737878410093{height:300px;} @media screen and (max-width:640px) {#layout_1737878410093{height:63px;}} #layout_1737878410093 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1737878418743{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737878418743{width:90%;height:80px;display:block;top:10px;left:5%;}} #image_style_01_1737878418743 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737878418743 {}} @media screen and (max-width:640px) { #image_style_01_1737878418743 .picSet {border-radius:5px;}} #image_style_01_1737878418746{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737878418746{width:90%;height:80px;display:block;top:100px;left:5%;}} #image_style_01_1737878418746 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737878418746 {}} @media screen and (max-width:640px) { #image_style_01_1737878418746 .picSet {border-radius:5px;}} #layout_1737878418742{height:300px;} @media screen and (max-width:640px) {#layout_1737878418742{height:201px;}} #layout_1737878418742 > .view_contents{overflow:visible;max-width:1200px;} #titleText_style_05_1737878575241{width:41.66666666666667%;position:absolute;left:29.166666666666664%;top:164.9609375px;display:none;} @media screen and (max-width:640px) {#titleText_style_05_1737878575241{width:90%;top:3px;left:5%;display:block;}} #layout_1737878575240{height:300px;} @media screen and (max-width:640px) {#layout_1737878575240{height:63px;}} #layout_1737878575240 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1737878585381{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737878585381{width:90%;height:80px;display:block;top:10px;left:5%;}} #image_style_01_1737878585381 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737878585381 {}} @media screen and (max-width:640px) { #image_style_01_1737878585381 .picSet {border-radius:5px;}} #image_style_01_1737878585384{width:50%;height:300px;display:none;position:absolute;left:25%;top:100.671875px;} @media screen and (max-width:640px) {#image_style_01_1737878585384{width:90%;height:80px;display:block;top:100px;left:5%;}} #image_style_01_1737878585384 > .view_contents{overflow:visible;} @media screen and (max-width:640px) { #image_style_01_1737878585384 {}} @media screen and (max-width:640px) { #image_style_01_1737878585384 .picSet {border-radius:5px;}} #layout_1737878585380{height:300px;} @media screen and (max-width:640px) {#layout_1737878585380{height:201px;}} #layout_1737878585380 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1735800335019{width:30px;height:30px;position:absolute;top:90px;left:10%;z-index:2;display:block;} @media screen and (max-width:640px) {#image_style_01_1735800335019{display:block;}} #image_style_01_1735800335019 > .view_contents{overflow:visible;} #image_style_01_1735800335019 .picSet {border-radius:5px;border-width:0px;border-style:solid;border-color:#ffffff;} #image_style_01_1735800335021{width:30px;height:30px;position:absolute;top:90px;left:52.5%;z-index:2;display:block;} @media screen and (max-width:640px) {#image_style_01_1735800335021{display:block;}} #image_style_01_1735800335021 > .view_contents{overflow:visible;} #image_style_01_1735800335021 .picSet {border-radius:5px;border-width:0px;border-style:solid;border-color:#ffffff;} #image_style_01_1735800335022{width:30px;height:30px;position:absolute;top:90px;left:31.25%;z-index:2;display:block;} @media screen and (max-width:640px) {#image_style_01_1735800335022{display:block;}} #image_style_01_1735800335022 > .view_contents{overflow:visible;} #image_style_01_1735800335022 .picSet {border-radius:5px;border-width:0px;border-style:solid;border-color:#ffffff;} #image_logo_1735800335024{width:83.33333333333334%;height:64px;position:absolute;top:0px;left:10%;} @media screen and (max-width:640px) {#image_logo_1735800335024{width:100%;height:50px;top:0px;left:0%;}} #div_a_includeBlock_1735800334930{width:20%;height:151px;position:absolute;top:5px;left:0%;z-index:2;} @media screen and (max-width:640px) {#div_a_includeBlock_1735800334930{display:none;}} #div_a_includeBlock_1735800334930 {border-top:none !important;border-left:none !important;border-bottom:none !important;border-width:1px;border-style:solid;border-color:#333333;} #image_style_12_1_1735800335089{width:82.22222222222221%;position:absolute;top:14px;left:8.88888888888889%;} @media screen and (max-width:640px) {#image_style_12_1_1735800335089{width:82.84023668639054%;top:6px;left:8.524408284023668%;}} #image_style_12_1_1735800335089 > .view_contents{overflow:hidden;} #image_style_12_1_1735800335089 .picSet {border-radius:4px;} #image_style_12_1_1735800335089 .titProSet {font-size:14px;color:#cccccc;padding-top:6px;} #diy_none_obj .titProSet {font-size:12px;} @media screen and (max-width:640px) { #image_style_12_1_1735800335089 .titProSet {font-size:12px;}} #div_a_includeBlock_1735800334932{width:30%;height:156px;position:absolute;top:0px;left:70%;z-index:2;} @media screen and (max-width:640px) {#div_a_includeBlock_1735800334932{top:140px;width:90%;left:5%;height:150px;}} #div_a_includeBlock_1735800334932 {border-top:none !important;border-right:none !important;border-left:none !important;border-width:1px;border-style:solid;border-color:#333333;} #text_style_01_1735800335109{width:90%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:10px;left:0%;} @media screen and (max-width:640px) {#text_style_01_1735800335109{width:96%;font-size:12px;color:#333;line-height:1.6;top:5px;left:2%;}} #text_style_01_1735800335109>.view_contents {font-size:16px;line-height:20px;text-align:left;font-family:Microsoft YaHei;color:#999999;font-weight:bold;} #diy_none_obj >.view_contents {font-size:15px;} @media screen and (max-width:640px) { #text_style_01_1735800335109>.view_contents {font-size:14px;text-align:center;}} #text_style_01_1735800335111{width:90%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:40px;left:0%;} @media screen and (max-width:640px) {#text_style_01_1735800335111{width:96%;font-size:12px;color:#333;line-height:1.6;top:30px;left:2%;}} #text_style_01_1735800335111>.view_contents {font-size:14px;line-height:30px;text-align:left;font-family:Microsoft YaHei;color:#999999;font-weight:normal;} #diy_none_obj >.view_contents {font-size:13px;} @media screen and (max-width:640px) { #text_style_01_1735800335111>.view_contents {font-size:12px;text-align:center;line-height:24px;}} #div_a_includeBlock_1735800334933{width:45%;height:156px;position:absolute;top:0px;left:25%;z-index:2;} @media screen and (max-width:640px) {#div_a_includeBlock_1735800334933{width:100%;left:0%;top:20px;height:120px;}} #div_a_includeBlock_1735800334933 {border-top:none !important;border-right:none !important;border-left:none !important;border-width:1px;border-style:solid;border-color:#333333;} #div_a_includeBlock_1735800334809{width:100%;height:160px;position:absolute;top:23px;left:0%;z-index:1;} @media screen and (max-width:640px) {#div_a_includeBlock_1735800334809{width:100%;height:300px;top:0px;left:0%;}} #div_blank_new01_1709263944868{width:100%;height:43px;box-sizing:border-box;position:absolute;top:183px;left:0%;} @media screen and (max-width:640px) {#div_blank_new01_1709263944868{width:100%;height:61px;box-sizing:border-box;top:301px;left:0%;}} #div_blank_new01_1709263944868 {box-sizing:border-box;background:rgba(0,0,0,0.3);} #div_blank_new01_1709263944868 .modSet {background:#191919;background-color:transparent;} #div_blank_new01_1709263944868 .triangle_sub {border-bottom-color:transparent;} #diy_none_obj {box-sizing:border-box;} @media screen and (max-width:640px) { #div_blank_new01_1709263944868 {box-sizing:border-box;}} #copyright_style_01_1634268381705{width:1200px;position:absolute;top:194px;left:calc(50% - 600px);z-index:2;} @media screen and (max-width:640px) {#copyright_style_01_1634268381705{width:96%;top:310.5px;left:2%;}} #copyright_style_01_1634268381705 > .view_contents{overflow:visible;} #popupForm_style_01_1736235091074{width:167px;position:fixed;top:566px;left:calc(50% + -815.5px);z-index:9999;display:block;height:300px;} @media screen and (max-width:640px) {#popupForm_style_01_1736235091074{height:82px;width:43.94736842105263%;top:723px;left:42.7%;display:none;}} #popupForm_style_01_1736235091074 > .view_contents{overflow:visible;} #popupForm_style_01_1736235091074 .btnaSet {background:#005fbf;color:#ffffff;height:36px;} #popupForm_style_01_1736235091074 .picSet {padding-bottom:30px;} #popupForm_style_01_1736235091074 .userInfoSet {height:36px;} #qqol_style_08_1736236400812{width:17.5%;position:absolute;top:55px;left:82.5%;} @media screen and (max-width:640px) {#qqol_style_08_1736236400812{width:69.3069306930693%;top:0px;left:15.346534653465348%;display:none;}} #qqol_style_08_1736236400812 > .view_contents{overflow:visible;} #image_style_01_1736559971393{width:2.5%;height:30px;position:absolute;top:118px;left:14.75%;z-index:2;display:block;} @media screen and (max-width:640px) {#image_style_01_1736559971393{display:none;width:100%;left:0%;top:128px;}} #image_style_01_1736559971393 > .view_contents{overflow:visible;} #image_style_01_1736559971393 .picSet {border-radius:5px;border-width:0px;border-style:solid;border-color:#ffffff;} #comm_layout_footer{height:325px;z-index:9999;display:block;} @media screen and (max-width:640px) {#comm_layout_footer{height:362px;display:block;}} #comm_layout_footer > .view_contents{overflow:visible;max-width:1200px;} #comm_layout_footer {background:#333333;} @media screen and (max-width:640px) { #comm_layout_footer {background:#333333;}} /*----------------------电脑板式样式----------------------*/ #comm_layout_footer{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #comm_layout_footer{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #comm_layout_footer{ } } body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;} .imgStyle{font-size:0;} #image_style_01_1737382685290 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737382685290 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737382685290 .CompatibleImg img{width:100%; height:auto}} #image_style_01_1737382685290 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } @media screen and (max-width:640px) { #image_style_01_1737382685290{height:auto;} } .blank_new06.blank_area { height: 100%;padding-left: 10px;padding-right: 10px; } .blank_new06 .roundcs { float: left; height: 100%; position: relative; border:1px solid #1badf8; border-top: none!important; border-right: none!important; border-bottom: none!important; } #div_blank_new06_1737873873096 {width: auto!important;} #div_blank_new06_1737873873096 .blank_area{float: right;padding-left: 20px;padding-right: 0;} .titleStyle_5 .view_cont{position: relative;} .titleStyle_5 .titletop{font-size: 28px;margin-bottom: 10px;position: relative;} .titleStyle_5 .titlebottom{font-size: 16px;color: #999;margin-top: 10px;position: relative;} .titleStyle_5 .btn_view {color: #333; display: inline-block;position: absolute;font-size: 14px;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);} .titleStyle_5 .line_view{position: relative;font-size: 0;} .titleStyle_5 .line_view .linelong{background-color: #eaeaea;width: 100%; height: 1px;position: absolute;top: 1px;left: 0;z-index: 1;} .titleStyle_5 .line_view .lineshort{background-color: #53841D;width: 0;padding: 0 30px;height: 3px;position: relative;z-index: 99;display: inline-block;vertical-align: top;} @media screen and (max-width: 768px){ .titleStyle_5 .titletop{font-size: 18px;margin-bottom: 6px;} .titleStyle_5 .titlebottom{font-size: 12px;margin-top: 6px;} .titleStyle_5 .btn_view{font-size: 12px;} .titleStyle_5 .line_view .lineshort{height: 2px;padding: 0 20px;} } .searchStyle_2{position: relative; min-width: 200px;} .searchStyle_2 *{box-sizing: border-box; transition:all ease .2s; -webkit-transition:all ease .2s; -moz-transition:all ease .2s; -o-transition:all ease .2s; -webkit-appearance:none ;-moz-appearance:none ;appearance: none;} .searchStyle_2 .searchForm{width: 100%; border-radius: 0;box-sizing: border-box; position: relative;} .searchStyle_2 .searchForm .search-btn{width:60px; text-align: center; border: 0; height: 40px; font-size: 16px;color: #666; background: none; outline: none; cursor: pointer; position: absolute; right:0; top: 0;} .searchStyle_2 .searchForm .search_input{width: 100%;border: 0; border-radius:20px; outline: none; padding-right:65px; padding-left: 1em; height:40px; font-size: 14px;color: #333; border:1px solid #666;} .keyWord{margin-top: 5px;} .keyWord a{font-size: 14px; color: #666; margin-right: 5px;} @media screen and (max-width: 768px) { .searchStyle_2 .searchForm .search-btn, .searchStyle_2 .searchForm .search_input{height: 32px;} } #searchbox_style_02_1737382841509 ::-webkit-input-placeholder{color:#b2b2b2;} #searchbox_style_02_1737382841509 :-moz-placeholder{color:#b2b2b2;} //firefox 18- #searchbox_style_02_1737382841509 ::-moz-placeholder{color:#b2b2b2;} //firefox 18+ #searchbox_style_02_1737382841509 ::-ms-input-placeholder{color:#b2b2b2;} #searchbox_style_02_1737382841509 ::-o-placeholder{color:#b2b2b2;} /* 按钮宽度 */ @media screen and (max-width: 1024px){/*ipad*/ } @media screen and (max-width: 768px){/*mobi*/ } #image_style_01_1737383554648 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737383554648 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737383554648 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737383554648{height:auto;} } #image_style_01_1737383716758 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737383716758 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737383716758 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737383716758{height:auto;} } #image_style_01_1737383760290 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737383760290 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737383760290 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737383760290{height:auto;} } #image_style_01_1737875290195 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737875290195 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737875290195 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737875290195{height:auto;} } #image_style_01_1737875380681 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737875380681 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737875380681 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737875380681{height:auto;} } .blank_new01{width:100%;height:100%;} .blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;} #image_style_01_1737877906466 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737877906466 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737877906466 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737877906466{height:auto;} } #image_style_01_1737876452804 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737876452804 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737876452804 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737876452804{height:auto;} } #image_style_01_1737876452807 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737876452807 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737876452807 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737876452807{height:auto;} } #image_style_01_1737878418743 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737878418743 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737878418743 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737878418743{height:auto;} } #image_style_01_1737878418746 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737878418746 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737878418746 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737878418746{height:auto;} } #image_style_01_1737878585381 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737878585381 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737878585381 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737878585381{height:auto;} } #image_style_01_1737878585384 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1737878585384 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1737878585384 .CompatibleImg img{width:100%; height:auto}} .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) { } @media screen and (max-width:640px) { #image_style_01_1737878585384{height:auto;} } #image_style_01_1735800335019 .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_1735800335019 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1735800335019 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1735800335019 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1735800335021 .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_1735800335021 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1735800335021 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1735800335021 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1735800335022 .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_1735800335022 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1735800335022 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1735800335022 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .logoStyle *{box-sizing: border-box;} .logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;} .logoName{white-space: nowrap;} .imgStyle_12_1{ width:100%; } .imgStyle_12_1 *{ font-size:'微软雅黑'; } .imgStyle_12_1 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; } .imgStyle_12_1 .imgTextLi{ width:calc(100% / 3); margin-bottom:2%;box-sizing: border-box;} .imgStyle_12_1 .mia_li_item{box-sizing:border-box;overflow: hidden;height: 100%;} .imgStyle_12_1 .imgTBoxArea{position: relative;float: left;width: 186px;left: 50%;transform: translateX(-50%);max-width: 100%;} .imgStyle_12_1 .image-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .imgStyle_12_1 .imgTBox{ text-align: center;height: 100%;width: 100%;} .imgStyle_12_1 .imgTBox img.picFit{ display: inline-block; width:100%;height: 100%; box-sizing: border-box;border-radius: 100px;} .imgStyle_12_1 .imgTBox .bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 100px; box-sizing: border-box; } .imgStyle_12_1 .cont{padding: 0 5px;clear: both;} .imgStyle_12_1 .cont .name{ text-align: center; font-size:16px; line-height:2;word-break: break-word;} .imgStyle_12_1 .cont .subName{ text-align: center; font-size:12px;word-break: break-word; white-space: pre-wrap;} .imgStyle_12_1 .cont .btn{width: auto;height: 30px;display: block;border: 1px solid #7d7d7d;line-height: 28px;color: #333;text-align: center;margin-left: 25%;margin-right: 25%;margin-top: 10px;word-break: break-all;overflow: hidden;} @media screen and (max-width: 768px){ .imgStyle_12_1 .imgBt{ font-size:16px; line-height:2.5;} .imgStyle_12_1 .cont .btn{margin-left: 5%;margin-right: 5%;} } /*pc*/ #image_style_12_1_1735800335089 ul li{width: 49.9995%;} #image_style_12_1_1735800335089 ul li.imgTextLi{margin-bottom:0.001%;} #image_style_12_1_1735800335089 ul li.imgTextLi .imgTBoxArea{width: 108px;} @media screen and (max-width: 1024px){/*ipad*/ #image_style_12_1_1735800335089 ul li{width: 49%;} #image_style_12_1_1735800335089 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1735800335089 ul li.imgTextLi .imgTBoxArea{width: 108px;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_12_1_1735800335089 ul li{width: 49%;} #image_style_12_1_1735800335089 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1735800335089 ul li.imgTextLi .imgTBoxArea{width: 108px;} } .copyrightStyle01{text-align: center;color:#999;font-size: 14px;font-family: "Microsoft YaHei",微软雅黑;} .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{width: 18px;vertical-align: top;margin-right: 4px;} .copyrightStyle01 .line_view a{color:inherit;} @media screen and (max-width: 640px){ .copyrightStyle01{font-size: 12px;line-height: 1.75;} }.popup-style01{overflow: visible;width: 100%;background:rgba(0,0,0,.5); position: fixed; left: 0;bottom: 0;padding: 0 4%;box-sizing: border-box;z-index: 999;} .popup-style01 .popupArea{display: flex;height: 120px;width: 100%; overflow: visible;position: relative;left: 50%;transform: translateX(-50%);} .popup-style01 .popupArea .PlanePicArea{width: 320px;overflow: visible;position: relative;} .popup-style01 .popupArea .PlanePicArea .PlanePic{width: 90%; position: relative;top: 50%;transform: translateY(-50%);padding-bottom: 60px;} .popup-style01 .popupArea .LogoPicArea{width: 250px;overflow: hidden;} .popup-style01 .popupArea .LogoPicArea .LogoPic{width: 80%; position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);} .popup-style01 .popupArea .formArea{flex: 3;} .popup-style01 .myform{width: 100%;display: flex;padding-left: 40px;box-sizing: border-box; position: relative;top: 50%;transform: translateY(-50%);} .popup-style01 .myform .myinput{flex: 1;min-width: 0; height: 36px;margin-left: 10px;border: 0;box-sizing: border-box;} .popup-style01 .myform .myinput[type='text']{padding: 0 12px;} .popup-style01 .myform .myinput.code_view{position: relative;background: #fff;} .popup-style01 .myform .myinput .gf_code{width: 100%;height: 100%;padding-left: 12px;padding-right: 62px;font-style:inherit;color:inherit;font-size: inherit;font-family:inherit;font-weight: inherit;text-align: inherit; border: 0!important;box-sizing: border-box;} .popup-style01 .myform .mybutton{background:#FFE214;} .popup-style01 .close{width: 16px;height: 16px;position: absolute;right: 6px;top: 6px;} .popup-style01 .close .image_mode{width: 100%;height: 100%;} .preArea{position: absolute;z-index: 9999;width: 100%;height: 100%;top: 0;left: 0;display: none;} @media screen and (max-width:1020px) and (min-width:641px) { .popup-style01 .popupArea{height: 90px;} .popup-style01 .popupArea .PlanePicArea{width: 240px;} .popup-style01 .popupArea .PlanePicArea .PlanePic{padding-bottom: 50px;} .popup-style01 .popupArea .LogoPicArea{width: 180px;} .popup-style01 .myform .myinput .gf_code{padding-right: 50px;background-size: 50px 20px!important;} } @media screen and (max-width:640px) { .popup-style01{width: 88%;left: 50%;transform: translate(-50%,50%);padding: 28px 26px;border-radius: 10px;bottom: calc(50% + 40px);} .popup-style01 .popupArea .PlanePicArea{display: none;} .popup-style01 .popupArea{display: block;height: auto;} .popup-style01 .popupArea .LogoPicArea{width: 100%;position: relative;left: 50%;transform: translateX(-50%);} .popup-style01 .popupArea .LogoPicArea .LogoPic{top: 0;transform: translateX(-50%);max-height: 260px;} .popup-style01 .myform{display: block; top: 0;transform: translate(0,0);padding: 0;margin-top: 20px;} .popup-style01 .myform .myinput{padding: 0;margin: 0;width: 100%;} .popup-style01 .myform .myinput[type='text']{margin-top: 10px;} .popup-style01 .myform .myinput.code_view{margin-top: 10px;} .popup-style01 .myform .mybutton{margin-top: 20px;} .popup-style01 .close{width: 24px;height: 24px;position: absolute;top: auto;right: auto; bottom: -40px;left: 50%;transform: translateX(-50%);} } .popup-template .myinput{position: relative;} .popup-template .style_changeCode {z-index: 88 !important;width: 75px;display: block;position: absolute;box-sizing: border-box;right: 5px;top: 0;padding: 0 !important;background: transparent!important;text-align: center;height: 100%;} .popup-template .style_changeCode .changeCodeText{position: relative;top: 50%;transform: translateY(-50%);font-size: 12px;width: auto;float: none;color: #3783F4;display: inline-block;} .popup-template .style_changeCode .changeCodeText:hover{text-decoration: underline;} #popupForm_style_01_1736235091074 .error{ color: #f00 !important;} /* 编辑器显示及隐藏 */ /* 图片宽度 */ #popupForm_style_01_1736235091074 .popupArea {height: 100px;} @media screen and (max-width: 1024px) and (min-width: 769px){ #popupForm_style_01_1736235091074 .popupArea {height: 90px;} } @media screen and (max-width: 768px){ #popupForm_style_01_1736235091074 .popupArea {height: auto;} } #popupForm_style_01_1736235091074 .popupArea .PlanePicArea{width: 320px;} #popupForm_style_01_1736235091074 .popupArea .LogoPicArea{width: 250px;} @media screen and (max-width: 1024px) and (min-width: 769px){ #popupForm_style_01_1736235091074 .popupArea .PlanePicArea{width: 240px;} #popupForm_style_01_1736235091074 .popupArea .LogoPicArea{width: 180px;} } @media screen and (max-width: 768px){ #popupForm_style_01_1736235091074 .popupArea .LogoPicArea{width: 278px;} } .onlineStyle08 .main_box{ position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .onlineStyle08 .main_li{ position: relative;} .onlineStyle08 .menu_ico{ width: 52px; height: 52px; background-color: #353535; margin-bottom: 4px; overflow: hidden;} .onlineStyle08 .menu_ico a{display: block;height: 100%;} .onlineStyle08 .menu_ico:hover{ background-color: #F05352; cursor: pointer;} .onlineStyle08 .menu_con{ display: none; width: 223px; background-color: #fff; text-align: center; position: absolute; right: calc(100% + 20px); top: 0; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 8px 22px; box-sizing: border-box;} .onlineStyle08 .menu_con .con_box{ padding: 14px 0; overflow: hidden; box-sizing: border-box;} /* 小图标 */ .onlineStyle08 .main_li .icon_view{position: relative;top: 50%;transform: translateY(-50%);} .onlineStyle08 .main_li .item_icon{display: inline-block;width: 100%;height: 22px;object-fit: contain;} .onlineStyle08 .main_li .item_name{color: white;display: inline-block;width: 100%;text-align: center;padding-top: 2px;} /* 风格：图文简介 */ .imgInfo_view .icon_image{width: 44px;height: 44px;float: left;} .imgInfo_view .item_text{float: left;text-align: left;font-size: 16px;box-sizing: border-box;padding-left: 10px;} .imgInfo_view .item_text .item_title{display: block;line-height: 1.5;} .imgInfo_view .item_text .item_info{display: block;line-height: 1.5;color:#F05352;} /* 风格：单行图文 */ .imgText_view .icon_image{width: 28px;height: 28px;float: left;} .imgText_view .item_text{float: left;text-align: left;font-size: 16px;box-sizing: border-box;padding-left: 10px;} .imgText_view .item_text .item_title{display: block;line-height: 28px;} /* 风格：上图下文 */ .img_view .icon_image{max-width: 176px;} .img_view .item_text{font-size: 16px;box-sizing: border-box;} .img_view .item_text .item_title{display: block;line-height: 1.5;text-align: center;padding: 5px 0;} /* 风格：单行文本 */ .onlineStyle08 .menu_con .con_box.text_view{padding: 8px 0;} .text_view .item_text{font-size: 16px;box-sizing: border-box;} .text_view .item_text .item_title{display: block;line-height: 1.5;text-align: left;} #qqol_style_08_1736236400812 .menu_ico{background-color:#353535!important;} #qqol_style_08_1736236400812 .menu_ico:hover{background-color:#F05352!important;} #qqol_style_08_1736236400812 .menu_ico.mobile_ico_cur{background-color:#F05352!important;} #qqol_style_08_1736236400812 .menu_ico.mobile_ico_notcur{background-color:#353535!important;} #qqol_style_08_1736236400812 .main_box{ left: auto;right: 0;} #qqol_style_08_1736236400812 .menu_con{left: auto;right: calc(100% + 20px);} #image_style_01_1736559971393 .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_1736559971393 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1736559971393 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1736559971393 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;} .bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;} .bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;} .bottomMenu ul li .menuItem{position: relative;} .bottomMenu ul li .menuItem.iconTxt{top:5%;} .bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bottomMenu ul li .menuItem.icon{top: 20%;} .bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;} .bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: contain;} .bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1;font-family:Microsoft YaHei;} .bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);} .bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; } @media screen and (max-width:767px) { .bottomMenu{display: block;} body{padding-bottom:50px!important;} }