.index {
	overflow: hidden;
	display: block;
	background: linear-gradient( to left, #2787fd, #00c5ff);
	width: 100%;
}

.my {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	padding: 20px 5% 10px;
}

.my .myimg {
	float: right;
}

.my .myimg img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.my .bota {
	border-bottom: 1px solid #54c9ff;
	overflow: hidden;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
}

.my .mynema {
	width: 75%;
	float: left;
}

.my .mynema .mynema_a {
	font-size: 28px;
	color: #fff;
	position: absolute;
	padding-top: 5px;
}

.my .mynema .mynema_a span {
	font-size: 12px;
	font-weight: 400;
}

.my .mynema .mynema_b {
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding-top: 48px;
	font-family: "微软雅黑";
	line-height: 18px;
	position: absolute;
}

.myvip {
	float: right;
}

.myvip button {

	background: #FCE23D;
	border: none;
	padding: 5px 5px;
	font-size: 14px;
	color: #6F3B03;
	border-radius: 30px;
	font-weight: 600;
	width: 70px;
}

.ner {
	width: 100%;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	padding: 30px 0 15px
}

.ner ul {
	display: flex;
	overflow: hidden;
	width: 80%;
	color: #fff;
	float: left;
}

.ner ul li {
	flex: 1;
	text-align: left;
	list-style: none;
	font-size: 14px;
	border-right: 1px solid #fff;
	margin-right: 5%;
}


/*			.ner ul li:last-child{border:none;}*/

.zhuxiao {
	width: 70px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 30px;
	float: left;
	margin-left: 4%;
	margin-top: 6px;
	padding: 4px 0;
}

.apnshezhi {
	width: 100%;
	line-height: 40px;
	color: #fff;
	background: linear-gradient( to left, #2787fd, #00c5ff);
	padding: 6px 5%;
	box-shadow: 0 5px 5px 0 #eee;
	font-size: 14px;
	opacity: 0.9;
}

.apnshezhi .xxjc {
	float: right;
	color: #FCE23D
}

.mena {
	background: #fff;
	width: 100%;
	overflow: hidden;
	display: block;
	border-top: 1px solid #f8f8f8;
}

.mena ul {
	display: flex;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #f8f8f8;
}

.mena ul li {
	text-align: center;
	margin: 0 auto;
	padding: 26px 0;
	flex: 1;
	border-right: 1px solid #f8f8f8;
}

.mena ul li:last-child {
	border: none;
}

.mena ul li:nth-child {
	border: none;
}

.mena ul li:active {
	background: #f9f9f9;
}

.mena ul li .menaimg {
	border-radius: 15px;
	width: 28px;
	text-align: center;
	margin: 0 auto;
	height: 40px;
}

.menaimg img {
	width: 100%;
}

.mena ul li .menaimg span {
	font-size: 24px;
	color: #0069ED;
	line-height: 40px;
	text-align: center;
}

.mena ul li p {
	font-size: 14px;
	color: #584867;
}

.yishimen {
	position: absolute;
	margin-top: -10px;
	font-size: 12px;
	padding: 2px 10px;
	background: #FFB9A7;
	border-radius: 30px;
	color: #fff;
	width: 60px;
	text-align: center;
}


/*
.a{ background: #0077ff;}
.b{ background: #385797;}
.c{ background: #00adf0;}
.d{ background: #ff9900;}
*/


/*流量查询*/
.query{	background: linear-gradient( to left, #2787fd, #00c5ff); padding: 40px 0 0;overflow: hidden;display: block;}
.query h4{text-align: center;color: #fff;font-size: 24px;font-weight: bold;}
.query .xiala{text-align: center;color: #fff; margin-bottom: 30px; margin-top: 10px;}
.query .xiala .fa{font-size:24px !important;}
.query ul{display: flex;}
.query ul li{flex: 1;text-align: center;color: #fff; border-right:1px solid #fff ;}
.query ul li:last-child{border: none;}
.query ul li p{font-size: 18px;}
.query ul li h5{font-size: 14px;}
.querylist{background: #fff;}
.querylist h4{line-height: 54px; border-bottom: 1px solid #eee;padding: 0 4%;font-size: 18px;color: #2787FD;}
.querylist ul{width:100%; overflow: hidden;display: block;color: #999; }
.querylist ul li{ border-bottom: 1px solid #f8f8f8; height: 54px; line-height: 54px; margin: 0 auto;display: flex;overflow: hidden;font-size: 14px; padding: 0 3%;}
.querylist ul li span{flex: 1;text-align: right;color: #584867;}
.querylist ul li span .fa{font-size: 18px !important; margin-left: 5px;}
.hongse{color: #FF0000 !important;}
.luse{color: #00ff00 !important;}
.huanse{color: #FF8000 !important;}
.caidan{color: #2787fd !important;}

.querybj{position:fixed;width:100%; left:0;top: 0; background:#000;opacity:0.4; height: 100%;}
.queryrow{width: 100%; background: #fff; position:fixed;bottom:58px;border-top-left-radius:15px ;border-top-right-radius:15px ;}
.queryrow h4{ line-height: 24px;font-weight: 800;font-size: 18px;color:#333333; border-left:3px solid #0069ED; margin-left: 4%; margin: 13px 4%; padding-left: 10px;}
.queryrow ul li{ line-height: 46px;border-top:1px solid #f8f8f8 ; margin: 0 4%;font-size: 14px;color: #485767;}
.queryrow ul li span{float: right;color: #999;}

.rechargebut{width: 90%; margin: 20px 5%; line-height:50px;	background: linear-gradient( to left, #2787fd, #00c5ff); border-radius:30px;text-align: center ;color: #fff;font-size: 18px; box-shadow: 0 5px 5px 0 #ddd;}


.header {
  position:relative;
  text-align:center;
  background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
  color:white;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}

/*实名认证*/
.namereal{width: 100%; overflow: hidden;display: block;}
.namereal ul{ display:block;overflow: hidden;}
.namereal ul li{display: flex;overflow: hidden;border-bottom: 1px solid #f8f8f8;width: 100%; height: 54px; line-height: 54px; padding: 0 4%; background: #fff;font-size: 14px;color: #485767;}
.namereal ul li input{flex: 1;font-size: 14px; height: 52px;text-align: right;}
.namelei{line-height: 50px;font-size: 18px;border-bottom: 1px solid #eee;}
.namereal p{background: #f9f9f9; line-height: 40px;font-size: 12px;color: #999;}
.namereal p span{overflow: hidden;display: block;float: left;width: 16px; height: 16px;text-align: center; background:#00C5FF; border-radius:50% ; line-height: 16px;color: #fff; margin:  12px 5px 10px 10px;}
#img-upload{opacity:0;width:50%; height: 100px; position: absolute; margin-left: -50%;}
.head-img img{width: 100%;}
.head-img{width: 45%;float: left; border: 1px solid #eee; margin: 20px 2.5%; border-radius:5px ;overflow: hidden;display: block;}


#nav{ background: #f8f8f8;overflow: hidden;display: block;width: 100%;}
#nav ul{ display: flex;overflow: hidden; border-bottom: 1px solid #eee;box-shadow: 0 5px 5px 0 #eee;font-size:18px;}
#nav ul li{flex: 1; line-height: 50px;text-align: center;cursor: pointer;border-right:1px solid #eee ;}
#nav ul li span{width: 100px; border-bottom: 2px solid #f8f8f8; padding-bottom: 10px;font-size: 16px;color: #485767;}
#nav ul li:last-child{border: none;}
.rechargeshwo{width: 100%; margin: 0 auto;}
.topnav-show{ width:100%; overflow: hidden;display: block; margin: 0 auto; background: #f8f8f8;}
.topnav-show ul{overflow: hidden;display: block; margin: 20px 4%;width: 92%;}
.topnav-show ul li{ background:#fff;float:left;width: 30.3333%; border: 1px solid #eee;text-align: center; margin:10px 1.5% 10px 1.5%; line-height: 50px;color: #485867; border-radius:3px ;cursor: pointer;font-size: 14px;}
.rechargelist{ overflow: hidden;width: 100%;display: block;background: #fff;}
.rechargelist .rechargemonth{border-bottom: 1px solid #eee; padding: 15px 4%;}
.rechargelist .rechargemonth h5{font-size: 16px;color: #485867;}
.rechargelist .rechargemonth p{color: #999; padding-top:6px;font-size: 12px;}
.rechargelist .rechargemonth button{position: absolute;right:4%;border: 1px solid #2787FD;width:80px;line-height:36px;margin-top: -40px; border-radius:3px ;font-size: 14px;color: #2787FD;}
.rechargelist .rechargemonth:active{background: #f9f9f9;}
.rechargemonthx h3{text-align: center;color: #999;}
.rechargemonthx img{width: 120px;text-align: center; margin: 20px auto;}
.rechargemonthx{ margin: 20% auto;text-align: center;}


/*充值记录*/
.record{width: 100%; margin: 0 auto;overflow: hidden;display: block;}
.record ul{}
.record ul li{margin-bottom: 10px; border-bottom: 1px solid #eee; padding: 0 4%;background:#fff;}
.record ul li div{line-height: 46px; border-bottom: 1px solid #f8f8f8;color: #485867;font-size: 14px;}
.record ul li div span{float: right;color: #2787FD;}
.record ul li div span i{font-size: 18px;color: #999;}
.record ul li div:last-child{border: none;}
.record ul li .recordlist ol li{line-height: 14px; border: none;color: #999;font-size: 13px;}
.record ul li .recordlist ol li span{color: #999;}
.record ul li .recordlist{padding-top: 10px;}


.phoneinp{border-bottom: 1px solid #eee; height: 50px;background: #fff; line-height: 50px;}
.phoneinp #test{margin-left: 4%;color: #999;font-size: 14px;}
.phoneinp #test span{margin-right: 10px;}
.phoneinp #test i{float: right; line-height: 50px; margin-right: 4%;font-size: 18px;}
.phoneinp input{height: 50px;font-size: 14px;text-indent: 1em;width: 100%;}
.captcha{border-bottom: 1px solid #eee; height: 50px;background: #fff;}
.captcha input{height: 50px;font-size: 14px;text-indent: 1em;width: 60%;}
.captcha .btns{float: right; line-height: 50px; padding-right: 4%;color: #485767;font-size: 14px;}
.phonebottom{}
.rechargetext{ padding: 10px 5%;}
.rechargetext h4{ line-height: 24px; border-left: 3px solid #00C5FF;text-indent:0.6em;font-size: 16px;font-weight: bold;color: #485767; margin-bottom: 20px;}
.rechargetext p{margin-bottom: 10px;color: #9a9a9a;font-size: 14px;}
.phoneimg{width: 100%;opacity: 0.8;}
.phoneimg img{width: 100%;}


.feedboack{width: 100%; overflow: hidden;display: block; position: fixed;top: 0;z-index: 11; background: #f9f9f9;}
.feedboack .feedboackimg{width: 30%; margin: 40% auto 0;}
.feedboack .feedboacktext{color: #999; line-height: 60px;text-align: center;}
.feedboack .feedboackimg img{width: 100%;}
.feedboack ul {display: flex;overflow: hidden; padding: 10px 0 10px; border-bottom: 1px solid #eee;}
.feedboack ul li{flex: 1;text-align: center; line-height:30px; border-right:1px solid #eee ;color: #485767;font-size: 16px;}
.feedboack ul li span{color: #fff;position: absolute;width: 16px; height: 16px; background: #FA5151;font-size: 10px; border-radius:50% ; line-height: 18px;text-align: center; margin-left:2px;}
.feedboackitem{ background: #fff;width: 100%;overflow: hidden;display: block;}
.feedboackitem ul{ margin-top: 70px;}
.feedboackitem ul li{width: 90%; margin: 20px auto 0;display: block;font-size: 14px;}
.feedboackitem ul li .feedboacktext{margin-bottom:20px ; border: 1px solid #f9f9f9;box-shadow: 0 3px 5px 0 #eee; border-radius:5px ;text-align: left;}
.feedboackitem ul li .feedboacktext .feedboackbt{background: #f9f9f9; line-height: 40px; padding: 0 4%;color: #485767; }
.feedboackitem ul li .feedboacktext .feedboackrow{ padding: 10px 4%;color: #999;}
.feedboackitem ul li .feedboacktext .feedboackzt{line-height: 40px;color: #485767;margin: 0 4%;border-bottom: 1px solid #f9f9f9;}
.feedboackitem ul li .feedboacktext .feedboackzt span{float: right;color: #00C5FF;}
.feedboackitem ul li .feedboacktext .feedboackckgd{ line-height: 40px; padding: 0 4%;color: #999;}
.feedboackitem ul li .feedboacktext .feedboackckgd span{float: right;}

.feedboackbutoom{width: 80px; height: 80px;	background: linear-gradient( to left, #2787fd, #00c5ff);
					position: fixed; margin-left: -40px;left: 50%; bottom: 5%; border-radius:50% ;
					text-align: center;line-height: 80px;color: #fff; box-shadow: 0 10px 10px 0 #ddd;
					border: 2px solid #fff;}
.question{width:100%; margin: 0 auto;color: #485767; background: #fff;}
.question h4{line-height: 30px;font-size: 18px;font-weight: 800;padding:10px 4% 0;}
.questioniccid{line-height: 40px; border-bottom: 1px solid #eee;font-size: 18px; margin: 0 4%;}
.questioniccidx{line-height: 50px;}
.questioniccidx ul{display: flex;overflow: hidden; margin: 0 2%;}
.questioniccidx ul li{flex: 1;text-align: center;border: 1px solid #eee;font-size: 14px; margin: 10px 2%; border-radius:3px ;}
.questioniccid textarea{width: 100%;font-size: 16px; min-height: 120px; margin-top: 10px;}
.questionlisd{overflow: hidden;display: block; margin-bottom: 20px;}

/*机卡绑定*/
.authentication{width: 100%; background: #fff; margin: 0 auto; padding: 0 0 0 5%;}
.aircard h5{font-size: 12px; border-bottom: 1px solid #eee; padding: 10px 5% ;color: #999;}
.info_list{ border-bottom: 1px solid #f8f8f8;display: flex;}
.info_list .list_left{line-height: 50px;color: #485767;flex: 1;font-size: 14px;}
.info_list .list_right{width: 100%;flex: 1; padding-right: 5%;}
.info_list .list_right .edit{width: 100%; height: 50px; line-height: 50px;font-size: 14px;text-align: right; }

/*查询充值*/
.queryRecharge{width: 100%; }
.queryRechargeList{width: 100%; 				
				background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#ff9569), to(#e92758));
				background-image: -webkit-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: -moz-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: -o-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: linear-gradient(to right, #ff9569, #e92758 100%);overflow: hidden;display: block;padding: 20px 0;}
.queryRechargeList ul li{width: 33.333%;float: left;text-align: center;color: #454857 !important;}
.queryRechargeList ul {overflow: hidden;display: block;}
.queryRechargeList ul li h5{font-size: 16px;color: #eee;font-weight:400}
.queryRechargeList ul li p{color: #eee;line-height: 30px;font-size: 14px;}
.queryRechargeBj{background: #fff;width: 100%; margin-top: 10px;}
.queryRechargeBj h4{border-bottom: 1px solid #eee;font-size: 16px;line-height: 20px;line-height: 50px;padding-left: 3%;color: #454857;}
.queryRechargeBjlist{padding: 0px 3%;}
.queryRechargeBjlist ul li span{float: right;color: #454857;}
.queryRechargeBjlist ul li span a{ margin-left: 5px;}
.queryRechargeBjlist ul li{line-height:50px;font-size: 14px;color: #999;border-bottom: 1px dashed #f8f8f8;}
.queryRechargeBjlist ul li:last-child{border: none;}

.jingdutiao{width: 90%; background: #fff;height:14px; margin-bottom: 20px;border-radius:4px ; margin-top: 20px;border: 1px solid #eee;}
.jingdutiao span{background: #FF5053;overflow: hidden;display: block;height: 12px;float: left;border: 2px solid #fff;border-radius:5px 0px  0 5px  ;}
.rechargebt{width: 96%;margin: 20px auto;}
.rechargebt a{width: 100%; background: #454857;height: 50px;color: #fff;font-size: 16px;border: 0;overflow: hidden;display: block;text-align: center;line-height: 50px;border-radius:5px ;}
.tangkauna{width: 100%; position: fixed;bottom: 0;background: #fff;border: 1px solid #eee;padding: 0px 0;box-shadow: 0 5px 10px 0 #000000;z-index: 99;display: none;}
.tangkauna h4{border-bottom:1px solid #eee;font-size: 16px;line-height: 20px;line-height: 50px;padding-left: 3%;color: #454857;}
.iconguanbi{float: right;font-size: 36px !important;line-height: 50px;}

.tangkaunaqueryRechargeBjlist{padding: 0px 3%;}
.tangkaunaqueryRechargeBjlist ul li span{float: right;color: #999;}
.tangkaunaqueryRechargeBjlist ul li span a{ margin-left: 5px;}
.tangkaunaqueryRechargeBjlist ul li a{color: #454857 !important;}
.tangkaunaqueryRechargeBjlist ul li{line-height:50px;font-size: 14px;color: #454857;border-bottom: 1px dashed #f8f8f8;}
.tangkaunaqueryRechargeBjlist ul li:last-child{border: none;}
.queryBJ{width: 100%; height:100%;background: #000;overflow: hidden;display: none;position: fixed;top:0;left: 0;z-index:33;opacity: .6;}
.mui-icon-arrowright{font-size: 18px;}

.rechargeBt{background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#ff9569), to(#e92758));
				background-image: -webkit-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: -moz-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: -o-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: linear-gradient(to right, #ff9569, #e92758 100%);overflow: hidden;display: block;padding: 10px 0;width: 100%;}
.rechargeBt h5{color:  #eee;font-size: 16px;padding-left: 3%;line-height: 22px;}
.rechargelist{background: #fff;overflow: hidden;display: block; padding: 20px 0;}
.rechargelist ul li{width: 30.3333%;float: left;line-height:46px;text-align: center;border: 1px solid #ff9569; margin: 1.5%;color: #ff9569;border-radius:5px ;font-size: 14px;}
.rechargelste{width: 100%; background: #fff;overflow: hidden;display: block;}
.rechargelste ul li{border-bottom: 1px solid #eee; padding: 10px 10px;overflow: hidden;display: block;width: 100%; }
.rechargelste ul li p{margin-bottom: 0;overflow: hidden;display: block;width:100%; padding-top: 10px; border-top:1px dashed #eee ;font-size: 12px;}
.rechargelste ul li h5{color: #454857;font-size: 18px;line-height:38px;}
.rechargelsteleft{width:80%;float: left;margin-bottom: 5px;}
.rechargelsteright{float: right;width: 20%;margin-top: 5px;}
.rechargelsteright a{overflow: hidden;display: block;border: 1px solid #ff9569;height: 36px;text-align: center;line-height:36px;color: #ff9569;font-size: 14px;border-radius:5px ;}
.mui-segmented-control .mui-control-item.mui-active {background: #ff9569; border: none;height: 50px;line-height: 50px;}
.mui-segmented-control .mui-control-item{border: none;color: #454857;height: 50px;line-height: 50px;}
.mui-segmented-control{border: none;border-radius:0 ;height: 50px;line-height: 50px;}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #ff9569;}
.mui-input-group .mui-input-row{height: 50px;line-height: 50px;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {top:10px}
.mui-checkbox label, .mui-radio label{color: #454857;}
.mui-input-group{border-bottom: 10px solid #f8f8f8;border-top:10px solid #f8f8f8 ;}
.mui-input-group .mui-input-row:after{background: #eee;}


/*实名认证*/
.authentication{background: #fff;width: 100%;overflow: hidden;display: block;}
.authentication h5{padding: 10px 3%; line-height: 24px;background: #454857;color: #ddd; margin: 0;font-weight: 400;background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#ff9569), to(#e92758));
				background-image: -webkit-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: -moz-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: -o-linear-gradient(to right, #ff9569, #e92758 100%);
				background-image: linear-gradient(to right, #ff9569, #e92758 100%);color: #fff;}
.authenticationlist{background: #fff;}
.authenticationlist ul li{line-height: 50px;border-bottom: 1px solid #eee;font-size: 16px;color: #454857;width: 100%; margin-left: 3%;width: 97%; padding-right: 3%;}
.authenticationlist ul li:last-child{border: none;}
.authenticationlist ul li label{width:25%;overflow: hidden;display: block;float:left;}
.authenticationlist ul li  input{width:75%;line-height: 50px;border: none;font-size: 16px;text-align: right;}

.Idcard{background: #fff; margin-bottom: 20px; padding: 20px 0;overflow: hidden;}
.Idcardz{border: 1px dashed #eee;height:120px;width:calc(48% - 4px);float: left; margin: 0 1.5% 20px;text-align:center;line-height: 120px;color: #999;}
.Idcardz img{width: 100%;}

			.cancel {
				width: 50px;
				height: 50px;
				color: #989898;
				position: absolute;
			}
			

			
			.info_list {
				width: 100%;
				height: 50px;
				border-bottom: 1px solid #F2F2F2;
				overflow: hidden;
			}
			
			.list_left {
				width: 27%;
				margin-left: 3%;
				height: 50px;
				
				font-size: 16px;
				color: #454857 !important;
				line-height: 50px;
				float: left;
				text-align: left;
			}
			
			.list_left2 {
				width: 97%;
				margin-left: 3%;
				height: 50px;
				
				font-size: 16px;
				color: #454857;
				line-height: 50px;
				float: left;
				text-align: left;
			}
			.list_left3 {
				width: 100%;
				
				height: 50px;
				
				font-size: 16px;
				color: #454857;
				line-height: 50px;
				float: left;
				text-align: left;
			}			
			.list_left2 span , .list_left3 span {
				color: #FF5053;
				font-size: 12px;
				margin-left: 5px;
				
			}
			
			.list_right {
				width: 65%;
				margin-right: 3%;
				height: 50px;
				color: #636363;
				line-height: 50px;
				float: right;
			}
			
			.edit {
				width: 100%;
				height: 50px;
				color: #454857;
				font-size: 16px;
				border: none;
				text-align: right;
			}
			
			.id_img_wp {
				width:100%;
				overflow: hidden;display: block;
			}
			
			.img_wp {
				width:40%;
				float: left;
				cursor: pointer;
				border: 1px dashed #7a7a7a;
				border-radius:5px ;

				padding: 0px;
				opacity: .8;
				
			}
			
			.img_wp img {
				width: 100%;
				height: 100%;
				border-radius:5px ;
				
			}
			
			.img_intro {
				color: #383838;
				text-align: center;
				
				padding: 10px 0 10px 0;
			}
			
			.cf {
				clear: both;
			}
			.authenticationsfz{background: #fff;line-height: 50px;overflow: hidden;display: block;font-size: 14px;}
			.Idcd{width: 94%;background: #fff;overflow: hidden;display: block;padding: 0 3%;margin: 20px 0;}
			.Idcdright{width:56%;float: right;}
			.Idcdright p{line-height:24px;font-size: 14px;color: #999;}
			.Idcdright h4{line-height: 36px;color: #454857;font-weight: 400;}
			.idcdbuttom{text-align: center;}
			.idcdbuttom button{ background: #454857;height: 50px;width: 94%;border: none;font-size: 16px;color: #fff;margin: 10px auto;border-radius:5px ;}
			.sfzxx {line-height:24px;font-size: 18px;padding-left: 3%;background: #fff;border-left:4px solid #ff9569 ;
			margin:15px 10px 0;font-weight: 700;color: #454857;}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{border: none;}

.idcdbuttom h4{line-height: 70px;color: #454857;font-weight:400;font-size: 16px;background: #F8F8F8;}
.idcdbuttom h4 span{color: #FF0000;}
.idcdbuttom p{line-height: 20px;padding: 20px 3%;background: #f9f9f9;
text-align: left;}

/*修改密码*/
.mobile{background: #fff;display: block;overflow:hidden;width: 100%;font-size: 14px;}
.mobilebannar{background: #454857;height: 140px;width: 100%;}
.mobilebannar img{width: 100%; height: 100%;}

.mobileinpyanzhenma , .mobileinp{border: 1px solid #ddd;height: 50px;width:94%; margin: 20px 3%;border-radius:5px ;}
.mobileinp input{border: none; height: 48px;width: 85%;text-indent: .6em;border-radius:5px ;color: #999;font-size: 16px !important;}

.mobileinpyanzhenma #verCode{width:70%;float: left;border: none; height: 48px;width:60%;text-indent: .6em;border-bottom-left-radius: 5px;border-top-left-radius: 5px;color: #454857;}
.mobileinpyanzhenma #verCodeBtn{ overflow:hidden;display: block;text-align: center;color: #454857;border-left: 1px solid #ddd;background: #eee;border-bottom-right-radius: 5px;border-top-right-radius: 5px;width: 40%;}
.mobileText{width: 94%; margin: 20px auto; border-top:8px solid #eee ;}
.mobileText h5{line-height: 50px; font-size: 18px; color:  #454857;font-weight: 600 !important;  }

/*.mui-btn, button, input[type=button], input[type=reset], input[type=submit]{height: 48px;border: none;width: 100%;border-radius: 0;}*/

.relievephone{background: #fff;width: 100%;overflow: hidden;display: block;}
.relievephone .relievephonetop{line-height: 50px;height: 50px;width: 94%;color: #454857 !important;font-size: 16px;}
.relievephone .relievephonetop a{float: right;}
.relievephoneList{overflow: hidden;display: block;width: 100%; border-top:10px solid #eee ;}
.phonekahao{line-height: 50px; padding-left: 3%; border-bottom: 1px solid #eee;font-weight: 700;color: #454857;}

.remarks{border: 1px solid #eee;width: 90%; margin: 10px auto;padding: 10px;border-radius:5px ;overflow: hidden;display: block;}

.remarks h4{ padding-bottom: 10px;color: #454857;}

/*充值记录*/
.record{overflow: hidden;display: block;width: 100%;color: #454857;font-size: 16px;}
.record ul li{overflow: hidden;display: block;width: 100%; margin-bottom: 10px;background: #fff;}
.record ul li .recordtop{padding: 0 3%;border-bottom: 1px dashed #eee;box-shadow: 0 0 10px 0 #ddd;line-height: 50px;}
.record ul li .recordlist{padding: 0 3%;border-bottom: 1px solid #eee; background: #fff; padding-bottom: 20px; padding-top: 20px;}
.recordtop span ,.recordlisttext span , .recordlist span{float: right;color: #999;}
.recordliexing{width:92%;margin:  10px auto; background: #fff;padding: 10px;font-size: 14px;color:  #999;display: none;border-radius:5px ;}
.recordlisttext{line-height: 30px;}
.ui-alert{ line-height: 50px;text-indent: .6em;font-size: 16px;color: #999;}