.main-elevatorindex
{
    min-width:1180px;
    min-height:768px;
    padding:15px;
}
.main-elevatorindex .userCards-container
{
    width:980px;
    margin:0 auto;
}
.main-elevatorindex .userCards-container:after
{
  content: "\20";
display: block;
height: 0;
visibility: hidden;
clear: both
}

.user-areawrapper
{
    background:#f5f5f5;
    width:100%;
    margin:0 auto;
}
.user-areawrapper .layout
{
   width:90%;
   height:450px;
   margin:0 auto;
   padding-top:5em;
   text-align:center;
}
.user-areawrapper .layout:after,.user-areawrapper:after,#userCards:after,#userCards .card:after
{
    content:'\0020';
    display:block;
    height:0;
    font-size:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
    
}
.layout .userCards-container
{
    margin-right:10px;
    width:880px;
    float:left;
}

#userCards
{
    width:80%;
    margin:0 auto;
    height:450px;
    overflow:hidden;
   
   
}

#userCards .card
{
   width: 29%;
margin-right: 2%;
float: left;
margin-left: 2%;
    
}
#userCards .card .flip
{
   
    height:495px;
    
}
#userCards .card .flip .bandage
{
    min-width: 14px;
padding: 0 3px;

top: 25px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
color: #fff;
position: absolute;
display:none;
height: 20px;
background: #fe7f7f;
text-align: center
}
#userCards .card .flip i
{
    font-size:48px;
    
}
#userCards .card .flip .front
{
    height:495px;
    
}
#userCards .card .flip .front .link
{
   
border-radius: 4px;
text-align: center;
color:#888;

display: inline-block;
}
#userCards .card .flip .front .link:hover
{
    
   font-weight:600;
}

#userCards .card .flip .front .front_abs
{
    background-color:#fa3b32;
    position: relative;
padding-top: 35px;
height: 125px;
text-align: center;
}
#userCards .card .flip .front h4
{
    color:#fff;
    font-size:20px;
    margin-top:2px;
}
#userCards .card .flip .front .front_bbs
{
    background-color:#a7cb71;
    position: relative;
padding-top: 35px;
height: 125px;
text-align: center;
}
#userCards .card .flip .front .front_cbs
{
    background-color:#516ecb;
    position: relative;
padding-top: 35px;
height: 125px;
text-align: center;
}

#userCards .card .flip .front .normal
{
    background-color:#99CC66;
}

#userCards .card .flip .front .error
{
    background-color:#E60000;
}

#userCards .card .flip .front .warn
{
    background-color:#FF4500;
}

#userCards .card .flip .front .front_abs .front_abs_sbt
{
   margin-top: 10px;
font-size: 32px;
line-height: 1;
color: #fff
}
#userCards .card .flip .front .fronttitle
{
    margin-top: 10px;
font-size: 16px;
line-height: 1;
color: #fff
}
#userCards .card .flip .front .front_bbs .front_bbs_sbt
{
   margin-top: 10px;
font-size: 32px;
line-height: 1;
color: #fff
}
#userCards .card .flip .front .front_cbs .front_cbs_sbt
{
   margin-top: 10px;
font-size: 32px;
line-height: 1;
color: #fff
}
#userCards .card .flip .front .front_usi
{
    padding: 20px 0 19px;
border: 1px solid #e2e2e2;
border-top: 0;
text-align: center;
background: #fff
}

#userCards .card .flip .front .front_usi .front_usi_avt
{
   position: relative;
padding-top: 5px;
}
#userCards .card .flip .front .front_usi .front_usi_avt img
{
    display: block;
margin: 0 auto;
width: 110px;
height: 110px;
border-radius: 55px;
}
#userCards .card .flip .front .front_usi .front_usi_nam
{
  margin-top: 15px;
height: 16px;
line-height: 16px;
font-size: 14px;
color: #333
}
#userCards .card .flip .front .front_usi .front_usi_lem
{
  margin-top: 12px;
  margin-left:2px;
  margin-right:2px;
border: 1px solid #e2e2e2;
line-height: 28px;
border-radius: 15px;
color: #666
}
.usermessage-container 
{
    width:300px;
    float:left;
}
#usermessage
{
    overflow:hidden;
    height:510px;
}
#usermessage .content
{
    height: 390px;
border: 1px solid #e2e2e2
}
#usermessage .content .content_dpk
{
    padding: 0 5px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #e2e2e2;
background: #f8d430;
background: -webkit-linear-gradient(top,#f8d430, #fafbfc);
background: -moz-linear-gradient(top, #f8f9fa, #fafbfc);
background: -ms-linear-gradient(top, #f8f9fa, #fafbfc);
text-align: center
}
#usermessage .content .content_dpk a
{
    font-size: 18px;
color: #666;
}
#usermessage .content #viewport
{
    position: relative;
overflow: hidden;
margin-bottom: 22px;
height: 248px;
padding-top:5px;
}
#usermessage .content #viewport .message
{
    position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-left: 30px;
height: 248px;
font-size: 14px
}
#usermessage .content #viewport .message dd
{
    height: 52px;
position: relative;
-webkit-transition: .5s ease-out;
transition: .5s ease-out
}

#usermessage .content #viewport .message dd .time
{
    position: absolute;
left: -20px;
top: 0;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #dbdcdd;
border-radius: 20px;
background: #fff
}
#usermessage .content #viewport .message dd .msgcontent
{
   display: table-cell;
padding: 0 0 12px 32px;
height: 40px;
vertical-align: middle;
border-left: 1px solid #dbdcdd;
color: #666;
}
#usermessage .content #viewport .message dd .msgcontent .read
{
    font-weight:lighter;
}
#usermessage .content #viewport .message dd .msgcontent .unread
{
    font-weight:900;
}
#usermessage .content #viewport .message dd .msgcontent .warning
{
    color: #f8d430;
}
#usermessage .content #viewport .message dd .msgcontent .error
{
    color: #ff0000;
}
.customfolder
{
    width:80%;
   margin:0 auto;
   height:200px;
   text-align:center;
   border-top:1px solid #ddd;
   padding-top:.3em;
   margin-top: -200px;
}
.customfolder .span3 .folder
{
    
   float:left;
   width:29%;
   height:180px;
   border:1px solid #ddd;
   margin-left:2%;
   margin-right:2%;
  
}
.customfolder .span4 .folder
{
    
   float:left;
   width:21%;
   height:180px;
   border:1px solid #ddd;
   margin-left:2%;
   margin-right:2%;
  
}
.customfolder .folder .header
{
    background-color:#3385ff;
    height:125px;
    text-align:center;
}
.customfolder>span
{
    position: relative;
left: 52%;
top: 5px;
border: 1px solid #ddd;
border-radius: 50px;
padding: 10px;
background-color: #fff;
cursor: pointer;
}
.customfolder .folder .header .iconfont
{
    font-family: "iconfont";
font-size: 64px;
font-style: normal;
line-height: 125px;
color: #eee;

}
.customfolder .folder .body
{
    background-color:#fff;
    height:55px;
    line-height:55px;
    font-size:14px;
    
  
}
.customfolder .folder .body A
{
  width: 100%;
border-radius: 15px;
border: 1px solid #ddd;
display: inline-block;
height: 50%;
margin-top: 5%;
font-size:14px;

line-height: 25px;
   
}