* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  font: 0.6rem/1 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5B8B\4F53, "microsoft yahei", "simsun", arial, sans-serif;
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

li {
  list-style: none;
}

img {
  border: none;
}

input,
select {
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
  outline: none;
  font-family: "微软雅黑", "Microsoft Yahei";
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  *+height: 1%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hide {
  display: none;
}

.show {
  display: block;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

input::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 0.6rem;
}


/*body {
  background: #f5f5f5;
}*/

.app .toptitle {
  display: none;
}

/*.toptitle {
  position: relative;
  width: 100%;
  height: 1.76rem;
  line-height: 1.76rem;
  text-align: center;
  font-size: 0.68rem;
  color: #444;
  border-bottom: 1px solid #E5E5E5;
  background-color: #fff;
}*/

/*.return {
  position: absolute;
  left: 0.775rem;
  top: 50%;
  margin-top: -0.4rem;
  width: 0.475rem;
  height: 0.8rem;
  background: url(http://img.tugou.com/company/return.png) no-repeat;
  background-size: 100%;
  display: inline-block;
}*/

.phone {
  position: absolute;
  right: 0.775rem;
  top: 50%;
  margin-top: -0.4rem;
  width: 0.75rem;
  height: 0.8rem;
  background: url(https://img.tugou.com/company/call.png) no-repeat;
  background-size: 0.75rem 0.8rem;
}

.top {
  width: 100%;
  background: #fff;
}

.face {
  padding-top: .64rem;
}
.face li {
  float: left;
  width: 33.3%;
}
.face li:first-of-type {
  padding-top: 1.4rem;
  padding-left: .8rem;
}
.face li:last-of-type {
  padding-top: 1.4rem;
  padding-right: .8rem;
}
.face .logo {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: .32rem;
  border: 1px solid #e5e5e5;
}
.face .num {
  line-height: 1.12rem;
  font-size: .8rem;
  color: #0ec9c3;
}
.face .msg {
  font-size: .48rem;
}

.top b {
  width: 0.05rem;
  height: 0.9rem;
  display: inline-block;
  background: #ccc;
}

.item-list {
  width: 100%;
  padding-top: 1.28rem;
  background-color: #fff;
  position: relative;
}

.item-list li {
  float: left;
  width: 33.3%;
  height: 1.2rem;
  line-height: 0.8rem;
  padding: 0 .75rem;
}

.item-list li a {
  color: #666;
  font-size: 0.56rem;
}

.item-list li.add a {
  border-bottom: 0.08rem solid #FFB81B;
  padding-bottom: .32rem;
  color: #1B1D1D;
}

.center {
  width: 100%;
  overflow: hidden;
}


/*实景案例*/

.list {
  width: 100%;
  overflow: hidden;
  padding: 0.4rem 0 0;
}

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

.list01 img {
  width: 14.36rem;
  height: 12rem;
  display: block;
  margin: 0 auto;
}

.list01 i img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.listbg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 14.36rem;
  height: 12rem;
  background: rgba(0, 0, 0, .2);
}

.list01>.bmask {
  background: url(https://img.tugou.com/company/bmask.png) repeat-x;
  width: 100%;
  height: 3.2rem;
  background-size: cover;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
}

.list .list01>p {
  position: absolute;
  font-size: 0.56rem;
  color: #fff;
}

.list01>.pos {
  position: absolute;
  right: 0.64rem;
  bottom: 0.32rem;
  font-size: 0.56rem;
  color: #fff;
  padding-left: 0.8rem;
  background: url(https://img.tugou.com/index/4.0/address.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
}

.list01>.desc {
  left: 0.64rem;
  bottom: 0.32rem;
}

.list01>.desc>.content {
  margin-right: 0.32rem;
}

.list01 b {
  position: absolute;
  top: 4.275rem;
  left: 0;
  right: 0;
  font-size: 0.5rem;
  color: #fff;
  font-weight: normal;
  height: 0.5rem;
}

.list>.describe {
  width: 14.36rem;
  height: 2.4rem;
  margin: 0 auto;
  background: #fff;
  text-align: left;
  position: relative;
}

.list>.describe>img {
  width: 1.76rem;
  height: 1.76rem;
  position: absolute;
  left: 0.32rem;
  top: 50%;
  /*transform: translateY(-50%);*/
  margin-top: -0.88rem;
  border-radius: 50%;
}

.list>.describe>.title {
  font-size: 0.56rem;
  color: #999;
  position: absolute;
  left: 2.4rem;
  top: 0.5rem;
}

.list>.describe>.d-name {
  font-size: 0.56rem;
  color: #444;
  position: absolute;
  left: 2.4rem;
  bottom: 0.4rem;
}

.list>.describe>.tip {
  font-size: 0.48rem;
  color: #444;
  position: absolute;
  right: 0.64rem;
  top: 50%;
  transform: translateY(-50%);
}
.list>.describe>.tip>span {
  color: #ff8c1b;
}

.list02,
.list03 {
  width: 100%;
  height: 2.3rem;
  background: #fff;
  padding: 0 0.4rem;
}

.list02 a {
  color: #888;
  font-size: 0.5rem;
  margin-top: 0.7rem;
  height: 0.9rem;
  line-height: 0.9rem;
}

.list02 a b {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.9rem;
  display: block;
  float: left;
  margin: -0.25rem 0.4rem 0 0.4rem;
}

.list02 a b img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.list02 a span {
  font-size: 0.6rem;
  color: #000;
  padding-right: 0.25rem;
}

.list02 i,
.list03 i {
  width: 6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  display: inline-block;
  background: #FF8C1B;
  border-radius: 0.15rem;
  float: right;
  font-style: normal;
  font-size: 0.6rem;
  color: #fff;
  margin-top: 0.35rem;
}


/*在建工地*/

.site {
  /* display: none;*/
}

.site-face {
  position: absolute;
  top: 1.525rem;
  left: 6.7rem;
  width: 2.6rem;
  height: 2.6rem;
  background: #fff;
  border-radius: 2.6rem;
  border: 0.1rem solid #fff;
  background: #fff;
}

.site-face i {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
}

.list h3 {
  position: absolute;
  font-weight: normal;
  top: 4.575rem;
  font-size: 0.6rem;
  color: #fff;
  text-align: center;
  width: 100%;
}

.list01 b.site01 {
  top: 5.5rem;
}

.case .list01 b.site01 {
  top: 4.775rem;
}

.list01 b.site01 span {
  width: 0.35rem;
  height: 0.45rem;
  position: relative;
  left: 0;
  top: 0.05rem;
  padding-right: 0.525rem;
  background: url(https://img.tugou.com/company/icon08.png) no-repeat left;
  background-size: 0.35rem 0.45rem;
}

.listleft p {
  font-size: 0.6rem;
  color: #4a4a4a;
  padding-left: 0.625rem;
  margin-top: 0.45rem;
  background: url(https://img.tugou.com/company/icon10.png) no-repeat;
  background-position: 0 0.05rem;
  background-size: 0.5rem 0.5rem;
  text-align: left;
}

.listleft ul li {
  float: left;
  font-size: 0.5rem;
  color: #888;
  margin-right: 0.45rem;
  margin-top: 0.3rem;
}


/*设计师*/

.designer {
  /*display: none;*/
}

.design {
  position: absolute;
  top: 3.2rem;
  left: 5rem;
  width: 5.8rem;
  height: 1.4rem;
  line-height: 1.2rem;
  border: 0.1rem solid #fff;
  font-size: 0.6rem;
  color: #fff;
  font-weight: bold;
}

.touxiang {
  position: relative;
  top: -1.8rem;
  left: 0.8rem;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 2.9rem;
  border: 0.1rem solid #fff;
  z-index: 1;
  background: #fff;
}

.touxiang img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.list01 span {
  position: absolute;
  top: 6.8rem;
  left: 4.375rem;
  font-size: 0.7rem;
  color: #fff;
}

.list04 {
  width: 100%;
  height: 1.5rem;
  background: #fff;
  position: relative;
}

.list04 a {
  font-size: 0.5rem;
  color: #888;
  padding-left: 0.7rem
}

.list04 a span {
  font-size: 0.6rem;
  color: #000;
  padding-left: 0.325rem;
}

.list04 .time {
  position: absolute;
  left: 4.3rem;
  top: 0.4rem;
  background: url(https://img.tugou.com/company/icon02.png) no-repeat left;
  background-size: 0.5rem 0.5rem;
}

.list04 .type {
  position: absolute;
  left: 9.5rem;
  top: 0.4rem;
  background: url(https://img.tugou.com/company/icon03.png) no-repeat left;
  background-size: 0.5rem 0.5rem;
}


/*公司简介*/

.introduce {
  /*display: none;*/
  margin: 0.32rem;
}

.listone {
  overflow: hidden;
  margin: 0 auto 0.32rem;
  background-color: #fff;
  padding: 0.64rem .32rem 0;
}

.listone h4 {
  font-size: 0.56rem;
  color: #666;;
  font-weight: normal;
  text-align: left;
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 0.96rem;
}

.listone .link-more {
  display: inline-block;
  width: 14.36rem;
  height: 1.6rem;
  line-height: 1.6rem;
  margin-left: -0.32rem;
  font-size: .56rem;
  color: #ff8c1b;
  border-top: 0.04rem solid #f6f6f6;
}

.listone .content {
  margin-top: 0.32rem;
  font-size: 0.56rem;
  color: #444;
  text-align: left;
}
.listone .tags,
.listone .quality-assurance {
  padding-left: 0.96rem;
}
.listone .tags .tag {
  float: left;
  margin-right: 0.32rem;
  margin-bottom: 0.32rem;
  padding: 0.2rem 0.32rem;
  border: 1px solid #0ec9c3;
  border-radius: 2px;
}
.listone .quality-assurance li {
  float: left;
  margin-right: .36rem;
  margin-bottom: .32rem;
  padding-left: .96rem;
  line-height: .8rem;
  background: url(https://static.tugou.com/m/img/provider/assurance.png) no-repeat left top / .64rem .64rem;
}
.listone .real-case li {
  float: left;
  width: 6.4rem;
  text-align: center;
}
.listone .real-case li:nth-of-type(2n + 1) {
  margin-right: .28rem;
  margin-left: .32rem;
}
.listone .real-case .img {
  display: block;
  width: 6.4rem;
  height: 5.36rem;
}
.listone .real-case .describe {
  line-height: 1.32rem;
  font-size: .48rem;
}
.listone .limited-promotion {
  margin-top: 0;
  line-height: .8rem;
}
.listone .limited-promotion li {
  padding: .48rem 0;
}
.listone .limited-promotion li:not(:last-of-type) {
  border-bottom: 1px solid #e5e5e5;
}
.listone .limited-promotion .highlight {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  background: url("https://pic.tugou.com/tgmobile/icon-dropdown.png") no-repeat center;
  background-size: 0.44rem 0.24rem;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  float: right;
}
.listone .limited-promotion .item-title {
  padding-left: 1.28rem;
  padding-bottom: .16rem;
  background: url(https://static.tugou.com/m/img/provider/hui-v3.png) no-repeat .32rem .08rem / .64rem .64rem;
  font-weight: bold;
}
.listone .limited-promotion .package-promotion {
  background: url(https://static.tugou.com/m/img/provider/hui-v3.png) no-repeat .32rem .64rem / .64rem .64rem;
}
.listone .limited-promotion .item-content:not(:last-of-type) {
  margin-bottom: .32rem;
}
.listone .limited-promotion .item-content {
  padding-left: 1.28rem;
  line-height: 1.02rem;
}
.listone .limited-promotion .item-content .inner {
  display: inline-block;
  min-width: 6.12rem;
  padding-left: .68rem;
}
.listone .limited-promotion .item-content .inner.loc-icon {
  background: url(https://static.tugou.com/m/img/provider/addressicon.png) no-repeat left .22rem / .48rem .56rem;
}
.listone .limited-promotion .item-content .inner.time-icon {
  background: url(https://static.tugou.com/m/img/provider/timeicon.png) no-repeat left .22rem / .52rem .52rem;
}
.listone .comment-tags {
  margin-top: .32rem;
}
.listone .comment-tags .tag {
  float: left;
  margin-right: .48rem;
  margin-bottom: .48rem;
  padding: .16rem .32rem;
  border-radius: 2px;
  background: #eee;
  line-height: .66rem;
  font-size: .48rem;
}
.listone .comment {
  margin-left: .16rem;
  vertical-align: middle;
}
.listone .comment .avatar {
  margin-right: .32rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: .8rem;
}
.listone .comment .avatar,
.listone .comment .name {
  display: inline-block;
  vertical-align: middle;
}
.listone .comment .score {
  float: right;
  line-height: 1.6rem;
  font-size: 0;
}
.listone .comment .score .star {
  margin-right: .16rem;
  width: 0.48rem;
  height: 0.45rem;
}
.listone .comment .comment-content {
  margin: .32rem 0;
  line-height: .96rem;
  font-size: .56rem;
}
.listone .comment .comment-gallery-tags {
  margin-bottom: .32rem;
  line-height: .64rem;
  font-size: .48rem;
  color: #999;
}
.listone .comment .comment-gallery li {
  float: left;
  width: 4.36rem;
  height: 4.36rem;
  margin-right: 0.16rem;
  margin-bottom: 0.32rem;
}
.listone .comment .comment-photo {
  width: 100%;
  height: 100%;
}

.listone .one01 {
  background: url(https://static.tugou.com/m/img/provider/info1.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
  background-position: 0;
}

.listone .one02 {
  background: url(https://static.tugou.com/m/img/provider/info2.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
  background-position: 0;
}

.listone .one03 {
  background: url(https://static.tugou.com/m/img/provider/info3.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
  background-position: 0;
}

.listone .one04 {
  background: url(https://static.tugou.com/m/img/provider/info4.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
  background-position: 0;
}

.listone .one05 {
  background: url(https://static.tugou.com/m/img/provider/info5.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
  background-position: 0;
}

/*轮播*/

.slide {
  width: 13.08rem;
  height: 8.88rem;
}

.slide li img {
  width: 13.08rem;
  height: 8.0rem;
}

.slide .swiper-pagination-bullet-active {
  background-color: #000;
}


/*.footer {
  position: fixed;
  bottom: 0;
  width: 16rem;
  height: 2.2rem;
  line-height: 2.2rem;
  background: #00b7b1;
  z-index: 5;
}

.footer a {
  font-size: 0.9rem;
  color: #fff;
  padding-left: 1.45rem;
  background: url(http://img.tugou.com/company/footer01.png) no-repeat left;
  background-size: 1.2rem 0.875rem;
}*/

.footerone {
  position: fixed;
  bottom: 0;
  width: 16rem;
  height: 2.2rem;
  line-height: 2.2rem;
  background: #00b7b1;
  z-index: 5
}

.footerone a {
  font-size: 0.9rem;
  color: #fff;
  padding-left: 1.45rem;
  background: url(https://img.tugou.com/company/footer02.png) no-repeat left;
  background-size: 1.2rem 0.875rem;
}


/*置顶*/

#list_top {
  position: fixed;
  right: 0;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background: url(https://img.tugou.com/company/rocket.png) no-repeat;
  background-size: 100%;
  display: none;
}


/*实景案例详情页*/

.caseTop {
  margin-top: .36rem;
  line-height: .9rem;
  font-size: .48rem;
  color: #999;
}
.caseTop li {
  float: left;
  text-align: left;
}
.caseTop li:first-of-type {
  margin-left: 2.32rem;
  margin-right: .16rem;
  width: 5rem;
}
.caseTop .divider {
  margin-top: .2rem;
  width: 0;
  height: 1.4rem;
  border-left: 1px dotted #e5e5e5;
}
.caseTop li:last-of-type {
  margin-left: 1.6rem;
  width: 5.4rem;
}

.casedetail {
  margin: 0 .32rem .64rem;
}
.casedetail .title {
  font-size: 0.56rem;
  margin-top: 0.96rem;
  margin-bottom: .48rem;
  line-height: 0.8rem;
  color: #444;
}
.casedetail .title:before {
  float: left;
  margin-left: 3.5rem;
}
.casedetail .title:after {
  float: right;
  margin-right: 3.5rem;
}
.casedetail img {
  width: 100%;
}
.casedetail section {
  margin-top: .68rem;
  margin-bottom: .96rem;
  font-size: .56rem;
  line-height: .96rem;
  text-align: justify;
}
.casedetail .list-house-type section {
  position: relative;
  margin-right: 1.06rem;
  margin-left: 1.06rem;
}
.casedetail .list-house-type section:before,
.casedetail .list-house-type section:after {
  position: absolute;
  width: .6rem;
  height: .52rem;
  font-size: 2rem;
  color: #0ec9c3;
}
.casedetail .list-house-type section:before {
  top: .4rem;
  left: -1.06rem;
  content: '“';
}
.casedetail .list-house-type section:after {
  bottom: 0;
  right: -.7rem;
  content: '”';
}

.casedetail .list-real-case section {
  position: relative;
  margin-left: 1.36rem;
}
.casedetail .list-real-case .index {
  position: absolute;
  top: -.56rem;
  left: -1.36rem;
  width: 1.36rem;
  line-height: 1.76rem;
  font-size: 1rem;
  font-style: oblique;
  color: #ccc;
}
.casedetail .list-comment {
  margin-left: .16rem;
  vertical-align: middle;
  text-align: left;
  margin-bottom: 1.28rem;
}
.casedetail .list-comment .avatar {
  margin-right: .32rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: .8rem;
}
.casedetail .list-comment .avatar,
.casedetail .list-comment .name {
  display: inline-block;
  vertical-align: middle;
}
.casedetail .list-comment .score {
  float: right;
  line-height: 1.6rem;
  font-size: 0;
}
.casedetail .list-comment .score .star {
  margin-right: .16rem;
  width: 0.48rem;
  height: 0.45rem;
}
.casedetail .list-comment .comment-content {
  margin: .32rem 0;
  line-height: .96rem;
  font-size: .56rem;
  color: #1b1d1d;
}
.casedetail .list-comment .comment-gallery-tags {
  margin-bottom: .32rem;
  line-height: .64rem;
  font-size: .48rem;
  color: #999;
}
.casedetail .list-comment .comment-gallery {
  margin-left: .32rem;
}
.casedetail .list-comment .comment-gallery li {
  float: left;
  width: 4.36rem;
  height: 4.36rem;
  margin-right: 0.16rem;
  margin-bottom: 0.48rem;
}
.casedetail .list-comment .comment-photo {
  width: 100%;
  height: 100%;
}



/*在建工地详情页*/

.siteTop {
  position: relative;
  width: 100%;
  height: 5.9rem;
  /*border-bottom: 0.05rem solid #e5e5e5;*/
  overflow: hidden;
}

.siteTop .site-face {
  top: 0.7rem;
}

.siteTop img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.sitename {
  font-size: 0.5rem;
  color: #888;
  margin-top: 3.5rem;
}

.sitetype {
  font-size: 0.6rem;
  color: #4a4a4a;
  margin-top: 0.3rem;
  font-weight: normal;
}

.siteBody {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding-bottom: 0.975rem;
}

.siteone {
  padding: 0 1rem 0 0.425rem;
  position: relative;
}

.siteone h5 {
  width: 100%;
  height: 0.8rem;
  display: inline-block;
}

.siteone h5 a {
  font-weight: normal;
  background: #fff;
  height: 0.8rem;
  z-index: 1;
  width: 100%;
  text-align: left;
}

.siteone h5 a span {
  font-size: 0.6rem;
  color: #4a4a4a;
  float: left;
  padding-left: 1.05rem;
  background: url(https://img.tugou.com/company/icon09.png) no-repeat left;
  background-size: 0.8rem 0.8rem;
  background-position: 0 0rem;
  height: 0.8rem;
  line-height: 0.8rem;
  z-index: 2;
}

.sitework {
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: left;
  margin: 0.4rem 0;
}

.sitework a {
  position: absolute;
  left: 0.2rem;
  top: 0.25rem;
  width: 0.4rem;
  height: 0.4rem;
  background: url(https://img.tugou.com/company/icon13.png) no-repeat;
  background-size: 0.4rem 0.4rem;
  display: inline-block;
}

.sitework b {
  position: absolute;
  left: 0.8rem;
  top: 0.35rem;
  width: 0.125rem;
  height: 0.2rem;
  display: inline-block;
  background: url(https://img.tugou.com/company/icon01.png) no-repeat;
  background-size: 0.125rem 0.2rem;
}

.sitework i {
  margin-left: 0.925rem;
  font-size: 0.5rem;
  color: #fefefe;
  font-style: normal;
  padding: 0.2rem;
  display: inline-block;
  background: #4a4a4a;
  border-radius: 0.05rem;
}

.sitework span {
  font-size: 0.5rem;
  color: #888;
  float: right;
  margin-top: 0.25rem;
}

.sitecon {
  margin-left: 0.925rem;
  background: #f5f5f5;
  border-radius: 0.1rem;
  padding: 0.35rem 0.35rem 0 0;
  overflow: hidden;
}

.sitecon p {
  font-size: 0.5rem;
  color: #4a4a4a;
  text-align: left;
  line-height: 150%;
  margin-bottom: 0.2rem;
  padding-left: 0.35rem;
}

.sitepic li {
  float: left;
  margin-left: 0.4rem;
  margin-bottom: 0.4rem;
}

.sitepic li img {
  width: 100%;
  height: 100%;
}

.sitepic li.tugou-img-1 {
  width: 8rem;
  height: 9rem;
}

.sitepic li.tugou-img-2 {
  width: 6.25rem;
  height: 6.25rem;
}

.sitepic li.tugou-img-3 {
  width: 4rem;
  height: 4rem;
}

.line {
  position: absolute;
  /*top: 1.65rem;*/
  left: 0.78rem;
  width: 0.05rem;
  overflow: hidden;
  border-right: 0.05rem solid #e5e5e5;
}


/*2015-12-7*/

.app .related {
  display: none;
}

.app footer {
  display: none;
}

.related {
  margin: 0.7rem 0.72rem 0.9rem;
  text-align: left;
}

.related .title {
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.56rem;
  color: #444;
  background: url(https://img.tugou.com/company/icon14.png) no-repeat left;
  background-size: 0.4rem 0.4rem;
  background-position: 0 60%;
  padding-left: 0.8rem;
  margin-bottom: 0.4rem;
  vertical-align: bottom;
}

.related>ul>li {
  float: left;
  width: 6.4rem;
  height: 6.4rem;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0;
}

.related>ul>li:nth-child(2n) {
  margin-left: 0.75rem;
}

.related>ul>li .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.related>ul>li .text {
  text-align: center;
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

.related>ul>li .type {
  margin-top: 1.3rem;
}

.related>ul>li .style {
  margin-top: 0.6rem;
}

.related>ul>li .community {
  margin-top: 1.0rem;
  font-size: 0.5rem;
}

.related>ul>li .community img {
  width: 0.8rem;
  height: 0.8rem;
}

.masking {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 2;
}

#piclist {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 16rem;
  margin: 0 auto;
  z-index: 99;
}

#piclist img {
  max-width: 16rem;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
}

#piclist .swiper-container {
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: auto;
  margin: 0 auto;
}


/*2015-12-10*/

.label {
  width: 100%;
  height: 2.075rem;
  line-height: 2.075rem;
  padding-left: 1.5rem;
  background: #fff;
}

.label ul li {
  float: left;
  font-size: 0.5rem;
  color: #444;
  margin-right: 0.825rem;
}

.label ul li a {
  color: #999;
}


/*2015-12-17*/

.listtable {
  font-size: 0.6rem;
  color: #4a4a4a;
  text-align: left;
  margin-left: 0.96rem;
}

.listtable tr td:nth-child(1) {
  display: inline-block;
  width: 2.9rem;
  float: left;
  padding-left: 0.85rem;
}

.listtable tr td:nth-child(2) {
  display: inline-block;
  width: 11.8rem;
}


/*share*/

.app .share {
  display: none;
}

.share {
  width: 100%;
  height: 5.6rem;
  border-top: 2px solid #e5e5e5;
  background-color: #f5f5f5;
  display:none;
}

.share .title {
  margin-top: 0.8rem;
  color: #999;
}

.share a {
  display: inline-block;
  margin-top: 0.4rem;
}

.share .friends {
  margin-right: 40px;
}

.share .group {
  margin-left: 40px;
}

.share a img {
  width: 2.4rem;
  height: 2.4rem;
}

.share a p {
  font-size: 0.5rem;
  margin-top: 0.1rem;
  color: #444;
}


/*2015-12-23*/

.sharewindow {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
  width: 100%;
  height: 100%;
  z-index: 98;
  display: none;
  text-align: center;
}

.sharehand {
  width: 3rem;
  height: 3rem;
  float: right;
}

.sharehand img {
  width: 100%;
}

.sharecontent {
  width: 12.475rem;
  height: 5.075rem;
  background: url(https://img.tugou.com/company/share03.png);
  background-size: 12.475rem 5.075rem;
  margin: 3.575rem 0 0 2rem;
  padding-top: 1.45rem;
}

.sharecontent p {
  width: 7.5rem;
  padding: 0 0.45rem;
  text-align: left;
  font-size: 0.7rem;
  line-height: 1.35;
}


/*zpj css collection*/

.zpj-share-box,
.zpj-download-panel,
.zpj-form-title {
  display: none;
}

.app .zpj-share-box,
.app .zpj-download-panel,
.app .zpj-form-title {
  display: block;
}

.zpj-share-box {
  font-size: 0.65rem;
}

.zpj-share-box .share-btn {
  width: 14.625rem;
  height: 2rem;
  background-color: #ff663d;
  color: #fff;
  border-radius: 4px;
  margin-bottom: 1.38rem;
}

.zpj-download-panel {
  width: 16rem;
  height: 2.725rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.zpj-download-panel img {
  width: 100%;
  height: 100%;
}

.zpj-form-title {
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.8rem;
  color: #000;
  text-align: left;
  margin-bottom: 0.6rem;
  padding: 0.8rem 0.8rem
}

.zpj-form-logo {
  width: 1.87rem;
  height: 1.87rem;
  margin-right: 0.25rem;
}

.app .form-title,
.app .form-subtitle {
  display: none;
}

.app .form-notice {
  display: none;
}

.zpj-success {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #f6f6f6;
}

.zpj-success .zpj-close {
  position: absolute;
  top: 0.8rem;
  right: 0;
  width: 1.85rem;
  height: 1.85rem;
}

.zpj-suc-title {
  background: url(https://static.tugou.com/home-m/provider/success-bg.png) no-repeat center;
  background-size: cover;
  height: 5.375rem;
  padding-top: 1.5rem;
}

.zpj-suc-title .suc-icon {
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.25rem;
}

.zpj-suc-title .title {
  margin-bottom: 0.25rem;
}

.zpj-suc-title .subtitle {
  font-size: 0.6rem;
  color: #999;
}

.zpj-welcome {
  text-align: center;
  padding-top: 4rem;
}

.zpj-welcome img {
  width: 10.08rem;
  height: 10.08rem;
}


/* 评论列表 begin */

body {
  background-color: #f6f6f6;
}

#comment-list {
  width: 100%;
  height: auto;
}

#comment-list>li {
  /*width: 100%;*/
  /*min-height: 6.35rem;*/
  text-align: left;
  margin: 0.32rem;
  background-color: #fff;
  padding-bottom: .48rem;
}

#comment-list>li:last-child {
  margin-bottom: 0.64rem;
}

#comment-list>li .comment-user {
  padding: 0.48rem 0.8rem 0 0.48rem;
}

#comment-list>li .avatar {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}

#comment-list>li .nickname {
  margin: 0.24rem 0 0 0.32rem;
  font-size: 0.56rem;
  color: #444;
}

#comment-list>li .score {
  font-size: 0.5rem;
  color: #999;
  float: right;
  padding-top: 0.5rem;
}

#comment-list>li .star-line {
  float: right;
  margin-top: 0.48rem;
}

#comment-list>li .star-line .star {
  width: 0.48rem;
  height: 0.45rem;
}

#comment-list>li .comment-content {
  margin: 0.32rem 0.44rem 0 0.48rem;
  height: auto;
  line-height: 0.96rem;
  word-break: break-all;
  color: #1B1D1D;
}

#comment-list>li .comment-detail {
  margin: 0.32rem 0 0 0.48rem;
  padding-bottom: 0.48rem;
  font-size: 0.48rem;
  color: #999;
}

#comment-list>li .comment-detail sup {
  vertical-align: super;
  font-size: smaller;
}


/* 评论列表 end */


/* 底部固定咨询与设计 begin */

.placeholder-footer {
  width: 15.0rem;
  height: 1.96rem;
}

.bottomFixedArea {
  position: fixed;
  bottom: 0;
  width: 15.0rem;
  height: 1.96rem;
  background-color: #fff;
  z-index: 999;
}

.bottomFixedArea .onlineContact {
  float: left;
  width: 5.72rem;
  height: 100%;
  line-height: 1.96rem;
  background: #fff;
  font-size: 0.56rem;
  color: #444;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.bottomFixedArea .onlineContact .content {
  margin-left: 0.1rem;
}

.bottomFixedArea .apply-btn {
  float: left;
  width: 9.28rem;
  height: 100%;
  line-height: 1.96rem;
  background: #00b7b1;
  font-size: 0.7rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}


/* 隐藏浮动的 在线咨询 */

.list-consult {
  display: none;
}


/* 底部固定咨询与设计 end */


/*实景案例 v2 */

.case-list {
  background-color: #f6f6f6;
  padding: 0.32rem;
  padding-bottom: 0;
}

.case-list li {
  width: 100%;
  margin-bottom: 0.64rem;
  background-color: #fff;
  position: relative;
}

.case-list li:last-child {
  margin-bottom: 0;
}

.case-list>li .placeholder-img {
  width: 100%;
  height: 12.0rem;
}

.case-list>li .placeholder-img img {
  width: 100%;
  height: 12.0rem;
}

.case-list li .detail {
  float: left;
  font-size: 0.56rem;
  color: #333;
}

.case-list li .community {
  background: url(https://static.tugou.com/m/img/provider/address.png) center no-repeat;
  background-size: 0.8rem 0.8rem;
  background-position: 0;
  float: right;
  font-size: 0.56rem;
  color: #333;
  padding-left: 0.8rem;
}

.case-list>li .msg {
  width: 100%;
  height: 2.4rem;
  padding: .32rem;
}

.case-list>li .msg .profile {
  float: left;
  color: #444;
}
.case-list .profile .avatar {
  float: left;
  width: 1.76rem;
  height: 1.76rem;
  border-radius: .88rem;
}
.case-list .profile .title-name {
  float: left;
  margin-left: .32rem;
  text-align: left;
}
.case-list .profile .name,
.case-list .profile .title {
  display: inline-block;
  line-height: .8rem;
  font-size: .56rem;
}
.case-list .profile .title {
  color: #999;
}
.case-list .profile .name {
  margin-top: .16rem;
}

.case-list>li .msg .intro {
  float: right;
  line-height: 1.76rem;
  font-size: 0.48rem;
  color: #444;
}
.case-list>li .msg .intro em {
  color: #ffb81b;
}


/*工地实拍*/

.site-list {
  background-color: #f6f6f6;
  padding: 0.32rem;
  padding-bottom: 0;
}

.site-list li {
  width: 100%;
  margin-bottom: 0.64rem;
  background-color: #fff;
  position: relative;
}

.site-list li:last-child {
  margin-bottom: 0;
}

.site-list>li img {
  width: 100%;
  height: 7.2rem;
}

.site-list li .avatar {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 1.8rem;
  left: 5.98rem;
}

.site-list li .name {
  position: absolute;
  font-size: 0.72rem;
  color: #fff;
  top: 4.52rem;
  left: 5.38rem;
}

.site-list>li .msg {
  width: 100%;
  height: 2.4rem;
}

.site-list>li .msg .info {
  float: left;
  margin-left: 0.64rem;
  text-align: left;
}

.site-list>li .msg .desc {
  margin-top: 0.32rem;
  font-size: 0.56rem;
  color: #444;
  height: 0.8rem;
  line-height: 0.8rem;
  background: url(https://static.tugou.com/m/img/provider/cal.png) center no-repeat;
  background-size: 0.64rem 0.64rem;
  background-position: 0;
  padding-left: 0.8rem;
}

.site-list>li .msg .detail {
  margin-top: 0.16rem;
  font-size: 0.56rem;
  color: #999;
  height: 0.8rem;
}

.site-list>li .msg .community {
  float: right;
  margin: 1.44rem 0.64rem 0 0;
  font-size: 0.48rem;
  color: #999;
  background: url(https://static.tugou.com/m/img/provider/info3.png) center no-repeat;
  background-size: 0.8rem 0.8rem;
  background-position: 0 -0.1rem;
  padding-left: 0.8rem;
}


/*业主点评图片模块*/

#comment-list .image-list {
  padding: 0 0.48rem;
}

#comment-list .image-list>li {
  float: left;
  width: 4.36rem;
  height: 4.36rem;
  margin-right: 0.16rem;
  margin-bottom: 0.48rem;
}

#comment-list .image-list>li:nth-child(3n) {
  margin-right: 0;
}

#comment-list .image-list>li>img {
  width: 4.36rem;
  height: 4.36rem;
}

.mask-container {
  visibility: hidden;
  width: 15rem;
  height: 100%;
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
}

.mask-container ul {
  width: 15rem;
  height: 100%;
}

.mask-container ul li {
  width: 15rem;
  height: 100%;
}

.mask-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  max-width: 100%;
  max-height: 100%;
}

#comment-list .no-comment {
  text-align: center;
  color: #999;
  font-size: 0.7rem;
  margin: 0.6rem auto;
}

.J_score {
  visibility: hidden;
}


.star-list{
  margin: 0.42rem 0 0.2rem 0;
  overflow: hidden;
  padding-left: 0.5rem;
}
.star-list .star {
  margin-right: .16rem;
  width: 0.48rem;
  height: 0.45rem;
  float: left;
}

.apply-top .pop-apply-form .city-select-list .city-banner{
  width: 100%;
}

/* 2017/4/17 */
.casedetail .large{
  font-size: 0.64rem;
  margin-top: 1.28rem;
}

.casedetail>.title{
  font-weight: bold;
}

.casedetail .source-title{
  font-size: 0.64rem;
  margin-bottom: 0.64rem;
  line-height: 0.8rem;
  color: #444;
  position: relative;
  font-weight: bold;
}

.casedetail .source-title:before{
  content: "";
  height: 0.32rem;
  background-color: #F6F6F6;
  width: 15rem;
  margin-left: -0.32rem;
  display: block;
  margin-bottom: 1.28rem;
}

.casedetail .source-title>span, .casedetail .title>span{
  position: relative;
}

.casedetail .source-title>span>span:before, .casedetail .title>span>span:before{
  content: '';
  position: absolute;
  margin-top: 0.4rem;
  width: 2.24rem;
  height: 2px;
  background-color: #FFB81B;
  vertical-align: baseline;
  left: -2.43rem;
}
.casedetail .source-title>span>span:after, .casedetail .title>span>span:after{
  content: '';
  position: absolute;
  margin-top: 0.4rem;
  width: 2.24rem;
  height: 2px;
  background-color: #FFB81B;
  vertical-align: baseline;
  right: -2.43rem;
}

.casedetail .source-info{
  margin-bottom: 1.28rem;
}

.casedetail .source-info .info-img{
  float: left;
  margin-left: 0.16rem;
  margin-right: 0.48rem;
  border: 1px solid #f2f2f2;
}

.casedetail .source-info .info-img>img{
  width: 3.22rem;
  height: 3.08rem;
}

.casedetail .info-lowlight{
  float: left;
}

.casedetail .info-lowlight>p{
  font-size: 0.48rem;
  color: #999999;
  line-height: 0.68rem;
  text-align: initial;
  margin-top: 0.06rem;
  margin-bottom: 0.6rem;
}

.casedetail .info-lowlight>p .lowlight-title{
  font-size: 0.8rem;
  color: #2CD0CB;
  margin-left: 0.64rem;
  vertical-align: -0.06rem;
}

.casedetail .info-lowlight .lowlight-list{
  overflow: hidden;
  height: 2rem;
}

.casedetail .info-lowlight .lowlight-list li{
  font-size: 0.4rem;
  color: #444444;
  text-align: left;
  margin-bottom: 0.32rem;
  
}

.casedetail .info-lowlight .lowlight-list li span{
  display: inline-block;
  border: 0.02rem solid #0EC9C3;
  border-radius: 0.04rem;
  height: 0.68rem;
  line-height: 0.6rem;
  padding: 0rem 0.16rem;
  max-width: 5.2rem;
  overflow: hidden;
}

.casedetail .source-info .lowlight-btn{
  float: right;
  margin-right: 0.48rem;
}

.casedetail .source-info .lowlight-btn .score{
  margin-bottom: 0.81rem;
  margin-left: 0.5rem;
}

.casedetail .source-info .lowlight-btn .score img{
  margin-right: .16rem;
  width: 0.48rem;
  height: 0.45rem;
  float: left;
}

.casedetail .source-info .lowlight-btn .see-btn{
  font-size: 0.64rem;
  color: #FFFFFF;
  display: block;
  width: 3.6rem;
  height: 1.6rem;
  background: #0EC9C3;
  border-radius: 0.16rem;
  line-height: 1.6rem;
}

.casedetail .recommend-list{
  width: 100%;
  margin-bottom: 1.28rem;
}

.casedetail .recommend-list>li{
  float: left;
  width: 6.78rem;
  height: 7.96rem;
  background: #F6F6F6;
  margin-right: 0.48rem;
}

.casedetail .recommend-list>li:nth-of-type(2){
  margin-right: 0rem;
}

.casedetail .recommend-list>li .recommend-img{
  width: 100%;
  height: 5.68rem;
}

.casedetail .recommend-list>li div{
  text-align: initial;
  padding-left: 0.32rem;
}

.casedetail .recommend-list>li .recommend-name{
  font-size: 0.64rem;
  color: #444444;
  margin-top: 0.32rem;
  line-height: 0.9rem;
  height: 0.9rem;
}

.casedetail .recommend-list>li .recommend-detail{
  font-size: 0.48rem;
  color: #999999;
  height: 0.66rem;
  line-height: 0.66rem;
}

.new-margin {
  margin: 0 .48rem .64rem;
}

.list>.describe>.describe-name{
  font-size: 0.56rem;
  color: #444;
  position: absolute;
  left: 2.4rem;
  bottom: 0.4rem;
  height: 1.76rem;
  line-height: 1.76rem;
}

.list>.describe>a>img {
  width: 1.76rem;
  height: 1.76rem;
  position: absolute;
  left: 0.32rem;
  top: 50%;
  margin-top: -0.88rem;
  border-radius: 50%;
}

.case-list li .item-info{
    height: 1.6rem;
    line-height: 1.6rem;
}

.case-list li .item-info .detail{
  margin-left: 0.6rem;
}

.case-list li .item-info .community{
  margin-right: 0.6rem;
}

.caselist-phone{
  position: static;
  right: 0;
  top: 0;
  margin-top: 0;
  background: none;
}

.introduce-box .bottomFixedArea .reviews, .comment-box .bottomFixedArea .reviews{
  float: left;
  height: 100%;
  width: 2.84rem;
  line-height: 0.88rem;
  background: #fff;
  font-size: .56rem;
  color: #444;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
}

.introduce-box .bottomFixedArea .onlineContact, .comment-box .bottomFixedArea .onlineContact {
  float: left;
  width: 2.84rem;
  height: 100%;
  line-height: 1.96rem;
  background: #fff;
  font-size: 0.56rem;
  color: #444;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}

.comment-box .bottomFixedArea .onlineContact .consult {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.4rem;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
}

.introduce-box .bottomFixedArea .onlineContact .content, .comment-box .bottomFixedArea .onlineContact .content {
  font-size: .4rem;
  display: block;
  margin-top: -.65rem;
  margin-left: 0;
}
.introduce-box .reviews-line, .comment-box .reviews-line {
  width: 1px;
  height: .92rem;
  border-left: 1px dashed #e5e5e5;
  float: left;
  margin-top: .42rem;
}


.introduce-box .bottomFixedArea .reviews .consult, .introduce-box .bottomFixedArea .onlineContact .consult, .comment-box .bottomFixedArea .reviews .consult, .comment-box .bottomFixedArea .onlineContact .consult {
  margin-left: 0;
  display: block;
  margin: .3rem auto 0;
}

.introduce-box .bottomFixedArea .reviews .consult, .comment-box .bottomFixedArea .reviews .consult {
  margin-top: .25rem;
  width: .76rem;
}

.introduce-box .bottomFixedArea .onlineContact .consult,
.comment-box .bottomFixedArea .onlineContact .consult {
  width: 1.76rem;
  height: 1.76rem;
  margin-top: -.2rem;
}

.introduce-box .bottomFixedArea .onlineContact .content, 
.comment-box .bottomFixedArea .onlineContact .content{
  margin-top: -.1rem;
  line-height: 0;
}

.introduce-box .bottomFixedArea .reviews .consult(2) {
  line-height: 0;
  margin-top: -.1rem;
}

.introduce-box .bottomFixedArea .reviews .content, .comment-box .bottomFixedArea .reviews .content {
  font-size: .4rem;
  display: block;
}
/*2017/6/21评价页回复*/
.introduce .comment-reply,
.comment-box .comment-reply {
  font-size: .56rem;
  color: #999;
  line-height: .96rem;
  position: relative;
  margin: .4rem 0 .48rem;
}
.comment-box .comment-reply{
  margin: 0 auto;
  width: 13.42rem;
}
.introduce .comment-reply-ico,
.comment-box .comment-reply-ico {
  width: .48rem;
  height: .4rem;
  position: absolute;
  top: -.4rem;
  left: 1.3rem
}

.introduce .comment-reply .comment-reply-info,
.comment-box .comment-reply .comment-reply-info {
  padding: .48rem .24rem;
  background-color: #f6f6f6;
}

.center {
  position: relative;
}

.toptitle {
  background-color: #fff;
}