@charset "utf-8";.total-box ul,.total-detail ul li{display:-webkit-box}.total-box{padding:35px 0}.total-box ul li{-webkit-box-flex:1;text-align:center}.total-box ul li p{font-size:2.4rem;line-height:1}.total-box ul li h3{font-weight:400;font-size:1.4rem;margin-top:15px;line-height:1}.total-box ul li h3.green{color:#32c76e}.total-box ul li h3.red{color:red}.total-box ul li h3.yellow{color:#ec8211}.total-detail{background:#FFF}.total-detail ul li{height:64px;padding:0 14px}.total-detail ul li .name{-webkit-box-flex:1;width:50%}.total-detail ul li .name h3{font-weight:400;line-height:1;padding-top:15px;display:block}.total-detail ul li .name p{line-height:1;padding-top:8px;color:#ababab}.total-detail ul li .state{width:140px;margin-left:10px;padding-top:15px}.total-detail ul li .state a,span{height:34px;line-height:34px;display:block;text-align:right;border-radius:1px}.total-detail ul li .state .sign-btn{background:#357ae8;border-radius:4px;font-size:12px;color:#fff;width:60px;height:24px;line-height:24px;margin-left:5px;text-align:center;float:right}.total-detail ul li .state .green{color:#32c76e}.total-detail ul li .state .red{color:red}.total-detail ul li .state .yellow{color:#ec8211}.total-detail ul li .state .sign-btn:active{background:#4d90fe}.checkinBox{padding-top:50px}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}20%,60%{-webkit-transform:translateX(-20px)}40%{-webkit-transform:translateX(20px)}}.checkinBox .opt p{text-align:center;font-size:16px;line-height:1}.checkinBox .opt p.error{color:red;-webkit-animation:.3s shake;animation:.3s shake;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}.checkinBox .opt span{display:block;text-align:center;color:#AAA;margin-top:15px;line-height:1}.checkinBox .number-box{height:92px;width:292px;border:2px solid #4d90fe;margin:3rem auto;font-size:0;overflow:hidden}.checkinBox .number-box .vc-number{text-align:center;position:relative;height:92px;overflow:hidden;background-color:#fff}.checkinBox .number-box .vc-number .vc-n-grid{vertical-align:top;height:92px;font-size:0;display:inline-block;border-radius:2px}.checkinBox .number-box .vc-number .vc-n-grid .grid-item{vertical-align:top;display:inline-block;width:73px;height:92px}.checkinBox .number-box .vc-number .vc-n-input{font-family:FZLanTingHei-EL-GBK;position:absolute;border:0;background:0 0;top:0;left:0;width:100%;height:92px;line-height:100px\9;font-size:60px;letter-spacing:24px;padding-left:10%;text-align:left}.checkinBox .vc-number .vc-n-block{position:absolute;top:0;right:0;width:32px;height:92px;background:#fff;z-index:10}.location-map-checkin{height:100px;line-height:100px;text-align:center;display:block;z-index:99999}#page-gps-map-location{min-height:300px;line-height:300px;text-align:center;font-size:18px;color:#00f}.location-map-checkin .gotocheckin{display:inline-block;width:65px;height:40px;line-height:20px;text-align:center;border-radius:5px;margin-right:50px;padding:5px;color:#fff;background-color:#357ae8}.location-map-checkin .reloadcation{display:inline-block;width:65px;height:40px;line-height:20px;text-align:center;border-radius:5px;padding:5px;color:#2d2d2d;background-color:#f2f2f2}.location-map-checkin .gotocheckin .top{line-height:20px;height:20px;font-size:10px;color:#f2f2f2;text-align:center}.location-map-checkin .gotocheckin .bottom{line-height:20px;height:20px;font-size:14px;font-weight:700;text-align:center}.location-map-checkin .reloadcation .top{line-height:20px;height:20px;font-size:10px;text-align:center}.location-map-checkin .reloadcation .bottom{line-height:20px;height:20px;font-size:14px;font-weight:700;text-align:center}.attend_end{text-align:center;padding:40px 25px 0}.attendendpng{width:70px;height:70px}.attendend_ok_tip{font-size:18px;color:#333;margin-top:40px}.attendend_ok_tip2{color:#b3b3b3;font-size:12px;margin-top:18px;margin-bottom:20px}.btn_back_attendlist{display:inline-block;width:100%;box-sizing:border-box;border:1px solid #34a1eb;height:44px;border-radius:22px;color:#34a1eb;margin-bottom:40px;font-size:15px;line-height:42px}.back-to-live,.back-to-live:after{width:40px;display:inline-block}.back-to-live:after{content:'\e624';font-family:iconfont;color:#fff;text-align:center;font-size:1.5rem}.check-out-btn,.total-detail .check-in-btn,.total-detail .check-in-err{font-size:12px;width:60px;height:24px;line-height:24px;margin-left:5px;text-align:center}.check-out-btn,.total-detail .check-in-btn{background:#4285F4;border-radius:4px;color:#fff}.total-detail .check-in-err{color:#C11B1A}