/*header*/ .my-header { width: 100%; margin: 0px; padding: 0px; position: fixed; top: 0px; z-index: 1000; height: 68px; line-height: 68px; /*border-bottom: 1px solid #ebeef5;*/ -moz-box-shadow: 0px 1px 30px #ECECEC; /*box-shadow: 0px 1px 30px #ECECEC;*/ } .my-header .nav-wrapper{ position: relative; height: 100%; background-color: #505663; } .brand-logo { position: absolute; left:30px; color: #fff; display: inline-block; /*font-size: 2.1rem;*/ padding: 0; } .my-header ul li { -webkit-transition: background-color .3s; transition: background-color .3s; float: left; list-style-type: none; display: block; margin-left:15px; display: inline-block; } .my-header ul li a{ font-size: 16px; font-weight: 300; text-decoration: none; color: #fff; display: block; padding: 0 8px; cursor: pointer; } .my-header ul li a:hover{ background-color: #64B5F6; color:#fff; } /*新下拉样式*/ .my-dropdown-list{ display: none; opacity: 1; position: absolute; z-index: 40; top: 64px; text-align: left; padding: 30px 0; width: 592px; background:rgba(247,249,250,1); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); border-radius:0px 0px 6px 6px; margin-left: -256px; } .my-dropdown-list li{ width: 592px; padding: 0 18px; display: block; } .my-dropdown-list .widget { zoom: 1; } .my-dropdown-list .widget a{ display: block; border: 1px solid rgba(220,222,224,1); background:rgba(238,240,242,1); border-radius: 4px; line-height: normal; text-align: left; padding: 12px 0 12px 20px; width: 258px; margin-top: 10px; float: left; } .my-dropdown-list .widget a.rig{ margin-left: 10px; } .my-dropdown-list .widget h5{ font-size: 16px; font-weight: 600; color: rgba(39,48,69,1); /*line-height: 20px;*/ margin-top:10px; } .my-dropdown-list .widget .wrap_icon{ font-size: 14px; color: #fff; display: inline-block; width: 20px; height: 20px; color: #fff; border-radius: 50%; background:#079FFF; text-align: center; margin-right: 8px; margin-left: -1px; line-height: 20px; } .my-dropdown-list .widget p{ font-size:12px; color:rgba(89,101,128,1); line-height:150%; margin-top: 10px; } .my-dropdown-list .widget a:hover{ background:#12BFF6; border-radius:4px; border: 1px solid #12BFF6; } .my-dropdown-list .widget a:hover h5 { color: #fff; } .my-dropdown-list .widget a:hover .wrap_icon{ background: #fff; color: #079FFF; } .my-dropdown-list .widget a:hover p{ color: #fff; } /*常规下拉*/ .my-header ul li a.dropdown-toggle.active{ background-color: #64B5F6; color:#fff; } .icon-chevron-down { display: inline-block; text-align: center; transition: transform 0.2s ease 0s, vertical-align 0.2s ease 0s; vertical-align: middle; width: 18px; } .dropdown.open .icon-chevron-down { transform: rotate(180deg); vertical-align: text-top; } .dropdown-menu{ position: absolute; left: 0px; display: none; } .dropdown-menu>li{ display: block; } .dropdown:hover .dropdown-menu{ display: block; } .dropdown-item{ position: relative; }