@import url("../fonts/iconfont.css");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    -webkit-text-size-adjust: none;
}
body {
--green:#5fb95d;
 --gary:rgba(0,0,0,0.06);
 --black:#474747;
 --blue:#0087ff
}
body {
    background: #f5f5f5;
    color: var(--black);
}
p {
    margin: 0
}
li {
    list-style: none;
}
.searchbx {
    padding: 10px;
    background: #fff;
    align-items: center;
    position: relative
}
.mui-content {
    background: none
}
.mui-bar {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    box-shadow: none
}
.flex {
    display: flex;
    flex-wrap: wrap
}
.bx {
    background: #fff;
    border-radius: 0.5rem;
    margin: 10px;
}
.mui-bar .mui-title {
    text-align: left;
}
.searchbx .mui-search {
    flex: 2;
}
.searchbx input {
    margin-bottom: 0;
}
.map {
    flex: 0.4;
    text-align: center
}
.map .map-name {
    font-weight: 800;
}
.navtap {
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 10px 10px 0 10px;
    justify-content: space-between
}
.nav {
    width: 23%;
    margin: 0.7rem 0 0.5rem 0
}
.nav span {
    font-size: 70%;
    display: block;
    text-align: center;
    margin-top: 6px
}
.icon {
    width: 50px;
    height: 50px;
    background: #ddd;
    border-radius: 10em;
    margin: 0 auto;
}
.note {
    padding: 0.5rem 0.8rem;
    border-top: var(--gary) solid 1px;
    margin-top: 0;
    border-radius: 0 0 0.5rem 0.5rem;
    align-items: center;
}
.note-til {
    width: 6rem;
    background: url(../images/note.png) no-repeat center left;
    background-size: auto 90%;
    height: 1.2rem;
}
.note-cont {
    flex: 1
}
.note-cont marquee {
    width: 100%;
    height: 100%;
}
.til {
    margin: 1.5rem 0 1rem 0;
    position: relative
}
.til h1 {
    font-size: 130%;
    justify-content: center;
    align-items: center;
    color: #0087ff
}
.til h1 img {
    width: 8%;
    margin-right: 0.5rem
}
.til h1::after, .til h1::before {
    content: "";
    width: 1.5rem;
    border-top: #b3b3b3 solid 1px;
    margin: 0 0.5rem
}
.til a.more {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 70%;
    color: #333;
    margin-right: 1rem
}
.til a.more::after {
    width: 0.35rem;
    height: 0.35rem;
    border-right: #333 solid 1px;
    border-top: #333 solid 1px;
    transform: rotate(45deg);
    content: "";
    display: inline-block;
}
.h-left {
    width: 45%;
    height: 0;
padding-bottom: calc((45% - 0px)/9*16);
    position: relative
}
.h-right {
    width: 55%;
    padding-left: 10px;
    position: relative
}
.housebx {
    padding: 0 10px;
}
.h-right>div {
    height: 0;
padding-bottom: calc((55% - 0px)/9*12);
    position: relative;
}
.h-2 {
    margin-top: 12px
}
.house {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
	overflow: hidden
}
.house img {
    width: 100%;
    height: 100%;
}
.h-left .house img {width: auto;position: relative;
    left: 50%;
    transform: translateX(-50%);}
