/*Reset*/

/*iconfont字体，勿动*/
@font-face {
    font-family: "iconfontxfs"; /* Project id 3924317 */
    src: url('./iconfont/iconfont.woff2?t=1731305683237') format('woff2'),
         url('./iconfont/iconfont.woff?t=1731305683237') format('woff'),
         url('./iconfont/iconfont.ttf?t=1731305683237') format('truetype'),
         url('./iconfont/iconfont.svg?t=1731305683237#iconfont') format('svg');
  }

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

  .icon-ditu_tongyong_1:before {
    content: "\e6c3";
  }

  .icon-eyeOpen_tongyong_1:before {
    content: "\e6bc";
  }
  
  .icon-user_tongyong_1:before {
    content: "\e6bd";
  }
  
  .icon-back_tongyong_1:before {
    content: "\e6be";
  }
  
  .icon-mobile_tongyong_1:before {
    content: "\e6bf";
  }
  
  .icon-eyeClose_tongyong_1:before {
    content: "\e6c0";
  }
  
  .icon-key_tongyong_1:before {
    content: "\e6c1";
  }
  
  .icon-email_tongyong_1:before {
    content: "\e6c2";
  }
  
  .icon-qingjieyongpin_tongyong_1:before {
    content: "\e69f";
  }
  
  .icon-banyuncunchu_tongyong_1:before {
    content: "\e69e";
  }
  
  .icon-diangongfuliao_tongyong_1:before {
    content: "\e6a0";
  }
  
  .icon-bangongwenju_tongyong_1:before {
    content: "\e6a1";
  }
  
  .icon-laobaoyongpin_tongyong_1:before {
    content: "\e6a2";
  }
  
  .icon-anfangyongpin_tongyong_1:before {
    content: "\e6a3";
  }
  
  .icon-zidingyi_tongyong_1:before {
    content: "\e699";
  }
  
  .icon-bohui_tongyong_1:before {
    content: "\e66d";
  }
  
  .icon-tongguo_tongyong_1:before {
    content: "\e66c";
  }
  
  .icon-guanlizhongxin_tongyong_1:before {
    content: "\e665";
  }
  
  .icon-gerenzhongxin_tongyong_1:before {
    content: "\e666";
  }
  
  .icon-shujuzhongxin_tongyong_1:before {
    content: "\e667";
  }
  
  .icon-xiaoxizhongxin_tongyong_1:before {
    content: "\e668";
  }
  
  .icon-xunjiazhongxin_tongyong_1:before {
    content: "\e669";
  }
  
  .icon-duizhangzhongxin_tongyong_1:before {
    content: "\e66a";
  }
  
  .icon-dingdanzhongxin_tongyong_1:before {
    content: "\e66b";
  }
  
  .icon-xunjialan_tongyong_1:before {
    content: "\e664";
  }
  
  .icon-paixufangshi_tongyong_3:before {
    content: "\e662";
  }
  
  .icon-paixufangshi_tongyong_2:before {
    content: "\e663";
  }
  
  .icon-riqixuanze_tongyong_1:before {
    content: "\e660";
  }
  
  .icon-paixufangshi_tongyong_1:before {
    content: "\e661";
  }
  
  .icon-shanchu_tongyong_1:before {
    content: "\e65f";
  }
  
  .icon-wenjiandaochu_tongyong_1:before {
    content: "\e65e";
  }
  
  .icon-duihao_tongyong_1:before {
    content: "\e65d";
  }
  
  .icon-daishenhe_tongyong_1:before {
    content: "\e659";
  }
  
  .icon-weibaojia_tongyong_1:before {
    content: "\e65a";
  }
  
  .icon-daizhifu_tongyong_1:before {
    content: "\e65b";
  }
  
  .icon-yibaojia_tongyong_1:before {
    content: "\e65c";
  }
  
  .icon-shangpinqingdan_tongyong_2:before {
    content: "\e657";
  }
  
  .icon-changjingguangchang_tongyong_1:before {
    content: "\e658";
  }
  
  .icon-fenxiang_tongyong_1:before {
    content: "\e656";
  }
  
  .icon-lijigoumai_tongyong_1:before {
    content: "\e655";
  }
  
  .icon-jifenshangcheng_tongyong_1:before {
    content: "\e654";
  }
  
  .icon-qingchushaixuan_tongyong_1:before {
    content: "\e653";
  }
  
  .icon-datumoshi_tongyong_1:before {
    content: "\e64a";
  }
  
  .icon-liebiaomoshi_tongyong_1:before {
    content: "\e64b";
  }
  
  .icon-Top_tongyong_1:before {
    content: "\e648";
  }
  
  .icon-changgoushangpin_tongyong_1:before {
    content: "\e649";
  }
  
  .icon-a-arrowdoubleleft_tongyong_1:before {
    content: "\e64c";
  }
  
  .icon-xieyizhuanqu_tongyong_1:before {
    content: "\e64d";
  }
  
  .icon-woyaoxunjia_tongyong_1:before {
    content: "\e64e";
  }
  
  .icon-fuzhi_tongyong_1:before {
    content: "\e64f";
  }
  
  .icon-Home_tongyong_2:before {
    content: "\e650";
  }
  
  .icon-jihuaqingdan_tongyong_1:before {
    content: "\e651";
  }
  
  .icon-kuaisuxiadan_tongyong_2:before {
    content: "\e652";
  }
  
  .icon-shenpiren_tongyong_1:before {
    content: "\e643";
  }
  
  .icon-tianjia_tongyong_2:before {
    content: "\e644";
  }
  
  .icon-jiesuanren_tongyong_1:before {
    content: "\e645";
  }
  
  .icon-jiaoyitiaojian_tongyong_1:before {
    content: "\e646";
  }
  
  .icon-kuaisuzhuce_tongyong_1:before {
    content: "\e647";
  }
  
  .icon-delete_tongyong_2:before {
    content: "\e642";
  }
  
  .icon-edit_tongyong_2:before {
    content: "\e641";
  }
  
  .icon-HOT_tongyong_1:before {
    content: "\e63f";
  }
  
  .icon-jiagou_tongyong_2:before {
    content: "\e640";
  }
  
  .icon-fuxuanxuanzhong_tongyong_1:before {
    content: "\e617";
  }
  
  .icon-fuxuanmoren_tongyong_1:before {
    content: "\e618";
  }
  
  .icon-xuanzhong_tongyong_1:before {
    content: "\e619";
  }
  
  .icon-dinghuo_tongyong_1:before {
    content: "\e61f";
  }
  
  .icon-xianhuo_tongyong_1:before {
    content: "\e627";
  }
  
  .icon-gonggao_tongyong_1:before {
    content: "\e63d";
  }
  
  .icon-moren_tongyong_1:before {
    content: "\e63e";
  }
  
  .icon-paixu_tongyong_2:before {
    content: "\e610";
  }
  
  .icon-a-arrowdoubledown_tongyong_1:before {
    content: "\e612";
  }
  
  .icon-paixu_tongyong_3:before {
    content: "\e613";
  }
  
  .icon-a-arrowdown_tongyong_1:before {
    content: "\e615";
  }
  
  .icon-paixu_tongyong_1:before {
    content: "\e616";
  }
  
  .icon-a-arrowright_tongyong_1:before {
    content: "\e61a";
  }
  
  .icon-a-arrowdoubleup_tongyong_1:before {
    content: "\e61b";
  }
  
  .icon-a-arrowup_tongyong_1:before {
    content: "\e61c";
  }
  
  .icon-a-checkbox_tongyong_1:before {
    content: "\e61d";
  }
  
  .icon-a-checkbox_tongyong_2:before {
    content: "\e61e";
  }
  
  .icon-box_tongyong_1:before {
    content: "\e620";
  }
  
  .icon-earphone_tongyong_1:before {
    content: "\e621";
  }
  
  .icon-coupon_tongyong_1:before {
    content: "\e622";
  }
  
  .icon-a-arrowleft_tongyong_1:before {
    content: "\e623";
  }
  
  .icon-edit_tongyong_1:before {
    content: "\e624";
  }
  
  .icon-heart_tongyong_1:before {
    content: "\e625";
  }
  
  .icon-a-fileinput_tongyong_1:before {
    content: "\e626";
  }
  
  .icon-plus_tongyong_1:before {
    content: "\e628";
  }
  
  .icon-list_tongyong_1:before {
    content: "\e629";
  }
  
  .icon-person_tongyong_1:before {
    content: "\e62a";
  }
  
  .icon-heart_tongyong_2:before {
    content: "\e62b";
  }
  
  .icon-phone_tongyong_2:before {
    content: "\e62c";
  }
  
  .icon-point_tongyong_1:before {
    content: "\e62d";
  }
  
  .icon-position_tongyong_1:before {
    content: "\e62e";
  }
  
  .icon-reduce_tongyong_1:before {
    content: "\e62f";
  }
  
  .icon-a-shoppingcartplus_tongyong_1:before {
    content: "\e630";
  }
  
  .icon-refresh_tongyong_1:before {
    content: "\e631";
  }
  
  .icon-shield_tongyong_1:before {
    content: "\e632";
  }
  
  .icon-position_tongyong_2:before {
    content: "\e633";
  }
  
  .icon-smile_tongyong_1:before {
    content: "\e634";
  }
  
  .icon-a-questionmark_tongyong_1:before {
    content: "\e635";
  }
  
  .icon-a-shoppingcart_tongyong_1:before {
    content: "\e636";
  }
  
  .icon-truck_tongyong_1:before {
    content: "\e637";
  }
  
  .icon-wrench_tongyong_1:before {
    content: "\e638";
  }
  
  .icon-truck_tongyong_2:before {
    content: "\e639";
  }
  
  .icon-sun_tongyong_1:before {
    content: "\e63a";
  }
  
  .icon-sort_tongyong_1:before {
    content: "\e63b";
  }
  
  .icon-truck_tongyong_3:before {
    content: "\e63c";
  }
  



  .font_24{
      font-size: 24px;
  }
  .font_18{
    font-size: 18px;
  }
  .font_16{
    font-size: 16px;
  }

  /*字体勿动*/

