.gqrf-wrap{position:relative;overflow:hidden;width:100%;margin:0 auto;box-sizing:border-box;font-size:16px;background-image:url(img/20190829-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center top}
.gqrf-wrap > *{position:relative;z-index:1}
.gqrf-wrap *{margin:0;padding:0;box-sizing:border-box}

.gqrf-wrap .gqrf-header,.gqrf-wrap .gqrf-number,.gqrf-wrap .gqrf-box,.gqrf-wrap .gqrf-btns,.gqrf-wrap .gqrf-tishi,.gqrf-wrap .gqrf-done{max-width:500px;margin-left:auto;margin-right:auto}
.gqrf-wrap .gqrf-header{margin-top:98px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gqrf-wrap .gqrf-header .gqrf-logo{background-size:contain;background-repeat:no-repeat;width:210px;height:100.8px;background-image:url(img/20190906-logo2.png)}
.gqrf-wrap .gqrf-header .gqrf-slogan{margin-top:2px;width:149.6px;height:16.8px;background-image:url(img/20190906-logo3.png);background-size:contain;background-repeat:no-repeat}
.gqrf-number{margin-top:6.4px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:14px}
.gqrf-number span{display:inline-block;padding:1px 5px;border-radius:25px;background-color:#ea4727;color:#feee92}
.gqrf-box{margin-top:8px;display:flex;align-items:center;justify-content:center}
.gqrf-box .gqrf-prev,.gqrf-box .gqrf-next{background-image:url(img/20190829-btn.png);background-size:contain;background-repeat:no-repeat;border:none;background-color:transparent;border-radius:50%;width:36.4px;height:36.4px;cursor:pointer;flex-shrink:0}
.gqrf-box .gqrf-prev{transform:rotate(180deg)}
.gqrf-box .gqrf-prev:active,.gqrf-box .gqrf-next:active{transform:scale(.94)}
.gqrf-box .gqrf-prev:active{transform:rotate(180deg) scale(.94)}
.gqrf-box .gqrf-img{margin:0 12px;background:#fff;border:4px solid #fbe6b5;border-radius:12px;font-size:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.gqrf-box .gqrf-img .gqrf-cropper{position:relative;width:152px;height:152px;margin-left:50%;transform:translateX(-50%);border-radius:8px;overflow:hidden;background:#d8d8d8}
.gqrf-box .gqrf-img .gqrf-cropper canvas{display:none;width:100%;height:100%}
.gqrf-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:12px}
.gqrf-btns .gqrf-btn1{position:relative;width:185.6px;height:53.2px;background-image:url(img/btn1.png);background-size:185.6px 69.2px;background-repeat:no-repeat;background-position:center top;border:none;background-color:transparent;cursor:pointer}
.gqrf-btns .gqrf-btn1 input{opacity:0;width:100%;height:100%;cursor:pointer;position:relative;z-index:2}
.gqrf-btns .gqrf-btn2{position:relative;width:185.6px;height:60px;background-image:url(img/save-btn.png);background-size:185.6px 60px;background-repeat:no-repeat;background-position:center top;border:none;background-color:transparent;cursor:pointer;display:none}
.gqrf-tishi{color:#fff700;text-align:center;margin-top:5px;font-size:15px;letter-spacing:1px}
.gqrf-done{text-align:center;padding-top:10px;padding-bottom:80px}
.gqrf-done img{height:82.4px}
.gqrf-export{display:none;margin:0 auto;width:250px;height:250px;margin-top:50px;margin-bottom:50px;border-radius:12px}
.gqrf-tip-extra{text-align:center;color:#fff;font-size:13px;margin:0 auto 20px;line-height:1.7;display:flex;justify-content:center;align-items:center}
.gqrf-tip-extra a.gqrf-dl{display:inline-block;margin:20px 6px 0;padding:5.6px 22.4px;border-radius:999px;background:linear-gradient(135deg,#ff5a00,#e60012);color:#fff;font-size:15px;text-decoration:none;box-shadow:0 2px 8px rgba(230,0,18,.35)}
.gqrf-tip-extra a.gqrf-re{background:transparent;border:1px solid #ffb3a0;color:#ffd9cc;box-shadow:none}
/* 参考站交互元素 */
.gqrf-wrap .hide{display:none}
/* 暗黑模式适配 */
.night .gqrf-wrap{box-shadow:none}
.night .gqrf-tip-extra{color:#ffe6c9}
/* 窄屏适配（画布等固定尺寸不缩放，仅压缩边距） */
@media (max-width:360px){
  .gqrf-wrap .gqrf-header .gqrf-logo{width:169.6px;height:81.6px}
  .gqrf-wrap .gqrf-box .gqrf-img{margin:0 6.4px}
}