.FaceModal {
    background: rgb(0, 0, 0, .3);
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 99999;
}

.FaceBox {
    margin: 0 auto;
    margin-top: 60px;
    background: #fff;
    position: relative;
    border-radius: 4px;
}

.FaceBox .videoFace {
    margin: 0 auto;
    display: block;
    background: #fff;
    padding: 0 20px;
    box-sizing: border-box;
}

.FaceBox .canvasFace {
    position: absolute;
    top: 0;
    display: none;
}

.FaceFotter {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
}

.close {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4PX;
    cursor: pointer;
    outline: none;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    background-color: #ff4d4f;
    border-color: #ff4d4f;
    color: #fff;
}

.FButton {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4PX;
    cursor: pointer;
    outline: none;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.bgPrimary {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.bgPrimary:focus,
.bgPrimary:active,
.bgPrimary:hover {
    color: #fff;
    background-color: #40a9ff;
    border-color: #40a9ff;
}

.bgDanger {
    color: #fff;
    background-color: #ff4d4f;
    border-color: #ff4d4f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.bgDanger:focus,
.bgDanger:active,
.bgDanger:hover {
    color: #fff;
    background-color: #d9363e;
    border-color: #d9363e;
}

.bgAqu {
    color: #fff;
    background-color: #37dfa7;
    border-color: #37dfa7;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.bgAqu:focus,
.bgAqu:active,
.bgAqu:hover {
    color: #fff;
    background-color: #16e9a3;
    border-color: #16e9a3;
}

.suspend {
    color: #fff;
    background-color: #f75659;
    border-color: #f75659;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.suspend:focus,
.suspend:active,
.suspend:hover {
    color: #fff;
    background-color: #c94547;
    border-color: #c94547;
}