body{background-color:#f7f7f7;}
.myarticle_container {width: 100%;}
.mui-bar-popover {width: 30%;}		
.mui-bar-tab {top: 0;height:4em !important;border-bottom:1px solid #f0f0f0 !important;}	
.mui-bar{position:static !important;background-color:#ffffff !important;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;box-shadow: 0 0 0 rgba(0,0,0,0) !important;}	
.mui-popover{width:150px !important;}
.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn){color:#333;text-align:center !important;font-size:1.4em;}
.mui-bar-tab .mui-tab-item{height:auto !important;padding-top:4px;}
.mui-popover .mui-popover-arrow:after{background: #ffffff !important;}
.mui-table-view-cell:after{right:14px !important;left:27px !important;}
.mui-popover.mui-bar-popover .mui-table-view{background-color:#ffffff;width:100% !important;}
.myarticle_header{position:fixed;top:0;left:0;width:100%;height:4em;background-color:#ffffff;padding:1em;text-align:center;border-bottom:1px solid #f0f0f0;z-index:10;line-height:2em;color:#333;}
p{margin-bottom:0 !important;}
.myarticle_header div{display:inline-block;margin:0 auto;font-size:1.3em !important;}
.myarticle_total{color:#333333;}
.myarticle_directordown{width:10%;}
.myarticle_directordown img{width:100%;height:100%;vertical-align:middle;/*margin-top:-0.7em;*/}
.chooseNum{color:#4a88ee !important;width:2% !important;text-align:left !important;padding-left:5px;font-size:1.2em;}
.distribute_content{padding:1em 1em 0;display:none;}
.coupon_list{border-radius:4px;margin-bottom:1em;}
.coupon_time{color:#ccc;font-size:1.2em;}
.coupon_infomation>div{background-color:#fff;}
.coupon_header{border-bottom:1px solid #f0f0f0;border-radius:4px 4px 0 0;padding:1em;position:relative;display:block;background-color:#fff;}
.coupon_footer{border-radius:0 0 4px 4px;padding:0.5em 1em;}
.fontColor{color:#fff !important;}
.coupon_name{color:#4a88ee;font-size:1.5em;}
.coupon_code{color:#4a88ee;font-size:1.5em;}
.coupon_verifiername{color:#4a88ee;font-size:1.2em;margin-top:0.4em;}
.coupon_info{display:inline-block;width:82%;}
.coupon_type{position:absolute;top:18%;right:1em;width:18%;}
.coupon_type>img{width:100%;vertical-align:middle;}
.footer_left{width:40%;display:inline-block;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.receive_img{width:2em;height:2em;border-radius:2em;vertical-align:middle;}
.receive_name{font-size:1.3em;margin-left:0.3em;vertical-align:middle;display:inline-block;padding-top:2px;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer_right{display:inline-block;width:58%;text-align:right;vertical-align:middle;}
.setTime{background-color:#fff;text-align:center;margin:0 auto;padding:1em 0;display:none;}
.starttime{font-size:1.4em;font-weight:600;width:38.5%;display:inline-block;vertical-align:middle;}
.timedis{width:20%;display:inline-block;font-size:1.4em;color:#999;vertical-align:middle;}
.endtime{display:inline-block;width:38.5% !important;border:none !important;margin:0 !important;padding:0 !important;text-align:center;height:1.4em !important;font-size:1.4em !important;font-weight:600;vertical-align:middle;line-height:1.4em !important;white-space:nowrap;}
input[type="date"]:before{
    content: attr(placeholder);
    color:#ccc;
    top:50%;
}
.fontColor{color:#fff !important;}