@font-face {
    font-family: pingfang;
    src: url(../home/pingfangsc.ttf);
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0;
    font-family: pingfang;
}

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

li {
    list-style: none;
}

input,
select {
    outline: none;
}

body {
    background: #f0f0f0;
}

#top {
    width: 100%;
    min-width: 1400px;
    height: 40px;
    background: #f5f5f5;
}

#top_main {
    width: 1400px;
    height: 40px;
    margin: auto;
}
#top_share{
    width: auto;
    height: 40px;
    line-height: 40px;
    float: left;
}
.country_img{
    width: 20px;
    height: 14px;
    vertical-align: middle;
    margin-right: 10px;
}
#top_share a{
    margin-left: 5px;
    margin-right: 5px;
}

.top_rule {
    color: white;
    background: #c0c5cb;
    border-radius: 50px;
    cursor: pointer;
    font-size: 12px;
    display: block;
    width: 150px;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    float: right;
}

.lang_box {
    float: right;
    width: 90px;
    height: 40px;
    margin-right: 10%;
}

.lang_show {
    display: none;
    z-index: 999;
    height: 500px;
    overflow-y: auto;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 2px #999;
    line-height: 40px;
    scrollbar-width: none;
}
.lang_show li{
    padding-left: 20px;
    padding-right: 20px;
}

.lang_change{
    cursor: default;
}

.lang_show li:hover {
    background: #1E71CE;
    color: white;
}

.show_lang {
    cursor: default;
    width: 140px;
    height: 40px;
    display: block;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;

}

#cut {
    display: block;
    width: 100%;
    height: 65px;
    background: #ff8b07;
}

#cut_show {
    width: 1400px;
    height: 65px;
    margin: auto;
}

#div_search {
    background: white;
    width: 100%;
    min-width: 1400px;
    height: auto;
}

.search_move {
    position: fixed;
    z-index: 999;
    top: 0;
}

#search {
    width: 1400px;
    height: 159px;
    margin: 0 auto;
}
#supplier_head_search {
    background: white;
    width: 1400px;
    margin: auto;
    min-width: 1400px;
    height: auto;
}
.fixed_search{
    height: 90px !important;
}
.fixed_search_logo{
    margin-top:18px !important;
}
.fixed_search_main{
    margin-top:18px !important;
}
.fixed_inquire_bag{
    margin-top: 32px !important;
}
.fixed_user{
    margin-top: 32px !important;
}
.search_logo {
    width: 218px;
    height: 43px;
    display: block;
    margin-top: 33px;
    margin-left: 10px;
    float: left;
    background-image: url('../image/logo.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#search_result {
    width: 398px;
    height: auto;
    position: absolute;
    top: 100%;
    z-index: 999;
    border: solid 1px #1E71CE;
    border-top: none;
    display: none;
}

#search_ul li {
    width: auto;
    height: 40px;
}

#search_ul li a {
    display: inline-block;
    width: 400px;
    text-align: left;
    height: 40px;
    padding-left: 6px;
    line-height: 40px;
    background: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#search_ul li:hover a {
    background: #1c83e0;
    color: white;
}

#search_wirte {
    float: left;
    position: relative;
    margin-left: 10px;
}

#search_main {
    width: 650px;
    /*height: 80px;*/
    float: left;
    margin-top: 45px;
    /*margin-left: 60px;*/
    /*margin-right: 150px;*/
    margin-left: 100px;
}

#inquire_bag{
    width: auto;
    margin-top: 52px;
    color: #1E71CE;
    display: block;
    float: right;
    margin-right: 50px;
    position: relative;
    cursor: pointer;
}
#inquire_bag a,#inquire_bag span{
    cursor: pointer;
}
#inquire_bag .inquire_word,#inquire_bag i{
    color: #1E71CE;
}
.inquiry_num{
    display: none;
    position: absolute;
    right: -10px;
    top: 2px;
    background: #1E71CE;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: white;
}
.user{
    color: #1E71CE;
    margin-top: 52px;
    float: right;
    margin-right: 25px;
}
.user a{
    color: #1E71CE;
}
.inquire_word{
    font-size: 14px;
    color: #1F1F1F;
    cursor: default;
}
#search_box {
    width: 120px;
    float: left;
    height: 50px;
    /*border: 2px solid #1E71CE;*/
    box-sizing: border-box;
    border-radius: 3px;
}
#search_box {
    /*border: 2px solid #1E71CE;*/
}

.search_input {
    padding-left: 5px;
    border: 2px solid #1E71CE;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: block;
    width: 400px;
    float: left;
    font-size: 14px;
    /*border-radius: 50px;*/
    border-right: 1px solid #1E71CE;
    height: 50px;
}
.layui-form-select .layui-edge{
    border-top-color: #1E71CE !important;
}

.search_choice {
    display: block;
    float: left;
    border: none;
    width: 150px;
    border-top: 2px solid #1E71CE;
    border-bottom: 2px solid #1E71CE;
    box-sizing: border-box;
    border-radius: 3px;
    height: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: -20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
#search_box .layui-unselect{
    height: 46px !important;
}
#search_box .layui-form-select{
    border: 2px solid #1E71CE;
    border-left: 1px solid #1E71CE;
    height: 46px !important;
}
select::-ms-expand {
    display: none;
}

.search_choice option {
    width: 150px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-align: center;
    height: 50px;
}

.search_btn {
    display: block;
    float: left;
    width: 100px;
    height: 50px;
    border: none;
    margin-left: 0px;
    outline: none;
    background: #1E71CE;
    color: white;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 20px;
}

.search_btn:hover {
    color: white;
    background: #1E71CE;
}

#user_login{
    line-height: 115px;
    text-align: center;
    background: white;
    position: relative;
    color: #75a3d8;
}

#rules{
    line-height: 115px;
    text-align: center;
    background: white;
    position: relative;
    color: #75a3d8;
}

#rules_box a{
    color: white;
}

#rules_box a:hover,#inquiry_basket_box a:hover{
    color: #75a3d8;
}

#user_login_box,#inquiry_basket_box,#rules_box{
    border-radius: 10px;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100px;
    color: white;
    display: none;
    background: #ffaa33;
}
#user_login_box a,#inquiry_basket_box a{
    color: white;
}

#user_login a:hover{
     color: #75a3d8;
}

#inquiry_basket{
    color: #ffaa33;
    background: white;
    line-height: 115px;
    text-align: center;
}




#search_right {
    width: 320px;
    height: 80px;
    float: left;
}

.search_user {
    margin-left: 30px;
    text-indent: 15px;
    height: 80px;
    width: 120px;
    line-height: 90px;
    display: block;
    float: left;
    font-size: 12px;
}

.search_user a:hover,
.search_cart a:hover {
    color: #ffaa33;
}

.search_cart {
    float: left;
    display: block;
    font-size: 12px;
    width: 150px;
    text-align: center;
    text-indent: 0px;
    height: 80px;
    line-height: 90px;
}

#main {
    margin: 0 auto;
    width: 1392px;
    margin-bottom: 20px;
    /*padding-top: 20px;*/
    /*border: solid 1px #dccaca;*/
}


#all_cate{
    border-radius: 3px 3px 0px 0px;
    background: #1E71CE;
    color: white;
    width: 100%;
    height: 44px;
    position: absolute;
    top: -44px;
    line-height: 44px;
    font-size: 16px;
    text-indent: 17px;
}
#cate_ul{
    width: 250px;
    height: 482px;
    overflow-y: scroll;
}
#cate_ul::-webkit-scrollbar {
    width:8px;
    height:8px;
}
/*滚动条里面小方块样式*/
#cate_ul::-webkit-scrollbar-thumb {
border-radius:100px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#eff6ff;
}
/*滚动条里面轨道样式*/
#cate_ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(255, 255, 255);
    border-radius:0;
    background:rgba(255, 255, 255);
}

#cate_ul li a{
    width: 100%;
    text-indent: 17px;
    color: #505B66;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: default;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#cate_ul li a:hover{
    background: #1E71CE;
    color: white;
}
#main_cate {
    width: 250px;
    height: 482px;
    background: #ffffff;
    float: left;
    position: relative;
}
#main_hot{
    float: left;
    margin-left: 18px;
    width: 308px;
    background: white;
    height: 464px;
    margin-top: 18px;
    overflow: hidden;
}

#main_hot_title{
    font-size: 16px;
    cursor: default;
    margin-left: 18px;
    margin-top: 20px;
}
#main_hot_product{
    margin-top: 18px;
    overflow-y: auto;
    width: 100%;
    height: 400px;
}
#main_hot_product::-webkit-scrollbar {
    width:8px;
    height:8px;
}
/*滚动条里面小方块样式*/
#main_hot_product::-webkit-scrollbar-thumb {
    border-radius:100px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#eff6ff;
}
/*滚动条里面轨道样式*/
#main_hot_product::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 5px rgba(255, 255, 255);
    border-radius:0;
    background:rgba(255, 255, 255);
}

#main_hot_product li{
    margin-bottom: 20px;
    padding-left: 18px;
    width: 90%;
    height: 80px;
    cursor: default;
}
.main_hot_img{
    width: 80px;
    height: 80px;
    display: block;
    float: left;
}
.main_hot_name{
    display: inline-block;
    float: left;
    width: 150px;
    margin-left: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 2px;
    font-size: 16px;
}
.main_hot_view{
    display: inline-block;
    float: left;
    width: 150px;
    margin-left: 20px;
    margin-top: 15px;
    color: #8C8C8C;
}
.main_hot_view span{
    color: #1E71CE;
}
#main_hot_title i{
    color: #FF5555;
}
#pop_supplier{
    width: 1392px;
    margin: auto;
    margin-top: 37px;
    margin-bottom: 45px;
}
.pop_choice{
    color: #000000 !important;
}
.pop_menu span{
    font-size: 24px;
    color: #797979;
    margin-right: 47px;
    cursor: default;
    -webkit-user-select:none;
    user-select:none;
}
#pop_body{
    width: 100%;
    height: 249px;
    background: white;
    margin-top: 19px;
}
#pop_ul li, #pop_new li{
    width: 24.9%;
    height: 150px;
    float: left;
    margin-top: 46px;
    border-left: 1px solid #DCDCDC;;
}
#pop_ul li:first-child, #pop_new li:first-child{
    border-left: none;
}
#pop_new{
    display: none;
}
.pop_supplier_show{
    width: 300px;
    height: 60px;
    margin-left: 40px;
    position: relative;
}
.pop_supplier_logo{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*border: 2px solid #1E71CE;*/
    float: left;
    box-shadow: 0px 0px 3px #ececec;
}
.pop_supplier_name{
    width: 200px;
    display: inline-block;
    margin-left: 10px;
    float: left;
    margin-top: 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pop_supplier_show i{
    position: absolute;
    right: 20px;
    top: 2px;
    font-size: 12px;
}
.pop_supplier_goods{
    width: 300px;
    margin-top: 26px;
    margin-left: 40px;
}
.pop_supplier_goods img{
    width: 62px;
    height: 62px;
    display: block;
    float: left;
    margin-right: 13px;
}
.pop_normal{
    color:#f98c1e;
}
.pop_high{
    color: #1E71CE;
}
.pop_supplier_cate{
    width: 200px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    float: left;
}
#channel_square{
    width: 1392px;
    height: 435px;
    margin: auto;
    margin-bottom: 48px;
}
#channel_title{
    color: #1F1F1F;
    font-size: 24px;
}

