* {
    padding: 0px;
    margin: 0px;
    border: none;
    list-style: none;
    text-decoration: none;
    font-family: PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;
}

a {
    color: #000;
}
.toparea::before{
    content:"";
    display:block;
    height:101px;
}
.ban {
    width: 100%;
    position: relative;
}
.search {
    position:absolute;
    left:10px;
    top:10px;
    width:calc(100% - 30px);
    background:rgba(255,255,255,0.4);
    z-index:50;
    padding:8px 5px;
    border-radius:10px;
}
.search span{
    color:#fff;
    margin-left:10px;
    font-size:16px;
}
    .search span::after{
        content:"|";
        padding:0px 12px;
        text-align:center;
        display:line-block;
    }
.search input{
    background:none;
    border:none;
    outline:none;
    width:calc(100% - 120px);
    color:#fff;
    font-size:16px;
}
    .search input::placeholder{
        color:#fff;
        
    }
.navbtn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 5px solid #f6f7fc;
    padding:20px 0px;
    margin-bottom:20px;
}
.navbtn .item{
    width:25%;
    font-size:14px;
    text-align:center;
    margin:10px 0px;
}

    .navbtn .item .icon {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        border-radius: 10px;
        margin-bottom:10px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:18px;
        color:#fff;
    }
        .navbtn .item .icon img{
            width:30px;
        }
        .tit {
            margin: 0px 10px;
            width: calc(100% - 20px);
            float: left;
        }
.tit .t{
    float:left;
    font-size:18px;
    font-weight:bold;
}
    .tit .t:before{
        content:"";
        width:6px;
        height:15px;
        background:#dd4b4e;
        display:block;
        float:left;
        margin-right:10px;
        margin-top:4px;
    }
    .tit .more {
        float: right;
        font-size: 14px;
        color: #999999;
    }
        .tit .more::after{
            content:">";

        }
