/*专家库样式*/
*{
    box-sizing: border-box;
}
html, body {
    width: 100%;
    font-family: sans-serif;
    overflow-x: hidden;
}

.container {
    width: 100% !important;
    height:100%;
    padding: 0 0 !important;
}

/*标题*/
.titleContent {
    width: 76%;
    height: 64px;
    line-height: 74px;
    margin: 8px auto;
}
.titleContent .jyjcLogo {
    width: 5%;
    height: 100%;
    float: left;
    text-align: center;
}
.jyjcLogo>img {
    width: 85%;
    height: 85%;
}
@font-face {
    font-family: "titleFont";
    src: url('../font/.font-spider/FZWBJT.ttf');
}
.logoSubTitle {
    margin-left: 6%;
    font-size: 32px;
    font-weight: 549;
    font-family: titleFont;
    color: #1541dd;
    -webkit-text-stroke: .5px #FFFFFF;
    /*text-shadow:2px 2px 2px #fff,2px 2px 2px #FFFFFF,2px 2px 2px #FFFFFF;*/
}
.logoTitle {
    height: 64px;
    line-height: 68px;
    font-size: 53px;
    width: 80%;
    margin: 0 auto 10px;
    letter-spacing: 4px;
    padding-left: 16px;
    font-family: titleFont;
    color: #1541dd;
    -webkit-text-stroke:1px #FFFFFF;
    /*text-shadow:2px 2px 2px #fff,2px 2px 2px #FFFFFF,2px 2px 2px #FFFFFF;*/
}

#contentArea,#jcContainer{
    margin: 0 auto;
    width: 80%;
    padding: 18px 16px;
    background: #fff;
    box-shadow: 0 0 10px rgba(108, 102, 102, 0.2);
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 2px;
    border-radius: 10px;
}

.detailLabel {
    color: #0099ff;
}

.nav-header {
    font-size: 14px;
    border-bottom: 1px solid #666;
    line-height: 2.6;
    margin-bottom: 30px;
}

.developLabel{
    font-size: 24px;
    font-weight: 600;
}

.left-search {
    background: #e9eef4;
    padding: 10px 12px;
    height: auto;
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 33px;
}

.search-content {
    float: right;
}

.text-search {
    border: none;
    background: #fff;
    line-height: 1.4 !important;
    width: 350px;
    padding: 7px 12px;
}

.search {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 7px 26px;
    line-height: 1.4 !important;
}

.classifi-title {
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ede6e6;
    background: #eee;
}

.classifi-title:hover{
    cursor: pointer;
}

.resourceShareTitle:hover,.myCollect:hover{
    cursor: pointer;
}

.resourceShare{
    border: 1px solid #ede6e6;
}

.selectedTitle{
    color: #fff;
}

.classification ul .iconfont {
    float: left;
    font-size: 12px;
    display: none;
    padding-left: 20px;
}

#expertUl .active,#resourceType .active {
    display: block;
}

.classification, .quantity-classification ul li {
    line-height: 40px;
}

.classification, .quantity-classification ul li span {
    display: block;
    width: 110px;
    min-width: 110px;
}


.expertContent .classification {
    width: 20%;
    border: 1px solid #e4e4e4;
    float: left;
    margin-top: 10px;
}


#expertContentContainer, .classification-info {
    float: left;
    width: 80%;
    margin-top: 10px;
}

.left-classification .classification, .quantity-classification {
    border: 1px solid #e4e4e4;
    float: left;
    margin-top: 10px;
}

.classification ul li a {
    display: block;
    color: #888;
    /*padding: 0 50px;*/
    font-size: 14px;
    text-align: center;
}

.classification, .quantity-classification ul li a:hover {
    color: #000;
}

#fwContent .content-container{
    float: left;
    width: 100%;
    margin:0;
}

.photo-items {
    width: 100%;
    overflow: hidden;
}

.photo-container {
    height: 120px;
    width: 100%;
}

.photo-container img {
    width: 100%;
    height: 100%;
}

