* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html { -ms-touch-action: none; }
body { height: 100%; width: 100%; background-size: 100% 100%; background: #fff; color: #555; font: normal 14px/22px Arial,"Microsoft YaHei"; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
input, button, select, textarea { outline: none; }
textarea { -webkit-appearance: none; }
ul, li { list-style-type: none; }
a { color: #00b1ba; cursor: pointer; text-decoration: none; }
    a:visited { color: #00b1ba; }
.f-l { float: left; }
.f-r { float: right; }
.f-c { clear: both; }
.t-l { text-align: left; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.m-1 { margin-top: 0.5em; }
.m-2 { margin-top: 0.75em; }
.m-3 { margin-top: 1em; }
.m-4 { margin-top: 1.2em; }
.i-1 { text-indent: 0.5em; }
.i-2 { text-indent: 0.75em; }
.i-3 { text-indent: 1em; }
.i-4 { text-indent: 1.2em; }
.b-l { border: 1px solid #ccc; }
.f-w { font-weight: bold; }
.f-1 { font-size: 0.75em; }
.f-2 { font-size: 1.0em; }
.f-3 { font-size: 1.2em; }
.f-4 { font-size: 1.4em; }
.f-5 { font-size: 1.6em; }
.f-6 { font-size: 1.8em; }
.f-7 { font-size: 2.0em; }
.c-0 { color: #01c2cb; }
.c-1 { color: #ffffff; }
.c-2 { color: #cccccc; }
.c-3 { color: #666666; }
.c-4 { color: #996600; }
.c-5 { color: #44cc88; }
.c-6 { color: #3399ff; }
.c-7 { color: #ff0000; }
.c-8 { color: #dd0077; }
.c-9 { color: #ff6600; }
.c-10 { color: #ffff00; }
.c-11 { color: #000000; }

input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) { top: 0.1em; left: 0.1em; position: absolute; box-sizing: border-box; }
    input[type="checkbox"]:checked + label,
    input[type="checkbox"]:not(:checked) + label { height: 1.75em; width: 3.7em; top: 0.6em; position: relative; background-color: #ddd; border-radius: 0.5em; cursor: pointer; display: inline-block; text-indent: -2000em; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        input[type="checkbox"]:checked + label:after,
        input[type="checkbox"]:not(:checked) + label:after { height: 1.5em; width: 1.5em; top: 0.1em; left: 0.1em; position: absolute; background-color: #fff; border-radius: 0.5em; content: " "; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
    input[type="checkbox"]:checked + label { background-color: #ff9900; }
        input[type="checkbox"]:checked + label:after { -webkit-transform: translateX(2em); -ms-transform: translateX(2em); -o-transform: translateX(2em); transform: translateX(2em); }

.framer { height: 100%; width: 100%; }
    .framer::-webkit-scrollbar { display: none; }
    .framer .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
    .framer .space-h { height: 10em; width: 100%; }
    .framer .space-f { height: 4em; width: 100%; }
    .framer .space-1 { height: 4em; width: 100%; }
    .framer .space-2 { height: 5em; width: 100%; }
    .framer .space-3 { height: 6em; width: 100%; }
    .framer .b-t { border-top: 0.1em #eee solid; }
    .framer .b-r { border-right: 0.1em #eee solid; }
    .framer .b-b { border-bottom: 0.1em #eee solid; }
    .framer .b-l { border-left: 0.1em #eee solid; }

    .framer .peri-head { width: 100%; position: fixed; top: 0; z-index: 9999; background: #f5f5f5; }
        .framer .peri-head .head-keys { height: 4em; text-align: center; background: #01c2cb; }
            .framer .peri-head .head-keys input[type=text] { height: 30px; line-height: 30px; margin-top: 12.5px; text-indent: 5px; width: 95%; border: none; border-radius: 2px; }

        .framer .peri-head .head-case { font-weight: bold; }
            .framer .peri-head .head-case ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
                .framer .peri-head .head-case ul li { width: 20%; line-height: 30px; text-align: center; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; }
                    .framer .peri-head .head-case ul li:nth-child(1) { border-right: 1px #ccc solid; }
                    .framer .peri-head .head-case ul li:nth-child(2) { border-right: 1px #ccc solid; }
                    .framer .peri-head .head-case ul li:nth-child(3) { border-right: 1px #ccc solid; }
                    .framer .peri-head .head-case ul li:nth-child(4) { border-right: 1px #ccc solid; }
        .framer .peri-head .case-boxs { width: 95%; margin: 0 auto; border-bottom: 1px #ccc solid; display: flex; display: -webkit-flex; flex-wrap: wrap; }
            .framer .peri-head .case-boxs span { width: 60px; line-height: 25px; text-align: center; display: inline-block; background: #ddd; color: #555; margin: 10px 5px; border-radius: 2px; }
            .framer .peri-head .case-boxs .curr { background: #01c2cb; color: #fff; }
        .framer .peri-head .head-fold { color: #01c2cb; text-align: center; line-height: 35px; border-bottom: 1px #ccc solid; }
        .framer .peri-head .head-btns { text-align: center; margin: 10px 0; }
            .framer .peri-head .head-btns .doQuery { line-height: 30px; background: #00b1ba; color: #fff; margin: 0 15px; padding: 5px 25px; border: 1px #ccc solid; border-radius: 2px; }
            .framer .peri-head .head-btns .doReset { line-height: 30px; background: #eee; color: #333; margin: 0 15px; padding: 5px 25px; border: 1px #ccc solid; border-radius: 2px; }

    .framer .peri-body .data-list { }
        .framer .peri-body .data-list ul { width: 90%; margin: 0 auto; background: #eee; padding: 10px; margin-top: 10px; border-radius: 2px; display: flex; display: -webkit-flex; }
            .framer .peri-body .data-list ul li:nth-child(1) { width: 40%; }
                .framer .peri-body .data-list ul li:nth-child(1) img { width: 85%; border: 1px #ccc solid; padding: 2px; vertical-align: middle; }
            .framer .peri-body .data-list ul li:nth-child(2) { width: 60%; }
                .framer .peri-body .data-list ul li:nth-child(2) p { line-height: 24px; }
                    .framer .peri-body .data-list ul li:nth-child(2) p:nth-child(1) { color: #333; font-size: 16px; font-weight: bold; line-height: 30px; }

    .framer .header-login { width: 100%; position: fixed; top: 0; z-index: 9999; }
    .framer .header-login-back { width: 100%; position: fixed; top: 0; z-index: 9999; }
        .framer .header-login-back img { height: 2em; margin: 1.5em 0 0 1.5em; }
    .framer .bodyer-login-top img { width: 100%; }
    .framer .login-step { width: 95%; margin: 0 auto; }
        .framer .login-step ul .u { border-bottom: 0.1em #eee solid; }
        .framer .login-step ul li { width: 100%; line-height: 4em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .login-step ul li input[type=button] { height: 3em; width: 100%; color: #fff; background: #01c2cb; border: 0.1em #00b1ba solid; border-radius: 0.2em; font: normal 1em Arial,"Microsoft YaHei"; }
            .framer .login-step ul li span:nth-child(1) { min-width: 6em; }
            .framer .login-step ul li span:nth-child(2) { width: 100%; }
                .framer .login-step ul li span:nth-child(2) input[type=text] { height: 3em; width: 100%; color: #333; border: none; font: normal 1em Arial,"Microsoft YaHei"; }
            .framer .login-step ul li span:nth-child(3) { min-width: 4em; }
                .framer .login-step ul li span:nth-child(3) input[type=button] { height: 1.75em; width: 100%; color: #fff; background: #01c2cb; border: 0.1em #00b1ba solid; border-radius: 0.2em; font: normal 1em Arial,"Microsoft YaHei"; }

    .framer .header-mid { height: 4em; width: 100%; position: fixed; top: 0; z-index: 9999; background: #01c2cb; }
        .framer .header-mid ul { width: 100%; line-height: 4em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .header-mid ul li:nth-child(1) { width: 20%; text-align: center; }
                .framer .header-mid ul li:nth-child(1) img { height: 2em; margin-top: 1em; }
                .framer .header-mid ul li:nth-child(1) a { color: #fff; }
            .framer .header-mid ul li:nth-child(2) { width: 60%; text-align: center; color: #fff; font-size: 1.25em; font-weight: bold; }
                .framer .header-mid ul li:nth-child(2) img { height: 2em; margin: 0.65em; }
                .framer .header-mid ul li:nth-child(2) input[type=text] { height: 30px; line-height: 30px; text-indent: 5px; width: 100%; border: none; border-radius: 2px; }
            .framer .header-mid ul li:nth-child(3) { width: 20%; text-align: center; }
                .framer .header-mid ul li:nth-child(3) img { height: 2em; margin-top: 1em; }
                .framer .header-mid ul li:nth-child(3) a { line-height: 4.2em; color: #333; padding: 0.4em 0.5em; border: 0.1em #999 solid; border-radius: 2px; }
                .framer .header-mid ul li:nth-child(3) .head-btns { background: #fff; }

    .framer .bodyer .search { width: 100%; }
        .framer .bodyer .search ul { width: 90%; margin: 0 auto; border: 0.1em #999 solid; border-radius: 2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .bodyer .search ul li:nth-child(1) { width: 80%; }
                .framer .bodyer .search ul li:nth-child(1) input[type=text] { height: 30px; line-height: 30px; text-indent: 5px; width: 100%; border: none; }
            .framer .bodyer .search ul li:nth-child(2) { width: 20%; text-align: right; }
                .framer .bodyer .search ul li:nth-child(2) a { line-height: 30px; color: #fff; background: #01c2cb; padding: 5px 10px; margin-right: 2px; }
    .framer .bodyer .banner { width: 90%; margin: 0 auto; margin-top: 1em; }
    .framer .bodyer .cate8 { width: 90%; margin: 0 auto; }
        .framer .bodyer .cate8 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
            .framer .bodyer .cate8 ul li { width: 25%; text-align: center; margin-top: 1em; }
                .framer .bodyer .cate8 ul li img { width: 60%; }
    .framer .bodyer .advs2 { width: 90%; margin: 0 auto; }
        .framer .bodyer .advs2 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
            .framer .bodyer .advs2 ul li { width: 50%; text-align: center; margin-top: 1em; }
                .framer .bodyer .advs2 ul li img { width: 95%; }

    .framer .bodyer .intro { width: 90%; margin: 0 auto; }
    .framer .bodyer .intro-head { width: 100%; line-height: 3em; border-bottom: 0.1em #01c2cb solid; }
        .framer .bodyer .intro-head span:nth-child(1) { padding: 0.25em 0.3em; background: #01c2cb; margin-right: 0.5em; border-left: 0.2em #999 solid; }
        .framer .bodyer .intro-head span:nth-child(2) { font-weight: bold; }
    .framer .bodyer .intro-body { width: 100%; margin: 0 auto; }
        .framer .bodyer .intro-body ul { margin-top: 0.5em; border-bottom: 0.1em #eee solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .bodyer .intro-body ul li { }
                .framer .bodyer .intro-body ul li:nth-child(1) { width: 30%; margin: 0.5em; text-align: center; }
                    .framer .bodyer .intro-body ul li:nth-child(1) img { width: 90%; border: 0.1em #eee solid; padding: 0.1em; }
                .framer .bodyer .intro-body ul li:nth-child(2) { width: 70%; margin: 0.5em; }
                    .framer .bodyer .intro-body ul li:nth-child(2) p { line-height: 25px; }
                        .framer .bodyer .intro-body ul li:nth-child(2) p:nth-child(1) { font-size: 1.2em; font-weight: bold; color: #000; }
    .framer .bodyer .more { width: 90%; margin: 0 auto; margin-top: 1em; text-align: center; }

    .framer .bodyer .serv-head { }
        .framer .bodyer .serv-head img { width: 100%; }
    .framer .bodyer .serv-body { }
        .framer .bodyer .serv-body .part-chat { min-height: 5em; width: 85%; margin: 0 auto; padding: 0.5em; margin-bottom: 1em; background: #fff; border-radius: 0.3em; }
            .framer .bodyer .serv-body .part-chat ul li { padding: 0.5em 0 0.5em 0.5em; line-height: 25px; word-wrap: break-word; border-bottom: 0.1em #eee solid; }
                .framer .bodyer .serv-body .part-chat ul li a { color: #fff; background: #01c2cb; padding: 0.2em 0.5em; border: 0.1em #00b1ba solid; border-radius: 0.2em; }
                .framer .bodyer .serv-body .part-chat ul li span { font-weight: bold; color: #01c2cb; }
                .framer .bodyer .serv-body .part-chat ul li:nth-child(1) { color: #333; font-size: 1.2em; font-weight: bold; }
                .framer .bodyer .serv-body .part-chat ul li input[type=text] { height: 2.35em; width: 65%; color: #333; border: 0.1em #00b1ba solid; text-indent: 0.5em; border-radius: 0.2em; font: normal 1em Arial,"Microsoft YaHei"; }
            .framer .bodyer .serv-body .part-chat ul .serv-btns { padding: 0.5em 0 0.5em 0; margin-top: 0.5em; }
                .framer .bodyer .serv-body .part-chat ul .serv-btns a { color: #fff; background: #01c2cb; padding: 0.6em 1.5em; border: 0.1em #00b1ba solid; border-radius: 0.2em; }

    .framer .bodyer .serv-foot { }
        .framer .bodyer .serv-foot img { width: 100%; }

    .framer .bodyer .info-head { margin: 15px 0; }
        .framer .bodyer .info-head ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .bodyer .info-head ul li:nth-child(1) { width: 40%; text-align: center; }
                .framer .bodyer .info-head ul li:nth-child(1) img { width: 80%; border: 0.1em #eee solid; padding: 0.2em; }
            .framer .bodyer .info-head ul li:nth-child(2) { width: 60%; }
                .framer .bodyer .info-head ul li:nth-child(2) p { line-height: 25px; }
                    .framer .bodyer .info-head ul li:nth-child(2) p:nth-child(1) { font-size: 1.5em; font-weight: bold; margin: 0.25em 0; color: #000; }

    .framer .bodyer .info-neck { padding: 5px 0 1px 0; border-top: 0.1em #01c2cb solid; border-bottom: 0.1em #01c2cb solid; }
        .framer .bodyer .info-neck ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; }
            .framer .bodyer .info-neck ul .curr { font-weight: bold; border-bottom: 0.2em #01c2cb solid; }
            .framer .bodyer .info-neck ul li { width: 33.33%; font-size: 1.2em; text-align: center; line-height: 40px; }
                .framer .bodyer .info-neck ul li img { height: 1.5em; vertical-align: middle; }

    .framer .bodyer .info-body .panel { min-height: 10em; width: 90%; padding: 1em; }
    .framer .bodyer .info-body .info1 { }
        .framer .bodyer .info-body .info1 ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 35px; border-bottom: 0.1em #eee solid; }
            .framer .bodyer .info-body .info1 ul li span:nth-child(1) { width: 35%; font-weight: bold; }
            .framer .bodyer .info-body .info1 ul li span:nth-child(2) { width: 65%; }

    .framer .bodyer .info-body .info2 { }
        .framer .bodyer .info-body .info2 ul li { line-height: 30px; }
            .framer .bodyer .info-body .info2 ul li:nth-child(1) { font-weight: bold; }
            .framer .bodyer .info-body .info2 ul li:nth-child(2) { border-bottom: 1px #eee solid; word-break: break-all; }

    .framer .bodyer .info-body .info3 .serv-head { line-height: 35px; }
        .framer .bodyer .info-body .info3 .serv-head span:nth-child(1) { padding: 0.25em 0.3em; background: #01c2cb; margin-right: 0.5em; border-left: 0.2em #999 solid; }
        .framer .bodyer .info-body .info3 .serv-head span:nth-child(2) { font-weight: bold; }
    .framer .bodyer .info-body .info3 .serv-body { }
        .framer .bodyer .info-body .info3 .serv-body ul li { line-height: 25px; }

    .framer .header .bar-scroll { width: 100%; margin: 0 auto; background: #fafafa; border-bottom: 0.1em #ccc solid; display: none; }
        .framer .header .bar-scroll .bar-scroll-x { height: 2em; width: 95%; margin: 0 auto; overflow: hidden; border-bottom: 0.1em #eee solid; }
            .framer .header .bar-scroll .bar-scroll-x .bar-scroll-x-content { height: 3em; width: 100%; overflow-x: auto; white-space: nowrap; }
                .framer .header .bar-scroll .bar-scroll-x .bar-scroll-x-content span { display: inline-block; margin: 0.2em 0 0.2em 0.5em; padding: 0 0.5em; }
                .framer .header .bar-scroll .bar-scroll-x .bar-scroll-x-content .curr { border-bottom: 0.1em solid #ff6600; color: #ff6600; }
        .framer .header .bar-scroll .bar-scroll-ctls { width: 100%; line-height: 3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .header .bar-scroll .bar-scroll-ctls span:nth-child(1) { width: 50%; text-align: center; }
            .framer .header .bar-scroll .bar-scroll-ctls span:nth-child(2) { width: 50%; text-align: center; }
            .framer .header .bar-scroll .bar-scroll-ctls #select-cancel { height: 2em; width: 80%; color: #fff; background: #999; border: 0.1em #999 solid; border-radius: 0.2em; font: normal 1em Arial,"Microsoft YaHei"; }
            .framer .header .bar-scroll .bar-scroll-ctls #select-submit { height: 2em; width: 80%; color: #fff; background: #eecc00; border: 0.1em #eecc00 solid; border-radius: 0.2em; font: normal 1em Arial,"Microsoft YaHei"; }

    .framer .bodyer .user-item { width: 100%; line-height: 3.5em; margin: 0 auto; border-bottom: 0.1em #ccc solid; background: #fafafa; text-align: center; }

    .framer .bodyer .user-item3 { width: 100%; background: #fafafa; border-bottom: 0.1em #ccc solid; }
        .framer .bodyer .user-item3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
            .framer .bodyer .user-item3 ul li { width: 33.33%; line-height: 2em; text-align: center; margin: 0.75em 0 0.5em 0; }
                .framer .bodyer .user-item3 ul li img { width: 2.5em; vertical-align: middle; }
                .framer .bodyer .user-item3 ul li:nth-child(1) { border-right: 0.1em #ccc solid; }
                .framer .bodyer .user-item3 ul li:nth-child(3) { border-left: 0.1em #ccc solid; }

    .framer .bodyer .user-item9 { width: 100%; margin: 1em 0; background: #fff; }
        .framer .bodyer .user-item9 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
            .framer .bodyer .user-item9 ul li { width: 33.33%; line-height: 2.5em; text-align: center; margin: 1.25em 0 1em 0; }
                .framer .bodyer .user-item9 ul li img { width: 3em; vertical-align: middle; }

    .framer .bodyer .user-top { height: 12.5em; background: url(../images/user_bg.jpg) center 50%; }
        .framer .bodyer .user-top .user-set { text-align: right; }
            .framer .bodyer .user-top .user-set img { width: 1.5em; margin-top: 1em; margin-right: 1em; }
        .framer .bodyer .user-top .user-head { width: 100%; margin-top: 0.5em; }
            .framer .bodyer .user-top .user-head ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
                .framer .bodyer .user-top .user-head ul li:nth-child(1) { width: 40%; text-align: center; }
                    .framer .bodyer .user-top .user-head ul li:nth-child(1) img { height: 6em; border-radius: 50%; }
                .framer .bodyer .user-top .user-head ul li:nth-child(2) { width: 60%; color: #fff; margin-top: 0em; }
                    .framer .bodyer .user-top .user-head ul li:nth-child(2) a { color: #fff; }

    .framer .fbody .mescroll { height: auto; width: 100%; overflow-y: auto; position: fixed; top: 4em; bottom: 0em; }
    .framer .fbody .data-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
        .framer .fbody .data-list ul { width: 50%; }
            .framer .fbody .data-list ul li { text-align: center; }
                .framer .fbody .data-list ul li:nth-child(1) { padding: 0.5em 0; }
                    .framer .fbody .data-list ul li:nth-child(1) img { height: 200px; width: 145px; border: 0.1em #ccc solid; padding: 0.2em; vertical-align: middle; }
                .framer .fbody .data-list ul li:nth-child(2) { font-weight: bold; color: #000; padding: 0.35em 0; }
                .framer .fbody .data-list ul li:nth-child(5) a { color: #fff; background: #01c2cb; padding: 0.35em 1em; line-height: 3em; border-radius: 0.2em; }

    .framer .cbody .mescroll { height: auto; width: 100%; overflow-y: auto; position: fixed; top: 5em; bottom: 0em; }
    .framer .cbody .data-list .list-item { height: auto; width: 95%; margin: 0 auto; background: #fafafa; border-radius: 0.3em; }
        .framer .cbody .data-list .list-item div:nth-child(1) { border-bottom: 0.1em #eee solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .cbody .data-list .list-item div:nth-child(1) span:nth-child(1) { width: 70%; line-height: 3em; text-indent: 0.5em; font-weight: bold; }
            .framer .cbody .data-list .list-item div:nth-child(1) span:nth-child(2) { width: 30%; line-height: 3em; text-align: center; }
        .framer .cbody .data-list .list-item div:nth-child(2) { padding: 1em 0.5em; }
        .framer .cbody .data-list .list-item div:nth-child(3) { padding: 0.5em 0 0.5em 1em; border-top: 0.1em #eee solid; font-size: 0.75em; }
        .framer .cbody .data-list .list-item ul { width: 90%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
            .framer .cbody .data-list .list-item ul li:nth-child(1) { width: 30%; }
                .framer .cbody .data-list .list-item ul li:nth-child(1) img { width: 100%; vertical-align: middle; border-radius: 0.3em; }
            .framer .cbody .data-list .list-item ul li:nth-child(2) { width: 65%; margin-left: 5%; }
                .framer .cbody .data-list .list-item ul li:nth-child(2) p:nth-child(1) { line-height: 25px; border-bottom: 0.1em #eee solid; }
                .framer .cbody .data-list .list-item ul li:nth-child(2) p:nth-child(2) { height: 4em; line-height: 25px; font-size: 0.75em; overflow: hidden; }

    .framer .bodyer .user-info { width: 100%; }
        .framer .bodyer .user-info ul { width: 90%; margin: 0 auto; }
            .framer .bodyer .user-info ul .u { border-bottom: 0.1em #eee solid; }
            .framer .bodyer .user-info ul li { line-height: 2.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
                .framer .bodyer .user-info ul li p { width: 100%; margin: 0 auto; text-align: center; }
                    .framer .bodyer .user-info ul li p img { height: 7.5em; margin-top: 1em; }
                    .framer .bodyer .user-info ul li p input[type=text] { height: 3em; width: 100%; color: #333; border: none; font: normal 1em Arial,"Microsoft YaHei"; }
                    .framer .bodyer .user-info ul li p input[type=password] { height: 3em; width: 100%; color: #333; border: none; font: normal 1em Arial,"Microsoft YaHei"; }
                .framer .bodyer .user-info ul li span:nth-child(1) { width: 25%; line-height: 3em; }
                .framer .bodyer .user-info ul li span:nth-child(2) { width: 75%; color: #999; line-height: 3em; text-align: right; }
                    .framer .bodyer .user-info ul li span:nth-child(2) input[type=text] { height: 3em; width: 100%; color: #333; border: none; font: normal 1em Arial,"Microsoft YaHei"; }
                    .framer .bodyer .user-info ul li span:nth-child(2) input[type=password] { height: 3em; width: 100%; color: #333; border: none; font: normal 1em Arial,"Microsoft YaHei"; }

    .framer .bodyer .user-serv { width: 100%; }
        .framer .bodyer .user-serv ul { width: 90%; margin: 0 auto; }
            .framer .bodyer .user-serv ul li { margin-top: 1em; text-align: center; }
                .framer .bodyer .user-serv ul li img { width: 50%; max-width: 300px; }

    .framer .bodyer .user-team { min-height: 5em; width: 90%; margin: 0 auto; padding: 0.5em; margin-bottom: 1em; background: #fff; border-radius: 0.3em; }
        .framer .bodyer .user-team ul { border: 0.1em #eecc00 solid; border-radius: 0.2em; margin-bottom: 1em; }
            .framer .bodyer .user-team ul li { line-height: 25px; word-wrap: break-word; }
                .framer .bodyer .user-team ul li:nth-child(1) { padding: 0.5em 0 0.5em 0.5em; color: #333; font-weight: bold; background: #efefef; border-bottom: 0.1em #eecc00 solid; }
                .framer .bodyer .user-team ul li:nth-child(2) { padding: 0.25em 0 0.25em 0; border-bottom: 0.1em #eee solid; word-wrap: break-word; font-size: 0.75em; text-indent: 0.5em; }
                .framer .bodyer .user-team ul li:nth-child(3) { width: 95%; margin: 0 auto; padding: 0.5em 0 0.5em 0; color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
                    .framer .bodyer .user-team ul li:nth-child(3) img { height: 3em; vertical-align: middle; }
                    .framer .bodyer .user-team ul li:nth-child(3) p { width: 25%; text-align: center; }

    .framer .bodyer .user-tips { width: 90%; margin: 0 auto; text-align: center; }

    .framer .bodyer .user-ctls { width: 100%; margin-top: 3em; }
        .framer .bodyer .user-ctls ul { width: 90%; margin: 0 auto; background: #01c2cb; border-radius: 0.2em; }
            .framer .bodyer .user-ctls ul .u { border-bottom: 0.1em #fff solid; }
            .framer .bodyer .user-ctls ul li { line-height: 3em; text-align: center; }
                .framer .bodyer .user-ctls ul li a { color: #fff; }

    .framer .footer { }
        .framer .footer .bar-bottom { height: 4em; width: 100%; line-height: 4em; margin: 0 auto; background: #fefefe; border-top: 0.1em #eee solid; position: fixed; bottom: 0; text-align: center; z-index: 9999; }
            .framer .footer .bar-bottom .curr { background: #01c2cb; color: #fff; }
            .framer .footer .bar-bottom a { color: #01c2cb; background: #f9f9f9; margin: 0 1em; padding: 0.75em 1.5em; border: 0.1em #01c2cb solid; border-radius: 0.2em; }
            .framer .footer .bar-bottom img { height: 1.5em; vertical-align: middle; }
            .framer .footer .bar-bottom ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
                .framer .footer .bar-bottom ul li { height: 4em; line-height: 4em; width: 25%; text-align: center; }
                    .framer .footer .bar-bottom ul li img { height: 3em; vertical-align: middle; }

        .framer .footer .ctl-bottom { height: 12em; width: 100%; margin: 0 auto; background: #fff; border-top: 0.3em #01c2cb solid; position: fixed; bottom: 0; text-align: center; z-index: 9999; }
            .framer .footer .ctl-bottom ul { margin-top: 1.5em; }
                .framer .footer .ctl-bottom ul li:nth-child(2) { text-align: left; padding: 1em 2.5em; color: #000; }
            .framer .footer .ctl-bottom input[type=text] { height: 2.35em; width: 50%; color: #333; border: 0.1em #01c2cb solid; text-indent: 0.5em; border-radius: 0.2em; font: normal 1em Arial,"Microsoft YaHei"; }
            .framer .footer .ctl-bottom .doOrder { color: #fff; background: #01c2cb; margin: 0 0.25em; padding: 0.6em 1em; border: 0.1em #00b1ba solid; border-radius: 0.2em; }
            .framer .footer .ctl-bottom .doClose { color: #01c2cb; background: #fefefe; margin: 0 0.25em; padding: 0.6em 1em; border: 0.1em #00b1ba solid; border-radius: 0.2em; }