#channel_body{
    width: 100%;
    height: 392px;
    margin-top: 19px;
}
.channel_body_big{
    width: 262px;
    height: 392px;
    margin-right: 18px;
    float: left;
    position: relative;
    overflow: hidden;
}
.channel_body_three{
    width: 100%;
    display: inline-block;
    text-indent: 19px;
    font-size: 24px;
    color: white;
    margin-top: 54px;
}
.channel_body_two{
    display: inline-block;
    margin-left: 19px;
    margin-top: 5px;
    font-size: 18px;
    color: white;
    width: 140px;
}
.channel_big_img{
    width: 220px;
    height: 200px;
    display: block;
    margin-top: 26px;
    margin-left: 39px;
}
.channel_big_figure{
    width: 0;
    height: 0;
    border-top: 692px solid #C5D0F2;
    border-left: 200px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
}
.channel_big_figures{
    width: 0;
    height: 0;
    border-top: 692px solid #FFA87C;
    border-left: 200px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
}
.channel_body_big a,.channel_body_small a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}
.channel_body_big:first-child{
    background: #B7C5EE;
}
.channel_body_big:nth-child(2){
    background: #F69868;
}
.channel_body_small{
    position: relative;
    width: 266px;
    height: 187px;
    background: white;
    float: left;
    margin-right: 16px;
}
.channel_small_title{
    width: 100%;
    color: black;
    font-size: 18px;
    display: block;
    margin-top: 23px;
    text-indent: 21px;
}
.channel_small_desc{
    width: 100%;
    font-size: 14px;
    color: #C4C4C4;
    text-indent: 21px;
    display: block;
}
.channel_small_img{
    max-width: 156px;
    max-height: 103px;
    position: absolute;
    right: 5%;
    bottom: 8px;
}
.channel_body_small:nth-child(5),.channel_body_small:nth-child(8){
    margin-right: 0px !important;
}
.channel_body_small:nth-child(3),.channel_body_small:nth-child(4),.channel_body_small:nth-child(5){
    margin-bottom: 18px;
}
.category_box{
    width: 1392px;
    height: 618px;
    margin: auto;
    margin-bottom: 45px;
}
.category_title{
    font-size: 24px;
    -webkit-user-select:none;
    user-select:none;
    cursor: default;
}
.category_body{
    width: 100%;
    height: 566px;
    margin-top: 18px;
}
.category_two{
    width: 265px;
    height: 100%;
    background: #8DBBB8;
    margin-right: 18px;
    float: left;
}
.category_two_title{
    font-size: 26px;
    color: white;
    width: 90%;
    margin-left: 26px;
    display: block;
    margin-top: 49px;
    -webkit-user-select:none;
    user-select:none;
    cursor: default;
}
.category_btn{
    width: 156px;
    height: 46px;
    border:2px solid white;
    background: white;
    border-radius: 50px;
    color:#4B8183;
    display: block;
    text-align: center;
    line-height: 46px;
    cursor: default;
    font-size: 18px;
    margin-top: 90px;
    margin-left: 26px;
}
.category_btn:hover{
    background: none;
    /*border: 2px solid #4B8183;*/
    color: white !important;
}
.category_two_img{
    width: 230px;
    height: 230px;
    display: block;
    margin: auto;
    margin-top: 46px;
}
.category_ul{
    float: left;
    width: 1100px;
    height: 100%;
}
.category_ul li{
    width: 264px;
    height: 274px;
    background: white;
    margin-right: 14px;
    float: left;
    margin-bottom: 18px;
    position: relative;
}
.category_ul li a{
    width: 100%;
    height: 100%;
}
.category_ul li:nth-child(4n){
    margin-right: 0px !important;
}
.category_name{
    color: black;
    font-size: 18px;
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 27px;
}
.category_img{
    width: 160px;
    height: 160px;
    display: block;
    position: absolute;
    bottom: 12px;
    left: 52px;
}
.cate_menu {
    font-size: 20px;
    /*font-weight: 900;*/
    width: 100%;
    height: 40px;
    /*text-align: center;*/
    line-height: 40px;
    text-indent: 16px;
    /*text-indent: 20px;*/
    display: block;
    cursor: pointer;
}

.cate_item {
    width: 100%;
    margin: auto;
    height: auto;
    font-size: 14px;
    cursor: default;
}

.more_cate_line {
    width: 100%;
    border-top: dashed 1px black;
}

.cate_items {
    width: 100%;
    height: 31px;
    position: relative;
}

.cate_items:hover .cate_name {
    color: white;
    background: #ffaa33;
}

.cate_items:hover .more_items {
    display: block;
}

.cate_name {
    width: 90%;
    height: 100%;
    text-align: left;
    display: block;
    line-height: 31px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-left: 10%;
}

.more_items{
    z-index: 999;
    display: none;
    position: absolute;
    overflow: hidden;
    top: -80px;
    left: 100%;
    width: 575px;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 450px;
    border-radius: 5px;
    box-shadow: 4px 4px 4px #999;
}

.more_menu {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.more_menu_column {
    width: 30%;
    height: 100%;
    float: left;
}

.left_box {
    width: 70%;
    height: 100%;
    float: left;
}

.item_short {
    width: 33%;
    height: 50%;
    float: left;
}

.right_item {
    width: 33%;
    height: 100%;
    /* float: left; */
    background-color: darkorchid;
}

.more_line_show {
    width: 230px;
    height: 100%;
    float: left;
}

.more_menu_short {
    padding-top: 10px;
    padding-left: 10px;
    width: 33%;
    height: 50%;
    float: left;
}

.more_menu_title {
    text-indent: 10px;
    font-size: 14px;
    font-weight: 560;
    width: 95%;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
    margin-top: 10px;
}

.more_item_short {
    width: 33%;
    height: 50%;
    float: left;
}

.more_item_show a {
    width: 180px;
    height: auto;
    float: left;
}

.more_item_more{

}

.more_menu a{
    width: 180px;
    text-indent: 10px;
    line-height: 30px;
    cursor: default;
    height: 30px;
    display: block;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
}

.more_menu a:hover {
    background: #ffaa33;
    color: white;
}

.cate_view_more,.cate_view_hidden{
    color: blue;
    cursor: pointer;
    width: 180px;
    text-indent: 10px;
    line-height: 30px;
    height: 30px;
    display: block;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
}



.more_cate_word {
    width: 90%;
    padding-left: 10%;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    cursor: default;
    position: relative;
}

.more_cate_word:hover {
    color: white;
    background: #ffaa33;
}

.more_cate_word:hover .more_cate {
    display: block;
}

.more_cate_menu {
    width: 180px;
    height: 490px;
    background: #ffaa33;
    color: white;

    padding-top: 10px;
}

.more_cate_menu li {
    width: 90%;
    height: 31px;
    line-height: 31px;
    padding-left: 10%;
    text-align: left;
}

.more_cate_bg {
    background: white !important;
}

.more_cate_color {
    color: #ffaa33 !important;
}

.more_item_title {
    display: inline-block;
    width: 100%;
    height: 31px;
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.more_item_hover {
    background: white;
    color: #ffaa33;
}


.more_menu_item {
    width: 420px;
    height: 500px;
    position: absolute;
    /*left: 100%;*/
    top: 0;
    right: 0;
    flex-wrap: wrap;
    display: none;
    flex-direction: column;
}

.cate_item_link:hover {
    background: #ffaa33 !important;
    color: white !important;
}

.cate_item_short {
    width: 50%;
    height: 50%;
    float: left;
    display: block;
}

.cate_item_long {
    width: 50%;
    height: 100%;
    float: left;
}

.more_item_word {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    height: 31px;
    float: left;
    font-size: 16px;
    color: black;
    text-indent: 15px;
}

.cate_item_link {
    width: 100%;
    float: left;
    height: 31px;
    font-size: 12px;
    cursor: default;
    display: inline-block;
    text-indent: 15px;
}

.cate_item_link:hover {
    color: #ffaa33;
}

.more_cate {
    display: none;
    width: 600px;
    height: 500px;
    position: absolute;
    background: white;
    z-index: 999;
    top: -400px;
    left: 100%;
    border-radius: 5px;
    position: relative;
    box-shadow: 2px 2px 2px #999;
}


#main_banner {
    margin-top: 18px;
    margin-left: 21px;
    width: 793px;
    height: 464px;
    float: left;
    /*margin-right: 10px;*/
}
/*.banner_img{*/
/*    width: 793px;*/
/*    height: 464px;*/
/*}*/

/* swiper Start */
.swiper-container {
    width: 793px;
    height: 464px;
}

#main_banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#main_banner .swiper-slide img {
    width: 100%;
    height: 100%;
}

/* swiper End */

#main_right {
    float: left;
    width: 260px;
    height: 400px;
}

.show_right {
    height: 300px;
    width: 100%;
}

.right_box {
    border-radius: 10px;
    width: 100%;
    height: 100px;
    position: relative;
    margin-bottom: 10px;
    border:1px solid #e1dede;
}
#rules{
    background: white;
    color: #71c7d6;
}


.show_nopro {
    margin-top: 30px;
    width: 100%;
    height: 70px;
}

.nopro_word {
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
    text-indent: 10px;
    color: #666666;
}

.nopro_btn {
    border: none;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 16px;
    color: #FFFFFF;
    background: #ffaa33;
    outline: none;
    cursor: pointer;
    display: block;
    line-height: 40px;
    text-align: center;
}

.nopro_btn:focus {
    outline: none;
}

.nopro_btn:hover {
    color: #ff5a00;
    background: white;
    border: 1px solid #ff5a00;
}


.product_box {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.hot_supplier{
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    display: block;
    float: left;
}
.hot_supplier_line{
    width: 1200px;
    height: 5px;
    background: #fca11c;
    float: left;
    margin-top: 18px;
}

#product {
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 10px;
}

.product_title {
    width: 1400px;
    margin: auto;
    text-align: center;
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 20px;
    /* float: left; */
    position: relative;
}

.hot_supplier_name{
    position: relative;
    width: 80%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    margin: auto;
    margin-top: 10px;
    word-wrap:break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product_item:hover .hot_supplier_name{
    color: #ffaa33;
}
.product_item:hover .product_img{
    box-shadow: 0 0 10px 0px #82807b;
}


#popular{
    width: 100%;
    height: auto;
    background: white;
    padding: 10px;
}

#product_main {
    width: 100%;
    height: auto;
    background: #fff;
}

#popular_ul{
    width: 1380px;
    height: auto;

}

#popular_ul li{
    width: 220px;
    height: 250px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
#popular_ul li a{
    cursor: default;
}

#popular_ul li:hover .popular_title{
    text-decoration:underline;
    color: #ffaa33;
}

.popular_img{
    width: 186px;
    height: 186px;
    display: block;
    margin: auto;
    margin-top: 5px;
}
.popular_title{
    width: 185px;
    height: 36px;
    display: block;
    margin: auto;
    margin-top: 10px;
    font-size: 16px;
    word-wrap:break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product_ul {
    width: 100%;
    height: auto;
}

.product_ul li {
    float: left;
    width: 210px;
    margin-top: 10px;
    margin-left: 22px;
    background: white;
}

.product_item a {
    cursor: default;
    width: 100%;
    display: block;
}


.product_item a:hover .product_word {
    color: #ff9a64;
    text-decoration: underline
}

.product_out {
    margin: auto;
    display: block;
    margin-top: 15px;
}

.product_img {
    width: 180px;
    height: 180px;
    margin: auto;
    display: block;
    border-radius: 5px;
    /*margin-top: 15px;*/
}
.suuplier_head{
    width: 60px;
    height: 60px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    display: block;
    margin: auto;
    margin-top: -30px;
}


.product_word {
    font-weight: 550;
    font-size: 14px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fffbfb;
    border-top: solid 1px #e8e8e8;
    text-align: center;
    display: block;
}




#easy {
    width: 1392px;
    height: 400px;
    margin: auto;
    /*background-image: url(../image/easy_bg.png);*/
    background: white;
    margin-bottom: 40px;
}



