@font-face {
  font-family: "iconfont"; /* Project id 4259065 */
  src: url('//at.alicdn.com/t/c/font_4259065_wyvmt4kqkai.woff2?t=1695112281284') format('woff2'),
       url('//at.alicdn.com/t/c/font_4259065_wyvmt4kqkai.woff?t=1695112281284') format('woff'),
       url('//at.alicdn.com/t/c/font_4259065_wyvmt4kqkai.ttf?t=1695112281284') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bangzhu:before {
  content: "\e73a";
}

.icon-kujialeqiyezhan_zaixiankefu-:before {
  content: "\e652";
}

.icon-user:before {
  content: "\e612";
}

.icon-laba:before {
  content: "\e6ad";
}

.icon-a-shoppingtrolley:before {
  content: "\e62d";
}



.head_p {
    color: #a699b3;
    font-size: 16px!importan;
    width: 320px;
    padding-top: 10px;
}

.header-center .left {
    display: flex;
    align-items: center;
}

.header .header-center {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border-radius: 30px!important;
    border: 2px solid #112c33;
}

.head-search input {
    padding: 10px 20px;
    border: none;
    width: 280px;
    outline-style: none;
}

.head-search .btn_search {
    height: 100%;
    padding: 11px 30px;
    color: #fff;
    background: #112c33;
}

.car {
    display: flex;
    align-items: center;
    margin: 0 16px;
}

.icon_car {
    
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #1890ff;
}


.icon_car i {
    color: #fff;
    font-size: 20px;
}

.car span {
    margin-left: 10px;
    color: #1890ff;
}

.user_btns {
    display: flex;
    align-items: center;
}

.user_btns i {
    font-size: 28px;
    color: #1890ff;
}

.user_btns a {
    margin: 0 5px;
}

.navbar-list .navbar-item-bg {
    position: relative;
    background: #112c33;
    border-radius: 10px 10px 0 0 ;
    padding: 0 40px!important;
}

.navbar-list .navbar-item-bg a {
    color: #fff!important;
}

.navbar-item-bg .navChildren {
    position: absolute;
    z-index: 999999;
    background-color: rgba(0,0,0,.6);
    left: 0;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.navbar-item-bg .navChildren .icon {
    width: 16px;
    height: 16px;
    display: flex;
    margin-right: 6px;
    align-items: center;
}

.icon img {
    width: 100%;
}


.navbar-item-bg .navChildren .itemsx a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-item-bg .navChildren .itemsx a span {
    font-size: 14px;
}

.banner-main .banner-center .personal-box {
    height: 400px;
    border-radius: 0!important;
}

.user-box-image .avatars {
    width: 73px;
    height: 73px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    border-radius: 100%;
    overflow: hidd5;
}

.avatars .iconfont {
    color: #0080ff;
    font-size: 70px;
}

.user-box-info a{
    border-radius: 8px!important;
}

.box_list_img {
    display: flex;
    justify-content: space-between;
    margin: 10px auto 10px!important;
}

.box_list_img a {
    width: 24.5%;
}

.box_list_img img {
    width: 100%;
}

.banner-main .banner-center .personal-box  {
    width: 180px!important;
}