
<!--mixin layoutAppointStyle-->
<!--    :less:autoprefixer-->
<!--        @import "../../../../../public/style/web/common/variable";-->
<!--        #layoutAppoint {-->
<!--            .layout-appoint{-->
<!--                width: 100%;-->
<!--                bottom: 0;-->
<!--                z-index: 2;-->
<!--                background-color: rgba(36, 50, 81, .95);-->
<!--                transform: translateY(0);-->
<!--            }-->
<!--            .appoint-left {-->
<!--                width: 450px;-->
<!--                h1 {-->
<!--                    font-size: 44px;-->
<!--                    color: #ffffff;-->
<!--                    font-weight: 100;-->
<!--                }-->
<!--                h2 {-->
<!--                    color: @themeColor;-->
<!--                    font-weight: 100;-->
<!--                    font-size: 24px;-->
<!--                }-->
<!--            }-->
<!--            .appoint-right {-->
<!--                position: relative;-->
<!--                width: 750px;-->
<!--                .close {-->
<!--                    display: none;-->
<!--                    position: absolute;-->
<!--                    right: 10px;-->
<!--                    top: 0;-->
<!--                    &:after {-->
<!--                        font-size: 28px;-->
<!--                        font-family: iconfont;-->
<!--                        content: "\e61a";-->
<!--                        color: #ffffff;-->
<!--                    }-->
<!--                }-->
<!--            }-->
<!--            .appoint-r-top {-->
<!--                width: 500px;-->
<!--                height: 38px;-->
<!--                line-height: 38px;-->
<!--                background-color: darken(@themeScendColor, 5%);-->
<!--                font-size: 14px;-->
<!--                color: #ffffff;-->
<!--            }-->
<!--            .appoint-r-bottom {-->
<!--                width: 500px;-->
<!--                input {-->
<!--                    width: 100%;-->
<!--                    outline: 0;-->
<!--                    border: 1px solid #dededf;-->
<!--                    padding: 8px 0 8px 15px;-->
<!--                }-->
<!--            }-->
<!--            .btn-appoint {-->
<!--                border: 0;-->
<!--                outline: 0;-->
<!--                background-color: @themeColor;-->
<!--                color: #ffffff;-->
<!--                text-align: center;-->
<!--                height: 85px;-->
<!--                line-height: 85px;-->
<!--                width: 132px;-->
<!--                font-size: 20px;-->
<!--                &[disabled] {-->
<!--                    cursor: not-allowed;-->
<!--                    background-color: mix(@themeColor, #ffffff, 65%);-->
<!--                }-->
<!--            }-->
<!--            .layout-appoint-position{-->
<!--                height: 120px;-->
<!--                width: 100%;-->
<!--                display: none;-->
<!--            }-->
<!--            &.fixed {-->
<!--                .close {-->
<!--                    display: block;-->
<!--                }-->
<!--                .layout-appoint{-->
<!--                    position: fixed;-->
<!--                }-->
<!--                .layout-appoint-position{-->
<!--                    display: block;-->
<!--                }-->
<!--            }-->
<!--        }-->
<!--mixin layoutAppointStyle-->
<!--    :less:autoprefixer-->
<!--        @import "../../../../../public/style/web/common/variable";-->
<!--          #layoutAppoint {-->
<!--              padding-top: 48px;-->
<!--              .layout-appoint {-->
<!--                  width: 100%;-->
<!--                  bottom: 0;-->
<!--                  z-index: 2;-->
<!--                  background-color: rgba(0,0,0,.85);-->
<!--                  transform: translateY(0);-->
<!--                  height: 110px;-->
<!--                  position: relative;-->
<!--              }-->
<!--              .layout-appoint-position {-->
<!--                  height: 160px;-->
<!--                  width: 100%;-->
<!--                  display: none;-->
<!--              }-->
<!--              .layout-left{-->
<!--                  z-index: 2;-->
<!--                  position: absolute;-->
<!--                  bottom: -100px;-->
<!--                  left: 0;-->
<!--              }-->
<!--              .layout-right{-->
<!--                  z-index: 2;-->
<!--                  position: absolute;-->
<!--                  left: 360px;-->
<!--                  padding-top: 35px;-->
<!--              }-->
<!--              .form-field{-->
<!--                  background-color: #ffffff;-->
<!--                  display: inline-block;-->
<!--                  padding: 12px 20px;-->
<!--                  border-radius: 20px;-->
<!--                  margin-right: 20px;-->
<!--                  input{-->
<!--                      background: none;-->
<!--                      border: 0;-->
<!--                      outline: 0;-->
<!--                      font-size: 16px;-->
<!--                  }-->
<!--              }-->
<!--              .btn-appoint{-->
<!--                  margin-left: 30px;-->
<!--                  display: inline-block;-->
<!--                  background-color: #fded36;-->
<!--                  color: #fe0027;-->
<!--                  border-bottom: 3px solid #e0b300;-->
<!--                  font-size: 20px;-->
<!--                  width: 210px;-->
<!--              }-->
<!--              .close{-->
<!--                  display: none;-->
<!--                  position: absolute;-->
<!--                  right: 10px;-->
<!--                  top: 10px;-->
<!--                  &:after {-->
<!--                      font-size: 28px;-->
<!--                      font-family: iconfont;-->
<!--                      content: "\e61a";-->
<!--                      color: #ffffff;-->
<!--                  }-->
<!--              }-->
<!--              &.fixed {-->
<!--                  .close {-->
<!--                      display: block;-->
<!--                  }-->
<!--                  .layout-appoint {-->
<!--                      position: fixed;-->
<!--                  }-->
<!--                  .layout-appoint-position {-->
<!--                      display: block;-->
<!--                  }-->
<!--              }-->
<!--          }-->
<!--mixin layoutAppointTemplate(fun)-->
<!--    #layoutAppoint.fixed-->
<!--        .layout-appoint-->
<!--            .pd-l.container.clearfix-->
<!--                .appoint-left.fl.tc-->
<!--                    h1 0元设计免费抢-->
<!--                    h2 专业设计师为您量身定制-->
<!--                .appoint-right.fl.clearfix-->
<!--                    a.close(data-click="close")-->
<!--                    div.fl-->
<!--                        p.tc.appoint-r-top.mr-b-l 今日还剩-->
<!--                            span.mr-l-m.mr-r-m.f24.font-theme 019-->
<!--                            | 个名额-->
<!--                        .clearfix.appoint-r-bottom-->
<!--                            .fl.col.pd-r-s-->
<!--                                input(placeholder="请输入您的称呼",name="username")-->
<!--                            .fl.col.pd-l-s-->
<!--                                input(placeholder="请输入您的手机号码",name="phone",data-keyup="enter")-->
<!--                    div.fl.mr-l-xl-->
<!--                        button.btn-appoint(data-click="appoint")-->
<!--                            span 抢先领取-->
<!--                            span.wait.hidden 请稍等-->
<!--                    div.appoint-right-r
.layout-appoint-position

