@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
body,html{ height:100%;}
html{color:#000;background:#FFF;box-sizing: border-box;}
body{ font-family:"Microsoft YaHei" !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td {box-sizing: border-box;margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; } caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; }
a{ cursor:pointer;text-decoration:none;}
a:hover{ text-decoration:none !important;}
/*main css*/
.top{min-height: 8rem;}
.top img{width: 100%;display: block;}
p{margin: 0.6rem 0 .3rem 0;color:#030303;font-size: 0.8rem;font-weight: bold;border-left: 4px solid #FFCE00;padding-left: .4rem;}
.pre{color: #666;font-size: .6rem;line-height: .9rem;padding:0 .45rem;width: 100%;}
.qrcode{text-align: center;padding: .5rem;padding-bottom: 0;}
.qrcode>img{width: 6rem;}
.qrcode>div{font-size: .7rem;color:#FF4D4D;}
.qrCodeText>div>span{padding:.2rem 1rem .2rem 0;}
.people{padding:0 .45rem;}
.people>img{width: 1.8rem;height: 1.8rem;border-radius: .2rem;}
.qrText{display: inline-block;position: relative!important;}
.refresh{width: 1rem;height: 1rem;position: absolute;top: 0;right: 0;
    background-image: url("/images/hr/school.png");background-repeat: no-repeat;background-position: center;background-size: 1rem;
}
.c-transition{
    transition:3s;
    -moz-transition:3s; /* Firefox 4 */
    -webkit-transition:3s; /* Safari and Chrome */
    -o-transition:3s; /* Opera */
}
.hide{display: none;}
.int{
    color: #ccc;
    background: #fff;
    font-size: .5rem;
    line-height: 2rem;
    text-align: center;
    display: block;
    text-decoration: none;
}