12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- * {
- margin: 0;
- padding: 0;
- }
- html {
- --width: 100%;
- --height: 100%;
- }
- html, body, .body {
- width: var(--width);
- height: var(--height);
- }
- .body {
- display: flex;
- overflow: hidden;
- }
- #cad {
- flex: 1;
- background-color: #000;
- }
- .variable {
- cursor: pointer;
- }
- .content {
- /* position: absolute;
- right: 0;
- top: 0;
- bottom: 0; */
- background-color: #fff;
- }
- i {
- display: inline-block;
- width: 50px;
- height: 50px;
- border: 1px solid red;
- }
- .chose li {
- text-align: center;
- }
- .btn {
- display: inline-block;
- width: 45%;
- height: 30px;
- border-radius: 5px;
- background-color: #181c1d;
- color: #fff;
- text-align: center;
- cursor: pointer;
- line-height: 30px;
- }
|