/*REG.CN new version header用*/

/*============ top-nav ============*/
.top-nav{background: #2e2e33;position: relative;z-index:100;font-size: 14px;color: #a1a1a3;height: 36px;line-height: 36px;padding: 0 0 0 15px;box-shadow: 0 5px 8px rgba(0,0,0,.15);}
.top-nav a{color: #a1a1a3;display: inline-block}
.top-nav-left{float: left;}
.top-nav-right{float: right;}
.top-nav-right .r-nav:hover .r-nav-child{display: block}
.top-nav .r-nav .cart_icon{background: #ee2d2d;color: #fff;display: inline-block;line-height:15px;height: 17px;min-width: 17px; padding: 0 5px;border-radius:15px;font-size: 13px;margin-left: 3px;vertical-align: text-top;}
.top-nav .reg-register{background: #ee2d2d;color: #fff;}
.top-nav .reg-register:hover{background: #ee2d2d!important;}
.top-nav .reg-register > a{color: #fff;padding: 0 3px;}
.top-nav .reg-register > a:hover{color: #ffe558;}

.top-nav-right .r-nav{float: left;padding: 0 10px;position: relative;height: 36px;line-height: 36px; text-align: center}
.top-nav-right .r-nav:hover{background: #000}
.top-nav-right .r-nav .r-nav-child{display: none;position:absolute;right: 0;top:36px; background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.15);color: #333}

/*语言*/
.reg-language{}
.reg-language .language-title{display: block;padding: 0 15px 6px;text-align: left;line-height:1;}
.reg-language .language-link a{display: block;line-height: 30px;padding: 0 15px;min-width: 123px;text-align: left;color: #999}
.reg-language .language-link a:hover{background: #f5f5f5;color:#ee2d2d;}

/*购物车*/
.r-nav-child-gwc{width: 280px;}
.r-nav-child-gwc ul{display: block;width:100%;max-height:270px;overflow-y:auto;text-align: left;padding: 10px;}
.r-nav-child-gwc li{overflow: hidden;line-height: 34px;border-bottom: dashed 1px #ddd;padding-left: 10px;}
.r-nav-child-gwc li:hover{background: #f9f9f9}
.r-nav-child-gwc .nav-gwc-message{width:70%;color: #2291d7;padding: 10px 0; float: left;word-wrap:break-word;text-align: left;line-height: 1}
.r-nav-child-gwc .nav-gwc-price{float: left;width:21%;color:#f79018;font-size: 12px;}
.r-nav-child-gwc .nav-gwc-del{float: right;overflow: hidden;width:9%;height: 35px;text-align: center;color: #ddd}
.r-nav-child-gwc .nav-gwc-del:before{content: "\e60d";font-family: "iconfont" !important; }
.r-nav-child-gwc .nav-gwc-del:hover{color: #ee2d2d;}
.r-nav-child-gwc .nav-gwc-di{padding:10px;overflow: hidden}
.r-nav-child-gwc .nav-gwc-di .fl{line-height: 26px}
.r-nav-child-gwc .nav-gwc-di .nav-gwc-btn{display: block;border: none; width: 70px;height: 26px;line-height: 25px;text-align: center;border-radius: 2px;background: #ee2d2d;color: #fff;float: right;}
.r-nav-child-gwc .nav-gwc-di .nav-gwc-btn:hover{background: #dc0000;}

/*站内信*/
.r-nav-child-message{width: 280px;}
.r-nav-child-message ul{display: block;width:100%;max-height:270px;overflow-y:auto;text-align: left;}
.r-nav-child-message li{overflow: hidden;line-height:20px;border-bottom: dashed 1px #ddd;background: #fcfcfc;padding: 10px;}
.r-nav-child-message li a{overflow: hidden;color: #bbb; display: block;text-overflow: ellipsis;white-space: nowrap;}
.r-nav-child-message li a:hover{color: #bbb; }
.r-nav-child-message li.unread{background: #fff;}
.r-nav-child-message li.unread:hover{background: #f3f9ff;}
.r-nav-child-message li.unread a{color: #6990ca;font-weight: bold}
.r-nav-child-message li.unread a:hover{color: #4f78b6;}
.r-nav-child-message .nav-user-di a{display: block;color: #4f78b6;}
/*用户信息*/
.r-nav-child-user{width: 270px;text-align: left;line-height: 25px;}
.r-nav-child-user .nav-user-message{padding: 10px 15px;}
.r-nav-child-user .nav-user-link{padding:0 10px;overflow: hidden;}
.r-nav-child-user .nav-user-link a{float: left;margin:3px 1%;height:31px;line-height:30px;width:48%;text-align: center;border: solid 1px #ebebeb;color: #666;border-radius: 3px;}
.r-nav-child-user .nav-user-link a:hover{color: #666;background: #f5f5f5;}
.r-nav-child-user .nav-user-di{margin-top: 10px;text-align: center;overflow: hidden}
.r-nav-child-user .nav-user-di a{line-height: 40px;float: left;}
.r-nav-child-user .nav-user-di .to-user-btn{width:55%;background: #f84242;color: #fff;}
.r-nav-child-user .nav-user-di .logout-btn{width:45%;background: #f5f5f5;}
/*登录框*/
.r-nav-child-login{width: 280px;}
.nav-login{padding: 15px;text-align: left}
.nav-login .login-title{font-size: 16px;font-weight: bold;}
.nav-login .login_error{color: #ee2d2d;background: #ffe7e7;line-height:18px;padding: 5px;}
.nav-login .login-input{border: solid 1px #ddd;border-radius: 3px;line-height: 40px;height: 40px;margin:7px 0;}
.nav-login .userId input,
.nav-login .password input{width: 100%;}
.nav-login .userId{}
.nav-login .password{}
.nav-login .code{}
.nav-login .code-img{height: 40px;width:120px;vertical-align: middle}
.nav-login .login-links a{color: #458fd9}
.nav-login .login-links a:hover{color: #ee2d2d}
.nav-login .login-button{display: block;font-size: 16px;color: #fff;background: #ee2d2d;border: none;width: 100%;line-height: 40px;border-radius: 3px;cursor: pointer}
.nav-login .login-button:hover{background:#de1d1d;color: #fff;}
@media(max-width:992px){
    header{padding-top: 44px;}
    .top-nav{padding: 0 0 0 8px;z-index:75;position: fixed;top: 0; width: 100%;height:44px;line-height:44px;}
    .top-nav-right .r-nav{padding: 0 8px;}
    .top-nav-left{display: none;}
    .top-nav-right .r-nav{height:44px;line-height:44px;padding: 0 5px;}
    .top-nav-right .r-nav .r-nav-child{top:44px;}
    .reg-language>.language-text span{display: none}
}
@media(max-width:768px){
    .top-nav-right .r-nav {padding: 0;width: 42px;}
    .top-nav-right .r-nav .iconfont{font-size:18px;}
    .reg-language>.language-text{display: none}
    .top-nav-right .r-nav .r-nav-child{width: 100%;position: fixed;top: 44px;left: 0;}
}

/*============ nav ============*/
.navbar-box{height:75px;line-height:75px;position: relative;z-index:88}
.navbar-box .logo{float: left;line-height:73px;width: 233px;text-align: center; display: block;}
.navbar-box .logo img{vertical-align: middle;height: 33px;}

.navbar-fixed{position: fixed;top: 0;width: 100%; background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.08);}
.navbar-fixed{height:60px;line-height:60px;}
.navbar-fixed .logo {line-height: 60px;}

.megamenu{margin:0;padding:0;float: left;list-style:none;display:inline-block;}
.megamenu li{float:left;}
.megamenu>li>.megamenu-tit{float:left;padding:0px 10px;min-width: 110px;height:60px; color:#555;text-decoration:none;font-size: 16px;font-weight: bold;}

.megamenu>li:hover .megamenu-tit > a{color: #eb1f2a;}
.megamenu>li .megamenu-tit a>.icon-arrow-down-bold::before{display: inline-block; transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.megamenu>li:hover .megamenu-tit a .icon-arrow-down-bold::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
/*多级下拉菜单*/
.megamenu .dropdown,.megamenu .dropdown li .dropdown{list-style:none;margin:0;line-height:35px;padding:0;display:none;position:absolute;z-index:999;width:160px;border:solid 1px rgba(0,0,0,0.1);background:#fff;}
.megamenu .dropdown{top:75px}
.megamenu .dropdown li .dropdown{left:160px;top:inherit}
.megamenu .dropdown li{clear:both;width:100%;border-bottom:solid 1px rgba(0,0,0,0.1)}
.megamenu .dropdown li:last-child{border-bottom:0}
.megamenu .dropdown li a{float:left;width:100%;padding:10px 25px;text-decoration:none;display:block;border:0 none;font-size:14px;color:#444;background:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-webkit-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out}
.megamenu .dropdown li:hover>a{background:#dbdbdb}
/*自定义显示框*/
.megamenu>li>.megapanel{top:60px;left:0;z-index:99;padding:20px 30px 20px 233px;overflow: hidden; position:absolute;display:none;overflow: hidden; background:#fff;width:100%;border-top: solid 1px #eee}
.meg-shadow{box-shadow: 0 5px 8px rgba(0,0,0,.11);}
.menv-link{float: left;width:80%}
.menv-link li{width:25%;line-height: 1.5;padding:5px 0;}
.menv-link li a{color: #333;font-weight: bold;display: block;padding: 10px;line-height:20px;}
.menv-link li a:hover{color: #ee2d2d;background: #f9f9f9}
.menv-link li span{display: block;color: #aaa;font-size: 12px;font-weight: normal;}
.menv-link li.hot a{color: #ee2d2d;}
/*小屏导航按钮*/
.navbar-box .showhide{display: none; position: absolute;left:0;top: 0;width: 44px;height: 44px;border: none;text-align: center;color: #c8c8c8;cursor: pointer}
.navbar-box .showhide:hover{color: #ff2c2c;background: #000}
.navbar-box .showhide i{font-size: 25px;width: 100%;height: 100%;display: block;}

/*辅助导航*/
.sub-nav{overflow: hidden;position: absolute;padding-top:10px;z-index: 1;}
.sub-nav-title{float: left;margin-right: 13px; text-align: right;padding:0 30px;background: url("../images/sub-nav-icon.png") no-repeat right;font-weight: bold;}
.sub-nav-menu{float: left;}
.sub-nav-menu li{float: left;padding:0 10px;}
.sub-nav-menu li.active{font-weight: bold}
@media(max-width:1440px){
    .navbar-box .logo{width: 200px;}
    .menv-link{float: left;width:100%}
    .megamenu>li>.megapanel{padding-left: 213px;}
}
@media(max-width:1200px){
    .megamenu>li>.megapanel{padding-left:20px;}
    .navbar-box .showhide{display: block}
}
@media(max-width:992px){
    .megamenu{min-width:300px;width:40%;background: #f0f0f0;max-height:calc(100% - 44px);position: fixed;top: 44px;left: 0;overflow: auto;z-index: 999;}
    .megamenu-min{}
    .megamenu-show{box-shadow: 0 5px 8px rgba(0,0,0,.15);border: solid 1px #ddd;}
    .megamenu>li{display:none;width:100%;box-sizing:border-box;overflow: hidden}
    .megamenu>li:hover,.megamenu>li.active{border-top:0}
    .megamenu>li>.megamenu-tit,
    .megamenu>li:hover .megamenu-tit,
    .megamenu>li.active .megamenu-tit{padding:0px 20px; line-height: 40px;height: 40px;border-bottom: solid 1px #ddd;}
    .megamenu>li .megamenu-tit a{pointer-events:none; }
    .megamenu .megamenu-tit{width:100%;box-sizing:border-box;}
    .megamenu .dropdown,.megamenu .dropdown li .dropdown{width:100%;display:none;left:0;border-left:0;position:static;border:0;box-sizing:border-box;}
    .megamenu .dropdown li{background:#fff!important;border:0}
    .megamenu .dropdown>li>a{padding-left:40px!important}
    .megamenu>li>.megapanel{position:static;margin-top:40px;padding: 10px 0 10px 15px;border-bottom: solid 1px #ddd;border-top: none} 
    .megamenu>li>.megamenu-tit .icon-arrow-down-bold{float: right;}
    
    .menv-link {width:100%;}
    .menv-link li{padding:0;width:50%;}
    .menv-link li span{display: none}
    .menv-link li a{padding:5px 2px;font-size: 14px;}
    
    .navbar-box .logo {padding: 0 10px 0 43px;line-height: 42px;width: auto;}
    .navbar-box .logo img {height:20px;}
    .navbar-box {line-height:44px;height:44px;position: fixed;top: 0;}
    .navbar-fixed{background:none;box-shadow:none;}
    
    .sub-nav{display: none;}

}
@media(max-width:768px){
    .top-nav .r-nav>a .cart_icon{position: absolute;width:10px;height:10px;right:3px;top: 10px; overflow: hidden;display: block;min-width:0;text-indent: -999px;}    
}

/*============ sub-nav ============*/

/*============ header ============*/