/* ==========================================================================
   通用样式
   ========================================================================== */
body{ background:#f0f0f0;opacity: 0;} 
ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt{margin:0;padding:0;list-style:none;}
a{text-decoration: none;}
img{border:0;}
/*******清除浮动*********/
.clear-fix{clear: both;overflow: hidden;height: 0;font-size: 0;}
/**********小圆点****************/
.pagination{position:fixed; bottom:25px;left:0;z-index: 9;width:100%;text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block;margin:0 6px;width:8px;height:8px;border-radius:8px;background:rgba(255,255,255,.4);cursor:pointer;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)}
.pagination .swiper-active-switch{background:#fff;}
.pagination .swiper-visible-switch{}
/*********页面样式******************/

.page{width: 100%; margin:0 auto; padding:0;}
.page ul{ width:100%;}
.page li{ list-style:none;}
.page li img{ width:100%; opacity:0;}
.back{ position:absolute; top:5%; right:3%; width:15%; opacity:0;}
/*************苹果四样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (max-device-height:568px){
.hxjs_01a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_01b {width: 86%;position: absolute;top: 12%;left: 6%;}
.hxjs_01c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_02a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_02b {width: 86%;position: absolute;top: 12%;left: 6%;}
.hxjs_02c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_03a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_03b {width: 69%;position: absolute;top: 9%;left: 12%;}
.hxjs_03c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_04a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_04b {width: 77%;position: absolute;top: 9%;left: 12%;}
.hxjs_04c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_pic{ padding-top:31%;}/****查看户型样式*******/
.hxjs_pic2{padding-top:21%;}
.hxjs_pic3{padding-top:26%;}
.hxjs_pic4{padding-top:14%;}
}
/*************高度小于568px的其他宽屏手机样式********************/
@media only screen and  (min-device-width:321px) and (max-device-height:568px){
.hxjs_01a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_01b {width: 86%;position: absolute;top: 12%;left: 6%;}
.hxjs_01c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_02a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_02b {width: 86%;position: absolute;top: 12%;left: 6%;}
.hxjs_02c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_03a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_03b {width: 69%;position: absolute;top: 9%;left: 12%;}
.hxjs_03c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_04a{position: absolute;top: 3%;width: 56%;left: 20%;}
.hxjs_04b {width: 77%;position: absolute;top: 9%;left: 12%;}
.hxjs_04c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_pic{ padding-top:31%;}/****查看户型样式*******/
.hxjs_pic2{padding-top:21%;}
.hxjs_pic3{padding-top:26%;}
.hxjs_pic4{padding-top:14%;}
}
/*************高度大于568px的其他窄屏手机样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (min-device-height:568px){
.hxjs_01a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_01b {width: 94%;position: absolute;top: 14%;left: 3%;}
.hxjs_01c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_02a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_02b {width: 94%;position: absolute;top: 14%;left: 3%;}
.hxjs_02c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_03a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_03b {width: 80%;position: absolute;top: 13%;left: 10%;}
.hxjs_03c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_04a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_04b {width: 90%;position: absolute;top: 13%;left: 5%;}
.hxjs_04c{width: 39%;position: absolute;bottom: 8%;left: 32%;}
.hxjs_pic{ padding-top:40%;}/****查看户型样式*******/
.hxjs_pic2{padding-top:32%;}
.hxjs_pic3{padding-top:37%;}
.hxjs_pic4{padding-top:30%;}

}
/*************高度大于568px的其他宽屏手机样式********************/
@media only screen and (min-device-width:321px) and (min-device-height:568px){
.hxjs_01a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_01b {width: 94%;position: absolute;top: 14%;left: 3%;}
.hxjs_01c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_02a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_02b {width: 94%;position: absolute;top: 14%;left: 3%;}
.hxjs_02c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_03a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_03b {width: 80%;position: absolute;top: 13%;left: 10%;}
.hxjs_03c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_04a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_04b {width: 90%;position: absolute;top: 13%;left: 5%;}
.hxjs_04c{width: 39%;position: absolute;bottom: 8%;left: 32%;}
.hxjs_pic{ padding-top:40%;}/****查看户型样式*******/
.hxjs_pic2{padding-top:32%;}
.hxjs_pic3{padding-top:37%;}
.hxjs_pic4{padding-top:30%;}
}
/*************苹果五样式********************/
@media only screen and (device-width: 320px) and (device-height:568px){
.hxjs_01a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_01b {width: 94%;position: absolute;top: 14%;left: 3%;}
.hxjs_01c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_02a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_02b {width: 94%;position: absolute;top: 14%;left: 3%;}
.hxjs_02c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_03a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_03b {width: 80%;position: absolute;top: 13%;left: 10%;}
.hxjs_03c{width: 39%;position: absolute;bottom: 8%;left: 32%;}

.hxjs_04a{position: absolute;top: 5%;width: 73%;left: 12%;}
.hxjs_04b {width: 90%;position: absolute;top: 13%;left: 5%;}
.hxjs_04c{width: 39%;position: absolute;bottom: 8%;left: 32%;}
.hxjs_pic{ padding-top:40%;}/****查看户型样式*******/
.hxjs_pic2{padding-top:32%;}
.hxjs_pic3{padding-top:37%;}
.hxjs_pic4{padding-top:30%;}
}

 /* 划屏样式 */
.ui-yz {overflow: hidden;width: 100%;height: 0;}
.yz-slide {position: relative;width: 100%;height: 0;overflow-x:hidden;overflow-y:100%;}
.yz-page {position: relative;width: 100%;height: 100%;}
.yz-page.show img{ opacity:1;}
/******动画效果**********/
.yz-page.show .adown {-webkit-animation: adown .5s forwards;}
@-webkit-keyframes adown{
0%   {-webkit-transform: translate3d(0,-50px,0);opacity:0;}
100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .aup{-webkit-animation: aup .5s forwards;}
@-webkit-keyframes aup{
0%   {-webkit-transform: translate3d(0,50px,0);opacity:0;}
100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .abig{-webkit-animation: abig 1s linear forwards; -webkit-animation-delay:.8s;}
@-webkit-keyframes abig{
0%   {-webkit-transform: scale(.5,.5);opacity:0;}
30% {-webkit-transform: scale(1,1);opacity:1;}
60% {-webkit-transform: scale(.5,.5);opacity:1;}
100% {-webkit-transform: scale(1,1);opacity:1;}
}

.yz-page.show .aleft{ -webkit-animation: aleft 1.5s forwards;}
@-webkit-keyframes aleft{
0%   {-webkit-transform: translate3d(-30px,0,0);opacity:0;}
100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}
.yz-page.show .aright{-webkit-animation: aright 1.5s forwards;}
@-webkit-keyframes aright{
0%   {-webkit-transform: translate3d(30px,0,0);opacity:0;}
100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .FingerPic_2{-webkit-transform:rotate(18deg);position:absolute;-webkit-animation:FingerPic_2 2200ms 200ms ease infinite normal; -webkit-animation-delay:.8s;}
@-webkit-keyframes FingerPic_2{
0%{
   -webkit-transform:rotate(18deg);
   -webkit-transform-origin:bottom center;
}
50%{
    -webkit-transform:rotate(-20deg);
   -webkit-transform-origin:bottom center;}
100%{
   -webkit-transform:rotate(18deg);
   -webkit-transform-origin:bottom center;
}
}