html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { line-height:1.6; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif } * { margin:0; padding:0 } a img { border:0 } a { text-decoration:none } input,textarea { -webkit-appearance:none } a,img,button,input,textarea { -webkit-tap-highlight-color:rgba(255,255,255,0) } #container { margin:0 auto; width:675px } #container .bg_pink { background-color:#fff5f4 } #container .bg_lightyellow { background-color:#fffef4 } #container .bg_yellow { background-color:#ffe464 } #container .bg_orange { background-color:#fab176 } #container .bg_blue { background-color:#a8d3e6 } #container header { background:url('img/header_bg.jpg') no-repeat 0px 0px; background-size:contain; padding-top:65px; height:222px; box-sizing:border-box } #container header p { margin-left:45%; width:40%; font-size:22px; line-height:26px; color:#fff; text-shadow:1px 1px 1px #511c1c; font-style:italic; font-family:SimHei; font-weight:bold } #container header p.date { color:#fff03a; font-weight:normal; font-family:Arial; margin-top:5px; letter-spacing:2px } #container header p .hkbg { display:inline-block; vertical-align:text-top; width:127px; height:30px; background-image:url('img/hdbg.png'); background-repeat:no-repeat; background-size:contain } #container section.main { font-size:15px; color:#624b4b } #container section.main .inner { width:465px; margin:0 auto; padding:25px } #container section.main .tbinner { margin:0 auto; padding:25px } #container section.main p.article:first-letter { font-size:18px; font-weight:500; line-height:16px; float:left; padding-top:3px } #container section.main p.table_title { color:#6d483d; font-size:18px; padding:20px 30px 10px } #container section.main p.table_desc { margin-top:30px; font-size:15px; text-align:center; color:#624b4b; font-weight:bold } #container section.main p.chart_title { color:#624b4b; font-size:15px; text-align:center; line-height:50px } #container section.main p.chart_title>b { font-size:160% } #container section.main p.thanks { margin-top:30px; color:#6d483d; font-size:18px; line-height:22px; text-indent:36px } #container section.main b { padding:0 2px; color:#ee5b5c; font-size:120% } #container section.main table { margin:0 auto; border-collapse:collapse; font-size:18px; color:#6d483d; border-radius:5px; min-width:450px; max-width:515px } #container section.main table.mt3 { margin-top:30px } #container section.main table,#container section.main th,#container section.main td { border:1px solid #fff; text-align:center; font-weight:normal } #container section.main tr { line-height:44px } #container section.main th,#container section.main td { min-width:90px } #container section.main .hdgk,#container section.main .thank { display:block; margin:0 auto; margin-bottom:10px; width:75px; height:75px; background-image:url('img/hdgk.jpg'); background-repeat:no-repeat; background-size:contain } #container section.main .thank { background-image:url('img/thank.png') } #container section.main .title { display:block; margin:0 auto; width:155px; height:35px; background-repeat:no-repeat; background-size:contain } #container section.main .jdsjzj { background-image:url('img/jdsjzj.png') } #container section.main .hdfx { background-image:url('img/hdfx.png') } #container section.main .yhnnbl { background-image:url('img/yhnnbl.png') } #container section.main .hdpj { background-image:url('img/hdpj.png') } #container section.main .hdfk { background-image:url('img/hdfk.png') } #container section.main .fhqd { background-image:url('img/fhqd.png') } #container section.main .db { margin-top:30px; overflow:hidden } #container section.main .db li { float:left; list-style:none; width:33.33333333%; padding-top:80px; text-align:center; background-repeat:no-repeat; background-position:top center } #container section.main .db li.db_1 { background-image:url('img/db1.png') } #container section.main .db li.db_2 { background-image:url('img/db2.png') } #container section.main .db li.db_3 { background-image:url('img/db3.png') } #container section.main .db h2 { font-size:15px; line-height:36px } #container section.main .db p { font-size:12px; line-height:15px } #container section.main .chart { position:relative } #container section.main .chart .male,#container section.main .chart .female { margin:0 auto; width:280px; line-height:135px; font-size:24px; box-sizing:border-box; color:#6d483d; background-repeat:no-repeat } #container section.main .chart .male { background-image:url('img/male.png'); padding-left:35% } #container section.main .chart .female { background-image:url('img/female.png'); background-position:right; padding-left:10% } #container section.main .chart .bg_hdpj { margin:0 auto; background-image:url('img/hdpj_bg.png'); background-repeat:no-repeat; width:382px; height:154px; color:#fff; font-size:24px } #container section.main .chart .msxf,#container section.main .chart .wlfw { position:absolute; display:block; width:40px; top:30px; text-align:center } #container section.main .chart .msxf { left:48px } #container section.main .chart .wlfw { right:115px } #container footer { padding:17px 0; font-size:18px; color:#fc575a; position:relative; font-family:SimHei } #container footer .qrcode { position:absolute; top:5px; right:65%; display:block; width:80px; height:80px; background-image:url('img/qrcode.png'); background-repeat:no-repeat; background-color:#fff5f4; background-size:contain } #container footer p { margin-left:40% }