* { padding: 0px; margin: 0px; }
ul, li { padding: 0; margin: 0; list-style: none; }
body { background-color: #f5f5f5; }
header { background-color: #fff; }
.headerContainer { height: 100px; }
.logoImg { height: 100%; display: inline-block; }
.headerRightMenu { height: 50px; display: flex; align-items: center; flex-direction: row; }
.telphone { font-size: 18px; font-weight: bold; margin-right: 15px; }
.dropdown { margin-right: 5px; }

.account-con { color: #8d8d8d; padding: 15px; border-bottom: 1px solid #eee; height: 50px; }
.account-con .leftfone { float: left; }
.account-con .righticon { float: right; }

/* 搜索框 */
.headerSearch { display: flex; align-items: center; flex-direction: row; }
.selectSearch { width: 130px; }
.searchBtn { width: 130px; }
.hideMenu { display: none; font-size: 30px; color: skyblue; top: 0; }

/* 自适应菜单 */
#panel { display: none; position: fixed; top: 80px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; }
.paneltab { background-color: #fff; height: 60px; display: flex; flex-direction: row; }
.paneltab div { width: 90px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #08c; }
.actived { color: #fff !important; background-color: #08c; }
.panelLogin,
.panellist { background-color: #fff; min-height: 300px; }
.panelLogin { display: none; padding: 25px; }
.panelLogin button { display: block; outline: none; border: 1px solid skyblue; width: 120px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; margin-top: 20px; }
.panellist { padding: 20px; }
.aside { background-color: #bbb; padding: 5px 0; }
.asideBox { width: 1200px; margin: auto; display: flex; flex-direction: row; }
.asideBox span { margin-right: 15px; }


@media (min-width: 1200px) {
    .asideBox span { width: 10%; }
    .headerContainer { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
    .asideBox { width: 1200px; margin: auto; display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; }
    #panel { display: none; }
}

@media (max-width: 1200px) {
    .asideBox { width: 100%; justify-content: space-between; }
    #panel { display: none; }
    .headerContainer { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
    .logo { width: 25%; display: flex; align-items: center; }
    .logoImg { width: 100%; height: auto; }
}

@media (max-width: 1024px) {
    .asideBox { flex-wrap: wrap; }
    .logo { width: 20%; display: flex; align-items: center; }
    .headerContainer { height: 80px; display: flex; justify-content: space-between; align-items: center; }
    .headerRight { display: flex; align-items: center; }
    .headerRightMenu { display: none; }
    .hideMenu { display: block; margin-right: 15px; }
    .navbar-nav { display: flex; flex-direction: column; }
    .navbar-nav > li { width: 85%; border-bottom: 1px solid #eee; margin-left: 15px; }
    .asideBox span { width: 20%; }
}

@media (max-width: 680px) {
    .asideBox { display: flex; overflow-x: auto; justify-content: space-between; flex-wrap: nowrap; }
    .asideBox span { white-space: nowrap; width: 20%; }
    .headerContainer { padding: 0 20px; }
    .headerRight { flex: 1; }
    .headerSearch { width: 100%; padding: 0 15px; }
    .searchInput { flex: 1; }
    .selectSearch { display: none; }
    .logo { width: 60px; margin-right: 10px; }
}

@media (min-width: 1200px) {
    .con-main { background-color: #ffffff; padding-left: 10%; padding-right: 10%; }
    .font-bt { color: #fff; font-size: 22px; }
    li { color: #000; text-decoration: none; }
    .footer { text-align: center; }
    .font-no { color: #ffffff; font-size: 18px; display: inline; }
    .bg2 { display: block; }
    .copy-right { text-align: center; color: #ffffff; font-size: 18px; }
    .copy-right a { padding-top: 10px; padding-bottom: 10px; color: #ffffff; text-decoration: underline; }
    .accept { position: relative; margin-left: -10%; }
}