.photo-item {
    position: relative;
    width: 30%;
    height: 20%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: left;
    margin: 0 1.5%;
    box-shadow: 1px 1px 1px #efe6e6;
    margin-bottom: 28px;
    border: 1px solid #eaeaea;
    background: linear-gradient(#fff, #e7e8ff);
}

.photo-left {
    float: left;
    width: 40%;
    position: relative;
    top: 15px;
    left: 8px;
}
.photo-right{
    float: left;
    margin-left: 2%;
    padding: 10px;
}
@media screen and (max-width: 1680px) {
    .photo-right {
        width: 58%;
    }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
    .photo-right {
        width: 58%;
    }
}
@media screen and (min-width: 1920px) {
    .photo-right {
        width: 58%;
    }
}

.photo-right p {
    height: 32px;
    line-height: 32px;
}

.erpert-contact {
    width: 100%;
    height: 15%;
    margin: 10% 0;
    background: linear-gradient(#eee, #3498db);
    text-align: center;
}

.erpert-contact .iconfont {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.expert-photo {
    width: 100%;
    height: 60%;
}

.erpertInfo {
    line-height: 30px;
    margin: 8px auto;
}

.expert-name .name {
    display: block;
    float: left;
    color: #484242;
    font-weight: bold;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.expert-name img {
    width: 13px;
}

.expert-name a {
    display: block;
    float: left;
    margin-left: 20px;
}

.right-content {
    float: left;
    width: 22%;
    margin-left: 2%;
    border: 1px solid #e4e4e4;
    padding: 8px 10px;
}

.right-top {
    width: 100%;
    height: auto;
    background: #eee;
}

.right-top img {
    width: 100%;
}

.right-center {
    width: 100%;
    height: auto;
    background: #eee;
    margin-top: 20%;
}

.right-center img {
    width: 100%;
}

.right-bottom {
    width: 100%;
    height: auto;
    background: #eee;
    margin-top: 20%;
}

.right-bottom img {
    width: 100%;
}

.expert-content {
    overflow: hidden;
}

.expert-phone {
    color: #3498db;
    float: left;
}

.expert-phone .icon-phone {
    float: left;
}

.expert-phone .phone {
    display: block;
    margin: 0 0 0 20px;
    float: left;
}

.expert-ph .exPhone {
    width: 52%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.expert-photo img {
    width: 90%;
    height: 90%;
    margin: 10px;
}

.expertDetail {
    height: 28px;
    line-height: 28px;
    margin: 2px 2px;
    float: right;
    color: #fb5151;
    font-weight: bold;
    padding: 0 10px !important;
    font-size: 12px;
    letter-spacing: 2px;
}

.expertDetail::before, .expertDetail::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.expertDetail:before {
    top: 0;
    left: 0;
    transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.expertDetail:after {
    right: 0;
    bottom: 0;
    transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.expertDetail:hover:before {
    width: 100%;
    height: 100%;
    transition: width 0.1s ease-in, height 0.1s ease-in 0.1s;
    border-top-color: #efd3e8;
    border-right-color: #efd3e8;
}

.expertDetail:hover:after {
    width: 100%;
    height: 100%;
    transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.4s, height 0.3s ease-in 0.6s;
    border-bottom-color: #efd3e8;
    border-left-color: #efd3e8;
}

.expertDetail:hover {
    color: #000;
    text-decoration: underline;
}

.zhuanye {
    color: #3498db;
    float: left;
}

.exType {
    width: 69%;
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 5px;
}

.other-item {
    margin-top: 10px;
}

.expert-zhuanye, .expert-ph {
    font-size: 12px;
}

/*.fontColor {*/
    /*color: #000;*/
/*}*/

.icon-qq {
    float: left;
    margin-left: 20px;
    font-size: 14px !important;
}

#showContent, .product-list {
    width: 100%;
    float: left;
}

.publicServiceArrow{
    font-size: 20px;
    display: inline-block;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

/*专家库详情*/
.left-search {
    background: #e9eef4;
    padding: 10px 12px;
    height: auto;
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 33px;
}

.left-search h1 {
    font-size: 18px;
    float: left;
    line-height: 1.4;
    padding: 5px 12px;
    letter-spacing: 1px;
}

.expert-content {
    overflow: hidden;
}

.expert-content .left-detail {
    height: 100%;
    width: 100%;
    float: left;
}

.left-detail .container .row .col-md-4 {
    padding: 0;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.left-detail .container .row .col-md-4 img {
    width: 60%;
}

.left-detail .container .row .col-md-6 {
    padding: 0 0 0 2%;
}

.expert-detail {
    margin-bottom: 10px;
    padding: 10px 20px;
}

.expert-detailname {
    font-size: 30px;
    font-weight: bold;
    word-wrap: break-word;
}

.expert-type {
    font-size: 15px;
    margin-top: 20px;
    line-height: 30px;
    color: #666;
    word-wrap: break-word;
}

.expertDetailContent .expert-detailDes,.resourceContent .expert-detailDes,.bidCenterContent .expert-detailDes{
    width: 100%;
    background: white;
    padding: 15px;
}

.resourceContent .description-content{
    padding: 30px 0 0;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    min-height: 140px;
}

.expert-detailphone {
    margin: 20px 0;
    height: 40px;
    line-height: 40px;
}

.expert-detailphone a {
    position: relative;
    left: -18px;
}

.expert-detailphone .icon-QQ {
    font-size: 36px;
    color: #d67272;
    cursor: pointer;
}

.expert-detailphone .detail-phone {
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background: #43B1F1;
    color: #fff;
}

.expert-detailphone img {
    cursor: pointer;
    position: relative;
    top: -10px;
    left: 20px;
}

.hidden-phone {
    position: relative;
    top: -46px;
    left: 121px;
    width: 150px;
}

.triangle {
    position: relative;
    top: -27px;
    left: -4px;
    width: 10px;
    height: 10px;
    background: #43B1F1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.expertDetailContent .expert-description, .expert-achievement,
.resourceContent .expert-description,.bidCenterContent .expert-description,
.expertDetailContent .expert-case{
    border-bottom: 1px solid #999;
}

.description-line, .achievement-line, .case-line {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #EE5F53;
    vertical-align: middle;
}

.description-title, .achievement-title, .case-title {
    font-size: 18px;
    color: #333;
    vertical-align: middle;
    margin-left: 8px;
}

.description-content, .achievement-content, .case-content {
    font-size: 18px;
    color: #666;
}

.expertDetailContent .description-content, .achievement-content, .case-content{
    font-size: 16px;
    color: #666;
    overflow: hidden;
    min-height: 140px;
    padding: 30px 0;
}

.description-content, .achievement-content, .case-content p {
    word-wrap: break-word;
    overflow: hidden;
}

.right-detail {
    height: 100%;
    width: 30%;
    float: left;
}

.left-top {
    width: 26%;
    height: 100%;
    float: left;
}

.left-top .expert-photo img {
    width: 61%;
    height: 26%;
    margin: 25px 35px 20px 35px;
}

.detail-name {
    text-align: center;
    letter-spacing: 2px;
}

.detail-name p {
    font-size: 20px;
    letter-spacing: 4px;
}

.left-center {
    clear: both;
    width: 100%;
    border-bottom: 1px solid #adcbe2;
    height: auto;
    overflow: hidden;
    margin: 0 0 20px;
    padding-top: 20px;
}

.left-center h1 {
    line-height: 2;
    font-size: 18px;
    float: left;
    color: #3498db;
}

.right-content {
    float: left;
    width: 22%;
    margin-left: 1%;
    border: 1px solid #e4e4e4;
    padding: 8px 10px;
}

.right-top {
    width: 100%;
    height: auto;
    background: #eee;
}

.right-top img {
    width: 100%;
}

.right-center {
    width: 100%;
    height: auto;
    background: #eee;
    margin-top: 20%;
}

.right-center img {
    width: 100%;
}

.right-bottom {
    width: 100%;
    height: auto;
    background: #eee;
    margin-top: 20%;
}

.right-bottom img {
    width: 100%;
}

.left-expertContent {
    width: 62%;
    height: 100%;
    float: left;
}

/*.introduce,.achiveContent,.caseContent,.expert-type,.cardId{*/
/*text-indent: 2em;*/
/*}*/
/*环保监测*/
.monitor-type {
    padding: 8px 12px;
    margin-bottom: 12px;
    overflow: hidden;
    background: linear-gradient(#fff, #98d6ff);
}

.unitName {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
}

.unitService {
    float: left;
}

@media screen and (max-width: 1366px) {
    .unitService{
        max-width: 600px;
    }
}

@media screen and (min-width: 1600px) {
    .unitService{
        max-width: 600px;
    }
}

.resItemLabel {
    font-weight: bold;
    font-size: 13px;
    float: left;
    min-width: 70px;
}

.resourceDetail-list {
    line-height: 30px;
}

.left-monitor {
    width: 25%;
    text-align: center;
    float: left;
}

.left-monitor .icon-equipment-monitoring {
    font-size: 70px;
    color: #278013;
}

.left-monitor p {
    font-size: 18px;
    color: #000;
}

.right-monitor {
    width: 75%;
    float: left;
}

.right-monitor a {
    display: block;
    padding: 0 10px;
    float: left;
    font-size: 15px;
    text-align: center;
    margin: 8px 0;
}

.right-monitor a.active span {
    padding: 4px 8px;
    background: #285495;
    color: #fff;
}

.consultBtn {
    color: #ffffff;
    line-height: 21px;
    padding: 5.5px 16px;
    border-radius: 23px;
    display: inline-block;
    font-size: 14px;
    transition: background 0.3s ease 0s, color 0.2s ease 0s;
    float: right;
    position: relative;
    right: 12px;
    background: #fb5151 !important;
    border-color: transparent !important;
}

.consultBtn:hover {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #e6e8e9 !important;
    color: #444444;
}

.provideServiceLabel {
    display: inline-block;
    float: left;
}

.provideService {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*认证认可*/
.certificaImg img {
    width: 100%;
}

.certificaTitle .lines {
    width: 80%;
    text-align: center;
    height: 1px;
    background: #726f6f;
    margin-left: 10%;
    margin-top: 80px;
}

.certificaTitle .title {
    position: relative;
    top: -34px;
    width: 280px;
    left: 38%;
    text-align: center;
    background: #fff;
    float: left;
    font-size: 18px;
    color: #3498db;
}

.certificaTitle .title p {
    font-size: 16px;
}

.certificaTitle .title img {
    height: 80px;
    width: 80px;
}

.certificaContent {
    width: 92%;
    margin: 30px auto;
}

.certificaImgs {
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
}

.certificaImgs .row div {
    text-align: center;
}

.certificaImgs img {
    height: 110px;
}

.certificaDetails {
    width: 94%;
    margin: 120px auto 0;
}

.certificaDetails .rangeAndConsult thead tr {
    line-height: 50px;
    background: #4f85d4;
    color: #fff;
}

.certificaDetails .rangeAndConsult {
    margin-bottom: 20px;
}

.certificaDetails .certicaRange {
    width: 60%;
    text-align: center;
}

.certificaDetails .certiconsultation {
    width: 40%;
    text-align: center;
}

.certificaDetails .tableContent tr td {
    padding: 15px;
}

.companyDescription {
    line-height: 27px;
    text-indent: 2rem;
    padding-left: 20px;
    border-right: 1px solid #fff !important;
}

/*.certificaDetails .tableContent tr {*/
/*background: linear-gradient(#fff 30%, #e6faff);*/
/*}*/

.certificaDetails .consultContent p {
    line-height: 30px;
    margin-left: 50px;
}

.certificaDetails .consult-item .phone a {
    color: #3498db !important;
    text-decoration: underline !important;
}

.certificaDetails .consult-item .website a {
    color: #3498db !important;
}

.consult-item .consultLabel {
    font-weight: bold;
}

.consultContent {
    padding: 15px 0 !important;
}

.consult-item .consultAddrLabel {
    float: left;
}

.consult-item .companyLinkPerson, .companyLinkPhone, .website, .companyAddr {
    margin-left: 10px;
}

.consult-item .companyAddr {
    float: left;
    max-width: 230px;
}

.certificaDetails .certificaFile {
    width: 100%;
}

.certificaDetails .certificaFile thead tr {
    line-height: 50px;
    /*background: linear-gradient(#fff, #3498db);*/
    background: #4f85d4;
    color: #fff;
}

.certificaType {
    width: 100%;
    margin-bottom: 40px;
}

.certificaType > table {
    width: 100%;
}

.certificaType td {
    padding: 5px;
    background: linear-gradient(#d3e8ff, #9ac2ef);
}

.certificaType tbody td a.active span {
    padding: 4px 8px;
    background: #285495;
    color: #fff;
}

.certificaType td a {
    display: block;
    padding: 0 10px;
    float: left;
    font-size: 14px;
    text-align: center;
    margin: 8px 0;
}

.certificaFile thead tr td {
    text-align: center;
}

.certificaFile .file-item {
    width: 25%;
    float: left;
}

.certificaFile .file-item img {
    display: block;
    margin: 0 auto;
}

.certificaFile .file-items {
    background: #fff;
}

.certificaFile tbody td {
    padding: 25px;
    margin-left: 45px;
}

.certificaFile thead td {
    line-height: 40px;
}

#certifiContent {
    max-height: 400px;
    overflow: auto;
    padding: 0;
}

#certifiContent table {
    margin-bottom: 40px;
}

#certifiContent thead td {
    text-align: center;
    background: #e0e0e0;
}

#certifiContent .unitNameTh, .unitServiceTh {
    width: 28%;
}

#certifiContent .unitAddrTh {
    width: 44%;
}

#certifiContent tbody tr {
    cursor: pointer;
}

.certifiUnitName, .certifiUnitService, .certifiUnitAddr {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*资源共享*/
#resourceShare .top-title {
    font-size: 18px;
    color: #3498db;
}

#resourceShare .top-title h1 {
    line-height: 30px;
    border-bottom: 2px solid #1dc0f9;
}

#resourceShare .share-type {
    width: 100%;
}

#resourceShare .share-type thead td {
    width: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

#resourceShare .share-type tbody td a {
    display: block;
    padding: 0 10px;
    float: left;
    font-size: 14px;
    text-align: center;
    margin: 8px 0;
}

#resourceShare .resourceItem-type, .resourceItem-brand, .resource-time {
    line-height: 29px;
}

.share-type tbody td a.active span {
    padding: 4px 8px;
    background: #285495;
    color: #fff;
}

.share-type thead tr {
    background: linear-gradient(#fff, #299fef);
}

.share-type tbody td {
    padding: 15px;
    background: linear-gradient(#fff, #d3e8ff);
}

.resoure-list {
    float: left;
    width: 79%;
    margin-left: 1%;
    margin-top: 10px;
}

.resoure-list .page {
    text-align: center;
}

.resoure-list .list-item {
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.resoure-list .list-item dd img {
    height: 120px;
    width: 200px;
    float: left;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

.resoure-list .list-item dt,#equipDispense  .list-item dt {
    font-weight: normal !important;
    font-size: 13px;
}

.resoure-list .list-item .resource-title {
    font-size: 16px;
    line-height: 24px;
}

.resoure-list .list-item dt h1 {
    font-size: 18px;
    line-height: 24px;
}

.resoure-list .list-item .resourceDetails > a ,.equipDispenseDetail a{
    color: #ff0000;
    float: right;
    margin-right: 15px;
}

.resoure-list .list-item .resourceDetails > a:hover {
    color: #000;
    text-decoration: underline;
}
/*资料共享*/
.docNum, .docType, .docName, .createrUnitName, .docProperty {
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
}
.docNum {
    margin-top: 10px;
}
.meansDetails > a {
    color: #ff0000;
    float: right;
    margin-right: 15px;
}
.meansDetails > a:hover {
    color: #000;
    text-decoration: underline;
}

.means-list {
    float: left;
    width: 79%;
    margin-left: 1%;
    margin-top: 10px;
}

.means-list .page {
    text-align: center;
}

.means-list .list-item {
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.means-list .list-item dd img {
    height: 120px;
    width: 200px;
    float: left;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

.means-list .list-item dt {
    font-weight: normal !important;
    font-size: 13px;
}

.means-list .list-item .resource-title {
    font-size: 16px;
    line-height: 24px;
}

.means-list .list-item dt h1 {
    font-size: 18px;
    line-height: 24px;
}

.means-list .list-item .resourceDetails > a {
    color: #ff0000;
    float: right;
    margin-right: 15px;
}

.means-list .list-item .resourceDetails > a:hover {
    color: #000;
    text-decoration: underline;
}

/*资源共享详情*/
#resourceDetail .resource-photo {
    width: 83%;
}

#resourceDetail .expert-detail {
    margin-top: 0;
    word-wrap: break-word;
}

#resourceDetail .resName, .bidName {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
}

#resourceDetail .resourceDetail-list {
    line-height: 30px;
}

#resourceDetail .resItemLabel {
    font-weight: bold;
    font-size: 13px;
}

.resourceDetail-list .col-md-6 {
    padding: 0 !important;
}

.resourceDetail-list .col-md-12 {
    padding-left: 0 !important;
}

#resourceDetail .resType {
    font-size: 13px;
    margin-top: 8px;
    line-height: 20px;
    color: #666;
}

#resourceDetail .unitName {
    font-size: 13px;
    margin-top: 8px;
    line-height: 20px;
    color: #666;
    font-weight: normal;
}

