.fl{float:left}.fr{float:right}.clearfix:after{content:"";display:table;clear:both}.certificatebox{position:relative}.bgimg,.certificatebox{width:1920px;height:1080px}.bgimg{position:absolute;z-index:1;top:0;left:0}.certificatebox .cntbox{width:100%;height:100%;position:absolute;left:0;z-index:2;padding-top:8%;-webkit-box-sizing:border-box;box-sizing:border-box}.certificatebox .titlebox{width:40%;text-align:center;margin:0 auto}.certificatebox .titlebox .toptitle{width:100%;height:110px}.certificatebox .titlebox .toptitle .titleimg{width:80px}.certificatebox .titlebox .toptitle .chtext{font-size:60px;font-weight:700;line-height:0;margin-top:40px;margin-left:5px}.certificatebox .titlebox .bottomimg{width:100%}.certificatebox .titlebox .entext{font-size:32px;color:#c09a15;margin-top:10px;letter-spacing:2px}.certificatebox .cnt{width:50%;height:400px;margin:6% auto}.certificatebox .cnt .name{text-align:center;font-size:50px}.certificatebox .cnt .name span:nth-of-type(2){margin-left:80px;color:#1e93d6}.certificatebox .cnt .text{text-indent:100px;line-height:100px;font-size:50px}.certificatebox .date{position:absolute;bottom:120px;right:24%;font-size:40px;z-index:10}.certificatebox .zhang{width:240px;position:absolute;right:25%;bottom:90px;z-index:8}[data-v-78e55cda] .CodeMirror{height:500px;margin-top:10px}.footerbox[data-v-78e55cda]{text-align:center;margin-top:20px;height:80px;padding-left:20%;-webkit-box-sizing:border-box;box-sizing:border-box}.footerbox .urlbox[data-v-78e55cda]{margin-left:2%;height:100px;width:500px;background:rgba(0,0,0,.8);overflow:auto}.footerbox .urlbox p[data-v-78e55cda]{color:#fff;line-height:30px}