page{
  width: 100%;
  height: 100%;
}
.onBack_div{
  width: 60rpx;
  height: 60rpx;
  position: relative;
  margin-top: -200rpx;
  left: 50rpx;
}
.onBack{
  width: 60rpx;
  height: 60rpx;
}

.title_position{
  padding: 30rpx;
  color:#5269d1;
}
.title_position text{
  font-size: 28rpx;
}
.video_style{
  text-align: center;
}
.video_style video{
  width: 600rpx;
  height: 380rpx;
}
.video_telecontrol{
  width:150px;
  transform: rotate(90deg);
  position: fixed;
  float: right;
  background: rgba(0,0,0,0.3);
  z-index: 9999;
}
.video_right{
  padding-top: 80px;
}
.video_tele{
  width: 300rpx;
  height: 300rpx;
  margin: auto;
  background: url("http://fileimg.makalu.cc/WEB_18985E338B994679BD9849D18A5C3EB8.png") no-repeat center/100% 100%;
}
.video_tele_top{
  width: 80rpx;
  height: 50rpx;
  margin: auto;
}
.video_tele_top:active{
  background: url("http://fileimg.makalu.cc/WEB_121316FF680C47009E7768A13F3C5AAD.png") no-repeat center/40rpx 40rpx;
}
.video_tele_bottom{
  width: 80rpx;
  height: 50rpx;
  margin: auto;
}
.video_tele_bottom:active{
  background: url("http://fileimg.makalu.cc/WEB_BE024BE5CFF04825B96441B57BF221D5.png") no-repeat center/40rpx 40rpx;
}
.video_tele_middle{
  height: 135rpx;
  padding-top: 60rpx;
  padding-right: 5rpx;
}
.video_tele_left{
  float: left;
  height: 80rpx;
  width: 50rpx;
}
.video_tele_left:active{
  background: url("http://fileimg.makalu.cc/WEB_66C6D4090DB740859D0128493C9895A8.png") no-repeat center/40rpx 40rpx;
}
.video_tele_right{
  float: right;
  height: 80rpx;
  width: 50rpx;
}
.video_tele_right:active{
  background: url("http://fileimg.makalu.cc/WEB_A1ED3A414F3945328C554AF247F0AA4E.png") no-repeat center/40rpx 40rpx;
}
.video_focusing_padding{
  padding-top: 50rpx;
}
.video_focusing{
  margin: auto;
  height: 60rpx;
  width: 300rpx;
}
.video_focusing_left{
  width: 60rpx;
  height: 60rpx;
  float: left;
  background: #293052;
  text-align: center;
  line-height: 60rpx;
  font-size: 30rpx;
}
.video_focusing_left:active{
  background: #5269d1;
}
.video_focusing_middle{
  text-align: center;
  line-height: 60rpx;
  width: 180rpx;
  height: 60rpx;
  float: left;
  background: #24243b;
  font-size: 28rpx;
}
.video_focusing_right{
  width: 60rpx;
  height: 60rpx;
  float: left;
  background: #293052;
  text-align: center;
  line-height: 60rpx;
  font-size: 30rpx;
}
.video_focusing_right:active{
  background: #5269d1;
}
.button_top{
  width:60px;
  height: 25px;
  position: fixed;
  border-radius: 60px 60px 0 0;
  z-index: 9999;
}
.left_img{
  background: rgba(0,0,0,0.3) url("http://fileimg.makalu.cc/WEB_121316FF680C47009E7768A13F3C5AAD.png") no-repeat center/15px;
}