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;
}