.pagination a {
    padding: 6px 11px;
    background-color: #dedede;
}

    .pagination a:hover {
        background-color: #1ac078;
        color: #fff;
    }

.pagination .active {
    background-color: #1ac078;
    color: #fff;
}

input, button, select, textarea {
    outline: 0;
}

textarea {
    resize: none;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

em, th, var {
    font-style: normal;
    font-weight: 400;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

i {
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}

li {
    list-style-type: none;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border: 0;
}

a, button, input, select {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}

a {
    text-decoration: none;
    color: #07ac5c;
}

html {
    -webkit-text-size-adjust: none;
}

body {
    margin-top: 40px;
    font: 13px/26px "Microsoft YaHei","微软雅黑","宋体",Arial;
    color: #222;
    letter-spacing: .03em;
    -webkit-font-smoothing: antialiased;
    background: #f8f8f8;
}

input, select, textarea, button {
    width: 100%;
    font: 14px/26px "Microsoft YaHei","微软雅黑","宋体",Arial;
    border: 0;
    color: #333;
}

    input:focus {
        outline: 0;
    }

    button, input[type=button] {
        border: 0;
        background: 0 0;
    }

table {
    font-size: inherit;
    font: 100%;
}

textarea {
    height: 96px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

.clearfix:after, .clearfixlist li:after, .container:after, .pwrap:after {
    content: "\0020";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfix, .clearfixlist li, .container, .pwrap {
    zoom: 1;
}

.clear {
    clear: both;
    display: block;
}

.hide {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.flex-row, .flex-answer, .exam-btns, .flex-btns {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.flex-col, .subcata a, .dialog-confirm .info {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.around, .exam-btns, .flex-btns {
    justify-content: space-around;
    align-items: center;
}

.between, .flex-answer {
    justify-content: space-between;
    align-items: center;
}

.start {
    justify-content: flex-start;
    align-items: center;
}

.end {
    justify-content: flex-end;
    align-items: center;
}

.center, .subcata a, .dialog-confirm .info {
    justify-content: center;
    align-items: center;
}

.vertical {
    display: table-cell;
    vertical-align: middle;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-ellipsis, .name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.circle, .portrait, .portrait img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.rect, .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.mrect, .btn-hollow {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.mxrect {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.trans, .remark {
    -webkit-transition: all .38s ease;
    -moz-transition: all .38s ease;
    transition: all .38s ease;
}

.scale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all ease .38s;
}

.rotate {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .38s ease;
    -moz-transition: all .38s ease;
    transition: all .38s ease;
}

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.scroll-top {
    position: fixed;
    z-index: 99;
    bottom: 58px;
    right: 8px;
    width: 42px;
    height: 42px;
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(360deg);
    transform: translateX(100%) rotate(360deg);
    transition: all .5s ease;
    background: url(../images/scrollTop.png) no-repeat 0 0;
    background-size: 100% 100%;
}

    .scroll-top.rollIn {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
        transition: all .5s ease;
    }

.nomore {
    margin: 8px 0;
    font-size: 11px;
    color: #b0b0b0;
    text-align: center;
}

.nodata {
    padding: 128px 28px 18px;
    color: #666;
    text-align: center;
    background: url(../images/empty.png) no-repeat center 28px;
    background-size: 98px;
}

.alert {
    position: fixed;
    z-index: 68;
    top: 48%;
    left: 50%;
    width: 156px;
    min-height: 40px;
    padding: 10px;
    margin-left: -78px;
    margin-top: -24px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.68);
}

.green {
    color: #1ac078;
}

.gray {
    color: #777;
}

.orange {
    color: #f67d1b;
}

.red {
    color: #de1c1c;
}

.bg-white {
    background: #fff;
}

.ml12 {
    margin-left: 12px;
}

.icon, .btn-del {
    display: inline-block;
    padding-left: 18px;
    background: url(../images/sprite.png) no-repeat 0 0;
    background-size: 18px 1800px;
}

.iuser {
    background-position-y: -20px;
}

.ipwd {
    background-position-y: -48px;
}

.iowner {
    background-position-y: -76px;
}

.active .iowner {
    background-position-y: -103px;
}

.iserver {
    background-position-y: -130px;
}

.active .iserver {
    background-position-y: -158px;
}

.imap {
    background-position-y: -186px;
}

.ilocator {
    background-position-y: -212px;
}

.idate {
    background-position-y: -240px;
}

.isee {
    background-position-y: -268px;
}

.imore {
    background-position: right -293px;
}

.iapp {
    background-position-y: -350px;
}

.ireput {
    background-position-y: -486px;
}

.iemb {
    background-position-y: -515px;
}

    .iemb.has {
        background-position-y: -542px;
    }

.icert {
    background-position-y: -568px;
}

    .icert.has {
        background-position-y: -596px;
    }

.ialipay {
    background-position-y: -624px;
}

.iwechat {
    background-position-y: -650px;
}

.icmap {
    background-position-y: -780px;
}

.itrend {
    background-position-y: -806px;
}

.itel {
    background-position-y: -860px;
}

.isearch {
    width: 20px;
    height: 20px;
    background-position: center -380px;
}

.irecom {
    background-position-y: -998px;
}

.ianswer {
    padding-left: 22px;
    background-position-y: -1013px;
}

.icoupon {
    background-position-y: -1052px;
}

.iucomt {
    background-position-y: -1080px;
}

.iccomt {
    background-position-y: -1106px;
}

.ilogo {
    padding-left: 26px;
    background-position-y: -1192px;
}

.iback {
    background-position-y: -1136px;
}

.ihome {
    background-position-y: -1166px;
}

.btn {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    background: #1ac078;
}

.btn-hollow {
    display: inline-block;
    padding: 0 12px;
    border: 1px solid #1ac078;
    color: #1ac078;
}

    .btn-hollow.gray {
        border-color: #666;
        color: #666;
    }

.form-group {
    position: relative;
    padding: 12px 8px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 12px;
}

.form-control, .form-textarea {
    width: 100%;
}

.form-vertify .form-control {
    padding-right: 108px;
}

.form-login .form-group {
    border-color: #dbdbdb;
}

.form-login .form-control {
    width: 100%;
    padding-left: 22px;
}

.form-login .btn-check {
    position: absolute;
    top: 8px;
    right: 0;
    width: 78px;
    padding: 0;
    border: 1px solid #1ac078;
    font-size: 12px;
    color: #1ac078;
    text-align: center;
}

.form .btns {
    padding: 15px 24px;
}

.form .item-intro {
    padding: 13px;
    background: #f6f6f6;
}

.form .area-intro {
    height: 186px;
    background: #f6f6f6;
}

.form-list {
    margin-top: 2px;
    background: #fff;
}

    .form-list li {
        position: relative;
        padding: 12px 10px;
        border-bottom: 1px solid #ececec;
    }

    .form-list .attr {
        position: absolute;
        top: 12px;
        left: 10px;
    }

    .form-list .portrait {
        width: 52px;
        height: 52px;
    }

    .form-list .val {
        margin-left: 68px;
        text-align: right;
    }

    .form-list .iright, .mod-menu .iright {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        height: 28px;
        padding: 0;
        background-position: center -458px;
    }

    .form-list .item-portrait {
        line-height: 52px;
    }

    .form-list .item-upload2 .attr {
        margin-top: 15px;
    }

    .form-list .item-upload2 .pic {
        float: right;
    }

    .form-list .item-whole {
        padding: 0;
    }

        .form-list .item-whole .attr {
            position: static;
            padding: 10px;
        }

        .form-list .item-whole .val {
            padding: 8px 8px 4px;
            margin: 0;
            text-align: left;
            background: #f7f7f7;
        }

        .form-list .item-whole textarea {
            height: 72px;
            background: #f7f7f7;
        }

    .form-list input {
        text-align: right;
    }

.text-left input {
    text-align: left;
}

select.idown {
    padding: 0 16px 0 0;
    direction: rtl;
    background-position: right -966px;
}

.item-select select {
    float: left;
    width: 50%;
}

.btn-upload {
    position: relative;
    width: 100%;
    height: 52px;
    padding-right: 13px;
}

    .btn-upload .iright {
        z-index: 0;
        top: 50%;
        right: -8px;
        margin-top: -13px;
    }

.btn-camera {
    height: 26px;
    padding: 0;
}

    .btn-camera img {
        width: 16px;
        height: 16px;
    }

.input-upload {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.piclist {
    margin: 0 -6px;
}

    .piclist .pic {
        position: relative;
        float: left;
        width: 25%;
        height: 64px;
        padding: 6px;
    }

    .piclist .btn-del {
        position: absolute;
        top: -3px;
        right: -3px;
        width: 24px;
        height: 24px;
        background-position: center -838px;
    }

    .piclist .tips {
        float: left;
        padding-top: 35px;
    }

    .piclist.col-3 .pic {
        width: 28.3%;
    }

.label-check {
    display: block;
}

    .label-check input ~ i {
        float: right;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 1px solid #d1d1d1;
        margin-top: 5px;
        background-position: 0 -9999em;
        background-color: #f4f4f4;
    }

    .label-check input:checked ~ i {
        border-color: #1ac078;
        background-position: center -680px;
        background-color: #1ac078;
    }

.ialipay, .iwechat {
    padding-left: 26px;
}

.container {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    overflow: hidden;
}

.mod {
    padding: 2px 0;
    margin-bottom: 8px;
    background: #fff;
}

    .mod .hd {
        padding: 13px 10px;
    }

    .mod a {
        color: #888;
    }

    .mod .title {
        position: relative;
        padding-right: 8px;
        font-size: 16px;
        font-weight: 700;
    }

    .mod .imore {
        float: right;
        padding: 0 10px 0 0;
        font-size: 12px;
        color: #1ac078;
    }

    .mod .btn-more {
        display: block;
        width: 88px;
        height: 26px;
        margin: 15px auto;
        color: #9f9f9f;
        text-align: center;
        background: #eee;
    }

    .mod .iright {
        padding: 0 12px 0 0;
        background-position: right -320px;
    }

.mod-login .info {
    display: block;
    margin: 28% auto;
    color: #666;
    text-align: center;
}

.mod-login .pic {
    width: 62px;
    height: 62px;
    margin: 0 auto;
}

.mod-login .hint {
    position: absolute;
    bottom: 28px;
    left: 8px;
    font-size: 12px;
    color: #888;
}

.mod-bind {
    position: relative;
    padding: 68px 20px 28px;
}

    .mod-bind .hint {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 4px 13px;
        font-size: 12px;
        color: #fff;
        background: #72cca5;
    }

    .mod-bind .ihook {
        background-position-y: 6px;
    }

    .mod-bind .title {
        margin-bottom: 40px;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
    }

    .mod-bind .logo {
        width: 62px;
        height: 62px;
        margin: 0 auto 8px;
    }

    .mod-bind .txt {
        margin-bottom: 18px;
        color: #0a0a0c;
        text-align: center;
    }

    .mod-bind .btn {
        margin-top: 28px;
    }

    .mod-bind .btn-hollow {
        display: block;
        width: 78%;
        padding: 8px;
        border-color: #d0d0d0;
        margin: 0 auto 24px;
        color: #666;
        text-align: center;
    }

        .mod-bind .btn-hollow.active {
            border-color: #1ac078;
            color: #00a55d;
            background: #d0f3e4;
        }

.mod-appoint .bd {
    padding: 20px;
}

.mod-agree {
    padding: 13px;
}

    .mod-agree .btn {
        margin-top: 16px;
        color: #fff;
    }

    .mod-agree .title {
        margin: 6px 0 10px;
        text-align: center;
    }

    .mod-agree .txt {
        margin-bottom: 10px;
    }

.fixed-nav, .fixed-btns {
    position: fixed;
    z-index: 86;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    background: #f1f1f1;
}

    .fixed-nav a {
        float: left;
        width: 25%;
        padding: 6px 0 2px;
        font-size: 12px;
        line-height: 22px;
        color: #888;
    }

    .fixed-nav span {
        display: block;
        width: 25px;
        height: 20px;
        margin: 0 auto;
        background: url(../images/nav.png) no-repeat 0 0;
        background-size: 250px 20px;
    }

    .fixed-nav .ibail {
        background-position-x: -50px;
    }

    .fixed-nav .icomt {
        background-position-x: -200px;
    }

    .fixed-nav .ipeace {
        background-position-x: -100px;
    }

    .fixed-nav .ishare {
        background-position-x: -225px;
    }

    .fixed-nav .iuser {
        background-position-x: -150px;
    }

    .fixed-nav .active {
        color: #1ac078;
    }

        .fixed-nav .active .ihome {
            background-position-x: -25px;
        }

        .fixed-nav .active .ibail {
            background-position-x: -75px;
        }

        .fixed-nav .active .ipeace {
            background-position-x: -125px;
        }

        .fixed-nav .active .iuser {
            background-position-x: -175px;
        }

.fixed-btns {
    padding-left: 12px;
    line-height: 50px;
    background: #fff;
}

    .fixed-btns .money {
        float: left;
        font-size: 11px;
        color: #f5440d;
    }

    .fixed-btns .total {
        font-size: 18px;
    }

    .fixed-btns .mode {
        color: #222;
    }

    .fixed-btns .btn-order {
        float: right;
        width: 40%;
        padding: 0;
        font-size: 13px;
        font-weight: 500;
        line-height: 50px;
        color: #fff;
        background: #1ac078;
    }

        .fixed-btns .btn-order.gray {
            background: #adadad;
        }

.fixed-appoint a {
    width: 20%;
    color: #333;
}

.fixed-appoint .btn-order {
    width: 58%;
}

.noScroll {
    height: 100%;
    overflow: hidden;
}

.shade, .shade-share, .dropmenu, .fixed {
    position: fixed;
    z-index: 88;
    top: 0;
    left: 0;
}

.shade, .shade-share, .dropmenu {
    height: 100%;
}

.shade, .shade-share, .model {
    display: none;
}

.shade, .shade-share {
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.68);
}

.shade-share {
    background: url(../images/share.png) no-repeat 96% 10px rgba(0,0,0,.68);
    background-size: 205px 146px;
}

.dropmenu {
    left: auto;
    right: -58%;
    width: 58%;
    padding: 28px 0;
    background: #fff;
}

    .dropmenu a {
        display: block;
        padding: 12px 16px;
        border-bottom: 1px solid #ececec;
        font-size: 14px;
        color: #333;
    }

.model {
    z-index: 89;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 248px;
    margin-left: -150px;
    margin-top: -124px;
    background: #fff;
}

    .model .bd {
        height: 206px;
        padding: 16px;
    }

    .model textarea {
        height: 128px;
        padding: 6px;
        border: 1px solid #dadada;
        background: #fcfcfc;
    }

    .model a {
        float: left;
        width: 50%;
        height: 42px;
        line-height: 42px;
        color: #444;
        text-align: center;
        background: #f1f1f1;
    }

    .model .btn-confirm {
        color: #fff;
        background: #1ac078;
    }
      .model .inner {
        position: fixed;
        top: 50%;
        left: 0;
    }

    .model .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 38px;
        height: 38px;
        background-color: #bababa;
        background-position: center -1128px;
    }

.model-alert .inner {
    width: 90%;
    height: 200px;
    padding: 25px 50px;
    margin-top: -100px;
    margin-left: 5%;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    background: #fff;
}

.model-alert .btn-solid {
  
    width: 100%;
    height: 52px;
    margin: 20px 0;
    line-height: 52px;
    background: #1ac078;
}

.model-alert .imore {
    display: block;
    padding-right: 13px;
    font-size: 14px;
    color: #fe6817;
    text-align: right;
    background-position: right -1096px;
}

    .model-alert .imore:hover {
        text-decoration: underline;
    }

.model-appoint .inner {
    width: 946px;
    height: 384px;
    margin-left: -473px;
    margin-top: -177px;
}

.model-appoint .pic {
    float: left;
    width: 590px;
    height: 100%;
}

.model-appoint .info {
    float: right;
    width: 356px;
    height: 384px;
    background: #fff;
}

.model-appoint .flex-title {
    margin-top: 40px;
    font-size: 20px;
}

.model-appoint .subtitle {
    margin-bottom: 30px;
    color: #888;
    text-align: center;
}

.body-top {
    margin-top: 80px;
}

.body-nav {
    margin-bottom: 50px;
}

.body-menu {
    margin-top: 92px;
}

.body-index {
    margin-top: 40px;
}

.header {
    position: fixed;
    z-index: 66;
    top: 43px;
    left: 0;
    width: 100%;
    padding: 6px 13px;
    background: #fff;
}

    .header a {
        color: #222;
    }

    .header .menu {
        width: 20px;
        height: 20px;
        margin-top: -2px;
    }

.header-title {
    z-index: 99;
    top: 0;
    padding: 8px 13px;
    border-bottom: 2px solid #eee;
    font-size: 16px;
    color: #222;
    text-align: center;
}

    .header-title .ihome, .header-title .iback {
        display: block;
        position: absolute;
        top: 8px;
        left: 10px;
        width: 24px;
        height: 26px;
    }

    .header-title .ihome {
        left: 55px;
    }

.header-index {
    top: 0;
}

.fixrum {
    position: fixed;
    z-index: 66;
    top: 58%;
    right: 0;
    width: 51px;
    height: 50px;
}

.mod-brand {
    padding: 18px 6px 8px;
    background: #fff;
}

.brand-list li {
    float: left;
    width: 20%;
    text-align: center;
}

.brand-list .pic {
    position: relative;
    width: 46px;
    height: 46px;
    margin: 0 auto;
}

.brand-list .txt {
    color: #333;
}

.bubble {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 22px;
    height: 15px;
}

.swiper-banner .swiper-pagination-bullet {
    width: 26px;
    height: 3px;
    border-radius: 0;
    background: #1f1f1f;
}

.swiper-banner .swiper-pagination-bullet-active {
    background: #1ac078;
}

.mod-cata {
    padding: 8px;
    margin-bottom: 6px;
    background: #fff;
}

    .mod-cata .left, .mod-cata .right {
        width: 49.5%;
    }

    .mod-cata .item, .mod-cata .subitem {
        position: relative;
        padding: 10px 12px;
        margin-bottom: 4px;
        background: #f5f3f1;
    }

    .mod-cata .item {
        height: 148px;
    }

    .mod-cata .subitem {
        display: block;
        height: 72px;
    }

    .mod-cata .title {
        font-size: 16px;
        font-weight: 700;
        color: #222;
    }

    .mod-cata .txt {
        font-size: 12px;
        line-height: 18px;
        color: #666;
    }

    .mod-cata .img {
        position: absolute;
        bottom: 0;
        right: 10px;
    }

    .mod-cata .img1 {
        right: 0;
        width: 164px;
        height: 78px;
    }

    .mod-cata .img2 {
        width: 40px;
        height: 60px;
    }

    .mod-cata .img3 {
        width: 43px;
        height: 54px;
    }

.catanav {
    top: 43px;
    width: 100%;
    border-bottom: 1px solid #ececec;
    text-align: center;
    background: #fff;
}

    .catanav .target {
        float: left;
        position: relative;
        width: 33.3%;
        padding: 12px 0;
        font-weight: 700;
        color: #333;
    }

        .catanav .target:after {
            display: block;
            content: '\0020';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 26px;
            height: 2px;
            margin-left: -13px;
        }

    .catanav .active {
        color: #1ac078;
    }

        .catanav .active:after {
            background: #1ac078;
        }

    .catanav.col-2 .target {
        width: 50%;
    }

        .catanav.col-2 .target:after {
            width: 56px;
            margin-left: -28px;
        }

    .catanav.col-4 .target {
        width: 25%;
    }

.tab-panel {
    display: none;
}

    .tab-panel.active {
        display: block;
    }

.mod-list .hd {
    border-bottom: 1px solid #ececec;
}

.mod-list .gray {
    margin-right: 10px;
    font-size: 12px;
    color: #aaa;
}

.prolist li {
    position: relative;
    padding: 14px 10px;
    border-bottom: 1px solid #ececec;
    font-size: 12px;
}

.prolist .target {
    display: block;
    position: relative;
    padding-left: 116px;
    color: #999;
}

.prolist .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 103px;
    height: 103px;
}

.prolist .name {
    font-size: 14px;
    font-weight: 500;
    color: #111;
}

.prolist .btn {
    position: absolute;
    bottom: 13px;
    right: 13px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
}

.price {
    color: #f67d1b;
}

    .price .unit {
        font-size: 18px;
    }

    .price .prime {
        margin-left: 8px;
        font-size: 11px;
        color: #b3b3b3;
    }

.comlist li {
    padding: 13px 10px 0;
}

.comlist a {
    font-size: 12px;
    color: #888;
}

.comlist .name {
    font-size: 15px;
    color: #333;
}

.comlist .info {
    padding: 5px 8px;
    border: 1px solid #ececec;
}

.comlist .txt {
    height: 36px;
    margin: 3px 0;
    line-height: 18px;
    overflow: hidden;
}

.comlist .isee {
    float: right;
}

.mod-company {
    margin: 0;
}

.swiper-company {
    padding: 0 75px 0 8px;
}

    .swiper-company a {
        border: 1px solid #dbdbdb;
    }

    .swiper-company .pic {
        width: 100%;
    }

    .swiper-company .info {
        padding: 8px;
        font-size: 12px;
    }

    .swiper-company .name {
        font-size: 15px;
        font-weight: 700;
        color: #222;
    }

    .swiper-company .logo {
        width: 28px;
        height: 18px;
    }

.flex-banner {
    padding: 0 13px 3px;
}

    .flex-banner .item {
        position: relative;
        width: 49%;
        font-size: 14px;
        color: #fff;
    }

    .flex-banner .info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 15% 4%;
        text-align: center;
    }

    .flex-banner .line {
        width: 52px;
        height: 1px;
        margin: 0 auto;
        background: #fff;
    }

.mod-case .hasdata {
    padding: 8px 8px 0;
}

.case-list .swiper-slide {
    display: block;
    box-shadow: 0 4px 12px #e6e6e6;
    margin-bottom: 12px;
}

.case-list .info {
    padding: 6px;
}

.case-list .name {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #222;
}

.case-list .txt {
    color: #222;
}

.swiper-case {
    padding: 10px 100px 10px 8px;
    font-size: 12px;
}

    .swiper-case .swiper-slide {
        margin: 0;
    }

.flex-status .mxrect {
    float: left;
    padding: 0 6px;
    margin-right: 8px;
    line-height: 22px;
    color: #fff;
    background: #1ac078;
}

.flex-status .isee {
    float: right;
    position: relative;
}

    .flex-status .isee:after {
        display: block;
        content: '\0020';
        position: absolute;
        top: 8px;
        left: -10px;
        width: 1px;
        height: 10px;
        background: #d4d4d4;
    }

.mod-faq .bd {
    padding-left: 13px;
}

.faq-list li {
    padding: 10px 10px 10px 0;
    border-bottom: 2px solid #f4f4f4;
}

    .faq-list li:last-child {
        border-bottom: 0;
    }

.faq-list .name {
    font-size: 14px;
    color: #222;
}

.faq-list .ask {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #f2200a;
}

    .faq-list .ask.orange {
        background: #fa661d;
    }

.faq-list .recom {
    padding-right: 36px;
    background: url(../images/recom.png) no-repeat right center;
    background-size: 30px 15px;
}

.faq-list .txt {
    float: left;
    color: #999;
}

.faq-list .line {
    float: left;
    width: 1px;
    height: 10px;
    margin: 8px 12px;
    background: #dedede;
}

.faq-list .see {
    float: right;
}

.mod-about {
    margin: 0;
}

.swiper-about {
    padding: 0 40px 13px 10px;
}

    .swiper-about .name {
        color: #333;
    }

.footer {
    padding: 20px 13px 15px;
    text-align: center;
    background: #3a3a3a;
}

.footer-nav a {
    position: relative;
    padding: 0 20px;
    font-size: 14px;
    color: #bbb;
}

    .footer-nav a:after {
        display: block;
        content: '\0020';
        position: absolute;
        top: 6px;
        right: 0;
        width: 1px;
        height: 12px;
        background: #6f6f6f;
    }

    .footer-nav a:last-child:after {
        display: none;
    }

.btn-download {
    display: inline-block;
    padding: 6px 32px;
    border: 1px solid #1ac078;
    margin: 20px auto 6px;
    font-size: 12px;
    color: #22d688;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}

.copyright {
    font-size: 11px;
    color: #8b8b8b;
    text-align: center;
}

.form-city {
    padding: 8px 10px;
    background: #f6f6f6;
}

.form-search {
    position: relative;
}

    .form-search input {
        padding: 6px 12px 6px 30px;
    }

    .form-search .isearch {
        position: absolute;
        top: 9px;
        left: 4px;
        padding: 0;
    }

    .form-search .btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 58px;
    }

.curr-city {
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 500;
}

.hot-city .bd {
    padding: 13px;
}

.hot-city a {
    float: left;
    width: 30.3%;
    border: 1px solid #d0d0d0;
    margin: 6px 1.5%;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.hot-city .active {
    border-color: #1ac078;
    color: #fff;
    background: #1ac078;
}

.letter {
    position: fixed;
    bottom: 46px;
    right: 0;
    height: 352px;
    text-align: center;
}

    .letter li {
        height: 16px;
    }

    .letter .cho {
        margin: 0 0 10px;
    }

    .letter a {
        display: block;
        height: 18px;
        color: #222;
        font-size: 10px;
        line-height: 16px;
    }

.showLetter {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #1ac078;
    border-radius: 50%;
    color: #1ac078;
    line-height: 48px;
    text-align: center;
}

    .showLetter span {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 18px;
    }

.city-wrap {
    margin-top: 6px;
}

.city-letter {
    display: block;
    width: 100%;
    height: 28px;
    padding: 0 18px;
    font-size: 12px;
    color: #222;
    background: #f6f6f6;
}

.city-list p {
    width: 90%;
    height: 46px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 auto;
    line-height: 46px;
    color: #444;
}

.user-info {
    position: relative;
    padding: 32px 13px 68px 85px;
    color: #fff;
    background: url(../images/bg-user.png) no-repeat center top;
    background-size: cover;
}

    .user-info .portrait {
        position: absolute;
        top: 26px;
        left: 12px;
        width: 66px;
        height: 66px;
        border: 2px solid #fff;
    }

    .user-info .name {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 700;
    }

    .user-info .btn-set {
        display: block;
        position: absolute;
        top: 2px;
        right: 10px;
        width: 28px;
        height: 28px;
        padding: 5px;
    }

    .user-info .btn-hollow {
        border-color: #fff;
        color: #fff;
    }

    .user-info .repute {
        position: absolute;
        right: 18px;
        bottom: 58px;
        width: 52px;
        text-align: center;
    }

        .user-info .repute .txt {
            line-height: 20px;
        }

.mod-status {
    position: relative;
    z-index: 6;
    padding: 13px;
    margin: -48px 10px 10px;
    text-align: center;
    background: #fff;
}

    .mod-status .title {
        margin-bottom: 13px;
        font-size: 14px;
        font-weight: 700;
        color: #222;
        text-align: left;
    }

    .mod-status .line {
        width: 100%;
        height: 1px;
        margin: 16px 0;
        background: #ececec;
    }

.authen-list li {
    float: left;
    width: 33.3%;
    color: #b1b1b1;
}

.authen-list .rect {
    display: inline-block;
    width: 28px;
    height: 20px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #c5c5c5;
}

.authen-list .vnum {
    color: #ff4e09;
}

.authen-list .has {
    color: #222;
}

    .authen-list .has.rect {
        color: #fff;
        background: #ff4e09;
    }

.status-list a {
    float: left;
    width: 25%;
    color: #222;
}

.status-list .pic {
    width: 22px;
    height: 22px;
    margin: 0 auto 5px;
}

.status-list .num {
    font-size: 15px;
    font-weight: 700;
}

.mod-menu {
    padding: 0 16px;
    background: #fff;
}

    .mod-menu li {
        padding: 20px 0;
        border-bottom: 1px solid #ececec;
    }

        .mod-menu li:last-child {
            border: 0;
        }

    .mod-menu a {
        display: block;
        position: relative;
        padding-left: 22px;
        color: #222;
    }

    .mod-menu .idatum {
        background-position-y: -402px;
    }

    .mod-menu .ifaq {
        background-position-y: -430px;
    }

.mod-menu2 {
    padding: 13px;
}

    .mod-menu2 a {
        float: left;
        width: 25%;
        padding: 0;
        margin: 8px 0;
        text-align: center;
    }

    .mod-menu2 .pic {
        width: 32px;
        height: 32px;
        margin: 0 auto 4px;
    }

.mod-case.bg-gray {
    background: 0 0;
}

.header-filter {
    z-index: 89;
    padding: 6px 0;
}

.tab-filter {
    position: fixed;
    top: 38px;
    left: 0;
    width: 100%;
}

    .tab-filter .tab-panel {
        padding: 13px 6px;
        background: #f6f6f6;
    }

    .tab-filter a {
        float: left;
        width: 31.3%;
        margin: 4px 1%;
        line-height: 32px;
        color: #333;
        text-align: center;
        background: #ececec;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

        .tab-filter a.active {
            color: #fff;
            background: #1ac078;
        }

.filter-list li {
    float: left;
    position: relative;
    width: 50%;
    text-align: center;
}

    .filter-list li:after {
        display: block;
        content: '\0020';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 16px;
        margin-top: -8px;
        background: #cfcfcf;
    }

    .filter-list li:last-child:after {
        display: none;
    }

.filter-list .icon {
    padding: 0 12px 0 0;
    background-position: right -698px;
}

.filter-list .active, .filter-list .curr {
    color: #1ac078;
}

    .filter-list .active .icon {
        background-position-y: -726px;
    }

    .filter-list .curr .icon {
        background-position-y: -752px;
    }

.filter-list.col-3 li {
    width: 33.3%;
}

.swiper-product .pic {
    width: 100%;
}

.summary .info {
    padding: 12px 10px 8px;
    margin-bottom: 6px;
    color: #999;
}

.summary .title {
    font-size: 19px;
    font-weight: 700;
    color: #222;
}

.summary .unit {
    font-size: 25px;
    line-height: 38px;
}

.flex-apply span {
    display: inline-block;
    font-size: 12px;
    color: #666;
}

.flex-apply .rect {
    height: 24px;
    padding: 0 8px;
    border: 1px solid #1ac078;
    margin-top: 6px;
    line-height: 20px;
    color: #1ac078;
}

.flex-attr {
    padding: 13px 0;
    margin-top: 10px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
}

.attr-list li {
    float: left;
    width: 25%;
    border-right: 1px solid #eaeaea;
    color: #222;
    text-align: center;
}

    .attr-list li:last-child {
        border: 0;
    }

.attr-list .orange {
    font-weight: 700;
}

.detail, .detail .pic, .detail .txt {
    margin-bottom: 6px;
}

.detail {
    background: #fff;
}

    .detail .info {
        padding: 13px;
    }

.comtlist .item {
    padding: 10px;
    border-bottom: 1px solid #ececec;
    color: #111;
}

.comtlist .relate {
    position: relative;
    height: 26px;
    padding-left: 32px;
}

.comtlist .portrait {
    position: absolute;
    top: -2px;
    left: 0;
    width: 26px;
    height: 26px;
}

.comtlist .date {
    float: right;
    font-size: 11px;
    color: #999;
}

.comtlist .txt {
    line-height: 22px;
}

.comtlist .other {
    margin: 4px 0;
}

.staring, .staring .val {
    background: url(../images/star.png) repeat-x;
    background-size: 20px 40px;
    text-align: left;
}

.staring {
    float: left;
    width: 100px;
    height: 20px;
    margin: 2px 4px 0 0;
    overflow: hidden;
    background-position: 0 0;
}

    .staring .val {
        display: block;
        width: 80%;
        height: 20px;
        background-position: 0 -20px;
        text-indent: -9999em;
    }

.score {
    float: left;
    color: #fa6718;
}

.am-gallery {
    margin-top: 4px;
}

.mod-more .pad {
    padding: 8px;
}

.mod-more .title {
    float: none;
    padding: 8px 8px 0 13px;
}

.mod-paginate {
    padding: 20px 8px;
    text-align: center;
    background: #fff;
}

    .mod-paginate a {
        float: left;
        width: 40%;
        margin: 0 5%;
        font-size: 14px;
        line-height: 28px;
        color: #1ac078;
        border-radius: 18px;
    }

.mod-intro {
    padding: 10px;
}

    .mod-intro .title {
        margin-bottom: 10px;
    }

    .mod-intro .line {
        width: 100%;
        height: 1px;
        margin: 18px 0 12px;
        background: #ececec;
    }

    .mod-intro .ft {
        padding-top: 8px;
        border-top: 1px solid #e6e6e6;
        text-align: center;
    }

    .mod-intro .arright {
        padding: 0 18px 0 0;
        background-position: right -458px;
    }

.comy-info {
    display: block;
    position: relative;
    height: 45px;
    padding: 0 0 0 86px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #999;
}

    .comy-info .pic {
        position: absolute;
        top: 3px;
        left: 0;
        width: 76px;
        height: 45px;
    }

    .comy-info .name, .comy-info .btn-vip, .comy-info span {
        float: left;
    }

    .comy-info .name {
        float: left;
        font-size: 14px;
        font-weight: 700;
        color: #111;
    }

    .comy-info .btn-vip {
        border: 1px solid #ff4e09;
        margin: 5px 16px 0 6px;
        line-height: 16px;
        color: #ff4e09;
    }

    .comy-info .vip, .comy-info .num {
        padding: 0 4px;
    }

    .comy-info span.fr {
        float: right;
    }

    .comy-info .vip {
        color: #fff;
        background: #ff4e09;
    }

    .comy-info .icon {
        width: 26px;
        height: 26px;
        margin-right: 8px;
    }

    .comy-info .txt {
        position: relative;
    }

    .comy-info .linev {
        display: inline-block;
        width: 1px;
        height: 10px;
        padding: 0;
        margin: 8px 12px;
        background: #c9c9c9;
    }

    .comy-info .btn-reput {
        display: inline-block;
        position: absolute;
        top: 2px;
        right: -10px;
        height: 20px;
        padding: 0 6px;
        border-radius: 12px 0 0 12px;
        font-size: 11px;
        line-height: 18px;
        color: #fff;
        background: #ffa92e;
    }

.mcase-list li {
    padding: 6px 0;
}

.mcase-list a {
    display: block;
    position: relative;
    height: 92px;
    padding-left: 155px;
}

.mcase-list .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 142px;
    height: 92px;
}

.mcase-list .flex-status {
    margin: 8px 0;
}

.mcase-list .name {
    font-size: 16px;
}

.body-company {
    margin-top: 95px;
}

.filter-company {
    top: 52px;
    padding: 8px 0;
    width: 100%;
    background: #f6f6f6;
}

.mod-chuquan {
    padding: 0 13px;
    background: 0 0;
}

.company-list .item {
    padding: 10px;
    margin-bottom: 8px;
    background: #fff;
}

.company-list .comy-info {
    margin-bottom: 12px;
}

.company-list .icon {
    color: #999;
}

.company-list .line {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background: #e6e6e6;
}

.company-gallery li {
    width: 31.3%;
}

.cattrlist li {
    padding: 8px 0;
    border-bottom: 1px solid #e6e6e6;
}

    .cattrlist li:last-child {
        border: 0;
    }

.cattrlist .icon {
    padding-left: 22px;
}

.cattrlist .iemb {
    position: relative;
    margin-right: 28px;
}

    .cattrlist .iemb:after {
        content: '\0020';
        display: block;
        position: absolute;
        top: 50%;
        right: -15px;
        width: 1px;
        height: 10px;
        margin-top: -5px;
        background: #c9c9c9;
    }

.cattrlist .black {
    color: #333;
}

.mod-news .hd, .mod-recomt .hd {
    padding-bottom: 0;
}

.news-list li {
    padding: 13px 10px;
    border-bottom: 1px solid #eee;
}

.news-list a {
    display: block;
    position: relative;
    padding-left: 132px;
}

.news-list .pic {
    position: absolute;
    top: 2px;
    left: 0;
    width: 124px;
    height: 82px;
}

.news-list .info {
    padding: 0;
    border: 0;
}

.news-list .name {
    font-weight: 700;
}

.news-list .txt {
    margin: 0;
}

.mod-recomt .bd {
    padding: 0 10px;
}

.recomt-list li {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #e6e6e6;
}

    .recomt-list li:last-child {
        border: 0;
    }

.recomt-list .pic {
    position: absolute;
    top: 15px;
    left: 0;
    width: 28px;
    height: 28px;
}

.recomt-list .info {
    margin-left: 36px;
    line-height: 20px;
}

.recomt-list .name {
    font-size: 12px;
    color: #444;
}

.recomt-list .attrs {
    font-size: 11px;
    color: #999;
}

.recomt-list .linev, .recomt-list .icon {
    float: right;
}

.recomt-list .linev {
    width: 1px;
    height: 10px;
    margin: 5px 13px;
    background: #d0d0d0;
}

.recomt-list .ireplay {
    background-position-y: -892px;
}

.recomt-list .izan {
    background-position-y: -918px;
}

    .recomt-list .izan.has {
        color: #1ac078;
        background-position-y: -945px;
    }

.recomt-list .txt, .recomt-list .replay {
    margin-top: 6px;
}

.recomt-list .replay {
    padding: 8px 10px;
    background: #fcf7f2;
}

.recomt-list .caption {
    font-size: 11px;
    color: #777;
}

.news-detail {
    padding: 10px;
}

    .news-detail .title {
        font-size: 16px;
        font-weight: 700;
    }

    .news-detail .ask {
        display: inline-block;
        width: 20px;
        height: 20px;
        font-size: 11px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background: #fa661d;
    }

    .news-detail .line {
        width: 100%;
        height: 1px;
        background: #ebebeb;
    }

    .news-detail .attr, .news-detail .date {
        font-size: 11px;
        color: silver;
    }

    .news-detail .attr {
        margin: 3px 0;
    }

    .news-detail .txt, .news-detail .pic {
        margin-bottom: 8px;
    }

    .news-detail .btn-hollow {
        margin: 15px 0 10px;
    }

.header-swiper {
    padding: 0;
    background: #f6f6f6;
}

.swiper-nav {
    padding-right: 12px;
    margin-right: -24px;
    line-height: 38px;
}

    .swiper-nav a {
        position: relative;
        font-weight: 500;
        text-align: center;
    }

        .swiper-nav a:after {
            content: '\0020';
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 26px;
            height: 2px;
            margin-left: -13px;
        }

    .swiper-nav .active {
        color: #1ac078;
    }

        .swiper-nav .active:after {
            background: #1ac078;
        }

.course-list li:nth-child(3n+1) {
    padding-bottom: 0;
    border: 0;
}

    .course-list li:nth-child(3n+1) a {
        padding: 0;
    }

    .course-list li:nth-child(3n+1) .pic {
        position: static;
        width: 100%;
        height: auto;
    }

    .course-list li:nth-child(3n+1) .info {
        padding: 8px;
        border: 1px solid #e1e1e1;
    }

.fixed-faq {
    color: #fff;
    background: #1ac078;
}

.mod-quest {
    padding: 23px 0 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: url(../images/quest.jpg) no-repeat center top;
}

    .mod-quest .title {
        font-size: 15px;
        font-style: italic;
    }

    .mod-quest .font18 {
        font-size: 18px;
    }

    .mod-quest .num {
        font-size: 18px;
        color: #ffe400;
    }

.form-quest {
    position: relative;
    width: 230px;
    height: 36px;
    margin: 13px auto;
}

    .form-quest .isearch {
        position: absolute;
        top: 8px;
        left: 6px;
    }

    .form-quest input {
        float: left;
        width: 160px;
        padding: 5px 12px 5px 30px;
        background: #fff;
        -webkit-border-radius: 18px 0 0 18px;
        border-radius: 18px 0 0 18px;
    }

    .form-quest .btn-search {
        float: right;
        width: 70px;
        height: 36px;
        line-height: 36px;
        color: #fff;
        background: #f9c922;
        -webkit-border-radius: 0 18px 18px 0;
        border-radius: 0 18px 18px 0;
    }

.swiper-fnav {
    padding-right: 12px;
    margin-bottom: 6px;
    background: #fff;
}

    .swiper-fnav a {
        font-weight: 700;
        color: #333;
    }

.init-confirm .container {
    padding: 8px;
}

.mod-pay .hd, .mod-pay .bd, .mod-pay .ft, .mod-pay .hint {
    padding: 10px;
}

.mod-pay .bd, .mod-pay .ft {
    border-top: 1px solid #ececec;
    line-height: 30px;
}

.mod-pay .hint {
    font-size: 12px;
    color: #f60;
    background: #fff5ec;
}

.mod-pay .item {
    padding: 13px 0;
    border-bottom: 1px solid #ececec;
}

    .mod-pay .item:last-child {
        padding: 13px 0 3px;
        border: 0;
    }

.mod-pay .gray {
    color: #b3b3b3;
}

.proinfo {
    position: relative;
    display: block;
    height: 60px;
    padding-left: 68px;
    margin: 4px 0;
    font-size: 12px;
    color: #333;
}

    .proinfo .pic {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
    }

    .proinfo .name {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 700;
        color: #111;
    }

    .proinfo .price {
        font-size: 18px;
    }

.order-list {
    padding-top: 8px;
}

    .order-list li {
        margin-bottom: 8px;
        background: #fff;
    }

    .order-list .hd, .order-list .bd, .order-list .ft {
        padding: 13px 10px;
        border-bottom: 1px solid #f6f6f6;
    }

    .order-list .hd, .order-list .ft {
        text-align: right;
    }

    .order-list .sum {
        float: right;
        font-size: 14px;
        font-weight: 500;
        color: #222;
    }

    .order-list .btn-hollow {
        width: 80px;
        margin-left: 6px;
        text-align: center;
    }

.evaluate-list .img {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.stars i {
    float: left;
    width: 20px;
    height: 20px;
    margin: 3px 6px;
    text-align: center;
    cursor: default;
    text-indent: -9999em;
    background: url(../images/star.png) no-repeat 0 0;
    background-size: 20px 40px;
}

.stars .on {
    background-position: 0 -20px;
}

.stars .gray {
    display: inline-block;
    width: 12px;
    font-size: 12px;
    line-height: 26px;
}

.help-list li {
    padding: 8px;
    margin-bottom: 6px;
    background: #fff;
}

.help-list .name {
    font-size: 14px;
    font-weight: 700;
    color: #222;
}

.help-list .txt {
    font-size: 12px;
    line-height: 20px;
    color: #666;
}

.btn-delete {
    float: right;
    font-size: 12px;
    color: #1ac078;
}

.mod-jcase {
    background: 0 0;
}

.jcase-list {
    border-top: 2px solid #f6f6f6;
}

    .jcase-list li {
        position: relative;
        padding: 15px 13px;
        margin-bottom: 6px;
        font-size: 12px;
        color: #333;
        background: #fff;
    }

    .jcase-list .pic {
        position: absolute;
        top: 15px;
        left: 13px;
        width: 50px;
        height: 50px;
    }

    .jcase-list .info {
        margin-left: 60px;
    }

    .jcase-list .name {
        font-size: 14px;
        font-weight: 600;
        color: #222;
    }

    .jcase-list span, .jcase-list a {
        float: right;
    }

    .jcase-list .icon {
        float: left;
        color: #888;
    }

    .jcase-list .btn-edit {
        color: #1ac078;
    }

    .jcase-list .btn-delete {
        color: #333;
    }

    .jcase-list .linev {
        width: 1px;
        height: 10px;
        margin: 8px 12px;
        background: #b7b7b7;
    }

.mynews-list .pic {
    width: 112px;
    height: 73px;
}

.mynews-list .info {
    margin-left: 122px;
}

.mynews-list .date {
    font-size: 12px;
    line-height: 20px;
    color: #888;
}

.myapp-list li {
    padding: 12px;
}

.myapp-list .date {
    float: left;
    color: #888;
}

.myapp-list .btn-deal {
    color: #21c27c;
}

    .myapp-list .btn-deal.gray {
        color: #b3b3b3;
    }

.mycomt-list {
    padding: 8px 8px 0;
}

    .mycomt-list li {
        padding: 10px 8px;
        margin-bottom: 6px;
        background: #fff;
    }

    .mycomt-list .proinfo {
        height: 50px;
        padding-left: 78px;
    }

    .mycomt-list .pic {
        width: 72px;
        height: 46px;
    }

    .mycomt-list .line {
        width: 100%;
        height: 1px;
        margin: 8px 0;
        background: #e0e0e0;
    }

    .mycomt-list .date {
        font-size: 12px;
        color: #888;
    }

.myfaq-list li {
    padding: 12px 10px;
    margin-top: 8px;
    background: #fff;
}

.myfaq-list .name, .myfaq-list .subname {
    position: relative;
    padding-left: 24px;
    color: #222;
}

.myfaq-list .name {
    font-size: 14px;
}

.myfaq-list .subname {
    line-height: 22px;
}

.myfaq-list .ask {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background: #ff7326;
}

    .myfaq-list .ask.green {
        background: #1ac078;
    }

.myfaq-list .date {
    padding-left: 24px;
    font-size: 12px;
    color: #b1b1b1;
}

.myfaq-list .flex-status {
    padding-left: 20px;
    margin-top: 4px;
}

.myfaq-list .mxrect {
    padding: 2px 12px;
    color: #18b470;
    background: #edfff7;
}

    .myfaq-list .mxrect.pink {
        color: #d35959;
        background: #fff6f6;
    }

.mod-coupon .title {
    padding: 13px 13px 0;
}

.mod-coupon .bd {
    padding: 15px 15px 5px;
}

.btn-coupon {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: url(../images/coupon.png) no-repeat center center;
    background-size: 100% 100%;
}

    .btn-coupon .inner {
        padding: 13px 0 13px 108px;
    }

    .btn-coupon .btn {
        display: block;
        width: 98px;
        height: 28px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px;
        margin: 5px auto 0;
        font-size: 13px;
        line-height: 28px;
        color: #1ac078;
        text-align: center;
        background: #fff;
    }

    .btn-coupon .money {
        position: absolute;
        bottom: 35px;
        left: 20px;
        font-size: 18px;
        font-weight: 700;
    }

    .btn-coupon .num {
        font-size: 30px;
    }

    .btn-coupon.btn-gray {
        background-image: url(../images/coupon2.png);
    }

        .btn-coupon.btn-gray .btn {
            color: #989898;
            background: #e7e7e7;
        }

    .btn-coupon.btn-white .btn {
        color: #1ac078;
        background: #fff;
    }

.coupon-list {
    padding: 13px;
}

    .coupon-list.bg-gray {
        padding: 13px 13px 3px;
        background: #f6f6f6;
    }

.mod-server .bd {
    border-top: 1px solid #eee;
    padding: 13px 0 8px;
}

.server-list li {
    padding: 10px 13px;
    line-height: 20px;
}

.server-list a {
    display: block;
    position: relative;
    padding-left: 98px;
}

.server-list .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 58px;
}

.server-list .caption {
    height: 40px;
    font-weight: 700;
    color: #171717;
    overflow: hidden;
}

.server-list .date {
    font-size: 12px;
}