2016-03-03 17:23:08 +08:00
|
|
|
.motion-container {
|
|
|
|
height: 190px;
|
|
|
|
line-height: 190px;
|
|
|
|
text-align: center;
|
2016-03-30 11:45:07 +08:00
|
|
|
margin: 40px 0 20px;
|
2016-03-03 17:23:08 +08:00
|
|
|
}
|
2016-03-30 11:45:07 +08:00
|
|
|
|
2016-03-03 17:23:08 +08:00
|
|
|
.motion-example {
|
|
|
|
width: 180px;
|
|
|
|
height: 180px;
|
|
|
|
line-height: 180px;
|
|
|
|
font-size: 18px;
|
|
|
|
color: #fff;
|
|
|
|
text-align: center;
|
|
|
|
display: inline-block !important;
|
|
|
|
border-radius: 8px;
|
2016-03-30 11:45:07 +08:00
|
|
|
animation-duration: 0.5s !important;
|
2016-03-03 17:23:08 +08:00
|
|
|
font-weight: bold;
|
|
|
|
background: url(https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg) center/230px;
|
|
|
|
}
|
2016-03-30 11:45:07 +08:00
|
|
|
|
|
|
|
.motion-select-wrapper {
|
2016-03-03 17:23:08 +08:00
|
|
|
text-align: center;
|
2016-03-30 11:45:07 +08:00
|
|
|
margin-bottom: 40px;
|
2016-03-03 17:23:08 +08:00
|
|
|
}
|
2016-03-30 11:45:07 +08:00
|
|
|
|
2016-03-03 17:23:08 +08:00
|
|
|
.motion-select {
|
2016-05-11 00:24:00 +08:00
|
|
|
text-align: left;
|
|
|
|
width: 180px;
|
2016-03-09 14:42:44 +08:00
|
|
|
}
|
|
|
|
|
2016-03-30 11:45:07 +08:00
|
|
|
.video-player {
|
2016-03-15 11:19:57 +08:00
|
|
|
position: relative;
|
|
|
|
max-width: 800px;
|
|
|
|
&-right {
|
|
|
|
width: 616px;
|
|
|
|
float: right;
|
|
|
|
}
|
2016-03-30 11:45:07 +08:00
|
|
|
}
|