header {display: flex;justify-content: space-between;align-items: center;width: 1200px;margin: 0 auto;}
.site-logo {  position: relative;display: flex;justify-content: space-between;align-items: center;}
.site-logo h1 {
    margin: 20px 20px 20px 0;
}
h1 {margin: 20px 20px 20px 0;}
h1 a {display: flex;justify-content: space-between;align-items: center;}
h1 img {margin-right: 8px;}
h1 div span {display: block;}
.site-name .site-link {font-size: 12px;}
.btn-change {color: #ff6600;cursor: pointer;}

.top-search {display: flex;justify-content: space-around;}
.top-search select {height: 40px;line-height: 40px;margin-right: -1px;padding: 0 8px;border-color: #ccc;}
.search_text {width: 460px;height: 40px;line-height: 40px;padding: 0 16px;border: 1px solid #ccc;box-sizing: border-box;}
.search_submit {background-color: #ff6600;color: #fff;height: 40px;padding: 0 32px;}

.nav-menu-content-sell {width: 1200px;}
/* .navMenu-item {width: 16.6%;} */

header {width: 1200px;margin: 0 auto;}

.all-area-wrap { display: none; position: absolute; z-index:99; top:80px; left:260px; padding:8px 16px; width:320px;border:1px solid #eee; background-color: #fff;margin-left: 420px;
    margin-top: 50px;}
.all-area-wrap li { display: flex; line-height: 36px; }
.all-area-wrap label { font-weight: bold; margin-right: 8px;}
.all-area-wrap a { margin-right: 8px;}

.navMenu-item a:hover { color:#fff}

.sect { flex-wrap: wrap;}
#slider img {width: 600px;height: 240px;}

.card {margin-bottom: 20px;}
.card-hd {border-bottom: 1px solid #ccc;align-items: center;}
.card-hd h2 {position: relative;bottom: -1px;font-size: 24px;padding: 8px;border-bottom: 2px solid #1276de;}

.list2 li a {display: flex;justify-content: space-between;align-items: center;padding: 6px;}
.list2 li a:hover {background-color: #f1f1f1;color: #1276de;}

.list-latest, .index-hot-keys {width: 280px; overflow: hidden;margin-bottom: 0;}
.list-latest{margin-right: 16px;}
.list-latest .card-hd h2,.index-hot-keys .card-hd h2 {padding-top:0}

.index-hot-keys { height: 238px; }
.index-hot-keys .card-bd { padding-top:10px; line-height: 1.9;}
.index-hot-keys a { display: inline-block; margin-right: 10px;}

.list-item-title {display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.list-item-date {font-size: 12px;color: #999;}

.list-latest ul {padding-top: 8px;}
.list-latest li a.list-item-title {display: block;}
.list-index ul {display: flex;flex-wrap: wrap;align-content: flex-start;padding-top: 16px; width: 100%;}
.list-index li a span {margin-right: 4px;}
.list-index .list-item-title {width: 340px;}

.list-index .card-bd {display: flex;justify-content: space-between;}
.list-index .card-bd .cover {margin-right: 16px;margin-top: 16px;}
.list-index li {width: 48%;}
.list-index li:nth-child(even) {margin-left: 32px;}

.index-columns { display: flex; justify-content: space-around; align-items: baseline; width: 100%; box-sizing: border-box; padding:16px; margin-bottom: 16px; background-color:#f1f1f1}
.index-columns h2 {margin-right: 32px; }
.index-columns a { margin:0 16px; font-size: 15px; font-weight: bold;}
.list3 { width:49%; }
.list3 h2 { background-color: #1276de ; border-bottom:0 none; font-size: 16px; font-weight: bold; color:#fff; padding:4px 32px; border-radius: 8px 8px 0 0;}
.list3 li { width:100%; padding:12px 4px;}
.list3 li a {display: flex; justify-content: space-between; align-items: center;}
.list3 li a .list-item-title { width: 70%;}


.list4 { width:24%; }
.list4 .card-hd {background-color: #1276de ; border-radius: 4px 4px 0 0; }
.list4 h2 { border:0 none; font-size: 16px; font-weight: bold; color:#fff; padding:8px 16px; }
.list4 .card-hd .btn-more { color:#fff; margin-right: 16px;}
.list4 .card-bd {border:1px solid #eee }
.list4 li, .list5 li { box-sizing: border-box;  width:100%; padding:12px 8px;}
.list4 li a, .list5 li a {display: flex; justify-content: space-between; align-items: center;}
.list4 li a .list-item-title { width: 75%;}
.list4.list-area li {display: flex;}
.list4.list-area li div {display: flex;}
.list4.list-area li label { font-weight: bold;}
.list4.list-area li div a { margin-left:6px}

.list5 { width: 100%; box-sizing: border-box;}
.list5 .card-bd {display: flex;justify-content: space-between;}
.list5 ul {width: 100%; display: flex;flex-wrap: wrap; justify-content: flex-start; align-content: flex-start;}
.list5 li a span {margin-right: 4px;}
.list5 .list-item-title {width: 300px;}
.list5 li {width: 33.33%;}

.index-area li label {font-weight: bold;margin-right: 16px;}
.index-area ul {display: flex;justify-content: start;flex-wrap: wrap;padding: 8px;}
.index-area li {display: flex;justify-content: start;flex-wrap: wrap;margin: 8px 32px 0 0;}
.index-area a {margin-right: 8px;}

.user-center {border: 1px solid #9cc6f2;padding: 16px;margin-left: 16px;width: 320px;height: 240px;box-sizing: border-box;}
.user-reg {display: flex;justify-content: space-between;border-bottom: 1px solid #9cc6f2;padding-bottom: 16px;}
.user-reg a {display: inline-block;width: 48%;height: 40px;background-color: #1276de;border-radius: 4px;color: #fff;text-align: center;line-height: 40px;}
.user-service h3 {padding: 8px 0; text-align: center;}
.user-service ul {display: flex;flex-wrap: wrap;}
.user-service li {font-size: 13px;width: 50%; padding:6px 0; display: flex; justify-content: flex-start;align-items: center; letter-spacing: -1px; color:#1276de;}
.user-service .iconfont { font-size:20px;margin-right: 10px;}

.ad { margin-bottom: 16px;}