.qccode .pic{width:300px;height:300px}.codebut .btn{margin:0 auto}.canvass{position:absolute;top:0;left:0;opacity:0}.inp{width:300px}.qccode{height:400px;-webkit-box-shadow:0 3px 9px 1px hsla(0,0%,60%,.2);box-shadow:0 3px 9px 1px hsla(0,0%,60%,.2);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.qccode,.qccode .tit{width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.qccode .name,.qccode .tit{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qccode .name{width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.qccode .pic{width:200px;height:200px}.codebut{height:100px;width:300px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.codebut,.codebut .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.codebut .btn{width:45%;height:35px;background-color:#2a75ed;color:#fff;border-radius:2px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}