@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", Helvetica, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; word-wrap: break-word; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

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

[hidden], template { display: none; }

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

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

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

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

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

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

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

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

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

input[type="search"] { -webkit-appearance: textfield; }

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

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

body { font-size: 0.2rem; }

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; box-sizing: border-box; text-align: justify; }

body { color: #161616; background: #fff; }

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

small { font-size: 0.875em; }

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

.page01 .part2 .yz, .page01 .contry .area, .page01 .city, .page01 .addr, .cf { *zoom: 1; }
.page01 .part2 .yz:before, .page01 .contry .area:before, .page01 .city:before, .page01 .addr:before, .page01 .part2 .yz:after, .page01 .contry .area:after, .page01 .city:after, .page01 .addr:after, .cf:before, .cf:after { content: ""; display: table; }
.page01 .part2 .yz:after, .page01 .contry .area:after, .page01 .city:after, .page01 .addr:after, .cf:after { clear: both; }

input[type=text], .page01 .part3 .btn-contry, .page01 .part3 .btn-city, .page01 .part3 .btn-addr, input[type=password] { border: #c7c7c7 1px solid; height: .6rem; border-radius: .1rem; padding: 0 .1rem; }

textarea { height: auto; min-height: 2.4rem; border: #c7c7c7 1px solid; border-radius: .1rem; padding: .1rem; }

.gray { color: #707070; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.page03 { width: 100%; padding-top: .2rem; }
.page03 img { width: 100%; display: block; }
.page03 em.c { display: inline-block; width: .1rem; height: .1rem; background: url("../images/c.png") left top no-repeat; background-size: 100% 100%; margin: 0 .1rem; }
.page03 h3 { width: 100%; line-height: .4rem; font-weight: bold; font-size: .28rem; background-color: #cad8d4; color: #195644; padding: .1rem .2rem; }
.page03 p { margin-bottom: .4rem; width: 100%; padding: 0 .2rem; color: #666; margin-top: .1rem; }
.page03 i.blue { color: #0018ff; }
.page03 i.red { color: #fe0000; }
.page03 .gray { color: #898989; }
.page03 .mg0 { margin-top: -.4rem; margin-bottom: -.1rem; }

.operate { width: 100%; text-align: center; padding-top: .2rem; padding-bottom: 1rem; }
.operate .back, .operate .btn-submit { display: inline-block; text-align: center; line-height: .6rem; font-size: .3rem; color: #000000; font-weight: bold; width: 2.36rem; height: .6rem; border-radius: .04rem; background-color: #323232; box-shadow: 0.01rem 0.01rem 0.02rem rgba(0, 0, 0, 0.75), inset 0.01rem 0.02rem 0.01rem rgba(255, 255, 255, 0.75); border: solid 1px #dd9a2e; background-image: -webkit-linear-gradient(bottom, #ff9018, #ffdd85); background-image: linear-gradient(to top, #ff9018, #ffdd85); }

.page02 { width: 100%; }
.page02 .ad { width: 100%; }
.page02 .title { width: 100%; }
.page02 .con { width: 5.54rem; margin: .2rem auto; margin-bottom: .3rem; padding: .2rem .4rem; color: #666; border-radius: .43rem; background-color: #1c1c1c; background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f5f5f5); background-image: linear-gradient(to top, #e5e5e5, #f5f5f5); box-shadow: 0 .1rem 0 0 #d2d2d2; }
.page02 .con-a { padding-left: .2rem; }
.page02 .con-a p { padding-left: 7.5em; position: relative; }
.page02 .con-a span { position: absolute; left: 0; background-color: #7da9b6; color: #fff; padding: 0 .1rem; border-radius: .2rem; }
.page02 .con2 { width: 100%; padding: .5rem; color: #666; }
.page02 .con2 p { padding-left: 2em; position: relative; margin-bottom: .2rem; }
.page02 .con2 i { position: absolute; left: 0; background-color: #7da9b6; color: #fff; padding: 0 .1rem; border-radius: .2rem; }
.page02 .part2 { width: 100%; }
.page02 .part2 h3 { width: 100%; line-height: .4rem; font-size: .24rem; background-image: -webkit-linear-gradient(left, #b3ccd4, #f2f5f6); background-image: linear-gradient(to right, #b3ccd4, #f2f5f6); color: #195644; padding: .1rem .2rem; margin-bottom: .2rem; margin-top: .2rem; }
.page02 .con3 { width: 6rem; padding: .2rem .3rem; color: #666; margin-left: .2rem; border-radius: .1rem; background-color: #161616; background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fafafa); background-image: linear-gradient(to top, #e5e5e5, #fafafa); }
.page02 .con4 { width: 100%; margin-bottom: .4rem; }

.page01 { width: 100%; color: #666; }
.page01 .ad { width: 100%; }
.page01 .title { width: 100%; padding: .1rem 0; }
.page01 .part1 { width: 100%; border-bottom: #ff7800 2px solid; padding-bottom: .1rem; }
.page01 .part1 p { font-size: .23rem; padding: 0 .2rem; margin-top: .2rem; }
.page01 .part2 { width: 100%; }
.page01 .part2 .tips { width: 100%; line-height: .6rem; border-bottom: #c7c7c7 1px solid; border-top: #c7c7c7 1px solid; text-align: center; font-size: .25rem; }
.page01 .part2 .yz { width: 100%; padding: .1rem .3rem; }
.page01 .part2 input[type=text], .page01 .part2 .part3 .btn-contry, .page01 .part3 .part2 .btn-contry, .page01 .part2 .part3 .btn-city, .page01 .part3 .part2 .btn-city, .page01 .part2 .part3 .btn-addr, .page01 .part3 .part2 .btn-addr { width: 4.2rem; border: #c7c7c7 1px solid; border-radius: .1rem; background-color: #fff; float: left; }
.page01 .part2 input[type=submit] { width: 1.4rem; height: .6rem; line-height: .6rem; border: none; background-color: #79a7b4; font-size: .24rem; text-align: center; color: #fff; float: right; border-radius: .05rem; }
.page01 .part2 .tips2 { width: 100%; padding: .2rem .4rem; color: #999; }
.page01 .part3 { width: 100%; }
.page01 .part3 .con { padding: .2rem; color: #666; }
.page01 .part3 p { height: .6rem; width: 100%; position: relative; margin-bottom: .2rem; line-height: .6rem; font-size: .28rem; }
.page01 .part3 p span { width: 5em; position: absolute; left: 0; text-align: right; }
.page01 .part3 input[type=text], .page01 .part3 .btn-contry, .page01 .part3 .btn-city, .page01 .part3 .btn-addr { width: 4.2rem; border: #c7c7c7 1px solid; border-radius: 0; background-color: #fff; float: right; }
.page01 .part3 .btn-contry, .page01 .part3 .btn-city, .page01 .part3 .btn-addr { width: 3.96rem; text-align: left; background: url("../images/select-arrow.png") right center no-repeat #fff; background-size: .4rem .5rem; float: right; left: auto; right: 0; overflow: hidden; }
.page01 .contry { display: none; width: 100%; background-color: #fff; border: #c7c7c7 1px solid; padding: .2rem; margin-top: -.18rem; margin-bottom: .2rem; }
.page01 .contry .area { width: 100%; background: url("../images/line.png") center bottom no-repeat; background-size: 6.2rem .03rem; position: relative; padding: .3rem; padding-left: 1.5rem; }
.page01 .contry .area:last-child { background: none; }
.page01 .contry .area a { display: block; width: 33.33%; float: left; margin-bottom: .1rem; color: #666; }
.page01 .contry .area span { font-size: .32rem; font-weight: bold; color: #303030; left: .3rem; top: 50%; margin-top: -.16rem; position: absolute; }
.page01 .city { display: none; width: 100%; margin-bottom: .2rem; margin-top: -.18rem; }
.page01 .city ul { width: 4.2rem; background-color: #fff; border: #c7c7c7 1px solid; float: right; }
.page01 .city ul li { width: 100%; line-height: .4rem; padding: 0 .2rem; }
.page01 .city ul .on { background-color: #79a7b4; }
.page01 .city ul a { color: #666; display: block; width: 100%; height: 100%; }
.page01 .addr { display: none; width: 100%; margin-bottom: .2rem; margin-top: -.18rem; }
.page01 .addr ul { width: 4.2rem; background-color: #fff; border: #c7c7c7 1px solid; float: right; }
.page01 .addr ul li { width: 100%; line-height: .3rem; padding: .1rem .2rem; }
.page01 .addr ul .on { background-color: #79a7b4; }
.page01 .addr ul a { color: #666; display: block; width: 100%; height: 100%; }
.page01 .tips2 { width: 100%; padding: .2rem .4rem; }
.page01 .tips2 h4 { font-size: .24rem; }
.page01 .tips2 p { font-size: .2rem; color: #666; margin: 0; line-height: .3rem; }
.page01 .part4 { width: 100%; }
.page01 .part4 .con { padding: .3rem .4rem 0 .4rem; color: #999; }
.page01 .part4 .con p { margin-bottom: .4rem; }
.page01 .part5 { width: 100%; margin-top: -.5rem; }
.page01 .part5 h3 { width: 100%; }
.page01 .part5 h3 a { width: 33.33%; display: inline-block; font-size: .26rem; text-align: center; color: #ff7800; }