123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- .rubik-cube {
- overflow: hidden;
- padding: 20rpx;
- /* display: flex;
- flex-wrap: wrap; */
- }
- .rubik-cube .item {
- float: left;
- text-align: center;
- line-height: 0;
- box-sizing: border-box;
- }
- .rubik-cube .item image {
- width: 100%;
- max-width: 100%;
- /* max-height: 388rpx; */
- }
- .rubik-cube .item.row1-of2 {
- width: 50%;
- padding-bottom: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row1-of2:nth-child(1) {
- padding-left: 0!important;
- }
- .rubik-cube .item.row1-of2:nth-child(2) {
- padding-right: 0!important;
- }
- .rubik-cube .item.row1-of3 {
- width: 33.33%;
- padding-bottom: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row1-of3:nth-child(1) {
- padding-left: 0!important;
- }
- .rubik-cube .item.row1-of3:nth-child(3) {
- padding-right: 0!important;
- }
- .rubik-cube .item.row1-of4 {
- width: 25%;
- padding-bottom: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row1-of4:nth-child(1) {
- padding-left: 0!important;
- }
- .rubik-cube .item.row1-of4:nth-child(4) {
- padding-right: 0!important;
- }
- .rubik-cube .item.row2-lt-of2-rt {
- width: 50%;
- display: inline-block;
- }
- .rubik-cube .item.row2-lt-of2-rt:nth-child(1) {
- padding-left: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row2-lt-of2-rt:nth-child(2) {
- padding-right: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row2-lt-of2-rt:nth-child(3) {
- padding-left: 0!important;
- padding-bottom: 0!important;
- }
- .rubik-cube .item.row2-lt-of2-rt:nth-child(4) {
- padding-right: 0!important;
- padding-bottom: 0!important;
- }
- .rubik-cube .item.row1-lt-of2-rt {
- width: 50%;
- }
- .rubik-cube .item.row1-lt-of2-rt:nth-child(1) {
- width: 48%;
- padding-left: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row1-lt-of2-rt:nth-child(2) {
- float: right;
- padding-top: 0!important;
- padding-right: 0!important;
- }
- .rubik-cube .item.row1-lt-of2-rt:nth-child(3) {
- float: right;
- padding-bottom: 0!important;
- padding-right: 0!important;
- }
- .rubik-cube .item.row1-tp-of2-bm:nth-child(1) {
- width: 100%;
- padding-left: 0!important;
- padding-top: 0!important;
- padding-right: 0!important;
- }
- .rubik-cube .item.row1-tp-of2-bm:nth-child(2) {
- padding-left: 0!important;
- }
- .rubik-cube .item.row1-tp-of2-bm:nth-child(3) {
- padding-right: 0!important;
- }
- .rubik-cube .item.row1-tp-of2-bm:nth-child(2),
- .rubik-cube .item.row1-tp-of2-bm:nth-child(3) {
- width: 50%;
- padding-bottom: 0!important;
- }
- .rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(1) {
- width: 50%;
- padding-left: 0!important;
- padding-top: 0!important;
- padding-bottom: 0!important;
- }
- .rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(2) {
- width: 50%;
- padding-right: 0!important;
- padding-top: 0!important;
- }
- .rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(3) {
- /* padding-left: 0!important; */
- }
- .rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(4) {
- /* padding-right: 0!important; */
- }
- .rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(3),
- .rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(4) {
- width: 25%;
- padding-bottom: 0!important;
- }
|