/* 手机端开始 */ /* 导航 */ .mobile { position: fixed; top: 0; z-index: 10000; width: 100%; height: 70px; background-color: transparent; } .ydlogo1{ display: block; } .ydlogo2{ display: none; } .navbar-toggle { position: relative; float: right; background-color: transparent; background-image: none; } .navbar-toggle img{ height: 20px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .nav:after, .navbar-collapse:after { clear: both; } .collapse { display: none; } .collapse.in { display: block; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; /* display: none; */ float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding: 10px 15px; line-height: 20px; display: block; transition: all 0.5s; } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-collapse.in { overflow-y: auto; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .mobile .mobile-collapse .nav > li > a { position: relative; display: block; padding: 12px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-image: url(../img/mulu_more@2x.png); background-repeat: no-repeat; background-position: 95% 50%; background-size: 7px 13.5px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .open > .dropdown-toggle.btn-default { background-image: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .mobile_nav { width: 100%; height: 100%; padding: 15px 15px 15px 15px; } .mobile_nav img { height: 100%; float: left; } .mobile_nav .mobileNavBar { margin: 0; padding: 0; height: 20px; float: right; margin-top: 10px; } .mobile-collapse { position: relative; z-index: 99; height: unset; background-color: #fff; display: none; overflow: hidden; /* transition: all .3s ease-in-out; */ width: 100%; height: 100vh; top: -70px; /* border-top: 1px solid #ccc !important; */ } .select_menu{ width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; } .select_menu .m_logo{ height: 40px; } body .mobile .mobile-collapse li a:hover { background-color: rgba(240, 240, 240, 1); color: #333333; } body .mobile .mobile-collapse li a:focus { background-color: rgba(240, 240, 240, 1); color: #333333; } .mobile .mobile-collapse li a { color: #333333; font-size: 16px; border-bottom: 1px solid #e0e0e0; } /* 手机端导航结束 */