@charset "utf-8";
/* CSS Document */

.user-center-main-top{ background:#fff;}
.user-detials{ margin-top:-.8rem; padding:0 .4rem; position:relative;}
.user-detials .avtaer-img{ width:3.125rem; height:3.125rem; border:.08rem solid #fff; border-radius:1.5625rem; overflow:hidden;}
.user-detials .avtaer-img img{ width:100%; height:auto;}
.user-detials .main-title{ margin-top:.4rem;}
.user-detials .main-title .user-name{ display:inline-block; margin-right:.2rem; font-size:.75rem; font-weight:normal;}
.user-detials .main-title .user-age{ display:inline-block; margin-left:.2rem; font-size:.625rem;}
.sex-ico{ display:inline-block; margin:0 .2rem; width:.625rem; height:.625rem; vertical-align:text-bottom; top:-2px; position:relative;}
.user-detials .main-title.male .sex-ico{ background:url(../images/ico-male.png) 0px 0px no-repeat; background-size:100%;}
.user-detials .main-title.male .user-age{ color:#1fa4da;}
.user-detials .main-title.female .sex-ico{ background:url(../images/ico-female.png) 0px 0px no-repeat; background-size:100%;}
.user-detials .main-title.female .user-age{ color:#da4d8f;}
.photo-wall{ height:5rem; background:url(../images/user-center-top-bg.jpg) 0 0 no-repeat; background-size:cover;}
.user-detials .sub-info{ margin-top:.4rem; font-size:.46rem; color:#777;}
.user-detials .sub-info .address{ padding-right:.4rem;}
.user-detials .autograph{ padding:.4rem 0 .2rem 0; width:65%; font-size:.4rem; color:#777;}
.user-detials .authentication{ margin-top:.4rem;}
.user-detials .authentication .status{ display:inline-block; margin-right:.2rem; padding:0 .4rem; height:1rem; font-size:.5rem; line-height:1rem; text-align:center; color:#777; background:#f4f4f4; border-radius:.5rem;}
.user-detials .authentication .status.active{ color:#fff; background:#2ad2c9;}
.user-detials .statistics-list{ padding:.625rem 0;}
.user-detials .statistics-list li{ text-align:center;}
.user-detials .statistics-list h3{ font-size:.75rem; font-weight:normal;}
.user-detials .statistics-list p{ font-size:.45rem; color:#777;}
.user-detials .contact-btn{ position:absolute; top:1.25rem; right:.4rem;}
.user-detials .contact-btn a{ display:inline-block; margin-left:.4rem; padding:0 .6rem; height:1rem; font-size:.5rem; line-height:1rem; text-align:center; color:#777; border:1px solid #777; border-radius:.5rem;}
.user-detials .contact-btn a.follow{ color:#fff; background:#2ad2c9; border:1px solid #2ad2c9;}
.user-detials .contact-btn a.follow.d{ background:#cacaca; border:1px solid #cacaca;}
.user-detials .interact-data{ position:absolute; top:3.5rem; right:.4rem;}
.user-detials .interact-data .recored{ display:inline-block; width:2rem; font-size:.46rem; text-align:center; vertical-align:top;}
.user-detials .interact-data .recored i{ display:inline-block; width:1.66rem; height:1.66rem;}
.user-detials .interact-data .recored i.like{ background:url(../images/ico_user-center-like.png) 0px 0px no-repeat; background-size:100%;}
.user-detials .interact-data .recored i.beenliked{ background:url(../images/ico_user-center-beenliked.png) 0px 0px no-repeat; background-size:100%;}
.user-detials .interact-data .recored p{ color:#777; word-wrap:break-word; word-break:break-all;}
.user-work-count{ padding:0 .4rem; height:1.66rem; font-size:.625rem; line-height:1.66rem;}

.user-all-work-head{ padding:.4rem .625rem;}
.user-all-work-head h3{ font-size:.58rem; font-weight:normal;}
.user-all-work-head .order-switch{ display:block; width:.83rem; height:.83rem;}
.user-all-work-head .order-switch.all{ background:url(../images/ico-work-list-order-all.png) 0px 0px no-repeat; background-size:.83rem .83rem;}
.user-all-work-head .order-switch.single{ background:url(../images/ico-work-list-order-single.png) 0px 0px no-repeat; background-size:.83rem .83rem;}