iHealth-wx-demo/html/jkjf/css/index.css

*{box-sizing: border-box;}
p{margin-bottom: 0;}
body{background: #f2f3f5;}
/*顶部轮播图*/
.fuwu-swiper,.activity-swiper{background: #fff;}
.fuwu-swiper img{width: 100%;height: auto;display: block;margin: 0 auto;}

/*我的活动*/
.activity-swiper .swiper-slide{padding: 15px;}
.activity-title{font-size: 17px;color: #333;line-height: 1.6;}
.activity-title.line-clamp2{height: 54px;}
.line-clamp2{text-overflow: -o-ellipsis-lastline;text-overflow: -webkit-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;text-overflow:display: -o-box;-webkit-line-clamp:2;-o-line-clamp:2;-webkit-box-orient: vertical;-o-box-orient: vertical;}
.activity-swiper .activity-img{height: 120px;display: flex;align-items: center;border-radius: 8px;overflow: hidden;margin-bottom: 10px;}
.activity-img img,.health-shop img{width: 100%;height: 100%;display: block; object-fit: contain;}
.activity-other{line-height: 30px;}
.activity-swiper .swiper-pagination-bullet{transition: all .3s ease-in-out;}
.activity-swiper .swiper-pagination-bullet-active{background-color: #5cb85c;width: 20px;border-radius: 4px;}
.activity-swiper>.swiper-pagination{bottom: 5px;}
.swiper-button-next,.swiper-button-prev{height: 25px;}
.activity-other .i-btn,.activity-list-item .i-btn{width: 90px;text-align: center;border-color: transparent;}
.activity-list-item .i-btn[data-status="2"]{background-color: #ff9526;}
.activity-list-item .i-btn[data-status="3"]{background-color: #ccc;}
.hdbmz{position: absolute;right: 0;top: 0;width: 50px;height: auto;display: block;}
/*公共样式*/
.i-333{color: #333!important;}
.i-666{color: #666!important;}
.i-999{color: #999!important;}
.i-909090{color: #909090!important;}
.i-ff9526{color: #ff9526!important;}
.i-f14{font-size: 14px!important;}
.i-f12{font-size: 12px!important;}
.i-f17{font-size: 17px!important;}
.i-c-rang-right:before{width: 20px;content: '';display: inline-block;height: 100%;background: url(../images/tiaozhuan_icon.png) no-repeat center;background-size: 6px 13px;top: 0;color: #c8c8c8;font-size: 18px;position: absolute;right: 15px;}
.i-c-rang-right .pull-right{padding-right: 20px;}
.pull-right{float: right;}
.p10-15{padding: 10px 15px;}
.pt10{padding-bottom: 10px;}
/*panel开始*/
.i-panel{position: relative;margin-bottom: 10px;background: #fff;border-top: 1px solid #ececec;}
.i-panel-title{position: relative;color: #323232;padding: 12px 15px;font-size: 14px;}
.i-panel-body{position: relative;border-bottom: 1px solid #ececec;padding: 10px 15px;overflow: hidden;}
.i-panel-title+.i-panel-body:before{height: 1px;left: 0;background: #ececec;display: block;content: '';position: absolute;right: 0;top: 0;}
.i-panel-footer{padding: 10px;font-size: 14px;}
/*panel结束*/

/*积分列表*/
.i-integral-list{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 overflow: hidden;justify-content: center;flex-direction: row;align-items: center;line-height: 1;}
.i-integral-item{position: relative;
-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 50%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height: 72px;padding: 4px 0;}
 
.i-integral-content{position: relative;}
.i-panel-body-title{margin-top: -10px;}
.i-panel-body-title>span{font-size: 12px;line-height: 1;display: inline-block;}
.i-panel-body-title .pull-right{padding: 6px 10px;}
.integral-surplus{padding: 6px 15px;color: #fff;border-bottom-right-radius: 24px;background: #0AD800;position: relative;top: -1px;}
.i-integral-item:before{cursor: pointer;content: '';position: absolute;height: 55%;top: 30%;width: 1px;background: #ececec;left: -1px;}
.i-integral-item p{font-size: 14px;text-align: center;}
/*积分小图标*/
.i-jf-icon:after{content: '';width: 17.5px;margin-left: 4px;position: relative;top: 4px;height: 17.5px;display: inline-block;background: url(../images/icon_jifen2.png) no-repeat center;background-size: 17.5px 17.5px;}
.i-integral-item .integral-number{font-size: 25px;bottom: 14px;text-align: center;margin-top: 10px;}
/*积分规则*/
.health-smelling p,.integral-rule p{font-size: 12px;line-height: 1.8;margin-bottom: .5em;position: relative;}
.health-smelling p{margin-left: 25px;}
.health-smelling p:before{content: '';background: url(../images/huodongweiwen_icon.png) no-repeat round;display: inline-block;width: 14px;height: 14px;position: absolute;left: -25px;top: 3px;}
/*获取积分列表*/
.get-integral-act-list{}
.get-integral-act-item{display: -webkit-box; -webkit-box-align: center; border-radius: 5px;background: #eef1f8;padding: 10px;margin-bottom: 10px;}
.integral-act-center{-webkit-box-flex: 1;padding-left: 10px;padding-right: 10px;}
.integral-act-left,
.integral-act-right{-webkit-box-flex: 0;}
.integral-act-left img{width: 50px;height: 50px;display: block;}
.integral-act-right .i-btn{width: 70px;}
.acticity-after-img:after{content: '';display: inline-block;width: 50px;height: 17px;background: url(../images/huodong_img.png) no-repeat round;margin-left: 10px;position: relative;top: 2.5px;}
.renwu-img img{width: 100%;height: auto;display: block;margin-bottom: 10px;}
/*健康商城*/
.health-shop,.activity-swiper{margin-left: -15px;margin-right: -15px;}
.health-shop .swiper-wrapper .swiper-slide{ width: auto; border-radius: 10px;overflow: hidden;}
.health-shop .swiper-wrapper .swiper-slide img{width: 100%; height: auto;display: block;transition: all .3s ease-in-out;}
.health-shop .swiper-wrapper .swiper-slide-prev{transform: scale(0.8);transform-origin: 100% 0;}
.health-shop .swiper-wrapper .swiper-slide-next{transform: scale(0.8);transform-origin: 0 0;}
.health-shop .swiper-wrapper .swiper-slide-active{margin-top: 7px;}
.new-news{position: relative;margin-bottom: 20px;padding-left: 80px;}
.new-news:before{content: '';width: 50px;position: absolute;left: 15px;height: 20px;display: inline-block;background: url(../images/NEW_img.png) no-repeat round;}
.new-news-scroll{font-size: 0;height: 20px;white-space: nowrap;overflow: hidden;}
.new-news-list{white-space: nowrap;display:inline-block;}
.new-news-list li{padding-right: 60px;color: #ff5e6c;display: inline-block;font-size: 14px;line-height: 20px;}


.i-btn{display: inline-block;padding: 6px 12px;outline: none;margin-bottom: 0;font-size: 12px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.i-btn-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.i-btn-gray{color: #fff;background: #ccc;border-color: #bbb;}
.i-btn.disabled{pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.i-border-radius-15{border-radius: 15px;}
.i-text-center{text-align: center;}
.i-text-right{text-align: right;}
.integral-act-name{font-size: 14px;color: #323232;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dialing{width: 90px;position: absolute;right: 10px;bottom: 5px;}
.rxdh{font-size: 12px;color: #232323;position: relative;padding: 12px 10px;}
.qytsfw{border-radius: 5px;overflow: hidden;border: 1px solid #ececec;}
.qytsfw img{width: 100%;height: auto;display: block;}
/*签约的好处*/
.qydhc{margin: 0 15px 10px;}
.qydhc-top{height: 10px;border: 3px solid #eef8f1;border-radius: 5px;padding: 0 2px;}
.qydhc-top span{background: #5cb85c;display: block;height: 100%;border-radius: 2px;}
.qydhc-body{margin: -5px 12px 0;background: #eef1f8;border-radius: 0 0 5px 5px;padding: 12px 5px 10px 10px;}
.qydhc-title{color: #4dcd70;font-size: 16px;}
.qydhc-title:before{background: url(../images/icon_qianyuehaochu.png) no-repeat;background-size: 100% auto;margin-right: 8px;position: relative;top: 2px;content: '';width: 15.5px;height: 15.5px;display: inline-block;}
.haochu-item{position: relative;padding-left: 20px;font-size: 12px;color: #232323;line-height: 2;margin-bottom: .2em;}
.haochu-item:before{position: absolute;content: 'O';left: 0;top: 0;color: #5cb85c;}

.i-flex-box{display: -webkit-box; -webkit-box-align: center;}
.i-flex-box-item{display: block; -webkit-box-flex: 1;}
.action-list{margin-bottom: -12px;border-top: 1px solid #ececec;padding: 0 25px;}
.action-list li{position: relative;padding: 10px 0 5px;}
.action-list li span{position: relative;font-size: 14px;color: #323232;margin-left: 5px;top: 10px;}
.action-list li img{width: 57px;height: auto;}

.integral-source{background: #fff;}
.integral-type>*{font-size: 15px;color: #323232;padding: 13px 0;position: relative;}
.activity-square .integral-type>*{font-size: 16px;color: #666;}
/*下划线动画*/
.integral-type>*:after{transition: all .5s ease-in-out;position: absolute;content: '';width: 0;left: -50%;bottom: 0;height: 2px;background: transparent;}
.integral-type .mui-active{color: #5cb85c!important;}
.integral-type>*.mui-active:after{background: #5cb85c;height: 3px;width: 30px;margin-left: -15px;;left: 50%;}

.all-total{padding: 15px 15px 30px;border: none;background: url(../images/shouyi_bg_img.png) no-repeat top center;background-size: 100% 100%;}
.all-total p{color: #fff;}
#totalIncome{font-size: 28px;}
.icon-jifen{width: 17px;height: 17px;display: inline-block;vertical-align: sub;margin-right: 3px;background: url(../images/shouyi_icon.png) no-repeat;background-size: 100% 100%;}


/*积分来源样式*/
.integral-content{display: none;}
.integral-list{background: #fff;}
.integral-list-item{display: -webkit-box; -webkit-box-align: center;position: relative;padding: 9px 15px;font-size: 14px;}
.integral-list-item .i-flex-box-item{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.zwkf:before{position: absolute;left: -25px;right: 0;bottom: 2px;top: 0;content: '暂未开放';color: #fff;font-size: 14px;background-color: rgba(0,0,0,.5);z-index: 2;line-height: 72px;cursor: default;pointer-events: none;text-align: center;}
.integral-list-item:after{left: 15px;right: 0;position: absolute;content: '';bottom: 0;background: #ececec;height: 1px;}
.integral-list-item:last-child:after{left: 0;}
.integral-value{-webkit-box-flex: 0;font-size: 17px;color: #4DCD70;white-space: nowrap;text-align: center;}
.reduce-value{color: #323232;}
.add-value {color: #ff9526;}
.create-tiem{-webkit-box-flex: 0;font-size: 14px;color: #808080;margin-right: 20px;margin-left: 20px;}
.create-tiem:empty{display: none;}

.div-no-info{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;}
.div-no-info img{width: 100%;}
.integral-source .mui-fullscreen{top: 165px;height: auto;background: #fff;}
.activity-square .mui-fullscreen .mui-segmented-control~.mui-slider-group{top: 50px;}
.activity-square .mui-fullscreen{height: auto;background: #F2F2F2;}
.integral-source .mui-scroll,.activity-square .mui-scroll{width: 100%!important;}
.integral-source .mui-segmented-control.mui-scroll-wrapper{height: 40px;}
.activity-square .mui-segmented-control.mui-scroll-wrapper .mui-scroll,.activity-square .mui-segmented-control.mui-scroll-wrapper{height: 50px;background: #FFF;}
.integral-source .mui-control-item{line-height: 40px;}
.activity-square .mui-control-item{line-height: 50px;}

.mui-pull-caption{font-weight: 100;font-size: 14px;}

.i-btn-success+.i-btn-success{margin-top: 10px;}

/*活动广场列表*/
.activity-list{background: #F2F2F2;}
.activity-list-item{background: #fff;padding: 15px 15px 10px;margin-bottom: 10px;}

/*已参与活动统计*/
.activity-statistics{margin-bottom: 5px;margin-top: 10px;border-radius: 4px;flex-wrap: wrap;border: 1px solid #ececec;height: 140px;line-height: 1;text-align: center;width: 100%;}
.activity-statistics .i-flex-box-item{height: 68px;padding-top: 15px;font-size: 14px;position: relative;}
.activity-statistics .i-flex-box-item:before{position: absolute;left: 0;top: 15px;bottom: 15px;width: 1px;background-color: #ececec;content: '';margin-left: -1px;}
.my-rankings{height: 50%;width: 100%;border-top: 1px solid #ececec;padding-top: 10px;background: url(../images/paiming_bg_img.png) no-repeat;background-size: 100% 100%;}

.rankings{font-size: 28px;color: #ff9526;}
.activity-statistics > div > p:first-child{margin-bottom: 10px;}

/*活动奖励*/
.activity-detail .i-panel-title:after{left: 0;}
.hdjl-swiper{padding-bottom: 28px;}
.hdjl-swiper.swiper-container-horizontal>.swiper-pagination{bottom: 0;line-height: 1;}
.hdjl-swiper .swiper-pagination-bullet-active{background: #4DCD70;}
.hdjl-swiper .swiper-slide{border-radius: 5px;border: 1px solid #ddd;position: relative;padding-bottom: 20px;max-width: 33%;width: auto;}
.hdjl-swiper .swiper-slide>p{position: absolute;bottom: 0;text-align: center;background: #4DCD70;color: #fff;font-size: 12px;line-height: 20px;left: 0;right: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*活动介绍*/
/*.activity-introduction{padding: 0 10px;}*/
.activity-introduction  span:first-child{display: block;width: 75px;text-align: right;align-self: flex-start;}
.activity-introduction .i-flex-box{position: relative;padding-left: 20px;font-size: 14px;margin-bottom: 10px;color: #666;}
.activity-introduction .i-flex-box:after,
.activity-introduction .i-flex-box:before{position: absolute;content: '';display: inline-block;}
.activity-introduction .i-flex-box:after{left: 0px;width: 14px;height: 14px;background: #4DCD70;top: 5px;z-index: 1;transform: rotateZ(45deg);}
.activity-introduction .i-flex-box:before{left: 4px;width: 6px;height: 6px;background: #fff;top: 9px;z-index: 2;}
.ycy{color: #ff9526;font-size: 20px;}
.qcy{margin-top: 25px;width: 120px;height: 40px;border-radius: 20px;font-size: 14px;}

/*报名成功提示*/
.i-modal-open { overflow: hidden;}/*禁止屏幕滚动*/
.i-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.i-modal-layer{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;}
.prompt-content{width: 255px;height: auto;background: #fff;border-radius: 10px;margin: 50px auto;z-index: 2;position: relative;}
.success-image{font-size: 17px;color: #FF9526;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;}
.success-image img {width: 100%;height: auto;display: block;}
.user-info{padding: 15px 15px 20px;}
.info-list{border-top: 1px solid #e1e1e1;}
.info-list-item{color: #333;}
.info-list-title{font-size: 17px;margin-top: 15px;}
.item-name,.item-name+p{font-size: 14px;position: relative;line-height: 2;}
.item-name{width: 75px;padding-right: 15px;text-align: justify;color: #999;text-align-last: justify;align-self: flex-start;}
.item-name:after{content: '：';right: 3px;position: absolute;}
.i-modal-close{position: absolute;bottom: -60px;left: 50%;margin-left: -15px;color: #999;background: #fff;text-align: center;font-weight: bold;width: 30px;height: 30px;line-height: 28px;border-radius: 100%;display: inline-block;font-size: 25px;}

/*报名信息确认*/
.comfirm-image{background: url(../images/baoming_biaoqian_img.png) no-repeat round;background-position: center top;background-size: 75% 100%;color: #fff;padding: 10px 40px 18px;font-size: 17px;line-height: 1;text-align: center;}
.comfirm-info .prompt-content{padding-top: 15px;margin-top: 90px;}
.help-block {display: block;margin-top: 10px;line-height: 1;margin-bottom: 15px;color: #737373;font-size: 14px;}
.has-error .help-block{color: #ff5e6c;}
.user-select{
    display: block;
    width: calc(100% - 15px);
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    outline: none;
    color: #999;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: none;
    border-radius: 25px;
    padding-right: 15px;
    background: #fff;
}
.select-box{
    position: relative;
    height: 45px;
    border-radius: 25px;
    background: #fff;
    border:1px solid #ececec;
    padding-left: 15px;
}
.select-box:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 7px;
    right: 15px;
    top: 50%;
    margin-top: -3.5px;
    background: url(../images/xiazhan_icon.png) no-repeat;
    background-size: 100% 100%;
}
.select-user-info{border-top: 1px solid #ececec;padding: 10px 0 20px;}
.comfirm-btn{font-size: 17px;padding: 7px 35px;border-radius: 40px;margin-bottom: -10px;}
/*活动规则*/
.rule-list{list-style: none;font-size: 12px;color: #999;}
img.event_none {pointer-events: none;}