@charset "utf-8";
.com-h5{
    font-size: 16px;
    line-height: 55px;
    color: #333;
    text-indent: 15px;
}
.com-h5 em{ font-size: 12px;color: #999;padding-right: 15px; }
input:focus{border:1px solid #7cb1ff}
.user-left{ width: 280px; }
.user-left.w220{ width:220px; }
.tabs-user .u-zf-tabs ul li, .u-dt-tabs ul li, .u-tj-tabs ul li, .collajax-sc-ul li{
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
}
.tabs-user .u-zf-tabs ul li:hover,.u-dt-tabs ul li:hover,.u-tj-tabs ul li:hover,.collajax-sc-ul li:hover{
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
    overflow: inherit;
}
/* 上边 */
.user-left .user-left-top{position: relative; text-align: center;padding-bottom: 20px;border-radius: 5px;}
.user-left .user-pic img{ width:90px;max-height:90px;border-radius:50px;margin:62px 0 15px;overflow:hidden; }
.copy-u-url{ padding: 30px 0 20px;border-top: 1px solid #e6e6e6;margin-top: 30px; }
.copy-u-url.recru-code{ padding: 20px 0 0;margin-top: 20px; }
.user-left .user-left-top .copy-url{ width: 80px;height: 40px;text-align: center; line-height: 40px;background: #0057ff;color: #fff; cursor: pointer;border-radius: 5px;
    margin: 0 auto;
}
.user-left .user-left-top .sm-top{ position: absolute;top: 10px; }
.user-left .user-left-top .sm-top.u-l,.user-left .user-left-top .sm-top.u-r{ right: 10px; }
.user-left .user-left-top .sm-top span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.user-left .user-left-top .is_off{ background-position: -25px -161px; vertical-align: middle;}
.user-left .user-left-top .is_real{ background-position: -51px -161px; vertical-align: middle;}
.user-left .user-left-top .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}

.user-left .user-left-top h5{font-size: 14px;color:#333;font-weight: bold;}
.user-left .user-left-top span{font-size: 12px;color: #666}
.user-left .u-mun{ margin: 0 auto; }
.user-left .u-mun ul li{ width:25%;display:inline-block; }
.user-left .u-mun ul li span{ color:#999;padding: 15px 0 5px; }
.user-left .u-mun ul li strong{ color:#333; }
.user-left .u-mun ul li span,
.user-left .u-mun ul li strong{ display: block; }
.user-left .u-sign {
    display: block;
    width:120px;
    height: 35px;
    line-height: 35px;
    background:#0057ff;
    color: #fff;
    border-radius: 5px;
    margin: 20px auto 0;
}
/* 下边 */
.user-left-bottom{border-radius: 5px;}
.user-left-bottom ul li{
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    margin-bottom: 1px;
}
.user-left-bottom ul li a{display: block;color: #333}
.user-left-bottom ul li.on,
.user-left-bottom ul li:hover{
    background: #deebff;
    border-left: 2px solid #0057ff;
}
/*+------------------
  + 右侧样式
  +-----------------*/
.b-bor{border-bottom: 1px solid #eee}
.user-right{
    position: relative;
    width: 880px;
    border-radius: 5px;
}
.user-right.w940{width: 940px}
.user-right h5{
    font-size: 16px;
    color: #333;
    line-height: 55px;
    padding: 0 20px;
}
.user-right h5 .recru-go{ display: block; width: 80px;height: 30px;line-height: 30px;text-align: center; font-size: 12px;color: #fff;
    background: #0057ff;border-radius: 65px;margin: 13px 0 0 0; }
.user-right .portrait:after{display: block;content: "";clear: both;}
.user-right .portrait{ padding: 30px 20px; border-bottom: 1px solid #eee; }
.user-right .portrait .u-por-thumb{ width:100px;height:100px;position:relative;margin-right:20px;border-radius:50px;overflow:hidden; }
.user-right .portrait .u-por-thumb .user-thumb{
    display: none; position: absolute;top: 0;left: 0;
    width: 100px;height: 100px;line-height: 100px; background: rgba(0,0,0,.6);color: #fff;text-align: center;cursor: pointer;
    z-index: 55;
}
.user-right .portrait .u-por-thumb:hover .user-thumb{ display: block; }
#head_photo{ position: absolute;top: 0; left:0; width: 100%; height: 100px; opacity: 0; cursor: pointer; z-index:9;  }
.user-right .portrait .u-pro-name{float: left; position: relative;margin-top: 18px;}
.user-right .portrait .nickname{
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    border: 1px solid #fff;
    border-bottom: 1px solid #7cb1ff;
}
.user-right .portrait .nickname:focus{
    border-bottom-color:#7cb1ff;
}
.user-right .portrait .u-yes{
    display: block;
    position: absolute;
    top:10px;
    left: 372px;
    width: 15px;
    height: 15px;
    background: url("../../common/img/sign-check-icon.png") no-repeat;
    background-size: 15px;
}
.user-right .portrait .u-pro-name span{padding-left: 5px;}
/* 封面图 */
.user-right .cate-img{ position: relative;width:880px;height:380px;border-radius:5px;overflow:hidden; }
.user-right .cate-img .cover-pic{
    position: absolute;
    top: 0px;right: 0px;
    padding: 6px 15px;
    background: rgba(0,0,0,.8);
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}
.up-ordinary{ position:relative;float:right;width:60px;height:20px;line-height:20px;margin:14px 30px 0 0;
    color:#0057ff;cursor: pointer;overflow:hidden; }
.up-ordinary input[type=file]{ position: absolute;top: 0px;left: 0px; width: 100%;height: 100%;opacity: 0; }
/* 城市选择 */
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background:#fff;}
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #56b4f8; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
.AreaS { background-color: #56b4f8 !important; color: #fff !important; }
/* 手机 */
.u-basic.user-li{padding-bottom: 15px;}
.u-basic .phone p{height: 40px;line-height: 40px;color: #333}
.u-basic .phone p a{color:#7cb1ff;padding:0 15px;}
.u-basic .phone p .edit-phone.pl0{ padding-left: 0px; }
.u-basic .phone p span{color:#999}
.u-basic .textarea{height: 107px;}
.u-basic .new-phone{ width:400px;position:fixed;top:40%;left:50%;background:#fff;border-radius:5px;transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);z-index:10002; }
.new-phone h6{ padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.new-phone .new-phone-tel{ padding:20px; }
.new-phone #get-code-p,
.new-phone #get-code-pedit{ width: 100px; height: 41px; line-height: 41px; background: #0057ff; border: 0px; color: #fff; border-radius: 5px; }
.new-phone #get-code-p.h,.new-phone #get-code-pedit.h{background: #c8c8c8;color: red}
.new-phone .submit-p{ height: auto; }
.new-phone .submit-p .tips-phone{ margin-bottom:10px; }
.new-phone .new-phone-submit{ width:165px;height:40px;line-height:40px;background:#0057ff;color:#fff;border:0px;border-radius:5px;margin-left:85px; }
.new-phone .close{
    position:absolute;top:10px;right:10px;display:block;width:25px;height:25px;
    background:url("../../common/img/colse.png") no-repeat;background-size:25px;
}
/* 密码 */
.user-pwds .new-pwds{ width:400px;position:fixed;top:40%;left:50%;background:#fff;border-radius:5px;transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);z-index:10004; }
.new-pwds h6{ padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.new-pwds .new-pwds-tel{ padding:20px; }
.new-pwds #get-code-ps{ width: 100px; height: 41px; line-height: 41px; background: #0057ff; border: 0px; color: #fff; border-radius: 5px; }
.new-pwds #get-code-ps.h{background: #c8c8c8;color: red}
.new-pwds .submit-p{height: auto}
.new-pwds .submit-p .tips-phone{margin-bottom:10px;}
.new-pwds .new-pwds-submit{ width:165px;height:40px;line-height:40px;background:#0057ff;color:#fff;border:0px;border-radius:5px;margin-left:85px; }
.new-pwds .close{
    position:absolute;top:10px;right:10px;display:block;width:25px;height:25px;
    background:url("../../common/img/colse.png") no-repeat;background-size:25px;
}
/* 联系方式 */
.user-li.u-education ul li select{ width: 206px; }
/** 域名 **/
.domain.user-li h5 .sub-tip{ font-size: 12px;color: #999; }
.domain.user-li ul li label{ color: #333; }
.domain.user-li .domain-name{ padding-left: 10px;color: #333; }

/* 社交 */
.u-social.user-li h5{padding-right:0px;}
.u-social.user-li input[type=text]{float: left;}
.u-logo{ float: left;}
.u-logo .logo-up{ float:left;position:relative;display:block;width:180px;height:40px;background:#f4f4f4;
    color:#666;border-radius:5px;text-align:center;margin:0 15px; }
.u-logo img{margin: 4px 10px 0 0;}
.u-logo .jiany{font-size:12px;color:#999}
.u-logo .social_photo{position: absolute;top: 0; left:0; width: 100%; height: 40px; opacity: 0; cursor: pointer; z-index:9;  }
.u-social .soc-button{ width:70px;height:30px;border:1px solid #eee;cursor:pointer;background:#fff;
    color:#666;border-radius:5px;font-size:12px; }
.u-social .soc-button.del-soc{margin:0 5px 0 65px;}
.u-social .soc-button.add-soc{margin-top: 10px;}
.u-social .soc-button.save-soc{background:#0057ff;color:#fff;border-color:#0057ff;margin-top: 5px;}
/* 标签 */
.u-label:after{display: block;content: "";clear: both}
.u-label.user-li{padding-bottom: 30px;border-bottom: none;}
.u-label.user-li ul li{height: auto;}
.u-label-b{ margin:12px 0 0 80px; }
.u-label-b a{ display:block;float:left;padding:0px 10px;height:30px;line-height:30px;background:#eee;color:#666;border-radius:5px;margin:0 5px 5px 0;}
.u-label-b a span{ font-size: 16px;padding:0 3px 0 10px;cursor: pointer; }
/* 实名验证 */
.user-card.user-li:after{ display: block;content: "";clear: both; }
.user-card.user-li ul li{ float: left; position: relative; }
.user-card.user-li ul li .card-bor{ width: 280px;height: 210px; border: 1px solid #eee;border-radius: 5px;overflow: hidden; }
.user-card.user-li h5 em{ position: absolute;top: 15px;left: 100px; width: 50px; height: 25px;line-height: 25px;text-align: center; font-size: 12px;background: #0057ff;
    color: #fff; border-radius: 5px;
}
.user-card.user-li h5 em.n{ background: transparent;border: 1px solid #eee;color: #333; }
.user-card.user-li h5 em.s{ background: #fff3e7;color: #e88f3a; }
.user-card.user-li ul li.card-h,.user-card.user-li ul li.card_thumb_back{ margin-left: 30px; }
.user-card.user-li ul li.card_thumb_just,
.user-card.user-li ul li.card_thumb_back{ height: 210px;line-height: 210px; }
.user-card.user-li ul li input[type=file]{ position: absolute;top: 0px;left: 85px;width: 280px;height: 210px;opacity: 0;
    z-index:5; cursor: pointer; }
.user-card.user-li .u-submit{ top: 55px; }
.open-span{ position: absolute;top: 13px;right: 20px; width: 75px;height: 30px;line-height: 30px; text-align: center;background: #fff;
    border-radius: 5px;cursor: pointer;font-size: 14px;border:1px solid #eee;
}
/* 公共样式 */
.user-li{ padding: 0 20px;position:relative;border-bottom:1px solid #eee; }
.user-li h5{ padding-left: 0; }
.user-li ul li{height:40px;line-height:40px;margin-bottom:15px;}
.user-li ul li label{ width:75px;float:left;color:#999;text-align:right;margin-right:10px; }
.user-li ul li input[type=text],
.user-li ul li input[type=password],
.user-li ul li select{ height:40px;line-height: 40px;border-radius: 5px;border: 1px solid #eee; }
.user-li ul li input[type=text],
.user-li ul li input[type=password]{ padding: 0 5px; }
.user-li ul li select{ width: 480px;color: #333; padding: 0px 5px; }
.user-li ul li textarea{ padding: 5px;width: 468px;color: #666;border-radius: 5px;border: 1px solid #eee;resize: none; }
.user-li ul li input[type=radio]{ vertical-align: middle; }
.user-li ul li input[type=text]:focus,
.user-li ul li select:focus,
.user-li ul li textarea:focus{border:1px solid #7cb1ff}
.user-li .u-submit{ position:absolute;right:20px;top:20px;width:70px;height:30px;line-height:30px;border:0;
    background:#0057ff;color:#fff;border-radius:5px;cursor:pointer;font-size:12px; }
/* 修改密码 */
.user-li.user-pwds .edit-pwds{ position:absolute;top:13px;right:20px;width:75px;height:30px;line-height:30px;
    text-align:center;background:#fff;border-radius:5px;cursor:pointer;font-size:14px;border:1px solid #eee; }
.user-li.user-pwds .tips { font-size:12px;color:#888; }
/*+-------------------------------------
  + 职业招聘
  +-------------------------------------*/
.recru-members .user-li ul li.industry:after,
.recru-info ul:after,
.recru-info ul li:after{ display: block;content: '';clear: both; }
.recru-members .user-right .portrait .u-pro-name{ margin-top:25px; }
.recru-members .r-name{ font-size: 16px;color: #333;padding: 0 0 5px 0; }
.recru-members .user-li ul li.industry{ height: auto; }
.recru-members .check-remark{ float: left; }
.recru-members .check-remark .check{ width:20%;float:left;margin-top:10px;line-height:normal;cursor:pointer; }
.recru-members .check-remark .check .checkbox{ display: block;float: left;margin: 2px 5px 0 0; width: 17px;height: 17px;background: url("../../recru/img/ico.png") no-repeat 0 -42px; }
.recru-members .check-remark .check.on .checkbox{ background-position: -22px -42px; }
.recru-members .check-remark .check.on { color: #0057ff; }
.recru-members .u-twocode.user-li ul li:after{ display: block;content: "";clear: both; }
.recru-members .u-twocode.user-li ul li{ height: auto; }
.recru-members .u-twocode.user-li{ padding: 0 20px 30px;border:1px solid #eee;border-width: 1px 0 0; }
.recru-members .u-twocode.user-li label{ width: 95px;margin-top: 52px; }
.recru-members .u-twocode.user-li .remark-img .code-imgs{ display: none; width: 100%;height: 100%; }
.recru-members .u-twocode.user-li .remark-img .code-imgs.show{ display: block; }
.recru-members .u-twocode.user-li .remark-img{ float: left; position: relative; width: 140px;height: 140px;border: 1px solid #eee;
    background:#dbdbdb url("../../common/img/kicon.png") no-repeat 50px 55px;overflow: hidden;
}
.recru-members .u-twocode.user-li .file-code-img{ position:absolute;top:0;left:0;width:100px;height:100%;font-size: 100px;opacity: 0;z-index: 66; }
.recru-members .u-twocode.user-li .tips-code{ display:block;line-height:140px;margin-left: 20px; }
.recru-members .u-twocode.user-li .opac-code-hover{ position:absolute;top:0;left:0;display:none;width: 100%;height: 100%;
    background: rgba(0,0,0,.5);color: #fff;line-height: 140px;text-align: center; cursor: pointer;z-index: 5;
}
.recru-members .u-twocode.user-li .remark-img:hover .opac-code-hover{ display:block; }
/*+-------------------------------------
  + 招聘信息
  +-------------------------------------*/
.recru-info #loadrecru{ padding: 20px 20px 0; }
.recru-info #loadrecru li span{ display: block;float: left;color: #333; }
.recru-info #loadrecru li span:nth-of-type(1){ width: 300px;padding: 0 0 0 20px; }
.recru-info #loadrecru li span:nth-of-type(2){ width: 80px; }
.recru-info #loadrecru li span:nth-of-type(3){ width: 80px; }
.recru-info #loadrecru li span:nth-of-type(4){ width: 120px; }
.recru-info #loadrecru li span:nth-of-type(5){ width: 90px; }
.recru-info #loadrecru li.firsh{ height: 60px;line-height: 60px;background: #f7f8fa; }
.recru-info #loadrecru li.firsh span{ color: #333;font-weight: bold; }
.recru-info #loadrecru li{ line-height: 80px;border-bottom: 1px solid #f0f0f0; }
.recru-info #loadrecru li .tit a{ color: #0057ff; }
.recru-info #loadrecru li .butt{ padding: 6px 12px;border-radius: 5px;margin-left: 5px; background: #dcdcdc;font-size: 12px; }
.recru-info #loadrecru li .butt.recru-stop.on{ background: #0057ff;color: #fff; }
.recru-info #loadrecru li .butt.recru-refresh.on{ background: #fe3a2c;color: #fff; }

/*+-------------------------------------
  + 个人资料
  +-------------------------------------*/
.user-level { padding: 0px 0 20px; height: 62px }
.user-level ul { background: #fff;  border: 0; border-radius: 3px;  width: 100%  }
.user-level ul li { float: left; width: 20%;  position: relative  }
.user-level ul li:first-child span { -webkit-border-radius: 5px 0 0 5px;-ms-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px }
.user-level ul li:last-child span::before,.user-level ul li:last-child span::after { display: none }
.user-level ul li:last-child span { border-radius:0 5px 5px 0 }
.user-level ul li:hover .breadcrumbs-tips { display: block; }
.user-level ul .current,.user-level ul .current:hover { background:#0057ff;color:#fff }
.user-level ul span { font-size:16px;text-align:center;width:70%;height:62px;line-height:62px;padding: 0 30px 0 40px;
    float: left; text-decoration: none; color: #777; position: relative; background-color: #fff }
.user-level ul span:hover { background: #fff }
.user-level ul span:hover::after { border-left-color: #fff }
.user-level ul span::after,.user-level ul span::before { content: ""; position: absolute; top: 50%; margin-top: -31px; border-top: 31px solid transparent;
    border-bottom: 31px solid transparent; border-left: 30px solid; right: -30px }
.user-level ul span::after { z-index: 2; border-left-color: #fff }
.user-level ul span::before { border-left-color: #f6f6f6; right: -31px; z-index: 1  }
.user-level ul span.current::after,.user-level ul span.current::before { border-left-color: #0057ff }
.user-level ul span.current .zheng{ display: inline-block;width: 20px;height: 20px;line-height: 20px; background:#ff892a;color:#fff;font-size:12px;border-radius: 35px;
    margin-left: 10px;vertical-align: text-bottom;cursor: pointer;
}
.user-level ul span .zheng{ display: none; }
/*.user-level ul span .apply-cert{ display: none; }*/
.user-level ul span .apply-cert,
.user-level ul span .apply-cert-up{
    display: block; position:absolute;top:3px;right:0px;font-size:12px;padding: 0 5px; height:25px;line-height:25px;background:#ff892a;border-radius:3px;
    cursor: pointer;color: #fff;
}

.cert { position:fixed;top:30%;left:50%;width:402px;height:520px;background:#fff;border-radius:5px;
    transform:translate(-50%,-20%);-webkit-transform: translate(-50%,-20%);z-index:10003; }
.cert img{ width:365px;height:480px;padding:20px; }
.cert .close { position:absolute;top:-12px;right:-12px;display:block;width:25px;height:25px;background:url(../../common/img/colse-f.png) no-repeat;background-size:25px;cursor:pointer; }
.cert .magni{ position:absolute;top:35px;right:35px;display:block;width:20px;height:20px;background: url("../../common/img/big.png") no-repeat;cursor:pointer; }

.user-left.user-index-l .u-mun ul li{ width: 35%;background: url("../../common/img/li12.jpg") no-repeat 100% 14px; }
.user-left.user-index-l .u-mun ul li:last-child{background: none;}
.user-left.user-index-l .u-mun ul li span,
.user-left.user-index-l .u-mun ul li strong{ display: inline-block; }
.user-left.user-index-l .u-mun ul li span{ font-size: 14px; padding-top: 10px;}
.user-left.user-index-l .u-mun ul li strong{ font-weight:normal;color:#666; }

.si-gz{ padding: 35px 0px 20px;margin-top: 30px; border-top: 1px solid #eee; }
.si-gz .button{ display:inline-block;width:83px;height:35px;line-height:35px;text-align:center;border:1px solid #eee;
    color:#666;border-radius:5px;margin-right:5px;background: #fff;color: #666;font-size: 12px; }
.si-gz .button:last-child{ background: #0057ff;color: #fff; border-color: #fff; margin-right: 0px; }
.si-gz .button.is_follow1{width:75px;background:transparent;border-color:#0057ff;color: #0057ff;}
/* 站点 */
.user-web{border-radius: 5px;}
.user-web ul:after{display: block;content: "";clear: both;}
.user-web ul{padding: 0px 20px 15px;}
.user-web ul li{ width: 32px;height: 32px; float: left;margin:15px 15px 0 0;border-radius: 35px; overflow: hidden; }
.user-web ul li:nth-of-type(5n){margin-right: 0px;}
/* 访客 */
.user-left-fanke:after{ display: block;content: "";clear: both; }
.user-left-fanke{ border-radius:5px;padding-bottom:20px; }
.user-left-fanke ul li{ float: left;width: 33.3333333%;text-align: center;margin-top: 15px; }
.user-left-fanke ul li .u-visitor{ display: block;width: 50px;height: 50px;border-radius: 35px;margin: 0 auto; overflow: hidden; }
.user-left-fanke ul li h6,.user-left-fanke ul li p{ font-size: 12px; }
.user-left-fanke ul li h6{ width:100%;height:17px;color:#333;padding:5px 0 0px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden; }
.user-left-fanke ul li p{ color: #999; }
/* -------- 右侧 -------- */
.empty{ padding: 10px 0 20px; }
.empty.e-works{ padding: 50px 0;text-align: center; }
.empty a{color:#0057ff}
.user-index-r .cate-menu{ width:100%;height:60px;line-height:60px;margin:20px 0;position:relative;overflow:hidden; }
.user-index-r .cate-menu ul li{ float:left;padding:0 20px;font-size:16px;color:#666;margin-right: 2px; }
.user-index-r .cate-menu ul li{ border-bottom: 2px solid #fff;margin-top: -2px; }
.user-index-r .cate-menu ul li:hover,
.user-index-r .cate-menu ul li.on{border-bottom-color: #336de3;color: #333}

.user-index-r .cate-menu ul li.on .c-type{ display: block; }
.user-index-r .cate-menu ul li .c-type{ display: none;position:absolute;top:0px;right:20px; }
.user-index-r .cate-menu ul li .c-type a{ padding:0 5px;font-size:14px;color:#999; }
.user-index-r .cate-menu ul li .c-type a:hover,
.user-index-r .cate-menu ul li .c-type a.on{ color: #0057ff }
.user-index-r .cate-menu ul li .c-type a:last-child{ padding-right: 0px; }

.tabs-user .u-tabs-list{ position: relative; }
/*------------ 作品 ------------*/
.tabs-user .u-zf-tabs ul li{ position: relative; width:280px;height: 358px; float:left;margin:0 20px 20px 0;border-radius: 5px; overflow: hidden; }
.tabs-user .u-zf-tabs ul li:nth-of-type(3n){margin-right: 0px;}
.tabs-user .u-zf-tabs ul li img{width:280px;height:210px;}
.tabs-user .u-zf-tabs ul li .title{ position: relative; padding:15px 18px; }
.tabs-user .u-zf-tabs ul li .title .istype{ position: absolute;top: 14px;right: 20px; width: 16px;height: 20px; background-position: -134px -130px;}
.tabs-user .u-zf-tabs ul li .title .istype.j-x{ background-position: -101px -130px; }
.tabs-user .u-zf-tabs ul li .title .istype.y-x{ background-position: -157px -159px; }
.tabs-user .u-zf-tabs ul li h6 a{ font-size:14px;color:#333; }
.tabs-user .u-zf-tabs ul li p{ margin:5px 0;color:#999;font-size: 12px; }
.tabs-user .u-zf-tabs ul li .title-bottom:after{ display: block;content: "";clear: both; }
.tabs-user .u-zf-tabs ul li .title-bottom i{ float: left; margin-right: 5px; }
.tabs-user .u-zf-tabs ul li .title-bottom span{ display: block;float:left; font-size: 12px;color:#999;margin-right: 15px; }
.tabs-user .u-zf-tabs ul li .title-bottom .view i{ margin-top: 3px; width: 15px;height: 11px; background-position: 0px -188px; }
.tabs-user .u-zf-tabs ul li .title-bottom .hits i{ width: 14px;height: 14px; background-position: -24px -186px; }
.tabs-user .u-zf-tabs ul li .title-bottom .comment i{ margin-top: 1px; width: 14px;height: 14px; background-position: -48px -186px; }
.tabs-user .u-zf-tabs ul li .zf-bottom{border-top: 1px solid #eee;padding: 15px;}
.tabs-user .u-zf-tabs ul li .zf-bottom a{ color: #999; padding-right: 15px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a.sta{ color: #0057ff }
.tabs-user .u-zf-tabs ul li .zf-bottom a.time{padding-right: 0px;font-size: 12px;}
.tabs-user .u-zf-tabs ul li .zf-bottom a:not(.time):hover{color:#0057ff;}
/*------------ 关注 ------------*/
.tabs-user .u-gz-tabs ul li:after{ display: block;content: "";clear: both; }
.tabs-user .u-gz-tabs ul li{ padding: 30px 20px;border-bottom: 1px solid #eee; }
.tabs-user .u-gz-tabs .follow-left .pic{ display:block;width:65px;height:65px;border-radius:35px;margin:20px 12px 0 0;overflow:hidden; }
.tabs-user .u-gz-tabs .follow-left .pic img{ width:100%;height:100%; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5{ font-weight: bold;line-height: normal; padding:10px 0 0 0; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .is_off{ background-position: -25px -161px; vertical-align: middle;}
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .is_real{ background-position: -51px -161px; vertical-align: middle;}
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}

.tabs-user .u-gz-tabs .follow-left .follow-top-a p{ margin: 8px 0px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a p em{ color: #333; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button{ display: block;float: left; width: 65px;height: 30px;line-height: 28px; border: 1px solid #eee;background: #fff;border-radius: 5px;
    margin-right: 8px;color: #666;font-size: 12px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button:last-child{background: #0057ff;color: #fff;border: 0;}
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button.is_follow1{ width: 75px; background: transparent; border:1px solid #0057ff; color: #0057ff; }
.tabs-user .u-gz-tabs .follow-right{ width:480px; }
.tabs-user .u-gz-tabs .follow-right ul li{ float:left;width:150px;height:112px;border-radius:5px;margin-right:15px;padding:0px;
    border-bottom:0px;overflow:hidden; }
.tabs-user .u-gz-tabs .follow-right ul li:last-child{margin-right: 0px;}
.tabs-user .u-gz-tabs .follow-right ul li img{width: 100%;height: 100%;}
/*------------ 动态、推荐 ------------*/
.u-dt-tabs ul li .zf-bottom:after, .u-tj-tabs ul li .zf-bottom:after,.collajax-sc-ul li .zf-bottom:after{display: block;content: "";clear: both;}
.u-dt-tabs ul li,.u-tj-tabs ul li,.collajax-sc-ul li{ position: relative; width:280px;height:368px;float:left;margin:0 20px 20px 0;border-radius:5px; overflow: hidden; }
.u-dt-tabs ul li:nth-of-type(3n),.u-tj-tabs ul li:nth-of-type(3n),.collajax-sc-ul li:nth-of-type(3n){margin-right: 0px;}
.u-dt-tabs ul li .bor-img,.u-tj-tabs ul li .bor-img,.collajax-sc-ul li .bor-img{ display: block;width: 280px;height: 210px;border-top-left-radius: 5px;border-top-right-radius: 5px; overflow: hidden; }
.u-dt-tabs ul li img,.u-tj-tabs ul li img,.collajax-sc-ul li img{width:280px;height:210px;}
.u-dt-tabs ul li .title,.u-tj-tabs ul li .title,.collajax-sc-ul li .title{position: relative; padding:15px 18px; }
.u-dt-tabs ul li .title .istype,.u-tj-tabs ul li .title .istype,.collajax-sc-ul li .title .istype{ position: absolute;top: 14px;right: 20px; width: 16px;height: 20px; background-position: -134px -130px;}
.u-dt-tabs ul li .title .istype.j-x,.u-tj-tabs ul li .title .istype.j-x,.collajax-sc-ul li .title .istype.j-x{ background-position: -101px -130px; }
.u-dt-tabs ul li h6 a,.u-tj-tabs ul li h6 a,.collajax-sc-ul li h6 a{ font-size:14px;color:#333; }
.u-dt-tabs ul li p,.u-tj-tabs ul li p,.collajax-sc-ul li p{ margin:5px 0;color:#999;font-size: 12px; }
.u-dt-tabs ul li .title-bottom i,.u-tj-tabs ul li .title-bottom i,.collajax-sc-ul li .title-bottom i{ display: inline-block; margin-right: 5px; }
.u-dt-tabs ul li .title-bottom span,.u-tj-tabs ul li .title-bottom span,.collajax-sc-ul li .title-bottom span{color:#999;margin-right: 15px;}
.u-dt-tabs ul li .title-bottom .view i,.u-tj-tabs ul li .title-bottom .view i,.collajax-sc-ul li .title-bottom .view i{ width: 20px;height: 17px; background-position: -83px -30px;vertical-align: text-top; }
.u-dt-tabs ul li .title-bottom .hits i,.u-tj-tabs ul li .title-bottom .hits i,.collajax-sc-ul li .title-bottom .hits i{ width: 17px;height: 17px; background-position: -30px -35px;vertical-align: text-top; }
.u-dt-tabs ul li .title-bottom .comment i,.u-tj-tabs ul li .title-bottom .comment i,.collajax-sc-ul li .title-bottom .comment i{ width: 17px;height: 17px; background-position: -56px -35px;vertical-align: text-top; }
.u-dt-tabs ul li .zf-bottom,.u-tj-tabs ul li .zf-bottom,.collajax-sc-ul li .zf-bottom{border-top: 1px solid #eee;padding:0 15px;height:56px;line-height:56px; }
.u-dt-tabs ul li .zf-bottom a,.u-tj-tabs ul li .zf-bottom a,.collajax-sc-ul li .zf-bottom a{ color: #999; }
.u-dt-tabs ul li .zf-bottom a.time,.u-tj-tabs ul li .zf-bottom a.time,.collajax-sc-ul li .zf-bottom a.time{padding-right: 0px;font-size: 12px;}
.u-dt-tabs ul li .zf-bottom .user-sta,.u-tj-tabs ul li .zf-bottom .user-sta,.collajax-sc-ul li .zf-bottom .user-sta{ position: relative; width:55%; cursor: pointer;}
.u-dt-tabs ul li .zf-bottom .user-sta-pic,.u-tj-tabs ul li .zf-bottom .user-sta-pic,.collajax-sc-ul li .zf-bottom .user-sta-pic{display: block; width: 25px;height: 25px;float: left;margin:16px 5px 0 0;border-radius: 35px; overflow: hidden;}
.u-dt-tabs ul li .zf-bottom .user-sta-pic img,.u-tj-tabs ul li .zf-bottom .user-sta-pic img,.collajax-sc-ul li .zf-bottom .user-sta-pic img{width: 100%;height: 100%;}

.u-dt-tabs ul li .zf-bottom .user-sta:hover .user-relevant,
.u-tj-tabs ul li .zf-bottom .user-sta:hover .user-relevant,
.collajax-sc-ul li .zf-bottom .user-sta:hover .user-relevant{display:block;text-align: center;}

.u-dt-tabs ul li .user-relevant,.u-tj-tabs ul li .user-relevant,.collajax-sc-ul li .user-relevant{ display:none;width:100%;position:absolute;bottom:56px;left:-15px;background: #fff;
    border-radius:5px;padding:20px 20px 10px;box-shadow:0px 10px 30px #dcdcdc;z-index:200; }
.u-dt-tabs ul li .user-relevant .top:after,
.u-tj-tabs ul li .user-relevant .top:after,
.collajax-sc-ul li .user-relevant .top:after{display: block;content: "";clear: both;}
.u-dt-tabs ul li .user-relevant .top,
.u-tj-tabs ul li .user-relevant .top,
.collajax-sc-ul li .user-relevant .top{ margin-bottom: 15px; }
.u-dt-tabs ul li .user-relevant .top .left h5,
.u-tj-tabs ul li .user-relevant .top .left h5,
.collajax-sc-ul li .user-relevant .top .left h5{ color: #333;font-weight: bold;padding: 6px 0 0; line-height: normal; }
.u-dt-tabs ul li .user-relevant .top .left p,
.u-tj-tabs ul li .user-relevant .top .left p,
.collajax-sc-ul li .user-relevant .top .left p{margin: 0px;}
.u-dt-tabs ul li .user-relevant .top .pic,
.u-tj-tabs ul li .user-relevant .top .pic,
.collajax-sc-ul li .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;margin:0 auto;overflow:hidden; }
.u-dt-tabs ul li .user-relevant .top .pic img,
.u-tj-tabs ul li .user-relevant .top .pic img,
.collajax-sc-ul li .user-relevant .top .pic img{width:100%;height:100%;}
.u-dt-tabs ul li .user-relevant .top .operation,
.u-tj-tabs ul li .user-relevant .top .operation,
.collajax-sc-ul li .user-relevant .top .operation{margin-top: 10px;}
.u-dt-tabs ul li .user-relevant .top .operation .button,
.u-tj-tabs ul li .user-relevant .top .operation .button,
.collajax-sc-ul li .user-relevant .top .operation .button{
    display: block;float:left; width: 60px;height: 30px;line-height: 28px;border: 1px solid #eee;border-radius: 5px;text-align: center;
    margin-left: 5px;cursor: pointer;background: #fff;font-size: 12px;  }
.u-dt-tabs ul li .user-relevant .top .operation .button.add-follow,
.u-tj-tabs ul li .user-relevant .top .operation .button.add-follow,
.collajax-sc-ul li .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;border: 0;}
.u-dt-tabs ul li .user-relevant .top .operation .button.add-follow.is_follow1,
.u-tj-tabs ul li .user-relevant .top .operation .button.add-follow.is_follow1,
.collajax-sc-ul li .user-relevant .top .operation .button.add-follow.is_follow1{width:65px;background:transparent;border:1px solid #0057ff;color: #0057ff;}
.u-dt-tabs ul li .user-relevant .bottom-ico,
.u-tj-tabs ul li .user-relevant .bottom-ico,
.collajax-sc-ul li .user-relevant .bottom-ico{ position: absolute;bottom: -6px;left: 63px; display: block;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
/*------------ 收藏 ------------*/
.tabs-user .u-sc-tabs:after{ display: block;content: "";clear: both; }
.collection-show{
    position: fixed;
    top: 45%;
    left: 50%;
    width: 450px;
    border-radius: 5px;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 10002;
}
.collection-show h5{ font-size: 16px;color: #333;height: 60px;line-height: 60px;border-bottom: 1px solid #eee; }
.collection-show ul{ width: 400px;margin: 0 auto; }
.collection-show ul li{ margin-top: 20px; }
.collection-show ul li input[type=text]{ width: 387px; height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #eee;padding:0 5px; }
.collection-show ul li input[type=radio]{ vertical-align: middle; }
.collection-show ul li.is_open{margin-top: 10px;}
.collection-show ul li.is_open em{font-size: 12px;color: #999}
.collection-show ul li textarea{ width: 380px; height: 70px; padding: 8px;border: 1px solid #eee; resize: none;border-radius: 5px; }
.collection-show ul li input[type=submit]{ width: 100%;height: 42px;line-height: 42px;background: #0057ff;color: #fff;border: 0px; border-radius: 5px;margin-bottom:30px; cursor: pointer; }
.collection-show .close,.edit-coll .close{
    position: absolute;top:15px;right:15px;cursor: pointer;display: block;width:20px;height:20px;background: url("../../common/img/colse.png") no-repeat;background-size:20px;
}
.collection-show .tips-coll{display: block;margin: 20px 0 0 0;}
.tabs-user .u-sc-tabs ul li{ width:280px;height: 369px; float:left;margin:0 20px 20px 0;border-radius: 5px; overflow: hidden; }
.tabs-user .u-sc-tabs ul li .pics{ display: block; width: 280px; height: 210px; background: #eee;overflow: hidden; }
.tabs-user .u-sc-tabs ul li .pics img,
.tabs-user .u-sc-tabs ul li .pics-cool img{ width: 100%;height: 210px; }
.tabs-user .u-sc-tabs ul li:nth-of-type(3n){margin-right: 0px;}
.tabs-user .u-sc-tabs ul li .title{ padding:15px 18px; }
.tabs-user .u-sc-tabs ul li h6 a{ font-size:14px;color:#333; }
.tabs-user .u-sc-tabs ul li .title em{ width: 11px;height: 14px;background-position: -50px -107px; }
.tabs-user .u-sc-tabs ul li p{ margin:5px 0;color:#999; }
.tabs-user .u-sc-tabs ul li .title-bottom:after,.tabs-user .u-sc-tabs ul li .zf-bottom:after{display: block;content: "";clear: both;}
.tabs-user .u-sc-tabs ul li .title-bottom .sc-i{float: left; margin-right: 5px; }
.tabs-user .u-sc-tabs ul li .title-bottom span{ float:left;color:#999;margin-right:15px;}
.tabs-user .u-sc-tabs ul li .title-bottom .count-pic i{ width: 16px;height: 13px; background-position: 0px -107px; margin-top: 3px; }
.tabs-user .u-sc-tabs ul li .title-bottom .xing i{ width: 15px;height: 15px;margin-top: 2px; background-position: -25px -107px; }
.tabs-user .u-sc-tabs ul li .zf-bottom{ border-top: 1px solid #eee;padding:0 15px;height: 56px; line-height: 56px; }
.tabs-user .u-sc-tabs ul li .zf-bottom a{ color: #999; }
.tabs-user .u-sc-tabs ul li .zf-bottom a.sta{ color: #0057ff }
.tabs-user .u-sc-tabs ul li .zf-bottom a.time{padding-left: 0px;}
.tabs-user .u-sc-tabs ul li .zf-bottom a:not(.time):hover{color:#0057ff;}
.tabs-user .u-sc-tabs ul li .zf-bottom a.del-collect{ padding-left:10px; }
/** 酷站 **/
.tabs-user .u-sc-tabs ul li.coolku{ height: 307px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom span {
    display: block;
    float: left;
    font-size: 12px;
    color: #999;
    margin-right: 15px;
}
.tabs-user .u-sc-tabs ul li.coolku .title-bottom .view i {
    margin-top: 3px;
    width: 15px;
    height: 11px;
    background-position: 0px -188px;
}
.tabs-user .u-sc-tabs ul li.coolku .title-bottom i {
    float: left;
    margin-right: 5px;
}
.tabs-user .u-sc-tabs ul li.coolku .title-bottom span {
    display: block;
    float: left;
    font-size: 12px;
    color: #999;
    margin-right: 15px;
}
.tabs-user .u-sc-tabs ul li.coolku .title-bottom .creatime i {
    width: 14px;
    height: 14px;
    background-position: -92px -186px;
    vertical-align: text-top;
}
/*------------ 收藏课程 ------------*/
.tabs-user .u-sc-tabs ul li.coll-kecheng{ height: 350px; }
.tabs-user ul.ajax-content-kecheng li{ height: 342px; }
.tabs-user .u-sc-tabs ul li.coll-kecheng h6 a,
.tabs-user ul.ajax-content-kecheng li h6 a{ font-size: 16px; }
.tabs-user .u-sc-tabs ul li.coll-kecheng p .type,
.tabs-user ul.ajax-content-kecheng li p .type{ color: #ff3b2c; }


/* 修改收藏夹 */
.edit-coll{
    position: fixed;
    top: 35%;
    left: 50%;
    width: 400px;
    background:#fff;
    border-radius: 5px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 10002;
}
.edit-coll h5{border-bottom: 1px solid #eee}
.edit-coll .edit-coll-con{ width: 345px; margin: 20px auto 30px; }
.edit-coll .edit-coll-con input[type=text]{
    width: 332px;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #eee;
}
.edit-coll .edit-coll-con ul li.is_open{ margin: 20px 0 }
.edit-coll .edit-coll-con input[type=radio]{ vertical-align: middle; }
.edit-coll .edit-coll-con ul li.is_open em{font-size: 12px;color: #999}
.edit-coll .edit-coll-con ul li.input-sub input[type=submit] { width: 100%;height: 40px;line-height: 40px;border: 0;background: #0057ff;border-radius: 5px;color: #fff;cursor: pointer; }
.edit-coll .tips-e{display: block; margin: 0 0 15px 0;}

/* 移除 */
.collajax-sc-ul li{ position: relative; }
.collajax-sc-ul li:hover .remove-coll{ display: block; }
.collajax-sc-ul li .remove-coll{ display:none;position:absolute;top:0px;right:0px;z-index:240;padding: 5px 15px;
    cursor: pointer; border-radius: 5px;color: #fff; background: rgba(0,0,0,.6); }
/*------------ 个人资料 ------------*/
.tabs-user .u-basic-tabs:after,
.tabs-user .basic-bottom ul li:after{ display: block;content: "";clear: both; }
.tabs-user .u-basic-tabs{ padding: 25px 0px 10px; }
.tabs-user .u-basic-tabs .basic{padding: 0 20px 25px; border-bottom: 1px solid #eee;}
.tabs-user .u-basic-tabs h5{line-height: normal}
.tabs-user .u-basic-tabs .basic ul li{ width:45%;float:left;margin-top:20px;color:#666; }
.tabs-user .u-basic-tabs .basic ul li label{color: #999;padding-right: 5px;}
.tabs-user .u-remark h6{color: #999; margin: 0px 0 10px;}
.tabs-user .u-remark p{line-height: 25px;}

.tabs-user .basic-bottom ul li{
    padding: 20px;
    border-bottom: 1px solid #eee;
}
.tabs-user .basic-bottom ul li:last-child{border-bottom: none}
.tabs-user .basic-bottom ul li label{
    width: 85px;
    display: block;
    float: left;
    color: #333;
}
.tabs-user .basic-bottom ul li p{float: left}
.tabs-user .basic-bottom ul li.social label,
.tabs-user .basic-bottom ul li.label label{padding-top: 5px;}
.tabs-user .basic-bottom ul li.social a{display:block;float:left;padding-right:15px;}
.tabs-user .basic-bottom ul li.label{padding-bottom: 15px;}
.tabs-user .basic-bottom ul li.label a {
    display: block;
    float: left;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    color: #666;
    border-radius: 5px;
    margin: 0 5px 5px 0;
}
/*------------ 私信 ------------*/
.send-letter{font-size: 13px;color: #666}
.letter-ul{ margin: 0 20px; }
.letter-ul li:after,.letter-ul li .letter-top:after{ display: block;content: "";clear: both; }
.letter-ul li{ position: relative;padding: 20px 0; border-bottom: 1px solid #eee; }
.letter-ul li .letter-top{ position: relative; }
.letter-ul li .pic{ display: block;width: 65px;height: 65px;border-radius: 50px;margin-right: 15px; overflow: hidden; }
.letter-ul li .pic img{ width: 100%;height: 100%; }
.letter-ul li h6{ padding: 7px 0 10px 0; }
.letter-ul li h6 strong{ font-size:14px;color:#333; }
.letter-ul li h6 span{ padding:0 10px 0 0;font-size: 12px; }
.letter-ul li h6 em{ color:#999;font-size:12px; }
.letter-ul li .type-cz{ position:absolute;top:35px;right:2px; }
.letter-ul li .type-cz a{ padding-left:20px;cursor:pointer; }
.letter-ul li .type-cz a.del-letter-u{ color:#999; }
.letter-ul li .is_open{ position:absolute;right:0px;top:5px;padding:4px 10px;font-size:12px;background:#fff3e7;color:#e88f3a;border-radius:5px; }
.replay-letter-txt{ width:792px;margin:10px 0 0 80px; background:#f4f4f4;padding:15px;border-radius:5px; }
.replay-letter-txt a{ font-size:14px;font-weight:bold;color:#333;padding-bottom:3px; }
.replay-letter-txt h2{color:#333}
.replay-letter-txt h2 .time{ color:#999;font-size:12px; }
.replay-letter:after{ display: block;content: "";clear: both; }
.replay-letter{ margin:10px 0 0 80px; }
.replay-letter .r-intro{ width:792px;padding:15px;background:#f4f4f4;border-radius:5px;border:0px;resize:none; }
.replay-letter .but-replay{ width: 100px;height: 35px;background: #0057ff;border: 0px;border-radius: 5px;color: #fff;margin: 15px 0 0 0;
    cursor: pointer; }
.more-letter,.more-notice{ padding: 25px 0px; text-align: center;line-height: 39px; }
.more-letter a,.more-notice a{color: #0057ff;}
/** 评论 **/
.letter-ul li .reply-message { display:inline-block;color:#999;margin-left:15px;cursor:pointer;vertical-align:sub; }
.letter-ul li .reply-message i { width: 15px;height:15px;background-position:-110px -33px; }
.letter-ul li .reply-form{ margin: 15px 0 0 75px; }
.letter-ul li .reply-comment{ padding:15px; }
.letter-ul li .reply-comment .level-2{ padding: 0 0 5px 0; }

/*------------ 通知 ------------*/
.user-index-r .cate-menu-notic{ width:100%;height:60px;line-height:60px;margin: 0px 0px 1px;position:relative;overflow:hidden; }
.user-index-r .cate-menu-notic ul li{position: relative; float:left;padding:0 20px;font-size:16px;color:#666;margin:-2px 2px 0 0;border-bottom: 2px solid #fff; }
.user-index-r .cate-menu-notic ul li:hover,
.user-index-r .cate-menu-notic ul li.on{ border-bottom-color: #336de3;color: #333; }
.user-index-r .cate-menu-notic ul li i{ position: absolute;top:17px;right:12px; display: block;width: 10px;height: 10px;background:red;border-radius: 35px; }
.user-index-r .cate-menu-notic .all-du{ display: block;padding-right: 20px;font-size: 12px;color:#e88f3a;cursor: pointer; }
.user-index-r .cate-menu-notic .all-du.also{ color: #666; }
.user-index-r .cate-menu-notic .all-du.also em{ display: block; }
.user-index-r .cate-menu-notic .all-du em{display: none; float:left;margin:23px 5px 0 0;width:15px;height:15px;background-position:-185px -185px; }
.user-index-r .cate-menu-notic .all-du.also em.on{ background-position: -167px -185px; }
.user-index-r .cate-menu-notic ul li.on .c-type{ display: block; }
.user-index-r .cate-menu-notic ul li .c-type{ display: none;position:absolute;top:0px;right:20px; }
.user-index-r .cate-menu-notic ul li .c-type a{ padding:0 5px;font-size:14px;color:#999; }
.user-index-r .cate-menu-notic ul li .c-type a:hover,
.user-index-r .cate-menu-notic ul li .c-type a.on{ color: #0057ff }
.user-index-r .cate-menu-notic ul li .c-type a:last-child{ padding-right: 0px; }
.letter-ul.notice-ul .type-cz{ position: absolute;top: 50px; }
.letter-ul.notice-ul .type-cz a{ padding: 4px 10px;font-size: 12px; border: 1px solid #0057ff;border-radius: 5px;color: #0057ff; }
.letter-ul.notice-ul .type-cz a:hover{ background: #0057ff;color: #fff }
/* 评论 */
.comment-works{border-radius: 5px;}
.comment-works-top:after,.comment-works-bottom:after,
.comment-works-bottom .comment-content li:after,.reply-form:after{ display:block;content:"";clear: both; }
.comment-works-top{ padding: 20px; border-bottom: 1px solid #eee; }
.comment-works-top .comment{
    width: 827px;
    height: 70px;
    border:1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    resize: none;
    background: #f4f4f4;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.comment-works-top .comment:focus{ background: #fff; }
.comment-works-top .comm-submit{ display:block;width:100px;height:35px;border-radius:5px;border:0px;cursor:pointer;margin-top:12px;
    float:right;background:#0057ff;color:#fff; }
.comment-works-top.comm-disabled .comment{ background: #f4f4f4; }
.comment-works-top.comm-disabled .comm-submit{background:#f4f4f4;color: #666;}
.comment-works-top .comment:focus{border-color: #eee}
.comment-works-top .tips-c,.tips-rep{display: block;float: left;margin: 15px 0 0 0;}
.comment-works-top .tips-c .font-col{ color: #bfbfbf; }
.comment-works-bottom{ padding: 20px 20px 0; }
.comment-works-bottom h5{ font-size:16px;font-weight:bold;color:#333;padding: 0; }
.comment-works-bottom h5 span{font-size: 14px;font-weight: normal; color: #999}
.comment-works-bottom .comment-content li{ padding: 25px 0px;border-bottom: 1px solid #eee; }
.comment-works-bottom .comment-content li:last-child{border-bottom: none;}
.comment-works-bottom .comment-content li .user-pic{ display:block;width:60px;height:60px;border-radius:35px;overflow:hidden;margin-right:15px; }
.comment-works-bottom .comment-content li .user-pic img{ width:60px;height:60px; }
.comment-works-bottom .comment-content li .user-comment-right{ width:763px; }
.comment-works-bottom .comment-content li .user-comment-right .a-invita{ color: #0ca156; }
.comment-works-bottom .comment-content li .user-comment-right .level-1{ font-weight:bold;color:#333; padding:10px 0 5px; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 .time{ color:#999;font-weight:normal;padding-left:15px;font-size: 12px; }
.comment-works-bottom .user-comment-oper{ width: 100%;height: 10px; }
.comment-works-bottom .user-comment-oper a{ display:block;float:left;color:#999;margin-left:25px;cursor:pointer; }
.comment-works-bottom .user-comment-oper a.c-report i{ width:15px;height:15px;float:left;vertical-align:middle;margin:3px 5px 0 0;background-position:-134px -34px; }
.comment-works-bottom .user-comment-oper a.c-reply i{ width:15px;height:15px;background-position:-110px -33px; }
.comment-works-bottom .user-comment-oper a.c-zan i{ float:left;width:13px;height:13px;background-position:-28px -11px;margin:3px 5px 0 0; }
.comment-works-bottom .user-comment-oper a.c-del i{ width:12px;height:15px;background-position:-136px -155px; }
.back-33{ color: #333; }
/* 回复 */
.reply-comment { position:relative;width:725px;padding:20px;background:#f4f4f4;border-radius:5px;margin:15px 0 0 75px; }
.reply-comment .level-2 a{font-weight:bold;color:#333;}
.reply-comment .level-2 span{font-size: 12px;font-weight: normal;color: #999}
.reply-comment .top-ico,
.reply-form .top-ico{ position:absolute;top:-7px;left:30px;display:block;width:13px;height:13px;background:#f4f4f4;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.reply-form{ position: relative;width: 765px; margin: 15px 0 25px 75px; }
.reply-form .reply-content{ width: 725px;padding: 20px;border: 0px;background: #f4f4f4;border-radius: 5px; resize: none; }
.reply-form .comm-submit{ display:block;width:100px;height:35px;border-radius:5px;border:0px;cursor:pointer;margin-top:12px;
    float:right;background:#0057ff;color:#fff; }
.more-comment{ padding: 25px 0px; text-align: center;border-top: 1px solid #eee; }
.more-comment a{color:#0057ff;}
.more-comment .load-more-comment.load{text-indent: -9999px;display: inline-block; width: 39px; height: 39px; background: url("../../common/img/login-1.gif"); }
/* 回收箱 */
.user-right .recovery-ul:after{ display: block;content: "";clear: both; }
.user-right .recovery-ul{ padding: 20px; }
.user-right .recovery-ul li{ position: relative; width:280px;height: 362px; float:left;margin:0 27px 27px 0;border-radius: 5px;border: 1px solid #ededed; overflow: hidden; }
.user-right .recovery-ul li:nth-of-type(3n){margin-right: 0px;}
.user-right .recovery-ul li img{width:280px;height:210px;}
.user-right .recovery-ul li .title{ position: relative; padding:15px 18px; }
.user-right .recovery-ul li .title .istype{ position: absolute;top: 14px;right: 20px; width: 16px;height: 20px; background-position: -134px -130px;}
.user-right .recovery-ul li .title .istype.j-x{ background-position: -101px -130px; }
.user-right .recovery-ul li h6 a{ font-size:16px;color:#333; }
.user-right .recovery-ul li p{ margin:5px 0;color:#999; }
.user-right .recovery-ul li .title-bottom:after{ display: block;content: "";clear: both; }
.user-right .recovery-ul li .title-bottom i{ float: left; margin-right: 5px; }
.user-right .recovery-ul li .title-bottom span{ display: block;float:left; font-size: 12px;color:#999;margin-right: 15px; }
.user-right .recovery-ul li .title-bottom .view i{ margin-top: 3px; width: 15px;height: 11px; background-position: 0px -188px; }
.user-right .recovery-ul li .title-bottom .hits i{ width: 14px;height: 14px; background-position: -24px -186px; }
.user-right .recovery-ul li .title-bottom .comment i{ margin-top: 1px; width: 14px;height: 14px; background-position: -48px -186px; }
.user-right .recovery-ul li .zf-bottom{border-top: 1px solid #eee;padding: 15px;}
.user-right .recovery-ul li .zf-bottom a{ color: #999; padding-right: 15px; }
.user-right .recovery-ul li .zf-bottom a.sta{ color: #0057ff }
.user-right .recovery-ul li .zf-bottom a.time{padding-right: 0px;font-size: 12px;}
.user-right .recovery-ul li .zf-bottom a:not(.time):hover{color:#0057ff;}
/** KeCheng **/
.user-right.kecheng-ry ul li{ height: 342px; }
.user-right.kecheng-ry ul li p .type { color: #ff3b2c; }

/*------------ 异步分页 ------------*/
.pages{ width:100%;clear: both;text-align: center; }
.pages a.curr{ background:#0057ff;border:0;color:#fff; }
.pages a.first,
.pages a.last{ width: auto;padding: 0 5px; }
.pages a{ display:inline-block;width:38px;height:38px;line-height:40px;text-align:center;border:1px solid #eee;
    border-radius:5px;background:#fff;margin-right:5px;cursor:pointer; }
/*------------ 加载 ------------*/
.loging{ position: absolute;top: 100px;left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.loging img{margin-right: 8px;}
.loging{ line-height: 35px; }

/**  分页 **/
.pagination { text-align: center; }
.pagination li{ display: inline-block;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #eee;margin-right:5px;
    background: #fff;border-radius: 5px;
}
.pagination li a{ display:block;font-family:"Arial"; }
.pagination li span,.pagination li a{color: #999; }
.pagination li.active{ background:#0057ff;border-color:#0057ff; }
.pagination li.disabled{ display:none; }
.pagination li.active span,.pagination li.active a{ color:#fff; }
/** 没有数据 **/
.empty-img{ position:relative;padding:50px 0;text-align:center; }
/** 图片上传 **/
.upload-img{ position:fixed;top:50%;left:50%;width:670px;min-height:465px;background:#fff;z-index:10003;margin:-250px 0 0 -322px;
    border-radius: 5px; }
.upload-img .tit-h5{ position:relative;height:50px;line-height:50px;padding:0 25px;color:#282828;border-bottom:1px solid #eaeaea; }
.upload-img .tit-h5 .colse-cover{
    position:absolute;right:25px;top:19px;width:11px;height:11px;background-position:-159px 0;cursor:pointer;
    transition:all .4s ease-out;-webkit-transition:all .4s ease-out;
}
.upload-img .cropper-container{ position:absolute;top:25px;left:25px;z-index:50; }
.upload-img .tit-h5 .colse-cover:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); }
.upload-lists-cover{ position:relative;padding:25px; }
.docs-preview{ width:205px;overflow:hidden; }
.upload-img .img-container{ width:420px;height:310px;background:#f2f2f2; }
.img-preview { background-color:#f7f7f7;overflow:hidden;width:100%;text-align:center; }
.docs-preview { margin-right:-15px;margin-bottom:10px;  }
.img-preview { float:left;margin-right:10px;margin-bottom:10px; }
.img-preview > img { max-width:100%; }
.preview-lg { width:263px;height:148px;  }
.preview-md { width:139px;height:78px; }
.preview-sm { width:69px;height:39px; }
.upload-img .file-upload{ position: absolute;top: 25px;left: 25px; width: 420px;height: 310px;background: #f2f2f2;cursor: pointer;overflow: hidden; }
.upload-img .file-upload #inputImage{ position: absolute;top: 0;left: 0;  width: 100%;height: 100%;opacity: 0; z-index: 25}
.upload-img .cover-title{ position: absolute;top: 100px;left: 80px; width: 235px;height: 108px;line-height: normal;color: #999; text-align: center; z-index: 15;}
.upload-img .cover-title i{ width: 32px;height: 32px;background-position: -168px -17px;margin: 0 auto; }
.upload-img .cover-title span{ display: block;padding: 10px 0 0px; }
.upload-img .cover-title p{ padding: 0px !important;color: #999;font-size:12px;line-height:inherit; }
.upload-img .js-covers-covers{ display: none; padding: 0 25px;height: 50px;line-height: 50px; }
.upload-img #dataWidth,.upload-img #dataHeight{ display: inline-block;background: transparent;padding: 0px;text-align: center;color: #666; }
.upload-img #dataWidth,
.upload-img #dataHeight{ min-width: 35px;max-width: 35px; border: 0px; }
.upload-img .cover-type{ display: none; width: 420px;height: 40px; float: left; }
.upload-img .cover-type-but .btn{ float: left; width: 20px;height: 20px;background-position: -180px -55px;
    border: 0px;margin-left: 25px;cursor: pointer; }
.upload-img .cover-type-but{ margin-top: 10px; }
.upload-img .cover-type-but .btn.rotate-j,.upload-img .cover-type-but .btn.rotate-y{ width: 21px; }
.upload-img .cover-type-but .btn.zoom-y{ background-position: -180px -81px; }
.upload-img .cover-type-but .btn.rotate-j{ background-position: -179px -109px; }
.upload-img .cover-type-but .btn.rotate-y{ background-position: -179px -134px; }
.upload-img .cover-type-but .btn.zoom-j:hover{ background-position: -157px -55px; }
.upload-img .cover-type-but .btn.zoom-y:hover{ background-position: -157px -81px; }
.upload-img .cover-type-but .btn.rotate-j:hover{ background-position: -154px -109px; }
.upload-img .cover-type-but .btn.rotate-y:hover{ background-position: -155px -134px; }
.upload-img .res-title{ display: none;line-height: 30px;color: #fff;font-size: 12px;text-align: center }
.upload-img .sub-bor{ border-top: 1px solid #eee;padding: 25px 0;text-align: center; }
.upload-img .sub{ width: 120px;height: 34px;border: 1px solid #eee;background: #fff;cursor: pointer;border-radius: 5px; }
.upload-img .sub.submit-cover{ background: #0057ff;color: #fff; }
.upload-img .sub.reset-cover{ margin: 0 0 0 15px; }
.upload-img.open .upload-lists-cover{ margin-top: -25px; }
.upload-img.open .js-covers-covers{ display: block; }
.upload-img.open .file-upload{ top: 345px; width: 80px;height: 30px;background: #0057ff;border-radius: 5px; }
.upload-img.open .cover-title{ display: none; }
.upload-img.open .res-title{ display: block; }
.upload-img.open .cover-type{ display: block; }