body{
    background: #eff1f4;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #666;
}
.bg_w{
    clear: both;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
}

/* topIndex */
.topIndex{
    background: #294d65;
    color: #fff;
    text-align: right;
    padding: 8px 0;
    font-size: 12px;
    font-weight: lighter;
}
.topIndex a{
    color: #fff;
    text-decoration: none;
    padding: 8px;
    font-size: 15px;
}
.topIndex a:last-child{
    padding-right: 0;
}
.topIndex a:hover{
    text-decoration: underline;
}


/* headIndex */
.headIndex{
    background: linear-gradient(to top, #ddf1ff, #e3f9ff, #e3f9ff, #e3f9ff, #ddf1ff);
}
.navIndex{    
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}
.navIndex .logo{
    font-size: 24px;
}
.navIndex .logo a{    
    color: #0a79e8;
    text-decoration: none;
    font-weight: 900;
}
.navIndex .nav a{    
    color: #0a79e8;
    text-decoration: none;
    margin: 0 20px;
    font-size: 13px;
    font-weight: 900;
}
.navIndex .nav a:last-child{
    margin-right: 0;
}
.navIndex .nav a:hover{
    text-decoration: underline;
}


/* top */
.top{
    background: #294d65;
    color: #fff;
    text-align: right;
    padding: 5px 0;
    font-size: 12px;
    font-weight: lighter;
}
.top a{
    color: #333;
    text-decoration: none;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    padding: 8px;
    font-size: 15px;
}
.top a:last-child{
    padding-right: 0;
}
.top a:hover{
    text-decoration: underline;
}

/* head */
.head{
    background:#0b7fea;
}
.navMain{    
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}
.navMain .logo{
    font-size: 24px;
}
.navMain .logo a{    
    color: #fff;
    text-decoration: none;
    font-weight: 450;
}
.navMain .nav a{    
    color: #fff;
    text-decoration: none;
    margin: 0 20px;
    font-size: 13px;
    font-weight: 450;
}
.navMain .nav a:last-child{
    margin-right: 0;
}
.navMain .nav a:hover{
    text-decoration: underline;
}


/* footer */
.footer{
    font-size: 10px;
    text-align: center;
    font-weight: lighter;
    padding: 20px 0;
}
.footer .nav{
    margin-bottom: 10px ;
} 
.footer .nav a{
    color: #666;
    text-decoration: none;
    padding: 0 10px;
    border-right: solid 1px #dddddd;
}
.footer .nav a:last-child{
    border-right: 0;
}
.footer .nav a:hover{
    text-decoration: underline;
    color: #0a79e8;
}

/* companyList */
.companyList{
    box-sizing: border-box;
    display: flex;
    align-items: start;
    background: #fff;
    border-radius: 5px;
    padding: 30px 15px;
    margin-top: 20px;
}
.leftSearch{
    box-sizing: border-box;
    width: 25%;
    padding: 0 20px;
}
.leftSearch label{
    display: block;
    width: 220px;
    color: #777;
} 
.leftSearch input,
.leftSearch select{
    display: block;
    box-sizing: border-box;
    width: 220px;
    height: 42px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 8px 15px;
    margin-top:5px;
    margin-bottom: 10px;
    font-size: 12px;
    /* background: url(../images/icon.jpg) no-repeat right center; */
}
.leftSearch input:hover,
.leftSearch input:focus{
    border: #0a79e8 solid 1px;
}
.leftSearch .blueBut{
    cursor: pointer;
    height: 42px;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    border-radius: 4px;
    background: #0a79e8;
    margin-top: 5px;

}
/* 针对 Webkit 内核的浏览器（如 Chrome、Safari） */
::-webkit-scrollbar {
    width: 0px; /* 设置滚动条的宽度 */
}
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 滚动条轨道的背景颜色 */
}

::-webkit-scrollbar-thumb {
    background: #888; /* 滚动条滑块的背景颜色 */
}

