public.css
3.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
@media only screen and (max-width: 950px) {
body{ padding-bottom:71px;}
.head-wrapper{z-index: 999999;}
/*.web_head{display:none}*/
.mobile-logo{width: 100%; padding:15px 4% 0; text-align:center;background-color: #fff;display:flex;justify-content:center;align-items: center;}
.mobile-logo img{display: inline-block;vertical-align: middle;max-height: 45px;width:auto;position: relative;}
.mobile-logo .logo_txt{font-family: 'AkzidGroStdCnd';color:#1d3c7e;font-size: 28px;line-height: 1.1em;padding-left: 10px;text-align: left;}
.mobile-logo .logo_txt_pc{display: none;}
.mobile-logo .logo_txt_mobile{display: block;padding: 5px 0 0 10px;text-align: left;}
.mobile-head-items{ height:auto;top:auto;bottom:0; background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.2); z-index:9999989999999;}
.mobile-head-item{ width:50%; display:none;}
.mobile-head-item.mobile-head-nav,.mobile-head-item.mobile-head-language,.mobile-head-item.mobile-head-search,.mobile-head-item.mobile-head-email{ display:block;}
.mobile-head-item .title{ height:auto; line-height:normal; color:#999; text-align:center; padding:10px 0; background:#FFF;}
.mobile-head-item .title.current:before,.mobile-head-item .title.pop_hide:before{ background-image: url(../global/img/bottom_ico/mobile_close.png) !important; background-size:50% auto;opacity:.5}
.mobile-head-item .title em{ display:block;}
.mobile-head-item .title:before{ content:"" !important; position:relative; display:inline-block; width:30px; height:30px;background:url(../global/img/bottom_ico/ico_cate.png) no-repeat center; background-size:100%;}
.mobile-head-item.mobile-head-language .title:before{ background-image:url(../global/img/bottom_ico/ico_flag.png)}
.mobile-head-item.mobile-head-search .title:before{background-image:url(../global/img/bottom_ico/ico_search.png)}
.mobile-head-item.mobile-head-email .title:before{background-image:url(../global/img/bottom_ico/ico_email.png)}
.mobile-head-item .middle-content-wrap{top:auto !important}
.mobile-head-item .middle-show-content-wrap{bottom:50vh;}
.mobile-head-item .main-content-wrap{ z-index:-1;}
.mobile-body-mask{ z-index:-2;}
.mobile-nav,
.mobile-nav .wrap{background-color: #fff;}
.mobile-nav{ position:relative; width:100%; height:44px; padding-bottom:0; text-align:center;}
.mobile-nav .wrap{position:absolute; left:0; top:0; width:100%;padding: 2px 0; overflow:scroll; z-index:999; border-bottom:1px solid transparent;}
.mobile-nav.mobile-nav-fix .wrap{ position:fixed; border-color:rgba(255,255,255,.2);box-shadow: 0 0 10px rgba(0,0,0,.1);}
.mobile-nav ul{ position:relative; width:100%;white-space:nowrap;text-align: center;}
.mobile-nav ul li{ position:relative; display:inline-block; vertical-align:top; padding:0 1.5%; font-size:16px; }
.mobile-nav ul li a{position:relative; display:block;padding:10px 5px; }
.mobile-nav .wrap::-webkit-scrollbar, .mobile-nav .wrap::-webkit-scrollbar{width:0px;height:0px;}
#customer-chat-iframe{ display:none !important;}
.inquiry-pop-bd #customer-chat-iframe,.inquiry-form-wrap #customer-chat-iframe{ display:block !important;}
.mobile-head-items .mobile-ico-close{ display:none}
.mobile-ico-close {position: fixed;right: 0;top:auto;bottom: 80px;z-index: 999999999999; display:none;}
.mobile-head-item .web_search_wrap{ display:block;width: 100%; }
.mobile-head-item .web_search_wrap .web_search{ position: relative;display: block;width: 100%; right: auto; left: auto; margin: 0;opacity: 1; visibility: visible;-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.mobile-head-item .web_search_wrap .get_btn{ display: none; }
li.language-flag{padding: 6px 0;}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
.mobile-logo img{max-height: 45px;}
}