/* * @Author: lihenghong  * @Date: 2020-04-22 10:33:54  * @Page Name: lihenghong  Newpage*/

.member-card {
    background: linear-gradient( 180deg, #007DEE 0%, #3AB0FF 100%);
    color: #fff;
    padding: 12px;
    margin: 12px 0 2px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

#footer .bg-dark {
    margin-top: 12px;
}

.lunboBox {
    position: relative;
}

.conversion_box {
    /* height: 194px; */
    background-color: #fff;
    padding: 12px 20px 10px 20px;
    box-sizing: border-box;
}

.mar-b8 {
    margin-bottom: 8px;
}

.user-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(https://www.buildmost.cn/images/user-65d10ff6258980df96026fca936b4a4f.png) no-repeat;
  }
  
.conversion_row {
    position: relative;
}

.conversion_title {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: bold;
}

.conversion_title .iconfont {
    float: right;
    font-size: 50px;
    color: #007DEE;
}

.amountinp .amountval {
    width: 120px;
}

.amountinp {
    margin-top: 36px;
}

.selectbox .w120,
.selectbox .sp_container,
.sp_result_area {
    width: 100px !important;
}

.cutbox {
    width: 30px;
    height: 30px;
    border: 1px solid #C8C8C8;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer;
    color: #007DEE;
}

.cutbox:hover {
    border-color: #999999;
}

.cutbox:active {
    color: #0D7DEC;
    border-color: #0D7DEC;
}

.Convertbtn {
    width: 120px;
}

.updatetime {
    font-size: 12px;
    color: #AAAAAA;
    text-align: right;
}

.postreqbox {
    height: 100%;
    cursor: pointer;
    position: relative;
    /* background: linear-gradient(225deg, #0099FF 0%, #007DEE 100%); */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background: url('https://www.buildmost.cn/images/new-icon/post-requirement-bg-15a0d4c59d7f7c3d0d61180ebb1b4fb7.png') no-repeat;
}

.conversion_content {
    margin-bottom: 6px;
}
.quick-publish-requiment {
    padding: 30px 12px;
}

.postreqbox .bannerimg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.postreqbox .banner_text {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.postreqbox .banner_btn {
    height: 30px;
    line-height: 30px;
    width: 120px;
    background: #007DEE;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 60px);
    font-size: 16px;
}

.inquiryFloor {
    height: 100px;
    background: #fff;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.inquiryHeadText {
    /* margin: 12px; */
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    /* border-left: 3px solid #007DEE; */
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

.inquiryContent {
    border-top: 1px solid #EEEEEE;
    font-size: 14px;
    height: 55px;
    position: relative;
    overflow: hidden;
}

.inquiryContent ul li {
    clear: none;
    overflow: hidden;
    margin-top: 12px;
}

.inquiryContent ul li:first-child {
    margin-top: 0;
}

.inquiryContent_Dot {
    float: left;
    width: 5px;
    height: 5px;
    background: rgba(0, 125, 238, 1);
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 3px;
}

.inquiryContent_cont {
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inquiryContent_country {
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    float: left;
}

.inquiryContent_country span {
    vertical-align: middle;
    margin-left: 5px;
}

.inquiryContent_country img {
    width: 17px;
    height: 12px;
}

.inquiryContent_date {
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    float: right;
}

.inquiryContent_rowUp {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
}

.title_row {
    margin: 10px 0 6px;
    /* font-size: 30px; */
    font-size: 24px;
    font-weight: bold;
    line-height: 25px;
    /* height: 25px; */
}
.title_row.mar-b15 {
    margin-bottom: 12px;
}
.title_row.mar-t10 {
    margin-top: 10px;
}

.req_title {
    height: 32px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    background: #fff;
    padding-right: 12px;
    border-bottom: 1px solid #eee;
}

.req_title .viewmore {
    color: #0D7DEE;
    font-size: 12px;
    cursor: pointer;
}

.req_row {
    padding: 6px 12px ;
    background: #fff;
    position: relative;
    border: 1px solid #fff;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
    padding-right: 24px;
}

.quote_mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 10, 0.4);
    position: absolute;
    text-align: center;
    line-height: 100%;
    display: none;
    z-index: 99;
}

.mask_quotebtn {
    margin-top: 30px;
}

.req_row .req_info_title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.req_row .req_info_detail {
    font-size: 12px;
    color: #999999;
}

.req_info_flag {
    min-height: 1px;
}

.req_info_flag img {
    width: 21px;
    height: 14px;
    margin-right: 10px;
}

.req_info_flag span {
    font-size: 12px;
}

.req_info_option .iconfont {
    margin-right: 5px;
}

.req_box {
    overflow-y: auto;
}

.Arrivals_box {
    margin-bottom: 10px;
    height: 255px;
}

.Arrivals_img_box {
    width: 100%;
    height: 174px;
    text-align: center;
    line-height: 174px;
    font-size: 0;
    overflow: hidden;
}

.Arrivals_content {
    padding: 12px 6px;
}

.Arrivals_title,
.recommended_title {
    font-size: 14px;
    color: #666666;
    line-height: 17px;
    margin: 10px 0;
    height: 34px
}


.Arrivals_price,
.recommended_price {
    color: #999999;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
}

.recommended_img_box {
    max-width: 100%;
    height: 228px;
    line-height: 228px;
    text-align: center;
    overflow: hidden;
}

.sup_img_box {
    max-width: 100%;
    height: 256px;
    line-height: 256px;
    text-align: center;
    overflow: hidden;
}

.recommendedsup_content {
    height: 310px;
}

.recommendedsup_content2 {
    height: 332px;
}

.sup_img_box {
    position: relative;
}

.sup_img_box img,
.recommended_img_box img {
    max-width: 100%;
    max-height: 100%;
    top: -2px;
}

.sup_img_box img {
    width: 100%;
    height: 100%;
    top: -2px;
}

.sup_comp_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 49px;
    background: #fff;
}

.w100pc {
    width: 100%;
    box-sizing: border-box;
}


.line-height-12 {
    line-height: 12px;
}



.newsimgbox {
    height: 281px;
    position: relative;

}

.newmask {
    position: absolute;
    padding: 12px;
    color: #fff;
    box-sizing: border-box;
    min-height: 68px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    bottom: 0;
}

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

.imgtest_l {
    width: 100%;
    height: 354px;
}

.imghref {
    margin-bottom: 12px;
}

.newsleft {
    width: 61%;
    background: #fff;
    padding: 12px 6px 0;
    box-sizing: border-box;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.newsbox {
    background: #fff;
    width: 50%;
    float: left;
    padding: 0 6px;
    box-sizing: border-box;
}

.newright {
    width: 39%;
    background: #fff;
    padding: 12px 12px 0;
    float: left;
    box-sizing: border-box;
}

.r_newBaner {
    max-width: 100%;
    max-height: 100%;
}

.r_newsbox .r_news_info {
    width: 100%;
}

.r_newsbox .ellipsis2 {
    min-height: 23px;
    width: 100%;
    height: 35px;
}

.bm_news_tag {
    height: 20px;
    border: 1px solid #0079EE;
    margin-right: 24px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #0079EE;
    padding: 0 5px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
}

.bm_news_tag:hover {
    color: #fff;
    background: #0079EE;
}

.datebox .iconfont {
    margin-right: 7px;
    margin-top: -1;
}

.mask_title {
    margin-bottom: 7px;
}

.mask_info .bm_news_tag {
    color: #fff;
    border-color: #fff;
}

.mask_info .bm_news_tag:hover {
    border-color: #0079EE;
}



.prdclass span:hover {
    color: #006CDB;
}

.hover_text {
    color: #349fff !important;
}

.prdclass span {
    border-right: 1px solid #999;
    padding-right: 10px;
    line-height: 15px;
    display: inline-block;
    cursor: pointer;
    /* font-size: 16px; */
    font-size: 14px;
    font-weight: 400;
}

.prdclass .selecteds {
    color: #006CDB;
}

.fenleisp:last-of-type {
    border: none;
}

.bm_shadow:hover {
    /* box-shadow: 0px 4px 14px 7px rgba(177, 177, 177, 0.55); */
    box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);
}

.change_arrow {
    position: absolute;
    width: 30px;
    height: 70px;
    background: rgba(0, 0, 0, 0.6);
    line-height: 70px;
    text-align: center;
    top: 60%;
    margin-top: -80px;
}

.c_left {
    left: 0;
    margin-left: 6px;
}
.new-product-box .c_left {
    left: 10px;
}

.c_right {
    right: 0;
    margin-right: 6px;
}
.brand-type{
    width: 14px;
    height: 14px;
    margin: 0 5px;
}
.shenWen {
    width: 12px;
    height: 12px;
    position: relative;
}
.shenWen img {
    width: 12px;
    height: 12px;
}
.opus_page[dire=left] {
    margin-left: 10px; 
}

.opus_page[dire=right] {
    margin-right: 10px; 
}

.change_arrow .iconfont {
    font-size: 28px;
    color: #fff;
    cursor: pointer;
}


.r_newBanerbox {
    width: 129px;
    height: 82px;
    text-align: center;
    line-height: 81px;
    margin-right: 12px;
}

.mar_b-10 {
    margin-bottom: -10px !important;
}

.w65 {
    width: 65%;
}

.carouselrow {
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
}

.MainProductsrow {
    width: 70%;
    vertical-align: sub;
}

.recommended_box {
    height: 100%;
}

.supplier_flag {
    width: 70px;
    line-height: 15px;
}

.supplier_flag img {
    vertical-align: initial;
}

.news_lb {
    width: 496px;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 12px;
}

.news_rb {
    width: 992px;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 12px;
}

.news_rb_lb {
    width: 50%;
    padding-right: 24px;
    box-sizing: border-box;
    float: left;
}

.new_imgbox_l:last-child {
    margin-bottom: 0;
}

.r_newsbox {
    height: 82px;
}

.news_rb_rb {
    width: 50%;
    padding-left: 12px;
    box-sizing: border-box;
    float: left;
}

.red_vrow {
    width: 12px;
    height: 150px;
    background: #A40000;
    position: absolute;
    right: 0;
    top: 0;
}

.news_rb_rb .r_newsbox:nth-child(1) {
    margin-top: 0;
}

.r_news_info_box {
    width: 65%;
}

.index_main .layui-carousel>*[carousel-item] {
    overflow: inherit;
}


.productClassDetail{
    display: inline-block;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.req_arrorw{
    position: absolute;
    right: 5px;
    top: 15px;
    color: #007DEE;
    font-weight: bold;
    font-size: 20px;
    display: none;
}
.req_row:hover{
    border: 1px solid #0079EE;
}
/* 2021-06-07- 子父级 */
.a_des_work_box, .i_des_work_box, .recprdcontent {
    overflow: hidden;
}
.bm_normal_title {
    margin-bottom: 6px;
    padding-left: 12px;
}

/* 案例设计搜索 */
.work-more-btn {
    display: inline-block;
    padding: 0px 10px;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    border-radius: 16px;
    background-color: #0079EE;
    color: #fff;
    font-size: 14px;
    margin-left: 12px;
    margin-top: 3px;
}

  .mark .mark-info {
    font-size: 12px;
    display: inline-block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
	max-width: 33.3%;
	
  }
  
 .mark .back {
 	padding: 3px 10px;
    background-color: #eee;
    margin-left: 8px;
    height: 16px;
    line-height: 16px;
 }
  
 
.a_des_work_box .bmtitle, .i_des_work_box .bmtitle {
    /* height: 37px; */
    font-weight: bold;
}
.border-radius4 {
    border-radius: 4px;
    overflow: hidden;
}

.mark-info:first-child .back {
	margin-left: 0;
}
.mar-info.project {
    display: block;
}
.mark-info.project .back {
	color: #fff;
    background-color: #0D7DEE;
    margin-left: 0;
}
.mark {
	clear: both;
	width: 100%;
  	overflow: hidden;
    height: 16px;
}

.mark-info.project + .mark-info.project {
    margin-left: 8px;
}
/* 2021-06-26 首页产品分类 翻页优化 */
.new-categories .bmtitle {
    margin: 2px 0 6px 0;
    font-weight: bold;
  }
  .recprdcontent {
    white-space: nowrap;
    overflow-x: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .scroll-content {
    min-height: 288px;
    overflow: hidden;
    position: relative;
  }
  .new-product-card {
    width: 239.3px;
    display: inline-block;
    vertical-align: top;
  }
  .new-product-card + .new-product-card {
    margin-left: 9px;
  }
  #n_pro_left {
    margin-left: 0;
  }
  #n_pro_right {
    margin-right: 0;
    right: 10px;
  }
  .n_pro_list_content {
    overflow: hidden;
    padding: 0 10px;
  }
  
  /* 隐藏横向滚动条 */
  .recprdcontent::-webkit-scrollbar { width: 0 !important }
  .recprdcontent { -ms-overflow-style: none; }
  .recprdcontent { overflow: -moz-scrollbars-none; }

  .new-title {
    margin-top: 0px;
  }
  .new-product-box {
    margin: 0 -10px;
  }

  .shabow-box.layui-row {
      margin: 0 -10px;
  }
  .shabow-box.layui-row .hover_anim {
      padding: 0 10px;
  }
  .shabow-box.layui-row .hover_anim + .hover_anim {
      padding-left: 2px;
  }
  .new-product-card-4 .new-product-card {
    width: 366px;
  }
  .placeholder-content {
    height: calc(100% - 7px);
    background: url('https://www.buildmost.cn/images/index-zhanwei-f64bef834a80205effb26c65326449d8.png') no-repeat;
    background-size: 100% 100%;
  }

  .new-categories {
    height: 100%;
  }

  .zhanwei-img {
    padding-top: 60px;
    /* padding-bottom: 12%; */
    text-align: center;
  }
  .zhanwei-icon {
    width: 90px;
    height: 90px;
  }
  .placeholder-content {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    font-weight: bold;
  }
  .placeholder-text {
    padding: 28px 20px;
    text-align: center;
    white-space: normal;
  }
  .requirement-country {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 31px);
  }

  .country-height {
      height: 17px;
      width: 100%;
      color: #999;
      margin-top: 3px;
  }

  .open_im.n_index {
    font-size: 14px;
    padding: 0 5px;
    color: #0D7DEE;
  }
  .open_im.n_index .contact_now {
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://www.buildmost.cn/images/supplier/contact_now-87301fb93a7b8c90a5b2a6b6f4b09ac8.png);
    background-size: 100%;
  }

  .index_main {
    margin-top: 6px;
  }
  .banner-content {
    width: 100%;
  }
  .banner-right-content {
    width: 420px;
    padding-left: 12px;
  }
  .flex-center {
    align-items: center;
  }
  .amountval-content {
    width: 141px;
  }
  .postreq_box {
      width: 100%;
      margin-top: 6px;
  }
  .postreq_box>a {
      display: block;
      height: 100%;
  }

  .sup_title {
      padding: 6px 10px;
  }
  .mark-title {
      margin-top: 6px;
  }

  .opus-title {
      margin-bottom: 6px;
  }
  .product-info {
      padding: 6px 10px;
  }
  .design-work-card {
    margin-bottom: 10px;
  }
  .design-work-card > a {
    display: block;
  }

  /* 中文站字体大小处理 */
