You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
21 KiB
1 line
21 KiB
5 years ago
|
#app,body,html{margin:0 0;background-color:#e9eef3;height:100%}.el-footer,.el-header{color:#333;text-align:center;line-height:60px}.el-main{background-color:#e9eef3;color:#333;text-align:center;padding-top:0!important}#app{height:100%}.control-table{background-color:#fff;height:25rem}.table-c{border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.table-c td{border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;padding:.2rem}.el-table{width:99.9%!important}.control-wrapper{position:relative;width:6.25rem;height:6.25rem;max-width:6.25rem;max-height:6.25rem;margin:0 auto;border-radius:100%;float:left}.control-btn{position:absolute;width:44%;height:44%;border-radius:5px;border:1px solid #78aee4;box-sizing:border-box;transition:all .3s linear}.control-btn,.control-btn i{display:flex;justify-content:center}.control-btn i{font-size:20px;color:#78aee4;align-items:center}.control-round{position:absolute;top:21%;left:21%;width:58%;height:58%;background:#fff;border-radius:100%}.control-round-inner{position:absolute;left:15%;top:15%;display:flex;justify-content:center;align-items:center;width:70%;height:70%;font-size:40px;color:#78aee4;border:1px solid #78aee4;border-radius:100%;transition:all .3s linear}.control-inner-btn{position:absolute;width:60%;height:60%;background:#fafafa}.control-top{top:-8%;left:27%;transform:rotate(-45deg)}.control-top,.control-top i{border-radius:5px 100% 5px 0}.control-top i{transform:rotate(45deg)}.control-top .control-inner{left:-1px;bottom:0;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0}.control-top .fa{transform:rotate(45deg) translateY(-7px)}.control-left{top:27%;left:-8%;transform:rotate(45deg);border-radius:5px 0 5px 100%}.control-left i{transform:rotate(-45deg)}.control-left .control-inner{right:-1px;top:-1px;border-bottom:1px solid #78aee4;border-left:1px solid #78aee4;border-radius:0 0 0 100%}.control-left .fa{transform:rotate(-45deg) translateX(-7px)}.control-right{top:27%;right:-8%;transform:rotate(45deg);border-radius:5px 100% 5px 0}.control-right i{transform:rotate(-45deg)}.control-right .control-inner{left:-1px;bottom:-1px;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0}.control-right .fa{transform:rotate(-45deg) translateX(7px)}.control-bottom{left:27%;bottom:-8%;transform:rotate(45deg);border-radius:0 5px 100% 5px}.control-bottom i{transform:rotate(-45deg)}.control-bottom .control-inner{top:-1px;left:-1px;border-bottom:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 0 100% 0}.control-bottom .fa{transform:rotate(-45deg) translateY(7px)}.videoList{display:flex;flex-wrap:wrap;align-content:flex-start}.video-item{position:relative;width:15rem;height:10rem;margin-right:1rem;background-color:#000}.video-item-img{width:100%;height:100%}.video-item-img,.video-item-img:after{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.video-item-img:after{content:"";display:inline-block;z-index:2;width:3rem;height:3rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAKkklEQVR4Xu2dW8huRRnH///cFdlFBwUDIymTEoPQshOhabusNLNtB8i86MKbrBS96KLuqsvdua6CItoGUZqJWZnbtJMV2YEKd2ihJSFkVJSbjk/8bV54+/rWO2vWmmdm1vfO3H5zWs//t553fTPPPEP0stUW4FY/fX94dAC2HIIOQAdgyy2w5Y/fPUAHYMstsOWPvzUewMweBeAZAI6LaP4ggCMk/74NbGwFAGa2H8DnATxupKh/AHCA5G0j6y+22p4HwMzOAPA9APsSVfongBeQ/GFiu0VV3wYADgM4Z6Iqt5I8d2LbRTTb0wCYmZ7vrwAeM1GNoySPndh2Ec32OgBy+/+YqcQ+kv+a2UezzTsAcWk6AHEbtVnDzLoHiEjTPUCc3e4B4jZqs0b3AHFdugeI26h7gLiN2qzRPUBcl+4B4jbqHiBuo3E1wobM1QCeD+AhADeT/OS41um1luABzOyysFKpBSctWR8suRFVzAOY2QkAvgxAa/PrRZs0l3g8dMsAhJfhEIDX7bDHnQBeRfKBdOTTWxQBwMxOBHA7gKcNTPGrAC7MDUGrAATxvwTgvAF7/ArAWSTvT5c0rYU7AGZ2UhD/KZGpZYegRQBGiL8y030BgnvTJE2r7QqAmemN15svDzCmZIWgNQASxF/ZSh5AnkAewaW4AWBmir5RQIV++1NKNghaAmCC+Cub6VvgRV4QuABgZqcB+AaA41OUX6ubBYJWAJgh/joEZ5M8MtGeg82yA2BmTwDwCwBPmjnZ2RC0AEAG8Vdm/A2AU0j+baZd/6e5BwDvBfCuTJOcBUFtADKKvzLnlSQ/lMm2D3fjAcBNAF6RcZKTIagJgIP4Mum1JC/OaFsXAD4N4NKckwQwCYJaADiJL5NeR/JATtt6eAARqtW93CUZghoAOIove76D5EdyGjY7AJqcmd0K4CU5Jxr6SoKgNADO4n87rAn8O6ddvQDQAQxBcHrOyaZCUBIAZ/F/pA0jkn/KbU8X
|