@charset "UTF-8";
.blue { color: #6CA5FF; }

.bg-blue { background-color: #6CA5FF; }

.yellow { color: #FFCC67; }

.bg-yellow { background-color: #FFCC67; }

.orange { color: #FFCC67; }

.bg-orange { background-color: #FFCC67; }

.gray { color: #f4f4f4; }

.bg-gray { background-color: #f4f4f4; }

.red { color: #fc4444; }

.bg-red { background-color: #fc4444; }

html { font-family: "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "宋体", Helvetica, Arial, sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { color: #363945; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-tap-highlight-color: transparent; text-decoration: none; }

a:active, a:hover, a:focus { color: #6CA5FF; text-decoration: none; outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { width: auto; max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic; border-style: none; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; cursor: pointer; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #6CA5FF; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; /* 3 */ white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; }

body { font-size: 0.24rem; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, progress, video, body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-family: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { color: #363945; background: #f4f4f4; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

input[type=date] { outline: none; border: none; -webkit-appearance: none; }

.wrap { width: 7.5rem; margin-left: auto; margin-right: auto; }

header, header .bd, .bnav, .footer, .alert, .overly { width: 7.5rem; position: fixed; left: 50%; margin-left: -3.75rem; z-index: 999; }

.bnav, .page3 .list .subitem ul, .page5 .info2, .page6 .add-box, .page11 .upload-box .con, .page14 .box1 .con, .page20 .box1 .list, .page25 .box1 .list, .page27 .box1 .list, .page20 .box3, .page25 .box3, .page27 .box3, .page22 .box1 .con, .cf { *zoom: 1; }

.bnav:before, .page3 .list .subitem ul:before, .page5 .info2:before, .page6 .add-box:before, .page11 .upload-box .con:before, .page14 .box1 .con:before, .page20 .box1 .list:before, .page25 .box1 .list:before, .page27 .box1 .list:before, .page20 .box3:before, .page25 .box3:before, .page27 .box3:before, .page22 .box1 .con:before, .bnav:after, .page3 .list .subitem ul:after, .page5 .info2:after, .page6 .add-box:after, .page11 .upload-box .con:after, .page14 .box1 .con:after, .page20 .box1 .list:after, .page25 .box1 .list:after, .page27 .box1 .list:after, .page20 .box3:after, .page25 .box3:after, .page27 .box3:after, .page22 .box1 .con:after, .cf:before, .cf:after { content: ""; display: table; }

.bnav:after, .page3 .list .subitem ul:after, .page5 .info2:after, .page6 .add-box:after, .page11 .upload-box .con:after, .page14 .box1 .con:after, .page20 .box1 .list:after, .page25 .box1 .list:after, .page27 .box1 .list:after, .page20 .box3:after, .page25 .box3:after, .page27 .box3:after, .page22 .box1 .con:after, .cf:after { clear: both; }

.page3 .list .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

input[type=text], input[type=password], input[type=submit], select, textarea { border: #363945 1px solid; outline: none; }

input[type=text]:hover, input[type=password]:hover, input[type=submit]:hover, select:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, select:focus, textarea:focus { border-color: #6CA5FF; }

.show { display: block !important; }

.hide { display: none !important; }

.h98 { width: 100%; height: 0.98rem; }

.bg { background-color: #fff; }

.btn { line-height: .8rem; padding: 0 .2rem; border-radius: .1rem; font-size: .32rem; border: #6CA5FF 1px solid; text-align: center; background-color: #6CA5FF; color: #fff; }

.btn:hover { opacity: .8; color: #fff; }

.btn.btn-blue { background-color: #6CA5FF; border-color: #6CA5FF; }

.btn.btn-gray { background-color: #f4f4f4; border-color: #f4f4f4; color: #7F8497; }

.btn.btn-red { background-color: #fc4444; border-color: #fc4444; }

.btn.btn-orange { background-color: #FFCC67; border-color: #FFCC67; }

.btn.btn-yellow { background-color: #FFCC67; border-color: #FFCC67; }

input[type=text], input[type=password], input[type=submit], select { border: #eee 1px solid; height: .8rem; border-radius: .1rem; width: 100%; }

input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, select:focus { border-color: #6CA5FF; }

input[type=text], input[type=password] { padding: 0 .1rem; }

input[type=submit] { background-color: #6CA5FF; text-align: center; width: 100%; }

textarea { height: auto; min-height: 1.2rem; border: #eee 1px solid; border-radius: .1rem; padding: .1rem; width: 100%; }

input:-moz-placeholder { color: #cad0dc; }

::-webkit-input-placeholder { color: #cad0dc; }

.checkbox { background: url("images/checkbox.png") left center no-repeat; background-size: .34rem .34rem; padding-left: .45rem; display: inline-block; min-height: .4rem; cursor: pointer; }

.checkbox.c2 { background-image: url(images/checkbox2.png); }

.checkbox.on { background-image: url(images/checkbox-on.png); }

.g-line-title { font-size: .36rem; color: #6CA5FF; position: relative; }

.g-line-title i { width: .1rem; height: .4rem; background-color: #6CA5FF; position: absolute; left: -.3rem; top: 50%; margin-top: -.2rem; }

.g-scrollx-box { width: 100%; overflow-x: scroll; overflow-y: hidden; }

.banner { width: 100%; max-width: 7.5rem; margin: 0 auto; overflow: hidden; position: relative; }

.banner .hd { width: 100%; height: 0.22rem; position: absolute; z-index: 99; bottom: .3rem; text-align: center; }

.banner .hd ul { display: inline-block; height: .15rem; padding: 0.06rem .15rem; border-radius: .15rem; font-size: 0; vertical-align: top; }

.banner .hd ul li { display: inline-block; width: .15rem; height: .15rem; border-radius: .15rem; background: #fff; margin: 0 .1rem; vertical-align: top; overflow: hidden; }

.banner .hd ul .on { background: #6CA5FF; }

.banner .bd { position: relative; z-index: 0; }

.banner .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; display: block; }

.banner .bd li a { -webkit-tap-highlight-color: transparent; }

.banner141 { width: 100%; max-width: 7.5rem; margin: 0 auto; overflow: hidden; position: relative; }

.banner141 .hd { width: 100%; height: 0.22rem; position: absolute; z-index: 99; bottom: .3rem; text-align: center; }

.banner141 .hd ul { display: inline-block; height: .15rem; padding: 0.06rem .15rem; border-radius: .15rem; font-size: 0; vertical-align: top; }

.banner141 .hd ul li { display: inline-block; width: .15rem; height: .15rem; border-radius: .15rem; margin: 0 .1rem; vertical-align: top; overflow: hidden; background-color: rgba(108, 165, 255, 0.5); }

.banner141 .hd ul .on { width: .24rem; height: .24rem; background-color: #fff; border-radius: .24rem; border: #6CA5FF 0.06rem solid; position: relative; top: -.04rem; }

.banner141 .bd { position: relative; z-index: 0; }

.banner141 .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; display: block; }

.banner141 .bd li a { -webkit-tap-highlight-color: transparent; }

.tabBox { font-size: 0.28rem; font-weight: lighter; }

.tabBox .hd { width: 100%; }

.tabBox .hd ul { width: 100%; overflow: hidden; }

.tabBox .hd li { line-height: .6rem; height: .6rem; float: left; text-align: center; width: 33%; }

.tabBox .hd li.on { display: block; }

.tabBox .hd li.on a { color: #6CA5FF; }

.tabBox .bd { width: 100%; }

header { top: 0; height: .98rem; background-color: #fff; font-size: .32rem; border-bottom: #ddd 1px solid; }

header h3 { text-align: center; width: 100%; line-height: .98rem; font-size: .32rem; }

header .back { position: absolute; z-index: 10; top: .23rem; width: .5rem; height: .5rem; display: block; line-height: .5rem; background: url(images/back.png) center center no-repeat; background-size: .5rem .5rem; }

header .back { left: .2rem; }

header .hd { text-align: center; font-size: .32rem; line-height: .48rem; padding-top: .25rem; }

header .hd a { color: #363945; cursor: pointer; }

header .hd .arrow { width: .3rem; height: .16rem; background: url("images/arrow-down.png") left top no-repeat; background-size: 100% 100%; margin-left: .1rem; display: inline-block; }

header .hd .arrow.on { background-image: url(images/arrow-top.png); }

header .hd.hd50 a { display: block; width: 50%; float: left; }

header .hd.hd50 a:first-child { border-right: #ddd 1px dashed; }

header .bd { display: none; height: 100%; top: .97rem; background-color: rgba(0, 0, 0, 0.7); }

header .bd .con { background-color: #fff; padding: 0 .25rem; border: none; }

header .bd li { line-height: 1rem; border-top: #eee 1px solid; font-size: .3rem; }

header .bd li a { color: #7F8497; }

header .bd li:first-child { border: none; }

header .bd li i { display: none; }

header .bd li.on { color: #6CA5FF; }

header .bd li.on a { color: #6CA5FF; }

header .bd li.on i { display: inline-block; }

.bnav { bottom: 0; height: .98rem; background-color: #6CA5FF; font-size: .32rem; }

.bnav a { color: #363945; }

.bnav li { width: 25%; float: left; text-align: center; height: 100%; padding-top: 0.1rem; font-weight: normal; font-size: 0.24rem; }

.bnav li img { width: 0.4rem; height: 0.4rem; margin-left: auto; margin-right: auto; display: block; }

.footer { bottom: 0; height: .98rem; background-color: #6CA5FF; font-size: .32rem; border-top: #eee 1px solid; }

.footer li { width: 20%; float: left; text-align: center; height: 100%; font-size: 0.24rem; }

.footer li a { display: block; width: 100%; height: 100%; background: url("images/ft1.png") center 0.05rem no-repeat; background-size: .5rem .5rem; padding-top: .5rem; }

.footer li.on a { color: #6CA5FF; }

.footer.ft2 li { width: 50%; }

.footer.ft3 li { width: 33.33%; }

.footer.ft4 li { width: 25%; }

.footer li:nth-child(1) a { background-image: url(images/ft1.png); }

.footer li:nth-child(1).on a { background-image: url(images/ft1-on.png); }

.footer li:nth-child(2) a { background-image: url(images/ft2.png); }

.footer li:nth-child(2).on a { background-image: url(images/ft2-on.png); }

.footer li:nth-child(3) a { background-image: url(images/ft3.png); }

.footer li:nth-child(3).on a { background-image: url(images/ft3-on.png); }

.footer li:nth-child(4) a { background-image: url(images/ft4.png); }

.footer li:nth-child(4).on a { background-image: url(images/ft4-on.png); }

.footer li:nth-child(5) a { background-image: url(images/ft5.png); }

.footer li:nth-child(5).on a { background-image: url(images/ft5-on.png); }

.alert { display: none; top: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.alert .box { position: absolute; left: 50%; top: 50%; border-radius: .1rem; background-color: #fff; }

.alert .box-bottom { position: absolute; left: 0; bottom: 0; background-color: #fff; width: 100%; }

.alert .title { width: 100%; border-bottom: #eee 1px solid; line-height: .8rem; font-size: .3rem; padding: 0 .2rem; }

.alert .btn-close { width: .4rem; height: .8rem; background: url("images/close.png") center center no-repeat; display: block; float: right; background-size: .32rem .32rem; }

.alert .btn-close:hover { opacity: .8; }

.alert .operate { text-align: center; }

.alert .operate a { display: inline-block; width: 100px; }

.overly { display: none; top: 0; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.alert-msg .box { width: 6rem; height: 3.7rem; margin-left: -3rem; margin-top: -1.85rem; padding: .8rem .2rem .2rem .2rem; }

.alert-msg .con { font-size: .32rem; text-align: center; line-height: .6rem; }

.alert-msg .operate { margin-top: .5rem; }

.alert-msg .operate a { display: inline-block; margin: 0 .15rem; font-size: .32rem; }

.alert-iconMsg .box { width: 6rem; margin-left: -3rem; height: 4.9rem; margin-top: -2.45rem; padding: .6rem; }

.alert-iconMsg .icon { width: 2rem; height: 1.5rem; display: block; margin: 0 auto; }

.alert-iconMsg p { font-size: .28rem; line-height: .6rem; text-align: center; color: #6CA5FF; }

.alert-iconMsg .btn { display: block; margin-top: .2rem; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.page2 { padding-top: 2.8rem; }

.page2 .icon { width: 4rem; display: block; margin: 0 auto; }

.page2 p { text-align: center; line-height: 1rem; margin-top: .2rem; font-size: .32rem; color: #7F8497; }

.page2 .btn { display: block; margin-top: .2rem; width: 4rem; margin: 2rem auto 1rem auto; }

.page3 { padding: .25rem; }

.page3 .table { margin-bottom: .25rem; padding-bottom: .2rem; border-radius: .1rem; }

.page3 .table > img { display: block; }

.page3 .table .title { padding: .2rem; color: #fff; }

.page3 .table1 { background: -webkit-gradient(linear, left top, right top, from(#c364ff), to(#7877ff)); background: linear-gradient(to right, #c364ff 0%, #7877ff 100%); }

.page3 .table2 { background: -webkit-gradient(linear, left top, right top, from(#4c92ff), to(#82b2ff)); background: linear-gradient(to right, #4c92ff 0%, #82b2ff 100%); }

.page3 .list .item { padding: .25rem; background-color: #fff; position: relative; margin-bottom: .25rem; }

.page3 .list .item:first-child .date { background-image: url(images/icon31.png); }

.page3 .list .title { font-size: .28rem; padding-right: .4rem; background: url("images/arrow-down2.png") right center no-repeat; background-size: .3rem .16rem; cursor: pointer; }

.page3 .list .title.on { background-image: url(images/arrow-top2.png); margin-bottom: .25rem; }

.page3 .list .date { width: .98rem; height: .98rem; background: url("images/icon32.png") left top no-repeat; background-size: 100% 100%; text-align: center; line-height: .9rem; margin-right: .2rem; display: inline-block; font-size: .28rem; color: #fff; }

.page3 .list .box { display: none; }

.page3 .list .subitem { border: #eee 1px solid; margin-bottom: .25rem; }

.page3 .list .subitem .hd { background-color: #f4f4f4; }

.page3 .list .subitem .hd li { line-height: .8rem; }

.page3 .list .subitem li { width: 50%; float: left; }

.page3 .list .subitem ul { padding: 0 .2rem; color: #7F8497; }

.page3 .list .subitem .bd { padding: .2rem; }

.page3 .list .subitem .bd li { line-height: .4rem; }

.page3 .list .noInfo { padding: .2rem .2rem .4rem .2rem; }

.page3 .list .noInfo img { display: block; width: 1rem; height: 1rem; margin: .1rem auto; }

.page3 .list .noInfo p { text-align: center; font-size: .28rem; color: #7F8497; margin-top: .2rem; }

.page4 { padding: .25rem; }

.page4 .table { margin-bottom: .25rem; }

.page4 .table > img { display: block; }

.page4 .list { width: 100%; }

.page4 .list h3 { line-height: .7rem; font-size: .32rem; color: #6CA5FF; padding: 0 .25rem; }

.page4 .list p { font-size: .28rem; background-color: #fff; line-height: 1rem; padding: 0 .25rem; margin-bottom: .2rem; }

.page4 .list span { float: right; }

.page5 { padding: .25rem; }

.page5 .info1 { width: 100%; height: 2.6rem; background: url("images/icon51.png") 4.6rem 0.5rem no-repeat #6CA5FF; background-size: 1.8rem 1.62rem; padding: .5rem; color: #fff; border-radius: .1rem; margin-bottom: .2rem; }

.page5 .info1 p { font-size: .28rem; line-height: .6rem; }

.page5 .info1 h3 { font-size: .64rem; line-height: 1rem; font-weight: bold; }

.page5 .info2 { margin-bottom: .2rem; }

.page5 .info2 .item { width: 3.4rem; height: 3rem; background-color: #fff; float: left; border-radius: .1rem; text-align: center; padding-top: .4rem; }

.page5 .info2 .item:nth-child(even) { float: right; }

.page5 .info2 .icon { width: 1rem; height: 1rem; display: block; margin: 0 auto; }

.page5 .info2 h3 { font-size: .48rem; text-align: center; line-height: .6rem; color: #6CA5FF; margin-top: .2rem; margin-bottom: .1rem; }

.page5 .info2 p { font-size: .28rem; color: #7F8497; text-align: center; }

.page5 .list { background-color: #fff; padding: 0 .25rem; }

.page5 .list .title { font-size: .32rem; line-height: 1rem; background: url("images/arrow-down2.png") right center no-repeat; background-size: .3rem .16rem; cursor: pointer; }

.page5 .list .title.on { background-image: url(images/arrow-top2.png); }

.page5 .list .icon { width: .34rem; height: .44rem; float: left; margin-right: .2rem; margin-top: .28rem; }

.page5 .list .con { width: 100%; display: none; }

.page5 .list li { line-height: .9rem; color: #7F8497; text-align: right; border-top: #eee 1px solid; }

.page5 .list time { float: left; }

.page6 { padding: .25rem; }

.page6 .add-box { margin-bottom: .2rem; }

.page6 .add-box li { width: 3.4rem; height: 2.7rem; background-color: #fff; float: left; border-radius: .1rem; text-align: center; padding-top: .4rem; }

.page6 .add-box li:nth-child(even) { float: right; }

.page6 .add-box li.w100 { width: 100%; }

.page6 .add-box img { width: 1.2rem; height: 1.2rem; display: block; margin: .2rem auto; }

.page6 .add-box a { font-size: .28rem; color: #7F8497; text-align: center; }

.page6 .tips { text-align: center; line-height: .4rem; font-size: .32rem; color: #6CA5FF; margin-bottom: .2rem; }

.page6 .member-list .item { background-color: #fff; margin-bottom: .2rem; border-radius: .1rem; padding: 1px .3rem; position: relative; min-height: 1.8rem; }

.page6 .member-list .title { font-size: .3rem; line-height: 1rem; }

.page6 .member-list .operate, .page6 .member-list .operate2 { position: relative; }

.page6 .member-list .operate > a, .page6 .member-list .operate2 > a { line-height: .5rem; border-radius: .1rem; background-color: #f4f4f4; padding: 0 .2rem; display: inline-block; margin-right: .1rem; color: #7F8497; cursor: pointer; min-width: 1.2rem; text-align: center; font-size: .28rem; }

.page6 .member-list .operate2 { margin: .2rem 0; }

.page6 .member-list .remark-con, .page6 .member-list .edit-con { display: none; background-color: #fff; border-radius: .1rem; width: 3.9rem; padding: .35rem .25rem; position: absolute; left: 0rem; top: .8rem; z-index: 9; -webkit-box-shadow: 0 0 .2rem 0 #ddd; box-shadow: 0 0 .2rem 0 #ddd; }

.page6 .member-list .remark-con .arrow, .page6 .member-list .edit-con .arrow { width: .28rem; height: .15rem; background: url("images/arrow-top3.png") center center no-repeat; background-size: 100% 100%; position: absolute; top: -.14rem; }

.page6 .member-list .remark-con .arrow.position1, .page6 .member-list .edit-con .arrow.position1 { left: .5rem; }

.page6 .member-list .remark-con .arrow.position2, .page6 .member-list .edit-con .arrow.position2 { left: 50%; margin-left: -.14rem; }

.page6 .member-list .remark-con .arrow.position3, .page6 .member-list .edit-con .arrow.position3 { right: .5rem; }

.page6 .member-list .remark-con { font-size: .28rem; color: #7F8497; line-height: .4rem; }

.page6 .member-list .edit-con { font-size: .28rem; }

.page6 .member-list .edit-con input[type=text] { display: block; margin-bottom: .2rem; padding: 0 .2rem; }

.page6 .clock-info { position: absolute; right: .4rem; top: .4rem; }

.page6 .clock-info img { width: .6rem; height: .54rem; display: block; margin: 0 auto .2rem auto; }

.page6 .clock-info a, .page6 .clock-info span { display: block; text-align: center; }

.page6 .clock-info .a1 { color: #FFCC67; }

.page6 .clock-info .a2 { color: #6CA5FF; }

.page6 .info-box { width: 100%; }

.page6 .info-box li { border-bottom: #eee 1px solid; padding: .2rem 1rem .2rem 1.9rem; position: relative; font-size: .28rem; color: #7F8497; }

.page6 .info-box li.addr { background: url("images/addr.png") left 0.23rem no-repeat; background-size: .32rem .32rem; }

.page6 .info-box li.time { background: url("images/time.png") left 0.23rem no-repeat; background-size: .32rem .32rem; }

.page6 .info-box .btn-go { width: .23rem; height: .25rem; background: url("images/arrow.png") left top no-repeat; background-size: 100% 100%; position: absolute; right: .1rem; top: 50%; margin-top: -.12rem; }

.page6 .info-box span { position: absolute; left: .5rem; }

.page7, .page10, .page11 { padding: .25rem; }

.page7 .list li, .page10 .list li, .page11 .list li { position: relative; background-color: #fff; margin-bottom: .25rem; min-height: 1rem; padding: .2rem .3rem .2rem 2rem; line-height: .6rem; font-size: .32rem; }

.page7 .list li i, .page10 .list li i, .page11 .list li i { position: relative; margin-left: .05rem; top: .05rem; }

.page7 .list span, .page10 .list span, .page11 .list span { position: absolute; left: .3rem; top: .2rem; }

.page7 .list input[type=text], .page10 .list input[type=text], .page11 .list input[type=text] { height: .6rem; width: 100%; border: none; text-align: right; padding: 0; }

.page7 .list .text, .page10 .list .text, .page11 .list .text { padding-left: .3rem; }

.page7 .list h3, .page10 .list h3, .page11 .list h3 { font-size: .32rem; }

.page7 .list textarea, .page10 .list textarea, .page11 .list textarea { height: 2rem; border-radius: 0; border: none; font-size: .32rem; padding: 0; }

.page7 .tips, .page10 .tips, .page11 .tips { display: none; text-align: center; font-size: .28rem; position: relative; margin-top: -.5rem; z-index: 9; }

.page7 .tips span, .page10 .tips span, .page11 .tips span { display: inline-block; background-color: rgba(0, 0, 0, 0.7); color: #fff; line-height: .7rem; border-radius: .7rem; padding: 0 .35rem; }

.page7 .operate, .page10 .operate, .page11 .operate { padding: 1rem .3rem; }

.page7 .operate .btn, .page10 .operate .btn, .page11 .operate .btn { display: block; }

.page11 .list .upload-box { padding: 0 .3rem; background-color: transparent; }

.page11 .list .txt-number { font-size: .32rem; text-align: right; color: #CAD0DC; font-weight: lighter; }

.page11 .upload-box p { font-size: .24rem; margin-bottom: .2rem; color: #CAD0DC; }

.page11 .upload-box .con { width: 100%; }

.page11 .upload-box .upload, .page11 .upload-box img { width: 1.2rem; height: 1.2rem; display: block; float: left; margin-right: .2rem; margin-bottom: .2rem; }

.page11 .upload-box .upload { position: relative; background: url("images/add.png") center center no-repeat; background-size: .44rem .44rem; border: #CAD0DC 1px dashed; }

.page11 .upload-box .upload input[type=file] { position: absolute; left: 0; top: 0; cursor: pointer; width: 100%; height: 100%; opacity: 0; }

.page8 { padding: .25rem; }

.page8 .box { background-color: #fff; padding: .5rem; }

.page8 h3 { line-height: .8rem; text-align: center; }

.page8 h3 span { border: #6CA5FF 1px solid; color: #6CA5FF; border-radius: .8rem; min-width: 4rem; display: inline-block; background-color: #f0f6ff; font-size: .32rem; font-weight: bold; -webkit-box-shadow: .15rem .12rem 0 0 #cfdffa; box-shadow: .15rem .12rem 0 0 #cfdffa; }

.page8 .icon { width: 2.5rem; height: 2.5rem; display: block; margin: .6rem auto; }

.page8 p { text-align: center; font-size: .28rem; line-height: .4rem; color: #7F8497; }

.page12, .page13 { padding: .25rem; }

.page12 .box, .page13 .box { width: 100%; height: 3.3rem; background: url("images/bg121.png") center center no-repeat; background-size: 100% 100%; position: relative; padding: .25rem .35rem; }

.page12 .box h3, .page13 .box h3 { color: #fff; font-size: .28rem; }

.page12 .box .icon, .page13 .box .icon { width: 1.2rem; height: 1.08rem; display: block; margin: .2rem auto; }

.page12 .btn, .page13 .btn { display: block; border-radius: 1rem; height: 1rem; line-height: 1rem; font-size: .32rem; width: 4rem; position: absolute; bottom: -.5rem; left: 50%; margin-left: -2rem; }

.page13 .box { background-image: url(images/bg131.png); }

.page14 .box1 { width: 6.9rem; margin: .3rem .3rem 0rem .3rem; background-color: #fff; padding: .2rem .3rem; }

.page14 .box1 .tips { font-size: .32rem; line-height: .6rem; color: #7F8497; margin-bottom: .6rem; }

.page14 .box1 .tips span { float: right; }

.page14 .box1 .agree { line-height: .6rem; margin-bottom: .2rem; font-size: .28rem; color: #7F8497; }

.page14 .box1 .operate { padding: .3rem 0; }

.page14 .box1 .operate .btn { display: block; }

.page14 .box1 .con { padding-top: .4rem; }

.page14 .box1 .con span { font-size: .32rem; color: #7F8497; display: block; text-align: center; width: 3rem; height: .9rem; line-height: .9rem; border-radius: .1rem; border: #eee 1px solid; float: left; margin-bottom: .2rem; cursor: pointer; }

.page14 .box1 .con span:nth-child(even) { float: right; }

.page14 .box1 .con span.on { background: url("images/checked.png") right bottom no-repeat; background-size: .3rem .3rem; border-color: #FFCC67; }

.page14 .box1 .con small { font-size: .24rem; margin-left: .1rem; }

.page14 .box2 { width: 6.9rem; margin: .6rem .3rem .3rem .3rem; background-color: #fff; padding: 1rem .3rem .2rem .3rem; position: relative; }

.page14 .box2 li { border-bottom: #eee 1px solid; position: relative; padding: .2rem 0rem .2rem .6rem; line-height: .6rem; font-size: .32rem; }

.page14 .box2 .icon { width: .4rem; height: .4rem; position: absolute; left: 0; top: 50%; margin-top: -.2rem; }

.page14 .box2 span { float: right; width: 1.6rem; height: .6rem; border-radius: .1rem; border: #eee 1px solid; text-align: center; display: inline-block; color: #999; font-size: .28rem; cursor: pointer; }

.page14 .box2 .title { position: absolute; width: 3.16rem; left: 50%; margin-left: -1.58rem; top: -.3rem; }

.page14 .box2 .agree { line-height: .6rem; padding: .2rem 0; font-size: .28rem; color: #7F8497; }

.page14 .box2 .operate { padding: .3rem 0; }

.page14 .box2 .operate .btn { display: block; }

.page15, .page23, .page26, .page28 { padding: .3rem; }

.page15 .txt, .page23 .txt, .page26 .txt, .page28 .txt { width: 100%; background-color: #6CA5FF; color: #fff; border-radius: .1rem; padding: .1rem .4rem .4rem .4rem; margin-bottom: .3rem; }

.page15 .txt h3, .page23 .txt h3, .page26 .txt h3, .page28 .txt h3 { font-size: .32rem; line-height: .6rem; margin-top: .3rem; margin-bottom: .1rem; font-weight: bold; }

.page15 .txt p, .page23 .txt p, .page26 .txt p, .page28 .txt p { font-size: .28rem; line-height: .32rem; }

.page15 .operate, .page23 .operate, .page26 .operate, .page28 .operate { padding: 0 .3rem; margin-bottom: .3rem; }

.page15 .operate .btn, .page23 .operate .btn, .page26 .operate .btn, .page28 .operate .btn { display: block; }

.page15 .box1, .page23 .box1, .page26 .box1, .page28 .box1 { background-color: #fff; padding: .5rem .3rem 0 .3rem; }

.page15 .box1 .list, .page23 .box1 .list, .page26 .box1 .list, .page28 .box1 .list { margin-top: .2rem; }

.page15 .box1 .item, .page23 .box1 .item, .page26 .box1 .item, .page28 .box1 .item { border-top: #eee 1px solid; padding: .2rem 0; font-size: .28rem; line-height: .5rem; }

.page15 .box1 .item:first-child, .page23 .box1 .item:first-child, .page26 .box1 .item:first-child, .page28 .box1 .item:first-child { border: none; }

.page15 .box1 .item h3, .page23 .box1 .item h3, .page26 .box1 .item h3, .page28 .box1 .item h3 { font-size: .32rem; color: #000; }

.page15 .box1 .item a, .page23 .box1 .item a, .page26 .box1 .item a, .page28 .box1 .item a { color: #cad0dc; }

.page15 .box1 .item span, .page23 .box1 .item span, .page26 .box1 .item span, .page28 .box1 .item span { float: right; color: #cad0dc; font-size: .28rem; }

.page15 .more-tips, .page23 .more-tips, .page26 .more-tips, .page28 .more-tips { text-align: center; color: #7F8497; padding: .4rem; font-size: .24rem; }

.page15 .more-tips a, .page23 .more-tips a, .page26 .more-tips a, .page28 .more-tips a { color: #7F8497; }

.page15 .more-tips img, .page23 .more-tips img, .page26 .more-tips img, .page28 .more-tips img { width: .34rem; height: .36rem; display: block; margin: .2rem auto; }

.page16 { position: relative; }

.page16 .ad { position: absolute; bottom: 0; left: 0; }

.page16 .ad img { display: block; }

.page16 .txt { padding: 0 .5rem; color: #fff; font-size: .3rem; line-height: .7rem; }

.page16 .txt h3 { padding: .6rem 0; font-size: .48rem; }

.page17 { padding: .3rem; font-size: .32rem; }

.page17 .card1 { width: 100%; height: 3.4rem; background: url("images/bg171.png") center top no-repeat; background-size: 100% 100%; position: relative; margin-bottom: 1.2rem; color: #fff; }

.page17 .card1 .title { width: 1.5rem; height: .9rem; line-height: .9rem; text-align: center; background: url("images/bg174.png") left top no-repeat; background-size: 100% 100%; position: absolute; left: .3rem; top: .2rem; }

.page17 .card1 .tag { position: absolute; left: .3rem; top: 1.3rem; font-size: .32rem; color: #EEF5FF; }

.page17 .card1 .share-tips { position: absolute; right: .3rem; top: .2rem; }

.page17 .card1 .con { width: 1.6rem; height: 1.6rem; border-radius: 100%; background-color: #5FA2FE; border: 3px #ADCDFF solid; position: absolute; left: 50%; margin-left: -.8rem; top: 50%; margin-top: -.8rem; text-align: center; padding-top: .35rem; font-size: .28rem; }

.page17 .card1 .con h3 { font-size: .48rem; }

.page17 .card1 .btm { position: absolute; bottom: .2rem; width: 100%; left: 0; padding: 0 .3rem; font-size: .28rem; }

.page17 .card1 .btm span { float: right; }

.page17 .card1 .btm2 { width: 5.6rem; height: .88rem; position: absolute; bottom: -.88rem; left: 50%; margin-left: -2.8rem; border-radius: 0 0 .25rem .25rem; background-color: #fff; line-height: .88rem; text-align: center; }

.page17 .card1 .btm2 a { color: #6CA5FF; font-size: .36rem; }

.page17 .card1 .btm2 img { width: .38rem; height: .28rem; margin-right: .2rem; position: relative; top: .05rem; }

.page17 .card2, .page17 .card3 { width: 100%; height: 1.7rem; background: url("images/bg172.png") center center no-repeat; background-size: 100% 100%; margin-bottom: .3rem; color: #fff; position: relative; padding: .3rem; }

.page17 .card2 h3, .page17 .card3 h3 { line-height: .6rem; }

.page17 .card2 .btm, .page17 .card3 .btm { position: absolute; bottom: .2rem; width: 100%; left: 0; padding: 0 .3rem; font-size: .28rem; }

.page17 .card2 .btm time, .page17 .card3 .btm time { float: right; }

.page17 .card2 .number, .page17 .card3 .number { position: absolute; top: 0; right: .5rem; color: #7D76FF; font-size: .28rem; width: 1.6rem; height: .8rem; text-align: center; }

.page17 .card2 .number b, .page17 .card3 .number b { font-size: .48rem; font-weight: normal; }

.page17 .card3 { background-image: url(images/bg173.png); }

.page17 .card4 { background-color: #fff; padding: 0 .2rem; line-height: 1rem; }

.page17 .card4 img { display: block; width: .44rem; height: .44rem; float: left; margin-right: .2rem; margin-top: .25rem; }

.page17 .card4 a { background: url("images/arrow-r3.png") right center no-repeat; background-size: .13rem .26rem; display: block; }

.page17 .card4 i { opacity: .5; }

.page17 .kf { padding: .7rem 0; text-align: center; font-size: .32rem; color: #6CA5FF; }

.page17 .kf img { width: .44rem; height: .38rem; position: relative; top: .1rem; margin-right: .1rem; }

.page17 .kf a { color: #6CA5FF; }

.page19 { padding: .3rem; }

.page19 .card1, .page19 .card2, .page19 .card3 { width: 100%; height: 2.4rem; background: url("images/bg191.png") center top no-repeat; background-size: 100% 100%; position: relative; margin-bottom: .2rem; padding: .3rem .2rem; line-height: 1rem; color: #fff; font-size: .36rem; }

.page19 .card1 a, .page19 .card2 a, .page19 .card3 a { color: #fff; }

.page19 .card1 .title, .page19 .card2 .title, .page19 .card3 .title { width: 1.72rem; height: 1rem; background: url("images/bg194.png") left top no-repeat; display: inline-block; background-size: 100% 100%; text-align: center; font-size: .32rem; color: #6CA5FF; margin-right: .5rem; font-weight: bold; }

.page19 .card1 .btm, .page19 .card2 .btm, .page19 .card3 .btm { position: absolute; bottom: 0; left: 0; padding: 0 .3rem; line-height: .7rem; color: #999; font-size: .24rem; }

.page19 .card2 { background-image: url(images/bg192.png); }

.page19 .card2 .title { color: #FFCC67; }

.page19 .card3 .tag1 { font-size: .24rem; color: #fff; position: absolute; right: .3rem; top: .15rem; line-height: .24rem; }

.page19 .card3 .tag2 { background-color: #fff; color: #3967ae; font-size: .24rem; padding: 0 .1rem; position: absolute; right: .3rem; line-height: .3rem; top: 1.2rem; }

.page19 .card3 b { float: right; font-size: .48rem; margin-right: .1rem; color: #3967ae; }

.page19 .card3 b em { font-weight: normal; margin-right: .2rem; color: #fff; }

.page19 .card3 small { font-size: .24rem; font-weight: normal; color: #fff; }

.page20, .page25, .page27 { padding: 4.2rem .3rem .3rem .3rem; position: relative; }

.page20 .panel, .page25 .panel, .page27 .panel { position: absolute; width: 100%; height: 5.36rem; background: url("images/bg201.png") center top no-repeat; background-size: 100% 100%; left: 0; top: 0; padding: .4rem .5rem; color: #fff; }

.page20 .panel h3, .page25 .panel h3, .page27 .panel h3 { font-size: .48rem; }

.page20 .panel .code, .page25 .panel .code, .page27 .panel .code { width: 1.6rem; height: 1.6rem; position: absolute; left: 50%; margin-left: -.8rem; top: 1.4rem; }

.page20 .panel .btm, .page25 .panel .btm, .page27 .panel .btm { position: absolute; opacity: .8; bottom: 1.4rem; left: 0; width: 100%; padding: 0 .5rem; font-size: .32rem; }

.page20 .panel .btm span, .page25 .panel .btm span, .page27 .panel .btm span { float: right; }

.page20 .box1, .page25 .box1, .page27 .box1 { background-color: #fff; border-radius: .3rem .3rem 0 0; position: relative; font-size: .28rem; padding: .3rem; margin-bottom: .2rem; }

.page20 .box1 h3, .page25 .box1 h3, .page27 .box1 h3 { font-size: .48rem; color: #6CA5FF; text-align: center; margin-top: .2rem; }

.page20 .box1 p, .page25 .box1 p, .page27 .box1 p { text-align: center; color: #999; line-height: .5rem; }

.page20 .box1 li, .page25 .box1 li, .page27 .box1 li { width: 50%; float: left; color: #999; line-height: .3rem; margin: .1rem 0; }

.page20 .box1 li:nth-child(even), .page25 .box1 li:nth-child(even), .page27 .box1 li:nth-child(even) { text-align: right; border-left: #ddd 1px dashed; }

.page20 .box1 .operate, .page25 .box1 .operate, .page27 .box1 .operate { margin-top: .2rem; }

.page20 .box1 .btn, .page25 .box1 .btn, .page27 .box1 .btn { display: block; }

.page20 .box2, .page25 .box2, .page27 .box2 { background-color: #fff; padding: 0 .3rem; }

.page20 .list2, .page25 .list2, .page27 .list2 { font-size: .28rem; }

.page20 .list2 li, .page25 .list2 li, .page27 .list2 li { line-height: 1rem; padding-left: .6rem; position: relative; border-top: #eee 1px solid; }

.page20 .list2 li:first-child, .page25 .list2 li:first-child, .page27 .list2 li:first-child { border: none; }

.page20 .list2 img, .page25 .list2 img, .page27 .list2 img { width: .44rem; position: absolute; left: 0; top: 50%; margin-top: -.22rem; }

.page20 .list2 a, .page25 .list2 a, .page27 .list2 a { display: block; background: url("images/arrow-r4.png") right center no-repeat; background-size: .16rem .3rem; color: #363945; }

.page20 .list2 a.on, .page25 .list2 a.on, .page27 .list2 a.on { background-image: url(images/arrow-top2.png); background-size: .3rem .16rem; }

.page20 .details, .page25 .details, .page27 .details { font-size: .28rem; display: none; }

.page20 .details .item, .page25 .details .item, .page27 .details .item { position: relative; border-top: #eee 1px solid; padding: .2rem 0rem .2rem .8rem; }

.page20 .details .item:first-child, .page25 .details .item:first-child, .page27 .details .item:first-child { border: none; }

.page20 .details .face, .page25 .details .face, .page27 .details .face { width: .6rem; height: .6rem; border-radius: 100%; overflow: hidden; position: absolute; left: 0; }

.page20 .details .face img, .page25 .details .face img, .page27 .details .face img { display: block; width: 100%; height: 100%; }

.page20 .details h3, .page25 .details h3, .page27 .details h3 { line-height: .6rem; font-size: .28rem; }

.page20 .details h3 span, .page25 .details h3 span, .page27 .details h3 span { float: right; color: #7F8497; }

.page20 .details p, .page25 .details p, .page27 .details p { color: #7F8497; line-height: .5rem; }

.page20 .details time, .page25 .details time, .page27 .details time { float: right; }

.page20 .box3, .page25 .box3, .page27 .box3 { background-color: #fff; border-radius: .3rem .3rem 0 0; position: relative; font-size: .28rem; padding: .4rem .3rem .3rem .3rem; margin-bottom: .2rem; }

.page20 .box3 li, .page25 .box3 li, .page27 .box3 li { width: 50%; float: left; color: #999; line-height: .4rem; margin: .1rem 0; text-align: center; }

.page20 .box3 li i, .page25 .box3 li i, .page27 .box3 li i { display: block; font-size: .36rem; }

.page20 .box3 li:nth-child(even), .page25 .box3 li:nth-child(even), .page27 .box3 li:nth-child(even) { border-left: #ddd 1px dashed; }

.page20 .more-tips, .page25 .more-tips, .page27 .more-tips { display: none; text-align: center; color: #7F8497; padding: .4rem; font-size: .24rem; }

.page20 .more-tips a, .page25 .more-tips a, .page27 .more-tips a { color: #7F8497; }

.page20 .more-tips img, .page25 .more-tips img, .page27 .more-tips img { width: .34rem; height: .36rem; display: block; margin: .2rem auto; }

.page22 .box1 { width: 6.9rem; margin: .3rem .3rem 0rem .3rem; background-color: #fff; padding: .4rem .3rem .2rem .3rem; }

.page22 .box1 .tips { font-size: .32rem; line-height: .6rem; color: #7F8497; margin-bottom: .6rem; }

.page22 .box1 .tips span { float: right; }

.page22 .box1 .operate { padding: .3rem 0; }

.page22 .box1 .operate .btn { display: block; }

.page22 .box1 .con { padding-top: .4rem; }

.page22 .box1 .con span { font-size: .32rem; color: #7F8497; display: block; text-align: center; width: 3rem; height: .9rem; line-height: .9rem; border-radius: .1rem; border: #eee 1px solid; float: left; margin-bottom: .2rem; cursor: pointer; }

.page22 .box1 .con span:nth-child(even) { float: right; }

.page22 .box1 .con span.on { background: url("images/checked.png") right bottom no-repeat; background-size: .3rem .3rem; border-color: #FFCC67; }

.page22 .box1 .con small { font-size: .24rem; margin-left: .1rem; }

.page22 .tips { font-size: .32rem; color: #6CA5FF; text-align: center; padding: .5rem 0; }

.page22 .tips2 { text-align: center; margin-top: 2rem; font-size: .28rem; }

.page22 .tips2 a { color: #7F8497; }

.page22 .tips2 img { width: 1rem; display: block; margin: .2rem auto; }

.page24 { padding: .3rem; }

.page24 .box1 { background-color: #fff; padding: .5rem .3rem 1px .3rem; }

.page24 .box1 .list { width: 100%; margin-top: .4rem; }

.page24 .box1 .list li { border-bottom: #eee 1px solid; line-height: 1rem; font-size: .28rem; }

.page24 .box1 .list img { width: .6rem; height: .6rem; border-radius: .6rem; overflow: hidden; display: block; float: left; margin-top: .2rem; margin-right: .2rem; }

.page24 .box1 .list .btn { float: right; display: inline-block; height: .6rem; line-height: .6rem; margin-top: .2rem; font-size: .28rem; }

.page24 .box1 .tips { line-height: 1rem; text-align: center; font-size: .28rem; }

.page24 .box2 { background-color: #fff; padding: .3rem; margin-top: .2rem; }

.page24 .box2 .title { margin-bottom: .3rem; text-align: center; }

.page24 .box2 .title span { line-height: .8rem; border: #6CA5FF 1px solid; border-radius: .8rem; display: inline-block; padding: 0 .4rem; font-size: .32rem; background-color: #f0f6ff; -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(98, 149, 236, 0.3); box-shadow: 0.1rem 0.1rem 0 0 rgba(98, 149, 236, 0.3); }

.page24 .box2 .code { width: 3.7rem; height: 3.7rem; background: url("images/code-bg.png") center top no-repeat; background-size: 100% 100%; padding: .55rem; margin: .5rem auto; overflow: hidden; }

.page24 .box2 .code img { display: block; width: 2.6rem; height: 2.6rem; }

.page24 .box2 .tips2 { font-size: .28rem; line-height: .4rem; color: #7F8497; text-align: center; margin-top: .3rem; }

.page29 .panel { position: relative; }

.page29 .panel img { display: block; width: 100%; height: 100%; }

.page29 .panel .face { width: 1.6rem; height: 1.6rem; border-radius: 100%; border: #fff 3px solid; overflow: hidden; position: absolute; left: 50%; margin-left: -.8rem; top: .5rem; }

.page29 .panel h3 { position: absolute; left: 0; text-align: center; text-align: center; top: 2.3rem; text-align: center; color: #fff; width: 100%; font-weight: bold; font-size: .36rem; }

.page29 .list { background-color: #fff; width: 6.9rem; margin: .3rem; padding: 0 .2rem; }

.page29 .list .icon { width: .5rem; height: .5rem; position: absolute; left: 0; top: 50%; margin-top: -.25rem; }

.page29 .list li { line-height: 1rem; padding-left: .7rem; position: relative; border-top: #eee 1px solid; font-size: .32rem; }

.page29 .list li:first-child { border: none; }

.page29 .list span { position: absolute; }

.page29 .list input[type=text] { text-align: right; border: none; }