.clear{
    clear: both;
}
.main-container{
    font-family: "微软雅黑",Arial;
    width: 1170px;
    margin: 137px auto 0px auto;
}

.workbench_information{
    width:100%;
    /*height:230px;*/
    height: 266px;
    border-bottom:1px solid #D9D9D9;
    padding-top:40px;
    position: relative;
}

.workbench_logo{
    float:left;
    height:150px;
    width:150px;
}

.workbench_info_detail{
    float:left;
    height:150px;
    width:750px;
    margin-left:20px;
}

.workbench_info_custom_service{
    float:right;
    height:60px;
    width:220px;
    line-height: 60px;
    font-size:14px;
    text-align: center;
}

.workbench_info_detail_row{
    width:100%;
    height:20px;
    line-height:20px;
    margin-bottom:13px;
}

.no_data_div{
    color:#999999;
}

.workbench_info_introduce{
    width:1000px;
    height:60px;
    line-height: 20px;
    color: #666666;
    font-size:12px;
    margin-bottom:13px;
}

.detail_item{
    float: left;
    margin-right: 10px;
}
.workbench_name{
    font-size:16px;
}
.qy_identify{
    width:16px;
    height:16px;
    border-radius: 100%;
    background-color: #DA4618;
    line-height: 16px;
    color:#fff;
    font-size:12px;
    text-align: center;
    margin-right:30px;
}

.show_star{
    width:15px;
    height:15px;
    margin-top:1px;
    margin-right:2px;
    background: url('../images/new_world/park/wb_star.png');
}

.hy{
    width:auto;
    min-width: 50px;
    font-size:12px;
    background-color:#DCF3FF;
    border:0px;
    height:20px;
    margin-right: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    color:#666666;
}

.create_time_or_park_name{
    width:auto;
    font-size:12px;
    color: #666666;
    margin-right: 20px;
}

.to_park{
    text-align: center;
    border-radius: 2px;
    font-size:12px;
    color:#236dad;
    cursor: pointer;
}

.to_workbench_house{
    text-align: center;
    border-radius: 2px;
    font-size:12px;
    margin-left:30px;
    color:#236dad;
    cursor: pointer;
}
.workbench_base_info{
    width:100%;
    padding-top:40px;
}
.workbench_base_info_item{
    height:14px;
    width:100%;
    line-height: 14px;
    margin-bottom:16px;
}

.basic_info_icon{
    background-image: url('../images/new_world/basicInfo.png');
    height:16px;
    width:16px;
    float:left;
    margin-right:10px;
    margin-top:2px;
}
.product_info_icon{
    background-image: url('../images/new_world/showProduct.png');
    height:16px;
    width:16px;
    float:left;
    margin-right:10px;
    margin-top:2px;
}


.tip_title{
    font-size:16px;
    float:left;
}

.base_info_title{
    height:14px;
    float:left;
    font-size:14px;
    line-height: 14px;
    margin-right: 40px;
    color:#666666;
    margin-left:25px;
}

.base_info_content{
    height:14px;
    font-size:14px;
    line-height: 14px;
    float:left;
}
.workbench_product_content{
    width:100%;
    padding-top:40px;
}
.product_show_content{
    width:100%;
    height:auto;
    min-height:250px;
}
.no_product{
    width:480px;
    height:320px;
    margin-top:20px;
    margin-left:345px;
    background-image:url(../images/new_world/noData.png);
}
.workbench_product_item{
    float:left;
    margin-right:20px;
    width:575px;
    height:210px;
    margin-top:20px;
    cursor: pointer;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
    background-color: #F8F8F8;
}
.workbench_product_item.right{
    float:right;
    margin-right:0px;
}

.workbench_product_item:hover{
    background-color: #FAFAFA;
    box-shadow: 0px 2px 13px rgba(49,117,225,0.3);
    margin-top:16px;
}
.product_logo{
    float:left;
    width:150px;
    height:120px;
    margin-right: 22px;
    margin-top:15px;
    margin-left:22px;
}
.product_info{
    float:left;
    width:300px;
    height:120px;
    margin-top:15px;
}
.product_info_item{
    width:100%;
    height:24px;
    line-height: 24px;
    font-size:12px;
    color:#666666;
}
.twzl_file_icon{
    width:16px;
    height:16px;
    background-image: url(../images/new_world/ziliaoIcon.png);
    float:left;
    margin-top:6px;
    margin-left:15px;
}
.twzl_file_icon.word{
    background-position-x: -16px;
}
.twzl_file_icon.txt{
    background-position-x: -64px;
}
.twzl_file_icon.rarzip{
    background-position-x: -32px;
}
.product_name{
    font-size:16px;
    text-indent: 15px;
    margin-top:15px;
    height:30px;
    line-height: 30px;
    color:#333333;
}
.product_price{
    color:#EA4614;
}
.type_div{
    min-width:60px;
    height:22px;
    line-height:22px;
    text-align: center;
    font-size:12px;
    background-color:#E0E6ED;
    border-radius: 2px;
    margin-top:2px;
    float:left;
    color:#666666;
    margin-right:5px;
}
.grade_tip{
    float:left;
    font-size:12px;
}
.star{
    background: url('../images/service_tai/stars.png');
    width: 14px;
    height: 14px;
    float: left;
    display: block;
    margin-top:5.5px;
}
.gray_star{
    background: url('../images/service_tai/gray-star.png');
    width: 15px;
    height: 15px;
    float: left;
    display: block;
    margin-top:5px;
}
.half_star{
    background: url('../images/service_tai/half-star.png');
    width: 15px;
    height: 15px;
    float: left;
    display: block;
    margin-top:5px;
}
.grade_label{
    float:left;
    margin-left:10px;
    font-size:12px;
}
.workbench_product_page{
    width:auto;
    height:32px;
    line-height:32px;
    float:right;
    margin-top:20px;
    font-size:12px;
    margin-bottom:20px;
}
.page_div{
    width:30px;
    height:30px;
    border:1px solid #dddddd;
    text-align:center;
    line-height:30px;
    color:#999999;
    float:left;
    margin-right:5px;
    cursor:pointer;
}
.page_div.choosed{
    background-color:#3a85c6;
    color:#ffffff;
}
.page_div:hover{
    background-color:#3a85c6;
    color:#ffffff;
}

