/*公共样式start*/
.masklayer .win-required {
    position: relative;
}

.masklayer .win-required:before {
    content: '*';
    position: absolute;
    left: -10px;
    top: 0;
    font-size: 14px;
    color: #ff7979;
}

.masklayer > li.active {
    background-color: #1ba3e4;
    color: white;
}

.masklayer .disabled {
    background-color: #ccc !important;
    cursor: not-allowed !important;
}

.masklayer .loadings {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.masklayer #PageLoading {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    margin: 0 auto;
    border: 2px solid #1ba3e4;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
    margin-bottom: 8px;
}

.masklayer .loadings > p {
    color: #1ba3e4;
    font-size: 14px;
    margin: 0;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/*公共样式end*/

/*修改打卡记录*/
.win_altercheckingin {
    width: 466px;
    /*height: 542px;*/
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    color: #333;
}

.win_altercheckingin .header {
    padding: 0 21px;
    width: 100%;
    height: 50px;
    background-color: #F7FAFF;
    border-bottom: 1px solid #eee;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
}

.win_altercheckingin .header > span {
    float: left;
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
}

.win_altercheckingin #hour {
    margin-right: 24px;
}

.win_altercheckingin .header #closeImg {
    position: static;
    float: right;
    margin: 20px 0;
    cursor: pointer;
}

.win_altercheckingin .contents {
    padding: 14px 40px;
    list-style: none;
}

.win_altercheckingin .contents > li.teacher_li {
    -webkit-box-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_altercheckingin .contents > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    position: relative;
    margin-top: 18px;
}

.win_altercheckingin .contents > li:last-child {
    -webkit-box-align: baseline;
            align-items: baseline;
}

.win_altercheckingin .contents > li:first-child {
    margin-top: 0;
}

.win_altercheckingin .contents > li > div {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.win_altercheckingin .contents > .teacher_li > div{
    -webkit-box-align: center;
            align-items: center;
}
.win_altercheckingin .contents > li > div > span,
.win_altercheckingin .contents > li > span {
    margin-right: 14px;
}

.win_altercheckingin .contents > li > div > input ,
.win_altercheckingin .contents > li > input {
    width: 310px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #dcdfe6;
    font-size: 12px;
    text-indent: 10px;
    outline: none;
    cursor: pointer;
}

.win_altercheckingin #date {
    background: url(../../../images/small_time.png) no-repeat 284px center;
    background-size: 14px;

}

.noEditData {
    cursor: not-allowed !important;
    background-color: #f2f2f2 !important;
}

.win_altercheckingin #teacher,
.win_altercheckingin #assistant {
    background: url(../../../images/stdSanjiao.png) center right 10px no-repeat;
    width: 124px;
}

.win_altercheckingin .expendcnt_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    border: 1px solid #dedfe6;
    border-radius: 3px;
}

.win_altercheckingin .expendcnt_box > span {
    margin: 0 !important;
    display: inline-block;
    width: 50px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-left: 1px solid #dedfe6;
    font-size: 12px;
}

.win_altercheckingin #expendcnt {
    width: 28px;
    height: 28px;
    border: none;
    text-indent: 0;
    text-align: center;
}

.win_altercheckingin .addExpendcnt,
.win_altercheckingin .subExpendcnt {
    width: 30px;
    height: 28px;
    background-color: white;
    color: #1ba3e4;
    border: none;
    cursor: pointer;
    font-weight: 700;
    outline: 0;
}

.win_altercheckingin #course {
    background: url(../../../images/Stdbook.png) no-repeat center;
    background-position: 281px;
    background-size: 16px;
}

.win_altercheckingin .courseUl {
    display: none;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 31px;
    padding: 6px 0;
    width: 310px;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    list-style: none;
    overflow: auto;
    max-height: 160px;
}

.win_altercheckingin .courseUl {
    max-height: 104px;
}

.win_altercheckingin .courseUl > li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-indent: 10px;
}

.win_altercheckingin .courseUl > li:hover {
    background-color: #1ba3e4;
    color: #fff;
}

.win_altercheckingin .teacherUl,
.win_altercheckingin .assistantUl {
    display: none;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 31px;
    padding: 6px 0;
    width: 124px;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    list-style: none;
    overflow: auto;
    max-height: 160px;
}

.win_altercheckingin .teacherUl > li,
.win_altercheckingin .assistantUl > li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #3e3e3e;
    cursor: default;
}

.win_altercheckingin .teacherUl > li:hover,
.win_altercheckingin .assistantUl > li:hover {
    background-color: #e5e5e5;
}

.win_altercheckingin .teacherUl > li.active,
.win_altercheckingin .assistantUl > li.active {
    background-color: #1ba3e4 !important;
    color: white !important;
}


.win_altercheckingin .message {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    align-items: center;
}

.win_altercheckingin .message > img {
    margin-right: 9px;
    border-radius: 3px;
}

.win_altercheckingin .message > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
}

.win_altercheckingin .message > div > span {
    font-size: 12px;
    color: #7e8b9c;
}

.win_altercheckingin .message > div > span:last-child {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #b7c2c8;
}

.win_altercheckingin .msg > div {
    display: inline-block;
}

.win_altercheckingin #remark {
    padding: 7px;
    width: 310px;
    height: 80px;
    border-radius: 3px;
    border: 1px solid #dcdfe6;
    font-size: 12px;
    line-height: 16px;
    /*float: right;*/
    resize: none;
    outline: none;
}

.win_altercheckingin .action {
    background: url(../../../images/check_nd.png) no-repeat left center !important;
    background-size: 20px;
    color: #1ba3e4;
}

.win_altercheckingin .info, .win_altercheckingin .info {
    display: inline-block;
    margin-right: 24px !important;
    background: url(../../../images/check_ud.png) no-repeat left center;
    background-size: 20px;
    padding-left: 30px;
    cursor: pointer;
    width: auto;
    text-align: left;
}

.win_altercheckingin .footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0 40px;
    height: 50px;
    background-color: #F7FAFF;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #eee;
}

.win_altercheckingin #cancelBtn {
    margin-right: 20px;
    width: 72px;
    height: 30px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    outline: none;
    font-size: 12px;
    cursor: pointer;
}

.win_altercheckingin #affirmBtn {
    width: 72px;
    height: 30px;
    border-radius: 2px;
    border: none;
    background-color: #1ba3e4;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
}

.win_altercheckingin .layui-laydate-list {
    left: 273px !important;
}

.layui-laydate[lay] {
    width: 548px !important;
}

.win_altercheckingin .layui-laydate-header {
    width: 548px !important;
}


/*以下为学员排课批量打卡*/
.win_batchAttendance_p {
    width: 1100px;
    max-height: 600px;
    background-color: #fff;
    border-radius: 3px;
}

.win_batchAttendance_p .header {
    position: relative;
    padding: 0 40px;
    margin-bottom: 20px;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_batchAttendance_p .headerText {
    float: left;
    margin-right: 24px;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.win_batchAttendance_p .pointer {
    cursor: pointer;
}

.win_batchAttendance_p .msgText {
    font-size: 16px;
    margin-left: -24px;
}

.win_batchAttendance_p .hide {
    display: none !important;
}

.win_batchAttendance_p .headerAction {
    color: #1ba3e4 !important;
}

.win_batchAttendance_p .headerLine {
    display: none;
    position: absolute;
    left: 31px;
    bottom: 2px;
    width: 90px;
    height: 2px;
    background-color: #1ba3e4;
    transition: left .5s;
    -webkit-transition: left .5s;
}

.win_batchAttendance_p .header > img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_batchAttendance_p #closeImg {
    margin: 25px 0;
    position: static;
    width: 10px;
    height: 10px;
}

.win_batchAttendance_p .contents-1 {
    margin: 0 auto 15px auto;
    width: 1020px;
    height: 50%;
    /*border-radius: 4px;*/
    /*background-color: #f8f9fb;*/
}

.win_batchAttendance_p .msg-1 {
    height: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_batchAttendance_p .msg-1 > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.win_batchAttendance_p .msg-1 > div:nth-child(2) {
    padding-left: 30px;
}

.win_batchAttendance_p .msg-1 .tips {
    margin-right: 20px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #7E8B9C;
}

.win_batchAttendance_p .temporary {
    position: relative;
    color: #999;
}

.win_batchAttendance_p .temporary:after {
    content: url("../../../images/org_explain.png");
    position: absolute;
    top: 3px;
    left: 10px;
}

.win_batchAttendance_p .tip_div {
    z-index: 1;
    position: absolute;
    left: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 10px;
    width: 168px;
    height: 52px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    font-size: 12px;
}

.win_batchAttendance_p #date,
.win_batchAttendance_p #teacher,
.win_batchAttendance_p #assistantName,
.win_batchAttendance_p #subjectName,
.win_batchAttendance_p #claName {
    display: inline-block;
    color: #1ba3e4;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.win_batchAttendance_p .contents-2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 15px auto 12px auto;
    width: 1020px;
    height: 50%;
    /*border-radius: 4px;*/
    /*border: 1px solid #eee;*/
}

.win_batchAttendance_p .contents-2 > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.win_batchAttendance_p .contents-2 > div:nth-child(2) {
    padding-left: 30px;
}

.win_batchAttendance_p .contents-2 > div:last-child {
    width: 50%;
    -webkit-box-flex: 1;
            flex-grow: 1;
    padding: 0;
}

.win_batchAttendance_p .contents-2 .tips {
    margin-right: 20px;
    font-size: 14px;
    color: #7E8B9C;
    white-space: nowrap;
}

.win_batchAttendance_p .contents-2 #remark {
    height: 30px;
    font-size: 12px;
    padding-left: 10px;
}

