@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {



    .ui-grid,.ui-grid-trisect,.ui-grid-halve {
        padding-left: 15px;
        padding-right: 10px;
        overflow: hidden;
        padding-top: 10px
    }

    @media (max-width:320px) {
        .ui-grid,.ui-grid-trisect,.ui-grid-halve {
            padding-left: 10px;
            padding-right: 5px
        }
    }

    .ui-grid li,.ui-grid-trisect li,.ui-grid-halve li {
        padding-right: 5px;
        padding-bottom: 10px;
        float: left;
        position: relative;
        -ms-box-sizing: border-box
    }

    .ui-grid-trisect>li {
        width: 33.3333%
    }

    .ui-grid-trisect-img {
        padding-top: 149.47%
    }

    .ui-grid-trisect h4 {
        position: relative;
        margin: 7px 0 3px
    }

    .ui-grid-trisect h4 span {
        display: inline-block;
        margin-left: 12px;
        color: #777
    }

    .ui-grid-halve>li {
        width: 50%
    }

    .ui-grid-halve-img {
        padding-top: 55.17%
    }

    .ui-grid-trisect-img,.ui-grid-halve-img {
        position: relative;
        width: 100%
    }

    .ui-grid-trisect-img>span,.ui-grid-halve-img>span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-repeat: no-repeat;
        -webkit-background-size: cover
    }

    .ui-grid-trisect-img img,.ui-grid-halve-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .ui-grid-trisect-img.active,.ui-grid-halve-img.active {
        opacity: .5
    }

    .ui-row {
        display: block;
        overflow: hidden
    }

    .ui-col {
        float: left;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .ui-col-10 {
        width: 10%
    }

    .ui-col-20 {
        width: 20%
    }

    .ui-col-25 {
        width: 25%
    }

    .ui-col-33 {
        width: 33.3333%
    }

    .ui-col-50 {
        width: 50%
    }

    .ui-col-67 {
        width: 66.6666%
    }

    .ui-col-75 {
        width: 75%
    }

    .ui-col-80 {
        width: 80%
    }

    .ui-col-90 {
        width: 90%
    }

    .ui-row-flex {
        display: -ms-flexbox;
        width: 100%;
        -ms-box-sizing: border-box
    }

    .ui-row-flex .ui-col {
        float: none;
        -ms-flex: 1;
        width: 0
    }

    .ui-row-flex .ui-col-2 {
        -ms-flex: 2
    }

    .ui-row-flex .ui-col-3 {
        -ms-flex: 3
    }

    .ui-row-flex .ui-col-4 {
        -ms-flex: 4
    }

    .ui-row-flex-ver {
        -webkit-box-orient: vertical
    }

    .ui-row-flex-ver .ui-col {
        width: 100%;
        height: 0
    }

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

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

    .ui-border-tb {
        border-top: #e0e0e0 1px solid;
        border-bottom: #e0e0e0 1px solid;
        background-image: none
    }

    .ui-border-l {
        border-left: 1px solid #e0e0e0
    }

    .ui-border-r {
        border-right: 1px solid #e0e0e0
    }

    .ui-border {
        border: 1px solid #e0e0e0
    }

    .ui-border-radius {
        border: 1px solid #e0e0e0;
        border-radius: 4px
    }

    @media screen and (-webkit-min-device-pixel-ratio:2) {
        .ui-border-radius {
            position: relative;
            border: 0
        }

        .ui-border-radius:before {
            content: "";
            width: 200%;
            height: 200%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid #e0e0e0;
            -webkit-transform: scale(0.5);
            -webkit-transform-origin: 0 0;
            padding: 1px;
            -ms-box-sizing: border-box;
            border-radius: 8px;
            pointer-events: none
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:2) {
        .ui-border {
            position: relative;
            border: 0
        }

        .ui-border-t,.ui-border-b,.ui-border-l,.ui-border-r,.ui-border-tb {
            border: 0
        }

        .ui-border-t {
            background-position: left top;
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
        }

        .ui-border-b {
            background-position: left bottom;
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
        }

        .ui-border-t,.ui-border-b,.ui-border-tb {
            background-repeat: repeat-x;
            -webkit-background-size: 100% 1px
        }

        .ui-border-tb {
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));
            background-position: top,bottom
        }

        .ui-border-l {
            background-position: left top;
            background-image: -webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
        }

        .ui-border-r {
            background-position: right top;
            background-image: -webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))
        }

        .ui-border-l,.ui-border-r {
            background-repeat: repeat-y;
            -webkit-background-size: 1px 100%
        }

        .ui-border:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));
            -webkit-background-size: 100% 1px,1px 100%,100% 1px,1px 100%;
            background-size: 100% 1px,1px 100%,100% 1px,1px 100%;
            -webkit-background-size: 100% 1px,1px 100%,100% 1px,1px 100%;
            background-size: 100% 1px,1px 100%,100% 1px,1px 100%;
            background-repeat: no-repeat;
            background-position: top,right,bottom,left;
            padding: 1px;
            -ms-box-sizing: border-box;
            z-index: 10;
            pointer-events: none
        }
    }

