* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 180%;
    font-size: 14px;
    font-family: Arial;
    color: #666;
    background-color: #f2f3f7;
    overflow-x: hidden;
}
.gotop {
    background: #a4a4a6;
    position: fixed;
    right: 3px;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    bottom: 72px;
    display:none;
}
.gotop:hover {
    background: #ff6a00;
}
a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

ul, dl, ol {
    list-style: none;
}

img {
    border: none 0;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.textcenter {
    text-align: center;
}

.clearfix {
    clear: both;
}

.main {
    width: 100%;
    min-width: 1000px;
}

@media (max-width:1000px) {
    .main {
        width: 100%;
        min-width: auto;
    }
}

.area {
    width: 1400px;
    height: auto;
    margin: auto auto;
}

@media (max-width:1440px) {
    .area {
        width: 1200px;
        margin: auto
    }
}

@media (max-width:1240px) {
    .area {
        width: 1000px;
        margin: auto
    }
}

@media (max-width:1040px) {
    .area {
        width: 800px;
        margin: auto
    }
}

.fonts21 {
    font-size: 21px;
}

.fonts34 {
    font-size: 34px;
    padding-top: 27px !important;
    color: #f00;
}

.tl {
    text-align: left;
    padding-left: 15px;
}

.bgh {
    background: #f6f6f6;
}

/*header*/
.header {
    padding: 20px 0;
    background: #fff;
    -moz-box-shadow: 0px 5px 5px #999;
    -webkit-box-shadow: 0px 5px 5px #999;
    box-shadow: 0px 5px 5px #999;
}

.headerleft {
    width: 21.5%;
    /*margin-right: 30px;*/
    position: relative
}

.headermenu {
    margin-top: 20px;
    width: 100%;
    height: 43px;
    background: #f0f0f0;
    text-align: center;
    line-height: 45px;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}

.ceshimenu {
    float: left;
    display: none;
    font-size: 20px;
    cursor: pointer;
}

    .ceshimenu img {
        margin-right: 15px
    }

.headermenu img {
    /*margin-right: 10px;*/
    margin:0 0;
    margin-right:10px;
}

.headerright {
    width: 77%;
    min-width: 941px;
    margin-top:2px;
}

@media (max-width:1440px) {
    .headerright {
        width: 77%;
        margin: auto;
        min-width: auto;
        margin-top:2px;
    }
}

@media (max-width:1040px) {
    .headerright {
        width: 77%;
        margin: auto;
        min-width: auto;
        margin-top:2px;
    }
}

.topmenubox {
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 13px;
}

.menuleft {
    width: 100%;
}
.menuleft ul.fr li a{
    color:#999;
    font-size:14px

}
    .menuleft ul li {
        display: inline-block;
        padding: 0 10px 0 0;
        font-size: 15px;
        cursor: pointer;
        color: #333;
    }

        .menuleft ul li img {
            margin-left: 5px;
        }

    .menuleft ul:nth-child(2) {
        text-align: right;
    }

        .menuleft ul:nth-child(2) li {
            padding: 0 2px;
        }

            .menuleft ul:nth-child(2) li + li:before {
                padding: 0 6px 0 1px;
                color: #888;
                content: "|";
            }

.bottomheader {
    width: 100%;
}

.adminbox {
    position: relative;
}

.lalladmin {
    width: 8%;
    float: left;
    border: 1px solid #f27f00;
    height: 41px;
    margin-top: 18px;
    border-right: none;
    padding-left: 10px;
    cursor: pointer;
    background: url(../img/smalldown.jpg)no-repeat;
    background-position: 70px;
}

.lalladminul {
    position: absolute;
    top: 59px;
    width: 95px;
    border: 1px solid #f27f00;
    background: #fff;
    /*padding-left: 11px;*/
    cursor: pointer;
    z-index: 9;
    display:none;
}

.c999{
    color:#999;
}
.searchbox {
    width: 100%;
    margin-right: 3%;
    min-width: 433px;
    position:relative;
}
.mr3{
    margin-right:3px;
}
.m05{
    margin:0 5px;
}
@media (max-width:1040px) {
    .searchbox {
        width: 100%
    }
}

.searchinput {
    width: 76%;
    float: left;
    border: 1px solid #f27f00;
    background: #fff;
    height: 41px;
    margin-top: 18px;
    border-left: 1px solid #ddd;
    padding-left:15px;
}

.searchbtn {
    width: 13%;
    background: #f27f00;
    height: 43px;
    border: none;
    margin-top: 18px;
    cursor: pointer;
    outline: none;
}

.shopcart {
    width: 5%;
}

.shopcartbtn {
    width: 100%;
    background: #ef4748;
    height: 39px;
    border: none;
    margin-top: 18px;
    cursor: pointer;
    outline: none;
}

.signbox {
    width: 37%;
    /*margin-top: 36px;*/
    margin-right:7px;
}

@media (max-width:1040px) {
    .signbox {
        display: none
    }
}

.signin {
    height: 41px;
    width: 50%;
    background: #f27f00;
    text-align: center;
    line-height: 41px;
    color: #fff;
    font-size: 16px;
    min-width: 153px;
    margin-right: 10px;
    border-radius: 2px;
}
    .signin:hover {
          background: #e35300;
    }


    .signin img {
        margin-right: 5px;
    }

.favorite {
    height: 41px;
    line-height: 41px;
    background: #f27f00;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 18%;
    overflow: hidden;
    border-radius: 2px;
}
       .favorite:hover {
          background: #e35300;
    }

    /*.favorite img {
     
    }*/

.menucontent {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 870px;
    display: none;
    z-index: 99;
    top: 42px;
    background: transparent;
    border: 1px solid transparent;
}

.headermenu:hover .menucontent {
    display: block;
}

.menunav {
    width: 100%;
}

    .menunav li {
        border: 1px solid #ddd;
        border-left: none;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        width: 25%;
        text-align: left;
        border-top: none;
        background: #fff;
        border-left: 1px solid #ddd;
    }

        /*.menunav li:last-child {
            border-bottom: none;
        }*/

        .menunav li a {
            color: #222;
            font-size: 14px;
        }
        .menunav li a:hover {
            font-size: 16px;
        }

        .menunav li .fr {
            font-family: '宋体';
        }

.hoveractive {
    border-right: 1px solid #fff;
}

    .hoveractive a {
        color: #f27f00 !important;
    }

    .hoveractive .fr {
        color: #f27f00 !important;
    }

.menunav_in {
    width: 65.5%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 260px;
    padding: 20px;
    display: none;
    padding-left: 10px;
    margin-left: -10px;
    box-shadow: 3px 3px 5px 0px rgba(5,5,5,0.2);
}

.hoveractive .menunav_in {
    display: block;
}

.menunav_in li {
    border: none;
    float: left;
    width: 39%;
    height: 225px;
    line-height: 30px;
}

.typelist_tit {
    font-size: 17px;
    font-weight: bold;
}

.menunav_in li a {
    color: #333 !important;
}

.more {
    /*color: #f27f00 !important;*/
    /*margin-left: 139px;*/
    font-size: 12px !important;
    font-weight: normal !important;
    display: block;
    text-align: right;
}
.more:hover{
    color:#333 !important;
}
.gl {
    color: #f27f00 !important;
}
.accountli {
    position: relative;
}
    .listyle {
        border: 1px solid #CCC;
        border-bottom:none;
        height:39px;
        box-shadow: 3px 3px 5px rgba(0,33,66,0.2);
        border-radius: 3px 3px 0 0;
    }
        .listyle > div {
            height: 39px;
        }
.accountul:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 57%;
    height: 2px;
    background-color: white;
}
.user97 .accountul:before {
    width: 64% !important;
}
 .accountul {
    position: absolute;
    top: 36px;
    left: -1px;
    z-index: 100;
    border: 1px solid #CCC;
    /*border-top: none;*/
    background-color: white;
    text-align: left !important;
    display: none;
    /*white-space: nowrap;*/
    width: 183px;
    box-shadow: 3px 3px 5px rgba(0,33,66,0.2);
    border-radius: 3px 3px 0 0;
}
.fenge {
    margin: 5px 10px;
    width:100px;
    border-top: 1px solid #dae0e6;
    font-size: 0;
}
.user97 {
    background: url(../img/smalldown.jpg)no-repeat;
    background-position: 97px;
    padding: 0 0px 0 10px !important;
    width:110px;
}
.user81 {
    background: url(../img/smalldown.jpg)no-repeat;
    background-position: 81px;
    padding: 0 0px 0 10px !important;
    width:96px;
}