#resourceDetail .resLinkman {
    font-size: 13px;
    margin-top: 8px;
    line-height: 20px;
    color: #666;
}

#resourceDetail .res-detailphone {
    height: 40px;
    margin-top: 10px;
}

#resourceDetail .hidden-phone {
    position: relative;
    top: -31px;
    left: 68px;
    width: 150px;
}

#resourceDetail .detail-phone {
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background: #43B1F1;
    color: #fff;
}

#resourceDetail .triangle {
    position: relative;
    top: -22px;
    left: -4px;
    width: 10px;
    height: 10px;
    background: #43B1F1;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

/*设备维护*/
#equipMaintenance {
    background: linear-gradient(#fff, #eee);
}

#equipMaintenance li.active span {
    color: #0d5ace;
}

.equip-list {
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.equip-list .icon-star {
    color: #e96515d6;
}

.equip-list .equip-img {
    width: 25%;
    float: left;
}

.equip-list .equip-img img {
    display: block;
    margin: 0 auto;
}

.equip-list .equip-info {
    width: 75%;
    float: left;
}

.equip-list .equip-info p {
    line-height: 40px;
}

.equip-list .equip-info .equip-company {
    font-size: 17px;
}

#equipMaintenance .active {
    display: block;
}

#equipMaintenance .iconfont {
    float: left;
    font-size: 12px;
    padding-left: 30px;
}

