.rg-ok-wrap{max-width:1200px;margin:0 auto 30px;}
.rg-ok{margin:22px 0 0;background:#fff;border:1px solid #eee;border-radius:6px;padding:34px 20px;text-align:center;}
.rg-ok .ic{display:block;width:64px;height:64px;margin:0 auto 16px;line-height:64px;border-radius:50%;background:#4caf50;color:#fff;font-size:34px;}
.rg-ok h2{margin:0 0 8px;font-size:22px;color:#333;}
.rg-ok p{margin:0;font-size:14px;color:#999;line-height:26px;}
.rg-ok p b{color:#a80c08;}
.rg-order{margin:18px 0 0;border:1px solid #ecd9c8;background:#fffdf9;border-radius:6px;}
.rg-order h2{margin:0;padding:12px 18px;background:#f5ece2;color:#74321b;font-size:17px;font-weight:bold;border-bottom:1px solid #cea35f;border-radius:6px 6px 0 0;}
.rg-order .bd{padding:14px 20px;font-size:15px;color:#555;line-height:28px;}
.rg-order .bd b{color:#a80c08;}
.rg-flow{margin:18px 0 0;background:#fff;border:1px solid #eee;border-radius:6px;padding:20px;}
.rg-flow h3{margin:0 0 14px;font-size:17px;color:#74321b;}
.rg-flow ol{margin:0;padding-left:22px;font-size:14px;color:#666;line-height:30px;}
.rg-flow ol b{color:#a80c08;}
.rg-flow .warn{margin-top:12px;padding:10px 14px;background:#fff8f0;border:1px solid #f0dfc8;border-radius:4px;font-size:13px;color:#a26a2e;line-height:24px;}
 
@media (max-width:800px){
  .rg-ok-wrap{margin:0 14px 24px;}
  .rg-ok{margin:14px 0 0;padding:26px 16px;}
  .rg-ok .ic{width:54px;height:54px;line-height:54px;font-size:28px;margin-bottom:12px;}
  .rg-ok h2{font-size:19px;}
  .rg-ok p{font-size:13px;line-height:22px;}
  .rg-order h2{font-size:16px;padding:11px 14px;}
  .rg-order .bd{padding:12px 14px;font-size:13px;line-height:26px;}
  .rg-flow{padding:16px 14px;}
  .rg-flow h3{font-size:15px;}
  .rg-flow ol{font-size:13px;line-height:28px;}
  .rg-flow .warn{font-size:12px;line-height:22px;}
}