@charset "UTF-8";
.ui-txt-default {
    color: #000
}
.ui-txt-info {
    color: gray
}
.ui-txt-muted {
    color: #a6a6a6
}
.ui-txt-warning {
    color: #fc4226
}
.ui-txt-highlight {
    color: #fe802d
}
.ui-border-t {
    border-top: 1px solid #dedfe0
}
.ui-border-b {
    border-bottom: 1px solid #dedfe0
}
.ui-border-tb {
    border-top: #dedfe0 1px solid;
    border-bottom: #dedfe0 1px solid;
    background-image: none
}
.ui-border-l {
    border-left: 1px solid #dedfe0
}
.ui-border-r {
    border-right: 1px solid #dedfe0
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
.ui-border-t {
    border-top: 0
}
.ui-border-b {
    border-bottom: 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, #dedfe0), to(#dedfe0))
}
.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, #dedfe0), to(#dedfe0))
}
.ui-border-t, .ui-border-b {
    background-repeat: repeat-x;
    background-size: 100% 1px
}
.ui-border-tb {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dedfe0), to(#dedfe0)) left top repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dedfe0), to(#dedfe0)) left bottom repeat-x;
    border-top: 0;
    border-bottom: 0
}
.ui-border-tb {
    background-size: 100% 1px;
    -wekit-background-size: 100% 1px
}
.ui-border-l, .ui-border-r {
    position: relative;
    border: 0
}
.ui-border-l:before, .ui-border-r:before {
    content: "";
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scaleX(0.5)
}
.ui-border-l:before {
    -webkit-transform-origin: left top;
    border-left: 1px solid #dedfe0;
    left: 0
}
.ui-border-r:before {
    -webkit-transform-origin: right top;
    border-right: 1px solid #dedfe0;
    right: 0
}
}
.ui-center {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    height: 200px
}
.ui-avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%;
    background-image: url(../images/default.png)
}
.ui-avatar span {
    width: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%
}
.ui-avatar-lg {
    width: 54px;
    height: 54px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%;
    background-image: url(../images/default.png)
}
.ui-avatar-lg span {
    width: 54px;
    height: 54px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%
}
.ui-avatar-s {
    width: 40px;
    height: 40px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%;
    background-image: url(../images/default.png)
}
.ui-avatar-s span {
    width: 40px;
    height: 40px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%
}
.ui-avatar-one {
    width: 64px;
    height: 64px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%;
    background-image: url(../images/default.png)
}
.ui-avatar-one span {
    width: 64px;
    height: 64px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%
}
.ui-avatar-tiled {
    width: 30px;
    height: 30px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%;
    background-image: url(../images/default.png)
}
.ui-avatar-tiled span {
    width: 30px;
    height: 30px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    display: block;
    background-size: 100% 100%
}
.ui-reddot, .ui-reddot-border, .ui-reddot-s {
    position: relative;
    display: inline-block;
    line-height: 22px;
    padding: 0 6px
}
.ui-reddot:after, .ui-reddot-border:after, .ui-reddot-s:after {
    content: '';
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #f76249;
    border-radius: 5px;
    right: -3px;
    top: -3px
}
.ui-reddot-border:after {
    border: 1px #fff solid
}
.ui-reddot-s:after {
    width: 6px;
    height: 6px;
    top: -5px;
    right: -5px
}
.ui-badge, .ui-badge-muted {
    display: inline-block;
    text-align: center;
    background: #f74c31;
    color: #fff;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    -webkit-border-radius: 10px;
    padding: 0 7px
}
.ui-badge-muted {
    background: #b6cae0
}
.ui-btn, .ui-btn-lg {
    height: 30px;
    line-height: 30px;
    padding: 0 13px;
    min-width: 56px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 0 none;
    color: #0079ff;
    font-size: 14px;
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #fff), to(#fafafa));
    border-radius: 3px;
    vertical-align: top;
    color: #00a5e0;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    border: 1px solid #c8c7cc
}
.ui-btn:active, .ui-btn-lg:active, .ui-btn.active, .active.ui-btn-lg {
    background: #f2f2f2;
    color: rgba(0,165,224,.5)
}
.ui-btn:after, .ui-btn-lg:after {
    content: "";
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: 0;
    right: 0
}
.ui-btn-primary {
    background-color: #18b4ed;
    border-color: #0baae4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #1fbaf3), to(#18b4ed));
    color: #fff
}
.ui-btn-primary:active, .ui-btn-primary.active {
    background: #1ca7da;
    border-color: #1ca7da;
    color: rgba(255,255,255,.5)
}
.ui-btn-danger {
    background-color: #f75549;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #fe594d), to(#f75549));
    color: #fff;
    border-color: #f43d30
}
.ui-btn-danger:active, .ui-btn-danger.active {
    background: #df5045;
    border-color: #df5045;
    color: rgba(255,255,255,.5)
}
.ui-btn.disabled, .disabled.ui-btn-lg, .ui-btn.disabled:active, .disabled.ui-btn-lg:active, .ui-btn.disabled.active, .disabled.active.ui-btn-lg {
    border: 1px solid #e9ebec;
    color: #ccc;
    background: #e9ebec;
    text-shadow: none
}
.ui-btn-lg {
    font-size: 18px;
    height: 44px;
    line-height: 42px;
    display: block;
    width: 100%;
    border-radius: 5px
}
.ui-btn-wrap {
    padding: 20px 15px
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
.ui-btn, .ui-btn-lg {
    border-width: 0
}
.ui-btn:before, .ui-btn-lg:before {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #c8c7cc;
    border-radius: 8px;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: -50% -50%
}
.ui-btn-primary, .ui-btn-danger {
    border-width: 1px
}
.ui-btn-primary:before, .ui-btn-danger:before, .ui-btn.disabled:before, .disabled.ui-btn-lg:before {
    display: none
}
}
.ui-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0,0,0,.4);
    display: none;
    color: #000
}
.ui-dialog-notice {
    background: transparent
}
.ui-dialog.show {
    display: -webkit-box;
    display: box
}
.ui-dialog .ui-dialog-cnt {
    border-radius: 6px;
    width: 270px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    pointer-events: auto;
    background-color: rgba(255,255,255,.95);
    position: relative
}
.ui-dialog .ui-dialog-bd {
    text-align: center;
    min-height: 71px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 18px;
    font-size: 16px;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical
}
.ui-dialog .ui-dialog-bd h4 {
    margin-bottom: 4px;
    font-size: 16px;
    width: 100%;
    text-align: center
}
.ui-dialog .ui-dialog-bd div {
    width: 100%
}
.ui-dialog .ui-dialog-ft {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}
.ui-dialog .ui-dialog-ft button {
    height: 42px;
    line-height: 42px;
    background: transparent
}
.ui-dialog .ui-dialog-ft button:active {
    background: rgba(0,0,0,.1)
}
.ui-dialog .ui-dialog-ft button:first-child {
    border-bottom-left-radius: 6px;
    background-image: none
}
.ui-dialog .ui-dialog-ft button:last-child {
    border-bottom-right-radius: 6px
}
.ui-dialog-notice .ui-dialog-cnt {
    width: 130px;
    height: 110px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    background: rgba(0,0,0,.65);
    border-radius: 6px;
    color: #fff
}
.ui-tips {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}
.ui-tips .ui-tips-cnt {
    margin: 0 10px;
    background-color: rgba(0,0,0,.6);
    line-height: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden
}
.ui-tips-cnt-info i:before {
    background-position: 0 -50px
}
.ui-tips-cnt-success i:before {
    background-position: -25px -50px
}
.ui-tips-cnt-warn i:before {
    background-position: -50px -50px
}
.ui-tips-cnt i {
    margin-right: 8px;
    margin-left: 0
}
.ui-tips-cnt i:before {
    top: -16px
}
.ui-tips i {
    font-size: 20px
}
.ui-tips-warn .ui-tips-cnt {
    background-color: rgba(255,242,183,.95);
    margin: 0;
    border-radius: none;
    color: #000;
    line-height: 45px;
    height: 45px;
    text-align: left;
    padding-left: 10px
}
.ui-tips-warn .ui-tips-cnt-cover:after {
    background: url(../images/icon.png) no-repeat -125px -50px;
    background-size: 200px auto;
    content: "";
    display: block;
    width: 8px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px
}
.ui-tips-news-wrap {
    padding: 15px 5px;
    text-align: center
}
.ui-tips-news {
    background: rgba(0,0,0,.5);
    position: relative;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    padding: 0 25px 0 50px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff
}
.ui-tips-news:before {
    content: "";
    height: 18px;
    overflow: hidden;
    display: block;
    position: absolute;
 background: url(../images/6c2461f4d7ff41f0846ba2020523c3b3.gif);
    width: 19px;
    left: 25px;
    top: 9px;
    z-index: 1;
    background-size: 19px 18px;
    -webkit-background-size: 19px 18px
}
.ui-tips-news:active {
    opacity: .7
}
.ui-tab {
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #fff
}