/*.user147 {
    background-position: 147px !important;
}*/
    .accountul li {
        line-height: 20px !important;
        padding: 0 0 0 10px !important;
        /*width:100%;*/
    }
     .accountul li:before{
         content:none !important;
     }
.spelogout {   
    margin-left: 10px;
}
.m010{
    margin:0 10px;
}
/*footer*/
.footer {
    width: 100%;
}

.footer_top {
    background: #fff;
    padding: 20px 0;
}

.footer_topin1 {
    width: 38%;
    /*margin-right: 73px;*/
    margin-right: 37px;
}

    .footer_topin1 span {
        font-size: 20px;
        font-weight: 100 !important;
        color: #333;
    }

    .footer_topin1 img {
        margin: 0 10px;
        width:30%;
    }

.footer_topin2 {
    width: 30%;
    margin-right: 39px;
}

    .footer_topin2 span {
        font-size: 20px;
        font-weight: 100 !important;
        color: #333;
        line-height: 43px;
    }

    .footer_topin2 img {
        margin: 0 10px;
    }

.footer_topin3 {
    width: 25.4%;
    margin-top: 10px;
}

    .footer_topin3 span {
        font-size: 20px;
        font-weight: 100 !important;
        color: #333;
        line-height: 29px;
    }

    .footer_topin3 img {
        margin: 0 10px;
    }

        .footer_topin3 img:last-child {
            margin-right: 0px;
        }

