@charset "utf-8";
.guess-love .works-lists-con ul li,
.scroll-show-user{
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
}
.guess-love .works-lists-con 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;
}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.empty{ padding: 50px 20px; background: #fff; font-size: 16px; }
/** 悬浮 **/
.scroll-show-user{position: fixed;left: 0;top: 0; width: 100%;height: 0px;line-height: 60px; background: #fff;overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);z-index: 10006; }
.scroll-show-user.fix-show{ height: 60px;overflow: visible; }
.scroll-show-user .l-u-img{ position: relative; }
.scroll-show-user .bor-rad{ display: block;float: left; width: 30px;height: 30px;margin: 15px 8px 0 0; border-radius: 65px; overflow: hidden; }
.scroll-show-user h1{ float: left;font-size: 16px;color:#333; }
.scroll-show-user .bor-rad img{ width: 100%; }
.scroll-show-user .istype{ display:block;float:left;margin:19px 0 0 8px;width: 16px;height: 20px;background-position: -134px -130px; }
.scroll-show-user .istype.j-x{ background-position: -101px -130px; }
.scroll-show-user .istype.y-x{ background-position: -157px -158px; }
.scroll-show-user .r-u-type .scro-but { width: 80px; height: 30px; line-height: 30px; border: 1px solid #eee; border-radius: 5px;
    text-indent: -13px; background: #fff; cursor: pointer; margin-left: 10px; font-size: 12px; }
.scroll-show-user .r-u-type .collection:disabled{ background: #999; color: #fff; border: 0px; }
.scroll-show-user .r-u-type .scro-but i { float: left; width: 15px; height: 15px; }
.scroll-show-user .r-u-type .collection i { background-position: -136px 0; margin: 7px 0 0 19px; }
.scroll-show-user .r-u-type .comm-md i { background-position: -110px -34px; margin: 9px 0 0 15px; }
.scroll-show-user .user-left-show{ width: 30px;height: 60px;padding-right: 10px; }
.scroll-show-user .user-left-show:hover .user-relevant{ display: block; }
.scroll-show-user .user-relevant{
    display: none; width:135px;position:absolute;
    top:60px;left:0;background: #fff;
    border-radius:5px;padding:20px 20px 10px;box-shadow:0px 0px 30px #dcdcdc;z-index:200;
}
.scroll-show-user .user-relevant .top:after{display: block;content: "";clear: both;}
.scroll-show-user .user-relevant .top{ margin-bottom: 15px;text-align: center; }
.scroll-show-user .user-relevant .top .left h5{ color: #333;font-weight: bold;padding: 6px 0 0; line-height: normal; }
.scroll-show-user .user-relevant .top .left p{margin: 0px;}
.scroll-show-user .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;margin:0 auto;overflow:hidden; }
.scroll-show-user .user-relevant .top .pic img{width:100%;height:100%;}
.scroll-show-user .user-relevant .top .operation{margin-top: 10px;}
.scroll-show-user .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;  }
.scroll-show-user .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;}
.scroll-show-user .user-relevant .top .operation .button.add-follow.is_follow1{width:65px;background:transparent;border-color:#0057ff;color: #0057ff;}
.scroll-show-user .user-relevant .bottom-ico{ position: absolute;top: -5px;left: 15px; display: block;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); }

.works-show .works-show-top .top-title{ max-width: 640px; }
.works-show .works-article .works-show-top .top-title{ max-width: 100%; }
.works-show-top .top-title h1{ font-size: 24px; color: #333; }
.works-show-top .top-title .istype{ display:inline-block;margin-left:15px;width:16px;height:20px;background-position: -134px -130px; }
.works-show-top .top-title .istype.j-x{ background-position: -101px -130px; }
.works-show-top .top-title .istype.y-x{ background-position: -157px -158px; }
.works-show-top:after{display: block;clear: both;content: ""}
.works-show-top{padding: 30px 25px;border-radius: 5px;}
.works-show-top .title-bottom{margin: 8px 0}
.works-show-top .title-bottom i{ display: inline-block; margin-right: 5px; }
.works-show-top .title-bottom span{color:#999;margin-right: 15px;}
.works-show-top .title-bottom .view i{ width: 20px;height: 17px; background-position: -83px -30px;vertical-align: text-top; }
.works-show-top .title-bottom .hits i{ width: 17px;height: 17px; background-position: -30px -35px;vertical-align: text-top; }
.works-show-top .title-bottom .comment i{ width: 17px;height: 17px; background-position: -56px -35px;vertical-align: text-top; }
.works-show-top .top-title p,.works-show-top .top-title p a{color: #bbb}
.works-show-top .top-title p i{ font-style: normal;padding: 0 13px; }

.works-show-top .top-links{margin:22px 0 0 60px;}
.works-show-top .top-links .button{
    display: block;
    float: left;
    width: 73px;
    height: 33px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-left: 10px;
    background: #fff;
    color: #666;
    font-size: 12px;
}
.works-show-top .top-links .button:last-child{background:#0057ff;color:#fff;border: 0;}
.works-show-top .top-links .button.is_follow1{width:75px;background:transparent;border: 1px solid #0057ff;color: #0057ff;}
.works-show-top .top-user .user-pic{ display: block;width: 80px;height: 80px;border-radius: 50px; margin-right:12px;overflow: hidden; }
.works-show-top .top-user .user-name h5{ font-size:16px;color:#333;margin-top:20px; }
.works-show-top .top-user .user-name h5 span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.works-show-top .top-user .user-name h5 .is_off{ background-position: -25px -161px; vertical-align: middle;}
.works-show-top .top-user .user-name h5 .is_real{ background-position: -51px -161px; vertical-align: middle;}
.works-show-top .top-user .user-name h5 .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.show-works-back{ background: #fff; }
.works-show-content{padding:0; text-align:center; border-top-left-radius: 5px;border-top-right-radius: 5px; overflow:hidden; }
.works-show-content img{ max-width:100%; display: block; margin: 0 auto;height: auto !important; }
.works-show-content .works-remark{ padding: 20px 0; text-align: initial; }
.works-show-content .works-remark.class-black{ color: rgba(255,255,255,.7); }
.works-show-content .works-remark.class-defult{ color: rgba(255,255,255,.8); }
.works-show-content .works-remark.article{ padding: 25px 20px;background: #f7f8fa;border-radius: 5px;margin-bottom: 20px;color: #333; }
.works-show-content .works-video{ width: 600px;height: 400px;margin: 0 auto 15px;overflow: hidden; }
.works-show-content .data-url{padding: 20px 0px 20px 20px; text-align: left;font-size: 12px; }
.works-show-content .data-url a{ color: #999;}
.works-show-share{ position:relative;border-top: 1px solid #eee}
.works-show-share:after,.works-show-share-top:after,.works-show-share-bottom:after{ display: block;content: "";clear: both; }
.works-show-share-top{padding:55px 20px 50px;border-bottom: 1px solid #eee }
.works-show-share .share{ width: 30%; }
.works-show-share .share span{ display:block;float:left;line-height:32px;color:#999; }
.works-show-share .share .bdshare-button-style0-32 a{ margin: 0 6px 0 0; background: url("../../common/img/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_tsina{ background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_sqq{ background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_qzone{ background-position: -127px -5px; }
/** 点赞 **/
.works-show-share .dzan{ position:absolute;top:18px;left:50%;width:150px;height:70px;background:#0057ff;border-radius:35px;
    margin: 0 auto;color:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border: 0px; }
.works-show-share .dzan:disabled{background:#999}
.works-show-share .dzan .bg-zan{ display:block;width:21px;height:21px;background:url("../../common/img/dzan.png") no-repeat;margin:7px auto 0; }
.works-show-share .dzan .zan-num{ font-size: 16px; }
.works-show-share .dzan.article-top{ top: 75px; }
.works-show-share #add-num{display: none;}
.works-show-share #add-num.add-animation{color: #eb4f38; position:absolute;top:-15px;left: 63px;font-size: 18px;
    opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;animation: mypraise 0.5s ;-moz-animation: mypraise 0.5s ;
    -webkit-animation: mypraise 0.5s ;-o-animation: mypraise 0.5s ;font-style:normal;}
@keyframes mypraise{
    0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
}
@-moz-keyframes mypraise{
    0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
}
.works-show-share .dzan.ku-color-go{ line-height: 70px; }
.y-hidden .works-show-share .dzan{ width: 100px;height: 45px; position: fixed; top:95%;left: 50%; z-index: 100010;  }
.y-hidden .works-show-share .dzan.ku-color-go{ line-height: 45px; }
.y-hidden .works-show-share .dzan .bg-zan{ float: left;margin: 0 0 0 26px; }
.y-hidden .works-show-share .dzan .zan-num{ float: left;margin-left: 8px; }
.y-hidden .works-show-share #add-num.add-animation{ left: 38px;top: 0px; }
.y-hidden .show-big-thumb{ display: block; }
.show-big-thumb{ display:none;position:fixed;width:50px;bottom:2%;right:2%;z-index:100010; }
.show-big-thumb ul li{ width:50px;height:50px;line-height:50px;text-align:center;border-radius:65px;
    color:#fff;font-size:12px;margin-top:12px;background:#0057ff;cursor:pointer;overflow:hidden; }
.show-big-thumb ul li.img{ background:transparent; }
.show-big-thumb ul li img{ width:100%; }
.show-big-thumb ul li .collection{ width:50px;height:50px;background:transparent;border:0;color:#fff; }
.show-big-thumb ul li .collection:disabled{ background:#999; }
.y-hidden .register{ z-index:100015; }
.y-hidden .back-model.invita{ background:rgba(0,0,0,.8);z-index:100011; }
/** 收藏 **/
.works-show-share .coll-rep{line-height:40px;}
.works-show-share .coll-rep span{ display: block;float: left;margin-right: 50px; }
.works-show-share .coll-rep .is-coll{padding: 0 25px;}
.works-show-share .coll-rep .collection{ width:98px;height:38px;line-height:38px;border:1px solid #eee;border-radius:5px;text-indent:-22px; background: #fff;}
.works-show-share .coll-rep .report i,
.works-show-share .coll-rep .collection i{ float:left;width:15px;height:15px; }
.works-show-share .coll-rep .collection i{ background-position:-136px 0;margin:11px 0 0 20px; }
.works-show-share .coll-rep .report i{ background-position:-134px -34px;margin:14px 7px 0 0px; }
.works-show-share .coll-rep .collection:disabled{background: #999;color: #fff;border: 0px;}
.works-show-share .coll-rep .collection:hover{ border-color: #b9b9b9; }

.works-show-share-bottom{position: relative; padding: 20px;}
.works-show-share-bottom.wfile .labels,.works-show-share-bottom.wfile .new-zan{ width: 45%; }
.works-show-share .labels, .works-show-share .new-zan{width: 50%;}
.works-show-share .labels{ margin-top: 5px; }
.works-show-share .labels span{ display: block;color: #999; float: left; }
.works-show-share .labels a{ padding:5px 15px;border:1px solid #eee;border-radius:5px;margin:0 5px 0 2px;font-size: 12px; }
.works-show-share .labels a:hover{ background: #0057ff;color: #fff;border-color: #0057ff; }
.works-show-share-bottom.wfile .url-file{ display: block; }
.works-show-share .url-file{ display: none;position: absolute;top: 6px;left: 50%; transform: translate(-50%,0);-webkit-transform: translate(-50%,0);cursor: pointer;color: #0057ff; }
.works-show-share .url-file i{float: left; width: 18px;height: 18px;margin-right: 3px; background-position: -140px -182px; }
.url-file-org{ width: 360px; position: fixed;top: 50%;left: 50%;background: #fff; border-radius: 5px;;margin: 0 0 0 -180px; z-index: 10007; }
.url-file-org h5{ font-size: 16px;color: #333; height: 50px;line-height: 50px;padding: 0 15px;border-bottom: 1px solid #e6e6e6; }
.url-file-org .url-file-list{ padding: 15px 15px 30px; }
.url-file-org .url-file-list ul li{ height: 35px;line-height: 35px; overflow: hidden; }
.url-file-org .url-file-list ul li a{ color: #0057ff; }
.url-file-org .colse-url { position:absolute;top:10px;right:10px;display:block;width: 25px;height: 25px;
    background: url(../../common/img/colse.png) no-repeat; background-size: 25px; cursor: pointer; }
.url-file-org .url-file-list ul li .copy-pwds{ margin-left: 10px; padding: 3px 10px;background: #0057ff;color: #fff;cursor: pointer;border-radius: 5px; }

.works-show-share .new-zan{ text-align: right; }
.works-show-share .new-zan span{ line-height: 26px;margin-left: 15px; }
.works-show-share .new-zan a{display: block;float: right; width: 26px;height: 26px;border-radius: 35px; margin-left: 5px; border: 1px solid #eee; overflow: hidden; }
.works-show-share .new-zan img{ width: 100%; vertical-align: middle; }

.works-article{border-radius: 5px;}
.works-article .works-show-top .title-bottom{margin: 0}
.works-article .works-show-content{padding: 20px;text-align: inherit; border-top: 1px solid #eee;}
.works-article .works-show-content p,
.works-article .works-show-content p span{white-space: normal !important;}
.works-article .works-show-content .data-url{padding: 20px 0px 0; text-align: left;font-size: 12px; }
.works-article .works-show-content .data-url a{ color: #999;}
/** 酷站 **/
.works-show-top.cool-show .title-bottom .creatime i{ width:17px;height:17px;background-position:-89px -107px;vertical-align:text-top;margin-right:5px; }
.cool-show .go-web{ padding: 5px 15px;background: #0057ff;color: #fff;border-radius: 5px; }
.thank-user { padding: 20px; }
.thank-user p a{ color:#0057ff; }
/** 专访 **/
.interview-show{  position: relative; }
.interview-show .ico-int{position: absolute;top: -8px;right: 28px; display: block;width: 50px;height: 61px;background: url(../../common/img/inter.png)no-repeat; }
.interview-txt .works-desc h6{ font-size: 16px;color: #333;padding-bottom: 10px; }
.interview-txt .works-desc { color: #333;line-height: 24px;padding-bottom:35px;border-bottom: 1px solid #eee;margin-bottom: 35px;  }
.interview-txt .inter-content,.interview-txt .inter-content p{ line-height: 25px;color: #333; }
.interview-txt .dialogue{ color: #0057ff;padding-bottom:15px; }
.interview-txt .inter-contact{ padding-top:30px;margin-top: 30px;border-top:1px solid #eee;  }
.interview-txt .inter-contact h6{ font-size: 14px;color: #333;padding-bottom: 15px;font-weight: bold; }
.interview-txt .inter-contact ul:after{ display: block;content: "";clear: both; }
.interview-txt .inter-contact ul{ padding: 25px 25px 10px;border: 1px solid #eee;border-radius: 5px; }
.interview-txt .inter-contact ul li{ width: 45%; float: left;margin-bottom: 15px; }
.interview-txt .inter-contact ul li,
.interview-txt .inter-contact ul li a{ color: #333; }
.interview-txt .inter-contact ul li a:hover{ color: #0057ff; }
.inter-contact .is-no-user{ color: #999 !important;cursor: pointer; }
.interview-txt .inter-recommend{margin: 15px 0; padding: 25px;background: #f7f8fa; }
.interview-txt .inter-recommend .recomm-aend:hover,
.interview-txt .inter-recommend a{ color: #0057ff; }
.interview-txt .inter-recommend .recomm-aend{ color: #666; }
.interview-txt .works-show-share-top{ border-bottom: 0;min-height: 18px;padding: 55px 20px 65px; }
.interview-txt .works-show-share-top a:hover{ color: #0057ff; }

.user-left .interview-top .user-pic img{ margin: 40px 0 15px; }
.interview-user-top{ position: absolute;top: 18px;right: 20px; }
.interview-user-top span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.interview-user-top .is_off{ background-position: -25px -161px; vertical-align: middle;}
.interview-user-top .is_real{ background-position: -51px -161px; vertical-align: middle;}
.interview-user-top .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.user-left .interview-top .copy-u-url { padding: 30px 0 10px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.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; }

/* 用户基本信息 */
.com-h5{ font-size: 16px; line-height: 55px; color: #333; text-indent: 15px; }
.com-h5 em{ font-size: 12px;color: #999;padding-right: 15px; }
.b-bor{border-bottom: 1px solid #eee}
.user-left{ width: 280px; }
.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: 25px 0 15px; overflow: hidden; }
.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-level{ width:100%;height:60px;line-height:60px;background:#fff;margin-bottom:20px; }
.user-level ul li{ float: left;width: 20%;position: relative;text-align: center;background: url("../../common/img/right.jpg") no-repeat center right; }
.user-level ul li:last-child{background: none;}
.user-level ul li a{font-size: 16px; color: #666;}
.user-level ul li span{ display: inline-block;width: 20px;height: 20px;line-height: 20px;background: #ff892a;color: #fff;
    border-radius: 35px;font-size: 12px;margin-left: 8px; }
.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: 30px 0px 10px;margin-top: 30px; border-top: 1px solid #eee; }
.si-gz .button{ display:inline-block;width:83px;height:38px;line-height:38px;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; }
/* 右侧 */
.user-right{ width: 880px; border-radius: 5px; }
/* TA的作品 */
.picscroll-works{ position: relative; padding: 20px 20px 30px; border-radius: 5px; }
.show-only-head,.picscroll-works h5{ padding-bottom: 20px; }
.picscroll-works .head-tab{ font-weight: normal;cursor: pointer; }
.picscroll-works .head-tab:nth-of-type(2){ padding-left: 20px; }
.picscroll-works .head-tab.on{ font-weight: bold;color: #333; }
.picscroll-works .bd ul li{ width: 155px;height: 115px;margin-right: 16px; float: left; }
.picscroll-works .bd ul li img{ width: 155px;height: 115px; }
.picscroll-works .hd{ position: absolute;top: 23px; right:20px; }
.picscroll-works .hd a{ display:block;float:left;width:28px;height:28px;
    background: url("../../common/img/slide.png") no-repeat 0 0;cursor: pointer; }
.picscroll-works .hd a.prev{background-position: -33px 0px;margin-left: 5px;}
.picscroll-works .hd a:hover{background-position: 0 -42px;}
.picscroll-works .hd a.prev:hover{background-position: -33px -42px;}
.picscroll-works .bd{height: 115px; margin-top: 8px;overflow: hidden;}
.picscroll-works .bd ul li .pic{ position: relative; width: 155px;height: 115px;border-radius: 5px;overflow: hidden; }
.picscroll-works .empty,.comment-content .empty{padding: 20px;}
.picscroll-works .bd ul li a{ position: absolute;top: 0;left: 0px; display: block;width: 100%;height: 100%;z-index: 10; }
.picscroll-works .bd ul li .bg-opac{position: absolute;top: -116px;left: 0px; width: 100%;height: 100%;background: rgba(0,0,0,.5);
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out; z-index: 2; }
.picscroll-works .bd ul li .tit{position: absolute;bottom: -25px;left: 0px; width: 100%;height: 20px; z-index: 5;color: #fff;text-align: center;transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.picscroll-works .bd ul li:hover .bg-opac{ top: 0px; }
.picscroll-works .bd ul li:hover .tit{ bottom: 50px; }

/** 收藏 **/
.works-coll:after{ display: block;content: "";clear: both; }
.works-coll ul li{ width:264px;height: 355px; float:left;margin:0 20px 20px 0;border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.works-coll ul li .bor-img{ display: block; width: 264px; height: 198px; background: #eee;overflow: hidden; }
.works-coll ul li .bor-img img,
.works-coll ul li .bor-img img{ width: 100%;height: 198px; }
.works-coll ul li:nth-of-type(3n){margin-right: 0px;}
.works-coll ul li .title{ padding:15px 18px; }
.works-coll ul li h6 a{ font-size:14px;color:#333; }
.works-coll ul li .title em{ width: 11px;height: 14px;background-position: -50px -107px; }
.works-coll ul li p{ margin:5px 0;color:#999; }
.works-coll ul li .title-bottom i { display: inline-block;margin-right: 5px; }
.works-coll ul li .title-bottom .view i{ width: 20px;height: 17px; background-position: -83px -30px;vertical-align: text-top; }
.works-coll ul li .title-bottom .hits i{ width: 17px;height: 17px; background-position: -30px -35px;vertical-align: text-top; }
.works-coll ul li .title-bottom .comment i{ width: 17px;height: 17px; background-position: -56px -35px;vertical-align: text-top; }
.works-coll ul li .title-bottom:after,.tabs-user .u-sc-tabs ul li .zf-bottom:after{display: block;content: "";clear: both;}
.works-coll ul li .title-bottom .sc-i{float: left; margin-right: 5px; }
.works-coll ul li .title-bottom span{ float:left;color:#999;margin-right:15px;}
.works-coll ul li .title-bottom .count-pic i{ width: 16px;height: 13px; background-position: 0px -107px; margin-top: 3px; }
.works-coll ul li .title-bottom .xing i{ width: 15px;height: 15px;margin-top: 2px; background-position: -25px -107px; }
.works-coll ul li .zf-bottom{ border-top: 1px solid #eee;padding:0 15px;height: 56px; line-height: 56px; }
.works-coll 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; }
.works-coll ul li .zf-bottom a{ color: #999; }
.works-coll ul li .zf-bottom a.sta{ color: #0057ff }
.works-coll ul li .zf-bottom a.time{padding-left: 0px;}
.works-coll ul li .zf-bottom a:not(.time):hover{color:#0057ff;}
.works-coll ul li .zf-bottom a.del-collect{ padding-left:10px; }
.works-coll ul li .zf-bottom .user-sta:hover .user-relevant{display:block;text-align: center;}
.works-coll ul li .zf-bottom .user-sta { position:relative;width:60%;cursor: pointer; }
.works-coll 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; }
.works-coll ul li .user-relevant .top:after{display: block;content: "";clear: both;}
.works-coll ul li .user-relevant .top{ margin-bottom: 15px; }
.works-coll ul li .user-relevant .top .left h5{ color: #333;font-weight: bold;padding: 6px 0 0; line-height: normal; }
.works-coll ul li .user-relevant .top .left p{margin: 0px;}
.works-coll ul li .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;margin:0 auto;overflow:hidden; }
.works-coll ul li .user-relevant .top .pic img{width:100%;height:100%;}
.works-coll ul li .user-relevant .top .operation{margin-top: 10px;}
.works-coll 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;  }
.works-coll ul li .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;border: 0;}
.works-coll ul li .user-relevant .top .operation .button.add-follow.is_follow1{width:65px;background:transparent;border:1px solid #0057ff;color: #0057ff;}
.works-coll 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); }
.works-coll .coll-more{display: block; width:100px;height: 35px;line-height: 35px;text-align: center; background: #0057ff;color: #fff;
    margin: 0 auto;border-radius: 5px;
}
/* 评论 */
.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;font-size: 12px; }
.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{ font-size: 12px; color: #bfbfbf; }
.comment-works-bottom{ padding: 20px 20px 0; }
.comment-works-bottom h5{ font-size:16px;font-weight:bold;color:#333; }
.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: #0057ff; }
.comment-works-bottom .comment-content li .user-comment-right p{ word-break: break-all; }
.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: 20px;}
.comment-works-bottom .user-comment-oper a{ display: block;float: left;color:#999;margin-left: 35px; 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; margin-top:3px; }
.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; }
/* 回复 */
.reply-comment { position:relative;width:725px;padding:20px;background:#f4f4f4;border-radius:5px;margin:5px 0 0 75px; }
.reply-comment .level-2{ font-weight:bold;color:#333; }
.reply-comment .level-2 span{font-size: 12px;font-weight: normal;color: #999}
.reply-comment p{ word-wrap:break-word }
.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"); }
/* 猜你喜欢 */
.guess-love .love-tit{ margin: 25px 0 20px;font-size: 16px;font-weight: bold;color: #333; }
.guess-love .works-lists-con ul li .zf-bottom:after{display: block;content: "";clear: both;}
.guess-love .works-lists-con ul li{ position: relative; width:280px;height:368px;float:left;margin:0 20px 20px 0;border-radius:5px; overflow: hidden; }
.guess-love .works-lists-con ul li.amin{overflow: inherit;}
.guess-love .works-lists-con ul li:nth-of-type(3n){margin-right: 0px;}
.guess-love .works-lists-con ul li .bor-img{ display: block;width: 280px;height: 210px;border-top-left-radius: 5px;border-top-right-radius: 5px; overflow: hidden; }
.guess-love .works-lists-con ul li img{width:280px;height:210px;}
.guess-love .works-lists-con ul li .title{ padding:15px 18px; }
.guess-love .works-lists-con ul li .title{position: relative; padding:15px 18px; }
.guess-love .works-lists-con ul li .title .istype{ position: absolute;top: 14px;right: 20px; width: 16px;height: 20px; background-position: -134px -130px;}
.guess-love .works-lists-con ul li .title .istype.j-x{ background-position: -101px -130px; }
.guess-love .works-lists-con ul li .title .istype.tj-0{ right: 0px; }
.guess-love .works-lists-con ul li h6 a{ font-size:14px;color:#333; }
.guess-love .works-lists-con ul li p{ margin:5px 0;color:#999;font-size: 12px; }
.guess-love .works-lists-con ul li .title-bottom:after{ display: block;content: "";clear: both; }
.guess-love .works-lists-con ul li .title-bottom i{ float: left; margin-right: 5px; }
.guess-love .works-lists-con ul li .title-bottom span{display: block;float:left;font-size: 12px;color:#999;margin-right: 15px;}
.guess-love .works-lists-con ul li .title-bottom .view i{ margin-top: 3px; width: 15px;height: 11px; background-position: 0px -188px; }
.guess-love .works-lists-con ul li .title-bottom .hits i{ width: 14px;height: 14px; background-position: -24px -186px; }
.guess-love .works-lists-con ul li .title-bottom .comment i{ margin-top: 1px; width: 14px;height: 14px; background-position: -48px -186px; }
.guess-love .works-lists-con ul li .title-bottom .creatime i{ width: 12px;height: 12px; background-position: -90px -107px; }
.guess-love .works-lists-con ul li .title-bottom .creatime i{ width: 12px;height: 12px; background-position: -92px -107px; }
.guess-love .works-lists-con ul li .zf-bottom{border-top: 1px solid #eee;padding:0 15px;height: 56px; line-height: 56px; }
.guess-love .works-lists-con ul li .zf-bottom a{ color: #999; }
.guess-love .works-lists-con ul li .zf-bottom a.time{padding-right: 0px;font-size: 12px;}
.guess-love .works-lists-con ul li .zf-bottom .user-sta{ position: relative; width:55%;}
.guess-love .works-lists-con 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;}
.guess-love .works-lists-con ul li .zf-bottom .user-sta-pic img{width: 100%;height: 100%;}

.guess-love .works-lists-con ul li .zf-bottom .user-sta:hover .user-relevant{display:block;}
.guess-love .works-lists-con ul li .user-relevant{
    display: none;
    width: 347px;
    position: absolute;
    bottom: 56px;
    left: -16px;
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px 10px;
    box-shadow: 0px 10px 30px #dcdcdc;
    z-index: 200;
}
.guess-love .works-lists-con ul li .user-relevant .top:after{display: block;content: "";clear: both;}
.guess-love .works-lists-con ul li .user-relevant .top{ margin-bottom: 15px; }
.guess-love .works-lists-con ul li .user-relevant .top .left{ width: 50%;height: 60px; }
.guess-love .works-lists-con ul li .user-relevant .top .left h5{ height: 20px;line-height: 20px; color: #333;font-weight: bold;padding-top: 10px; }
.guess-love .works-lists-con ul li .user-relevant .top .left p{margin: 0px;}
.guess-love .works-lists-con ul li .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;overflow:hidden; }
.guess-love .works-lists-con ul li .user-relevant .top .pic img{width:100%;height:100%;}

.guess-love .works-lists-con ul li .user-relevant .top .operation{margin-top: 10px;}
.guess-love ul li .user-relevant .top .operation .button{
    display: block;float:left; width: 65px;height: 30px;line-height: 28px;border: 1px solid #eee;border-radius: 5px;text-align: center;
    margin-left: 5px;cursor: pointer;background: #fff;  }
.guess-love .works-lists-con ul li .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;}
.guess-love ul li .user-relevant .top .operation .button.add-follow.is_follow1{width:75px;background:transparent;border-color:#0057ff;color: #0057ff;}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li{
    float: left;
    width: 110px;
    height: 80px;
    margin-right: 8px;
    border-radius: 5px;
    overflow: hidden;
}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:last-child{margin-right: 0px;}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li img{width: 100%;height: 100%;}
.guess-love .works-lists-con 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);
}
/* 收藏提示 */
.c-collection{ position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); background: #fff;
    border-radius: 5px; z-index:100010; }
.check-coll-samll{ width: 400px; }
.check-coll-samll h5{ height: 55px;line-height: 55px; border-bottom: 1px solid #eee;padding: 0 20px; }
.check-coll-samll .load-coll{width: 40px;height: 40px; margin: 15px auto;}
.check-coll-samll ul{ margin: 0 20px; }
.check-coll-samll ul li:after{display: block;content: "";clear: both;}
.check-coll-samll ul li{ padding: 15px 0;border-bottom: 1px solid #eee; }
.check-coll-samll ul li:last-child{ border-bottom: 0px; }
.check-coll-samll ul li p{line-height: 30px;}
.check-coll-samll ul li p i{ display: inline-block; margin-left: 5px; width: 11px;height: 14px; background-position: -50px -107px; vertical-align: middle; }
.check-coll-samll ul li .click-coll{ padding: 5px 15px;background: #0057ff;color: #fff;border-radius: 5px;cursor: pointer; border: 0px; }
.check-coll-samll ul li .click-coll:disabled{background: #fff;border: 1px solid #eee;color:#333;}
.check-coll-samll ul li .click-coll .load-2{
    display: block;width:20px;height:20px;background: url("../../common/img/login.gif") no-repeat;background-size:20px;
}
.check-coll-samll .add-jia{
    display: block;height: 60px;line-height: 60px;border-top: 1px solid #eee;text-align: center;cursor: pointer;color: #333;
}
.check-coll-samll .add-jia em{ display: inline-block;width: 18px;height: 18px;margin-right: 10px;
    background: url("../../common/img/add-type-sprites.png") no-repeat 0 0;background-size:18px;vertical-align: middle;
}
.c-collection .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{
    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;padding: 0 20px; 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{
    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;}
/* 举报提示 */
.report-con{
    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;
}
.report-con h5{ font-size: 16px; color: #333; height: 50px;line-height: 50px;border-bottom: 1px solid #eee;padding: 0 20px; }
.report-con ul{ margin: 0 20px; }
.report-con ul li{ position: relative; height: 40px;line-height: 40px;border-bottom: 1px solid #eee;cursor: pointer; }
.report-con ul li.on{ color: #0057ff; }
.report-con ul li span{ position: relative; display: block;float: left;width: 15px;height: 15px;border: 1px solid #eee;border-radius: 35px;margin:12px 6px 0 0; }
.report-con ul li.on span{ background: #0057ff; }
.report-con ul li span i{
    position: absolute;top: 8px;left: 49%;
    display: block;width: 8px;height: 8px;transform: translate(-43%,-55%);-webkit-transform: translate(-43%,-55%);background: #fff;
    border-radius: 35px;
}
.report-con .colse{ 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; }
.report-bottom{ margin: 30px 0px;text-align: center; }
.report-bottom .report-but{
    width: 80px;height: 35px;line-height: 35px;border: 0px;cursor: pointer;background: #fff;border: 1px solid #eee;border-radius: 5px;
    margin-right: 10px;
}
.report-bottom .report-but.rep-quest{ background: #0057ff;color: #fff; }
/** 图片大 **/
.y-hidden{ overflow-y:hidden; }
.fs_gallery {  background:#000;left:0px;top:0px;right:0px;bottom:0px;position:fixed;z-index:10008;  }
.fs_gallery.remove-img{ width:100%;height: auto; overflow-y: scroll;overflow-x: hidden; }
.fs_gallery_close { position:absolute;top:20px;right:20px;width:39px;height:39px;cursor:pointer;
    background:url("../../common/img/prer-next.png") no-repeat -64px 0;z-index:100010;}
.fs_gallery_close:hover { background-position: 0 0; }
.fs_gallery_prev,
.fs_gallery_next{ width:55px;height:55px;position:absolute;top:45%;
    z-index:1001;cursor:pointer;background:url("../../common/img/prer-next.png") no-repeat -63px -115px; }
.fs_gallery_prev{ left:0;bottom:0; }
.fs_gallery_next{ right:0;bottom:0;background-position: -63px -49px; }
.fs_gallery_prev:hover{ background-position: 0 -115px; }
.fs_gallery_next:hover{ background-position: 0 -49px; }
.fs_gallery_shuft{ width:9999999px;position:relative; }
.fs_gallery_shuft::after{ clear:both;display:block;content:""; }
.fs_gallery_shuft_item{background-position:center;float:left;position:relative;background-repeat:no-repeat}
.fs_gallery_shuft_item img{left:50%;top:50%;position:absolute;box-shadow:0 0 8px rgba(0,0,0,.8)}
.fs_gallery .fs_gallery_shuft_item img:hover{ cursor: url("../../common/img/thumb-b-25-20.png"),auto; }
.fs_gallery.remove-img .fs_gallery_shuft_item img:hover{ cursor: url("../../common/img/thumb-s-20-20.png"),auto; }
.fs_gallery.remove-img .fs_gallery_prev,
.fs_gallery.remove-img .fs_gallery_next,
.fs_gallery.remove-img .fs_gallery_close{ display: none; }
.fs_gallery_shuft_item img.big-thumb-fix{
    position: static;display: block !important;margin: 0 auto !important;
    max-width: 100%; width: auto !important;height: auto !important;
}
.fs_gallery_shuft_item .loading-span{ position: absolute;top: 50%;left: 50%; display: block;width: 60px;height: 60px;background: url("../../common/img/loading.gif") no-repeat;
    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}