/* CSS Document */
#container, .swiper-container
 {
	top:0;
	left:0;
	right:0;
	height:100%;}
item name,item sdclass,item ztclass,item pic,item city { display:none;}


/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}


/* *************************

Basic Swiper Styles  End

************************** */




html,body{
	margin:0; padding:0; width:100%; height:100%;   background-color:#BCCEFF;
}

.btn-choujiang{
  position: absolute;
  top:52%;
  left:50%;
  width:40%;
  height:auto;
  z-index:999;
  line-height:180%;
  font-size:16px;
  color:#000;
  text-align:left;
}
.btn-choujiang a{
  display: inline-block;

}
.btn-choujiang  img{
  width:100%;
  height: auto;
}
.btn-three{
  position: absolute;
  top:90%;
  width:100%;
  text-align:left;
    z-index:999;
}

.btn-three  img{
  width: 90%;
  height: auto;
}
.btn-three .btn_left, .btn-three .btn_center ,.btn-three .btn_right{ float:left; width:33%; text-align:center;}

.swiper-container {
  width:100%;
  max-width:640px;
  height:100%;
  margin:0 auto;
  overflow:hidden;
  background-color:#B8D0FC;
}
.swiper-slide { overflow:hidden;}

.inner .flyB{}

@-webkit-keyframes flyB{
    0% {opacity:0.6; top:200px;}
    100% {opacity:1; top:0;}
}
@keyframes flyB{
    0% {opacity:0.6; top:200px;}
    100% {opacity:1; top:0;}
}

