﻿#list li {overflow:hidden;padding:16px 0;position:relative;border-bottom:1px solid #f5f5f5;}
#list li .pic {float:left;width:110px;height:83px;margin-right:12px;margin-top:5px;position:relative;overflow:hidden}
#list li .pic img { display:block;width:100%;height:100%;border-radius: 4px; }
#list li .pic span{ position: absolute; left: 0; top: 0; padding: 0 4px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; border-radius: 4px 0px 4px 0px;}
#list .hInfo {float: left;line-height:2.0em;font-size:14px;/* margin-left:135px; */color:#666;min-height: 83px;}
#list .hInfo h4 {font-size:16px;font-weight: bold;line-height:22px;overflow:hidden;max-height:44px;padding: 0px;margin-top: 5px;height: auto;}

#list em { font-style: normal;}
#list .price {width: 130px;position:absolute;right: 0px;top: 14px;text-align:right}
#list .price span { color: #ff6400; font-family: Arial; font-size: 14px; }
#list .date span{color:green}
span.sale {background:#0CBB73!important;}
span.over {background:#B2B2B2!important; }
span.watting {background:#FF7D64!important; }

.boxx { width: auto; height: auto; overflow: hidden;margin:30px 0 }
.boxxt { height: 40px; line-height: 40px;color:#333;border-bottom:2px solid #dddddd }
.boxxt h2 {float:left;height:40px;border-bottom:2px solid #0479ca;padding:0 10px 0 5px;font-size:18px;font-family: microsoft yahei;font-weight:bold; }
.boxxt span { display:inline-block;float:right }
.boxxt span a {color:#8BAEBF }

.news {padding:20px 0 0 0 }
.news li { float: none; width: auto; border-bottom: 1px dotted #dcdcdc; padding-bottom: 10px; margin-bottom: 10px; }
.news li h5 { color: #999999; font-weight:normal;margin-bottom:5px}
.news li h5 span{color:#006699;font-size:14px;font-weight:bold }
.news li p { color: #333;line-height:2.0em }


.detail{padding:15px 10px}
.detail h1{font-size:16px;}
.detail h1 span {display: inline-block;padding: 0px 3px;background: #57a928;color: #fff;font-weight:normal;font-size:12px;margin-left:10px;line-height: 18px;border-radius: 2px;}
.detail h1  span.sale {background:#4e9a06}
.detail h1  span.over {background:#fe1a01 }
.detail h1  span.watting {background:#eb8b00 }

.m-top-nv{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-around;background-color:#fff}
.m-top-nv a{display:block;height:44px;line-height:44px;text-align:center;color:#aaa;position:relative;z-index:1;}
.m-top-nv .on a:before,.m-top-nv .cur a:before { height:4px; width:100%; background-color:#24c281; position:absolute; bottom:2px; left:0; content:''; border-radius:2px;}
#slide{ position:relative; z-index:2; margin:0 auto; width:100%; overflow: hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}
#slide #content { display:table; background-color:#fff;}
#slide .cell{ display:table-cell; position:relative; z-index:1; vertical-align:middle; text-align:center; width:100%;}
#slide .cell .title { position:absolute; background-color:rgba(0,0,0,.4); display:block; height:30px; line-height:30px; bottom:0; left:0; right:0; text-align:left; text-indent:8px; color:#fff; font-size:14px; text-shadow:1px 1px 0 #000; overflow:hidden;padding-right: 50px; text-overflow: ellipsis; white-space: nowrap;}
#slide .cell img { vertical-align:top; max-width:100%; max-height:500px; height:auto; width:auto;}
.swiper-wrapper .sale-status { position: absolute; left: -17px; top: 4px; width: 60px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; overflow: hidden;z-index:2;}
#slide .s0{background-color:#ffc502}
#slide .s1{background-color:#3ba1ff;}
#slide .s2{background-color:#f6f6f6;color:#999}
#slide .s4{background-color:#ff3259}
#slide .s5{background-color:#3cdc96}
#slide .s6{background-color:#ff9c00}

#slide .sale-status {position: absolute;left: -17px;top: 4px;width: 60px;height: 18px;line-height: 18px;font-size: 12px;color: #fff;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);text-align: center;overflow: hidden;z-index:2;}

#slide.fullScreen .cell img { width:100%;}
#detail{ background-color:#fff;}
#detail .imgs{width:auto;margin:15px 0}
#detail .imgs li{display:none}
#detail .imgs img{width:100%}
#detail .info {height:auto;overflow:hidden;padding:0 }
#detail .detail{padding:15px 10px}

#detail .box{overflow:hidden;margin-bottom:10px;border: 0px;}

#detail .top{/* padding-top:21px; */padding-bottom:17px;border-bottom:1px #f5f5f5 solid;position:relative;margin-bottom: 5px;}
#detail .top p{font-size:12px;color:#999;line-height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#detail .top .tit{font-size:18px; font-weight:bold; line-height:30px;color:#333;overflow:hidden;}
#detail .top .tit span{display:inline-block;vertical-align:middle;height:18px;line-height:18px;color:#fff;text-align:center;border-radius:2px;background-color:#72b7fa;font-size:12px;padding:0 2px;margin:-2px 2px 0;font-weight:normal;}
#detail .top .tit .s1{background-color:#3cdc96}
#detail .top .tit .s2{background-color:#ffd800;}
#detail .top .tit .s0{background-color:#ffc500}
.g-info-qm{float:right;margin-top:6px}
.g-info-qm span{display:block;float:left;font-size:12px;color:#999;margin-right:5px;line-height:20px;padding-right:7px;position:relative}
.g-info-qm span:after{content:'';display:block;width:1px;height:10px;background-color:#f3f3f3;position:absolute;right:0;top:50%;margin-top:-5px}
.g-info-qm span i{display:inline-block;vertical-align:middle;width:30px;height:20px;margin-top:-2px;margin-right:5px;background-position:-330px -243px}
.m-label1-qm{overflow:hidden;margin-top:8px;margin-bottom:15px}
.m-label1-qm span{display:inline-block; margin:5px 10px 5px 0; vertical-align:middle; font-size: 14px; line-height: 14px; padding:8px 18px; border-radius: 2px;}
.m-label1-qm .s1 { background-color: #eef7ff; color: #419bfa;}

.m-txt1-qm{overflow:hidden;border-bottom:1px #f5f5f5 solid;font-size:14px;color:#666;line-height:20px}
.m-txt1-qm p{ float:left; width:50%;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#394043;}
.m-txt1-qm .nofloat {float:none; width:100%;margin-bottom:12px;}
.m-txt1-qm span{display:block;float:left;text-align:right;margin-right:5px;color:#9c9fa1;width: 66px;}
.m-txt1-loupan span{ width: 40px;margin-right:10px;}
.m-txt1-qm em{color:#ff9501}
.m-txt1-qm.txt2 span{width:auto}
.m-txt1-qm.txt3{border-bottom:none}
.g-info-qm .more{display:block;float:left;width:20px;height:20px;background-position:-37.5px -284.5px}


#detail .info h4 {font-size:14px;border: 1px solid #E3E3E3;line-height:40px;height:40px ;background:#E8E8E8;padding-left:10px;color:#333}
#detail .info ul { border-left: 1px solid #E3E3E3;border-right: 1px solid #E3E3E3;color:#333}
#detail .info li { border-bottom: 1px solid #E3E3E3;line-height:40px;min-height:40px; float:none;width:100%;height:auto;overflow:hidden;position:relative}
#detail .info li label {display:inline-block;width:100px;text-align:right;font-weight:bold;border-right: 1px solid #E3E3E3;margin-right:10px;height:100%;position:absolute}
#detail .info li p{float:left;margin:0 10px 0 110px;line-height:1.8em;padding:10px 0}
#detail .info .depict { width: auto; height: auto; overflow: hidden; line-height: 2.0em;padding:15px;border: 1px solid #E3E3E3;border-top:0 }
#detail .price  span { color: #ff0000; font-family:Arial;font-size:18px;font-weight:bold;padding-right:2px}
#detail .tel  span{ color:#666;color:#cd3f3e;font-size:18px;font-weight:bold;}

#photo .list { padding: 20px 0;background:#fff }
#photo .list ul { width: auto; padding: 0 10px; }
#photo .list li { padding: 10px; margin: 0 8px; display: inline-block; border:1px solid #ccc;color:#333;width:200px;height:210px;text-align:center;margin-bottom:15px}
#photo .list li img { width: 196px; }
#photo .list li b { display: block; height: 147px; overflow: hidden; }
#photo .list li i { font-style: normal; display: inline-block; width: 95%;clear:both; margin: 20px 0 10px 0; text-align:left}
#photo .list li span {display: inline-block; width: 95%; color:#666 ; text-align:left}

#news h1{font-size:16px;height:20px;text-align:center;margin:20px 0;color:#1761A0}
#news .m-h {width:auto;margin:0 15px;text-align:center;height:30px;border-bottom:1px solid #f6f5f5;margin-bottom:20px }
#news .m-h span{display:inline-block;margin: 0 10px}
#news .m-b{padding:15px;line-height:2.0em;font-size:14px}