html,
body {
  height: 100%;
  margin: 0 auto;
}
.swiper-container {
  height: 100%;
}
.swiper-slide {
  height: 100%;
  overflow: hidden;
}

#play {
  position: absolute;
  z-index: 999;
  width: 20%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.img-show {
    position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
left: 0;
top: 0;
display: none;
}
.bg {
  background: #081129;
}
.centerB {
  display: block;
  margin: 0 auto;
}
.form-block{
  margin-bottom: 0.266667rem;
  padding-bottom: 0.533333rem;
}

.form-block > p{
  font-size: 0.613333rem;
  text-align: center;
  padding: 0.48rem 0 0.346667rem 0;
}

.input-group{
  position: relative;
  width: 8.56rem;
  margin: 0.266667rem auto;
}
#video {
  display: none;
}
.input-group label{
  position: absolute;
  top: 0.373333rem;
  line-height: 0.373333rem;
  height: 0.373333rem;
  left: 0.133333rem;
  font-size: 0.373333rem;
  color: #ababab;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}

.input-text{
  width: 6.2rem;
  height: 1.066667rem;
  background-color: #f5f5f5;
  border-radius: 0.106667rem;
  border: 1px solid #ddd;
  padding-left: 2.293333rem;
  font-size: 0.373333rem;
}

.input-submit{
  width: 8.56rem;
  height: 1.2rem;
  background: url(../img/btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  margin-bottom: 0.4rem;
}
p {
  width: 8.56rem;
  margin: 0 auto;
  font-size: 0.42rem;
  color: #fff;
  line-height: 0.6rem;
}
.mock{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 17.786667rem;
  background-color: rgba(0, 0, 0, .7);
  z-index: 10;
}

.box{
  background-color: #fff;
  width: 5.333333rem;
  height: 5.333333rem;
  margin: 5.333333rem auto 0;
  text-align: center;
  z-index: 100;
  border-radius: 0.106667rem;
}

.box > h1 {
  text-align: center;
  color: #df3330;
  padding: 0.266667rem 0 0 0;
}

.box > img{
  width: 4rem;
  height: 4rem;
  margin-top: 0.2rem;
}
.meeting {
  padding-top: 0.2rem;
  color: #fff;
  font-size: 0.4rem;
  line-height: 0.6rem;
  background: #081129;
  width: 90%;
  position: absolute;
  top: 0.5%;
  left: 5%;
}

.skip {
  color: #fff;
  font-size: 0.4rem;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}

.back {
  position: absolute;
  z-index: 888;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.skip {
  display: none;
}

.arrow{
  position: absolute;
  z-index: 100;
  width: 16%;
  left: 42%;
  bottom: 2%;
  display: none;
  animation:myfirst 1s infinite ease-in-out;
  -webkit-animation:myfirst 1s infinite ease-in-out;
}
@keyframes myfirst
{
0%   {opacity:1; bottom:  2.2%;}
100% {opacity:0.1; bottom:  2%;}
}
@-webkit-keyframes myfirst
{
0%   {opacity:1; bottom:  2.2%;}
100% {opacity:0.1; bottom:  2%;}
}

.meeting .item-left {
  float: left;
  width: 2.8rem;
  margin-left: 0.3rem ;
}
.meeting .item-right {
  float: left;
  width: 5.1rem;
  padding-left: 0.6rem;
  padding-bottom: 0.5rem;
}

#rollBox {
  overflow-y: hidden;
}
#rollBox .swiper-slide{
  height:18.6rem;
  color: #fff
}