/* 设备维护*/
#showContent .list-item dt h1 {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#showContent .list-item dt p {
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}

#showContent .list-item dd img {
    width: 123px;
    height: 120px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

#showContent .classification-info {
    margin-top: 20px;
}

#showContent .provideEqipService {
    max-width: 500px;
}

#showContent .list-item {
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

/*招标中心*/
.bid-list {
    margin: 10px 0 20px 12px;
}

.bid-list .list-item {
    height: auto;
    overflow: hidden;
    margin-bottom: 0 !important;
    padding: 5px 5px;
    border: 1px solid #efeaea;
}

.bid-list .list-item dd img {
    width: 123px;
    height: 120px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

.bid-list .list-item dt {
    font-weight: normal !important;
    font-size: 13px;
}

.bid-list .list-item .resource-title {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

#resourceShare .title {
    height: 30px;
    line-height: 30px;
}

.bid-list .list-item dt h1 {
    font-size: 18px;
    line-height: 24px;
}

.bid-list .list-item .bidDetails {
    color: #ffffff;
    line-height: 21px;
    padding: 5.5px 16px;
    border-radius: 23px;
    display: inline-block;
    font-size: 14px;
    transition: background 0.3s ease 0s, color 0.2s ease 0s;
    float: right;
    position: relative;
    right: 12px;
    background: #fb5151 !important;
    border-color: transparent !important;
}

.bid-list .list-item .bidDetails:hover {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #e6e8e9 !important;
    color: #444444;
}
.resproduct-list,.product-list {
    display: none;
}

/*人员培训*/
.train-list {
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    cursor: pointer;
}

.train-list .train-img > img {
    width: 123px;
    height: 120px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

.train-list h1 {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.train-list .train-info p {
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}

.train-list .train-info .train-company {
    font-size: 17px;
    line-height: 40px;
}

.train-list .train-info .train-company > a::before, .train-list .train-info .train-company > a::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.train-list .train-info .train-company > a:before {
    top: 0;
    left: 0;
}

.train-list .train-info .train-company > a:after {
    right: 0;
    bottom: 0;
}

.train-list .train-info .train-company > a:hover:before {
    width: 100%;
    height: 100%;
    transition: width 0.1s ease-in, height 0.1s ease-in 0.1s;
    border-top-color: #3fb1ff;
    border-right-color: #3fb1ff;
}

.train-list .train-info .train-company > a:hover:after {
    width: 100%;
    height: 100%;
    transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.4s, height 0.3s ease-in 0.6s;
    border-bottom-color: #3fb1ff;
    border-left-color: #3fb1ff;
}

.train-info .details {
    color: #ffffff;
    line-height: 21px;
    padding: 5.5px 16px;
    border-radius: 23px;
    display: inline-block;
    font-size: 14px;
    transition: background 0.3s ease 0s, color 0.2s ease 0s;
    float: right;
    position: relative;
    right: 12px;
    background: #fb5151 !important;
    border-color: transparent !important;
}

.train-info .details:hover {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #e6e8e9 !important;
    color: #444444;
}

.train-info .details a {
    color: #fff;
}

#personTrain {
    background: linear-gradient(#fff, #eee);
}

#personTrain .active {
    display: block;
}

#personTrain li {
    line-height: 40px;
}

#personTrain .iconfont {
    padding-left: 30px;
}

#personTrain li span {
    display: block;
    width: 110px;
    min-width: 110px;
}

#personTrain li a {
    display: block;
    color: #888;
    padding: 0 64px;
}

#personTrain li a:hover {
    background: #eee;
    color: #000;
    font-size: 15px;
}

/*质量检验*/
#quantityMenu, #deviceMenu {
    background: linear-gradient(#fff, #f2f2f2);
}

#quantityMenu .active {
    display: block;
    background: #3875d0;
    font-weight: 550;
}

#quantityMenu li.active span {
    color: #fff;
}

.typeList dl dd a {
    display: inline-block;
    padding: 6px;
    margin: 8px 15px 4px;
    background: #eaeaea;
    line-height: 1.1;
    color: #5d4b4b;
    font-size: 13px;
    letter-spacing: 1px;
}

.typeList a.active {
    background: #285495;
    color: #fff;
    display: initial;
}

#quantityMenu .iconfont {
    display: inline-block;
    float: right;
    color: #84887f;
}

.quantity-classification ul li a {
    display: block;
    color: #666;
    padding: 0 20px;
    letter-spacing: 1px;
}

#quantityMenu .active .iconfont {
    color: #fff;
}

.quantity-list {
    margin-top: 30px;
}

/*质量检验详情*/
.quantity-list .list-item {
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.quantity-list .list-item dd img {
    width: 123px;
    height: 120px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

.quantity-list .list-item dt {
    font-weight: normal !important;
    font-size: 13px;
}

.quantity-list .list-item dt p {
    line-height: 25px;
}

.quantity-list .list-item dt h1 {
    font-size: 16px;
    line-height: 24px;
}

#resourcePage{
    float: left;
    width: 80%;
    margin-left: 20%;
}

.listPage {
    text-align: center;
}

.listPage .ui-paging-container ul {
    overflow: inherit !important;
}

.listPage .ui-select-pagesize {
    display: none !important;
}

.listPage .ui-paging-container ul .ui-pager {
    padding: 8px 12px !important;
}

.listPage .ui-paging-container li.ui-paging-toolbar input, .listPage .ui-paging-container li.ui-paging-toolbar a {
    line-height: 30px !important;
    height: 30px !important;
}

/*设备检验*/
#deviceMenu .iconfont {
    display: inline-block;
    float: right;
    color: #84887f;
}

#deviceMenu li a {
    display: block;
    color: #888;
    padding: 0 50px;
    font-size: 14px;
}

