﻿
/***************************个人信息修改***********************************/
.userinfodiv{padding:0 10px;}
.userinfotitle-div{ margin-bottom:1px; overflow:hidden; padding:0.8em 0; line-height: 3em;}
.userinfotitle-divimg{float: left;width: 3em;}
.userinfotitle-divtel{float: left; margin-left: 10px;}
.userinfotitle-divtip{float: left;width: 1em; margin-left: 15px;}

.userinfotitle-divpower{float: right;width: 1em;margin-right: 10px;}
.userinfocontent{
  padding-top:45px; 
  position: relative;
}
.userinfocontent{
  margin-top: 15px;
  width: 100%;
}
.userinfocontent img{
  width: 100%;
}


.userinfocontentbrith{
    position: absolute;
    top:33%;
    left:38%;
    text-align: center;
  }

.userinfocontentbrith-title
{
  color:#666;
  margin-top: 10px;
}
.userinfocontentheight{
  position: absolute;
  top:0%;
  left:38%;
  text-align: center;
}
  
.userinfocontentheight-data
{
  border:2px solid #82cdc9;
}


  .userinfocontentweight{
    position: absolute;
    top:28%;
    left:5%;
    text-align: center;
  }
  .userinfocontentweight-data
  {
    border:2px solid #74c0d8;
  }

  .userinfocontenttunwei{
    position: absolute;
    top:28%;
    right:5%;
    text-align: center;
  }
  .userinfocontenttunwei-data
  {
    border:2px solid #74c0d8;
  }

  .userinfocontentyaowei{
    position: absolute;
    bottom:5%;
    left:16%;
    text-align: center;
  }
  .userinfocontentyaowei-data
  {
    border:2px solid #21ac39;
  }

  .userinfocontentxiongwei{
    position: absolute;
    bottom:5%;
    right:16%;
    text-align: center;
  }
  .userinfocontentxiongwei-data
  {
    border:2px solid #ee6776;
  }

@media (max-width:1800px)
{
  .userinfocontentbrith-data
  {
    border:2px solid #ffd302;
    border-radius: 50%;
    width: 15em;
    height: 15em;  
  }
  .userinfocontentborder
  {
    border-radius: 50%;
    width: 15em;
    height: 15em;  
  }

  /*出生年月*/
  .userinfocontentbrith-data p:first-child
  {
    margin-top: 40%;
    font-size: 30px;
  }
  .userinfocontentbrith-data p:last-child
  {
    margin-top: 15px;
    font-size: 20px;
  }
  
  /*圆圈样式*/
  .userinfocontentborder p:first-child
  {
    margin-top: 40%;
    font-size: 40px;
  }
  .userinfocontentborder p:last-child
  {
    font-size: 30px;
    color: #666;
  }

}
@media (max-width:800px)
{
  .userinfocontentbrith-data
  {
    border:2px solid #ffd302;
    border-radius: 50%;
    width: 10em;
    height: 10em;  
  }
  .userinfocontentborder
  {
    border-radius: 50%;
    width: 10em;
    height: 10em;  
  }

  /*出生年月*/
  .userinfocontentbrith-data p:first-child
  {
    margin-top: 38%;
    font-size: 30px;
  }
  .userinfocontentbrith-data p:last-child
  {
    margin-top: 15px;
    font-size: 20px;
  }
  
  /*圆圈样式*/
  .userinfocontentborder p:first-child
  {
    margin-top: 30%;
    font-size: 40px;
  }
  .userinfocontentborder p:last-child
  {
    font-size: 30px;
    color: #666;
  }

}
@media (max-width:700px)
{
  .userinfocontentbrith-data
  {
    border:2px solid #ffd302;
    border-radius: 50%;
    width: 8em;
    height: 8em;  
  }
  .userinfocontentbrith-data p:first-child
  {
    margin-top: 40%;
    font-size: 18px;
  }
  .userinfocontentbrith-data p:last-child
  {
    margin-top: 3px;
    font-size: 13px;
  }

  .userinfocontentborder
  {
    border-radius: 50%;
    width: 8em;
    height: 8em;  
  }

  .userinfocontentborder p:first-child
  {
    margin-top: 38%;
    font-size: 25px;
  }
  .userinfocontentborder p:last-child
  {
    font-size: 15px;
    color: #666;
  }
}
@media (max-width:500px)
{
  .userinfocontentbrith-data
  {
    border:2px solid #ffd302;
    border-radius: 50%;
    width: 5em;
    height: 5em;  
  }
  .userinfocontentbrith-data p:first-child
  {
    margin-top: 20%;
    font-size: 18px;
  }
  .userinfocontentbrith-data p:last-child
  {
    margin-top: 3px;
    font-size: 13px;
  }

  .userinfocontentborder
  {
    border-radius: 50%;
    width: 5em;
    height: 5em;  
  }

  .userinfocontentborder p:first-child
  {
    margin-top: 25%;
    font-size: 25px;
  }
  .userinfocontentborder p:last-child
  {
    font-size: 15px;
    color: #666;
  }
}
