/*底部导航*/
html{
	background: rgb(23,27,30) ;
	max-width: 640px !important;
	margin： 0 auto;
	position:relative;
}
body{
	background: rgb(23,27,30) ;
	max-width: 640px !important;
}
.foot
	{
	margin:0 ;
	overflow:hidden;/*加上它，即可*/
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width:640px;
	height: .46rem;
	text-align: center;
	/*background: url(../img/status_barblak.png);*/
	background:#2c2b31 !important;
	background-size: 100% 100%;
	z-index:10;
	/*border-top: 1px rgba(0,0,0,0.1) solid;*/
	display: flex;
	flex-direction:row;
	width: 100%;
	text-align: center;	
	}
 .foot div:nth-child(1)
     {flex: 1;}
 .foot div:nth-child(2)
     {flex: 1;}
.foot div:nth-child(3)
     {flex: 1;}
.foot div:nth-child(4)
     {flex: 1;}
.tabimg
	{
		width: .16rem;
		height: .16rem;
		margin-top :.08rem;	
	}
.tabtitle
	{
		display: block;
		text-align: center;
		line-height: .12rem;
		margin: .05rem;
		font-size: .09rem;
		text-decoration: none;
		font-weight: normal;
		text-shadow: none;
		color:gainsboro;
	}
.titleseleted
{
	color: rgb(234,159,13);
	font-weight: bold;
}
/*顶部导航栏*/
.topnav{
	padding: .08rem 0;
	width: 100%;
	/*background: url(../img/status_bar.png);*/
	background:#2c2b31;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	text-align: center;
}
.back{
	height: .2rem;
	position: absolute;
	left: .05rem;
	top: .08rem;
	
}
.backto span{
	line-height: .2rem;
	color: white;
	font-size: .13rem;
	text-align: center;
	
	
}
.outtoast {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	margin-top: -.15rem;
	width: 100%;
	display: none;
	z-index: 99;
}

.toast {
	height: .2rem;
	color: white;
	background: black;
	background-size: 100% 100%;
	display: inline-block;
	font-size: .12rem;
	line-height: .2rem;
	padding: 0 .2rem;
	border-radius: 1;
	font-family: "微软雅黑";
}

.nohistory{
	visibility:hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
body .loader {
  height: 250px;
  position: relative;
  margin:  auto;
  width: 100%;
  z-index:10;
  padding: 60px 0;
}
body .loader_overlay {
  width: 150px;
  height: 150px;
  background: transparent;
  box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset;
  border-radius: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
body .loader_cogs {
  z-index: -2;
  width: 100px;
  height: 100px;
  top: -120px !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
body .loader_cogs__top {
  position: relative;
  width: 100px;
  height: 100px;
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
  -webkit-animation: rotate 10s infinite linear;
          animation: rotate 10s infinite linear;
}
body .loader_cogs__top div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
body .loader_cogs__top div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
body .loader_cogs__top div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
body .loader_cogs__top div.top_part {
  width: 100px;
  border-radius: 10px;
  position: absolute;
  height: 100px;
  background: #f98db9;
}
body .loader_cogs__top div.top_hole {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
body .loader_cogs__left {
  position: relative;
  width: 80px;
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
  top: 28px;
  -webkit-transform-origin: 40px 40px;
          transform-origin: 40px 40px;
  -webkit-animation: rotate_left 10s .1s infinite reverse linear;
          animation: rotate_left 10s .1s infinite reverse linear;
  left: -24px;
  height: 80px;
}
body .loader_cogs__left div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
body .loader_cogs__left div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
body .loader_cogs__left div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
body .loader_cogs__left div.left_part {
  width: 80px;
  border-radius: 6px;
  position: absolute;
  height: 80px;
  background: #97ddff;
}
body .loader_cogs__left div.left_hole {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
body .loader_cogs__bottom {
  position: relative;
  width: 60px;
  top: -65px;
  -webkit-transform-origin: 30px 30px;
          transform-origin: 30px 30px;
  -webkit-animation: rotate_left 10.2s .4s infinite linear;
          animation: rotate_left 10.2s .4s infinite linear;
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
  left: 79px;
  height: 60px;
}
body .loader_cogs__bottom div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
body .loader_cogs__bottom div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
body .loader_cogs__bottom div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
body .loader_cogs__bottom div.bottom_part {
  width: 60px;
  border-radius: 5px;
  position: absolute;
  height: 60px;
  background: #ffcd66;
}
body .loader_cogs__bottom div.bottom_hole {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Animations */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_left {
  from {
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg);
  }
  to {
    -webkit-transform: rotate(376deg);
            transform: rotate(376deg);
  }
}
@keyframes rotate_left {
  from {
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg);
  }
  to {
    -webkit-transform: rotate(376deg);
            transform: rotate(376deg);
  }
}
@-webkit-keyframes rotate_right {
  from {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  to {
    -webkit-transform: rotate(364deg);
            transform: rotate(364deg);
  }
}
@keyframes rotate_right {
  from {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  to {
    -webkit-transform: rotate(364deg);
            transform: rotate(364deg);
  }
}