@media (max-width:1440px) {
    .footer_topin1 {
        width: 39%;
        margin-right: 0px;
    }

        .footer_topin1 img {
            margin: 0 0px;
        }

    .footer_topin2 {
        width: 35%;
        margin-right: 0px;
    }
    .footer_topin2 img {
        margin: 0 10px;
        width:32%;
    }
    .footer_topin3 {
        width: 25.4%;
        margin-top: 7px;
    }

        .footer_topin3 img {
            margin: 0 0px;
        }
    .searchbtn{
        width:12%;
    }
}

@media (max-width:1240px) {
    .footer_topin1 {
        width: 60%;
        margin-right: 0px;
    }
    .footer_topin1 img {
        margin: 0 0 0 10px;
        width:24%;
    }

    .footer_topin2 {
        width: 39%;
        margin-right: 0px;
        float: right !important;
    }

    .footer_topin3 {
        display: none
    }

    .footer_topin2 img {
        margin: 0 0 0 10px;
    }
    /*.searchbox{
        margin-top:10px;
    }*/
}

@media (max-width:1040px) {
    .footer_topin1 {
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }
    .searchinput {
        width: 74%;
    }
    .footer_topin2 {
        display: none;
        width: 35%;
        margin-right: 0px;
        float: right !important;
    }

    .footer_topin3 {
        display: none
    }

    .footer_topin2 img {
        margin: 0 0 0 10px;
    }
}

.footer_botoom {
    background: #d6d6d6;
    padding: 40px 0;
}

.col_bottom {
    width: 19%;
    margin-right: 25px;
}

.col_bottomerwei {
    width: 16%;
    margin-right: 0px;
}

.col_tit {
    font-size: 20px;
    color: #000;
    background: url(../img/bottombg.jpg)no-repeat bottom;
    background-size: contain;
    height: 40px;
}

.col_bottom ul {
    width: 100%;
    margin-top: 20px;
}

    .col_bottom ul li {
        padding-left: 0px;
        height: 30px;
        line-height: 30px;
    }

        .col_bottom ul li:before {
            color: #f27f00;
            content: ">";
            font-family: '宋体';
        }

        .col_bottom ul li a {
            font-size: 15px;
            padding-left: 10px;
            color: #333;
            font-weight: normal;
            font-family: inherit;
        }
            .col_bottom ul li a .fa {
                margin-right:10px;
            }

.col_bottomerwei img {
    /*width: 170px;*/
    /*height: 153px;*/
    margin-left:-100px;
}

.copyright {
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'Century Gothic';
}

    .copyright a {
        color: #f27f00;
    }

@media (max-width:1440px) {
    .col5 {
        display: none
    }

    .col_bottom {
        width: 18%;
    }
}

