page{background: #F5F5F4;}
.mainColor{color:#EE3A43;}
.l-float{float: left;}
.r-float{float: right;}
.font10{font-size: 20rpx;}
.font12{font-size: 24rpx;}
.font14{font-size: 28rpx;}
.font16{font-size: 32rpx;}
.font18{font-size: 36rpx;}
.font20{font-size: 40rpx;}
.font23{font-size: 46rpx;}
.font25{font-size: 50rpx;}
.font30{font-size: 60rpx;}
.font35{font-size: 70rpx;}
.fontWeight{font-weight: 600;}
.middle{vertical-align: middle;}
.right{text-align: right;}
.themeColor{
  color:var(--themeColor)
 }
 .subtitleColor{
  color:var(--subtitleColor)!important
 }
 /* 图片图标 */
 .imgIcon{
   width: 58rpx;
 }
 .actImgIcon{
  width: 40rpx;
  padding: 0 20rpx 0 0rpx;
 }
 .actBoIcon{
  width: 40rpx;
 }
.red{color: #EE3A43;}
.green{color: #22AC38;}
.blue{color:#00a0e9;}
.gray{color: #c9caca;}
.gray6{color: #c9caca;}
.gray87{color: #878787;}
.black{color: #727171;}
.golden{color: #cab96e;}
.contentTxt{display: none;}
.inline-block{display: inline-block;}
.relative{position: relative;}
.white{color: #fff;}
.white-bg{background: #fff;}
.mTop10{margin-top: 20rpx;}
.mTop15{margin-top: 30rpx;}
.mTop20{margin-top: 40rpx;}
.mTop5{margin-top: 10rpx;}
.mLeft5{margin-left: 10rpx;}
.mLeft10{margin-left: 20rpx;}
.noData{padding:100rpx 0; text-align: center; font-size: 30rpx; color: #B2B2B2;}
.noData .icon-info{font-size: 200rpx; color: #E3E3E3; margin-bottom: 20rpx; display: block;}
.content-box-pad{padding: 20rpx;}
.content-pad{margin: 16rpx; padding: 20rpx;}
.content-box{border-radius: 12rpx; background: #fff;}
.content-block{margin: 50rpx;}
.progress{width:500rpx; padding:20rpx;}
.center{text-align: center;}
.ellipsis{display:inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.septal-top-line{border-top: 16rpx solid #fff;}
.septal-bottom-line{border-bottom: 16rpx solid #f1f1f1;}
.bar-bottom ~ .content{padding-bottom: 90rpx;}
.load-more{display: table; white-space: nowrap; margin: 0 20rpx; height: auto; overflow: hidden; line-height: 1; text-align: center; padding: 10px 0; font-size: 28rpx; color: #999;}
.load-more:after,.load-more:before{content: ''; display: table-cell; position: relative; top: 50%; width: 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}
.load-more:before{background-position: right 1em top 50%}
.load-more:after{background-position: left 1em top 50%}
.bar-bottom{width:100%;height:90rpx;position:fixed;left:0;bottom:0;z-index:9999; box-shadow: 0 -2rpx 5rpx rgba(0,0,0,.2);}
.buttons-row{display:flex; align-items: center; flex-wrap: nowrap;}
.buttons-row > .button-growup{display: flex; flex: 0 0 50%;  justify-content: space-between; align-items: center;}
.buttons-row .button{width:100%; border:0 none; flex-shrink: 1; border-radius: 0;line-height:90rpx;text-align:center;font-size:30rpx;color:#fff;}
.buttons-row .button.button-line{border-left:2rpx solid #dbdbdb;}
.buttons-row .button::after{content:'';display:none;}
.buttons-gutter .button{margin-left: 40rpx;}
.buttons-gutter .button:first-child{margin-left: 0;}
.button{text-align: center; border-radius: 0;}
button[size=mini]{line-height: 1.8;}
.button.button-warn{background-color: #ee3a43; color: #fff;}
.button.button-subtitle{background-color: var(--subtitleColor); color: #000;}
.button.button-theme{background-color: var(--themeColor); color: #000;}
.button-warn{background-color: #ee3a43 !important; color: #fff;}
.button-subtitle{background-color: var(--subtitleColor)!important; color: #000;}
.button-theme{background-color: var(--themeColor)!important; color: #000;}
.button.button-primary{background-color:#22ac38; color: #fff;}
.button.button-white{background-color:#fff; color: #3e3a39;}
.button.button-gray{background-color:#585453; color: #fff;}
.button-plain-gray{border:2rpx solid #c8c9cb; background: transparent;}
.button-plain-gray::after{border-width: 0;}
.button.button-light{background-color:#c8c9cb; color: #fff;}
.button.button-golden{background-color:#c9a677; color: #fff;}
.button.button-danger{background-color:#ce1732; color: #fff;}
.button.button-warn.button-border{border:2rpx solid #ee3a43; color: #ee3a43; background-color: transparent !important;}
.button.button-radius{border-radius: 60rpx;}
.button.button-blue{background:rgba(0,160,233,.8); color: #fff;}
.button-blue{background:rgba(0,160,233,.8) !important; color: #fff;}
.button.button-big{height: 80rpx; line-height: 80rpx;}
.button.button-mini{height: 50rpx; line-height: 50rpx; font-size: 24rpx;}
.button.button-auto{padding: 10rpx 40rpx; display: inline-block; font-size: 28rpx;}

.popup-title{text-align: center; padding: 20px 0;}
.cell{display:flex;align-items:center;justify-content:space-between; background: #fff; position: relative; padding-left: 20rpx; min-height: 88rpx; overflow: hidden;}
.cell::after{content: ''; border-bottom:2rpx solid #E6E6E6; width: 100%; position: absolute; bottom: 0;box-sizing: border-box;}
.cell:last-child::after{border-bottom: 0 none;}
.cell.ceill-link .cell-value{padding-right: 50rpx;}
.cell.ceill-link .cell-value::after{content:""; width:14rpx; height:14rpx; position: absolute; right: 20rpx; top: 50%; border-top:1px solid #C7C7C7; border-right: 1px solid #C7C7C7;transform:translateY(-50%) rotate(45deg);}
.cell.cell-media .cell-value{text-align: left; color: #333; margin-left: 0;}
.cell.cell-media .cell-value > .icon{color: #ee3a43; font-size: 40rpx; vertical-align: middle; margin-right: 20rpx;}
.cell-title{flex-shrink: 0; font-size:28rpx;}
.cell-value{text-align: right;flex-shrink: 1; width: 100%; margin-left: 20rpx; padding-right: 20rpx; color: #969799; font-size:28rpx; position: relative;}

.modal{position: fixed; top: 50%; left: 50%; z-index: 10002;box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); transform:translate(-50%,-50%);}
.modal-bg{position: fixed; top: 0; left: 0; z-index: 10001; background: #000; opacity: .4; width: 100%; height: 100%;}

.list-block{position: relative;font-size: 28rpx;}
.list-block .item-content{display: flex; box-sizing: border-box; min-height: 88rpx; justify-content: space-between; align-items: center;}
.list-block .item-content.item-line{border-bottom: 2rpx solid #c7c7cc;}
.list-block .align-top,
.list-block .align-top .item-content{align-items: flex-start;}
.list-block .item-inner{width: 100%; display: flex; box-sizing: border-box; justify-content: space-between; align-items: center; flex-shrink: 1;}
.list-block .item-title{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1;}
.list-block .item-title.label{width: 40%; margin: 8rpx 0;}
.list-block .item-input{width: 100%; margin-top: -16rpx; margin-bottom: -14rpx; flex-shrink: 1;}
.list-block .item-after{display: flex; max-height: 56rpx; margin-left: 10rpx; color: #5f646e; white-space: nowrap; flex-shrink: 0;}
.list-block .item-media{flex-shrink: 0; align-items: center; flex-wrap: nowrap; box-sizing: border-box;}
.list-block .media-item .item-inner {display: block; padding-top: 20rpx; padding-bottom: 18rpx;-ms-flex-item-align: stretch; -webkit-align-self: stretch; align-self: stretch;}
.list-block .media-item .item-title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.list-block .item-media ~ .item-inner, .list-block .item-media ~ .item-title, .list-block .item-media ~ .item-input, .list-block .item-media ~ .item-text{margin-left: 20rpx;}
.item-text{width:100%; flex-shrink: 1;}
.list-block input[type="text"],
.list-block input[type="idcard"],
.list-block input[type="number"],
.list-block input[type="digit"],
.list-block textarea{padding:0 20rpx; color: #3d4145; min-height: 1.8rem;}

.row-flex{display: flex;width: 100%;}
.col-8{width: 33.33%;text-align: center;}
/* .col-8.line {border-left: 2rpx solid #dcdddd;border-right: 2rpx solid #dcdddd;} */
.col-8.line1{
  display: flex;align-items: center;
}
.col-8.line1::before{
  content: '';
  display: inline-block;
  height:40rpx;
  width:2rpx;
  background: #ccc;
}
.col-8.line{
  display: flex;align-items: center;
}
.col-8.line::before,.col-8.line::after{
  content: '';
  display: inline-block;
  height:40rpx;
  width:2rpx;
  background: #ccc;
}
.col-12 {width: 50%;text-align: center;}
.col-12.line{border-right: 2rpx solid #dcdddd;}
radio{margin-left: 40rpx;}
radio:first-child{margin-left: 0;}
.label-radio radio .wx-radio-input.wx-radio-input-checked::before{border-radius: 50%; width: 25rpx; height: 25rpx; background-color: #fff; font-family: ""; content:"";}
.label-checkbox checkbox .wx-checkbox-input{border-radius: 100%;}
.label-checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked{background: #ee3a43; border-color:#ee3a43;}
.starBlank{height:40rpx; width:360rpx; display: inline-block; vertical-align: middle; margin-left: 4%; background-image:url(data:image/png;base64,[encoded data, 4192 characters]); background-repeat:repeat-x; align-items:center; justify-content:center; background-size:76rpx 40rpx;}
.scoreBG{height:100%; display: block; background-image:url(data:image/png;base64,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); background-size:76rpx 40rpx;}
.common_fix{width:80rpx;height:80rpx;background-color:rgba(0,0,0,0.5);position:fixed;right:20rpx;z-index:999;text-align:center;border-radius:50%;}
.common_back{bottom:200rpx;}
.common_home{bottom:300rpx;}
.common_service{bottom:300rpx;}
.common_fix .icon{font-size:44rpx;color:#fff;line-height:80rpx;}
.row{margin-left: -4%;overflow: hidden;}
.row [class*="col-"]{float: left;box-sizing: border-box;}
.row .col-25 {width: 21%; margin-left: 4%;}
.row.no-gutter{margin-left: 0;}
.row.no-gutter .col-25{width: 25%;margin: 0;}
.qrCode{display:inline-block; vertical-align: middle; width: 60rpx; height: 60rpx; background: url('https://img.bbztx.com/miniProgram/challengeFamily/qrCodeIcon.png') center no-repeat; background-size:cover;}
/* 首页详情页优化 */
.borderTopRadiu{
  border-top-left-radius: 30rpx;
  border-top-right-radius: 30rpx;
}
.borderRadiu{
  border-radius: 20rpx;
}
/* 页面模块 */
.modular{
  margin-top: 20rpx;
  background: #fff;
  border-radius: 20rpx;
  font-size: 28rpx;
  overflow: hidden;
}
.modular-pad{
  padding: 10rpx 20rpx;
}
.modular .modal-title{
  border-bottom: 1px solid #ccc;
  line-height: 2;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 28rpx;
  padding: 10rpx 0;
}

.modular .modal-title::before{
  content: '';
  height: 20rpx;
  width: 6rpx;
  background: var(--themeColor);
  display: inline-block;
  margin-right: 10rpx;
  border-radius: 4rpx;
}
.modular .modal-label{
  padding: 20rpx 0;
}

/* 分享家等级 */


@keyframes zoulu{0% {width: .2rem; height: .8rem;bottom: 5rem; z-index: 0;}10%{bottom: 5.4em;}22% {bottom:5rem;}46% {bottom: 4.8rem; z-index: 2;}72% { bottom: 4.6rem;}100% {width: 4.04rem; height: 4.80rem; bottom: 4.5rem;}}
@keyframes earth{100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes jiangsan{0%{top: .5rem; right: 0;opacity: 0;}10%{top: 1rem; right: 1rem;opacity: .5;}20%{top: 1.5rem; right: .8rem;opacity: 1;}30%{top: 2rem; right: 1rem;opacity: 1;}40%{top: 2.5rem; right: .8rem;opacity: 1;}50%{top: 3rem; right: 1rem;opacity: 1;}60%{top: 3.5rem; right: .8rem;opacity: 1;}70%{top: 4rem; right: 1rem;opacity: 1;}80%{top: 4.5rem; right: .8rem;opacity: 1;}90%{top: 5rem; right: 1rem;opacity: 1;}100%{top: 5.5rem; right: 1rem;opacity: 1;}}
@keyframes shake-rotate{0%{transform: translate(0px, 0px) rotate(0deg)} 10%{transform: translate(0px, 0px) rotate(-1.5deg)} 20%{transform: translate(0px, 0px) rotate(1.5deg)} 30%{transform: translate(0px, 0px) rotate(-2.5deg)} 40%{transform: translate(0px, 0px) rotate(1.5deg)} 50%{transform: translate(0px, 0px) rotate(-1.5deg)} 60%{transform: translate(0px, 0px) rotate(0deg)} 70%{transform: translate(0px, 0px) rotate(-1.5deg)} 80%{transform: translate(0px, 0px) rotate(1.5deg)} 90%{transform: translate(0px, 0px) rotate(-2.5deg)} 95%{transform: translate(0px, 0px) rotate(1.5deg)} 100%{-webkit-transform: translate(0px, 0px) rotate(-1.5deg)}}
@keyframes boxshow{0%{box-shadow: 0 0 0 5px #fff, 0 0 0 5px #ea5404;}50%{box-shadow: 0 0 0 5px #fff, 0 0 5px 10px #ea5404;}100%{box-shadow: 0 0 0 5px #fff, 0 0 0 5px #83411e;}}
@keyframes child{form{transform:rotate(360deg); opacity: 0;}to{transform:rotate(360deg); opacity: 1;}}
@keyframes fadeLeftIn{form{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);}to{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);}}
@keyframes fadeRightIn{form{transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0); opacity: 0;}to{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0); opacity: 1;}}
@keyframes fadeInDownMin{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
@keyframes shake{0% {transform: translate(-5px,0);-webkit-transform: translate(-5px,0);}50% {transform: translate(5px,0);-webkit-transform: translate(5px,0);}100%{transform: translate(-5px,0);-webkit-transform: translate(-5px,0);}}
@keyframes shake2{0% {transform: translate(5px,0);-webkit-transform: translate(5px,0);}50% {transform: translate(-5px,0);-webkit-transform: translate(-5px,0);}100%{transform: translate(5px,0);-webkit-transform: translate(5px,0);}}
@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} 100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}60%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0)}75%{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}90%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0);}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes shaking-huishou{to {background-position: -1130rpx;}}
@keyframes zou{to{background-position: -166rpx;}}
@keyframes shool{to{background-position-y: -799rpx;}}
/* 横线 */
.horizontalLine{
  width: 100%;
  height: 1px;
  background-color: #eee;
  margin: 22rpx 0;
}