.win_batchAttendance_p .contents-2 .choice {
    margin-right: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 52px;
    text-align: right;
    cursor: pointer;
    color: #666;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 14px;
}

.win_batchAttendance_p .contents-2 .choice:last-child {
    margin: 0;
}

.win_batchAttendance_p .contents-2 .marks {
    margin-right: 2px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d8dcdf;
}

.win_batchAttendance_p .contents-2 .action {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4EZWTsQrCMBBAD1xdBUky+Bn+p6NDMcnUxcGx+BUdHByE3hXBxaGTOFSuNCVNUxqH0svdvZdLaAEAYJO/1srgQRoqpaF24SnFqT5KS4rZDpYabwvQRCoMvbfZcwf9zpOGFKEyeIbEsaMb8BQsiBbn8t25AQZuCOYAPx/CXEsWxOCRYK6ha+qL/jQuHk0Qk0DerjgvNH4c5L9HAi74EhcLjV8f8uOJwJewQFp6+EAYRwVOIgxdQyBcgzB0D5PJa40NSFtnyUD40dmq4DMq/iT/lvDFWtp3F81/ldR4kRqbRRH32Kpw8A8N61MXTVpZtQAAAABJRU5ErkJggg==') center no-repeat;
    border: none;
    width: 16px;
    height: 16px;
}

.win_batchAttendance_p .abatement {
    position: relative;
    width: 80px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
}
/*上课扣减 按钮*/
.win_batchAttendance_p #add .number-icon-up,.win_batchAttendance_p #minus .number-icon-down{
    position: absolute;
    right: 14px;
}
.win_batchAttendance_p #add .number-icon-up{
    top: -0.5px;
}
.win_batchAttendance_p #minus .number-icon-down{
    bottom: 10px;
}
.win_batchAttendance_p #add .number-icon-up:before,.win_batchAttendance_p #add .number-icon-up:after{
    position: absolute;
    content: '';
    border-top: 5px transparent dashed;
    border-left: 5px transparent dashed;
    border-bottom: 5px #fff solid;
    border-right: 5px transparent dashed;
}

.win_batchAttendance_p #add .number-icon-up:before{
    border-bottom: 5px #808080 solid;
}
.win_batchAttendance_p #add .number-icon-up:after{
    top: 1px; /*覆盖并错开1px*/
    border-bottom: 5px #fff solid;
}

.win_batchAttendance_p #minus .number-icon-down:before,.win_batchAttendance_p #minus .number-icon-down:after{
    position: absolute;
    content: '';
    border-bottom: 5px transparent dashed;
    border-left: 5px transparent dashed;
    border-top: 5px #fff solid;
    border-right: 5px transparent dashed;
}
.win_batchAttendance_p #minus .number-icon-down:before{
    border-top: 5px #808080 solid;
    top:1px;/*覆盖并错开1px*/
}
.win_batchAttendance_p #minus .number-icon-down:after{
    border-top: 5px #fff solid;
}
.win_batchAttendance_p #add {
    width: 20px;
    height: 15px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    /*font-weight: 400;*/
    /*font-style: normal;*/
    /*color: rgb(153, 153, 153);*/
    border: none;
    /*background: url("/images/ico_arrow_up1.png") no-repeat;*/
    /*background-size: 10px 6px;*/
    /*background-color: transparent;*/
    outline: none;
    border-left: 1px solid #e7e5e8;
    background-color: #fff;
    /*background-position: 3px 2px;*/
}

.win_batchAttendance_p #minus {
    width: 20px;
    height: 14px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    /*font-weight: 400;*/
    /*font-style: normal;*/
    /*font-size: 16px;*/
    /*color: rgb(153, 153, 153);*/
    border: none;
    /*background: url("/images/ico_arrow_down1.png") no-repeat;*/
    /*background-size: 10px 6px;*/
    /*background-color: transparent;*/
    /*line-height: 20px;*/
    outline: none;
    background-color: #fff;
    border-left: 1px solid #e7e5e8;
    border-top: 1px solid #e7e5e8;
    /*background-position: 3px 2px;*/
}

.win_batchAttendance_p #num {
    position: absolute;
    left: 0;
    right: 0;
    width: 78px;
    height: 28px;
    text-align: left;
    background-color: transparent;
    outline: none;
    border: none;
    color: #1ba3e4;
    line-height: 20px;
    font-style: normal;
    font-size: 12px;
    padding-left:10px;
}

.win_batchAttendance_p .stdTable {
    position: relative;
    margin: 0 auto 10px auto;
    width: 1020px;
    height: 420px;
    border-radius: 4px;
    border: 1px solid #eeeef0;
}

.win_batchAttendance_p .tableThead {
    /*width: 1018px;*/
    background-color: #ebeef5;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.win_batchAttendance_p #win_loader,.win_stuCheckingclass #win_loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    background: transparent;
    border-radius: 4px;
    z-index: 100;
}

.win_batchAttendance_p .win_loader,.win_stuCheckingclass .win_loader {
    text-indent: -9999em;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #1baee4;
    border-bottom: 2px solid transparent;
    animation: load-effect 2s infinite linear;
    -webkit-animation: load-effect 2s infinite linear;
    z-index: 999;
    margin: 10px;
}

