| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- .mangerType{
- @blue:#1890ff;
- @main-color: #3da0e3;
- h3{
- font-weight: 400;
- }
- .plg-flex{
- flex-direction:row;
- flex-wrap: wrap;
- justify-content:space-between;
- .layui-card{
-
- width: 32.66666%;
- flex:0 0 auto;
- &.bigmanger{
- width: 100%;
- }
- &:last-child{
- margin-bottom: 15/100rem;
- }
- }
- }
- .ref{
- position: absolute;
- right: 13/100rem;
- top: 12/100rem;
- }
- .layui-card{
- position: relative;
- padding:0;
- display: flex;
- flex-wrap: wrap;
- color: #333;
- .layui-card-header{
- background: #fff;
- width: 100%;
- text-align: center;
- color: #999;
- }
- .layui-card-body{
- width: 100%;
- h2{
- font-weight: normal;
- text-align: center;
- color: @blue;
-
- }
- }
-
- &.bigmanger{
-
- .layui-card-header{
- border-left: 5/100rem solid @main-color;
- text-align: left;
- padding: 10/100rem 15/100rem;
- height:64/100rem;
- color: #333
-
- }
- .layui-card-body{
- min-height: 0;
- padding: 0;
- }
- .pages-list{
- position: relative;
- // margin: 20/100rem 0;
- &>h3{
- color: #999;
- text-align: center;
- margin-bottom: 10/100rem;
- display: block;
- }
- &>p{
- color: @blue;
- text-align: center;
- font-size:30/100rem;
- line-height: 30/100rem;
-
- }
-
- &:not(:last-child):before{
- position: absolute;
- content: "";
- right: 0;
- top: 0;
- bottom: 0;
- width: 1px;
- background: #e5e5e5;
-
- }
-
- }
- }
- }
- .title{
- padding: 15/100rem
- }
- }
|
