m-header.css
6.33 KB
.pnr-top{position:relative;z-index:999}.pnr-top .nav{height:30px;border-bottom:1px solid #eee;background:#f5f5f5;color:#666;line-height:30px;position:relative;z-index:100}.pnr-top .left{float:left}.pnr-top .left a{margin:0 5px;color:#666}.pnr-top .left a >span{height:18px;line-height:18px;max-width:225px;overflow:hidden;vertical-align:middle;margin-top:-3px;text-overflow:ellipsis;white-space:nowrap}.pnr-top .left .h-user-msg .text,.pnr-top .left a >span{display:inline-block}.pnr-top .left a:hover,.pnr-top .right a:hover{color:#23ac38}.pnr-top .right{float:right}.pnr-top .right li{position:relative;float:left;padding:0 10px;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.pnr-top .right li.more:hover{background:#fff;border-color:#eee}.pnr-top .right li.more:hover .icon-more{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.pnr-top .right a{color:#666}.pnr-top .right li .num{color:#23ac38}span.icon-more{width:8px;height:5px;display:inline-block;position:relative;top:-2px;transition:transform .2s ease-in 0s;-webkit-transition:-webkit-transform .2s ease-in 0s;background:url(../../images/header.png) 0 -13px no-repeat}span.icon-more.up{background:url(../../images/header.png) no-repeat}.pnr-top .right li.on .mroe-list,.pnr-top .right li:hover .mroe-list{display:block}.pnr-top .right .mroe-list{z-index:99;position:relative;display:none}.pnr-top .right div.list-a{position:absolute;border:1px solid #eee;border-top:0;left:-11px;top:0;background:#fff;z-index:99}.pnr-top .right div.list-a a{display:block;padding-left:10px;width:77px;line-height:26px;font-size:12px;white-space:nowrap;overflow:hidden}.auto-990 .logo-view .responsive,.auto-990 .menu-nav,.pnr-top.auto-990 .responsive{width:1200px}.header{position:relative;z-index:100}.logo-view{height:98px;position:relative;z-index:80;background:#fff}.logo-view .responsive{position:relative}.responsive .orangeBtn{height:38px;line-height:38px;margin-left:25px;border-radius:0;position:relative;margin-top:28px;font-size:14px;font-weight:700;vertical-align:top}.logo-view .logo{float:left;margin-top:22px;width:210px}.security{height:84px;float:right;margin-top:15px}.a-security{float:left;width:79px;margin-top:10px;text-align:center}.a-security span{margin:5px 25px}span.icon-fresh{background:url(../../images/index-all.png) -133px -1px no-repeat;width:32px;height:32px;float:left}span.icon-balance{background:url(../../images/index-all.png) -169px -2px no-repeat;width:33px;height:32px;float:left}span.icon-amount{background:url(../../images/index-all.png) -153px -83px no-repeat;width:28px;height:31px;float:left}.menu-nav{position:relative;z-index:50;width:1200px;margin:0 auto}.menu-nav .submitBtn{position:absolute;right:10px;top:13px;box-shadow:none}.multistage-menu{width:210px;height:40px;position:relative;z-index:100;float:left;top:0;background:#006835}span.icon-menu{background:url(../../images/header.png) -99px 0 no-repeat;width:10px;height:8px;display:inline-block;vertical-align:middle;zoom:1;position:absolute;right:10px;top:18px}.multistage-menu h2{display:inline-block;vertical-align:middle;zoom:1;font-size:14px;line-height:40px;margin-left:18px}.top-search{height:40px;line-height:40px;color:#fff}.top-search a{color:#fff;margin-right:5px}.top-search a:hover{text-decoration:underline;color:#fff}.navigation,.navigation li{float:left}.navigation li.on,.navigation li:hover{background:#008c47}.navigation li a{color:#fff;font-family:"Microsoft YaHei";font-size:14px;display:block;height:40px;line-height:40px;padding:0 20px}.navigation li a:hover{text-decoration:none}.menu-list{position:relative;border:1px solid #ddd;z-index:40;background:url(../../images/nav-bg.png) no-repeat #f5f5f5;height:418px;display:none}.indexNav .menu-list{display:block}.menu-list .menu-title{position:relative;z-index:1;padding:14px 15px}.menu-list .menu-title .icon-arrow{position:absolute;width:6px;height:10px;right:10px;top:50%;margin-top:-5px;background:url(../../images/header.png) -85px -4px no-repeat}.titles{overflow-y:hidden}.titles p{white-space:nowrap;overflow:hidden;margin-top:5px;width:135px;text-overflow:ellipsis;color:#999}.titles p a{color:#999;font-size:12px;margin-right:5px}.titles p a:hover{color:#23ac38}.menu-list .menu-title .b-title{font-size:14px;font-family:"Microsoft YaHei";display:block}.menu-list .menu-title img{width:18px;height:18px;margin-right:10px}.menu-list span.m-line{width:1px;background:#000;height:20px;position:absolute;right:0;top:16px}.menu-list .menu-lists{position:absolute!important;top:-1px;left:207px;width:468px;padding:0 15px;min-height:418px;border:1px solid #ddd;background:rgba(255,255,255,.97);display:none;z-index:2}#menu-box>li.current .menu-title{background:#fff;border-bottom:1px #ddd solid;padding-bottom:13px;z-index:10}#menu-box>li.current .menu-lists{display:block}.menu-list div.on{left:auto;right:-1px}.menu-list div.on div.icon-triangle{left:auto;right:55px}.menu-list .menu-lists dt a{color:#23ac38;font-weight:700;line-height:25px}.menu-list .menu-lists dt{float:left;margin-right:5px;position:relative;z-index:2}.menu-list .menu-lists dl{border-top:1px solid #ddd;margin-top:-1px;padding:15px 0}.menu-list .menu-lists dd{position:relative;overflow:hidden}.menu-list .menu-lists dd a{border-right:1px solid #ccc;padding:0 8px;color:#666;display:inline-block;zoom:1;margin-top:5px;line-height:15px}.menu-list .menu-lists dd a.last{border-right:0}.menu-list .menu-lists a.masonry-more{border-right:none}.menu-list .menu-lists dd a:hover{color:#23ac38}.menu-list .menu-tip{line-height:50px;margin-left:10px;float:left;color:#999;position:relative;z-index:-1;display:none}span.icon-m-tip{background:url(../../images/index-all.png) -171px -234px no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle;position:relative;top:-2px;zoom:1}span.icon-m-more{background:url(../../images/index-all.png) -187px -87px no-repeat;width:5px;height:10px;position:absolute;right:10px;top:23px}.new-msg-icon{display:block;position:absolute;right:6px;top:-2px;width:22px;height:9px}.new-msg-icon img{border:0}.responsive{width:1200px;margin:0 auto}.us-header .responsive{width:990px}.menu .responsive{width:auto;background:#23ac38;min-width:990px}div.auto-990 .menu-tip{display:none}div.auto-990 .menu-list{position:absolute;width:208px}div.pnr-top .menu-list{width:auto}div.auto-990 .footer-view .left li{width:122px}@media screen and (max-width:1200px){.menu-tip{display:none}.menu .menu-nav,.responsive{width:990px}}