body {
    background: #F3F3F3
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ddd !important
}
.mui-content .mui-icon{
    font-family: 'iconfont';
}
.mui-bar-tab .mui-icon {
    font-family: 'iconfont';
    font-size: 28px;
    display: inline-block;
    height: 26px
}

.mui-bar {
    background: #fff
}

.mui-bar-tab .mui-tab-item {
    color: #A2A2A0
}

.mui-bar-tab .mui-tab-item.mui-active {
    color: #4BBAF2
}

.mui-bar {
    -webkit-box-shadow: 0 0 6px rgba(136, 136, 136, .45);
    box-shadow: 0 0 6px rgba(136, 136, 136, .45)
}
.mui-slider-indicator .mui-indicator{
    width: 8px;
    height: 8px;
    margin: 2px;
    background: #fff;
}
.mui-slider-indicator .mui-active.mui-indicator{
    background: #007AFF;
}

.mui-grid-view.mui-grid-9{background: #fff;}
.mui-content>.mui-table-view:first-child{margin-top: 0 !important;}
.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
    font-family: 'iconfont';
    font-size: 30px;
    display: inline-block;
    height: 16px
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
    font-size: 14px;
    color: #596679;
}
.mui-content{background: #F3F3F3;padding-bottom: 0 !important;}
.mui-table-view:after{height: 0 !important;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    padding: 17px 15px;
}
.mui-grid-9 .mui-table-view-cell .color-green{
    color: #2EC7C9;
}
.mui-grid-9 .mui-table-view-cell .color-purple{
    color: #B6A2DE;
}
.mui-grid-9 .mui-table-view-cell .color-blue{
    color: #5AB1EF;
}
.mui-grid-9 .mui-table-view-cell .color-orange{
    color: #FFB980;
}
.mui-grid-9 .mui-table-view-cell .color-blue-d{
    color: #8CBAED;
}
.footer-text{
    padding-top: 40px;
    padding-bottom: 60px;  
    text-align: center;
    width: 100%;
    line-height: 16px;
}
.footer-text p{
    margin-bottom: 3px;
    font-size: 12px;
    color: #aaa;
}
.footer-text p span{
    color: #7F7F7F;
}
.content-box{
    margin-top: 16px;
    background: #fff;
    box-shadow: 0px 1px 2px #E3E3E3;
}
.box-title{
    padding: 8px 10px;
    border-left:3px solid #007AFF;
}
.title-left{
    font-size: 16px;
    color: #007AFF;
}
.title-left .mui-icon{
    font-size: 22px;
    margin-right: 8px;
    line-height: 26px;
}
.title-right{
    text-align: right;
    font-size: 12px;
    padding-top: 5px;
}
.title-right .box-more{
    color: #56A4F9;
}
.title-right .box-more .mui-icon{
    font-size: 14px;
}
.box-list-table:before,
.box-list-table .mui-table-view-cell:after{
    height: 0;
}
.box-list-table .mui-table-view-cell{
    padding: 13px 16px;
    
}
.mui-table-view .thumb-img{
    max-width: 120px;
    height: 84px;
}
.mui-table-view .photo-thumb-img{
    max-width: 100px;
    height: 84px;
}
.box-list-table .mui-table-view-cell>a:not(.mui-btn){
    white-space:normal !important;
}
.box-list-content{height: 84px;}
.news-list-title{
    font-size: 14px;
    color: #596679;
}
.news-date{
    font-size: 12px;
    color: #56A4F9;
}
.thumb-text-area{
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
    color: #999;
}
.coupon-left{
    height: 80px;
    background-color: #FF5F5F;    
}
.coupon-left a{
    height: 80px;
    display: block;
    background-image: url(../img/coupon-bg.png);
    background-position: right;
    margin-right: -8px;
    color: #fff;
    padding-left: 10px;
    padding-top: 21px;
    font-size: 16px;
}
.coupon-left a .mui-icon{
    font-size: 30px;
    margin-right: 8px;
    padding-top: 3px;
}
.coupon-left .coupon-text{
    padding-top: 8px;
}
.coupon-right{
    padding-left:28px ;
    padding-top: 20px;
    line-height: 14px;
}
.coupon-amount{
    font-size: 30px;
    color: #FF5F5F;
}
.coupon-amount span,
.nl-text{
    font-size: 14px;
    color: #596679;
}
.orange-title{
    border-color: #FFB980;
}
.orange-title .title-left{
    color: #FF7E15;
}
.orange-title .title-left .mui-icon{
    color: #FFB980;
}
.orange-title .title-right .box-more{
    color:#FFB980 ;
}
.phone-num{
    font-size: 14px;
    line-height: 16px;
    color: #FF7E15;
}
.phone-num .mui-icon{
    color: #FFB980;
    font-size: 16px;
    margin-right: 3px;
}
.purple-title{
    border-color: #B6A2DE;
}
.purple-title .title-left{
    color: #B6A2DE;
}
.purple-title .title-left .mui-icon{
    color: #B6A2DE;
}
.shop-box li.mui-active{
    background: none;
}
.shop-box:before{
    height: 0;
}
.shop-box li p{
    margin-bottom: 0;
    padding: 5px 16px;
    color: #7C899C;
    font-size: 14px;
}
.shop-box li p .mui-icon{
    font-size: 16px;
    color: #ccc;
    margin-right: 14px;
}
.shop-box li.mui-table-view-cell{
    padding: 0;
}
.shop-box li p.shop-name{background: #F9F7FD;color: #333;margin-bottom: 5px;padding: 8px 16px;}
.shop-box li p.shop-name .mui-icon{
    font-size: 16px;
    color: #B9A3E5;
    margin-right: 14px;
}
.shop-box li.mui-table-view-cell:after{
    left:0;
    background-color:#EAE1FB ;
}

.win-tips{
    color: #FF5F5F;
    margin: 16px 10px;
}
.sub-content-box{
    margin: 0 10px;
    background: #fff;
    margin-bottom: 16px;
}
.wininfo-left{
    background: #FF5F5F;
    height: 110px;
    color: #fff;
    text-align: center;
    padding-top: 24px;
    font-size: 16px;
}
.wininfo-awarded .wininfo-left{
    background: #eee;
    color: #999;
}
.wininfo-left .mui-icon{
    font-size: 40px;
    margin-bottom: 8px;
}
.wininfo-right{
    padding-top: 12px;
    padding-left: 10px;
}
.wininfo-right p{
    margin-bottom: 0;
    color: #8C98AA;
    font-size: 12px;
    line-height: 18px;
}
.wininfo-right p.win-item{
    font-size: 16px;
    color: #FF5F5F;
    margin-bottom: 8px;
    line-height: 20px;
}
.wininfo-awarded .wininfo-right p.win-item{
    color: #596679;
}
.win-code{
    background: #FFF4F4;
    text-align: center;
    padding: 6px;
}
.win-code p{
    color: #FF5F5F;
    margin-bottom: 0;
    font-size: 16px;
}
.wininfo-awarded .win-code{
    background: #F8F8F8;
}
.wininfo-awarded .win-code p{
    color: #999;
}
.nowin-tip-box{
    text-align: center;
    margin-top: 50px;
}
.nowin-tip-box .mui-icon{
    font-size: 160px;
    color: #FF5F5F;
    margin-bottom: 16px;
}
.nowin-tip-box p{
    margin-bottom: 0;
    color: #FF5F5F;
    line-height: 24px;
}
.nowin-tip-box p.tip-big{
    font-size: 16px;
}
.sale-tab-box{
    margin: 10px;
    width: auto;
    background: #fff;
    border-radius: 0px;
    border:none;
}
.sale-tab-box .mui-control-item.mui-active{
    background: #fff;
    border-top:3px solid #007AFF;
    color: #007AFF;
}
.sale-tab-box .mui-control-item{
    border-left: 1px solid #eee;
    color: #999;
}
.sale-list-box{
    height: 85px;
    margin-bottom: 10px;
    background: #fff;
}
.sale-img{
    width: 125px;
    height: 85px;
    position: relative;
}
.sale-list-info{
    padding-left: 16px;
    padding-top: 20px;
    font-size: 14px;
}
.sale-list-info p{
    margin-bottom: 0px;
    line-height: 24px;
}
.sale-list-info p.sale-date{
    font-size: 12px;
    color: #8C98AA;
}
.list-wp{
    background: #f3f3f3 !important;
}
.sale-end{
    position: absolute;
    width: 125px;
    height: 85px;
    background: url(../img/sale-bg.png);
    top:0;
    color: #fff;
    text-align: center;
    padding-top: 36px;
    font-size: 16px;
}
/* 大转盘样式 */
.lucky-wrap{
    background-color:#ff5f5f;
    background-image:url(../img/lucky-bg.png);
    background-repeat:no-repeat;
    background-position: top center;
    background-size:100% ;
    width: 100%;
    padding-bottom: 20px;
}
.banner{display:block;width:65%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:32.5%;height:41%;left:33.4%;top:25%;}
.lucky-box{
    margin-top: 10px;
}
.lucky-num{
    width: 70%;height: 30px;background: #fff;border-radius: 20px;margin:0 auto;text-align: center;
    font-size: 14px;line-height: 24px;color: #999;border:3px solid #ffb3b3;box-shadow:  0px 1px 2px #ec3131;
}
.color-red{color: #ff3434;}
.lucky-name{ 
    width: 86%;
    background: #fc4444;
    border-radius: 6px;
    border:1px solid #ff9292;
    margin:0 auto;
    margin-top: 26px;
    padding: 10px; 
    height: 110px;
    overflow: hidden;
}
.lucky-name p{
    font-size: 14px;
    color: #FFF; 
    line-height: 20px;
    text-align: center;
}
.lucky-btn{
    width: 70%;
    margin:0 auto;
    margin-top: 26px;
    margin-bottom: 30px;
}
.lucky-btn a{
    display: block;
    line-height: 36px;
    height: 40px;
    background: #ffff00;
    border-radius: 40px;
    text-align: center;
    color: #fc4444;
    font-size: 16px;
    border:3px solid #ffc000;
}
.lucky-box-title{
    text-align: center;
    color: #ffff00;
    font-size: 14px;
}
.lucky-grade{
    width: 86%;
    background: #fc4444;
    border-radius: 6px;
    border:1px solid #ff9292;
    margin:0 auto;
    margin-top: 10px;
    padding: 10px; 
    margin-bottom: 26px;
}
.lucky-grade p{
    color: #fff;
    margin-bottom: 3px;
    line-height: 26px;
    font-size: 14px;
}

.wp_nm{margin: 10px;background: #fff;box-shadow: #C8C7CC;border-radius:3px;-webkit-box-shadow: 0 0 2px rgba(136, 136, 136, .15);margin-bottom: 10px;padding:0 10px}

.wp_nopding{margin: 10px 10px;background: #fff;box-shadow: #C8C7CC;border-radius:3px;-webkit-box-shadow: 0 0 4px rgba(136, 136, 136, .20);margin-bottom: 10px;padding:0;}

.wp_noshadow{background: #fff;padding:10px}
.wp_noback{margin: 10px 10px;border-radius:3px;margin-bottom: 10px;padding:0;}
.wp_shadow{background: #fff;box-shadow: #C8C7CC;border-radius:3px;-webkit-box-shadow: 0 0 4px rgba(136, 136, 136, .20);margin-bottom: 10px;padding:0}
.box-item{    position: relative;
    overflow: hidden;
    padding: 8px 5px;}
.box-item .title{color: #444;font-size: .9em;padding:3px 0}
.box-item .title span{color: #4BBAF2;}
#showShopPicker,#monthPicker{padding:3px 0}
#select_bar .box-item:nth-child(1){border-bottom:1px solid #EEE;}
.select-btn{padding:0;margin:0;color: #989FA3;font-size:16px;}
.select-btn:before {
    font-family: Muiicons;
    position: absolute;
    top: 4px;
    right: 0px;
    content: '\e581';
    color: rgba(170,170,170,.6);
}

.form-data-b{padding:0}
.user-info-b{border-bottom:4px solid #5FA6FF;}
.user-info-b .title{vertical-align: middle;height: auto;margin-top: 6px;}
.user-info-b .avatar{width: 60px;border:3px solid #C3E3F9;border-radius: 100%;height: 60px;vertical-align: middle;position: absolute;top:9px;opacity: .86;}
.user-info-b ul{margin:0;padding:0;list-style-type: none;font-size: 1.2em;color: #989FA3;padding:0px 0;position: relative;}
.user-info-b .mui-table .mui-table-cell{padding:0}
.user-info-b ul li span{color: #A38571;font-size: 1.2em}
.user-info-b ul li em{color: #666;font-style: normal;}
.user-info-b ul li:not(:last-child){border-bottom:1px solid #f5f5f5}
.user-info-b ul li{padding:3px 0}
.user-info-b .mui-table{font-size: .9em}
.user-info-b .mui-table em.red{font-size: 1.2em}
.user-info-b .mui-table span{color: #A38571 !important;}
.user-info-b .more{text-align: left;border-top:none}
.boder-btom-none{border-bottom: none !important;}

.user-info{border-bottom:4px solid #5FA6FF;}
.user-info .title{vertical-align: middle;height: auto;margin-top: 6px;}
.user-info .avatar{width: 65px;border:3px solid #C3E3F9;border-radius: 100%;height: 65px;vertical-align: middle;}
.user-info ul{margin:0;padding:0;list-style-type: none;font-size: .7em;color: #989FA3;padding:0px 0;position: relative;}
.user-info ul li span{color: #A38571;font-size: 1.2em}
.user-info ul li em{color: #666;font-style: normal;}
.user-info ul li:not(:last-child){border-bottom:1px solid #f5f5f5}
.user-info ul li{padding:3px 0}
.user-info a#tel,.user-info a#sms{text-align: center;width: 42px;height: 22px;position: absolute;top:0px;border-radius:30px;vertical-align: middle;z-index:9}
.user-info a#tel{border:1px solid #7DDCDD;right:50px;color: #7DDCDD;}
.user-info a#sms{border:1px solid #E5D9BC;right:0;color: #E5D9BC;}
.user-info a#sms span{font-size: 20px !important;position: absolute;top:-2px;left:10px}
.user-info a#tel span{position: absolute;top:0;left:12px}

.form-data{padding:0 15px;background: #fff;}
.form-data .thead{padding:0;background: #fff;}
.form-data .thead .mui-table-cell{color: #5AB1EF;font-size: 1.2em}
.form-data .thead .history-btn{background: #5AB1EF;color: #fff;display: inline-block;padding:0px 6px;border-radius:3px;font-size: .8em}


.form-data .mui-table:nth-child(even){background: #fff;}
.form-data .mui-table{border-bottom:1px solid #f5f5f5}
/*.form-data .mui-table:nth-last-child(2),*/.form-data .mui-table:nth-last-child(1){border-bottom:none}
.form-data .mui-checkbox input[type=checkbox], .form-data .mui-radio input[type=radio]{position: static;width: 18px;}
.form-data .mui-checkbox input[type=checkbox]:before{font-size: 18px !important}
.form-data .date-div{width: 100%;font-size: 1em;padding:6px 5px}
.form-data .date-btn:before{color: #83888B;font-size:18px;right:10px;top:5px}
.form-data .form-input{    position: relative;
    width: 100%;
    background: #F5F5F5;
    color: #989FA3;
    border: 1px solid #EEEEEE;
    padding: 3px 5px;
    font-size: 1em;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;margin-bottom: 0;}
.form-data .action-wp{width: 100%;padding:0;margin:10px 0}
.form-data .action-wp input[type=submit]{width: 100%;background: #5FA6FF;padding:10px 12px;margin: 0 0 35px;font-size: 1.2em}

.Head-img-circular{width:80px;height:80px;border-radius:80px}

.table-content{position: relative;background: #fff;}
.table-content .mui-table:nth-child(even){background: #F7F9F9;}
.table-content .mui-table{line-height: 26px;}

.long-page .mui-scroll-wrapper{min-height: 600px;}
.date-div{position: relative;width: 46%;background: #F5F5F5;border: 1px solid #EEEEEE;padding: 3px 5px;font-size:.8em;border-radius:3px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.date-btn{color: #989FA3;}
.date-btn:before {
    font-family: 'iconfont';
    position: absolute;
    top: 3px;
    right: 3px;
    content: '\e8ad';
    color: rgba(170,170,170,.6);
}