html { --themeColor:#FF8000;}

.color_theme{
    color: #FF8000;
    color: var(--themeColor);
}
.border_theme{
    border:1px solid #FF8000;
    border: 1px solid var(--themeColor);
}
.background_theme{
    background:#FF8000;
    background: var(--themeColor);
}
.border_back_theme{
    border:1px solid #FF8000;
    border: 1px solid var(--themeColor);
    background:#FF8000;
    background: var(--themeColor);
}
.price_color{
   color: #F20C0C !important;
}
a {
    text-decoration: none;
    cursor: pointer;
}

html,
body {
    font: 12px 'PingFangSC-Light', 'PingFang SC', 'Segoe UI', 'Lucida Grande', 'NotoSansHans-Light', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    color: #333;
}

body,
ul,
li,
ol,
p,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
img,
iframe,
form,
div {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 0;
}
em,i,b{
    font-style: normal;
}
input,textarea,select {
    padding: 0;
    margin: 0;
    outline: none;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

b.more {
    font-family: 宋体;
    font-weight: normal;
}

.content_bk a,
.content_bk a:hover,
.content_line a,
.content_line a:hover {
    color: #333;
    text-decoration: none;
}

.content_bk a:hover,
.content_line a:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.placeholder_con {
    position: relative;
}

.placeholder_con input {
    background: none;
}

.placeholder_con .ph_hide {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    color: #999;
    padding-left: 5px;
    z-index: 666;
}

.hide {
    display: none !important;
}

.disabled-btn {
    background: #999!important;
    cursor: default!important;
    color: #fff!important;
    box-shadow: none !important;
}


/*面包屑*/

.crumbs_nav {
    width: 1200px;
    margin: 0 auto;
    color: #333;
    padding: 15px 0;
}

.crumbs_nav span {
    font-weight: bold;
}

.crumbs_nav a,
.crumbs_nav a:hover {
    color: #333;
    text-decoration: none;
}

.crumbs_nav_info {
    position: relative;
    cursor: default;
    display: inline-block;
}

.nav-title {
    display: inline-block;
    border: 1px solid #D3D3D3;
    padding: 6px 10px;
}

.nav-title img {
    float: right;
}

.crumbs_nav a:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.crumbs_nav_title {
    font-weight: bold;
}

.crumbs_nav b {
    padding: 0 6px;
}


/*筛选*/

.nav_title_con {
    width: 470px;
    background: #fff;
    border: 1px solid #FF661A;
    border: 1px solid var(--themeColor);
    position: absolute;
    left: 0;
    z-index: 999;
    display: none;
}

.nav_title_con ul {
    padding: 10px;
    padding-right: 0;
    width: 460px;
    max-height: 170px;
    height: auto;
    overflow-y: auto;
}

.nav_title_con ul li {
    float: left;
    margin-right: 10px;
    padding: 5px;
    width: 53px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    cursor: pointer;
    height: 16px;
}


/*按钮*/

.btn_red {
    background: #FF661A;
    background: var(--themeColor);
    color: #fff;
    border: 1px solid #FF661A;
    border: 1px solid var(--themeColor);
    border-radius: 2px;
    cursor: pointer;
    background: var(--themeColor);
    border: 1px solid var(--themeColor);
}

.btn_red:hover {
    background: #cc6813;
    background: var(--themeColor);
    border-color: #cc6813;
    border-radius: 2px;
    background: var(--themeColor);
    border-color:var(--themeColor);
}

.btn_red:active {
    background: #b15b14;
    background: var(--themeColor);
    border-color: #b15b14;
    background: var(--themeColor);
    border-color:var(--themeColor);
    border-radius: 2px;
}


/* 通栏 */

.ban_top {
    width: 100%;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
}

.ban_top img {
    display: block;
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}
/* 顶部操作条 */
.tools_bg {
    width: 100%;
    height: 30px;
    background: #fff;
    position: relative;
    z-index: 9999;
    border-bottom: 1px solid #F5F5F5;
}

.tools {
    width: 1200px;
    margin: 0 auto;
    color: #999;
    position: relative;
    z-index: 1000;
}

.tools a,
.tools a:hover {
    color: #757575;
    text-decoration: none;
}

.tools i {
    margin: 3px 0 0;
    width: 25px;
    height: 25px;
}

.tools .area {
    padding: 0 30px 0 0;
    float: left;
    cursor: pointer;
}

.tools .area i {
    float: left;
}

.tools i.i_site{
    background:none;
}

.tools i.i_site::before{
    font-family: "iconfontxfs" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e633";
    color: #cc6813;
    color: var(--themeColor);
    vertical-align: bottom;
}

/* .viptools_bg  .tools i.i_site::before{
    content: ''
} */
.tools .area:hover i.i_site {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.tools i.i_drop {
    background-position: 0 -25px;
}

.tools .area span {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    max-width: 100px;
    overflow: hidden;
    color: #757575;
}

.tools .area span:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.tools .tools_list a {
    display: block;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    margin: 0 12px;
}

.tools .tools_list a.tbonline {
    color: #FF661A;
    color: var(--themeColor);
}

.tools .tools_list a.orange,
.tools .tools_list a.orange:hover {
    color: #FF661A;
    color: var(--themeColor);
    display: inline-block;
    margin: 0 15px 0 0;
    cursor: pointer;
}

.tools .area2 {
    padding: 0;
    float: left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

.tools .icon {
    display: inline-block;
    background-image: url(../../assets/icon/buy/tool_sprites.png);
    background-repeat: no-repeat;
    overflow: hidden;
    font-size: 0;
}

.viptools_bg .tools .icon {
    /* display: inline-block;
    background-image: url(../../assets/icon/buy/tool_spritesvip.png);
    background-repeat: no-repeat;
    overflow: hidden;
    font-size: 0; */
    line-height: 25px;
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.tools .tools_list {
    float: right;
    width: auto;
    max-width: 945px;
}

.tools .tools_list li {
    float: left;
    position: relative;
}

.tools .tools_list li span {
    float: left;
    height: 30px;
    line-height: 30px;
}

.tools .border_right {
    line-height: 30px;
    color: #bbb;
}

.tools .drop-downbox {
    width: 110px;
    background-color: #fff;
    position: absolute;
    z-index: 100;
    text-align: center;
    margin-left: 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    display: none;
}

.tools .drop-downbox a {
    display: block;
    padding: 0;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: left;
    padding-left: 16px;
    color: #333;
    position: relative;
}

.tools .drop-downbox a:hover {
    background: #f5f5f5;
    color: #FF661A;
    color: var(--themeColor);
}

.tools .drop-phonedownbox-5ht {
    height: 5px;
}

.tools .drop-phonedownbox {
    position: absolute;
    z-index: 100;
    text-align: center;
    display: none;
    width: 211px;
    height: 376px;
    border-radius: 4px;
    opacity: 1;
    background: #fff;
    box-shadow: 0 0px 20px 0px rgb(0 0 0 / 20%);
    padding: 8px;
    right: 0;
}

.tools .drop-phonedownbox .sanjiao {
    position: absolute;
    top: -6px;
    left: 40px;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.tools .drop-phonedownbox img {
    float: left;
}

.tools .drop-phonedownbox span {
    display: inline-block;
    color: #333;
    height: auto !important;
    line-height: normal !important;
    float: none !important;
}

.tools .tools_list li.phonefs:hover .drop-phonedownbox,
.tools .tools_list li.myfangsheng:hover .drop-downbox-show {
    display: block;
}

.tools .tools_list a.tbonline img {
    float: left;
    margin: 6px 6px 0 0;
    width: 16px;
    height: 16px;
}

.tools .tools_list .icon {
    margin-right: -9px;
}

.tools .drop-phonedownbox .drop-phone-line {
    height: 120px;
    width: 211px;
    overflow: hidden;
    padding-bottom: 8px;
}

.tools .drop-phonedownbox img {
    width: 120px;
    height: 120px;
}

.tools .drop-phonedownbox .drop-phone {
    width: 75px;
    float: left;
    font-size: 12px;
    text-align: left;
    margin-left: 12px;
}

.tools .drop-phonedownbox .drop-phone-t {
    color: #333;
    font-weight: bold;
    margin-top: 38px;
    font-size: 14px;
}

.tools .drop-phonedownbox .drop-phone-b {
    color: #808080;
    margin-top: 4px;
    font-size: 12px;
}

.tools .drop-lianxr {
    position: absolute;
    z-index: 100;
    text-align: center;
    margin-left: -3px;
    display: none;
    width: 206px;
    height: 70px;
    border-radius: 4px;
    opacity: 1;
    background: #fff;
    box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

.tools .drop-lianxr p {
    line-height: 20px;
    text-align: left;
    font-size: 12px;
    color: #666;
}

.tools .drop-lianxr .lianxr-name {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
    font-style: normal;
}


/* 页头搜索 */

.header {
    width: 100%;
    margin: 0 auto;
    height: 118px;
    position: relative;
    background: #fff;
}

/* .header .icon {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    background-image: url(../../assets/icon/header_sprites.png);
    background-repeat: no-repeat;
} */

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

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

.header .search_box a {
    color: #808080;
    text-decoration: none;
}

.header .search_box a:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.header .logo {
    width: 337px;
    float: left;
    padding: 0;
    height: 118px;
    overflow: hidden;
}

.header .lodo_01 {
    float: left;
    line-height: 118px;
}

.header .lodo_01 img {
    vertical-align: middle;
}

.header .search_box {
    float: left;
    margin: 30px 0 0;
    position: relative;
    z-index: 999;
}

.header .input_form {
    height: 44px;
    float: left;
    padding: 0 0 0 10px;
    width: 455px;
    border: 2px solid #FF661A;
    border: 2px solid var(--themeColor);
    border-radius: 4px 0 0 4px;
    position: relative;
    background: #fff;
}

.header .input_form input {
    border: 0;
    height: 34px;
    width: 450px;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    padding: 5px 0;
}

.header button {
    float: left;
    width: 128px;
    height: 48px;
    background: #FF661A url("../../assets/icon/buy/header-search.png") no-repeat 24px 12px;
    background: var(--themeColor) url("../../assets/icon/buy/header-search.png") no-repeat 24px 12px;
    border: 0;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
    padding: 0 0 0 64px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 48px;
}

.header .key_word {
    clear: both;
    width: 580px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    font-size: 12px;
    padding-top: 4px;
}

.header .key_word a {
    display: inline-block;
    margin-left: 12px;
    cursor: pointer;
}

.header .cart {
    position: absolute;
    top: 33px;
    right: 0;
    background: #fff;
    z-index: 999;
    border-radius: 4px;
}

.header .cart a {
    border: 2px solid #E2E2E2;
    display: block;
    height: 42px;
    color: #222;
    font-size: 16px;
    width: 179px;
    line-height: 33px;
    padding-top: 2px;
    border-radius: 4px;
}

.header .cart a::before{
    font-family: "iconfontxfs" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e636";
    color:#FF8000;color: var(--themeColor);
    margin:0 20px 0 24px;
    top:2px;
    position: relative;
}

.header .cart a img {
    display: none;
}

.header .cart a span {
    display: inline-block;
}

.search_box .input_form .placeholder {
    position: absolute;
    height: 44px;
    display: block;
    line-height: 44px;
    left: 10px;
    top: 0;
    color: #aaa;
    font-size: 14px;
    /* z-index: -10; */
}

.search_box .input_form #searchText {
    background: transparent;
}


/* AIC搜索 */

.header .search_aic .input_form {
    width: 341px;
}

.header .search_aic .input_form .placeholder {
    left: 12px;
    width: 340px;
}

.search_aic .key_word_list {
    width: 480px;
}

.header .search_aic .input_form input {
    width: 340px;
}

.search_box .search_aic_btn {
    display: none;
}

.vip_header .search_aic .icon1{
    background: #FF661A url(../../assets/icon/buy/header-search.png) no-repeat 15px 12px;
    background: var(--themeColor) url(../../assets/icon/buy/header-search.png) no-repeat 15px 12px;
    padding-left:49px;
}
.vip_header .search_aic .search_aic_btn {
    border-radius: 4px;
    margin-left: 8px;
    padding-left: 48px;
    display: block;
}

/*元器件搜索*/
.header .search_ic .input_form {
    width: 391px;
}

.header .search_ic .input_form .placeholder {
    left: 12px;
    width: 390px;
}

.search_ic .key_word_list {
    width: 530px;
}

.header .search_ic .input_form input {
    width: 390px;
}

.search_box .search_ic_btn {
    display: none;
}

.search_ic .icon1{
    background: #FF661A url(../../assets/icon/buy/header-search.png) no-repeat 15px 12px;
    background: var(--themeColor) url(../../assets/icon/buy/header-search.png) no-repeat 15px 12px;
    padding-left:49px;
}
.search_ic .search_ic_btn {
    border-radius: 4px;
    margin-left: 25px;
    border: 2px solid #E2E2E2;
    display: inline-block;
    height: 44px;
    text-align: center;
    line-height: 45px;
    padding: 0 20px;    
    color: #222 !important;
    font-size: 16px;
    position: relative;
    top: -1px;
}

/* 地址选择*/

.top_area_box {
    position: absolute;
    width: 448px;
    z-index: 1000;
    top: 30px;
    left: 55px;
    border: 1px solid #d3d3d3;
    background: #fff;
}

.viptools_bg .top_area_box {
    top: 45px;
}

.top_area_box .tab {
    width: 428px;
    padding: 16px 10px 0;
    margin: 5px auto 0;
    border-bottom: 1px solid #e8e8e8;
}

.top_area_box .tab span {
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 0 0 -1px 10px;
    border: 1px solid #e8e8e8;
    padding: 0 30px;
    background: #fff;
    cursor: default;
    color: #666;
    font-size: 14px;
}

.top_area_box .tab span.curr {
    border-color: #e8e8e8 #e8e8e8 #fff;
}

.top_area_box .close {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 30px;
    right: 7px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    background: url(../../assets/icon/myfs/myfs_sprites.png) no-repeat 0 0;
    cursor: pointer;
}

.top_area_box .list {
    clear: both;
    padding: 10px 0 10px 2px !important;
    width: 95%;
    margin-left: 10px;
}

.top_area_box .list li {
    float: left;
    margin-left: 0 !important;
    line-height: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    color: #666;
    text-align: center;
    width: 82px;
}

.top_area_box .list li span {
    display: inline-block;
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top_area_box .list li span:hover {
    background-color: #FF661A;
    background-color: var(--themeColor);
    border-radius: 4px;
    color: #fff;
}

.top_area_box .list .selection span {
    background-color: #FF661A;
    background-color: var(--themeColor);
    border-radius: 4px;
    color: #fff;
}

.top_area_box .inp_area {
    background: #fff url(../../assets/icon/address/down.png) no-repeat right 0;
    cursor: default;
    border: 1px solid #d3d3d3;
    float: left;
    width: 265px;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 5px;
    font-size: 14px;
}

.sure-btn {
    border: 1px solid #FF661A;
    border: 1px solid var(--themeColor);
    background: #FF661A;
    background: var(--themeColor);
    color: #fff;
    margin: 0 10px;
    font-size: 14px;
    outline: none;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border-radius: 2px;
}

.cancel-btn {
    margin: 0 10px;
    color: #222;
    background: #fff;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    outline: none;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border-radius: 2px;
}

/* .cancel-btn:hover {
    border: 1px solid #FF661A;
    border: 1px solid var(--themeColor);
    color: #FF661A;
    color: var(--themeColor);
} */

.cancel-btn:active {
    border: 1px solid #FF661A;
    border: 1px solid var(--themeColor);
    background: #fff0e3;
    color: #FF661A;
    color: var(--themeColor);
}

.marg_lt_10 {
    margin-left: 10px;
}


/*签约*/

.viptools_bg {
    /* background: #474747; */
    height: 40px;
    color: #808080;
}

.viptools_bg .tools {
    color: #808080;
}

.viptools_bg .tools a {
    color: #808080;
    height: 40px;
    line-height: 40px;
    margin: 0 8px;
}

.viptools_bg .tools a:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.viptools_bg .tools a.tools_name_a:hover {
    color: #c9c9c9;
}

.viptools_bg .tools a:hover .tools_name {
    color: #FF661A;
    color: var(--themeColor);
}

.viptools_bg .tools .area span {
    height: 40px;
    line-height: 40px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viptools_bg .tools .drop-downbox {
    width: 100px;
}

.viptools_bg .tools .drop-downbox a {
    height: 30px;
    line-height: 30px;
}
.viptools_bg .tools .drop-downbox a:hover{
    color: #FF661A;
    color: var(--themeColor);
    background-color: #fff;
}

.viptools_bg .tools .icon {
    margin-top: 8px;
}

.vip_header .key_word {
    width: 680px;
}

.vip_header .cart a.gray {
    cursor: default;
    color: #999;
    opacity: 0.5;
}

.viptools_bg .tools a.tel_icon {
    margin: 0 15px 0 10px;
    padding: 0 10px;
    color: #808080;
}

.viptools_bg .tools a.tel_icon em {
    font-style: normal;
    float: left;
}

.viptools_bg .tools .area span {
    color: #808080;
}

.viptools_bg .tools .tools_list li span {
    height: 40px;
    line-height: 40px;
    max-width: 77px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.viptools_bg .tools .tools_list li .title_project {
    max-width: 320px;
}

.viptools_bg .tools .tools_list li::after{
    content: "|";
    display: inline-block;
    position: absolute;
    top: 11px;
    overflow: hidden;
    color: #e2e2e2;
}

.viptools_bg .tools .tools_list .myProject::after{
    content: '';
}
.btn_white {
    float: left;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    margin-left: 20px;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    background: #fff;
    color: #333;
}


/*分类导航栏*/

ul,
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.head_nav_bg {
    width: 100%;
    background: #fff;
}

.head_nav {
    padding-left: 230px;
    height: 40px;
    width: 970px;
    margin: 0 auto;
    clear: both;
    position: relative;
    z-index: 700;
}

.head_nav .sort_all {
    left: 0;
    text-decoration: none;
    width: 224px;
    height: 42px;
    position: absolute;
    top: 0;
    color: #fff;
    line-height: 42px;
    font-size: 16px;
    cursor: default;
    background: #FF661A;
    background: var(--themeColor);
    cursor: pointer;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
}

.head_nav .sort_all_back {
    display: block;
    width: 230px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.sort_all_click i.icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
    display: inline-block;
    line-height: 24px;
    color: #fff;
    margin-right: 8px;
    position: relative;
    top:2px;
}

.head_nav .sort_all_back:hover {
    top: -6px;
    height: 46px;
    line-height: 46px;
    vertical-align: top;
    z-index: 600;
}

.head_nav .sort_all_back:hover img {
    position: absolute;
    top: 0;
}

.head_nav .nav li {
    float: left;
    padding: 4px 7px 0;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
}

.head_nav .nav li a::before,.head_nav .nav .nav_scene a::after{
    font-family: "iconfontxfs" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
    vertical-align: bottom;
    color: #FF661A;
    color: var(--themeColor);
}
.head_nav .nav .indexActive a::before{
    content: "\e650";
}
.head_nav .nav .oneClickOrder a::before,.head_nav .nav .customization a::before{
  content: "\e64d";
}
.head_nav .nav .agreeProduct a::before{
    content: "\e64d";
}
.head_nav .nav .frequentlyGood a::before{
    content: "\e649";
}
.head_nav .nav .fastOrderActive a::before{
    content: "\e652";
}
.head_nav .nav .askActive a::before{
    content: "\e64e";
}
.head_nav .nav .shareList a::before{
    content: "\e657";
}
.head_nav .nav .nav_scene a::before{
    content: "\e658";
}

.head_nav .nav .nav_scene a::after{
    content: "\e615";
    color: #808080;
    font-size: 16px;
    margin-left: 4px;
}

.head_nav .nav .integralindex a::before{
    content: "\e654";
}


.head_nav .nav li a:hover,
.head_nav .nav li.active a{
    color: #FF661A;
    color: var(--themeColor);
    font-weight: bold;
}

.head_nav .nav li a:hover::before,.head_nav .nav li.active a::before{
    font-weight: normal;
}


.head_nav .nav li.indexActive img {
    position: relative;
    top: 6px;
    vertical-align: top;
}

.head_nav_bg .nav {
    height: auto;
    padding-left: 0;
    width: auto;
    margin: 0;
}


/*分类展开*/

.head_nav .menu_list {
    position: absolute;
    z-index: 1000;
    top: 40px;
    left: 0;
    display: none;
    background: #fff;
    color: #222;
    border-radius: 0 0 8px 8px;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.12));
    font-size: 14px;
}

.menu_list .cate_menu_bg {
    width: 224px;
    font-size: 12px;
    color: #FFF;
    height: 398px;
}

.menu_list .cate_menu {
    overflow: hidden;
    padding-top: 6px;
    height: 398px;
}

.menu_list .cate_menu li {
    height: 29px;
    line-height: 29px;
    margin-top:6px;
    text-align: center;
    position: relative;
    color: #222;
    font-size: 14px;
}
.menu_list .cate_menu_left li{
    text-align: left;
}
.menu_list .cate_menu li .cate_icon{
    width: 25px;
    height: 25px;
    vertical-align: text-bottom;
}
.menu_list .cate_menu_js {
    overflow: auto;
}
.menu_list .cate_menu li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    font-size: 14px;
}
.menu_list .cate_menu li i{
  color: #aaa;
  margin-right: 12px;
  font-size: 24px;
  vertical-align: bottom;
}


.menu_list .cate_menu li.hoveron::before {
   content: "";
   width: 4px;
   height: 14px;
   position: absolute;
   left: 0;
   background: #FF6619;
   background: var(--themeColor);
   top:50%;
   margin-top: -7px;
}

.menu_list .cate_menu li.hoveron a {
    color: #FF6619;
    color: var(--themeColor);
}
.menu_list .cate_menu li.hoveron i {
  color: #FF6619;
  color: var(--themeColor);
}

.menu_list .cate_pop {
    position: absolute;
    left: 220px;
    top: 0;
    width: 980px;
    height: 400px;
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 8px 0;
}

.menu_list .cate_pop li {
    color: #333;
    font-size: 12px;
    height: auto;
    line-height: 22px;
}

.menu_list .cate_pop li:hover {
    background-color: transparent;
}

.cate_pop .cate_left_box {
    background: #fff;
    height: 382px;
    overflow: hidden;
}

.cate_pop .cate_left {
    height: 382px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:18px;
}

.menu_list .cate_left .clearfix li a {
    color: #808080;
    font-size: 14px;
    cursor: pointer;
}

.menu_list .cate_left a:hover,.menu_list .cate_left .clearfix li a:hover{
    color: #FF661A;
    color: var(--themeColor);
}

.menu_list .cate_left h4 {
    float: left;
    width: 140px;
    overflow: hidden;
    text-align: right;
    margin-bottom: 8px;
}

.menu_list .cate_left h4.wid_auto{
    width: auto;
}

.menu_list .cate_left h4 a {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    display: block;
    position: relative;
    padding-right: 16px;
    text-decoration: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    margin-left: 16px;
}

.menu_list .cate_left h4 i {
    font-style: normal;
    position: absolute;
    right: 0;
    top: 0;
    color: #808080;
    font-weight: normal;
    font-size: 14px;
}

.menu_list .cate_left .clearfix ul {
    float: left;
    width: 797px;
    overflow: hidden;
    margin-bottom: 8px;
    margin-left: 24px;
    border-bottom: 1px solid #f5f5f5;
    min-height: 30px;
}

.menu_list .cate_left .clearfix ul li {
    float: left;
    overflow: hidden;
    padding-bottom: 8px;
    margin-right: 24px;
}

/* .cate_pop .cate_right {
    float: left;
    width: 220px;
    height: 382px;
    overflow: hidden;
}

.cate_pop .cate_right .lg {
    width: 220px;
    height: 182px;
    overflow: hidden;
}

.cate_pop .cate_right .lg li {
    float: left;
    width: 72px;
    height: 24px;
    margin: 17px 0 0 24px;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.cate_pop .cate_right .lg li img {
    display: block;
    width: 72px;
    max-height: 24px;
}

.cate_pop .cate_right .ban {
    width: 204px;
    margin: 0 auto;
}

.cate_pop .cate_right .ban li {
    height: 92px;
    width: 204px;
    margin-bottom: 8px;
}

.cate_pop .cate_right .ban li img {
    width: 204px;
    height: 92px;
    border-radius: 4px;
} */

/* .menu_list .cate_menu li.hoveron a {
    color: #222;
}

.menu_list .cate_menu li.hoveron {
    background-color: #F3E4DC;
    color: #222;
} */

/* .viphead_nav_bg .menu_list {
    background: #222;
    border-radius: 0 0 0 4px;
}

.viphead_nav_bg .menu_list .cate_menu li a:hover {
    color: #222;
}

.viphead_nav_bg .cate_menu li.hoveron {
    background: #fff;
}

.viphead_nav_bg .cate_menu li.hoveron a,
.viphead_nav_bg .cate_menu li.hoveron a:hover {
    color: #333;
} */


/*我的方盛*/

.main {
    background-color: #f5f5f5;
    overflow: hidden;
    width: 1200px;
    padding: 0 0 30px;
    margin: auto;
}

.main_left {
    float: left;
    width: 130px;
}

.main_right {
    float: left;
    width: 1060px;
    margin-left: 10px;
}


/*key_word*/

.search_nav {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.key_word_list {
    width: 595px;
    background: #fff;
    position: absolute;
    top: 48px;
    left: 2px;
    max-height: 341px;
    overflow-y: auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
}

.key_word_list li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.key_word_list li:hover {
    background: #F5F5F5;
    color: #FF661A;
    color: var(--themeColor);
}

.key_word_list li span.text,
.key_word_list li span.text_val {
    float: left;
    padding-left: 20px;
    max-width: 437px;
    overflow: hidden;
    cursor: pointer;
}

.key_word_list li span.text {
    float: right;
    color: #999;
    padding-right: 20px;
    max-width: 486px;
    overflow: hidden;
    text-align: right;
}

.key_word_list li span.text span {
    max-width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}

.key_word_list .history-line .text_val{
    display: block;
    width: calc(100% - 100px);
    max-width:unset
  }


.key_word_list #close_search {
    height: 40px;
    line-height: 40px;
    text-align: right;
    border-top: 1px solid #E8E8E8;
}

.key_word_list #close_search:hover {
    background: #fff;
}

.key_word_list #close_search a {
    color: #333;
    font-size: 12px;
    margin-right: 20px;
}

.key_word_list #close_search a:hover {
    color: #0B5DA2 !important;
}


/* 页尾 */

.footer-border {
    width: 100%;
    border-bottom: 2px solid #f9f9f9;
    padding: 24px 0;
    background: #fff;
}

.footer {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.footer a,
.footer a:hover {
    color: #808080;
    text-decoration: none;
}

.footer a:hover {
    color: #FF661A;
    color: var(--themeColor);
    text-decoration: none;
}

.footer .service li {
    float: left;
    height: 72px;
    color: #808080;
    line-height: 27px;
    padding: 0 0 0 67px;
    position: relative;
    margin-right: 120px;
}

.footer .service li:last-child {
    margin-right: 0;
}

.footer .service li .icon {
    width: 63px;
    height: 50px;
    overflow: hidden;
    background-image: url(../../assets/icon/footer_sprites_2.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}

.footer .service li .icon01 {
    background-position: 0 0;
}

.footer .service li .icon02 {
    background-position: -67px 0;
}

.footer .service li .icon03 {
    background-position: -136px 0;
}

.footer .service li .icon04 {
    background-position: -203px 0;
}

.footer .service li span {
    display: block;
}

.footer .service li .text_t {
    color: #222;
    font-weight: bold;
    font-size: 16px;
}

.footer .footer_list li {
    width: 196px;
    float: left;
}

.footer .footer_list span {
    display: block;
    color: #808080;
    line-height: 24px;
}

.footer .footer_list .title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 18px;
    color: #222;
}

.footer .footer_list li:last-child {
    padding-left: 17px;
    font-size: 14px;
    width: 180px;
    text-align: center;
}

.footer .footer_list li.last .tel {
    font: bold 24px '微软雅黑';
    color: #FF6619;
    color: var(--themeColor);
}

.footer .footer_list li.last .pic {
    width: 80px;
    margin: 4px auto 0;
}

.footer .footer_list li.last .pic img {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 4px;
}

.footer .copyright {
    line-height: 22px;
    text-align: center;
    padding: 24px 0;
    color: #808080;
    font-size: 14px;
}

.footer .copyright span {
    display: block;
}

.footer-a {
    color: #808080
}

.footer-a:hover {
    color: #FF6619;
    color: var(--themeColor);
}

.copyright .record_number {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../../assets/icon/loginFooter/beian.png) no-repeat;
}

.copyright span .icp {
    display: inline-block;
    vertical-align: middle;
}

.copyright .footer-a {
    vertical-align: middle;
}


/* 返回顶部 */

.backtop {
    position: fixed;
    right: 4px;
    top: 260px;
    z-index: 100;
    width: 44px;
}
.backtop.side_bar{
    right: 352px;
    z-index: 10001;
}
.backtop li {
    width: 44px;
    height: 44px;
    cursor: pointer;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 4px;
    line-height: 44px;
    position: relative;
    box-shadow: 0 0 8px 0 #00000014;
}

.backtop li:hover {
    background: #FF6619;
    background: var(--themeColor);
    color: #fff;
}
.backtop li:hover>a,.backtop li:hover .back_text{
    color: #fff;
}
.backtop li a,
.backtop .backtop-icon01,
.backtop .backtop-icon03 {
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    color: #808080;
}
.backtop li a::before,
.backtop .backtop-icon01::before,
.backtop .backtop-icon03::before{
    font-family: "iconfontxfs" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    width: 44px;
    text-align: center;
    top: 6px;
    left: 0;
    height: 16px;
    line-height: 16px;
}
.backtop .backtop-icon01::before{
    content: "\e62a";
}
.backtop .backtop-icon02 a::before{
    content: "\e636";
}
.backtop .backtop-icon03::before{
    content: "\e621";
}

.backtop .backtop-icon04 a::before{
    content: "\e625";
}

.backtop .backtop-icon06 a::before{
    content: "\e648";
}

.backtop li span{
    display: inline-block;
    width: 44px;
}
.backtop li .back_text{
    position: absolute;
    bottom: 3px;
    text-align: center;
    left: 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.backtop li.backtop-icon01 .pop-backtop {
    display: none;
    width: 152px;
    height: 26px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);
    background: #fff;
    position: absolute;
    left: -156px;
    top: 0;
    padding: 10px 0 8px 0;
}

.backtop li.backtop-icon03 .pop-backtop {
    display: none;
    width: 155px;
    height: 34px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);
    background: #fff;
    position: absolute;
    left: -176px;
    top: 0;
    padding: 16px 0 16px 16px;
}
.backtop li.backtop-icon03 .pop-backtop div{
    line-height: 17px;
    text-align: left;
    color: #222;
}
.backtop li.backtop-icon03:hover .pop-backtop{
    display: block;
    color: #222;
}

.backtop-icon01 .btn-orange,
.backtop-icon01 .btn-white {
    float: left;
    padding: 0 8px;
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    margin-left: 8px;
    width: auto;
    background-image: none;
}

.backtop-icon01 .btn-orange,
.backtop-icon01 .btn-orange:hover {
    color: #fff;
    background: #FF661A;
    background: var(--themeColor);
}

.backtop-icon01 .btn-white {
    line-height: 22px;
    border: 1px solid #FF661A;
    border: 1px solid var(--themeColor);
    color: #FF661A;
    color: var(--themeColor);
    background: #fff;
}

.backtop .backtop-icon02 .number {
    z-index: 999;
    font-size: 12px;
    color: #FFFFFF;
    position: absolute;
    background: #E51728;
    border-radius: 10px 10px 0 10px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    top: -2px;
    right: 26px;
}
.backtop .backtop-icon02 .number .CartCount{
    width: auto;
    padding: 0 3px;
}

.backtop .backtop-icon01 .pop-backtop_right,.backtop .backtop-icon03 .pop-backtop_right {
    width: 4px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 44px;
}
.backtop .backtop-icon03 .pop-backtop_right{
    height: 68px;
    width: 5px;
}
.backtop li.backtop-icon01:hover .pop-backtop {
    display: block;
}

.returnTop {
    display: none;
}

/*收藏、常购商品置灰按钮*/

a.btn_wh.disabled,
a.btn_ora.disabled {
    border-color: #d5d5d5 !important;
    background: #d5d5d5 !important;
}

/*弹框*/

.msg_alert {
    display: none;
    background-color: #000;
    text-align: center;
    color: #ffffff;
    border: none;
    padding: 10px;
    line-height: 24px;
    font-size: 14px;
    height: 28px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999999;
    border-radius: 4px;
    opacity: 0.65;
    -moz-opacity: 0.65;
    /* 兼容 FF*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    /*IE8*/
    filter: alpha(opacity=65);
    /*IE5、IE5.5、IE6、IE7*/
}

.msg_alert_text {
    height: 30px;
    padding-left: 40px;
    line-height: 30px;
}

.msg_text {
    padding-left: 0;
}

.msg_icon1 {
    background: url(../icon/icon/jeicon1.png) no-repeat;
    padding-left:45px;
}

.msg_icon2 {
    background: url(../icon/icon/jeicon2.png) no-repeat;
    padding-left:45px;
}

.msg_icon3 {
    background: url(../icon/icon/jeicon3.png) no-repeat;
    padding-left:45px;
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    /*滚动条的背景区域的圆角*/
    background-color: #f5f5f5;
    /*滚动条的背景颜色*/
}


/*输入框ie兼容公共样式*/

.search-inp {
    position: relative;
}

.search-inp input {
    position: relative;
    z-index: 2;
    background: transparent;
    width: 210px;
    padding-left: 10px;
    height: 32px;
    line-height: 34px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    font-size: 12px;
}

.search-inp .common-placeholder {
    position: absolute;
    left: 10px;
    top: 8px;
    color: #999;
}

.jeBox-footer button.jeBox-btn0 {
    display: inline-block;
    width: 104px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 2px;
    margin: 5px;
    margin-bottom: 20px;
}

.jeBox-footer button.jeBox-btn1 {
    display: inline-block;
    width: 104px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 2px;
    margin: 5px;
    background: #fff;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    color: #222;
    margin-bottom: 20px;
}


/*账号体系选择项目弹框*/

/*12月30上线加注册，我要合作*/

.tools .tools_list li.my_registration:hover .drop_registration_icon {
    display: block;
}

.tools .tools_list .drop_registration_icon {
    width: 148px;
    height: 44px;
    position: absolute;
    z-index: 100;
    text-align: center;
    margin-left: 0;
    display: none;
    top: 23px;
}

.head_nav .nav .index_compare {
    position: relative;
    overflow: visible;
}

.head_nav .nav .index_compare .com_down img.comdown {
    position: relative;
    top: 6px;
}

.head_nav .nav .index_compare:hover .compare_link {
    display: block;
}

.head_nav .index_compare .compare_link {
    width: 126px;
    height: 95px;
    position: absolute;
    display: none;
    top: 40px;
    left: 10px;
    background: #fff;
    -webkit-box-shadow: 1px 9px 9px 0 #999;
    box-shadow: 1px 9px 9px 0 #999;
    z-index: 666;
}

.head_nav .compare_link a {
    display: inline-block;
    padding-left: 26px;
    width: 100px;
    text-align: left;
    background: #fff;
    font-size: 12px;
}

.head_nav .compare_link a:hover {
    background: #F5F5F5;
    color: #FF661A;
    color: var(--themeColor);
}


/*有id payPageSearch 元素的不用加，有公共menuNav，vipMenuNav的也不用，没有以上的加shadow_box*/

#shadow_box {
    height: 8px;
    box-shadow: inset 0 6px 5px -5px rgba(0, 0, 0, 0.20);
    position: relative;
    margin-bottom: -8px;
}

#payPageSearch {
    box-shadow: 0 6px 8px -5px rgba(0, 0, 0, 0.20);
}


