/* 搜索 */
/* 搜索区域 */
.search_bar .search {
    height: 38px;
    margin-top: 12px;
    border-radius: 2px;
    height: 38px;
    width: 740px; 
}


/* 类型选择 */
.b-select {
    width: 100%;
    height: 36px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    position: relative;
    z-index: 3;
}


.search_bar .search .b-select:after {
    content: "";
    border: 1px solid #999;
    opacity: .1;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: -3px;
}

.search_bar .search .b-select {
    width: 130px;
    height: 38px;
    border: 1px solid var(--main-color);
    border-right: none;
}

/* 下拉选择区域 */
.b-select .input_cont {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.b-select .input_cont input {
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    font-size: 14px;
    color: #666;
    border: none;
    padding-left: 10px;
}

.search_bar .search .b-select .input_cont input {
    width: 100%;
    text-align: center;
    border-radius: 18px 0 0 18px;
    -webkit-box-flex: initial !important;
    flex: initial !important;
}

/* 箭头标识 */
.b-select .input_cont .icon-down {
    width: 36px;
    height: 100%;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.b-select .input_cont .icon-down,
.b-select .item_cont {
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

/* 类型面板 */
.b-select .item_cont {
    display: none;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 11px -6px #333;
    overflow-y: auto;
    position: absolute;
    top: 36px;
}

/* 经过类型选择时 展开更多选择 */
.b-select:hover .item_cont {
    display: block;
}

.b-select .item_cont p {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 10px;
}

/* 面板hover */
.b-select .item_cont p:hover {
    cursor: pointer;
    font-weight: bolder;
    color: var(--main-color);
}

/* 类型选择结束 */

/* 中间搜索框区域 */
/* 搜索框 */
.search_bar .search input.partNo {
    height: 38px;
    border: 1px solid var(--main-color);
    border-left: none;
    flex: 1;
}

/* 搜索按钮 */
.search_bar .search button.partNo_btn {
    width: 80px;
    background-color: var(--main-color);
}

.search button.partNo_btn .icon-custom-search {
    font-size: 20px;
    color: var(--colorW);
}


/* association */
.search_bar .search .association {
    /* 旧版 搜索展开 */
    /* width: 660px;
    max-height: 600px;
    overflow-y: auto;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 2;
    box-shadow: 0 0 9px -3px var(--main-color);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    display: none;
    background-color: var(--colorW); */
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-shadow: 0 4px 4px -2px #999;
    left: -1px;
    padding: 20px;
    position: absolute;
    top: 38px;
    width: 660px;
    z-index: 10;
    visibility: hidden;
    display: none;
}

.search_bar .search .association.isShow {
    top: 38px;
    opacity: 1;
    visibility: visible;
    display: block;
}


/* 每项记录标题 */
.search_bar .search .association dt {
    margin-bottom: 12px;
}

/* 搜索无结果 */
.search_bar .search .association .unll {
    margin-bottom: 12px;
}

/* 每项记录 */
.search_bar .search .association dd a {
    margin-right: 30px;
    margin-bottom: 12px;
}

/* 搜索无结果邮箱 */
.search_bar .search .association dd a.noData {
    margin: 0px 10px;
}

.search_bar .search .association dd a:hover {
    color: var(--main-color);
}

/* loading层 */
#v-loading {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    z-index: 1;
}

#v-loading svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: progress-circular-rotate-data 1.4s linear infinite;
    animation: progress-circular-rotate-data 1.4s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 32px;
}

#v-loading.isShow {
    opacity: 1;
    visibility: visible
}

#v-loading svg circle {
    -webkit-animation: progress-circular-dash-data 1.4s ease-in-out infinite;
    animation: progress-circular-dash-data 1.4s ease-in-out infinite;
    stroke-linecap: round;
    stroke-dasharray: 80, 200;
    stroke-dashoffset: 0px;
    stroke: currentColor;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

@-webkit-keyframes progress-circular-rotate-data {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes progress-circular-rotate-data {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes progress-circular-dash-data {
    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes progress-circular-dash-data {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0px
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -124px
    }
}


/* 中间结束 */

/* 购物车 */
.funBoxs .cart {
    height: 40px;
    line-height: 40px;
}

/* 购物车图标 */
.cart .icon-gouwuche1 {
    font-size: 30px;
}

/* 购物车数字 */
.cart .cart_span {
    display: inline-block;
    width: 24px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    top: -4px;
    right: -10px;
    padding: 0 2px;
    background-color: var(--danger-color);
}

/* 购物车结束 */

/* 登陆注册 */
.funBoxs .loginBox {
    position: relative;
}

.funBoxs .iconfont {
    font-size: 26px;
}

/* 未登录状态 */
.funBoxs .loginBox .loginOrRegister span {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    margin-right: 6px;
    white-space: nowrap;
}

.funBoxs .loginBox .loginOrRegister span:hover {
    color: var(--main-color);
}

.funBoxs .loginBox .loginOrRegister {
    margin-left: 20px;
}


/* 登陆状态 login_center */
.funBoxs .login_center {
    padding: 0;
    margin-left: 20px;
    display: none;
}

.v-popover.login_center:hover .v-popover-content {
    visibility: visible;
    opacity: 1;
    z-index: 2;
    top: var(--height);
    display: block;
}

.login_center .v-popover-content {
    border-radius: 6px;
    padding: 16px 0;
}

/* 登陆后account面板内容 */
.funBoxs .login_center .center {
    width: 230px;
}

/* 链接图标 */
.funBoxs .login_center .center a i {
    font-size: 22px;
}

.funBoxs .login_center .center a:hover {
    background-color: #f6f8fc;
    color: var(--main-color);
    cursor: pointer;
}

.funBoxs .login_center .center a:hover span {
    display: block;
}

/* 每项链接的前置线条 */
.funBoxs .login_center .center a span {
    display: none;
    width: 2px;
    height: 40px;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* 退出按钮 */
.funBoxs .login_center .center div:last-child span {
    height: 36px;
    line-height: 36px;
    background-color: var(--default);
}

.funBoxs .login_center .center div:last-child:hover span {
    color: var(--colorW);
    background-color: var(--main-color);
}