@charset "utf-8";
/*公共样式*/
*{ margin:0px; padding:0px;}
body{ background:#fff;}
body,td,th,font,a{font-family:"微软雅黑"; color:#333333;font-size: 16px; }
img{border:0px}
form{margin:0px;padding:0px;}
a{color:#333;text-decoration:none;}
a:hover {text-decoration:none; color:#333;}
ul,li{ list-style:none; padding:0px; margin:0px;}
.c{overflow:hidden;_zoom:1;}
.cc{clear:both; line-height:0; font-size:0;}
.w1220{ width: 1220px; margin:auto;}
.f_l{ float:left}
.f_r{ float:right}

.page-wrapper{background:#fff;}
.main{background:#fff;width:1400px; margin: 0 auto;}

/*首页头部样式*/
.header {background:#fff; border-bottom:1px solid #e5e7eb;}
.nav_box{width:1400px;margin: 0 auto;margin-top:20px; height:60px;}
.nav_box .logo{float: left;}
.nav_box .logo img{width:100px;}
.nav_box .login{float:right; height: 50px; line-height: 50px;}
.nav_box .nav{float:left; margin-left:280px;}
.nav_box .nav li{display:block; float: left;}
.nav_box .nav li a{display: block; padding: 0 20px; height: 50px; line-height: 50px;}
.nav_box .nav li a:hover, .nav_box .nav li.active a{color:#2A64E7;}

/*底部样式*/
.footer{background:#fff; border-top:1px solid #e5e7eb; padding:20px 0;}
.footer .bottom{width:1400px; margin: 0 auto; text-align: center; line-height: 30px;;}

/*搜索框样式*/
.search-container {
    background: #fff;
    padding: 60px 20px;
    text-align: center;
    margin: 100px auto 100px auto;
    min-height: 400px;;
}

.search-box {
    max-width: 640px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.search-tabs {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
}

.tab-item {
    flex: 1;
    padding: 16px 20px;
    cursor: pointer;
    font-size: 15px;
    color: #666;
    transition: all 0.3s;
    position: relative;
}

.tab-item:hover {
    color: #4f46e5;
    background: #f8f9fa;
}

.tab-item.active {
    color: #4f46e5;
    font-weight: 500;
}

.tab-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background: #4f46e5;
    border-radius: 3px 3px 0 0;
}

.search-input-wrapper {
    display: flex;
    padding: 20px;
}

.search-input {
    flex: 1;
    border: none;
    padding: 14px 18px;
    font-size: 15px;
    outline: none;
    color: #333;
}

.search-input::placeholder {
    color: #999;
}

.search-btn {
    width: 56px;
    height: 48px;
    background: #4f46e5;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: background 0.3s;
    margin-left: 12px;
}

.search-btn:hover {
    background: #4338ca;
}

.search-btn:active {
    transform: scale(0.98);
}