/*logo优化*/

.out_header .home_logo {
    display: none;
}

#udesk_btn {
    display: none;
}

.head_nav .nav .ffzx_munu {
    padding-right: 0;
}

.head_nav .nav li.nav_scene {
    padding: 4px 0 15px 20px;
    z-index: 555;
}

.nav_scene_pop {
    width: 941px;
    height: 185px;
    padding: 8px 11px 10px 24px;
    position: absolute;
    display: none;
    top: 40px;
    left: 224px;
    z-index: 666;
    background: #fff;
    overflow-y: auto;
    box-shadow: 0 8px 8px 0 #0000001f;
    border-radius: 0 0 8px 8px;
    z-index: 9999;
}

.head_nav .nav li.nav_scene:hover .nav_scene_pop {
    display: block;
}

/* .head_nav .nav li .com_down {
    background: url("../../assets/icon/home/nav_down_518.png") no-repeat right 2px;
    padding-right: 20px;
    position: relative;
    line-height: 21px;
} */

/* .head_nav .nav li .com_down::after {
    font-family: "iconfontxfs" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e63f";
    color: #cc6813;
    color: var(--themeColor);
    font-size: 24px;
    display: block;
    width: 24px;
    height: 12px;
    position: absolute;
    top: -12px;
    right: -5px;
    font-weight: normal;
} */