@charset "UTF-8";

    .ui-header,.ui-footer {
        position: fixed;
        width: 100%;
        z-index: 100;
        left: 0
    }

    .ui-header {
        top: 0;
        height: 45px;
        line-height: 45px
    }

    .ui-header-stable,.ui-header-positive {
        padding: 0 10px;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-header-stable,.ui-footer-stable {
        background-color: #f8f8f8
    }

    .ui-header-positive,.ui-footer-positive {
        background-color: #18b4ed;
        color: #fff
    }

    .ui-header-positive a,.ui-header-positive a:active,.ui-header-positive i,.ui-footer-positive a,.ui-footer-positive a:active,.ui-footer-positive i {
        color: #fff
    }

    .ui-footer-btn {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),to(#e0e0e0));
        color: #00a5e0
    }

    .ui-footer-btn .ui-tiled {
        height: 100%
    }

    .ui-footer {
        bottom: 0;
        height: 56px
    }

    .ui-header~.ui-container {
        border-top: 45px solid transparent
    }

    .ui-footer~.ui-container {
        border-bottom: 56px solid transparent
    }

    .ui-header h1 {
        text-align: center;
        font-size: 18px
    }

    .ui-header .ui-icon-return {
        position: absolute;
        left: 0
    }

    .ui-header .ui-btn {
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -15px
    }

    .ui-center {
        width: 100%;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-flex-pack: center;
        -ms-flex-align: center;
        text-align: center;
        height: 150px
    }

    .ui-flex,.ui-tiled {
        display: -ms-flexbox;
        width: 100%;
        -ms-box-sizing: border-box
    }

    .ui-flex-ver {
        -webkit-box-orient: vertical
    }

    .ui-flex-pack-start {
        -webkit-flex-pack: start
    }

    .ui-flex-pack-end {
        -webkit-flex-pack: end
    }

    .ui-flex-pack-center {
        -webkit-flex-pack: center
    }

    .ui-flex-align-start {
        -ms-flex-align: start
    }

    .ui-flex-align-end {
        -ms-flex-align: end
    }

    .ui-flex-align-center {
        -ms-flex-align: center
    }

    .ui-tiled li {
        -ms-flex: 1;
        width: 100%;
        text-align: center;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-flex-pack: center;
        -ms-flex-align: center
    }

    .ui-placehold-wrap {
        padding-top: 31.25%;
        position: relative
    }

    .ui-placehold {
        color: #bbb;
        position: absolute;
        top: 0;
        width: 100%;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-flex-pack: center;
        -ms-flex-align: center;
        -ms-box-sizing: border-box;
        text-align: center;
        height: 100%;
        z-index: -1
    }

    .ui-placehold-img {
        padding-top: 31.25%;
        position: relative
    }

    .ui-placehold-img>span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-repeat: no-repeat;
        -webkit-background-size: cover
    }

    .ui-placehold-img img {
        width: 100%;
        height: 100%
    }

