@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: #646464; -webkit-tap-highlight-color: transparent; }

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

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.28rem; }

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

.picScroll, .page4-dbzp .con, .page8 .part2, .page13 .item, .page15 .part2, .page21 .part1, .page22 .teacher, .page27 .part1, .page27 .part2, .page31 .part1, .page31 .part2 .con, .page32 .teacher, .cf { *zoom: 1; }
.picScroll:before, .page4-dbzp .con:before, .page8 .part2:before, .page13 .item:before, .page15 .part2:before, .page21 .part1:before, .page22 .teacher:before, .page27 .part1:before, .page27 .part2:before, .page31 .part1:before, .page31 .part2 .con:before, .page32 .teacher:before, .picScroll:after, .page4-dbzp .con:after, .page8 .part2:after, .page13 .item:after, .page15 .part2:after, .page21 .part1:after, .page22 .teacher:after, .page27 .part1:after, .page27 .part2:after, .page31 .part1:after, .page31 .part2 .con:after, .page32 .teacher:after, .cf:before, .cf:after { content: ""; display: table; }
.picScroll:after, .page4-dbzp .con:after, .page8 .part2:after, .page13 .item:after, .page15 .part2:after, .page21 .part1:after, .page22 .teacher:after, .page27 .part1:after, .page27 .part2:after, .page31 .part1:after, .page31 .part2 .con:after, .page32 .teacher:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

.hide { display: none !important; }

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