.nav_scene_pop .nav_scene_list {
    width: auto;
    padding-left: 0;
    margin-top: 13px;
}

.nav_scene .nav_scene_pop .nav_scene_list {
    margin-top: 0;
}

.nav_scene_pop .nav_scene_list li {
    padding: 0 24px 0 0;
    font-size: 14px;
    float: left;
    position: relative;
    color: #666;
    cursor: pointer;
}

.nav_scene_pop .nav_scene_list li:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.nav_scene_pop .nav_scene_list .scene_nav_first {
    float: left;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    padding-right: 16px;
    cursor: pointer;
    width: 56px;
    text-align: right;
}

.nav_scene_pop .nav_scene_list .scene_nav_first:hover {
    color: #FF661A;
    color: var(--themeColor);
}

.nav_scene_pop .nav_scene_list .scene_nav_first:after {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    font-family: "iconfontxfs" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61a";
    color: #808080;
    font-weight: normal;
}

.nav_scene_pop .nav_scene_list li a {
    color: #808080;
}

.nav_scene_pop .nav_scene_list .scene_nav_first a {
    color: #333;
}

.nav_scene_pop .nav_scene_list .scene_nav_first_sun {
    float: left;
    width: 806px;
    margin-left: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.xfs_down_code {
    display: none;
}

.footer_bg,vip_footer_bg{
    background: #fff;
}
.viphead_nav_bg .menu_list .cate_left .clearfix ul li:last-child:after {
    display: none;
}

.vip_footer_bg .footer .footer_list li {
    width: 166px;
}

.vip_footer_bg .footer .footer_list li:last-child {
    width: 180px;
}

.viptools_bg .tools .area {
    padding-left: 0;
}

.viptools_bg .tools .tools_list {
    max-width: 1015px;
}

.message_notice,.message_notice_ord {
    z-index: 999;
    font-size: 12px;
    color: #FFFFFF;
    background: #FF661A;
    background: var(--themeColor);
    border-radius: 7px 7px 7px 0px;
    width: 23px;
    height: 16px !important;
    text-align: center;
    line-height: 16px !important;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 18px;
}

.message_notice_vip {
    right: 0;
}

.tools .drop-downbox .notice_text {
    position: relative;
    top: -7px;
}



/* 云采多选功能封装样式 */
.fs_mut_select_out{
    width:100%;
    height: 30px;
    position: relative;
  }
.fs_mut_select_out .fs_mut_input input{
    width: 100% !important;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 2px;
    border:1px solid #d3d3d3;
    margin-top:0;
}
.fs_mut_select_out .fs_mut_select{
    width: 100%;
    border: 1px solid #d3d3d3;
    padding: 10px 17px 17px 10px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top:33px;
    height: auto;
    border-radius: 2px;
    z-index: 99;
    max-height: 230px;
    overflow-y: auto;
    padding-bottom: 15px;
}
.fs_mut_select_out .fs_mut_select_hide{
    display: none;
}
.fs_mut_select_out .fs_mut_select ul{
    padding: 0;
}
.fs_mut_select_out .fs_mut_select li{
    position: relative;
    width: 100%;
    line-height: 15px !important;
    height: auto !important;
    padding-bottom: 10px !important;
    text-align: left;
    margin-right: 0;
    margin-bottom: 0;
}
.fs_mut_select_out .fs_mut_select .fs_mut_checkbox{
    display: inline-block;
    width:12px;
    height: 12px;
    position: absolute;
    left: 0;
    top:1px;
}
.fs_mut_select_out .fs_mut_select .fs_mut_checkbox::after{
    font-family: "iconfontxfs" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e618";
    color: #979797;

}

.fs_mut_select_out .fs_mut_select .fs_mut_checkbox.check::after{
    content: "\e617";
    color: #cc6813;
    color: var(--themeColor);
}
.fs_mut_select_out .fs_mut_select .fs_mut_label{
    display: inline-block;
    vertical-align: top;
    padding-left: 17px;
    width: auto;
    text-align: left;
}
.fs_mut_select_out .fs_mut_clear{
    position: absolute;
    right: 7px;
    background: red;
    background: url(../icon/approvalProcess/close_d.png) no-repeat center;
    display: inline-block;
    width: 15px;
    height: 15px;
    top: 7px;
    cursor: pointer;
    z-index: 88;
    display: none;
}
.fs_mut_select_out .fs_mut_choose_num{
    position: absolute;
    left: 100%;
    width: 63px;
    font-style: normal;
    line-height: 30px;
    padding-left: 15px;
    text-align: left;
    cursor: pointer;
}
.fs_mut_select_out .fs_mut_choose_num i{
    color: #FF8000;
    color: var(--themeColor);
    font-weight: bold;
    margin: 0 2px;
    font-style: normal;
}

.fs_mut_select_out .fs_mut_choose_num .fs_mut_pop{
    position: absolute;
    right: 0;
    width: 200px;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    line-height: 20px;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.16));
    z-index: 100;
}
.fs_mut_select_out .fs_mut_choose_num .fs_mut_pop p{
    margin-bottom: 4px;
}
/* 云采多选功能封装样式 */

