.color-gray {
        color: #a0a0a0;
    }
    .color-block {
        color: #292929;
    }
    .color-red {
        color: #E83D26;
    }


    .wrap {
        width: 100%;
        min-width: 300px;
        height: 100%;
    }
     .headers{
         background: #fff;
         width: 100%;
         height: 1.95em;
         padding-top: 7px;
         padding-bottom: 7px;
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
         box-sizing: content-box;
         position: relative;
         z-index: 1000;
     }
     .headers > .header_box{
         width: 100%;
         margin: 0 auto;
         height: 100%;
         position: relative;
     }
     .headers > .header_box > .icon-logins{
         width: 3.5625em;
         height: 100%;
         line-height: 100%;
         text-align: center;
         position: absolute;
         right: 0;
         top: 0;
         font-size: 1em;
     }
    .headers > .header_box > .icon-logins::before {
        content: '\e917';
        font-size: 1.5em;
        width: 1em;
        height: 100%;
        position: absolute;
        right: 50%;
        top: 0;
        margin-right: -0.5em;
        text-align: center;
        line-height: 150%;
        color: #7F7F7F;
        font-weight: 400;
    }
     .headers > .header_box > form{
         width: 100%;
         padding-left: 0.9375em;
         padding-right: 2.8125em;
         height: 100%;
         box-sizing: border-box;
         position: relative;
     }
    .headers > .header_box > .icon-new-sao::before{

        content: '\e910';
        position: absolute;
        width: 1.2em;
        height: 1.2em;
        font-size: 1.1em;
        top: 50%;
        margin-top: -0.55em;
        right: 3.5em;
        text-align: center;
        line-height: 1.1em;
        color: #CE5251;
    }
     .headers > .header_box > form > input{
         width: 98.5%;
         height: 100%;
         line-height: 100%;
         background-color: #eee;
         -webkit-border-radius: 1em;
         -o-border-radius: 0.5em;
         -moz-border-radius: 0.5em;
         -ms-border-radius: 0.5em;
         border-radius: 1em;
         padding: 0 0 0 2.15em ;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
     }
     .headers > .header_box > form > span {
         position: absolute;
         width: 1.2em;
         height: 1.2em;
         top: 50%;
         margin-top: -0.6em;
         left: 1.25em;
         text-align: center;
         line-height: 1.2em;
         color: #969696;
     }

    .headers > .header_box > form > span::before{
        font-size: 1.7em;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        width: 100%;
    }


     .main-content {
         width: 100%;
         height: 100%;
         background-color: #EEEEEE;
     }
     .main-left {
         font-size: 0.875em;
         width: 6.4285em;
         height: 100%;
         float: left;
         overflow: auto;

     }
     .main-left ul {
         width: 99%;
     }
     .main-left ul li{
         width: 100%;
         text-align: center;
         height: 3.5714em;
         line-height: 3.5714em;
         border-bottom: 1px solid #d2d2d2;
         border-right: 1px solid #d2d2d2;
         background-color: #fff;
     }
     .main-left ul li a{
         display: block;
         width: 100%;
         height: 100%;
         position: relative;
         color: #2d2d2d;
     }
     .main-left ul li a i{
         position: absolute;
         width: 2px;
         height: 12px;
         top: 50%;
         left: 0.75em;
         margin-top: -7px;
         background-color: #dd0b09;
         -webkit-border-radius: 0.1em;
         -o-border-radius: 0.1em;
         -moz-border-radius: 0.1em;
         -ms-border-radius: 0.1em;
         border-radius: 0.1em;
         display: none;
     }
     .main-left ul li.current{
         border-right: none;
         background-color: #eee;
     }
     .main-left ul li.current a{
         color: #dd0b09;
     }


    .load-right{
        overflow: hidden;
        background-color: #eee;
        text-align: center;
    }
    .load-right .loadimg{
        width: 13.125em;
        height: 11.5625em;
        margin: 8.875em auto 0;
        background: url("../images/nonetwork.png") no-repeat center;
        background-size: cover;

    }
    .load-right p {
        font-size: 0.75em;
        margin:0.8333em auto;
        color: #B5B5B5;
        text-align: center;
    }
    .load-right .onload {
        height:1.8333em;
        font-size: 0.75em;
        display: inline-block;
        padding: 0 1em;
        line-height: 1.8333em;
        color: #898989;
        font-weight: 700;
        border: 1px solid #C6C6C6;
        border-radius: 0.916em;
        background-color: #fff;
    }
    


    .main-right{
        overflow: auto;
        padding: 0 0.75em 0;
    }


    .main-right .right_banner{
        display: block;
        width: 100%;
        position: relative;
        z-index: 1000;
        padding-top: 0.75em;
        background-color: #eee;
    }
    .main-right .right_banner img{
        display: block;
        width: 100%;
    }
    .product {
        position: relative;
    }
    .main-right .classify {
        font-size: 0.875em;
    }
    .classify h3{
        margin: 1.07em 0 0.715em 0;
        line-height: 1em;
        color: #2d2d2d;
    }


    .classify ul{
        width: 100%;
        padding-top: 0.834em;
        background-color: #fff;
        font-size: 0.75em;
    }
    .classify ul li{
        width: 33.33333%;
        float: left;
        height: 8.42em;
    }
    .classify ul li a{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .classify ul li a span{
        display: block;
        height: 5.66666em;
        line-height: 5.66666em;
        width: 5.66666em;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .classify ul li a img{
        display: block;
        height: 100%;
        margin: 0 auto;
    }
    .classify ul li a p{
        text-align: center;
        color: #2c2c2c;
        line-height: 1em;
        padding: 0.5em 0 1.25em 0;
    }
    .classify ul li:nth-last-child(1) p,
    .classify ul li:nth-last-child(2) p,
    .classify ul li:nth-last-child(3) p{
        padding: 0.5em 0 0.8333em 0;
    }


    .tel-bottom {
        font-size: 0.75em;
        height: 4.17em;
        width: 100%;
        border-top: 1px solid #E1E1E1;
        border-bottom: 1px solid #E1E1E1;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #fff;
    }
    .tel-bottom ul{
        width: 100%;
        height: 100%;
    }
    .tel-bottom ul li{
        width: 20%;
        height: 100%;
        float: left;
        position: relative;
    }
    .tel-bottom ul li a{
        display: block;
        height: 1.67em;
        width: 100%;
        padding-top: 2.5em;
        line-height: 1.67em;
        text-align: center;
        color: #4C4C4F;
    }
    .tel-bottom ul li.icon-new-shou::before {
        content: '\e910';
        position: absolute;
        font-size: 1.5em;
        top: 50%;
        left: 50%;
        margin-top: -0.7em;
        margin-left: -0.5em;
        text-align: center;
    }


    header .new-src-title{width:100%;position:fixed;top:0;left:0;z-index: 1000;line-height:2.5em;border-bottom:1px solid #eee;background: white;}
    header .store-changebefore{position:absolute;}
    header .new-src-title-s{border-bottom:1px solid #dedee1;padding-bottom: 5px;}
    .new-src-title{width:100%;position:relative;left:0;top:0;z-index:1;font-family:"Microsoft Yahei";}
    .new-cen{padding:5px 3em 5px 2em;}
    .new-cen-c{padding:5px .5em 0 2.2em;}
    .new-top-w{font-size:1.5em;color:#898989;position:absolute;left:0;padding:10px 10px 0 0;margin:0 10px;}
    .new-src-bg{background:#eee;border-radius:1em;height:2em;line-height:2em;width:100%;position:relative;padding-top:0.2em;box-sizing: border-box;}
    .new-src-bg-s{background:#eee;border-radius:0.5em;height:2em;line-height:2em;width:100%;position:relative;padding-top:0.2em;box-sizing: border-box;}
    .new-src-left{font-size:1em;position:absolute;left:0.3em;top:0.5em;}
    input.new-text{font-size:0.875em;background:none;border:none;height:2em;line-height:2em;width:100%;color:#585858;padding:0 2.5em 0 2em;}
    input.new-text::-webkit-input-placeholder{color: #666666}
    .new-del-right{display:block; position:absolute;top:4px;right:5px;border-radius: 0;}
    .new-suo{display:block;position:absolute;right:12px;top:0;font-size:0.8125em;line-height:3em;}
    a.new-suo {color:#666666;}
    .icon-filter-pro:before{content:'\e913';display: block;font-size:2em;margin-top:0.1em;}
    .icon-filter-pro-jx:before{content:'\e001';display: block;font-size:1.34em;line-height:2.4em;}
    .icon-filter-pro-new{background-image:url("./images/gen.svg");display: block;margin-top:0.6em;width:1.8em;height:1.8em;background-size:1.8em 1.8em}


    .tel-wrap {

        width: 100%;
        min-width: 300px;
    }
    nav.new-bar-list {width: 100%;border-bottom: 1px solid #E5E5E5;}
    .navList { height: 2.5em;width: 100%;font-size: 0.875em;}
    .navList li {width: 20%;line-height: 2.857em;float: left;}
    .navList li:nth-last-child(1){position: relative;}
    .navList li:nth-last-child(1) span{position: relative;}
    .line{height: 0.929em;width: 0;position: absolute;left: 0;top: 50%;margin-top: -0.5em;}
    .navList li:nth-last-child(1) i{position: absolute;width: 0.844em;height: 0.844em;left: -1.25em;top: 50%;margin-top: -0.492em;}
    .navList li:nth-last-child(1) i::before{position: absolute;left:0;top: 0;height: 100%;line-height: 100%;}
    .icon-filter-s:before{content: "\e914";font-size:1em;}
    .navList li a{display: block;text-align: center;
        color: #A8A8A8;}
    .navList li:nth-last-child(3){position: relative;}
    .navList li .arrow-parent{position: absolute;width: 1em;height: 0.9em;right: 50%;top: 50%;margin-top: -0.45em;
        margin-right: -2.2em;}
    .arrow-parent .arrow-t,.arrow-parent .arrow-b{
        position: absolute;
        width: 0.93em;
        height: 0.5em;
        left: 0;
        }
    .arrow-parent .arrow-t {
        top: 0;
    }
    .arrow-parent .arrow-b {
        bottom: 0;
    }
    .icon-new-top::before{
        content: '\e919';
        font-size: 0.6em;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 99%;
        text-align: center;
    }
    .icon-new-bottom::before{
        content: '\e918';
        font-size: 0.6em;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 99%;
        text-align: center;
    }





    .product-list{
        padding-top: 5em;
    }
    .product-list ul li {
        height: 7.125em;

    }
    .product-list li .pro-list-left{
        float: left;
        width: 6.625em;
        height: 6.625em;
        margin: 0.25em;
        margin-right: 12px;
    }
    .product-list li .pro-list-left a{
        width: 100%;
        height: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        position: relative;
    }
    .product-list li .pro-list-left img{
        height: 100%;
        margin: 0 auto;
    }
    .pro-list-wuhuo {
        font-size: 0.5em;
        position: absolute;
        width: 4em;
        height: 4em;
        line-height: 4em;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #000;
        color: #ffffff;
        opacity: 0.6;
        top: 50%;
        left: 50%;
        margin-left: -2.4em;
        margin-top: -0.9em;
        font-weight: 700;
        display: none;
    }
    .disshow {
        display: block;
    }
    .product-list li .pro-list-right{
        overflow: hidden;
        height: 100%;
        border-bottom: 1px solid #DEDEDE;
    }
    .pro-list-right h3 {
        font-size: 0.875em;
        margin: 0.8em 0 0.6em;
        line-height: 1.428em;
        padding-right: 0.3em;
    }
    .pro-list-right>span {
        font-size: 0.75em;
        margin: 0.16em 0.8333em 0 0;
        color: #e83d26;
        line-height: 1em;
    }
    .pro-list-right i {
        font-size: 0.75em;
        padding: 0.16em 0.625em;
        line-height: 1em;
        background-color: #fb4e37;
        -webkit-border-radius: 0.75em;
        -o-border-radius: 0.75em;
        -moz-border-radius: 0.75em;
        -ms-border-radius: 0.75em;
        border-radius: 0.75em;
        color: #fff;
    }
    .pro-list-right p {
        font-size: 0.6875em;
        line-height: 1.2em;
        margin-top: 0.3em;
        color: #a0a0a0;
        height: 1.2em;
    }
    .pro-list-right p span:nth-child(1){
        margin-right:0.81em;

    }
  .icon-xc::before{
  	 content: '\e951';
     margin-right: 0.5em;
    margin-top: 2px;
  }
    .searchTab{padding-top: 1.8em;}
    .searchImg{width: 2em;height: 2em;background: #DCDCDC;border-radius: 5px;float: left;}
    .searchImg img{width: 100%;}
    .searchPoit{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
    .searchLeft{float: left;line-height: 2.5em;margin-left: 2.7%;width: 8em;}
    .searchZ{padding:0 0.4em;background: #FFFFFF;border: 1px solid #E83E27;border-radius: 8px;margin-top: 0.4em;margin-left: 1.4%;}
    .searchButton{background-image: linear-gradient(270deg, #F5724F 0%, #E83E27 100%);border-radius: 10px;text-align: center;line-height: 20px;width: 14.4%;float: right;height:20px;margin-top: 0.6em;}
    .searchWei{width: 94.7%;height: 6.25em;margin: 0 auto;border-radius: 5px;}