.chinese-box .title_row {
    font-size: 18px;
}
.chinese-box .req_title {
    font-size: 16px;
}
/* .chinese-box .work-more-btn{
    font-size: 16px;
} */
.chinese-box .normal_title_text {
    font-size: 16px;
    font-weight: inherit;
}

.choseunit .sp_clear_btn {
    display: none;
}
.choseunit .layui-input {
    text-overflow: ellipsis;
    padding-right: 15px;
}

@media screen and (max-width: 1530px) {
    .MainProductsrow {
        width: 65%;
    }

    .imgtest {
        height: 281px;
    }

    .r_news_info_box {
        width: 205px;
    }

    .r_newBanerbox {
        height: 80px;
        line-height: 80px;
    }

    .news_lb {
        width: 397px;
    }

    .news_rb {
        width: 790px;
    }

    .r_newsbox {
        height: 80px;
    }

    .news_rb .mar-b18 {
        margin-bottom: 10px;
    }

    .news_rb .r_newsbox {
        margin-top: 9px;
    }

    .news_rb .pd-b17 {
        padding-bottom: 10px;
    }

    .new-product-card {
        width: 192px;
    }
    .scroll-content {
        min-height: 265px;
    }
    
    .new-product-card + .new-product-card {
        margin-left: 6px;
    }
    .view-detail {
        /* float: left; */
        float: inherit;
        margin-top: 6px;
    }
    .new-product-card-4 .view-detail {
        float: right;
        margin-top: 0px;
    }
    .recommended_img_box {
        height: 180.5px;
        line-height: 180.5px;
    }

    .new-product-card-4 .new-product-card {
        width: 294px;
    }
    .new-product-card-4.scroll-content {
        min-height: 241px;
    }

    .zhanwei-img {
        padding-top: 40px;
    }
    .placeholder-text {
        padding: 15px;
        line-height: 25px;
    }
    .new-product-card-4 .placeholder-text {
        line-height: 34px;
    }
    .new-product-card-4 .placeholder-content {
        height: calc(100% - 10px);
    }
    .new-product-card-6 .placeholder-content {
        height: calc(100% - 11px);
    }

    .banner-right-content {
        width: 350px;
    }
    .conversion_box {
        padding: 10px 12px;
    }

    .choseunit .mar-r10 {
        margin-right: 6px;
    }

    .selectbox .w120, .selectbox .sp_container, .sp_result_area {
        width: 88px!important;
    }

    .Convertbtn {
        width: 100px;
    }
    .amountval-content {
        width: 126px;
    }
    .postreqbox .banner_text {
        text-align: left;
    }

    .chinese-box .view-detail {
        float: right;
        margin-top: 0;
    }
    .chinese-box .scroll-content {
        min-height: 244px;
    }
    .chinese-box .postreqbox .banner_text {
        text-align: center
    }
    .choseunit .layui-input {
        text-overflow: ellipsis;
        padding-right: 20px;
    }
    .sup_img_box {
        height: 203px;
        line-height: 203px;
    }
}


