| body{margin: 0;} |
| a{text-decoration: none;} |
| ul{list-style: none;margin: 0;padding: 0;} |
| h1,h2,h3,h4,h5,h6{margin: 0;} |
| |
| .content-box{width: 100%;overflow: hidden;box-shadow: 1px 1px 6px #ccc;} |
| .left{width: 29%;float: left;padding: 1%;padding-bottom: 30px;} |
| |
| .check h4{font-weight: 600;letter-spacing: 1px;font-size: 18px;height: 30px;} |
| .textarea-box{position: relative;padding: 10px 0;} |
| .textarea-box textarea{width: 100%;resize: none;padding: 10px;} |
| .textarea-box span{position: absolute;right: 10%;bottom: 20px;} |
| .btn-box{padding-top: 10px;} |
| .content-box button{float: left;width: 70px;height: 30px;border:none;border-radius: 5px;} |
| .affirm{background: #1789e7;color: white;margin-right: 20px;} |
| .cancel{background: #eeeeee;color:black;} |
| |
| .statistics h4{font-weight: 600;font-size: 16px;height: 30px;} |
| .statistics{width: 100%;float: left;overflow: hidden;padding-top: 50px;} |
| .statistics table{width: 100%;border-collapse: collapse;} |
| .statistics table thead{background: #ebebeb;} |
| .statistics table thead td{font-weight: 700;} |
| .statistics table tr:nth-child(even){background: #f9f9f9;} |
| .statistics table td{border:1px solid #dadada;height: 42px;padding: 0 5px;} |
| |
| .right{float: left;width: 70%;border-left: 1px solid #dadada;} |
| .perInfo table{float: left; width: 98%;margin:1%;border:1px solid #e0efff;background: #f9fcff;border-collapse: separate;padding: 10px 0;} |
| |
| .perInfo table td{height: 30px;line-height: 30px;} |
| .perInfo table .title{color:#909090;padding-right:2px;} |
| |
| |
| .record h5{float: left;width: 100%; height: 40px; background: #ededed;padding: 15px;font-size: 14px;} |
| .record table{float: left;margin-top: 10px;} |
| .record table td {vertical-align: top;position: relative;padding-bottom: 20px;} |
| |
| .record table td.line{background: url(../images/line.png) repeat-y left top;} |
| .record table td i{color: #999;font-style: normal;} |
| .record table td.line .circle.active{left:-20%; width: 15px;height: 15px;background: #f86a6a;border: 3px #fcc3c3 solid; } |
| .record table td.line .circle{width: 10px;height: 10px; position: absolute;top: 0;left: -14%;border-radius: 50%;background: #e0e0e0; |
| } |
| .text-danger{color:#f03030;} |
| .text-success{color:#399c76;} |
| .record table td .clear-1{height: 10px;line-height: 10px;clear: both;font-size: 1px;} |
| .record table td .cause{line-height: 22px;} |
| |
| @media screen and (max-width: 1366px) { |
| .record table td.line .circle.active{left:-25%;} |
| .record table td.line .circle{left:-18%;} |
| } |