/* 是动画的公共部分 */
.swiper-slide-active .flyA,
.swiper-slide-active .flyB{
    /*  使用3D变形来开启GPU加速
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */

    /*  动画有闪烁Hack：*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    perspective: 1000;
}


.swiper-slide-active .flyB {
	animation:flyB 0.5s forwards;
	-webkit-animation:flyB 0.5s forwards;}
	.swiper-slide { position:relative;}


/* *************************

turn box 横屏幕显示友好提示

************************** */
	
#turn-box {position:fixed; display:none;top:0px;left:0px; width:100%;height:100%; background-color:rgba(27,34,42,1); z-index:90; text-align: center;}
.tb-inner{margin-top:30%;}
.tb-info{margin-top:10px; font-size:14px; color: #fff;}
.h-to-v {margin-left: -40px;}
#turn-box svg{margin-left:16em;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-animation:turn 1.5s ease-in-out infinite backwards;
    animation:turn 1.5s ease-in-out infinite backwards;
}
/*  animation */
@keyframes turn{
    0%{transform: rotate(0deg);}
    50%{transform: rotate(-90deg);}
    100%{transform: rotate(-90deg);}
}
@-webkit-keyframes turn{
    0%{-webkit-transform: rotate(0deg);}
    50%{-webkit-transform: rotate(-90deg);}
    100%{-webkit-transform: rotate(-90deg);}
}
/* turn box End 横屏幕显示友好提示*/

/* *************************

微信分享按钮css

************************** */

.share-data {position: absolute;bottom: 30%;left: 10px;right: 10px; text-align: center;}
.sharebtn {width: 60px; margin: 0 auto;}
.share-data a{display:inline-block; width: 22%; height:35px; margin-bottom: 10px; background-color: #9F1704; cursor:pointer;}
.share-data span{display: inline-block;height: 100%;width: 100%;background-position: center center; background-repeat: no-repeat; background-color: transparent;}
.paper-weixin span{display:inline;padding:8px 1em; border-radius: 5px; color: white; background-color: #9F1704;}

.bcdesc {padding-top: 30%;}
.bcdesc p,.sharecount p {font-size: 14px; font-weight: 700; color: #595757; text-align: center;}
/* 微信分享按钮css End */

/* weixin tip 微信提示框*/
.weixin-tips {position:fixed;top:0;bottom:0;left:0;right:0; background-color:rgba(20,20,20,.95); z-index:3150;}
/* assets/weixin-tip-arrow.svg */
.tips-arrow{position: absolute; right:2em;top:1em;width:50px;height:60px;background:url(http://src.house.sina.com.cn/imp/imp/deal/e7/e2/f/92a30c4e046c9aaf4c44398518f_p1_mk1.png) no-repeat;}
.tips-text {margin-top:100px;}
.tips-text p {width:100%; text-align:center; color: #fff; font-size: 1.4em; line-height: 3em;}
/* weixin tip 微信提示框 End*/


/*loading box*/
#loading{position:fixed;width:100%;height:100%; left:0;right:0;top:0;bottom:0;
 z-index:100; text-align: center; color: #fff; background:url(http://src.house.sina.com.cn/imp/imp/deal/f3/9e/3/a08fe41be7576229232fd74a6e6_p1_mk1.png) no-repeat center top; background-size:cover;}
#loading .tips{margin-top:30%; font:12px; line-height: 2em; letter-spacing: 2px;}
#loading p{margin-top: 1em;}
.loading-pic {position: relative;margin-top: 3m;}
.loading-pic span {position: absolute; left:0; top:11px; width:100%; text-align: center; font-size: 11px; letter-spacing: 0;}
.loading-pic img{
    animation:rolling 3s linear infinite;
    -webkit-animation:rolling 3s linear infinite;
}
.logo{ position:absolute;width:100%; text-align:center;}
.logo{ bottom:5%;}
/*loading box End*/



/* *************************

最下面浮动的小箭头

************************** */

.tonext {
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left: -100px;
    opacity:1;
    z-index: 60;
    animation:arrow-up infinite 1s ease alternate;
    -webkit-animation:arrow-up infinite 1s ease alternate;
}
/* arrow-up */
@-webkit-keyframes arrow-up{
    0% {opacity:0.6; -webkit-transform: translateY(-15px);}
    100% {opacity:1; -webkit-transform: translateY(0px);}
}
@keyframes arrow-up{
    0% {opacity:0.6; transform: translateY(-15px);}
    100% {opacity:1; transform: translateY(0px);}
}

/* 最下面浮动的小箭头 End */

/* 动画代码 */

/*左到右*/
@-webkit-keyframes  slider{
    0% {opacity:0; -webkit-transform: translatex(-100px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes slider{
    0% {opacity:0; transform: translatex(-100px);}
    100% {opacity:1; transform: translatex(0px);}
}


/*右到左*/
@-webkit-keyframes  slider2{
    0% {opacity:0; -webkit-transform: translatex(100px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes slider2{
    0% {opacity:0; transform: translatex(100px);}
    100% {opacity:1; transform: translatex(0px);}
}

/*左到右far*/
@-webkit-keyframes  sliderL{
    0% {opacity:0; -webkit-transform: translatex(-100px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes sliderL{
    0% {opacity:0; transform: translatex(-100px);}
    100% {opacity:1; transform: translatex(0px);}
}

/*下到上*/
@-webkit-keyframes  up{
    0% {opacity:0; -webkit-transform: translateY(60px);}
    100% {opacity:1; -webkit-transform: translateY(0px);}
}
@keyframes up{
    0% {opacity:0; transform: translateY(60px);}
    100% {opacity:1; transform: translateY(0px);}
}

/*上到下*/
@-webkit-keyframes down{
    0% {opacity:0; -webkit-transform: translateY(-60px);}
    100% {opacity:1; -webkit-transform: translateY(0px);}
}
@keyframes down{
    0% {opacity:0; transform: translateY(-60px);}
    100% {opacity:1; transform: translateY(0px);}
}

/* 沿Y轴翻转 */
@-webkit-keyframes rotateY {
    0% {-webkit-transform: rotateY(0deg);}
    100% {-webkit-transform: rotateY(360deg);}
}

@keyframes rotateY {
    0% {-webkit-transform: rotateY(0deg);}
    100% {-webkit-transform: rotateY(360deg);}
}

/* 上下来回晃 */
@-webkit-keyframes floatY {
    0% {-webkit-transform: translateY(-30px);opacity: 0.8;}
    50% {-webkit-transform: translateY(0);opacity: 1;}
    100% {-webkit-transform: translateY(-30px);opacity: 0.8;}
}

@keyframes floatY {
    0% {-webkit-transform: translateY(-30px);opacity: 0.8;}
    50% {-webkit-transform: translateY(0);opacity: 1;}
    100% {-webkit-transform: translateY(-30px);opacity: 0.8;}
}
 
 /* 左右来回晃 */
@-webkit-keyframes floatX {
    0% {-webkit-transform: translatex(-10px);opacity: 0.8;}
    50% {-webkit-transform: translatex(10px);opacity: 1;}
    100% {-webkit-transform: translatex(-10px);opacity: 0.8;}
}

@keyframes floatX {
    0% {-webkit-transform: translatex(-10px);opacity: 0.8;}
    50% {-webkit-transform: translatex(10px);opacity: 1;}
    100% {-webkit-transform: translatex(-10px);opacity: 0.8;}
}

  /* 放大 */
@-webkit-keyframes scale {
0% {-webkit-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);opacity:0;}

100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
}   



@keyframes scale {
0% {-webkit-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);opacity:0;}

100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
}

 
 /* 呼吸灯 */
@-webkit-keyframes  opac {
    0% { opacity:0.2;}
    50% { opacity:1;}
    100% { opacity:0.2;}
}

/* 旋转 */
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg); opacity:0;}
    100% {-webkit-transform: rotate(360deg); opacity:1;}
}


/* 旋转放大 */
@-webkit-keyframes rotatetobig {
    0% {-webkit-transform: rotate(0deg);  -webkit-transform: scale(0.2); transform: scale(0.2);  opacity:0;}
    100% {-webkit-transform: rotate(360deg); -webkit-transform: scale(1); transform: scale(1);  opacity:1;}
}
	 
/*新动画 start*/ 	 
.sil00{ width:100%; position:absolute; opacity:0; z-index:2; background-color: #e05d38;}	  
.swiper-slide-active .sil00{ 
      animation:slider 0.5s ease-out 0.5s forwards;
      -webkit-animation:slider 0.5s ease-out 0.5s forwards;}

/*从左到右*/
.sil01{ width:100%; position:absolute; opacity:0; z-index:3;top:0; left:0;}
.swiper-slide-active .sil01{
	animation:slider 1s ease-out 0.5s forwards;
-webkit-animation:slider 1s ease-out 0.5s forwards;}

/*从右到左*/	
.sil02{ width:100%; position:absolute; opacity:0; z-index:5;}	  
.swiper-slide-active .sil02{
	animation:slider2 1s ease-out 1.0s forwards;
-webkit-animation:slider2 1s ease-out 1.0s forwards;} 

/*从上到下*/
.sil03{ width:100%; position:absolute; opacity:0; z-index:8;}	   
.swiper-slide-active .sil03{
	animation:up 0.5s ease-out 1.0s forwards;
-webkit-animation:up 0.5s ease-out 1.0s forwards;}

/*从上到下*/
.sil04{ width:100%; position:absolute; opacity:0; z-index:8;}	   
.swiper-slide-active .sil04{
	animation:down 0.5s ease-out 1.0s forwards;
-webkit-animation:down 0.5s ease-out 1.0s forwards;}

/*从上到下*/
.sil04a{ width:100%; position:absolute; opacity:0; z-index:1;}	   
.swiper-slide-active .sil04a{
	animation:slider 0.5s ease-out 0.2s forwards;
-webkit-animation:slider 0.5s ease-out 0.2s forwards;}

/*上下晃动*/ 	
.sil05{ width:100%; position:absolute; opacity:0; z-index:9;top:0; left:0;}	  
.swiper-slide-active .sil05{
        animation: floatY 2s ease-out 1.5s infinite forwards;
-webkit-animation: floatY 2s ease-out 1.5s infinite forwards;}

/*上下晃动 延迟时间不同*/ 
.sil06{ width:100%; position:absolute; opacity:0; z-index:9;top:0; left:0;}	  
.swiper-slide-active .sil06{
        animation: floatY 2s ease-out 1s infinite forwards;
-webkit-animation: floatY 2s ease-out 1s infinite forwards;	}

/*左右晃动*/ 	
.sil07{ width:100%; position:absolute; opacity:0; z-index:5;top:0; left:0;}	  
.swiper-slide-active .sil07{
        animation: floatX 2s ease-out 1s infinite forwards;
-webkit-animation: floatX 2s ease-out 1s infinite forwards; 		}

/*左右晃动*/ 	
.sil07a{ width:100%; position:absolute; opacity:0; z-index:5;top:0; left:0;}	  
.swiper-slide-active .sil07a{
        animation: floatX 2s ease-out 0.5s infinite forwards;
-webkit-animation: floatX 2s ease-out 0.5s infinite forwards; 		}

/*旋转进入*/ 
.sil08{ width:100%; position:absolute; opacity:0; z-index:8;}   	  
.swiper-slide-active .sil08{
	-webkit-animation: rotate 0.5s linear 1.5s 1 forwards ;
animation: rotate 0.5s linear 0.5s 1 forwards;}

/*旋转放大*/
.sil09{ width:100%; position:absolute; opacity:0; z-index:8;}	    
.swiper-slide-active .sil09{
	animation:rotatetobig  0.5s ease-out 0.5s  forwards;
-webkit-animation:rotatetobig  0.5s ease-out 0.5s  forwards;}

/*呼吸灯*/
.sil10{ width:100%; position:absolute; opacity:0; z-index:8;}	    
.swiper-slide-active .sil10{
	animation:opac  0.5s ease-out 0.5s  forwards;
-webkit-animation:opac  0.5s ease-out 0.5s  forwards;}

	 
.bgA{width:100%; top:0; position:absolute;}



.spinner { position:absolute;
  margin:auto; left:0; right:0; top:50%; bottom:0;
  width: 200px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #fa8600;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}