#easy_left {
    width: 55%;
    float: left;
    height: 400px;
}
.easy_left_title{

    width: 100%;
    text-align: center;
    color: black;
    font-size: 18px;
    display: block;
    height: 40px;
    line-height: 40px;

}
#easy_show{
    width: 95%;
    margin: auto;
    height: 350px;
    overflow: hidden;
}

.easy_left_ul{

}
.easy_left_ul li{
    color: black;
    margin-left: 2.5%;
    margin-top: 25px;
    width: 45%;
    height: 90px;
    background: #F3F3F3;
    display: block;
    float: left;
    border-radius: 15px;
}
.easy_img_box{
    width:90px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: left;
    margin-left: 5px;
}
.easy_img_box i{
    display:inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.easy_li_img{
    width: 80px;
}
.easy_left_country_date{
    width: 200px;
    height: 20px;
    margin-top: 8px;
    margin-left: 10px;
    float: left;
}
.easy_li_country{
    font-size: 16px;
    width: 125px;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.easy_li_date{
    float: right;
    display: block;
    font-size: 12px;
    line-height: 20px;
}

.easy_li_product{
    float: left;
    display: block;
    width: 200px;
    margin-top: 3px;
    margin-left: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.easy_li_desc{
    width: 200px;
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    overflow: hidden;
    height: auto;
    font-size: 10px;
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#easy_right {
    width: 530px;
    height: 330px;
    background: white;
    float: right;
    margin-top: 20px;
    margin-right: 50px;
    /*padding-top: 20px;*/
    padding-left: 40px;
    padding-bottom: 10px;
}

.easy_title {
    margin-top: 50px;
    font-size: 18px;
    color: white;
    width: 100%;
    display: block;
}

.easy_word {
    margin-top: 14px;
    line-height: 20px;
    font-size: 14px;
    color: white;
    display: block;
}

.easy_right_title {
    display: block;
    width: 100%;
    font-size: 24px;
    margin-bottom: 24px;
}

#product_input {
    border: solid 1px #d4dce1;
    width: 400px;
    height: 40px;
    display: block;
    margin-top: 18px;
    font-size: 14px;
    padding-left: 5px;
}
#product_email{
    border: solid 1px #d4dce1;
    width: 400px;
    height: 40px;
    display: block;
    font-size: 14px;
    font-family: pingfang;
    padding-left: 5px;
}

#product_desc {
    resize: none;
    padding-left: 5px;
    font-family: pingfang;
    margin-top: 18px;
    outline: none;
    width: 400px;
    font-size: 14px;
    border: solid 1px #d4dce1;
    margin-bottom: 18px;
}

#product_quan {
    padding-left: 5px;
    font-family: pingfang;
    float: left;
    display: block;
    font-size: 14px;
    width: 140px;
    height: 40px;
    border: solid 1px #d4dce1;
}

#product_select {
    padding-left: 5px;
    font-family: pingfang;
    display: block;
    width: auto;
    float: left;
    height: 40px;
    margin-left: 10px;
    border: solid 1px #d4dce1;
}

#easy_right_num {
    height: auto;
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

#easy_right_btn {
    background: #3D98FE;
    color: white;
    cursor: default;
    border: none;
    margin-top: 5px;
    width: 423px;
    height: 44px;
    line-height: 44px;
    font-size: 24px;
    display: block;
    border-radius: 100px;
    outline: none;
}

#easy_right_btn:hover {
    color: #3D98FE;
    background: white;
    border: 1px solid #3D98FE;
}


#hot {
    width: 1400px;
    height: 160px;
    margin: auto;
    margin-bottom: 10px;
}

.hot_item {
    display: block;
    line-height: 25px;
    font-weight: 550;
    width: 100%;
    height: 25px;
    margin-bottom: 10px;
}

.hot_ul {
    width: 100%;

}

.hot_ul li {
    float: left;
    width: 200px;
    height: 25px;
}

.hot_ul li a {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    cursor: default;
}

.hot_ul li a:hover {
    color: #ffaa33;
}

#footer {
    width: 100%;
    height: auto;
    padding-top: 58px;
    color: white;
    background: #1E71CE;
}
#footer a{
    margin-right: 10px;
    margin-left: 10px;
    color: white;
}
.footer_line{
    width: 100%;
    height: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.footer_copy{
    width: 100%;
    height: 55px;
    text-align: center;
    border-top: 1px solid #3D98FE;
    padding-top: 24px;
}

#footer_main {
    width: 1400px;
    height: auto;
    margin: auto;
}

#foot_about {
    margin-top: 20px;
    width: 150px;
    height: 140px;
    float: left;
    margin-left: 200px;
}

#foot_help {
    margin-top: 20px;
    float: left;
    width: 150px;
    height: 140px;
    margin-left: 100px;
}

#foot_lang {
    float: right;
    margin-top: 20px;
    margin-right: 300px;
    width: 150px;
    height: 140px;
}

.line {
    width: 100%;
    border-bottom: 1px solid #fff;
    clear: both;
    height: 10px
}

.foot_item {
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-indent: 10px;
    color: black;
    font-size: 16px;
}

.foot_items {
    display: inline-block;
    width: 100%;
    height: 30px;
    text-indent: 10px;
    color: black;
    line-height: 30px;
    text-align: left;
    cursor: default;
}

.foot_items:hover {
    color: white;
}

/*
	product_list.html

*/

#product_guide {
    width: 1400px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#product_guide span {
    cursor: default;
}

#product_guide a:hover {
    color: #1E71CE;
}

.popular_box{
    width: 1400px;
    margin: auto;
}

#product_show{
    width: 1393px;
    height: 400px;
    margin: auto;
    margin-bottom: 80px;
}
.product_show_title{
    font-size: 24px;
    width: 100%;
}
.product_show_box{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
#product_show_ul{
    width: 100%;
}
#product_show_ul li{
    float: left;
    width: 265px;
    height: 410px;
    background: white;
    display: block;
    margin-right: 17px;
    margin-bottom: 45px;
}
#product_show_ul li:nth-child(5n){
    margin-right: 0px;
}
#product_show_ul li>a{
    cursor: default;
    display: block;
    width: 100%;
}
#product_show_ul li>a:hover{
    color: #1E71CE;
}
.product_show_img{
    width: 250px;
    display: block;
    height: 250px;
    margin: auto;
    margin-top: 15px;
}
.product_show_name{
    width: 200px;
    height: 44px;
    display: -webkit-box;
    margin: auto;
    margin-top: 10px;
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product_show_operate{
    margin-top: 10px;
    width: 100%;
}
.product_show_contact{
    width: 100px;
    height: 30px;
    display: block;
    border: 1px solid #424243;
    box-sizing: border-box;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    margin-left: 32px;
    float: left;
    cursor: default;
}
.product_show_contact:hover{
    color: #1E71CE;
    border: 1px solid #1E71CE;
}
.product_show_basket{
    display: block;
    float: right;
    font-size: 20px;
    margin-right: 30px;
    cursor: default;
}
.product_show_basket:hover{
     color: #1E71CE;
}
.product_show_follow{
    font-size: 20px;
    display: block;
    float: left;
    margin-left: 30px;
    cursor: default;
}
.product_show_notfollow{
    color: red;
    font-size: 20px;
    display: block;
    float: left;
    margin-left: 30px;
    cursor: default;
}
.product_show_page{
    float: right;
    margin-right: 10%;
}
.product_supplier{
    float: left;
    width: 100%;
    margin-top: 14px;
    border-top: 1px solid #F0F0F0;
    height: 34px;
    line-height: 34px;
}
.product_supplier_name{
    display: block;
    margin-left: 14px;
    font-size: 13px;
    float: left;
    height: 34px;
    width: 220px;
    cursor: default;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.product_supplier_name:hover{
    color: #2677E7;
}
.product_supplier_chat{
    display: block;
    float: left;
    color: #2677E7;
    font-size: 16px;
}
#like_main{
    width: 1400px;
    height: 220px;
    padding: 10px 0;
    overflow: hidden;
    background: white;
}

.like_main_img{
    width: 220px;
    height: 220px;
    margin-left: 10px;
    margin-right: 10px;
    /*vertical-align:top;*/
}


#product_left {
    width: 1100px;
    height: auto;
    /*background: #fff;*/
    float: left;
}

#product_category {
    width: 1100px;
    height: auto;
    border: 1px solid #e8e8e8;
    position: relative;
    background: white;
}


#product_category_angle{
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 10px;
}

.category_menu {
    width:50%;
    font-size: 20px;
    margin-bottom: 10px;
    float: left;
}
.item_link{
    display: inline-block;
    width: auto;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    /*background: red;*/
    line-height: 30px;
    cursor: default;
}

.item_link:hover{
    color: #ffaa33;
}


#category_detail_item{
    margin-left: 20px;
    margin-top:5px;
    float: left;
    width: 70%;
    height: 30px;
}

.category_detail_word{
    background: red;
    overflow: hidden;
    line-height: 30px;
}

.category_items{
    width: 200px;
    float: left;
    display: block;
}

.category_item_menu{
    width: 40%;
    float: left;
    font-size: 18px;
    padding: 10px;
}

.box_items {
    width: 950px;
    height: 100px;
    top: 145px;
    position: absolute;
    left: 30px;
    display: none;
}

.act_items {
    color: #ffaa33;
}

.act_show {
    display: block;
}

.menu_items {
    width: 200px;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#product_part {
    width: 100%;
    height: auto;
}

#part_item {
    margin-top: 15px;
    width: 100%;
    height: auto;
}

.part_items {
    width: 100%;
    height: 250px;
    border: solid 1px #e8e8e8;
    margin-bottom: 15px;
    background: #ffffff;
}

.items_left {
    width: 300px;
    float: left;
    padding-top: 20px;
    position: relative;
}

.items_img {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}

.items_like {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
}

.not_like {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
}

.items_right {
    margin-left: 10px;
    float: left;
    width: 788px;
    height: auto;
    margin-top: 10px;
}