@-webkit-keyframes load-effect {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load-effect {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.win_batchAttendance_p .tableThead table thead tr {
    height: 36px;
}

.win_batchAttendance_p .tableThead table thead tr td {
    background-color: #ebeef5;
    font-style: normal;
    font-size: 12px;
    color: #999999;
    line-height: 44px;
    text-align: center;
}

.win_batchAttendance_p .scrollBox {
    height: 374px;
    /*width: 1020px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.win_batchAttendance_p .recordBox {
    height: 376px;
}

.win_batchAttendance_p .scroll table tbody tr td {
    height: 44px;
    border-bottom: 1px solid #eeeef0;
    background-color: #fff;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 44px;
    text-align: center;
    color: #666;
    font-weight:400;
}

.win_batchAttendance_p .recordTabel {
    display: none;
}

.win_batchAttendance_p .updata {
    position: relative;
    display: inline-block;
    line-height: 24px;
    width: 44px;
    height: 24px;
    border-radius: 3px;
    border: none;
    background-color: #eef7ff;
    color: rgb(24, 150, 208);
    box-shadow: rgb(167, 232, 241) 1px 1px 0;
    text-align: center;
    white-space: nowrap;
    outline: none;
}

.win_batchAttendance_p .updata:hover {
    background-color: #dbeeff;
}

.win_batchAttendance_p .ball {
    position: absolute;
    left: 0px;
    top: 29px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.win_batchAttendance_p .redText {
    position: relative;
    color: #ff7979;
}

.win_batchAttendance_p .redText:before {
    content: "";
    position: absolute;
    display: block;
    left: -12px;
    top: 6px;
    background-color: #ff7979;
    width: 6px;
    height: 6px;
    border-radius: 50px;
}

.win_batchAttendance_p .grayText {
    position: relative;
    color: #999;
}

.win_batchAttendance_p .grayText:before {
    content: "";
    position: absolute;
    display: block;
    left: -12px;
    top: 6px;
    background-color: #bebebe;
    width: 6px;
    height: 6px;
    border-radius: 50px;
}

.win_batchAttendance_p .blueText {
    position: relative;
    color: #1ba3e4;
}

.win_batchAttendance_p .blueText:before {
    content: "";
    position: absolute;
    display: block;
    left: -12px;
    top: 6px;
    background-color: #1ab3e4;
    width: 6px;
    height: 6px;
    border-radius: 50px;
}

.win_batchAttendance_p .stname {
    color: #1ba3e4 !important;
    cursor: pointer;
}

/*.win_batchAttendance_p .stnum {*/
/*    display: inline-block;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    border-radius: 50%;*/
/*    background-color: #d7f3ff;*/
/*    font-size: 12px;*/
/*    color: #1ba3e4;*/
/*    line-height: 18px;*/
/*}*/

/*.win_batchAttendance_p .stzero {*/
/*    display: inline-block;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    border-radius: 50%;*/
/*    background-color: #f2f2f2;*/
/*    font-size: 12px;*/
/*    color: #bebebe;*/
/*    line-height: 18px;*/
/*}*/

.win_batchAttendance_p .stcourseTd {
    position: relative;
    text-align: left !important;
    padding-left: 8px;
}

.win_batchAttendance_p .stcourse {
    display: inline-block;
    width: 140px;
    height: 24px;
    line-height: 20px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    font-size: 12px;
    text-indent: 10px;
    background: url("../../../images/stdSanjiao.png") right 10px center no-repeat;
    background-color: #fff;
    cursor: pointer;
    outline: none;
}

.win_batchAttendance_p .noSurplusTip {
    /*display: inline-block;*/
    /*width: 100%;*/
    text-align: left !important;
    color: #ff7979 !important;
}

.win_batchAttendance_p .redText {
    color: #ff7979 !important;
}

.win_batchAttendance_p .stcourseNum {
    position: absolute;
    top: 0;
    right: 44px;
    font-size: 12px;
    line-height: 44px;
}

.win_batchAttendance_p .stSubNum {
    width: 60px;
    height: 22px;
    text-align: left;
    border: none;
    border-radius: 3px;
    color: #1ba3e4;
    outline: none;
    padding-left: 10px;
}

.win_batchAttendance_p .selectState_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_batchAttendance_p .selectState {
    display:-webkit-box;
    display:flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 33.333%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.win_batchAttendance_p .selectState > .checkboxs {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d8dcdf;
    box-sizing: border-box;
}

.win_batchAttendance_p .checkboxs.active {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4EZWTsQrCMBBAD1xdBUky+Bn+p6NDMcnUxcGx+BUdHByE3hXBxaGTOFSuNCVNUxqH0svdvZdLaAEAYJO/1srgQRoqpaF24SnFqT5KS4rZDpYabwvQRCoMvbfZcwf9zpOGFKEyeIbEsaMb8BQsiBbn8t25AQZuCOYAPx/CXEsWxOCRYK6ha+qL/jQuHk0Qk0DerjgvNH4c5L9HAi74EhcLjV8f8uOJwJewQFp6+EAYRwVOIgxdQyBcgzB0D5PJa40NSFtnyUD40dmq4DMq/iT/lvDFWtp3F81/ldR4kRqbRRH32Kpw8A8N61MXTVpZtQAAAABJRU5ErkJggg==') center no-repeat;
    border: none;
    width: 16px;
    height: 16px;
}

.win_batchAttendance_p .addRemark {
    background: url(data:image/png;base64,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) center center no-repeat;
    background-size: 17px 17px;
    width: 100%;
    height: 17px;
    text-align: center;
    cursor: pointer;
}

.win_batchAttendance_p .hasRemark {
    background: url(data:image/png;base64,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) center center no-repeat;
    background-size: 22px 20px;
    margin-left: 2px;
    width: 100%;
    height: 20px;
    text-align: center;
    cursor: pointer;
}

.win_batchAttendance_p .stDeduction {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 4px;
    border-radius: 3px;
    border: 1px solid #e7e5e8;
    background-color: #fff;
}

.win_batchAttendance_p .stDeductionText {
    display: none;
}
.win_batchAttendance_p .subBtn {
    width: 20px;
    height: 12px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    /*font-weight: 400;*/
    /*font-style: normal;*/
    /*font-size: 16px;*/
    /*color: rgb(153, 153, 153);*/
    border: none;
    /*background: url("/images/ico_arrow_down1.png") no-repeat;*/
    /*background-size: 10px 6px;*/
    /*background-color: transparent;*/
    line-height: 20px;
    outline: none;
    border-left: 1px solid #e7e5e8;
    /*background-position: 3px 2px;*/
    background-color: #fff;
}

.win_batchAttendance_p .addBtn {
    width: 20px;
    height: 12px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    /*font-weight: 400;*/
    /*font-style: normal;*/
    /*color: rgb(153, 153, 153);*/
    border: none;
    /*background: url("/images/ico_arrow_up1.png") no-repeat;*/
    /*background-size: 10px 6px;*/
    /*background-color: transparent;*/
    outline: none;
    border-left: 1px solid #e7e5e8;
    border-bottom: 1px solid #e7e5e8;
    /*background-position: 3px 2px;*/
    background-color: #fff;
}
.number-icon-up,.number-icon-down{
    position: absolute;
    right: 14px;
}
.number-icon-up{
    top: -2px;
}
.number-icon-down{
    bottom: 9.5px;
}
.number-icon-up:before,.number-icon-up:after{
    position: absolute;
    content: '';
    border-top: 5px transparent dashed;
    border-left: 5px transparent dashed;
    border-bottom: 5px #fff solid;
    border-right: 5px transparent dashed;
}

.number-icon-up:before{
    border-bottom: 5px #808080 solid;
}
.number-icon-up:after{
    top: 1px; /*覆盖并错开1px*/
    border-bottom: 5px #fff solid;
}

.number-icon-down:before,.number-icon-down:after{
    position: absolute;
    content: '';
    border-bottom: 5px transparent dashed;
    border-left: 5px transparent dashed;
    border-top: 5px #fff solid;
    border-right: 5px transparent dashed;
}
.number-icon-down:before{
    border-top: 5px #808080 solid;
    top:1px;/*覆盖并错开1px*/
}
.number-icon-down:after{
    border-top: 5px #fff solid;
}
/*扣减操作*/
.win_batchAttendance_p .textLeft {
    text-align: left !important;
    padding-left: 8px;
}

.win_batchAttendance_p .footer {
    position: absolute;
    left: 0;
    bottom: -1px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
    width: 100%;
    height: 59px;
    border-top: 1px solid #efedf0;
    border-bottom: 1px solid #efedf0;
    border-radius: 0 0 4px 4px;
    background-color: #fcfdff;
    box-sizing: border-box;
}

.win_batchAttendance_p .footer-left > span {
    font-size: 12px;
}

.win_batchAttendance_p .footer-left > span:first-child {
    margin-right: 18px;
}

.win_batchAttendance_p .clockTips {
    margin-right: 0 !important;
}

.win_batchAttendance_p .divide {
    margin: 0 10px;
}

.win_batchAttendance_p .footer-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.win_batchAttendance_p #cancelBtn {
    width: 72px;
    height: 30px;
    font-size:14px;
    border-radius: 3px;
    border: 1px solid #dcdddf;
    color: #666;
    background-color: #fff;
    outline: none;
}

.win_batchAttendance_p #affirmBtn {
    margin-left: 20px;
    width: 72px;
    height: 30px;
    font-size:14px;
    border-radius: 3px;
    border: none;
    color: #fff;
    background-color: #ccc;
    outline: none;
}

.win_batchAttendance_p .blue {
    background-color: #1ba3e4 !important;
}

/*选择课程包*/
.win_selectCourses {
    width: 680px;
    height: 490px;
    border-radius: 4px;
    background-color: #fff;
}

.win_selectCourses .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 17px 17px 17px;
    height: 51px;
    border-bottom: 1px solid #e5e5e5;
}

.win_selectCourses .header > span {
    font-size: 16px;
}

.win_selectCourses .contens {
    padding: 0 17px;
    height: 346px;
    overflow: auto;
}

.win_selectCourses .contensBox {
    margin: 0 auto;
    margin-bottom: 17px;
    width: 646px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.win_selectCourses .contensBox:last-child {
    margin: 0 auto;
}

.win_selectCourses .contentsHeader {
    height: 37px;
    background-color: #f0f0f0;
}

.win_selectCourses .contentsHeader > span {
    float: left;
    display: inline-block;
    line-height: 37px;
    font-size: 12px;
}

.win_selectCourses .cname {
    width: 258px;
    padding-left: 10px;
    color: #20b3c8;
}

.win_selectCourses .ctime {
    margin-right: 17px;
    width: 90px;
    color: #999;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.win_selectCourses .cenddate {
    margin-right: 38px;
    width: 88px;
    color: #999;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.win_selectCourses .crecord {
    margin-right: 28px;
    width: 48px;
    color: #999;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.win_selectCourses .contentsHeader > img {
    float: right;
    margin: 16px 10px;
    cursor: pointer;
}

.win_selectCourses .rotate270 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.win_selectCourses .contentsUl > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 38px;
}

.win_selectCourses .radios {
    width: 258px;
}

.win_selectCourses .radios input {
    float: left;
    margin: 12px 20px 0 14px;
    cursor: pointer;
    border-radius: 50%;
}

.win_selectCourses .radios > span {
    font-size: 14px;
    line-height: 38px;
}

.win_selectCourses .footer {
    height: 80px;
    border-radius: 0 0 4px 4px;
}

.win_selectCourses .footerBtn {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 auto;
    width: 308px;
    height: 100%;
    font-size: 12px;
}

.win_selectCourses #cancelBtn {
    width: 130px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #a9a8a8;
    background-color: #fff;
    color: #666;
    outline: none;
}

