@charset "UTF-8";

html, body {
    font-size: 16px
}

* {
    font-family: "微软雅黑"
}

.ui-container .hui-list {
    background: transparent
} 
.text-center {
    text-align: center
}

div {
    overflow: visible
}

.hui-form .hui-form-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hui-form .hui-input {
    background: #fff
}

.hui-input {
    height: .6rem;
    background: #f3f3f3;
    border-radius: .3rem;
    margin-left: .16rem;
    padding: 0 .16rem;
    font-size: .32rem
}

.has-footer {
    margin-bottom: 55px
}

.has-tab {
    margin-top: .74rem
}

.full-button {
    padding: 0 .2rem
}

.hr-title {
    text-align: center;
    color: #999;
    font-size: .26rem;
    padding: .2rem 0
}

.border-t {
    border-top: 1px solid #eee
}

.border-b {
    border-bottom: 1px solid #eee
}

.border-none {
    border: 0 !important
}

.ui-panel {
    background: #fff;
    margin-bottom: .2rem
}

    .ui-panel .panel-txt {
        padding: .2rem;
        border-bottom: 1px solid #eee;
        position: relative
    }

        .ui-panel .panel-txt.left-line {
            padding: .2rem .2rem .2rem .4rem
        }

            .ui-panel .panel-txt.left-line::before {
                display: block;
                content: "";
                position: absolute;
                left: .2rem;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 2px;
                background: #f80;
                height: 60%
            }

        .ui-panel .panel-txt::after {
            display: block;
            content: "";
            height: 0;
            clear: both
        }

        .ui-panel .panel-txt .title {
            font-size: .32rem;
            display: inline-block
        }

        .ui-panel .panel-txt.arrow .title {
            width: 100%;
            position: relative
        }

            .ui-panel .panel-txt.arrow .title::after {
                font-family: "hui-font" !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: relative;
                content: "\e608";
                position: absolute;
                right: 0rem;
                font-size: .28rem;
                color: #999
            }

.ui-cell {
    background: #fff;
    padding: .2rem;
    display: block
}

    .ui-cell .cell-right {
        float: right;
        color: #999
    }

    .ui-cell.arrow {
        font-family: "hui-font" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right: .58rem;
        position: relative
    }

        .ui-cell.arrow::after {
            content: "\e608";
            position: absolute;
            right: .2rem;
            color: #999;
            top: .3rem;
            font-size: .28rem
        }

    .ui-cell + .ui-cell {
        border-top: 1px solid #eee
    }

    .ui-cell .big-icon {
        font-size: .56rem;
        vertical-align: middle
    }

    .ui-cell.text-center {
        text-align: center
    }

.width-90 {
    width: 90%;
    margin: 0 auto
}

.footerBtn {
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}
 

#hui-dialog-btn-line > div {
    background: #dc1c1d
}

.row-style {
    padding: .1rem 0;
    background: #fff;
    position: relative
}

    .row-style .info-row-item {
        padding: .1rem .2rem;
        color: #999
    }

        .row-style .info-row-item.right {
            text-align: right;
            color: #444
        }

    .row-style + .row-style {
        border-top: 1px solid #eee
    }

    .row-style .right-box {
        position: absolute;
        right: .2rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .row-style .right-box i {
            font-size: .5rem
        }

.ui-container .menu-panel {
    background: #fff;
    color: #6a6a6a
}

.ui-footer {
    background: #444;
    padding: .3rem 0;
    text-align: center
}

    .ui-footer p {
        color: #e0dfdf;
        font-size: .3rem
    }

        .ui-footer p span {
            margin: 0 .1rem;
            color: #e0dfdf
        }

        .ui-footer p:last-child {
            color: #999;
            margin-top: .2rem
        }

.footer-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .footer-style a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #6a6a6a
    }

        .footer-style a i {
            font-size: .48rem
        }

        .footer-style a.active {
            color: #dc1c1d
        }

