.moudel .userinfo_box .bottom .el-date-editor .el-range-input{
  border:none;
}


[data-v-03228c93]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-03228c93]::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 4px;
}
.box[data-v-03228c93] {
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: rgb(242, 242, 242);
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}
.box>div[data-v-03228c93]{
  padding:15px;
  box-sizing: border-box;
}
.top[data-v-03228c93] {
  width: 100%;
  height: 238px;
  display: block;
  min-height: 190px;
  justify-content: space-between;
  padding: 15px 15px 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.bottom[data-v-03228c93] {
  /* margin-top: 5px; */
  width: 100%;
  background-color: rgb(255, 255, 255);
  /* height: 75%; */
  padding: 0 15px 15px;
  box-sizing: border-box;
}
.userinfo[data-v-03228c93] {
  width: 60%;
  height: 100%;
  display: inline-block;
  min-width: 520px;
  vertical-align: middle;
}
.head_portrait[data-v-03228c93] {
  width: 22%;
  height: 100%;
  /* padding: 10px; */
  display: flex;
  align-items: center;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.head_portrait > img[data-v-03228c93] {
  width: 100%;
  vertical-align: middle;
  height: 100%;
}
.message[data-v-03228c93] {
  padding: 15px;
  width: 78%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
}
.message > div[data-v-03228c93] {
  width: 50%;
  height: 30%;
  line-height: 60px;
  display: inline-block;
  vertical-align: middle;
}
.bottom_one[data-v-03228c93] {
  width: 100%;
  height: 10%;
}
.time[data-v-03228c93] {
  margin-right: 20px;
}
.bottom_two[data-v-03228c93] {
  height: 85%;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}
.top_two[data-v-03228c93] {
  /* height: 100%; */
  /* width: 30%; */
  /* float: right; */
  vertical-align: bottom;
  /* text-align: right; */
  position: absolute;
  right:15px;
  bottom:15px;
}
.top_two > div[data-v-03228c93] {
  display: inline-block;
  align-items: center;
  /* width: 100%; */
  vertical-align: bottom;
  margin-left:15px;
}
.el-calendar[data-v-03228c93] {
  text-align: center;
}
/* 编辑头像 */
.avatar-uploader[data-v-03228c93] .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader[data-v-03228c93] .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon[data-v-03228c93] {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar[data-v-03228c93] {
  width: 178px;
  height: 178px;
  display: block;
}
.quarterSelect[data-v-03228c93]{
  position: relative;
  width: 300px;
  height: 32px;
}
.quarterSelect>div[data-v-03228c93]{
    border: solid 1px #DCDFE6;
    border-radius: 4px;
    color: #606266;
    padding: 0 10px;
    /* height: 32px; */
    line-height:32px;
    box-sizing: border-box;
}
.quarterSelect>div span[data-v-03228c93]{
  /* margin: 0 0.1rem; */
  display: inline-block;
  width: 45%;
  text-align: center;
}
.quarterSelect>div span[data-v-03228c93]:nth-of-type(2){
  width: auto;
  width: 10%;
}
.user_popover[data-v-03228c93]{
  width: 500px;
  position: absolute;
  left: 0;
  top: 43px;
  z-index: 9;
  background-color:#fff;
}
.user_popover_sli[data-v-03228c93]{
  display: inline-block;
  width: 50%;
  vertical-align: top;
  background-color: #fff;
}
.user_popover_start[data-v-03228c93]{
  /* width: 50%; */
  /* margin: 0 1%; */
  box-sizing: border-box;
  /* border-left: solid 1px #DCDFE6; */
  border-right: solid 1px #DCDFE6;
}
.user_popover_end[data-v-03228c93]{
  width: 50%;
}
.user_popover_sli p[data-v-03228c93]{
  line-height: 40px;
}
.user_popover_sli ul[data-v-03228c93]{
  width: 100%;
  background-color: #fff;
}
.user_popover_sli ul li[data-v-03228c93]{
  display: inline-block;
  width: 25%;
  text-align: center;
  line-height: 40px;
}
.user_popover_sli ul li span[data-v-03228c93]{
  display: inline-block;
  width: 100%;
}
.user_popover_sli ul li span[data-v-03228c93]:hover{
  color: #2d8cf0;
}
.user_popover_year[data-v-03228c93]{
  text-align: center;
}