.CartCountbubbl{
    font-size: 12px;
    color: #FFFFFF;
    position: absolute;
    background: #E51728;
    border-radius: 10px 10px 10px 0px;
    min-width: 30px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: -11px;
    padding:0 2px;
  }

 .top_tel_icon::before{
    font-family: "iconfontxfs" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e62c";
    color: #cc6813;
    color: var(--themeColor);
    vertical-align: bottom;
 }


 /* 购物车侧边展示 */
 .ofhidden{
    overflow: hidden;
  }
 .side_xfscar{
     width:100%;
     height: 100%;
     position: fixed;
     top:0;
     bottom: 0;
     left:0;
     right: 0;
     z-index: 88888;
     display: none;
 }
 .side_xfscar .side_xfscar_mask{
    width:100%;
    height: 100%;
 }
 .side_xfscar .side_xfscar_cont{
    width: 344px;
    position: absolute;
    top:8px;
    right: 8px;
    bottom: 8px;
    border-radius: 8px;
    background: #f5f5f5ff;
    box-shadow: -4px 0 16px 0 #00000029;
    overflow: hidden;
 }
 .side_xfscar .side_xfscar_head{
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 16px;
    position: relative;
 }
 .side_xfscar .side_xfscar_head .side_xfscar_close{
    position: absolute;
    right: 16px;
    top: 15px;
    width: 24px;
    height: 24px;
    background: url(../../assets/icon/approvalProcess/close_btn.png) no-repeat center;
    cursor: pointer;
    display: inline-block;
 }
 .side_xfscar .side_xfscar_body{
    position: absolute;
    top:50px;
    bottom: 79px;
    overflow-y: auto;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    width:100%;
 }

 .side_xfscar  .side_xfscar_foot{
    height: 79px;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
 }
 .side_xfscar  .cart_d_hj{
    float: left;
     margin-top:12px;
 }