.xinpu .listcover {
    width:100%;
    overflow-x: scroll;
}
.xinpu .list{
    display:flex;
    padding:15px 0px;
}
.xinpu .list .item{
    flex-shrink:0;
    width:220px;
    height:240px;
    box-shadow:0px 0px 10px 1px #eee;
    margin-left:15px;
}
    .xinpu .list .item:first-child{
        margin-left:0px;
    }
    .xinpu .list .item .imagediv{
        position:relative;
        width:100%;
        height:150px;
    }
    .xinpu .list .item .imagediv img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        position: absolute;
        z-index: 10;
    }
        .xinpu .list .item .imagediv .covertext{
            position:absolute;
            z-index:20;
            width:calc(100% - 10px);
            bottom:0px;
            left:0px;
            background:rgba(0,0,0,0.4);
            color:#fff;
            font-size:12px;
            padding:5px 5px;
        }
            .xinpu .list .item .imagediv .covertext .area {
                max-width: calc(100%);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
            }
            

    .xinpu .list .item .tips {
        width: calc(100% - 10px);
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        padding: 0px 5px;
        height: 20px;
        overflow: hidden;
        margin: 10px 0px;
    }
        .xinpu .list .item .tips span {
            font-size: 10px;
            background: #f5f5f5;
            padding: 3px 5px;
            color: #656565;
        }
    .xinpu .list .item .address {
        font-size: 12px;
        line-height: 18px;
        color: #656565;
        width: calc(100% - 10px);
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .xinpu .list .item .address::before{
        content:"";
        background:url(../img/icon_address.jpg) no-repeat;
        width:20px;
        height:18px;
        display:inline-block;
        float:left;
        background-size:contain;
    }
    .xinpu .list .item .price {
        float: left;
        font-size: 12px;
        margin: 5px 0px 0px 10px;
        color: #dd4b4e;
    }

.tuijian {
    margin-top: 40px;
    padding-top:20px;
    border-top: 1px solid #f6f7fc;
    float:left;
}
    .tuijian .list{
        margin-top:10px;
        display:flex;
        flex-wrap:wrap;
        width:100%;
        float:left;
        
    }
        .tuijian .list .item {
            width: calc(100% - 20px);
            margin-left: 10px;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
    .tuijian .list .item .imagediv {
        width: 150px;
        height: 100px;
        float:left;
    }

        .tuijian .list .item .imagediv img {
            width: 100%;
            height: 100px;
            object-fit: cover;
            z-index: 10;
        }
        .tuijian .list .item .right{
            width:calc(100% - 160px);
            float:right;
            margin-left:10px;
        }
        .tuijian .list .item .covertext {
            width:100%;
            font-size: 14px;
            float:left;
        }

            .tuijian .list .item .covertext .area {
                max-width: calc(100%);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
            }

    .tuijian .list .item .tips {
        width: calc(100%);
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        padding: 0px 5px;
        height: 20px;
        overflow: hidden;
        float:left;
    }

        .tuijian .list .item .tips span {
            font-size: 10px;
            background: #f5f5f5;
            padding: 3px 5px;
            color: #656565;
        }

    .tuijian .list .item .address {
        font-size: 12px;
        line-height: 18px;
        color: #656565;
        width: calc(100%);
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float:left;
        margin:5px 0px;
    }

        .tuijian .list .item .address::before {
            content: "";
            background: url(../img/icon_address.jpg) no-repeat;
            width: 20px;
            height: 18px;
            display: inline-block;
            float: left;
            background-size: contain;
        }

    .tuijian .list .item .price {
        float: left;
        font-size: 12px;
        margin-top:10px;
        color: #dd4b4e;
    }

.morebor {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    color: #999999;
    display: block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left;
}
.morebor::after{
    content:">";
    font-family:"宋体";
    padding-left:10px;
}
.fcjjy{
    width:100%;
    margin-top:20px;
    float:left;
}
    .fcjjy img{
        width:calc(100% - 50px);
        display:block;
        margin:0 auto;
        margin-bottom:20px;
    }
    .dichan {
        padding-top: 20px;
        float: left;
        width: 100%;
        border-top:1px solid #eee;
        margin-top:20px;
    }
.dichan .list{
    margin-top:20px;
    float:left;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    width:100%;
}
    .dichan .list .item {
        width: calc(50% - 10px);
        max-width: 180px;
        text-align: center;
        margin: 5px 0px;
        font-size: 14px;
        height: 150px;
        overflow:hidden;
    }
        .dichan .list .item img {
            width: 100%;
            height: 120px;
        }
        .dichan .list .item span {
            width:100%;
            display:block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .xzzn {
            padding-top: 20px;
            float: left;
            width: 100%;
            border-top: 1px solid #eee;
            margin-top: 20px;
        }

    .xzzn .list {
        margin-top: 10px;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: 100%;
    }

.xzzn .list .item {
    width: calc(100% - 20px);
    text-align: left;
    margin: 0px 10px;
    padding:10px 0px;
    font-size: 14px;
    overflow: hidden;
    border-bottom:1px dotted #eee;
}



.infos{
    width:100%;
    float:left;
    background:#eee;
    text-align:center;
    font-size:12px;
    color:#999;
    padding:20px 0px;
    line-height:1.2rem;
}
.docbar {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 60px;
    display: flex;
    justify-content: space-around;
    background: #fdfdfd;
    border-top:1px solid #eee;
    z-index:100;
    background:#dd4b4e;
}
body::after {
    content: "";
    height: 60px;
    width: 100%;
    display: block;
    float: left;
}
.docbar .tel a{
    width:100%;
    display:block;
    text-align:center;
    padding:20px 0px;
    color:#fff;

}

    .docbar .tel a:before{
        content:"";
        background:url(../img/tel.png) no-repeat;
        background-size:contain;
        width:20px;
        height:20px;
        float:left;
        margin-right:10px;
    }