/*--
	作者：767483339@qq.com
	时间：2018-09-08
	描述：
*/
*{padding: 0;margin: 0;box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;outline: 0;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
[v-cloak]{display: none;}
html{opacity: 0;}
input, select, textarea{font-size: 0.3rem;}
input{  
	background:none;  
	outline:none;  
	border:0px;
    border-color: none;
    -webkit-appearance:none; 
}
input[type="text"],input[type="radio"],input[type="chekbox"], input[type="button"], input[type="submit"], input[type="reset"], button {
    -webkit-appearance: none; border-radius: 0;
    font-family: "PingFang-SC-Medium","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;
}
textarea {
　　-webkit-appearance: none; 
}   
/*以及圆角*/
button{ border-radius: 0; }

h1,h2,h3,h4,h5,h6{font-weight: normal;}
body{font-size: 0.3rem;line-height: 1.2;max-width: 750px;margin: 0 auto;font-family: "PingFang-SC-Medium","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;}
body,.mui-content{background-color: transparent;}
a,a:link,a:visited,a:hover,a:active {text-decoration: none;}
p{margin-bottom: 0;}
li{list-style: none;}
.pull-right{float: right;}
.pull-left{float: left;}
.c-container,.mui-fullscreen{max-width: 750px;margin: 0 auto;}
.full-width{width: 100%;display: block;}
.clearfix:after{display: block;clear: both;content: '';}
.cf7b503{color: #f7b503;}
.text-al{text-align: left;}
.text-ar{text-align: right;}
.pos-re{position: relative;}
.c-fba612{color: #fba612}

/* 
  共有样式
*/
.fr{float: right!important;}
.fl{float: left!important;}
.tc{text-align: center!important;}
.tl{text-align: left!important;}
.tr{text-align: right!important;}


/*小图标*/
.icon1{width: 0.17rem;height: 0.31rem;vertical-align: middle;background-size: auto 100%;background-repeat: no-repeat;display: inline-block;background-position: center;}
.icon-back{background-image: url(../images/back.png)}
input,textarea{-webkit-user-select: auto;}
.load-more{padding-bottom: .45rem;text-align: center;overflow: hidden;}
.load-more img{width: .55rem;margin: .34rem auto .18rem;display: block;}
.load-more span{color: #999999;font-size: .26rem;}




/*公共底部*/
.clear-bottom-nav{height: 1.06rem;}
.bottom-nav-fixed{max-width: 750px;margin: 0 auto;background-color: #f6f5f5; padding-top: .1rem;height: 1.06rem;z-index: 1000;position: fixed;left: 0;right: 0;bottom: 0;}
.bottom-nav-fixed .icon{height: .48rem;display: block;margin: 0 auto; width: .55rem}
.bottom-nav-fixed .icon + span{font-size: .26rem; color: #444444; margin-top: .12rem; display: block; text-align: center;}
.active .icon + span{color: #fba612;}

/*图片平铺*/
.full-width{width: 100%;display: block;}
.full-width-height{width: 100%;height: 100%;display: block;}
.full-height{height: 100%;display: block;}

/*流式布局*/
.flex-box{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
	  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;}
.flex-box-item{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  width: 50%;               /* For old syntax, otherwise collapses. */
	  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	 position: relative;}
[flex-grow="3"]{flex-grow: 3;}
.flex-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.flex-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-stretch{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #d8d6d6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d8d6d6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d8d6d6;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #d8d6d6;
}
.aui-flexView {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    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;
}

.aui-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-top:0;
    padding-bottom:55px;
}

.aui-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #fff;
}


.aui-navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    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;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -45%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    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;
    height: 44px;
    width: 80%;
    margin-left: 25%;
}
