/*头部下拉样式*/
.topdiv .a1{display:none;}
.topdiv:hover .a1{display:block;}


/*语言选择文字颜色变化*/
.languagecolor{color: #666666;}
.languagecolor.over{color: #062977;}

/*A标签效果*/
a.ahover1:link{ color:#666666;}
a.ahover1:active { color:#303030;}
a.ahover1:visited { color:#666666;}
a.ahover1:hover{ color:#303030;}


/*头部功能按钮A标签样式*/
a.ahover2:link{ color:#6B6B6B;}
a.ahover2:active { color:#303030;}
a.ahover2:visited { color:#6B6B6B;}
a.ahover2:hover{ color:#303030;}
a.ahover2.over{ color:#303030;}
a.ahover2:link .a1{ display:block;}
a.ahover2:active .a1{ display:block;}
a.ahover2:visited .a1{ display:block;}
a.ahover2:hover .a1{ display:none;}
a.ahover2.over .a1{ display:none;}
a.ahover2:link .a2{ display:none;}
a.ahover2:active .a2{ display:none;}
a.ahover2:visited .a2{ display:none;}
a.ahover2:hover .a2{ display:block;}
a.ahover2.over .a2{ display:block;}

.left_menu_item{
    width: 40%;
    padding: 1px 10px;
    border-radius: 4px;
    font-weight: 500;
}

.left_menu_item>font{
    color: #303030;
}

a.ahover2.over .left_menu_item{  background-color: #00a2dd;}

/*购物车功能*/
.cartdiv{ color:#6B6B6B;}
.cartdiv:hover{ color:#303030;}
.cartdiv .a1{ display:block;}
.cartdiv:hover .a1{ display:none;}
.cartdiv.over .a1{ display:none;}
.cartdiv .a2{ display:none;}
.cartdiv:hover .a2{ display:block;}
.cartdiv.over .a2{ display:block;}
.cartdiv .a3{display:none;}
.cartdiv:hover .a3{display:block;}
.cartdiv.over .a3{display:block; }


/*菜单样式*/
.navdiv {scrollbar-color: #ee7700 #ebebeb;scrollbar-width: 6px;}
.navdiv .a1{color:#333333; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
/*.navdiv:hover .a1,.navdiv:hover .a1>.eciconfont{color:#ee7700; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}*/
.navdiv:hover .a1,.navdiv:hover .a1>.eciconfont{background-color: #00a2dd;border-radius: 4px;}
.navdiv .a3{background-color: #e5e5e5;}
.navdiv:hover .a3{background-color: #FFFFFF;}
.navdiv .a2{ display:none;}
.navdiv:hover .a2{ display:block;}
.tophover{
    padding: 11px 5px;
    box-sizing: border-box;
}
.tophover:hover{
    background-color: #00a2dd;
    color: #303030;
}

/*菜单中主分类a标签变化*/
a.ahover12:link { color:#062977;}
a.ahover12:active { color:#062977;}
a.ahover12:visited { color:#062977;}
a.ahover12:hover { background-color:#FFFFFF;color:#ee7700;}
a.ahover12.over { background-color:#FFFFFF;color:#ee7700;}


/*菜单滑动块样式*/
/* 设置滚动条的样式 */
.navdiv ::-webkit-scrollbar {width:6px;height:6px;}
.navdiv ::-webkit-scrollbar-track {box-shadow: inset 0 0 0 rgba(0,0,0,0.0);background:#ebebeb; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;} /* 滚动槽 */
/* 滚动条滑块 */
.navdiv ::-webkit-scrollbar-thumb {background:#ee7700; border-radius:0px;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);}


/* 设置滚动条的样式 */
.cartbox {scrollbar-color: #ee7700 #ebebeb;scrollbar-width: 6px;}
.cartbox ::-webkit-scrollbar {width:4px;height:4px;}
.cartbox ::-webkit-scrollbar-track {box-shadow: inset 0 0 0 rgba(0,0,0,0.0);background:#FFFFFF; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;} /* 滚动槽 */
/* 滚动条滑块 */
.cartbox ::-webkit-scrollbar-thumb {background:#999999; border-radius:0px;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);}

/*底部菜单A标签样式*/
a.ahover3:link{ color:#999999;}
a.ahover3:active { color:#999999;}
a.ahover3:visited { color:#999999;}
a.ahover3:hover{ color:#FFFFFF;}

/*产品列表中加入购物车按钮A标签样式*/
a.ahover4:link{ color:#666666; background:none; border:1px solid #CCCCCC;}
a.ahover4:active { color:#666666; background:none; border:1px solid #CCCCCC;}
a.ahover4:visited { color:#666666; background:none; border:1px solid #CCCCCC;}
a.ahover4:hover{ color:#FFFFFF; background:#00a2dd; border:1px solid #00a2dd;}
a.ahover4:link .a1{ display:block;}
a.ahover4:hover .a1{ display:none;}
a.ahover4:link .a2{ display:none;}
a.ahover4:hover .a2{ display:block;}

/*隐私政策 A 标签*/
a.ahover5:link{ color:#CCCCCC; text-decoration:underline;}
a.ahover5:active { color:#CCCCCC; text-decoration:underline;}
a.ahover5:visited { color:#CCCCCC; text-decoration:underline;}
a.ahover5:hover{ color:#FFFFFF; text-decoration:underline;}

/*下拉选项*/
a[navuser]:hover .do1{ color:#ee7700;}
a[navuser] .box {display:none;}
a[navuser]:hover .box {display:block;}
a[navuser] .li:hover {color:#FFFFFF; background-color:#ee7700;}

/*下拉条件选项*/
a[navdown]:hover { color:#ee7700;}
a[navdown]:hover .do1{ color:#ee7700;}
a[navdown] .box {display:none;}
a[navdown]:hover .box {display:block;}
a[navdown] .li:hover {color:#303030; background-color:#00a2dd;}

/* 分页效果 */
.pages8 .layui-laypage {font-size:1em}
.pages8 .layui-laypage a ,
.pages8 .layui-laypage span ,
.pages8 .layui-laypage select,
.pages8 .layui-laypage input,
.pages8 .layui-laypage button ,
.pages8 .layui-laypage input {font-weight: 500; height:2.8em;width:auto;line-height:2.7em;font-size:1em;overflow:hidden;display:inline-block;padding:0 1.3em;margin:0 0.4em;border-radius:0.3em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;}
.pages8 .layui-laypage input {width:4em;padding:0 0.5em;}
.pages8 .layui-laypage input:focus {border:1px solid #2981F8 !important;color:#00a2dd;}

.pages8 .layui-laypage button {padding:0 0.8em;border:1px solid #00a2dd;background-color:#00a2dd;color:#303030;} /* 确定 */
.pages8 .layui-laypage .layui-laypage-prev {border-radius:0.3em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;}
.pages8 .layui-laypage-next em,
.pages8 .layui-laypage-prev em {font-size:1em;}
.pages8 .layui-laypage .layui-laypage-curr em {display:inline-block;float:left;width:100%;}

.pages8 .layui-laypage .layui-laypage-curr {border:1px solid #00a2dd;}
.pages8 .layui-laypage .layui-laypage-curr .layui-laypage-em {background-color:#00a2dd;}
.pages8 .layui-laypage a:hover {color:#303030;border:1px solid #00a2dd;}
.pages8 .layui-laypage a.layui-disabled:hover {border:1px solid #cccccc;}
.pages8 .layui-laypage a.layui-disabled {border-radius:0.3em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;}
.pages8 .layui-laypage .layui-laypage-skip {background: none;}

.pages8  .layui-laypage a,.pages8  .layui-laypage span,.pages8 .layui-laypage .layui-laypage-curr em{
    color:#303030;
}


/*注册中 A 标签*/
a.ahover6:link{ color:#333333; text-decoration:underline;}
a.ahover6:active { color:#333333; text-decoration:underline;}
a.ahover6:visited { color:#333333; text-decoration:underline;}
a.ahover6:hover{ color:#ee7700; text-decoration:underline;}

/*个人中心页面地址A标签*/
a.ahover7:link{ color:#303030;}
a.ahover7:active { color:#303030;}
a.ahover7:visited { color:#303030;}
a.ahover7:hover{ color:#00a2dd;}

/*个人中心内部分类菜单A标签*/
a.ahover8:link{ color:#333333;font-weight: 500;}
a.ahover8:active { color:#333333;font-weight: bold;}
a.ahover8:visited { color:#333333;font-weight: bold;}
a.ahover8:hover{ color:#303030;font-weight: bold;}
a.ahover8.over{ color:#303030;font-weight: bold;}

/* 在现有样式中添加以下规则 */
.ahover8 {
    position: relative;
    transition: all 0.3s ease;
}

.ahover8::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0;
    height: 3px;
    background: #00a2dd;
    transition: all 0.3sease;
    transform: translateX(-50%);
}

.ahover8:hover::after {
    width: calc(100% + 2em); /* 保留两侧间距 */
}

/* 当前选中状态 */
.ahover8.over::after {
    width: calc(100% + 2em);
    background: #00a2dd;
}

/* 移动端适配 */
@media (max-width: 767px) {
    .ahover8::after {
        bottom: -2px;
        height: 1.5px;
    }
}

/*订单的更多产品*/
.morenav{color: #999999;}
.morenav .a1{display: block;}
.morenav .a2{display: none;}
.morenav.over{color: #303030;}
.morenav.over .a1{display: none;}
.morenav.over .a2{display: block;}

/*资金分类样式变化A标签*/
a.ahover9:link .a1{ background-color:#FFFFFF;}
a.ahover9:active .a1{ background-color:#FFFFFF;}
a.ahover9:visited .a1{ background-color:#FFFFFF;}
a.ahover9:hover .a1{ background-color:#ee7700;}
a.ahover9.over .a1{ background-color:#ee7700;}

a.ahover9:link .a1 .a1_1{ color:#333333;}
a.ahover9:active .a1 .a1_1{ color:#333333;}
a.ahover9:visited .a1 .a1_1{ color:#333333;}
a.ahover9:hover .a1 .a1_1{ color:#FFFFFF;}
a.ahover9.over .a1 .a1_1{ color:#FFFFFF;}

a.ahover9:link .a1 .a1_2{ color:#888888;}
a.ahover9:active .a1 .a1_2{ color:#888888;}
a.ahover9:visited .a1 .a1_2{ color:#888888;}
a.ahover9:hover .a1 .a1_2{ color:#FFFFFF;}
a.ahover9.over .a1 .a1_2{ color:#FFFFFF;}

/*消息中心A标签样式*/
a.ahover10:link .a1{ background-color:#888888;}
a.ahover10:active .a1{ background-color:#888888;}
a.ahover10:visited .a1{ background-color:#888888;}
a.ahover10:hover .a1{ background-color:#ee7700;}

a.ahover10:link .a2{ color:#333333;}
a.ahover10:active .a2{ color:#333333;}
a.ahover10:visited .a2{ color:#333333;}
a.ahover10:hover .a2{ color:#ee7700;}

.passdiv .a1{ display: block;}
.passdiv .a2{ display: none;}
.passdiv.over .a1{ display: none;}
.passdiv.over .a2{ display: block;}

a.ahover11:link { background-color:#F0F0F0;color:#333333;}
a.ahover11:active { background-color:#F0F0F0;color:#333333;}
a.ahover11:visited { background-color:#F0F0F0;color:#333333;}
a.ahover11:hover { background-color:#ee7700;color:#FFFFFF;}
a.ahover11.over { background-color:#ee7700;color:#FFFFFF;}

/*博客中上一篇下一篇*/
.blogpn{ background-color:#F0F0F0;}
.blogpn:hover{ background-color:#FFFFFF; box-shadow:0 0 0.6em #bbbbbb;}

/*付款方式中边框变化*/
/*.paydiv{border:1px solid #CCCCCC;}*/
/*.paydiv--hover{border:1px solid #ee7700;}*/
/*.paydiv.over{border:1px solid #ee7700;}*/

/*隐藏优惠券选中勾*/
.coupongou{display: none;}
.coupongou.over{display: block;}

.code_text.over{color:#ee7700;font-weight: bold;}
.coupontext.over{color:#ee7700;}

/*wap左侧变化标签*/
.wap_nav_div{color:#666666;}
.wap_nav_div.over{color:#303030;font-weight: bold;background: #00a2dd;}


/*********图片打标签*********/

.brand_label{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.cartbox .brand_label{
    top: 0.6em;
    left: 1px;
}
.half_new_label{
    position: absolute;
    right: -4px;
    top: 20px;
    z-index: 1;
    height: 85px;
    width: 46px;
}
.cut_off_label,.new_label {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    right: -4px;
    z-index: 1;
}
.cut_off_label>div,.new_label>div {
    color: white;
    font: bold 14px "Segoe UI";
    text-align: center;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 3px 0;
    width: 100px;
    left: 24px;
    top: 16px;
    background-color: #ED231F;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#ED231F), to(#F95C20));
    background-image: -webkit-linear-gradient(left, #ED231F, #F95C20);
    background-image: -moz-linear-gradient(left, #ED231F, #F95C20);
    background-image: -ms-linear-gradient(left, #ED231F, #F95C20);
    background-image: -o-linear-gradient(left, #ED231F, #F95C20);
}
.cut_off_label>div:before {
    content: "";
    border-top: 4px solid #AA0627;
    border-left: 4px solid #AA0627;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 0;
    bottom: -7px;
}
.cut_off_label>div:after{
    content: "";
    border-top: 4px solid #AA0627;
    border-left: 4px solid transparent;
    border-right: 4px solid #AA0627;
    border-bottom: 4px solid transparent;
    position: absolute;
    right: 0;
    bottom: -8px;
}

.new_label>div{
    background-color: #00a2dd;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#00a2dd), to(#00a2dd));
    background-image: -webkit-linear-gradient(left, #00a2dd, #00a2dd);
    background-image: -moz-linear-gradient(left, #00a2dd, #00a2dd);
    background-image: -ms-linear-gradient(left, #00a2dd, #00a2dd);
    background-image: -o-linear-gradient(left, #00a2dd, #00a2dd);
}
.new_label>div:before {
    content: "";
    border-top: 4px solid #BA8500;
    border-left: 4px solid #BA8500;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 0;
    bottom: -6px;
}
.new_label>div:after{
    content: "";
    border-top: 4px solid #BA8500;
    border-left: 4px solid transparent;
    border-right: 4px solid #BA8500;
    border-bottom: 4px solid transparent;
    position: absolute;
    right: 0;
    bottom: -8px;
}
.new_label_img{
    height: 85px;
    width: 85px;
    position: absolute;right: -5px;top:-5px;z-index: 1;
}

.bizbee_selected_img,.bizbee_essential_img,.bizbee_sourcing_img{
    height: 23px;
    width: 103px;
}

/*************************/




/*手机端效果变化*/
@media screen and (max-width: 1259px) /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
{
    .pages8 .layui-laypage a{margin-top: 0.8em;}
    .pages8 .layui-laypage .layui-laypage-curr{margin-top: 0.8em;}
    .pages8 .layui-laypage .layui-laypage-skip{margin-top: 0.8em;}
    .pages8 .layui-laypage .layui-laypage-next{margin-top: 0.8em;}
    .pages8 .layui-laypage .layui-laypage-prev{margin-top: 0.8em;}
    .pages8 .layui-laypage .layui-laypage-last{margin-top: 0.8em;}
    .pages8 .layui-laypage .layui-laypage-spr{margin-top: 0.8em;}


    .pages8 .layui-laypage a, .pages8 .layui-laypage span, .pages8 .layui-laypage select, .pages8 .layui-laypage input, .pages8 .layui-laypage button, .pages8 .layui-laypage input{
        height: 2em;
        line-height: 1.9em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .half_new_label{
        height: 65px;
        width: 35px;
    }

    .cut_off_label>div,.new_label>div {
        font: bold 12px "Segoe UI";
        width: 85px;
        left: 36px;
        top: 13px;
    }

    .new_label_img{
        height: 62px;
        width: 62px;
        position: absolute;right: -2px;top:-2px;z-index: 1;
    }
    .bizbee_selected_img,.bizbee_essential_img,.bizbee_sourcing_img{
        height: 18px;
        width: 80px;
    }

}