.x_bs{-webkit-box-sizing:border-box;box-sizing:border-box}.x_round{border-radius:52%}.x_size{width:100%;height:100%}.x_full{position:absolute;top:0;bottom:0;left:0;right:0}.x_to{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x_clear:after{content:"";display:block;height:0;clear:both;visibility:hidden;width:100%}.c_avatarEditor{width:30em;position:relative}.c_avatarEditor>.header{height:3em;position:absolute;top:0;width:100%;z-index:5;font-size:116.67%;line-height:3em}.c_avatarEditor>.header>.text{padding:0 1em;color:#fff;float:left}.c_avatarEditor>.header>.fn{float:right;color:#fff;padding:.5em}.c_avatarEditor>.header>.fn span{display:inline-block;width:1em;height:1em;padding:.5em;border-radius:55%;line-height:1em;cursor:pointer}.c_avatarEditor>.content .main{position:relative;width:30em;height:30em;overflow:hidden}.c_avatarEditor>.content .main .pic{position:absolute;z-index:2;left:0;top:0}.c_avatarEditor>.content .main .pic img{max-width:none;width:auto}.c_avatarEditor>.content .main .mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3}.c_avatarEditor>.content .main .mask .top{position:absolute;top:0;left:0;right:0;height:3.5001em;background:rgba(0,0,0,.5)}.c_avatarEditor>.content .main .mask .left{position:absolute;top:3.5001em;left:0;width:3.5001em;bottom:3.5001em;background:rgba(0,0,0,.5)}.c_avatarEditor>.content .main .mask .right{position:absolute;top:3.5001em;right:0;width:3.5001em;bottom:3.5001em;background:rgba(0,0,0,.5)}.c_avatarEditor>.content .main .mask .bottom{position:absolute;bottom:0;left:0;right:0;height:3.5001em;background:rgba(0,0,0,.5)}.c_avatarEditor>.fn{display:-webkit-box;display:-ms-flexbox;display:flex}.c_avatarEditor>.fn button{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;display:block}.c_avatarEditor-r>.content .main .mask .center{position:absolute;top:3.5001em;left:3.5001em;right:3.5001em;bottom:3.5001em;background:url(../../img/avatarEditor.png);background-size:100%}