#deviceMenu .active {
    display: block;
    background: #3875d0;
    /*background: linear-gradient(#fff, #3fb1ff);*/
    font-weight: 550;
}

#deviceMenu li.active span {
    color: #fff;
}

#deviceMenu .active .iconfont {
    color: #fff;
}

#deviceMenu li a:hover {
    color: #000;
}

@media screen and (min-device-width: 1800px) {
    #showContent .provideEqipService {
        max-width: 500px;
    }

    .unitService {
        max-width: 550px;
    }
}

.clearBtn {
    position: relative;
    left: 345px;
    color: #a7a5a5;
    cursor: pointer;
}

.qualificDisplay .attachImgs,.pictureView .attachImgs {
    height: 80px;
    width: 80px;
    cursor: pointer;
}

.attachItems {
    width: 10%;
    float: left;
}

.attachName {
    display: block;
    width: 65%;
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.unitDesc,#unitArea,#unitRemark,.unitArea{
    /*padding: 15px;*/
    color: #000;
    background-color: #fff;
    overflow-x: hidden;
    font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
    line-height: 24px;
}
/*检测模块*/
#fwUnitType .fwType{
    padding: 8px 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
#fwUnitType .fwType a{
    display: block;
    padding: 0 10px;
    float: left;
    font-size: 15px;
    text-align: center;
    margin: 8px 10px;
}
#fwUnitType a.active span {
    padding: 4px 8px;
    background: #285495;
    color: #fff;
}
.noDataTip,.deviceJyNoDataTip,.instrumentNoDataTip,.quantityNoDataTip,.certifiNoDataTip,.environmentNoDataTip,.personTrainNoDataTip,.equipMainNoDataTip{
    display: none;
}
.left-classification .typeContainer{
    width: 23%;
    border: 1px solid #e4e4e4;
    float: left;
    margin-top: 10px;
}
.typeContainer ul li {
    line-height: 40px;
}

.typeContainer ul li span {
    display: block;
    width: 110px;
    min-width: 110px;
}

.typeContainer ul li a:hover {
    color: #000;
}

.typeContainer ul li a {
    display: block;
    color: #666;
    padding: 0 20px;
    letter-spacing: 1px;
}
#deviceJyContent .deviceJyItems,#instrumentContent .deviceJyItems,#quantityContent .deviceJyItems{
    width: 100%;
    overflow: hidden;
}
#deviceJyContent .list-item,#instrumentContent .list-item,#quantityContent .list-item,
#equipMaintenanceContent .list-item{
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
#deviceJyContent .list-item dd img,#instrumentContent .list-item dd img,#quantityContent .list-item dd img,
#equipMaintenanceContent .list-item dd img{
    width: 123px;
    height: 120px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}
#deviceJyContent .list-item dt h1,#instrumentContent .list-item dt h1,#quantityContent .list-item dt h1,
#equipMaintenanceContent .list-item dt h1 {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#deviceJyContent .list-item dt p,#instrumentContent .list-item dt p ,#quantityContent .list-item dt p,
#equipMaintenanceContent .list-item dt p{
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}
@media screen and (max-width: 1366px) {
    #deviceJyContent .provideEqipService,#instrumentContent .provideEqipService,#quantityContent .provideEqipService,
    #equipMaintenanceContent .provideEqipService{
        max-width: 430px;
    }
}

@media screen and (min-width: 1600px) {
    #deviceJyContent .provideEqipService,#instrumentContent .provideEqipService,#quantityContent .provideEqipService,
    #equipMaintenanceContent .provideEqipService{
        max-width: 500px;
    }
}

#deviceJyContent .list-item dt p,#instrumentContent .list-item dt p, #quantityContent .list-item dt p,
#equipMaintenanceContent .list-item dt p{
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}
#deviceJy .content-container,#instrumentContent .content-container,#quantityContent .content-container,
#equipMaintenanceContent .content-container,#instrumentContainer .content-container,
#quantityContainer .content-container,#equipMaintenance .content-container{
    float: left;
    width: 78%;
    margin-left: 2%;
    margin-top: 10px;
}
#enterpriseContainer .left-content,#certifiContainer .left-content,#environmentContainer .left-content{
    width: 100%;
    float: left;
}

#bidCenterContainer .left-content{
    width: 80%;
    float: left;
}
.bidCenterNoDataTip{
    display: none;
}
#equipMaintenance .classifi-title{
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #eee;
    background: #0d5ace;
    color: #fff;
}
.environmentContentItems .list-item {
    height: auto;
    overflow: hidden;
    padding: 18px 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.environmentContentItems .list-item dd img {
    width: 123px;
    height: 120px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 15px;
    box-shadow: 2px 2px 2px #cac6c6;
}

.environmentContentItems .list-item dt {
    font-weight: normal !important;
    font-size: 13px;
}

.environmentContentItems .list-item dt p {
    height: 30px;
    line-height: 30px;
}

.environmentContentItems .list-item dt h1 {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#jcContainer .left-content{
    width: 100%;
}
#jcContainer .left-classification .typeContainer,#equipMaintenance .classification{
    width: 20%;
}

/*检测模块详情*/
.serviceUnitDetail .left-detail{
    width:100%;
}
/*关于我们模块*/
.aboutUsNav button{
    padding: 3px 10px !important;
    margin: 0 50px 0 0;
}
.aboutUsNav .btn-default{
    border: 1px solid #fff !important;
}
.aboutUsNav .btn-default:hover{
    background-color: #fff;
}
#aboutUs .webDescription,.webService,.franchiseGuide,.contactUs{
    border: 1px solid #dcdada;
    margin-top:20px;
    padding: 35px 50px;
    font-size: 14px;
}
.webDescription .content,.webService .content,.franchiseGuide .content{
    text-indent: 2em;
    letter-spacing: 1px;
}
.webDescription .content div,.webService .content div,.franchiseGuide .content div{
    padding:10px 0;
}
.contactUs .contactus-title{
    color: #3498db;
    margin-bottom: 15px;
}
.contactUs .phone{
    overflow: hidden;
}
.contactUs .phone .phone-title{
    margin-top: 30px;
}
.contactUs .phoneContent .contactItem{
    width:100%;
}
.contactUs .phoneContent .contactPerson,.contactUs .contactus-item{
    padding: 7px 0;
}
.contactUs .phoneContent .contactPerson:first-of-type{
    margin-top: 10px;
}
.contactPerson .contactName,.contactUs .title{
    display: block;
    width: 55px;
    float: left;
}
.contactPerson .contactPhone,.contactUs .content{
    display: inline-block;
    padding: 0 10px;
}
/*监管模块*/
/*隐患上报*/
.supervisionContainer .nav-header{
    margin-bottom:0 !important;
}
#hideDanger .layui-btn-normal,#hideDanger .layui-btn-primary,#supervisionContent .layui-btn-normal,
#supervisionContent .layui-btn-primary{
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
}

.supervisionUI,.unitNavUl,.enterpriseUl{
    width: 20%;
    float:left;
    border: 1px solid #D2D5D5;
    padding: 15px;
    font-size: 15px;
    background: #eee;
}