-->
<!--mixin layoutAppointTemplate(fun)-->
<!--    #layoutAppoint.fixed-->
<!--        .layout-appoint-->
<!--            .container.relative-->
<!--                .layout-left-->
<!--                    img(src=ctx + "/image/web/fest/layout-appoint-left.png")-->
<!--                .layout-right-->
<!--                    .form-field-->
<!--                        input(placeholder="请输入姓名",name="username",autocomplete="off")-->
<!--                    .form-field-->
<!--                        input(placeholder="请输入电话",name="phone",data-keyup="enter",autocomplete="off")-->
<!--                    button.btn.btn-appoint(data-click="appoint")-->
<!--                        span 马上领取-->
<!--                        span.wait.hidden 请稍等-->
<!--                .close(data-click="close")-->
<!--        .layout-appoint-position--><!DOCTYPE html>
<html lang="en">
<head>
  <link rel="icon" href="//static.o-home.com/v2/image/layouts/ohome.ico">
  <script src="//static.o-home.com/v2/js/config.js"></script>
  <script type="text/javascript" src="//static.geetest.com/static/tools/gt.js"></script>
  <link rel="stylesheet" href="//static.o-home.com/v2/css/web/public.css">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="keywords" content="橙加,装修,装饰,互联网家装,新房装修,旧房改造">
  <meta name="description" content="碧桂园碧+生活圈核心成员，为中国2亿新中产提供一站式快好省、高质价比、健康环保的家装服务！让装修从未如此简单！">
  <!--+alloydesigner("comment.jpg")-->
  <title>橙家90道装修工艺</title>
  <style>.ui-assess {
    width: 169px;
    height: 30px;
    overflow: hidden;
    position: relative;
    background-color: #eeeeee;
    display: inline-block;
    z-index: 1;
  }
  .ui-assess .star-active {
    width: 100%;
    height: 100%;
    background-color: #ffb400;
    transition: width 0.3s ease-in-out;
  }
  .ui-assess .star-list {
    width: 100%;
    height: 100%;
    background-position: left;
    background-size: cover;
    background-image: url("//static.o-home.com/v2/image/web/ohome/comment/star.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .ui-assess.plus {
    width: 143px;
    height: 26px;
  }
  .ui-assess.plus .star-list {
    width: 100%;
    height: 100%;
    background-position: left;
    background-size: cover;
    background-image: url("//static.o-home.com/v2/image/web/ohome/comment/star-s.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .sec2-nav {
    background-color: #e9e9e9;
    text-align: center;
  }
  .sec2-nav .item {
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    padding: 12px 20px;
  }
  .sec2-nav .item.router-link-exact-active,
  .sec2-nav .item.active {
    color: #dc6c00;
    position: relative;
  }
  .sec2-nav .item.router-link-exact-active:after,
  .sec2-nav .item.active:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #ffffff;
    right: 45%;
    bottom: -2px;
  }
  .sec-owner .header {
    border: 1px solid #eeeeee;
    border-left: 0;
    border-right: 0;
  }
  .sec-owner .header .left {
    font-size: 14px;
    width: 30%;
    padding: 30px 20px 30px 20px;
  }
  .sec-owner .header .left .ui-assess {
    vertical-align: middle;
    margin: 0 15px;
  }
  .sec-owner .header .left .score {
    font-size: 14px;
    color: #808080;
    vertical-align: middle;
  }
  .sec-owner .header .right {
    width: 70%;
    padding: 30px 25px 25px 25px;
  }
  .sec-owner .header .right .wrapper {
    border-left: 1px solid #eeeeee;
    padding-left: 25px;
    min-height: 135px;
  }
  .sec-owner .owner-header-right .item {
    display: inline-block;
    border: 1px solid #dc6c00;
    padding: 8px 15px;
    border-radius: 20px;
    margin: 0 10px;
    margin-bottom: 10px;
  }
  .owner-list {
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
  }
  .owner-list .owner-head-pix {
    width: 52px;
    height: 52px;
    border-radius: 52px;
  }
  .owner-list .content-left {
    width: 150px;
    float: left;
  }
  .owner-list .content-right {
    width: 1050px;
    float: left;
  }
  .owner-list .content-right .left {
    width: 860px;
    float: left;
  }
  .owner-list .content-right .right {
    width: 190px;
    float: left;
    position: relative;
  }
  .owner-list .content-right .right .like {
    border: 1px solid #808080;
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 10px;
    transition: transform 0.2s ease-in-out;
  }
  .owner-list .content-right .right .like:hover {
    border: 1px solid #dc6c00;
  }
  .owner-list .content-right .right .like.active {
    color: #dc6c00;
    border: 1px solid #dc6c00;
  }
  .owner-list .content-right .right .like:active {
    transform: scale(1.2);
  }
  .owner-list .content-right .right.owner-info {
    padding-top: 10px;
    font-size: 14px;
    color: #808080;
    text-align: right;
  }
  .owner-list .owner-assess {
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
  }
  .owner-list .owner-assess .ui-assess {
    vertical-align: middle;
    margin: 0 10px;
  }
  .owner-list .owner-image {
    width: 93px;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    height: 93px;
    overflow: hidden;
  }
  .owner-list .owner-image img {
    height: 93px;
    width: 100%;
    display: block;
  }
  .owner-list .owner-image-box {
    margin-left: -10px;
  }
  .sec-media {
    background-color: #e9e9e9;
  }
  .media-banner {
    padding: 25px 20px;
    background-color: #ffffff;
  }
  .media-list {
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    margin-top: 10px;
    -ms-flex-align: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
  }
  .media-list:hover {
    transform: scale(1.02);
    box-shadow: 0 3px 5px #666;
  }
  .media-list .left {
    width: 18%;
    text-align: center;
    padding: 40px 0;
  }
  .media-list .right {
    width: 82%;
    padding: 40px 20px 40px 0;
    color: #666666;
  }
  .media-list .right h1 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .media-list .right p {
    font-size: 14px;
  }
  .media-bottom {
    background-color: #ffffff;
    text-align: center;
    padding: 60px 0;
  }
  .ui-pager {
    padding: 15px 0;
  }
  .ui-pager .page {
    display: inline-block;
    padding: 5px 8px;
  }
  .ui-pager .page.active {
    color: #dc6c00;
  }
  .ui-pager .page.disabled {
    cursor: not-allowed;
    color: #ff9f43;
    border-color: #ff9f43;
  }
  .ui-pager .next-page,
  .ui-pager .prev-page,
  .ui-pager .first-page,
  .ui-pager .last-page {
    border: 1px solid #808080;
  }
  .ui-pager .next-page:hover,
  .ui-pager .prev-page:hover,
  .ui-pager .first-page:hover,
  .ui-pager .last-page:hover {
    background-color: #dc6c00;
    color: #ffffff;
    border-color: #dc6c00;
  }
  .ui-pager .prev-page:before {
    content: "<<";
  }
  .ui-pager .next-page:after {
    content: ">>";
  }
  .cover-list-item {
    display: inline-block;
    margin-right: 10px;
  }
  .cover-list-enter-active,
  .cover-list-leave-active {
    transition: all 1s;
  }
  .cover-list-enter,
  .cover-list-leave-active {
    opacity: 0;
    transform: translateY(30px);
  }

  </style>
  <style>@keyframes appear {
           0% {
             opacity: 0;
             transform: translateY(-100%);
           }
           100% {
             opacity: 1;
             transform: translateY(0);
           }
         }
  .sec1 {
    background-image: url("//static.o-home.com/v2/image/web/ohome/comment/sec1.jpg");
    width: 100%;
    height: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .sec1 .content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    margin-top: -180px;
  }
  .sec1 .content2 {
    text-align: center;
    position: absolute;
    bottom: 100px;
    width: 100%;
  }
  .sec1 .content2 .btn-appoint {
    margin-top: 40px;
    display: inline-block;
    font-size: 24px;
    background-color: #ffba00;
    border-bottom: 3px solid #ef8a12;
    color: #ffffff;
    border-radius: 30px;
    padding: 10px 50px;
    margin: 0 30px;
  }
  .sec1 .content2 .giggle {
    animation-name: appear;
  }
  .sec1 .content2 .giggle:nth-child(1) {
    animation-duration: .3s;
  }
  .sec1 .content2 .giggle:nth-child(2) {
    animation-duration: .6s;
  }
  .sec1 .content2 .giggle:nth-child(3) {
    animation-duration: .9s;
  }
  #layoutAppoint {
    padding-top: 48px;
    /*.form-field {*/
    /*background-color: #ffffff;*/
    /*display: inline-block;*/
    /*border-radius: 5px;*/
    /*margin-right: 10px;*/
    /*text-indent: 15px;*/
    /*&:nth-child(1){*/
    /*width: 180px;*/
    /*}*/
    /*&:nth-child(2) {*/
    /*width: 300px;*/
    /*}*/
    /*}*/
  }
  #layoutAppoint .layout-appoint {
    width: 100%;
    bottom: 0;
    z-index: 2;
    /*background: linear-gradient(rgba(232,67,71,.85),rgba(225,66,104,.75));*/
    background-color: rgba(0, 0, 0, 0.55);
    transform: translateY(0);
    height: 100px;
    position: relative;
    padding-left: 60px;
  }
  #layoutAppoint .layout-appoint-position {
    height: 160px;
    width: 100%;
    display: none;
  }
  #layoutAppoint .layout-left {
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    padding-top: 20px;
  }
  #layoutAppoint .layout-left b {
    color: #F8C43A;
    letter-spacing: 15px;
  }
  #layoutAppoint .layout-left p {
    color: #fff;
    padding-top: 5px;
    letter-spacing: 3px;
  }
  #layoutAppoint .layout-left p span {
    color: #F8C43A;
  }
  #layoutAppoint .layout-right {
    z-index: 2;
    position: absolute;
    left: 430px;
    padding-top: 30px;
  }
  #layoutAppoint input {
    background: #fff;
    border: 0;
    outline: 0;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-right: 10px;
    text-indent: 15px;
  }
  #layoutAppoint input:nth-child(1) {
    width: 180px;
  }
  #layoutAppoint input:nth-child(2) {
    width: 300px;
  }
  #layoutAppoint .btn-appoint {
    /*margin-left: 10px;*/
    display: inline-block;
    font-size: 18px;
    width: 160px;
    height: 50px;
    font-weight: 900;
    border-radius: 5px;
    background-color: #F8C43A;
    /*line-height: 30px;*/
    color: #000;
    margin-bottom: 4px;
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
  }
  #layoutAppoint .close {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 80px;
    top: 10px;
  }
  #layoutAppoint .close:after {
    font-size: 18px;
    font-family: iconfont;
    content: "\e61a";
    color: #ffffff;
  }
  #layoutAppoint.fixed .close {
    display: block;
  }
  #layoutAppoint.fixed .layout-appoint {
    position: fixed;
  }
  #layoutAppoint.fixed .layout-appoint-position {
    display: block;
  }
  #stationModalSuccess .overlay {
    background-color: #000;
    opacity: .5;
  }
  #stationModalSuccess .layout2 {
    z-index: 11;
    position: fixed;
    top: 0;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    transform: translateY(80px);
  }
  #stationModalSuccess .wap {
    position: absolute;
    left: 50%;
    top: -100px;
    margin-left: -350px;
    width: 680px;
    height: auto;
  }
  #stationModalSuccess .wap .wap_body {
    width: 100%;
    height: auto;
  }
  #stationModalSuccess .wap p {
    position: absolute;
    color: #FE4310;
    font-size: 20px;
  }
  #stationModalSuccess .wap .p1 {
    font-size: 22px;
    font-weight: 900;
    color: #000;
    top: 230px;
    left: 242px;
  }
  #stationModalSuccess .wap .p2 {
    top: 286px;
    left: 265px;
  }
  #stationModalSuccess .wap .p3 {
    top: 317px;
    left: 265px;
  }
  #stationModalSuccess .wap .p4 {
    top: 348px;
    left: 265px;
  }
  #stationModalSuccess .wap .p5 {
    width: 280px;
    color: #6D6D6D;
    font-size: 14px;
    top: 505px;
    left: 210px;
    padding-top: 15px;
  }
  #stationModalSuccess .wap button {
    cursor: pointer;
    position: absolute;
    left: 190px;
    width: 303px;
    height: 50px;
    border: none;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    outline: none;
  }
  #stationModalSuccess .wap .btn1 {
    top: 400px;
    background-color: #FE8010;
  }
  #stationModalSuccess .wap .btn2 {
    top: 460px;
    background-color: #FE4310;
  }
  #stationModalSuccess .wap a {
    position: absolute;
    top: 650px;
    left: 315px;
    width: 50px;
    height: 50px;
    display: block;
  }

  </style><!--[if lte IE 9]>
  <script>
    window.onload = function () {
      document.body.innerHTML = "<h1>请使用ie10以上浏览器，或者谷歌/火狐浏览器等内核浏览器</h1>"
    }
  </script><![endif]-->