.page3-sjbh .part1 .right { text-shadow: 2px 2px 2px #FF0000; }

input[type=text], input[type=password] { border: #7d7d7d 1px solid; height: .6rem; border-radius: .1rem; padding: 0 .1rem; }

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

.btn-blue, .search input[type=submit], .page1 .con2 .yzm, .page8 .part2 input[type=submit], .page17 input[type=submit], .page22 .caozuo a, .page24 .bd input[type=submit], .page30 .caozuo a, .page31 .part2 .btn-show-all, .page32 .caozuo a, .btn-red, .btn-yellow, .btn-line, .plane-item .p18 a, .plane-item .p19 a, .plane-item .p32 a, .page23 .btn-yuyue, .page1 .con2 input[type=submit] { width: 100%; height: .8rem; line-height: .8rem; display: inline-block; text-align: center; color: #fff; font-size: .32rem; }

.btn-blue, .search input[type=submit], .page1 .con2 .yzm, .page8 .part2 input[type=submit], .page17 input[type=submit], .page22 .caozuo a, .page24 .bd input[type=submit], .page30 .caozuo a, .page31 .part2 .btn-show-all, .page32 .caozuo a { background-color: #378dcc; }

.btn-red { background-color: #fd3d2e; }

.btn-yellow { background-color: #f39800; }

.btn-line, .plane-item .p18 a, .plane-item .p19 a, .plane-item .p32 a, .page23 .btn-yuyue { border: #fff 1px solid; border-radius: .1rem; }

.search { width: 6.4rem; height: 1.1rem; padding: .2rem; }
.search input[type=text] { width: 4.6rem; height: .6rem; border: #b8b8b8 1px solid; padding: 0 0.1rem; border-radius: 0; float: left; outline: none; }
.search input[type=submit] { border: none; float: right; width: 1.4rem; height: .6rem !important; line-height: .6rem; font-size: .28rem; }

.plane-item { width: 100%; position: relative; margin-bottom: .2rem; border-radius: .05rem; overflow: hidden; }
.plane-item img { display: block; }
.plane-item p { width: 100%; position: absolute; width: 100%; bottom: 0; left: 0; color: #fff; padding: .2rem; }
.plane-item i { display: block; height: 100%; width: 100%; position: absolute; width: 100%; bottom: 0; left: 0; background: url("../images/bg-blue.png") center bottom no-repeat; background-size: 6.44rem 2.68rem; }
.plane-item p.center { text-align: center; font-size: .32rem; }
.plane-item.dark i { background-image: url(../images/bg-dark.png); }
.plane-item.blue i { background-image: url(../images/bg-blue.png); }
.plane-item.yellow i { background-image: url(../images/bg-yellow.png); }
.plane-item.red i { background-image: url(../images/bg-red.png); }
.plane-item .p12 { font-size: .32rem; }
.plane-item .p12 span { font-size: .24rem; display: block; width: 100%; }
.plane-item .p12 em { font-style: normal; float: right; }
.plane-item .p18 { font-size: .32rem; width: 6rem; }
.plane-item .p18 span { font-size: .24rem; display: block; width: 100%; }
.plane-item .p18 a { float: right; color: #fff; width: .73rem; height: .4rem; line-height: .4rem; font-size: .24rem; }
.plane-item .p19 { font-size: .32rem; width: 6rem; }
.plane-item .p19 a { float: right; color: #fff; width: .73rem; height: .4rem; line-height: .4rem; font-size: .24rem; }
.plane-item .p22 { font-size: .32rem; width: 6rem; text-align: center; width: 100%; }
.plane-item .p22 span { font-size: .24rem; width: 100%; display: block; text-align: center; }
.plane-item .p23 { font-size: .32rem; width: 6rem; width: 100%; }
.plane-item .p23 span { font-size: .24rem; width: 100%; display: block; }
.plane-item .p32 { font-size: .32rem; width: 6rem; width: 100%; }
.plane-item .p32 span { font-size: .24rem; display: block; width: 100%; }
.plane-item .p32 a { float: right; color: #fff; width: 1.2rem; height: .4rem; line-height: .4rem; font-size: .24rem; }
.plane-item .p33 { font-size: .32rem; width: 6rem; text-align: center; width: 100%; }
.plane-item .p33 span { font-size: .24rem; width: 100%; display: block; text-align: center; }

.date-choose { width: 100%; height: 3.22rem; padding: 1.1rem .2rem 1.3rem 0rem; background: url("../images/bg23.png") center top no-repeat; background-size: 100% 100%; }
.date-choose.style13 { background-image: url(../images/bg131.png); position: relative; padding: 1px .4rem; }
.date-choose.style13 .other-choose { position: absolute; width: 6.4rem; left: 0.4rem; bottom: .4rem; }
.date-choose.style13 select, .date-choose.style13 input[type=submit], .date-choose.style13 input[type=text] { width: 1.52rem; height: .5rem; border-radius: 0; text-align: center; font-size: .24rem; background: transparent; border: #fff 1px solid; color: #fff; }
.date-choose.style13 option { color: #646464; }
.date-choose.style13 input:-moz-placeholder { color: #fff; }
.date-choose.style13 ::-webkit-input-placeholder { color: #fff; }
.date-choose.style13 .bd span.on { background-color: #e60012; }
.date-choose.style13 .picScroll { margin-top: .8rem; }

.picScroll { margin: 0px auto; width: 100%; }
.picScroll .bd ul { width: 100%; padding-bottom: .2rem; }
.picScroll .bd li { width: 12.2%; float: left; text-align: center; color: #fff; }
.picScroll .bd span { display: block; width: .45rem; margin: 0 auto; margin-top: .1rem; height: .45rem; border-radius: .45rem; overflow: hidden; text-align: center; line-height: .45rem; }
.picScroll .bd span.on { background-color: #f39800; }
.picScroll .hd ul { opacity: 0; height: 1px; }
.picScroll .hd li { float: left; }
.picScroll .prev, .picScroll .next { margin-top: .3rem; display: block; float: left; width: .29rem; height: .45rem; background: url(../images/arrow-l.png) center center no-repeat; background-size: .29rem .45rem; overflow: hidden; }
.picScroll .next { background-image: url(../images/arrow-r.png); float: right; }

.tabBox .hd, .tab2 .hd, .tab3 .hd, .tab4 .hd { padding: 0.4rem; width: 100%; }
.tabBox .hd ul, .tab2 .hd ul, .tab3 .hd ul, .tab4 .hd ul { width: 100%; height: 0.6rem; line-height: 0.6rem; font-size: 0.32rem; overflow: hidden; border-radius: .1rem; border: #97ccf6 1px solid; }
.tabBox .hd ul li, .tab2 .hd ul li, .tab3 .hd ul li, .tab4 .hd ul li { cursor: pointer; height: 0.6rem; line-height: 0.6rem; float: left; text-align: center; border-left: #97ccf6 1px solid; color: #4a4a4a; }
.tabBox .hd ul li:first-child, .tab2 .hd ul li:first-child, .tab3 .hd ul li:first-child, .tab4 .hd ul li:first-child { border: none; }
.tabBox .hd ul li.on, .tab2 .hd ul li.on, .tab3 .hd ul li.on, .tab4 .hd ul li.on { display: block; background-color: #97ccf6; }
.tabBox .hd ul li.on a, .tab2 .hd ul li.on a, .tab3 .hd ul li.on a, .tab4 .hd ul li.on a { color: #fff; }
.tabBox .bd, .tab2 .bd, .tab3 .bd, .tab4 .bd { width: 100%; }

.tab2 .hd ul li { width: 50%; }

.tab3 .hd ul li { width: 33.33%; }

.tab4 .hd ul li { width: 25%; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.clock { width: 100%; position: fixed; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); text-align: center; height: .66rem; line-height: .66rem; }
.clock img { display: inline-block; width: .36rem; height: .36rem; margin-right: .2rem; position: relative; top: .05rem; }
.clock a { font-size: .32rem; color: #4a4a4a; }

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

.page1 { position: relative; width: 100%; height: 100%; }
.page1 .con { position: absolute; left: 0; top: 0; width: 4.45rem; top: 50%; margin-top: -2.2rem; left: 50%; margin-left: -2.25rem; }
.page1 .logo { margin-bottom: .2rem; }
.page1 li { margin-bottom: .5rem; }
.page1 .btn-blue, .page1 .search input[type=submit], .search .page1 input[type=submit], .page1 .con2 .yzm, .page1 .page8 .part2 input[type=submit], .page8 .part2 .page1 input[type=submit], .page1 .page17 input[type=submit], .page17 .page1 input[type=submit], .page1 .page22 .caozuo a, .page22 .caozuo .page1 a, .page1 .page24 .bd input[type=submit], .page24 .bd .page1 input[type=submit], .page1 .page30 .caozuo a, .page30 .caozuo .page1 a, .page1 .page31 .part2 .btn-show-all, .page31 .part2 .page1 .btn-show-all, .page1 .page32 .caozuo a, .page32 .caozuo .page1 a { background-color: rgba(56, 141, 205, 0.7); }
.page1 .btn-red { background-color: rgba(253, 61, 46, 0.7); }
.page1 .btn-yellow { background-color: rgba(243, 152, 0, 0.7); }
.page1 .con2 { position: absolute; left: 0; top: 0; width: 5.3rem; top: 50%; margin-top: -2.2rem; left: 50%; margin-left: -2.65rem; }
.page1 .con2 .logo { width: 4.45rem; margin-left: .4rem; }
.page1 .con2 input:-moz-placeholder { color: #fff; }
.page1 .con2 ::-webkit-input-placeholder { color: #fff; }
.page1 .con2 input[type=text] { outline: none; height: .7rem; border: #fff 1px solid; border-radius: .1rem; background: url("../images/input-tel.png") 0.2rem center no-repeat rgba(255, 255, 255, 0.5); background-size: .32rem .33rem; padding-left: .7rem; color: #fff; }
.page1 .con2 input[type=submit] { background-color: #378dcc; border: none; }
.page1 .con2 .li1 input[type=text] { width: 100%; }
.page1 .con2 .li2 input[type=text] { width: 3.5rem; background-image: url(../images/input-pwd.png); }
.page1 .con2 .yzm { width: 1.7rem; height: .7rem; line-height: .7rem; display: inline-block; border-radius: .1rem; float: right; }

.page3-sjbh { width: 100%; }
.page3-sjbh .part1 { width: 100%; height: 3.3rem; background: url("../images/bg3.png") center center no-repeat; background-size: 100% 100%; overflow: hidden; position: relative; }
.page3-sjbh .part1 .face { width: 1.7rem; height: 1.7rem; border-radius: 1.7rem; overflow: hidden; margin-top: .8rem; margin-left: 1.5rem; float: left; }
.page3-sjbh .part1 .right { margin-left: .37rem; margin-top: .8rem; float: left; color: #fff; }
.page3-sjbh .part1 h3 { font-size: .28rem; }
.page3-sjbh .part1 p { font-size: .24rem; }
.page3-sjbh .part2 { width: 100%; padding-top: .7rem; }
.page3-sjbh .part2 p { width: 100%; padding-left: 2.2rem; margin-bottom: .3rem; font-size: .24rem; }

.page4-dbzp { width: 100%; }
.page4-dbzp .item { width: 100%; }
.page4-dbzp h3 { width: 100%; border-bottom: #e6e6e6 1px solid; height: .4rem; line-height: .4rem; text-align: center; font-size: .28rem; }
.page4-dbzp .con { width: 100%; padding: .2rem; }
.page4-dbzp li { float: left; margin: 0 .18rem; }
.page4-dbzp .img { width: 1.9rem; height: 1.28rem; border-radius: .1rem; box-shadow: .05rem .05rem .05rem .05rem #f0f0f0; margin-bottom: .2rem; }
.page4-dbzp p { width: 100%; text-align: center; font-size: .24rem; }

.page5-tczl { width: 100%; }

.page6-xljh { width: 100%; padding: 0 .4rem; }

.page7 { width: 100%; padding: .4rem; }
.page7 .part2 { width: 100%; padding-top: .4rem; }
.page7 .part2 p { width: 100%; padding-left: 1.6rem; margin-bottom: .2rem; font-size: .24rem; }

.page8 { width: 100%; background: url("../images/bg8.png") center top no-repeat; background-size: 100% 100%; }
.page8 .part1 { width: 100%; overflow: hidden; }
.page8 .part1 .face { width: 1.2rem; height: 1.2rem; border-radius: 1.2rem; overflow: hidden; margin: .6rem auto .3rem auto; box-shadow: 0 0 1px #3096ba, 0 3px 2px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.65); border: solid 1px #4abbfa; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 4%, transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 4%, transparent); }
.page8 .part1 p { width: 100%; position: relative; text-align: center; font-size: .32rem; color: #343434; }
.page8 .part1 input[type=file] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
.page8 .part2 { width: 100%; padding: .8rem .9rem; overflow: hidden; }
.page8 .part2 li { width: 100%; margin-bottom: .4rem; }
.page8 .part2 input[type=text] { width: 4rem; height: .6rem; line-height: .6rem; border: none; border-bottom: #bbb 1px solid; border-radius: 0; outline: none; background: transparent; }
.page8 .part2 select { width: 4rem; border: none; border-bottom: #bbb 1px solid; height: .6rem; line-height: .6rem; outline: none; background: transparent; }
.page8 .part2 input[type=submit] { border: none; height: .8rem; line-height: .8rem; margin-top: .3rem; border-radius: .1rem; }
.page8 .part2 span { width: 1.3rem; display: inline-block; }

.page12 { width: 100%; padding: .4rem; padding-top: .2rem; }

.page13 { width: 100%; }
.page13 .item { width: 100%; height: 2rem; overflow: hidden; padding: .2rem .4rem; }
.page13 .item .face { float: left; border: #7d7d7d 1px solid; width: .8rem; height: .8rem; border-radius: .8rem; overflow: hidden; text-align: center; margin-top: .4rem; }
.page13 .item .right { float: left; width: 5.3rem; margin-left: .2rem; font-size: .24rem; color: #7b7b7b; position: relative; }
.page13 .item .right a { position: absolute; right: 0; bottom: -.1rem; border-radius: .1rem; border: #7d7d7d 1px solid; display: inline-block; padding: .02rem .1rem; }
.page13 .item b { font-size: .28rem; font-weight: normal; margin-left: .1rem; }
.page13 .item p b:first-child { margin-left: 0; }
.page13 .item.on { background-color: #7ecef4; }
.page13 .item.on b { color: #555454; font-weight: bold; }
.page13 .item.on a { color: #fff; border-color: #fff; }

.page14 { width: 100%; padding: .4rem; }
.page14 .item { width: 100%; position: relative; margin-bottom: .2rem; }
.page14 .item h3, .page14 .item p { width: 100%; padding: 0 .2rem; font-size: .32rem; color: #fff; text-shadow: 1px 1px 3px #000; position: absolute; top: .2rem; left: 0; }
.page14 .item p { top: .8rem; }
.page14 .item .btn-red { font-size: .24rem; width: 2rem; border-radius: .1rem; overflow: hidden; }
.page14 .item .overly { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/checked.png") 96% 10px no-repeat rgba(40, 40, 40, 0.87); background-size: .4rem .4rem; display: none; border: #fd3d2e 1px solid; }
.page14 .item.checked .overly { display: block; z-index: 9; }
.page14 textarea { width: 100%; border-color: #c2c8cc; height: .8rem; outline: none; margin-bottom: .2rem; }
.page14 .btn-blue, .page14 .search input[type=submit], .search .page14 input[type=submit], .page14 .page1 .con2 .yzm, .page1 .con2 .page14 .yzm, .page14 .page8 .part2 input[type=submit], .page8 .part2 .page14 input[type=submit], .page14 .page17 input[type=submit], .page17 .page14 input[type=submit], .page14 .page22 .caozuo a, .page22 .caozuo .page14 a, .page14 .page24 .bd input[type=submit], .page24 .bd .page14 input[type=submit], .page14 .page30 .caozuo a, .page30 .caozuo .page14 a, .page14 .page31 .part2 .btn-show-all, .page31 .part2 .page14 .btn-show-all, .page14 .page32 .caozuo a, .page32 .caozuo .page14 a { margin-bottom: .4rem; height: .8rem; line-height: .8rem; border-radius: .1rem; }

.page15 { width: 100%; background: url("../images/bg15.png") center top no-repeat; background-size: 100% 100%; }
.page15 .part1 { width: 100%; height: 3.9rem; overflow: hidden; }
.page15 .part1 .face { width: 1.7rem; height: 1.7rem; border-radius: 1.7rem; overflow: hidden; margin: .6rem auto .3rem auto; box-shadow: 0 0 1px #3096ba, 0 3px 2px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.65); border: solid 2px #4abbfa; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 4%, transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 4%, transparent); }
.page15 .part1 h3, .page15 .part1 p { width: 100%; text-align: center; }
.page15 .part1 h3 { font-size: .28rem; }
.page15 .part1 h3 span { margin-left: 2em; font-size: .24rem; color: #378dcc; }
.page15 .part1 p { font-size: .24rem; margin-top: .1rem; }
.page15 .part1 b:nth-child(2) { margin-left: 2em; }
.page15 .part2 { width: 100%; padding: .8rem .2rem; background: rgba(255, 255, 255, 0.6); overflow: hidden; }
.page15 .part2 li { width: 50%; text-align: center; float: left; text-align: center; margin-bottom: .2rem; overflow: hidden; position: relative; }
.page15 .part2 img { display: block; width: 1.25rem; height: 1.25rem; border-radius: 1.25rem; overflow: hidden; margin: .1rem auto; }
.page15 .part2 i, .page15 .part2 span { display: block; width: 100%; text-align: center; }
.page15 .part2 span { font-size: .32rem; }
.page15 .part2 i { font-size: .22rem; }
.page15 .part2 em { position: absolute; top: .0rem; left: 50%; margin-left: .2rem; z-index: 99; width: .5rem; height: .5rem; border-radius: .5rem; overflow: hidden; background-color: #fd3d2e; color: #fff; line-height: .5rem; text-align: center; font-size: .18rem; }
.page15 .part2.color10 { background-color: rgba(229, 244, 251, 0.6); }

.page17 { position: relative; width: 100%; height: 100%; }
.page17 .con { position: absolute; left: 0; top: .4rem; width: 5.8rem; margin-left: .7rem; }
.page17 li { margin-bottom: .3rem; }
.page17 input[type=text] { width: 100%; border-color: #c2c8cc; height: .6rem; outline: none; }
.page17 input[type=submit] { width: 100%; border: none; border-radius: .1rem; height: .8rem; outline: none; }
.page17 textarea { width: 100%; border-color: #c2c8cc; height: 1rem; outline: none; }

.page18 { width: 100%; padding: .4rem; background: url("../images/bg18.png") center top no-repeat; background-size: 100% 100%; }

.page21 { width: 100%; padding: .4rem; }
.page21 .part1 { width: 100%; }
.page21 .part1 li { width: 1.28rem; padding: .3rem .05rem; float: left; }
.page21 .part1 .face { border: #7d7d7d 1px solid; width: .8rem; height: .8rem; border-radius: .8rem; overflow: hidden; text-align: center; margin: 0 auto; margin-bottom: .1rem; }
.page21 .part1 p { width: 100%; text-align: center; font-size: .24rem; }
.page21 .part1 li.on { border-color: #378dcc; color: #378dcc; }
.page21 .part2 { width: 100%; margin-top: .2rem; }
.page21 .part2 a { margin-bottom: .4rem; border-radius: .1rem; }

.page22 { width: 100%; padding: .4rem; padding-top: 0rem; }
.page22 .teacher { width: 100%; padding: .2rem 0; }
.page22 .face { float: left; width: .8rem; height: .8rem; border-radius: .8rem; overflow: hidden; }
.page22 .middle { float: left; margin-left: .2rem; }
.page22 .middle h4 { font-size: .28rem; color: #494949; }
.page22 .middle p { font-size: .24rem; color: #6a6a6a; }
.page22 textarea { width: 100%; margin-bottom: .2rem; height: 1.2rem; border: #7d7d7d 1px solid; }
.page22 .caozuo { width: 100%; height: .8rem; margin-bottom: 1rem; }
.page22 .caozuo a { border-radius: .1rem; font-size: .28rem; height: .7rem; line-height: .7rem; }

.page23 { width: 100%; padding: .4rem; }
.page23 .btn-yuyue { float: right; color: #fff; width: 1.2rem; height: .4rem; line-height: .4rem; font-size: .24rem; position: absolute; right: .2rem; top: .2rem; }

.page24 { width: 100%; padding: .2rem .6rem; background: url("../images/bg24.png") center top no-repeat; background-size: 100% 100%; }
.page24 .tab3 .hd { padding-left: 0; padding-right: 0; }
.page24 .bd .con { overflow: hidden; }
.page24 .bd li { width: 5.98rem; font-size: .24rem; color: #7e7e7e; margin-bottom: .3rem; margin-top: .1rem; }
.page24 .bd input[type=text] { width: 6rem; height: .6rem; line-height: .6rem; border-color: #bbbbbb; border-radius: 0; outline: none; }
.page24 .bd input[type=checkbox] { margin-right: .05rem; position: relative; top: .04rem; outline: none; }
.page24 .bd .li6 { text-align: center; margin-top: .8rem; }
.page24 .bd input[type=submit] { border: none; margin-top: .3rem; margin-bottom: .8rem; }
.page24 .bd select { width: 100%; border-color: #bbbbbb; height: .6rem; line-height: .6rem; outline: none; }

.page27 { width: 100%; }
.page27 .part1 { width: 100%; height: 3.9rem; background: url("../images/bg271.png") center top no-repeat; background-size: 100% 100%; overflow: hidden; }
.page27 .part1 .face { float: left; width: 1.7rem; height: 1.7rem; border-radius: 1.7rem; overflow: hidden; margin-top: 1.1rem; margin-left: 1.5rem; }
.page27 .part1 .right { float: left; margin-left: .2rem; margin-top: 1.1rem; color: #484747; }
.page27 .part1 li { line-height: .54rem; font-size: .24rem; }
.page27 .part1 span { font-size: .28rem; }
.page27 .part2 { width: 100%; padding: 1rem .2rem; background: url("../images/bg272.png") center top no-repeat; background-size: 100% 100%; overflow: hidden; }
.page27 .part2 li { width: 50%; text-align: center; float: left; text-align: center; margin-bottom: .4rem; }
.page27 .part2 img { display: block; width: 1.25rem; height: 1.25rem; border-radius: 1.25rem; overflow: hidden; margin: .1rem auto; }
.page27 .part2 i, .page27 .part2 span { display: block; width: 100%; text-align: center; }
.page27 .part2 span { font-size: .32rem; }
.page27 .part2 i { font-size: .22rem; }

.page28 { width: 100%; padding: .2rem .6rem; }
.page28 .tab2 .hd { padding: .2rem 1rem; }
.page28 .item { padding: .3rem 0; border-bottom: #e6e6e6 1px solid; font-size: .24rem; color: #484747; }
.page28 .caozuo { margin-top: .6rem; }
.page28 .caozuo a { border-radius: .1rem; height: .7rem; line-height: .7rem; }

.page29 { width: 100%; }
.page29 .part1 { width: 100%; height: 3.9rem; background: url("../images/bg291.png") center top no-repeat; background-size: 100% 100%; overflow: hidden; }
.page29 .part1 .face { float: left; width: 1.7rem; height: 1.7rem; border-radius: 1.7rem; overflow: hidden; margin-top: 1.1rem; margin-left: .5rem; }
.page29 .part1 .right { float: left; margin-left: .2rem; margin-top: 1.1rem; color: #fff; }

.page9 { width: 100%; }
.page9 .part1 { width: 100%; height: 3.9rem; background: url("../images/bg91.png") center top no-repeat; background-size: 100% 100%; overflow: hidden; }
.page9 .part1 .face { float: left; width: 1.7rem; height: 1.7rem; border-radius: 1.7rem; overflow: hidden; margin-top: 1.1rem; margin-left: .5rem; }
.page9 .part1 .right { float: left; margin-left: .2rem; margin-top: 1.1rem; color: #fff; font-size: .24rem; }
.page9 .part1 .right span { font-size: .34rem; }
.page9 .part1 .right p { margin-bottom: .1rem; }

.service { width: 100%; background: url("../images/bg292.png") center top no-repeat; background-size: 100% 100%; padding-bottom: 1rem; }
.service .bg29 { background-image: url(../images/bg292.png); }
.service .bg9 { background-image: url(../images/bg92.png); }
.service .service-choose { padding: .4rem; font-size: .22rem; text-align: left; }
.service .service-choose span { color: #646464; display: inline-block; margin-right: .3rem; margin-bottom: .2rem; padding: 0 .1rem; height: .6rem; line-height: .6rem; box-shadow: 1px 1px 1px 1px #bbb; border-radius: .06rem; background-color: #fff; }
.service .service-choose span.on { background-color: #378dcc; color: #fff; }
.service .service-text { padding: .0rem .6rem; margin-bottom: .2rem; }
.service textarea { width: 100%; margin-bottom: .2rem; height: 1.2rem; border: #7d7d7d 1px solid; }
.service .service-submit { width: 100%; padding: 0 .6rem; }
.service .service-submit a { margin-bottom: .4rem; border-radius: .1rem; }

.page11 { width: 100%; height: 100%; background: url("../images/bg11.png") center top no-repeat; background-size: 100% 100%; }
.page11 h2 { width: 100%; background-color: #378dcc; height: .8rem; line-height: .8rem; color: #fff; text-align: center; width: 100%; font-size: .32rem; text-shadow: 1px 1px 2px #378dcc; }
.page11 h2 img { width: .32rem; height: .23rem; display: inline-block; margin-left: .2rem; }
.page11 .service { background: none; }
.page11 .service-choose, .page11 .service-text { background-color: rgba(151, 204, 246, 0.23); padding: .2rem .6rem; }
.page11 .service-choose textarea, .page11 .service-text textarea { border: none; }
.page11 .service-submit { margin-top: .8rem; }
.page11 .btn-red { height: .8rem; line-height: .8rem; font-size: .32rem; }

.page30 { position: relative; width: 100%; height: 100%; }
.page30 .con { position: absolute; left: 0; top: 0; width: 100%; padding: 2.4rem 0 1rem 0; }
.page30 .cancle-tips { display: block; width: 1.4rem; margin: 0 auto; background: url("../images/close3.png") center top no-repeat; background-size: 1.05rem 1.05rem; padding-top: 1.1rem; text-align: center; font-size: .34rem; }
.page30 ul { margin-top: .4rem; }
.page30 li { width: 100%; padding-left: 2.1rem; font-size: .24rem; color: #4a4a4a; }
.page30 li span { font-size: .28rem; color: #4a4a4a; }
.page30 .caozuo { width: 100%; padding: 0 .4rem; margin-top: .6rem; }
.page30 .caozuo a { border-radius: .1rem; margin-bottom: .4rem; }

.page31 { width: 100%; background: url("../images/bg31.png") center top no-repeat; background-size: 100% 100%; padding-bottom: 1rem; }
.page31 .part1 { width: 100%; padding: .4rem; }
.page31 .part1 .face { float: left; width: .8rem; height: .8rem; border-radius: .8rem; overflow: hidden; border: #000 1px solid; margin-left: .8rem; margin-top: 1.4rem; }
.page31 .part1 .right { margin-left: .4rem; font-size: .24rem; color: #646464; }
.page31 .part1 span { font-size: .28rem; color: #424242; }
.page31 .part1 li { margin-bottom: .1rem; }
.page31 .part2 { width: 100%; }
.page31 .part2 p { width: 100%; text-align: center; }
.page31 .part2 .btn-show-all { padding-right: .35rem; width: 1.8rem; background: url("../images/arrow-down.png") 1.5rem center no-repeat #378dcc; background-size: .17rem .12rem; }
.page31 .part2 h1 { width: 100%; font-size: .34rem; border-bottom: #c7c7c7 1px solid; width: 100%; text-align: center; line-height: 1.2rem; }
.page31 .part2 .con { padding: .4rem; }
.page31 .part2 .con span { width: 18%; display: inline-block; text-align: center; margin: .1rem 0; padding: .05rem 0; }
.page31 .part2 .con span.on { background-color: #626262; color: #fff; }
.page31 .caozuo { width: 100%; padding: 0 .4rem; margin-bottom: 1rem; }
.page31 .caozuo a { border-radius: .1rem; margin-bottom: .4rem; }
.page31 .caozuo2 { width: 100%; padding: 0 .4rem; text-align: center; }
.page31 .caozuo2 a { border-radius: 0rem; margin-bottom: .4rem; width: 1.5rem; margin: 0 .2rem; display: inline-block; }

.page32 { width: 100%; padding: .4rem; }
.page32 h3 { width: 100%; border-bottom: #e6e6e6 1px solid; height: .4rem; line-height: .4rem; text-align: center; font-size: .28rem; }
.page32 .teacher { width: 100%; padding: .2rem 0; }
.page32 .face { float: left; width: .8rem; height: .8rem; border-radius: .8rem; overflow: hidden; }
.page32 .middle { float: left; margin-left: .2rem; }
.page32 .middle span { font-size: .28rem; color: #494949; }
.page32 .middle li { font-size: .24rem; color: #6a6a6a; }
.page32 .right { width: 3.8rem; float: right; padding-top: .2rem; font-size: .24rem; text-align: right; }
.page32 .right a { width: 1.1rem; height: .4rem; line-height: .4rem; text-align: center; display: inline-block; margin-left: .05rem; border-radius: .06rem; overflow: hidden; color: #fff; }
.page32 .right .a1 { background-color: #b5b5b5; }
.page32 .right .a2 { background-color: #7ecef4; }
.page32 .right .a3 { background-color: #448aca; }
.page32 .caozuo { width: 100%; height: .8rem; margin-bottom: 1rem; }
.page32 .caozuo a { border-radius: .1rem; font-size: .28rem; }
.page32 .page33-wdhd h3 { margin-bottom: .2rem; }