| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344 | 
							- .punchClock {
 
-   position: relative;
 
-   background: #F5F5F5;
 
-   min-height: calc(100vh - 50px);
 
-   padding: 25px;
 
-   .header {
 
-     background: #FFFFFF;
 
-     padding: 30px;
 
-     border-radius: 30px;
 
-     margin-bottom: 20px;
 
-     .skeleton {
 
-       padding: 0;
 
-     }
 
-     .headerContent {
 
-       display: flex;
 
-       flex-flow: row nowrap;
 
-       align-items: center;
 
-     }
 
-     .userAvatarUrl {
 
-       width: 100px;
 
-       height: 100px;
 
-       border-radius: 20px;
 
-       overflow: hidden;
 
-     }
 
-     .infor {
 
-       padding-left: 15px;
 
-       .name {
 
-         font-size: 28px;
 
-         padding-bottom: 15px;
 
-       }
 
-       .address {
 
-         font-size: 25px;
 
-         color: #8e8d8d;
 
-         display: flex;
 
-         align-items: flex-start;
 
-         .nickname {
 
-           width: 270px;
 
-           color: #4564DC;
 
-         }
 
-       }
 
-       .types {
 
-         font-size: 28px;
 
-         margin-top: 10px;
 
-         font-weight: bold;
 
-       }
 
-     }
 
-     .state {
 
-       margin-left: auto;
 
-       font-size: 25px;
 
-       align-self: flex-start;
 
-     }
 
-     .switchContent {
 
-       display: flex;
 
-       align-items: center;
 
-       align-content: center;
 
-       border-radius: 30px;
 
-       border: 1px #999999 solid;
 
-       padding: 11px 10px;
 
-       margin-top: 28px;
 
-       .switchTitle {
 
-         font-size: 18px;
 
-         color: #999999;
 
-         padding-right: 10px;
 
-       }
 
-       .switchItem {
 
-         width: 25px;
 
-         height: 25px;
 
-       }
 
-     }
 
-   }
 
-   .content {
 
-     background: #FFFFFF;
 
-     padding: 30px;
 
-     border-radius: 30px;
 
-     margin-bottom: 20px;
 
-     display: flex;
 
-     flex-flow: column nowrap;
 
-     align-items: center;
 
-     position: relative;
 
-     .enterprise {
 
-       width: 94%;
 
-       background: #eae8e8;
 
-       margin: 0 30px;
 
-       padding: 20px;
 
-       border-radius: 20px;
 
-       .entit {
 
-         font-size: 30px;
 
-         margin-bottom: 8px;
 
-       }
 
-       .userlist {
 
-         display: flex;
 
-         flex-direction: row;
 
-         justify-content: space-between;
 
-         .username {
 
-           font-size: 26px;
 
-           line-height: 38px;
 
-           color: #4564DC;
 
-           max-width: 70%;
 
-         }
 
-         .switch{
 
-           display: flex;
 
-           align-items: center;
 
-           justify-content: center;
 
-           border-radius: 30px;
 
-           border: 1px solid #999999;
 
-           padding: 11px 10px;
 
-           height: 24px;
 
-           .stxt{
 
-             font-size: 18px;
 
-             color: #999999;
 
-             padding-right: 10px;
 
-           }
 
-           .sicon{
 
-             width: 25px;
 
-             height: 25px;
 
-           }
 
-         }
 
-       }
 
-     }
 
-     .history {
 
-       display: flex;
 
-       flex-flow: row nowrap;
 
-       justify-content: space-between;
 
-       align-items: center;
 
-       font-size: 30px;
 
-       width: 100%;
 
-     }
 
-     .noData {
 
-       display: flex;
 
-       flex-flow: column nowrap;
 
-       align-items: center;
 
-       justify-content: center;
 
-       width: 100%;
 
-       margin-top: -20px;
 
-       padding-bottom: 225px;
 
-       .tipsNoData {
 
-         font-size: 28px;
 
-         color: #969696;
 
-         padding-bottom: 20px;
 
-       }
 
-       .goOut {
 
-         font-size: 28px;
 
-         color: #007aff;
 
-       }
 
-     }
 
-     .timeContent {
 
-       width: 100%;
 
-       padding-top: 20px;
 
-       display: flex;
 
-       flex-flow: row nowrap;
 
-       justify-content: space-between;
 
-       padding-bottom: 30px;
 
-       .timeItem {
 
-         background: #eae8e8;
 
-         padding: 20px;
 
-         border-radius: 20px;
 
-         .timeTitle {
 
-           font-size: 30px;
 
-           padding-bottom: 8px;
 
-         }
 
-         .timeValue {
 
-           font-size: 27px;
 
-           color: #767272;
 
-         }
 
-       }
 
-     }
 
-     .map {
 
-       position: relative;
 
-       height: 600px;
 
-       width: 100%;
 
-       border-radius: 20px;
 
-       overflow: hidden;
 
-       #map {
 
-         height: 600px;
 
-         width: 100%
 
-       }
 
-     }
 
-     .tips {
 
-       color: #999999;
 
-       font-size: 18px;
 
-       padding-top: 10px;
 
-       align-self: flex-start;
 
-     }
 
-     .photographUnusual {
 
-       width: 100px;
 
-       height: 100px;
 
-       box-shadow: 1px 1px 15px 1px red;
 
-       border-radius: 50px;
 
-       display: flex;
 
-       align-items: center;
 
-       justify-content: center;
 
-       font-size: 20px;
 
-       color: #FFFFFF;
 
-       position: absolute;
 
-       right: 30px;
 
-       top: 300px;
 
-     }
 
-     .punchClockContent {
 
-       width: 250px;
 
-       height: 250px;
 
-       border-radius: 250px;
 
-       margin-top: 45px;
 
-       display: flex;
 
-       flex-flow: column nowrap;
 
-       justify-content: center;
 
-       align-items: center;
 
-       margin-bottom: 20px;
 
-       .punchClockTitle {
 
-         color: white;
 
-         font-size: 35px;
 
-         padding-bottom: 8px;
 
-       }
 
-       .punchClockTime {
 
-         color: #e8e6e6;
 
-         font-size: 25px;
 
-         padding-bottom: 8px;
 
-       }
 
-       .refreshClock {
 
-         color: #f5f6f8;
 
-         font-size: 25px;
 
-       }
 
-       .refresh{
 
-         position: absolute;
 
-         right: 60px;
 
-       }
 
-     }
 
-     .switchposition {
 
-       margin-bottom: 50px;
 
-       font-size: 30px;
 
-       .stxt {
 
-         color: #4395ff;
 
-       }
 
-     }
 
-     .photographContent {
 
-       display: flex;
 
-       flex-flow: row nowrap;
 
-       align-items: center;
 
-       justify-content: space-between;
 
-       width: 100%;
 
-       padding-left: 20px;
 
-       padding-right: 20px;
 
-       padding-bottom: 25px;
 
-       .photographTitle {
 
-         font-size: 30px;
 
-         .tips {
 
-           font-size: 18px;
 
-           color: #999999;
 
-         }
 
-       }
 
-       .photograph {}
 
-     }
 
-   }
 
-   .locationContent {
 
-     position: absolute;
 
-     display: flex;
 
-     flex-flow: column nowrap;
 
-     padding: 35px;
 
-     z-index: 999;
 
-     .location {
 
-       display: inline-block;
 
-       padding: 15px 15px 10px 15px;
 
-       background: #FFFFFF;
 
-       border-radius: 150px;
 
-       margin-bottom: 30px;
 
-       .locationIcon {
 
-         width: 50px;
 
-         height: 50px;
 
-       }
 
-     }
 
-     .punchRange {
 
-       display: inline-block;
 
-       padding: 15px 15px 10px 15px;
 
-       background: #FFFFFF;
 
-       border-radius: 150px;
 
-       .punchRangeIcon {
 
-         width: 50px;
 
-         height: 50px;
 
-       }
 
-     }
 
-   }
 
- }
 
- .at-radio__title{
 
-   font-size: 26px;
 
- }
 
 
  |