@charset "utf-8";
/* CSS Document */

html,body{ width: 100%; height: 100%; overflow: hidden; background: #fff;}
img{ width: 100%; display: block;}
/*@font-face {
	font-family: '时尚中黑简体 Regular';
	src: local('时尚中黑简体 Regular'), url('http://p0.ifengimg.com/71f9287bab6b3ce4/2017/10/trends.ttf') format('truetype');
}*/
body{ font-family: 'Microsoft Yahei'; -webkit-tap-highlight-color:transparent; -webkit-appearance: none; -webkit-text-size-adjust:100%;}
*{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none; 
}
.main{ transform-origin: left top; position: relative;}


.swiper-container,.swiper-slide { width: 100%; height: 100%; overflow: hidden;}
.swiper-slide>div{ opacity: 0;}

.swiper-wrapper>div:nth-child(1) div:nth-child(2){ z-index:2;}
.swiper-wrapper>div:nth-child(1).swiper-slide-active .vidBtn{
	-webkit-animation: fadeIn 1.5s 1.9s forwards, pulse 0.5s infinite 2s;
	-moz-animation: fadeIn 1.5s 1.9s forwards, pulse 0.5s infinite 2s;
	-ms-animation: fadeIn 1.5s 1.9s forwards, pulse 0.5s infinite 2s;
	-o-animation: fadeIn 1.5s 1.9s forwards, pulse 0.5s infinite 2s;
	animation: fadeIn 1.5s 1.9s forwards, pulse 0.5s infinite 2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* p1video */
video{ position: absolute; left: 0px; background: rgba(0,0,0,0.8);}
.swiper-slide:nth-child(1).vidOut div:nth-child(1){ top: auto!important; bottom: 10px!important; transform: scale(0.6);}
.swiper-slide:nth-child(1).vidOut div:nth-child(2){ top: 5px!important;}
.swiper-slide:nth-child(1).vidOut div:nth-child(5){ top: auto!important; bottom: 0px!important;}
.swiper-slide:nth-child(1).vidOut div:nth-child(3),.swiper-slide:nth-child(1).vidOut div:nth-child(4){ display: none;}


.vidOut .vidBtn{ display: none;}

.closeBtn{ width:100%; height: 30px; border-bottom: 5px solid #3ab8a2; background: url(http://p0.ifengimg.com/71f9287bab6b3ce4/2017/17/closeBtn.png) no-repeat top right; background-size: auto 30px; position: absolute; left: 0px;}


.shareicon{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); visibility: hidden; position: fixed; left: 0px; top: 0px; z-index: 999;}
.shareicon img{ width: 150px; position: absolute; top: 20px; right: 20px;}