html { font-family:-apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;-webkit-font-smoothing: antialiased; }
body { margin: 0; font-size: 14px; line-height: 1.5; color: #666; /*height: 100%;*/ overflow-x: hidden; /*-webkit-overflow-scrolling: touch;*/background: #fff;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
ul, ol, li, dl, dd { margin: 0; padding: 0;list-style: none; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }
a:active { outline: 0;color: #1d1d1d;text-decoration:none;}
a:active { color: #333; }
a:visited {text-decoration:none;}
a:hover {text-decoration:none!important;}
img { border: 0; vertical-align: middle; width:100%; height:auto;  width:auto\9;-ms-interpolation-mode:bicubic;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;outline: none;text-transform: none;box-shadow: 0;background: none;-webkit-appearance: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;border-style: none; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input,textarea{  border:1px solid #fff;}
input:focus,textarea:focus{border-color:#fff; }
:focus {outline: none;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
/*html,body{height: 100%;}*/
[data-dpr="1"] body{font-size: 12px !important;}
[data-dpr="2"] body{font-size: 26px !important;}
[data-dpr="3"] body{ font-size: 36px !important;}

.pull-left{
    display: inline-block;
    float: left;
}
.pull-right{
    display: inline-block;
    float: right;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-orange{
    color: #f60;
}
.iconfont {
    font-size: inherit;
}
.full-screen-ios {height:100%;}

/*布局平铺*/
 .ui-tiled {
    display: -webkit-box;
    width: 100%;
    -webkit-box-sizing: border-box;
}
.ui-tiled li {
    -webkit-box-flex: 1;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
/*不定宽高的水平垂直居中*/
.ui-center{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
}
/*一行文字截断弹性布局*/
.ui-nowrap-flex {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    height: inherit;
}
/*多行文字截断，默认两行*/
.ui-nowrap-multi {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*1像素边框*/
.ui-border-bottom,
.ui-border-left,
.ui-border-top{
    position: relative;
}
.ui-border-bottom:after,
.ui-border-left:after,
.ui-border-right:after,
.ui-border-top:after{
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    height: 1px;
    background:#ddd;
    -webkit-transform: scale(1,.5);
    transform: scale(1,.5);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
.ui-border-right:after{
    width: 1px;
    height: 100%;
    left: inherit;
    right: 0;
}
.ui-border-bottom:after{
    bottom: 0;
}
.ui-border-left:after{
    width: 1px;
    height: 100%;
    left: 0;
}
.ui-border-top:after{
    top:0;
}
.btn-border{
    display: inline-block;
    width: 2.21rem;
    height: 0.88rem;
    line-height:0.88rem;
    text-align: center;
    border-radius: 4px;
}
.btn-border{
    border: solid 1px #f60;
    color: #f60;
}
.btn{
    display: inline-block;
    background: #f60;
    color: #fff;
    height: 1.2rem;
    line-height:1.2rem;
    border-radius: 4px;
}
.btn-border.disabled,.btn-border[disabled]{
    border-color: #ddd;
    color: #999;
}
/*提示弹窗样式*/
#toast-container {
    width: 100%;
    top: 0;
    right: 0;
}
#toast-container > .toast-warning,#toast-container > .toast-success{
    width: 100%;
    padding: 15px 15px 15px 50px;
}