</head>
<body>
<script>
    var token = 'b85ca20824e3ed13955665922c'
    var currentCityId = '2';
    var allStations = '[{"id":"2","region_id":"76","region_name":"\u5e7f\u5dde\u5e02","pinyin":"guangzhou","district":"2","address":"\u5e7f\u5dde\u5e02\u73e0\u6c5f\u65b0\u57ce\u9ad8\u5fb7\u7f6e\u5730\u590f\u5e7f\u573a\u5165\u82b1\u57ce\u6c47\u4e2d\u533a\u8d1f\u4e00\u5c42MW18-20\u94fa<br>\uff08\u6700\u8fd1\u505c\u8f66\u573a\uff1aP2\u6216P4\uff09 ","seo_title":"\u6a59\u5bb6\u3010\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\u3011_\u4e00\u7ad9\u5f0f\u4e92\u8054\u7f51\u5bb6\u88c5\u5bb6\u5c45\u670d\u52a1","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a4001066330\u3011\u78a7\u6842\u56ed\u6838\u5fc3\u8054\u76df\u4f01\u4e1a\uff0c\u4e3a\u4e2d\u56fd2\u4ebf\u65b0\u4e2d\u4ea7\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u8f7b\u5962+\u5fae\u5b9a\u5236\u3001\u5feb\u597d\u7701\u3001\u9ad8\u8d28\u4ef7\u6bd4\u3001\u5065\u5eb7\u73af\u4fdd\u7684\u5bb6\u88c5\u670d\u52a1\uff01\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"cjsh5000.jpg","sort_order":"10","status":"2","is_default":"2","domain":"http:\/\/guangzhou.o-home.com"},{"id":"3","region_id":"80","region_name":"\u4f5b\u5c71\u5e02","pinyin":"foshan","district":"2","address":"\u5357\u6d77\u5e97-\u5357\u6d77\u4e07\u8fbe\u5e7f\u573a\u53578\u680b2003\u5546\u94fa\uff08\u4e8c\u697c\u9ea6\u5f53\u52b3\u65c1\uff09<\/br>\u987a\u5fb7\u5e97-\u5927\u826f\u987a\u5cf0\u8d2d\u7269\u65b0\u5929\u5730\u4e09\u697c\uff08\u5409\u4e4b\u5c9b3\u697cS-XC011-013\u94fa\uff09","seo_title":"\u4f5b\u5c71\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"cjsh5000.jpg","sort_order":"7","status":"2","is_default":"1","domain":"http:\/\/fs.o-home.com"},{"id":"4","region_id":"83","region_name":"\u6c5f\u95e8\u5e02","pinyin":"jiangmen","district":"2","address":"\u6c5f\u95e8\u5e02\u84ec\u6c5f\u533a\u767d\u77f3\u5927\u9053166\u53f7\u6c47\u60a6\u57ce3F002\u94fa\u4f4d","seo_title":"\u6c5f\u95e8\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"chengjiashenghuo.jpg","sort_order":"15","status":"2","is_default":"1","domain":"http:\/\/jm.o-home.com"},{"id":"5","region_id":"77","region_name":"\u6df1\u5733\u5e02","pinyin":"shenzhen","district":"2","address":"\u6df1\u5733\u5e02\u798f\u7530\u533a\u6ee8\u6cb3\u5927\u9053\u4eac\u57fa\u6ee8\u6cb3\u65f6\u4ee3\u5e7f\u573aKKONE\u4e09\u5c42310","seo_title":"\u6df1\u5733\u6a59\u5bb6_\u78a7\u6842\u56ed\u6838\u5fc3\u8054\u76df\u4f01\u4e1a_\u4e92\u8054\u7f51\u5bb6\u88c52.0","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u6838\u5fc3\u8054\u76df\u4f01\u4e1a\uff0c\u5168\u5305\u8f7b\u5962\u88c5\u4fee888\u5143\/\u5e73\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"chengjiashenghuo.jpg","sort_order":"24","status":"2","is_default":"1","domain":"http:\/\/sz.o-home.com"},{"id":"6","region_id":"79","region_name":"\u4e1c\u839e\u5e02","pinyin":"dongguan","district":"2","address":"\u4e1c\u839e\u5e02\u5357\u57ce\u533a\u7b2c\u4e00\u56fd\u9645\u6c47\u4e00\u57ce\u4e8c\u697c205B\uff08\u6d77\u5e95\u635e\u659c\u5bf9\u9762\uff09","seo_title":"\u4e1c\u839e\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"chengjiashenghuo.jpg","sort_order":"6","status":"2","is_default":"1","domain":"http:\/\/dg.o-home.com"},{"id":"7","region_id":"82","region_name":"\u60e0\u5dde\u5e02","pinyin":"huizhou","district":"2","address":"\u60e0\u57ce\u5e97:\u60e0\u5dde\u5e02\u60e0\u57ce\u533a\u4e1c\u6e56\u4e5d\u533a\u9686\u751f\u5e7f\u573a\u4e09\u697c<br>\u5927\u4e9a\u6e7e\u5e97\uff1a\u60e0\u5dde\u5e02\u9f99\u5c71\u516b\u8def\u5927\u4e9a\u6e7e\u4e07\u8fbe\u5e7f\u573a2F-C\u6a59\u5bb6\u751f\u6d3b\u9986","seo_title":"\u60e0\u5dde\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"chengjiashenghuo.jpg","sort_order":"14","status":"2","is_default":"1","domain":"http:\/\/hz.o-home.com"},{"id":"8","region_id":"235","region_name":"\u8d63\u5dde\u5e02","pinyin":"ganzhou","district":"2","address":"\u8d63\u5dde\u5e02\u7ae0\u8d21\u533a\u767b\u5cf0\u5927\u9053\u4e07\u8c61\u57ceL510\u5546\u94fa","seo_title":"\u8d63\u5dde\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"chengjiashenghuo.jpg","sort_order":"9","status":"2","is_default":"1","domain":"http:\/\/ganzhou.o-home.com"},{"id":"10","region_id":"180","region_name":"\u6b66\u6c49\u5e02","pinyin":"wuhan","district":"3","address":"\u6b66\u6c49\u5e02\u6b66\u660c\u533a\u4e2d\u5317\u8def\u695a\u6cb3\u6c49\u8857\u7b2c\u4e09\u8857\u533a91\u53f7","seo_title":"\u6b66\u6c49\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"28","status":"2","is_default":"1","domain":"http:\/\/wh.o-home.com"},{"id":"11","region_id":"322","region_name":"\u6210\u90fd\u5e02","pinyin":"chengdu","district":"3","address":"\u6210\u90fd\u5e02\u9ad8\u65b0\u533a\u5929\u5e9c\u5927\u9053\u73af\u7403\u4e2d\u5fc3E3\u5165\u53e317\u5c421701","seo_title":"\u6210\u90fd\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"qrcode_for_gh_fef9483c386e_1280.jpg","sort_order":"4","status":"2","is_default":"1","domain":"http:\/\/cd.o-home.com"},{"id":"12","region_id":"52","region_name":"\u5317\u4eac\u5e02","pinyin":"beijing","district":"4","address":"\u5317\u4eac\u5e02\u4e30\u53f0\u533a\u5357\u82d1\u897f\u8def\u4e07\u8fbe\u5e7f\u573a\u4e8c\u5c422068\uff08\u69d0\u574a\u5e97\uff09","seo_title":"\u5317\u4eac\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"1","status":"2","is_default":"1","domain":"http:\/\/bj.o-home.com"},{"id":"13","region_id":"95","region_name":"\u4e2d\u5c71\u5e02","pinyin":"zhongshan","district":"2","address":"\u4e1c\u533a\u5229\u548c\u8d2d\u7269\u4e2d\u5fc3\u4e09\u697c301","seo_title":"\u4e2d\u5c71\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"38","status":"2","is_default":"1","domain":"http:\/\/zs.o-home.com"},{"id":"14","region_id":"96","region_name":"\u73e0\u6d77\u5e02","pinyin":"zhuhai","district":"2","address":"\u73e0\u6d77\u5e02\u9999\u6d32\u533a\u51e4\u51f0\u5357\u8def1066\u53f7\u626c\u540d\u5e7f\u573a\u4e03\u697cL7015\u5546\u94fa","seo_title":"\u73e0\u6d77\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"39","status":"2","is_default":"1","domain":"http:\/\/zh.o-home.com"},{"id":"15","region_id":"388","region_name":"\u5b81\u6ce2\u5e02","pinyin":"ningbo","district":"1","address":"\u5b81\u6ce2\u9547\u6d77\u533a1902\u4e07\u79d1\u5e7f\u573a2F","seo_title":"\u5b81\u6ce2\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"19","status":"2","is_default":"1","domain":"http:\/\/nb.o-home.com"},{"id":"16","region_id":"222","region_name":"\u65e0\u9521\u5e02","pinyin":"wuxi","district":"1","address":"\u65e0\u9521\u5e02\u5357\u957f\u533a\u8302\u4e1a\u767e\u8d272\u697c\u6a59\u5bb6\u751f\u6d3b\u4f53\u9a8c\u9986L2-16","seo_title":"\u65e0\u9521\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"30","status":"2","is_default":"1","domain":"http:\/\/wuxi.o-home.com"},{"id":"17","region_id":"220","region_name":"\u5357\u4eac\u5e02","pinyin":"nanjing","district":"1","address":"\u6c5f\u82cf\u7701\u5357\u4eac\u5e02\u6c5f\u5b81\u533a\u767e\u5bb6\u6e56\u5730\u94c1\u53e3\u666f\u67abKingmo\u8d2d\u7269\u4e2d\u5fc3 B1\u5c42","seo_title":"\u5357\u4eac\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"17","status":"2","is_default":"1","domain":"http:\/\/nj.o-home.com"},{"id":"18","region_id":"383","region_name":"\u676d\u5dde\u5e02","pinyin":"hangzhou","district":"1","address":"\u676d\u5dde\u5e02\u6c5f\u5e72\u533a\u4e0b\u6c99\u91d1\u6c99\u5927\u9053560\u53f7\u9f99\u6e56\u65f6\u4ee3\u8d2d\u7269\u4e2d\u5fc32\u697c","seo_title":"\u676d\u5dde\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"11","status":"2","is_default":"1","domain":"http:\/\/hangzhou.o-home.com"},{"id":"19","region_id":"197","region_name":"\u957f\u6c99\u5e02","pinyin":"changsha","district":"2","address":"\u957f\u6c99\u5e02\u5f00\u798f\u533a\u4e07\u8fbe\u5e7f\u573a\u4e00\u697c1022\u53f7\u94fa(\u5723\u7f57\u5170\u9694\u58c1)","seo_title":"\u957f\u6c99\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"2","status":"2","is_default":"1","domain":"http:\/\/cs.o-home.com"},{"id":"20","region_id":"221","region_name":"\u82cf\u5dde\u5e02","pinyin":"suzhou","district":"1","address":"\u82cf\u5dde\u5e97\uff1a\u82cf\u5dde\u5e02\u9ad8\u65b0\u533a\u9f99\u6e56\u65f6\u4ee3\u5929\u8857\u56db\u697c\u78a7\u6842\u56ed\u6a59\u5bb6<br>\u5e38\u719f\u5e97\uff1a\u5e38\u719f\u5e02\u73e0\u6d77\u8def8\u53f7\u4e07\u8fbe\u5e7f\u573a2\u53f7\u95e8\u7535\u68af2\u697c\u53f3\u624b\u8fb9","seo_title":"\u82cf\u5dde\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"25","status":"2","is_default":"1","domain":"http:\/\/changshu.o-home.com"},{"id":"26","region_id":"391","region_name":"\u6e29\u5dde\u5e02","pinyin":"wenzhou","district":"1","address":"\u6e29\u5dde\u5e02\u9f99\u6e7e\u533a\u4e07\u8fbe\u5e7f\u573a\u4e8c\u697c2037A\u5e97\u9762","seo_title":"\u6e29\u5dde\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"27","status":"2","is_default":"1","domain":"http:\/\/wenzhou.o-home.com"},{"id":"28","region_id":"87","region_name":"\u6e05\u8fdc\u5e02","pinyin":"qingyuan","district":"2","address":"\u6e05\u8fdc\u5e02\u6e05\u57ce\u533a\u6e56\u897f\u8def89\u53f7\u4e07\u8fbe\u5e7f\u573a\u4e09\u697c3069-3070","seo_title":"\u6e05\u8fdc\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"20","status":"2","is_default":"1","domain":"http:\/\/qy.o-home.com"},{"id":"34","region_id":"394","region_name":"\u91cd\u5e86\u5e02","pinyin":"chongqing","district":"6","address":"\u91cd\u5e86\u5e02\u6e1d\u4e2d\u533a\u5927\u576a\u9f99\u6e56\u65f6\u4ee3\u5929\u8857C\u99864\u697c","seo_title":"\u91cd\u5e86\u6a59\u5bb6_\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34_\u78a7+\u751f\u6d3b\u5708\u6210\u5458","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u88c5\u4fee\u70ed\u7ebf\uff1a400-1066330\u3011\u65b0\u4e2d\u4ea7\u5bb6\u88c5\u9996\u9009\uff01\u78a7\u6842\u56ed\u78a7+\u4f18\u8d28\u751f\u6d3b\u5708\u6210\u5458\uff0c\u78a7\u6842\u56ed\u4e92\u8054\u7f51\u5bb6\u88c5\u552f\u4e00\u6218\u7565\u5408\u4f5c\u4f19\u4f34\uff0c\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"5","status":"2","is_default":"1","domain":"http:\/\/chongqing.o-home.com"},{"id":"41","region_id":"60","region_name":"\u53a6\u95e8\u5e02","pinyin":"xiamen","district":"2","address":"\u798f\u5efa\u53a6\u95e8","seo_title":"\u53a6\u95e8\u6a59\u5bb6_\u3010\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\u3011_\u4e00\u7ad9\u5f0f\u4e92\u8054\u7f51\u5bb6\u88c5\u5bb6\u5c45\u670d\u52a1","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u6a59\u5bb6\u5168\u6c11\u88c5\u4fee\u5b63\uff0c\u58d5\u6d3e40\u57ce\u798f\u5229\u3011\u4e3a\u4e2d\u56fd2\u4ebf\u65b0\u4e2d\u4ea7\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u5feb\u597d\u7701\u5bb6\u88c5\u670d\u52a1\uff01\u78a7\u6842\u56ed\u78a7+\u751f\u6d3b\u5708\u6838\u5fc3\u6210\u5458\uff0c\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"h10S715UX00P1Ms1sm09a0S7sp0801 (1).jpg","sort_order":"31","status":"2","is_default":"1","domain":"http:\/\/xm.o-home.com"},{"id":"44","region_id":"93","region_name":"\u6e5b\u6c5f\u5e02","pinyin":"zhanjiang","district":"2","address":"\u5e7f\u4e1c\u6e5b\u6c5f","seo_title":"\u6a59\u5bb6\u3010\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\u3011_\u4e00\u7ad9\u5f0f\u4e92\u8054\u7f51\u5bb6\u88c5\u5bb6\u5c45\u670d\u52a1","seo_keyword":"\u6a59\u5bb6,\u88c5\u4fee,\u88c5\u9970,\u4e92\u8054\u7f51\u5bb6\u88c5,\u65b0\u623f\u88c5\u4fee,\u65e7\u623f\u6539\u9020","seo_desc":"\u3010\u8f7b\u5962+\u5fae\u5b9a\u5236\u3011\u78a7\u6842\u56ed\u78a7+\u751f\u6d3b\u5708\u6838\u5fc3\u6210\u5458\uff0c\u4e3a\u4e2d\u56fd2\u4ebf\u65b0\u4e2d\u4ea7\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u5feb\u597d\u7701\u3001\u9ad8\u8d28\u4ef7\u6bd4\u3001\u5065\u5eb7\u73af\u4fdd\u7684\u5bb6\u88c5\u670d\u52a1\uff01\u8ba9\u88c5\u4fee\u4ece\u672a\u5982\u6b64\u7b80\u5355\uff01","ewm_img":"","sort_order":"36","status":"2","is_default":"1","domain":"https:\/\/zhanjiang.o-home.com"}]'
            var utm = ''
    