.page_div.to_page_div{
    width:60px;
    border-radius: 2px;
}

.join_workbench_btn{
    height:35px;
    width:95px;
    color:#ffffff;
    line-height:35px;
    cursor:pointer;
    text-align:center;
    float:right;
    background-color:#52B678;
    border-radius: 2px;
}

.join_workbench_btn.diss_join{
    border:0px;
    cursor:auto;
    background-color: #e0e0e0;
    color:#b4b4b4;
}

/********modal start*********/
#join-workbench-modal{
    display: none;
}
#join_workbench_tip{
    display: none;
}
#join_reason{
    width:100%;
    margin-top:15px;
    height:160px;
    color:#666666;
    float:left;
    width:408px;
    line-height: 20px;
    resize:none;
}
.modal-background{
    background-image: url('../images/park/background.png');
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom: 0px;
    overflow: hidden;
    z-index: 5001;
}
.modal-container{
    background: #ffffff;
    border-radius: 4px;
    top:50%;
    left: 50%;
    margin-left:-275px;
    margin-top: -180px;
    position: fixed;
}
.modal-container-tip{
    background: #ffffff;
    border-radius: 4px;
    top:50%;
    left: 50%;
    margin-left:-250px;
    margin-top: -64px;
    position: fixed;
}
.modal-content-join{
    width:610px;
    height:340px;
    cursor: default;
}
.modal-join-tip{
    width:610px;
    height:340px;
    cursor: default;
}
.modal-header-background{
    height:55px;
    line-height: 55px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dcdcdc;
}
.enter-workbench-query{
    font-size: 16px;
    color: #595757;
    margin-left:16px;
    float:left;
}
.model_close_btn{
    float:right;
    margin-right:16px;
    cursor: pointer;
    color:#999999;
    font-size:20px;
}
.model_close_btn:hover{
    color:red;
}

.enter-workbench-tip{
    font-size: 16px;
    color: #3f8ccd;
    margin-left:14px;
    float: left;
}
.modal-body-container{
    text-align: center;
    font-size: 16px;
    color: #595757;
}
.sure-btn{
    height:35px;
    width:100px;
    background: #52B678;
    line-height: 35px;
    border-radius: 4px;
    float: left;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
}
.modal-cancel{
    width: 56px;
    height:35px;
    line-height: 35px;
    float: left;
    margin-left:16px;
    color: #888889;
    cursor: pointer;
    text-align: center;
}
.modal-option{
    font-size: 14px;
    height:50px;
    float:left;
    width:100%;
    margin-top:30px;
}
.modal-option .option-item{
    margin-left: auto;
    margin-right:auto;
    margin-left:67px;
}
.modal-tip-info{
    height:20px;
    line-height:20px;
    font-size: 14px;
}
.sure-join-workbench{
    text-align: center;
}
.join-tip-ok{
    height:35px;
    width:100px;
    background: #52B678;
    line-height: 35px;
    border-radius: 4px;
    float: left;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    margin-left:210px;
    margin-top:40px;
    font-size:14px;
}
/********modal end*********/

.certification_info_icon{
    background-image: url('../images/new_world/certification.png');
    height:16px;
    width:16px;
    float:left;
    margin-right:10px;
    margin-top:2px;
}
.certification_show_content:after{
    content: '';
    display: block;
    clear: both;
}
.no_certification{
    width:480px;
    height:320px;
    position: relative;
    margin-top:20px;
    margin-left:345px;
    background-image:url(../images/new_world/empty-no-text.png);
}
.no_certification span{
    position: absolute;
    bottom: 75px;
    font-size: 16px;
    color: #666;
    left: 220px;
}

.info-list-item{
    float: left;
    margin-top: 20px;
    margin-right: 40px;
    position: relative;
    width: 262px;
    height: 290px;
    text-align: center;
    box-shadow: 0px 2px 12px rgb(49 177 255 / 30%);
}
.info-list-item:nth-child(4n+4){
    margin-right: 0px;
}
.item-img{
    width: 178px;
    height: 254px;
    margin-top: 18px;
}
/*点击放大图片样式调整 start*/
div.postbird-img-glass-box{
    overflow-y: auto;
}
div.postbird-img-glass-box img{
    max-width: 50%;
    top: 100px;
    transform: none;
}
/*点击放大图片样式调整 end*/

.workbench_certification_content, .workbench_about_content{
    padding-top: 40px;
}
.about_info_icon{
    background-image: url('../images/new_world/about.png');
    height:16px;
    width:16px;
    float:left;
    margin-right:10px;
    margin-top:2px;
}
.about_show_content{
    line-height: 30px;
    color: #666;
}
.about_show_content:after{
    content: '';
    display: block;
    clear: both;
}
.about-left-area, .about-right-area{
    width: 50%;
}

.w-i-nav-area{
    position: absolute;
    bottom: 4px;

}
.w-i-nav{
    width: 66px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
    margin-right: 140px;
}
.w-i-nav:hover, .w-i-nav.active{
    color: #3a85c6;
    border-bottom: 2px solid #3a85c6;
}
.workbench_page_area{
    overflow: hidden;
}