|
.m-cardb1{
|
border-radius: 10px;
|
overflow: hidden;
|
background-color: #fff;
|
box-shadow: 0 0 4px rgba(0,64,40,.1);
|
padding: 0 15px 12px;
|
margin-bottom: 15px;
|
}
|
.m-cardb1 .title{
|
font-size: 17px;
|
color: #000;
|
line-height: 50px;
|
font-weight: bold;
|
}
|
.m-cardb1 .time{
|
font-size: 13px;
|
color: #666;
|
margin-top: -4px;
|
}
|
|
.crk-list{
|
overflow: hidden;
|
margin: 0 -8px;
|
}
|
.crk-list li{
|
float: left;
|
width: 33.33%;
|
}
|
.crk-list .con{
|
display: block;
|
height: 88px;
|
overflow: hidden;
|
border-radius: 10px;
|
background-repeat: no-repeat;
|
background-size: cover;
|
background-position: center;
|
position: relative;
|
margin: 0 8px 16px;
|
box-shadow: 0 5px 10px rgba(4,110,188,.2);
|
z-index: 1;
|
}
|
|
.crk-list .tit{
|
font-size: 14px;
|
color: #fff;
|
padding-left: 13px;
|
position: relative;
|
margin: 12px 0 14px;
|
}
|
.crk-list .tit::before{
|
content: "";
|
display: block;
|
width: 3px;
|
height: 15px;
|
background: #fff;
|
opacity: .6;
|
border-radius: 0 2px 2px 0;
|
position: absolute;
|
left: 0;
|
top: 50%;
|
margin-top: -8px;
|
}
|
.crk-list .name{
|
text-align: center;
|
font-size: 13px;
|
color: #fff;
|
}
|
.crk-list .num{
|
font-size: 27px;
|
}
|
|
.m-record .item{
|
padding-bottom: 15px;
|
border-top: 1px solid #eee;
|
}
|
.m-record .id{
|
font-size: 16px;
|
color: #000;
|
padding: 15px 0;
|
}
|
.m-record .g-listb2 .con{
|
justify-content: space-between;
|
}
|
.m-record .g-listb2 .con span,
|
.m-record .g-listb2 .con b{
|
font-size: 15px;
|
}
|
.m-record .g-listb2 .con em{
|
font-size: 20px;
|
font-style: normal;
|
}
|
.m-record .status{
|
display: inline-block;
|
vertical-align: middle;
|
font-size: 12px;
|
border-radius: 8px;
|
line-height: 17px;
|
height: 17px;
|
overflow: hidden;
|
padding: 0 11px;
|
font-weight: bold;
|
margin-left: 10px;
|
margin-top: -2px;
|
}
|
.m-record .status.enter{
|
background-color: #fdecd8;
|
color: #d4750c;
|
}
|
.m-record .status.out{
|
background-color: #ddf2f2;
|
color: #0e999c;
|
}
|