.win_selectCourses #affirmBtn {
    width: 130px;
    height: 30px;
    border-radius: 3px;
    border: none;
    background-color: #1ba3e4;
    color: #fff;
    outline: none;
}

/*以下代码为批量打卡二次确认界面*/
.win_punchCardReconfirm {
    width: 540px;
    /*height: 322px;*/
    border-radius: 4px;
    background-color: #fff;
}

.win_punchCardReconfirm .header {
    padding: 0 40px;
    width: 100%;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_punchCardReconfirm .header > span {
    float: left;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
}

.win_punchCardReconfirm #hour {
    margin-right: 24px;
}

.win_punchCardReconfirm .header > img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_punchCardReconfirm .contents {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 202px;
    padding: 0 40px;
    font-size: 14px;
}

.win_punchCardReconfirm .contents li {
    margin-bottom: 34px;
    display: -webkit-box;
    display: flex;
}

.win_punchCardReconfirm .contents li:last-child {
    margin: 0;
}

.win_punchCardReconfirm .contents .tips {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    color: #999;
}

.win_punchCardReconfirm .contents li div {
    display: inline-block;
    width: 33.333%;
}

.win_punchCardReconfirm .contents p {
    margin: 0;
    margin-left: 16px;
    display: inline-block;
    color: #1ba3e4;

}

.win_punchCardReconfirm .span_gray {
    color: #999;
}

.win_punchCardReconfirm .footer {
    height: 60px;
    background-color: #fbfdff;
    border-top: 1px solid #d1dfe7;
    border-radius: 0 0 4px 4px;
    padding: 0 40px;
}

.win_punchCardReconfirm .footer_botton {
    float: right;
    margin: 15px 0;
    width: 164px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.win_punchCardReconfirm #cancelBtn {
    width: 72px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    outline: none;
}

.win_punchCardReconfirm #affirmBtn {
    width: 72px;
    height: 30px;
    background-color: #1ba3e4;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    outline: none;
}
/*等待动图*/
.loadingBox{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.win-loading{
    position:fixed;
    left:50%;
    top:50%;
    margin:-54px 0 0 -54px;
    /*width: 48px;*/
    padding:30px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #ccc;
}
.win-loadImg {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    margin: 0 auto 8px auto;
    border: 2px solid #1ba3e4;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
.win-loadText{
    display:inline-block;
    width:54px;
    color:#1ba3e4;
    white-space: nowrap;
    font-size: 12px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*等待动图*/
/*今日看版的批量打卡样式*/
.win_todayBatchStudent .textLeft {
    padding-left: 20px !important;
    text-align: left;
}

.win_todayBatchStudent .stcourse {
    line-height: 26px;
    width: 148px;
    background: url(../../../images/stdSanjiao.png) 130px center no-repeat rgb(255, 255, 255);
}

.win_todayBatchStudent .stcourseNum {
    right: 32px;
}

.win_todayBatchStudent .stdTable {
    height: 453px;
}

.win_todayBatchStudent .scrollBox {
    height: 394px;
}


/*学员单人打卡start*/
.win_stuCheckingOne {
    width: 770px;
    height: auto;
    border-radius: 4px;
    background-color: white;
}

.win_stuCheckingOne .header {
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_stuCheckingOne .header > span {
    float: left;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
}

.win_stuCheckingOne .header > img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_stuCheckingOne .contents {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 24px 40px;
}

.win_stuCheckingOne .contents-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding-left: 14px;
    margin-right: 40px;
    width: 220px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #d1dfe7;
    background-color: #f8f9fb;
}

.win_stuCheckingOne .studentMsg {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 64px;
}

.win_stuCheckingOne .studentMsg > img {
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
}

.win_stuCheckingOne .studentMsg > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 3px 0;
    height: 36px;
    font-size: 12px;
    color: #7e8b9c;
}

.win_stuCheckingOne .studentMsg > div > span:last-child {
    color: #aab7be;
}

.win_stuCheckingOne .titleTips {
    display: inline-block;
    font-size: 12px;
    color: #3e3e3e;
    line-height: 30px;
}

.win_stuCheckingOne .checking-history {
    -webkit-box-flex: 1;
            flex-grow: 1;
    height: 0;
    overflow: auto;
}

.win_stuCheckingOne .hlistUl {
    width: 182px;
    max-height: 100%;
    height: 100%;
}

.win_stuCheckingOne .hlistUl > li {
    margin-bottom: 6px;
    -webkit-box-flex: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: flex;
    font-size: 12px;
}

.win_stuCheckingOne .hlistUl > li > .li-right {
    -webkit-box-flex: 1;
            flex-grow: 1;
    height: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    color: #3e3e3e;
}

.win_stuCheckingOne .hlistUl > li > .li-right > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}

.win_stuCheckingOne .hlistUl > li > .li-right > div:last-child {
    color: #7e8b9c;
}

.win_stuCheckingOne .hlistUl > li > .li-right span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
}

.win_stuCheckingOne .hlistUl > li .li-left {
    padding-top: 3px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    margin-right: 10px;
    width: 7px;
}

.win_stuCheckingOne .hlistUl > .noList {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.win_stuCheckingOne .hlistUl > .noList > img {
    width: 110px;
    margin-bottom: 10px;
    margin-top: -50px;
}

.win_stuCheckingOne .dontList {
    color: #3e3e3e;
    font-size: 12px;
}

.win_stuCheckingOne .hlist_balls {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #ccc;
}

.win_stuCheckingOne .hlist_balls.greenBall {
    background-color: #1cd67c !important;
}

.win_stuCheckingOne .hlist_balls.redBall {
    background-color: #ff7979 !important;
}

.win_stuCheckingOne .hlist_balls.orangeBall {
    background-color: #ffab57 !important;
}

.win_stuCheckingOne .hlist_lines {
    margin-top: 7px;
    width: 1px;
    height: 28px;
    background-color: #ccc;
}

.win_stuCheckingOne .contents-right {
    -webkit-box-flex: 1;
            flex-grow: 1;
}

.win_stuCheckingOne .content-from {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%;
}

.win_stuCheckingOne .content-from > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 22px;
    font-size: 0;
}

.win_stuCheckingOne .content-from > li:last-child {
    margin: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    -webkit-box-align: baseline;
            align-items: baseline;
}

.win_stuCheckingOne .content-from > li > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_stuCheckingOne .content-from > li > div > span {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-right: 15px;
    width: 56px;
    white-space: nowrap;
    font-size: 14px;
    color: #3e3e3e;
}

.win_stuCheckingOne .content-from > li > span {
    display: inline-block;
    margin-right: 15px;
    width: 56px;
    white-space: nowrap;
    font-size: 14px;
    color: #3e3e3e;
}

