@charset "utf-8";
.uh{ display:-moz-box;
     display:-webkit-box;
     display:box;
     -moz-box-orient:vertical;
     -webkit-box-orient:vertical;
     box-orient:vertical;}
.ub{display:-webkit-box!important;display:box!important;position:relative}
.ub-rev{-webkit-box-direction:reverse;box-direction:reverse}
.ub-fh{width:100%}
.ub-fv{height:100%}
.ub-con{position:absolute;width:100%;height:100%}
.ub-ac{-webkit-box-align:center;box-align:center}
.ub-ae{-webkit-box-align:end;box-align:end}
.ub-pc{-webkit-box-pack:center;box-pack:center}
.ub-pe{-webkit-box-pack:end;box-pack:end}
.ub-pj{-webkit-box-pack:justify;box-pack:justify}
.ub-ver{-webkit-box-orient:vertical;box-orient:vertical}
.ub-f1{position:relative;-webkit-box-flex:1;box-flex:1}
.ub-f2{position:relative;-webkit-box-flex:2;box-flex:2}
.ub-f3{position:relative;-webkit-box-flex:3;box-flex:3}
.ub-f4{position:relative;-webkit-box-flex:4;box-flex:4}
.ub-img{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}
.ub-img1{-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center}
.ub-img2{background-repeat:repeat-x;background-size:auto 100%}
.ub-img3{background-repeat:repeat-y;background-size:100% auto}
.ub-img4{-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;background-position:center}
.ub-img5{-webkit-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center}
.ub-img6{background-repeat:no-repeat;background-position:center}
.ub-img7{-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center}



* {
    margin:0; padding:0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
html{
    -webkit-text-size-adjust:none;
    min-height:100%;
    font-size:10px;
}
img,button,input,select,textarea{vertical-align: middle; -webkit-appearance:none; border-radius:0;border: 0;}
address,cite,dfn,em,var,strong{font-style:normal; font-weight:normal;}
fieldset,img{
    border: 0;
    text-align: left;
}
ul,li{
    list-style: none;
}
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a{text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font: 1.2rem/1.5 "\5fae\8f6f\96c5\9ed1", "Microsoft YaHei", Geneva, Arial;
    color: #3c3c3c;
    background:#fff;
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
}

.main-top{ position: fixed; height: 40px; top: 0;    background: #f5f5f4;border-bottom: 1px solid #ddd; width: 100%;z-index: 198808180511;}

.hader-left{
    min-width: 4.4rem;
    overflow: hidden;
    height: 40px;
    position: absolute;
    top: 0;
    font-size: 1.6rem;
    color: #fff;
}

.hader-title{margin: 0 4.4rem;
    line-height: 40px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
 
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;}

.load-html{
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top:0px;
     z-index: 9999;
}

.load-html .mask{
    background: #000;
    opacity: .5;
     width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top:0px;
   
}
.load-g{ position: absolute;}

.load-g i{ background-image: url(../images/load_progress.png); width: 5rem; height: 5rem; display: block; position: relative; font-style: normal;-webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;}
.load-patnt{ position: relative}
.load-u-ti{ position: absolute; top: 0; left: 10px;}
.load-u-mg{ width: 90%; height: 90%; background: #fff; border-radius: 50%; position: absolute; top: 5%; left:5%; text-align: center;}
.load_title{ color: #fff; position: absolute; width: 100px;}


@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}


/** 页面层加载**/
.laod-tip{ position: fixed; height: 100%;width: 100%; top: 0;}

.load-tip-content{ padding: 20px 25px; border-radius: 15px; background: #000;display: inline-block; color:white;}