@charset "UTF-8";

    .ui-list {
        background-color: #fff;
        width: 100%
    }

    .ui-list>li {
        position: relative;
        margin-left: 15px;
        display: -ms-flexbox
    }

    .ui-list-pure>li {
        display: block
    }

    .ui-list-text>li,.ui-list-pure>li {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 15px;
        -ms-flex-align: center
    }

    .ui-list-text h4,.ui-list-text p {
        -ms-flex: 1
    }

    .ui-list-cover>li {
        padding-left: 15px;
        margin-left: 0
    }

    .ui-list>li.ui-border-t:first-child,.ui-list>li:first-child>.ui-border-t {
        border: 0;
        background-image: none
    }

    .ui-list-thumb,.ui-list-thumb-s,.ui-list-img,.ui-list-icon {
        position: relative;
        margin: 10px 10px 10px 0
    }

    .ui-list-thumb>span,.ui-list-thumb-s>span,.ui-list-img>span,.ui-list-icon>span {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-repeat: no-repeat;
        -webkit-background-size: cover
    }

    .ui-list-thumb {
        width: 50px;
        height: 50px
    }

    .ui-list-img {
        width: 100px;
        height: 68px
    }

    .ui-list-thumb-s {
        width: 28px;
        height: 28px
    }

    .ui-list-icon {
        width: 40px;
        height: 40px
    }

    .ui-list .ui-avatar,.ui-list .ui-avatar-s,.ui-list .ui-avatar-lg {
        margin: 10px 10px 10px 0
    }

    .ui-list-info {
        -ms-flex: 1;
        padding-top: 10px;
        padding-bottom: 10px;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-flex-pack: center;
        padding-right: 15px
    }

    .ui-list-info p {
        color: #777;
        font-size: 14px
    }

    .ui-list-text .ui-list-info {
        padding-top: 0;
        padding-bottom: 0
    }

    .ui-list li h4 {
        font-size: 16px
    }

    .ui-list:not(.ui-list-text) li>p,.ui-list li>h5 {
        font-size: 14px;
        color: #777
    }

    .ui-list-active>li:active,.ui-list li.active {
        background-color: #e5e6e7;
        padding-left: 15px;
        margin-left: 0
    }

    .ui-list-active>li:active,.ui-list>li.active,.ui-list>li.active>.ui-border-t,.ui-list>li.active+li>.ui-border-t,.ui-list>li.active+li.ui-border-t {
        background-image: none;
        border-top-color: #e5e6e7
    }

    .ui-list-link>li:after {
        font-family: iconfont!important;
        font-size: 32px;
        line-height: 44px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: .2px;
        display: block;
        color: rgba(0,0,0,.5);
        color: #c7c7c7;
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -22px;
        margin-right: -10px
    }

    @media (max-width:320px) {
        .ui-list-link>li:after {
            right: 10px
        }
    }

    .ui-list-text.ui-list-link>li {
        padding-right: 30px
    }

    .ui-list-link .ui-list-info {
        padding-right: 30px
    }

    .ui-list-function .ui-list-info {
        padding-right: 75px
    }

    .ui-list-function .ui-btn {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -15px
    }

    .ui-list-function .ui-btn-s {
        margin-top: -12px
    }

    .ui-list-function.ui-list-link .ui-list-info {
        padding-right: 90px
    }

    .ui-list-function.ui-list-link .ui-btn {
        right: 30px
    }

    .ui-list-function li {
        -ms-flex-align: inherit
    }

    .ui-list-one>li {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 44px
    }

    .ui-list-one .ui-list-info {
        -webkit-box-orient: horizontal;
        -ms-flex-align: center
    }

    .ui-list-one h4 {
        -ms-flex: 1
    }

    @media (max-width:320px) {
        .ui-list>li {
            margin-left: 10px
        }

        .ui-list-text>li,.ui-list-pure>li,.ui-list-info {
            padding-right: 10px
        }

        .ui-list-cover>li,.ui-list-active>li:active,.ui-list li.active {
            padding-left: 10px
        }

        .ui-list-text.ui-list-link>li {
            padding-right: 25px
        }

        .ui-list-function .ui-list-info {
            padding-right: 70px
        }

        .ui-list-function .ui-btn {
            right: 10px
        }

        .ui-list-function.ui-list-link .ui-list-info {
            padding-right: 85px
        }

        .ui-list-function.ui-list-link .ui-btn {
            right: 25px
        }
    }

    .ui-justify {
        text-align: justify;
        font-size: 0
    }

    .ui-justify:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 0;
        overflow: hidden
    }

    .ui-justify li {
        display: inline-block;
        text-align: center
    }

    .ui-justify p {
        font-size: 16px
    }

    .ui-justify-flex {
        width: 100%;
        display: -ms-flexbox;
        -webkit-flex-pack: justify;
        -ms-justify-content: space-between
    }

    .ui-whitespace {
        padding-left: 15px;
        padding-right: 15px;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    @media (max-width:320px) {
        .ui-whitespace {
            padding-left: 10px;
            padding-right: 10px
        }
    }

    .ui-whitespace-left {
        padding-left: 15px;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    @media (max-width:320px) {
        .ui-whitespace-left {
            padding-left: 10px
        }
    }

    .ui-whitespace-right {
        padding-right: 15px;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    @media (max-width:320px) {
        .ui-whitespace-right {
            padding-right: 10px
        }
    }



}