@charset "utf-8";
html,body       {width:100%;height:100%;}
body            {font-family:"Microsoft YaHei","Helvetica";background:#fff;color:#595757;}
body            {-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important;}
body,ul,ol,li,dl,dt,dd,table,td,th,form,h1,h2,h3,h4,h5,h6,p,img,em,b,label,input,textarea,figure,nav{margin:0;padding:0;}
ul,li           {list-style:none;}
img             {border:none;}
/*1rem=100px*/
input,button,textarea,select{font-size:0.3rem;outline:medium;}
div,a,img,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
h1              {font-size:0.32rem;}
h2              {font-size:0.3rem;line-height:0.5rem;}
h3              {font-size:0.26rem;}
a               {color:#595757;text-decoration:none;}
a:hover         {color:#f9573e;}
.clear          {clear:both;height:0px;overflow:hidden;font-size:0px;}
.image          {width:100%;display:block;}
.show           {display:block;}
.hidden         {display:none;}
.box            {position:relative;width:100%;overflow: hidden;}
/*音乐控制*/
.audio-control  {position:absolute;top:0.2rem;right:0.2rem;background:url(../images/music.png) no-repeat;background-size:100% 100%;width:0.55rem;height:0.55rem;z-index:1001;cursor:pointer;}
.audio-control.off{background:url(../images/music_close.png);background-size:100% 100%;}
/*加载页*/
.load-box       {position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1002;}
.load-top       {position:absolute;width:1rem;top:0.3rem;right:0.7rem;overflow:hidden;font-size:0.3rem;color:#fff;z-index:1;text-align:center;}
/*列表页*/
.list-swiper img{display:block;width:100%;}
.list-title     {padding:0.45rem 0 0.35rem 0;text-align:center;font-size:0.36rem;font-weight:600;}
.list-title span{color:#ff644c;margin-left:0.2rem;font-weight:400;}
.list-project   {width:6.99rem;overflow:hidden;margin:0 auto;font-size:0.26rem;}
.list-project li{position:relative;width:100%;padding:0.25rem;overflow:hidden;background:url(../images/list-bg.png);background-size:100% 100%;box-sizing:border-box;margin-bottom:0.3rem;}
.list-project li p.img{width:100%;height:2.8rem;overflow:hidden;margin-bottom:0.15rem;}
.list-project li p.img img{display:block;width:100%;border-radius:5px;}
.list-project li p{width:100%;overflow:hidden;}
.list-project li p.name{height:0.6rem;color:#3e3a39;}
.list-project li p.name span{display:block;float:left;}
.list-project li p.name span.name{height:0.6rem;line-height:0.6rem;font-weight:500;font-size:0.44rem;}
.list-project li p.name span.status{font-weight:400;height:0.4rem;line-height:0.4rem;color:#fff;background:#47b155;text-align:center;padding:0 0.15rem;border-radius:0.08rem;margin:0.1rem 0 0 0.1rem;}
.list-project li p.name span.status.s0{background:#898989;}
.list-project li p.name span.status.s1{background:#47b155;}
.list-project li p.name span.status.s2{background:#ff4f34;}
.list-project li p.label{height:0.4rem;margin-top:0.2rem;}
.list-project li p.label span{display:block;float:left;height:0.4rem;line-height:0.4rem;color:#898989;background:#efefef;text-align:center;padding:0 0.15rem;border-radius:0.08rem;margin-right:0.1rem;}
.list-project li p.addr{height:0.4rem;margin-top:0.2rem;}
.list-project li p.addr img{width:0.23rem;height:0.32rem;float:left;margin:0.02rem 0.1rem 0 0;}
.list-project li p.addr span{display:block;float:left;width:6rem;height:0.4rem;line-height:0.4rem;color:#898989;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-project li img.list-tel{width:1.02rem;height:1.02rem;position:absolute;top:2.5rem;left:5.6rem;}
.list-bottom    {width:100%;display:block;}
/*内容头部*/
.view-video     {width:100%;position:relative;}
.view-video img {position:absolute;width:100%;height:100%;z-index:1;}
.view-swiper img{display:block;width:100%;}
.view-head      {position:relative;width:6.9rem;margin:0 auto;margin-top:0.3rem;font-size:0.26rem;}
.view-head p    {width:100%;overflow:hidden;}
.view-head p.name{height:0.6rem;color:#3e3a39;}
.view-head p.name span{display:block;float:left;}
.view-head p.name span.name{height:0.6rem;line-height:0.6rem;font-weight:500;font-size:0.44rem;}
.view-head p.name span.status{font-weight:400;height:0.4rem;line-height:0.4rem;color:#fff;background:#47b155;text-align:center;padding:0 0.15rem;border-radius:0.08rem;margin:0.1rem 0 0 0.1rem;}
.view-head p.name span.status.s0{background:#898989;}
.view-head p.name span.status.s1{background:#47b155;}
.view-head p.name span.status.s2{background:#ff4f34;}
.view-head p.label{margin-top:0.2rem;margin-bottom:-0.15rem;}
.view-head p.label span{display:block;float:left;height:0.4rem;line-height:0.4rem;color:#99b1ef;background:#f0f5ff;text-align:center;padding:0 0.15rem;border-radius:0.08rem;margin-right:0.1rem;margin-bottom:0.15rem;}
.view-head p.label span.type{background:#ff644c;color:#fff;}
.view-head p.addr{margin-top:0.2rem;box-sizing:border-box;height:0.8rem;background:#6995ff;border-radius:0.1rem;padding:0.17rem;padding-right:0;font-size:0.28rem;}
.view-head p.addr img{width:0.45rem;height:0.45rem;float:left;}
.view-head p.addr span{display:block;float:left;width:5.7rem;height:0.45rem;line-height:0.45rem;color:#fff;margin-left:0.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view-head p.show{width:6.5rem;height:0.45rem;line-height:0.45rem;overflow:hidden;margin:0.15rem auto 0 auto;color:#666;}
.view-tel       {width:1.02rem;height:1.02rem;position:absolute;top:-0.8rem;left:6rem;z-index:6;}
/*楼盘动态*/
.view-news      {width:6.97rem;overflow:hidden;margin:0 auto;margin-top:0.2rem;padding:0.2rem;background:url(../images/view-nbg.png);background-size:100% 100%;box-sizing:border-box;font-size:0.28rem;line-height:0.45rem;color:#f9573e;}
.view-news a    {color:#f9573e;}
/*楼盘相册*/
.view-photo     {width:7.2rem;overflow:hidden;margin-top:0.35rem;margin-left:0.3rem;font-size:0.28rem;}
.view-photo h2  {width:100%;height:0.7rem;line-height:0.7rem;overflow:hidden;font-size:0.36rem;font-weight:500;}
.view-photo h2 span{display:block;float:right;width:1.91rem;height:0.7rem;line-height:0.7rem;margin-right:0.3rem;font-size:0.28rem;text-align:center;background:url(../images/view-more.png);background-size:100% 100%;}
.view-photo h2 span a{color:#999;}
.view-photo ul  {width:7.2rem;height:3.04rem;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.view-photo ul li{display:inline-block;width:3.24rem;height:3.04rem;padding:0.22rem;margin-left:-0.05rem;overflow:hidden;background:url(../images/view-pbg.png);background-size:100% 100%;box-sizing:border-box;}
.view-photo ul li img{display:block;width:2.8rem;height:2.2rem;border-radius:0.08rem;}
.view-photo ul li p{line-height:0.55rem;}
/*户型介绍*/
.view-type      {width:7.2rem;overflow:hidden;margin-top:0.35rem;margin-left:0.3rem;font-size:0.28rem;}
.view-type h2   {width:100%;height:0.7rem;line-height:0.7rem;overflow:hidden;font-size:0.36rem;font-weight:500;}
.view-type h2 span{display:block;float:right;width:1.91rem;height:0.7rem;line-height:0.7rem;margin-right:0.3rem;font-size:0.28rem;text-align:center;background:url(../images/view-more.png);background-size:100% 100%;}
.view-type h2 span a{color:#999;}
.view-type ul   {width:7.2rem;height:5rem;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.view-type ul li{display:inline-block;width:3.24rem;height:5rem;padding:0.28rem 0.22rem;margin-left:-0.05rem;overflow:hidden;background:url(../images/view-pbg.png);background-size:100% 100%;box-sizing:border-box;}
.view-type ul li img{display:block;width:2.8rem;height:4rem;border-radius:0.08rem;}
.view-type ul li p{width:100%;height:0.55rem;line-height:0.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*置业顾问*/
.view-seller    {width:6.9rem;overflow:hidden;margin:0 auto;margin-top:0.3rem;font-size:0.28rem;}
.view-seller h2 {width:100%;height:0.6rem;line-height:0.6rem;overflow:hidden;font-size:0.36rem;font-weight:500;}
.view-seller p  {color:#9fa0a0;line-height:0.4rem;}
.view-seller ul {width:100%;overflow:hidden;margin-top:0.3rem;}
.view-seller ul li{width:100%;height:0.9rem;overflow:hidden;margin-bottom:0.18rem;}
.view-seller ul li:last-child{margin-bottom:0;}
.view-seller ul li img{float:left;width:0.9rem;height:0.9rem;border-radius:50%;}
.view-seller ul li span{float:left;}
.view-seller ul li span:nth-child(2){width:2rem;height:0.6rem;line-height:0.6rem;margin-top:0.15rem;margin-left:0.5rem;}
.view-seller ul li span:nth-child(3){width:2rem;height:0.6rem;line-height:0.6rem;margin-top:0.15rem;margin-left:1.3rem;background:#ec6941;color:#fff;overflow:hidden;border-radius:0.08rem;}
.view-seller ul li span:nth-child(3) img{width:0.6rem;height:0.6rem;margin-left:0.08rem;vertical-align:middle;}
/*项目介绍*/
.view-intro     {width:6.8rem;overflow:hidden;margin:0 auto;margin-top:0.3rem;font-size:0.28rem;}
.view-intro h2  {width:100%;height:0.7rem;line-height:0.7rem;overflow:hidden;font-size:0.36rem;font-weight:500;}
.view-intro .section{margin-top:0.2rem;}
.view-intro .section img{width:0.35rem;height:0.35rem;vertical-align:middle;margin-right:0.1rem;}
.view-intro .section b{font-weight:600;vertical-align:middle;}
.view-intro .content{margin-top:0.2rem;width:100%;overflow:hidden;line-height:0.6rem;}
/*楼盘推文*/
.view-article   {width:6.78rem;overflow:hidden;margin:0 auto;margin-top:0.2rem;padding:0.15rem;font-size:0.28rem;box-sizing:border-box;box-shadow:0 0 0.11rem 0.02rem rgba(0,0,0,0.1);border-radius:0.08rem;}
.view-article ul li{width:6.48rem;height:1.4rem;overflow:hidden;margin-bottom:0.2rem;}
.view-article ul li:last-child{margin-bottom:0;}
.view-article ul li:last-child p{border:none;}
.view-article ul li img{width:1.2rem;height:1.2rem;float:right;}
.view-article ul li p{width:4.9rem;height:1.4rem;float:left;padding:0.2rem 0 0.3rem 0;overflow:hidden;box-sizing:border-box;border-bottom:0.01rem #e9e9e9 solid;line-height:0.4rem;}
/*底部工具条*/
.view-bar       {position:fixed;width:100%;height:1.1rem;left:0;bottom:0;padding:0.2rem;background:#efefef;overflow:hidden;box-sizing:border-box;font-size:0.3rem;}
.view-bar .btn  {display:block;float:left;width:2.3rem;height:0.7rem;line-height:0.7rem;overflow:hidden;margin-left:0.3rem;}
.view-bar .btn img{width:0.45rem;height:0.45rem;float:left;margin-top:0.12rem;margin-left:0.3rem;}
.view-bar .btn b{height:0.7rem;line-height:0.7rem;float:left;font-weight:400;margin-left:0.1rem;}
.view-bar .btn.btn-share{width:1.7rem;margin-left:0;}
.view-bar .btn.btn-share img{margin-top:0.1rem;}
.view-bar .btn.btn-call{color:#fff;background:url(../images/view-green.png);background-size:100% 100%;}
.view-bar .btn.btn-order{color:#fff;background:url(../images/view-yellow.png);background-size:100% 100%;}
.view-bar .btn.btn2{margin-left:2.7rem;}
/*浮动按钮*/
.btn-home       {position:fixed;width:0.9rem;height:0.9rem;right:0.3rem;bottom:2rem;}
.btn-recom      {position:fixed;width:0.6rem;height:1.95rem;right:0;top:6rem;z-index:8;}
.btn-payimg     {position:fixed;width:0.6rem;height:1.95rem;right:0;top:3.5rem;z-index:8;}
.view-pay       {position:fixed;top:1rem;width:6.8rem;left:0.35rem;z-index:8;display:none;}
.view-pay img   {display:block;width:100%;}
.view-pay img.pay-close{width:0.6rem;height:0.6rem;position:absolute;top:-0.2rem;right:-0.2rem;}
/*预约弹窗*/
.open-box       {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.5);overflow:hidden;z-index:90;display:none;}
.open-form      {width:6.22rem;height:7.22rem;overflow:hidden;margin:0 auto;position:relative;margin-top:2rem;padding:0.3rem;background:url(../images/view-fbg.png);background-size:100% 100%;box-sizing:border-box;font-size:0.3rem;}
.open-close     {position:absolute;top:0.3rem;left:5.4rem;width:0.5rem;height:0.5rem;background:url(../images/view-fclose.png);background-size:100% 100%;}
.form-title     {width:4.9rem;overflow:hidden;margin:0.5rem auto;text-align:center;line-height:0.5rem;}
.from-cont      {width:4.9rem;overflow:hidden;margin:0 auto;}
.from-cont p    {width:4.9rem;height:0.6rem;overflow:hidden;border-bottom:0.01rem #9fa0a0 solid;margin-bottom:0.25rem;padding-bottom:0.15rem;}
.from-cont label{width:1.5rem;height:0.6rem;line-height:0.6rem;overflow:hidden;float:left;}
.from-cont input{width:3.4rem;height:0.6rem;line-height:0.6rem;overflow:hidden;float:left;padding:0;border:none;background:none;}
.from-btn       {width:4.9rem;overflow:hidden;margin:0 auto;margin-top:0.3rem;height:0.8rem;line-height:0.8rem;background:#6995ff;border-radius:0.08rem;text-align:center;color:#fff;}
/*版权信息*/
.author         {width:100%;padding:0.3rem 0 0.2rem 0;color:#ccc;text-align:center;font-size:0.28rem;}
.author.author2{padding-bottom:1.5rem;}
.author a       {color:#ccc;}
/*分享提示*/
.share-box      {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.5);overflow:hidden;z-index:9999;display:none;}
.share-box img  {display:block;width:90%;margin:0 auto;}
/*加载动画*/
.send-tip       {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;background:transparent;display:none;color:#000;font-size:0.3rem}
.send-tip.show  {display:-webkit-box;display:box}
.send-tip-cnt   {border-radius:6px;width:130px;height:110px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none;pointer-events:auto;background:rgba(0, 0, 0, 0.65);color:#fff;position:relative}
.send-tip-cnt i {width:37px;height:37px;display:block;background-image:url(../images/loading.png);-webkit-background-size:auto 37px;-webkit-animation:rotate2 1s steps(12) infinite}
@-webkit-keyframes rotate2{from{background-position:0 0}to{background-position:-444px 0}}
/*动画效果*/
.pulse          {animation:pulse 1s linear infinite alternate;-webkit-animation:pulse 1s linear infinite alternate;}
.swing          {-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;animation:swing 2s linear infinite alternate;-webkit-animation:swing 2s linear infinite alternate;}
.rolling        {animation:rolling 3s linear infinite forwards;-webkit-animation:rolling 3s linear infinite forwards;}
.flash          {animation:flash 2s linear infinite alternate;-webkit-animation:flash 2s linear infinite alternate;-webkit-animation-name:flash;animation-name:flash}
.process        {animation:process 3s linear 0s 1;-webkit-animation:process 3s linear 0s 1;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}40%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}60%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}80%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}40%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}60%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}80%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@-webkit-keyframes rolling{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes rolling{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes process{0%{width:0%}100%{width:30%}}
.bounce     {animation:bounce 1s linear alternate;-webkit-animation:bounce 1s linear alternate;-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom}
@-webkit-keyframes bounce {0%, 100%, 20%, 53%, 80% {-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%, 43% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90% {-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}
@keyframes bounce {0%, 100%, 20%, 53%, 80% {-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%, 43% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90% {-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}