.win_stuCheckingOne .ksUnit {
    margin: 0 !important;
}

.win_stuCheckingOne .content-from > li input {
    -webkit-box-flex: 1;
            flex-grow: 1;
    width: 310px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    font-size: 12px;
    padding: 0 10px;
    outline: 0;
    color: #3e3e3e;
}

.win_stuCheckingOne .content-from > li > input[readonly] {
    cursor: pointer;
}

.win_stuCheckingOne .content-from > li > textarea {
    width: 341px;
    height: 80px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    padding: 6px 10px;
    font-size: 12px;
    resize: none;
    outline: 0;
}

.win_stuCheckingOne #addPayPackageDaKA {
    background: url('../../../images/Stdbook.png') 338px center no-repeat;
}

.win_stuCheckingOne #lesdate {
    background: url('../../../images/small_time.png') no-repeat 327px center;
    background-size: 14px;
    font-size: 12px;
}

.win_stuCheckingOne #pclaname {
    background: url(../../../images/stdSanjiao.png) center right 10px no-repeat;
}

.win_stuCheckingOne #pteaname,
.win_stuCheckingOne #assistant {
    width: 124px;
    background: url(../../../images/stdSanjiao.png) center right 10px no-repeat;
    cursor: pointer;
}

.win_stuCheckingOne .teacher_Box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    font-size: 14px;
}

.win_stuCheckingOne .relativeBox .content-tips {
    position: absolute;
    right: 42px;
    top: 0;
    margin: 0;
    width: auto;
    line-height: 30px;
    font-size: 12px;
    color: #999;
}

.win_stuCheckingOne .redText {
    color: #ff7979 !important;
}

.win_stuCheckingOne .orangeText {
    color: #ffab57 !important;
}

.win_stuCheckingOne .optionsBox {
    -webkit-box-flex: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: flex;
}

.win_stuCheckingOne .options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-right: 32px;
    font-size: 14px;
    color: #3e3e3e;
    cursor: pointer;
}

.win_stuCheckingOne .options:before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #dcdfe6;
    background-color: #f7faff;
}

.win_stuCheckingOne .options.active {
    position: relative;
    color: #1ba3e4;
}

.win_stuCheckingOne .options.active:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -4px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #1ba3e4;
    border-radius: 50%;
}

.win_stuCheckingOne .layui-laydate-list.laydate-time-list {
    left: 273px !important;
}

.win_stuCheckingOne .layui-laydate-header {
    width: 548px !important;
}

.win_stuCheckingOne .relativeBox {
    position: relative;
}

.win_stuCheckingOne .relativeBox ul {
    display: none;
    z-index: 999;
    position: absolute;
    top: 31px;
    right: 0;
    width: 318px;
    max-height: 158px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background-color: white;
    overflow: auto;
}


.win_stuCheckingOne .relativeBox ul.pteanameUl,
.win_stuCheckingOne .relativeBox ul.assistantUl {
    padding: 6px 0;
    width: 124px;
}

.win_stuCheckingOne .relativeBox ul.pteanameUl > li,
.win_stuCheckingOne .relativeBox ul.assistantUl > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 30px;
    cursor: pointer;
    padding-left: 10px;
    font-size: 12px;
}

.win_stuCheckingOne .relativeBox ul.pteanameUl > li:hover,
.win_stuCheckingOne .relativeBox ul.assistantUl > li:hover {
    background-color: #e5e5e5;
}

.win_stuCheckingOne .relativeBox ul.pteanameUl > li.active,
.win_stuCheckingOne .relativeBox ul.assistantUl > li.active {
    background-color: #1ba3e4 !important;
    color: white;
}

.win_stuCheckingOne .relativeBox ul.pclanameUl {
    max-height: 124px;
}

.win_stuCheckingOne .pclanameUl > li {
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}

.win_stuCheckingOne .pclanameUl > li:hover {
    background-color: #f5f5f5;
    color: #1ba3e4;
}

.win_stuCheckingOne .ksnumBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-right: auto;
    height: 30px;
    border: 1px solid #dedfe6;
    border-radius: 3px;
}

.win_stuCheckingOne .ksnumBox > button {
    width: 30px;
    height: 28px;
    border-radius: 3px;
    border: none;
    background-color: transparent;
    color: #1ba3e4;
    outline: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}

.win_stuCheckingOne #ksAdd {
    padding-top: 4px;
}

.win_stuCheckingOne .ksnumBox > input#ksnum {
    padding: 0;
    width: 30px;
    height: 28px;
    border: none;
    text-align: center;
}

.win_stuCheckingOne .ksUnit {
    display: inline-block;
    width: 48px;
    border-left: 1px solid #dedfe6;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.win_stuCheckingOne .footer {
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-top: 1px solid #d1dfe7;
    border-radius: 0 0 4px 4px;
    text-align: right;
    line-height: 60px;
}

.win_stuCheckingOne #cancelBtn {
    margin-right: 15px;
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dcdfe6;
    font-size: 14px;
    border-radius: 3px;
    color: #666;
    background-color: white;
    cursor: pointer;
    outline: 0;
}

.win_stuCheckingOne #affirmBtn {
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    border-radius: 3px;
    color: white;
    background-color: #1ba3e4;
    cursor: pointer;
    outline: 0;
}

/*学员单人打卡end*/

/*学员单人打卡二次确认start*/
.win_stuCheckingAgain {
    width: 440px;
    height: 346px;
    border-radius: 2px;
    background-color: white;
}


.win_stuCheckingAgain .contents {
    padding: 20px 0 0 90px;
}

.win_stuCheckingAgain .content_tips {
    display: inline-block;
    width: 100%;
    line-height: 46px;
    font-size: 14px;
    color: #3e3e3e;
}
.win_stuCheckingAgain .content_msgUl > li:not(:first-of-type){
    line-height:41px;
}
.win_stuCheckingAgain .content_msgUl > li:first-child{
    margin-bottom: 16px;
}
.win_stuCheckingAgain .content_msgUl > li:last-child{
    margin-bottom: 20px;
}
.win_stuCheckingAgain .content_msgUl > li > span {
    font-size: 14px;
    font-weight:400;
    color: #333;
}

.win_stuCheckingAgain .buleText {
    color: #1ba3e4 !important;
}
.win_stuCheckingAgain .grayText {
    color: #999 !important;
}
.win_stuCheckingAgain .greenText {
    color: #009E67 !important;
}
.win_stuCheckingAgain #kelist {
    position: absolute;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 4px;
    max-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
    color: #333;
    display: none;
}
/*.win_stuCheckingAgain .footer {*/
    /*display: -webkit-box;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
            /*justify-content: center;*/
    /*-webkit-box-align: center;*/
            /*align-items: center;*/
    /*height: 56px;*/
/*}*/

/*.win_stuCheckingAgain .payBtn {*/
    /*display: -webkit-box;*/
    /*display: flex;*/
    /*-webkit-box-pack: justify;*/
            /*justify-content: space-between;*/
    /*width: 274px;*/
/*}*/

/*.win_stuCheckingAgain #cancelBtn {*/
    /*width: 120px;*/
    /*height: 30px;*/
    /*border-radius: 4px;*/
    /*border: 1px solid #bbbaba;*/
    /*background-color: transparent;*/
    /*font-size: 14px;*/
    /*color: #666;*/
    /*outline: 0;*/
/*}*/

/*.win_stuCheckingAgain #affirmBtn {*/
    /*width: 120px;*/
    /*height: 30px;*/
    /*border-radius: 4px;*/
    /*border: none;*/
    /*background-color: #1ba3e4;*/
    /*font-size: 14px;*/
    /*color: white;*/
    /*outline: 0;*/
/*}*/

/*学员单人打卡二次确认end*/

/*班级批量打卡start*/
.win_stuCheckingclass {
    width: 1052px;
    height: auto;
    max-height: 618px;
    border-radius: 4px;
    background-color: white;
    font-size: 0;
    overflow: hidden;
}

.win_stuCheckingclass .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_stuCheckingclass .header > span {
    float: left;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
}