</script>
<script>
    //(function () {
    //var c = document.createElement('script');
    //c.src = '//static.meiqia.com/dist/standalone.html?_=t&eid=71115';
    //var s = document.getElementsByTagName('script')[0];
    //s.parentNode.insertBefore(c, s);
    //var kf5 = document.querySelectorAll('.layoutKF5');
    //var width = 666;
    //var top = window.screen.availHeight / 2 - width / 2
    // var left = window.screen.availWidth / 2 - width / 2
    //_.forEach(kf5, function (o) {
    //_.addEvent(o, "click", function (e) {
    //window.open("https://static.meiqia.com/dist/standalone.html?_=t&eid=71115", "newwindow",
    //"height=" + width + "px, " +
    //"width=" + width + "px, " +
    // "top=" + top + "," +
    //"left=" + left + "," +
    //"toolbar=no, " +
    //"menubar=no, " +
    //"scrollbars=no, " +
    //"resizable=no," +
    //"location=no, " +
    //"status=no")
    //})
    //})
    //})();
//    (function (m, ei, q, i, a, j, s) {
//        m[i] = m[i] || function () {
//            (m[i].a = m[i].a || []).push(arguments)
//        };
//        j = ei.createElement(q),
//            s = ei.getElementsByTagName(q)[0];
//        j.async = true;
//        j.charset = 'UTF-8';
//        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
//        s.parentNode.insertBefore(j, s);
//    })(window, document, 'script', '_MEIQIA');
//    _MEIQIA('entId', 71115);