.house .h-name {
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.5rem;
    width: 100%;
}
.video {
padding-bottom: calc((100% - 0px)/16*9);
    background: #000;
    position: relative
}
.video video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.newsbx {
    padding: 10px;
    border-bottom: var(--gary) solid 1px;
    margin-bottom: 60px
}
.list {
    border-bottom: var(--gary) solid 1px;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px
}
.list .img {
    width: 15%;
}
.list .img img {
    width: 100%
}
.list-til {
    flex: 1;
    padding: 0 10px 0 10px;
}
img {
    display: block
}
.list:first-child {
    padding-top: 0;
}
.list:last-child {
    padding-bottom: 0;
    border: none
}
.mui-bar-nav a {
    color: var(--black)
}
.searchbx input[type="search"] {
    border-radius: 10em;
}
.searchbx input[type="search"]::before {
    margin-top: 2px
}
.m-snav {
    position: absolute;
    top: 55px;
    width: 36%;
    right: 10px;
    padding: 10px;
    border-radius: 6px;
    background: #fff;
    box-shadow: rgba(0,0,0,0.2) 0 -3px 10px;
    z-index: 9;
    display: none
}
.m-snav li {
    text-align: center;
    line-height: 2.5;
    border-bottom: var(--gary) solid 1px;
    font-size: 95%;
}
.m-snav::before {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 0.5rem solid transparent;
    border-left: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #fff;
    content: "";
    right: 26px;
    top: -0.5rem;
}
.m-snav li:last-child {
    border: none
}
.m-snav li:active {
    background: var(--blue);
    color: #fff
}
.image {
    position: relative
}
.image img {
    position: absolute;
    width: 100%;
    height: 100%
}
.flistbx {
    background: #fff;
    padding: 0.6rem;
    border-bottom: var(--gary) solid 1px
}
.flistbx .img {
padding-bottom:calc((35% - 0px)/4*3);
    width: 35%;
    background: #f9f9f9
}
.list-info {
    flex: 1;
    padding-left: 16px;
    overflow: hidden
}
.flistbx h1 {
    font-size: 110%
}
.flistbx p {
}
.address {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 95%
}
.company {
    background: #ffeae5;
    color: #f7a694;
    border-radius: 10em;
    padding: 0.1rem 0.3rem;
    font-size: 60%
}
.price {
    color: #FF0000;
    font-weight: 600;
}
.price span {
    font-size: 10px;
    margin-left: 10px
}
.nodate {
    padding: 30px 0 7rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 80%;
    color: #999
}
.nodate::after, .nodate::before {
    content: "";
    border-top: rgba(0,0,0,0.1) solid 1px;
    width: 2rem;
    margin: 0 1rem;
}
.houseimg {
    width: 100%;
    height: 0;
padding-bottom: calc((100% - 0px)/4*3);
    background: #f9f9f9
}
.txt-info {
    align-items: center;
    justify-content: center;
    color: #808080;
    background: #fff;
    padding: 2rem 0
}
.txt-info i {
    margin: 0 0.5rem
}
.txt-info span {
    margin: 0 1rem 0 0;
    font-size: 85%
}
.txt-info span b {
    font-size: 120%
}
.house-info-til {
    background: #fff;
    padding: 20px 20px 0 20px
}
.house-info-til h1 {
    font-size: 130%;
    line-height: 2
}
.btnbx.mui-bar {
    position: fixed;
    background: #fff;
    padding: 1rem 3rem 4rem 3rem;
    width: 100%;
    bottom: 0;
    box-shadow: rgba(0,0,0,0.01) 0 0 10px
}
.btnbx .btn {
    background: var(--blue);
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #fff;
    font-weight: 700;
    font-size: 120%;
    border-radius: 10em
}
.mui-search:before {
    margin-top: -10px;
    font-weight: 800;
}
.mui-search .mui-placeholder .mui-icon {
    font-weight: 700;
}
.jifenbx {
    min-height: 19rem;
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: #fff;
}
.jifenbx::before {
    content: "";
    width: 400%;
    height: 600%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    background: linear-gradient(#4482ec 85%, #05bdfe);
    border-radius: 100em;
    z-index: -1;
}
.userbx {
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 0 0.6rem 0
}
.userbxA {
    background: linear-gradient(#4482ec, #05bdfe);
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 16rem;
    width: 100%!important
}
.user-info {
    padding: 0 0 0 0;
    width: 45%;
    text-align: center
}
.user-info .img {
    width: 78px;
    height: 78px;
    border-radius: 100em;
    overflow: hidden;
    margin: 0 auto
}
.user-info .img img {
    width: 100%;
    height: 100%
}
.user-info span, .userbxA span {
    font-size: 120%;
    font-weight: 700;
    display: block;
    margin-top: 0.7rem
}
.userbxA .user-info span {
    width: 100%;
    color: #fff;
    margin-top: 1rem
}
.userbxA .user-info .img {
    width: 100px;
    height: 100px;
}
.jifenbx p {
    color: rgba(255,255,255,0.6)
}
.jifenbx .qdnum {
    font-size: 110%;
    font-weight: 600;
    line-height: 1.8
}
.qdbtn {
    text-align: center
}
.qdbtn p {
    font-weight: 600;
}
.qdbtn .btn {
    border: #fff solid 1px;
    background: rgba(255,255,255,0.3);
    border-radius: 10em;
    color: #fff;
    font-weight: 600;
    padding: 0.3rem 1rem;
    font-size: 102%;
    margin-top: 0.6rem
}
.mui-card {
    font-size: 100%;
    margin: 20px;
    border-radius: 8px;
    box-shadow: 0 0px 8px rgba(0,0,0,.08);
}
.mui-table-view-cell:after {
    left: 15px;
    right: 15px;
    background-color: rgba(0,0,0,0.08);
}
.mui-table-view-cell {
    padding: 13px 15px;
}
.ulist i {
    font-weight: 800;
    margin-right: 1rem;
    font-size: 1.15rem
}
.qb-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7vw 0;
    background: #f5f5f5;
}
.qb-tab .mui-control-item {
    width: 40%;
    padding: 0.1vw 0;
    border-radius: 10em;
    line-height: 2.2!important;
    background: #fff!important;
    border: #e5e5e5 solid 1px!important;
    font-size: 102%
}
.qb-tab .mui-active {
    color: var(--blue)!important;
    font-weight: 700
}
.qblist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4vw 7vw 0 7vw;
    border-bottom: rgba(0,0,0,0.04) solid 1px;
    padding-bottom: 5vw
}
.qblist dd:last-child {
    text-align: right
}
.qblist dd:first-child h4 {
    font-weight: normal
}
.qblist dd p {
    font-size: 80%;
    color: rgba(0,0,0,0.2);
}
.qblist dd>div {
    margin-top: 5px;
    margin-bottom: 5px;
}
.sliderbx .mui-slider-group .mui-slider-item {
    border: none!important;
    background: #fff
}
.qb-tab a:first-child {
    border-radius: 10em 0 0 10em;
    border-right: none!important;
}
.qb-tab a:last-child {
    border-radius: 0 10em 10em 0;
    border-right: none;
}
.sliderbx {
    background: #fff
}
.sliderbx .mui-slider-group, .jfgoods .mui-slider-group {
/* font-size: 0!important;*/
}
.sliderbx.mui-slider .mui-slider-group .mui-slider-item, .jfgoods .mui-slider-group .mui-slider-item {
    font-size: 16px;
}
.sliderbx .qblist:last-child {
    border: none
}
.newslist {
    background: #fff;
    border-radius: 0.6rem;
    box-shadow: rgba(0,0,0,0.1) 0 0 1vw;
    margin: 15px;
    overflow: hidden
}
.newslist+.newslist {
    margin-top: 0px;
}
.newslist .news-til, .newslist h1 {
    padding: 0 0.8rem 0 0.8rem;
}
.newslist .news-til {
    align-items: center;
    color: #909090;
    padding-top: 1rem
}
.n-logo {
    width: 2.3rem;
    margin-right: 0.4rem
}
.n-logo img {
    width: 100%
}
.news-til p {
    font-size: 70%;
    margin-left: 0.5rem;
    color: var(--blue);
    padding-top: 0.17rem
}
.newslist h1 {
    font-size: 130%;
    line-height: 1.3;
    padding-top: 0.8rem;
    padding-bottom: 0.6rem
}
.newslist .image {
    height: 0;
padding-bottom:calc((100% - 0px)/4*2)
}
.jfgoods .qb-tab {
    padding: 0 0 0 0;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 0.5rem
}
.jfgoods .mui-slider-item {
    border: none!important
}
.yzbx {
    padding: 0.5rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 0.5rem;
    -webkit-column-gap: 0.5rem;
    column-gap: 0.5rem;
    vertical-align: top;
    box-sizing: border-box;
}
.yzbx img {
    width: 100%;
}
.yzbx>div {
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 0.5rem;
}
.yzbx>div div {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.03) 0 5px 10px
}
.yzbx .aclick {
    display: block;
    padding: 0.5rem;
    color: var(--black);
    font-weight: 600;
    font-size: 110%
}
.jfgoods .qb-tab .mui-control-item {
    width: 40%;
    padding: 1vw 0;
}
.buy {
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem 0.5rem
}
.buy .btn {
    border-radius: 0.2rem;
    border: var(--blue) solid 1px;
    font-size: 80%;
    line-height: 1;
    padding: 0.15rem 0.2rem
}
.jsnum {
    color: #ff6666
}
.jsnum span {
    font-size: 60%;
    margin-left: 0.2rem;
    color: hsla(0,0%,61%,1.00)
}
.jfgoods .flistbx {
    margin: 0.5rem;
    flex-wrap: wrap;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,0.03) 0 5px 10px
}
.jfgoods .list-info h1 {
    line-height: 1.3;
    height: 2.7rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.jftd-info {
    width: 100%;
    padding: 0.6rem 0.6rem 0.1rem 0.6rem;
    justify-content: space-between;
    border-top: var(--gary) solid 1px;
    margin-top: 0.8rem;
    font-size: 100%
}
.jftd-info dd:last-child {
    color: #FF0004
}
.bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #ff5858, #f09819)
}
.kanjiabx {
    margin: 1.5rem;
    border: rgba(255,255,255,0.2) solid 1px;
    background: rgba(255,255,255,0.7);
    padding: 1rem
}
.kanjiabx .image {
padding-bottom: calc((100% - 0px)/4*2)
}
.kanjiabx h1 {
    font-size: 120%;
    padding: 0.5rem 0;
	padding: 0.8rem 0;
    text-align: center;
    border-bottom: #000 dotted 1px;
	margin-bottom:1rem
}
.kanjiabx .djs {
    justify-content: center
}
.zlkjbx {
    margin: 1.5rem 3rem;
    box-shadow: rgba(0,0,0,0.1) 0 0.4rem 0;
}
.zlkjbx h1 {
    position: relative;
    z-index: 0;
    padding: 1.5rem 1rem;
    font-size: 120%;
    text-align: center;
    margin: 0
}
.zlkjbx h1 span {
    color: red;
    margin: 0 0.5rem
}
.zlkjbx h1::after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fff;
    left: 0;
    top: 0;
    -webkit-mask: url( "../images/mask.png") center center/100% auto no-repeat;
    content: ""
}
.zlkjbx .kjtxt {
    background: #fff;
    padding: 1.3rem 2rem 3rem 2rem;
    border-top: dotted #fb6a46 0.2rem;
}
.zlkjbx .kjtxt button {
    background: #ff6666;
    color: #fff;
    font-size: 110%;
    font-weight: 600;
    width: 100%;
    border-radius: 10em;
    line-height: 1.8;
    margin-top: 1rem;
}
.zlkjbx .kjtxt button:active {
    transform: scale(0.96)
}
.zlkjbx .kjtxt .img {
    margin: 0 auto 1rem auto;
    width: 60%;
}
.zlkjbx .kjtxt .img img {
    width: 100%
}
.zlkjbx .kjtxt p {
    text-align: center
}


.se-count {
  
    top: 212px;
    left: 30px;
    height: 40px;
}

.se-day {
    display: none;
}

.se-hour,
.se-min,
.se-sec {
    position: relative;
    background-color: #2f3430;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
}

.se-txt {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.se-txt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e83632;
}