.win_stuCheckingclass .header img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_stuCheckingclass .header > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_stuCheckingclass .header .cutTableBtn {
    padding-left: 30px;
    margin-right: 20px;
    width: 140px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAA+0lEQVQ4EaVTwQ3CMAzMCIxwI7ABjNAR2ABGYAQ2gA1AMahffnb5wAiMwAaA06a4bYqIqBQlvjiX013qnPmwv05AsjdQ3rIhuIJ4l3fSdMPLASTPrOFlayicw+kyhZcH+hudrk+BkgHiO4jnH9RFIj53wC9FTVIVbQuI16omAnoD/GU2GCVDe2ol8lQv4xkXvLAkns9IDeJ1IDnKSvcNQVWotBb4YRGCOMqqbQXJJjfavnJnDVKysZjjrcEvqzxpUOwemeuHaVPpGzRyMMJBpedFrMPcPjKS5SDOVMRetmkiqopknMmI5dZ4tumoySlASvLHT6qXoe/HG3wB4MX2zK2QlvQAAAAASUVORK5CYII=') 10px center no-repeat white;
    background-size: 17px;
    font-size: 14px;
    color: #1ba3e4;
    outline: 0;
}

.win_stuCheckingclass .header .tips {
    font-size: 16px;
}

.win_stuCheckingclass .contents {
    padding: 0 40px;
}

.win_stuCheckingclass .content_header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 20px 0 12px 0;
    width: 100%;
    height: 102px;
}

.win_stuCheckingclass .content_header > ul {
    height: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
}

.win_stuCheckingclass .content_header > ul > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_stuCheckingclass .content_header > ul > li > span {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}

.win_stuCheckingclass .content_header > ul > li > div {
    display: -webkit-box;
    display: flex;
}

.win_stuCheckingclass .content_header > ul > li input {
    padding-left: 10px;
    height: 30px;
    width: 136px;
    border: 1px solid #dedfe6;
    border-radius: 3px;
    font-size: 12px;
    outline: 0;
    color: #666;
}

.win_stuCheckingclass .content_header > ul > li input[readonly] {
    cursor: pointer;
}

.win_stuCheckingclass #teacher,
.win_stuCheckingclass #assistant,
.win_stuCheckingclass #subjects {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAfElEQVQYGX2LIRICMRAE04fkOYkFvgEGNwbFRzBUUYhVKPgDAnE6eQQPyVIruDpBsW66e5OkQ/pz4QfgIun2qwsefui9r4G9pPM8jB08/KK19i6lvFJK15zzstb6lHQCjsDGzEa+35K2wN3dR2Dl7jsze4SfohizcAqCfwAnQDTJ24/jcAAAAABJRU5ErkJggg==') 114px center no-repeat #fff;
}

.win_stuCheckingclass .relativeBox{
    position: relative;
}

.win_stuCheckingclass .relativeBox > ul {
    display: none;
    z-index: 999;
    position: absolute;
    top: 31px;
    right: 0;
    width: 136px;
    max-height: 150px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background-color: white;
    overflow: auto;
}

.win_stuCheckingclass .relativeBox > ul > li {
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #3e3e3e;
    cursor: pointer;
}

.win_stuCheckingclass .relativeBox > ul > li:hover {
    background-color: #f1f1f1;
}

.win_stuCheckingclass .relativeBox > ul > li.active {
    background-color: #1ba3e4 !important;
    color: white !important;
}

.win_stuCheckingclass .optionBox {
    width: 242px;
}

.win_stuCheckingclass .optionBox .options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-right: 16px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    font-weight:400;
}

.win_stuCheckingclass .optionBox .options:before {
    content: '';
    display: inline-block;
    margin-right: 9px;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    vertical-align: sub;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.win_stuCheckingclass .optionBox .options.active:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4EZWTsQrCMBBAD1xdBUky+Bn+p6NDMcnUxcGx+BUdHByE3hXBxaGTOFSuNCVNUxqH0svdvZdLaAEAYJO/1srgQRoqpaF24SnFqT5KS4rZDpYabwvQRCoMvbfZcwf9zpOGFKEyeIbEsaMb8BQsiBbn8t25AQZuCOYAPx/CXEsWxOCRYK6ha+qL/jQuHk0Qk0DerjgvNH4c5L9HAi74EhcLjV8f8uOJwJewQFp6+EAYRwVOIgxdQyBcgzB0D5PJa40NSFtnyUD40dmq4DMq/iT/lvDFWtp3F81/ldR4kRqbRRH32Kpw8A8N61MXTVpZtQAAAABJRU5ErkJggg==') center no-repeat;
    background-size: 100%;
    border: none;
    width: 16px;
    height: 16px;
}

.win_stuCheckingclass .bacth-expendcntBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 30px;
    width: 136px;
    border: 1px solid #dedfe6;
    border-radius: 3px;
    background-color: white;
    font-size: 12px;
}

.win_stuCheckingclass .bacth-expendcntBox > button {
    width: 34px;
    height: 28px;
    border: none;
    border-radius: 3px;
    background-color: transparent;
    font-size: 12px;
    color: #999;
    outline: 0;
}

.win_stuCheckingclass .bacth-expendcntBox > input {
    -webkit-box-flex: 1;
            flex-grow: 1;
    height: 28px !important;
    width: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: center;
    outline: 0;
    color: #1ba3e4 !important;
}

.win_stuCheckingclass #date {
    margin-right: 12px;
    width: 128px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAACZElEQVQ4EW2STWgTQRTHFxEPIghSQWhPBbWH4skWQbCCZ0HwIPhxKFTwoLaKUpQiQQl68OKt4FECkjbJ7kwyOzM7s293k20+SKulWs3FUyE0pIgnD2JH3sYELR2Y3Xn//f/ezHs7lvV31Nc23r4ngvTj/d5MQpZUqu8G32weTGdyajRTcFdVtLJdW18fWSrpGSrCG/3p8OA2AxjJuf43wvVmUalR5CybgyESFnlQvlVf27jT/PjlYZYK4wgYzIKrDYN4HqrNGV2Op6n03yBn2SL4XWDqV6XauFZdXb9sc+ja3B+AmCSBdeV788PmlSiuXc0z76ctYNdyRPCDyMDkmDZLRWkSEOE9CVDH7+hDP3KWI2CXiHCZSv8S8eCc4/qniYymHBmdLyl1CjXqwUUqYIzyaDLxiXAZOYQxy2PsoOd5RykVY/1uFotivL+mMjxJAYYwJh48Qi6BqRcuoJhn/tcC8w2Joik3ju/n8Yg8She4nrSxdqZ2ElgGTxOYCDB5pp6hKGCFEO53ZL1+thRWrjuu3i56wT0B8TgV0OFQLqPPEbCQwNjJHFNpFFut1pDWetgYc6jZbB7WlA4DwBFjzEHU2+32cfRl8iydwNhFoqJk55IqM8L9rmo0Jtwovmm7qlv0ojkV1c4QEexwv1z7b2fMgMdAMe/6n7HOUhhe4JXKXfwtjghf5Nxgolez7qCP9GtOYBnOooiD0l5HcZ0twYmeallZzo+lUqkDGDsynE2OjQ8i4BOV8NoRwRPCYY648JJy/7kjAU0pIuEVEcEDwmEefejvw1vJ7v/cZYz3XtF9PFt/AHH5GvnkfEz2AAAAAElFTkSuQmCC') 100px center no-repeat white;
}

.win_stuCheckingclass #time {
    width: 102px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABG0lEQVQ4EZWTTU7DMBCFLRZcAdQlXKqwZgWXyHmyIWNR2rFCx4uwotcoCzgBK+BzapoGN1IjRZN58549f3Fu8FRVdeZDvPFqXtQ+RO0biw9OfEDffz617ZVX24jGV4iLhV0SxeInXG0Db69yzgGIxm0T7OEgMHKIw/s7gFRE7a0JdjfiOtIeY/DgpxKa1fpW1LoxCb8k3uEdOghLajpRPEfnZGWf0rYXJ4lDmIna+9HUctq7cTGy9ILXdX0uGr8mby5lkw4d3LwUtfkxYgmHn2qe6nZJmG5W67s9NeeS+GDOEB6fX67ZHK/r+5IgY8Thwc9YsgD9bluXagphlrraN4caO+L/hPkUSmBh+r8qbhkH88SnN2klM/nX/gCnigTdHGoBhwAAAABJRU5ErkJggg==) 77px center no-repeat white;
}

.win_stuCheckingclass #back {
    width: 348px;
}

