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.
|
- .buttom2 {
- width: 220px;
- display: flex;
- justify-content: space-between;
- position: absolute;
- top: 100px;
- left: 460px;
- z-index: 2;
- .flex_main{
- background: url("bg.png") no-repeat 10px center;
- background-size: calc(100% - 10px) 100%;
- width: 220px;
- height: 150px;
- padding: 15px 15px 15px 25px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- margin-bottom: 15px;
- position: relative;
- .flex_block{
- display: flex;
- align-items: center;
- justify-content: space-between;
- p:nth-child(1){
- color: #e6f1ff;
- }
- }
- .tt{
- text-shadow: 2px 2px 4px #000000;
- font-size: 18px;
- font-weight: bold;
- }
- i{
- display: block;
- height: 100%;
- width: 5px;
- position: absolute;
- top: 0;
- left: 0;
- }
- &:nth-child(1){
- i{
- background-color: #00d6f8;
- }
- .flex_block{
- p:nth-child(2){
- color: #00d6f8;
- }
- }
- }
- &:nth-child(2){
- i{
- background-color: #f7cc3a;
- }
- .flex_block{
- p:nth-child(2){
- color: #f7cc3a;
- }
- }
- }
- &:nth-child(3){
- i{
- background-color: #04e26f;
- }
- .flex_block{
- p:nth-child(2){
- color: #04e26f;
- }
- }
- }
- }
-
- .flex_main_right{
- background: url("bg2.png") no-repeat center;
- background-size: 100% 100%;
- width: 220px;
- height: 100px;
- margin-bottom: 15px;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-evenly;
- p:nth-child(1){
- color: #01d5f8;
- font-size: 26px;
- font-weight: bold;
- span{
- font-size: 14px;
- }
- }
- }
-
- }
|