.items_title {
    display: inline-block;
    width: 95%;
    text-indent: 20px;
    font-size: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.items_title:hover, .items_company:hover {
    color: #ffaa33;
}

.items_desc {
    margin-left: 20px;
    text-indent: 20px;
    display: inline-block;
    width: 93%;
    height: 50px;
    color: #999999;
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 3;
    overflow: hidden;

    margin-bottom: 10px;
}

.items_fob {
    display: inline-block;
    width: 40%;
    float: left;
    text-indent: 20px;
    margin-bottom: 10px;
    /*margin-bottom: 10px;*/
}

.items_order {
    display: inline-block;
    width: 40%;
    float: left;
    text-indent: 20px;
    margin-bottom: 10px;
}

.items_source {
    display: inline-block;
    width: 100%;
    text-indent: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: default;
}

.items_operate {
    width: 100%;
    height: 30px;
    margin-top: 15px;
    margin-left: 10px;
}

.items_contact{
    width: auto;
    height: 28px;
    float: left;
}

.items_contact a{
    float: left;
    cursor: default;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    background: #ffaa33;
    color: #fff;
}

.items_contact a:hover {
    color: black;
    /*background: none;*/
    /*border: 1px solid #ffaa33;*/
}

.items_chat {
    cursor: default;
    float: left;
    line-height: 28px;
    width: auto;
    margin-left: 20px;
    height: 28px;
    text-align: center;
}

.items_chat:hover,.items_basket:hover{
    color: #ffaa33;
}

.items_basket {
    cursor: default;
    width: auto;
    height: 28px;
    line-height: 28px;
    float: left;
    text-align: center;
    margin-left: 20px;
}

#product_paing {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}

.pagination {
    width: 420px;
    margin: auto;
    height: 40px;
}
.pagination .active>span{
    background: #1E71CE !important;
    color: white;
    cursor: default;
}

.pagination li {
    float: left;
}
.pagination .disabled{
    color: #C4C4C4;
    display: block;
    cursor: default;
}

.page span,.page a{
    padding: 5px 9px;
    display: inline-block;
    background: white;
    margin-right: 7px;
    cursor: default;
}
.page .current{
    background: #1E71CE;
    color: white;
}
.page a:hover{
    background: #1E71CE;
    color: white;
}
.page .page-info{
    display: block;
    margin-top: 5px;
}

.pagination li a, .pagination li span {
    color:#868686;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    background: white;
}

.active span {

}


.pagination li a {

}


#product_right {
    margin-left: 10px;
    float: left;
    width: 290px;
    height: auto;
    background: #fff;
}

#product_like {
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 60px;
    text-indent: 10px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}

.like_items {
    width: 290px;
    height: 310px;
    border: 1px solid #e8e8e8;
}

.like_items:hover .like_title{
    color: #ffaa33;
}
.like_img:hover{
    transform:scale(0.9)
}


.like_img {
    width: 240px;
    height: 240px;
    margin: auto;
    transition: all .3s;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.like_title {
    border-top: 1px solid #e8e8e8;
    display: block;
    width: 280px;
    padding: 5px;
    font-size: 16px;
    text-align: left;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*
	product_list.html
*/

/*
	supplier_list.html
*/
#supplier_main {
    width: 1400px;
    height: auto;
    margin: auto;
    /*background: white;*/
    /*padding-top: 15px;*/
    padding-left: 10px;
    padding-right: 10px;
}

.supplier_item {
    position: relative;
    width: 675px;
    height: 210px;
    background: white;
    border: 1px solid #e1dede;
    float: left;
    padding-left: 15px;
    margin-bottom: 10px;
}

.supplier_goods {
    width: 670px;
    height: 120px;
    display: block;
    position: absolute;
    bottom:25px;
}

.goods_item li {
    float: left;
    margin-left: 10px;
}

.goods_item li a {
    width: 120px;
    height: 120px;
    display: block;
    /*border: 1px solid #e6e6e6;*/
}

.goods_item li a:hover {
    box-shadow: 1px 1px 13px 3px #cfb8b8;
    /*border: 1px solid #ffaa33;*/
}

.goods_item li a:hover .goods_img {
    transform: scale(0.8);
}

.goods_img {
    transition: all .5s;
    margin: auto;
    float: left;
    width: 120px;
    height: 120px;
    display: block;
}

.goods_name {
    float: left;
    width: 120px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.supplier_item:nth-child(even) {
    margin-left: 16px;
}

.supplier_name {
    width: auto;
    max-width: 605px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    font-size: 22px;
    color: #2a5a98;
    margin-top: 5px;
    white-space: nowrap;      /*超出的空白区域不换行*/
    overflow: hidden;         /*超出隐藏*/
    text-overflow: ellipsis;  /*文本超出显示省略号*/
    float: left;
}

.supplier_name:hover {
    color: #ffaa33;
}

.supplier_like {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.supplier_diamond {
    width: 15px;
    color: #808080;
    height: 30px;
    display: block;
    float: left;
    margin-top: 16px;
    margin-left: 5px;
}

.supplier_audited {
    width: 200px;
    color: #808080;
    height: 30px;
    cursor: default;
    position: relative;
}

.show_Audited {
    width: 250px;
    height: 220px;
    background: #ffaa33;
    position: absolute;
    top: 0;
    left: 50%;
    color: white;
}

.show_Audited li {
    font-size: 12px;
    line-height: 16px;
    text-indent: 5px;
}

.supplier_line {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #a09e9e;
    font-size: 12px;
}

.supplier_cap {
    width: auto;
    min-width: 120px;
    display: block;
    float: left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.supplier_word {
    float: left;
    width: auto;
    min-width: 430px;
    height: 20px;
    display: block;
    color: black;
    margin-left: 20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.Audited_title {
    width: 100%;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    text-indent: 15px;
}

/*
	supplier_list.html
*/


/*
	supplier.html
*/
.supplier_show{
    width: 340px;
    height: 90px;
    margin-top: 25px;
    float: left;
}
.supplier_logo{
    width: 90px;
    height: 90px;
    float: left;
}
.supplier_inter{
    border-right: 1px solid #c6bbbb;
    width: 18px;
    height: 100%;
    float: left;
}
.supplier_home_name{
    font-size: 18px;
    margin-top: 20px;
    padding-left: 18px;
    height: 90px;
    width: 200px;
    display: table-cell;
    vertical-align:middle;
    position: relative;
    cursor: default;
    box-sizing: border-box;
}
.supplier_home_name i{
    position: absolute;
    right: -10%;
    top: 30%;
    font-size: 12px;
}
.supplier_search{
    margin-left: 47px !important;
    width: auto !important;
}
.hot_main_img:hover{
    transform: scale(0.9);
}

#supplier_head {
    background: white;
    width: 100%;
    min-width: 1400px;
    height: 140px;
}


#supplier_like{
    cursor: pointer;
    /*display: none;*/
    margin-top: 22px;
    margin-left: 5px;
}

/*#supplier_head {*/
/*    width: 1400px;*/
/*    height: 80px;*/
/*    margin: auto;*/
/*}*/

.a_logo {
    width: 218px;
    height: 43px;
    display: block;
    float: left;
    padding-top: 15px;
    padding-left: 50px;
}

#supplier_lang {
    width: 100px;
    height: 40px;
    float: right;
    margin-top: 25px;
    margin-right: 50px;
}

#supplier_line {
    border-bottom: 1px solid #e6ecf2;
    width: 100%;
    margin: auto
}

#supplier_search {
    width: 1400px;
    height: 120px;
    margin: auto;
}

#supplier_shop {
    width: 570px;
    height: 90px;
    padding-top: 30px;
    padding-left: 30px;
    float: left;
}

#supplier_shopimg {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

#supplier_shopname {
    margin-top: 20px;
    float: left;
    width: auto;
    max-width: 450px;
    height: 34px;
    font-size: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    margin-right: 5px;
}

#supplier_shopname:hover{
    color: #ffaa33;
}

.supplier_iden{
    cursor: default;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
    width: 15px;
    height: 12px;
    font-size: 12px;
    margin-top: 26px;
    display: block;
}

#supplier_audit {
    margin-top: 2px;
    cursor: default;
    width: 130px;
    height: 12px;
    font-size: 12px;
    float: left;
    display: block;
}

#supplier_notlike {
    display: block;
    margin-left: 5px;
    margin-top: 22px;
}

#supplier_searchbox {
    width: 780px;
    height: 90px;
    margin-top: 30px;
    margin-left: 15px;
    float: left;
    position: relative;
}

#supplier_search_ul {
    border: 1px solid #ffaa33;
    border-top: none;
}

#supplier_search_ul li a {
    width: 100%;
    height: 40px;
    display: block;
    text-align: left;
    line-height: 40px;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#supplier_search_ul li a:hover {
    color: white;
    background: #ffaa33;
}


#supplier_search_result {
    width: 308px;
    height: auto;
    z-index: 999;
    position: absolute;
    top: 42px;
    left: 0;
    display: none;
    background: white;
}


#supplier_choice {
    line-height: 40px;
    text-align: center;
    width: 120px;
    height: 40px;
    border: 1px solid #ffaa33;
    border-left: none;
    /*border-top-left-radius: 50px;*/
    /*border-bottom-left-radius: 50px;*/
    display: block;
    float: left;
    cursor: default;
}



#page_title{
    width: 1400px;
    margin: auto;
    height: 40px;
    font-size: 16px;
}
#supplier_search_box{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 40px;
}
#supplier_search_show{

}

#supplier_search_show .grid-item{
    float: left;
    width: 265px;
    height: auto;
    background: white;
    margin-right: 17px;
    margin-bottom: 40px;
}
#supplier_search_show .grid-item:nth-child(5n){
    margin-right: auto;
}
#supplier_search_show .grid-item img{
    width: 250px;
    height: 250px;
    display: block;
    margin: auto;
    margin-top: 15px;
}
.category_guess_name{
    width: 202px;
    display: block;
    margin: auto;
    margin-top: 10px;
    font-size: 16px;
}
.category_guess_operate{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}
.category_guess_contact{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #424243;
    border-radius: 50px;
    text-align: center;
    margin-left: 32px;
    float: left;
    cursor: default;
}
.category_guess_contact:hover{
    color: #1E71CE;
    border: 1px solid #1E71CE;
}
.supplier_search_basket{
    color: #424243;
    font-size: 20px;
    margin-right: 20px;
    float: right;
}
.supplier_search_basket:hover{
    color: #FF5555;
}

.page_item{
    color: #1E71CE;
}
#supplier_search_none{
    width: 1400px;
    height: 240px;
    padding-top: 60px;
    background: white;
}
#supplier_search_none span{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 24px;
    margin-top: 80px;
    color: #878686;
    cursor: default;
}
#supplier_search_none a{
    width: 100%;
    display: block;
    text-align: center;
}
#supplier_search_none a:hover{
    color: #1E71CE;
    cursor: default;
}
#supplier_btn:hover {
    border: 1px solid #1E71CE;
    color: #1E71CE;
    background: none;
    border-left: none;
}

#supplier_post {
    width: 220px;
    height: 40px;
    float: right;
    line-height: 40px;
    text-align: center;

    margin-right: 30px;
    cursor: default;
}

#supplier_post a {
    width: 220px;
    height: 40px;
    color: #ffaa33;
    display: block;
    border: 1px solid silver;
}

#supplier_post a:hover {
    color: white;
    border: none;
    background: #ffaa33;
}

#supplier_menu {
    width: 100%;
    height: 45px;
    background: #1E71CE;
    margin-bottom: 10px;
}

#supplier_menu_box {
    width: 1400px;
    height: 45px;
    margin: auto;
}

#supplier_ul {
    width: auto;
    height: 45px;
}

.choice_supplier {
    background: #3D98FE;
}

#supplier_ul li,#supplier_ul li a {
    width: 120px;
    height: 45px;
    line-height: 45px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: white;
    cursor: default;
}
#supplier_ul li>a:hover{
    background: #3D98FE;
}
.supplier_home_img{
    width: 1400px;
    height: 388px;
    background: white;
    margin: auto;
    margin-top: 18px;
    margin-bottom: 32px;
}
.supplier_home_img img{
    width: 100%;
    height: 100%;
}
.supplier_pop_title{
    font-size: 18px;
}
.supplier_pop_product{
    width: 1400px;
    height: auto;
    margin: auto;
}
.supplier_pop_box{
    width: 100%;
    height: 200px;
    margin-top: 18px;
}
.supplier_pop_box .grid-item{
    float: left;
    width: 265px;
    height: auto;
    background: white;
    margin-right: 17px;
    margin-bottom: 40px;
}
.supplier_pop_box .grid-item:nth-child(5n){
    margin-right: auto;
}
.supplier_pop_box .grid-item img{
    width: 250px;
    height: 250px;
    display: block;
    margin: auto;
    margin-top: 15px;
}

