@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;word-wrap: break-word;}
table{border-collapse: collapse;border-spacing: 0;}
button, input, select, textarea{outline: 0;-webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
li, ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:after, blockquote:before, q:after, q:before{content: '';content: none;}
b, strong{font-weight: 700;}
img{vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;-webkit-touch-callout: none;}
:focus{outline: 0;}
a{color: #333;text-decoration: none}
a.active{color: #06c;}
.clearfix:after, .clearfix:before{display: table;content: " ";}
.clearfix:after{clear: both;} 
/*字号*/
.fs-10{font-size: 10px;}
[data-dpr="2"] .fs-10{font-size: 20px;}
[data-dpr="3"] .fs-10{font-size: 30px;}
.fs-12{font-size: 12px;}
[data-dpr="2"] .fs-12{font-size: 24px;}
[data-dpr="3"] .fs-12{font-size: 36px;}
.fs-14{font-size: 14px;}
[data-dpr="2"] .fs-14{font-size: 28px;}
[data-dpr="3"] .fs-14{font-size: 42px;}
.fs-16{font-size: 16px;}
[data-dpr="2"] .fs-16{font-size: 32px;}
[data-dpr="3"] .fs-16{font-size: 48px;}
.fs-18{font-size: 18px}
[data-dpr="2"] .fs-18{font-size: 36px;}
[data-dpr="3"] .fs-18{font-size: 54px;}

body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; width:10rem; position: relative; background-color: #f1f1f1; margin: 0 auto;}


header{max-width: 10rem; background-color: #1f73e6; text-align: center; padding: .4rem 0; position: relative;}
header a {display: inline-block; width: .5rem; position: absolute; top: .45rem; left: .1rem;}
header a img{width: 100%;}
header a .icon{width: .5rem; height: .5rem;}
header .bt{display: inline-block; top: .2rem; width: 100%; text-align: center; left:0; color: #fff;}
 
section{padding:.2rem; background-color: #fff; margin-top: .2rem; } 
section h1{font-size: 16px; font-weight: 600; color: #111; margin: .2rem 0; overflow: hidden;} 
[data-dpr="2"] section h1{font-size: 32px;}
[data-dpr="3"] section h1{font-size: 48px;} 

section h2{font-size: 14px; color: #333; padding-left:2em; margin: .2rem 0; }
[data-dpr="2"] section h2{font-size: 28px;}
[data-dpr="3"] section h2{font-size: 42px;} 
section h2 span{color: #1f73e6;} 

section p{font-size: 14px; line-height: 1.5em;  color: #333;}
[data-dpr="2"] section p{font-size: 28px;}
[data-dpr="3"] section p{font-size: 42px;} 
.b{font-weight: 600;}


section .img{width: 9rem; margin: .3rem auto; overflow: hidden;}
section .num{width: 100%; text-align: center; padding: .1rem 0; font-size: 14px;}
[data-dpr="2"] section .num{font-size: 28px;}
[data-dpr="3"] section .num{font-size: 42px;}

.focus{width: 9rem; margin: .2rem auto; padding-bottom: .2rem; overflow: hidden; border: .002rem solid #0066CC; box-shadow: .1rem .1rem .05rem #ccc;}
.focus-bt{font-size: 16px; color: #0066CC; margin: .2rem 0; text-indent: .2rem; } 
[data-dpr="2"] section .focus-bt{font-size: 32px;}
[data-dpr="3"] section .focus-bt{font-size: 48px;} 


.focus p{font-size: 14px; padding: 0 .2rem;}
[data-dpr="2"] .focus p{font-size: 28px;}
[data-dpr="3"] .focus p{font-size: 42px;} 


footer{background-color: #1f73e6; color: #fff; padding: .2rem; text-align: center;}
footer p{line-height: 1.7em;}