/*通用背景色*/
.ColorThemeBg {
	/*background: #FFF;*/
/*	background-image: linear-gradient(90deg,#fff,orange);*/
}
/*通用背景色字体*/
.ColorThemeBgFont {
	color: #FFF;
}
/*通用字体*/
.ColorThemeFont {
	color: #FFF;
}
/*通用背景色边框*/
.ColorThemeBorder {
	border: 1px solid #FFF;
}
/*通用导航标题文字颜色*/
.ColorThemeBgTitle{
	color: #FFFFFF;
}
/*通用背景色下边框*/
.ColorThemeBttomBg{
	border-bottom: 2px solid #FFF;
}
/*通用按钮背景色*/
.ColorThemeBtnBg {
	background: #FFF;
}
/*通用按钮文本色*/
.ColorThemeBtnFont {
	color: #FFF;
}
.ColorThemeBtnBgFont{
	color: #fff
}
/*通用按钮边框颜色*/
.ColorThemeBtnBorder {
	border:1px solid #FFF;
}
/*通用按钮边框颜色*/
.ColorThemeSearchBg {
	background:#fff;
}
.ColorThemeSearchFont {
	color:#fff;
}
.colorWhiteBorder{
	border:1px solid #fff;
}
.theme-color-mid { color: #ef5824} /*内容区域字体色*/
.navHeight{left:0px;top:0px;width:100%;z-index:1999999;height:25px;position:fixed;}
nav.mui-bar{background:#fff !important;}
body,html{background:#F5F5F5;width: 100%;margin:0px auto;font-family: 'Helvetica Neue',Helvetica,sans-serif;}
/****页头****/
header {  position: relative;  /*height: 1.9rem;*/ height:44px;  width: 100%;  left: 0;  font-size: 0px;}
header > div {  position: fixed;  width: 100%;  z-index: 10; }
/*.header-left {  line-height: 2.2rem;  width: 11.25%;  padding-left: 3.75%;  display: inline-block;  vertical-align: middle;  font-size: 1rem!important; }*/
.header-left {  line-height: 44px;  width: 11.25%;  padding-left: 2.5%;  display: inline-block;  vertical-align: middle;  font-size: 0.6rem!important; }
.header-center {  width: 70%;  display: inline-block;  text-align: center;  vertical-align: middle; /* font-size: 0.75rem; */font-size:17px;text-overflow: ellipsis; white-space: nowrap;overflow:hidden;}
.header-right {  line-height: 44px; width: 11.25%;  display: inline-block;  text-align: right;  vertical-align: middle; font-size: 0.6rem; }
/*底部导航条样式*/
/*footer{ width: 100%; height: 2.45rem;}
footer > div{ position:fixed; width: 100%; border-top: 1px solid #e1e1e1; height: 2.45rem; bottom: 0; overflow: hidden; background-color: white; z-index: 10;}
footer dl{ width : 20%;  display:inline-block;  text-align : center; vertical-align: middle;}
footer dt{ font-size : 1.1rem;  }
footer dd{ font-size : .45rem;  }*/
footer { position: fixed; left: 0; bottom: 0; border-top: 1px solid #e1e1e1; background-color: #fff; width: 100%; height: 2.45rem; z-index: 9;}
footer dl { position: relative; float: left; padding-top: .3rem; width: 25%; text-align: center;}
footer dl dt { font-size: 1.1rem!important; margin-bottom: .1rem;}
footer dl dd { font-size: .45rem;}

/*弹框背景*/
.dialog-wrap{  position:fixed;  bottom:0;  width:100%;  height:100%;  background-color: rgba(100, 100, 100, 0.6);  }
.dialog-content{  position:fixed;  bottom:0;  width:100%;  }

/* 盒子样式 */
.flex-wrap{display:-webkit-box;display:-moz-box; display:-webkit-flex; display:flex;}
.flex-con{ flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;width: 100%;}
.flex-vertical{-webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-flow: column; -moz-flex-flow: column; flex-flow: column; }
.flex-horizontal{-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-flow: row; -moz-flex-flow: row; flex-flow: row; }


.middles{
    width: 92%;
    /*padding: 0 4%;*/
   padding:0 4% ;
    word-wrap: break-word;
}

/*三角形*/
.trig {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
    height: 0;
    border-right: 1.625rem solid transparent;
}
/*绿色三角形*/
.trig-grenn {
    border-top: 1.625rem solid #3fd67f;
}
/*三角形中文字*/
.trig-words {
	position: absolute;
	top: -.3rem;
	left: 0;
	line-height: 1.625rem;
	color: #fff;
	text-align: center;
	transform:rotate(-44deg);
	-ms-transform:rotate(-44deg); 	/* IE 9 */
	-moz-transform:rotate(-44deg); 	/* Firefox */
	-webkit-transform:rotate(-44deg); /* Safari 和 Chrome */
	-o-transform:rotate(-44deg); 	/* Opera */
}

/*四边形*/
/*.square {
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 1.4rem;
	text-align: center;
}*/
.square {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 1.65rem;
	background: url(../image/juxing.png) no-repeat center;
	background-size: cover;
	text-align: center;
}
.square span {
	width: 100%;
	height: .7rem;
	float: left;
}

/*加载动画样式*/
/*渐隐渐现动画*/
.show-animate {
    -webkit-animation: show-animate-fun 0.2s linear 0s 1;
}
.hide-animate {
    -webkit-animation: hide-animate-fun 0.2s linear 0s 1;
}
@-webkit-keyframes show-animate-fun { 0% {  opacity: 0; } 100% {  opacity: 1; } }
@keyframes show-animate-fun { 0% {  opacity: 0; } 100% {  opacity: 1; } }
@-webkit-keyframes hide-animate-fun { 0% {  opacity: 1; } 100% {  opacity: 0; } }
@keyframes hide-animate-fun { 0% {  opacity: 1; } 100% {  opacity: 0; } }


/*加载动画*/
.surplus-info {  width: 100%;  height: 1.5rem;  text-align: center;  }
.loadingMore{  line-height: 1.5rem;  }
.sk-three-bounce {  margin: 0 auto;  text-align: center;  }
.sk-three-bounce .sk-child{  width: 0.2rem;  height: 0.2rem; background-color: #42ce83;  border-radius: 100%;  display: inline-block;  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;  }
.sk-three-bounce .sk-bounce1{  -webkit-animation-delay: -0.32s;  animation-delay: -0.32s;  }
.sk-three-bounce .sk-bounce2{  -webkit-animation-delay: -0.16s;  animation-delay: -0.16s;  }
@-webkit-keyframes sk-three-bounce { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); } 40% {  -webkit-transform: scale(1);  transform: scale(1); } }
@keyframes sk-three-bounce { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); } 40% {  -webkit-transform: scale(1);  transform: scale(1); } }

/*加载弹框动画样式*/
#loading-dialog-hint{width: 3.5rem; height:3.0rem; padding-top:.5rem; position: relative;left:50%; top:50%;background: rgba(40, 43, 52, 0.6);-webkit-transform: translate(-50%, -50%); border-radius: 0.2rem;}
#loading-dialog-hint > p{font-size:0.6rem; color:white; text-align: center; margin-top:0.5rem;}
.sk-circle { margin: 0 auto; width: 1.5rem;height: 1.5rem;position: relative; }
.sk-circle .sk-child {  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0; }
.sk-circle .sk-child:before { content: "";display: block;margin: 0 auto;width: 15%;height: 15%;background-color: white;border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {  -webkit-transform: rotate(30deg);  -ms-transform: rotate(30deg);  transform: rotate(30deg); }
.sk-circle .sk-circle3 {  -webkit-transform: rotate(60deg);  -ms-transform: rotate(60deg);  transform: rotate(60deg); }
.sk-circle .sk-circle4 {  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg); }
.sk-circle .sk-circle5 {  -webkit-transform: rotate(120deg);  -ms-transform: rotate(120deg);  transform: rotate(120deg); }
.sk-circle .sk-circle6 {  -webkit-transform: rotate(150deg);  -ms-transform: rotate(150deg);  transform: rotate(150deg); }
.sk-circle .sk-circle7 {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg); }
.sk-circle .sk-circle8 {  -webkit-transform: rotate(210deg);  -ms-transform: rotate(210deg);  transform: rotate(210deg); }
.sk-circle .sk-circle9 {  -webkit-transform: rotate(240deg);  -ms-transform: rotate(240deg);  transform: rotate(240deg); }
.sk-circle .sk-circle10 {  -webkit-transform: rotate(270deg);  -ms-transform: rotate(270deg);  transform: rotate(270deg); }
.sk-circle .sk-circle11 {  -webkit-transform: rotate(300deg);  -ms-transform: rotate(300deg);  transform: rotate(300deg); }
.sk-circle .sk-circle12 {  -webkit-transform: rotate(330deg);  -ms-transform: rotate(330deg);  transform: rotate(330deg); }
.sk-circle .sk-circle2:before {  -webkit-animation-delay: -1.1s;  animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {  -webkit-animation-delay: -1s;  animation-delay: -1s; }
.sk-circle .sk-circle4:before {  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {  -webkit-animation-delay: -0.7s;  animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {  -webkit-animation-delay: -0.6s;  animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {  -webkit-animation-delay: -0.5s;  animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {  -webkit-animation-delay: -0.4s;  animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {  -webkit-animation-delay: -0.3s;  animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {  -webkit-animation-delay: -0.2s;  animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {  -webkit-animation-delay: -0.1s;  animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }

.upload-file{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	opacity: 0;
}

.dixian{
	line-height: 1.55rem;
	text-align: center;
	color: #808080;
}

/*加载完所有数据*/
.loadAll {
	line-height: 1.55rem;
	text-align: center;
	color: #808080;
}

/*默认隐藏*/
.aotu_hidden {
	display: none;
}

/*暂无信息显示*/
.nodata {
	position: fixed;
	width: 100%;
	height: 100%;
}
.nodata-cont {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 13rem;
}
.nodata-img {
	width: 5.2rem;
	height: 4.4rem;
	margin: 0 auto;
	background-image: url(../image/nothing.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.nodata-word {
	margin-top: .5rem;
}

/*.sec-four-infoImg {*/
	/*position: relative;*/
	/*width: 100%;*/
	/*height: 7.25rem;*/
/*}*/
/*商品item样式*/
.sec-four-info {
	width: 100%;
	display: inline-block;
}
.sec-four-info li {
	width: 43.9%;
	padding: .5rem 2% .5rem 4%;
	/*border-top: 1px solid #ebebeb;*/
	border-bottom: 1px solid #ebebeb;
	/*margin-top: 1px;*/
}
.sec-four-info li:nth-child(odd) {
	float: left;
}
.sec-four-info li:nth-child(even) {
	float: right;
}
.sec-four-info li:nth-child(1),
.sec-four-info li:nth-child(2) {
	margin-top: 0;
}
.sec-four-infoImg {
	position: relative;
	width: 100%;
	height: 7.25rem;
	z-index: 1;
}
.sec-four-infoList {
	width: 100%;
	/*display: inline-block;*/
}
.sec-four-infoList>p {
	width: 100%;
	/*display: inline-block;*/
	margin-top: .5rem;
}
.sec-four-infoBack {
	padding: 0 .15rem;
	line-height:0.8rem;
}
.sec-four-infoList .have-infoPro {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 0.8rem;
}


/*底部导航热门*/
.nav-hot {
	position: absolute;
	top: .1rem;
	right: -.3rem;
	width: 1.55rem;
	height: .7rem;
}
.return-top {
    position: fixed;
    right: 2%;
    bottom: 3rem;
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    border-radius: 50%;
    background-color: rgba(250,250,250,.8);
    text-align: center;
    font-size: 1rem;
	z-index: 1;
}
/*遮幕*/
.veil {
	background: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
	transition: left 1s;
}

/*加载动画*/
.alertAdd {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 90px;
	height: 10%;
	z-index:9;
}
.loading {
	width: 2.5rem;
	height: 0.4rem;
	margin: 0 auto;
	/*padding-left:0.3rem;*/
}
.loading span {
	display: inline-block;
	width: 0.4rem;
	height: 100%;
	border-radius:50%;
	margin-right: 5px;
	background: lightgreen;
	-webkit-transform-origin: right bottom;
	-webkit-animation: load 1.5s ease infinite;
}
.loading span:last-child {
	margin-right: 0px;
}
@-webkit-keyframes load{
	0%{
	opacity: 1;
	-webkit-transform: scale(1);
	}
	100%{
	opacity: 0;
	-webkit-transform: rotate(90deg) scale(.3);
}
}
.loading span:nth-child(1) {
	-webkit-animation-delay: 0.2s;
}
.loading span:nth-child(2) {
	-webkit-animation-delay: 0.4s;
}
.loading span:nth-child(3) {
	-webkit-animation-delay: 0.6s;
}

.color-green{
	color:#BADB58 !important;
	margin-right:0.8rem;
}
.color-red{
	color:red !important;
}

.bg-wx{
	background:#3cb035;
}
.bg-qq{
	background:#3499dd;
}
.bg-pyq{
	background:#1ac000;
}
.bg-kj{
	background:#fcc922;
}
.bg-bctp{
	background:#ec2135;
}
.bg-fz{
	background:#f0f0f0;
	color: #909090;
}
.bottomDiv{
	width: 100%;
	height:2rem;
}


/*新添加样式*/


/*底部导航*/
.Navfooter{
  width:100%;
  background:#fff;
  position:fixed;
  left:0;
  bottom:0;
}
.Navfooter li{
  width:33%;
  height:55px;
  float:left;
  text-align: center;
  list-style-type:none;
  padding:8px 0px;
}
.Navfooter li img{
  height:25px;
  width:25px;
  display: inherit;
  margin:0px auto;
}
.Navfooter li p{
  font-size:0.5rem;
}

/*签到红包弹窗信息*/
.all-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  z-index: 99;
}
/*签到红包*/
.signIn-reward {
    position: fixed;
    top: 0;
    left: 0;
    width: 8.3rem;
    height: 11.95rem;
    background-image: url(../image/red_packet.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    right: 0;
    bottom: 0;
}
.close-reward {
  position: absolute;
  right: -.4rem;
  top: -.4rem;
  width: .95rem;
  height: .95rem;
  border-radius: 50%;
  background-color: #c00c18;
  color: #fff;
  text-align: center;
  line-height: .95rem;
}
.signIn-reward p {
  color: #fff;
  text-align: center;
}
.signIn-reward p:nth-of-type(1) {
  margin: 4.85rem 0 .5rem;
}
.signIn-on {
  width: 6.5rem;
  line-height: 1.4rem;
  border-radius: .2rem;
  background-color: #fcf84e;
  color: #c41220;
  margin-left: .95rem;
  margin-top: 1.1rem;
  padding:0px;
}

/*首页右侧抽奖功能*/
.IndexRight{
	width:2.5rem;
	height:2.5rem;
	position:fixed;
	right:0;
	top:70%;
	display:none;
	z-index: 9;
}

/*语音验证码start*/
.audioPlay{
    width: 25%;
    height: 80%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.4rem;
    display: none;
}
.audioPlay #playaudio{
    line-height: inherit;
    border-radius: .2rem;
    background: #ef5824;
    color: #fff;
    padding: 0px 0.5rem;
    float: left;
    margin-right: 0.1rem;
    line-height: 1.2rem;
}
.audioPlay i{
    line-height: 1.2rem;
    display: block;
    float: right;
    width: 35%;
    text-align: center;
}

.rotate{	
	-webkit-animation: spin 800ms 1 linear;
    animation: spin 800ms 1 linear;
}
@keyframes spin{
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
/*语音验证码end*/


.fl_money>span{
	font-size:0.6rem;
	padding-left:0.1rem;
}