.category_guess_name{
    width: 202px;
    display: block;
    margin: auto;
    margin-top: 10px;
    font-size: 16px;
}
.category_guess_name:hover{
    color: #1E71CE;
}
.category_guess_operate{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}
.category_guess_contact{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #424243;
    border-radius: 50px;
    text-align: center;
    margin-left: 32px;
    float: left;
    cursor: default;
}
.category_guess_contact:hover{
    color: #1E71CE;
    border: 1px solid #1E71CE;
}
.supplier_home_basket{
    color: #424243;
    font-size: 20px;
    margin-right: 20px;
    float: right;
}
.category_guess_basket:hover{
    color: #FF5555;
}
.supplier_desc{
    width: 1400px;
    margin: auto;
    margin-bottom: 45px;
}
.supplier_desc_title{
    font-size: 18px;
}
.supplier_desc_box{
    width: 1360px;
    padding: 20px;
    margin-top: 20px;
    background: white;
}
.supplier_send{
    width: 1340px;
    padding: 40px 30px;
    height: 410px;
    background: white;
    margin:auto;
    margin-bottom: 80px;
}
.supplier_send_title{
    font-size: 18px;
}
.supplier_send_form{
    margin-top: 32px;
}
.supplier_send_form span{
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    width: 120px;
    max-width: 120px;
    overflow: hidden;
    height: auto;
}
.supplier_send_form input{
    width: 900px;
    height: 49px;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    padding-left: 8px;
}
.supplier_send_msg{
    margin-top: 24px;
}
.supplier_send_msg span{
    font-size: 18px;
    float: left;
    display: inline-block;
    width: 120px;
    max-width: 120px;
    overflow: hidden;
}
.supplier_send_msg textarea{
    width: 900px;
    height: 150px;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    margin-left: 14px;
    font-size: 14px;
    padding: 9px 8px;
}
.supplier_send_btn{
    width: 308px;
    height: 60px;
    background: #2677E7;
    color: white;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    margin-left: 142px;
    margin-top: 17px;
    border: 1px solid #2677E7;
    cursor: default;
}
.supplier_send_btn:hover{
    color: #2677E7;
    border: 1px solid #2677E7;
    background: white;
}
.supplier_product_img{
    width: 1400px;
    height: 388px;
    margin: auto;
    margin-bottom: 32px;
    background: white;
}
.supplier_product_img img{
    width: 100%;
    height: 100%;
}


#supplier_hot {
    width: 1400px;
    height: auto;
    max-height: 920px;
    background: #ffaa33;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#supplier_hot_title {
    width: 250px;
    line-height: 60px;
    text-align: center;
    border: solid 2px white;
    height: 60px;
    color: white;
    border-radius: 15px;
    margin: auto;
    margin-bottom: 24px;
    cursor: default;
    font-size: 20px;
}

#supplier_hot_main {
    border-radius: 5px;
    width: 1360px;
    height: auto;
    max-height: 802px;
    background: white;
    margin: auto;
}

#supplier_hot_main_ul {

}

#supplier_hot_main_ul li {
    width: 271px;
    height: 380px;
    padding-top: 20px;
    border: 1px solid silver;
    border-top: none;
    border-left: none;
    float: left;
}

#supplier_you_main_ul li {
    width: 270px;
    height: 380px;
    padding-top: 20px;
    border: 1px solid silver;
    /*border-top: none;*/
    border-left: none;
    float: left;
}

#supplier_you_main_ul li:nth-child(1) {
    border-left: 1px solid silver;
}

#supplier_you_main_ul li:nth-child(6) {
    border-left: 1px solid silver;
}


.hot_main_img {
    width: 240px;
    height: 240px;
    display: block;
    margin: auto;
    background: sandybrown;
    margin-top: 20px;
    margin-bottom: 20px;
}

#supplier_menu{
    width: 100%;
}
.supplier_menu_item{
    height: 40px;
    line-height: 40px;
    float: left;
    width: 100%;
}
.supplier_product_items{
    float: left;
    text-align: center;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}
.supplier_product_level{
    color: white;
    cursor: default;
    width: 100%;
    height: auto;
    display: block;
}
.supplier_product_items a{
    width: 240px !important;
    height: 40px !important;
    cursor: pointer !important;
    display: block;
    line-height: 40px !important;
    color: white !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.supplier_product_item{
    height: 40px;
}

.hot_main_contact {

}

.hot_main_contact a {
    width: 240px;
    height: 40px;
    display: block;
    margin: auto;
    background: #f5f7fa;
    text-align: center;
    line-height: 40px;
    border: 1px solid silver;
    cursor: default;
    border-radius: 5px;
}

.hot_main_contact a:hover {
    color: #ffffff;
    border: none;
    background: #ffaa33;
}

#supplier_you {
    padding-left: 20px;
    padding-right: 20px;
    width: 1360px;
    padding-top: 20px;
    height: auto;
    max-height: 880px;
    margin: auto;
    background: white;
    margin-bottom: 20px;
    border: solid 1px #e1dede;
}

#supplier_you_title {
    width: 1300px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
}

#supplier_you_main {
    width: 100%;
    height: auto;
    max-height: 820px;
    margin-bottom: 20px;
}

#supplier_company {
    width: 1360px;
    height: 410px;
    background: white;
    margin: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #e1dede;
}

#supplier_company_title {
    width: 1300px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
}

#supplier_company_main {
    width: 1340px;
    height: 240px;
    padding-left: 20px;
}

.company_img {
    width: 360px;
    height: 240px;
    display: block;
    float: left;
    border: 1px solid silver;
}

#supplier_company_desc {
    width: 1340px;
    height: auto;
    /*clear: both;*/
    color: #333333;
    margin: auto;
    margin-top: 20px;
}

#supplier_company_item {
    width: 800px;
    height: 250px;
    /*background: darkred;*/
    float: left;
    margin-left: 50px;
}

.supplier_company_line {
    width: 600px;
    height: 40px;
    display: block;
    line-height: 40px;
}
.supplier_company_cap {
    width: 300px;
    display: block;
    float: left;
    color: #808080;
}

.supplier_home_cap {
    width: 300px;
    display: block;
    float: left;
    color: #808080;
}

.supplier_company_area {
    display: block;
    float: left;
    margin-left: 20px;
    width: 480px;
    height: 38px;
    white-space: nowrap;      /*超出的空白区域不换行*/
    overflow: hidden;         /*超出隐藏*/
    text-overflow: ellipsis;  /*文本超出显示省略号*/
    cursor: default;
}


#supplier_message {
    width: 1360px;
    height: 450px;
    background: white;
    margin: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    border:1px solid #e1dede;
    margin-bottom: 20px;
}

#supplier_message_title {
    width: 1300px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
}

#supplier_message_main {
    width: 1300px;
    height: 400px;
    font-size: 20px;
    line-height: 40px;
}

.supplier_message_line {
    width: 1240px;
    height: 50px;
    margin: auto;
    font-size: 14px;
}

.supplier_message_cap {
    width: 80px;
    height: 40px;
    display: block;
    float: left;
    text-align: right;
    line-height: 40px;
    margin-right: 10px;
}

.supplier_message_area {
    padding-top: 5px;
}


.supplier_message_email {
    padding-left: 5px;
    display: block;
    width: 800px;
    height: 30px;
    border: 1px solid #ced3d9;
}

.supplier_message_btn {
    width: 240px;
    line-height: 36px;
    height: 36px;
    background: #ffaa33;
    text-align: center;
    color: white;
    border-radius: 5px;
    margin-left: 150px;
    font-size: 14px;
}
.supplier_message_btn:hover{
    background: none;
    border: #ffaa33 1px solid;
    color: #ffaa33;
}

#supplier_send_msg{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-top: 20px;
}

#more_product{
    display: none;
    width: 240px;
    height: auto;
    position: absolute;
    top: 100%;
    background: #303030;
    z-index: 999;
}

.more_product_item{
    /*font-size: 12px;*/
    /*display: none;*/
    height: 240px;
    /*width: 210px;*/
}
.more_product_item a{
    width: 240px !important;
    height: 40px !important;
    cursor: pointer !important;
    display: block;
    line-height: 40px !important;
    color: white !important;
    white-space: nowrap;      /*超出的空白区域不换行*/
    overflow: hidden;         /*超出隐藏*/
    text-overflow: ellipsis;  /*文本超出显示省略号*/
}
.more_product_item span{
    width: 240px !important;
    height: 40px !important;
    cursor: default !important;
    display: block;
    line-height: 40px !important;
    color: white !important;
    white-space: nowrap;      /*超出的空白区域不换行*/
    overflow: hidden;         /*超出隐藏*/
    text-overflow: ellipsis;  /*文本超出显示省略号*/
}

.more_product_item a:hover, .more_product_item span:hover{
    color: #ffaa33 !important;
}

.more_product_items{
    display: none;
    width: 240px;
    height: auto;
    position: absolute;
    top: 0;
    left: 100%;
    background: #e64545;
}

.more_product_items a{
    width: 240px;
    height: 40px;
}

#supplier_notlike{
    width: 15px;
    float: left;
    cursor: pointer;
}

/*
	supplier
*/


