﻿.Reagent-Mall ul li@charset "utf-8";
/* CSS Document */
.sea_type {
    clear: both;
    overflow: hidden;
}

.sea_type ul li {
    float: left;
    padding: 5px 15px;
}

    .sea_type ul li a:link {
        color: #000;
        font-family: '微软雅黑'
    }

    .sea_type ul li a:visited {
        color: #000
    }

    .sea_type ul li a:hover {
        color: #ff7300
    }

.current_type {
    background: #29b5ce;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.sea_type ul .current_type a:link, .sea_type ul .current_type a:visited {
    color: #fff;
}

.line {
    border-bottom: 1px dotted #ccc;
    margin: 10px 0;
}

.fold b {
    width: 16px;
    height: 10px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat 0px 0px;
    display: inline-block
}

.font12 {
    font-size: 12px;
}

.dow {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background-position: 0 -26px !important;
    position: relative
}

.more {
    width: 7px;
    height: 11px;
    background-position: -16px -26px !important;
    position: relative;
    margin-right: 3px;
}

.SelBox {
    width: 888px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    background: #fff
}

    .SelBox a {
        color: #222
    }

        .SelBox a:hover {
            color: #f00
        }

div[class="Sel_img"] {
    border: none
}

.Sel_Option, .Sel_img {
    border-top: 1px dotted #ccc;
    overflow: hidden;
}

.Sel_t {
    width: 80px;
    float: left;
    font-weight: bold;
    color: #646464;
    margin-left: 5px;
}

.Sel_c {
    float: left;
    width: 692px;
}

.Sel_O {
    clear: both;
    line-height: 25px;
    overflow: hidden;
    margin: 5px 0;
    height: 25px;
    position: relative
}

    .Sel_O ul li, .Sel_g ul li {
        margin-right: 20px;
        float: left;
        cursor: pointer; /* position:relative*/
    }

.SelBox1 ul li {
    margin-right: 10px
}

.Sel_O ul li:hover {
    color: #F00;
    cursor: pointer
}

.Sel_img .Sel_O {
    height: 49px;
    padding-top: 1px
}

.mul_but {
    text-align: center;
    clear: both;
    padding-top: 15px
}

.Sel_jt {
    width: 8px;
    height: 8px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat 0 1px;
    display: inline-block
}

.Sel_Y {
    background: #f5f5f5;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .Sel_Y ul li {
        float: left;
        background: #fafafa;
        border: 1px solid #d2d2d2;
        margin-right: 15px;
        color: #F00; /*height:20px; */
        line-height: 22px;
        padding: 0 25px 0 5px;
        position: relative
    }

        .Sel_Y ul li b {
            width: 18px;
            height: 21px;
            background-position: -188px -53px;
            cursor: pointer;
            border-left: 1px solid #d2d2d2;
            right: -1px;
            top: -1px;
            position: absolute;
        }

            .Sel_Y ul li b:hover {
                border: 1px solid #f00;
                width: 18px;
                height: 20px;
            }

.Sel_h {
    color: #F00
}

.icon_Pro {
    background: url(../image/icon_productlist.png?v=1.1) no-repeat;
    display: inline-block;
}

.Sel_MM {
    width: 95px;
    text-align: right;
    margin-right: 5px;
}

.Sel_dx {
    width: 8px;
    height: 8px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -21px 0;
    display: inline-block
}

.Sel_MMBox {
    border: 1px solid #ccc;
    background: #efefef;
    padding: 0 2px;
    color: #585858;
    font-size: 12px;
    cursor: pointer
}

    .Sel_MMBox:hover {
        border: 1px solid #F00;
        color: #F00;
        background: #fff
    }

        .Sel_MMBox:hover .Sel_dx {
            background-position: -21px -8px;
        }

        .Sel_MMBox:hover .Sel_jt {
            background-position: 0 -7px
        }

.Sel_img ul li {
    margin: -1px -1px 0 0;
    border: 1px solid #efefef;
    width: 125px;
    height: 48px;
    background: #fff;
    position: relative;
    verflow: hidden
}

.Sel_img a {
    width: 116px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    display: inline-block;
    line-height: 46px;
    padding: 0 3px
}

.Sel_img li img {
    width: 111px;
    height: 40px;
    margin: 5px;
    display: block
}

.Sel_img li:hover img {
    display: none
}

.Sel_img li:hover a {
    border: 1px solid #f00;
}

.Sel_more .Sel_O, .Sel_multiple .Sel_O {
    height: auto;
    overflow: hidden
}

.Sel_more .Sel_jt {
    width: 8px;
    height: 8px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -10px 1px;
    display: inline-block
}

.Sel_multiple li:before, .Sel_g li:before {
    content: "";
    height: 13px;
    width: 13px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -17px -220px;
    display: inline-block;
    margin-right: 2px;
    position: relative;
    top: 2px;
}

.Sel_multiple .Sel_h:before, .Sel_g .Sel_h:before {
    background-position: -43px -220px
}

.Sel_multiple .Sel_MM, .Sel_more .mul_but {
    display: none
}

.Sel_multiple {
    background: #fffccc
}

    .Sel_multiple .Sel_c {
        max-height: 300px;
        overflow: auto
    }

.Sel_more .Sel_c {
    max-height: 300px;
    overflow: auto
}

.Sel-sort {
    position: relative;
    top: 5px;
}

    .Sel-sort a {
        float: left;
        padding: 0 10px;
        height: 23px;
        border: 1px solid #CCC;
        line-height: 23px;
        font-size: 12px;
        margin-right: -1px;
        background: #FFF;
        color: #333
    }

        .Sel-sort a:hover {
            position: relative;
            text-decoration: none;
            border-color: #e4393c;
            color: #e4393c
        }

        .Sel-sort a.curr {
            background: #e4393c;
            color: #FFF;
            border-color: #e4393c
        }

    .Sel-sort .orderby-up, .Sel-sort .orderby-down {
        font-style: normal;
    }

.Buyhelp {
    width: 890px;
    height: auto;
    border: #01a16a solid 3px;
    margin-bottom: 10px;
    color: #6e6e6e;
    z-index: 666;
}

.headImg {
    background: url(../image/p-1.png) #01a16a;
    width: 890px;
    height: 97px;
}

.Buybox {
    text-align: center;
}

    .Buybox tr td {
        padding: 7px 4px;
        word-wrap: break-word;
    }

    .Buybox tr.bj-color {
        background: #fbfbfd;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
    }

.trap {
    height: 500px;
    overflow: auto;
}

.color_red {
    color: #F00;
}

.Sel_img li:before {
    content: none
}

.Sel_img .Sel_h:before {
    content: "";
    height: 13px;
    width: 13px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -72px -220px;
    display: block;
    margin-right: 2px;
    position: absolute;
    top: 33px;
    right: 0px;
}


.BulkInquiry {
    background: #ff7300;
    padding: 5px 10px;
    width: 122px;
    font: 18px "微软雅黑",Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 15px 0;
    cursor: pointer;
}

    .BulkInquiry b {
        width: 41px;
        height: 30px;
        background: url(../image/icon_productlist.png?v=1.1) no-repeat 0px -60px;
        display: block;
        float: right
    }

    .BulkInquiry:hover {
        background: #ff8900;
    }

.BulkInquiry_s {
    font-size: 13px;
    width: 80px;
    margin: 0
}

    .BulkInquiry_s b {
        width: 20px;
        height: 15px;
        background: url(../image/icon_productlist.png?v=1.1) no-repeat -85px -64px;
        display: block;
        float: right
    }

.ProLbox {
    line-height: 150%;
    border: 1px solid #cfcfcf;
    padding-bottom: 15px;
    clear: both;
    display: inline-table;
    width: 888px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px
}

.ProLboxTit {
    background: #f5f5f5;
    padding: 8px;
    height: 23px;
    margin-bottom: 15px;
}

.stockicon {
    background: #01a16a;
    font-style: normal;
    font: 13px "宋体";
    padding: 2px;
    color: #fff;
}

    .stockicon i {
        background: #ccffed;
        border: 1px solid #01a16a;
        color: #01a16a;
        text-align: center;
        position: relative;
        top: 0;
        right: -2px;
        font: 13px "宋体";
        display: inline-block;
    }

        .stockicon i:before {
            content: "";
            width: 0;
            height: 0;
            border-width: 5px 5px 5px 0;
            border-style: solid;
            border-color: transparent #ccffed transparent transparent;
            display: inline-block;
            position: absolute;
            left: -4px;
            top: 3px;
        }

.goodRSicon {
    width: 40px;
    height: 25px;
    border-radius: 20px;
    background: #01a16a;
    color: #fff;
    padding: 3px 5px 2px 5px;
    font-size: 13px;
    margin-left: 5px;
    font-style: normal;
}

.type1 {
    height: 16px;
    background: #fef1c9;
    border: 1px solid #fc9c33;
    border-radius: 2px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0 1px;
    color: #f00;
    margin: 0 3px;
    position: relative;
    top: -1px;
    display: inline-block;
}

.type2 {
    height: 16px;
    background: #effff9;
    border: 1px solid #01a16a;
    border-radius: 2px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0 1px;
    color: #01a16a;
    margin: 0 3px;
    position: relative;
    top: -1px;
    display: inline-block;
}

.type3 {
    height: 16px;
    background: #fff;
    border: 1px solid #f00;
    border-radius: 1px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0 1px;
    color: #f00;
    margin: 5px 3px;
    position: relative;
    display: inline-block;
}