.enterpriseUl{
    padding: 0;
}

.supervisionUI{
    box-sizing: border-box;
}

.supervisionUI li p{
    height: 22px;
    line-height: 22px;
}

.enterpriseUl li{
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ede6e6;
}

.enterpriseUl li[attr="personnelCerti"]{
    border-top: 1px solid #ede6e6;
}

.supervisionUI li ,.unitNavUl li{
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    text-align: center;
    font-size: 14px;
}

.enterpriseUlOfUl{
    display: none;
}
.enterpriseUlOfUl li{
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: none;
    font-size: 14px;
}
.supervisionUI li:hover,.enterpriseUl li:hover,.unitNavUl li:hover{
    cursor: pointer;
}

.enterpriseUl li > a{
    display: block;
}

.enterpriseUl li.active > a {
    width: 100%;
    height: auto;
    color: #fff;
}

.supervisionUI .active,.unitNavUl .active{
    color: #fff;
}
.layuiSupervision,.safetyCheck,.randomCheck,.otherItem{
    width: 80%;
    float:left;
}
li[attrId="safetyCheck"]{
    border-bottom: 1px solid #dedede
}
.randomCheck .layui-card-header{
    margin-top:20px;
    padding: 0;
    height: auto;
    font-weight: normal
}
.randomCheck .layui-tab-content{
    padding-left:30px;
}
.randomCheck .layui-form-label{
    padding: 9px 1px;
    text-align: left;
}
.randomCheck  .otherUnitLabel{
    padding: 9px 10px;
}

@media screen and (max-width: 1366px) {
    .randomCheck .layui-form-item .layui-input-inline{
        width: 130px;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1600px) {
    .randomCheck .layui-form-item .layui-input-inline{
        width: 150px;
    }
}

@media screen and (min-width: 1600px) {
    .randomCheck .layui-form-item .layui-input-inline{
        width: 160px;
    }
}

.randomCheck .layui-card-body{
    padding: 0;
}

@media screen and (max-width: 1366px) {
    #noExtractunit,#noExtractStaff{
        width: 255px;
        height: 140px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
    #noExtractunit,#noExtractStaff{
        width: 275px;
        height: 140px;
    }
}

@media screen and (min-width: 1600px) {
    #noExtractunit,#noExtractStaff{
        width: 300px;
        height: 140px;
    }
}

@media screen and (max-width: 1366px) {
    .randomCheck .choose, .randomCheck .delete,
    .randomCheck .chooseStaff,.randomCheck .deleteStaff{
        padding: 0 10px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
    .randomCheck .choose, .randomCheck .delete,
    .randomCheck .chooseStaff,.randomCheck .deleteStaff{
        padding: 0 14px;
    }
}

@media screen and (min-width: 1600px) {
    .randomCheck .choose, .randomCheck .delete,
    .randomCheck .chooseStaff,.randomCheck .deleteStaff{
        padding: 0 18px;
    }
}


.layuiSupervisionDetail{
    width: 98%;
    float: left;
    color: #333;
}
.layuiSupervisionDetail .overflowText{
    /*max-width: 280px;*/
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inputWidth150{
    width: 150px !important;
}
#checkBeginDate,#checkEndDate,#checkBDate,#checkEDate{
    width: 90px;
}
.enterpriseInfo{
    font-size: 13px;
}
.enterpriseInfo .layui-form-label{
    width: auto;
    text-align: left;
}

.layuiSupervisionDetail .layui-form-label{
    width: 160px;
    border: 1px solid #e5e5e5;
    background: #f1f2f3;
}
.layuiSupervisionDetail .unitName{
    height: 60px;
    text-align: center;
    color: #0d5ace;
    font-size: 20px;
}
#supervisionContentDetail .layuiSupervisionDetail .layui-input-block,
#safetyProductDetail .layuiSupervisionDetail .layui-input-block{
    min-height: 38px;
    line-height: 38px;
    margin-left: 160px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
}
.unitIntrodution .expert-description{
    min-height: 36px;
    line-height:36px;
}
.enterpriseInfo .enterInfoItem{
    padding: 4px 15px;
    line-height: 19px;
}
.enterpriseInfo .inputWidth200{
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.layui-form-item{
    margin-bottom: 0;
}
.layuiSupervisionDetail .layui-card-body,.layui-fluid{
    padding: 0;
}

.attachmentContainer{
    border: 1px solid #e5e5e5;
}
#supervisionContentDetail .layuiSupervisionDetail{
    padding: 30px 0;
}
#attachment,#attachment1{
    display: block;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#attachment .fileDataName{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.enterpriseAttachItem,.otherAttachItem{
    float: left;
    margin: 10px 0;
}
.enterpriseAttachItem>.lazy,.otherAttachItem .lazy{
    width: 100%;
    height: 150px;
}
.enterpriseFileName{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*企业模块*/
/*企业信息*/
#enterpriseDetail .enterpriseInfo{
    width: 80%;
    float: left;
}

.equipLedger,.personnelCerti{
    width: 77%;
    float: left;
}

#enterpriseDetail .layui-fluid{
    padding: 0;
}
#enterpriseDetail .layui-card-body{
    padding: 0 10px 10px;
}
#enterpriseDetail .layui-card-header{
    padding-top: 25px;
    height: auto;
    font-weight: normal;
}

.enterpriseInfo .unitName{
    font-size:14px;
    font-weight: normal;
}
.enterpriseInfo .layui-form-label{
    padding: 4px 15px;
}
.unitDescContainer,.unitAreaContainer,.unitAttachmentContainer,.unitIntrodution .expert-detailDes, .serviceCase .expert-detailDes{
    border: 1px solid #cccbcb;
    border-radius: 5px;
    margin: 0 10px;
}
.unitDescContainer,.unitAreaContainer,.unitAttachmentContainer{
    margin-top:30px;
}
.unitDescContainer .unitDescBlock,.unitAreaContainer .layui-input-block,
.unitAttachmentContainer .layui-input-block{
    margin-left:0;
}

.unitDescContainer .unitDescLabel,.unitAreaContainer .unitAreaLabel,
.unitAttachmentContainer .unitAttachmentLabel,.unitIntrodution .expert-description,.serviceCase .expert-description{
    /*background: #0d5ace;*/
    border-radius: 4px;
    margin-left:0;
}

.unitDescContainer .layui-input-block{
    margin-left:0;
}

.unitDescContainer .unitDescLabel>label,.unitAreaContainer .unitAreaLabel>label,
.unitAttachmentContainer .unitAttachmentLabel>label,.unitIntrodution .description-title,.serviceCase .description-title{
    color: #fff;
    letter-spacing: 2px;
    font-size:15px;
    margin: 0 0 0 12px;
    line-height: 33px;
}
#attachment .attachmentImg{
    cursor: pointer;
    width:50px;
    height:50px;
}
#attachment img,#attachment1 img{
    margin: 10px 0;
}
.specialEquipType{
    height: 45px;
    line-height: 35px;
    margin-left: 15px;
    border-bottom:1px solid #838384;
}
.specialEquipType a{
    display: inline-block;
    padding: 0 12px;
}
.specialEquipType a.active{
    color: #fff;
}
.specialEquipType a:hover{
    cursor: pointer;
}
.equipLedger .equipBtnGroup .layui-input-block{
    float: right;
}
.unitAttachmentContainer #attachment{
    width: 100%;
}
.personnelCerti .layui-form {
    margin-top: 0;
}
.personnelCerti{
    padding-left: 10px;
}
.right-unitContent{
    width: 80%;
    float: left;
}
.unitIntrodution .expert-detailDes{
    margin: 0 20px;
}
.unitIntrodution .businessScope,.enterpriseCharacter {
    margin-top: 40px;
}

