@charset "UTF-8";
html { font-family: "微软雅黑", "宋体", 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: #707070; -webkit-tap-highlight-color: transparent; }

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

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, 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-size: 0.28rem; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #707070; background: #f5f5f5; }

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

small { font-size: 0.875em; }

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

.bnav, .user-choose li, .user-info .user-info-main li, .user-setting .user-setting-main li, .ceshi-choose, .tabBox2 .bd li, .cf { *zoom: 1; }
.bnav:before, .user-choose li:before, .user-info .user-info-main li:before, .user-setting .user-setting-main li:before, .ceshi-choose:before, .tabBox2 .bd li:before, .bnav:after, .user-choose li:after, .user-info .user-info-main li:after, .user-setting .user-setting-main li:after, .ceshi-choose:after, .tabBox2 .bd li:after, .cf:before, .cf:after { content: ""; display: table; }
.bnav:after, .user-choose li:after, .user-info .user-info-main li:after, .user-setting .user-setting-main li:after, .ceshi-choose:after, .tabBox2 .bd li:after, .cf:after { clear: both; }

.alert-cszd span, .tabBox2 .bd h3, .tabBox2 .bd h3 a, .tabBox2 .bd p, .tabBox2 .bd p a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.search { width: 100%; padding: 0.4rem 0.8rem; }
.search .con { width: 100%; height: 0.72rem; line-height: 0.72rem; border: #dfdfdf 1px solid; position: relative; background-color: #ffffff; }
.search input[type=text] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; padding-right: 1.2rem; outline: none; }
.search input[type=submit] { position: absolute; z-index: 2; padding-left: 0.4rem; background: url(../images/search.png) 0 center no-repeat; background-size: 0.3rem 0.3rem; font-size: 0.28rem; color: red; border: none; top: 0; right: 0; height: 100%; padding-right: 0.1rem; outline: none; }

.page01 .section1, .page01 .section2 { border-radius: .1rem; border: #dfdfdf 1px solid; background-color: #fff; }

.show { display: block !important; }

.hide { display: none !important; }

.bf { background-color: #fff; }

.bfa { background-color: #fafafa; }

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

.top-nav { height: 0.98rem; width: 100%; line-height: 0.98rem; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 9; overflow: hidden; }
.top-nav .top-left, .top-nav .top-right { position: absolute; height: .5rem; top: .12rem; }
.top-nav .top-left img, .top-nav .top-right img { width: .5rem; height: .5rem; }
.top-nav .logo { width: 2.32rem; height: .52rem; position: absolute; left: 50%; margin-left: -1.16rem; top: .24rem; }
.top-nav .top-left { left: .32rem; }
.top-nav .top-right { right: .32rem; }

input[type="radio"] { opacity: 0; margin-right: 6px; margin-left: 6px; }

.radio { background: url("../images/radio.png") 0 center no-repeat; background-size: .4rem .4rem; }

.radio-on { background: url("../images/radio-on.png") 0 center no-repeat; background-size: .4rem .4rem; }

input[type="checkbox"] { opacity: 0; margin-right: 3px; margin-left: 3px; }

.checkbox { background: url("../images/checkbox.png") center center no-repeat; background-size: 1.41rem .48rem; width: 1.41rem; height: .48rem; }

.checkbox-on, .checkbox-on:hover { background: url("../images/checkbox-on.png") center center no-repeat; background-size: 1.41rem .48rem; }

.page01 { width: 100%; }
.page01 .section1 { width: 6rem; height: 3.8rem; margin: .2rem; overflow: hidden; padding: .15rem; box-sizing: border-box; }
.page01 .section1 h3 { width: 100%; height: .5rem; background: url(../images/icon-dot.png) 0 center no-repeat; background-size: .12rem .12rem; font-size: .28rem; padding-left: .24rem; line-height: .5rem; }
.page01 .section1 h3 .r { float: right; }
.page01 .section1 h3 img { width: .5rem; height: .5rem; overflow: hidden; }
.page01 .section2 { width: 6rem; height: 3.8rem; margin: .2rem; margin-top: .4rem; overflow: hidden; padding: .15rem; box-sizing: border-box; }
.page01 .section2 h3 { width: 100%; height: .5rem; font-size: .28rem; }
.page01 .section2 h3 .r { float: right; }
.page01 .section2 h3 img { width: .5rem; height: .5rem; overflow: hidden; }
.page01 .section2 .con { margin-top: .1rem; }

.banner { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.banner .hd { width: 100%; height: 0.22rem; position: absolute; z-index: 99; bottom: 0.2rem; text-align: center; }
.banner .hd ul { display: inline-block; height: 0.14rem; font-size: 0; vertical-align: top; }
.banner .hd ul li { display: inline-block; width: .14rem; height: .14rem; border-radius: .14rem; background: #dcdcdc; margin: 0 0.1rem; overflow: hidden; text-indent: 1rem; }
.banner .hd ul .on { background: #8f8f8f; }
.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; }

.bnav { width: 100%; position: fixed; bottom: -0.06rem; z-index: 10; background-color: #fff; height: 0.98rem; }
.bnav a { color: #898989; }
.bnav li { width: 33.33%; float: left; text-align: center; height: 100%; padding-top: 0.1rem; font-weight: normal; font-size: 0.28rem; position: relative; }
.bnav li img { width: 0.4rem; height: 0.4rem; margin-left: auto; margin-right: auto; display: block; }
.bnav li.on a { color: #48b68c; }
.bnav .center img { width: 1.2rem; height: 1.2rem; position: absolute; top: -.35rem; left: 50%; margin-left: -0.6rem; }

.date-choose { width: 100%; background-color: #fff; position: absolute; z-index: 999; top: 0; left: 0; display: none; }
.date-choose h3 { height: .98rem; width: 100%; text-align: center; line-height: .98rem; color: #48b68c; padding: 0 .32rem; }
.date-choose .arrow-prev, .date-choose .arrow-next { width: .5rem; height: .5rem; display: inline-block; margin: .24rem 0; background: url(../images/arrow1.png) center center no-repeat; background-size: .5rem .5rem; }
.date-choose .arrow-prev { float: left; }
.date-choose .arrow-next { float: right; background-image: url(../images/arrow2.png); }
.date-choose .date-title, .date-choose .date-day { width: 100%; padding: 0 .15rem; font-size: .28rem; display: table; }
.date-choose .date-title span, .date-choose .date-day span { display: table-cell; width: 14.2857%; text-align: center; }
.date-choose .date-title { height: .44rem; line-height: .44rem; background-color: #dfdfdf; }
.date-choose .date-day { padding: .15rem; }
.date-choose .date-day li { height: .9rem; line-height: .9rem; display: table-row; }
.date-choose .date-day span { height: .9rem; line-height: .9rem; }
.date-choose .date-day i { width: .44rem; height: .44rem; border-radius: .44rem; background-color: #48b68c; color: #fff; display: inline-block; margin-top: .21rem; line-height: .44rem; }

.user-choose { position: absolute; width: 5rem; left: 50%; margin-left: -2.5rem; top: 2rem; background-color: #fff; z-index: 999; border-radius: .05rem; }
.user-choose h3, .user-choose li, .user-choose .user-add { width: 5rem; height: .88rem; line-height: .88rem; }
.user-choose h3 { padding: 0rem .32rem; font-size: .34rem; text-align: center; position: relative; }
.user-choose .alert-close { display: inline-block; float: right; width: .32rem; height: .32rem; }
.user-choose li { border-top: #dfdfdf 1px solid; overflow: hidden; position: relative; }
.user-choose .user-con { width: 5rem; height: .88rem; line-height: .88rem; padding: 0rem .32rem; background: url(../images/arrow3.png) 4.6rem center no-repeat; background-size: .13rem .24rem; position: absolute; left: 0; top: 0; }
.user-choose .user-con img { width: .44rem; height: .44rem; overflow: hidden; margin-right: .32rem; position: relative; top: .11rem; }
.user-choose .user-delete { width: 1rem; height: .88rem; line-height: .88rem; background-color: #e50012; display: block; right: -1rem; top: 0; position: absolute; text-align: center; color: #fff; }
.user-choose li.delete .user-con { left: -1rem; }
.user-choose li.delete .user-delete { right: 0; }
.user-choose .user-add { border-top: #dfdfdf 1px solid; text-align: center; }
.user-choose .user-add a { width: .44rem; height: .44rem; overflow: hidden; background: url(../images/icon-add2.png) center center no-repeat; background-size: .44rem .44rem; display: inline-block; position: relative; top: .1rem; }
.user-choose .user-add span { display: none; font-size: .28rem; color: #c9c9c9; }
.user-choose .user-add.full a { display: none; }
.user-choose .user-add.full span { display: block; }

/* 个人信息 */
.user-info { width: 100%; position: relative; background-color: #fff; }
.user-info h3 { width: 100%; text-align: center; height: .88rem; line-height: .88rem; background-color: #f5f5f5; border-bottom: #dfdfdf 1px solid; font-size: .34rem; }
.user-info .user-info-main { padding-left: .4rem; border-bottom: #dfdfdf 1px solid; }
.user-info .user-info-main li { height: .88rem; line-height: .88rem; overflow: hidden; padding-right: .4rem; border-top: #dfdfdf 1px solid; }
.user-info .user-info-main li:first-child { border: none; }
.user-info .user-info-main input[type=text] { width: 100%; height: .86rem; line-height: .86rem; text-align: right; border: none; outline: none; color: #48b68c; }
.user-info .user-info-main .right { text-align: right; float: right; }
.user-info .user-info-main .checkbox, .user-info .user-info-main .radio { display: inline-block; position: relative; margin-left: .4rem; }
.user-info .user-info-main select { text-align: right; height: .86rem; border: none; outline: none; padding-right: .2rem; color: #48b68c; }
.user-info .user-info-main .checkbox { width: 1.41rem; height: .5rem; top: .16rem; }
.user-info .user-info-main input[type="checkbox"] { width: 1.41rem; height: .48rem; }
.user-info .user-info-main .li1 .txt { float: left; display: inline-block; }
.user-info .tips { width: 100%; position: absolute; bottom: -.7rem; text-align: center; color: #b5b5b5; }

.alert-queren, .alert-tjcg, .alert-hujiao, .alert-tgcycs { display: none; position: absolute; width: 5rem; left: 50%; margin-left: -2.5rem; top: 50%; margin-top: -2rem; background-color: #fff; border-radius: .05rem; z-index: 999; }
.alert-queren h3, .alert-tjcg h3, .alert-hujiao h3, .alert-tgcycs h3 { width: 100%; font-size: .34rem; margin: .4rem 0; text-align: center; margin-bottom: .2rem; color: #535353; }
.alert-queren p, .alert-tjcg p, .alert-hujiao p, .alert-tgcycs p { font-size: .28rem; width: 100%; text-align: center; margin-bottom: .4rem; line-height: .48rem; }
.alert-queren .btm, .alert-tjcg .btm, .alert-hujiao .btm, .alert-tgcycs .btm { width: 100%; margin-top: .4rem; height: .88rem; overflow: hidden; }
.alert-queren .btn-qx, .alert-queren .btn-qr, .alert-tjcg .btn-qx, .alert-tjcg .btn-qr, .alert-hujiao .btn-qx, .alert-hujiao .btn-qr, .alert-tgcycs .btn-qx, .alert-tgcycs .btn-qr { display: inline-block; width: 50%; height: .86rem; line-height: .86rem; text-align: center; border-top: #dfdfdf 1px solid; font-size: .34rem; color: #48b68c; }
.alert-queren .btn-qx, .alert-tjcg .btn-qx, .alert-hujiao .btn-qx, .alert-tgcycs .btn-qx { border-right: #dfdfdf 1px solid; }

/* 设置 */
.user-setting { width: 100%; position: relative; margin-right: 2rem; }
.user-setting h3 { width: 100%; text-align: center; height: .88rem; line-height: .88rem; background-color: #f5f5f5; border-bottom: #dfdfdf 1px solid; font-size: .34rem; }
.user-setting .user-setting-main { padding-left: .4rem; border-bottom: #dfdfdf 1px solid; background-color: #fff; }
.user-setting .user-setting-main li { height: .88rem; line-height: .88rem; overflow: hidden; padding-right: .4rem; font-size: .32rem; background: url(../images/icon-cs.png) 0 center no-repeat; background-size: .32rem .32rem; padding-left: .4rem; border-top: #dfdfdf 1px solid; }
.user-setting .user-setting-main li:first-child { border: none; }
.user-setting .user-setting-main .right { text-align: right; float: right; }
.user-setting .user-setting-main .right a { color: #c9c9c9; background: url(../images/arrow3.png) right center no-repeat; background-size: .13rem .24rem; padding-right: .24rem; font-size: .28rem; }
.user-setting .tips1 { margin-top: .4rem; width: 100%; text-align: center; }
.user-setting .btn-tc { width: 6rem; height: .88rem; line-height: .88rem; border-radius: .05rem; text-align: center; display: inline-block; color: #fff; background-color: #48b68c; font-size: .32rem; }

.version { width: 100%; position: absolute; text-align: center; bottom: .6rem; color: #b5b5b5; }

.alert-cszd { display: none; position: absolute; width: 5rem; left: 50%; margin-left: -2.5rem; top: 50%; margin-top: -2rem; background-color: #fff; border-radius: .05rem; z-index: 999; }
.alert-cszd h3 { width: 100%; font-size: .34rem; margin: .4rem 0; text-align: center; color: #535353; }
.alert-cszd li { padding: .2rem .28rem; border-top: #dfdfdf 1px solid; position: relative; }
.alert-cszd img { display: inline-block; width: 2rem; height: 1.1rem; border-radius: .05rem; overflow: hidden; margin-right: .1rem; }
.alert-cszd span { display: inline-block; width: 2.2rem; position: relative; top: -0.4rem; font-size: .28rem; }

.alert-wxgzh { display: none; position: absolute; width: 5rem; left: 50%; margin-left: -2.5rem; top: 50%; margin-top: -2.5rem; background-color: #fff; border-radius: .05rem; z-index: 999; padding: .7rem 0; }
.alert-wxgzh img { display: inline-block; width: 3rem; height: 3rem; border-radius: .05rem; overflow: hidden; }
.alert-wxgzh p { text-align: center; width: 100%; }
.alert-wxgzh .txt { color: #48b68c; margin-top: .2rem; }

/* 开始测试 */
.ceshi { width: 100%; position: relative; }
.ceshi .caozuo { width: 100%; height: .88rem; }
.ceshi .caozuo .btn-next { width: 100%; height: 100%; background-color: #c9c9c9; line-height: .88rem; text-align: center; font-size: .32rem; color: #707070; display: inline-block; }
.ceshi .caozuo .btn-next:hover, .ceshi .caozuo .btn-next.on { background-color: #48b68c; color: #fff; }
.ceshi .caozuo2 { width: 100%; height: .88rem; position: relative; }
.ceshi .caozuo2 .btn-prev { position: absolute; top: 0; left: 0; width: 50%; height: .88rem; background-color: #6bc3a1; line-height: .88rem; text-align: center; font-size: .32rem; color: #707070; display: inline-block; color: #fff; }
.ceshi .caozuo2 .btn-prev:hover, .ceshi .caozuo2 .btn-prev.on { background-color: #48b68c; color: #fff; }
.ceshi .caozuo2 .btn-next { position: absolute; top: 0; right: 0; width: 50%; height: .88rem; background-color: #c9c9c9; line-height: .88rem; text-align: center; font-size: .32rem; color: #707070; display: inline-block; }
.ceshi .caozuo2 .btn-next:hover, .ceshi .caozuo2 .btn-next.on { background-color: #48b68c; color: #fff; }

.ceshi-choose { width: 100%; height: 1.6rem; border-bottom: #dfdfdf 1px solid; }
.ceshi-choose li { width: 25%; float: left; text-align: center; height: .7rem; margin-top: .4rem; background: url(../images/nav-select.png) center bottom no-repeat; background-size: 1.62rem .14rem; }
.ceshi-choose li.on { background-image: url(../images/nav-select-on.png); color: #48b68c; }

.ceshi-tips { width: 100%; height: 4.5rem; background-color: #fff; border-bottom: #dfdfdf 1px solid; text-align: center; padding-top: 1px; }
.ceshi-tips .img { width: 5rem; height: 3rem; margin: .4rem .7rem; border: #48b68c 1px solid; border-radius: .08rem; }
.ceshi-tips p { width: 100%; text-align: center; color: #b5b5b5; font-size: .28rem; }

.ear-choose { width: 100%; height: 3.1rem; position: relative; text-align: center; }
.ear-choose span { position: absolute; top: 1.1rem; color: #b5b5b5; display: inline-block; }
.ear-choose .txt-left { left: .75rem; }
.ear-choose .txt-right { right: .75rem; }
.ear-choose .ear-left, .ear-choose .ear-right { width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; overflow: hidden; position: absolute; top: .4rem; background: url(../images/btn-selectear-left-01.png) center center no-repeat; background-size: 1.6rem 1.6rem; }
.ear-choose .ear-left { left: 1.3rem; }
.ear-choose .ear-right { right: 1.3rem; background-image: url(../images/btn-selectear-right-01.png); }
.ear-choose .ear-left2 { background-image: url(../images/btn-selectear-left-02.png); }
.ear-choose .ear-right2 { background-image: url(../images/btn-selectear-right-02.png); }
.ear-choose .ear-left3 { background-image: url(../images/btn-selectear-left-03.png); }
.ear-choose .ear-right3 { background-image: url(../images/btn-selectear-right-03.png); }
.ear-choose p { width: 100%; position: absolute; bottom: .4rem; text-align: center; color: #b5b5b5; font-size: .28rem; }

/* 噪音测试 */
.ceshi-zaoyin { width: 100%; height: 7.6rem; background-color: #fff; border-bottom: #dfdfdf 1px solid; text-align: center; padding-top: 1px; }
.ceshi-zaoyin .zaoyin-box { width: 5.53rem; height: 3.39rem; overflow: hidden; margin: .5rem .46rem .8rem .46rem; }
.ceshi-zaoyin .btn-kg { width: 100%; height: 1.6rem; text-align: center; }
.ceshi-zaoyin .btn-kg a { display: inline-block; width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; background: url(../images/btn-kg.png) center center no-repeat; background-size: 1.6rem 1.6rem; }
.ceshi-zaoyin .btn-kg.on a, .ceshi-zaoyin .btn-kg:hover a { background-image: url(../images/btn-kg2.png); }
.ceshi-zaoyin p { width: 100%; text-align: center; color: #b5b5b5; font-size: .28rem; margin-top: .34rem; }

.alert-zyts, .alert-cszd2 { display: none; position: absolute; width: 5rem; left: 50%; margin-left: -2.5rem; top: 50%; margin-top: -2rem; background-color: #fff; border-radius: .05rem; z-index: 999; }
.alert-zyts h3, .alert-cszd2 h3 { width: 100%; font-size: .34rem; margin: .4rem 0; text-align: center; margin-bottom: .2rem; color: #535353; }
.alert-zyts p, .alert-cszd2 p { font-size: .28rem; width: 100%; text-align: center; margin-bottom: .4rem; line-height: .48rem; }
.alert-zyts .btm, .alert-cszd2 .btm { width: 100%; margin-top: .4rem; height: .88rem; overflow: hidden; }
.alert-zyts .btn-qx, .alert-cszd2 .btn-qx { display: inline-block; width: 100%; height: .86rem; line-height: .86rem; text-align: center; border-top: #dfdfdf 1px solid; font-size: .34rem; color: #48b68c; }

.alert-cszd2 .video-box { width: 4rem; height: 2.4rem; margin-left: .5rem; margin-bottom: .2rem; }

/* 纯音测试 */
.ceshi-chunyin { width: 100%; height: 5.4rem; background-color: #fff; border-bottom: #dfdfdf 1px solid; text-align: center; padding-top: 1px; }
.ceshi-chunyin .chunyin-box { width: 5.6rem; height: 4.1rem; overflow: hidden; margin: .36rem .40rem .2rem .40rem; }
.ceshi-chunyin .btm { height: .8rem; width: 100%; position: relative; padding: 0 .4rem; }
.ceshi-chunyin .btm .ear-left, .ceshi-chunyin .btm .ear-right { display: inline-block; height: .44rem; font-size: .18rem; color: #c9c9c9; line-height: .44rem; }
.ceshi-chunyin .btm .ear-left { padding-left: .7rem; background: url(../images/ico-prompt-left-01.png) 0 center no-repeat; background-size: .63rem .44rem; }
.ceshi-chunyin .btm .ear-left:hover, .ceshi-chunyin .btm .ear-left.on { background-image: url(../images/ico-prompt-left-02.png); color: #48b68c; }
.ceshi-chunyin .btm .ear-right { background: url(../images/ico-prompt-right-01.png) right center no-repeat; padding-right: .7rem; background-size: .63rem .44rem; float: right; }
.ceshi-chunyin .btm .ear-right:hover, .ceshi-chunyin .btm .ear-right.on { background-image: url(../images/ico-prompt-right-02.png); color: #48b68c; }

.ceshi-chunyin-jieguo { width: 100%; height: 3.3rem; position: relative; text-align: center; padding-top: .6rem; }
.ceshi-chunyin-jieguo .btn-tdj, .ceshi-chunyin-jieguo .btn-tbj { width: 1.6rem; height: 2.2rem; display: inline-block; background: url(../images/btn-tdj.png) center top no-repeat; background-size: 1.6rem 1.6rem; padding-top: 1.8rem; text-align: center; margin: 0 .4rem; font-size: .28rem; color: #c9c9c9; }
.ceshi-chunyin-jieguo .btn-tdj:hover, .ceshi-chunyin-jieguo .btn-tdj.on { background-image: url(../images/btn-tdj-on.png); color: #48b68c; }
.ceshi-chunyin-jieguo .btn-tbj { background-image: url(../images/btn-tbj.png); }
.ceshi-chunyin-jieguo .btn-tbj:hover, .ceshi-chunyin-jieguo .btn-tbj.on { background-image: url(../images/btn-tbj-on.png); color: #e50012; }

/* 言语测试 */
.ceshi-wave { width: 100%; height: 2.5rem; background-color: #fff; border-bottom: #dfdfdf 1px solid; text-align: center; }
.ceshi-wave .chunyin-box { width: 100%; height: 2.5rem; overflow: hidden; }

.ceshi-wenzi { width: 100%; padding-top: .4rem; background-color: #fff; text-align: center; border-top: #dfdfdf 1px solid; padding-bottom: 1px; }
.ceshi-wenzi a { display: inline-block; height: .44rem; font-size: .18rem; color: #c9c9c9; line-height: .44rem; margin: .1rem .4rem; width: 1.4rem; height: 1.88rem; }
.ceshi-wenzi p { width: 100%; text-align: center; font-size: .28rem; color: #b5b5b5; margin: .4rem 0; }
.ceshi-wenzi .percent { width: 4.8rem; height: .5rem; line-height: .5rem; position: relative; margin-left: .8rem; margin-bottom: .4rem; }
.ceshi-wenzi .percent span { font-size: .16rem; color: #707070; }
.ceshi-wenzi .percent .percent-box { width: 4.4rem; height: .1rem; border-radius: .1rem; background-color: #dfdfdf; position: absolute; right: 0; top: .22rem; }
.ceshi-wenzi .percent i { width: 0px; height: .1rem; border-radius: .1rem; position: absolute; left: 0; top: 0; background-color: #48b68c; }

/* 测试结果 */
.csjg { width: 100%; height: .8rem; line-height: .8rem; text-align: center; font-size: .34rem; background-color: #fff; color: #535353; }

.ceshijg { width: 100%; position: relative; }
.ceshijg .circle { width: 100%; margin: .3rem auto; text-align: center; }
.ceshijg .circle i { width: .16rem; height: .16rem; border-radius: .16rem; margin: 0 .17rem; background-color: #d3d3d3; display: inline-block; }
.ceshijg .circle i.on { background-color: #48b68c; }

.tabBox { font-size: 0.28rem; font-weight: lighter; background-color: #fff; }
.tabBox .hd { width: 100%; border-bottom: #dfdfdf 1px solid; padding: 0rem .2rem; }
.tabBox .hd ul { width: 100%; height: .56rem; line-height: .56rem; font-size: 0.22rem; overflow: hidden; }
.tabBox .hd ul li { height: .56rem; line-height: .56rem; float: left; text-align: center; width: 33%; }
.tabBox .hd ul li a { height: 100%; display: inline-block; }
.tabBox .hd ul li.on { display: block; }
.tabBox .hd ul li.on a { color: #48b68c; border-bottom: #48b68c 0.04rem solid; }
.tabBox .bd { width: 100%; }

.ceshi-cyjg1 { width: 100%; height: 3.63rem; background-color: #fff; text-align: center; padding-top: 1px; }
.ceshi-cyjg1 .jl-box { width: 5.6rem; height: 2.85rem; overflow: hidden; margin: 0rem .40rem 0rem .40rem; }
.ceshi-cyjg1 .btm { height: .8rem; width: 100%; position: relative; padding: 0 .4rem; }
.ceshi-cyjg1 .btm .ear-left, .ceshi-cyjg1 .btm .ear-right { display: inline-block; height: .44rem; font-size: .18rem; color: #c9c9c9; line-height: .44rem; }
.ceshi-cyjg1 .btm .ear-left { padding-left: .7rem; background: url(../images/ico-prompt-left-01.png) 0 center no-repeat; background-size: .63rem .44rem; }
.ceshi-cyjg1 .btm .ear-left:hover, .ceshi-cyjg1 .btm .ear-left.on { background-image: url(../images/ico-prompt-left-02.png); color: #48b68c; }
.ceshi-cyjg1 .btm .ear-right { background: url(../images/ico-prompt-right-03.png) right center no-repeat; padding-right: .7rem; background-size: .63rem .44rem; color: #6ac8e3; float: right; }
.ceshi-cyjg1 .btm .ear-right:hover, .ceshi-cyjg1 .btm .ear-right.on { background-image: url(../images/ico-prompt-right-02.png); color: #48b68c; }

.ceshi-cyjg2 { width: 100%; height: 4.04rem; background-color: #fff; text-align: center; padding-top: 1px; }
.ceshi-cyjg2 .jl-box { width: 5.6rem; height: 4.04rem; overflow: hidden; margin: 0rem .40rem 0rem .40rem; }

.ceshi-yyjg1 { width: 100%; height: 3.65rem; background-color: #fff; text-align: center; padding-top: 1px; }
.ceshi-yyjg1 .jl-box { width: 5.6rem; height: 3.65rem; overflow: hidden; margin: 0rem .40rem 0rem .40rem; }

.ceshi-yyjg2 { width: 100%; height: 3.56rem; background-color: #fff; text-align: center; padding-top: 1px; margin-top: .5rem; }
.ceshi-yyjg2 .jl-box { width: 5.6rem; height: 3.56rem; overflow: hidden; margin: 0rem .40rem 0rem .40rem; }

.ceshi-csjl { width: 5.2rem; min-height: 6.8rem; border-radius: .1rem; border: #dfdfdf 1px solid; margin: .7rem .6rem .2rem .6rem; background-color: #fff; }
.ceshi-csjl .face-hd { width: 100%; height: 1.5rem; background-color: #48b68c; position: relative; }
.ceshi-csjl .face-hd .face { width: 2rem; height: 2rem; border-radius: 2rem; overflow: hidden; left: 50%; margin-left: -1rem; position: absolute; bottom: 0; border: #48b68c 0.02rem solid; }
.ceshi-csjl .jl-text { width: 100%; height: 1.8rem; margin-top: .6rem; text-align: center; }
.ceshi-csjl .jl-text p { font-size: .28rem; color: #48b68c; width: 100%; text-align: center; }
.ceshi-csjl .jl-text .p2 a { width: 4rem; height: .6rem; line-height: .6rem; text-align: center; background-color: #48b68c; border-radius: .05rem; color: #fff; display: inline-block; margin-top: .4rem; }
.ceshi-csjl .jl-text .p2 { display: none; }
.ceshi-csjl .wx-gzh { width: 100%; text-align: center; margin-top: .2rem; padding-bottom: .35rem; }
.ceshi-csjl .wx-gzh .wx-box { width: 1.8rem; height: 1.8rem; background-color: #dfdfdf; border-radius: .05rem; text-align: center; padding: .1rem; display: inline-block; }
.ceshi-csjl .wx-gzh p { width: 100%; text-align: center; font-size: .18rem; color: #b5b5b5; margin-top: .18rem; }

/* 爱耳 */
.aier { width: 100%; position: relative; background-color: #fff; }
.aier .title { width: 100%; text-align: center; height: .88rem; line-height: .88rem; background-color: #f5f5f5; border-bottom: #dfdfdf 1px solid; font-size: .34rem; }
.aier .dingwei { width: 100%; height: .9rem; line-height: .9rem; background-color: #fff; padding: 0 .4rem; border-bottom: #dfdfdf 1px solid; }
.aier .dingwei a { height: .9rem; background: url(../images/icon-map.png) 0 center no-repeat; background-size: .24rem .32rem; padding-left: .35rem; display: inline-block; margin-right: .2rem; font-size: .28rem; color: #707070; }
.aier .dingwei i { display: inline-block; width: .24rem; height: .12rem; background: url(../images/arrow-down.png) center center no-repeat; background-size: .24rem .12rem; margin-left: .15rem; position: relative; top: -.05rem; }
.aier .dingwei i.no { background: none; }
.aier .dingwei span { font-size: .26rem; color: #b5b5b5; }

.tabBox2 { font-size: 0.28rem; font-weight: lighter; }
.tabBox2 .hd { width: 100%; }
.tabBox2 .hd ul { width: 100%; height: .9rem; line-height: .9rem; font-size: 0.22rem; overflow: hidden; }
.tabBox2 .hd ul li { font-size: .24rem; height: .9rem; line-height: .9rem; float: left; text-align: center; width: 33%; }
.tabBox2 .hd ul li a { font-size: .24rem; height: 100%; width: 100%; display: inline-block; text-align: center; border-bottom: #dfdfdf 1px solid; }
.tabBox2 .hd ul li.on { display: block; }
.tabBox2 .hd ul li.on a { color: #48b68c; border-bottom: #48b68c 1px solid; background: url(../images/arrow-top.png) center bottom no-repeat; background-size: .08rem .06rem; }
.tabBox2 .bd { width: 100%; }
.tabBox2 .bd .con { width: 100%; padding-left: .4rem; }
.tabBox2 .bd li { width: 100%; height: 1.4rem; padding-right: .4rem; border-bottom: #dfdfdf 1px solid; padding-top: .2rem; }
.tabBox2 .bd h3, .tabBox2 .bd h3 a { font-size: .28rem; color: #707070; width: 100%; }
.tabBox2 .bd p, .tabBox2 .bd p a { font-size: .18rem; color: #898989; width: 100%; }

.city-choose { width: 100%; background-color: #f5f5f5; padding-top: 1px; }
.city-choose h3 { width: 100%; padding: 0 .4rem; margin-top: 0.4rem; color: #b5b5b5; }
.city-choose .con { width: 100%; padding: .2rem; }
.city-choose .con a { width: 1.6rem; height: .8rem; border-radius: .05rem; border: #dfdfdf 1px solid; background-color: #fff; display: inline-block; text-align: center; line-height: .8rem; margin: .25rem .15rem; font-size: .3rem; }
.city-choose .con a.on, .city-choose .con a:hover { border-color: #48b68c; color: #48b68c; }
.city-choose .tips { width: 100%; text-align: center; color: #b5b5b5; margin-top: .2rem; }

.overly { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 99; display: none; }

.alert-xxx { position: absolute; top: 0; left: 0; width: 80%; left: 10%; background-color: #f1f2f6; z-index: 999; display: none; background-color: #eee; }
.alert-xxx .alert-close { width: 0.8rem; height: 0.8rem; position: absolute; right: -0.4rem; top: -0.4rem; background: url(../images/close.png) center center no-repeat; background-size: 100% 100%; display: block; z-index: 1000; }