/* 头部基础 */
#pc-header{background:#fff;position:relative;z-index:999;transition:all .3s ease;}
#pc-header .navbar{padding:0;height:80px;line-height:80px;}
#pc-header .logo{padding-top:0;height:80px;display:flex;align-items:center;}
#pc-header .logo img{max-height:55px;transition:all .3s;}
#pc-header .logo img:hover{transform:scale(1.02);}

/* 导航菜单 */
#pc-header .nav-menu{font-size:0;-webkit-text-size-adjust:none;}
#pc-header .nav-menu li{display:inline-block;position:relative;}
#pc-header .nav-menu li a{font-size:16px;padding:0 22px;height:80px;line-height:80px;color:#444;display:block;transition:all .3s;position:relative;}
#pc-header .nav-menu li a:hover{color:#0a6e31;}
#pc-header .nav-menu li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#0a6e31,#27ae60);transition:all .3s;transform:translateX(-50%);border-radius:2px;}
#pc-header .nav-menu li a:hover:after,
#pc-header .nav-menu li.active a:after{width:60%;}
#pc-header .nav-menu li.active a{color:#0a6e31;font-weight:600;}

/* 下拉菜单 */
#pc-header .nav-menu .drop-menu{position:absolute;top:80px;left:50%;transform:translateX(-50%) translateY(10px);background:#fff;z-index:999;border-radius:12px;box-shadow:0 15px 50px rgba(10,110,49,.15);border:1px solid rgba(10,110,49,.08);opacity:0;visibility:hidden;transition:all .3s ease;min-width:200px;padding:10px 0;}
#pc-header .nav-menu li:hover .drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
#pc-header .nav-menu .drop-menu li{display:block;width:100%;text-align:left;}
#pc-header .nav-menu .drop-menu li a{height:44px;line-height:44px;padding:0 25px;font-size:14px;color:#555;transition:all .3s;border-bottom:0;}
#pc-header .nav-menu .drop-menu li a:after{display:none;}
#pc-header .nav-menu .drop-menu li a:hover{background:linear-gradient(135deg,#f0f9f1,#e8f5e9);color:#0a6e31;padding-left:30px;}

/* 搜索和购物车 */
#pc-header .searchBar{position:absolute;right:20px;top:0;height:80px;line-height:80px;width:40px;text-align:center;}
#pc-header .searchBar a{color:#444;font-size:20px;transition:all .3s;display:block;}
#pc-header .searchBar a:hover{color:#0a6e31;transform:scale(1.1);}
#pc-header .shopBar{position:absolute;right:70px;top:0;height:80px;line-height:80px;width:40px;text-align:center;}
#pc-header .shopBar a{color:#444;font-size:20px;transition:all .3s;display:block;}
#pc-header .shopBar a:hover{color:#0a6e31;transform:scale(1.1);}

/* 登录 */
#pc-header .log-in{position:absolute;right:120px;top:0;height:80px;display:flex;align-items:center;}
#pc-header .log-in .user-ico{width:38px;height:38px;line-height:38px;background:#f0f4f0;border-radius:50%;display:block;text-align:center;transition:all .3s;}
#pc-header .log-in .user-ico i{font-size:18px;color:#555;}
#pc-header .log-in .user-ico:hover{background:#0a6e31;}
#pc-header .log-in .user-ico:hover i{color:#fff;}
#pc-header .log-in .drop-menu{top:60px;right:0;left:auto;transform:translateY(10px);min-width:120px;}
#pc-header .log-in:hover .drop-menu{opacity:1;visibility:visible;transform:translateY(0);}

/* 头部滚动效果 */
#pc-header.header-scrolled{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.08);}
#pc-header.header-scrolled .navbar{height:70px;line-height:70px;}
#pc-header.header-scrolled .logo{height:70px;}
#pc-header.header-scrolled .logo img{max-height:48px;}
#pc-header.header-scrolled .nav-menu li a{height:70px;line-height:70px;}
#pc-header.header-scrolled .nav-menu .drop-menu{top:70px;}
#pc-header.header-scrolled .searchBar,
#pc-header.header-scrolled .shopBar{height:70px;line-height:70px;}
#pc-header.header-scrolled .log-in{height:70px;}

