body {
    font-size: 0.75rem;
   
    margin: 0;
}

.content {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    
}

.content h2 {
    width: 100%;
    font-size: 1rem;
    text-align: center;
    background-color: #ccc;
    margin: 10px 0px;
    padding: 5px 0px;
}

.content h3 {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    margin: 5px 0px;
    padding: 2px 0px;
}

.content .vipInfo {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.content .vipInfo div img {
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 50%;
}

.content #test form {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    border: none;
}

.content #test form input {
    width: 60%;
    font-size: 1rem;
    padding: 10px 10px;
    margin: 0 auto;
}

.content .footer {
    text-align: center;
    padding: 50px 0px;
}

table {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}



.nav {
    display: flex;
    flex-wrap: wrap;
}

.nav div {
    margin-right: 10px;
}

/* 搜索模块*/
#search {
    padding: 2px;
    font-size: 1rem;
}

#search select {
    font-size: 1rem;
    height: 1.5rem;
}

#search option {
    font-size: 1rem;
    height: 1.5rem;
}

#search input[type="text"] {
    font-size: 1rem;
    width: 15rem;
    height: 1.5rem;
}

#search input[type="submit"] {
    font-size: 1rem;
}

#search .list {
    display: flex;
    flex-wrap: wrap;
}

#search .list div {
    padding-right: 10px;
}


/*推荐和在售列表*/
#tuijian,
#zaishou,
#daishou {
    display: flex;
    flex-wrap: wrap;
}


#tuijian .list,
#zaishou .list,
#daishou .list {

    width: 30%;
    height: auto;
    padding: 1%;

}
.imgbox{
    width: 100%;
   
        
    overflow: hidden;
    position: relative;
}


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

    /* 当屏幕宽度小于或等于640px时，应用以下样式 */
    #tuijian .list,
    #zaishou .list,
    #daishou .list {
        width: 45%;
        height: auto;
        padding: 2%;
    }
}

/* //屏幕小于640px时，将每个列表项的宽度设置为100%*/




/* 搜索结果模块*/

.loupanlist .list {
    display: flex;
    padding: 5px;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;;


}

.loupanlist .list .flex {
    padding:5px 10px 10px 0px ;
    font-size: 1rem;
    line-height: 1.5;
}
.loupanlist .list .flex .lpmc{font-size: 1.2rem;}

.loupanlist .list .flex span{font-size: 1.2rem;color:red;}






/* 楼盘详情页面*/
#detailnav #detailnavlist {
    display: flex;
    flex-wrap: wrap;
}

#detailnav #detailnavlist a {
    padding: 10px;
    font-size: 1rem;
    text-decoration: none;
}

#detailnav #detailnavlist a:hover {
    color: red;
}

#detailnav #detailnavlist a {
    color: blue;
}

.canshu {
    font-size: 1rem;
    line-height: 1.5;
}

#loupaninfo {
    display: flex;
    flex-wrap: wrap;
}

#loupaninfo .canshu {
    padding: 10px;
}

#huxing {
    display: flex;
    flex-wrap: wrap;
}

#huxing .flex {}
#loupanimg{padding: 5px;font-size: 1rem;}
#loupanimg img {
    padding: 10px 0px;
}

#tupai div {
    font-size: 1rem;
    line-height: 2;
}

/* 楼盘详情联系我们*/
#contact-container {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #f5f5f5;
    /* 可自定义背景颜色 */
}

#contact-content {
    position: fixed;
    bottom: 0;
    /* 置于窗口底部 */
    width: 100%;
    /* 横向填满屏幕 */
    max-width: 950px;
    box-sizing: border-box;
    padding: 15px;
    /* 自定义内边距 */
    background-color: #2502e9;
    /* 可自定义背景颜色 */
    color: #000000;
    /* 文字颜色 */
    text-align: center;
    /* 文字居中对齐 */
    font-size: 1.2rem;
}

#contact-content a {
    text-decoration: none;
    color: #f5f5f5;
}

/* 一房一价tab切换*/
.tab-container {
    width: 100%;
    /* Container styles */
}

.tab-list {

    margin: 0;
    padding: 0;
    width: 100%;
    /* Additional styles like alignment, spacing, etc. */
}

.tab {
    cursor: pointer;
    padding: 0.5rem 1rem;
    display: inline-block;
    background-color: cornflowerblue;
    margin: 5px;
    /* Other styles like background, color, etc. */
}

.tab.active {
    background-color: tomato;
}

.tab-content {
    width: 100%;
    /* Content container styles */
}

.tab-pane {
    display: none;
    /* Initially hide all panes */
    padding: 1rem;
    width: 100%;
    /* Additional styles for pane content */

}

.tab-pane.active {
    display: block;
    /* Show the active pane */
}

/* kaipanyushou*/
#kaipanyushou {
    width: 100%;
    display: flex;
    justify-content: center;
    /* 水平居中 */
    justify-content: space-between;

}

#kaipanyushou a {
    text-decoration: none;
    font-size: 1rem;
}

#kaipanyushou .listitem {
    flex: 1;

}

#kaipanyushou .listitem a {
    display: flex;
    justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  flex-direction: column; 
    /* 水平居中 */
   
}
#kaipanyushou .listitem a div{text-align: center;}
#kaipanyushou .listitem .count {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 15px;
    background-color: #2502e9;
    color: #fff;

}
#kaipanyushou .listitem:nth-child(2) .count {
    background-color: rgb(243, 5, 191);
}
#kaipanyushou .listitem:nth-child(3) .count {
    background-color: crimson;
}

#kaipanyushou .listitem:nth-child(4) .count {
    background-color: chocolate;
}

#kaipanyushou .listitem:nth-child(5) .count {
    background-color: rgb(186, 0, 243);
}

.footer{ text-align: center;line-height: 2;}