.top-header{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;width:100%}
.top-header .container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.logo-area{display:flex;align-items:center}
.logo{font-size:18px;font-weight:bold;color:#e74c3c;margin-right:15px}
.banner-area{flex:1;text-align:center;padding:0 20px}
.banner-area img{max-width:100%;height:auto}
.main-nav{background:url(../images/nav-bg.png) repeat-x;width:100%;font-family: "微软雅黑";}
.main-nav .container{height:40px}
.main-nav-content{display:flex;align-items:center;justify-content:space-between;height:100%}
.main-nav-left{display:flex;align-items:center}
.main-nav-left a{color: #fff;text-decoration: none;}
.main-nav-zhuban{display: inline-block;width:180px;text-align: center;color: #fff;font-size: 16px;}
.main-nav-item{color:#fff;text-decoration:none;padding:0 15px;height:100%;display:flex;align-items:center;font-size:14px}
.main-nav-item:hover{background-color:rgba(255,255,255,0.1)}
.main-nav-right{display:flex;align-items:center}
.search-box{display:flex;align-items:center}
.search-input{padding:4px 8px;border:1px solid #ddd;border-radius:15px;font-size:12px;width:150px;outline: none;}
.search-btn{background:url(../images/search-icon.png) no-repeat;font-size:16px;border:none;padding:4px 8px;margin-left:5px;cursor:pointer;padding-left:28px;color: #fff;}
.sub-nav{background:linear-gradient(135deg,#e0e0e0 0%,#f8f8f8 50%,#e0e0e0 100%);width:100%}

.sub-nav-content{padding-bottom: 10px;}
.sub-nav-content>div{padding-top:10px;}
.sub-nav-item{color:#333;text-decoration:none;width:76px;font-size:12px;white-space:nowrap;display: inline-block;text-align: center;}
.sub-nav-item:hover{color:#0295f9}
.xian{width:1px;height:20px;background-color:rgba(255,255,255,0.5);margin:0 15px}
.main-nav-login{display:flex;align-items:center}
.main-nav-login .username{color: #fff;}
.main-nav-login a{display: inline-block;margin-left: 15px;}
.main-nav-login a.on{background-color: #fff;border-radius: 15px;padding:1px 8px;color: #0295f9;}
/* 下拉菜单样式 */
.dropdown{display:inline-block;position:relative}
.dropdown-menu{display:none;position:absolute;top:100%;left:6px;margin-top:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1000;}
.dropdown-item{display:block;padding:8px 10px;color:#333;text-decoration:none;font-size:12px;white-space:nowrap}
.dropdown-item:hover{background-color:#f5f5f5;color:#0295f9}

.login-form,.register-form{padding:20px}
.form-footer{text-align:center;margin-top:15px;font-size:14px}
.form-footer a{color:#0066ff}
.form-footer a:hover{text-decoration:underline}