.win_stuCheckingclass .hideBox {
    display: none !important;
}

/*列表视图start*/
.win_stuCheckingclass .content_tableBox_list {
    margin: 0 40px;
    height: 364px;
    max-height: 364px;
    overflow: auto;
    border: 1px solid #dedfe6;
}

.win_stuCheckingclass .content_tableBox_list > table {
    margin-bottom: -1px;
}

.win_stuCheckingclass .content_tableBox_list > table > thead > tr > td {
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    color: #888;
    background-color: #ebeef5;
}

.win_stuCheckingclass .content_tableBox_list > table > tbody > tr > td {
    line-height: 44px;
    text-align: center;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    background-color: white;
    border-bottom: 1px solid #dedfe6;
}

.win_stuCheckingclass .content_tableBox_list > table > tbody > tr > td > img {
    vertical-align: middle;
}

.win_stuCheckingclass .content_tableBox_list .stpicture{
    width: 30px;
    height: 30px;
    border-radius: 3px;
    vertical-align: middle;
}

.win_stuCheckingclass .content_tableBox_list .studentBack {
    cursor: pointer;
}

.win_stuCheckingclass .content_list_expendcnt {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin: 0 auto;
    width: 82px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
}

.win_stuCheckingclass .content_list_expendcnt > button {
    height: 22px;
    width: 27px;
    border-radius: 3px;
    border: none;
    background: white;
    font-size: 12px;
    color: #888;
    outline: 0;
}

.win_stuCheckingclass .content_list_expendcnt > input {
    height: 22px;
    width: 26px;
    text-align: center;
    font-size: 12px;
    color: #888;
    outline: none;
    border:none;
}

.win_stuCheckingclass .content_tableBox_list .typeBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    width: 190px;
}

.win_stuCheckingclass .content_tableBox_list .typeBox > .options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.win_stuCheckingclass .content_tableBox_list .typeBox > .options:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background: white;
}

.win_stuCheckingclass .content_tableBox_list .typeBox > .options.active:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4EZWTsQrCMBBAD1xdBUky+Bn+p6NDMcnUxcGx+BUdHByE3hXBxaGTOFSuNCVNUxqH0svdvZdLaAEAYJO/1srgQRoqpaF24SnFqT5KS4rZDpYabwvQRCoMvbfZcwf9zpOGFKEyeIbEsaMb8BQsiBbn8t25AQZuCOYAPx/CXEsWxOCRYK6ha+qL/jQuHk0Qk0DerjgvNH4c5L9HAi74EhcLjV8f8uOJwJewQFp6+EAYRwVOIgxdQyBcgzB0D5PJa40NSFtnyUD40dmq4DMq/iT/lvDFWtp3F81/ldR4kRqbRRH32Kpw8A8N61MXTVpZtQAAAABJRU5ErkJggg==') center no-repeat;
    background-size: 100%;
    border: none;
    width: 18px;
    height: 18px;
}

.win_stuCheckingclass .content_tableBox_list .studentBack,
.win_stuCheckingclass .content_tableBox_list .delStudent {
    cursor: pointer;
}

.win_stuCheckingclass .footer_list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: -1px 40px 19px 40px;
    padding: 0 30px;
    height: 56px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #dedfe6;
    background-color: #fcfdff;
}

.win_stuCheckingclass .footer_tips {
    font-size: 12px;
    color: #888;
}

.win_stuCheckingclass .footer_tips > span {
    margin-right: 27px;
}

.win_stuCheckingclass num {
    color: #1ba3e4 !important;
}

.win_stuCheckingclass .cancelBtn {
    margin-right: 10px;
    width: 72px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ebeef5;
    background-color: white;
    color: #666;
    font-size: 14px;
    outline: 0;
}

.win_stuCheckingclass .affirmBtn {
    width: 72px;
    height: 30px;
    border-radius: 3px;
    border: none;
    color: white;
    background-color: #1ba3e4;
    font-size: 14px;
    outline: 0;
}
/*列表视图end*/

/*面板视图start*/
.win_stuCheckingclass .content_tableBox_panel {
    margin-left: 40px;
    height: 379px;
    max-height: 379px;
    overflow: auto;
}

.win_stuCheckingclass .content_panel_Ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    width: 972px;
}

.win_stuCheckingclass .content_panel_Ul > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 180px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    margin: 0 18px 15px 0;
}

.win_stuCheckingclass .content_panel_Ul > li:nth-child(5n + 5) {
    margin-right: 0;
}

.win_stuCheckingclass .content_panel_li_ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 6px 10px;
    height: 110px;
    background: #f7f7f7;
    border-radius: 4px 4px 0 0;
}

.win_stuCheckingclass .content_panel_stuMsg {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    position: relative;
}

.win_stuCheckingclass .content_panel_stuMsg > .delStudent {
    position: absolute;
    right: -12px;
    top: 3px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border: none;
    -webkit-transition: -webkit-transform ease 1s;
    transition: -webkit-transform ease 1s;
    transition: transform ease 1s;
    transition: transform ease 1s, -webkit-transform ease 1s;
}

.win_stuCheckingclass .content_panel_stuMsg > .delStudent:hover {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.win_stuCheckingclass .content_panel_stuMsg > img {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #dedfe6;
}

.win_stuCheckingclass .content_panel_stuMsg > div {
    -webkit-box-flex: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 2px 0;
    height: 32px;
    font-size: 12px;
    color: #666;
}

.win_stuCheckingclass .content_panel_stuMsg > div > span:last-child {
    color: #999;
}

.win_stuCheckingclass .content_panel_expendcnt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: 24px;
}

.win_stuCheckingclass .content_panel_expendcnt > button {
    width: 28px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background-color: white;
    font-size: 12px;
    color: #999;
    outline: 0;
}

.win_stuCheckingclass .content_panel_expendcnt > input {
    width: 92px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    font-size: 12px;
    text-align: center;
    color: #1ba3e4;
    outline: 0;
}

.win_stuCheckingclass .content_panel_back {
    display: -webkit-box;
    display: flex;
}

.win_stuCheckingclass .content_panel_back > .backBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background: white;
    cursor: pointer;
}

.win_stuCheckingclass .content_panel_back > .backBox > input {
    padding: 0 6px;
    width: 134px;
    height: 22px;
    border-radius: 3px;
    border: none;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: 0;
    cursor: pointer;
}

.win_stuCheckingclass .content_panel_back > .backBox > .backEdit {
    width: 24px;
    height: 17px;
    border-left: 1px solid #dedfe6;
    border-radius: 0 3px 3px 0;
    background: url('data:image/png;base64,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') center no-repeat;
    background-size: 12px;
}

.win_stuCheckingclass .content_panel_Ul .typeBox {
    height: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 0 0 4px 4px;
}

.win_stuCheckingclass .content_panel_Ul .typeBox > .options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    color: #888;
    cursor: pointer;
}

.win_stuCheckingclass .content_panel_Ul .typeBox > .options:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    margin-right: 4px;
}

.win_stuCheckingclass .content_panel_Ul .typeBox > .options.active:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4EZWTsQrCMBBAD1xdBUky+Bn+p6NDMcnUxcGx+BUdHByE3hXBxaGTOFSuNCVNUxqH0svdvZdLaAEAYJO/1srgQRoqpaF24SnFqT5KS4rZDpYabwvQRCoMvbfZcwf9zpOGFKEyeIbEsaMb8BQsiBbn8t25AQZuCOYAPx/CXEsWxOCRYK6ha+qL/jQuHk0Qk0DerjgvNH4c5L9HAi74EhcLjV8f8uOJwJewQFp6+EAYRwVOIgxdQyBcgzB0D5PJa40NSFtnyUD40dmq4DMq/iT/lvDFWtp3F81/ldR4kRqbRRH32Kpw8A8N61MXTVpZtQAAAABJRU5ErkJggg==') center no-repeat;
    border: none;
    width: 18px;
    height: 18px;
}

.win_stuCheckingclass .footer_panel {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 40px;
    height: 60px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #dedfe6;
    background-color: #fcfdff;
}
/*面板视图end*/

.win_stuCheckingclass .loseBtn {
    background-color: #ccc !important;
    color: white !important;
}
/*班级批量打卡end*/

/*学员备注start*/
.win_StudentBack {
    width: 482px;
    height: auto;
    max-height: 600px;
    border-radius: 4px;
    background-color: white;
    font-size: 0;
    overflow: hidden;
}