.qualificDisplay #attachment,.pictureView #attachment1{
    display: block;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.qualificDisplay #attachment .attachName,.pictureView #attachment1 .attachName,.attachFileName{
    font-size:12px;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.qualificDisplay #attachment .attachItems,.pictureView #attachment1 .attachItems{
    width: 20%;
    float: left;
}

#attachment_cns,#attachment_bg,#attachment_fj{
    padding: 30px 0 0;
    overflow: hidden;
    min-height: 140px;
}

#attachment_cns  .col-xs-1,
#attachment_bg .col-xs-1,
#attachment_fj .col-xs-1{
    margin-left: 0;
    width: 120px;
    height: 120px;
    padding: 10px;
    opacity: 1;
}

.certifiNoDataTip{
    width: 98%;
}
.enterpriseInfo .unitDesc,.unitArea,#attachment,.unitArea,#attachment1,.unitIntrodution .unitDesc,.unitArea,.unitRemark{
    min-height: 140px;
}
#enterpriseContainer .layui-fluid{
    padding: 0 !important;
}
#enterpriseContainer .layui-card-body{
    padding: 0 !important;
}
/*.enterpriseContent .layui-btn-normal,.layuiSupervision .layui-btn-normal,*/
/*.safetyCheck .layui-btn-normal,.randomCheck .layui-btn-normal{*/
    /*background: #0d5ace;*/
/*}*/
.expertDetailContent{
    color: #333;
}
.layuiSupervision .layui-card-body,.safetyCheck .layui-card-body{
    padding: 0;
}
.layuiSupervision .layui-fluid,.safetyCheck .layui-fluid{
    position: relative;
    margin: 0 auto;
    padding: 0 0 0 15px;
}
.layuiSupervision .layui-card-header,.safetyCheck .layui-card-header{
    padding: 0;
}
.layuiSupervision .btnsGroup,.safetyCheck .btnsGroup{
    float: right;
}
#enterpriseDetail .sbCodeItem{
    float: right;
}
.equipLedger .layui-fluid{
    padding: 0;
}
.equipLedger .layui-card-body{
    padding: 15px 0 0 15px;
}
.enterpriseBaseInfo{
    margin-bottom:20px;
}
#companyImg .resource-photo{
    width: 100%;
}
.unitRemark,.unitArea,.unitDesc{
    margin: 15px;
}
.unitRemark p,.unitArea p,.unitDesc p{
    line-height: 24px;
    color: #333;
    font-size:12px;
    font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
}
.dataTip{
    width: 80%;
    float: left;
}
.dataTip .tipLabel{
    width: 100%;
}
.dataTip .developLabel{
    display: block;
    text-align: center;
    margin-top: 150px;
}
.safeLiItem.changeColor{
    color: #3498db;
}