@media (max-width:1040px) {
    .col5 {
        display: none
    }

    .col4 {
        display: none
    }

    .col_bottom {
        width: 24%;
    }
}

/*模块1*/
.sponeinfo {
    padding: 20px 0;
}

.leftdaohang {
    height: 425px;
    padding: 0;
    width: 21.5%;
    background: #fff;
    border-top: 2px solid #f27f00;
    margin-right: 20px;
}

@media (max-width:992px) {
    .leftdaohang {
        display: none
    }
}

.leftdaohaoin {
    padding: 20px;
}

.leftdaohanghead {
    height: 54px;
    background: #106eec;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 54px;
}

.leftdaohangul {
    width: 100%;
    height: 364px;
    background: #fff;
    margin-bottom: 0px;
    background-size: 13%;
    background-position-x: 145px;
    background-position-y: -1px;
    margin-top: 15px;
}

    .leftdaohangul li {
        padding: 0 20px;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #ddd;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #a7383b;
    }

        .leftdaohangul li:before {
            color: #ddd;
            content: ">";
            font-family: '宋体';
        }

        .leftdaohangul li a {
            color: #333;
        }

        .leftdaohangul li:hover {
            background: #fff;
        }

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 180%;
    font-size: 14px;
    font-family: Arial;
    color: #666;
    background-color: #f2f3f7;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #333;
}

ul, dl, ol {
    list-style: none;
}

img {
    border: none 0;
    vertical-align: middle;
}

.textcenter {
    text-align: center;
}

.clearfix {
    clear: both;
}

.main {
    width: 100%;
    min-width: 1000px;
}

@media (max-width:1040px) {
    .main {
        width: 100%;
        min-width: auto;
    }
}

.area {
    width: 1400px;
    height: auto;
    margin: auto auto;
}

@media (max-width:1440px) {
    .area {
        width: 1200px;
        margin: auto
    }
}

@media (max-width:1240px) {
    .area {
        width: 1000px;
        margin: auto
    }
}

@media (max-width:1040px) {
    .area {
        width: 800px;
        margin: auto
    }
}

.fonts21 {
    font-size: 21px;
}

.fonts34 {
    font-size: 34px;
    padding-top: 27px !important;
    color: #f00;
}

.tl {
    text-align: left;
    padding-left: 15px;
}

.bgh {
    background: #f6f6f6;
}



.ab_menuleft {
    width: 255px;
    height: 1000px;
    position: fixed;
    left: -255px;
    background: #f5f7fa;
    top: 0;
    display: none;
    box-shadow: 2px 0 6px 0 #B4B4B4;
}

.in_menuleft {
    padding: 20px;
}

.closemenu {
    color: #333;
    font-size: 18px;
    cursor: pointer;
}

    .closemenu img {
        margin-right: 10px;
    }

/*模块6*/
.spsixinfo {
    padding: 0 0 50px 0;
}

.spsixinfo_in h2 {
    margin-bottom: 20px;
    font-size: 25px;
    color: #000;
    text-transform: uppercase;
}

    .spsixinfo_in h2 img {
        margin-right: 10px;
        margin-top: -5px;
    }

.countrybox {
    background: #fff;
    width: 100%;
    border: 1px solid #ddd;
}

.countrybox_in {
    padding: 20px 40px;
}

.countryul {
    width: 100%;
    overflow: hidden;
}

    .countryul li {
        float: left;
        width: 101px;
        text-align: center;
    }

        .countryul li p {
            color: #333;
            font-size: 15px;
        }

.dlztin {
    height: 41px;
    width: 60%;
    text-align: center;
    line-height: 41px;
    color: #333;
    font-size: 14px;
    margin-right: 10px;
    background: #f27f00;
    color: #FFFFFF;
}

    .dlztin a {
        color: #fff;
    }

.logoff {
    line-height: 41px;
    margin-left: 10px;
    padding: 0 10px;
    background: #f27f00;
    color: #fff;
    border-radius: 3px;
}

    .logoff a {
        color: #fff;
    }

@media (max-width:1440px) {
    .dlztin {
        width: 55%;
    }
}

