/* html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: scroll;
}

a:hover {
    color: dimgray;
}



.contentDiv {
    width: 25rem;
    float: left;
    margin: 2rem;
}

#videoDiv {
    display: block;
}

#testDiv {
    display: none;
}

#certificateDiv {
    display: none;
}

.appDiv {
    margin: 0 auto;
    min-width: 320px;
    max-width: 660px;
    height: 100%;
    position: relative;
    background-color: #DFF1FB;
}

.testContainer {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #B0E1F7;
}

.questionDiv {
    margin: 20px;
}

.result {
    margin: 20px;
}

.selectItem {
    border: 1px solid #c0f2ff;
    border-radius: 10px;
    margin: 10px 0;
    padding: 0 10px;
    background: transparent;
    height: 30px;
    line-height: 30px;
}

.right {
    background-color: green;
}

.wrong {
    background-color: red;
}

.submitDiv {
    width: 100%;
    height: 3rem;
    text-align: center;
}

#fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}

#tipBox {
    width: 300px;
    height: 200px;
    background-color: #ffd5e3;
    text-align: center;
    position: absolute;
    z-index: 99;
    margin: 0 auto;
    display: none;
    left: 50%;
    top: 80px;
    margin-left: -150px;
} */

.CertDiv {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg.png) 0 0 no-repeat;
    width: 100%;
    height: 932px;
    z-index: 999;
    display: none;
}

.cerTemplate {
    /* width: 100%; */
    padding: 110px;
}

.canvasDiv {
    width: 100%;
    height: 932px;
    background-color: orangered;
    margin-left: -330px;
}

#qrcode {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 999;
	display: none;
}

.title {
    font-size: 22pt;
    color: #006DB6;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.content {
    line-height: 30px;
    font-family: "幼圆", Georgia, serif;
    font-weight: bold;
}

.tail {
    font-size: 10pt;
    text-align: end;
    font-family: "Times New Roman", Times, serif;
    line-height: 10px;
}

.inputName {
    font-size: 14pt;
    /* text-decoration: underline; */
    text-decoration: none;
    border-bottom: 1px solid;
}

.videoArea {
    border-style: dashed;
    margin: 20px;
}

.testArea {
    border-style: dashed;
    margin: 20px;
}

.postImg {
    width: 320px;
    height: 180px;
}

#qrcode {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}
#fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}
.img_ntx img{
    width: 34px;
}