.win_StudentBack .header {
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_StudentBack .header > span {
    float: left;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
}

.win_StudentBack .header > img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_StudentBack .contents {
    padding: 24px 40px;
}

.win_StudentBack #back {
    width: 100%;
    height: 113px;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    background-color: white;
    padding: 8px 10px;
    font-size: 12px;
    color: #888;
    resize: none;
    outline: 0;
}

.win_StudentBack .footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-top: 1px solid #d1dfe7;
    border-radius: 0 0 4px 4px;
    line-height: 60px;
}

.win_StudentBack #cancelBtn {
    margin: auto 15px auto auto;
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dcdfe6;
    font-size: 14px;
    border-radius: 3px;
    color: #666;
    background-color: white;
    cursor: pointer;
    outline: 0;
}

.win_StudentBack #affirmBtn {
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    border-radius: 3px;
    color: white;
    background-color: #1ba3e4;
    cursor: pointer;
    outline: 0;
}
/*学员备注end*/

/*班级批量打卡二次确认start*/
.win_stuCheckingClassAgain {
    width: 540px;
    height: auto;
    max-height: 600px;
    border-radius: 4px;
    background-color: white;
    font-size: 0;
    overflow: hidden;
}

.win_stuCheckingClassAgain .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_stuCheckingClassAgain .header > span {
    float: left;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
}

.win_stuCheckingClassAgain .header > img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_stuCheckingClassAgain .contents {
    padding: 32px 0 32px 40px;
}

.win_stuCheckingClassAgain .contentUl > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 34px;
}

.win_stuCheckingClassAgain .contentUl > li:last-child {
    margin: 0;
}

.win_stuCheckingClassAgain .contentUl > li > div {
    width: 33.333%;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

.win_stuCheckingClassAgain .contentUl > li > div > span:first-child {
    margin-right: 6px;
}

.win_stuCheckingClassAgain .blueText {
    color: #1ba3e4 !important;
}

.win_stuCheckingClassAgain .footer {
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-top: 1px solid #d1dfe7;
    border-radius: 0 0 4px 4px;
    text-align: right;
    line-height: 60px;
}

.win_stuCheckingClassAgain .payBtn {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_stuCheckingClassAgain #cancelBtn {
    margin: auto 15px auto auto;
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dcdfe6;
    font-size: 14px;
    border-radius: 3px;
    color: #666;
    background-color: white;
    cursor: pointer;
    outline: 0;
}

.win_stuCheckingClassAgain #affirmBtn {
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    border-radius: 3px;
    color: white;
    background-color: #1ba3e4;
    cursor: pointer;
    outline: 0;
}
/*班级批量打卡二次确认end*/

/*旧版班级打卡,继承新版的班级打卡state*/
.win_stuCheckingclass .content_panel_course {
    width: 100%;
}

.win_stuCheckingclass .content_tableBox_panel .content_courseBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 26px 0 10px;
    width: 100%;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAARUlEQVQYGWOYOXNm/8yZM/+j41mzZq1mAAF0BTNmzDg8depUHrBkQ0MDC0glSPeMGTOuT506VQIsASOgCqbPnDlTAyYGANPHMu3xpKhaAAAAAElFTkSuQmCC) 140px center no-repeat white;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.win_stuCheckingclass .content_tableBox_list .content_courseBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 10px;
    width: 130px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAARUlEQVQYGWOYOXNm/8yZM/+j41mzZq1mAAF0BTNmzDg8depUHrBkQ0MDC0glSPeMGTOuT506VQIsASOgCqbPnDlTAyYGANPHMu3xpKhaAAAAAElFTkSuQmCC) 114px center no-repeat white;
    border-radius: 3px;
    border: 1px solid #dedfe6;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.win_stuCheckingclass .content_tableBox_list .textLeft {
    text-align: left !important;
}

.win_stuCheckingclass .flexCenter {
    -webkit-box-pack: center !important;
            justify-content: center !important;
}

.win_stuCheckingclass .redText {
    color: #ff7979 !important;
}
/*旧版班级打卡,继承新版的班级打卡end*/

/* 切换打卡模式start*/
.win_switchCheckingModel {
    width: 550px;
    height: auto;
    max-height: 364px;
    border-radius: 4px;
    background-color: white;
    overflow: hidden;
}

.win_switchCheckingModel .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
}

.win_switchCheckingModel .header > span {
    float: left;
    display: inline-block;
    line-height: 60px;
    font-size: 18px;
}

.win_switchCheckingModel .header > img {
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.win_switchCheckingModel .contents {
    height: 244px;
    padding: 30px 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.win_switchCheckingModel .checkboxsBox {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 20px 0;
    height: 50%;
    width: 100%;
    position: relative;
}

.win_switchCheckingModel .checkboxsBox > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_switchCheckingModel .checkboxsBox > div > span{
    font-size: 16px;
    color: #3e3e3e;
}

.win_switchCheckingModel .checkboxsBox > div > p {
    display: inline-block;
    width: 30px;
    height: 18px;
    background-color: #ff0505;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    color: white;
    text-indent: 0;
    text-align: center;
    margin: 0;
    margin-left: 10px;
}

.win_switchCheckingModel .checkboxs {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding-top: 6px;
    text-indent: 48px;
    height: 50%;
    width: 100%;
    position: relative;
}

.win_switchCheckingModel .checkboxs {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background-color: #F7FAFF;
    border: 1px solid #DCDFE6;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.win_switchCheckingModel .checkboxs.active {
    /*border: none;*/
    border: 1px solid transparent;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACH0lEQVRIDa2WzUrDQBDH9z08eBMvBUEPIog3Qa9efAlvvoPgRZ/BQqGiaKEoouCl9KaWgqAUROxHQiutLbX2i478UyYkm+w2SbMQkt3Mzm9ndnZmBQVopZ8RnRbbtP9Qp52bOq1fGdaznTWtseNChwrfgwCaiIRO6rH6R1C6kKwEejauTbr8+NWp9AfWe2Pau2sEgvgtBl6AV/yax8KnxoBWLozIMF7AUqpC8JDcXEDAIMiT5n0vJst0X3ZDbSDcGIdl8iJhwFtraBtqA+fZMxki97cyBo0mU6YFhK9lobj7Z+9di2gBw4R+1IVgu/rjCQmEb1QlqnlHL21KnNc8euFJgQyimhhlHLDX5pDWLr1H6zDfIoF0FUWx3xwdDPIIHoGs4Dc57NgsGPQl0lUSSMRhlcvyQWA8R6xq0hj24aTY0S4oDAxQoTsSiLTnxkAJDQtbTtdIzMowKmhYGKxD+RIonuxf1VuGRoFB90GuSQKVWgVyjjM0Z/SV58wp7/ed/exNCzBM9ROQxzYzJnVHE9qNcJSwf5hr5VJcC2Tlqj6gqn+6cWQ0NLs86aJVpyjIPxw9JG4XEEk8zmrPC0HVz5t9C+YCooPrAARYOI53qjStg0y0XcoDt1+9WCzFwmWYx0KG4g4SNHL9vIA9c7qR9SqB+IE7CK4FYS5WCH1EIweIE8TfHpfyD35jMio1iiesRolhqwDAGDIIDjXO2az2DxikDYULBELWAAAAAElFTkSuQmCC') center no-repeat;
    background-size: 24px 24px;
}

.win_switchCheckingModel .checkboxsBox > span:last-child {
    font-size: 14px;
    color: #888;
    margin-top: 0;
    text-indent: 36px;
}

.win_switchCheckingModel .footer {
    padding: 0 40px;
    height: 60px;
    background-color: #fbfdff;
    border-top: 1px solid #d1dfe7;
    border-radius: 0 0 4px 4px;
    text-align: right;
    line-height: 60px;
}

.win_switchCheckingModel .payBtn {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.win_switchCheckingModel #cancelBtn {
    margin: auto 15px auto auto;
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dcdfe6;
    font-size: 14px;
    border-radius: 3px;
    color: #666;
    background-color: white;
    cursor: pointer;
    outline: 0;
}

.win_switchCheckingModel #affirmBtn {
    width: 72px;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    border-radius: 3px;
    color: white;
    background-color: #1ba3e4;
    cursor: pointer;
    outline: 0;
}

/* 切换打卡模式end*/