/*
	supplier_product
*/
.supplier_product_show{
    width: 1397px;
    height: auto;
    margin: auto;
}
.supplier_product_cate{
    width: 240px;
    height: auto;
    float: left;

}
.supplier_cate_box{
    width: 240px;
    height: auto;
    border-top: 4px solid #1E71CE;
    padding-bottom: 16px;
}
.supplier_cate_title{
    font-size: 18px;
    display: inline-block;
    width: 100%;
    height: 50px;
}
.supplier_cate_box{
    background: white;
    margin-bottom: 40px;
}
.supplier_cate_ul{
    margin-left: 23px;
    width: 180px;
    height: auto;

}
.supplier_cate_ul li{
    width: 100%;
    height: auto;
}
.supplier_cate_ul li>a{
    cursor: default;
}
.supplier_cate_ul li a,.supplier_cate_ul li>span{
    width: 100%;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.supplier_cate_ul li>span{
    cursor: pointer;
}
.supplier_cate_ul li span i{
    float: right;
    line-height: 40px;
    display: inline-block;
    font-size: 18px;
}
.supplier_more_cate{
    display: none;
}
.supplier_product_box{
    float: left;
    margin-left: 46px;
    width: 1111px;
    height: auto;
}
.supplier_product_box .grid-item{
    float: left;
    width: 265px;
    height: auto;
    background: white;
    margin-right: 17px;
    margin-bottom: 40px;
}
.supplier_product_box .grid-item:nth-child(4n){
    margin-right: auto;
}
.supplier_product_box .grid-item img{
    width: 250px;
    height: 250px;
    display: block;
    margin: auto;
    margin-top: 15px;
}
.supplier_product_name{
    width: 202px;
    display: block;
    margin: auto;
    margin-top: 10px;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
}
.supplier_product_operate{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}
.supplier_product_contact{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #424243;
    border-radius: 50px;
    text-align: center;
    margin-left: 32px;
    float: left;
    cursor: default;
}
.supplier_product_contact:hover{
    color: #1E71CE;
    border: 1px solid #1E71CE;
}
.supplier_product_basket{
    color: #424243;
    font-size: 20px;
    margin-right: 20px;
    float: right;
}
.supplier_product_basket:hover{
    color: #FF5555;
}
.supplier_product_page{
    float: right;
    margin-bottom: 40px;
}
.supplier_about_img{
    width: 1400px;
    height: 388px;
    margin: auto;
    margin-bottom: 42px;
    background: skyblue;
}
.supplier_about_img img{
    width: 100%;
    height: 100%;
}
.supplier_about_profile{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 45px;
}
.supplier_profile_title{
    font-size: 18px;
}
.supplier_profile_box{
    width: 1360px;
    height: auto;
    background: white;
    padding: 20px;
    margin-top: 20px;
}
.supplier_about_detail{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 45px;
}
.supplier_detail_title{
    font-size: 18px;
}
.supplier_detail_box{
    width: 1360px;
    padding: 20px;
    height: auto;
    background: white;
    margin-top: 20px;
}
.supplier_detail_ul li{
    float: left;
    width: 600px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.supplier_detail_ul li i{
    color: #e8e5df;
}
.supplier_about_show{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 45px;
}
.supplier_show_title{
    font-size: 18px;
}
.supplier_show_box{
    width: 1360px;
    padding: 20px;
    height: auto;
    margin-top: 20px;
    background: white;
}
.supplier_show_box .swiper-container {
    width: 100%;
    height: 300px;
    /*margin: 20px auto;*/
}

.supplier_show_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 60%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}
.supplier_show_box .swiper-slide:nth-child(2n) {
    width: 40%;
}
.supplier_show_box .swiper-slide:nth-child(3n) {
    width: 20%;
}
.supplier_show_img{
    width: 100%;
    height: 100%;
    display: block;
}
.supplier_contact_img{
    width: 1400px;
    height: 388px;
    margin: auto;
    margin-bottom: 35px;
    background: white;
}
.supplier_contact_img img{
    width: 100%;
    height: 100%;
}
.supplier_contact_detail{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 33px;
}
.supplier_contact_box{
    margin: auto;
    margin-top: 20px;
    width: 1360px;
    padding: 20px;
    background: white;
}
.supplier_contact_ul{
    width: 1316px;
    height: auto;
    margin-left: 44px;
}
.supplier_contact_ul li{
    width: 658px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    cursor: default;
    font-size: 18px;
}
.supplier_contact_left{
    color: #797979;
}
.supplier_contact_map{
    width: 1400px;
    height: auto;
    margin: auto;
    margin-bottom: 49px;
}
.supplier_map_title{
    font-size: 18px;
}
.supplier_map_box{
    width: 1400px;
    height: 320px;
    background: white;
    margin-top: 20px;
}
/*
	supplier_product
 */


/*
	goods.html
*/




#goods_main {
    width: 100%;
    height: auto;
    float: left;
    /*background: white;*/
    /*margin: auto;*/
}

#goods_box{
    width: 1400px;
    height: auto;
    /*float: left;*/
    margin: auto;
    margin-bottom: 120px;
    background: white;
}
#goods_right{
    width: 685px;
    height: auto;
    margin-left: 60px;
    float: left;
}
#goods_title{
    font-size: 22px;
    font-weight: 400;
    cursor: default;
}
#goods_spec{
    width: auto;
    max-height: 340px;
    height: auto;
    margin-top: 37px;
}
#goods_price{
    /*width: auto;*/
    /*height: 140px;*/

}
#goods_price li{
    width: 200px;
    height: 140px;
    text-align: center;
    background: #F8F8F8;
    float: left;
}
.goods_num{
    font-size: 18px;
    color: #797979;
    height: 69px;
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
    line-height: 69px;
    padding: 0px 5px;
    display: block;
    cursor: default;
}
.goods_price{
    width: 100%;
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #424243;
    padding: 0px 5px;
    cursor: default;
}
#goods_spec_box{
    width: 100%;
    height: 180px;
    float: left;
    margin-top: 10px;
}
#goods_spec_ul{
    width: 100%;
    height: 180px;
}
#goods_spec_ul li{
    width: 50%;
    height: 40px;
    line-height: 40px;
    float: left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.goods_desc_key{
    display: block;
    padding: 0px 10px;
    height: 40px;
    float: left;
    text-align: right;
    color: #797979;
    font-size: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.goods_desc_val{
    font-size: 18px;
    display: block;
    float: left;
    height: 40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#goods_operate{
    position: absolute;
    top: 70%;
}
#goods_contact{
    width: 324px;
    height: 64px;
    background: #1E71CE;
    border:1px solid #1E71CE;
    color: white;
    display: inline-block;
    text-align: center;
    line-height: 66px;
    font-size: 18px;
    cursor: default;
}
#goods_contact:hover{
    background: white;
    color: #1E71CE;
    border:1px solid #1E71CE;
    text-decoration: none;
}
#goods_inquiry:hover{
    background: white;
    color: #ff5555;
    border:1px solid #ff5555;
    text-decoration: none;
}
#goods_inquiry{
    background: #ff5555;
    width: 324px;
    height: 64px;
    font-size: 18px;
    display: inline-block;
    border:1px solid #ff5555;
    text-align: center;
    line-height: 66px;
    color: white;
    margin-left: 28px;
    cursor: default;
}
.goods_favorites{
    margin-top: 40px;
    text-align: right;
    width: 30%;
    color: #505B66;
    font-size: 18px;
    cursor: default;
    float: right;
}
.goods_favorites:hover{
    color: #1E71CE;
}
.goods_favorites:hover>i{
    color: red;
}
.goods_favorites i{
    color: #D0D0D0;
    font-size: 20px;
}


#goods_show {
    padding-top: 35px;
    padding-left: 50px;
 	position: relative;
    width: 1350px;
    height: 640px;
}

#goods_viewImg {
	float: left;
    width: 530px;
    height: auto;
	/*background: red;*/
}
#goods_show_view{
    width: 530px;
    height: 530px;
    border: 1px solid #D0D0D0;
}

#goods_img{
	width: 500px;
	height: 500px;
	display: block;
	clear: both;
}
#goods_little_ul{
	margin-top: 10px;
	width: 100%;
	height: 80px;
}
#goods_little_ul li{
	margin-left: 10px;
	float: left;
	width: 65px;
	border:1px solid #e6ecf2;
	height: 65px;
}
.goods_little_active{
	border: 1px solid #1c83e0 !important;
}
.little_img{
	width: 65px;
	height: 65px;
	display: block;
}
#goods_view_little{
    width: 500px;
    height: 100px;
    float: left;
}
.goods_little_img{
    width: 80px;
    height: 80px;
    border: 1px solid #e1dede;
}

#goods_desc,#goods_images{
    margin-top: 40px;
    padding-left:50px;
    width: 1350px;

}
.goods_desc_title{
    font-size: 24px;
}
.goods_desc_box{
    width: 1276px;
    height: auto;
    border-top: 1.5px solid #505B66;
    margin-top: 10px;
    padding: 15px 0px;
    font-size: 14px;
}
#goods_desc_img img{
    width: 500px;
    margin: auto;
    display: block;
}
/*
	goods.html
*/

/*
	contact_now.html
*/

#contact_main{
    width: 1360px;
    height: auto;
    background: white;
    margin: auto;
    margin-top: 20px;
    padding: 20px 20px;
    margin-bottom: 20px;
}
#contact_title{
    font-size: 20px;
}
#contact_shop_img{
    border-radius: 50px;
    display: block;
    width: 30px;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 5px;
}
#contact_shop_name{
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ced3d9;
}
#contact_shop{
    width: 100%;
    height: 160px;
    background: #fffbf9;
    border: 1px solid #ced3d9;
}

#contact_goods_img{
    width: 80px;
    height: 80px;
    display: block;
    margin-left: 10px;
    float: left;
    margin-top: 15px;
}
#contact_shop_name a{
    color: #1470cc;
}
#contact_goods_name{
    display: block;
    margin-top: 25px;
    margin-left: 10px;
    width: 900px;
    float: left;
    color: #1470cc;
}
#contact_goods_name:hover{
    color: #ffaa33;
}

#contact_quantity{
    width: 240px;
    height: 40px;
    background: white;
    border: 1px solid #ced3d9;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    border-radius: 5px;
}

#contact_quantity_input{
    width: 140px;
    height: 40px;
    border: none;
    font-size: 20px;
    padding-left: 5px;
    display: block;
    float: left;
    border-right: 1px dashed #ced3d9;
}
#contact_quantity_input::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

#contact_quantity_input::-moz-placeholder {
    color: #999;
    font-size: 16px;
}

#contact_quantity_input::-ms-input-placeholder {
    color: #999;
    font-size: 16px;
}
#contact_quantity_select {
    border-left: 1px dashed #808080;
    border: none;
    width: 85px;
    display: block;
    float: left;
    height: 40px;
}

#contact_content{
    width: 100%;
    height: 180px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#contact_content_title{
    width: 100%;
    height: 20px;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 16px;
}
#contact_content_area{
    width: 100%;
    height: 140px;
    outline: none;
    padding: 5px;
    border:solid 1px #ced3d9;
}
#contact_email,#contact_check{
    margin-top: 20px;
    display: block;
    width: 100%;
}

#contact_email_title,#contact_check_title{
    width: 100%;
    display: block;
    height: 29px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}
#contact_email_input,#contact_check_input{
    width: 300px;
    border: 1px solid #e1dede;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px;
}
#contact_check_input{
    width: 200px;
    float: left;
    margin-right: 20px;
}

#contact_send_btn{
    width: 240px;
    height: 40px;
    background: #1E71CE;
    color: white;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    border-radius: 5px;
    border: none;
    display: block;
    margin-left: 10px;
    cursor: default;
}

#contact_send_btn:hover{
    color: #1E71CE;
    background: none;
    border: 1px solid #1E71CE;
}

.paging_title{
    line-height: 92px;
    text-indent: 50px;
    height: 80px;
    cursor: default;
    display: inline-block;
    font-weight: normal;
}

/*
	contact_now.html
*/

/*
	inquiry_basket.html
*/
#inquiry_title{
    width: 1400px;
    height: 30px;
    margin: auto;
    line-height: 30px;
}
#inquiry_main{
    width: 1400px;
    height: auto;
    background: white;
    /*border: 1px solid #e6e6e6;*/
    margin: auto;
    margin-bottom: 20px;
}

.inquiry_operate{
     width: 1380px;
     height: 50px;
    margin: auto;
    line-height: 50px;
    /*border-bottom:1px solid #ccc2c2;*/
}

.inquiry_operate_check{
    position: relative;
    width: 120px;
    height: 50px;
    text-align: center;
    display: block;
    float: left;
}
.inquiry_operate_all{
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background-color: white;
    border: 1px solid #1E71CE;
    border-radius: 3px;
    display: block;
    float: left;
    margin-left: 16px;
    margin-top: 16px;
}
.inquiry_operate_all:checked{
    background: #1E71CE;
    background-image: url("../image/check.png");
    background-repeat: no-repeat;
    background-position: center;
}
.inquiry_operate_check:hover{
    color: #1e2e3b;
}
.inquiry_delete{
    cursor: default;
    float: left;
    height: 0;
    display: block;
    text-align: center;
    margin-left: 40px;
    background: red;
}
.inquiry_delete:hover{
    color: #1E71CE;
}