</script>
<div id="ohomeHeader">
  <style>.u-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
  }
  .u-modal.active {
    display: block;
  }
  .u-modal.active .u-modal-overlay {
    opacity: .5;
  }
  .u-modal.active .u-modal-content {
    animation: uModalShow 0.3s ease-in-out;
  }
  .u-modal.close .u-modal-overlay {
    opacity: 0;
  }
  .u-modal.close .u-modal-content {
    animation: uModalHide 0.3s ease-in-out;
  }
  .u-modal-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .u-modal-content {
    position: relative;
    margin: 80px auto 0 auto;
    width: 61.8%;
    transition: all 0.3s ease-in-out;
  }
  .u-modal-content .close:hover {
    color: #ff8000;
    animation: closeBtnSwing 0.5s ease-in-out;
  }
  @media (max-width: 420px) {
    .u-modal-content {
      width: 80%;
      margin-top: 20px;
    }
  }
  @keyframes closeBtnSwing {
    20% {
      transform: rotate(15deg);
    }
    40% {
      transform: rotate(-10deg);
    }
    60% {
      transform: rotate(5deg);
    }
    80% {
      transform: rotate(-5deg);
    }
    to {
      color: #ff8000;
      transform: rotate(0deg);
    }
  }
  @keyframes uModalShow {
    from {
      opacity: 0;
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes uModalHide {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(-100px);
    }
  }
  #ohomeHeader .nav-container {
    width: 1144px;
    margin: 0 auto;
    position: relative;
  }
  #ohomeHeader .nav-box1 {
    background-color: #eee;
    height: 30px;
    line-height: 30px;
  }
  #ohomeHeader .nav-box1 .iconfont {
    font-size: 16px;
  }
  #ohomeHeader .nav-box1 .left {
    position: absolute;
    left: 0;
  }
  #ohomeHeader .nav-box1 .right {
    position: absolute;
    right: 0;
  }
  #ohomeHeader .nav-box1 .nav-item {
    letter-spacing: 1px;
  }
  #ohomeHeader .nav-box1 .nav-item:after {
    content: "|";
    margin: 0 10px;
  }
  #ohomeHeader .nav-box1 .nav-item:last-child:after {
    display: none;
  }
  #ohomeHeader .nav-box1 .nav-item i {
    letter-spacing: 0;
  }
  #ohomeHeader .nav-box1 .hover {
    position: relative;
  }
  #ohomeHeader .nav-box1 .hover .nav-hover-panel {
    opacity: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: -50%;
    margin-top: 10px;
    box-shadow: 1px 1px 5px #999;
    background-color: #ffffff;
    width: 130px;
    z-index: 3;
    transition: all .3s ease;
  }
  #ohomeHeader .nav-box1 .hover:hover .nav-hover-panel {
    opacity: 1;
    height: 130px;
  }
  #ohomeHeader .nav-box2 {
    height: 85px;
  }
  #ohomeHeader .nav-box2 .nav-container {
    padding: 15px 0;
  }
  #ohomeHeader .nav-box2 .nav-container img {
    margin-top: -10px;
  }
  #ohomeHeader .nav-box2 .navbar {
    height: 85px;
    line-height: 85px;
    position: absolute;
    top: 0;
    right: 0;
  }
  #ohomeHeader .nav-box2 .nav-box2-item {
    position: relative;
    float: left;
    font-size: 16px;
    margin-left: 38px;
  }
  #ohomeHeader .nav-box2 .nav-box2-item.active {
    color: #ee7800;
  }
  #ohomeHeader .nav-box2 .second-navbar {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    width: 120px;
    left: 50%;
    margin-left: -60px;
    line-height: 1.8;
    font-size: 14px;
    z-index: 5;
    margin-top: 5px;
    border-top: 4px solid #ee7800;
    background-color: rgba(0, 0, 0, 0.6);
  }
  #ohomeHeader .nav-box2 .second-navbar a {
    color: #ffffff;
  }
  #ohomeHeader .nav-box2 .second-navbar.active {
    visibility: visible;
    opacity: 1;
  }
  #loginModal {
    height: 358px;
    background-color: #ffffff;
    position: relative;
    padding-top: 25px;
    border-radius: 8px;
  }
  #loginModal .close {
    font-family: iconfont;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
  }
  #loginModal .header li {
    display: table-cell;
    width: 1%;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #ee7800;
  }
  .login-modal-body {
    padding-top: 35px;
  }
  .login-modal-body .field {
    margin-bottom: 30px;
  }
  .login-modal-body input {
    padding: 15px;
    width: 100%;
    font-size: 16px;
    outline: none;
    border: 1px solid #d8d8d8;
  }
  .login-modal-body .btn-wrap .btn {
    background-color: #ee7800;
    color: #ffffff;
    width: 100%;
    border-radius: 24px;
    font-size: 18px;
    padding: 8px 0;
  }
  .login-modal-body .btn-wrap a:hover {
    color: #ee7800;
  }
  .login-modal-body .btn-wrap-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #signon-iframe {
    border-radius: 8px;
  }

  </style>
  <div class="nav-box1">
    <div class="nav-container">
      <div class="left"><i class="iconfont mr-r-s">&#xe610;</i><span class="mr-r-s">广州</span>
        <!--span 【切换】-->
      </div>
      <div class="right"><a class="nav-item" href="/site/signup">免费注册</a><a class="nav-item" loginModal="show">请登录</a><a class="nav-item hover">橙家APP
        <div class="nav-hover-panel"><img src="//static.o-home.com/v3/views/layouts/web/footer/app.png"></div></a><a class="nav-item hover">关注橙家
        <div class="nav-hover-panel"><img src="//static.o-home.com/v3/views/layouts/web/footer/wechat.png"></div></a><span class="nav-item">咨询热线<i class="mr-l-s mr-r-s">:</i><i class="font-theme">400-8070055</i></span></div>
    </div>
  </div>
  <div class="nav-box2">
    <div class="nav-container"><a href="/"><img src="//static.o-home.com/v3/views/layouts/web/header/logo.gif"></a>
      <nav class="navbar">
                                <div class="nav-box2-item"><a href="/" target="blank">首页</a>        </div>                                        <div class="nav-box2-item"><a href="https://www.o-home.com/taocan/hard_1" target="blank">899任性装</a>        </div>                                        <div class="nav-box2-item"><a href="https://www.o-home.com/taocan/soft_3">颜选软装</a>        </div>                                        <div class="nav-box2-item"><a href="https://www.o-home.com/case" target="blank">装修案例</a>        </div>                                        <div class="nav-box2-item"><a href="https://www.o-home.com/technique">精益工艺</a>        </div>                                        <div class="nav-box2-item"><a href="https://www.o-home.com/store" target="blank">全国门店</a>        </div>                                        <div class="nav-box2-item"><a href="https://www.o-home.com/web/ohome/about" target="blank">关于橙家</a>          <div class="second-navbar">
            <ul class="pd-t-l pd-b-l">              <li><a href="https://www.o-home.com/taocan/comment_1" target="blank">业主热评</a></li>              <li><a href="https://www.o-home.com/about" target="blank">品牌故事</a></li>              <li><a href="https://www.o-home.com/designer" target="blank">热门设计师</a></li>              <li><a href="https://www.o-home.com/technique" target="blank">工艺视频</a></li>              <li><a href="https://www.o-home.com/aboutquestion" target="blank">常见问题</a></li>            </ul>
          </div>        </div>                      </nav>
    </div>
  </div>
  <div class="hidden">
    <div id="loginModal"><a class="close" close>&#xe61a;</a>
      <iframe id="signon-iframe" src="/web/signon/index" frameborder="0" height="380px" width="500px"></iframe>
    </div>
  </div>
</div>
<div id="root">
  <div class="sec1">
    <div class="content"><img class="giggle" src="//static.o-home.com/v2/image/web/ohome/comment/sec1-content.png" width="100%" title="橙家新房装修套餐" alt="橙家新房装修套餐"></div>
    <div class="content2"><a class="btn btn-appoint giggle" href="/taocan/hard_2_01">业主评价</a><a class="btn btn-appoint giggle" href="/appoint">我要预约</a><a class="btn btn-appoint giggle" href="/taocan/hard_2_02">媒体测评</a></div>
  </div>
  <div class="sec2">
    <p class="sec2-nav"><a class="item" href="/taocan/hard_2">产品详情</a><span>|</span><a class="item active" href="/taocan/hard_2_01">业主评价</a><span>|</span><a class="item" href="/taocan/hard_2_02">媒体测评</a></p>
  </div>
  <div class="sec3">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</div>
<div class="sec-template hidden">
  <div id="owner">
    <div class="sec-owner container">
      <div class="header clearfix">
        <div class="fl left">
          <div class="wrapper">
            <p class="f18 mr-b-l">动态评分</p>
            <div class="owner-header-left">
              <p>设计水平
                <star-assess :score="overall.design_score"></star-assess><span class="score" v-text="overall.design_score"></span>
              </p>
              <p>服务态度
                <star-assess :score="overall.service_score"></star-assess><span class="score" v-text="overall.service_score"></span>
              </p>
              <p>施工质量
                <star-assess :score="overall.product_score"></star-assess><span class="score" v-text="overall.product_score"></span>
              </p>
            </div>
          </div>
        </div>
        <div class="fl right">
          <div class="wrapper">
            <p class="f18 mr-b-l">大家都写到</p>
            <div class="owner-header-right"><span class="item" v-for="t in tags">${t.sign_name} (${t.sign_count})</span></div>
          </div>
        </div>
      </div>
      <div class="content">
        <transition-group name="cover-list" tag="div">
          <div class="owner-list clearfix" v-for="c in commentPage" v-bind:key="c">
            <div class="content-left pd-t-l pd-b-l">
              <div class="tc"><img class="owner-head-pix" :src="opc+c.head_portrait">
                <p v-text="c.name"></p>
              </div>
            </div>
            <div class="content-right clearfix">
              <div class="left font-grey">
                <div class="pd-t-m">
                  <p class="owner-assess">施工:<span v-text="c.construct_score"></span>
                    <star-assess-plus :score="c.construct_score"></star-assess-plus>
                  </p>
                  <p class="owner-assess">服务:<span v-text="c.service_score"></span>
                    <star-assess-plus :score="c.service_score"></star-assess-plus>
                  </p>
                  <p class="owner-assess">设计:<span v-text="c.design_score"></span>
                    <star-assess-plus :score="c.design_score"></star-assess-plus>
                  </p>
                </div>
                <div class="pd-t-m">
                  <p class="f14" v-text="c.content"></p>
                </div>
                <div class="owner-image-box">
                  <image-viewer-box>
                    <div class="clearfix">
                      <div class="owner-image" v-for="img in c.images" :key="img.uuid">
                        <image-viewer :data-src="opc+img.image"></image-viewer>
                      </div>
                    </div>
                  </image-viewer-box>
                </div>
                <div class="pd-t-m">
                  <p class="f14"><span v-text="c.date_added"></span></p>
                </div>
              </div>
              <div class="right owner-info">
                <p><span>${c.price}</span></p>
                <p><span>${c.area} m²</span></p>
                <p><span v-text="c.product"></span></p><a class="like" @click="like(c.review_customer_id)" v-if="!c.active"><i class="iconfont">&#xe626;</i><span class="mr-l-s" v-text="c.liked_count"></span></a><a class="like active" @click="dislike(c.review_customer_id)" v-else><i class="iconfont">&#xe626;</i><span class="mr-l-s" v-text="c.liked_count"></span></a>
              </div>
            </div>
          </div>
        </transition-group>
        <div class="tc pd-t-l pd-b-l" v-show="hasNext"><a class="font-theme" @click="getCommentPage">下一页</a></div>
      </div>
    </div>
  </div>
  <div id="media">
    <div class="sec-media">
      <div class="container pd-b-l">
        <div class="media-banner"><img src="//static.o-home.com/v2/image/web/ohome/comment/media-banner.jpg"></div>
        <div class="media-list" v-for="m in medias">
          <div class="left"><img :src="ctx+m.cover"></div>
          <div class="right">
            <h1 v-text="m.title"></h1>
            <p v-text="m.text"></p>
          </div>
        </div>
        <!--ui-pager(:page-list="medias",page-size="5",@turn="getMediaPage")-->
      </div>
      <div class="media-bottom"><img src="//static.o-home.com/v2/image/web/ohome/comment/media-bottom.jpg"></div>
    </div>
  </div>
  <div id="detail">
    <div class="sec-detail"></div>
  </div>
