| huibing.xie | f40b2b9 | 2018-08-22 17:12:47 +0800 | [diff] [blame^] | 1 | body{margin: 0;} |
| 2 | a{text-decoration: none;} |
| 3 | ul{list-style: none;margin: 0;padding: 0;} |
| 4 | h1,h2,h3,h4,h5,h6{margin: 0;} |
| 5 | |
| 6 | .content-box{width: 100%;overflow: hidden;box-shadow: 1px 1px 6px #ccc;} |
| 7 | .left{width: 29%;float: left;padding: 1%;padding-bottom: 30px;} |
| 8 | |
| 9 | .check h4{font-weight: 600;letter-spacing: 1px;font-size: 18px;height: 30px;} |
| 10 | .textarea-box{position: relative;padding: 10px 0;} |
| 11 | .textarea-box textarea{width: 100%;resize: none;padding: 10px;} |
| 12 | .textarea-box span{position: absolute;right: 10%;bottom: 20px;} |
| 13 | .btn-box{padding-top: 10px;} |
| 14 | .content-box button{float: left;width: 70px;height: 30px;border:none;border-radius: 5px;} |
| 15 | .affirm{background: #1789e7;color: white;margin-right: 20px;} |
| 16 | .cancel{background: #eeeeee;color:black;} |
| 17 | |
| 18 | .statistics h4{font-weight: 600;font-size: 16px;height: 30px;} |
| 19 | .statistics{width: 100%;float: left;overflow: hidden;padding-top: 50px;} |
| 20 | .statistics table{width: 100%;border-collapse: collapse;} |
| 21 | .statistics table thead{background: #ebebeb;} |
| 22 | .statistics table thead td{font-weight: 700;} |
| 23 | .statistics table tr:nth-child(even){background: #f9f9f9;} |
| 24 | .statistics table td{border:1px solid #dadada;height: 42px;padding: 0 5px;} |
| 25 | |
| 26 | .right{float: left;width: 70%;border-left: 1px solid #dadada;} |
| 27 | .perInfo table{float: left; width: 98%;margin:1%;border:1px solid #e0efff;background: #f9fcff;border-collapse: separate;padding: 10px 0;} |
| 28 | |
| 29 | .perInfo table td{height: 30px;line-height: 30px;} |
| 30 | .perInfo table .title{color:#909090;padding-right:2px;} |
| 31 | |
| 32 | |
| 33 | .record h5{float: left;width: 100%; height: 40px; background: #ededed;padding: 15px;font-size: 14px;} |
| 34 | .record table{float: left;margin-top: 10px;} |
| 35 | .record table td {vertical-align: top;position: relative;padding-bottom: 20px;} |
| 36 | |
| 37 | .record table td.line{background: url(../images/line.png) repeat-y left top;} |
| 38 | .record table td i{color: #999;font-style: normal;} |
| 39 | .record table td.line .circle.active{left:-20%; width: 15px;height: 15px;background: #f86a6a;border: 3px #fcc3c3 solid; } |
| 40 | .record table td.line .circle{width: 10px;height: 10px; position: absolute;top: 0;left: -14%;border-radius: 50%;background: #e0e0e0; |
| 41 | } |
| 42 | .text-danger{color:#f03030;} |
| 43 | .text-success{color:#399c76;} |
| 44 | .record table td .clear-1{height: 10px;line-height: 10px;clear: both;font-size: 1px;} |
| 45 | .record table td .cause{line-height: 22px;} |
| 46 | |
| 47 | @media screen and (max-width: 1366px) { |
| 48 | .record table td.line .circle.active{left:-25%;} |
| 49 | .record table td.line .circle{left:-18%;} |
| 50 | } |