.inquiry_send_btn{
    border: 1px solid #1E71CE;
    width: 120px;
    height: 30px;
    color: #1E71CE;
    background: white;
    float: right;
    display: block;
    margin-right: 20px;
    margin-top: 10px;
}
.inquiry_send_btn:hover{
    border: none;
    background: #1E71CE;
    color: white;
}
#inquiry_main_title{
    padding-left: 10px;
    padding-right: 10px;
    width: 1380px;
    height: 42px;
    line-height: 42px;
    border-top: #e6e6e6 solid 1px;
    border-bottom: #e6e6e6 solid 1px;
    font-size: 16px;
    margin: auto;
}
#inquiry_product_img{
    text-indent: 50px;
    width: 185px;
    height: 180px;
    display: block;
    float: left;
    cursor: default;
}
#inquiry_product_name{
    width: 500px;
    height: 42px;
    display: block;
    float: left;
    cursor: default;
}
#inquiry_product_company{
    width: 490px;
    height: 42px;
    display: block;
    float: left;
    cursor: default;
}
#inquiry_product_time{
    width: 149px;
    height: 42px;
    display: block;
    float: left;
    cursor: default;
}

#inquiry_main_content{
    width: 1380px;
    margin: auto;
    height: auto;
}
.inquiry_main_item{
    padding-top: 15px;
    padding-bottom: 15px;
    height: 120px;
    width: 1400px;
    border-bottom: 1px solid #e6e6e6;
}
.inquiry_item_check{
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background-color: white;
    border: 1px solid #1E71CE;
    border-radius: 3px;
    display: block;
    float: left;
    margin-left: 16px;
    margin-top: 16px;
}
.inquiry_item_check:checked{
    background: #1E71CE;
    background-image: url("../image/check.png");
    background-repeat: no-repeat;
    background-position: center;
}

.inquiry_item_img{
    display: block;
    width: 125px;
    float: left;
    height: 125px;
    margin-left: 20px;
}
.inquiry_item_product{
    float: left;
    margin-left: 70px;
    width: 400px;
    height: 120px;
    position: relative;
}
.inquiry_item_company{
    float: left;
    height: 120px;
    width: 420px;
    margin-left: 40px;
    word-wrap:break-word;
}
.inquiry_item_time{
    width: 150px;
    height: 20px;
    float: left;
}
.inquiry_item_product_name a{
    width: 400px;
    color: #4b88d3;
    font-size: 16px;
    height: auto;
    display: block;
    word-wrap:break-word;
}
.inquiry_item_company a{
    color: #4b88d3;
}
.inquiry_item_operate{
    width: 400px;
    height: 40px;
    position: absolute;
    bottom: 0;
}
.inquiry_item_send,.inquiry_item_del{
    line-height: 40px;
    display: block;
    float: left;
}
.inquiry_item_del{
    margin-left: 20px;
}
.inquiry_item_send:hover{
    color: #1E71CE;
}
.inquiry_item_del:hover{
    color: #e64545;
}
.inquiry_item_time{
    display: block;
    width: 150px;
    height: 120px;
    margin-left: 65px;
}
/*
	inquiry_basket.html
*/

/*
right_air
*/
#right_air{
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    top: 140px;
    border-radius: 5px;
    right: 0;
    width: 80px;
    height: auto;
    display: none;
    background: white;
    box-shadow: 2px 2px 12px 2px #999;
    z-index: 999;
    /*border: 1px solid #e1dede;*/
    /*border-right: none;*/
}
#air_user,#air_inquiry,#air_contact,#air_chat{
    width: 80px;
    height: auto;
    position: relative;
    text-align: center;
}
#show_air_user{
    width: 80px;
    height: 120px;
    background: white;
    color: black;
    display: none;
}
#show_air_user a{
    font-size: 14px;
    color: black !important;
}
#show_air_user a:hover{
    background: #ffaa33;
    color: white !important;
}

#air_user a{
    cursor: default;
    color: #75a3d8;
    display: block;
    width: 80px;
    height: 60px;
    overflow: hidden;
    line-height: 70px;
}
#air_user a:hover{
    color: #ffaa33;
}

#user_num{
    width: 15px;
    height: 15px;
    border-radius: 10px;
    display: none;
    position: absolute;
    line-height: 15px;
    top: 20px;
    right: 10px;
    font-size: 12px;
    background: slategray;
    color: white;
}

#air_inquiry a{
    cursor: default;
    line-height: 70px;
    color: #ffaa33;
    display: block;
    width: 80px;
    position: relative;
    height: 60px;
}

#air_inquiry a:hover{
    color: #75a3d8;
}

#air_contact a{
    cursor: default;
    line-height: 70px;
    color: #71c7d6;
    display: block;
    width: 80px;
    height: 60px;
}
#air_contact a:hover{
    color: #97bae4;
}
#air_chat a{
    cursor: default;
    line-height: 70px;
    color: #97bae4;
    display: block;
    width: 80px;
    height: 60px;
}
#air_chat a:hover{
    color: #71c7d6;
}
/*
right_air
*/
/*
supplier_about us
*/
#supplier_about_main{
    width: 1400px;
    height: auto;
    margin: auto;
}
#supplier_about_nav{
    width: 250px;
    height: auto;
    background: white;
    border:1px solid #e1dede;
    float: left;
}
#supplier_about_ul{
    border: 1px solid #e6e6e6;
}

#supplier_about_ul li{
    width: 230px;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
}

#supplier_about_ul li a{
    cursor: default;
    width: 230px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#supplier_about_ul li a:hover{
    color: #ffaa33;
}
.supplier_about_choice{
    color: #ffaa33;
}

#supplier_about_rigth{
    margin-left: 20px;
    width: 1070px;
    height: auto;
    float: left;
}
#supplier_company_profile{
    padding: 20px;
    background: white;
    /*padding-left: 20px;*/
}
.supplier_about_title{
    width: 100%;
    font-size: 22px;
    margin-bottom: 10px;
}
#supplier_company_img{
    width: 360px;
    height: 245px;
    display: block;
    float: left;
}
#supplier_company_info{
    float: left;
    margin-left: 20px;
    width: 650px;
    height: auto;
}
#supplier_company_desc{
    width: 100%;
    float: left;

}

#supplier_trade_capacity{
    margin-top: 20px;
    padding: 20px;
    height: auto;
    background: white;
}

.supplier_trade_line{
    width: 100%;
    height: 30px;
}
.supplier_trade_cap{
    width: 300px;
    height: 30px;
    float: left;
    font-size: 12px;
    line-height: 30px;
}
.supplier_trade_data{
    margin-left: 10px;
    width: 680px;
    float: left;
    height: 30px;
    line-height: 30px;
}
#supplier_production_capacity{
    padding: 20px;
    background: white;
    margin-top: 20px;
    margin-bottom: 20px;
}
#supplier_company_show{
    margin-top: 20px;
    padding: 20px;
    background: white;
}
#supplier_show_banner{
    width: 1000px;
    height: 400px;
}
.supplier_poster_box {
    overflow: hidden;
    margin: 30px 20px
}

.supplier_poster-main {
    position: relative;
    width: 100%;
    height: 340px!important;
    margin-left: auto;
    margin-right: auto;
}
.supplier_poster-main img {
    display: block;
    box-shadow: 0px 0px 10px #222222;
    -webkit-box-shadow: 0px 0px 10px #222222;
}

.supplier_poster-main a, .supplier_poster-main img {
    display: block;
    width: 100%;
    height: 100%;
}
.supplier_poster-main img {}
.supplier_poster-main .supplier_poster-list {
    width: 1000px;
    height: 500px;
}
.supplier_poster-main .supplier_poster-list .supplier_poster-item {
    width: 200px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
}
.supplier_poster-main .supplier_poster-list .supplier_poster-item .supplier_item {
    position: relative;
    width: 100%;
    height: 100%
}
.supplier_poster-main .supplier_poster-btn {
    position: absolute;
    top: -25%;
    cursor: pointer;
    filter: opacity(.5) brightness(1);
}
.supplier_poster-main .supplier_poster-btn:hover {
    filter: opacity(1) brightness(2);
}
.supplier_poster-main .supplier_poster-prev-btn {
    left: 0;
    background: url(../image/left.png) no-repeat center center;
}
.supplier_poster-main .supplier_poster-next-btn {
    right: 0;
    background: url(../image/right.png) no-repeat center center;
}
.supplier_poster-item-title {
    background:rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=80); background:#2a2a2a;
    color: #FFF;
    width: 100%;
    height: 52px;
    line-height: 52px;
    position: absolute;
    bottom: 0;
    text-indent: 29px
}
.supplier_lunbo_btn {
    height: 15px;
    width: 100%;
    margin: 0px auto;
    position: absolute;
    z-index: 3;
    text-align: center; bottom: 2px
}
.supplier_lunbo_btn li {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: #b4b5b7;
    border-radius: 50%;
    margin: 0px 2px;
    cursor: pointer;
}
.supplier_lunbo_btn li.supplier_poster-btn-active {
    background-color: #ffaa33;
}

.supplier_show_more{
    background: white;
    width: 1050px;
    height: 250px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
}
.supplier_more_title{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dae0e6;
}
.supplier_more_main{
    width: 100%;
    height: 200px;
    margin-top: 20px;
}
/*
supplier_about us
*/

/*
supplier_contact us
*/

.show_cantact_img{
    width: 80px;
    height: 80px;
    display: block;
    float: left;
}
.show_cantact_name{
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    line-height: 80px;
    margin-left: 10px;
}

#supplier_contact_details{
    padding: 20px;
    width: 1360px;
    height: 330px;
    margin: auto;
    background: white;
}
.supplier_contact_title{
    width: 100%;
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
}
#supplier_contact_main{
    width: 100%;
}
#supplier_contact_left{
    float: left;
    width: 800px;
    height: auto;
}
.supplier_contact_line {
    width: 100%;
    height: auto;
    clear: both;
}
.supplier_contact_cap{
    color: #808080;
    width: 160px;
    height: 30px;
    line-height: 30px;
    float: left;
}
.supplier_contact_data{
    font-size: 14px;
    width: 600px;
    height: 30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 30px;
    float: left;
}

.supplier_company_data{
    width: 900px;
}

#supplier_contact_right{
    width: 520px;
    height: 320px;
    float: left;
    margin-top: -40px;
    margin-left: 40px;
}
#supplier_contact_send{
    width: 1360px;
    height: auto;
    margin: auto;
    background: white;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 20px;
}

/*
supplier_contact us
*/
/*
 post_request
*/
#post_main{
    padding: 20px;
    width: 1360px;
    margin: auto;
    height: auto;
    margin-top: 20px;
    background: white;
}
.post_title{
    font-size: 20px;
    width: 100%;
    display: block;
}
.post_title_tip{
    width: 100%;
    margin-top: 5px;
    display: block;
    font-size: 12px;
    color: #a7a7a7;
}
.post_main_line{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.post_main_cap{
    width: 100%;
    display: block;
    cursor: default;
}
.post_main_data{
    margin-top: 5px;
    width: 1200px;
}
#post_main_upload{
    position: relative;
    background: #fffbf9;
    border-bottom: 1px solid #ced3d9;
    border-left: 1px solid #ced3d9;
    border-right: 1px solid #ced3d9;
    width: 100%;
    height: 37px;
    line-height: 37px;
    text-indent: 10px;
    color: #ff6600;
    font-size: 12px;
}
#post_main_file{
    position: absolute;
    left: 15px;
    opacity: 0;
    z-index: 999;
    width: 170px;
    top: 5px;
    cursor: pointer;
}