.side_xfscar  .cart_d_hj span{
     display: block;
     font-size: 14px;
     color: #808080;
     width:190px;
     text-align: right;
 }

 .side_xfscar .side_cart_money{
    font-size: 24px;
    font-weight: bold;
    vertical-align: sub;
 }
 .side_xfscar .cart_d_go{
    display: inline-block;
    width: 116px;
    height: 43px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 43px;
    margin-top:16px;
    margin-right: 16px;
    cursor: pointer;
}
.side_xfscar .cart_down_empty{
    text-align: center;
    margin-top:200px;
    background: url(../../assets/icon/icon/cart_empty.png) no-repeat center top;
    padding-top:40px;
    display: none;
}
.side_xfscar .cart_down_full ul{
    padding-top: 12px;
}
.side_xfscar .cart_down_full li{
    margin-bottom:24px;
}
.side_xfscar .cart_down_full .cart_d_out {
    overflow: hidden;
    margin: 0 0 0 16px;
    padding: 8px 0;
    height: 64px;
}
.side_xfscar .cart_d_ft {
    float: left;
}
.side_xfscar .cart_d_l {
    width: 62px;
    height: 62px;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    position: relative;
}

.side_xfscar .cart_d_l img {
    width: 62px;
    height: 62px;
    display: inline-block;
}