@media (max-width:1240px) {
    .dlztin {
        width: 50%;
    }
}
.notfound {
    background: #fff;
}

    .notfound .fl {
        width: 50%;
    }

        .notfound .fl img {
            width: 100%;
        }
.wordTip {
    padding-left: 18px;
    line-height: 35px;
}
    .wordTip li {
        color: #999;
        font-size: 15px;
        list-style-type: disc;
    }
    .notfound .fr {
        width: 50%;
    }

        .notfound .fr h3 {
            /*padding-top: 49px;*/
            padding-top:125px;
            /*width: 77%;*/
            font-size: 18px;
            line-height: 35px;
            font-weight: normal;
            color: #333;
        }

.joinfree {
    height: 41px;
    width: 22%;
    background: #f27f00;
    text-align: center;
    line-height: 41px;
    color: #fff;
    font-size: 16px;
    min-width: 105px;
    margin-right: 10px;
    border-radius: 2px;
}
@media (max-width:1440px) {
  .joinfree {
        min-width: 86px;
    }
}

@media (max-width:1240px) {
    .joinfree {
        min-width: 0px;
        font-size: 12px;
        width: 19%;
    }
}
       .joinfree:hover {
          background: #e35300;
    }

.pr10{
    padding-right:10px;
}
.pagelistul li.active {
    background: #f27f00;
    border: none;
}

.pagelistul li a {
    padding: 0 10px;
    cursor: pointer;
}

.pagelistul li.active a {
    color: #fff
}

.pagelistul li.disable {
    background: #ccc;
    border: none;
}

    .pagelistul li.disable a {
        color: #fff
    }

.searchpopular {
    width: 77.5%;
    background: #fff;
    position: absolute;
    z-index: 99;
    left: 99px;
    padding: 20px 0;
    display: none;
    box-shadow: 0 4px 5px rgba(0,0,0,0.2);
}
.searchpopular ul li{
    height:26px;
    line-height:26px;
}
    .searchpopular ul li a{
        line-height:26px;
    }
    .J-searchHistory {
        padding: 0 15px;
    }
.lioverflow {
    /*width: 200px;*/
    max-width: 200px;
    -webkit-transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f27f00;
    padding:0 15px;
    cursor:pointer;
}
.searchpopularin p {
    height: 25px;
}
.J-clear-search-history {
    float: right;
    font-size: 14px;
    color: #1470cc;
}
.J-search-tip-item {
    display: inline-block;
    border: 1px solid #f27f00;
    border-radius: 3px;
    margin-right: 9px;
    margin-bottom: 10px;
}
/*.J-search-tip-item :hover{
    background:#f9eada;
}*/
.J-searchHistory ul .J-search-tip-item:hover {
    background: #f9eada;
}
.J-search-tip-item a {
    padding: 0 10px;
    color: #f27f00;
}
/*.m-search-tip-clear {
    text-align: right;
}
.m-search-tip-clear a {
   
}*/
.m-search-tip-title {
    font-size: 14px;
    color: #999;
    margin-bottom: 6px;
    margin-top: 4px;
}

@media (max-width:1440px) {
    .searchpopular {
      left: 85px;
    }
}

@media (max-width:1240px) {
    .searchpopular {
      left: 75px;
    }
}
@media (max-width:1040px) {
    .searchpopular {
        left: 60px;
    }
}

.searchpopularin {
    padding: 0 15px;
}

    .searchpopularin p {
        color: #999;
        font-size: 14px;
        margin-top:4px;
    }

    .searchpopularin ul {
        width: 100%;
        margin-top: 6px;
    }

        .searchpopularin ul li {
            display: inline-block;
            border: 1px solid #f27f00;
            border-radius: 3px;
            margin-right: 5px;
            margin-bottom: 10px;
        }

            .searchpopularin ul li:hover {
                background: #f9eada;
            }

            .searchpopularin ul li a {
                color: #f27f00;
                padding: 0 10px;
            }

            /*.searchpopularin ul li:hover a {
                color: #fff;
            }*/
.supplier-card-icon {
    display: inline-block;
    width: 16px;
    height: 17px;
    vertical-align: top;
    background: url(../img/supplier-card-icon.png) -20px 1px no-repeat;
    margin-top: -1px;
}

