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

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: #000000; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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: p; }

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; }

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, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, nav, section, source, video, time { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #000000; background: #fff; font: 8px; overflow-x: hidden; }

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

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

.login li, .forget li, .register li, .page1 .con1, .page1 .con2, .page5, .page9 .part1 .con, .page9 .part2 .con, .page14 li, .page16 li, .page15 .box, .page22 .part1, .page24 .part1, .page23 .part1, .page25 .part1, .page27 .part1, .page26 .part1, .cf { *zoom: 1; }
.login li:before, .forget li:before, .register li:before, .page1 .con1:before, .page1 .con2:before, .page5:before, .page9 .part1 .con:before, .page9 .part2 .con:before, .page14 li:before, .page16 li:before, .page15 .box:before, .page22 .part1:before, .page24 .part1:before, .page23 .part1:before, .page25 .part1:before, .page27 .part1:before, .page26 .part1:before, .login li:after, .forget li:after, .register li:after, .page1 .con1:after, .page1 .con2:after, .page5:after, .page9 .part1 .con:after, .page9 .part2 .con:after, .page14 li:after, .page16 li:after, .page15 .box:after, .page22 .part1:after, .page24 .part1:after, .page23 .part1:after, .page25 .part1:after, .page27 .part1:after, .page26 .part1:after, .cf:before, .cf:after { content: ""; display: table; }
.login li:after, .forget li:after, .register li:after, .page1 .con1:after, .page1 .con2:after, .page5:after, .page9 .part1 .con:after, .page9 .part2 .con:after, .page14 li:after, .page16 li:after, .page15 .box:after, .page22 .part1:after, .page24 .part1:after, .page23 .part1:after, .page25 .part1:after, .page27 .part1:after, .page26 .part1:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

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

.content { width: 1024px; margin-left: auto; margin-right: auto; }

.alert-tips .btn, .page5 .btn, .page9 .part2 .operate a, .page16 .li3 input[type=submit], .page16 .li3 .upload, .page15 .btn, .page22 .part1 .right input[type=submit] { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: #fcd330 1px solid; background-color: #fcd330; text-align: center; color: #fff; }
.alert-tips .btn:hover, .page5 .btn:hover, .page9 .part2 .operate a:hover, .page16 .li3 input[type=submit]:hover, .page16 .li3 .upload:hover, .page15 .btn:hover, .page22 .part1 .right input[type=submit]:hover { opacity: .8; }

input, textarea { outline: none; }

.prv-nxt2 { position: fixed; bottom: 40px; right: 40px; text-align: right; z-index: 9; }
.prv-nxt2 a { display: inline-block; width: 78px; height: 32px; line-height: 30px; border-radius: 5px; border: #f29503 1px solid; text-align: center; display: inline-block; background-color: #fff; margin-left: 20px; }
.prv-nxt2 a:hover { background-color: #f29503; color: #fff; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.login { width: 100%; height: 100%; background: url("../images/bg.jpg") center top no-repeat; background-size: 1920px 1080px; font-size: 14px; }
.login .logo { width: 164px; height: 71px; display: block; position: absolute; left: 50%; margin-left: -82px; top: -175px; }
.login .box { position: absolute; left: 50%; top: 50%; padding: 50px 65px 0 65px; width: 426px; height: 426px; margin-left: -213px; margin-top: -213px; background: url("../images/bg1.png") center center no-repeat; }
.login li { position: relative; width: 100%; margin-bottom: 15px; }
.login input[type=text], .login input[type=password] { width: 100%; height: 46px; border: none; border-radius: 5px; padding-left: 70px; outline: none; }
.login span { display: block; width: 50px; height: 15px; border-right: #ccc 1px solid; position: absolute; left: 10px; top: 15px; line-height: 15px; }
.login .yzm1 { padding-right: 130px; }
.login .yzm-img { width: 124px; height: 46px; display: block; position: absolute; right: 0; top: 0; }
.login .btn-forget { float: right; color: #fcd330; }
.login input[type=submit] { width: 100%; background-color: #fcd330; color: #6f4a22; font-size: 16px; height: 49px; border: none; border-bottom: 3px #fcaa30 solid; border-radius: 5px; text-align: center; }
.login .tips { width: 100%; text-align: center; margin-top: 20px; color: #c4c4c4; }
.login .btn-register { color: #fcd330; background: url("../images/arrow.png") right center no-repeat; padding-right: 20px; }

.alert-tips { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.7); }
.alert-tips .box { width: 300px; height: 160px; padding: 30px 10px; border-radius: 10px; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -80px; }
.alert-tips p { width: 100%; text-align: center; }
.alert-tips .btn { display: block; position: absolute; bottom: 20px; left: 50%; width: 124px; height: 36px; line-height: 36px; margin-left: -62px; }

.forget, .register { width: 100%; height: 100%; background: url("../images/bg.jpg") center top no-repeat; background-size: 1920px 1080px; font-size: 14px; }
.forget .logo, .register .logo { width: 164px; height: 71px; display: block; position: absolute; left: 50%; margin-left: -82px; top: -175px; }
.forget .box, .register .box { position: absolute; left: 50%; top: 50%; padding: 50px 65px 0 65px; width: 426px; height: 426px; margin-left: -213px; margin-top: -213px; background: url("../images/bg1.png") center center no-repeat; }
.forget li, .register li { position: relative; width: 100%; margin-bottom: 15px; }
.forget li.em4 input[type=text], .register li.em4 input[type=text], .forget li.em4 input[type=password], .register li.em4 input[type=password] { padding-left: 90px; }
.forget li.em4 span, .register li.em4 span { width: 70px; }
.forget input[type=text], .register input[type=text], .forget input[type=password], .register input[type=password] { width: 100%; height: 46px; border: none; border-radius: 5px; padding-left: 70px; outline: none; }
.forget span, .register span { display: block; width: 50px; height: 15px; border-right: #ccc 1px solid; position: absolute; left: 10px; top: 15px; line-height: 15px; }
.forget .yzm1, .register .yzm1 { padding-right: 130px; }
.forget input[type=submit], .register input[type=submit] { width: 100%; background-color: #fcd330; color: #6f4a22; font-size: 16px; height: 49px; border: none; border-bottom: 3px #fcaa30 solid; border-radius: 5px; text-align: center; margin-top: 10px; }
.forget .btn-yzm, .register .btn-yzm { width: 124px; height: 46px; border-radius: 5px; background-color: #fcd330; color: #6f4a22; position: absolute; right: 0; top: 0; text-align: center; line-height: 46px; }
.forget .btn-yzm.disabled, .register .btn-yzm.disabled { background-color: #b2b2b2; color: #6f4a22; }

.register .box { height: 537px; margin-left: -213px; margin-top: -268px; background-image: url(../images/bg3.png); }

/* 后台管理页面 */
.fullHtml, .fullBody { height: 100%; min-width: 1000px; min-height: 600px; overflow: auto; }

.manager-page { width: 100%; height: 100%; position: relative; padding-top: 50px; }

.manager-top { width: 100%; height: 50px; background-color: #0276dd; position: absolute; left: 0; top: 0; }

.manager-main { width: 100%; height: 100%; position: relative; padding-left: 230px; }

.manager-left { width: 230px; height: 100%; background-color: #222d32; position: absolute; left: 0; top: 0; overflow-x: hidden; overflow-y: scroll; }

.manager-right { width: 100%; height: 100%; background-color: #e2e2e2; }

.manager-top { padding: 5px 30px 5px 15px; }
.manager-top .logo { float: left; margin-right: 20px; }
.manager-top .ad { float: left; margin-top: 8px; }
.manager-top .right { float: right; color: #fff; text-align: right; }
.manager-top .info { display: inline-block; position: relative; padding-left: 40px; }
.manager-top .info h3 { font-size: 12px; line-height: 16px; padding-top: 3px; }
.manager-top .info a { color: #fff; }
.manager-top .info span { font-size: 12px; line-height: 14px; border-radius: 14px; display: inline-block; margin-right: 5px; color: #fff; padding: 0 10px; }
.manager-top .info .sp1 { background-color: #e9c000; }
.manager-top .info .sp2 { background-color: #a06bfe; }
.manager-top .contact { display: inline-block; position: relative; top: -10px; margin-right: 20px; }
.manager-top .contact a { height: 24px; display: inline-block; margin: 0 20px; border-radius: 3px; background: url("../images/qq.png") 5px center no-repeat #22c6ab; padding-left: 24px; padding-right: 5px; font-size: 14px; color: #fff; line-height: 24px; }
.manager-top .contact a:hover { opacity: .8; }
.manager-top .contact .mail { background-image: url(../images/mail.png); background-color: #f2b711; }
.manager-top .contact .wx { background-image: url(../images/wx.png); background-color: #55a601; }
.manager-top .face { width: 32px; height: 32px; border-radius: 32px; overflow: hidden; position: absolute; left: 0; top: 5px; }
.manager-top .face img { width: 100%; height: 100%; display: block; }

.language-alert { display: none; position: fixed; z-index: 9; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; left: 0; top: 0; min-width: 1000px; min-height: 600px; }
.language-alert .box { width: 180px; border-radius: 5px; background-color: #fff; position: absolute; position: absolute; right: 235px; top: 45px; }
.language-alert li { line-height: 36px; text-align: center; border-top: #ccc 1px solid; }
.language-alert li:first-child { border: none; }
.language-alert li a { color: #999; display: block; width: 100%; height: 100%; text-align: center; }
.language-alert li.on, .language-alert li:hover { background-color: #e1e3e9; }
.language-alert li.on a, .language-alert li:hover a { color: #000; }
.language-alert ul { border-radius: 5px; overflow: hidden; }
.language-alert .arrow { display: block; width: 14px; height: 7px; background: url("../images/arrow-t.png") left top no-repeat; background-size: 100% 100%; position: absolute; right: 20px; top: -5px; }

.manager-left { padding: 20px 0; color: #fff; }
.manager-left a { color: #fff; }
.manager-left h3 { width: 100%; padding: 0 25px 0 60px; line-height: 40px; position: relative; font-size: 14px; cursor: pointer; background: url("../images/arrow-r.png") 90% center no-repeat; border-left: #222d32 3px solid; opacity: .6; }
.manager-left h3:hover, .manager-left h3.on { background-image: url(../images/arrow-l.png); background-color: #1e282c; border-left: #0276dd 3px solid; opacity: 1; }
.manager-left .icon { position: absolute; left: 35px; top: 12px; width: 16px; height: 16px; overflow: hidden; }
.manager-left .con1 { display: none; width: 100%; font-size: 14px; }
.manager-left .con1 li { width: 100%; padding: 0 25px 0 60px; line-height: 40px; }
.manager-left .con1 li a { display: block; width: 100%; height: 100%; }
.manager-left .con1 h4 { width: 100%; height: 100%; cursor: pointer; opacity: .6; }
.manager-left .con1 h4:hover { opacity: 1; }
.manager-left .con2 { display: none; width: 100%; font-size: 12px; }
.manager-left .con2 a { line-height: 24px; padding-left: 20px; opacity: .6; }
.manager-left .con2 a:hover { opacity: 1; }
.manager-left .show { display: block; }
.manager-left .hide { display: none; }

.crumb-operate { width: 100%; height: 44px; background-color: #fff; border-bottom: #bfbfbf 1px solid; padding: 0 20px; line-height: 44px; }
.crumb-operate .crumb { float: left; }
.crumb-operate .right { float: right; }
.crumb-operate .right a { height: 20px; display: inline-block; margin-left: 15px; border-radius: 3px; background: url("../images/icon11.png") 5px center no-repeat #6b729e; padding-left: 24px; padding-right: 5px; font-size: 13px; color: #fff; line-height: 20px; }
.crumb-operate .right a:hover { opacity: .8; }
.crumb-operate .right .a2 { background-image: url(../images/icon12.png); background-color: #e47470; }
.crumb-operate .right .a3 { background-image: url(../images/icon13.png); background-color: #5f80c3; }

.crumb { font-size: 14px; color: #777777; }
.crumb a { color: #0276dd; margin: 0 5px; }
.crumb a:hover { opacity: .8; }

.page1 { width: 100%; position: relative; padding: 0px 240px 20px 0px; }
.page1 .right { position: absolute; right: 10px; top: 20px; }
.page1 .code { width: 240px; height: 220px; border: #bfbfbf 1px solid; text-align: center; background-color: #fff; margin-bottom: 20px; }
.page1 .code p { width: 100%; line-height: 24px; text-align: center; font-size: 15px; color: #767676; padding: 10px 0; }
.page1 .code img { display: block; margin: 0 auto; width: 166px; height: 166px; }
.page1 .con1 { width: 100%; padding: 1%; border-bottom: #ccc 1px solid; }
.page1 .con1 li { width: 31.2%; margin: 1%; float: left; height: 105px; background-color: #fff; min-width: 200px; position: relative; padding-left: 88px; padding-top: 30px; }
.page1 .con1 h3, .page1 .con1 p { width: 100%; color: #fff; }
.page1 .con1 h3 { font-size: 16px; line-height: 28px; }
.page1 .con1 p { font-size: 14px; line-height: 20px; }
.page1 .con1 a { display: block; width: 100%; height: 100%; }
.page1 .con1 a:hover { opacity: .8; }
.page1 .con1 .icon { left: 20px; width: 43px; height: 43px; top: 50%; margin-top: -21px; position: absolute; }
.page1 .con1 .li1 { background-color: #f29503; }
.page1 .con1 .li2 { background-color: #f47b45; }
.page1 .con1 .li3 { background-color: #e35b5a; }
.page1 .con1 .li4 { background-color: #44b6ae; }
.page1 .con1 .li5 { background-color: #5f80c3; }
.page1 .con1 .li6 { background-color: #8775a7; }
.page1 .con1 .li7 { background-color: #ff6920; }
.page1 .con1 .li8 { background-color: #22c6ab; }
.page1 .con1 .li9 { background-color: #91af31; }
.page1 .con2 { width: 100%; padding: 1%; }
.page1 .con2 a { width: 31.2%; margin: 1%; float: left; height: 105px; background-color: #fff; min-width: 200px; position: relative; padding-top: 20px; border-radius: 5px; text-align: center; color: #fff; font-size: 15px; }
.page1 .con2 a:hover { opacity: .8; }
.page1 .con2 img { display: block; margin: 0 auto 10px auto; }
.page1 .con2 .a1 { background-color: #14aae4; }
.page1 .con2 .a2 { background-color: #1784e4; }

.page5 { width: 100%; padding: 65px 20px; }
.page5 .item { width: 260px; height: 323px; background-color: #fff; position: relative; float: left; margin: 25px; }
.page5 .img { width: 100%; height: 204px; display: block; }
.page5 .img img { width: 100%; height: 100%; display: block; }
.page5 p { width: 100%; text-align: center; font-size: 14px; line-height: 28px; color: #454545; }
.page5 .price { color: #ff6e1e; }
.page5 .btn { display: block; margin: 0 auto; background-color: #ff6e1e; width: 124px; height: 36px; font-size: 16px; border-color: #ff6e1e; line-height: 36px; }
.page5 .operate { position: absolute; bottom: 10px; width: 100%; }

.page6 { padding: 37px 24px 10px 24px; }
.page6 .box { width: 100%; background-color: #fff; border: #bfbfbf 1px solid; padding: 20px; position: relative; min-height: 100%; }
.page6 ul { width: 100%; }
.page6 li { width: 100%; padding-left: 120px; position: relative; font-size: 14px; line-height: 44px; }
.page6 li span { width: 110px; position: absolute; left: 0; text-align: right; }
.page6 li .face { width: 72px; height: 72px; border-radius: 72px; overflow: hidden; position: relative; left: -30px; }
.page6 .operate { right: 100px; top: 40px; position: absolute; z-index: 9; }
.page6 .operate a { display: inline-block; width: 105px; height: 36px; border-radius: 5px; border: #0276dd 2px solid; text-align: center; line-height: 32px; color: #515151; font-size: 16px; margin-left: 20px; }
.page6 .operate a:hover { background-color: #0276dd; color: #fff; }
.page6 .operate .btn-save, .page6 .operate .btn-close { border: #bfbfbf 1px solid; }
.page6 .operate .btn-save:hover, .page6 .operate .btn-close:hover { border-color: #0276dd; }
.page6 input[type=text] { width: 270px; height: 30px; padding: 0 10px; border: #bfbfbf 1px solid; }
.page6 input[type=text].readonly { background-color: #ebebe4; }

.page8 { width: 100%; padding: 0 24px; }
.page8 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page8 .tips a { color: #e9c000; }
.page8 .box { width: 100%; border: #bfbfbf 1px solid; padding: 20px; position: relative; min-height: 100%; min-width: 960px; min-height: 570px; height: 100%; background: url("../images/line81.png") 85px 108px no-repeat #fff; }
.page8 .box a { display: block; width: 100%; height: 100%; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; }
.page8 .box > div { border-radius: 5px; position: absolute; width: 150px; height: 56px; line-height: 56px; background-color: #dbdbdb; color: #8a8a8a; font-size: 14px; text-align: center; }
.page8 .box > div.on { background-color: #22c6ab; }
.page8 .box .level11 { width: 128px; height: 88px; border-radius: 5px; line-height: 88px; }
.page8 .box .level11.on { background-color: #1784e4; }
.page8 .box .level11 { top: 20px; left: 416px; }
.page8 .box .level21 { top: 200px; left: 165px; }
.page8 .box .level22 { top: 200px; left: 648px; }
.page8 .box .level31 { top: 350px; left: 10px; }
.page8 .box .level32 { top: 350px; left: 285px; }
.page8 .box .level33 { top: 350px; left: 524px; }
.page8 .box .level34 { top: 350px; left: 805px; }

.page9 { width: 100%; padding: 0 24px; }
.page9 .part1 { width: 100%; }
.page9 .part1 input[type=text] { width: 370px; height: 38px; padding: 0 10px; background-color: #fff; border: #bfbfbf 1px solid; margin: 10px 0; font-size: 14px; }
.page9 .part1 .con { width: 100%; }
.page9 .part1 .con span { width: 170px; height: 96px; line-height: 96px; text-align: center; border: #bfbfbf 1px solid; font-size: 22px; text-align: center; display: block; float: left; margin-right: 20px; margin-bottom: 15px; background-color: #fff; color: #ff6e1e; box-sizing: border-box; cursor: pointer; }
.page9 .part1 .con span.on { border: #ff6e1e 2px solid; }
.page9 .part2 { width: 100%; border: #bfbfbf 1px solid; background-color: #fff; }
.page9 .part2 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; line-height: 32px; padding: 0 15px; font-size: 14px; color: #626262; }
.page9 .part2 .con { width: 100%; padding: 40px 0 40px 15px; }
.page9 .part2 .bank { width: 129px; height: 45px; border: #bfbfbf 1px solid; position: relative; overflow: hidden; margin-right: 30px; margin-bottom: 20px; float: left; cursor: pointer; }
.page9 .part2 .bank img { display: block; width: 100%; height: 100%; }
.page9 .part2 .bank i { position: absolute; right: 0; bottom: 0; width: 13px; height: 13px; background: url("../images/choose.png") left top no-repeat; z-index: 9; display: none; }
.page9 .part2 .bank.on { border: #0276dd 2px solid; }
.page9 .part2 .bank.on i { display: block; }
.page9 .part2 .operate { width: 100%; text-align: right; padding-right: 30px; padding-bottom: 50px; }
.page9 .part2 .operate a { background-color: #f29503; color: #fff; display: inline-block; width: 124px; height: 36px; border: none; line-height: 36px; font-size: 14px; }

.page10 { width: 100%; padding: 10px 24px; }
.page10 .box { width: 100%; border: #bfbfbf 1px solid; padding: 20px 24px; background-color: #fff; font-size: 14px; line-height: 20px; }
.page10 .ad { width: 100%; }
.page10 .ad img { display: block; width: 100%; }
.page10 h2 { margin: 15px 0; }
.page10 h2 span { display: inline-block; height: 28px; line-height: 28px; padding: 0 15px; background: url("../images/white.png") right top no-repeat #0276dd; color: #fff; font-size: 16px; font-weight: bold; min-width: 132px; }
.page10 .con1 { width: 100%; padding: 5px 20px; background-color: #e5f1fc; color: #501cee; font-weight: bold; }
.page10 h3 { width: 100%; font-weight: bold; font-size: 14px; color: #0276dd; line-height: 20px; margin-top: 15px; margin-bottom: 5px; }
.page10 .con { width: 100%; border: #0276dd 1px solid; padding: 10px 5px; border-radius: 5px; color: #444444; }
.page10 .con4 p, .page10 .con8 p { position: relative; }
.page10 .con4 p span, .page10 .con8 p span { position: absolute; left: 0; }
.page10 .con4 p { padding-left: 6em; }
.page10 .con8 p { padding-left: 2em; }
.page10 .con8 i { display: block; }

.page11 { width: 100%; padding: 10px 24px; }
.page11 .box { width: 100%; border: #bfbfbf 1px solid; padding: 20px 24px 100px 24px; background-color: #fff; font-size: 14px; line-height: 20px; }
.page11 .ad { width: 100%; }
.page11 .ad img { display: block; width: 100%; }
.page11 h2 { margin: 15px 0; }
.page11 h2 span { display: inline-block; height: 28px; line-height: 28px; padding: 0 25px; background: url("../images/white.png") right top no-repeat #0276dd; color: #fff; font-size: 16px; font-weight: bold; min-width: 132px; box-sizing: border-box; }
.page11 .con { font-size: 14px; line-height: 22px; }
.page11 .con p { width: 100%; text-indent: 2em; text-align: justify; }

.page12 { width: 100%; padding: 10px 24px; }
.page12 .box { width: 100%; border: #bfbfbf 1px solid; padding: 20px 24px 100px 24px; background-color: #fff; font-size: 14px; line-height: 20px; }
.page12 .ad { width: 100%; }
.page12 .ad img { display: block; width: 100%; }
.page12 h2 { margin: 15px 0; }
.page12 h2 span { display: inline-block; height: 28px; line-height: 28px; padding: 0 25px; background: url("../images/white.png") right top no-repeat #0276dd; color: #fff; font-size: 16px; font-weight: bold; min-width: 132px; box-sizing: border-box; }
.page12 .con { font-size: 14px; line-height: 22px; padding: 0 25px; }
.page12 .con h3 { font-size: 16px; font-weight: bold; color: #0276dd; margin-top: 25px; }
.page12 .con p { width: 100%; text-align: justify; }

.page13 { width: 100%; padding: 0 24px; }
.page13 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page13 .tips a { color: #e9c000; }
.page13 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page13 .total { width: 100%; height: 110px; position: relative; border-bottom: #bfbfbf 1px solid; text-align: center; padding-top: 20px; }
.page13 .total b { font-size: 32px; line-height: 90px; display: block; width: 100%; text-align: center; }
.page13 .total span { position: absolute; left: 20px; top: 20px; font-size: 16px; font-weight: bold; }
.page13 .total i { font-size: 13px; font-weight: normal; }
.page13 b { color: #ff6e1e; }
.page13 .con { padding: 0 20px 100px 20px; }
.page13 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page13 table { width: 100%; }
.page13 tr { border-bottom: #bfbfbf 1px solid; }
.page13 td { height: 56px; font-size: 15px; color: #696969; text-align: center; }
.page13 .td3, .page13 .td4 { width: 40%; }

.page14 { width: 100%; padding: 24px; height: 90%; }
.page14 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; padding: 94px 0; }
.page14 li { width: 100%; padding-left: 132px; position: relative; margin-bottom: 18px; font-size: 14px; line-height: 30px; }
.page14 li a { display: block; width: 120px; height: 30px; line-height: 30px; border-radius: 5px; border: #bfbfbf 1px solid; text-align: center; float: left; }
.page14 li a:hover { color: #0276dd; }
.page14 span { width: 122px; display: block; position: absolute; left: 0; text-align: right; }
.page14 input[type=text], .page14 input[type=password], .page14 em { display: block; float: left; width: 270px; height: 30px; margin-right: 40px; padding: 0 10px; box-sizing: border-box; }
.page14 input[type=text], .page14 input[type=password] { border: #bfbfbf 1px solid; }

.page18 { width: 100%; padding: 0 24px; height: 90%; }
.page18 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page18 .tips span, .page18 .tips em { margin-right: 20px; }
.page18 .tips span { color: #e9c000; }
.page18 .tips em { color: #a06bfe; }
.page18 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page18 table { width: 100%; }
.page18 th, .page18 td { height: 56px; font-size: 15px; color: #696969; text-align: center; border: #bfbfbf 1px solid; }
.page18 th { font-weight: bold; color: #333; }
.page18 .td3, .page18 .td4 { width: 40%; }

.page16 { width: 100%; padding: 24px; height: 90%; }
.page16 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; padding: 94px 40px; }
.page16 li { width: 100%; padding-left: 90px; position: relative; margin-bottom: 20px; font-size: 14px; line-height: 30px; }
.page16 li a { display: block; width: 120px; height: 30px; line-height: 30px; border-radius: 5px; border: #bfbfbf 1px solid; text-align: center; float: left; }
.page16 li a:hover { color: #0276dd; }
.page16 span { width: 80px; display: block; position: absolute; left: 0; }
.page16 input[type=text] { width: 650px; height: 30px; margin-right: 40px; padding: 0 10px; border: #bfbfbf 1px solid; }
.page16 textarea { width: 650px; padding: 10px; border: #bfbfbf 1px solid; display: block; }
.page16 .li1 { margin-bottom: 40px; }
.page16 .li3 input[type=text] { width: 360px; float: left; margin-right: 0; }
.page16 .li3 .upload { position: relative; overflow: hidden; }
.page16 .li3 input[type=file] { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; }
.page16 .li3 input[type=submit], .page16 .li3 .upload { width: 120px; height: 30px; border-radius: 5px; display: block; float: left; background-color: transparent; border: #bfbfbf 1px solid; color: #000000; margin-left: 10px; }

.page19 { width: 100%; height: 90%; padding: 24px; }
.page19 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; padding: 180px 20px; text-align: center; }
.page19 .btn1, .page19 .btn2 { width: 280px; height: 106px; line-height: 106px; text-align: center; border-radius: 10px; color: #fff; display: inline-block; font-size: 30px; margin: 0 70px 40px 70px; }
.page19 .btn1:hover, .page19 .btn2:hover { opacity: .8; }
.page19 .btn1 { background-color: #f29503; }
.page19 .btn2 { background-color: #0276dd; }

.page15 { width: 100%; }
.page15 .box { width: 100%; padding: 70px 50px; text-align: center; }
.page15 .item { width: 260px; height: 320px; background-color: #fff; overflow: hidden; margin: 20px; float: left; }
.page15 .img { width: 100%; height: 207px; display: block; overflow: hidden; }
.page15 .img img { width: 100%; height: 100%; display: block; }
.page15 h3, .page15 p, .page15 .operate { width: 100%; text-align: center; margin: 3px 0; }
.page15 h3 { font-size: 14px; color: #454545; }
.page15 p { font-size: 14px; color: #ff6e1e; }
.page15 .operate { margin-top: 20px; }
.page15 .btn { width: 124px; height: 36px; line-height: 36px; display: inline-block; background-color: #f29503; border: none; }

.page17 { width: 100%; padding: 10px 24px; }
.page17 .box { width: 100%; border: #bfbfbf 1px solid; padding: 20px 24px 100px 24px; background-color: #fff; font-size: 14px; line-height: 20px; }
.page17 .ad { width: 100%; }
.page17 .ad img { display: block; width: 100%; }
.page17 h2 { margin: 15px 0; }
.page17 h2 span { display: inline-block; height: 28px; line-height: 28px; padding: 0 25px; background: url("../images/white.png") right top no-repeat #0276dd; color: #fff; font-size: 16px; font-weight: bold; min-width: 132px; box-sizing: border-box; }
.page17 .con { font-size: 16px; line-height: 22px; padding: 0 25px; }
.page17 .con p { width: 100%; text-align: justify; line-height: 34px; margin-bottom: 20px; }
.page17 .con img { float: left; margin-right: 20px; }

.page20, .page21 { width: 100%; height: 90%; padding: 24px; }
.page20 .box, .page21 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; padding: 40px; text-align: center; }
.page20 a, .page21 a { width: 196px; height: 72px; line-height: 72px; text-align: center; border-radius: 10px; color: #fff; display: block; font-size: 30px; margin: 15px 25px; float: left; background-color: #f29503; }
.page20 a:hover, .page21 a:hover { opacity: .8; }

.page21 a { background-color: #0276dd; }

.page22 { width: 100%; padding: 0 24px; font-size: 13px; }
.page22 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page22 .tips a { color: #e9c000; }
.page22 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page22 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page22 table { width: 100%; }
.page22 tr { border-bottom: #bfbfbf 1px solid; }
.page22 td { height: 56px; font-size: 15px; color: #696969; text-align: center; }
.page22 .td3, .page22 .td4 { width: 40%; }
.page22 i { color: #ff6e1e; }
.page22 .part1 { width: 100%; padding: 20px; border-bottom: #ccc 1px solid; }
.page22 .part1 > div { width: 50%; height: 70px; }
.page22 .part1 .right { border-left: #ccc 1px solid; padding-left: 100px; padding-right: 120px; position: relative; }
.page22 .part1 .right span { position: absolute; left: 0; width: 100px; text-align: center; line-height: 70px; }
.page22 .part1 .right input[type=submit] { background-color: #f29503; border-color: #f29503; position: absolute; right: 20px; top: 50%; margin-top: -15px; }
.page22 .part1 .right input[type=text] { width: 100%; margin-top: 20px; height: 30px; padding: 0 10px; }
.page22 .part1 .right p { color: #999; font-size: 12px; line-height: 24px; }
.page22 .part1 .left { text-align: center; position: relative; }
.page22 .part1 .left span { position: absolute; left: 20px; top: 0; }
.page22 .part1 .left b { font-size: 32px; color: #ff6e1e; line-height: 70px; }
.page22 .part2 { width: 100%; padding: 0 20px; margin-bottom: 60px; }

.page24 { width: 100%; padding: 0 24px; font-size: 13px; }
.page24 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page24 .tips a { color: #e9c000; }
.page24 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page24 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page24 table { width: 100%; }
.page24 tr { border-bottom: #bfbfbf 1px solid; }
.page24 td { height: 56px; font-size: 15px; color: #696969; text-align: center; }
.page24 .td3, .page24 .td4 { width: 40%; }
.page24 i { color: #ff6e1e; }
.page24 .part1 { width: 100%; padding: 20px; border-bottom: #ccc 1px solid; height: 110px; text-align: center; position: relative; }
.page24 .part1 span { position: absolute; left: 20px; top: 20px; }
.page24 .part1 b { font-size: 32px; color: #ff6e1e; line-height: 70px; }
.page24 .part2 { width: 100%; padding: 0 20px; margin-bottom: 60px; }

.page23 { width: 100%; padding: 0 24px; font-size: 13px; }
.page23 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page23 .tips a { color: #e9c000; }
.page23 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page23 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page23 table { width: 100%; }
.page23 tr { border-bottom: #bfbfbf 1px solid; }
.page23 td { height: 56px; font-size: 15px; color: #696969; text-align: center; }
.page23 .td3, .page23 .td4 { width: 40%; }
.page23 i { color: #ff6e1e; }
.page23 .part1 { width: 100%; padding: 20px; border-bottom: #ccc 1px solid; }
.page23 .part1 li { width: 33.33%; height: 70px; text-align: center; float: left; position: relative; border-left: #ccc 1px solid; }
.page23 .part1 li:first-child { border: none; }
.page23 .part1 li span { position: absolute; left: 20px; top: 0; }
.page23 .part1 li b { font-size: 32px; color: #ff6e1e; line-height: 70px; }
.page23 .bd { width: 100%; margin-top: -1px; margin-bottom: 60px; }
.page23 .bd > div { display: none; }
.page23 .bd .con1 { display: block; }
.page23 .hd { width: 100%; height: 50px; border-bottom: #ccc 1px solid; font-size: 16px; overflow: hidden; }
.page23 .hd li { float: left; padding: 0 10px; line-height: 50px; cursor: pointer; }
.page23 .hd li:hover { color: #0276dd; }
.page23 .hd li.on span { border-color: #0276dd; color: #0276dd; }
.page23 .hd .line { border-right: #ccc 1px solid; height: 100%; }
.page23 .hd span { line-height: 42px; padding: 0 18px; display: inline-block; border-bottom: #fff 3px solid; }

.page25 { width: 100%; padding: 0 24px; font-size: 13px; min-width: 1000px; }
.page25 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page25 .tips a { color: #e9c000; }
.page25 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page25 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page25 table { width: 100%; }
.page25 tr { border-bottom: #bfbfbf 1px solid; }
.page25 td { height: 56px; font-size: 15px; color: #696969; text-align: center; }
.page25 .td3, .page25 .td4 { width: 40%; }
.page25 i { color: #ff6e1e; }
.page25 .part1 { width: 100%; padding: 10px 20px; border-bottom: #ccc 1px solid; }
.page25 .part1 > div { height: 140px; float: left; position: relative; border-left: #ccc 1px solid; }
.page25 .part1 > div:first-child { border: none; }
.page25 .item1 { text-align: center; width: 20%; }
.page25 .item1 span { position: absolute; left: 20px; top: 0; }
.page25 .item1 b { font-size: 32px; color: #ff6e1e; line-height: 140px; }
.page25 .item2, .page25 .item3 { padding: 0 10px; font-size: 13px; line-height: 36px; position: relative; }
.page25 .item2 p, .page25 .item3 p { line-height: 16px; font-size: 12px; color: #999; }
.page25 .item2 input[type=text], .page25 .item3 input[type=text] { height: 30px; line-height: 30px; padding: 0 5px; width: 215px; }
.page25 .item2 input[type=text].input1, .page25 .item3 input[type=text].input1 { width: 150px; }
.page25 .item2 input[type=text].input2, .page25 .item3 input[type=text].input2 { width: 124px; }
.page25 .item2 .btn-yzm, .page25 .item3 .btn-yzm { height: 30px; width: 87px; display: inline-block; background-color: #fcd330; color: #6f4a22; font-size: 15px; line-height: 30px; text-align: center; }
.page25 .item2 .btn, .page25 .item3 .btn { width: 105px; height: 36px; line-height: 36px; border-radius: 5px; background-color: #f29503; text-align: center; color: #fff; font-size: 16px; display: block; }
.page25 .item2 { width: 30%; }
.page25 .item2 .btn { position: absolute; right: 10px; bottom: 0px; }
.page25 .item3 { width: 50%; }
.page25 .item3 span { width: 8em; display: inline-block; text-align: right; }
.page25 .item3 .btn { position: absolute; bottom: 0; left: 350px; }
.page25 .part3 { width: 100%; padding: 0 20px; }
.page25 .bd { width: 100%; margin-bottom: 60px; }
.page25 .bd > div { display: none; }
.page25 .bd .con1 { display: block; }
.page25 .hd { width: 100%; height: 50px; border-bottom: #ccc 1px solid; font-size: 16px; overflow: hidden; margin-top: -5px; }
.page25 .hd li { float: left; padding: 0 10px; line-height: 50px; cursor: pointer; }
.page25 .hd li:hover { color: #0276dd; }
.page25 .hd li.on span { border-color: #0276dd; color: #0276dd; }
.page25 .hd .line { border-right: #ccc 1px solid; height: 100%; }
.page25 .hd span { line-height: 42px; padding: 0 18px; display: inline-block; border-bottom: #fff 3px solid; }

.page27 { width: 100%; padding: 0 24px; font-size: 13px; min-width: 1000px; }
.page27 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page27 .tips a { color: #e9c000; }
.page27 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page27 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page27 table { width: 100%; }
.page27 td { height: 56px; font-size: 15px; color: #696969; text-align: center; border: #bfbfbf 1px solid; }
.page27 .td3, .page27 .td4 { width: 40%; }
.page27 i { color: #ff6e1e; }
.page27 .part1 { width: 100%; padding: 20px; border-bottom: #ccc 1px solid; height: 110px; text-align: center; position: relative; }
.page27 .part1 span { position: absolute; left: 20px; top: 20px; }
.page27 .part1 b { font-size: 32px; color: #ff6e1e; line-height: 70px; margin: 0 80px; }
.page27 .part1 .b2 { color: #a06bfe; }
.page27 .bd { width: 100%; margin-top: -1px; margin-bottom: 60px; }
.page27 .bd > div { display: none; }
.page27 .bd .con1 { display: block; }
.page27 .hd { width: 100%; height: 50px; border-bottom: #ccc 1px solid; font-size: 16px; overflow: hidden; }
.page27 .hd li { float: left; padding: 0 10px; line-height: 50px; cursor: pointer; }
.page27 .hd li:hover { color: #0276dd; }
.page27 .hd li.on span { border-color: #0276dd; color: #0276dd; }
.page27 .hd .line { border-right: #ccc 1px solid; height: 100%; }
.page27 .hd span { line-height: 42px; padding: 0 18px; display: inline-block; border-bottom: #fff 3px solid; }

.page26 { width: 100%; padding: 0 24px; font-size: 13px; }
.page26 .tips { width: 100%; line-height: 40px; font-size: 14px; color: #626262; }
.page26 .tips a { color: #e9c000; }
.page26 .box { width: 100%; border: #bfbfbf 1px solid; height: 100%; background-color: #fff; }
.page26 h3 { width: 100%; border-bottom: #bfbfbf 1px solid; font-size: 16px; font-weight: bold; line-height: 36px; }
.page26 table { width: 100%; }
.page26 tr { border-bottom: #bfbfbf 1px solid; }
.page26 td { height: 56px; font-size: 15px; color: #696969; text-align: center; }
.page26 .td3, .page26 .td4 { width: 40%; }
.page26 i { color: #ff6e1e; }
.page26 .part1 { width: 100%; padding: 20px; border-bottom: #ccc 1px solid; }
.page26 .part1 > ul { width: 40%; float: left; margin-right: 10%; }
.page26 .part1 li { position: relative; width: 100%; padding-left: 7em; line-height: 30px; margin-bottom: 20px; }
.page26 .part1 input[type=text] { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; }
.page26 .part1 span { position: absolute; left: 0; width: 6em; text-align: right; }
.page26 .part1 em { position: absolute; right: 20px; top: 0; }
.page26 .part2 { width: 100%; padding: 0 20px; margin-bottom: 60px; }