/* 搜索弹窗 */
.searchBar-m{display:none;width:100%;height:100%;position:fixed;top:0;z-index:9999;text-align:center;background:rgba(10,61,31,.95);}
.searchBar-m .mask{position:absolute;left:0;right:0;width:100%;height:100%;}
.searchBar-m a{position:absolute;right:5%;top:5%;width:50px;height:50px;line-height:50px;font-size:36px;z-index:9999;color:#fff;transition:all .3s;}
.searchBar-m a:hover{color:#c8e6c9;transform:rotate(90deg);}
.searchBar-m .form-group{width:90%;max-width:600px;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);}
.searchBar-m .input{width:85%;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.4);color:#fff;height:60px;line-height:60px;float:left;padding:0;font-size:20px;transition:border-color .3s;}
.searchBar-m .input:focus{border-bottom-color:#fff;outline:none;}
.searchBar-m .input::-webkit-input-placeholder{color:rgba(255,255,255,.4);}
.searchBar-m .button{width:12%;height:60px;line-height:60px;border-bottom:2px solid rgba(255,255,255,.4);display:block;float:left;background:url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px;background-size:24px auto;transition:border-color .3s;}

/* 登录弹窗 */
.dialog{border-radius:12px;border:0;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;}
.dialog .dialog-head{font-size:18px;border-bottom:0;padding:20px 30px 0;}
.dialog .dialog-head .close{font-size:24px;transition:all .3s;}
.dialog .dialog-head .close:hover{transform:rotate(90deg);color:#0a6e31;}
.dialog-body{padding:10px 40px 40px;}
.dialog-body h3{font-size:24px;font-weight:700;color:#1a1e2b;margin-bottom:20px;text-align:center;}
.dialog-body .form-group{padding-bottom:20px;}
.dialog-body .input{height:50px;line-height:50px;padding:0 15px;border:1px solid #e0e0e0;width:100%;display:block;border-radius:8px;background:#fff;font-size:15px;transition:all .3s;}
.dialog-body .input:focus{border-color:#0a6e31;box-shadow:0 0 0 3px rgba(10,110,49,.1);outline:none;}
.dialog-body .textarea{padding:12px 15px;line-height:24px;width:100%;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;}
.dialog-body .textarea:focus{border-color:#0a6e31;box-shadow:0 0 0 3px rgba(10,110,49,.1);outline:none;}
.dialog-body select{padding:0 35px 0 15px;width:100%;height:50px;line-height:50px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 15px center;}
.dialog-body .button-block{background:linear-gradient(135deg,#0a6e31,#27ae60);color:#fff;border:0;height:50px;line-height:50px;border-radius:8px;width:100%;font-size:16px;font-weight:600;transition:all .3s;cursor:pointer;}
.dialog-body .button-block:hover{background:linear-gradient(135deg,#065226,#0a6e31);transform:translateY(-2px);box-shadow:0 8px 25px rgba(10,110,49,.3);}
.dialog-body .input-group{display:flex;}
.dialog-body .input-group .input{flex:1;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
.dialog-body .input-group .addon{border:1px solid #e0e0e0;border-left:0;display:flex;align-items:center;padding:0 10px;border-top-right-radius:8px;border-bottom-right-radius:8px;background:#fff;}
.dialog-body .input-group .addon img{height:40px;cursor:pointer;border-radius:4px;}

/* 注册登录切换 */
.register .tab li{font-size:20px;padding-bottom:15px;margin-bottom:25px;cursor:pointer;transition:color .3s;}
.register .tab li.cur{color:#0a6e31;font-weight:700;}
.register .tab li:hover{color:#0a6e31;}

/* 第三方登录 */
.bnt-login{display:flex;justify-content:center;gap:15px;margin-top:15px;}
.bnt-login a{width:44px;height:44px;line-height:44px;border-radius:50%;text-align:center;font-size:18px;transition:all .3s;display:block;}
.bnt-login a.qq{background:#12b7f5;color:#fff;}
.bnt-login a.qq:hover{background:#0a9bd4;transform:translateY(-3px);}
.bnt-login a.weixin{background:#07c160;color:#fff;}
.bnt-login a.weixin:hover{background:#06ad56;transform:translateY(-3px);}
.bnt-login a.weibo{background:#e6162d;color:#fff;}
.bnt-login a.weibo:hover{background:#c41226;transform:translateY(-3px);}

/* 响应式 */
@media screen and (max-width:992px){
	#pc-header .navbar{height:70px;line-height:70px;}
	#pc-header .logo{height:70px;}
	#pc-header .logo img{max-height:45px;}
	#pc-header .nav-menu li a{padding:0 15px;font-size:15px;height:70px;line-height:70px;}
	#pc-header .nav-menu .drop-menu{top:70px;}
}