a{
	touch-action: none;
}
.fontColor-org{color: #FF8C21;}
.fontColor-999{color: #999;}
.fontSize14{font-size: 14px;}
.border {
    position: relative;
    line-height:40px;
}
.border:before {
    content: "";/* 注意这里为双引号 */
    position: absolute;
    width: 200%;
    height: 200%;
    border-bottom: 1px solid #ccc;
    /*border-radius:5px;/* 也可以设置圆角 */*/
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.border1 {
    position: relative;  
}
.border1:before {
    content: "";/* 注意这里为双引号 */
    position: absolute;
    width: 200%;
    height: 140%;
    border-bottom: 1px solid #ccc;
    /*border-radius:5px;/* 也可以设置圆角 */*/
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*导航*/
.mui-bar{
	background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */
    color: #fff;
}
.mui-bar .mui-btn-link{
	color: #fff;
}
.mui-bar .mui-btn-link.mui-active, .mui-bar .mui-btn-link:active{
	border: none;
	color: #fff;
}
.mui-title{
	color: #fff;
}
.mui-icon-back:before, .mui-icon-left-nav:before{
	color: #fff;
}
/*打卡界面*/
/*标题 tab*/
#punch .mui-segmented-control{border:none;border-bottom:1px solid #EFEFEF;}
#punch .mui-segmented-control .mui-control-item{border-left: none;color: #9C9C9C;font-size: 18px;}
#punch .mui-segmented-control .mui-control-item.mui-active1{background-color: #fafafa;color: #FF8C21;}
#punch #segmentedControl.mui-segmented-control .mui-control-item.mui-active1 span{border-bottom: 2px solid #FF8C21;line-height: 30px;display: inline-block;font-size: 18px;}
#punch #segmentedControl.mui-segmented-control .mui-control-item span .icon img{vertical-align: middle;width: 25px;padding-right: 5px;margin-top: -2px;}
/*我的战绩*/
#record .mui-segmented-control{border:1px solid #EFEFEF;padding-bottom: 5px;padding-top: 5px;}
#record .mui-segmented-control .mui-control-item{border-left: none;color: #9C9C9C;font-size: 18px;}
#record .mui-segmented-control .mui-control-item.mui-active{background-color: #fafafa;color: #FF8C21;}
#record .mui-segmented-control .mui-control-item.mui-active span{border-bottom: 2px solid #FF8C21;line-height: 30px;display: inline-block;font-size: 18px;}
/*活动内容样式*/
#punch .active_con{text-align: center;}
#punch .active_con p.tip{font-family: PingFangSC-Light;font-size: 12px;color: #999999;letter-spacing: 0;text-align: center;line-height: 30px;margin-top: 25px;}
#punch .active_con p.money{font-family: hzgb;font-size: 40px;color: #FF9326;letter-spacing: 0;text-align: center;line-height: 40px;}
#punch .active_con p.rule{margin:25px 0;font-family: PingFangSC-Regular;font-size: 14px;color: #333333;}
#punch .active_con .opt li{width: 85%;line-height: 45px;margin:25px auto;}
#punch .active_con .opt .sideItem{width: 100%;}
#punch .active_con .opt .sideItem div{float: left;color: #fff;background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */border-radius: 100px;width: 48%;}
#punch .active_con .opt .sideItem div:nth-child(2){float: right;}
#punch .active_con .opt .time{color: #fff;background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */border-radius: 100px;}
#punch .active_con .opt li.invite{border:1px solid #FF9326 ;border-radius: 100px;color: #FF9326 ;}
/*今日打卡近况*/
#punch .situation .title{font-size: 12px;color: #333333;padding-left: 5%;line-height: 35px;}
#punch .situation .mui-segmented-control{padding-bottom: 0;background-color: #fff;}
#punch .situation .mui-segmented-control .mui-control-item.mui-active{background: #F4F4F3;}
#punch .situation .mui-segmented-control .mui-control-item{padding:15px 0;}
#punch .situation .mui-segmented-control .mui-control-item p{line-height: 25px;}
#punch .situation .mui-segmented-control .mui-control-item p:nth-child(1){color: #333;font-size: 14px;}
#punch .situation .mui-segmented-control .mui-control-item p:nth-child(2){font-size: 14px;color: #999999;}
#punch .situation .situationLists{background-color: #fff;}
#punch .situation .situationLists ul{padding: 4% 0;margin:0 5%;}
#punch .situation .situationLists ul li{float: left;}
#punch .situation .situationLists ul li:nth-child(1){width: 40%;}
#punch .situation .situationLists ul li:nth-child(2){font-size: 12px;color: #3A3A3A;width: 40%;line-height: 35px;text-align: right;}
#punch .situation .situationLists ul li:nth-child(3){line-height: 35px;width: 20%;text-align: right;color: #FF8C21;}
#punch .situation .situationLists ul li.invite{font-size: 16px;color: #FF8C21;width: 20%;text-align: right;line-height: 35px;}
#punch .situation .situationLists ul li div.img{width: 40px;height: 40px;margin-right: 5px;border-radius: 100%;background-color: #000;overflow: hidden;}
#punch .situation .situationLists ul li div.img img{width: 100%;height: 100%;overflow: hidden;}
#punch .situation .situationLists ul li .userInfo p:nth-child(1){font-size: 16px;color: #333333;}
/*确认支付*/
.content{
 	text-align: center;
 	line-height: 130px;
 	background-color: #fff;
 }
 .content span{
 	font-size: 32px;
 	color: #333;
 }
 .pay_style .title{
 	line-height: 45px;
 	padding-left: 5%;
 	background-color: #fafafa;
 }
 .pay_style .pay_style_list{
 	 padding: 0 5%;
 }
 .pay_style .pay_style_list li{
 	line-height: 70px;
 }
 .pay_style .pay_style_list li .icon img{
 	width: 40px;
	vertical-align: middle;
	padding-right: 10px;
 }
 .pay_style .pay_style_list li .opt img{
 	width: 35px;
	vertical-align: middle;
	padding-right: 10px;
 }
 .pay_btn{
 	width: 80%;
 	text-align: center;
 	border-radius: 100px;
 	margin:80px auto;
 	line-height: 45px;
 	color: #fff;
 	background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */

}
/*支付成功*/
#success .success_content{
	text-align: center;
}
#success .success_content img{
	margin-top: 50px;
	width: 80px;
}
#success .success_content .tit{
	font-size: 24px;
	color: #333333;
	letter-spacing: 0.99px;
	line-height: 80px;
}
#success .success_content .tip{
	font-size: 18px;
	color: #333333;
	letter-spacing: 0.75px;
}
#success .success_content .time{
	line-height: 35px;
}
#success .success_content .time p{
	font-size: 16px;
}
#success .success_content .opts{
	margin:40px 0;
}
#success .success_content .opts li{
	line-height: 45px;
	border-radius: 19px;
	text-align: center;
	width: 75%;
	margin:20px auto;
}
#success .success_content .opts li:nth-child(1){
	background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */
	color: #fff;
}
#success .success_content .opts li:nth-child(2){
	border: 1px solid #EAEAEA;
}
#success .success_content .cons{
	position: absolute;
	margin:auto;
	left: 0;
	right: 0;
	bottom: 10%;
}
/*活动规则*/
#rule{
	margin: 5% ;
}
#rule p{font-size: 16px;line-height: 30px;}
/*我的战绩*/
.total li{display:inlne-flex;flex-direction: row;}
.grad {
	background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */
	border-radius: 6px;
	line-height: 30px;
	width: 86%;
	text-align: center;
	margin: auto;
	color: #fff;
}
.icon img{
	vertical-align: middle;
	width: 25px;
	padding-right: 5px;
	margin-top: -2px;
}

