.layer-msg-loading{border-radius:6px!important;min-width:60px!important;box-shadow:0 0 0 rgba(0,0,0,.2)!important;height:60px!important;width:60px!important;margin-left:-30px!important;margin-top:-30px!important;left:50%!important;top:50%!important}
.layer-msg-loading .layui-layer-content{padding:10px!important;overflow:hidden!important}
.layer-msg-loading img{display:none}
.layer-msg-loading-simple{border-radius:6px!important;min-width:60px!important;box-shadow:0 0 0 rgba(0,0,0,.2)!important;background-color:transparent!important;border:none!important;box-shadow:none!important;height:60px!important;width:60px!important;margin-left:-30px!important;margin-top:-30px!important;left:50%!important;top:50%!important}
.layer-msg-loading-simple .layui-layer-content{padding:10px!important;overflow:hidden!important}
.loader-inner{margin:auto;position:relative;width:40px;height:40px;text-align:center}
.loader-inner img{width:16px;height:16px;position:absolute;max-width:16px;max-height:16px;top:50%;margin-top:-8px;left:50%;margin-left:-8px}
.loader-inner.ball-clip-rotate>div{width:25px!important;height:25px!important;border:2px solid #fff;border-radius:99%;border-color:#fff;border-bottom-color:transparent;margin:5px auto;display:inline-block;-webkit-animation:gif .45s infinite linear;animation:gif .45s infinite linear!important;clip:rect(0 auto 12px 0)}
@keyframes gif{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@-webkit-keyframes gif{0%{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(1turn)}
}
.ui-refresh-data{color:#999;display:block;font-size:14px;height:32px;line-height:32px;text-align:center}
.ui-refresh-data .icon-loading{background:url(../images/loading.gif) no-repeat rgba(0,0,0,0);background-size:auto 100%;display:inline-block;height:16px;margin-right:5px;vertical-align:-3px;width:16px}
.swipe{overflow:hidden;position:relative;width:100%}
.swipe ul{overflow:hidden;list-style:none}
.swiperel{position:relative}
.pagenavi{position:absolute;left:47%;bottom:1rem}
.pagenavi .active{background:#df1a8a}
.pagenavi a{display:block;width:8px;height:8px;background:#fff;border-radius:50%;margin-left:5px;float:left}
.mui-content{padding-bottom:50px}
.personal-head .icon-box{margin-top:10px}
.personal-head-main .img-box{width:64px;height:64px}
.personal-head{overflow-x:hidden}
.personal-head-main{padding:20px 0;position:relative;background:#fff url(../images/uer_header_bg.png) no-repeat 0 0/100% 100%;z-index:10}
.personal-head-main .img-box{width:100px;height:100px;border:2px solid #fff;border-radius:50%;overflow:hidden;margin:auto}
.personal-head-main .label{display:inline-block;background:#fff;padding:2px 10px;border-radius:15px}
.personal-head-main .label .iconfont{font-size:18px;vertical-align:middle;color:#ffb938}
.personal-head-main .left-top,.personal-head-main .right-top{position:absolute;color:#fff;z-index:1;top:20px}
.personal-head-main .left-top{left:20px}
.personal-head-main .right-top{right:20px}
.personal-head .icon-box{margin-top:30px;width:50px;height:50px;line-height:50px;margin-left:auto;margin-right:auto;border-radius:50%;background:#fe5858}
.personal-head .icon-box .iconfont{font-size:35px;color:#fff}
.personal-head-main{background:#fff url(../images/uer_header_bg.png) no-repeat 0 0/100% 100%}
.table-view .table-view-cell a,.table-view-lg .table-view-cell a{display:block;color:#666;padding:0 5px}
.list_order a{font-size:10px}
.list_order a:before{background:url(../images/my_v2.png) no-repeat 0 0;background-size:180px 30px}
.list_order a:before{content:"\20";display:block;width:30px;height:30px;margin:2px auto 4px}
.list_order .item_0:before{background-position:0 0}
.list_order .item_1:before{background-position:-30px 0}
.list_order .item_2:before{background-position:-60px 0}
.list_order .item_3:before{background-position:-90px 0}
.list_order .item_4:before{background-position:-120px 0}
.list_order .dot{top:8px;left:50%;margin-left:5px}
.list_order .dot{position:absolute;width:6px;height:6px;border-radius:8px;border:1px solid #fff;text-align:center;font-size:12px;color:#fff;background-color:#dd524d}
.list_order .dot:before{content:"";display:inline-block;vertical-align:middle;width:0;height:100%;margin-top:1px}
.list_order .dot.booking{height:auto;top:2px;left:50%;margin-left:8px;height:12px}
.list_order .dot.booking,.list_order .dot.dot_num{width:auto;padding:0 4px;border-radius:14px}
.list_order .dot.dot_num{box-sizing:border-box;min-width:18px;height:18px}
.clearfix{clear:both}
.tpl_box img{float:left}
.tpl_col_count_1 img{width:100%}
.tpl_col_count_2 img{width:50%}
.tpl_col_count_3 img{width:33.3%}
.tpl_col_count_4 img{width:25%}
.tpl_col_count_5 img{width:20%}
.close-popup{position:relative;bottom:0;left:50%;margin-left:-18px;margin-top:10px;z-index:2;width:36px;height:36px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAz1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////TRzj////lk4r00s7jiYDvubPtta/mlo7mlYzkjYTUSDnbaVzYW07fd2zVT0HUSz3wvrnqpp/ihHvyyMTcbGD54+HpopvlkIfdb2P119PonpbnmpLXVkjWU0T77Ov219T11tPyycTttK612EDcAAAAInRSTlMAyZ8dJc3Z9eW8pJlE7MaJexGNjFhOTSknV+2sj4EqEgJZukKIWgAAAs9JREFUWMOtmNl24jAMhk0hZSllKVCg+yiQsAQIZYcWusz7P9PYIm0msS2Spv9FzsHLdyzZliWYVtVGpZDKZU0zm0sVKo0qi6liLWWGlKoVWWSlyyVTqVI5HQnQOjMJnbVOEy6+R3/OrOXYBXDHS2v2+d18wWi1DW+gPXEgIGdie11GmyJ4NnQ7DijkdLqeNXo35nHA+xC0Gr7jkLzGrZlz7O4BqR4OOs+oCM1LtGEEJzRCay6bijUg4XkKJzV9RkZG8gNaYUMk2WhL2B95lRtoh+QVu2lDZNnS3v5BP0AMoT/qPuFJOKI7jYOYin0xQvdiBLE0CtyXlvj1F9SiXZr5z5ddiK2d79G0wA3jI4ZiXhoRNXkRe0vhma11gICER2uIEFGyE+gbv2FLUDPTXLmBlo6IqBhpTd6nWGInTOCaQEAr3iRi8pV8spemxFhj01jelCu0Q6JD32OECHMIanK0pCr6HFAzaAI4orXKrvl3AUAyXhQE1II3X7MK/86AYBAE9HGFFfjXAoKBBM0Yi3cU0JtbIBivegJs0Z853CulBjiZIMCYd+VYln9dIBjUDXJ5X5aJEQAEg7yDopdG9E3UQBu7cBUnDKEZe953Q7gTbyLNQHcSm7rByZsBwcBN1R+tzddUgoFHS3vAhzix7xs00B5wvGYEwWf0NdfMu+wEQWJIl90PORLhFYBg+CGHXckP8jhMQIb84tle4CvKlkw8gsSYy3ZgSlySwrXLQ/OL4qC9HSRqiQmV5afoYC1B0sjay09R+bceRHyWP+IjPo7Psp8c9BIkB8lTFJQRP1HaBRMlVv9Zutb+3aSRPSVPXZMn0MnTeFTzJl4xkbykIQurnaUHWDu/sKLLu42jfhbk8k5WnSoyVybKqEcudRfr+VepO18vpFKX0EPBJFR4YFGU0Zf9GRZZxTsjPN+4K7KYemzc3xrHv0CM2/vGI9PpH2zEz+N4KK5QAAAAAElFTkSuQmCC);background-size:cover;cursor:pointer}
.padding-10{
	padding: 10px !important;
}
.padding-5{
	padding: 5px !important;
}
.padding-bottom20{
	padding-bottom: 20px!important;
}
.padding-leftright{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.padding-left20{
	padding-left: 20px;
}
.padding-updown20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.padding-0{
	padding: 0 !important;
}
.padding-top10{
	padding-top: 10px !important;
}
.padding-leftright35{
	padding-left: 35px!important;
	padding-right: 35px!important;
}
.padding-leftright50{
	padding-left: 50px!important;
	padding-right: 50px!important;
}
.block-center{
	margin-left: auto;
	margin-right: auto;
}

.margin-0{
	margin: 0 !important;
}
.margin-5{
	margin: 5px !important;
}
.margin-top7{
	margin-top: 7px !important;
}
.margin-top5{
	margin-top: 5px !important;
}
.margin-top0{
	margin-top: 0px !important;
}
.margin-top10{
	margin-top: 10px !important;
}
.margin-top20{
	margin-top: 20px !important;
}
.margin-top50{
	margin-top: 50px !important;
}
.margin-bottom10{
	margin-bottom: 10px !important;
}
.margin-bottom20{
	margin-bottom: 20px !important;
}
.text-center{
	text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
	text-align: left;
}
.block{
	display: block !important;
}
.hide{
	display: none !important;
}
.img-responsive{
	width: 100%;
	vertical-align: middle;
}
.border-0{
	border:none !important;
}
.border{
	border: 1px solid #f1f1f1;
}
.border-left{
	border-left: 1px solid #ccc;
}
.border-bottom{
	border-bottom: 1px solid #ccc;
}
.border-circle{
	border-radius: 50%;
	overflow: hidden;
}
.img-80px {
	height: 80px;
	width: 80px;
	max-width: 80px;
	border-radius:50%;
}
/*签到*/
.mui-content .sing_in{
    position: relative;
    width: 100%;
    height: 48vw;
    color:#ff6f7a;
    background:url('../images/sign_8.jpg') no-repeat;
    background-size: 100% 100%;
}
.mui-content .sing_in .sing_top{
    width: 100%;
    height: 100%;
}
/*签到的背景图片*/
.mui-content .sing_in .xm_djqd{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 27px;
    text-align: center;
    z-index: 9;
}
.xm_djqd img{
    width: 28%;
    left: 50%;
}
.xm_djqd p{
    position:absolute;
    width: 20%;
    font-weight: bold;
    margin-top: -18%;
    left: 40%;
    color: red;
    border-bottom: 1px solid #ff0000;
    z-index: 1000;
}
.mui-content .sing_in .xm_djqd .check-footer{
    font-size: 12px;
    position:absolute;
    color: #fff;
    z-index: 1000;
    bottom:40px;
    left: 40%;
    display: none;
}

/*设置日历的大小*/
.calendar{
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 10px;
    padding: 5px;
    border-bottom: 1px solid #ddd;

}
/**
* 设置日历顶部盒子
*/
.calendar .calendar-title-box{
    position: relative;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align:center;
    border-bottom: 1px solid #ddd;
}

/**
* 设置上个月的按钮图标
*/
.calendar .prev-month {
    position: absolute;
    top: 12px;
    left: 20px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-left: 0px;
    border-top: 6px solid transparent;
    border-right: 8px solid #999;
    border-bottom: 6px solid transparent;
    cursor: pointer;
}

/**
* 设置下个月的按钮图标
*/
.calendar .next-month {
    position: absolute;
    top: 12px;
    right: 20px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-right: 0px;
    border-top: 6px solid transparent;
    border-left: 8px solid #999;
    border-bottom: 6px solid transparent;
    cursor: pointer;
}
/* 设置日历表格样式 */
.calendar-table{
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    text-align:center;
}

/* 当前天 颜色特殊显示 */
.currentDay {
    background: url("../images/circle.png") no-repeat center center /100% 100%;
    background-size:30px 30px;
}

/* 本月 文字颜色 */
.currentMonth {
    color: #000;
}

/* 其他月颜色 */
.otherMonth{
    color: #fff;
}

/*日历星期的表格*/
.calendar .calendar-table tr th{
    width:14.3%;
    height: 30px;
    font-weight: normal!important;
    color:red;
    background-color: pink;
}

/*设置日历天数样式*/
.calendar .calendar-table tr td{
    width:14.3%;
    height: 35px;
}
/*每日已签到的背景小脚*/
.calendar .calendar-table tr td.image{
    background: url("../images/sign_5.png") no-repeat center center /100% 100%;
    -webkit-background-size:22px 22px ;
    background-size:22px 22px;
}
/*每日签到小脚和圆圈*/
.calendar .calendar-table tr td.two-image{
    background: url("../images/sign_5.png") no-repeat center center /22px 22px,
    url("../images/circle.png") no-repeat center center /30px 30px;
}
/*活动签到小脚和圆圈*/
.calendar .calendar-table tr td.two-gallery{
    background: url("../images/sign_10.png") no-repeat center center /22px 22px,
    url("../images/circle.png") no-repeat center center /30px 30px;
}
/*活动已签到的背景小脚*/
.calendar .calendar-table tr td.gallery-image{
    background: url("../images/sign_10.png") no-repeat center center /100% 100%;
    -webkit-background-size:22px 22px ;
    background-size:22px 22px;
}
/*每日签到 活动签到*/
.step_explain .explain_list {
    margin-left: 15px;
}
.step_explain .explain_list>li.lt {
    margin-right:15px;
    float: left;
    color: #00ffff;
}
.step_explain .explain_list .lt{
    float: left;
    color: #000;
}

/*签到小脚图片*/
.step_explain .explain_list>li.lt .icon {
    display: block;
    width:22px;
    height: 22px;
    line-height: 22px;
}
.step_explain .explain_list .only .icon {
    background: url("../images/sign_5.png") no-repeat center center / 100% 100%;
}
.step_explain .explain_list .continuous .icon{
    background: url("../images/sign_10.png") no-repeat center center / 100% 100%;
}

/*奖励规则的图片*/
.sign_details .title{
    margin-left: 15px;
}
.sign_details .title .lt{
    float: left;
}
.sign_details  .title .icon{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.sign_details .sign_award .title .icon{
    background: url("../images/sign_7.png") no-repeat center center / 100% 100%;
}
.sign_details .activity_links .title .icon{
    background: url("../images/sign_1.png") no-repeat center center / 100% 100%;
}
/*去抽奖  去兑换*/
.mui-media .img_box{
    margin-bottom: 15px;
    width:35px;
    height:35px;
    margin-left: 40%;
    /*vertical-align: middle;*/
}
.mui-media .img_box .img-left{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.mui-media .media-text{
    margin-top: 10px;
    border: 1px solid #ff0000;
    padding:5px 30px;
    color:#ff0000;
    border-radius: 4px;

}

/*签到说明弹窗*/
.explain{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    border-bottom: 50px;
}
.explain .layer{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #000;
    opacity: 0.7;
}
.explain .content{
    width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 80px;
    z-index: 10;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}
.explain .content .title{
    text-align: center;
    padding: 10px;
    font-size: 18px;
}
.explain .content .title_img{
    margin-top: -48px;
    margin-left: 96px;
    width: 96px;
    height:96px;
}

.explain .content .footer{
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}

/*签到的弹窗*/
.check-ins{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    border-bottom: 50px;
}
.check-ins .layer{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #000;
    opacity: 0.7;
}
.check-ins .content{
    width: 100%;
    position: absolute;
    top: 65px;
    z-index: 1000;
}
.check-ins .content .img-box{
    position: absolute;
    width: 78%;
    top: 0;
    left: 50%;
    margin-left: -39%;
    text-align: center;
}
.check-ins .content .title_img{
    position: absolute;
    top: -18%;
    left: -15%;
    width: 132%;
}
img{
    border: 0;
    vertical-align: middle;
}
/*图片中的文字*/
.check-ins .img-box .prize{
    padding: 20% 0 8% 0;
    border-radius: 10%;
    background: #fff;
}
.check-ins .img-box .prize .prize-top{
    font-size: 14px;
    font-family: Microsoft YaHei;
    padding: 0 5%;
    color: #ff556d;
    margin:8% 0 3% 0;
    line-height: 180%;
}
.check-ins .img-box .prize p{
    padding: 0 5%;
    color: #2679b5;
    font-size: 12px;
    font-family: SimHei;
    margin:0;
}
.check-ins .content .footer{
    text-align: center;
    border-radius: 50%;
    z-index: 10000;
    margin: 1rem auto;
}

/*签到记录中的活动签到*/
.activity-sign img {
    margin-left:35%;
    height: 30%;
    width: 30%;
    margin-top:10%;
}   
   
.mui-pull-bottom-tips {
    text-align: center;
}
.tab-color1{padding: 0px 4px;text-align: center; color: #fff; border-radius: 4px; display: inline-block; vertical-align: middle; background-color: #f48f18;}