zhujian_OA/tpl_意见时间带小时分钟/index/css/index1.css

body {
}
.pointer{
    cursor:pointer;
}

.date-table {
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
}

    .date-table tbody td {
        text-align: center;
        line-height: 15px;
        background: #197EBD;
        font-size: 12px;
        padding:5px 0;
        cursor: pointer;
        border-bottom: 1px solid #c6c6c6;
        border-right: 1px solid #c6c6c6;
    }
    .date-table tbody td  center{
        height: 15px;
    }
    .date-table tbody tr:first-child td {
        font-size:14px;
        background: #3D8FC2;
    }

.today {
    color: white;
    background: #25A6FF !important;
    border:0;
}

.date-day {
    width: 50px;
    height: 50px;
    padding: 10px;
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.item1{
    float:left;
    display:flex;
    height:225px;
    cursor:pointer;
    margin-right:19px;
    text-align:center;
    border:1px solid #ccc;  
    border-radius:8px; 
}
.item1 > div{ 
    width:100%;
    align-self:center
}
.item1 img{ 
    margin-bottom:5px;
}
.item1:last-child{
    margin-right:0;
}
.avtiveItem1{
    background:#0B72B3;
    position:relative;
    color:white;
}
.avtiveItem1:before{
    content:"";
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #fff;
    position:absolute;
    bottom:-20px;
    left:50%;
    z-index:3;
    transform:translateX(-50%)
}
.avtiveItem1:after{
    content:"";
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #0B72B3;
    position:absolute;
    bottom:-19px;
    left:50%;
    transform:translateX(-50%)
}
.item2{
    float:left;
    height:40px;
    font-size:18px;
    font-weight:800;
    line-height:40px;
    cursor:pointer;
    text-align:center
}
.item2:last-child{
    margin-right:0
}
.avtiveItem2{
    color:#42B2FF
}

.desk-table a { color:#666; text-decoration: none; } 
.desk-table a:hover {text-decoration: underline; }
.desk-table{border-collapse: collapse;width:100%;color:#888;}
.desk-table thead th{line-height:20px;padding:8px 8px; border:none; white-space: nowrap; background:#F5F6FA;text-align:center; font-weight:normal !important;letter-spacing:1px; cursor:pointer;}
.desk-table tbody td{text-align: center;line-height:20px;padding:7px 8px;font-size:13px;border-bottom:1px solid #E1E6EB}
.desk-table tbody tr:last-child td{border-bottom:0}
.desk-table tbody tr:hover{background:#F9F9FA;}

center.sp-box>button{
    width:142px;
    height:125px;
    background:rgb(242,242,242);
    margin:20px 5px;
    font-size:16px;
    font-weight:400;
    color:rgb(61,61,61);
    border:0;
    border-radius:7px;
    box-shadow:2px 2px 2px rgba(0,0,0,0.35);
    cursor:pointer;
}
center.sp-box>button>span{
    position:relative;
    top:8px;
}
.more{
    border:0;
    line-height:36px;
    background-color:transparent;
    float:right;
    margin-right:20px;
}