@charset "utf-8";

body,h1,h2,h3,h4,p,ul,ol,dl,dt,dd,form,input,select,span,p,strong,em { margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline: none; color: #000;}
a:focus { outline: none; } 
img{ border:none; vertical-align:top;}
input,textarea{ outline:none;}
em { font-style: normal;}
body{ background:#fff; font-size: 1rem;}
body, input ,textarea{ font-family:"微软雅黑";}
body, html { height: 100%; font-size: 12px; color: #000; max-width: 750px; margin:0 auto;}

/*public*/
.clear{ zoom:1;}
.clear:after{content:''; display:block; clear:both;}
.h5{ height: 5px;}
.h10{ height: 10px;}
.h20{ height: 20px;}
.h30{ height: 30px;}
.h40{ height: 40px;}
.fl{ float: left;}
.fr{ float: right;}
.img{ width: 100%; height: 100%;}
.contentP{ padding: 2%; background: #FFFFFF; }
.contentB{ background: #FFFFFF; }
.contentM{ margin: 2%; background: #FFFFFF; }
.bgcolor{ background: #eee;}
.borderTop{border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
.dis-Table{ display: table; width: 100%;}


/*index*/
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner-link{ width: 100%;}
.banner-link img{ width: 100%;}
.banner-pagination{ position: absolute; z-index: 1; font-size: 0; text-align: center;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-slide {	-webkit-flex-shrink: 0;	-ms-flex: 0 0 auto;	flex-shrink: 0;	width: 100%;height: 100%;position: relative}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 5px;left: 0;width: 100%}
.swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;opacity: .5}
.swiper-pagination-bullet-active {opacity: 1;background: #fff}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px}

/*nav*/
.nav{}
.navIco{ /*width: 50%; display: block;  margin: 0 auto;*/ font-size: 25px;}
.nav a{ display:block; float: left; width: 21%; text-align: center; margin: 2%; border-radius: 8px; color: #FFFFFF;}
.navInner{  display: table; width: 100%; text-align: center;}
.tablecel{display: table-cell; vertical-align: middle;}
.nav a:nth-of-type(8n+1){ background: #fd9ca3;}
.nav a:nth-of-type(8n+2){ background: #ffa942;}
.nav a:nth-of-type(8n+3){ background: #08aceb;}
.nav a:nth-of-type(8n+4){ background: #6159e2;}
.nav a:nth-of-type(8n+5){ background: #6159e2;}
.nav a:nth-of-type(8n+6){ background: #08aceb;}
.nav a:nth-of-type(8n+7){ background: #4caf52;}
.nav a:nth-of-type(8n+8){ background: #cdde30;}

/*底部菜单*/
.menu{ height: 5.5em;}
.menu-wrap{ border-top: 1px solid #e6e6e6; position: fixed; width: 100%; background:-webkit-linear-gradient(top,#f5f5f5,#eaeaea); padding: 0.7em 0 0.5em; bottom: 0; left: 0; display: table; z-index: 100;}
.menu-link{ color: #000; width: 25%; display: block; float: left; text-align: center; display: table-cell;}
.menu-text{ display: block; width: 100%; padding-top: 0.2em; font-size: 14px;}
.menu-ico{ font-size: 22px; }
.menu-link.active,.menu-link:hover{ color: #439ed6;}

/*促销专区*/
.adList-title{ padding: 2% 3%;}
.titleLeft{ width: 50%;}
.titleLeft span{}
.titleIco01{ width: 1.2em; height: 1.2em; line-height: 1.2em; display: block; float: left; text-align: center; padding: 2%; border-radius: 10px; color: #FFFFFF;}
.ico-bg01{background: #ffa944;}
.ico-bg02{background: #02c1cb;}
.titleText01{ font-size: 16px; font-weight: bold; margin-left: 5px;}
.more a{ color: #999; line-height: 2em;}
.index-adList{ }
.index-adList li{ width: 32%; float: left; margin-right: 2%; }
.index-adList li:nth-last-child(1){ margin-right: 0;}

/*推荐商品*/
.indexPro-list li{ float: left; width: 49%; margin-bottom: 10px;}
.indexPro-list li:nth-of-type(2n+1){ margin-right: 1%;}
.indexPro-list li:nth-of-type(2n+2){ margin-left: 1%;}
.indexProImg{ background: #ccc;}
.indexProText{/* line-height: 2em; */padding: 0 2%;}
.indexProText span{ display: block;}
.proTitle p{ border-bottom: 1px dotted #ccc; height: 3em; font-size: 14px; text-overflow: -o-ellipsis-lastline; text-overflow:ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.proPirce{ margin-top: 4px;}
.proPirce b{ color: #ff0000; font-size: 16px;}
.proPirce i{ float: right;  color: #c1bfbf; font-size: 12px; border: 1px solid #CCCCCC;  padding:0px 4px; border-radius: 4px; display: inline-block;}


/*充值*/
.chongzBox{ border: 1px solid #e6e6e6;}
.chongzInput{ border: 0; background: none; height: 2em; line-height: 2em; font-size: 18px; color: #000000;}
input::-webkit-input-placeholder { color:#56abe2; }
.chongzExp{ color: #999;}
.telLeft{ padding-left: 4%;}
.telImg{ width: 3em; margin: 1.2em;}
.borderLine{ width: 100%; height: 20px; background: #e9e7e8;}
.chongzNum{ padding: 2% 5%;}
.chongzNum-list li{ float:left; width: 46%; margin:2%;}
.chongzNum-list li a{ display: block; border:1px solid #b0b0b0; border-radius: 5px; text-align: center; padding: 6% 0;}
.chongzNum-list li.active a{ background: #56abe4; color: #FFFFFF; border: 1px solid #419bd7;}
.chongzNum-list li a p{ font-size: 14px;}
.fontColor{ color: red;}
.chongzNum-list li.active a .fontColor{color: #fff;}
.chongzNExplain{ line-height: 1.5em; padding: 2% 0; display: block; font-size: 14px;}
.chongzText{ line-height: 2em; color: #666;}
.chongzText span{ font-size: 16px; font-weight: bold;}
.chongzText p{ font-size: 14px; text-indent:2em;}
.payBtn{ width: 80%; margin: 20px auto; line-height: 2.5em; font-size: 22px; font-weight: bold; text-align: center; background: #56abe4; border-radius: 5px; }
.payBtn a{ display: block;  color: #fff; text-shadow: 1px 1px 2px #666;}
.bottomLink{ text-align: center;}

/*users*/
.users-head{ background: #FFFFFF; padding:5%;}
.headImg{ width: 20%; overflow: hidden; border-radius: 5px; background: #ccc;}
.headText{ display: table; margin-left: 5px;}
.headText span{ display: block; font-size: 14px; /*font-weight: bold; */color: #666263; line-height: 1.5em;}
.headTextInner{ display: table-cell; vertical-align: bottom;}

.users-data{ padding: 3% 0;}
.dataWidth{ width: 50%; text-align: center;}
.dataWidth p:nth-of-type(1){ font-size: 20px; font-weight: bold;}
.dataWidth p:nth-of-type(2){ font-size: 16px; color: #666263;}
.dataWidth span{ display: block;}
.dataWidth:nth-of-type(1) span{ border-right: 1px solid #e6e6e6;}
.usersList{ }
.usersList li{ padding-left: 2%; background: #FFFFFF; font-size: 14px;}
.usersList li>a{ display: block; padding:4% 0px; }
.Ico-erwem{font-size: 18px; color: #1e9b9b; margin-right: 5px;  padding: 1%;}
.Ico-common{ font-size: 16px; color: #fff; margin-right: 5px; width: 1em; height: 1em; line-height: 1em; display: inline-block; text-align: center; padding: 1%; border-radius: 8px;}
.ul-list li:nth-of-type(1) .Ico-common{ background: #fe7146;}
.ul-list li:nth-of-type(2) .Ico-common{ background: #ffaa43;}
.ul-list li:nth-of-type(3) .Ico-common{ background: #ffaa43;}
.ul-list li:nth-of-type(4) .Ico-common{ background: #4ec7e4;}
.ul-list li:nth-of-type(5) .Ico-common{ background: #90a4ad;}
.usersList li{ border-bottom: 1px solid #E6E6E6;}
.right-Ico{ font-size: 16px; display: block; color: #dadada; margin-right: 1em;}
.subList{ /*margin-top: 4%;*/}
.subList dt{  padding: 4% 10%; border-top:1px solid #e6e6e6;}
.subList.active{ display: none;  }
.rightNum{  margin-right: 1em; font-weight: bold;}
.sublink{ display:block; }

/*cash*/
.cashExplain{}
.cashExplain h2{ line-height: 3em;  text-align: center; font-size: 20px;}
.cashExplain p{ width: 85%; margin: 0 auto; line-height: 2em; font-size: 16px; color: #666;}
.cashNum{ width: 64%; padding: 10% 8%; background: #FFFFFF; margin: 0 auto; border-radius: 6px;  color: #666;}
.cashNum span{ display: block; font-size: 16px; caption-side: #666; line-height: 2.5em;}
.casfForm{ width: 6em; line-height: 2em; border:1px solid #666; border-radius: 6px; margin-right: 6px;}
.sureBtn{ width: 80%; margin: 0px auto; text-align: center; }
.sureBtn a{display: block; line-height: 3em; font-size: 18px;  border-radius: 6px; }
.btn-a1{ color: #3d3d3d; background: #bcbcbc; }
.btn-a2{ display: block; color: #fff; background: #4fc6e6; border:1px solid #45bcde;}

/*---*/
.cashImg{ width: 20%; margin: 0 auto;}
.cash-All{ text-align: center;}
.cash-All span{ display: block;}
.cash-All span:nth-of-type(1){ font-size: 16px;}
.cash-All span:nth-of-type(1) a{ color: #679ad3; margin-left: 4px;}
.cash-All span:nth-of-type(2){ font-size: 28px; font-weight: bold;}
.cashBottom{ width: 75%; padding: 5%; background: #fff; margin: 0 auto;}
.cashWaylist{}
.cashWaylist a{ font-size: 16px; line-height: 2em;}
.cashInput{ border-bottom: 1px solid #E6E6E6; padding: 10px 0;}
.cashInput span:nth-of-type(1){ font-size: 16px;  float: left; line-height: 2em;}
.cashInput span:nth-of-type(2){ font-size: 16px;  width: 90%; float: left;}
.cashInput span:nth-of-type(2) input{font-size: 16px;  border: 0; line-height: 2em; width: 100%;}
.cashNotice{ line-height: 2em; color: #999; margin-top: 5px;}
.helpBox{ padding: 2% 3%; margin:0 2%; background: #fff; border-radius: 4px;}
.hpTitle{ font-size: 16px; font-weight: bold; line-height: 2em;}
.helpList{}
.helpList li{ line-height: 2.5em; font-size: 14px; }
.helpIco{ line-height: 1.5em; color: #d2d2d2;}
.plBtn{ width:100%;  text-align: center;}
.plBtn a{ font-size: 16px; padding: 3% 0%;}
.postion-kefu{ position: fixed; right: 4%; bottom: 40%;}
.onlineB{ padding:3% 2%; text-align: center; line-height: 1.2em; background:  #77787c; border-radius: 4px; color: #FFFFFF;}
.onlineIco{ font-size: 22px;  width: 2em;}
.onlineB span{width: 1em; display: block; margin: 4px auto 0px; font-size: 14px;}

/*record*/
.recordTit{ font-size: 20px; color: #ff0000; line-height: 2em; border-bottom: 1px solid #E6E6E6; }
.recordExp{ line-height: 2em; color: #666; font-size: 14px;}
.recordExp p{}
.recordExp p:nth-of-type(1){ font-size: 18px;}
.recordBox{ background: #FFFFFF; padding: 2% 4%;}
.recordlist{}
.noneRecord{ font-size: 16px; color: #666; background: #FFFFFF; text-align: center; padding: 10% 0; display: block; border-top: 1px solid #E6E6E6;}

.recordlist-ul{ background: #fff;}
.record-month{ line-height: 3em; background: #e6e6e6; font-size: 16px; padding: 0 3%;}
.recordlist-ul li{ padding: 2% 0%; border-bottom: 1px solid #E6E6E6;}
.recordlist-ul li span{ display: block;}
.record-left{ width: 18%; padding: 0% 3%;  color: #666; text-align: center; line-height: 2em; border-right: 1px solid #F5F5F5;}
.record-left span:nth-of-type(1){font-size: 16px;}
.record-left span:nth-of-type(2){font-size: 12px;}
.record-right{ width: 68%; padding: 0% 3%; line-height: 2em;}
.record-right span:nth-of-type(1){font-size: 20px;}
.record-right span:nth-of-type(2){font-size: 14px;}

.jiamengB{ background: #FFFFFF;}
.jiamengText{ font-size: 16px; color: #ff0000; text-align: center; display: block; line-height: 3em;}
.erwmBtn{ width: 60%; background: #ffb053; border-radius: 4px; box-shadow: inset 0px 0px 4px #ffd700; margin: 0 auto; text-align: center; line-height: 3em;}
.erwmBtn a{ color: #FFFFFF; font-size: 16px; display: block;}
.jiameng-helpBox{ padding: 2% 3%; background: #fff;}
.jiameng-helpBox .hpTitle,.jiameng-helpBox li{ display:block; border-bottom: 1px solid #E6E6E6;}