</div>
<!--#layoutAppoint.fixed-->
<!--    .layout-appoint-->
<!--        .container.relative-->
<!--            .layout-left-->
<!--                //img(src=ctx + "/image/web/again/layout-appoint-left.png")-->
<!--                b.f26 1元抢西班牙进口沙发-->
<!--                p.f18 新品预售季，下定享-->
<!--                    span 92折-->
<!--            .layout-right-->
<!--                //.form-field-->
<!--                input(placeholder="请输入您的姓名",name="username",autocomplete="off")-->
<!--                //.form-field-->
<!--                input(placeholder="请输入您的电话",name="phone",data-keyup="enter",autocomplete="off")-->
<!--                button.btn.btn-appoint(data-click="appoint") 立即领取-->
<!--                    //span 马上抢大礼包-->
<!--                    //span.wait.hidden 请稍等-->
<!--            .close(data-click="close")-->
<!--    .layout-appoint-position-->
<!--    #stationModalSuccess.modal-->
<!--        .content.layout2.hidden-->
<!--            .wap-->
<!--                img.wap_body(src=ctx + '/image/web/page/meet_again/success.png')-->
<!--                p.p1 恭喜您获得以下资格-->
<!--                p.p2 下定送西班牙皇室沙发-->
<!--                p.p3 下定立享92折-->
<!--                p.p4 橙家500元无门槛装修券-->
<!--                button.btn1.mr-r-m(data-click="close1") 确定-->
<!--                button.btn2(data-click="store") 离我最近的门店-->
<!--                p.p5 *橙家资深装修顾问将在24小时内与您联系，请保持电话畅通-->
<!--                a(data-click="close1")-->
<div class="hidden" id="layoutFixed">
  <ul class="layout-fixed">    <li><a class="item" href="/">
      <div class="icon"><i class="home"></i></div>
      <p>回到首页</p></a></li>    <li><a class="item layoutKF5">
      <div class="icon"><i class="zixun"></i></div>
      <p>在线咨询</p></a></li>
    <li><a class="item layoutKF5">
      <div class="icon"><i class="shouhou"></i></div>
      <p>售后咨询</p></a></li>
    <li><a class="item" href="/web/page/league">
      <div class="icon"><i class="zhaoshan"></i></div>
      <p>招商加盟</p></a></li>
    <!--li-->
    <!--  a.item-->
    <!--    .icon-->
    <!--      i.huodong-->
    <!--    p 近期活动-->
    <li class="back-top"><a class="item" data-click="totop">
      <div class="icon"><i class="backtop"></i></div>
      <p>回到顶部</p></a></li>
  </ul>
  <!--.pd-t-xl-->
  <!--  a.db(href="/web/page/deco_intro")-->
  <!--    img.shake(src=ctx+"/image/web/fest/fixed-left.png")-->
  <!--.pd-t-xl-->
  <!--      a.db(href="/web/page/singles_day")-->
  <!--        img(src=ctx+"/image/web/singles/fixed-left.gif")-->
</div>
<div id="ohomeFooter">
  <div class="foot-container">
    <div class="footer-left">
      <ul class="company-info">
        <li><a href="/about">关于我们</a></li>
        <li><a href="/store">门店地址</a></li>
        <li><a href="/about">联系我们</a></li>
        <li><a href="/about">加入我们</a></li>
        <li><a href="/aboutquestion">常见问题</a></li>
        <li><a href="/privacy.html" target="_blank">隐私政策</a></li>
        <li><a href="/contract.html" target="_blank">服务协议</a></li>
      </ul>
      <div class="company-tel"><img src="//static.o-home.com/v3/views/layouts/web/footer/400.png"></div>
      <div class="company-address">
        <p><span>门店地址:</span><span>广州市珠江新城高德置地夏广场入花城汇中区负一层MW18-20铺<br>（最近停车场：P2或P4） </span></p>
        <p><span>总部地址:</span><span>佛山市顺德区北滘镇碧江大桥侧碧桂园第二工作区三楼橙家</span></p>
        <p class="pd-t-xl mr-t-xl"><span>免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。</span><span>Copyright©2018 广东橙家科技有限公司 版权所有</span><span class="mr-l-xl">粤ICP备18051067号</span></p>
      </div>
    </div>
    <div class="footer-right">
      <div class="company-ercode"><img src="//static.o-home.com/v3/views/layouts/web/footer/app.png">
        <p>下载橙家APP</p>
      </div>
      <div class="company-ercode"><img src="//static.o-home.com/v3/views/layouts/web/footer/wechat.png">
        <p>关注橙家公众号</p>
      </div>
    </div>
  </div>
</div>
<style>#ohomeFooter {
  background-color: #343434;
  color: #ffffff;
}
#ohomeFooter a {
  color: #ffffff;
}
#ohomeFooter .foot-container {
  width: 1144px;
  margin: 0 auto;
  position: relative;
  padding: 32px 0 40px 0;
}
#ohomeFooter .company-info li {
  display: inline-block;
  font-size: 16px;
  margin-right: 18px;
}
#ohomeFooter .company-tel {
  padding: 8px 0 5px 0;
}
#ohomeFooter .company-address {
  color: #999999;
  font-size: 14px;
}
#ohomeFooter .company-ercode {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  margin-left: 12px;
}
#ohomeFooter .company-ercode img {
  margin-bottom: 10px;
}
#ohomeFooter .footer-right {
  position: absolute;
  top: 40px;
  right: 0;
}

</style>
<script>var ctx = "//static.o-home.com/v2";</script>
<script>var media_comment = [{
    cover:"/image/web/ohome/comment/wy.png",
    title:"承接精工工艺，走在行业前列",
    text:"橙家独有的 90道精湛施工工艺，是支持他们能够实现30天工期的基础，而这样精湛的工艺，又是建立在对人才管控与对供应链把控的基础上，不愧是碧桂园互联网家装唯一战略合作伙伴，橙家在这些方面有集团的优势，走在家居行业前列。",
},{
    cover:"/image/web/ohome/comment/sh.png",
    title:"懒癌装修首选，特别专业与细致",
    text:"橙家从成立那天起，我就一直在关注。恰逢身边有朋友也选用了橙家，作为一个长期关注家居行业的过来人，看到橙家可以提供的装修模式表示太省心了。线上直播，售后回访，还有各种你想不到的施工细节他们都为客户注意到了，让我这个半行业的媒体人都感觉到他们的专业与细致。"
},{
    cover:"/image/web/ohome/comment/ffw.png",
    title:"价格实惠，质量偏上，刚需首选",
    text:"刚开始让我们关注橙家，仅仅是因为橙家是碧桂园互联网家装唯一战略合作伙伴。经过三年的发展，他们服务过的客户与做出来的产品数量不断累积，很多用户会反过来将橙家的信息告诉我们，让我们重新关注这个企业。主打688的产品是他们流量的入口，价格实惠，但品质偏上，是值得推荐的刚需型装修产品。"
},{
    cover:"/image/web/ohome/comment/sf.png",
    title:"服务不断升级  提升行业水平",
    text:"装修这个产品差评率一直很高，大家都知道是因为整个链条太长，涉及的人员与工艺都很多。而橙家在这个服务上面我们也看到他不断优化流程与服务体系，努力让用户的装修体验提升，包括装修工艺标准化，服务人员定期培训，售前售后固定回访，相信在橙家这些公司的努力下，用户在装修上的好评会不断提升。"
},{
    cover:"/image/web/ohome/comment/xl.png",
    title:"设计注意细节，人性化",
    text:"转载一个在橙家装修了的同事对橙家的点评：设计注意细节，很人性化。施工部分整体进度把控的很好，工期安排的特别合理，干活也很尽心负责。整体还是很满意的。很省心，原本就发愁装修房子的时候细节太多怕顾不过来，这边设计和施工把细节点都想到了，毕竟是碧桂园碧+优质生活圈成员企业，确实让人很满意。"
},{
    cover:"/image/web/ohome/comment/pchouse.png",
    title:"橙家有资金有策略有想法",
    text:"互联网家装近两年已经从高潮慢慢回落人间，很多人都说要做互联网家装，但真正做到像橙家这样有资金有策略有想法的，着实不多。作为爆品，橙家688套餐一开始就定位刚需，让更多人可以用更实惠的价格享受更好的装修，这让他们可以服务到接触到更多用户，从一方面说可以积累原始客流，从另一方面看，也践行了让世界因为我们的存在而更美好这个诺言，让人感动。"
},{
    cover:"/image/web/ohome/comment/nfdsb.png",
    title:"橙家发展的速度让人惊讶",
    text:"作为碧桂园碧+优质生活圈成员企业，橙家致力于为广大业主朋友们提供“省心、省时、省力、省钱”的一站式家装服务模式。开业一年多以来，橙家发展的速度让圈内朋友很惊讶，越来越多身边的业主成为橙家的客户，他们实实在在的好评，让我们开始重新审视这一家新锐企业。"
},{
    cover:"/image/web/ohome/comment/ycwb.png",
    title:"好产品是淡季旺销的基础",
    text:"橙家广州店开业是在广州百年一遇的下雪寒冬，也是传统的装修淡季，但我们还记得当天橙家就成交了100单的销量，让人非常震惊。经过两年发展，橙家推出的688元/平方米整装套餐已经经过多次迭代，不同的是客户的认可。"
},{
    cover:"/image/web/ohome/comment/xkb.png",
    title:"我们都非常看好橙家的未来",
    text:"作为装修过的半个行业人员，橙家688产品能够涵盖的主材，工艺和服务等各种水平，确实是走在行业前列。众所周知装修行业水深，一直没有人去改变行业现状，作为碧桂园碧+优质生活圈成员企业，橙家值得期待，有资金实力，有行业地位，虽然成立时间不长，但我们都非常看好橙家的未来。"
},{
    cover:"/image/web/ohome/comment/xxsb.png",
    title:"对产品的坚持是可靠的",
    text:"橙家刚出来的时候大家关注的都是碧桂园碧+优质生活圈成员企业的背景，但我觉得橙家可以在两年内发展成这样子，更重要的是他们对优质产品的坚持。我们了解，橙家的688产品看似简单，把主材和工艺组合，实际上他们一直都在优化产品和做迭代，工人施工方面也每个月都有专门的培训，保证产品可以更好呈现在业主面前。这样的公司，这样的产品，在我们看来，是可靠的。"
}]
</script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="//static.o-home.com/v2/js/web/app.js?v20171101"></script>
<script src="//cdn.bootcss.com/vue/2.3.3/vue.min.js"></script>
<script src="//cdn.bootcss.com/vue-router/2.7.0/vue-router.min.js"></script>
<script>"use strict";

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var OhomeModal = function () {
    function OhomeModal(args) {
        var _this = this;

        _classCallCheck(this, OhomeModal);

        this.args = {
            el: "",
            width: "",
            sec: ""
        };
        this.args.el = args.el;
        this.args.width = args.width ? args.width : 0;
        this.args.sec = args.sec ? args.sec : 280;
        this.args.onOpen = args.onOpen ? args.onOpen : function () {};
        this.args.onClose = args.onClose ? args.onClose : function () {};
        this.$el = document.querySelector(this.args.el);

        this.btnClose = this.$el.querySelectorAll("[close]");

        _.forEach(this.btnClose, function (x) {
            _.addEvent(x, "click", function (e) {
                _this.close();
            });
        });

        this.modal = document.createElement("div");
        _.addClass(this.modal, "u-modal");
        document.body.appendChild(this.modal);

        this.$el.parentNode.removeChild(this.$el);

        this.overlay = document.createElement("div");
        _.addClass(this.overlay, "u-modal-overlay");
        this.content = document.createElement("div");
        _.addClass(this.content, "u-modal-content");
        if (this.args.width) {
            this.content.style.width = this.args.width + "px";
        }
        this.content.appendChild(this.$el);

        this.modal.appendChild(this.overlay);

        this.status = "close";

        _.addEvent(this.overlay, "click", function (e) {
            _this.close();
        });
        _.addEvent(this.overlay, "touchmove", function (e) {
            e.preventDefault();
        });
        _.addEvent(this.overlay, "mousewheel", function (e) {
            e.preventDefault();
        });

        this.modal.appendChild(this.content);
    }

    _createClass(OhomeModal, [{
        key: "open",
        value: function open() {
            var _this2 = this;

            var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};

            if (this.status == "open") return;
            setTimeout(function () {
                _.addClass(_this2.modal, "active");
                callback();
                _this2.args.onOpen();
            }, this.args.sec);
            this.status = "open";
        }
    }, {
        key: "close",
        value: function close() {
            var _this3 = this;

            var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};

            if (this.status == "close") return;
            _.addClass(this.modal, "close");
            setTimeout(function () {
                _.removeClass(_this3.modal, "active");
                _.removeClass(_this3.modal, "close");
                _this3.args.onClose();
                callback();
            }, this.args.sec);
            this.status = "close";
        }
    }]);

    return OhomeModal;
}();