.xinpin {
    height: 16px;
    background: red;
    border-radius: 3px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 1px 4px;
    color: #fff;
    margin: 5px 3px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.Honest {
    position: relative;
    display: inline-block;
    color: #efefef;
    font-size: 0;
    width: 19px;
    height: 20px;
    margin-right: 5px;
    top: -3px;
}

.Honest1 {
    background: url(../image/icon_icon.png) no-repeat 0 -120px;
    width: 19px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0px
}

.Honestvip {
    background: url(../image/icon_icon.png) no-repeat 0 -142px;
    width: 75px;
    height: 20px;
    display: block;
    position: absolute;
    top: -5px
}

.goldlogo {
    margin-left: 78px;
    display: inline-block
}

    .goldlogo img {
        max-width: 300px;
        max-height: 80px;
    }

.PLPrice {
    padding: 8px 0;
    overflow: hidden;
    clear: both
}

    .PLPrice li {
        float: left;
        padding-right: 8px;
        margin-right: 8px;
        border-right: 1px solid #ddd;
        font-size: 0px;
        line-height: 100%;
    }

        .PLPrice li:last-child {
            border: none
        }

    .PLPrice td {
        border-bottom: 1px dotted #ddd;
        text-align: right;
    }

    .PLPrice tr:last-child td, .zxb-PLPrice {
        border: none
    }

    .PLPrice strong {
        color: #f00;
        font-size: 15px;
        margin-right: 5px;
    }

        .PLPrice strong i {
            font-style: normal;
        }

    .PLPrice li span {
        font: 13px Arial, Helvetica, sans-serif
    }

.ProCname {
    color: #000;
    position: relative
}

.ProLbox h1 {
    font: 14px/22px Arial, Helvetica, sans-serif;
    padding: 0;
    float: left
}

.ProLbox h2 {
    font: 13px/150% Arial, Helvetica, sans-serif;
    padding: 0;
    display: inline-block
}

.ProLbox h3 {
    font: 13px/150% Arial, Helvetica, sans-serif;
    padding: 0
}

.gold {
    color: #F00;
    display: inline-block;
    margin: 0 3px;
    font-size: 13px;
    font-weight: normal
}

.ProDetaName .gold {
    position: relative;
    top: 0;
    width: 80px;
}

.OverH {
    max-width: 610px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative; /* display:inline-block; display:table;*/
    float: left
}
/*.OverH1{max-width:600px}*/
.ProTab {
}

    .ProTab a {
        padding: 0 8px;
        border: 1px solid #d2d2d2;
        display: inline-block;
        background: #fff;
        margin: 5px 5px 5px 0;
        color: #222;
    }

        .ProTab a:hover {
            border: 1px solid #ff7300;
            cursor: pointer;
            color: #ff7300
        }

.MoreIcon {
    width: 5px;
    height: 9px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -195px 0;
    display: inline-block;
    margin-left: 5px;
}
/*.td2 ul li{ position:relative;display:table}*/
.ProimgBox {
    margin-right: 15px;
}

.Proimg, .std1img {
    border: 1px solid #ccc;
    width: 122px;
    height: 94px;
    text-align: center;
    background: #fff;
    display: table-cell;
    vertical-align: middle
}

    .Proimg img, .std1img img {
        max-width: 120px;
        max-height: 92px;
        border: 1px solid #fff;
        vertical-align: middle
    }

.Proimg { /* display:table;*/
    margin-bottom: 6px
}

    .Proimg a {
        width: 122px;
        height: 94px;
        display: table-cell;
        vertical-align: middle
    }

.ProLinquiry {
    float: right
}

    .ProLinquiry input {
        width: 70px;
        height: 23px;
        padding: 2px 0;
    }

.Sel_t1 {
    width: 70px;
    float: left;
    background: #555;
    color: #eee;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    margin-right: 15px
}

.Sel_g {
    padding: 0;
    line-height: 35px;
    background: #f5f5f5;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    width: 889px;
    height: 35px;
}

    .Sel_g input[class="Sel_cb"], .Sel_O input[class="Sel_cb"] {
        border: 1px solid #ccc;
        background: none;
        margin-right: 3px
    }

    .Sel_g ul li:hover {
        color: #F00;
        background: #f5f5f5
    }

.SelBox1 .Sel_c {
    width: 900px;
    padding-left: 15px;
}

.DetailBox {
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    white-space: normal;
    line-height: 125%;
    word-break: break-all;
    display: none;
    z-index: 9;
    font-size: 12px;
    box-shadow: 2px 2px 2px #666;
}

    .DetailBox div {
        border-bottom: 1px dotted #ccc;
        padding: 5px 0;
    }

.ProCname:hover .DetailBox {
    display: block;
    position: absolute;
    top: 24px;
    width: 192px;
}

.DetailBox:before {
    content: "";
    width: 16px;
    height: 8px;
    display: inline-block;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -184px -92px;
    position: absolute;
    top: -8px;
    left: 28px;
}

.pageBox {
    overflow: hidden;
    margin: 20px 0;
    clear: both
}

.t {
    width: 19px;
    height: 16px;
    display: inline-block;
    margin: 0 5px;
    background: url(../image/icon_icon.png) no-repeat;
    position: relative;
    top: 3px;
}

.t1 {
    background-position: 0 -40px;
}

.t2 {
    background-position: -30px -40px;
}

.t6::before {
    content: '';
    width: 17px;
    height: 13px;
    background: url(../image/icon_icon.png) no-repeat -162px -177px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.t7::before {
    content: '';
    width: 15px;
    height: 12px;
    background: url(../image/icon_icon.png) no-repeat -164px -198px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.t1big {
    background-position: 0 0;
    width: 78px;
    height: 23px;
}

.t2big {
    background-position: 0 -80px;
    width: 78px;
    height: 23px;
}

.ProInfBox {
    width: 430px
}

.t3_box {
    margin-left: 3px;
}

.t3 {
    position: relative;
    text-decoration: none;
    color: #fff;
    background: #01a16a;
    font: 13px "宋体";
    padding: 2px 3px;
    font-style: normal;
}

.t3_num {
    border: 1px solid #01a16a;
    color: #01a16a !important;
    font-style: normal;
    padding: 1px 2px;
    font: 13px "宋体";
}

.t4 {
    background-position: -0px -60px
}

.Top:before {
    content: "";
    width: 21px;
    height: 71px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.Top1:before {
    background: url(../image/icon_productlist.png?v=1.1) no-repeat 0 -100px
}

.Top2:before {
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -21px -100px
}

.Top3:before {
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -42px -100px
}

.Top {
    border: 1px solid #f00;
}

    .Top .ProLboxTit {
        padding-left: 30px
    }

    .Top .b1 {
        padding-left: 30px;
        width: 420px
    }

.zt:before {
    content: "展台";
    background: #ff7300;
    color: #fff;
    padding: 1px 2px;
    font-size: 12px;
    margin-right: 3px;
    font-weight: normal;
}

.za {
    width: 10px;
    height: 10px;
    background-position: -11px -220px;
    margin: 12px 0 0 2px
}

.az {
    width: 10px;
    height: 10px;
    background-position: 0 -220px;
    margin: 12px 0 0 2px
}

.Currency {
    font-size: 11px;
    display: inline-block;
    margin-right: 2px;
}

.PriceTime {
    font-size: 12px;
    color: #999;
    text-align: center;
}

.bookq {
    background: #ff7300;
    color: #fff !important;
    padding: 1px 4px;
    font-size: 13px;
    margin: 0 3px;
}


.TwoWeek {
    width: 889px;
    height: 30px;
    margin-top: 15px;
    z-index: 555
}

    .TwoWeektitle, .TwoWeek a {
        margin: 0 10px 0 0;
        padding: 5px 8px;
        position: relative;
        display: block;
        float: left
    }

.TwoWeektitle {
    border: 1px solid #ccc;
    position: relative;
    line-height: 20px
}

    .TwoWeektitle:after {
        content: "";
        width: 6px;
        height: 26px;
        background: url(../image/icon_productlist.png?v=1.1) no-repeat -100px -220px;
        position: absolute;
        right: -5px;
        top: 6px;
    }

.TwoWeek1 {
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: -17px;
    min-width: 180px;
    height: auto;
    padding: 10px 30px 20px 30px;
    background: #fff;
    box-shadow: 0px -1px 8px #999;
    z-index: 4;
    color: #888;
    transition: all 100ms;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    opacity: 0.01;
    line-height: 25px;
}

.TwoWeek a:hover .TwoWeek1 {
    visibility: visible;
    top: 26px;
    left: -17px;
    opacity: 1
}

.TwoWeek1:before {
    content: "▲";
    color: #fff;
    position: absolute;
    top: -14px;
    left: 60px;
}

.TwoWeek1 dl dt {
    display: inline-block;
    width: 68px;
}

.TwoWeek1 dl dd {
    padding: 2px 10px;
    color: #333;
    display: inline-block;
    margin: 1px
}

.TwoWeekbut {
    padding: 10px 0
}

.choiceness {
    width: 95px;
    height: 39px;
    background: url(../image/icon_icon.png) no-repeat 0 -399px;
    display: inline-block;
    float: left;
    position: relative;
    top: -8px;
    left: -8px;
}

.ChoNessBj {
    background: -webkit-linear-gradient(left, #29b5ce 0%, #a9def1 25%,#f5f5f5 40%);
}

.ChoNessBj {
    background: -ms-linear-gradient(left, #29b5ce 0%, #a9def1 25%,#f5f5f5 40%);
}

/*直销宝优惠券右侧增加*/
.cb-toolbar-panels {
    width: 270px;
    height: 100%;
    background: #f0efef;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    border-left: 5px solid #29b5ce;
}

.cb-tbar-panel-header {
    position: relative;
    width: 270px;
    height: 40px;
    line-height: 40px;
}

    .cb-tbar-panel-header .title {
        font-size: 16px;
        margin-left: 15px;
        color: #666666
    }

    .cb-tbar-panel-header .explanation {
        font-size: 12px;
        color: #999;
        margin-left: 10px;
    }

.icon-no-coupon {
    background: url(../image/icon_code.png) no-repeat -261px 0;
    width: 134px;
    height: 99px;
    position: relative;
    left: 70px;
    display: block;
}

.nothing p {
    text-align: center;
    color: #666666;
    margin-top: 20px
}

.nothing {
    margin: 10px 0px;
}

.coupon-wrap {
    width: 250px;
    font-size: 12px;
    text-align: left;
    margin: 0 auto;
}

    .coupon-wrap .coupon-type {
        width: 250px;
        height: 19px;
        line-height: 0px;
        font-family: "microsoft yahei";
        font-size: 14px;
        color: #666;
        margin-top: 32px;
        text-align: center;
        background: url(../image/icon_code.png) no-repeat;
        _background: url(../image/icon_code.png) no-repeat;
        background-position: -155px -109px;
    }

    .coupon-wrap .coupon-item {
        margin: 10px 0 0 2px;
        width: 240px;
        min-height: 106px;
        background-color: #fff;
        position: relative;
    }

/*券*/
.cb-tbar-panel-main::-webkit-scrollbar {
    width: 5px;
}

.cb-tbar-panel-main::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: rgba(0,0,0,0.5);
}

.coupon-wrap .coupon-item .item-wrap {
    min-height: 110px;
    padding: 8px 10px 5px 15px;
    position: relative;
    font-family: "Microsoft Yahei";
}

.coupon-wrap .coupon-item .coupon-price {
    float: left;
    width: 180px;
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    display: inline;
    padding-top: 12px;
    color: #ff6800;
}

.coupon-item .coupon-price .token {
    position: relative;
    font-size: 16px;
    top: -8px;
    _top: -8px;
    left: 2px;
    font-weight: 400;
}

.coupon-wrap .coupon-item .coupon-price span.coupon-val {
    font-size: 28px
}

.coupon-item .coupon-name {
    font-size: 12px;
    font-weight: normal;
    padding-left: 8px;
}

.coupon-wrap .coupon-item .coupon-info {
    float: left;
    display: inline;
    width: 180px;
    margin: 0 2px 0 0;
    height: auto;
    line-height: 18px;
    color: #666;
    position: relative
}

    .coupon-wrap .coupon-item .coupon-info p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999
    }

.coupon-info .condition {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    color: #777;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    vertical-align: middle;
}

.coupon-info .tag {
    display: inline-block;
    padding: 0 3px;
    border-radius: 2px;
    line-height: 18px;
    border: 1px solid #333;
    vertical-align: middle;
}

.coupon-item .btn-get:before {
    content: '';
    background: url(../image/icon_code.png) no-repeat -389px -131px;
    _background: url(../image/icon_code.png) no-repeat -389px -131px;
    width: 8px;
    height: 123px;
    position: absolute;
    left: -3px;
    top: 0px
}

.coupon-item .btn-get {
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    width: 12px;
    line-height: 19px;
    color: #fff;
    clear: both;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ff6800;
    padding: 20px 10px 0;
}

    .coupon-item .btn-get:hover {
        color: #933c00;
    }

.coupon-item .coupon-time {
    clear: both;
    width: 190px;
    color: #999;
}

.coupon-item .exfire {
    position: absolute;
    background: #fcdbb8;
    color: #333;
    width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 0;
    right: 40px;
}

.coupon-get-success {
    width: 220px;
    background: #fff3e2;
    padding: 10PX;
}

    .coupon-get-success H2 {
        text-align: center;
        color: #d21623
    }

    .coupon-get-success P {
        color: #8a5f20
    }
/*直销宝优惠券右侧增加*/
.quan-item {
    position: relative;
    float: left;
    height: 16px;
    padding-left: 2px;
    line-height: 16px;
    text-align: center;
    border-top: 1px solid #df3033;
    border-bottom: 1px solid #df3033;
    background: #ffdedf;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 13px;
    cursor: pointer
}

    .quan-item b, .quan-item s {
        position: absolute;
        top: -1px;
        display: block;
        height: 18px;
        width: 2px;
        overflow: hidden;
        background: url(../image/zxb-icon.png) no-repeat
    }

    .quan-item s {
        left: 0;
        background-position: -114px 0
    }

    .quan-item b {
        right: -2px;
        background-position: -112px 0
    }

    .quan-item .text {
        padding: 0 8px;
        color: #df3033;
        font-size: 12px
    }

.J-open-jf {
    height: 16px;
    background: #fff;
    border: 1px solid #fc9c33;
    border-radius: 2px;
    padding: 0 8px;
    color: #f00;
    font-size: 12px;
    position: relative;
    font-style: normal;
    top: -1px;
}

.p-icons {
    padding: 0px 10px;
    box-sizing: border-box;
    height: 20px;
    position: relative;
    top: -2px
}

    .p-icons .I-r {
        float: right;
    }
/*优惠券标识以上*/
.customer-card {
    width: 90%;
    background: #e5e5e5 url(../image/icon_code.png) no-repeat 14px -112px;
    height: 70px;
    margin: 0px auto;
    border-radius: 5px;
}

    .customer-card h2 {
        color: #29b5ce;
        font-size: 22px;
        padding: 12px 0px 0 80px;
    }

    .customer-card p {
        color: #666;
        margin: 0px 0 0 80px;
    }

.markerting {
    width: 168px;
    height: 380px;
    background: #fff;
    box-shadow: 0px 0px 6px #a8a8a8;
    display: block;
    position: fixed;
    bottom: 80px;
    right: 10px;
}

    .markerting .T-T {
        background: #29b5ce;
        height: 30px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 15px;
        color: #FFF;
    }

.markerBox {
    line-height: 26px;
    padding: 10px 0 0 50px;
    position: relative;
    border-bottom: 1px dotted #b8b8b8;
}

    .markerBox:before {
        content: '';
        background: url(../image/icon_code.png) no-repeat 0 -186px;
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        left: 15px;
        top: 24px;
    }

    .markerBox .M-1 {
        font-weight: bold;
        font-size: 15px;
        color: #666;
    }

    .markerBox .M-2 {
        font-weight: bold;
        font-size: 18px;
        color: #29b5ce;
    }

        .markerBox .M-2 span {
            font-size: 12px;
            margin: 0px 3px
        }

    .markerBox img {
        margin-bottom: 10px;
    }

.BISbutton {
    border-top: 0px dotted #ccc;
    padding-top: 10px;
    margin-top: 10px;
    line-height: 30px;
    width: 240px;
}

.RBBox {
    height: auto;
    position: absolute;
    bottom: 50px;
    left: -39px;
    text-align: right;
    z-index: 99;
}

.RBBox1 {
    margin-bottom: 3px;
    z-index: 10;
    height: 36px;
    width: 35px;
    position: relative;
}

    .RBBox1 .coupon-float-box {
        width: 35px;
        height: 36px;
    }

        .RBBox1 .coupon-float-box:hover {
            background-position: -35px 0;
        }

        .RBBox1 .coupon-float-box .coupon-icon {
            background: url(../image/icon_code.png) no-repeat 0px -66px;
            width: 35px;
            height: 36px;
            display: block;
            left: 12px;
            top: 16px;
            position: relative
        }

    .RBBox1 .qr-code {
        background-position: 0 -111px;
        position: relative;
    }

        .RBBox1 .qr-code p {
            margin-top: 136px;
            text-align: center;
            font-size: 14px;
            line-height: 20px;
            color: #666;
        }

    .RBBox1 .code {
        width: 142px;
        height: 185px;
        background: #FFF url(../image/icon_code.png) no-repeat 7px -258px;
        position: absolute;
        box-shadow: 0px 0px 3px #666;
        left: -150px;
        visibility: hidden
    }

    .RBBox1 .qr-code:hover {
        background-position: -174px -111px;
    }

        .RBBox1 .qr-code:hover .code {
            visibility: visible;
        }

.RBBox a {
    height: 36px;
    width: 35px;
    font-size: 0px;
    line-height: 0;
    display: block;
    float: right;
    background: url(../image/icon_right2.png) no-repeat;
    transition: width 0.1s;
    -webkit-transition: width 0.1s;
    border-radius: 3px;
}

.RBBox1 .buy {
    background-position: 0 -74px;
}

    .RBBox1 .buy:hover {
        background-position: -174px -74px;
    }

.RBBox1 .yhq {
    background-position: 0 0;
}

    .RBBox1 .yhq:hover {
        background-position: -65px 0;
        width: 144px;
        box-shadow: 0 0 5px #999;
        border-left: 1px solid #ff7300
    }

.RBBox1 .QQ {
    background: url(../image/icon_right2.png) no-repeat 0 -148px;
    height: 36px;
    width: 35px;
    cursor: pointer;
    position: relative
}

    .RBBox1 .QQ:hover {
        background-position: -174px -148px;
    }

    .RBBox1 .QQ .QQ_1 {
        display: none;
        position: absolute;
        top: -75px;
        right: 36px;
        width: 120px;
        padding: 20px;
        background: #fff;
        border: 1px solid #ff7300;
        text-align: left;
        line-height: 24px;
    }

    .RBBox1 .QQ:hover .QQ_1 {
        display: block;
    }

.RBBox1 .QQ_2 {
    height: auto;
    float: none;
    width: auto;
    background: none
}

.RBBox1 .User {
    background-position: 0 -37px
}

    .RBBox1 .User:hover {
        background-position: -80px -37px;
        width: 129px;
        box-shadow: 0 0 5px #999;
        border-left: 1px solid #ff7300
    }

.RBBox1 .Toprb {
    background-position: 0 -185px
}

    .RBBox1 .Toprb:hover {
        background-position: -80px -185px;
        width: 129px;
        box-shadow: 0 0 5px #999;
        border-left: 1px solid #ff7300
    }

.UserNo {
    background: #f00;
    border: 2px solid #fff;
    padding: 0 5px;
    color: #fff;
    position: absolute;
    bottom: 14px;
    left: -14px;
    font: 11px Arial, Helvetica, sans-serif;
    border-radius: 20px;
}

.RBBox1 .Tel {
    background-position: 0 -222px;
}

    .RBBox1 .Tel:hover {
        background-position: -174px -222px;
        box-shadow: 0 0 5px #999;
        border-left: 1px solid #ff7300
    }

.forum p {
    font-size: 17px;
    margin: 10px 0 0 0;
    font-weight: bold;
    padding: 10px 0 9px 78px;
}

.forum .bubu {
    background: #26C6DA;
    padding: 3px 10px;
    border-radius: 18px;
    color: #Fff;
    margin: 1px 0 0 75px;
}



.gold_p1 {
    height: 45px;
    background: #ccc;
    display: inline-block;
    float: left;
    width: 40px;
    clear: none;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat 0 -240px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.gold_p {
    height: 21px;
    display: inline-block;
    width: 21px;
    background: url(../../Content/img/en-icon_productlist.png?v=1.1) no-repeat -63px -27px;
    float: left;
}

.brand_p {
    height: 25px;
    display: block;
    width: 30px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat 0 -290px;
    position: absolute;
}

brand_p + h1 {
    padding-left: 50px;
}

.gold_p1, .brand_p {
    margin-right: 15px;
}

.gold_p + h1 {
    margin-left: 15px;
}
/*宽屏样式*/
.TitleBox_w {
    padding: 20px 0;
    margin-top: 20px;
    box-shadow: 2px 2px 2px #ccc;
    border-bottom: 1px solid #aaa\9;
}

.Supplier1 {
    position: relative;
    min-height: 68px;
}

    .Supplier1 ul {
        display: inline-table;
    }

    .Supplier1 li {
        display: table-cell;
        vertical-align: top;
        min-height: 50px;
        padding-right: 25px
    }

    .Supplier1 .t {
        top: 1px
    }

.SupLogo {
    text-align: center
}

.SupName {
    max-width: 360px;
    word-break: break-all;
}

    .SupName h2 {
        padding: 0
    }

.Supicon {
    width: 200px;
}

.SupLogo img {
    max-height: 60px;
    width: auto;
    max-width: 180px;
}

.playicon {
    height: 136px;
    width: 270px;
    background: url(../image/zzh.png) no-repeat 0 0;
    position: absolute;
    display: block;
    right: -15px;
    top: -45px
}

.rabbit {
    position: relative;
    margin-bottom: 5px;
    display: block
}

.SamePbox {
    height: auto;
    padding: 20px 0;
    overflow: hidden
}

.SamePth, .SamePtd {
    font-size: 0;
    -webkit-text-size-adjust: none;
    display: inline-table
}

    .SamePth li, .SamePtd li {
        display: table-cell;
        font-size: 13px;
        vertical-align: top;
        word-break: break-all;
        line-height: 22px;
        min-height: 80px;
    }

    .SamePth li {
        line-height: 30px;
        min-height: 30px
    }

.SamePth {
    border-bottom: 1px solid #ddd;
    color: #999;
    padding: 0 5px;
}

.SamePtd {
    border-bottom: 1px solid #ddd;
    padding: 15px 5px;
    float: left
}

    .SamePtd:hover {
        background: #f9f9f9
    }

.SameGold {
    display: inline-block;
    font-size: 14px;
    font-weight: normal
}

.std1 {
    width: 140px;
    text-align: center;
}

.std2 {
    width: 440px;
}

.std3 {
    width: 150px;
    text-align: center;
}

.std4 {
    width: 200px;
    text-align: center
}

.std5 {
    width: 185px;
    text-align: center
}

.std6 {
    width: 85px;
    text-align: right
}

.std5 .a {
    padding-right: 5px;
    min-width: 50px;
    text-align: left;
    display: inline-block
}

.std4 table td strong {
    padding-left: 6px;
}

.up > a {
    width: 37px;
    height: 13px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -123px -322px;
    display: block;
    margin: 1px auto
}

    .up > a:hover {
        background-position: -163px -322px;
    }

.open > a {
    width: 37px;
    height: 13px;
    background: url(../image/icon_productlist.png?v=1.1) no-repeat -123px -336px;
    display: block;
    margin: 1px auto
}

    .open > a:hover {
        background-position: -163px -336px;
    }

.up .o {
    display: none
}

.o {
    border: 1px dashed #ccc;
    width: 146px;
    color: #333;
    background: #fff;
    padding: 8px 10px 8px 0;
    text-align: right;
    margin: auto
}

    .o span {
        margin-left: 10px;
    }

    .o p {
        margin-top: 5px;
        font-size: 12px;
    }

.noF:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
}

.orcblistbox {
    width: 800px;
    clear: both;
}

.orcblist {
    padding: 10px 0;
    border-bottom: 1px solid #cfcfcf;
    overflow: hidden;
    display: inline-table;
}

    .orcblist .Proimg a {
        width: 122px;
        height: auto;
        display: inline;
        vertical-align: middle
    }

.ADboxR {
    width: 168px;
    margin-left: 22px;
}

    .ADboxR img {
        width: 166px;
        max-height: 166px;
        border: 1px solid #555;
        margin-bottom: 1px
    }

.proinfolist {
    margin: 0 20px;
    width: 476px;
}

    .proinfolist li span {
        color: #aaa;
        min-width: 80px;
        display: inline-block
    }

    .proinfolist li {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
    }

.Supplier2 {
    width: 160px;
}

    .Supplier2 a {
        display: block;
        padding: 2px 10px;
        border-bottom: 1px dotted #ccc;
    }

        .Supplier2 a:hover {
            background: #f5f5f5
        }

        .Supplier2 a:last-child {
            border: none
        }

.imgbox {
    display: inline-table
}

li[class="liw"] {
    padding-right: 20px;
    width: auto
}

    li[class="liw"] span {
        min-width: 20px;
    }

.myAD {
    background: #fff;
    width: 168px;
    text-align: center;
    display: block;
    margin: 10px 0 0 0
}

.ProBox {
    padding: 20px 0;
}

    .ProBox:after {
        content: ".";
        height: 0;
        visibility: hidden;
        clear: both;
        display: block
    }

.ProSearchbox {
    background: #fff;
    width: 890px;
}

.ProListBox {
    margin-top: 15px;
}

.ProListLeft {
    width: 285px;
}

.PLbox {
    padding: 10px 10px;
    background: #fff;
    border: 1px solid #ccc;
    word-break: break-all;
    margin-bottom: 10px
}

.warn {
    background: #fcf9e5 url(https://www.chemicalbook.com/image/warn.png) no-repeat 5px 5px;
    background-size: 23px 19px;
    margin-bottom: 15px;
    min-height: 24px;
    position: relative;
    padding: 5px 0;
}

    .warn img {
        width: 23px;
        height: 19px;
        position: absolute;
        top: 6px;
        left: 5px;
    }

.warn_1 {
    font-size: 14px;
    color: red;
    margin-left: 7px;
    margin-right: 10px;
}

.warn_2, .warn_3 {
    font-size: 12px;
    color: #999;
    display: block;
    padding-left: 40px;
}

.warn_3 {
    color: #F00
}

.HowMany {
    background: rgba(0,0,0,0.2);
    color: #FFF;
    padding: 2px 6px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 10px;
    border-radius: 10px;
    line-height: 100%;
}

.PLbox1 {
    background: #fff;
    border: 1px solid #ccc;
    word-break: break-all;
    margin-bottom: 10px;
}

    .PLbox1 h3 {
        padding-left: 10px;
        background: #efefef;
    }

.errbox {
    width: 280px;
    margin: 10px auto
}

.ProListLeft .img {
    width: 280px;
    max-height: 260px;
    margin: 10px 0 15px 0;
    position: relative
}

.ProListLeft a.bookzs {
    background: #090;
    color: #fff;
    padding: 1px 10px;
    border-radius: 20px;
    font-size: 13px;
    display: block;
    margin-top: 10px;
    width: 34px;
    text-align: center
}

    .ProListLeft a.bookzs:hover {
        background: #29b5ce
    }

.ProListLeft img {
    max-height: 168px;
    max-width: 285px;
    border: none
}

.ProListLeft h2 {
    color: #0b7b99;
    font: 18px/20px '微软雅黑',arial;
    padding: 0;
}

.ProD a {
    width: 110px;
    display: inline-block;
    margin-top: 5px;
}

.FoldBox {
    word-break: break-all;
    margin-top: 15px;
    line-height: 25px;
}

    .FoldBox img {
        max-width: 40px
    }

    .FoldBox dl {
        clear: both;
        margin-bottom: 1px;
        overflow: hidden
    }

    .FoldBox dt {
        display: block;
        float: left;
        word-break: break-all;
        width: 85px;
        background: #efefef;
        margin-right: 5px;
        padding-left: 5px;
    }

    .FoldBox dd {
        display: block;
        float: left;
        word-break: break-all;
        width: 185px;
    }

    .FoldBox .b {
        clear: both;
        width: 100%
    }


.SupplyInf ul {
    margin-bottom: 15px
}

.SupplyInf i, .NewPro i {
    font-size: 12px;
    color: #888;
    font-style: normal;
    line-height: 25px;
}

.SupplyInf p {
    margin-bottom: 5px;
}

.SupplyInf li, .NewPro li {
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
    line-height: 120%;
    margin: 0 10px;
    overflow: hidden
}

.NewPro a {
    width: 200px;
}

.NewPro .w80 {
    width: 80px;
}

.NewPro span {
    width: 220px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
    line-height: 25px;
}

.NewPPrice {
    color: #f00;
    float: right;
    line-height: 25px;
}

.w600 {
    width: 760px;
}

.MorupBox ul {
    display: table;
    border-bottom: 1px dotted #aaa;
    width: 100%
}

.MoreSupBox ul li {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0
}

.l1 {
    width: 260px;
    padding-left: 5px;
}

.l2 {
    width: 340px
}

.l3 {
    width: 230px;
}

.l4 {
    width: 100px;
}

.l5 {
    width: 70px;
}

.l6 {
    width: 80px;
    text-align: right
}

.MoreSupTh .l6 {
    text-align: center
}

.MoreSupTh li {
    color: #999;
}

.MoreSupBox .MoreSupTr:last-child {
    border: none
}

.MoreSupTr .PLPrice li {
    display: block;
    float: none;
    border: none;
    text-align: right;
    margin: 0;
    padding: 0
}

.MoreSupTr .PLPrice strong {
    margin: 0 0 0 4px
}

.MoreSupTr .PLPrice {
    border: none;
    padding: 0
}

.b1 {
    width: 450px;
    padding-left: 8px;
    outline: 0px solid #f00;
}

.b2 {
    width: 380px;
    padding: 0 0 0 40px;
    outline: 0px solid #ccc;
}

.b3 {
    text-align: right;
    height: 23px;
}

.b11 li, .b22 li, .b23 li {
    margin: 5px 0;
    overflow: hidden
}

    .b11 li span {
        width: 70px;
        display: block;
        float: left;
    }

.b11 a {
    word-break: break-all;
}

    .b11 a:link {
        color: #222
    }

    .b11 a:visited {
        color: #222
    }

    .b11 a:hover, .b11 li a:hover i {
        color: #ff7300
    }

.b11 li a i {
    color: #005aa0;
}

.b11 b {
    font-weight: normal;
    display: block;
    float: left;
    width: 380px;
    word-break: break-all
}

.n {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 380px;
    display: block;
}

.b11 a[class="n"] {
    color: #f00 !important;
}

    .b11 a[class="n"]:hover {
        color: #ff7300 !important;
    }

.CL a[class="n"] {
    color: #f00 !important;
}

    .CL a[class="n"]:hover {
        color: #ff7300 !important;
    }

.Top .b11 b, .Top .n {
    width: 300px
}

.CL li span {
    float: left
}

.b3 > a {
    height: 22px;
    margin-right: 5px;
    display: inline-block;
}

.b23 b {
    font-weight: normal;
    display: block;
    float: left;
    width: 330px;
    word-break: break-all
}

.b23 li span {
    display: block;
    float: left;
    width: 70px
}

.b22 b, .b22 h2 {
    font-weight: normal;
    display: block;
    float: left;
    width: 310px;
    word-break: break-all
}

.b22 li span {
    display: block;
    float: left;
    width: 70px;
}

.Sel_qy {
    width:
}

    .Sel_qy ul li {
        min-width: 60px;
        margin-right: 5px;
    }

.Sel_YW ul li {
    width: 120px;
    height: 30px;
    margin: 0px !important;
}

    .Sel_YW ul li img {
        width: 22px;
        height: 15px;
    }

.helpbuy {
    background: #01a16a;
    text-align: center;
    margin-bottom: 10px
}

.helpbuy_1 {
    background: #fac257;
    overflow: hidden;
    padding: 12px 18px;
}

    .helpbuy_1 li {
        float: left;
        border: 1px solid #eaae3d;
        width: 20px;
        height: 32px;
        background: #fff;
        text-align: center;
        margin-right: -1px;
        font: bold 20px/32px Arial, Helvetica, sans-serif;
        color: #ff7300
    }

    .helpbuy_1 .text1 {
        font: 13px Arial, Helvetica, sans-serif;
        width: 30px;
    }

.helpbuybutton {
    background: #ff7300;
    color: #fff;
    border: none;
    padding: 5px 20px;
    font: 16px '微软雅黑';
    cursor: pointer
}

    .helpbuybutton:hover {
        background: #e84e2b;
    }

.helpRZ {
    padding: 12px 18px;
    text-align: left;
    position: relative;
    background: #01a16a;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .helpRZ:before {
        content: "";
        border-top: 8px solid #fac257;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        top: 0;
        left: 50px
    }

    .helpRZ a {
        color: #f9ecd4;
        font: 18px '微软雅黑';
    }

    .helpRZ:hover {
        color: #FC0;
        background: #ff7300;
        cursor: pointer;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

.SellLevel {
    border: 1px solid #ff7300;
    border-right: 0;
    width: auto;
    height: 15px;
    padding: 2px 4px 4px 18px;
    float: right;
    color: #333;
    position: relative;
    color: #01a16a
}

    .SellLevel:before {
        content: '';
        height: 13px;
        width: 13px;
        background: url(../image/icon_productlist.png?v=1.1) no-repeat 0 -175px;
        display: block;
        position: absolute;
        left: 2px;
        top: 6px
    }

.popbuy {
    border: 3px solid #01a16a;
    padding: 30px 60px;
    width: 500px;
    height: auto;
    margin: auto
}

.AddShopping {
    margin-top: 40px
}

    .AddShopping li {
        margin: 10px 0;
    }

        .AddShopping li span, .Buying li span {
            text-align: right;
            padding: 0px;
        }

    .AddShopping .checkbox {
        width: auto
    }

    .AddShopping .InputBox .button_green {
        border: none;
        width: auto;
        background: #01a16a none repeat scroll 0 0;
        color: #fff;
        padding: 5px 15px;
        height: auto
    }

        .AddShopping .InputBox .button_green:hover {
            background: #ff7300;
        }

.popbuy {
    position: relative
}

    .popbuy .InputBox input, .popbuy .InputBox .textearea, .popbuy .InputBox .select, .Addwrap .InputBox input, .Addwrap .InputBox .select {
        border: 1px solid #85c0ac;
    }

    .popbuy .InputBox .select {
        height: 27px;
        width: 108px;
        margin-right: 0px
    }

    .popbuy h2 {
        color: #01a16a;
        font: 22px '微软雅黑';
    }

    .popbuy .close, .close {
        width: 26px;
        height: 26px;
        background: url(../image/inon_pop.png) no-repeat -32px -35px;
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px
    }

        .popbuy .close:hover, .close:hover {
            background: url(../image/inon_pop.png) no-repeat 0 -35px
        }

.helplc {
    background: url(../image/helplc.jpg) no-repeat right top;
    height: 70px;
    width: 325px;
    position: absolute;
    top: 20px;
    right: 70px;
    z-index: 5
}

.AD_moreCB {
    height: 60px;
    width: 1020px;
    background: url(../image/helpbuy_b.gif) no-repeat left top;
    display: block;
    margin-top: 5px;
    position: relative
}

    .AD_moreCB .helpbuybutton {
        position: absolute;
        right: 40px;
        top: 15px;
        color: #fff;
    }

    .AD_moreCB .helpbuyinf {
        width: 720px;
        height: 60px;
        display: block
    }

.show, .show_p {
    padding: 30px 20px;
    position: relative;
    margin: 50px 0
}

    .show i {
        width: 190px;
        height: 60px;
        border: 5px solid #fff;
        background: #fff url(../image/show.png) no-repeat;
        position: absolute;
        top: -35px;
        left: 20px
    }

    .show_p i {
        width: 190px;
        height: 60px;
        background: url(../image/show.png) no-repeat;
        display: block
    }

div[ class="show_p show2 round3"] {
    background: #f6f6f6;
    border: none;
    border-bottom: 1px solid #aaa7a7;
    border-right: 1px solid #aaa7a7;
    margin: 10px 0 10px 0
}

.show_p span {
    width: 47px;
    height: 51px;
    background: #fff url(../image/show.png) no-repeat -253px 0;
    display: block;
    position: absolute;
    top: 0;
    right: -2px;
}

.show1 {
    border: 1px solid #9aa112;
    padding-top: 50px;
}

.show2 {
    border: 1px solid #aa8b1c;
}

.show3 {
    border: 1px solid #188bb0;
}

.show1 i {
    background-position: 0 0
}

.show2 i {
    background-position: 0 -60
}

.show3 i {
    background-position: 0 -120;
    width: 155px;
}

.show1 .show1L, .show1 .show1R {
    width: 49%;
    display: inline-block;
    height: auto;
}

.show1 .show1L {
    border-right: 1px solid #bbb;
    margin-right: 8px;
    padding-right: 8px;
}

    .show1 .show1L ul, .show1 .show1R ul {
        border: none
    }

.show1 ul {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
}

.show1 li {
    width: 570px;
    height: 80px;
    float: left;
    padding: 10px 0;
    margin-right: 26px;
    display: table;
}

    .show1 li:last-child {
        margin-right: 0;
        border: none
    }

    .show1 li .showlogo {
        width: 160px;
        height: 70px;
        overflow: hidden;
        text-align: center;
        border: 1px solid #eee;
        display: table-cell;
        vertical-align: middle;
    }

    .show1 li .showtext {
        padding-left: 10px;
    }

.show h3, .show h4, .mlpro h3 {
    padding: 0;
    margin-bottom: 5px;
}

.show2 ul, .show3 ul {
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    padding: 5px 0
}

    .show2 ul li, .show3 li {
        float: left;
    }

.show2 .td1 {
    width: 100px;
}

.show2 .td2 {
    width: 500px;
}

.show2 .td3 {
    width: 80px;
    margin-right: 70px;
    color: #f00;
    text-align: right
}

.show3 .td1 {
    width: 150px;
}

.show3 .td2 {
    width: 600px;
}

.show p {
    max-height: 60px;
    overflow: hidden;
}

.show1 a:link {
    font-weight: normal
}

.show_p .ml {
    padding-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

    .show_p .ml li {
        width: 25%;
        padding: 5px 0;
        list-style-type: disc;
        list-style-position: inside;
        border-bottom: 1px solid #ddd;
        margin-bottom: -7px;
        margin-top: 12px;
    }

.show_p a {
    color: #333;
}

    .show_p a:hover {
        color: #f00
    }

.mlpro {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
    line-height: 25px;
}

    .mlpro li .PLPrice {
        clear: none
    }

.mlimg {
    width: 122px;
    height: 94px;
    outline: 1px solid #ccc;
    margin-right: 10px;
}

.mlpro li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mlimg img {
    width: 120px;
    height: 92px;
    border: 1px solid #fff;
}

.Q {
    width: 16px;
    height: 16px;
    background: url(/UserProfile/PublishProduct/img/icon_wel.png) no-repeat 0 -34px;
    display: inline-block;
    margin: 0 2px;
    position: absolute;
}

    .Q .A, .A .sj {
        display: none;
    }

    .Q:hover .A {
        display: block;
        background: #fff;
        border: 1px solid #8bb2bd;
        padding: 20px 30px;
        font: 13px/20px Arial, Helvetica, sans-serif;
        color: #05749b;
        position: absolute;
        top: 23px;
        left: -80px;
        width: 300px;
        height: auto;
        z-index: 200;
        border-radius: 3px;
        box-shadow: 2px 2px 2px #ccc;
        text-align: left
    }

.A .sj {
    display: block;
    width: 16px;
    height: 10px;
    background: url(/UserProfile/PublishProduct/img/icon_wel.png) no-repeat 0 -51px;
    position: absolute;
    top: -10px;
    left: 80px;
}

.A p {
    padding: 5px 0
}

.InputBox .Q {
    position: relative;
    float: right
}

.floorbox {
    margin: 15px 0;
    background: #f9f9f9;
    padding: 40px 30px;
}

    .floorbox h2 {
        color: #19313e;
        font: 24px '微软雅黑', arial;
        margin-bottom: 10px;
    }

.deal {
    overflow: hidden;
    height: 240px;
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    text-align: left;
}

.floorbox table {
    border-collapse: collapse;
    border: none;
    margin: 0
}

    .floorbox table td {
        border: none;
        border-bottom: 1px dashed #ccc;
        padding: 8px 3px;
        font: 13px Arial, Helvetica, sans-serif
    }

    .floorbox table th {
        color: #888;
        font-weight: normal;
        border: none;
        padding: 3px;
    }

    .floorbox table td a:link, .c-name a, .l1 a, .l3 a {
        color: #333;
    }

        .floorbox table td a:hover, .c-name a:hover, .l1 a:hover, .l3 a:hover {
            color: #ff7300
        }

.floorbox span {
    width: 40px;
    height: 36px;
    background: url(../image/deal.png) no-repeat;
    display: block;
    float: left;
    margin-right: 5px;
}

.floorbox .d1 {
    background-position: 0 0
}

.floorbox .d2 {
    background-position: 0 -36px;
}

.floorbox .d3 {
    background-position: 0 -72px;
}

.RS {
    width: 300px;
    padding: 9px 0 9px 590px;
    height: 30px;
    background: url(../image/goodRS_1.gif) no-repeat 0 0;
    margin-bottom: 10px;
    position: relative;
    text-align: center
}

.headbj {
    background: url(../../image/1_03.jpg) no-repeat;
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden
}

    .headbj img {
        width: 1210px;
        min-height: 200px;
        max-height: 380px;
    }

.member-logo {
    background: url(../image/icon_2.png) no-repeat 0 0;
    position: absolute;
    width: 200px;
    height: 39px;
    line-height: 39px;
    display: block;
    top: 30px;
    right: 0px;
    background: #ffe676;
    border-radius: 3px;
}

    .member-logo p {
        margin-left: 30px;
    }

    .member-logo .gs-badge-con {
        font-size: 16px;
        color: #cc5e14;
        font-weight: 700;
    }

    .member-logo .year-digit {
        font-size: 22px;
        font-weight: 700;
        display: block
    }

    .member-logo .year-ext {
        font-size: 14px;
        font-weight: 700;
        margin-top: -4px;
        display: block
    }

.not {
    background: #CCC
}

    .not .gs-badge-con {
        font-size: 16px;
        color: #666;
        font-weight: 700;
    }

        .not .gs-badge-con:before {
            content: '|';
            color: #CCC
        }

.head-info {
    margin-left: 35px;
    height: auto;
    margin-top: 10px;
}

    .head-info h1 {
        color: #c71c00;
        font-size: 24px;
        margin: 25px 0 15px 0;
    }

    .head-info .main-product {
        width: 500px;
        border-bottom: #000 solid 1px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

.con-Box {
    margin-top: 10px;
    width: 1210px;
    height: auto
}

.LeftBox {
    width: 272px;
}

.left-wrap {
    width: 220px;
    margin: 0px auto;
    background: #FFF;
    padding: 20px 26px;
    border-top: solid 1px #ff7f00;
    margin-bottom: 20px;
}

.small-logo img {
    max-width: 220px;
    max-height: 48px;
}

.left-wrap .contact-info li {
    padding-top: 8px;
    color: #777777
}

.Dividing-line {
    border-top: #dadada dashed 1px;
}

.RightBox {
    width: 928px;
    height: auto
}

.BackLine {
    background: #FFF;
    margin-bottom: 10px;
    border-top: solid 1px #ff7f00;
    padding: 18px;
}

.part-one {
    color: #333;
    line-height: 26px;
    margin-top: 10px;
    padding-top: 10px;
    position: relative
}

    .part-one .intro-detail {
        text-indent: 2em;
    }

    .part-one .certificate {
        background: url(../../image/icon_2.png) no-repeat 0 -154px;
        width: 56px;
        height: 38px;
        display: block;
        margin: 10px 30px;
    }

        .part-one .certificate p {
            font-weight: 700;
            color: #ff6600;
            position: relative;
            top: 40px;
        }

    .part-one .conpany-base-Info li {
        width: 222px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .part-one .conpany-base-Info li.diff {
            width: 100%;
        }

.getname tr th {
    text-align: center;
    padding-bottom: 15px;
}

.getname tr td {
    padding: 0px 30px;
}

    .getname tr td em {
        width: 104px;
        height: 104px;
        padding: 1px;
        border: #bbb solid 1px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .getname tr td img {
        max-width: 104px;
        max-height: 104px;
    }

.supplier-info ul li {
    width: 300px;
    float: left;
    margin-right: 10px;
}

    .supplier-info ul li .BackLine {
        height: 140px;
        background: none;
        border: none
    }

.supplier-info .nomargin {
    margin-right: -10px;
}

.sup-mes-common .pro-img img {
    width: 88px;
    height: 88px;
    border: #bbb solid 1px;
}

.pro-item {
    margin-top: 10px;
    padding-top: 15px;
    overflow: hidden
}

.pro-info {
    width: 162px;
    margin-left: 10px;
}

    .pro-info ul li {
        font-size: 12px;
        width: 162px;
        color: #666;
        line-height: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 22px;
    }

    .pro-info .cg, .list-txt .cg {
        font-weight: bold;
        font-size: 14px;
        color: #ff6600;
        width: 180px;
        display: block;
    }

.marginB10 {
    margin-bottom: 10px;
}

.overflow222 {
    width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.loadmore {
    height: 50px;
    line-height: 50px;
    background: #FFF;
    text-align: center;
    cursor: pointer
}

.position {
    position: relative;
}

.Enterprise {
    background: url(../../image/icon_2.png) no-repeat 0 -40px;
    width: 102px;
    height: 104px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
}

.part-one .conpany-base-Info li.nomargin {
    margin-right: -80px;
}


.guide {
    height: 40px;
    margin: 10px 0;
}

    .guide a {
        line-height: 40px;
        font: 16px/40px '微软雅黑',Arial, Helvetica, sans-serif;
        margin-right: 30px;
        color: #333;
    }

        .guide a:hover, .guide .current {
            color: #ff7300
        }

.newslist_sup li {
    overflow: hidden;
    height: 40px;
    border-bottom: 1px dashed #ccc;
    line-height: 50px;
}

    .newslist_sup li a {
        max-width: 500px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    .newslist_sup li span {
        float: right;
    }

.left-wrap p {
    color: #777;
    line-height: 26px;
    margin-top: 10px;
    padding-top: 10px;
}

.BackLine h1 {
    margin-bottom: 20px
}

.timeANDauthor {
    font-size: 12px;
    color: #aaa;
    border-bottom: 0px solid #eee;
    margin: 12px 0
}

.RelatedNews li {
    border-bottom: 1px dotted #ccc;
    color: #999;
    padding: 15px 0;
    word-break: break-all;
}

    .RelatedNews li h1 {
        font-size: 14px;
        color: #333;
        margin: 0;
    }

.RelateTitle {
    font: 18px '微软雅黑';
    color: #777;
    margin-bottom: 10px;
}

.hr1 {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 50px 0 30px 0;
}

.qyrz_icon {
    background: url(../../UserManager/Themes/Red/Images/icon_common.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 23px;
    width: 78px;
}

.qytj_icon {
    background: url(../../UserManager/Themes/Red/Images/icon_common.png) no-repeat scroll 0 -80px;
    display: inline-block;
    height: 23px;
    width: 78px;
}

.qyrz_icon_x, .qytj_icon_x {
    width: 19px;
    height: 16px;
    display: inline-block;
    margin: 0 3px;
    background: url(../image/icon_icon.png) no-repeat 0 -40px;
    position: relative;
}

.qytj_icon_x {
    background-position: -30px -40px;
}

.Certification_1 li {
    padding-top: 8px;
    color: #777777;
    overflow: hidden
}

    .Certification_1 li span {
        height: 23px;
        line-height: 23px;
        display: inline-block;
        float: left
    }

.imgAtext li {
    padding: 0 0 25px 0;
    height: 81px;
}

.imgAtext_i img {
    max-width: 121px;
    max-height: 81px;
}

.imgAtext_i {
    width: 121px;
    margin-right: 10px;
    float: left
}

.imgAtext_t {
    width: 150px;
    height: 81px;
    float: left;
    overflow: hidden
}

    .imgAtext_t h1 {
        font-size: 15px;
        margin-top: 0;
        margin-bottom: 4px;
        padding: 0
    }

    .imgAtext_t p {
        margin: 0;
        color: #888
    }

.hot {
    background: #f00;
    color: #fff;
    font: 14px arial;
    padding: 1px 2px;
}

.wx_0 {
    margin-top: 40px;
    margin-left: 80px;
}

.wx_1 {
    height: 128px;
    width: 128px;
    background: url("https://www.chemicalbook.com/cd_03.png");
    float: left;
    border: 1px solid #ddd
}

.wx_2 {
    height: 128px;
    text-align: left;
    width: 240px;
    float: left;
    margin-left: 40px;
}

    .wx_2 h2 {
        line-height: 180%;
        color: #9c9c9c;
        font-weight: bold;
        font-size: 18px;
        margin-top: 20px;
    }

.wx_3 {
    position: relative
}

    .wx_3 .wx_1 {
        display: none
    }

    .wx_3:hover .wx_1 {
        display: block;
        position: absolute;
        top: 10px;
        left: -20px;
    }

.home-product-list {
    background: #fff;
    overflow: hidden
}

    .home-product-list .list-pro-img {
        width: 150px;
        text-align: center;
        height: 150px;
        background: #FFF;
        border: #dbdbdb solid 1px;
        margin-bottom: 10px;
        display: table
    }

        .home-product-list .list-pro-img img {
            width: 150px;
            height: 150px;
        }

    .home-product-list .list-block ul li {
        width: 180px;
    }

    .home-product-list .list-txt p {
        width: 180px;
    }

.tit-catalog {
    height: 40px;
    border-bottom: solid 2px #0488c6;
    margin-bottom: 20px;
    padding: 10px 10px 0;
}

    .tit-catalog a {
        margin-right: 8px;
        margin-top: 6px;
    }

.list-pro-img {
    width: 200px;
    text-align: center;
    height: 160px;
    background: #FFF;
    border: #dbdbdb solid 1px;
    margin-bottom: 10px;
    display: table
}

    .list-pro-img img {
        width: 180px;
        height: 160px;
    }

.txt-date {
    font-size: 12px;
    color: #666;
}

.list-txt {
    height: 72px;
}

    .list-txt p {
        line-height: 24px;
        width: 220px;
    }

.list-block ul li {
    margin-bottom: 20px;
    height: 244px;
    float: left;
    width: 222px;
}

.list-block ul {
    margin-left: 20px;
}

.over-point {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-pro-img a {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.BreadcrumbNav {
    height: 20px;
}

    .BreadcrumbNav span {
        float: left;
    }

    .BreadcrumbNav a:before {
        content: '>';
        margin: 0px 8px;
        color: #999
    }
/*直销宝*/

.bjgarybox {
    background: #e6e9ed;
    width: 898px;
    margin: 10px auto;
    height: auto;
    box-shadow: 0px 0px 5px #666;
    position: relative;
    min-height: 280px;
}

    .bjgarybox h1 {
        font-size: 22px;
        font-family: '微软雅黑',Arial, Helvetica, sans-serif;
        padding: 20px;
    }

.to-top {
    padding: 12px 20px;
    overflow: hidden;
}

.icon-people {
    background: #c3c3c3 url(../image/zxb-icon.png) no-repeat;
    background-position: 4px 5px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
}

.icon-shopcar {
    background: url(../image/zxb-icon.png) no-repeat 0px -20px;
    width: 24px;
    height: 21px;
    display: block
}

.icon-shopcargray {
    background: url(../image/zxb-icon.png) no-repeat 0px -44px;
    width: 24px;
    height: 21px;
    display: block
}

.icon-pic {
    background: url(../image/zxb-icon.png) no-repeat -54px -22px;
    width: 16px;
    height: 14px;
    display: inline-block;
    margin-left: 8px;
    position: relative
}

.icon-message {
    background: url(../image/zxb-icon.png) no-repeat -75px 0px;
    width: 29px;
    height: 21px;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    z-index: 12
}

.icon-tel {
    background: url(../image/zxb-icon.png) no-repeat -81px 0px;
    width: 25px;
    height: 23px;
    display: block;
    cursor: pointer;
}

.User-entrance {
    float: left
}

    .User-entrance a {
        color: #333;
    }

    .User-entrance span {
        position: relative;
        top: -7px;
        left: 10px;
    }

.stepBystep {
    display: inline-block;
    margin-left: 100px;
    width: 500px;
}

.dashedline {
    border-bottom: #000 dashed 1px;
    width: 350px;
    margin: 0px auto;
    position: relative;
    top: -40px;
    z-index: 0
}

.bjwhite {
    background: #FFF;
    width: 100%;
    height: auto;
}

.lightning {
    background: url(../image/zxb-icon.png) no-repeat;
    width: 11px;
    height: 21px;
    background-position: -36px 0px;
    position: relative;
    top: 5px;
    display: inline-block
}

.TitName {
    border-bottom: #dcdcdc solid 1px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px
}

    .TitName span.Font16 {
        font-size: 16px;
        color: #0b9d4c
    }

.Addwrap {
    width: 500px;
    margin: 0px auto;
    padding-bottom: 20px;
}

.open_arrow {
    background: url(../image/zxb-icon.png) no-repeat;
    width: 11px;
    height: 7px;
    background-position: -38px -41px;
    position: relative;
    top: 18px;
    display: inline-block;
    float: right;
    cursor: pointer
}

.close_arrow {
    background: url(../image/zxb-icon.png) no-repeat;
    width: 11px;
    height: 7px;
    background-position: -38px -30px;
    position: relative;
    top: 18px;
    display: inline-block;
    float: right;
    cursor: pointer
}

.ChooseCompany tr td {
    padding: 10px;
    width: 33.3%
}

.ChooseCompany .listCompany, .choosed {
    border: #cfcfcf solid 1px;
    padding: 6px 10px;
    height: 52px;
    position: relative
}

    .ChooseCompany .listCompany li, .choosed li {
        line-height: 22px;
    }

.ChooseCompany .ChooseCompany-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
    display: inline-block
}

.ChooseCompany .listCompany:hover, .choosed {
    border: #29b5ce solid 1px;
    cursor: pointer;
    position: relative;
}

    .choosed .Checked {
        background: url(../image/zxb-icon.png) no-repeat;
        background-position: -54px 0;
        width: 17px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.button_G, .Buying .button_G {
    padding: 8px 18px;
    background: rgba(0,235,66,0.2);
    border: #0b9d4c solid 1px;
    color: #0b9d4c;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s,color .3s;
    -webkit-transition: background .3s,color .3s;
}

    .Buying .button_G:hover {
        background: #ff7400;
    }

    .button_G:hover {
        background: #0b9d4c;
        color: #FFF;
    }

.button_R {
    padding: 8px 18px;
    background: rgba(250,0,0,0.2);
    border: #e55058 solid 1px;
    color: #e55058;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s,color .3s;
    -webkit-transition: background .3s,color .3s;
}

    .button_R:hover {
        background: #e55058;
        color: #FFF;
    }

.ButBox {
    text-align: center;
    padding: 20px 0;
}

.finish-prompt {
    padding: 20px 40px;
}

.werw:before {
    content: "";
    width: 26px;
    height: 26px;
    background: url(../image/inon_pop.png) no-repeat 0px -62px;
    display: block;
    display: inline-block;
    position: relative;
    top: 6px;
    right: 8px;
}

.f-qr-code {
    background: url(https://www.chemicalbook.com/cd_03.png) no-repeat;
    width: 128px;
    height: 128px;
}

.choose-invoice {
    padding: 20px;
    position: relative;
    border-bottom: #cfcfcf solid 1px;
}

    .choose-invoice .invoice-box {
        display: inline-block;
        padding: 4px 15px;
        color: #333
    }

.invoice-nomal {
    border: #cfcfcf solid 1px;
}

.delete-line {
    text-decoration: line-through;
}

.listCompany .float-prompt {
    position: absolute;
    padding: 10px;
    border: 1px solid #f00;
    border-radius: 3px;
    box-shadow: 2px 2px 4px rgba(83,100,122,.35);
    background: #FFF;
    left: 10px;
    top: 10px;
    z-index: 99
}

.BuyList {
    width: 1200px;
    border: #dbdbdb solid 1px;
    border-radius: 2px;
    margin-bottom: 10px;
    background: #fff;
}

.Buy-wrap tr th {
    padding: 15px 10px;
    text-align: center;
    color: #999;
}

.Buy-wrap tr td.com-icon {
    background: #fff;
    text-align: left;
    padding: 15px 10px;
    background: #f7f7f7;
    border-top: solid 1px #dbdbdb
}

.Buy-wrap tr td {
    border-bottom: #e8edf2 solid 1px;
    padding: 10px 8px;
    text-align: center;
    font-size: 14px;
    word-break: break-all;
}

.Buy-wrap tr:hover {
    background: #eaf3fc;
    color: #000
}

.selector {
    display: inline-block;
    float: right
}

.s-more {
    text-align: right;
    transition: border-color .15s ease-in-out,opacity 0.25s;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.c-name:hover .s-more {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.sm-wrap {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 25px;
    padding: 0 10px 0 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #DDD #DDD;
    background: #fff;
    cursor: pointer;
    color: #999;
    transition: border-color .15s ease-in-out;
}

.c-name {
    position: relative;
    line-height: 26px;
}

.s-more:hover .sm-wrap:hover {
    color: #e4393c;
    border-color: #e4393c #e4393c #e4393c;
}

.p-quantity {
    position: relative;
    overflow: hidden;
    height: 22px;
    width: 80px;
}

.M-w160 {
    max-width: 160px;
}

.M-w120 {
    max-width: 120px;
}

.p-quantity .decrement, .p-quantity .increment {
    border: 1px solid #cacbcb;
    border-right: 0;
    height: 18px;
    line-height: 18px;
    padding: 1px 0;
    width: 16px;
    text-align: center;
    color: #666;
    margin: 0;
    background: #fff;
}

.p-quantity .increment {
    float: right;
    border: 1px solid #cacbcb;
    border-left: 0;
    color: #666;
}

.p-quantity .itxt {
    position: absolute;
    left: 17px;
    top: 0;
    border: 1px solid #cacbcb;
    width: 42px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    padding: 1px;
    margin: 0;
    font-size: 12px;
    font-family: verdana;
    color: #333;
    -webkit-appearance: none;
}

.p-quantity .disabled {
    cursor: default;
    color: #e9e9e9
}

.TitName .self-txt {
    border: #85c0ac solid 1px;
    color: #666;
    height: 18px;
    width: 110px;
    padding: 0px 5px;
}

.pro-wrap .invoice-type {
    border: #cacbcb solid 1px;
}

.QQ-s {
    background: url(../../image/button_111.jpg) no-repeat;
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
}

.limit-width {
    width: 220px;
    word-break: break-all;
    white-space: pre-wrap;
}

.direct-top {
    border: #e43f2b solid 1px;
    margin-bottom: 10px;
}

    .direct-top .top-banner {
        position: relative
    }

    .direct-top .banner-bj {
        height: 0px;
    }

        .direct-top .banner-bj .zxb-logo {
            padding: 15px 0 0 75px;
            display: inline-block
        }

        .direct-top .banner-bj .zxb-yhq {
            width: 250px;
            height: 23px;
            background: url(../../image/zxb-q.jpg) no-repeat 0 0;
            display: inline-block;
            margin-left: 60px;
            transition: all 2s;
        }

            .direct-top .banner-bj .zxb-yhq:hover {
                background-position: 50px 0;
                transition: all 0.1s;
            }

        .direct-top .banner-bj .zxb-p {
            float: right;
            margin: 0px 0px 0 0;
            text-align: center;
            padding: 8px 20px;
        }

            .direct-top .banner-bj .zxb-p a {
                font: 16px '微软雅黑';
                color: #fff;
            }

            .direct-top .banner-bj .zxb-p:hover a {
                color: #000;
            }

.Direct-pro-list .Sold, .TitName .Sold {
    background: #e7f1fb;
    border: #d6e9f8 solid 1px;
    color: #666;
    border-radius: 3px;
    padding: 2px 4px;
}

.Direct-pro-list .green-bj {
    background: #01a16a;
    color: #fff;
    border-radius: 2px;
    padding: 0px 4px;
    width: 40px;
}

.Direct-pro-list .green-font {
    color: #60ebbb;
    margin-left: 5px
}

.Direct-pro-list tr td {
    padding: 8px 10px;
}

.Direct-pro-list tr.BLine td {
    border-bottom: #eaeaea solid 1px;
    padding: 8px 10px
}

.now-buy {
    background: #f00;
    border: none;
    color: #fff;
    padding: 2px 15px;
    border-radius: 20px;
    cursor: pointer;
}

    .now-buy:hover {
        background: #ff7300;
    }

.zxb-on .now-buy {
    background: #e43f2b;
    color: #FFF;
    position: relative
}

.now-buy:after {
    content: "2";
    width: 200px;
    height: 200px;
    background: #03F;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.Ellipsis {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.letter b:before {
    content: "✔";
    border-radius: 30px;
    height: 28px;
    width: 28px;
    font-size: 24px;
    display: inline-block;
    line-height: 28px;
    color: #093;
    border: 2px solid #093;
    text-align: center;
    margin-right: 5px;
}

.letter {
    font-size: 22px;
    color: #093;
    font-family: "微软雅黑";
    font-weight: 700;
    position: relative;
}

.product-info {
    padding: 15px;
    background: #f9fbff;
}

.enter-mgs b:before {
    content: "✔";
    font-size: 24px;
    display: inline-block;
    line-height: 34px;
    color: #093;
}

.popupbox {
    background: #FFF;
    width: 50%;
    min-width: 810px;
    height: 80%;
    position: relative;
    box-shadow: 0px 0px 5px #666;
    margin: 0px auto;
    overflow: hidden
}

.prompt-box {
    position: relative;
    display: inline-block;
}

    .prompt-box span.p {
        color: #f00;
        font: 13px Arial, Helvetica, sans-serif;
        position: absolute;
        width: 200px;
        text-align: left;
        top: -14px;
        left: 10px
    }

.Addwrap .InputBox input.error, .Addwrap .InputBox select.error {
    border: #F00 solid 1px;
    box-shadow: 0px 0px 3px #F00
}

.Addwrap .InputBox .select, .Buying .InputBox .select {
    height: 36px;
    width: 108px;
    margin-right: 0px;
    padding: 0px 10px;
    border-radius: 3px
}

.Addwrap .InputBox input {
    height: 35px;
    border-radius: 3px;
    padding-left: 10px
}

.border-color-red {
    border: #F00 solid 1px;
    color: #F00;
    padding: 0px 4px;
    border-radius: 2px;
    margin-right: 4px;
}

    .border-color-red:hover {
        background: #f00;
        color: #fff;
        cursor: pointer
    }

.tip_box {
    position: relative
}

    .tip_box span {
        color: #888;
        line-height: 24px;
    }

.tip {
    border: 1px solid #ffc000;
    background: #fffeef;
    padding: 6px 15px;
    position: absolute;
    color: #000;
    top: 22px;
    right: 0px;
    border-radius: 20px;
    display: none
}

    .tip:before {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        border: 1px solid #ffc000;
        border-right: 0;
        border-bottom: 0;
        background: #fffeef;
        position: absolute;
        top: -5px;
        left: 50%;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
        -o-transform: rotate(45deg); /* Opera */
    }

.tip_box:hover .tip {
    display: block
}

.t_w {
    width: 220px;
}

.tip2 {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 15px 30px;
    position: absolute;
    color: #000;
    top: 24px;
    left: -80px;
    border-radius: 3px;
    display: none;
    width: 300px;
    z-index: 999;
    box-shadow: 1px 3px 3px #666
}

    .tip2:before {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        border: 1px solid #ccc;
        border-right: 0;
        border-bottom: 0;
        background: #f5f5f5;
        position: absolute;
        top: -5px;
        left: 80px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
        -o-transform: rotate(45deg); /* Opera */
    }

.promit-pack {
    margin: 3px 3px 0 0;
    background: #f00;
    color: #FFF;
    padding: 0px 4px;
    height: 14px;
    line-height: 14px;
    border-radius: 20px;
    font-size: 10px;
    float: left;
    font-style: normal
}

.Direct-pro-list .zxb-onnext .zxb-PLPrice tr td {
    padding: 2px 8px 2px 0;
}

.zxb-onnext .tit td {
    background: #FFD4D4;
}


.step {
    margin: 0 auto;
    display: block;
    height: 60px;
}

    .step li {
        position: relative;
        text-align: center;
        float: left
    }

    .step .line_bg {
        height: 3px;
        background: #999;
        display: inline-block;
        width: 50%;
        top: 13px;
        position: absolute;
        z-index: 1;
    }

    .step .lbg-l {
        left: 0;
    }

    .step .lbg-r {
        right: 0;
    }

    .step .num {
        position: relative;
        z-index: 2;
        width: 54px;
        height: 30px;
        text-align: center;
        display: inline-block;
    }

        .step .num em, .num i {
            width: 24px;
            height: 24px;
            display: inline-block;
            left: 15px;
            top: 2px;
            position: absolute;
        }

        .step .num em {
            background: #999;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            z-index: 2;
        }

        .step .num i {
            z-index: 3;
            color: #fff;
            font-style: normal;
            font-weight: 700;
            top: 4px;
        }

    .step .lbg-txt {
        position: relative;
        color: #999;
        font-size: 13px;
    }

    .step .on .lbg-txt {
        color: #01a16a;
    }

    .step .on .line_bg, .step .on .num em {
        background: #01a16a
    }

.col-xs-4 {
    width: 33.33333333%
}

.f-r5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
}




/*直销宝企业专题*/
.showbanner {
    background: url(../image/showbanner_02.jpg) no-repeat center;
    height: 450px;
}

.pany-with-coupon {
    background: #fff;
    box-shadow: 0px 5px 5px #d4d6db;
    min-height: 80px;
}

.pany-item {
    border-bottom: #CCC dashed 1px;
    overflow: hidden;
    height: 60px;
}

    .pany-item .pany-name {
    }

        .pany-item .pany-name h1 {
            font-size: 24px;
            color: #00a6c4;
            display: inline-block;
            line-height: 50px;
        }

    .pany-item .pany-logo {
        width: 180px;
        height: 40px;
        margin-top: 10px;
    }

        .pany-item .pany-logo img {
            max-width: 180px;
        }

.pany-cuopon {
    padding: 10px 0px;
}

.pany-c-item {
    height: 90px;
    width: 173px;
    position: relative;
    display: inline-block;
    margin-bottom: 4px;
}

.pany-c-price .token {
    position: relative;
    font-size: 16px;
    top: -8px;
    _top: -8px;
    left: 2px;
    font-weight: 400;
}

.pany-c-price .coupon-val {
    font-size: 28px
}

.pany-c-price {
    background: #ff7400;
    width: 120px;
    padding: 15px 10px;
    height: 60px;
    color: #FFF
}

.pany-c-item .cou-btn-get {
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    width: 12px;
    line-height: 19px;
    color: #fff;
    clear: both;
    position: absolute;
    right: 0px;
    top: 0;
    background: #ff7400;
    padding: 8px 10px 0;
    height: 82px;
    border-left: solid 1px #FFF;
    font-size: 12px
}

.pany-c-price .buytype {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 12px
}

.pany-c-price .condition {
    font-size: 12px
}

.pany-show-pro {
    border: #ddd solid 1px;
    border-radius: 3px;
    width: 100%;
    height: auto;
    background: #FFF;
    margin-bottom: 20px
}

    .pany-show-pro .show-pro-tit {
        background: #29b5ce;
        color: #fff;
        height: 40px;
        line-height: 40px;
    }

.show-pro-tit .search-smoli {
    border: none;
    background: #fff;
    height: 31px;
    color: #333;
    width: 180px;
    padding: 0 10px;
}

.show-pro-tit .search-smoli-btn {
    background: #ff7400;
    color: #FFF;
    padding: 6px 10px;
    height: 31px;
    border: none;
    cursor: pointer
}

.show-pro-wrap {
    padding: 10px;
    overflow: hidden
}

    .show-pro-wrap .file-tit {
        background: #e5eaf6;
        height: 36px;
        line-height: 36px;
    }

.file-tit ul li {
    float: left;
    margin-left: 25px;
}

.file-tit .on {
    background: #99afe4;
    color: #FFF;
    padding: 3px 0 3px 8px;
    border-radius: 3px;
}

.item-pro-img {
    float: left;
    margin-left: 20px;
}

    .item-pro-img a {
        border: #eeeeee solid 1px;
        width: 100px;
        height: 100px;
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .item-pro-img img {
        max-height: 100px;
        max-width: 100px;
    }

.item-pro-txt {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    width: 88%
}

    .item-pro-txt p {
        line-height: 24px;
    }

        .item-pro-txt p:first-child {
            font-size: 15px;
            color: #29b5ce
        }

.direct-pro-wrap {
    padding: 10px 0;
    background: #FFF;
    margin-right: 12px
}

    .direct-pro-wrap ul li {
        padding: 15px 0px;
        border-bottom: 1px #dbdbdb dashed;
        position: relative
    }

.add-Prolist {
    border: none;
    border: #d1dbf3 solid 1px;
    background: #f4f5fb;
    color: #0496dc;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 20px;
}

.show-pro-tit2 {
    height: 40px;
    position: relative;
    top: 0px
}

    .show-pro-tit2 span {
        background: #29b5ce;
        width: 100px;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

.show-pro-wrap .main_text {
    line-height: 26px;
    padding: 10px;
}

.more-packge th {
    padding: 10px;
    background: #f7f7f7;
    border-top: #e9e9e9 solid 1px;
    text-align: center
}

.more-packge td {
    padding: 8px 10px;
    text-align: center
}

.black-bj {
    background: url(../image/black.png);
    padding: 40px 0;
}

.photo-bj {
    background: url(../image/photo-bg.jpg);
    min-height: 160px;
    padding: 50px 0
}

.pany-show-contact {
    border: #ddd solid 1px;
    padding: 80px;
    overflow: hidden;
    border-radius: 3px;
    height: auto;
    background: #FFF;
}

    .pany-show-contact .info-l {
        float: left;
        width: 233px
    }

        .pany-show-contact .info-l p {
            line-height: 24px;
            margin-bottom: 10px
        }

            .pany-show-contact .info-l p span {
                display: inline-block;
                width: 52px;
                text-align: left;
                vertical-align: top;
                font-size: 14px;
                color: #555
            }

            .pany-show-contact .info-l p em {
                display: inline-block;
                width: 178px;
                font-size: 14px;
                color: #888
            }

    .pany-show-contact ul {
        position: relative;
        width: 622px;
        height: 257px;
        float: right
    }

        .pany-show-contact ul li {
            float: left;
            width: 288px;
            height: 34px;
            line-height: 34px;
            border: 1px solid #ccc;
            margin-right: 20px;
            margin-bottom: 15px
        }

            .pany-show-contact ul li span {
                font-size: 14px;
                color: #555;
                margin: 0 8px
            }

            .pany-show-contact ul li input {
                width: 227px;
                border: 0;
                border-left: 1px solid #eee;
                padding-left: 8px
            }

            .pany-show-contact ul li textarea {
                vertical-align: top;
                margin-top: 8px;
                width: 530px;
                height: 80px;
                border: 0;
                padding-left: 8px
            }

        .pany-show-contact ul .remark {
            width: 598px;
            height: 98px;
            border: 1px solid #ccc
        }

        .pany-show-contact ul button {
            position: absolute;
            right: 22px;
            bottom: -20px;
            font-size: 16px;
            width: 130px;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            background: #29b5ce;
            color: #fff;
            border: 0
        }

            .pany-show-contact ul button:hover {
                background: #009999
            }

        .pany-show-contact ul .error-info {
            position: absolute;
            left: 0;
            bottom: 20px;
            font-size: 12px;
            line-height: 24px;
            color: #fd5548
        }

            .pany-show-contact ul .error-info i {
                display: inline-block;
                padding-right: 7px;
                width: 16px;
                vertical-align: middle
            }

                .pany-show-contact ul .error-info i img {
                    width: 18px
                }

        .pany-show-contact ul .error {
            border: 1px solid #fdaaa8;
            box-shadow: 0 0 10px #fdaaa8
        }

.strat {
    position: absolute;
    right: 20px;
    top: 40px
}

    .strat a {
        color: #333
    }


.wechat-wrap {
    width: 128px;
    margin: 0px auto;
    height: 128px;
    border: #dbdbdb solid 1px;
}

.has-prompt {
    background: #fff3e2;
    padding: 10px;
    color: #8a5f20;
    text-align: center;
    font-size: 13px
}

.cphi2016 {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../image/2016cphi.png) no-repeat;
    position: absolute;
    top: 0;
    right: -100px;
}

/.RS1 {
    height: 30px;
    width: 139px;
    background: url(../image/goodRS.png) no-repeat 0 -50px;
    display: block;
    margin: auto;
    display: inline-block
}

.RS1:hover {
    background: url(../image/goodRS.png) no-repeat 0 -80px;
}

.RS2 {
    height: 30px;
    width: 110px;
    background: url(../image/goodRS.png) no-repeat -150px -50px;
    margin: auto;
    display: inline-block
}

    .RS2:hover {
        background: url(../image/goodRS.png) no-repeat -150px -80px;
    }

.RS3 {
    height: 30px;
    width: 110px;
    background: url(../image/goodRS.png) no-repeat -637px -50px;
    margin: auto;
    display: inline-block
}

    .RS3:hover {
        background: url(../image/goodRS.png) no-repeat -637px -80px;
    }

.RS4 {
    height: 26px;
    width: 100px;
    background: #fff;
    border: #e43f2b solid 1px;
    color: #ff0000;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 26px;
    display: block;
}

a.RS4:hover {
    background: #fac257;
    color: #f00;
    border: #fac257 solid 1px;
    box-shadow: 1px 2px 1px #555;
}

.goodlc {
    width: 358px;
    height: 55px;
    background: url(../image/goodRS.png) no-repeat -532px -50px;
    display: block;
    float: right
}

.RSQQ {
    float: left;
    margin-top: 25px;
}

    .RSQQ a {
        width: 112px;
        height: 34px;
        background: url(../image/goodRS.png) no-repeat -280px -50px;
        display: block;
    }

        .RSQQ a:hover {
            width: 112px;
            height: 34px;
            background: url(../image/goodRS.png) no-repeat -399px -50px;
            display: block;
        }

.RSbuy {
    float: left;
    margin: 25px 0 0 10px;
}

    .RSbuy input {
        border-radius: 15px;
        padding: 6px 18px;
        font: 14px Arial, Helvetica, sans-serif;
        height: 34px;
    }

.RSpname {
    clear: both;
    position: relative;
}

    .RSpname h2 {
        font-size: 16px;
    }

.RStime {
    text-align: right;
    margin-top: 15px;
    margin-right: 15px;
}

.RSorder a {
    background: #01a16a;
    display: block;
    width: 80px;
    height: 26px;
    text-align: center;
    color: #fff;
    line-height: 26px;
    float: right
}

    .RSorder a:hover {
        color: #FF9
    }

.RSlist li {
    padding: 15px 0;
    border-bottom: 1px dashed #ccc;
}

.textR {
    text-align: right
}

.RSprice {
    display: block;
    background: #d8edf0;
    overflow-x: auto;
}

    .RSprice .PLPrice {
        margin: auto;
        text-align: center;
        overflow: hidden;
        padding-left: 10px;
        padding-top: 20px;
    }

.notsigned {
    text-align: center;
    padding: 20px 0
}

    .notsigned b {
        width: 100px;
        height: 100px;
        background: url(../image/goodRS.png) no-repeat 0 -125px;
        display: block;
        margin: 5px auto
    }

.labeltype {
    overflow: hidden;
    margin: 10px 0
}

    .labeltype li {
        border: 1px solid #999;
        padding: 5px 10px;
        margin: 0 5px;
        cursor: pointer;
        min-width: auto;
        margin-right: 20px;
        display: block;
        float: left
    }

        .labeltype .current, .labeltype li:hover {
            border: 1px solid #C60;
            background: #fff;
            color: #C60
        }

.RSlc {
    height: 50px;
    margin: 30px auto;
    width: 665px;
    background: url(../image/RS-lc.gif) no-repeat;
}

.lc1 {
    background-position: 0 0;
}

.lc2 {
    background-position: 0 -50px;
}

.lc3 {
    background-position: 0 -100px;
}

.RSorder {
    width: 580px;
    margin: auto;
    border: 0px solid #ccc;
    overflow: hidden
}

    .RSorder p {
        line-height: 25px;
    }

.order1 {
    font-family: '微软雅黑';
    border-bottom: 1px solid #999;
    padding: 10px 0 10px 0;
    overflow: hidden;
    padding-left: 20px;
    font-size: 14px;
}

    .order1 ul, .supplier-info {
        overflow: hidden
    }

        .order1 ul li {
            float: left;
            color: #333;
        }

            .order1 ul li span {
                color: #C60
            }

    .order1 .pack {
        padding: 8px 0 8px 15px;
    }

        .order1 .pack:hover {
            background: #FFEFDF
        }

        .order1 .pack i {
            margin: 0 5px;
            color: #999;
            font-size: 10px;
            font-style: normal
        }

        .order1 .pack span {
            padding-right: 20px;
            visibility: hidden;
            float: right
        }

        .order1 .pack:hover span {
            visibility: visible
        }

    .order1 hr {
        border: none;
        border-top: 1px dotted #bbb;
        clear: both
    }

.color_c60 {
    color: #c60
}

.order1 .color_c60:after {
    content: "";
    height: 16px;
    width: 16px;
    background: url(../img/buy.png) -42px 0;
    display: inline-block;
    margin-left: 8px
}

.order1 .InputBox li {
    clear: both;
    margin: 3px 0
}

.order1 .infolist {
    margin: 0 0 20px 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

.order1 h4 {
    font: bold 14px Arial, Helvetica, sans-serif;
}

.orderOK {
    margin: 30px 0;
    text-align: center
}

    .orderOK h1 {
        font: 30px Arial, Helvetica, sans-serif '微软雅黑';
        margin: 20px 0
    }

.RSorder .order1 a {
    background: none;
    width: auto;
    height: auto;
    float: left;
    text-align: left;
    margin: 0 2px;
    color: #00C
}

.pricetablebox {
    min-width: 156px;
    padding: 0 3px;
}

    .pricetablebox p {
        background:;
        margin-bottom: 2px;
        padding: 2px 0;
        color: #3f99a6;
        border-bottom: 1px dashed #fff
    }

.pricetable td {
    padding: 2px 10px;
}

.stockbox {
    position: relative;
    display: inline-block;
}

    .stockbox .stockdetail, .stock_hw .stocklist_hw {
        position: absolute;
        top: 24px;
        left: -150px;
        min-width: 500px;
        min-height: 200px;
        background: #fff;
        border: 1px solid #01a16a;
        z-index: 9999;
        padding: 35px 25px;
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
    }

.stocklistbox {
    max-height: 260px;
    overflow-y: auto
}

.stocklist {
    background: #f5f5f5;
}

.stockdetail table {
    border-collapse: inherit
}

.stocklist td {
    padding: 5px;
    text-align: right;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
}

.stocklist .kc {
    width: 150px;
    text-align: center
}

.stocklist li {
    float: left;
    padding: 3px 5px;
}

.stocklist tr:last-child td {
    border-bottom: none
}

.stockdetail p {
    margin: 15px 0 5px 0;
    color: #01a16a
}

.stockdetail:after, .stock_hw .stocklist_hw:after {
    content: "";
    width: 21px;
    height: 10px;
    display: block;
    background: url(../image/icon_0723.png) no-repeat 0 0;
    position: absolute;
    top: -10px;
    left: 165px
}

.stockbox .stock-none {
    background: url(../../images/sskc.jpg) no-repeat;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    padding-top: 180px;
    min-height: 30px;
}

    .stockbox .stock-none a {
        background: #01a16a;
        color: #fff;
        padding: 7px 44px 7px 20px;
        border-radius: 5px;
        position: relative;
    }

        .stockbox .stock-none a:hover {
            background: #ff7300
        }

        .stockbox .stock-none a:after {
            content: ">";
            position: absolute;
            right: 12px;
            top: 4px;
            font: bold 22px "宋体";
        }

.Honest2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 370px;
    padding: 30px 40px;
    border: 1px solid #01a16a;
    background: #fff url(../image/Hbg.jpg) no-repeat;
    font: 13px "宋体";
    color: #01a16a;
    z-index: 100
}

.Honest:hover .Honest2 {
    display: block;
}

.H-title:before {
    content: "";
    height: 50px;
    width: 42px;
    background: url(../image/icon_icon.png) no-repeat 0 -164px;
    display: inline-block;
    position: absolute;
    left: 0px;
}

.H-title {
    font-size: 30px;
    color: #01a16a;
    position: relative;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    font-family: "黑体";
    display: inline-block
}

.H-RMB {
    display: inline-block;
}

.Honest2 p {
    margin: 15px 0
}

.Hbox {
    font-size: 13px;
    color: #888;
    margin: 6px 0;
    height: 16px;
}

    .Hbox:hover {
        cursor: pointer
    }

    .Hbox span {
        height: 13px;
        width: 94px;
        display: inline-block;
        background: url(../image/icon_icon.png) no-repeat;
    }

.Evaluation span {
    height: 13px;
    width: 94px;
    display: inline-block;
    margin-top: 4PX;
    background: url(../image/icon_icon.png) no-repeat;
}

.Hbox:hover span {
    display: none
}

.Hbox .s5, .Evaluation .s5 {
    background-position: 0px -214px;
}

.Hbox .s4, .Evaluation .s4 {
    background-position: 0px -227px;
}

.Hbox .s3, .Evaluation .s3 {
    background-position: 0px -240px;
}

.Hbox .s2, .Evaluation .s2 {
    background-position: 0px -253px;
}

.Hbox .s1, .Evaluation .s1 {
    background-position: 0px -266px;
}

.Hbox .s0, .Evaluation .s0 {
    background-position: 0px -279px;
}

.Hbox i {
    visibility: hidden;
}

.Hbox:hover i {
    visibility: visible;
    font-style: normal;
    color: #01a16a;
    height: 13px;
}

.Hn {
    height: 16px;
    width: 16px;
    background: url(../image/icon_icon.png) no-repeat -20px -120px;
    display: block;
    float: left;
    margin-right: 5px;
}

.Hbz {
    margin: 15px 0;
}

    .Hbz i {
        width: 75px;
        height: 20px;
        background: url(../image/icon_icon.png) no-repeat 0 -142px;
        display: block;
        float: left
    }

    .Hbz span {
        padding-left: 10px;
    }

        .Hbz span:before {
            content: "√";
            height: 16px;
            width: 16px;
            color: #01a16a;
            font: bold 10px Verdana, Geneva, sans-serif;
            margin-right: 8px
        }

.ProListADbox {
    width: 1210px;
    margin: auto;
    height: 80px;
    background: url(../image/ADhome-long.jpg) no-repeat center center;
}

    .ProListADbox a {
        width: 1210px;
        height: 130px;
        display: block;
        margin: auto
    }

.stockcar {
    font: 13px/15px "宋体";
    position: relative;
    background: url(../image/stockcar.png) no-repeat 0 -282px;
    width: 102px;
    display: inline-block;
    padding: 2px 1px
}

.stockcar-d {
    font: 13px/15px "宋体";
    position: relative;
    background: none;
    display: inline-block;
    padding: 0
}

    .stockcar i, .stockcar-d i {
        color: #fff;
        font-style: normal;
        padding-left: 3px;
        display: inline-block
    }

    .stockcar em, .stockcar-d em {
        color: #01a16a;
        display: inline-block;
        padding-left: 4px;
    }

    .stockcar:hover .stockcarDetail, .stockcar-d:hover .stockcarDetail {
        display: block
    }

.stockcarDetail {
    display: none;
    width: 460px;
    border: 1px solid #01a16a;
    position: absolute;
    top: 17px;
    left: 0;
    z-index: 500;
    background: #fff url(../image/stockcar.png) no-repeat 100px 0px;
}

    .stockcarDetail .title {
        height: 52px;
        font: 24px/52px "微软雅黑";
        color: #fff;
        padding-left: 180px;
    }

        .stockcarDetail .title span {
            font: 13px Arial, Helvetica, sans-serif;
            display: block;
            text-align: center;
            padding: 10px 30px;
            float: right;
            color: #ff0;
        }

    .stockcarDetail .conbox {
        font-size: 14px;
        padding: 30px 0px 20px 40px;
    }

        .stockcarDetail .conbox p {
            color: #bbb;
            font: 13px/160% Arial, Helvetica, sans-serif
        }

.stockcarD_DZ {
    background: #fff url(../../images/dz.jpg) no-repeat top right;
}

.accuracy_rate {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 38px;
    top: 8px;
}

.grade_A {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../image/stockcar-0.png) no-repeat 0 -317px;
    padding: 0;
    cursor: pointer;
}

.grade_B {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../image/stockcar-0.png) no-repeat -90px -317px;
    padding: 0;
    cursor: pointer;
}

.grade_C {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../image/stockcar-0.png) no-repeat -185px -317px;
    padding: 0;
    cursor: pointer;
}

.accuracy_rate_W {
    position: absolute;
    left: -38px;
    display: none;
}

.accuracy_bg {
    background-color: #fff;
    opacity: 0.7;
    width: 460px;
    height: 238px;
}

.accuracy_table {
    width: 209px;
    height: 155px;
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    left: 30px;
}

    .accuracy_table::before {
        content: '';
        width: 0;
        height: 0;
        border-width: 0 7px 7px;
        border-style: solid;
        border-color: transparent transparent #cecece;
        position: absolute;
        top: -7px;
        left: 25px;
    }

    .accuracy_table table {
        border-collapse: collapse;
        padding: 0;
        width: 159px;
        margin: 14px auto 0;
        font-size: 14px;
        color: #333;
    }

        .accuracy_table table td {
            line-height: 32px;
            text-align: center;
        }

.table_grade_A {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../image/stockcar-0.png) no-repeat 0 -378px;
    padding: 0;
}

.table_grade_B {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../image/stockcar-0.png) no-repeat -55px -378px;
    padding: 0;
}

.table_grade_C {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../image/stockcar-0.png) no-repeat -111px -378px;
    padding: 0;
}

.accuracy_table_border {
    color: #999;
    border-bottom: 1px solid #f3f3f3;
}

.accuracy_rate:hover .accuracy_rate_W {
    display: block;
}

.Fback a {
    color: #01a16a;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    margin: 20px 10px 5px 0;
}

    .Fback a:hover {
        color: #ff7300
    }

.Fback .Fback1 i {
    width: 32px;
    height: 36px;
    display: block;
    background: url(../image/stockcar.png) no-repeat -242px -264px;
    float: left;
    margin-right: 5px;
}

.Fback .Fback1:hover i {
    width: 32px;
    height: 36px;
    display: block;
    background: url(../image/stockcar.png) no-repeat -278px -264px;
    float: left;
    margin-right: 5px;
}

.Fback .Fback2 i {
    width: 32px;
    height: 36px;
    display: block;
    background: url(../image/stockcar.png) no-repeat -314px -264px;
    float: left;
    margin-right: 5px;
}

.Fback .Fback2:hover i {
    background: url(../image/stockcar.png) no-repeat -350px -264px;
}

.stockcarDetail .text {
    border-top: 1px dashed #ccc;
    background: #fff;
    padding: 20px 30px 20px 40px;
    font: 12px/160% Arial, Helvetica, sans-serif
}

.brand {
    height: 33px;
}

.Excellent {
    position: absolute;
    right: 10px;
    top: 50px;
}

.goldlogo + .brand {
    height: 0;
}


.hide-data {
    width: 400px;
    height: auto;
    background: #FFF;
    border: #004dff solid 1px;
    color: #6e6e6e;
    z-index: 666;
    position: absolute;
    left: 0px;
    top: 17px;
    overflow: hidden;
    visibility: hidden;
}

.hidebox {
    text-align: center;
}

    .hidebox tr td {
        padding: 7px 4px;
        word-wrap: break-word;
    }

    .hidebox tr.bj-color {
        background: #fbfbfd;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
    }

.Purchase_pdt:hover .hide-data {
    visibility: visible;
    position: absolute;
}

.Purchase_pdt {
    background-color: #004dff;
    color: #FFF;
    font: 13px "宋体";
    padding: 2px 3px 2px 7px;
    font-style: normal;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}

.number {
    padding: 1px 4px;
    background-color: #00b6d0;
    color: #FFF;
}

.thebox {
    width: 500px;
    overflow: auto;
    text-align: center
}

    .thebox table {
        border: #CCC solid 1px;
    }

    .thebox tr.title-name {
        background: #f1f1f1
    }

    .thebox tr td {
        padding: 3px 3px;
        border: #CCC solid 1px;
        width: 5em;
        word-wrap: break-word;
    }


.icon_arrow {
    width: 16px;
    height: 16px;
    background: url(../../image/arrow.png) no-repeat
}

.ad_a {
    padding: 15px;
    background-color: #FFF;
    overflow: hidden;
    margin: 10px auto;
    border: #ccc solid 1px;
}

    .ad_a table {
        margin-bottom: 6px;
        text-align: center
    }

        .ad_a table tr td img {
            border: #000 solid 1px;
        }

    .ad_a .R_title em {
        position: relative;
        display: inline-block;
        width: 21px;
        height: 18px;
        top: 4px;
        margin-left: 8px;
        background-position: -27px -62px
    }

    .ad_a .R_title span.title_new {
        color: #29b5ce;
        font-size: 16px
    }

    .ad_a .list_info .Buyhelp {
        width: 840px;
        height: auto;
        border: #01a16a solid 3px;
        margin-bottom: 10px;
        color: #6e6e6e;
        z-index: 666;
    }

.state_r {
    color: #fd4a26;
}

.state_g {
    color: #0ba973;
}

.state_b {
    color: #005ed4;
}

.ad_a .purchases_right .R_title {
    border-bottom: #29b5ce solid 3px;
    padding: 0px 5px 15px 5px;
}

.ad_a .R_list_info .information {
    margin: 0px 8px;
    font-size: 12px
}

    .ad_a .R_list_info .information tr.header_line {
        border-bottom: #eff0f4 solid 1px;
    }

    .ad_a .R_list_info .information tr td {
        padding: 7px 3px;
    }

    .ad_a .R_list_info .information a {
        color: #000;
    }

.Pro-main-interduce, .Pro-main-filter {
    border: #e4f2ff solid 1px;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
}

    .Pro-main-interduce .interduce-tit, .Pro-main-filter .interduce-tit {
        background: #f7fbff;
        height: 38px;
        line-height: 38px;
        padding: 0px 10px;
    }

        .Pro-main-interduce .interduce-tit h1 {
            display: inline-block;
            line-height: 28px;
        }

.interduce-con-img {
    display: inline-block;
    width: 150px;
    height: 150px;
    text-align: center;
    position: relative;
}

    .interduce-con-img img {
        max-width: 150px;
        max-height: 150px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.interduce-con-info, .filter-con-info {
    padding: 15px;
}

    .interduce-con-info ul li {
        line-height: 28px;
    }

    .filter-con-info ul li.Selected {
        background: #eee;
    }

        .filter-con-info ul li.Selected a {
            color: #317ee7;
        }

    .filter-con-info ul li {
        float: left;
        width: 80px;
        text-align: center;
        line-height: 28px;
    }

        .filter-con-info ul li a {
            color: #000;
        }

            .filter-con-info ul li a:hover, .Sup-info-con h2 a:hover, .step-text a:hover, .User-entrance a:hover {
                color: #ff7300;
                text-decoration: underline
            }

.Sup-wrap {
    height: 30px;
}

.Sup-list {
    background: #29b5ce;
    padding: 5px 10px;
    color: #fff;
}

.update-time {
    position: relative
}

    .update-time p:before {
        content: '';
        width: 30px;
        height: 19px;
        background: url(../image/icon_index.png) 0 -100px;
        display: block;
        position: absolute;
        right: 150px;
    }

.Sup-info-box {
    border: #dddddd solid 1px;
    padding: 10px;
    height: auto;
}

    .Sup-info-box .info-bjgray {
        background: #f7f7f7;
        padding: 10px;
        height: auto;
        display: flow-root;
        border-bottom: 1px #ccc dotted;
    }

.Sup-info-con h2 a, .step-text a {
    font-weight: normal;
    color: #317ee7;
}

.basic-con-info {
    padding-left: 160px
}

    .basic-con-info h2 {
        padding: 0 0 10px 0
    }

    .basic-con-info ul li {
        margin-bottom: 10px;
    }

        .basic-con-info ul li strong {
            color: #888;
            font-weight: normal
        }

        .basic-con-info ul li span {
            font-size: 15px
        }

.Sup-basic-info ul li.etd1 {
    float: left
}

.same-product {
    width: 218px;
    border: #dddddd solid 1px;
    padding: 15px;
    float: right
}

.same-product-tit {
    border-bottom: #dddddd solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.same-pro ul li {
    margin-bottom: 10px;
    height: 80px;
    overflow: hidden
}

.same-pro .step-img {
    border: #ddd solid 1px;
    overflow: hidden;
    margin-right: 10px;
    max-height: 78px;
    max-width: 80px;
}

    .same-pro .step-img img {
        width: 80px;
        height: 80px;
    }

.same-pro .step-text p {
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
}

.same-pro .step-text .update {
    font-size: 12px;
    float: right;
    color: #999
}

.more-info {
    position: relative;
    cursor: pointer;
    color: #317ee7;
}

    .more-info .Manufacturer-info {
        border: #cccccc solid 1px;
        background: #FFF;
        padding: 10px;
        width: 280px;
        height: auto;
        color: #000;
        position: absolute;
        top: 20px;
        left: 0px;
        z-index: 9;
        visibility: hidden
    }

    .more-info:hover .Manufacturer-info {
        visibility: visible
    }

    .more-info .Manufacturer-info td {
        padding: 2px 4px;
        vertical-align: top
    }

    .more-info .Manufacturer-info .text_overflow {
        width: 200px;
        word-break: break-all;
        white-space: pre-wrap;
    }

.Ql {
    width: 14px;
    height: 14px;
    background: #F90;
    border-radius: 14px;
    text-align: center !important;
    font: bold 12px/14px Arial, Helvetica, sans-serif;
    color: #fff;
    display: inline-block;
    position: relative
}

.Ql_1 {
    display: none;
    width: 260px;
    min-height: 80px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    right: -70px;
    border: 1px solid #ccc;
    color: #333;
    text-align: left;
    padding: 15px;
    font-size: 14px;
    font-weight: normal;
    z-index: 12px
}

    .Ql_1:before {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        border: 1px solid #ccc;
        border-top: 0;
        border-left: 0;
        background: #fff;
        position: absolute;
        bottom: -5px;
        right: 72px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.Ql:hover .Ql_1 {
    display: block
}

.Ql_1 b {
    border-bottom: #CCC dashed 1px;
    display: block;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.Ql_1_detail p {
    line-height: 22px;
    font-size: 12px;
}

.sjsc {
   /* font: 36px/80px '微软雅黑';*/
    margin-left: 20px;
    color: #333;
    margin-top: 10px;
}

.Q1_2 {
    position: absolute;
    top: 60px;
    right: 20px;
    color: #666;
    line-height: 24px;
    border: #888 dashed 1px;
    padding: 10px 10px 5px 20px;
    max-width: 240px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.more_p {
    width: 100%;
    clear: both;
    background: #fff;
    text-align: center;
    border-top: 1px solid #efefef;
    position: relative;
    top: 8px;
    padding-top: 8px;
}

    .more_p i {
        margin-left: 5px
    }

    .more_p span {
        background: #f00;
        padding: 2px 4px;
        text-align: center;
        color: #fff;
        border-radius: 20px;
        font-size: 11px;
        margin-right: 5px;
    }

.xh {
    color: #333;
    border: 1px solid #f00;
    color: #555;
    margin: 10px 0;
    border-radius: 3px;
    overflow: hidden;
    float: left;
    line-height: 28px
}

    .xh i {
        font-style: normal;
        margin-right: 10px;
        padding: 5px;
    }

        .xh i:first-child {
            background: #f00;
            color: #fff;
        }

.more_listbox {
    width: 97%;
    margin: auto;
    font-size: 12px;
    clear: both;
    padding-top: 20px
}

.more_list td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 15px 8px
}

.more_ti td {
    background: #676767;
    color: #d9d9d9;
    border: 1px solid #676767;
    border-bottom: 1px solid #ccc;
    padding: 3px;
    text-align: center
}

.m1 {
    width: 200px
}

.m2 {
    text-align: center;
    width: 180px;
}

td.m3 {
    padding: 0
}

.m3 table td {
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: right
}

.m3 table tr:last-child td {
    border: none
}

.m3_price i {
    font-size: 10px;
    font-style: normal
}

.m3_price {
    color: #f00;
    font-size: 14px;
    width: 25%
}

.m3_page {
    width: 22%
}

.backg-one {
    background: -webkit-radial-gradient(#29b5ce, #0d97d6); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#29b5ce, #0d97d6); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#29b5ce, #0d97d6); /* Firefox 3.6 - 15 */
    background: radial-gradient(#29b5ce, #0d97d6);
    height: 750px;
    position: relative;
}

.backg-two {
    background: #aa4bc1;
    height: 600px;
}

.backg-three {
    background: #ed5353;
    height: 600px;
}

.backg-four {
    background: #04b377;
    height: 700px;
}

.First-screen {
    position: relative;
}

.search-wrap {
    width: 720px;
    margin: 0px auto;
    padding-top: 200px;
}

    .search-wrap .s-text {
        background: #FFF;
        border: none;
        height: 48px;
        padding: 0 15px;
        width: 480px;
    }

    .search-wrap .s-select {
        border: none;
        height: 48px;
        padding: 0 26px 0 14px;
        border-left: #CCC solid 1px;
        color: #999;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #fff url(../image/arrow.png) no-repeat 75px center;
    }

        .search-wrap .s-select option {
            height: 48px;
        }

.pic-pro-big {
    position: absolute;
    width: 260px;
    height: 180px;
    background-color: #FFF;
    box-shadow: 0px 0px 5px #CCC;
    top: 15px;
    z-index: 11;
    display: none;
    display: table none;
}

    .pic-pro-big a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .pic-pro-big img {
        max-width: 260px;
        max-height: 180px
    }

.icon-pic:hover .pic-pro-big {
    display: block;
    display: table;
}

.close-org {
    background: url(../image/icon5.png) no-repeat -54px -91px;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: -4px;
    top: 22px;
    cursor: pointer
}

.get-Coupon-box {
    width: 86px;
    height: 84px;
    position: absolute;
    left: -60px;
    top: -75px;
    z-index: 999
}

.get-Coupon {
    width: 86px;
    height: 84px;
    background: url(../image/icon5.png) 0px 0px;
    display: block
}

.get-Coupon {
    -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
    animation: two-up-down .8s ease infinite 80ms alternate;
}

@keyframes two-up-down {
    from {
        -webkit-transform: translate(0,8px);
        transform: translate(0,8px)
    }

    to {
        -webkit-transform: translate(0,-8px);
        transform: translate(0,-8px)
    }
}


.search-wrap .s-button {
    border: none;
    padding: 0 30px;
    height: 48px;
    background: #0090ff;
    color: #FFF;
    cursor: pointer;
}

.brands {
    background: rgba(0,0,0,0.3);
    padding: 30px 15px;
    border-radius: 3px;
    width: 690px;
    margin: 40px auto;
    overflow: hidden
}

    .brands a {
        background: #FFF;
        border-radius: 3px;
        width: 163px;
        height: 72px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin: 5px 3px;
    }

        .brands a img {
            width: 160px;
            max-width: 160px;
            height: 70px;
        }

    .brands ol {
        white-space: nowrap;
        width: 690px;
        overflow: hidden
    }

        .brands ol li {
            display: inline-block;
        }

    .brands .qq {
        white-space: nowrap;
        float: left
    }

.guide img {
    position: absolute;
    top: 600px;
    left: 370px;
    z-index: 99
}

.backg-two .con-txt {
    color: #FFF;
    padding: 100px 0 0 0px;
}

    .backg-two .con-txt p:first-child, .backg-four .con-txt p:first-child, .backg-four .con-right p:nth-of-type(2) {
        font-size: 28px;
        line-height: 42px
    }

    .backg-two .con-txt p:nth-of-type(2), .backg-four .con-txt p:nth-of-type(2) {
        font-size: 18px;
        font-family: Verdana, Geneva, sans-serif
    }

.backg-three .con-left {
    width: 390px;
    display: inline-block
}

.backg-three .con-txt {
    color: #FFF;
    padding: 100px 0 0 0px;
    text-align: right;
}

    .backg-three .con-txt h2 {
        font-size: 36px;
    }

    .backg-three .con-txt p {
        font-size: 18px;
        line-height: 32px;
        border-top: #fff solid 1px;
        padding-top: 6px;
    }

.backg-three .con-input {
    text-align: center;
    color: #FFF;
    margin-top: 50px;
}

    .backg-three .con-input input {
        border: none;
        background: #ffa0a0;
        padding: 10px 40px;
        border-radius: 30px;
        color: #FFF;
        font-size: 16px;
        margin-bottom: 10px;
        cursor: pointer
    }

.backg-three .zxb-picture {
    margin-top: 80px;
}

.backg-four .con-txt {
    color: #FFF;
    padding: 50px 0 50px 0px;
}

.backg-four .con-left {
    width: 600x;
    display: inline-block
}

.backg-four .con-right {
    color: #fff;
    position: relative;
    width: 450px;
    height: 600px;
    overflow: hidden;
    margin-top: 60px;
}

    .backg-four .con-right p:first-child {
        font-size: 28px;
        line-height: 42px;
        text-align: center;
        font-weight: bold
    }

    .backg-four .con-right .Buying {
        background: rgba(255,255,255,0.8);
        width: 420px;
        min-height: 340px;
        margin-top: 20px;
        position: absolute;
        padding: 40px 30px 0px 0;
        border-radius: 3px;
        z-index: 100
    }

.product-mesg {
    width: 1200px;
    margin-bottom: 10px;
    padding: 20px 0px;
    background: #FFF
}

.is-control .SelBox, .is-control .Sel_g {
    width: 1200px;
}

.is-control .menu {
    height: 2px;
    margin-top: 20px;
    border-bottom: none
}

.is-control .Sel_c {
    width: 960px
}

.product-info-img a {
    width: 160px;
    height: 140px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.product-info-img img {
    max-width: 140px;
    max-height: 140px;
}

.product-info-txt {
    margin-left: 20px;
    display: inline-block
}

    .product-info-txt p {
        line-height: 26px;
        color: #666
    }

    .product-info-txt span {
        margin-right: 10px;
    }

    .product-info-txt p:first-child {
        font-size: 16px;
        color: #29b5ce;
        display: inline-block
    }

.product-mesg .ad_a {
    width: 300px;
    margin: inherit;
    padding: 2px 15px;
    border: #f3f3f3 solid 1px;
    background: #f7f7f7
}

    .product-mesg .ad_a .purchases_right .R_title {
        border-bottom: #29b5ce solid 1px
    }

.promit-error {
    margin-left: 110px;
    text-align: left;
    color: #ff4700;
    font: 13px Arial, Helvetica, sans-serif;
}

.mark {
    background: #ff4700;
    color: #FFF;
    padding: 0px 6px;
    height: 16px;
    line-height: 18px;
    display: inline-block;
    border-radius: 20px;
    font-size: 12px;
    font-style: normal;
    margin-right: 6px
}

.less-more-mesg {
    padding-right: 20px;
    text-align: right;
    line-height: 24px;
}

    .less-more-mesg .less-more-btn a:after {
        content: '∨';
        color: #0CF;
        font-size: 16px;
        font-weight: bold
    }

    .less-more-mesg .less-more-btn .b:after {
        content: '∧';
        color: #0CF;
        font-size: 16px;
    }

    .less-more-mesg a {
        color: #333
    }

    .less-more-btn a:hover, .less-more-mesg .b, .less-more-mesg .china-supplier a:hover {
        color: #ff7300;
    }

.MSDS-mesg {
    clear: both
}

.MSDS-mesg {
    padding: 0px 20px;
    overflow: hidden;
    margin: 10px 0 0 0;
}

    .MSDS-mesg ul li {
        width: 380px;
        overflow: hidden;
        float: left
    }

    .MSDS-mesg h2 {
        color: #0b7b99;
        font: 16px/20px '微软雅黑',arial;
        padding: 0;
    }

    .MSDS-mesg .base-fold {
        word-break: break-all;
        margin-top: 6px;
        line-height: 25px;
    }

        .MSDS-mesg .base-fold dl {
            clear: both;
            margin-bottom: 1px;
            overflow: hidden
        }

        .MSDS-mesg .base-fold dt {
            display: block;
            float: left;
            word-break: break-all;
            width: 110px;
            background: #efefef;
            margin-right: 5px;
            padding-left: 5px;
        }

            .MSDS-mesg .base-fold dt strong {
                font-weight: normal;
                color: #000
            }

        .MSDS-mesg .base-fold dd {
            display: block;
            float: left;
            word-break: break-all;
            width: 240px;
        }

.company-box, .E-txt {
    display: none;
}

.pro-wrap .M-w120 a:hover .company-box {
    display: block;
    position: absolute;
    width: 600px;
    height: auto;
    background: #FFF;
    padding: 30px 40px;
    box-shadow: 0px 0px 3px #999;
    left: -20px;
    top: 30px;
    text-align: left;
    z-index: 99
}

.company-box:before {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    background: #fff;
    position: absolute;
    top: -9px;
    left: 29px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.company-box .c-tit {
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

.level {
    margin-top: 20px;
    width: 270px;
    float: left
}

    .level .l-tit {
        border-bottom: #CCC solid 1px;
        padding: 10px 0px;
        margin-bottom: 10px
    }

    .level .Evaluation {
        display: inline-block;
        position: relative
    }

        .level .Evaluation:hover .E-txt {
            color: #333;
            background: #FFF;
            position: absolute;
            width: 150px;
            left: 0px;
            top: 0px;
            display: block
        }

    .level ul li {
        line-height: 28px;
    }

    .level .l-name {
        width: 100px;
        color: #333;
        display: inline-block
    }

.services {
    width: 260px;
    float: right;
    margin-top: 20px
}

    .services .Avatar {
        border: #ff7300 solid 1px;
        width: 40px;
        height: 40px;
        display: inline-block;
        border-radius: 30px;
        overflow: hidden;
        text-align: center
    }

        .services .Avatar img {
            width: 35px;
            max-width: 35px;
            max-height: 35px;
            height: 35px
        }

    .services .Avatar-txt {
        margin-left: 10px;
    }

    .services .Eval-tag {
        clear: both;
        padding-top: 10px
    }

        .services .Eval-tag span {
            border: #DEDEDE solid 1px;
            padding: 3px 10px;
            color: #929292;
            display: inline-block;
            margin: 0 8px 8px 0
        }

.xh {
    color: #333;
    border: 1px solid #f00;
    color: #555;
    margin: 10px 0;
    border-radius: 3px;
    overflow: hidden;
    float: left;
    line-height: 28px
}

    .xh i {
        font-style: normal;
        margin-right: 10px;
        padding: 5px;
    }

        .xh i:first-child {
            background: #f00;
            color: #fff;
        }

.more_listbox {
    width: 97%;
    margin: auto;
    font-size: 12px;
    clear: both;
    padding-top: 20px
}

.more_p {
    width: 100%;
    clear: both;
    background: #fff;
    text-align: center;
    border-top: 1px solid #efefef;
    position: relative;
    top: 8px;
    padding-top: 8px;
}

    .more_p i {
        margin-left: 5px
    }

    .more_p span {
        background: #f00;
        padding: 2px 4px;
        text-align: center;
        color: #fff;
        border-radius: 20px;
        font-size: 11px;
        margin-right: 5px;
    }

.more_list {
}

    .more_list td {
        border: 1px solid #ccc;
        border-collapse: collapse;
        padding: 15px 8px
    }

.more_ti td {
    background: #676767;
    color: #d9d9d9;
    border: 1px solid #676767;
    border-bottom: 1px solid #ccc;
    padding: 3px;
    text-align: center
}

.m1 {
    width: 200px
}

.m2 {
    text-align: center;
    width: 180px;
}

td.m3 {
    padding: 0
}

.m3 table td {
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: right
}

.m3 table tr:last-child td {
    border: none
}

.m3_price i {
    font-size: 10px;
    font-style: normal
}

.m3_price {
    color: #f00;
    font-size: 14px;
    width: 25%
}

.m3_page {
    width: 22%
}

.more_ti .m3_price {
    font-size: 12px;
}

.more_ti .m3_add {
    text-align: center
}

.Direct-pro-list {
    position: relative
}

.yhq1 {
    width: 72px;
    height: 51px;
    background: url(../image/yhq.png) no-repeat 0 0;
    position: absolute;
    top: -3px;
    left: 10px;
    cursor: pointer
}

    .yhq1:hover {
        background: url(../image/yhq.png) no-repeat 0 -51px;
    }
/*右侧现货商城修改*/
.cgbxh {
    width: 301px;
    height: 189px;
    border: 1px solid #d21e00;
    margin-bottom: 10px;
    position: relative;
    background: url(../image/xianhuo.jpg?v=1.1) no-repeat;
}

.cgbbox {
    margin-top: 76px;
    width: 100%;
    display: table;
}

.cgblist {
    text-align: center;
    font-size: 14px;
    color: #333;
    display: table-cell;
}

    .cgblist span {
        display: block;
        color: #d21e00;
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 5px;
    }

.cgba {
    width: 105px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff !important;
    font-size: 14px;
    background-color: #d21e00;
    display: block;
    margin: 20px auto 0;
    border-radius: 5px;
    cursor: pointer;
    border: 0;
}

    .cgba:hover {
        background-color: #ff7800 !important;
    }

.cgp {
    width: 50%;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}

    .cgp span {
        font-weight: bold;
        color: #d21e00;
        font-size: 15px;
        margin-right: 5px;
    }

.cgtxt {
    text-align: center;
    color: #d21e00;
    font-weight: bold;
    font-size: 15px;
}

.cgbbox1 {
    margin-top: 75px;
    width: 100%;
    display: inline-block;
    padding: 0 40px;
    box-sizing: border-box;
}
/*右侧现货商城修改*/
.Reagent-Mall {
    width: 274px;
    height: 130px;
    background: #f5f5f5;
    border: #e60012 solid 1px;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 10px;
    position: relative
}

    .Reagent-Mall .red-btn {
        background: #e60012;
        border: none;
        color: #FFF;
        padding: 4px 10px;
        border-radius: 3px;
        position: relative;
        top: -5px;
        cursor: pointer
    }

        .Reagent-Mall .red-btn:hover {
            background: #ff7300
        }

    .Reagent-Mall .bj-tit {
        background: url(../image/reagent-tit.png) no-repeat;
        width: 268px;
        height: 30px;
        display: block;
        margin-top: 4px
    }

    .Reagent-Mall ul li {
        width: 49%;
        display: inline-block;
        padding: 6px 0
    }

        .Reagent-Mall ul li .color_red {
            font-weight: bold;
            margin-right: 5px
        }

.brand-name {
    margin-top: 10px;
    color: #646464;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}
/* .wtcg { background: #fac257 url(https://www.chemicalbook.com/images/cgb1.jpg) no-repeat left center;
            height: 49px;
            margin-bottom: 10px;
            background-size: 180px auto;
            position: relative;
}*/
.wtcg {
    background: url(../image/cgbg1.jpg?v=1.1) no-repeat center 0;
    width: 303px;
    height: 45px;
    position: relative;
    margin-bottom: 10px;
}

    .wtcg .cgb1 {
        background: #ff7800 none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        cursor: pointer;
        font: 14px "微软雅黑";
        position: absolute;
        right: 13px;
        top: 10px;
        border-radius: 5px;
        height: 26px;
        width: 75px;
    }

        .wtcg .cgb1:hover {
            background: #e84e2b;
        }

.yf {
    height: 29px;
    position: relative;
    top: -15px;
}

    .yf ul {
        max-width: 1000px;
        height: 44px;
        overflow: hidden;
        border-right: 0px solid #ccc;
    }

        .yf ul li {
            display: block;
            border-left: 1px solid #ccc;
            padding: 0 20px;
            color: #888;
            height: 44px;
            line-height: 44px;
            float: left;
            font-family: "宋体"
        }

            .yf ul li span {
                padding-right: 6px;
                color: #333;
            }

            .yf ul li b {
                color: #e4393c;
                font: 14px Arial, Helvetica, sans-serif
            }

.yf_box {
    float: right;
    height: 44px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.yf_d { /* */
    display: none;
    position: absolute;
    top: -1px;
    right: -1px;
    background: #fff;
    width: 600px;
    padding: 40px 30px;
    z-index: 9999;
    border: 1px solid #ccc;
    box-shadow: 2px 3px 3px #ccc;
}

.yf_box:hover .yf_d {
    display: block
}

.yf_box td {
    line-height: 25px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 8px;
}

.product-catalog-tit {
    height: 30px;
}

    .product-catalog-tit .catalog-tit {
        font-size: 14px;
    }

.ProCatalog .part-menu a {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    border-bottom: #dbdbdb dashed 1px;
    display: block;
    padding: 6px 0px;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .ProCatalog .part-menu a:hover, .part-ch li:hover {
        background: #f5f5f5
    }

    .ProCatalog .part-menu a:before {
        content: '▸';
        color: #999;
        font-size: 14px;
        margin-right: 6px
    }

.ProCatalog .part-ch a {
    color: #777777;
    padding: 6px 20px;
    display: block;
    border-bottom: #dbdbdb dashed 1px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

    .ProCatalog .part-ch a:before {
        content: '—';
        margin-right: 4px;
    }

.nav {
    height: 50px;
    line-height: 50px;
    background: #665252
}

    .nav .headerbox {
        padding: 0px
    }

    .nav .nav-wrap ul li {
        float: left;
    }

        .nav .nav-wrap ul li a {
            color: #fff;
            padding: 0px 15px;
        }

            .nav .nav-wrap ul li a:hover, .nav .nav-wrap .on {
                background: #776565;
                display: block
            }

.t4:hover .Certificate-des {
    display: block;
}

.Certificate-des {
    width: 220px;
    background: #fffee4;
    border: #ffe1b8 solid 1px;
    z-index: 99;
    padding: 10px;
    position: absolute;
    top: 20px;
    display: none;
    box-shadow: 0px 0px 6px #CCC
}

    .Certificate-des .cer-t {
        color: #ff6000;
        font-weight: bold
    }

    .Certificate-des .cer-t2 {
        color: #01a16a;
        font-size: 16px;
        font-weight: bold;
        text-align: center
    }

        .Certificate-des .cer-t2:before {
            content: '✔';
            margin-right: 6px;
        }

    .Certificate-des .cer-t3 {
        color: #898989;
        text-align: center
    }

    .Certificate-des .cer-img {
        padding: 6px;
    }

        .Certificate-des .cer-img img {
            width: 190px;
            max-height: 220px;
            border: #ffe1b8 solid 1px;
            background: #FFF;
            padding: 6px;
        }

.company-logo {
    float: left;
    margin-right: 20px;
    width: 140px;
    height: 80px;
    display: table
}

    .company-logo a {
        display: table-cell;
        vertical-align: middle
    }

    .company-logo img {
        max-width: 140px;
        max-height: 90px;
    }

.yhq_icon {
    background: #e4393c;
    border-radius: 2px;
    height: 16px;
    width: 16px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    cursor: pointer
}

ul.mian {
    height: auto
}

    ul.mian li {
        border: none;
        color: #333;
        font: 14px/120% Arial, Helvetica, sans-serif;
        padding: 10px 20px;
        background: #efefef;
        margin: 0 2px 2px 0;
        height: auto;
        display: inline-block
    }

.nav .headerbox {
    height: 50px;
}

.product-list ul li p {
    font-size: 12px;
    line-height: 20px;
    margin: 0px;
    padding: 0px
}

.product-list ul li {
    border-bottom: 1px dashed #dddddd;
    padding-bottom: 6px;
    margin-bottom: 6px;
    overflow: hidden
}

.promotion:before {
    content: "【促】";
    color: #F00;
    font-size: 12px;
}

.ProDetailBox h3 {
    padding: 5px 10px;
    margin-top: 20px;
    background: #ccdbfb;
    border: 1px solid #6093ff;
    color: #1953d1;
}

.ProDetailBox .evaluateBox h3 {
    background: none;
    border: none;
    padding: 5px 0;
    margin: 20px 0 0 0;
    font-weight: bold
}

.ProBaseInf {
    margin: 5px 0;
    padding: 10px 0;
    background: #efefef;
}

    .ProBaseInf ul li {
        display: inline-block;
        padding: 5px 10px;
        color: #666
    }

.ProDetail {
    font-size: 12px;
    line-height: 22px;
}

.ProDetailTop {
    padding-bottom: 20px;
    overflow: hidden
}

hr {
    border: none;
    border-top: 1px dotted #ccc;
    margin: 20px 0;
}

.PinfBox {
    padding-left: 15px;
    width: 555px;
}

    .PinfBox ul li {
        border-bottom: 1px dotted #ccc;
        padding: 5px 2px;
    }

        .PinfBox ul li span {
            color: #888;
        }

.pack_price b {
    display: inline-block;
    margin-right: 20px;
}

.pack_price {
    margin-bottom: 15px;
}

.clear {
    clear: both
}

.ProBaseInf {
    margin: 5px 0;
    padding: 10px 0;
    background: #efefef;
}

    .ProBaseInf ul li {
        display: inline-block;
        padding: 5px 10px;
        color: #666
    }

.ProDetailTop {
    padding-bottom: 20px;
    overflow: hidden
}

hr {
    border: none;
    border-top: 1px dotted #ccc;
    margin: 20px 0;
}

.FRQsupplier, .fillBox {
    display: table-cell;
}

.InputBox .mL105, .mL105 {
    padding-left: 105px;
}

.InputBox .mL105 {
    font-size: 13px;
}

.err {
    color: #f00;
}

.InputBox li {
    margin: 8px 0;
    font-size: 0;
}

.InputBox .must::after {
    color: #f00;
    content: "*";
}

.InputBox .Tit {
    color: #666;
    display: inline-block;
    padding-right: 5px;
    width: 100px;
    font-size: 13px
}

.InputBox .Tit1 {
    float: left;
    height: 100px;
    font-size: 13px
}

.InputBox input, .InputBox .textearea, .InputBox .select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    color: #666;
    font: 13px/25px Arial,Helvetica,sans-serif;
    height: 25px;
    padding: 0 3px;
    width: 300px;
}

.InputBox .select {
    margin-right: 5px;
}

.InputBox .w100 {
    width: 100px;
}



.InputBox .radio {
    height: auto;
    margin: 0 3px;
    width: auto;
}

.InputBox .textearea {
    color: #999;
    height: 120px;
    line-height: 20px;
    width: 300px;
}

.Inquiry, .InquiryBig {
    background: #ff7300;
    padding: 3px 0;
    width: 70px;
    text-align: center;
    display: block;
}

.InquiryBig {
    padding: 5px;
    width: 100px;
    font-size: 16px;
    font-weight: bold;
}

    .Inquiry:hover, .InquiryBig:hover {
        background: #ff8900;
    }

.AW {
    color: #fff;
}

.paddTB10 {
    padding: 20px 0 10px 0
}

.PimgSBox {
    text-align: center;
}

    .PimgSBox ul li {
        border: 1px solid #dedede;
        display: inline-block;
        height: 42px;
        margin: 5px;
        width: 42px;
        cursor: pointer
    }

        .PimgSBox ul li img {
            border: 1px solid #fff;
            height: 40px;
            width: 40px;
        }

.evaluate_text {
    width: 800px;
}

.red {
    color: #F00
}



.pictop {
    padding: 15px 0;
}

.other select {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

.pictop span {
    padding-right: 15px;
    font-weight: bold;
    color: #333;
}

.picturebox {
    position: relative;
    display: table;
    text-align: center;
    width: 500px;
    height: 400px;
    overflow: hidden;
    display: block\9;
}

.picturetd {
    display: table-cell;
    vertical-align: middle;
    display: block\9;
}

.picturebox img {
    max-width: 500px;
    margin: auto;
    height: auto;
}

.picturebox a {
    background: #fff;
    position: absolute;
    top: 40%;
    height: 80px;
    width: 40px;
    font: bold 56px Verdana, Geneva, sans-serif;
    color: #999;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

    .picturebox a:hover {
        background: #333;
        color: #fff;
    }

    .picturebox a[class="prev"] {
        float: left;
        left: 0;
        border-radius: 40px 0 0 40px
    }

        .picturebox a[class="prev"]:before {
            content: "﹤";
            position: absolute;
            left: -8px;
            top: 3px
        }

    .picturebox a[class="next"] {
        float: right;
        right: 0;
        border-radius: 0 40px 40px 0
    }

        .picturebox a[class="next"]:before {
            content: "﹥";
            position: absolute;
            right: -8px;
            top: 3px
        }

.picturebox1 {
    width: 216px;
}

    .picturebox1 ul {
        clear: both;
        padding-top: 15px;
        overflow: hidden
    }

        .picturebox1 ul li {
            float: left;
            border: 1px solid #ccc;
            margin: 1px;
            width: 50px;
            height: 50px;
        }

            .picturebox1 ul li:hover {
                border: 1px solid #ff7300;
                cursor: pointer
            }

            .picturebox1 ul li img {
                width: 50px;
                height: 50px;
            }

    .picturebox1 a[class="prev"], .picturebox1 a[class="next"] {
        position: absolute;
        top: 46px;
        height: 40px;
        width: 20px;
        font: bold 30px Verdana, Geneva, sans-serif;
        color: #ff7300;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }

        .picturebox1 a[class="prev"]:hover, .picturebox1 a[class="next"]:hover {
            background: #CCC
        }

    .picturebox1 .pb1 {
        position: relative;
        width: 216px;
        clear: both
    }

        .picturebox1 .pb1 a[class="prev"] {
            float: left;
            left: -20px;
            border-radius: 40px 0 0 40px
        }

            .picturebox1 .pb1 a[class="prev"]:before {
                content: "﹤";
                position: absolute;
                left: -5px;
                top: 1px
            }

        .picturebox1 .pb1 a[class="next"] {
            float: right;
            right: -20px;
            border-radius: 0 40px 40px 0
        }

            .picturebox1 .pb1 a[class="next"]:before {
                content: "﹥";
                position: absolute;
                right: -5px;
                top: 1px
            }

.picpro {
    margin-top: 50px;
}

    .picpro b {
        background: #efefef;
        display: block;
        padding: 5px 10px;
        border-bottom: 1px solid #ccc;
    }

    .picpro ul li {
        border: none;
        width: 216px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        padding: 15px 10px;
        height: auto;
        background: #efefef;
        margin: 0
    }

        .picpro ul li:hover {
            border: none;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #fff;
        }

.picproname {
    width: 145px;
}

    .picproname a {
        word-break: break-all;
        word-wrap: break-word;
        height: 42px;
        overflow: hidden;
        display: inline-block;
        margin-bottom: 3px;
        line-height: 22px
    }

.picpro ul {
    padding-top: 0
}

    .picpro ul li img {
        margin-right: 5px;
    }

.picpro .button_o {
    background: #ff7300;
    color: #fff;
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
    margin-right: 20px;
}

    .picpro .button_o:hover {
        background: #ff8900;
        color: #fff;
    }

.price-range {
    font: bold 22px Arial, Helvetica, sans-serif;
    color: #F00
}

.PackBox a {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px 6px;
    margin: 2px 8px 2px 0px;
    color: #666;
    position: relative
}

    .PackBox a:hover {
        border: 1px solid #F00;
        color: #f00;
    }

.PackBox ul li {
    border-bottom: 1px #fff;
}

.TouchArr2 {
    display: none;
}

    .TouchArr2 a[class="prev"], .TouchArr2 a[class="next"] {
        background: #000;
        position: absolute;
        top: 35%;
        height: 50px;
        width: 32px;
        font: bold 36px Verdana, Geneva, sans-serif;
        color: #999;
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
        z-index: 99;
    }

    .TouchArr2 a[class="prev"] {
        float: left;
        left: 0;
    }

        .TouchArr2 a[class="prev"]:before {
            content: "﹤";
            position: absolute;
            left: -4px;
            top: -0px
        }

    .TouchArr2 a[class="next"] {
        float: right;
        right: 0;
    }

        .TouchArr2 a[class="next"]:before {
            content: "﹥";
            position: absolute;
            right: -4px;
            top: -0px
        }

.CPicture {
    width: 220px;
    height: 184px;
    display: table;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
}

    .CPicture a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .CPicture .HowMany {
        background: rgba(0,0,0,0.5);
        color: #FFF;
        padding: 4px;
        position: absolute;
        bottom: 0px;
        left: 0px
    }

    .CPicture img {
        max-height: 180px;
        max-width: 220px;
    }

    .CPicture:hover .TouchArr2 {
        display: block;
    }

a.other_s {
    padding: 0 10px;
    background: #29b5ce;
    color: #fff;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -14px;
    height: 28px;
    line-height: 28px;
}

    a.other_s:hover {
        background: #ff7300;
        color: #fff;
    }

.ZXBIcon {
    font: 13px "宋体";
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    background: #f00;
    padding: 1px 3px;
    border-radius: 2px;
}


.CNess {
    background: #fff;
    border: 1px solid #29b5ce;
    word-break: break-all;
    margin-bottom: 10px;
    min-width: 300px;
}

    .CNess .tit {
        background: #29afc8; /* Old browsers */
        background: -moz-linear-gradient(left, #29afc8 0%, #a9def1 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #29afc8 0%,#a9def1 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #29afc8 0%,#a9def1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29afc8', endColorstr='#a9def1',GradientType=1 ); /* IE6-9 */
    }

.ChoiceIcon {
    background: url(../image/CNess.png);
    width: 96px;
    height: 28px;
    display: inline-block
}

.ProImgMin {
    width: 70px;
    height: 70px;
    border: #e5e5e5 solid 1px;
    position: relative;
    text-align: center;
    float: left
}

    .ProImgMin img {
        width: 68px;
        height: 68px;
        border: 1px solid #fff;
    }

.ProInner i {
    font-size: 12px;
    display: block;
    color: #888;
    font-style: normal;
    margin-top: 5px;
}

.ProInner {
    float: left;
    width: 200px;
    margin-left: 8px;
}

    .ProInner .ProName {
        height: 16px;
        margin: 3px 0 6px 0
    }

        .ProInner .ProName a {
            float: left;
            width: 140px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .ProInner .ProName span {
            float: right;
        }

    .ProInner .ComName {
        width: 200px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.Tab {
    border: #ff7300 solid 1px;
    color: #ff7300;
    display: inline-block;
    padding: 2px 9px;
    border-radius: 15px;
    margin-top: 8px;
    margin-right: 2px;
    line-height: 100%;
    max-width: 76px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .Tab:hover {
        background: #ff7300;
        color: #fff
    }

.Tab1box {
    background: #f5f5f5;
    padding: 5px 10px;
    clear: both;
    position: relative;
    top: 15px;
}

a.Tab1 {
    color: #777;
    display: inline-block;
    padding: 2px 8px;
    line-height: 100%;
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    a.Tab1:hover {
        background: #ff7300;
        color: #fff;
        border-radius: 20px;
    }

.CNess li {
    border-bottom: 1px dotted #ccc;
    padding-top: 10px;
    line-height: 120%;
    margin: 0 10px;
    overflow: hidden;
    height: 95px;
}

.NewPro li:last-child {
    border-bottom: none
}

.ProImgWrap {
    width: 180px;
    height: 140px;
    display: table;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 10px;
}

    .ProImgWrap a {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .ProImgWrap img {
        max-height: 140px;
        max-width: 180px;
    }

.Top .MyProBox {
    margin-left: 20px
}

.MyProBox {
    padding: 0 5px 8px 5px;
}

    .MyProBox a {
        width: 70px;
        height: 70px;
        display: inline-block;
        border: 1px solid #ddd;
        overflow: hidden;
        margin: 0 2px;
        text-decoration: none
    }

    .MyProBox img {
        width: 68px;
        height: 68px;
        border: 1px solid #fff;
    }

.group {
    background: #FFF;
    padding: 15px;
    box-shadow: 0px 0px 4px #CCC;
    overflow: hidden
}

    .group .search input[type=text] {
        border: 1px solid #ddd;
        width: 360px;
        height: 28px;
        line-height: 28px;
        padding-left: 20px;
        background: url(../../img_mall_v1/ico/ico.png) 5px -390px no-repeat;
        float: left
    }

    .group .col2 .search button {
        width: 76px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        border: 0;
        float: left;
        margin-left: 10px;
        cursor: pointer
    }


        .group .col2 .search button.btn-store {
            background: #ff8c1d
        }

.LandP {
    height: 82px;
    position: relative;
}

.goldlogo + .MyProBox {
    position: absolute;
    left: 490px;
    display: inline-block
}


.group .col2 .search button.btn-store:hover {
    background: #f78517
}

.group .col2 .search button.btn-station {
    background: #29b5ce
}

    .group .col2 .search button.btn-station:hover {
        background: #22a6bd
    }

.group .f-pager .fp-text {
    line-height: 23px;
    margin-right: 10px;
    font-family: verdana
}

    .group .f-pager .fp-text b, .group .f-pager .fp-text em, .group .f-pager .fp-text i {
        font-weight: 400;
        font-style: normal
    }

    .group .f-pager .fp-text b {
        color: #ff7300;
        font-weight: 700
    }

.group .f-pager .fp-next, .group .f-pager .fp-prev {
    width: 46px;
    height: 23px;
    border: 1px solid #DDD;
    background: #FFF;
    line-height: 23px;
    font-family: "\5b8b\4f53";
    text-align: center;
    font-size: 16px;
    color: #AAA;
    display: inline-block;
}

.group .f-pager .fp-prev {
    margin-right: -1px
}

    .group .f-pager .fp-next:hover, .group .f-pager .fp-prev:hover {
        text-decoration: none
    }

    .group .f-pager .fp-next.disabled, .group .f-pager .fp-prev.disabled {
        padding: 0;
        background: #F1F1F1;
        color: #CCC;
        cursor: default
    }

.stock-box {
    background: #fff;
    border: 1px solid #dddddd;
    padding: 20px;
    margin-top: 20px;
    overflow: hidden
}

.s-item-l {
    width: 36%;
    float: left
}

    .s-item-l .pro-name {
        font-size: 16px;
        color: #29b5ce;
    }

    .s-item-l .N {
        margin-bottom: 10px;
        color: #666
    }

    .s-item-l .SPImg {
        width: 102px;
        height: 102px;
        border: 1px solid #eeeeee;
        background: #fff;
        display: table;
        float: left;
        margin-right: 10px;
    }

        .s-item-l .SPImg a {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .s-item-l .SPImg img {
            max-width: 100px;
            max-height: 100px;
        }

    .s-item-l .SPText span {
        color: #999999;
        margin-right: 4px;
    }

    .s-item-l .SPText li {
        line-height: 24px;
    }

.s-item-r {
    width: 64%;
    float: left
}

    .s-item-r tr th {
        background: #f7f7f7;
        padding: 10px;
        border-top: 1px solid #e9e9e9
    }

    .s-item-r tr td {
        padding: 10px;
    }

.org_btn {
    padding: 0px 25px;
    height: 34px;
    background: #ff7300;
    color: #fff;
    border: #e05b07 solid 1px;
    border-radius: 2px;
    cursor: pointer;
}

.s-item-r .tips a {
    background: #e2e0e0;
    padding: 4px 6px;
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    border-radius: 2px;
    color: #333333;
    position: relative;
    margin-bottom: 8px;
}

    .s-item-r .tips a:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 14px solid transparent;
        border-left: 18px solid #e2e0e0;
        border-bottom: 14px solid transparent;
        display: block;
        position: absolute;
        right: -17px;
        top: 0px;
    }

.AD {
    font-size: 10px;
    color: #ccc;
    position: absolute;
    bottom: 2px;
    right: 5px;
}

.TypeC {
    height: 35px;
    width: 100px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-align: center;
    position: relative
}

    .TypeC:hover {
        background: #fff;
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
    }

    .TypeC i {
        width: 8px;
        height: 4px;
        display: inline-block;
        background: url(../image/icon_productlist.png?v=1.1) no-repeat -80px 0;
        margin: 3px;
    }

    .TypeC .TypeE {
        display: none;
        background: #fff;
        border: 1px solid #cfcfcf;
        border-top: 1px solid #fff;
        padding-bottom: 10px;
        width: 100px;
        line-height: 25px;
        position: absolute;
        top: 35px;
        left: -1px;
        z-index: 12;
    }

    .TypeC:hover .TypeE {
        display: block;
        background: #ffff;
    }

    .TypeC .TypeE li {
        width: 98px;
        text-align: center;
        padding-right: 0;
        color: #666;
        margin: 0
    }

        .TypeC .TypeE li:before {
            background: none;
            display: none
        }


/*专题系列*/
.Series_0 {
    font-size: 22px;
    line-height: 100%;
    padding: 50px 0 30px 0;
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

    .Series_0:after {
        content: "︿﹀︿﹀︿﹀︿﹀︿﹀︿﹀︿";
        position: absolute;
        bottom: 5px;
        left: 50%;
        margin-left: -65px;
        font-size: 10px;
        color: #bbb
    }

.Series_1 {
    padding: 10px 0;
}

.Series_2, .Series_4 {
    overflow: hidden
}

    .Series_2 a {
        width: 300px;
        height: 60px;
        margin-right: -1px;
        display: block;
        float: left;
        overflow: hidden;
        border: 1px solid #ccc;
        text-align: center;
        vertical-align: middle
    }

    .Series_2 img {
        border: none;
        max-height: 60px;
        width: auto;
    }

.Series_3 {
    overflow: hidden;
}

.Series_31 {
    width: 230px;
    height: 325px;
    display: block;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px;
    margin: 0 14px 14px 0
}

    .Series_31:hover {
        border: 1px solid #ff7300;
        transition: all 0.3s;
    }

        .Series_31:hover h2 a, .Series_31:hover h3 a {
            color: #ff7300;
            transition: all 0.3s;
        }

.Series_311 {
    padding-bottom: 20px;
    text-align: center;
    width: 230px;
    height: 100px;
    overflow: hidden
}

    .Series_311 img {
        max-width: 230px;
        max-height: 100px;
    }

.Series_312 h2, .Series_312, .Series_41 h2, .Series_41 h3, .Series_5 a, .Series_312 h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.Series_312 {
    height: 110px
}

.Series_313 {
    padding-top: 15px;
}

    .Series_313 h3, .Series_41 h3 {
        padding: 0;
        font-weight: normal
    }

    .Series_313 a {
        color: #777;
        width: 200px;
        padding: 2px 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block
    }

        .Series_313 a:hover {
            text-decoration: underline
        }

.Series_31:nth-child(4n+0) {
    margin-right: 0px;
    float: right
}

.Series_3131 a {
    font-size: 12px;
    margin-top: 5px;
    color: #333
}

.Series_41 {
    WIDTH: 210px;
    display: block;
    float: left;
    border-right: 1px dotted #aaa;
    padding: 15px;
}

    .Series_41:hover {
        background: #efefef
    }

.S_41img {
    width: 210px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    display: block
}

.Series_41 img {
    max-height: 120px;
    width: auto;
}

.Series_41:last-child {
    border-right: 0
}

.Series_411 {
    font-size: 15px;
    padding-top: 12px;
}

.Series_5 a {
    width: 19%;
    display: inline-block;
    line-height: 26px;
}

.GM {
    background: #f4fff6;
    border: 1px solid #01a16a;
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

    .GM .GM-t {
        position: absolute;
        background: #01a16a;
        color: #FFF;
        width: 14px;
        padding: 1% 6px;
        top: 0px;
        bottom: 0px;
    }

    .GM .GM-info {
        width: 690px;
        float: left;
        margin-left: 50px;
    }

        .GM .GM-info th {
            padding: 4px 8px;
            border-bottom: 1px solid #d7f0d3;
        }

        .GM .GM-info td {
            padding: 4px 8px;
        }

    .GM .operate {
        float: left;
        margin: 8px 0 0 20px
    }

.CoA {
    background-position: 1px -303px;
    width: 22px;
    height: 20px;
    position: relative;
    top: -1px;
}

.Ar-box {
    position: relative;
}

    .Ar-box .Ar {
        position: absolute;
        width: 100px;
        height: 100px;
        background: #fff;
        border: #CCC;
        padding: 2px;
        box-shadow: 0px 0px 5px #CCC;
        top: 25px;
        z-index: 99;
        display: none;
    }

        .Ar-box .Ar img {
            width: 100px;
            height: 100px
        }

    .Ar-box:hover .Ar {
        display: block;
    }

    .Ar-box a:before {
        content: '';
        width: 18px;
        height: 15px;
        background: url(../image/icon_icon.png) no-repeat -24px -303px;
        display: inline-block;
        position: absolute;
        left: -15px;
        top: 6px;
    }

.t-box:hover .t-info {
    display: block
}

.t-info {
    position: absolute;
    top: 0px;
    right: 142px;
    color: #666;
    display: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 3px #198e19;
    bottom: 0px;
    border-radius: 5px;
}


.MoreWrap {
    max-width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline;
    padding-right: 25px;
}

    .MoreWrap:after {
        content: '';
        width: 18px;
        height: 15px;
        background: url(../image/icon_icon.png) -49px -303px;
        position: absolute;
        top: 2px;
        right: 2px;
        cursor: pointer;
        color: #999;
    }

.window_update {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 99;
}

.update_box {
    position: absolute;
    height: auto;
    top: 250px;
    left: 40%;
    display: block;
    background: #fff;
    padding: 30px 40px 30px;
    font-size: 14px;
    z-index: 99;
    border-radius: 5px;
}

    .update_box ul {
        margin: 20px 0;
        line-height: 22px;
    }

        .update_box ul span:first-child {
            color: #999;
            width: 60px;
            display: inline-block
        }

.prompt {
    color: #999;
    font-size: 12px !important;
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
/*.ProConrent{ overflow:hidden;}*/
/*新版入口*/
.SearchBox {
    overflow: hidden;
    padding: 6px 0 0 6px;
}

.SearchList {
    width: 1030px;
    float: left;
}

.SearchItem {
    width: 100%;
    height: 140px;
    box-shadow: 0px 0px 6px #d0d0d0;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
    background: #fff
}

    .SearchItem .Search-pro-figure {
        width: 224px;
        height: 100%;
        text-align: center;
        display: inline-table;
        float: left;
        margin-right: 10px;
    }

.aa {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.SearchItem .Search-pro-mess {
    width: 360px;
    height: 100%;
    float: left
}

    .SearchItem .Search-pro-mess li {
        line-height: 20px;
    }

        .SearchItem .Search-pro-mess li span {
            color: #999;
            width: 100px;
            display: inline-block
        }

.SearchItem .Search-pro-into {
    float: left;
}

    .SearchItem .Search-pro-into li a:before {
        content: '➤';
        color: #e2dede;
        padding-right: 10px
    }

    .SearchItem .Search-pro-into li {
        line-height: 24px;
    }

.SearchItem a {
    color: #2097ad
}

    .SearchItem a:hover {
        color: #ff7300
    }

.Supplier-list-group {
    position: absolute;
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    padding: 10px 15px;
    height: 140px;
    width: 260px;
    box-sizing: border-box;
    top: 0px;
    right: -280px
}

    .Supplier-list-group:before {
        content: "";
        width: 12px;
        height: 12px;
        display: block;
        border: 1px solid #dcdcdc;
        border-top: 0;
        border-right: 0;
        background: #f2f2f2;
        position: absolute;
        top: 6px;
        left: -8px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
        -o-transform: rotate(45deg); /* Opera */
    }

.S-CNess {
    width: 750px;
}

.destoon_ad_place {
    width: 160px;
    float: right;
}

.Supplier-list-group ul li {
    line-height: 24px;
}

    .Supplier-list-group ul li a {
        width: 200px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.Supplier-list-group .top {
    color: #F00;
}

.CNessflog {
    width: 34px;
    height: 45px;
    background: url(../image/icon_icon.png) no-repeat 0 -329px;
    display: inline-block;
    float: left;
    position: absolute;
    top: -4px;
    right: 10px;
}

.img_list {
    background: #fff;
    padding: 3px 0;
}

    .img_list a img {
        width: 158px;
        margin-bottom: 2px;
        border: 1px solid #000;
    }


#maskBg {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000 !important
}

#mask {
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border: 0 solid #000;
    opacity: .6;
    transition: all .3s
}

    #mask::before {
        content: "";
        width: 100%;
        height: 100%;
        border: 100px solid #000;
        position: absolute;
        left: -100px;
        top: -100px
    }

#maskTitle {
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 2
}

#pointer {
    width: 400px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: left center
}

#mianWarn {
    width: 400px;
    height: 160px;
    padding-top: 20px;
    position: relative
}

#nextStep {
    display: block;
    width: 60px;
    height: 26px;
    margin: 0 auto;
    line-height: 26px;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #390;
    color: #390;
    position: absolute;
    top: 145px;
    right: 113px;
}

#warnData {
    height: 200px;
    text-align: center;
    line-height: 150px;
    color: #390;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: bold;
    font-size: 18px;
}

#closeMaskWarn {
    font-size: 22px;
    position: absolute;
    right: 68px;
    top: 40px;
    width: 19px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: 600;
    color: #FFF;
}

#outPointer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #FFF
}

.stockD {
    padding-top: 20px;
    font-size: 13px;
    overflow: hidden;
    line-height: 130%;
}

/*询价*/
.inquiry-body {
    border: 1px #d7d7d7 solid;
    overflow: hidden;
    position: relative;
}

    .inquiry-body:before {
        content: '';
        width: 111px;
        height: 104px;
        display: block;
        position: absolute;
        top: 0px;
        left: 45%;
        z-index: 99;
    }

    .inquiry-body .Inquiry-fill, .inquiry-body .QR-follow {
        padding: 85px 50px 90px;
        width: 60%;
        float: left;
        box-sizing: border-box;
        border-right: 1px solid #eee;
    }

    .inquiry-body .QR-follow {
        width: 40%;
        border: none
    }

    .inquiry-body ul {
        overflow: hidden
    }

.Inquiry-fill .title, .QR-follow .title2 {
    font-size: 18px;
    color: #666
}

    .Inquiry-fill .title span:before {
        content: '';
        background: url(../image/icon_code.png) no-repeat 0px -224px;
        display: inline-block;
        width: 22px;
        height: 24px;
        position: relative;
        top: 6px;
        margin-right: 6px;
    }

    .QR-follow .title2 span:before {
        content: '';
        background: url(../image/icon_code.png) no-repeat -35px -224px;
        display: inline-block;
        width: 32px;
        height: 26px;
        position: relative;
        top: 6px;
        margin-right: 6px;
    }

    .Inquiry-fill .title a {
        font-size: 13px;
        color: #29b5ce;
    }

.Fill_item, .follow-item {
    margin-top: 30px;
}

    .follow-item img {
        width: 400px;
    }

    .Fill_item td {
        padding: 6px;
        vertical-align: top
    }

    .Fill_item .txt {
        color: #666;
        position: relative;
    }

    .Fill_item .fill_style {
        border: 1px solid #d6d6d6;
        height: 32px;
        padding: 0px 8px;
        box-sizing: border-box;
    }

        .Fill_item .fill_style:hover {
            box-shadow: 0px 0px 3px #00b8d0;
            border: 1px solid #00BCD4;
        }

    .Fill_item .w345 {
        width: 345px;
        max-width: 345px;
    }

    .Fill_item .w170 {
        width: 170px;
    }

    .Fill_item .must::after {
        color: #f00;
        content: "*";
        position: absolute;
        left: -3px;
        top: 7px;
    }

    .Fill_item textarea {
        min-height: 140px;
        font-size: 13px;
        padding: 8px !important;
        line-height: 120%;
    }

    .Fill_item .Morepage {
        font-size: 24px;
        border: 1px #999 dotted;
        color: #999;
        width: 30px;
        height: 30px;
        line-height: 26px;
        text-align: center;
        display: inline-block;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }

        .Fill_item .Morepage:hover {
            border: 1px #00BCD4 solid;
            color: #00BCD4;
        }


.arrow-U:after {
    content: '﹀';
    font-size: 16px;
    margin-left: 6px;
    position: relative;
    top: 3px;
}

.ui-popup {
    position: relative
}

    .ui-popup:hover .ui-popup-dropdown {
        display: block
    }

    .ui-popup .ui-popup-foucs {
        position: absolute;
        height: 30px;
        line-height: 30px;
        border: 1px solid #fff;
        width: 75px;
        padding: 0px 8px;
        left: -10px;
        cursor: pointer;
    }

        .ui-popup .ui-popup-foucs:hover {
            border: 1px solid #d6d6d6;
        }

    .ui-popup .ui-popup-dropdown {
        position: absolute;
        top: 31px;
        border: #CCC 1px solid;
        background: #fff;
        z-index: 99;
        width: 91px;
        text-align: center;
        display: none;
        left: -10px;
    }

        .ui-popup .ui-popup-dropdown li {
            height: 30px;
            line-height: 30px;
            list-style: none;
        }

            .ui-popup .ui-popup-dropdown li:hover {
                background: #eee
            }

.btn-box {
    margin: 40px 0 80px;
}

.btn-FQR {
    padding: 10px 100px;
    background: linear-gradient(to right,#139c68, #15c985);
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
}

.Fill_item .error {
    border: #F00 solid 1px;
    box-shadow: 0px 0px 3px #F00;
}

.Inquiry-fill .secess {
    font-size: 20px;
    color: #01a16a;
}

.cutover_btu {
    padding: 6px 10px 6px 15px;
    background: #c5fae8;
    border-radius: 3px;
    color: #01a16a !important;
    border-radius: 15px;
    cursor: pointer;
}

    .cutover_btu:before {
        content: '';
        width: 15px;
        height: 15px;
        display: inline-block;
        background: url(../image/icon_code.png) no-repeat -86px -230px;
        position: relative;
        left: -4px;
        top: 2px
    }




/*供应信息详情页*/
.crumbs {
    font-size: 12px;
    margin-bottom: 10px;
    color: #666;
}

    .crumbs a {
        color: #666;
    }

        .crumbs a:after {
            content: '>';
            color: #999;
            margin: 0px 6px;
        }

.supply_item {
    overflow: hidden;
    padding-top: 20px;
}

    .supply_item .P25 {
        padding: 25px;
    }

.supply_left_item {
    width: 920px;
}

    .supply_left_item .supply_base_info, .supply_left_item .supply_detail_info, .Other_supplier {
        background: #fff;
        margin-bottom: 20px;
        clear: both
    }

        .supply_left_item .supply_base_info h1 {
            font-size: 22px;
            padding: 0 0 20px 0;
            position: relative
        }

            .supply_left_item .supply_base_info h1 span {
                font-size: 12px;
                font-weight: normal;
                background: #f00;
                padding: 3px;
                color: #fff;
                border-radius: 3px;
                position: relative;
                height: 12px;
                line-height: 12px;
                top: -3px;
                margin-left: 5px;
            }

    .supply_left_item .PimgBox {
        width: 300px;
        height: 300px;
        border: 1px solid #dedede;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        background: #fff;
        clear: both
    }

        .supply_left_item .PimgBox img {
            max-width: 300px;
            max-height: 300px;
            vertical-align: bottom;
            border: 1px solid #fff
        }

    .supply_left_item .PimgSBox {
    }

        .supply_left_item .PimgSBox ul li {
            border: 1px solid #dedede;
            width: 52px;
            height: 52px;
            display: block;
            margin: 5px 10px 5px 0;
            float: left;
        }

            .supply_left_item .PimgSBox ul li:last-child {
                margin-right: 0px
            }

            .supply_left_item .PimgSBox ul li img {
                width: 50px;
                height: 50px;
                border: 1px solid #fff;
                cursor: pointer
            }

.P_detail .P_img_item {
    width: 300px;
    float: left;
}

.P_detail .P_txt_item {
    float: left;
    margin-left: 20px;
    width: 600px
}

    .P_detail .P_txt_item ul:first-child {
        border-bottom: 1px solid #f5f5f5;
        width: 100%;
        margin-bottom: 10px;
    }

    .P_detail .P_txt_item li {
        padding: 10px;
    }

        .P_detail .P_txt_item li.pricebg {
            background: #fff6f1;
        }

.priceTable {
    background: #fff6f1;
    margin-bottom: 20px
}

    .priceTable .priceTitle {
        width: 70px;
        color: #999
    }

    .priceTable td {
        padding: 10px;
        max-width: 90px;
    }

        .priceTable td i {
            font-style: normal
        }

    .priceTable .pricePrice {
        color: #f00;
        font-size: 22px;
    }

        .priceTable .pricePrice i {
            font-size: 14px;
        }

.producttable2 td {
    padding: 5px 10px
}

    .producttable2 td:nth-of-type(1) {
        width: 90px;
        color: #999
    }

    .producttable2 td a {
        margin-right: 15px;
    }

.producttable3 td {
    padding: 5px 0;
    width: 50%;
    line-height: 1.2
}

.producttable3 .attribute_name {
    width: 110px;
    color: #999;
    display: block;
    float: left
}

.producttable3 .attribute_value {
    width: 350px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.P_detail .P_txt_item .Price {
    color: #f00;
    font-size: 24px;
}

.P_detail .P_txt_item .Inquiry_large {
    background: linear-gradient(to right, #ff7301, #ff9d33);
    padding: 8px 0;
    display: inline-block;
    color: #fff;
    margin: 17px 0;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    width: 160px;
    text-align: center
}

    .P_detail .P_txt_item .Inquiry_large:hover {
        background: #ff7300;
    }

.P_detail .Inquiry_tel {
    background: #fff;
    padding: 7px 0;
    display: inline-block;
    color: #ff7300;
    margin: 17px 5px;
    cursor: pointer;
    border: 1px solid #ff7300;
    border-radius: 3px;
    font-size: 16px;
    width: 160px;
}

.P_detail .Inquiry_QQ {
    background: #fff url(../image/QQ.gif) no-repeat 37px 7px;
    padding: 7px 30px 7px 60px;
    display: inline-block;
    color: #999;
    margin: 17px 0;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 16px;
    width: 70px;
}

.P_detail .Inquiry_tel:hover {
    color: #ff7300;
    background: #FFF1EA;
}

.P_detail .PackBox a {
    display: inline-block;
    border: none;
    padding: 1px;
    margin: 2px 10px 2px 0px;
    color: #333;
    position: relative;
    font-size: 15px;
}

    .P_detail .PackBox a:hover, .P_detail .PackBox .selected {
        border-bottom: 1px solid #ff7300;
    }

.showstock .Inquiry_large, .showstock .Inquiry_tel {
    width: 120px !important
}

.stock {
    display: none;
    position: relative
}

.showstock .stock {
    background: #01a16a;
    padding: 7px 0;
    color: #fff;
    display: inline-block;
    margin: 17px 5px;
    cursor: pointer;
    border: 1px solid #01a16a;
    border-radius: 3px;
    font-size: 16px;
    width: 120px;
    text-align: center
}

.stock .stockdetail {
    position: absolute;
    top: 40px;
    left: -120px;
    font-size: 14px;
    text-align: left;
}

.Tab_title {
    border-bottom: 1px solid #dedede;
    height: 30px;
}

    .Tab_title h2 {
        line-height: 30px;
        font-size: 18px;
        font-weight: 500;
        color: #666;
        border-bottom: 2px solid #ffa71b;
        display: inline-block;
        padding: 0px 5px;
    }

    .Tab_title a {
        float: right;
        color: #666;
        font-size: 15px;
    }

.supply_detail_info .Attribute_item {
    margin: 20px 0;
    overflow: hidden;
}

    .supply_detail_info .Attribute_item ul li {
        float: left;
        display: block;
        margin-bottom: 2px;
        margin-right: 10px;
        width: 48%;
        font-size: 13px;
    }

.supply_detail_info .cleartxt {
    line-height: 22px;
    overflow: hidden;
    margin: 20px 0;
}

.iqqx, .iwxx {
    display: inline-block;
    color: #999 !important;
    cursor: pointer;
    font-size: 16px;
    margin: 17px 5px;
}

    .iqqx::before {
        content: '';
        width: 23px;
        height: 23px;
        display: inline-block;
        background: url(../image/QQ.gif) no-repeat center 0;
        position: relative;
        top: 5px;
        margin-right: 5px;
    }

    .iwxx::before {
        content: '';
        width: 23px;
        height: 23px;
        display: inline-block;
        background: url(../image/wxb.png) no-repeat center 0;
        position: relative;
        top: 5px;
        margin-right: 5px;
    }

    .iqqx:hover {
        color: #ff7800 !important;
    }

    .iwxx:hover {
        color: #ff7800 !important;
    }

.iwximg {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

    .iwximg img {
        width: 200px;
        height: 200px;
    }

.iwxp {
    text-align: center;
    margin-top: 8px;
}

/*.supply_detail_info .cleartxt p{font-size: 14px!important; font-family:Arial, Helvetica, sans-serif; line-height:26px;word-break:break-all}
.supply_detail_info .cleartxt span{font-size: 14px!important;}
.supply_detail_info .cleartxt h1{font-size: 14px!important;}*/
.supply_detail_info .cleartxt table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.supply_detail_info .cleartxt img {
    max-width: 100% !important;
}

.supply_detail_info .cleartxt .KeyWord {
    color: #999;
    margin: 15px 0;
    overflow: hidden;
    width: 100%;
}

    .supply_detail_info .cleartxt .KeyWord span {
        margin: 0px 3px;
    }



.meber_info {
    padding: 20px;
    background: linear-gradient(to bottom, #efefef -24%, white 53%);
    border: 1px solid #eee;
    width: 275px;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
}

.info_center .name {
    font-size: 18px;
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
}

.info_center ul li {
    line-height: 20px;
    max-height: 98px;
    overflow: hidden;
    padding: 6px 0
}

    .info_center ul li .I_tit {
        color: #999;
        float: left
    }

    .info_center ul li .I_key {
        width: 160px;
        display: block;
        float: left;
    }

.info_bottom {
    padding: 16px 0 0;
}

a.jrdp {
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
    text-decoration: none;
    color: #888;
    margin: auto;
    display: block;
    text-align: center;
}

    a.jrdp:hover, .P_detail .Inquiry_QQ:hover {
        color: #ff7300;
        border-color: #888
    }

.member-mode {
    height: 16px;
    line-height: 16px;
    display: block;
    margin: 10px auto 20px;
}

    .member-mode .unlight {
        font-size: 16px;
        color: #666;
        font-weight: 700;
        display: block;
        padding-left: 15px;
    }

.sws100 {
    width: 100% !important;
}
/*供应信息页新增样式*/
.attribute_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px !important;
    margin-top: 10px;
}

    .attribute_table td {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        padding: 10px;
        border: 1px solid #f7f7f7;
    }

.attribute_td {
    color: #999 !important;
    width: 220px;
}

.attribute_div {
    margin-bottom: 15px;
}

    .attribute_div p {
        font-size: 14px;
        color: #666 !important;
        line-height: 20px !important;
    }

    .attribute_div .attribute_p {
        color: #333 !important;
        font-weight: bold;
        margin-bottom: 3px;
    }

.offs {
    width: 100%;
    margin-top: 10px;
}

.offsimg {
    width: 182px;
    height: 146px;
    margin: 0 auto;
}

    .offsimg img {
        width: 182px;
    }

.offst {
    text-align: center;
    font-size: 20px;
    margin-top: 25px;
}

.offsa {
    width: 310px;
    margin: 25px auto 30px;
}

    .offsa a {
        width: 132px;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px;
        color: #fff;
        background-color: #ff7800;
        border-radius: 5px;
    }
/*供应信息页新增样式*/
.VIP {
    background: linear-gradient(to bottom, #efefef -24%, white 53%);
    border: 1px solid #eee;
}

    .VIP .ISvip .light {
        color: #ba7647;
        text-align: center
    }

        .VIP .ISvip .light .vipicon {
            border: 1px solid #ff7300;
            display: inline-block;
            border-radius: 3px;
            height: 13px;
            font: 13px/13px arial;
            padding: 1px 5px 1px 0;
            color: #ff7300;
            overflow: hidden
        }

            .VIP .ISvip .light .vipicon span {
                text-align: center;
                background: #ff7300;
                color: #fff;
                padding: 1px 4px;
                margin-right: 4px;
                line-height: 100%;
                font-weight: bold;
            }

.meber_info .light {
    text-align: center
}

.VIP .ISvip .year-digit {
    font-size: 15px;
    display: inline-block;
    margin-left: 10px;
    color: #ba7647
}

.VIP .ISvip .unlight {
    display: none
}

.VIP .name {
    color: #333
}

.withdraw {
    display: inline-block;
    font-size: 12px;
    color: #FF3B30;
    background: #FFF0EF;
    padding: 3px 6px;
    position: relative;
    top: -2px;
    line-height: 12px;
}

.ChoNess {
    background: linear-gradient(to bottom, #c3efff -23%, white 53%, #baedff 108%);
    border: 1px solid #17e7e9;
}

    .ChoNess a.jrdp {
        border-top: 1px solid #17e7e9;
    }

    .ChoNess .ChoNess-wrap {
        padding: 0px 10px 18px;
        box-sizing: border-box;
        display: block;
    }

    .ChoNess .member-mode {
        display: none
    }

    .ChoNess .ChoNess-icon {
        background: url(../../UserManager/Themes/Red/Images/icon_common.png) no-repeat 0px -110px;
        margin: 0px auto;
        display: block;
        width: 131px;
        height: 40px;
        position: relative;
    }

        .ChoNess .ChoNess-icon:after {
            content: '';
            height: 1px;
            width: 126%;
            background: -webkit-linear-gradient(left, #fff0 0%, #29b5ce 80%,#fff0 100%);
            display: block;
            position: absolute;
            bottom: -6px;
        }

    .ChoNess .name {
        color: #00b0cf;
    }

.Other_supplier {
    width: 275px;
    box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #efefef;
    padding: 25px;
}

    .Other_supplier .S_tit {
        text-align: center;
        font-size: 18px
    }

.Other_supplier_d {
    position: fixed;
    top: 46px;
}

.Other_pro .Price {
    font-size: 16px;
    font-weight: bold
}

.O_Pro_name {
    white-space: nowrap;
    overflow: hidden;
    width: 260px;
    text-overflow: ellipsis;
    font-weight: 600;
    padding: 5px 0;
}

    .O_Pro_name a, .tjcp a {
        color: #333;
    }

        .O_Pro_name a:hover, .tjcp a:hover {
            color: #ff7300;
        }

.OthProList {
    float: left;
    margin: 12px;
}

.OtherImgbox {
    width: 280px;
    height: 280px;
    border: 1px solid #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background: #fff;
}

    .OtherImgbox img {
        width: 100%;
        height: 100%
    }

.xpbz {
    width: 206px;
    height: 100px;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 13px;
    margin: 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    resize: none
}

    .xpbz:hover {
        border: 1px solid #888;
    }

.fqxp {
    width: 225px;
    background: #29b5ce;
    color: #fff;
    border: none;
    padding: 4px 0;
    margin: 5px auto;
    display: block;
    font-size: 16px;
    cursor: pointer
}

.fdj {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #b6b7b6 url(../image/fdj.png) no-repeat;
    display: block;
    width: 19px;
    height: 18px;
}

.ProListLeft .img:hover .fdj {
    background: #ff7300 url(../image/fdj.png) no-repeat;
}

.sm {
    padding: 10px 20px;
    color: #999;
    border: 1px solid #ddd;
    background: #f9f9f9;
    margin-top: 40px;
}

.suppliertable3 {
    margin: 20px 0
}

    .suppliertable3 .vipicon {
        border: 1px solid #ff7300;
        display: block;
        border-radius: 3px;
        height: 12px;
        font: 12px/12px arial;
        padding: 1px 5px 1px 0;
        color: #ff7300;
        overflow: hidden;
        float: right; /*position: relative;top: 2px;*/
    }

        .suppliertable3 .vipicon span {
            text-align: center;
            background: #ff7300;
            color: #fff;
            padding: 1px 4px;
            margin-right: 4px;
            line-height: 100%;
            font-weight: bold;
        }

    .suppliertable3 a:link {
        color: #333;
    }

    .suppliertable3 a:hover {
        color: #ff7300
    }

    .suppliertable3 a:visited {
        color: #666
    }

    .suppliertable3 th {
        padding: 5px;
        color: #888;
        font-size: 12px;
    }

    .suppliertable3 td {
        padding: 10px 5px;
        border-bottom: 1px dotted #ccc
    }

    .suppliertable3 tr:hover {
        background: #fafafa
    }

.woh200, .woh201 {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.woh201 {
    width: 250px;
}

.NoInfo {
    margin: 100px auto;
    width: 600px;
    overflow: hidden
}

    .NoInfo .img1 {
        float: left;
    }

    .NoInfo .txt {
        float: left;
        margin-left: 20px;
        text-align: center
    }

        .NoInfo .txt p:first-child {
            font-size: 16px;
            color: #333;
            margin: 10px 0
        }

        .NoInfo .txt p:nth-child(2) {
            font-size: 14px;
            color: #999;
            margin: 10px 0
        }

.search_button {
    background: #29b5ce;
    border: 3px solid #4194aa;
    color: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: -30px;
}

.KZtable {
    overflow: auto;
    width: 100%;
    max-height: 400px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px #ddd;
}

    .KZtable::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .KZtable::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #b9b9b9;
    }

    .KZtable::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #ededed;
    }

.survey {
    position: absolute;
    top: 40px;
    right: -74px;
    z-index: 99;
    opacity: 0;
    transition: all 0.1s ease 0.1s;
    -moz-transition: all 0.1s ease 0.1s;
    -webkit-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
}

    .survey li {
        width: 67px;
        height: 26px;
        border-radius: 3px;
        background: #e7e7e7;
        text-align: center;
        line-height: 26px;
        cursor: pointer;
        box-shadow: 0px 0px 20px #fff;
        margin-bottom: 4px;
        position: relative
    }

        .survey li:hover, .survey .on {
            background: #29b5ce;
            color: #fff
        }

            .survey li:hover a, .survey .on a {
                color: #fff
            }

        .survey li a {
            color: #666
        }

.ProLbox:hover .survey {
    opacity: 1;
}

.survey .tip3 {
    display: none;
    position: absolute;
    top: 0;
    left: -67px;
    width: 100px;
}

    .survey .tip3:before {
        content: "";
        background: url(../../images/icon_2.png) no-repeat -34px -27px;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
        top: 3px;
        margin-right: 4px;
    }

.survey li:hover .isbox {
    display: block
}

.isbox {
    position: absolute;
    top: 27px;
    width: 160px;
    background: #fff;
    padding: 12px;
    box-shadow: 0px 0px 1px 1px #e8e8e8;
    display: none;
}

    .isbox textarea {
        border: 1px solid #e0e0e0;
        width: 100%;
        max-width: 100%;
        height: 100px;
        max-height: 100px;
        padding: 8px;
        margin-bottom: 10px;
        box-sizing: border-box;
        font-size: 13px;
    }

        .isbox textarea:hover {
            box-shadow: 0px 0px 1px 1px #33eaff;
        }


.supplier-list-logo {
    float: left;
    width: 220px;
    height: 120px;
    text-align: center;
    margin: 10px 20px 0 10px !important;
}

    .supplier-list-logo img {
        max-width: 220px;
        max-height: 120px;
    }

.Get-price {
    float: left;
    width: 70%;
    margin-top: 10px
}

    .Get-price .P_name {
        color: #333;
    }

    .Get-price th {
        padding: 6px 10px;
        color: #777;
        border-bottom: 1px solid #ddd;
    }

    .Get-price tr:hover {
        background: #f0fdff
    }

    .Get-price tr td {
        padding: 5px 10px;
        word-break: break-all;
    }

        .Get-price tr td p {
            color: #777
        }

.show-all {
    text-align: center;
}

    .show-all a {
        cursor: pointer;
        color: #29b5ce;
    }

        .show-all a:hover, .Get-price .P_name:hover {
            color: #ff7300;
        }

        .show-all a em {
            font-weight: bold;
            font-size: 12px;
            position: relative;
            top: -1px;
            left: 3px;
        }

.Get-title {
    float: right;
    margin-right: 20px;
}

    .Get-title ul li {
        float: left;
        margin-right: 20px;
    }

        .Get-title ul li i {
            margin-right: 6px;
        }

    .Get-title .Country_icon img {
        width: 24px;
        height: 16px;
        position: relative;
        top: 2px;
    }

    .Get-title .Tel_icon {
        background-position: -96px -127px;
        width: 16px;
        height: 15px;
        position: relative;
        top: 3px;
    }

.otp {
    width: 76px;
    height: 19px;
    display: inline-block;
    background: url(../image/otp.png) no-repeat
}

.Chanpin {
    width: 180px;
    height: 180px;
    float: left;
    margin-left: 10px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}

.CL {
    width: 310px;
    float: left;
    margin-right: 25px;
    margin-top: 10px;
}

.CR {
    width: 330px;
    float: left;
    margin-top: 10px;
}

    .CL li, .CR li {
        line-height: 24px;
        color: #333;
    }

    .CL b, .CR b {
        font-weight: normal;
        word-break: break-all;
    }

.CL a:link {
    color: #222
}

.CL a:visited {
    color: #222
}

.CL a:hover, .CL li a:hover i {
    color: #ff7300
}

.CL li a i {
    color: #005aa0;
}

.Chanpin img {
    max-width: 180px;
    max-height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#Banner {
    width: 939px;
    height: 299px;
    float: left;
    position: relative;
    overflow: hidden;
}

    #Banner .oUlplay {
        width: 99999px;
        position: absolute;
        left: 0;
        top: 0;
    }

        #Banner .oUlplay li {
            float: left;
        }

    #Banner .pre {
        cursor: pointer;
        width: 45px;
        height: 45px;
        background: url(../image/l.png) no-repeat;
        position: absolute;
        top: 50px;
        left: 10px;
        z-index: 10;
    }

    #Banner .next {
        cursor: pointer;
        width: 45px;
        height: 45px;
        background: url(../image/r.png) no-repeat;
        position: absolute;
        top: 50px;
        right: 10px;
        z-index: 10;
    }

    #Banner .smalltitle {
        width: 939px;
        height: 10px;
        position: absolute;
        bottom: 15px;
        z-index: 10
    }

        #Banner .smalltitle ul {
            width: 120px;
            margin: 0 auto;
        }

            #Banner .smalltitle ul li {
                width: 10px;
                height: 10px;
                margin: 0 5px;
                border-radius: 10px;
                background: #ffffff;
                float: left;
                overflow: hidden;
                *display: inline;
                *zoom: 1;
            }

        #Banner .smalltitle .thistitle {
            background: #69aaec;
        }

/*新增天眼查开始*/
.Downwards {
    position: relative;
    display: inline-block;
    line-height: 25px;
}

.downwards_icon {
    font-size: 12px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 5px;
}

    .downwards_icon::after {
        content: '\e872';
        font-family: "fontello" !important;
    }

.Downwards:hover .Certify {
    visibility: visible;
}

.Certify {
    position: absolute;
    width: 620px;
    padding: 10px;
    background-color: #FFF;
    border: #ccc solid 1px;
    border-radius: 3px;
    z-index: 9999;
    font-size: 12px;
    display: inline-block;
    visibility: hidden;
    left: 0;
    top: 25px;
}

    .Certify::before {
        content: '';
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -16px;
        left: 41px;
        padding: 0;
        border-bottom: 8px solid #FFFFFF;
        border-top: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        display: block;
        z-index: 12;
    }

    .Certify::after {
        content: '';
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -18px;
        left: 40px;
        padding: 0;
        border-bottom: 9px solid #cccccc;
        border-top: 9px solid transparent;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        display: block;
        z-index: 10
    }

.Certify_name {
    font-weight: bold;
    color: #333;
}

    .Certify_name p {
        padding: 5px 7px;
        border-radius: 2px;
        display: inline-block;
        margin-right: 10px;
        line-height: 12px !important;
        font-weight: 500;
    }

    .Certify_name .TYC_span1 {
        color: #339f57;
        background-color: #ebf7ef;
    }

    .Certify_name .TYC_span2 {
        color: #7e85d5;
        background-color: #ecedf9;
    }

    .Certify_name .TYC_span3 {
        color: #e7f2fc;
        background-color: #469ce5;
    }

    .Certify_name .TYC_span4 {
        color: #d3ac48;
        background-color: #faf5e8;
    }

    .Certify_name .TYC_span5 {
        color: #fdf1eb;
        background-color: #eb9562;
    }

.Certify_more {
    display: inline-block;
    float: right;
    color: #ff8a42 !important;
}

    .Certify_more:hover {
        color: red !important;
    }

.Certify p {
    line-height: 18px;
    color: #666;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .Certify p span {
        display: inline-block;
        width: 73px;
        color: #999;
        float: left;
    }

.Certify_force {
    display: inline-block;
    width: 535px;
    font-weight: 500;
    color: #666;
}

.Certify_left p {
    display: inline-block;
    width: 55%;
}

.Nian {
    float: none !important;
    color: red !important;
    margin-left: 10px;
}

.Certify_width {
    width: 45% !important;
}
/*新增天眼查结束*/

/*QQ提示未开通*/
.sxqqhmw {
    display: inline-block;
    margin-top: 1px;
    position: relative;
}

.sxqqhmb {
    position: absolute;
    top: 28px;
    left: -55px;
    display: none;
    padding-top: 3px;
    z-index: 99;
}

.sxqqhm {
    background-color: #e4e4e4;
    padding: 5px 13px;
    width: 165px;
    margin-left: -5px;
    display: inline-block;
}

    .sxqqhm::after {
        content: '';
        position: absolute;
        left: 85px;
        top: -13px;
        display: inline-block;
        width: 0px;
        height: 0px;
        border: 8px solid;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
        border-bottom-color: #e4e4e4;
    }

    .sxqqhm span {
        font-size: 14px;
        color: #000;
        margin-right: 15px;
        float: left;
        width: auto !important;
    }

    .sxqqhm a {
        float: right;
    }

    .sxqqhm span::before {
        content: '';
        width: 14px;
        height: 16px;
        background: url(../../images/icon_common.png) no-repeat -166px -163px;
        display: inline-block;
        margin-right: 7px;
        position: relative;
        top: 2px;
    }

.sxqqhmw:hover .sxqqhmb {
    display: block;
}

.wxqt {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    text-align: center;
    width: 188px;
    position: relative;
    left: -4px;
    padding: 10px 0;
    top: -4px;
}

    .wxqt div img {
        width: 150px;
        margin-bottom: 5px;
    }


.qqbg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4;
    z-index: 9999;
}

.qqbox {
    padding: 40px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 150px;
    border-radius: 10px;
    margin-left: -230px;
    z-index: 99999;
}

.qqclose {
    color: #fff !important;
    position: absolute;
    top: 0;
    right: -30px;
    font-size: 30px;
    display: inline-block;
}

.qqp1 {
    margin-top: 10px;
    color: #333;
    font-size: 18px;
}

.qqp2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-top: 20px;
}

.qqa {
    width: 144px;
    height: 36px;
    line-height: 36px;
    background-color: #2db3cd;
    color: #fff !important;
    border-radius: 5px;
    display: block;
    margin: 70px auto 0;
    font-size: 18px;
    text-align: center;
}

.qqhmw {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
    position: relative;
}

.qqhmb { /*background-color:#f5f5f5;*/
    position: absolute;
    left: -213px;
    top: -4px;
    display: none;
    padding-right: 1px;
    padding-left: 15px;
    z-index: 999;
}

.qqhm {
    background-color: #e4e4e4;
    padding: 5px 13px;
    width: 165px;
    margin-left: -5px;
    height: 26px;
}

    .qqhm::after {
        content: '';
        position: absolute;
        right: -11px;
        top: 8px;
        display: inline-block;
        width: 0px;
        height: 0px;
        border: 8px solid;
        border-left-color: #e4e4e4;
        border-right-color: transparent;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }

    .qqhm span {
        font-size: 14px;
        color: #000;
        margin-right: 15px;
        float: left;
    }

        .qqhm span::before {
            content: '';
            width: 14px;
            height: 16px;
            background: url(../../images/icon_common.png) no-repeat -166px -163px;
            display: inline-block;
            margin-right: 7px;
            position: relative;
            top: 2px;
        }

.qqhmw:hover .qqhmb {
    display: block;
}

.qrxbg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 9999;
}

.qrxx {
    width: 300px;
    background-color: #fff;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -150px;
    padding-bottom: 10px;
    z-index: 99999;
}

.qrxxt {
    font-size: 16px;
    color: #333;
    width: 100%;
    line-height: 40px;
    border: 1px solid #ededed;
    padding: 0 10px;
    box-sizing: border-box;
}

.qrxxp {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.qrxxt a {
    color: #333;
    float: right;
    font-size: 22px;
}

.qrxxpa {
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    font-size: 14px;
    background-color: #29b5ce;
    text-align: center;
    display: block;
    float: right;
    margin-top: 50px;
    margin-right: 10px;
}
/*危险品加询单*/
.fast {
    width: 994px;
    border: 1px solid #e3e8f2;
    padding-bottom: 12px;
    margin: 0 auto;
}

.fastt {
    height: 40px;
    line-height: 40px;
    background-color: #f7f8fa;
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    box-sizing: border-box;
}

.fastb {
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
}

.fal {
    float: left;
    width: 410px;
}

.falt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.falist {
    margin-top: 15px;
    width: 100%;
    display: inline-block;
}

.fspan {
    width: 75px;
    display: inline-block;
    float: left;
    line-height: 36px;
    color: #666;
    font-size: 14px;
    position: relative;
}

    .fspan i {
        color: red;
        position: absolute;
        top: 0;
        left: -9px;
        font-style: normal;
        font-size: 16px;
    }

.fsdiv, .fxk1, .fxk2 {
    width: 330px;
    height: 36px;
    float: left;
}

.fsdiv, .fxk2 {
    border: 1px solid #dbdee5;
    border-radius: 5px;
}

    .fsdiv input {
        width: 200px;
        height: 36px;
        float: left;
        margin-left: 15px;
        border: 0;
        outline: none;
        border-radius: 5px;
    }

    .fxk2 input {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        border: 0;
        height: 36px;
        outline: none;
        border-radius: 5px;
    }

    .fsdiv select {
        float: left;
        width: 110px;
        height: 36px;
        border: 0;
        background-color: #fff;
    }

.fxk1 select {
    width: 49%;
    display: inline-block;
    height: 36px;
    border: 1px solid #dbdee5;
    border-radius: 5px;
    background-color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
}

.fxk1 label {
    font-size: 14px;
    color: #333;
    margin-right: 30px;
    line-height: 36px;
}

    .fxk1 label input {
        margin-right: 5px;
        outline: none;
    }

.falef {
    margin-left: 110px;
}

.fsbtn {
    width: 170px;
    height: 36px;
    margin: 20px auto 10px;
}

    .fsbtn input {
        width: 100%;
        height: 36px;
        border: 0;
        font-size: 16px;
        color: #fff;
        background: -webkit-linear-gradient(left, #ffa758, #ff7801);
        background-color: #29afc8;
        border-radius: 36px;
        cursor: pointer;
    }

        .fsbtn input:hover {
            background: #ff7800;
        }

.ftxt {
    margin-top: 30px;
    margin-left: 30px;
    color: #999;
    font-size: 13px;
}

    .ftxt span, .fasp1 {
        height: 16px;
        background: #fef1c9;
        border: 1px solid #fc9c33;
        border-radius: 2px;
        font: normal 12px Arial, Helvetica, sans-serif;
        padding: 0 8px;
        color: #ff7800;
        display: inline-block;
        border-radius: 3px;
        margin-right: 7px;
    }

.fasp1 {
    margin-left: 5px;
}

.fasp2 {
    float: right;
    color: #333;
    font-size: 13px;
    margin-right: 30px;
}

@media screen and (min-width:1024px) {
    .SupplyInf i, .SupplyInf a {
        display: inline-block
    }

    .BulkInquirySup {
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        opacity: 0.01;
    }

    .BulkInquiryBox:hover .BulkInquirySup {
        filter: alpha(opacity=92);
        -moz-opacity: 0.92;
        opacity: 0.92;
    }

    .Top .goldlogo {
        margin-left: 100px
    }
}

@media screen and (max-width:1279.9px) {
    .sea_input {
        width: 270px !important;
    }

    .Reagent-Mall, .Reagent-Mall .bj-tit {
        width: 100%;
        box-sizing: border-box;
    }

    .CNess {
        min-width: 100%;
        box-sizing: border-box;
    }

    .ProInner, .ProInner .ComName {
        width: 65%;
    }

        .ProInner .ProName a {
            width: 120px;
        }

    .fdj {
        right: 15px;
    }

    .SearchList {
        width: 815px;
    }

    .SearchItem .Search-pro-figure {
        width: 160px
    }

    .Supplier-list-group {
        right: -65px
    }

    .S-CNess .Search-pro-figure {
        display: none
    }

    .keywords {
        width: 460px;
    }

    .Direct-pro-list .l3 {
        width: 140px;
    }

    .backg-three .con-left {
        width: 260px;
        display: inline-block
    }

    .backg-three .zxb-picture {
        margin-right: -20px;
    }

    .guide img {
        position: absolute;
        top: 600px;
        left: 240px;
    }

    .now-buy {
        background: #fff;
        border: #ff0000 solid 1px;
        color: #ff0000;
        padding: 4px 10px;
        border-radius: 20px;
        cursor: pointer
    }

    .l1 {
        width: 220px;
        padding-left: 5px;
    }

    .headImg {
        background: url(../image/p-2.png) #01a16a;
        width: 688px;
        height: 74px;
    }

    .Buyhelp {
        width: 688px;
    }

    .ProLbox {
        width: 685px;
    }

    .BuyList {
        width: 690px;
    }

    .SelBox, .TwoWeek {
        width: 688px;
    }

    .ProSearchbox {
        width: 690px
    }

    .FoldBox dd {
        width: 165px;
    }

    .Sel_c {
        width: 500px
    }

    .Sel_g {
        width: 689px;
    }

    .b1, .Top .b1 {
        width: 330px;
    }

    .b2 {
        width: 305px;
        padding: 0 0 0 10px;
    }

    .b22 b, .b22 h2 {
        width: 235px
    }

    .Top .b11 b, .Top .n, .b11 b {
        width: 260px;
    }

    .Top {
        width: 683px;
    }

    .show1 li {
        width: 460px
    }

    .show1 .show1L, .show1 .show1R {
        width: 48%;
    }

    .show p {
        max-height: auto
    }

    .show2 .td1 {
        width: 80px;
    }

    .show2 .td2 {
        width: 400px;
    }

    .show2 .td3 {
        width: 80px;
        margin-right: 20px;
        color: #f00;
        text-align: right
    }

    .show3 .td2 {
        width: 430px;
    }

    /*当没有标准词的时候引用样式noterm，使产品列表平铺*/
    .noterm .SelBox, .noterm .TwoWeek {
        width: 988px;
    }

    .noterm .ProSearchbox {
        width: 990px
    }

    .noterm .Sel_c {
        width: 800px
    }

    .noterm .Sel_g {
        width: 989px;
    }

    .noterm .b1, .noterm .Top .b1 {
        width: 470px;
    }

    .noterm .Top .b11 b, .noterm .Top .n, .noterm .b11 b, .n {
        width: 400px;
    }

    .noterm .Top, .noterm .ProLbox {
        width: 988px;
    }

    .noterm .b2 {
        width: 420px;
        padding-left: 50px;
    }

    .noterm .b22 b, .noterm .b22 h2 {
        width: 350px
    }

    .AD_moreCB {
        height: 60px;
        width: 778px;
        background: url(../image/helpbuy_l.gif) no-repeat left top;
        display: block;
        margin-top: 5px;
        position: relative
    }

        .AD_moreCB .helpbuybutton {
            position: absolute;
            right: 20px;
            top: 15px
        }

        .AD_moreCB .helpbuyinf {
            width: 560px;
            height: 60px;
            display: block
        }

    .RS {
        width: 300px;
        padding: 9px 0 9px 390px;
        height: 30px;
        background: url(../image/goodRS_1.gif) no-repeat 0 -49px;
        margin-bottom: 10px;
        position: relative;
        text-align: center
    }
}

.tj {
    background: #f00;
    color: #fff;
    padding: 0 3px;
    width: 50px;
    text-align: center;
    margin: auto
}

.marginRn {
    margin-right: 160px;
    margin-top: 30px;
}

.divContent {
    line-height: 24px;
}

    .divContent p {
        word-break: break-all;
    }

    .divContent img {
        max-width: 100%
    }
/*2022新增供应列表显示折扣*/
.Discount {
    width: 888px;
    height: 95px;
    background-color: #fbfbfb;
    border: 1px solid #dadada;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.discount_icon {
    width: 61px;
    height: 61px;
    background: url(../image/icon_icon.png) no-repeat -75px -448px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.Discount_L {
    width: 600px;
    float: left;
    margin-left: 60px;
    margin-top: 5px;
}

    .Discount_L table {
        width: 100%;
        border-collapse: collapse;
        border: none;
        margin: 0;
    }

        .Discount_L table td {
            font-size: 14px;
            color: #333;
            line-height: 28px;
            text-align: center;
        }

            .Discount_L table td .PDF {
                width: 17px;
                height: 21px;
                background: url(../image/icon_icon.png) no-repeat 0 -303px;
                display: inline-block;
                position: relative;
                top: 4px;
            }

            .Discount_L table td .money_BR {
                color: red;
                font-weight: bold;
            }

.td_width_56 {
    width: 40px;
}

.td_width_160 {
    width: 170px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.td_width_90 {
    width: 90px;
}

.td_width_92 {
    width: 92px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.td_width_84 {
    width: 84px;
}

.td_width_77 {
    width: 77px;
}

.td_B {
    border-bottom: 1px solid #f3f3f3;
}

.Discount_R {
    width: 168px;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

.Dissj {
    clear: both;
    width: 100%;
    position: relative;
    top: 9px;
}

    .Dissj::before {
        content: '';
        width: 15px;
        height: 15px;
        display: inline-block;
        background: url(../../img/icon11.png) no-repeat -68px -140px;
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.ZK_portrait {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    float: left;
}

    .ZK_portrait img {
        width: 50px;
        height: 50px;
    }

.ZK_name {
    font-size: 14px;
    color: #333;
    float: left;
    margin-left: 10px;
    width: 70px;
    line-height: 24px;
    margin-top: 2px;
}

.ZK_name_9 {
    display: block;
    color: #999;
}

.Discount_RA {
    width: 148px;
    float: right;
    margin-top: 30px;
    display: none;
}

    .Discount_RA a {
        width: 125px;
        height: 33px;
        border-radius: 5px;
        background-color: #e60012;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 33px;
        display: inline-block;
    }

.Discount:hover .Discount_R {
    display: none;
}

.Discount:hover .Discount_RA {
    display: block;
}

.disw:hover .Discount_R {
    display: none;
}

.disw:hover .Discount_RA {
    display: block;
}

.disw {
    width: 888px;
    height: 95px;
    border: 1px solid #e50019;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    background-color: #fbfbfb;
    background-position-y: 30px;
    background-position-x: 530px;
}

.diswicon {
    width: 61px;
    height: 61px;
    background: url(../image/icon_icon.png) no-repeat -75px -448px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.diimg {
    width: 83px;
    height: 83px;
    background-color: #fff;
    position: relative;
    float: left;
    margin-left: 65px;
    margin-top: 7px;
}

    .diimg img {
        max-width: 75px;
        max-height: 75px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.disl {
    float: left;
    width: 530px;
    margin-left: 20px;
    margin-top: 8px;
}

.disp1 {
    font-size: 15px;
    font-weight: bold;
}

.disp2 {
    font-size: 13px;
    color: #666;
    margin-top: 5px;
}

    .disp2 span {
        display: inline-block;
        margin-right: 15px;
        max-width: 230px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.disp3 {
    margin-top: 10px
}

    .disp3 span {
        font-weight: bold;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        margin-right: 10px;
        padding: 2px 10px;
        background-color: #e50019;
        border-radius: 30px;
    }

.dimg {
    color: #2e9a3b;
}

    .dimg img {
        width: 29px;
        position: relative;
        top: 1px;
        margin-left: 3px;
    }

.dep {
    width: 86px;
    height: 45px;
    position: absolute;
    top: 55px;
    right: 5px;
    background: url(../../img/icon11.png) no-repeat 0 -221px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #32993d;
    line-height: 22px;
    padding-top: 22px;
    box-sizing: border-box;
}

.w105 {
    width: 170px !important;
    display: inline-block !important;
}

.debox {
    margin-top: 10px;
}

.delist {
    display: inline-block;
    margin-right: 25px;
    width: 75px;
    position: relative;
    padding-bottom: 8px;
}

.delimg {
    width: 75px;
    height: 75px;
    display: block;
    border: 1px solid #eee;
    position: relative;
}

    .delimg img {
        max-width: 75px;
        max-height: 75px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .delimg span {
        width: 30px;
        height: 30px;
        background: url(../../img/icon11.png) no-repeat 0 -176px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.del {
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

    .del img {
        max-width: 100px;
        max-height: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.der {
    width: 280px;
    float: left;
    margin-left: 20px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

    .der div {
        width: 100%;
        display: inline-block;
    }

.despan1 {
    width: 70px;
    float: left;
    color: #999;
    display: inline-block;
}

.despan2 {
    width: 210px;
    float: left;
    display: inline-block;
}

.wwt {
    width: 120px;
    height: 28px;
    background: #ff7300;
    text-align: center;
    line-height: 28px;
    border-radius: 28px;
    display: block;
    margin: 0 auto;
    clear: both;
    color: #fff !important;
}

    .wwt:hover {
        background: #ec6f00;
    }

.delist:hover .cfy {
    display: block;
}

.cfy {
    position: absolute;
    width: 400px;
    padding: 15px;
    background-color: #FFF;
    border: #ccc solid 1px;
    border-radius: 3px;
    z-index: 9999;
    font-size: 12px;
    left: -192px;
    top: 85px;
    display: none;
}

    .cfy::before {
        content: '';
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -16px;
        left: 221px;
        padding: 0;
        border-bottom: 8px solid #FFFFFF;
        border-top: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        display: block;
        z-index: 12;
    }

    .cfy::after {
        content: '';
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -18px;
        left: 220px;
        padding: 0;
        border-bottom: 9px solid #cccccc;
        border-top: 9px solid transparent;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        display: block;
        z-index: 10
    }

.syi {
    width: 45px;
    height: 44px;
    background: url(../../img/icon11.png) no-repeat 0 -71px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}




.deadline_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

.deadline {
    width: 600px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    top: 150px;
    left: 50%;
    margin-left: -300px;
    z-index: 99;
    padding: 20px 30px;
}

.deadline_icon {
    width: 61px;
    height: 61px;
    background: url(../image/icon_icon.png) no-repeat -75px -448px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.deadline_close {
    font-size: 24px;
    color: #999 !important;
    position: absolute;
    top: 15px;
    right: 15px;
}

    .deadline_close:hover {
        color: #333 !important;
    }

.deadline_T {
    font-size: 18px;
    color: #333;
    text-align: center;
}

.deadline_table {
    margin-top: 30px;
}

    .deadline_table table {
        width: 100%;
        border-collapse: collapse;
        border: none;
        margin: 0;
    }

        .deadline_table table td {
            border-bottom: 1px solid #efefef;
            height: 76px;
            line-height: 76px;
            text-align: center;
        }

        .deadline_table table th {
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            color: #333;
            font-weight: 400;
            background-color: #f5f5f5;
            text-align: center;
        }

.el_input_number {
    position: relative;
    overflow: hidden;
    height: 38px;
    width: 120px;
    margin: 0 auto;
}

.el_minus {
    width: 35px;
    height: 36px;
    border: 1px solid #dde0e7;
    background-color: #f5f7fa;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    color: #a0a8aa;
    display: inline-block;
    float: left;
}

.input_number {
    width: 40px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    text-align: center;
    margin: 0;
    float: left;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #dde0e7;
    border-bottom: 1px solid #dde0e7;
}

.Immediate_purchase {
    width: 94px;
    height: 36px;
    background-color: #fff1e5;
    border: 1px solid #ff7800;
    font-size: 14px;
    color: #ff7800 !important;
    line-height: 36px;
    text-align: center;
    display: inline-block;
}

    .Immediate_purchase:hover {
        background-color: #ff7800;
        color: #fff !important;
    }

.deadline_table_red {
    color: red;
}

.width_82 {
    width: 82px;
}

.width_70 {
    width: 70px;
}

.width_90 {
    width: 90px;
}

.width_97 {
    width: 97px;
}

.Other_packaging {
    font-size: 14px;
    color: #999 !important;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 40px;
}

    .Other_packaging:hover {
        color: #ff7800 !important;
    }

.customer_service {
    height: 59px;
}

.customer_information {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

    .customer_information p {
        font-size: 16px;
        color: #333;
        line-height: 26px;
    }

        .customer_information p span {
            margin-right: 15px;
        }

    .customer_information .customer_information_9 {
        font-size: 14px;
        color: #999;
    }

.customer_QQ {
    width: 77px;
    height: 21px;
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.inquiry_p {
    width: 469px;
    margin: 15px auto 0;
}

    .inquiry_p span {
        width: 75px;
        color: #999;
        display: inline-block;
        line-height: 34px;
    }

.inquiry_input {
    width: 382px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #d5d5d5;
    display: inline-block;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
}

.inquiry_input_count {
    width: 187px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #d5d5d5;
    display: inline-block;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    margin-right: 5px;
}

    .inquiry_input_count br {
        display: none;
    }

.District {
    width: 390px !important;
}

.inquiry_p textarea {
    width: 382px;
    float: right;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 50px;
    padding: 10px;
    border: 1px solid #d5d5d5;
    font-size: 14px;
    color: #333;
    margin-right: 8px;
}

.Other_packaging_1 {
    margin-left: 64px;
    margin-top: 30px;
}

.customer_service_1 {
    width: 465px;
    margin: 0 auto;
}

.inquiry_submit {
    margin-top: 40px;
}

    .inquiry_submit input {
        width: 180px;
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        font-size: 16px;
        color: #fff;
        background-color: #ff7800;
        margin: 0 auto;
        border: none;
        display: block;
    }

.sdi_icon {
    width: 46px;
    height: 46px;
    background: url(../image/icon_icon.png) no-repeat 0 -522px;
    float: left;
    margin-top: 28px;
    margin-left: 100px;
    margin-right: 40px;
}

.sdi_div {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .sdi_div p {
        text-align: left !important;
    }
/*2022新增供应列表显示折扣*/
/*善施科技广告*/
.shanshi {
    display: inline-block;
    width: 251px;
    height: 229px;
    background: url(../../image/shanshi1.png) no-repeat center 0;
    position: fixed;
    margin-left: 890px;
}

@media (max-width:1700px) {
    .shanshi {
        width: 138px;
        height: 122px;
        background: url(../../image/shanshi2.png) no-repeat center 0;
        margin-left: 890px;
    }
}

@media (max-width:1280px) {
    .shanshi {
        margin-left: 690px;
    }

    .Reagent-Mall ul li .color_red {
        font-size: 13px !important;
    }

    .Reagent-Mall ul li {
        font-size: 13px !important;
    }

    .disw {
        width: 100%;
    }

    .diimg {
        margin-left: 38px;
    }

    .Discount_R {
        margin-right: 5px;
    }

    .disl {
        width: 390px;
        margin-left: 5px;
    }

    .disp3 span {
        font-size: 13px;
        font-weight: 400;
        margin-right: 5px;
        padding: 2px 5px;
    }
}
/*善施科技广告*/
/*添加采购帮最新交易时间*/
.Deal {
    display: inline-block;
    position: relative;
    margin: 0 3px;
    top: 4px;
    z-index: 999;
}

    .Deal .deal_A {
        width: 18px;
        height: 18px;
        display: inline-block;
        background: url(../image/icon_icon.png?v=20220704) no-repeat 0 -587px;
    }

.deal_box {
    padding-left: 20px;
    width: 245px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #666;
    position: absolute;
    top: 27px;
    left: -15px;
    padding: 15px 15px 12px 15px;
    line-height: 18px;
    display: none;
}

    .deal_box .deal_box_s {
        display: block;
        width: 0;
        height: 0;
        border-width: 0 8px 8px;
        border-style: solid;
        border-color: transparent transparent #ccc;
        position: absolute;
        top: -8px;
        left: 15px;
    }

        .deal_box .deal_box_s em {
            display: block;
            width: 0;
            height: 0;
            border-width: 0 8px 8px;
            border-style: solid;
            border-color: transparent transparent #fff;
            position: absolute;
            top: 1px;
            left: -8px;
        }

    .deal_box p {
        margin-bottom: 8px;
    }

        .deal_box p span {
            width: 42px;
            height: 14px;
            display: inline-block;
            background: url(../image/icon_icon.png?v=20220704) no-repeat -90px -587px;
            margin-right: 3px;
            position: relative;
            top: 2px;
        }

.Deal:hover .deal_box {
    display: block;
}

.deal_B {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../image/icon_icon.png?v=20220704) no-repeat -42px -587px;
}

.percentage {
    width: 39px;
    height: 39px;
    position: absolute;
    top: 21px;
    right: 15px;
    background: url(../image/baifen.png?v=20220707) no-repeat;
}

.percentage_icon0 {
    background-position: 0 0;
}

.percentage_icon1 {
    background-position: -50px 0;
}

.percentage_icon2 {
    background-position: -101px 0;
}

.percentage_icon3 {
    background-position: -151px 0;
}

.percentage_icon4 {
    background-position: 0 -51px;
}

.percentage_icon5 {
    background-position: -50px -51px;
}

.percentage_icon6 {
    background-position: -101px -51px;
}

.percentage_icon7 {
    background-position: -151px -51px;
}

.percentage_icon8 {
    background-position: 0 -100px;
}

.percentage_icon9 {
    background-position: -50px -100px;
}

.percentage_icon10 {
    background-position: -101px -100px;
}

.percentage_icon11 {
    background-position: -151px -100px;
}

.percentage_icon12 {
    background-position: 0 -151px;
}

.percentage_icon13 {
    background-position: -50px -151px;
}

.percentage_icon14 {
    background-position: -101px -151px;
}

.percentage_icon15 {
    background-position: -151px -151px;
}
/*添加采购帮最新交易时间*/
.xpw {
    display: inline-block;
    position: relative;
    z-index: 999;
}

    .xpw:hover .deal_box {
        display: block;
    }

.deal_ru {
    border-radius: 5px;
    width: 225px;
    top: 32px;
    left: -3px;
}

.newicon {
    width: 39px;
    height: 39px;
    position: absolute;
    top: 21px;
    right: 15px;
    background: url(../image/newtime.png) no-repeat;
}

.newtime1 {
    background-position: 0 0;
}

.newtime2 {
    background-position: -56px 0;
}

.newtime3 {
    background-position: -111px 0;
}

.newtime4 {
    background-position: 0 -51px;
}

.newtime5 {
    background-position: -56px -51px;
}

.newtime6 {
    background-position: -111px -51px;
}

.newtime7 {
    background-position: 0 -104px;
}

.newtime8 {
    background-position: -56px -104px;
}

.newtime9 {
    background-position: -111px -104px;
}

.newtime10 {
    background-position: 0 -153px;
}

.newtime11 {
    background-position: -56px -153px;
}

.newtime12 {
    background-position: -111px -153px;
}

.newtime13 {
    background-position: 0 -204px;
}

.newtime14 {
    background-position: -56px -204px;
}

.newtime15 {
    background-position: -111px -204px;
}

.newtime16 {
    background-position: 0 -258px;
}

.newtime17 {
    background-position: -56px -258px;
}

.newtime18 {
    background-position: -111px -258px;
}

.newtime19 {
    background-position: 0 -311px;
}

.newtime20 {
    background-position: -56px -311px;
}

.newtime21 {
    background-position: -111px -311px;
}
/*新品倒计时*/
/*搜索结果无货改版*/
.nogoods_L {
    width: 41%;
    float: left;
    margin-top: 40px;
    padding-left: 50px;
    box-sizing: border-box;
}

.nogoods_h2 {
    position: relative;
}

.nogoods_L .nogoods_h2::before {
    content: '';
    width: 37px;
    height: 37px;
    background: url(../image/icon_icon.png?v=20221014) no-repeat 0 -625px;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -50px;
}

.nogoods_L .nogoods_h2 h2 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}

.nogoods_L p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}

.nogoods_R {
    width: 40%;
    float: right;
    margin-top: 40px;
    margin-bottom: 60px;
}

.nogoods_name {
    font-size: 20px;
    color: #333;
    position: relative;
}

    .nogoods_name::before {
        content: '';
        width: 4px;
        height: 18px;
        display: inline-block;
        background-color: #ff7800;
        position: absolute;
        top: 1px;
        left: -15px;
    }

.nogoods_table {
    margin-top: 20px;
}

    .nogoods_table td {
        vertical-align: top;
        padding-bottom: 17px;
    }

    .nogoods_table .txt {
        color: #666;
        position: relative;
    }

    .nogoods_table .fill_style {
        border: 1px solid #d6d6d6;
        height: 32px;
        padding: 0px 8px;
        box-sizing: border-box;
    }

    .nogoods_table .w345 {
        width: 345px;
        max-width: 345px;
    }

    .nogoods_table .w170 {
        width: 170px;
    }

    .nogoods_table .must::after {
        color: #f00;
        content: "*";
        position: absolute;
        left: -10px;
        top: 1px;
    }

    .nogoods_table textarea {
        min-height: 140px;
        font-size: 13px;
        padding: 8px !important;
        line-height: 120%;
    }

    .nogoods_table .Morepage {
        font-size: 22px;
        border: 1px #ccc dotted;
        color: #ccc;
        width: 28px;
        height: 28px;
        line-height: 24px;
        text-align: center;
        display: inline-block;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        margin-top: 1px;
        margin-left: 3px;
    }

        .nogoods_table .Morepage:hover {
            border: 1px #00BCD4 solid;
            color: #00BCD4;
        }

.nogoods_btn {
    margin: 10px auto 0;
    width: 160px
}

    .nogoods_btn a {
        width: 160px;
        height: 34px;
        border-radius: 5px;
        background-color: #ff7800;
        color: #fff !important;
        font-size: 16px;
        line-height: 34px;
        text-align: center;
        display: inline-block;
    }
/*搜索结果无货改版*/
/*供应商列表页添加文献标识*/
.literature {
    display: inline-block;
    position: relative;
    margin: 0 3px;
}

.liicon {
    display: inline-block;
    cursor: pointer;
    color: #00399d;
    font: normal 13px Arial, Helvetica, sans-serif;
    height: 18px;
    line-height: 20px;
    background: #dcdfeb url(../image/icon_icon.png?v=1.1) no-repeat -37px -678px;
    padding-left: 18px;
    border-radius: 18px;
    position: relative;
    top: 5px;
}

    .liicon span {
        padding-left: 4px;
        padding-right: 8px;
        display: inline-block;
        float: left;
    }

.frame {
    width: 530px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff url(../image/wenxbg.jpg) no-repeat center bottom;
    border: #ccc solid 1px;
    border-radius: 5px;
    z-index: 9999;
    position: absolute;
    top: 27px;
    left: -262px;
    display: none;
}

.literature:hover .frame {
    display: block;
}

.frame::before {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #ccc;
    position: absolute;
    top: -10px;
    left: 265px;
}

.frh1 {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}
/*.frh1::before{ content:''; width:22px; height:22px; display:inline-block; background:url(../image/icon_icon.png) no-repeat 0 -678px; margin-right:8px; float:left; }*/
.frbox {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

    .frbox div {
        float: left;
        width: 48%;
        height: 70px;
        border-radius: 5px;
        margin-left: 1%;
        margin-right: 1%;
    }

    .frbox a span {
        display: block;
        font-size: 22px;
        font-weight: bold;
        margin-top: 3px;
    }

.frl1 {
    background: -webkit-linear-gradient(top, #ebf1ff, #f8f9fe);
    background-color: #ebf1ff;
}

.frbox div:hover {
    box-shadow: 0 1px 8px 0 rgba(0,57,157,.2);
}

.frl3 {
    width: 98% !important;
}

.frl1 a, .frl2 a {
    display: inline-block;
    width: 100%;
    height: 70px;
    padding-top: 10px;
    box-sizing: border-box;
}

.frl1 a {
    background: url(../image/frl1.png) no-repeat right bottom;
    color: #00399d;
}

.frl2 a {
    background: url(../image/frl2.png) no-repeat right bottom;
    color: #0b5084;
}

.frl1 a::before {
    content: '';
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url(../image/icon_icon.png?v=1.1) no-repeat -123px -674px;
    margin: 7px 20px;
    float: left;
}

.frl2 a::before {
    content: '';
    width: 31px;
    height: 34px;
    display: inline-block;
    background: url(../image/icon_icon.png?v=1.1) no-repeat -76px -674px;
    margin: 7px 20px;
    float: left;
}

.frl2 {
    background: -webkit-linear-gradient(top, #e9f7ff, #f8fcff);
    background-color: #e9f7ff;
}

.frlist {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.frame div:nth-last-child(2) {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.caption {
    font-size: 15px;
    color: #204faa !important;
    font-weight: bold;
    font-family: Roboto,Georgia,serif,arial;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.substance .Pub {
    color: #999;
    margin-left: 10px;
    font-size: 12px;
    max-width: 50%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 7px;
}

.substance .IF, .substance .fq1, .substance .fq2, .substance .fq3, .substance .fq4, .substance .fq5 {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    padding: 0 8px;
    margin-right: 3px;
}

.substance .IF {
    background-color: #ff7800;
}

.substance .fq1 {
    background-color: #b78890;
}

.substance .fq2 {
    background-color: #8187ac;
}

.substance .fq3 {
    background-color: #8eb28c;
}

.substance .fq4 {
    background-color: #b1b1b1;
}

.substance .fq5 {
    background-color: #1d9fff;
}

.bkxs {
    text-align: right;
    color: #666;
    font-size: 13px;
    margin-top: 5px;
    position: relative;
    top: 10px;
}

    .bkxs img {
        margin: 0 6px;
        position: relative;
        top: 2px;
    }
/*供应商列表页添加文献标识*/
/*实地认证标识*/
.sdrz {
    display: inline-block;
    position: relative;
    margin: 0 3px;
}

.sdicon {
    display: inline-block;
    cursor: pointer;
    background: url(../image/icon_icon.png) no-repeat -54px -625px;
    position: relative;
    top: 5px;
    width: 18px;
    height: 18px;
}

.certify {
    width: 480px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff url(../image/sdbg.jpg) no-repeat center 0;
    border: #ccc solid 1px;
    border-radius: 5px;
    z-index: 9999;
    position: absolute;
    top: 27px;
    left: -240px;
}

    .certify::before {
        content: '';
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom-color: #ccc;
        position: absolute;
        top: -10px;
        left: 243px;
    }

.rzico, .rzxx {
    width: 100%;
    display: inline-block;
}

.rzicol {
    float: left;
    position: relative;
    top: -20px;
    margin-left: 10px;
}

.rzicor {
    float: left;
    margin-left: 40px;
}

.rzsp1 {
    color: #ff7800;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding-bottom: 13px;
    border-bottom: 1px solid #eee;
}

.rzsp2 {
    margin-top: 10px;
    font-size: 18px;
    color: #333;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rexlist {
    width: 43%;
    float: left;
    margin-left: 3%;
    margin-right: 4%;
}

    .rexlist span {
        width: 100%;
        display: inline-block;
        color: #666;
        font-size: 13px;
        margin-top: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.zhuny {
    width: 100%;
    background-color: #f9f9f9;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 20px;
}

.zyimg {
    width: 38px;
    height: 38px;
    border-radius: 38px;
    overflow: hidden;
    float: left;
    border: 1px solid #eee;
    margin-top: 2px;
}

    .zyimg img {
        width: 38px;
        height: 38px;
    }

.zyc {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}

.zyr {
    float: right;
}

    .zyr a {
        width: 60px;
        height: 40px;
        display: inline-block;
        margin-left: 2px;
    }

        .zyr a img {
            width: 60px;
            height: 40px;
        }

.zyc span {
    color: #333 !important;
    font-size: 14px;
    margin-right: 5px;
}

.ytable table {
    width: 100%;
}

    .ytable table tr th {
        height: 34px;
        line-height: 34px;
        background-color: #f9f9f9;
        font-weight: 400;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .ytable table tr td {
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
/*实地认证标识*/
/*展会预约*/
.yybox {
    width: 600px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    top: 150px;
    z-index: 9999;
    border-radius: 10px;
}

.yyt {
    font-size: 20px;
    font-weight: bold;
    height: 58px;
    line-height: 58px;
    padding: 0 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}

    .yyt a {
        float: right;
        color: #333;
        font-size: 26px;
    }

        .yyt a::hover {
            color: #ff780;
        }

.yycon {
    padding: 30px;
    box-sizing: border-box;
}

.yygs {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .yygs span {
        width: 80px;
        float: left;
        color: #999;
        display: inline-block;
        font-weight: 400;
    }

.yygsc {
    color: #ff7800;
    font-weight: bold;
}

.yylist {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

    .yylist span {
        width: 80px;
        float: left;
        display: inline-block;
        color: #999;
        line-height: 38px;
    }

    .yylist input {
        float: left;
        width: 440px;
        height: 38px;
        line-height: 38px;
        border-radius: 5px;
        background-color: #f9f9f9;
        border: 0;
        padding-left: 20px;
        box-sizing: border-box;
    }

.yybtn {
    width: 220px;
    height: 35px;
    margin: 40px auto 0;
}

    .yybtn input {
        width: 220px;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        background-color: #ff7800;
        border: 0;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

        .yybtn input:hover {
            background-color: #e66c00;
        }

.yya {
    display: block;
    text-align: center;
    color: #ff7800 !important;
    margin-top: 15px;
}

    .yya:hover {
        color: #e66c00 !important;
    }
/*展会预约*/
/*2022厂家页面改版*/
.xianhuo {
    position: relative;
    text-decoration: none;
    color: #fff;
    background: #01a16a;
    font: 13px "宋体";
    padding: 2px 3px;
    font-style: normal;
    position: relative;
    top: -1px;
}

.bread_nav {
    width: 1200px;
    margin: 0 auto;
    color: #999;
    font-size: 12px;
    line-height: 45px;
    height: 45px;
    clear: both;
}

    .bread_nav a {
        font-size: 12px;
        color: #999;
    }

    .bread_nav span {
        color: #333;
    }

    .bread_nav a:hover {
        color: #ff7800;
    }

.factory_wap {
    width: 1210px;
    margin: 10px auto 0;
}

.factory_left {
    width: 270px;
    border: 1px solid #e5e5e5;
    float: left;
}

.detailed_con {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .detailed_con .detailed_con_p ul li {
        line-height: 20px;
        margin-top: 5px;
        font-size: 13px;
        color: #333;
    }

    .detailed_con .detailed_con_p a {
        color: #333;
    }

    .detailed_con .detailed_con_p img {
        max-width: 90%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .detailed_con .detailed_con_p span {
        color: #999;
        width: 83px;
        display: inline-block;
    }

    .detailed_con .detailed_con_span {
        display: block;
        color: #333 !important;
        width: 100% !important;
    }

.fold_div {
    margin-top: 5px;
}

    .fold_div span {
        color: #999;
    }

    .fold_div p {
        line-height: 20px;
        margin-top: 2px;
    }

    .fold_div a {
        font-size: 12px;
        color: #999;
        display: inline-block;
        margin-top: 5px;
        position: relative;
    }

.a_more, .a_packup {
    font-size: 12px;
    color: #999 !important;
    display: inline-block;
    margin-top: 5px;
    position: relative;
}

    .a_more::after {
        content: '';
        width: 0;
        height: 0;
        border-top: 6px solid #ccc;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        position: absolute;
        top: 6px;
        margin-left: 5px;
    }

    .a_packup::after {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 6px solid #ccc;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        position: absolute;
        top: 6px;
        margin-left: 5px;
    }

.Latest_product {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.factory_right_T {
    font-size: 14PX;
    color: #333;
    font-weight: bold;
}

.Latest_product_ul li {
    margin-top: 15px;
    height: 80px;
    margin-bottom: 5px;
    display: inline-block;
}

.LPU_img {
    width: 80px;
    height: 80px;
    position: relative;
    float: left;
}

    .LPU_img img {
        width: 80px;
        height: 80px;
    }

.LPU_W {
    width: 146px;
    float: left;
    margin-left: 10px;
}

    .LPU_W a {
        font-size: 14px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 156px;
        display: inline-block;
    }

.LPU_cas {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.LPU_price {
    font-size: 16px;
    color: red;
    line-height: 22px;
}

.LPU_time {
    font-size: 12px;
    color: #999;
}

.factory_list {
    width: 917px;
    float: right;
}

.factory_sift {
    padding: 5px 15px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    background: #f9f9f9;
}

    .factory_sift a {
        display: inline-block;
        width: 80px;
        margin-right: 5px;
        line-height: 28px;
        font-size: 13px;
        color: #333;
    }

        .factory_sift a.now {
            color: #ff7800;
        }

.factory_ul {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    padding-bottom: 10px;
    min-height: 165px;
    display: inline-block;
    width: 100%;
}

.factory_tu {
    width: 150px;
    height: 150px;
    position: relative;
    border: 1px solid #efefef;
    float: left;
    margin-right: 20px;
    display: inline-block;
}

    .factory_tu img {
        width: 150px;
        height: 150px;
    }

.factory_li_xq {
    width: 470px;
    float: left;
}

.factory_li_T:hover {
    color: #ff7800 !important;
}

.factory_li_T {
    font-size: 18px;
    color: #333 !important;
    line-height: 24px;
    margin-bottom: 10px;
    display: inline-block;
}

.factory_characteristic div {
    width: 49%;
    display: inline-block;
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    line-height: 18px;
}

    .factory_characteristic div span {
        color: #333;
        margin-right: 5px;
    }

.factory_P {
    font-size: 13px;
    color: #999;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.factory_company {
    float: right;
    text-align: right;
    width: 240px;
    position: relative;
}

.FC_span {
    color: #999;
    width: 70px;
    display: inline-block;
}

.factory_company_Q {
    font-size: 18px;
    color: red;
    margin-top: 40px;
}

.factory_btn {
    width: 88px;
    height: 26px;
    background-color: #ff7800;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 120px;
    right: 0px;
    cursor: pointer;
    border: 0;
}

    .factory_btn:hover {
        background: #ff8900;
    }

.factory_company_name {
    color: #666;
    font-size: 13px;
    margin-top: 10px;
    position: relative;
}

    .factory_company_name a {
        color: #666;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 20px;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

        .factory_company_name a::after {
            content: '\e872';
            font-family: "fontello" !important;
            position: absolute;
            top: 0;
            right: 0;
        }

        .factory_company_name a:hover {
            color: #ff7800;
        }

.factory_company_box {
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 22px;
    right: 0;
    width: 310px;
    text-align: left;
    display: none;
    z-index: 99;
    box-shadow: 1px 2px 5px 1px #dfdfdf;
}

    .factory_company_box::before {
        content: '';
        position: absolute;
        display: inline-block;
        top: -5px;
        right: 20px;
        width: 0;
        height: 0px;
        content: '';
        border-style: solid;
        border-width: 7px;
        border-color: #fff #fff #fff #fff;
        transform: rotate(135deg);
        box-shadow: -1px 1px 1px #f0f0f0;
        z-index: 9999;
    }

    .factory_company_box div {
        line-height: 20px;
        text-align: left;
        display: inline-block;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

        .factory_company_box div span {
            display: inline-block;
            word-break: break-all;
            max-width: 240px;
            float: left;
        }

.factory_company_name:hover .factory_company_box {
    display: block;
}


.round3 {
    border-radius: 3px;
}

.R_products_W {
    width: 100%;
    clear: both;
    border-top: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-top: 40px;
    display: inline-block;
}

.R_products {
    width: 1200px;
    margin: 0 auto;
}

.R_products_T {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 8px;
}

.R_products_A a {
    width: 23%;
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.page {
    padding: 20px 0;
    width: 630px;
    margin: auto;
    text-align: center;
    font-size: 14px;
}

    .page a:link {
        color: #a4a4a4;
    }

    .page a:visited {
        color: #a4a4a4;
    }

    .page a:hover, .ad_a .R_list_info .information a:hover {
        color: #ff7300;
    }

    .page span, .page ul {
        display: inline-block
    }

    .page ul {
        position: relative;
        top: 6px;
        display: inline-block;
    }

        .page ul li {
            border: 1px solid #ccc;
            float: left;
            margin: 0 5px;
            height: 22px;
            line-height: 22px;
            text-align: center;
        }

            .page ul li a {
                height: 22px;
                padding: 3px 8px
            }

        .page ul a li {
            height: 22px;
            padding: 3px 8px
        }

        .page .CC, .page ul li:hover {
            border: 1px solid #ff9600;
            background: #fff1dd;
            cursor: pointer;
            color: #ff7300
        }

    .page span {
        padding: 0 5px;
        color: #a4a4a4;
        line-height: 24px;
    }

    .page .pageNo {
        height: 22px;
        border: 1px solid #a4a4a4;
        width: 45px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif
    }

    .page .pageGo {
        border: none;
        background: #666;
        height: 24px;
        padding: 0 5px;
        color: #eee;
        cursor: pointer
    }

        .page .pageGo:hover {
            background: #ff8900
        }

    .page .NN, .page .NN:hover {
        border: 1px solid #fff;
        background: none;
        cursor: auto
    }

.pageTop a {
    border-left: 1px solid #d2d2d2;
    padding: 0 5px;
    font-size: 12px;
    height: 33px;
    display: inline-block
}

    .pageTop a:hover {
        background: #fafafa
    }

.pageTop span {
    margin: 0 8px;
}

    .pageTop span b {
        padding-right: 2px
    }

.likePro {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 30px 0;
}

    .likePro a {
        padding: 0 10px;
        border-right: 1px solid #ccc;
    }


.dim {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
    pointer-events: none;
}

.pointer {
    pointer-events: none;
}

.danger {
    line-height: 25px;
    background-color: #fcf9e5;
    padding-top: 5px;
    padding-bottom: 10px;
    min-height: 25px;
    padding-left: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    .danger div {
        display: inline-block;
    }

        .danger div img {
            position: relative;
            top: 5px;
            margin-right: 10px;
        }

.danger_2 {
    color: #000;
    font-size: 18px;
}

@media screen and (min-width:1280px) {
    .Sel_qy {
        width: 720px
    }

    .ProListLeft {
        width: 303px;
    }

    .proinfolist {
        width: 696px;
    }

    .Supicon {
        width: auto;
    }

    .orcblistbox {
        width: 1020px;
        clear: both;
    }

    .BulkInquirySup {
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        opacity: 0.01;
    }

    .BulkInquiryBox:hover .BulkInquirySup {
        filter: alpha(opacity=92);
        -moz-opacity: 0.92;
        opacity: 0.92;
    }
    /*当没有标准词的时候引用样式noterm，使产品列表平铺*/
    .noterm .ProSearchbox {
        width: 1210px
    }

    .noterm .SelBox, .noterm .TwoWeek {
        width: 1208px;
    }

    .noterm .Sel_c {
        width: 800px
    }

    .noterm .Sel_g {
        width: 1209px;
    }

    .noterm .Top, .noterm .ProLbox {
        width: 1208px;
    }

    .noterm .b2 {
        width: 465px;
        padding-left: 100px;
    }

    .noterm .b22 b, .noterm .b22 h2 {
        width: 395px
    }
}

@media screen and (min-width:1360px) {
    /*.RBBox{height:auto;position:fixed;bottom:0;right:10px; margin-left:610px;text-align:right; z-index:99;}*/
}
