body {background-color:#f7f7f7;}
.information_content{width:100%;background-color:#fff;}
.information_informationcontent{padding:1em;border-bottom:1px solid #f0f0f0;overflow:hidden;width:100%;}
.fontsize_article_contentpart{float:left;line-height:normal;}
.informationimg{padding-top:0.4em;}
.fontsize_article_contentpart p{margin-top:0.1em;color:#333 !important;font-size:1.7em;}
.information_rightPart{float:right;width:0.7em;height:1em;text-align:right;margin-top:0.4em;}
.information_infoimg{width:2.5em;height:2.5em;}
.information_rightpartdirection{margin-top:0.8em;}
.information_info {float: right;margin-right: 0.8em;font-size: 1.2em;color: #999999;text-align: right;margin-top:0.1em;}
.information_infoimg img{width:100%;height:100%;border-radius:100%;    border:1px solid #f0f0f0;vertical-align:bottom;margin-bottom:0.1em;}
.information_rightPart img{width:100%;height:100%;vertical-align:middle;}
.information_save{width:100%;background-color:#fff;padding:0.5em 0;margin:0 auto;text-align:center;margin-top:2em;}
.information_info p{font-size:1.1em !important;margin-top:0.1em;}
.information_save p{color:#4a88ee;font-size:1.7em;text-align:center;margin-top:0.1em;}
p{margin-bottom:0 !important;}
.introduce_container{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#f7f7f7;z-index:100;}
.introduce_introduction{width:100%;position:relative;margin-top:0.5em;}
.introduce_textarea{width:100%;height:10em;border:none;resize:none;color:#333;font-size:1.7em;padding:1em;background-color:#fff;}
.introduce_number{font-size:1.2em;color:#999;position:absolute;bottom:2em;right:0.5em;}
.introduce_submitBtn{color:#4a88ee;font-size:1.4em;border:1px solid #cccccc;display:inline-block;float:right;width: 3em;height: 1.8em;text-align: center;line-height:1.8em;margin-right:1em;margin-top:-0.5em;border-radius:3px;}
.introduce_cancelBtn{color:#999;font-size:1.4em;border:1px solid #cccccc;display:inline-block;float:right;width: 3em;height: 1.8em;text-align: center;line-height:1.8em;margin-right:1em;margin-top:-0.5em;border-radius:3px;}
.nickname_container{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#f7f7f7;z-index:100;}
.nickname_name{width:100%;position:relative;margin-top:0.5em;}
.nickname_textarea{width:100% !important;height:3em !important;border:none !important;resize:none;color:#333;font-size:1.7em;line-height:1.8em;padding-left:1em;background-color:#fff;}
.name_close{width:1.5em;height:1.5em;position:absolute;top:1.7em;right:1em;}
.nickname_submitBtn{color:#4a88ee;font-size:1.4em;border:1px solid #cccccc;display:inline-block;float:right;width: 3em;height: 1.8em;text-align: center;line-height:1.8em;margin-right:1em;margin-top:-0.5em;border-radius:3px;}
.nickname_cancelBtn{color:#999;font-size:1.4em;border:1px solid #cccccc;display:inline-block;float:right;width: 3em;height: 1.8em;text-align: center;line-height:1.8em;margin-right:1em;margin-top:-0.5em;border-radius:3px;}
.mui-popover.mui-popover-action.mui-popover-bottom{left:0;right:0;}
.mui-popover.mui-popover-action .mui-table-view{color:#4a88ee !important;font-size:1.5em;}
b{font-weight:normal !important;}
.mui-icon-undo:before{content: '';display:none;}
.information_sex{position:absolute;top:0;left:0;right:0;opacity:0;}
.sexinfo{position:relative;}
.birth_choose{display:block;}
.information_headimg{position:relative;padding-top:0.7em;padding-bottom:0.7em;}
.headimg_pic{width:100%;height:100%;position:absolute;top:0;left:0;right:0;opacity:0;}
.information_birth{padding-top:0.9em;}
.location{display:block;}
.information_informationcontent:active{background-color:#f1f1f1;}
.information_save:active{background-color:#f1f1f1;}
.nickname_submitBtn:active{background-color:#f4f4f4;}
.name_close:active{background-color:#f85959;border-radius:50%;}
.introduce_submitBtn:active{background-color:#f4f4f4;}
.information_info_sex{margin-top:0.18em !important;}
.headimg_cut{position:fixed;top:0;left:0;z-index:100;background-color:#fff;width:100%;height:100%;display:none;}
#clipArea {height: 100%;background-color:#000;    }
#clipBtn {position:absolute;right:0;bottom:0;margin: 20px;width: 4em;height: 2em;color: #f7f7f7;text-align: center;font-size: 1.3em;line-height: 2em;border-radius: 3px;display:inline-block;}
#clipcancelBtn{position:absolute;left:0;bottom:0;display:inline-block;margin: 20px;width: 4em;height: 2em;color: #f7f7f7;text-align: center;font-size: 1.3em;line-height: 2em;border-radius: 3px;}
#view {margin: 0 auto;width: 200px;height: 200px;background-color: #666;opacity:0;}