/* Structure
   ========================================================================== */


/* page */
.page { position:fixed; top:44px; bottom:0; width:100%; overflow:scroll;} /* 不含底部导航 */
.page2 { position:fixed; top:44px; bottom:44px; width:100%; overflow:scroll;} /* 包含底部导航 */
.page3 { position:fixed; top:100px; bottom:44px; width:100%; overflow:scroll;} /* 包含底部导航、筛选 */
.box { margin-bottom:9px; background:#fff;}
.header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 1.76rem;

	background: #46166b;
	text-align: center;

	font-size: 0.72rem;
	color: #fff;
}

.header span{line-height:1.76rem;}


/* search */
.headSearch { padding:0 0.3rem; padding-top:0.3rem;}
.headSearch form { position:relative; padding-right:40px;}
.headSearch_input { width:100%; height:1.2rem; border-radius:8px; background:rgba(255,255,255,.6) url(../images/search_zoom.png) left center no-repeat; background-size:contain; text-indent:29px; font-size:14px; color:#46166b;}
.headSearch_submit { position:absolute; top:0; right:2px; height:29px; font-size:14px; color:#fff; background:none;}


.overlay { display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); z-index:10;}






.sticky {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
}

.sticky2 {
	position: fixed;
	right: 0;
	bottom:-0.1rem;
	left: 0;
	z-index: 9000;
}



.foot {
	background: rgba(255,255,255,.9);
	-webkit-box-shadow: 0 -3px 9px rgba(0,0,0,.08);
	-moz-box-shadow: 0 -3px 9px rgba(0,0,0,.08);
	-o-box-shadow: 0 -3px 9px rgba(0,0,0,.08);
	-ms-box-shadow: 0 -3px 9px rgba(0,0,0,.08);
	box-shadow: 0 -3px 9px rgba(0,0,0,.08);
}


/**
 * footer-tabNav
 * ----------------------------------------------------------------------------
 */
.tabNav{ background:#4f2172; padding:0.1rem 0;}

.tabNav_link { display:block; padding:5px 0 6px; font-size:0.5rem; color: #fff;  text-align:center;}
.tabNav_ico { display:inline-block; width:1rem; height:1rem; background-size:cover;}
.tabNav_txt { line-height:10px; font-size:0.4rem; color:#fff;}
.tabNav_01 { background-image:url(../images/tabNav_01_default.png);}
.tabNav_02 { background-image:url(../images/tabNav_02_default.png);}
.tabNav_03 { background-image:url(../images/tabNav_03_default.png);}
.tabNav_04 { background-image:url(../images/tabNav_04_default.png);}
.tabNav_05 { background-image:url(../images/tabNav_05_default.png);}

.tabNav_cur p { color:#e8e567;}
.tabNav_cur .tabNav_01 { background-image:url(../images/tabNav_01_cur.png);}
.tabNav_cur .tabNav_02 { background-image:url(../images/tabNav_02_cur.png);}
.tabNav_cur .tabNav_03 { background-image:url(../images/tabNav_03_cur.png);}
.tabNav_cur .tabNav_04 { background-image:url(../images/tabNav_04_cur.png);}
.tabNav_cur .tabNav_05 { background-image:url(../images/tabNav_05_cur.png);}







/**
 * main box
 * ----------------------------------------------------------------------------
 */
.page {
	position: fixed;
	top: 44px;
	bottom: 0;
	width: 100%;
	overflow: scroll;
}
.main {
	position: fixed;
	top: 1.76rem;
	bottom: 0px;
	width: 100%;
	overflow: scroll;
}


.main_or {
	position: fixed;
	top: 1.76rem;
	bottom:0;
	width: 100%;
	overflow: scroll;
}



.mine {
	position: fixed;
	top: 0;
	bottom: 44px;
	width: 100%;
	overflow: scroll;
}
.flex_box {
	 display: -webkit-box;
     display: -moz-box;
	display: flex;                /*设置为flex布局*/
	box-sizing: border-box;
}

.flex_box > div{
	

       width:1%;
       -webkit-box-flex:1 ;
       -moz-box-flex: 1;
       box-flex: 1;
       word-break: break-all;
	
}


.flex_box2{ 
width:100%;  
  
display:flex;/*设为伸缩容器*/  
flex-flow:row;/*伸缩项目单行排列*/  }
.flex_box2 .stable{  
width:200px;/*固定宽度*/  
border:1px solid  #ccc;  
margin:20px;  
}  
.flex_box2 .change{  
flex:1;/*这里设置为占比1，填充满剩余空间*/  

}


.load_bar{clear:both; height: 1.76rem;   text-align: center;  color:#46166b;font-size: 0.48rem;}
.loading_ico{display:inline-block; background-size:cover; width: 0.42rem; height: 0.48rem; background-image: url(../images/refresh.png); margin-right: 0.2rem;}


/*---------- form ----------*/
.form_box1{ position:relative; height:1.76rem; border-bottom:1px #ddd solid; padding-left:0.2rem;}

.form_input { width:100%; height:44px; background:none; font-size:15px; color:#444; }

.activatenBtn { display:block; height:1.88rem; border-radius:5px; text-align:center; line-height:1.88rem; font-size: 0.68rem; background:#4f2172; font-size:17px; color:#fff; margin-top: 1rem;}