::-webkit-scrollbar {
 height: 0;
 width: 0
}
.ui-tab ul {
    height: 44px;
    line-height: 44px;
    display: box;
    display: -webkit-box;
    font-size: 16px
}
.ui-tab li {
    min-width: 70px;
    box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    color: gray
}
.ui-tab li.current {
    color: #00a5e0;
    border-bottom: 3px #00a5e0 solid
}
.ui-tab li:active {
    opacity: .8
}
.ui-table {
    width: 100%;
    border-collapse: collapse
}
.ui-table th {
    font-weight: 500
}
.ui-table td, .ui-table th {
    border-bottom: 1px solid #dedfe0;
    border-right: 1px solid #dedfe0
}
.ui-table td {
    padding-left: 20px
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
.ui-table td, .ui-table th {
    position: relative;
    border: 0
}
.ui-table td:before, .ui-table td:after, .ui-table th:before, .ui-table th:after {
    content: "";
    position: absolute;
    -webkit-transform-origin: right bottom
}
.ui-table td:before, .ui-table th:before {
    width: 0;
    border-right: 1px solid #dedfe0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scaleX(0.5)
}
.ui-table td:after, .ui-table th:after {
    left: 0;
    right: 0;
    height: 0;
    border-bottom: 1px solid #dedfe0;
    bottom: 0;
    -webkit-transform: scaleY(0.5)
}
.ui-table tr td:last-child:before, .ui-table tr th:last-child:before {
    border-right: 0
}
.ui-table td.no-content:after {
    border-bottom: 0
}
}
.ui-table tr td:last-child, .ui-table tr th:last-child {
    border-right: 0
}
.ui-table td.no-content {
    border-bottom: 0
}
.ui-list {
    background-color: #fff
}
.ui-list li {
    position: relative;
    display: -webkit-box;
    display: box;
    margin-left: 15px
}
.ui-list-text li {
    line-height: 20px;
    padding: 12px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 15px;
    font-size: 16px
}
.ui-list li:first-child {
    border: 0;
    background-image: none
}
.ui-list li:first-child .ui-border-t {
    border-top: 0;
    background-image: none
}
.ui-list-thumb {
    width: 50px;
    margin: 7px 15px 7px 0;
    height: 50px;
    position: relative
}
.ui-list .ui-avatar-s {
    margin: 7px 15px 7px 0
}
.ui-list-thumb-s {
    position: relative;
    width: 28px;
    height: 28px;
    -webkit-background-size: 28px auto;
    margin: 11px 15px 11px 0;
    background-image: url(../images/default.png)
}
.ui-list-thumb span, .ui-list-thumb-s span {
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}
.ui-list-info {
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-right: 20px;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    box-orient: vertical;
    box-pack: center
}
.ui-list-info h4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 20px
}
.ui-list-info p {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    color: gray
}
.ui-list .ui-btn, .ui-list .ui-btn-lg {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -15px
}
.ui-list-link li:active, li.ui-list-item-link:active {
    background: #f8f9fa;
    padding-left: 15px;
    margin-left: 0
}
.ui-list-link li:active .ui-border-t, li.ui-list-item-link:active .ui-border-t {
    background-image: none;
    border-top: 0
}
.ui-list-link li:active+li .ui-border-t, .ui-list-link li:active+.ui-border-t, li.ui-list-item-link:active+li .ui-border-t, li.ui-list-item-link:active+.ui-border-t {
    background-image: none;
    border-top: 0
}
.ui-list-function .ui-list-info {
    padding-right: 70px
}
.ui-list-cover li {
    padding-left: 15px;
    margin-left: 0
}
.ui-list-link li:after, li.ui-list-item-link:after {
    background: url(../images/icon.png) no-repeat -75px 0;
    background-size: 150px auto;
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px
}
.ui-list-link .ui-list-info {
    padding-right: 35px
}
.ui-list li.selected {
    color: #00a5e0
}
.ui-list li.selected:after {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(../images/icon.png) no-repeat -100px 0;
    background-size: 150px auto;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px
}
.ui-loading-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    height: 40px
}
.ui-loading {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/loading_sprite.png);
    background-size: auto 20px;
    -webkit-animation: rotate 1s steps(12) infinite
}
.ui-loading-bright {
    width: 37px;
    height: 37px;
    display: block;
    background-image: url(../images/loading_sprite_white.png);
    background-size: auto 37px;
    -webkit-animation: rotate2 1s steps(12) infinite
}
.ui-loading-wrap .ui-loading {
    margin: 10px
}
 @-webkit-keyframes rotate {
 from {
 background-position: 0 0
}
 to {
 background-position: -240px 0
}
}
 @-webkit-keyframes rotate2 {
 from {
 background-position: 0 0
}
 to {
 background-position: -444px 0
}
}
.ui-btn-group {
    display: -webkit-box;
    width: 100%
}
.ui-btn-bottom {
    position: fixed;
    bottom: 0;
    z-index: 10
}
.ui-btn-group button {
    color: #00a5e0;
    border: 0;
    display: block;
    line-height: 50px;
    height: 48px;
    -webkit-box-flex: 1;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    border-right: 1px #c8c7cc solid;
    width: 100%;
    border-top: 1px solid #c8c7cc
}
.ui-btn-group button:active {
    background: rgba(0,0,0,.1)
}
.ui-btn-group button:last-child {
    border-right: 0;
    background-image: none
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
.ui-btn-group button {
    position: relative;
    border: 0
}
.ui-btn-group button:before {
    content: "";
    position: absolute;
    -webkit-transform-origin: right top;
    width: 0;
    border-right: 1px solid #c8c7cc;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scaleX(0.5)
}
.ui-btn-group button:after {
    content: "";
    position: absolute;
    -webkit-transform-origin: right top;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #c8c7cc;
    top: 0;
    -webkit-transform: scaleY(0.5)
}
.ui-btn-group button:last-child:before {
    border-right: 0;
    background-image: none
}
}
.ui-icon {
    display: inline-block;
    width: 25px;
    height: 0;
    position: relative;
    overflow: visible
}
.ui-icon:before {
    background: url(../images/icon.png) no-repeat 0 0;
    background-size: 150px auto;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -14px
}
.ui-icon-refresh {
    width: 22px
}
.ui-icon-refresh:before {
    width: 22px;
    height: 22px;
    top: -11px
}
.ui-icon-info:before {
    background-position: 0 -50px
}
.ui-icon-warn:before {
    background-position: -50px 0;
    top: -17px
}
.ui-icon-praise:before {
    background-position: 0 -25px
}
.ui-icon-praise.active:before, .ui-icon-praise:active:before {
    background-position: -25px -25px
}
.ui-icon-praise-s:before {
    background-position: -50px -25px
}
.ui-icon-praise-s.active:before, .ui-icon-praise-s:active:before {
    background-position: -75px -25px
}
.ui-icon-success:before {
    background-position: -100px 0
}
.ui-icon-tips:before {
    background-position: -25px 0;
    top: -16px
}
.ui-icon-tag, .ui-icon-tag-svip, .ui-icon-tag-vip, .ui-icon-tag-freelimit, .ui-icon-tag-free, .ui-icon-tag-hot, .ui-icon-tag-new, .ui-icon-tag-selected {
    display: block;
    background: url(../images/icon_tag.png);
    -webkit-background-size: 30px auto;
    position: absolute;
    z-index: 9
}
.ui-icon-tag-svip, .ui-icon-tag-vip, .ui-icon-tag-freelimit, .ui-icon-tag-free {
    width: 28px;
    height: 14px;
    right: 0;
    bottom: 0
}
.ui-icon-tag-vip {
    background-position: 0 -14px
}
.ui-icon-tag-freelimit {
    background-position: 0 -28px
}
.ui-icon-tag-free {
    background-position: 0 -42px
}
.ui-icon-tag-hot, .ui-icon-tag-new {
    width: 30px;
    height: 30px;
    left: 0;
    top: 0
}
.ui-icon-tag-hot {
    background-position: 0 -60px
}
.ui-icon-tag-new {
    background-position: 0 -90px
}
.ui-icon-tag-selected {
    width: 24px;
    height: 24px;
    background-position: 0 -120px;
    right: -6px;
    top: -6px
}
.ui-select-user {
    background: #fff
}
.ui-select-user ul {
    color: #282828;
    display: none
}
.ui-select-user h3 {
    font-size: 16px;
    color: #282828;
    padding-left: 44px;
    line-height: 44px;
    height: 44px;
    font-weight: 400;
    position: relative
}
.arrow {
    display: block;
    width: 8px;
    height: 10px;
 background: url(../images/c9fff893335b497da76d32c9f75a38ae.gif) no-repeat center left;
    background-size: 8px auto;
    position: absolute;
    left: 15px;
    top: 15px;
    transition: all .2s;
    -webkit-transition: all .2s
}
.ui-select-user .ui-select-user-item .ui-select-user-head {
    width: 40px;
    height: 40px;
    margin-top: 12px;
    background-size: 40px auto;
    -webkit-background-size: 40px auto
}
.ui-select-user .active ul {
    display: block
}
.ui-select-user .active .arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}
.ui-notice {
    width: 100%;
    height: 100%;
    z-index: 999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: absolute;
    text-align: center
}
.ui-notice i {
    display: block;
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    background-image: url(../images/icon_warn.png)
}
.ui-notice-news i {
    background-image: url(../images/icon_warn_news.png)
}
.ui-notice-nearby i {
    background-image: url(../images/icon_warn_nearby.png)
}
.ui-notice p {
    font-size: 16px;
    line-height: 20px;
    color: #a6a6a6;
    text-align: center;
    padding: 0 15px
}
.ui-notice-warn {
    width: 100%;
    height: 150px;
    z-index: 999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    color: #a6a6a6
}
.ui-notice-warn i {
    margin-bottom: 10px
}
.ui-notice-warn i.ui-icon-refresh {
    -webkit-animation: rotate3 1s infinite linear
}
.ui-notice-btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    padding: 50px 15px
}
.ui-notice-btn button {
    margin: 10px 0
}
 @-webkit-keyframes rotate3 {
 0% {
 -webkit-transform: rotate(0)
}
 100% {
 -webkit-transform: rotate(360deg)
}
}
.ui-form {
    background-color: #fff
}
.ui-form-order {
    background-color: #fff
}
.ui-form-order li:active {
    background-color: #e5e6e7
}
.ui-form-order a {
    color: #00a5e0;
    display: block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    margin-left: 15px
}
.ui-form .ui-item {
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    vertical-align: middle;
    padding-right: 15px;
    position: relative
}
 .ui-form ::-webkit-input-placeholder {
 color: #a6a6a6
}
.ui-form .ui-item label {
    width: 102px;
    position: absolute;
    text-align: center
}
.ui-form .ui-item input, .ui-form .ui-item textarea {
    width: 100%;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ui-form .textarea {
    height: 65px
}
.ui-form .textarea label {
    vertical-align: top
}
.ui-form .textarea textarea {
    margin-top: 15px;
    border: 0
}
.ui-form .textarea textarea:focus {
    outline: 0
}
.ui-form .left label, .ui-form .right button {
    color: #00a5e0;
    text-align: center
}
.ui-form .left input {
    padding-left: 117px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ui-form .right {
    padding-right: 0
}
.ui-form .right input {
    padding: 0 117px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ui-form .right button {
    width: 102px;
    height: 44px;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0
}
.ui-form .right button.disabled {
    color: #a6a6a6
}
.ui-form .right button:not(.disabled):active {
    background-color: #e5e6e7
}
.ui-form .pure input {
    padding-left: 15px
}