.participate_container{width:100%;height:100%;background-color:#f1f1f1;padding-bottom:1em;}
.mui-bar-popover {width: 30%;}		
.mui-bar-tab {top: 0;height:3em !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.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn){color:#333;text-align:center !important;margin:-11px -30px -11px -8px !important;font-size:1.7em;}
.mui-bar-tab .mui-tab-item{height:auto !important;}
.mui-popover{width:36% !important;left:32% !important;background-color:#ffffff !important;}	
.muipopover{left:auto !important;right:1em;top:6em !important;}
.mui-popover .mui-popover-arrow{left:40% !important;}
.mui-popover .mui-popover-arrow:after{background: #ffffff !important;}
.mui-table-view-cell:after{right:-7px !important;left:27px !important;}
.muipopover .mui-table-view-cell:after{right:0px !important;left:0px !important;}
.mui-popover.mui-bar-popover .mui-table-view{background-color:#ffffff;}
.participate_header{position:fixed;top:0;left:0;width:100%;height:3.5em;background-color:#ffffff;padding:1em;text-align:center;border-bottom:1px solid #f0f0f0;z-index:10;line-height:1.8em;color:#333;}
p{margin-bottom:0 !important;color:#333 !important;}
.participate_header div{display:inline-block;margin:0 auto;}
.participate_total{color:#333333;}
.participate_directordown{width:3%;}
.participate_directordown img{width:100%;height:100%;vertical-align:middle;margin-top:-0.7em;}
.participate_container_content{overflow-x:hidden;overflow-y:auto;z-index:-1;margin-top:4em;}
.participate_content{width:100%;padding:1em 0 0.5em 0;background-color:#ffffff;margin-top:1em;border-bottom:1px solid #f0f0f0;}
.participate_content:nth-of-type(1){margin-top:0;}
.participate_content_top{width:100%;padding-left:1em;}
.userIcon{border-radius:100%;vertical-align:top;width:3.1em;height:3.1em;}
.participate_content_top div{margin-left:0.5em;display:inline-block;margin-top:-0.2em;}
.fontsize_article_comment_declare{color:#999999;white-space:normal;}
.participate_content_middle{width:97%;margin-top:0.5em;text-align:justify;padding-left:1em;margin-bottom:1em;}
a{color:#333333;}
.toggleBtn{color:#333;}
.participate_content_standard{background-color:#f7f7f7;width:100%;}
.participate_content_standard a div{width:30%;height:7em;display:inline-block;vertical-align:middle;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;}
.fontsize_article_content{width:65%;display:inline-block;vertical-align: middle;margin-left:1%;line-height:1.2em;font-size:1.6em;padding-top:1%;}
.fontsize_article_special{width:97%;margin-left:0 !important;}
.participate_content_bottom{width:100%;padding-top:0.5em;text-align:center;border-top:1px solid #f0f0f0;}
.participate_content_bottom>a:nth-child(1){padding-right:2%;}
.participate_content_bottom>a:nth-last-child(1){padding-left:2%;}
.participate_content_bottom>a div{list-style:none;display:inline-block;text-align:center;width:22%;}
.participate_content_bottom>div{width:0;display:inline-block;height:2em;border-right:1px solid #f0f0f0;vertical-align:middle;}
.handleIcon{width:25% !important;vertical-align:middle;}
.fontsize_article_comment_declare{color:#999999;margin-left:0.4em;vertical-align:middle;}
.fontsize_article_comment_declare_special{margin-left:0;color:#ccc !important;margin-top:-0.4em;display:inline-block;}
.alreadyread{width:9%;vertical-align:middle;margin-top:-0.6em;margin-left:0.8em;}
.fontsize_article_comment_declare_read{color:#ccc !important;font-size:1.2em;display:inline-block;vertical-align: middle;margin-top: -0.4em;}
.participate_time{margin-left:0 !important;margin-top:-0.4em !important;}
.index_loadingmore {background-color: #f1f1f1;font-size: 1.2em;color: #ccc;text-align: center;padding-top: 0.5em;padding-bottom: 0.5em;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;}
.radar_state{width:100%;background-color:#fff;height:4em;line-height:4em;padding:0;overflow:hidden;border-bottom:1px solid #f0f0f0;position:fixed;top:0;left:0;right:0;z-index:10;}
.radar_state>li{display:inline-block;width:50%;font-size:1.4em;font-weight:600;text-align:center;float:left;box-sizing:border-box;color:#999;}
.radar_state>li>a{width:100%;color:#333;cursor:pointer;}
.color{color:#4a88ee !important;border-bottom:3px solid #00a8ff;display:inline-block;height:2.8em;}
.participate_friends{margin-top:4em;}
.friends_searchcontent{padding:2% 4%;font-size:1.1em !important;}
.friend_search{display:inline-block;vertical-align:middle;background-color:#fff;width:70%;padding:1.5%;border-radius:20px;}
.friend_search>div{display:inline-block;vertical-align:middle;padding:2%;width:31%;border-radius:20px;text-align:center;}
.friends_active{background-color:#4a88ee;color:#fff;}
.friends_date{display: inline-block;width: 25%;margin-left: 3%;border-radius: 20px;background-color: #fff;padding:2.5% 0;text-align:center;}
.friends_date>a{display:block;height:100%;}
.friend_trail{background-color:#fff;padding:0 1em;}
.friend_actions{margin-top:1em !important;display:block !important;font-size:1.2em !important;color:#999;}
.noMargin{margin-top:0;}
.friends_activetxt{color:#4a88ee;}
@media only screen and (max-width: 414px){
.participate_content_standard a div{height:8em;}
}
@media only screen and (max-width: 375px){
.participate_content_standard a div{height:7em;}
}
@media only screen and (max-width: 320px){
.participate_content_standard a div{height:6.1em;}
.participate_content_bottom>a:nth-child(1){padding-right:1.7%;}
.participate_content_bottom>a:nth-last-child(1){padding-left:1.7%;}
}