.bidDesc{
    overflow: hidden;
    padding: 30px 0;
    min-height: 140px;
}
.websiteBot{
    color: #0d5ace;
}
.franchiseGuide .title p{
    text-align: center;
    font-size:22px;
}
.franchiseGuide .guideItems .itemTitle{
    height: 30px;
    line-height:30px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.franchiseGuide .guideItem span:first-of-type{
    height: 30px;
    line-height:30px;
    font-size: 16px;
    font-weight: bold;
}
.franchiseGuide .guideItem .itemContent{
    height: 30px;
    line-height:30px;
    font-size: 16px;
    margin-left:15px;
}
.franchiseGuide .guideItem .subItem{
    font-size: 16px;
    height: 30px;
    line-height:30px;
}
/*收藏*/
#resoureLists .iconaixin,#resoureLists .iconaixin1{
    float: right;
    cursor: pointer;
    font-size:24px !important;
    margin-right: 15px;
}
#resoureLists .iconaixin1{
    color: #ff0000;
}
#resoureLists p{
    height: 24px;
    line-height: 24px;
}
#equipDispense p{
    height: 28px;
    line-height: 28px;
}
#resoureLists .resourceItem-type,#equipDispense .resourceItem-type{
    margin-top:5px;
}
.resourceTip{
    float: left;
    width: 80%;
    position: relative;
    top: 10%;
    margin-top: 30px;
}
.noDataTipMsg{
    margin-top: 30px;
}
/*交流论坛*/
.communicationContainer{
    font-family: Microsoft YaHei;
}
/*头部*/
.communicationContainer .nav-header{
    margin-bottom: 0;
}
.communicationHeader{
    border-bottom: 1px solid #e6e5e5;
    position: relative;
}
.communicationHeader p{
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    line-height: 86px;
    letter-spacing: 8px;
}
.communicationHeader .refreshBtn{
    position: absolute;
    top: 35px;
    right: 15px;
}
.iconRotate{
    transform: rotate(90deg)
}
.communicationHeader .refreshBtn img{
    width: 22px;
    cursor: pointer;
}
.forumItemTitle{
    letter-spacing: 1px;
}
/*内容*/
.communicationBody{
    overflow: hidden;
}
.communicationBody .communicationBodyNav{
    width: 9%;
    text-align: center;
}
.communicationBody .communicationBodyNav li{
    margin: 20px 0;
    color: #999;
    cursor: pointer;
    font-size: 15px;
}
.communicationBodyNav li.selected{
    color: #f74f53;
}
.communicationBody .communicationContent,.publishPost{
    width: 91%;
    border-left: 1px solid #e6e5e5;
    min-height: 250px;
}
/*搜索*/
.searchContainer{
    overflow: hidden;
    position: relative;
    margin-top: 14px;
}
.forumSearch{
    float: right;
    width: 196px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 10px 10px 10px 0;
    padding: 0 22px;
    box-shadow: 0 0 14px #d4d4d4;
    border: none;
    color: #d3d3d3;
}
/*搜索框中placeholder字体颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #d3d3d3;
    letter-spacing: 2px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d3d3d3;
    letter-spacing: 2px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #d3d3d3;
    letter-spacing: 2px;
}
.searchContainer img{
    position: absolute;
    right: 18px;
    top: 16px;
    width: 16px;
    cursor: pointer;
}
/*全部帖子*/
.allforumItem,.myPostItem,.checkPost,.showAllText{
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin: 10px;
    padding: 15px;
    overflow: hidden;
}
.checkPost,.myPost{
    position: relative;
}
/*帖子头部*/
.forumItemHeader{
    overflow: hidden;
    position: relative;
}
.checkPostBtn{
    color: #0c5acd;
    font-size: 17px;
    position: absolute;
    right: 20px;
    top: 15px;
    letter-spacing: 4px;
    font-weight: 550;
    cursor: pointer;
}
.forumItemHeader img{
    width: 78px;
    height: 78px;
    margin-right: 19px;
}
.forumItemTitle .forumItemName{
    font-size: 16px;
    color: #4d4d4d;
    margin-top: 6px;
    letter-spacing: 2px;
}
.forumItemTitle .forumItemUnitName,.forumItemDate{
    font-size: 13px;
    color: #999;
    margin-top: 24px;
}
.allforumItem .forumItemBody{
    margin-top: 22px;
}
.forumItemBody .itemTitle{
    letter-spacing: 2px;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.forumItemBody .itemContent{
    margin: 20px 0;
    text-indent: 2em;
    color: #4d4d4d;
    letter-spacing: 3px;
    line-height: 25px;
    font-size: 12px;
}
.forumItemBody .showAllContent{
    color: #0c5acd;
    cursor: pointer;
}
.forumItemBody .itemInfo img{
    width: 24px;
}
.forumItemBody .itemInfo span{
    color: #4d4d4d;
    font-size: 13px;
    display: inline-block;
    margin: 0 50px 0 10px;
}
/*我的帖子*/
.myPost .forumItemBody{
    width: 89%;
}
.myPost .postState{
    width: 11%;
    text-align: center;
}
.myPost .postState img{
    margin: 42px 0 15px 0;
    width: 26px;
    cursor: pointer;
}
.myPost .itemContent{
    margin-bottom: 35px;
}
.postStateTip{
    padding: 5px;
}
.postStateTip p{
    line-height: 28px;
    letter-spacing: 2px;
    color: #0c5acd;
    font-size: 15px;
}
.reEditBtn,.checkUnpass{
    cursor: pointer;
}
/*发帖子*/
.publishPost{
    width: 100%;
    padding: 15px;
}
.publishPostItem{
    border: 1px solid #ededed;
    border-radius: 10px;
    line-height: 55px;
    padding: 0 10px;
    overflow: hidden;
}
.publishPost .postTitle{
    font-size: 16px;
    letter-spacing: 2px;
}
.editContent{
    line-height: 25px;
    margin: 15px 0;
    padding: 10px;
}
.editContent textarea{
    width: 100%;
    height: 200px;
    border: none;
    padding: 5px 0;
}
.postTitleName{
    padding: 0 10px;
    width: 92%;
    border: none;
}
.postAttachmentItem{
    margin: 0 15px 20px 0;
    position: relative;
    width: 80px;
}
.postAttachmentItem .attachName{
    line-height: 30px;
    padding: 0;
    width: 88%;
    font-size: 12px;
}
.deleteImg{
    position: absolute;
    top: -26px;
    left: 63px;
    cursor: pointer;
}
.postAttachmentItem .uploadImg,.postAttachmentItem .defaultImg,.postAttachmentItem a img{
    width: 74px;
    height: 74px;
    cursor: pointer;
}
.savePostBtn,.updatePostBtn{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-weight: bold;
    letter-spacing: 6px;
    margin: 50px 0 10px 0;
    width: 250px;
    font-size: 17px;
    border-radius: 23px;
    line-height: 32px;
    padding: 1px 10px;
    border: none;
}
/*审核帖子*/
.checkPost .forumItemUnitName,.checkPost .forumItemDate,.showAllText .forumItemUnitName,.showAllText .forumItemDate{
    margin-top: 7px;
}
.checkPostContent .checkPostTitle{
    text-align: center;
    letter-spacing: 2px;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0;
    white-space: normal;
    word-break: break-all;
}
.checkContent{
    margin-bottom: 20px;
    text-indent: 2em;
    letter-spacing: 2px;
    line-height: 26px;
    word-break: break-all;
    white-space: normal;
}
.checkContent p{
    text-indent: 2em;
    letter-spacing: 2px;
    line-height: 26px;
}
.checkPostAttachment{
    overflow: hidden;
}
.checkPostAttachmentItem{
    margin-right: 20px;
    width: 90px;
    height: 90px;
}
.checkPostAttachmentItem img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/*通过/不通过*/
.opinionContainer{
    position: relative;
}
.passBtn,.unPassBtn{
    display: block;
    border-radius: 10px;
    background: rgba(0,160,233,.25);
    color: #4884ff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 15px;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
}
.passBtn{
    width: 55px;
    position: absolute;
    right: 5px;
    top: 10px;
}
.unPassBtn{
    width: 75px;
    position: absolute;
    right: 5px;
    top: 50px;
}
/*不同意窗口*/
.unPassContent,.unPassReasonModal{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    background: #e6e6e6;
    z-index: 10;
}
.unPassContent .unPassTitle,.unPassReasonModal .unPassTitle{
    line-height: 35px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}
.unPassReason,.showReason{
    margin: 0 10px;
    width: 480px;
    border: none;
    height: 110px;
    padding: 10px;
    border-radius: 10px;
}
.showReason{
    background: #fff;
}
.unPassBtnGroups,.remarkBtnGroup{
    text-align: right;
    line-height: 26px;
    font-weight: bold;
    cursor: pointer;
}
.unPassBtnGroups .cancelBtn,.remarkBtnGroup .cancelBtn{
    margin-right: 80px;
}
.unPassBtnGroups .confirmBtn,.remarkBtnGroup .confirmBtn{
    margin-right: 12px;
}
/*显示全文*/
.showAllText .allContent{
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e5e5;
}
/*全部评论*/
.allRemarks .remarkTitle{
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 2px;
}
.remarkModel{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    border-radius: 10px;
    background: #e6e6e6;
    padding: 15px 15px 0 15px;
    z-index: 10;
}
.remarkPlaceholder{
    position: fixed;
    top: 28px;
    left: 69px;
}
.editRemarkIcon img {
    position: fixed;
    bottom: 40px;
    right: 30px;
    cursor: pointer;
    width: 66px;
}
#editRemark + .layui-layedit{
    background: #fff;
}
.remarkItem{
    margin-bottom: 10px;
}
.remarkHeader{
    overflow: hidden;
}
.remarkItem .remarkStaffIcon{
    width: 45px;
    height: 45px;
    margin-right: 15px;
}
.deleteRemark{
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-right: 15px;
}
.remarkerName,.remarkDate{
    color: #4d4d4d;
    font-size: 15px;
    letter-spacing: 2px;
}
.remarkDate{
    font-size: 12px;
    margin-top: 6px;
}
.remarkContent{
    display: inline-block;
    margin: 10px 0 10px 60px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #ececec;
}
.remarkContent p{
    word-break: break-all;
}
/*必填*/
.mustFill{
    color: #FF0000;
}
/*分页*/
.postPage{
    margin-top: 20px;
}
/*无数据提示*/
.forumNoDataTip{
    width: 80%;
    position: relative;
    margin-top: -180px;
    margin-left: 10%;
}
.itemPartContent{
    /* 如果单词超过宽度了，整个单词打散，超过的部分换行*/
    word-break: break-all;
    white-space: normal;
}
/*提示蒙层*/
.tipShade{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
}
.equipDispenseAttachment{
    width: 100% !important;
    display: flex !important;
}
.equipDispenseAttachment:hover{
    cursor: pointer;
}
.equipDispenseAttachment .attachmentItem{
    width: 150px;
    height: 110px;
}