/* 产品防伪查询页（#15）的样式。输入框和按钮都标了 data-role="none"，不让 jQuery Mobile 改造，排版完全由这里决定：
   每个输入框占满一行，提交按钮单独一行，手机上不会错位 */
.af-wrap { background: #f2f2f2; }
.af-panel { background: #016cb7; padding: 16px 14px 18px; }
.af-panel form { margin: 0; }
.af-field { display: block; width: 100%; box-sizing: border-box; height: 44px; line-height: 44px; margin: 0 0 12px; padding: 0 14px;
    border: 0; border-radius: 8px; background: #fff; color: #333; font-size: 16px; -webkit-appearance: none; appearance: none; }
.af-field::placeholder { color: #999; }
.af-btn { display: block; width: 100%; box-sizing: border-box; height: 44px; line-height: 44px; margin: 4px 0 0; padding: 0; border: 0; border-radius: 8px;
    background: #ffd84d; color: #333; font-size: 17px; font-weight: bold; text-align: center; cursor: pointer; -webkit-appearance: none; appearance: none; }
.af-btn:active { background: #f2c418; }
.af-hint { margin: 0; padding: 14px; background: #fff; color: #666; font-size: 14px; line-height: 22px; }
.af-msg { margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; background: #fff3f0; color: #d93025; font-size: 14px; line-height: 20px; font-weight: bold; }
.af-result { margin: 0; padding: 16px 14px; background: #eee; color: #515151; font-size: 15px; line-height: 24px; }
.af-result strong { color: #333; }
.af-activity { padding: 14px; background: #eee; border-top: 1px solid #ddd; font-size: 13px; line-height: 20px; color: #333; }
.af-activity .af-warn { margin-top: 6px; color: #d93025; font-weight: bold; }
.af-done { margin: 0; padding: 22px 14px; background: #fff; color: #1b7f3b; font-size: 17px; font-weight: bold; text-align: center; }
.af-again, .af-again:visited { display: block; text-align: center; padding: 14px; font-size: 15px; background: #fff; color: #016cb7 !important; text-shadow: none; }
.af-images { background: #4862ad; margin-top: 10px; padding-bottom: 60px; }
.af-images img { display: block; width: 100%; }