.nodata {
    text-align: center;
    color: #bbb;
    line-height: .9rem;
    font-size: .28rem
} 
.ui-panel.date {
    padding: .4rem .3rem;
    text-align: center
}

    .ui-panel.date .hui-flex {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ui-panel.date .hui-flex .hui-fl {
            color: #333;
            font-size: .28rem
        }

        .ui-panel.date .hui-flex .hui-fr .price-color em {
            font-size: .4rem
        }

    .ui-panel.date .color-999 {
        margin-bottom: .5rem
    }

    .ui-panel.date p {
        font-size: .28rem
    }

    .ui-panel.date .date-text {
        color: #333
    }

.login-main {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../images/bg2.jpg") no-repeat;
    background-size: 100% 100%
}

    .login-main .title-text {
        margin: 1.70rem auto 1.70rem auto;
        color: #fff;
        font-size: .44rem;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .login-main .btn-row {
        padding: 0 .63rem;
        margin: .3rem 0;
        color: #676767
    }

        .login-main .btn-row.hui-form-radios input[type="checkbox"]:checked + label:before {
            color: #dc1c1d
        }

    .login-main .hui-form {
        padding: 0 .63rem;
        background: 0
    }

    .login-main .protocol-wrap {
        padding: .63rem .43rem
    }

        .login-main .protocol-wrap h4 {
            margin: .6rem 0 .4rem 0
        }

    .login-main .avatar-box {
        width: 1.72rem;
        height: 1.72rem;
        overflow: hidden;
        margin-bottom: .2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .login-main .avatar-box img {
            max-width: 100%;
            max-height: 100%
        }

    .login-main .hui-form .pass-text.hui-flex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: .3rem 0 .56rem 0
    }

        .login-main .hui-form .pass-text.hui-flex .ui-checkbox {
            margin-right: .06rem
        }

        .login-main .hui-form .pass-text.hui-flex .hui-flex {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 60%
        }

    .login-main .hui-form .hui-form-items {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .login-main .hui-form .hui-form-items i {
            font-size: .48rem;
            color: #aaa
        }

        .login-main .hui-form .hui-form-items .hui-input {
            background: #fff
        }

    .login-main .hui-form a.color-fff {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin-top: .56rem;
        color: #fff
    }

    .login-main .hui-form .get-code .hui-button {
        background-color: transparent;
        -webkit-box-shadow: 0 0 0 #b8bbbf;
        box-shadow: 0 0 0 #b8bbbf;
        color: #dc1c1d;
        overflow: visible;
        white-space: nowrap;
        position: relative;
        right: -10px;
        top: -4px
    }

        .login-main .hui-form .get-code .hui-button:active {
            background: #f6f8f9
        }

        .login-main .hui-form .get-code .hui-button.disabled {
            color: #999;
            background: #f6f8f9
        }
 
.home-index .ui-header a, .home-index .ui-header span {
    color: #fff
}

.home-index .bg-panel {
    padding-top: .3rem;
    width: 100%;
    height: 2rem;
    background-size: cover;
    position: relative
} 

.home-index .ui-panel-box .ui-panel {
    margin-bottom: .2rem
}

    .home-index .ui-panel-box .ui-panel .hui-flex.align-center:last-child a.ui-cell {
        border-bottom: 0
    }

.home-index .ui-panel-box .hui-flex.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .home-index .ui-panel-box .hui-flex.align-center i {
        margin: 0 .2rem;
        font-size: .4rem
    }

    .home-index .ui-panel-box .hui-flex.align-center a.ui-cell {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: .22rem .2rem .22rem 0
    }

.home-index .ui-panel {
    margin-bottom: 0
}
 

.ui-style .ui-list .ui-panel .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .3rem
}

   .l_text {
        width: 70%
    }  
       .l_text .text {
            width: 100%
        }

           .l_text .text p.title {
                color: #333;
                font-size: .3rem;
                margin-bottom: .16rem;
                line-height: .5rem
            }

           .l_text .text p {
                color: #888;
                font-size: .28rem;
                margin-bottom: .1rem;
                word-wrap: break-word;
                word-break: normal
            }

     .text-box .r_price {
        text-align: right;
        width: 30%
    }

 
 

.ui-person-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .2rem;
    margin-bottom: .3rem
}

    .ui-person-card .avatar-round {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        border: 2px solid #fff;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 .3rem 0 .2rem
    }

        .ui-person-card .avatar-round img {
            width: 100%
        }

    .ui-person-card .avatar-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #fff;
        font-size: .32rem;
        display: inline-block;
        position: relative
    }

.hui-border-gray {
    background-color: red;
    color: #FFF
}