#post_upload_tip{
    display: none;
    color: black;
    width: 250px;
    height: 135px;
    padding: 5px;
    background: #faf7f5;
    position: absolute;
    top: 5px;
    left: 220px;
    border: 1px solid #f29c45;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #999;
    line-height: 20px;
    text-align: left;
    white-space:normal;
    word-break:break-all;
    text-indent: 6px;
    font-size: 12px;
}


#post_filter_supplier{
    margin-top: 20px;
    font-size: 20px;
    width: 1200px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e1dede;
    cursor: pointer;
}
#post_filter_arrows{
    float: right;
    cursor: pointer;
}
#post_filter_main{
    width: 1200px;
    height: auto;
}
.post_filter_line{
    width: 1200px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}
.post_filter_cap{
    width: 100%;
    /*height: ;*/
    font-size: 16px;
    margin-bottom: 10px;
}

#post_submit{
    width: 135px;
    height: 40px;
}

#post_sub{
    border: none;
    width: 135px;
    height: 40px;
    background: #ffaa33;
    color: white;
    border-radius: 5px;
    margin-top: 20px;
    display: block;
}

#post_sub:hover{
    background: none;
    border: 1px solid #ffaa33;
    color: #ffaa33;
}
/*
 post_request
*/
/*
user_login
*/
.box{
    width: 1200px;
    height: 700px;
    background: url('/image/login_two.png');
    margin: auto;
    padding-top: 60px;
    padding-left: 188px;
    box-sizing: border-box;
    margin-top: 3%;
}

.lognav {
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 32px;
    width: 800px;
    /*font-weight: bold;*/
}
#user_login_left{
    width: 410px;
}
.user_login_logo{
    margin-right: 30px;
    float: left;
    width: 240px;
}
.logmain{
    height: 400px;
    background: #fff;
    display: flex;
    width: 800px;
    margin-bottom: 34px;
}
.logmain-back{
    height: 400px;
    background: url('/image/bg_3.png');
    width: 400px;
}
.logmain-log{
    height: 400px;
    box-sizing: border-box;
    padding: 20px 30px 0 30px;
    width: 400px;
    font-size: 14px;
}
#logmain-title{
    height: 40px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #1E71CE;
    margin-bottom: 30px;
    font-size: 20px;
    cursor: default;
}
#user_box,#pass_box{
    width: 340px;
    height: 40px;
    /*background: red;*/
    line-height: 40px;
    border: 1px solid #e1dede;
}
#user_box i,#pass_box i{
    color: #1E71CE;
    font-size: 18px;
    /*float: left;*/
    margin-left: 10px;
}
#user_box input,#pass_box input{
    float: right;
    width: 310px;
    border: none;
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
}
#login_btn{
    margin-top: 30px;
    width: 340px;
    height: 42px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 15px;
    background-color: #1E71CE;
    border: 0;
    outline: none;
}

#login_btn:hover{
    background: none;
    border: 1px solid #1E71CE;
    color: #1E71CE;
}
#tip_box{
    width: 100%;
    height: 20px;
    margin-top: 8px;
}
#tip_left{
    width: 150px;
    height: 20px;
    float: left;
}
#tip_left span{
    font-size: 12px;
    cursor: default;
}
#remember_box{
    -webkit-appearance:none;
    appearance: none;
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    border: 1px solid #1E71CE
}
#remember_box:checked
{
    background: #1E71CE;
    background-image: url("../image/check.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}

#tip_right{
    width: 140px;
    height: 20px;
    float: right;
    text-align: right;
    font-size: 14px;
}

#tip_right a{
    color: #1E71CE;
    font-size: 14px;
}

.logfoot{
    width: 800px;
    text-align: center;
    font-size: 14px;
}
.logfoot a{
    color: #666666;

}
.logfoot p{
    width: 416px;
    margin: auto;
    display: flex;
    color: #666666;
}
.logfoot p:nth-child(1){
    justify-content: space-around;
    align-items: center;
    margin-bottom: 27px;
}
.logfoot p:nth-child(2){
    justify-content: space-around;
    align-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    margin-bottom: 14px;
}
#tips_register{
    margin-top: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
}
/*
user_login
*/


/*
user_register
*/
#reg_main{
    width: 800px;
    padding-left: 200px;
    padding-right: 200px;
    height: 880px;
    margin: auto;
    margin-top: 83px;
    background-image: url("/image/reg_two.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
#reg_top{
    width: 100%;
    height: 75px;
    /*background:red;*/
    padding-top: 50px;
}
#reg_link{
    width: 218px;
    height: 43px;
    display: block;
    float: left;
}
#reg_logo{
    width: 218px;
    height: 43px;
}
#reg_login{
    float: right;
    width: auto;
    height: 40px;
    line-height: 40px;
    display: block;
    /*margin-top: 20px;*/
}
#reg_form{
    width: 100%;
    height: 630px;
    background: white;
    margin-bottom: 20px;
}
#reg_form_title{
    text-align: center;
    padding-top: 30px;
    cursor: default;
}
.reg_form_line{
    width: 100%;
    height: 42px;
    margin-bottom: 10px;
}
.reg_form_cap{
    width: 25%;
    line-height: 40px;
    float: left;
}
.reg_form_data{
    float: left;
    width: 72%;
}
.select2-container{
    width: 100% !important;
}
#personal_center .select2-container{
    width: 400px !important;
}
.reg_form_line a{
    color: blue;
}
#reg_bottom{
    width: 100%;
    height: 120px;
}
#reg_bottom_one{
    text-align: center;
}
#reg_bottom_two{
    margin-top: 20px;
    text-align: center;
}
#reg_bottom_three{
    margin-top: 10px;
    text-align: center;
    cursor: default;
}
#user_agreement{
    -webkit-appearance:none;
    appearance: none;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #1E71CE;
}
#user_agreement:checked
{
    background: #1E71CE;
    background-image: url("../image/check.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}

/*
user_register
*/

/*
forget password
*/
#forget_main{
    width: 1400px;
    height: 500px;
    margin:auto;
    background: white;
}
#forget_show{
    width: 1070px;
    height: 340px;
    margin: auto;
    border: 1px solid #E6ECF2;
    margin-top: 20px;
    padding-top: 20px;
}
.forget_title{
    width: 85%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    cursor: default;
}
.forget_line{
    width: 70%;
    height: 40px;
    margin: auto;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
    /*background: red;*/
}
.forget_cap{
    width: 160px;
    height: 40px;
    float: left;
    text-align: right;
    margin-right: 10px;
    cursor: default;
}
.forget_data{
    width: 400px;
    height: 40px;
    background: springgreen;
    float: left;
    margin-right: 20px;
}
#go_one,#go_two{
    width: 300px;
    height: 40px;
    background: #1E71CE;
    border: none;
    color: white;
    margin-top: 10px;
    border-radius: 20px;
    cursor: default;
    display: inline-block;
}
#go_one:hover,#go_two:hover{
    background: none;
    border: 1px solid #1E71CE;
    color: #1E71CE;
}
#get_code{
    width: 140px;
    height: 40px;
    font-size: 12px;
    display: inline-block;
    border: none;
    background: #1E71CE;
    color: white;
    border-radius: 5px;
}
#get_code:hover{
    color: #1E71CE;
    background: none;
    border: 1px solid #1E71CE;
}
#two_main,#three_main{
    display: none;
}
#forget_login{
    width: 320px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    border: 1px solid #1E71CE;
    color: #1E71CE;
    display: inline-block;
    margin-top: 10px;
    border-radius: 10px;
}
#forget_login:hover{
    border: none;
    color: white;
    background: #1E71CE;
}

#supplier_home_box{
    width: 1400px;
    height: auto;
    margin: auto;
}
/*
forget password
*/

/*
categories
*/
#main {
    margin: 0 auto;
    width: 1392px;
    margin-bottom: 20px;
    /*padding-top: 20px;*/
    /*border: solid 1px #dccaca;*/
    height: auto;
}
#categories_main {
    width: 250px;
    height: 482px;
    /*max-height: 482px;*/
    background: #ffffff;
    float: left;
    position: relative;
}
#categories_one{
    border-radius: 3px 3px 0px 0px;
    background: #1E71CE;
    color: white;
    width: 100%;
    height: 44px;
    position: absolute;
    top: -44px;
    line-height: 44px;
    font-size: 22px;
    text-indent: 17px;
    user-select: none;
    -webkit-user-select: none;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
#categories_ul{
    width: 250px;
    height: auto;
}
#main_category::-webkit-scrollbar {
    width:8px;
    height:8px;
}
/*滚动条里面小方块样式*/
#main_category::-webkit-scrollbar-thumb {
    border-radius:100px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#eff6ff;
}
/*滚动条里面轨道样式*/
#main_category::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 5px rgba(255, 255, 255);
    border-radius:0;
    background:rgba(255, 255, 255);

}

#categories_ul li a{
    width: 233px;
    /*text-indent: 17px;*/
    color: #505B66;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 17px;
    cursor: default;
    font-size: 16px;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}
#categories_ul li a:hover{
    background: #1E71CE;
    color: white;
}
.categories_active{
    background: #1E71CE;
    color: white !important;
}

#main_category{
    padding-left: 28px;
    padding-top: 21px;
    width: 1082px;
    height: 443px;
    float: left;
    background: #ffffff;
    margin-left: 20px;
    margin-top: 18px;
    overflow-y: auto;
}
#three_ul{
    overflow: hidden;
}
#three_ul li{
    float: left;
}
#three_ul li a{
    display: inline-block;
    font-size: 16px;
    width: 188px;
    height: 40px;
    line-height: 40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
#three_ul li a i{
    color: #BDBDBD;
}
#category_guess{
    width: 1393px;
    height: 400px;
    margin: auto;
    margin-bottom: 40px;
}
.category_guess_title{
    font-size: 24px;
}
.category_guess_body{
    width: 100%;
    height: auto;
    margin-top: 18px;
}
.category_guess_body .grid-item{
    float: left;
    width: 265px;
    height: auto;
    background: white;
    margin-right: 17px;
    margin-bottom: 40px;
}
.category_guess_body .grid-item:nth-child(5n){
    margin-right: auto;
}
.category_guess_body .grid-item img{
    width: 250px;
    height: 250px;
    display: block;
    margin: auto;
    margin-top: 15px;
}
.category_guess_name{
    width: 202px;
    display: block;
    margin: auto;
    margin-top: 10px;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
}
.category_guess_operate{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}
.category_guess_contact{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #424243;
    border-radius: 50px;
    text-align: center;
    margin-left: 32px;
    float: left;
    cursor: default;
}
.category_guess_contact:hover{
    color: #1E71CE;
    border: 1px solid #1E71CE;
}
.category_guess_basket{
    color: #424243;
    font-size: 20px;
    margin-left: 60px;
    float: left;
}
.category_guess_basket:hover{
    color: #FF5555;
}
/*
categories
*/

#search_product_show{
    width: 1400px;
    height: auto;
    margin: auto;
}
#search_product_page{
    width: 100%;
    margin: auto;
    text-align: center;
    height: 72px;
}
#search_product_none{
    width: 1400px;
    height: 320px;
    padding-top: 80px;
    margin: auto;
    background: white;
    margin-bottom: 40px;
}
#search_product_none span{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 24px;
    color: #6a6a6a;
    text-align: center;
    cursor: default;
}
#search_product_none a{
    display: block;
    width: 100%;
    text-align: center;
    color: #1c83e0;
    cursor: pointer;
}
a:focus, a:hover{
    text-decoration: none !important;
}