﻿
.tpricebox{background: #fff;}
.topbar{font-size: 1.6rem; background: #fff;}
.topbar li{float: left; width: 50%; height: 4.4rem; text-align: center;}
.topbar.topbar3 li{width: 33.33%;}
.topbar li a{display: inline-block; max-width: 100%; height:4.4rem; line-height: 4.4rem; border-bottom: 2px solid #fff; box-sizing:border-box; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topbar li.on a{position: relative; color: #ea4335;}
.topbar li.on a:after{position: absolute; bottom: 0; left: 50%; margin-left: -0.75rem; display: block; content: ""; height: 0.2rem; width: 1.5rem; background: #e93b3d; border-radius: 0.1rem;}

.current-price{padding: 2.5rem 1.2rem; text-align: center; color: #9c9fa1; font-size: 1.4rem;}
.current-price h2{font-size: 1.4rem; color: #394043;}
.current-price h2 strong{font-size: 3.2rem;}

.tprice-recordbox{}
.tprice-record{padding: 0 1.2rem; font-size: 1.4rem; line-height: 2rem;}
.tprice-record li{padding: 1rem 0 0.5rem 12px; border-bottom: 1px solid #e8e8e8;}
.tprice-record li:last-child{border-bottom: none;}
.tprecord-title{position: relative; color: #394043;}
.tprecord-title:after{position: absolute; top: 0.8rem; left: -12px; display: block; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e8e8e8;}
.tprecord-title h2{color: #5680a6; font-size: 1.4rem;}
.tprecord-title span,.tprecord-body span{margin-right: 0.4rem;}
.tprecord-title span:last-child,.tprecord-body span:last-child{margin-right: 0;}
.tprecord-body{color: #394043;}
.tprecord-body .line{color: #eee;}
.tprecord-foot{color: #9c9fa1; margin-top: 0.2rem;}
.bottom-price,.decline-price{color:#7ac789;}
.average-price{color:#ff8062;}
.highest-price{color:#fa5741;}
.rise-price{color:#e93b3d;}
.hide-floor{display: none;}
.hide-floor li:first-child{border-top: 1px solid #e8e8e8;}
.height-auto .hide-floor {display: block;}
.height-auto.tprice-record li:last-child{border-bottom: 1px solid #e8e8e8;}
.height-auto.tprice-record .hide-floor li:last-child{border-bottom: none;}


.tprice-table{padding: 0 1.2rem 1rem;}
.table-tprice{width: 100%; color: #6b7072; font-size: 1.3rem; text-align: left;}
.table-tprice thead{color: #394043; font-size: 1.5rem;}
.table-tprice thead th{height: 4rem; line-height: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.5rem; font-weight: 400; background: #f8f8f9;}
.table-tprice tbody td{padding: 0 0.3rem; line-height: 2.6rem;}
.table-tprice .decline{color: #7ac789;}
.table-tprice .flat{color: #9c9fa1;}
.table-tprice .rise{color: #e93b3d;}

.price-trend-item{padding-left: 0.3rem; box-sizing:border-box; margin-bottom: 1rem;}
.slide-navbox {position:relative; height: 4rem;	z-index:10;	width:100%;	background:#fff;	font-size:1.5rem; /*border:1px solid #e4e4e4;*/}
.slide-scrollbox {height: 4rem;	overflow:hidden;}
.topnav-nav {position:relative;	overflow-x:scroll; overflow-y:hidden; line-height: 4rem;	white-space:nowrap;	-webkit-overflow-scrolling:touch;}
.topnav-nav::-webkit-scrollbar {display:none;}
.topnav-nav li {position:relative; display:inline-block; padding:0 1.2rem; color:#4c4c4c;}
.topnav-nav li.current {color:#dd2429; font-size:1.5rem;}
.topnav-item {display:block; color: #394043; vertical-align:text-bottom; -webkit-transition:.25s; transition:.25s; height: 4rem; line-height: 4rem;	text-decoration: none !important;}
.topnav-nav li.current .topnav-item {position: relative; color:#e93b3d;	/*border-bottom:2px solid #e93b3d;*/}
.topnav-nav li.current .topnav-item:after{position: absolute;bottom: 2px;left: 50%;margin-left: -0.75rem;display: block;content: "";width:1.5rem;height: 2px;background: #e93b3d;border-radius: 1px;}
.topnav-nav * {vertical-align:middle;}

.price-trendbox{}
.price-trend-wrap{padding: 1.2rem;}
.price-trend{position: relative; width: 100%; height: 14rem;}
.tprice-recordbox,.tprice-perimeterbox{padding-top: 1.8rem;}
.mould-title-more .more{display: block; position: relative; text-align: center; padding: 12px 20px; background: #f8f8f9; color: #5680a6; margin-top: 1rem;}


.priceRecordBox { padding: 1.5rem 0; }
    .priceRecordBox .tprecord-item { background-color: #ffffff; padding: 1rem 1rem; border-radius: 0.5rem; margin: 0 1rem 1rem 1rem; box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.1); border: 1px solid #f1f1f1; }
    .priceRecordBox .tprecord-title { color: #b7b7b7; font-size: 1.5rem; margin-bottom: 0.5rem; }
        /*.priceRecordBox .tprecord-title::before { content: '●'; position: absolute; font-size: 6px; top: 5px; left: 0; color: #ccc; }*/
        .priceRecordBox .tprecord-title:after { width: 0; height: 0; }
        .priceRecordBox .tprecord-explain { color: #a0a0a0; font-size: 1.3rem; }
    .priceRecordBox .tprecord-body { display: flex; margin-bottom: 0.5rem; }
        .priceRecordBox .tprecord-body .item { flex-direction: row; text-align: left; font-size: 1.4rem; width: 33.33%; }
            .priceRecordBox .tprecord-body .item span { font-size: 1.6rem; color: #e93b3d; font-weight: bold; display: block; }
#price3top .tprecord-item:first-child { background: linear-gradient(to bottom, #abffc9, #f6fff0) !important; border: 1px solid #7ff583; }
