html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { -webkit-tap-highlight-color: transparent; }

html, body { font-size: 33px; font-family: 'PingFang SC', 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; }

a { text-decoration: none; color: #333; }

input, button { font-family: 'Microsoft YaHei'; border: none; outline: none; background: none; -webkit-appearance: none; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: ''; display: block; clear: both; }

.btn-close { width: 0.71rem; height: 0.72rem; background: url("../images/icon_close.png") no-repeat; background-size: 100% auto; position: absolute; right: 0.3rem; top: 0.3rem; }

.pop-con { margin: 1.34rem 0.5rem 0; }
.pop-con.pop-confirm { margin: 1.34rem 1rem 0; }
.pop-con p { font-size: 0.42rem; color: #4A4A4A; letter-spacing: 1.45px; line-height: 0.6rem; text-align: justify; }
.pop-con p:first-child:before { display: inline-block; content: ''; vertical-align: middle; margin-right: 0.25rem; }

.pop-confirm > p:before { width: 0.6rem; height: 0.6rem; background: url("../images/icon_alert.png") no-repeat; background-size: 100% auto; }

.pop-success > p:before { width: 0.6rem; height: 0.6rem; background: url("../images/icon_success.png") no-repeat; background-size: 100% auto; }

.pop-fail p { text-align: center; }
.pop-fail p:first-child:before { width: 0.6rem; height: 0.6rem; background: url("../images/icon_fail.png") no-repeat; background-size: 100% auto; }
.pop-fail p:last-child { color: #000; }

.pop-btns { width: 100%; height: 1.1rem; border-top: 1px solid #BDBDBD; position: absolute; left: 0; bottom: 0; }
.pop-btns .btn { width: 50%; height: 1.1rem; font-size: 0.46rem; letter-spacing: 1.44px; }
.pop-btns .btn:first-child { border-right: 1px solid #BEBEBE; color: #646464; }
.pop-btns .btn:last-child { color: #2D8EF6; }

.btn-yes { display: block; width: 6.2rem; height: 0.8rem; margin: 0.6rem auto; background: #2D8EF6; border-radius: 1rem; font-size: 0.42rem; color: #FFF; letter-spacing: 1.31px; }