.reinsurance {
    background-color: #d7d7d7;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 50px 0;
    justify-content: center
}

    .reinsurance li {
        display: flex;
        align-items: center;
        width: 20%;
        margin: 0 3%;
    }

        .reinsurance li img {
            height: 50px
        }

.footer_botoom {
    background-color: #f3f3f7
}


sponeinfo_in a:hover, .area a:hover, .goodtop a:hover {
    color: #f27f00 !important;
}
.allcate a {
    color: #333 !important;
}

    .allcate a:hover {
        color: #333 !important;
    } 
/*头部样式*/
.c333 {
    color: #333 !important;
}
.mr5{
    margin-right:5px;
}
/*头部样式*/
.backf27f00{
    background-color:#f27f00;
}
.searchli{
    padding-left:10px;
}
.backf27f00 a{
    color:white;
}
.backf27f00 a:hover{
    color:white !important;
}
.cate-icon {
    height: 100%;
    width: 15px;
    object-fit: contain;
    margin: 0 5px 0 10px
}


/*Added to Contact*/
.liDiv {
    min-height: 527px;
}
.compare-action {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    position: relative;
}

.listbox .compare-action {
    float: left;
    margin-top: 10px;
}

.listbox .products-info-contact {
    float: left;
}


.compare-action span {
    padding-left: 10px;
    display: inline-block;
}


/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
.compare-action-check + label {
    width: 14px;
    height: 14px;
    content: ' ';
    border: 1px solid #DAE2ED;
    border-radius: 1px;
    background-color: #FFF;
    position: absolute;
    left: 20px;
    margin-top: 4px;
}

/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
.compare-action-check:checked + label::before {
    font-size: 16px;
    line-height: 16px;
    content: '\2713';
    text-align: center;
    color: #FF7519;
    position: absolute;
}

.compare-action input[type=checkbox] {
    visibility: hidden;
}




/*Added to Contact*/


/*PC多产品发询盘 底部样式*/
.compare-panel {
    height: 60px;
    background: #666;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .compare-panel .button-area {
        float: right;
        height: 68px;
        color: #fff;
    }

        .compare-panel .button-area .contact-button {
            margin: 16px 20px;
            background: #FF7519;
            color: #FFF;
            border-color: #FF7519;
            /* box-sizing: border-box; */
            line-height: 28px;
            padding: 0 12px;
            border-color: transparent;
            border-radius: 3px;
            font-size: 14px;
            cursor: pointer;
        }

.clear-all, .close {
    display: inline-block;
    vertical-align: middle;
}

.button-area .clear-all {
    margin-right: 12px;
    cursor: pointer;
}

.button-area .close {
    position: relative;
    width: 60px;
    height: 100%;
    background: #555;
    cursor: pointer;
    display: inline-grid;
    align-items: Center;
    font-size: 16px;
    text-align:center;
}

.list-wrapper {
    padding-left: 252px;
    height: 60px;
    margin-right: 380px;
    position: relative;
}

    .list-wrapper .pre, .list-wrapper .next{
        display: block;
        position: absolute;
        top: 0;
        cursor: pointer;
        height: 60px;
        color: #999;
        font-size: 32px;
        line-height: 60px;
        width:32px;
    }

    .list-wrapper .next {
        right: 0;
        text-align: right;
        color: #fff;
    }

.cart-list {
    padding: 0 32px;
    overflow: hidden;
}

#productChache_listPC {
    position: relative;
    height: 60px;
    overflow: hidden;
}

.selected-all {
    margin-left: 0;
}
.selected-item{
    float: left;
    padding: 10px 6px;
}

    .selected-item .item-box {
        width: 160px;
        height: 40px;
        background: #fff;
        border-radius: 3px;
    }

.item-clear {
    position:relative;
    float: right;
    box-sizing: border-box;
    width: 20px;
    height: 100%;
    border-left: 1px solid #EBECF0;
    cursor: pointer;
}

.item-clear .fa{
    position: absolute;
    top: 50%;
    margin: -8px 0 0 4px;
    color: #C4C6CF;
}

.item-content {
    display: block;
    padding: 3px 20px 3px 3px;
    overflow: hidden;
}

.item-img {
    float: left;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;      
}
    .item-img img {
        max-width: 34px;
        max-height: 34px;
    }

.item-title {
    display: -webkit-box;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}
/*PC多产品发询盘 底部样式*/