135 lines
2.7 KiB
Plaintext
135 lines
2.7 KiB
Plaintext
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("https://szgcwx.jhncidg.com/staticFiles/img/WEB_18985E338B994679BD9849D18A5C3EB8.png") no-repeat center/100% 100%;
|
|
}
|
|
.video_tele_top{
|
|
width: 80rpx;
|
|
height: 50rpx;
|
|
margin: auto;
|
|
}
|
|
.video_tele_top:active{
|
|
background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_121316FF680C47009E7768A13F3C5AAD.png") no-repeat center/40rpx 40rpx;
|
|
}
|
|
.video_tele_bottom{
|
|
width: 80rpx;
|
|
height: 50rpx;
|
|
margin: auto;
|
|
}
|
|
.video_tele_bottom:active{
|
|
background: url("https://szgcwx.jhncidg.com/staticFiles/img/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("https://szgcwx.jhncidg.com/staticFiles/img/WEB_66C6D4090DB740859D0128493C9895A8.png") no-repeat center/40rpx 40rpx;
|
|
}
|
|
.video_tele_right{
|
|
float: right;
|
|
height: 80rpx;
|
|
width: 50rpx;
|
|
}
|
|
.video_tele_right:active{
|
|
background: url("https://szgcwx.jhncidg.com/staticFiles/img/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("https://szgcwx.jhncidg.com/staticFiles/img/WEB_121316FF680C47009E7768A13F3C5AAD.png") no-repeat center/15px;
|
|
} |