@media screen and (max-width: 1024px) {

    /* .carouselrow {
        background-size: 135% 100%;
    } */

    .amountinp .amountval {
        width: 115px;
    }

    .amountinp {
        margin-top: 16px;
    }

    .r_newBanerbox {
        width: 100px;
    }

    .r_news_info_box {
        width: 195px;
    }

    .news_rb_lb .r_news_info_box {
        width: 183px;
    }

    .bm_news_tag {
        margin-right: 12px;
    }

    .sup_img_box {
        height: 174px;
        line-height: 174px;
    }

    .recommendedsup_content2 {
        height: 303px;
    }

    .scroll-content {
        min-height: 235px;
    }
    .new-product-card {
        width: 161px;
    }
    .recommended_img_box {
        height: 151px;
        line-height: 151px;
    }
    .new-product-card-4 .new-product-card {
        width: 245px;
    }
    .new-product-card-4.scroll-content {
        min-height: 215px;
    }

    .zhanwei-icon {
        width: 80px;
        height: 80px;
    }
    .placeholder-text {
        padding: 15px;
        font-size: 16px;
    }
    .placeholder-content {
        height: calc(100% - 9px);
    }
    .new-product-card-6 .placeholder-content {
        height: calc(100% - 10px);
    }
    
    .chinese-box .scroll-content {
        min-height: 215px;
    }

}
/* ipad 竖屏 */
/* @media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
    
    .carouselrow {
        background-size: 130% 85%;
        background-color: #fff;
    }
} */
.r_news_info_Height {
    max-height: 35px;
}
.req_info_option {
    align-items: center;
}
.req_info_option .iconfont.iconshalou {
    margin-top: -3px;
}
.en-box .req_info_option .iconfont.iconyanjing {
    margin-top: -2px;
}
/* 需求600 */
.req_row .newStar .flex-item {/* flex: 0; */}
.req_row .newStar .color_black{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;color: #000;margin-left: 6px;}
.req_row .newStar .new-country{display: flex;justify-self: flex-start; }
.req_row .newStar .req_info_option {width: 33%; align-items: center;}
.req_row .newStar .new-item {width: 57%;display: flex;justify-self:flex-start;}
.req_row .newStar .new-item span:nth-child(1){width: 45%;}
.req_row .newStar .new-item span:nth-child(1) span{width: 55%;}
.req_row .newStar .new-item span:nth-child(2){width: 50%;}
/* .req_row .newStar .req_info_option{margin-left: -61px;} */
.req_info_option .view-count { min-width: 60px; }
@media screen and (max-width:1530px) {
.req_row .newStar .new-item{width: 67%;}
.req_row .newStar .new-item span:nth-child(2){width: 40%; }
/* .req_row .newStar .req_info_option{ margin-left: -43px;} */
}
@media screen and (max-width:1024px) {
    .req_row .newStar .new-item{width: 62%;}
}
/* 2154 */
.logo_new{color: #fff;font-size: 20px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.logo_wh84{width: 84px;height: 84px;}
.namelength5{padding: 0 11px;}/*  5-6个字处理 */
.logo_new .namelength4{padding: 0  17px;}