.title{padding-left: 5%;line-height: 40px;}
.list {background-color: #fff;}
.list ul {line-height: 60px;}
.list ul li {float: left;width: 25%;}
.list ul li:last-child{text-align: right;padding-right: 3%;}
.list ul li:nth-child(2){padding-left: 3%;}
.list ul li:nth-child(3){text-align: right;}
.list ul li:first-child{padding-left: 5%;}
.list ul li.opt span{
	background: -webkit-linear-gradient(left, #FFBD44 , #FF8C21); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #FFBD44, #FF8C21); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #FFBD44, #FF8C21); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #FFBD44 , #FF8C21); /* 标准的语法 */
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding:6px 10px;
}
.list ul li.opt.fail span{
	background: #ccc;
}

.Grid {
		display: flex;
		margin:20px 0 10px 0;
}

.Grid-cell {
  	flex: 1;
  	text-align: center;
}
.Grid .Grid-cell .total{
	padding:10px 0;
	width: 86%;
	margin:auto;
	background: #FFFFFF;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
	border-radius: 6px;
}
.Grid .Grid-cell .total p{
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	line-height: 35px;
	padding:0 20px;
}
.Grid .Grid-cell .total p i{
	 
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	 
}

/*注册页面*/
.register {    padding: 50px 20px;font-size: 16px;}
.register .res-item {position: relative;  width: 100%;margin-bottom: 10px;background-color: #fff; }
.register .res-icon {position: absolute;top: 12px;left: 10px;z-index: 100; display: inline-block;font-size: 18px;color: #9c9c9c;}
.register .res-icon img{width: 20px;vertical-align: middle;}
.register .res-icon.type{top: 15px;}
.register .res-item .input-item,.register .res-item .input-item1{display: inline-block;width: 100%;height: 45px;border: none; font-size: inherit;}
.register .res-item .input-item:focus {outline-offset: 0;outline: -webkit-focus-ring-color auto -2px;background-color: #fff;border: 1px solid #FFBD44;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(226,25,69,.3);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(226,25,69,0.3);}
.register .res-item .input-item:focus + .res-icon { color: #FFBD44; }
.register .yanzhengma {
	position: absolute;
    right: 0px;
    top: 10px;
    z-index: 100;
    display: inline-block;
    padding: 0.2rem 0.8rem;
    font-size: 14px;
    border: none;
    color: #fe8138;
    border-left: 1px solid #ccc;}
.register .yanzhengma:disabled { background-color: #ddd; }
.register .res-btn button {
	background: #b3b3b3;
    font-size: 18px;
    color: #fff;
    border-radius: 8px;
    line-height: 30px;
    border: none;
    width: 100%;
    margin-top: 30px;
}
.register .res-btn button:focus { color: #fff; }
.register input[type=tel],input[type=text],input[type=password]{margin-bottom: 0;}
/*邀请卡页面*/
.invite_content{position: relative;width: 100%;height: 100%;}
.invite_content .section_footer{position: absolute;margin:auto;bottom: 2%;left: 0;right: 0;width: 88%;padding: 3%;background-color: #fff;overflow: auto;}
.invite_content .section_footer .con{width: 66%;}
.invite_content .section_footer h1{font-size: 18px;color: #000;line-height: 50px;}
.invite_content .section_footer p{font-size: 12px;margin-bottom: 5px;}
.invite_content .section_footer .img{width: 80px;height: 80px;border:1px solid #ccc;margin-top: 5%; }
.invite_content .section_footer .img #qrcode{width: 100%;height: 100%;}
.invite_content .section{background: url(../images/bg.png) no-repeat center center;
	background-size:contain;width: 85%;height: 250px;margin:auto;text-align: center;overflow: hidden;padding-top: 20px;position: relative;}
.invite_content .section i	{color: #f345b8;}
.invite_content .section .user_img{width: 70px;height: 70px;
	border:1px solid #f345b8;border-radius: 50%;margin:auto;overflow: hidden;}
.invite_content .section .user_img img{width: 100%;height: 100%;overflow: hidden;}
.invite_content .section .user_name{line-height: 25px;}
.invite_content .section .tit{font-size: 40px;color: #f345b8;font-weight: bold;}
.invite_content .section p{line-height: 35px;position: absolute;bottom: 20%;left: 0;right: 0;font-size: 14px;}
.invite_content .section .time{color: #f345b8;position: absolute;right: 5%;top: 23%;font-size: 16px;}
/*成就卡页面*/
.hr_5{width: 100%;height: 5px;background-color: #f1e7da;}
.achievement #con-head {background-color: #fff;position: relative;overflow: hidden;}
.achievement #con-head .img{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;text-align: center;position: absolute;margin: 15px auto;left: 0;right: 0;}
.achievement #con-head .day,.achievement #con-head .date{font-size: 20px;
	color: #333;
	font-weight: bold;
	letter-spacing: 3px;}
.achievement #con-head .img #head{width: 100%;height: 100%;}
.achievement #con-head .cons{padding: 12% 3% 3% 3%;font-size: 14px;}
.achievement .middle{padding: 3%}
.achievement .middle img{width: 100%;}
.achievement .middle .middle_con{padding: 0 2%;font-size: 14px;}
.achievement .middle .author{text-align: right;}

.achievement .section_footer{width: 88%;padding: 3%;background-color: #fff;overflow: auto;}
.achievement .section_footer .con{width: 66%;}
.achievement .section_footer h1{font-size: 18px;color: #000;line-height: 50px;}
.achievement .section_footer p{font-size: 12px;margin-bottom: 5px;}
.achievement .section_footer .img{width: 80px;height: 80px;border:1px solid #ccc;margin-top: 10px; }
.achievement .section_footer .img #qrcode{width: 100%;height: 100%;}



.cd-popup3,.cd-popup2{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.cd-popup3.is-visible3,.cd-popup2.is-visible3{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container3 {position: relative;width: 90%;margin:auto;top: 20%;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible3 .cd-popup-container3 {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}