/*-----地址选择器样式------*/
.g-view { margin: 0 auto; max-width: 750px; min-width: 320px; }
.g-view:before { content: ''; display: block; width: 100%; height: 0.9rem; }
.g-view:after { content: ''; display: block; width: 100%; height: 1.5rem; }
.g-flexview { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
    -ms-flex-direction: column; flex-direction: column; margin: 0 auto; max-width: 750px; min-width: 320px; }
.g-scrollview { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;
    overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; margin-bottom: -1px; }
.g-scrollview:after { content: ''; display: block; width: 100%; height: 0.5rem; }
.ios .g-scrollview { margin-top: 1px; }
.hairline .g-scrollview { margin-top: 0.5px; }
.g-fix-ios-overflow-scrolling-bug { -webkit-overflow-scrolling: auto; }
.mask-black-dialog { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1500; bottom: 0; right: 0;
    left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mask-black { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0;
    top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mask-white-dialog { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 1500; bottom: 0; right: 0;
    left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mask-white { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0;
    top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.m-cityselect { position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 1000; background-color: #fff;
    -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.m-cityselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.cityselect-header:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%;
    height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-title { width: 100%; font-size: 13px; text-align: center; height: 45px; line-height: 45px;
    position: relative; }
.cityselect-title:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%;
    height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-nav { width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex;
    display: -ms-flexbox; display: flex; }
.cityselect-nav > a { font-size: 13px; color: #222; display: block; height: 40px; line-height: 40px; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; width: 33%; max-width: 200px; text-align: center; }
.cityselect-nav > a.crt { color: #F23030; }
.cityselect-nav > a.crt:after { content: ''; width: 100%; height: 2px; background-color: #F23030;
    position: absolute; bottom: 0; left: 0; z-index: 2; }
.cityselect-content { height: 100%; padding-top: 85px; width: 100%; display: -webkit-box; display: -webkit-flex;
    display: -ms-flexbox; display: flex; }
.cityselect-content.cityselect-move-animate { -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.cityselect-content.cityselect-next { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.cityselect-content.cityselect-prev { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-content > .cityselect-item { display: block; height: inherit; width: 50%; /* for old android */
    -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto;
    -webkit-overflow-scrolling: touch; background-color: #FFF; }
.cityselect-content > .cityselect-item::-webkit-scrollbar {
    width: 0;
}
.cityselect-content > .cityselect-item:nth-child(2n) { background-color: #F5F5F5; }
.cityselect-item-box { width: 100%; height: inherit; display: block; padding: 0 .4rem; }
.cityselect-item-box > a { color: #333; font-size: 13px; height: 40px; line-height: 40px; overflow: hidden;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative;
    z-index: 1; }
.cityselect-item-box > a:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%;
    height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-item-box > a:active { background: none;/* for firefox */
}
.cityselect-item-box > a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; }
.cityselect-item-box > a.crt { color: #F23030; }




.g-flexview { padding-top: 3rem; background: #fff; }
.demo-pagetitle { font-size: .68rem; color: #FF5E53; text-align: center; padding: .6rem 0 .4rem; }
.demo-detail-title { color: #888; font-size: .28rem; margin-bottom: .5rem; font-weight: normal; line-height: 0.42rem;
    text-align: center; }
.demo-loading { margin-bottom: 20px; }
.demo-loading li a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100%; }
.demo-loading li img { width: .6rem; height: .6rem; display: inline-block; }
.demo-tip { color: #B1B1B1; font-size: .24rem; padding: .2rem .24rem .4rem; line-height: 18px;
    font-family: \5fae\8f6f\96c5\9ed1; position: relative; }
.demo-tip:after { content: ''; position: absolute; bottom: .2rem; left: 0; width: 100%;
    border-bottom: 1px dashed #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.demo-tip i { margin-right: 3px; }
.demo-tip a { color: #5AA700; }
.demo-upload { overflow: hidden; }
.demo-upload li { width: 1rem; height: 1rem; float: left; margin-right: 0.2rem; }
.demo-upload li:last-child { margin-right: 0; }
.demo-upload-big { width: 2rem; height: 2rem; margin-top: 0.4rem; }
.demo-upload-rectangle { width: 4rem; height: 2rem; margin-top: 0.4rem; }
.demo-components { background-color: #FFF; padding: 10px; margin-bottom: 10px; }
.demo-upload { overflow: hidden; }
.demo-upload li { float: left; }
.demo-upload li img { width: 1rem; height: 1rem; margin-right: .2rem; }
.demo-pitch { margin-top: .5rem; }
.demo-small-pitch { margin-top: .35rem; }
.demo-progressbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around;
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
    padding: 0 .24rem; }
.demo-spinner { background-color: #FFF; padding: .24rem; font-size: 0; }
.demo-spinner-title { font-size: .26rem; color: #888; display: block; margin-bottom: .1rem; }
.demo-badege { padding: 0 .24rem .5rem .24rem; background-color: #FFF; }
.demo-badege .demo-badege-title { font-size: .26rem; padding-top: .5rem; padding-bottom: .15rem;
    color: #777; position: relative; }
.demo-badege .demo-badege-title:after { content: ''; position: absolute; z-index: 2; bottom: 0;
    left: 0; width: 100%; height: 1px; background-color: #D9D9D9; border-bottom: 1px solid #D9D9D9;
    -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
.demo-badege .badge { margin-right: .1rem; }
.demo-progress-line { height: .15rem; width: 100%; }
.demo-progress-cricle { width: 2rem; height: 2rem; }

.cell-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    position: relative; padding-left: 0.24rem; overflow: hidden; }
.cell-left { color: #333; font-size: 0.3rem; white-space: nowrap; display: -webkit-box;
    display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.cell-right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%;
    min-height: 1rem; color: #525252; text-align: right; font-size: 0.26rem; padding-right: 0.24rem;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end;
    -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.cell-input {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;
    line-height: 1.42857143; color: #555; border: none; }
.cell-arrow:after { margin-left: .05rem; margin-right: -0.08rem; display: block; font-family: 'YDUI-INLAY';
    font-size: 0.34rem; color: #C9C9C9; content: '\e608'; }
.m-celltitle { padding: 0 0.24rem 0.1rem; font-size: 0.3rem; text-align: left; color: #888; position: relative;
    z-index: 1; }