.side_xfscar .cart_d_out .cart_d_dis {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.85;
    background: #B5B5B5;
    color: #fff;
    line-height: 22px;
    height: 22px;
    text-align: center;
}
.side_xfscar .cart_d_c {
    width: 235px;
    margin-left: 8px;
    overflow: hidden;
    cursor: pointer;
}

.side_xfscar .cart_d_c p {
    line-height: 18px;
}

.side_xfscar .cart_d_c .cart_d_title {
    max-height: 54px;
    overflow: hidden;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
}

.side_xfscar .cart_d_c .cart_d_size {
    margin: 3px 0 5px 0;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.side_xfscar .cart_d_c .cart_d_s_l{
  float: left;
}
.side_xfscar .cart_d_c .cart_d_s_l em{
  font-weight: bold;
  margin-right: 8px;
}
.side_xfscar .cart_d_c .cart_d_s_del{
  float: right;
  color: #808080;
  display: none;
  font-size: 14px;
}
.side_xfscar .cart_down_full .cart_d_out:hover .cart_d_s_del{
    display: inline-block;
}

/* 中铁header样式 */
.header_ztdq .logo{
    width:465px;
    margin-top:-6px;
}
.header_ztdq .input_form{
    width:376px;
}
.header_ztdq .key_word{
    width: 518px;
}
.header_ztdq .key_word_list {
    width: 518px;
    left: 0;
}
.header_ztdq .step_name{
    left: 456px;
}