;
var el = document.getElementById("ohomeHeader");
if (el) {
    // _.hrefQueryExtend(el);
    var loginModal = new OhomeModal({
        el: "#loginModal",
        width: 500
    });
    window.loginModal = loginModal;

    var btn = document.querySelectorAll("[loginModal]");
    _.forEach(btn, function (b) {
        if (b.getAttribute("loginModal") == "show") {
            _.addEvent(b, "click", function (e) {
                loginModal.open();
            });
        }
        if (b.getAttribute("loginModal") == "hide") {
            _.addEvent(b, "click", function (e) {
                loginModal.close();
            });
        }
    });

    var username = loginModal.$el.querySelector('[name="username"]');
    var password = loginModal.$el.querySelector('[name="password"]');
    var btnLogin = loginModal.$el.querySelector('[name="btnLogin"]');

    ohome.ask.register({
        userId: "",
        clientType: "web"
    }, function (res) {
        if (res.errcode == 0) {
            console.log(res);
            initGeetest({
                gt: res.gt,
                challenge: res.challenge,
                // offline: res.newFailback,
                // new_captcha: true,
                product: "bind"
            }, function (captchaObj) {
                captchaObj.onReady(function (e) {
                    // document.getElementById("wait").style.display = "none";
                }).onSuccess(function (e) {
                    var result = captchaObj.getValidate();
                    if (!result) {
                        alert("请完成验证！");
                    } else {
                        console.log(result);
                        ohome.ask.login({
                            phone: username.value,
                            password: password.value
                        }, function (res) {
                            if (res.code == true) {
                                window.location.reload();
                            } else {
                                captchaObj.reset();
                                alert(res.message);
                            }
                        });
                    }
                });
                _.addEvent(btnLogin, "click", function (e) {
                    console.log("dsadasd");
                    if (_.isEmpty(username.value)) {
                        alert("请输入您的电话！");
                        return;
                    }
                    if (_.isEmpty(password.value)) {
                        alert("请输入密码！");
                        return;
                    }
                    captchaObj.verify();
                });
            });
        } else {
            console.log(res.errmsg);
        }
    });
    //_.addEvent(btnLogin,"click",e=>{
    //    ohome.ask.login({
    //        phone:username.value,
    //        password:password.value,
    //    },res=>{
    //        if(res.code==true){
    //            window.location.reload()
    //        }else{
    //            alert(res.message)
    //        }
    //    })
    //})

    var box2Items = el.querySelectorAll(".nav-box2-item");
    _.forEach(box2Items, function (bs) {
        var panel = bs.querySelector(".second-navbar");
        var height = 0;
        if (panel) {
            height = panel.offsetHeight;
            _.addEvent(bs, "mouseenter", mousein);
            _.addEvent(bs, "mouseleave", mouseout);
            panel.style.height = "0";
        }
        function mousein(e) {
            _.addClass(panel, "active");
            panel.style.height = height + "px";
        }
        function mouseout(e) {
            _.removeClass(panel, "active");
            panel.style.height = "0";
        }
    });
}
<!--:babel(presets=['es2015'])-->
<!--  var layoutFixed = new OHOME({-->
<!--      el:"#layoutFixed",-->
<!--      data:{-->
<!--          topEl:{}-->
<!--      },-->
<!--      ready(){-->
<!--          this.topEl = this.$el.getElementsByClassName('back-top')[0]-->
<!--          this.scroll();-->
<!--          _.addEvent(window,"scroll",e=>{-->
<!--              this.scroll();-->
<!--          })-->
<!--      },-->
<!--      methods:{-->
<!--          totop(){-->
<!--              _.TOP();-->
<!--          },-->
<!--          scroll(){-->
<!--              var topOfWindow = document.documentElement.scrollTop||document.body.scrollTop;-->
<!--              if(topOfWindow>400){-->
<!--                  _.removeClass(this.topEl,"display")-->
<!--              }else{-->
<!--                  _.addClass(this.topEl,"display")-->
<!--              }-->
<!--          }-->
<!--      }-->
<!--  })-->
<!---->
<!---->
<!--:babel(presets=['es2015'])-->
<!--    $.fn.extend({-->
<!--        "uiModal":ohome.$.uiModal-->
<!--    })-->
<!--    var layoutAppoint = new OHOME({-->
<!--        el:"#layoutAppoint",-->
<!--        data:{-->
<!--            alert:new ohome.alert(),-->
<!--            phone:{},-->
<!--            name:{},-->
<!--            appointing:false,-->
<!--            appointed:false,-->
<!--            appointSpan:[],-->
<!--            isClose:false,-->
<!--            stationModalSuccess:$("#stationModalSuccess").uiModal({-->
<!--                overlay:true-->
<!--            }),-->
<!--        },-->
<!--        ready(){-->
<!--            //this.stationModalSuccess.open();-->
<!--            var self = this;-->
<!--            this.name = this.$el.querySelector('[name="username"]')-->
<!--            this.phone = this.$el.querySelector('[name="phone"]')-->
<!--            var footer = document.getElementById("layoutFooter")-->
<!--            if(footer){-->
<!--                _.addEvent(window,"scroll",scroll)-->
<!--                scroll();-->
<!--                function scroll(){-->
<!--                    if(!self.isClose){-->
<!--                        var top = footer.getBoundingClientRect().top //元素顶端到可见区域顶端的距离-->
    <!--                        var se = document.documentElement.clientHeight //浏览器可见区域高度。-->
    <!--                        if(top <= se ) {-->
    <!--                            _.removeClass(self.$el,"fixed")-->
    <!--                        }else{-->
    <!--                            _.addClass(self.$el,"fixed")-->
    <!--                        }-->
    <!--                    }-->
    <!--                }-->
    <!--            }-->
    <!--        },-->
    <!--        methods:{-->
    <!--            scroll(){-->
    <!---->
    <!--            },-->
    <!--            enter(el,e){-->
    <!--                var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;-->
    <!--                if(keyCode==13){-->
    <!--                    this.appoint(this.$el.querySelector('.btn-appoint'));-->
    <!--                }-->
    <!--            },-->
    <!--            close(el){-->
    <!--                if(_.hasClass(this.$el,"fixed")){-->
    <!--                    this.isClose = true;-->
    <!--                    _.addClass(this.$el,"closed")-->
    <!--                    _.removeClass(this.$el,"fixed")-->
    <!--                }-->
    <!--            },-->
    <!--            store(){-->
    <!--               window.location.href = "/web/ohome/store"-->
    <!--            },-->
    <!--            close1(){-->
    <!--                console.log("aaaa");-->
    <!--                this.stationModalSuccess.close()-->
    <!--            },-->
    <!--            appoint(el){-->
    <!--                var obj = {-->
    <!--                    Nickname:this.name.value,-->
    <!--                    Phone_Number: this.phone.value,-->
    <!--                    Location:"广州市",-->
    <!--                }-->
    <!--                //自灰-->
    <!--                if(this.appointing){-->
    <!--                    return-->
    <!--                }-->
    <!--                if(this.appointed){-->
    <!--                    this.alert.show("fail","您已经预约！");-->
    <!--                    return;-->
    <!--                }-->
    <!--                this.appointing = true;-->
    <!--                if(_.isEmpty(obj.Nickname)){-->
    <!--                    this.appointing = false;-->
    <!--                    this.alert.show("fail","用户名不能为空");-->
    <!--                    return;-->
    <!--                }-->
    <!--                if(regex.valid(regex.tel,obj.Phone_Number)){-->
    <!--                    this.appointing = false;-->
    <!--                    this.alert.show("fail","请输入正确电话号码！");-->
    <!--                    return;-->
    <!--                }-->
    <!--                el.setAttribute("disabled","disabled")-->
    <!--                this.appointSpan = $(el).find("span");-->
    <!--                _.forEach(this.appointSpan,o=>{-->
    <!--                    (_.hasClass(o,"hidden"))?_.removeClass(o,"hidden"):_.addClass(o,"hidden")-->
    <!--                })-->
    <!--                ohome.ask.swoop(obj,res=>{-->
    <!--                    if(res.code){-->
    <!--                        //this.alert.show("success",`<p>亲爱的客户：</p><p>您好，恭喜您预约成功，我们的客服人员将在24小时之内来电与您沟通，安排设计师为您提供服务，请您留意接听电话！</p><p>立刻关注“橙家生活”微信公众号，了解更多装修家居干货及最新客户装修实例，还有客服妹纸在线一对一服务哦！</p>`);-->
        <!--                        this.stationModalSuccess.open();-->
        <!--                        this.appointed = true;-->
        <!--                    }else{-->
        <!--                        el.removeAttribute("disabled")-->
        <!--                        this.alert.show("fail",res.message);-->
        <!--                    }-->
        <!--                    if(res.error){-->
        <!--                        this.alert.show("fail","请稍后重试");-->
        <!--                    }-->
        <!--                    this.appointing = false;-->
        <!--                    _.forEach(this.appointSpan,o=>{-->
        <!--                        (_.hasClass(o,"hidden"))?_.removeClass(o,"hidden"):_.addClass(o,"hidden")-->
        <!--                    })-->
        <!--                })-->
        <!--            }-->
        <!--        }-->
        <!--    })-->
        <!---->
        <!---->
        <!---->"use strict";