::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滚动条滑块悬停时的背景颜色 */
}
.rightList{
    width: 75%;
    min-height: 480px;
    border-left: 1px solid #e0e0e0;
    padding-left: 25px;
}
.companyCon{
    display: flex;
    margin: 0 0 20px;
    padding-bottom: 20px;
    background: #f1f1f1;;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}
.companyCon:last-child{
}
.companyCon dt,
.companyCon dt img{
    width: 305px;
    max-width: 305px;
    max-height: 243px;
    border-radius: 4px;
}
.companyCon dt{
    flex-grow: 0;
    background: #f9f9f9;
    margin-left: 18px;
    margin-top: 13px;
}
.companyCon dd{
    flex-grow: 2;
    position: relative;
    margin-left: 25px;
}
.companyCon dd h3{
    margin: 5px 0;
}
.companyCon dd a{
    color: #0a79e8;
    text-decoration: none;
}
.companyCon dd a:hover{
    text-decoration: underline;
}
.companyCon dd p{
    margin: 6px 0;
}
.companyCon dd p.price{
    color: #fea028;
    font-size: 16px;
}
.companyCon .blueBut{
    cursor: pointer;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 1.25em;
    background: #0a79e8;
    margin-top: 5px;
}
.companyCon .greenBut{
    cursor: pointer;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 1.25em;
    background: #4ca779;
    margin-top: 5px;
}


/* company */
.company{
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    padding: 30px 45px;
    margin-top: 20px;
    font-size: 14px;
}
.company h2{
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 10px;
}
.company .title p span{
    color: #999;
    padding-right: 20px;
    font-size: 12px;
}
.company .blueBut01{
    position: absolute;
    right: 45px;
    top: 500px;
    cursor: pointer;
    /* width: 220px; */
    height: 42px;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    border-radius: 4px;
    background: #0a79e8;
    margin-top: 5px;

}
.company .blueBut02{
    position: absolute;
    right: 45px;
    top: 500px;
    cursor: pointer;
    /* width: 220px; */
    height: 42px;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    border-radius: 4px;
    background: #2be80a;
    margin-top: 5px;

}
.company .price{
    color: #fea028;
    font-size: 14px;
}
.ImgCompany{
    position: relative;
}
.ImgCompany .leftBut{
    cursor: pointer;
    position: absolute;
    top: 200px;
    left: -32px;
}
.ImgCompany .rightBut{
    cursor: pointer;
    position: absolute;
    top: 200px;
    right: -32px;
}
.ImgCon{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    height: 360px;
    background: #f5f7fa;
    padding: 4px;
}
.ImgCon img{
    display: block;
    height: 360px;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 8px;
    width: 50%;
    height: 100%;
}

.Guestbook{
    border-radius: 10px;
    overflow: hidden;
    border: solid 1px #0a79e8;
    margin-top: 30px;
    font-size: 12px;
}
.Guestbook h3{
    background: #0a79e8;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    margin: 5px 0;
}
.GuestbookCon{
    padding: 30px 50px;
}

.GuestbookCon label{
    display: block;
    width: 220px;
    color: #777;
} 
.GuestbookCon input{
    display: block;
    box-sizing: border-box;
    width: 260px;
    height: 42px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 8px 15px;
    margin-top:5px;
    margin-bottom: 10px;
    font-size: 12px;
    background: #fff;
} 
.GuestbookCon textarea{
    display: block;
    box-sizing: border-box;
    width: 90%;
    height: 100px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 8px 15px;
    margin-top:5px;
    margin-bottom: 10px;
    font-size: 12px;
    background: #fff;    
}
.GuestbookCon input:hover,
.GuestbookCon input:focus,
.GuestbookCon textarea:hover,
.GuestbookCon textarea:focus{
    border: #0a79e8 solid 1px;
}
.GuestbookCon .blueBut{
    cursor: pointer;
    width: 220px;
    height: 42px;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    border-radius: 4px;
    background: #0a79e8;
    margin-top: 5px;

}
.nav-icon {
    display: inline-block;
    width: 20px;  /* 图标宽度 */
    height: 20px; /* 图标高度 */
    margin-top: -5px;
    margin-right: 8px; /* 图标和文本之间的间距 */
    vertical-align: middle; /* 垂直对齐 */
    background-repeat: no-repeat; /* 不重复背景图像 */
    background-size: contain; /* 背景图像大小 */
}

.buy-icon {
    background-image: url("http://www.companyforsale.sg/images/buy.png"); /* 购买业务图标路径 */
}

.message-icon {
    background-image: url("http://www.companyforsale.sg/images/message.png"); /* 购买业务图标路径 */
}

.listing-icon {
    background-image: url("http://www.companyforsale.sg/images/save.png"); /* 购买业务图标路径 */
}

.profile-icon {
    background-image: url("http://www.companyforsale.sg/images/tj.png"); /* 购买业务图标路径 */
}

.favorite-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.sent-message-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.sell-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.free-business-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.paid-business-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.payment-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.personal-data-icon {
    background-image: url("http://www.companyforsale.sg/images/logo.png"); /* 购买业务图标路径 */
}

.password-icon {
    background-image: url("http://www.companyforsale.sg/images/password.png"); /* 购买业务图标路径 */
}