Vue.component('star-assess', {
    template: "<div class=\"ui-assess\">\n    <div class=\"star-active\" :style=\"progress\"></div>\n    <div class=\"star-list\"></div>\n</div>",
    data: function data() {
        return {};
    },

    computed: {
        progress: function progress() {
            var per = "100%";
            this.score = parseFloat(this.score);
            switch (this.score) {
                case "0.0":
                    per = 0;break;
                case "0.5":
                    per = "10%";break;
                case "1.0":
                    per = "20%";break;
                case "1.5":
                    per = "30%";break;
                case "2.0":
                    per = "40%";break;
                case "2.5":
                    per = "50%";break;
                case "3.0":
                    per = "60%";break;
                case "3.5":
                    per = "70%";break;
                case "4.0":
                    per = "80%";break;
                case "4.1":
                    per = "90%";break;
                case "4.2":
                    per = "90%";break;
                case "4.3":
                    per = "90%";break;
                case "4.4":
                    per = "90%";break;
                case "4.5":
                    per = "90%";break;
                case "4.6":
                    per = "100%";break;
                case "4.7":
                    per = "100%";break;
                case "4.8":
                    per = "100%";break;
                case "4.9":
                    per = "100%";break;
                case "5.0":
                    per = "100%";break;
                default:
                    per = this.score;
            }
            return {
                width: per
            };
        }
    },
    props: ["score"],
    mounted: function mounted() {}
});
Vue.component('star-assess-plus', {
    template: "<div class=\"ui-assess plus\">\n    <div class=\"star-active\" :style=\"progress\"></div>\n    <div class=\"star-list\"></div>\n</div>",
    data: function data() {
        return {};
    },

    computed: {
        progress: function progress() {
            var per = "100%";
            switch (this.score) {
                case "0":
                    per = 0;break;
                case "0.5":
                    per = "9%";break;
                case "0.6":
                    per = "19%";break;
                case "0.7":
                    per = "19%";break;
                case "0.8":
                    per = "19%";break;
                case "0.9":
                    per = "19%";break;
                case "1":
                    per = "19%";break;
                case "1.1":
                    per = "26%";break;
                case "1.2":
                    per = "26%";break;
                case "1.3":
                    per = "26%";break;
                case "1.4":
                    per = "26%";break;
                case "1.5":
                    per = "26%";break;
                case "1.6":
                    per = "35%";break;
                case "1.7":
                    per = "35%";break;
                case "1.8":
                    per = "35%";break;
                case "1.9":
                    per = "35%";break;
                case "2":
                    per = "35%";break;
                case "2.1":
                    per = "35%";break;
                case "2.5":
                    per = "41%";break;
                case "3":
                    per = "50%";break;
                case "3.5":
                    per = "57%";break;
                case "4":
                    per = "66%";break;
                case "4.1":
                    per = "73%";break;
                case "4.2":
                    per = "73%";break;
                case "4.3":
                    per = "73%";break;
                case "4.4":
                    per = "73%";break;
                case "4.5":
                    per = "73%";break;
                case "4.6":
                    per = "100%";break;
                case "4.7":
                    per = "100%";break;
                case "4.8":
                    per = "100%";break;
                case "4.9":
                    per = "100%";break;
                case "5":
                    per = "100%";break;
                default:
                    per = this.score;
            }
            return {
                width: per
            };
        }
    },
    props: ["score"],
    mounted: function mounted() {}
});'use strict';

Vue.component('overall-image', ohome.v.uiImageLoader);
Vue.component('ui-pager', ohome.v.vuePager);

var comment_res = false;
ohome.ask.hardComment(function (res) {
    comment_res = JSON.parse(res);
});

var detail = {
    template: "#detail"
};
var owner = {
    template: "#owner",
    delimiters: ['${', '}'],
    components: {
        "image-viewer": ohome.v.imageViewer,
        "image-viewer-box": ohome.v.imageViewerBox
    },
    data: function data() {
        return {
            opc: config.opcs + "/image/",
            comments: [],
            commentPage: [],
            pageNo: 1,
            hasNext: true,
            overall: {},
            tags: []
        };
    },
    created: function created() {
        var self = this;
        if (!comment_res) {
            ohome.ask.hardComment(function (res) {
                setComment(JSON.parse(res));
            });
        } else {
            setComment(comment_res);
        }
        function setComment(res) {
            if (res.status == "TRUE") {
                self.comments = res.messages.review_customer;
                self.overall = res.messages.review_overall;
                self.tags = res.messages.review_sign;
            }
            self.getCommentPage();
        }
    },

    methods: {
        like: function like(id) {
            var _this = this;

            ohome.ask.likeForComment(id, function (res) {
                res = JSON.parse(res);
                if (res.status == "TRUE") {
                    _.forEach(_this.comments, function (o) {
                        if (o.review_customer_id == id) {
                            o.liked_count = parseInt(o.liked_count) + 1;
                            o.active = true;
                        }
                    });
                }
            });
        },
        dislike: function dislike(id) {
            var _this2 = this;

            ohome.ask.dislikeForComment(id, function (res) {
                res = JSON.parse(res);
                if (res.status == "TRUE") {
                    _.forEach(_this2.comments, function (o) {
                        if (o.review_customer_id == id) {
                            o.liked_count = parseInt(o.liked_count) - 1;
                            o.active = false;
                        }
                    });
                }
            });
        },
        getCommentPage: function getCommentPage() {
            var self = this;
            var pageSize = 5;
            self.commentPage = self.commentPage.concat(pagination(this.pageNo));
            console.log(self.commentPage);
            this.pageNo++;
            if (this.pageNo > Math.ceil(self.comments.length / pageSize)) {
                this.hasNext = false;
            }
            self.$nextTick(function (e) {
                var info = $(self.$el).find(".owner-info");
                _.forEach(info, function (o) {
                    o = $(o);
                    o.css({
                        height: o.siblings(".left").height() + "px",
                        paddingTop: o.siblings(".left").height() / 2 - 60 + "px"
                    });
                });
            });
            function pagination(pageNo) {
                var array = self.comments;
                var offset = (pageNo - 1) * pageSize;
                return offset + pageSize >= array.length ? array.slice(offset, array.length) : array.slice(offset, offset + pageSize);
            }
        }
    }
};
var media = {
    template: "#media",
    data: function data() {
        return {
            ctx: ctx,
            medias: media_comment,
            mediaPage: []
        };
    },

    methods: {
        getMediaPage: function getMediaPage(list) {
            console.log(list);
            this.mediaPage = list;
        }
    }
};

var router = new VueRouter({
    routes: [{ path: '/detail', component: detail }, { path: '/', component: owner }, { path: '/media', component: media }]
});

var app = new Vue({
    router: router
}).$mount('#root');
</script>
<script>
    (function (a, h, c, b, f, g) {
        a["UdeskApiObject"] = f;
        a[f] = a[f] || function () {
            (a[f].d = a[f].d || []).push(arguments)
        };
        g = h.createElement(c);
        g.async = 1;
        g.charset = "utf-8";
        g.src = b;
        c = h.getElementsByTagName(c)[0];
        c.parentNode.insertBefore(g, c)

        var kf5 = document.querySelectorAll('.layoutKF5');
        var width = 666;
        var top = window.screen.availHeight / 2 - width / 2
        var left = window.screen.availWidth / 2 - width / 2;
        window.KF5funtion = function () {
            window.open("https://o-home.s2.udesk.cn/im_client/?web_plugin_id=12510", "newwindow",
                "height=" + width + "px, " +
                "width=" + width + "px, " +
                "top=" + top + "," +
                "left=" + left + "," +
                "toolbar=no, " +
                "menubar=no, " +
                "scrollbars=no, " +
                "resizable=no," +
                "location=no, " +
                "status=no")
        }
        _.forEach(kf5, function (o) {
            _.addEvent(o, "click", function (e) {
                KF5funtion()
            })
        })

    })(window, document, "script", "https://assets-cli.s2.udesk.cn/im_client/js/udeskApi.js", "ud");
    ud({
        "code": "dc45ehf",
        "link": "https://o-home.s2.udesk.cn/im_client/?web_plugin_id=12510"
    });
</script>
</body>
<div class="hidden">
  <script src="//s95.cnzz.com/z_stat.php?id=1256916172&amp;web_id=1256916172"></script>
</div>
</html>