@charset "utf-8";
.uz-slider:after,.uz-ads:after,.uz-works-title:after,.uz-works-list:after,
.uz-designer .uz-designer-hd:after,.uz-designer:after,.uz-article:after,
.uz-partner:after,.uz-links .uz-links-con:after{ display: block;content: "";clear: both; }
.uz-slider{ border-bottom: 1px solid #eee; }
.works-lists .works-lists-con ul li,
.uz-designer .uz-designer-bd ul li .designer-user,
.inter-con 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;
}
.works-lists .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;
}
.works-lists .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);
}
/*+------------------------------
 + Slide
 +-------------------------------*/
.uz-banner { width:100%;height:320px;border-radius: 5px;overflow:hidden; }
.uz-banner .swiper-container { width:100%;height:320px;border-radius: 5px; }
.uz-banner .swiper-button-prev,.uz-banner .swiper-button-next{ width:45px;height:45px;top:50%;background: url("../img/slider.png") no-repeat 0 0; }
.uz-banner .swiper-button-prev{ left:35px;  }
.uz-banner .swiper-button-next{ right:35px;background-position:-55px 0}
/*分页器*/
.uz-banner .swiper-pagination{ top:auto;bottom:50px;background:none; }
.uz-banner  .swiper-pagination-bullet { display: inline-block;width: 11px;height: 11px;
    margin: 0 3px;
    cursor: pointer;
    background: none;
    border-radius:0;
    opacity: 1;
}
.uz-banner .swiper-pagination-bullet span {
    width: 11px;
    height: 11px;
    display: block;
    background: rgba(255,255,255,.6);
    border-radius: 5px;
}
.uz-banner .swiper-pagination-bullet-active span{ background: #fff; }
.uz-banner .swiper-pagination-bullet-active,
.uz-banner .swiper-pagination-bullet-active span{
    width: 30px;height: 11px; border-radius: 5px; overflow: hidden;
}
.uz-banner .autoplay .swiper-pagination-bullet-active span{ width:30px;height:11px;background:rgba(255,255,255,.6); }
.uz-banner .swiper-pagination-bullet i{
    background: #fff;
    width: 30px;
    height: 11px;
    transform:scaleX(0);
    transform-origin: 2%;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.uz-banner .autoplay .firsrCurrent i{ transition:transform 4.9s linear;transform:scaleX(1); }
.uz-banner .autoplay .current i{ transition:transform 6s linear;transform:scaleX(1); }
.uz-banner .swiper-slide { background-size: auto 100%; }
/*+------------------------------
 + Ads
 +-------------------------------*/
.uz-ads ul li{ width: 280px;height: 160px;margin-right: 20px;float: left;border-radius: 5px; overflow: hidden; }
.uz-ads ul li img{width: 100%;height: 100%;}
.uz-ads ul li:last-child{ margin-right: 0px; }
/*+------------------------------
 + Works[Index]
 +-------------------------------*/
.uz-works-title{
    width: 100%;height: 75px;line-height: 75px;
}
.uz-works-title h2{ font-size: 16px;color: #333;font-weight: bold;margin-right: 15px; }
.uz-works-title .uz-love{
    width: 550px;height: 20px;line-height: 20px; margin-top: 29px; overflow: hidden;
}
.uz-works-title .uz-love i{ float: left; width: 13px;height: 13px;margin: 3px 5px 0 0;background-position: -137px -107px;}
.uz-works-title .uz-love ul li{ font-size: 14px; }
.uz-works-title .uz-love ul li a{ color:#0057ff; }
.uz-works-title .uz-love ul li .time{ padding-left: 10px;color: #999; }
.uz-works-title .n-works a{ display:block;float:right;width:90px;height:36px;line-height:36px;text-align:center; background:#0057ff;
    color:#fff;border-radius:5px;margin:18px 0 0 10px; }
/* 优秀作品 */
.uz-works-list-2{ padding: 40px 0 20px;min-width: 1180px; }
.uz-works-list-2 .h5-tit{ font-size:16px;color:#333;font-weight:bold;padding-bottom:20px; }
.uz-works-list-2 .h5-tit a{ color: #666;font-size: 14px;font-weight: normal; }
.uz-works-list-2 .h5-tit a:hover{ color:#0057ff; }
.uz-works-list-2 .works-lists .works-lists-con ul li{ width: 278px;height:371px;border:1px solid #eee;}
.uz-works-list-2 .works-lists .works-lists-con ul li .zf-bottom{ border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; }
.uz-works-list-2 .works-lists .works-lists-con ul li .user-relevant .bottom ul li{ margin-right: 5px; }
/*+------------------------------
 + Designer[Index]
 +-------------------------------*/
.uz-designer{ padding: 40px 0 20px; }
.uz-designer .uz-designer-hd{ line-height: 40px; }
.uz-designer .uz-designer-hd ul li{ float: left;width: auto;height: 40px;text-align: center; color:#333; border-radius: 5px;cursor: pointer; }
.uz-designer .uz-designer-hd ul li.on{ font-size: 16px;color: #333;font-weight: bold; }
.uz-designer .uz-designer-hd .more:hover{ color:#0057ff; }
.uz-designer .uz-designer-bd ul li{ width: 100%; }
.uz-designer .uz-designer-bd ul li .designer-user{ width:342px;min-height: 155px; padding: 20px;margin:20px 17px 0 0; float: left;background: #fff;border-radius: 5px; }
.uz-designer .uz-designer-bd ul li .designer-user:nth-of-type(3n){margin-right: 0px;}
.uz-designer .uz-designer-bd ul li .designer-user .top{ position: relative; height: 60px;  }
.uz-designer .uz-designer-bd ul li .designer-user .top .bor-u{ display:block;width:60px;height:60px;margin-right: 15px;border-radius: 35px;overflow: hidden }
.uz-designer .uz-designer-bd ul li .designer-user .top h5{ max-width: 180px;
    height: 24px;font-weight: bold;color: #333; padding: 13px 0 3px 0;overflow: hidden; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .is_off{ background-position: -25px -161px; vertical-align: middle;}
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .is_real{ background-position: -51px -161px; vertical-align: middle;}
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom span { color:#999;margin-right:15px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom i { display:inline-block;margin-right:5px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom .view i { width:15px;height:14px;background-position:0px -188px;vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom .us i { width:13px;height:14px;background-position:-71px -186px; vertical-align: unset;}
.uz-designer .uz-designer-bd ul li .designer-user .button { display: block;float: left;width: 73px;height: 33px;line-height: 32px;text-align: center;
    border: 1px solid #eee; border-radius: 5px; margin: 14px 0 0 10px; background: #fff;color: #666;font-size: 12px; }
.uz-designer .uz-designer-bd ul li .designer-user .button.is_follow1{width:75px;background:transparent;border-color:#0057ff;color: #0057ff;}
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a{ float: left; display:block;width:110px;height:80px;border-radius:5px;margin-right:6px;overflow:hidden; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a img{width: 100%;height: 80px;}
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a:last-child{ margin-right: 0px; }
.uz-designer .uz-designer-bd ul li .designer-user:hover{
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
}
/*+------------------------------
 + uz-rlist[Index]
 +-------------------------------*/
.uz-rlist .cons:first-child{ margin-top: 0 }
.uz-rlist .cons{ padding: 25px 0;margin-top: 20px; border-radius: 5px; }
.uz-rlist .h5-tit{position:relative;font-size:16px;color:#333;font-weight:700;padding:0 0 20px 20px}
.uz-rlist .h5-tit:after{position:absolute;top:4px;left:0;display:block;width:3px;height:18px;content:"";background:#0057ff;z-index:6}
.uz-rlist .lis{padding:0 20px}
.uz-rlist .is-hots{padding-bottom:24px;border-bottom:1px solid #e0e0e0}
.uz-rlist .is-hots ul li{float:left;width:210px;margin-right:22px;text-align:center}
.uz-rlist .is-hots ul li:last-child{margin-right:0}
.uz-rlist .is-hots ul li .bor-img{width:100%}
.uz-rlist .is-hots ul li .bor-img img{display:block;width:100%;border-radius:5px}
.uz-rlist .is-hots ul li .te{color:#333;padding-top:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.uz-rlist .is-hots ul li:hover .te{color:#0057ff}
.uz-rlist .is-article{padding-top:20px}
.uz-rlist .is-article ul li{float:left;padding-right:15px;width:calc(33.33333333% - 15px);line-height:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.uz-rlist .is-article ul li a{color:#333}
.uz-rlist .is-article ul li .ct-name{padding-right:5px}
.uz-rlist .is-article ul li .ct-name a{ color:#666; }
.uz-rlist .is-article ul li .ct-name a:hover,
.uz-rlist .is-article ul li a.tva:hover{color:#0057ff}
/*+------------------------------
 + Article[Index]
 +-------------------------------*/
.uz-article:after{ display: block;content: "";clear: both; }
.uz-article { padding: 40px 0;min-width: 1180px; }
.uz-article .article-left{ width: 100%; }
.uz-article .h5-tit { font-size:16px;color:#333;font-weight:bold; }
.uz-article .h5-tit a{ font-size: 14px;color: #666;font-weight: normal; }
.uz-article .h5-tit a:hover{ color: #0057ff; }
.uz-article .h5-tit .news-a{ padding-left: 25px; }
.uz-article.works-lists .works-lists-con ul li{ position: relative; width: 278px;height: 368px;margin: 20px 20px 0 0; border: 1px solid #eee; }
.uz-article.works-lists .works-lists-con ul li .bor-img{ width: 280px;height: 210px;border-radius: 5px;}
.uz-article.works-lists .works-lists-con ul li img{ width: 100%;height: 100%; }
.uz-article.works-lists .works-lists-con ul li .title h6{ color:#333; }
.uz-article.works-lists .works-lists-con ul li .user-relevant{ left: -21px; }
.uz-article.works-lists .works-lists-con ul li .user-relevant .bottom ul li{ padding: 0;border: 0; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom .user-sta{ width: auto; line-height: 56px; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom .title-bottom{ float: left;margin: 21px 0 0 20px; }
/*+------------------------------
 + Interview[Index]
 +-------------------------------*/
.uz-interview:after,
.inter-con ul li .user-bot:after{ display:block;content:"";clear:both; }
.uz-interview { padding:40px 0 0; }
.uz-interview .h5-tit { font-size:16px;color:#333;font-weight:bold;padding-bottom:20px; }
.uz-interview .h5-tit a { color: #666;font-size: 14px;font-weight:normal; }
.inter-con ul li{ float:left;width:280px;margin-right:20px;background:#fff;border-radius:5px;overflow:hidden; }
.inter-con ul li img{ max-width:100%; }
.inter-con ul li .remark{ padding:20px 15px; }
.inter-con ul li .remark h5 a{ font-weight:bold;color:#333; }
.inter-con ul li .remark .occ{ display: block;font-size: 12px;color: #999;padding: 3px 0 5px; }
.inter-con ul li .user-bot{ padding: 15px;border-top: 1px solid #eee; }
.inter-con ul li .user-bot .left{ line-height: 26px; }
.inter-con ul li .user-bot .left img{ width: 26px;height: 26px;border-radius: 65px;margin-right: 5px; }
.inter-con ul li .add-follow{ display:block;float:right;height: 26px; font-size:12px;color:#fff;background:#0057ff;border:0;cursor:pointer;
    padding: 0 10px;border-radius: 5px;
}
.inter-con ul li .add-follow.is_follow1{ background:transparent;border:1px solid #0057ff;color: #0057ff;}
.inter-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);
}
/*+------------------------------
 + Partner[Index]
 +-------------------------------*/
.uz-partner{ padding: 40px 0 20px; }
.uz-partner .h5-tit{ font-size:16px;color:#333;font-weight:bold;padding-bottom:20px; }
.uz-partner ul li{ width: 180px;height: 113px;float: left; margin: 0px 20px 20px 0px; border-radius: 5px; overflow: hidden; }
.uz-partner ul li img{width: 100%;height: 100%;}
.uz-partner ul li:nth-of-type(6n){ margin-right: 0px; }
/*+------------------------------
 + cates[Index]
 +-------------------------------*/
.cates-index{ margin:20px 0 30px; }
.cates-index .cons:after{ display:block;content:"";clear:both; }
.cates-index .cons{ padding: 30px 20px;border-radius: 5px; }
.cates-index .cons ul li{ width: 12.5%; float: left; }
.cates-index .cons ul li h5{ font-weight: bold;padding-bottom: 8px; }
.cates-index .cons ul li h5 a{ color: #333; }
.cates-index .cons ul li .sib a{ max-width: 115px; display: block;height: 32px; line-height: 32px;text-overflow: ellipsis;
    white-space: nowrap;overflow: hidden; }
.cates-index .cons ul li .sib a:hover{ color: #0057ff; }
/*+------------------------------
 + Tag
 +-------------------------------*/
.cates-index.tag .h5-tit{ font-size:16px;color:#333;font-weight:bold;padding-bottom:20px; }
.cates-index.tag .h5-tit a{ font-size: 14px;color: #666;font-weight: normal; }
.cates-index.tag .h5-tit a:hover{ color: #0057ff; }
.w-screen .tagname{ font-size: 16px;color: #333;font-weight: bold;line-height: 40px; }
/** list **/
.tag-list{ min-height:calc(100vh - 356px); }
.tag-list ul li{ margin-bottom: 30px; }
.tag-list ul li h5{ padding-bottom: 12px; }
.tag-list ul li h5 a{ font-size: 16px;color: #333;font-weight: bold; }
.tag-list ul li h5 .tag-more{ font-size: 14px;color: #666;font-weight: normal; }
.tag-list ul li .sib{ padding: 20px; background: #fff;border-radius: 5px; }
.tag-list ul li .sib a{ display: inline-block;width: calc((100% - 40px) / 8);line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.tag-list ul li .sib a:hover,
.tag-list ul li h5 .tag-more:hover{ color: #0057ff; }
/*+------------------------------
 + Links[Index]
 +-------------------------------*/
.uz-links .h5-tit{ font-size:16px;color:#333;font-weight:bold;padding-bottom:20px; }
.uz-links .uz-links-con{ padding: 20px 20px 5px;border-radius: 5px; }
.uz-links .uz-links-con a{ display: block;float: left; margin: 0 15px 15px 0; }
.uz-links .uz-links-con a:hover{ color:#0057ff;}
/*+------------------------------
 + 作品、文章列表
 +-------------------------------*/
.cates-list{ position: relative; min-height: 80px;line-height: 80px;border-bottom: 1px solid #eee; }
.cates-list .container{ position: static; }
.cates-list ul li{ display: inline-block; }
.cates-list ul li a{ padding: 7px 12px;border-radius:5px; }
.cates-list ul li:hover a,
.cates-list ul li a:hover,
.cates-list ul li a.t-on{ background: #0057ff;color: #fff; }
.cates-list ul li .nth-of-type:after{ display: block;content: "";clear: both; }
.cates-list ul li .nth-of-type{ display: none;width: 100%;line-height: normal;padding: 23px 0; position: absolute;
    top: 80px;left: 0;background: #fff;border-top: 1px solid #eee; z-index: 666; }
.cates-list ul li .nth-of-type a{ display: block;float: left;padding: 0 20px; height: 35px;line-height: 35px;text-align: center;}
.cates-list ul li:hover .nth-of-type{ display: block; }
.cates-list ul li:hover .nth-of-type a{ background: transparent;color: #666 }
.cates-list ul li .nth-of-type a.t-on,
.cates-list ul li .nth-of-type a:hover{ background: transparent; color: #0057ff; }

/*  筛选 */
.works-lists-top{ background: #fff; }
.works-lists-top:after{ display: block;clear: both;content: ""; }
.w-screen{ height: 40px; padding: 20px 0 0; }
.w-screen .w-screen-l ul li{
    position: relative; width: 108px; height: 38px;line-height: 38px; float: left; border: 1px solid #eee;border-radius: 5px;
    color: #333;text-indent: 16px;margin-right: 8px; cursor: pointer;
}
.w-screen .w-screen-l ul li.on i{ transform: rotate(180deg);-webkit-transform: rotate(180deg); }
.w-screen .w-screen-l ul li .c-name{ display: block;width: 78px;height: 38px;overflow: hidden; float: left; }
.w-screen .w-screen-l ul li i{ display: block; float: left; width: 9px;height: 6px; background-position: -73px -107px;margin:16px 0 0 5px;
    transition: all .2s ease-out;-webkit-transition: all .2s ease-out;
}
.w-screen .w-screen-r a{ display: block; width: 90px;height: 36px;line-height: 36px;text-align: center; background: #0057ff;color:#fff;  border-radius: 5px; }
.w-screen .screen-type{ width: 100%;padding: 10px 0; position: absolute;top: 39px;left: -1px;background: #fff;z-index: 350;box-shadow: 0 0 30px #c3c3c3;border-radius: 5px;  }
.w-screen .screen-type a{ display: block; }
.w-screen .screen-type a.t-on,
.w-screen .screen-type a:hover{ background: #f7f8fa;color: #0057ff; }

.screen-type.works-cate{ width: 117px; }
.screen-type.works-cate ul li:after{ display: block;content: "";clear: both; }
.screen-type.works-cate ul li{ position: relative; width: 100%;float: none;border: 0px; }
.screen-type.works-cate ul li a{ border-radius: 5px; }
.screen-type.works-cate ul li .nth-of-type{
   display: none; position: absolute;top: 0px; right: -318px;background: #fff; width:298px;padding: 10px;z-index: 300;
    border-top-right-radius: 5px;border-bottom-right-radius: 5px;box-shadow:0 0 10px #ccc;
}
.screen-type.works-cate ul li:hover .nth-of-type{ display: block; }
.screen-type.works-cate ul li .nth-of-type a{ float: left; text-indent: 0px;text-align: center;padding: 0 15px; color: #666; }
.screen-type.works-cate ul li.t-on,
.screen-type.works-cate ul li:hover{  background: #f7f8fa; }
.screen-type.works-cate ul li.t-on .first a,.screen-type.works-cate ul li:hover .first a{ color: #0057ff; }
.screen-type.works-cate ul li .nth-of-type a:hover,.screen-type.works-cate ul li .nth-of-type a.t-on{color: #0057ff}

.works-lists .works-lists-con:after{ display: block;content: "";clear: both; }
.works-lists .works-lists-con ul li .zf-bottom:after{display: block;content: "";clear: both;}
.works-lists .works-lists-con ul li{ position: relative; width:280px;height:368px;float:left;margin:0 20px 20px 0;border-radius:5px; overflow: hidden; }
.works-lists .works-lists-con ul li:nth-of-type(4n){margin-right: 0px;}
.works-lists .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; }
.works-lists .works-lists-con ul li img{width:280px;height:210px;}
.works-lists .works-lists-con ul li .title{position: relative; padding:15px 18px;/*border-radius: 5px;*/ }
.works-lists .works-lists-con ul li .title .istype{ position: absolute;top: 14px;right: 20px; width: 16px;height: 20px; background-position: -134px -130px;}
.works-lists .works-lists-con ul li .title .istype.j-x{ background-position: -101px -130px; }
.works-lists .works-lists-con ul li .title .istype.y-x{ background-position: -157px -158px; }
.works-lists .works-lists-con ul li .title .istype.tj-0{ right: 0px; }
.works-lists .works-lists-con ul li h6 a{ font-size:14px;color:#333; }
.works-lists .works-lists-con ul li p{ margin:5px 0;color:#999;font-size: 12px; }
.works-lists .works-lists-con ul li .title-bottom:after{ display: block;content: "";clear: both; }
.works-lists .works-lists-con ul li .title-bottom i{ float: left; margin-right: 5px; }
.works-lists .works-lists-con ul li .title-bottom span{ display: block;float:left; font-size: 12px; color:#999;margin-right: 15px; }
.works-lists .works-lists-con ul li .title-bottom .view i{ margin-top: 3px; width: 15px;height: 11px; background-position: 0px -188px; }
.works-lists .works-lists-con ul li .title-bottom .hits i{ width: 14px;height: 14px; background-position: -24px -186px; }
.works-lists .works-lists-con ul li .title-bottom .comment i{ margin-top: 1px; width: 14px;height: 14px; background-position: -48px -186px; }
.works-lists .works-lists-con ul li .title-bottom .creatime i{ width: 14px;height: 14px; background-position: -92px -186px;vertical-align: text-top; }
.works-lists .works-lists-con ul li .zf-bottom{border-top: 1px solid #eee;padding:0 15px;height: 56px; line-height: 56px; }
.works-lists .works-lists-con ul li .zf-bottom a{ color: #999; }
.works-lists .works-lists-con ul li .zf-bottom a.time{padding-right: 0px; font-size: 12px;}
.works-lists .works-lists-con ul li .zf-bottom .user-sta{ position: relative; width:60%; }
.works-lists .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;}
.works-lists .works-lists-con ul li .zf-bottom .user-sta-pic img{width: 100%;height: 100%;}

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

.works-lists .works-lists-con ul li .user-relevant .top .operation{margin-top: 10px;}
.works-lists 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;color:#666;font-size: 12px;  }
.works-lists .works-lists-con ul li .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;border:0; }
.works-lists ul li .user-relevant .top .operation .button.add-follow.is_follow1{width:75px;background:transparent;border:1px solid #0057ff;color: #0057ff;}
.works-lists .works-lists-con ul li .user-relevant .bottom ul li{
    float: left;
    width: 110px;
    height: 80px;
    margin-right: 8px;
    border-radius: 5px;
    overflow: hidden;
}
.works-lists .works-lists-con ul li .user-relevant .bottom ul li:last-child{margin-right: 0px;}
.works-lists .works-lists-con ul li .user-relevant .bottom ul li img{width: 100%;height: 100%;}
.works-lists .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);
}
.news-comment{ margin: 40px auto 0; }
.news-comment .n-title{ font-size: 16px;color: #333;font-weight: bold;padding-bottom: 20px; }
.news-comment .works-lists-con ul li{margin-bottom: 0px;}
/*+------------------------------
 + 酷站列表
 +-------------------------------*/
.works-lists .works-lists-con.cool-list ul li{ height: 307px; }
.w-screen .screen-type.ku-color{ width: 264px;padding: 10px 10px 5px; }
.screen-type.ku-color a{ display: block;float: left; width: 85px;height: 35px;text-indent: 8px;margin: 0 3px 5px 0px;border-radius: 5px; }
.screen-type.ku-color a:first-child{ text-indent: 0px;text-align: center; }
.screen-type.ku-color a:nth-of-type(4n),
.screen-type.cate-cool a:nth-of-type(4n){margin-right: 0px;}{margin-right: 0px;}
.screen-type.ku-color em{ display: block; float: left; width: 15px;height: 15px;border-radius: 35px;margin: 11px 0 0 10px; }
.screen-type.cate-cool{ padding: 10px 10px 5px; width: 350px; }
.screen-type.cate-cool a{ float: left; text-indent: 0;width: 85px; border-radius: 5px; margin: 0 3px 5px 0px;text-align: center;}
/*+------------------------------
 + 设计师
 +-------------------------------*/
.design-list .d-screen:after,
.design-list .d-screen-top:after,
.design-list .d-screen-bottom:after{ display: block;content: "";clear: both; }
.design-list .d-screen{ background: #fff; }
.design-list .d-screen .d-screen-l ul li{ position: relative; }
.design-list .d-screen .d-screen-l ul li .scre-occ{
   padding:10px 10px 5px;width:175px;position:absolute;top:40px;left:0px;background: #fff;border-radius: 5px;box-shadow: 0 0 30px #c3c3c3;z-index: 310;
}
.design-list .d-screen .d-screen-l ul li .scre-occ a:hover,
.design-list .d-screen .d-screen-l ul li .scre-occ a.t-on{ background: #f7f8fa;color: #0057ff; }
.design-list .d-screen .d-screen-l ul li .scre-occ a{ display:block; float: left; width: 85px;text-align: center; border-radius: 5px;margin:0 5px 5px 0; }
.design-list .d-screen .d-screen-l ul li .scre-occ a:nth-of-type(2n){ margin-right: 0px; }
.design-list .d-screen .d-screen-l ul li.on i{ transform: rotate(180deg);-webkit-transform: rotate(180deg); }
.design-list .d-screen-top{ padding: 20px;  }
.design-list .d-screen-top ul li{ position: relative; line-height:40px; margin: 0 15px;float: left; cursor: pointer;}
.design-list .d-screen-top ul li.scre{ margin: 0px;cursor: default; }
.design-list .d-screen-top ul li .c-name{ display: block; float: left; }
.design-list .d-screen-top ul li i{ display: block; float: left; width: 9px;height: 6px; background-position: -73px -107px;margin:17px 0 0 5px;
    transition: all .2s ease-out;-webkit-transition: all .2s ease-out;
}
.design-list .d-screen-r a{
    display: block;width: 90px;height: 38px;line-height: 38px;text-align: center; float: left;color: #333;border: 1px solid #fff;border-radius: 5px;
    margin-left: 3px;
}
.design-list .d-screen-r a:hover,
.design-list .d-screen-r a.on{ border-color:#e5e5e5;color: #0057ff;}
.design-list .d-screen-bottom{ padding: 15px 20px; border-top: 1px solid #eee;line-height: 35px; }

.design-list .d-screen-bottom .tips i{ float: left; width: 16px;height: 16px; background-position: -115px -106px;margin:10px 5px 0 0; }
.design-list .d-screen-bottom .news-works{color: #999;}
.design-list .d-screen-bottom .news-works a{
    display: block;float: right; width: 80px;height: 35px;line-height: 35px;text-align: center; background: #0057ff;border-radius: 5px;
    color: #fff;margin-left: 15px;
}
.design-lists-con ul li:after{ display: block;content: "";clear: both; }
.design-lists-con ul li{ padding: 30px 20px;border-bottom: 1px solid #eee; }
.design-lists-con .follow-left .pic{ display:block;width:100px;height:100px;margin-top: 5px; border-radius:150px;margin-right:20px;overflow:hidden; }
.design-lists-con .follow-left .pic img{ width:100px;height:100px; }
.design-lists-con .follow-left .follow-top-a h5{ font-weight: bold;line-height: normal; padding:10px 0 0 0; }
.design-lists-con .follow-left .follow-top-a h5 span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.design-lists-con .follow-left .follow-top-a h5 .is_off{ background-position: -25px -161px; vertical-align: middle;}
.design-lists-con .follow-left .follow-top-a h5 .is_real{ background-position: -51px -161px; vertical-align: middle;}
.design-lists-con .follow-left .follow-top-a h5 .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.design-lists-con .follow-left .follow-top-a p{ margin: 8px 0px; }
.design-lists-con .follow-left .follow-top-a p em{ color: #333; }
.design-lists-con .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; }
.design-lists-con .follow-left .follow-top-a .button:last-child{ background: #0057ff;color: #fff;border: 0; }
.design-lists-con .follow-left .follow-top-a .button.is_follow1{ width: 75px; background: transparent;border: 1px solid #0057ff; color: #0057ff; }
.design-lists-con .follow-right{ width:645px; }
.design-lists-con .follow-right ul li{ float:left;width:150px;height:112px;border-radius:5px;margin-right:15px;padding:0px;
    border-bottom:0px;overflow:hidden; }
.design-lists-con .follow-right ul li:last-child{margin-right: 0px;}
.design-lists-con .follow-right ul li img{width: 100%;height: 100%;}
/*+------------------------------
 + 设计导航
 +-------------------------------*/
.navigation-top{ padding:0 30px;height:80px;line-height:80px; }
.navigation-top ul li{ float: left;font-weight: bold;color: #333;margin-right: 15px;cursor: pointer; }
.navigation-top ul li:hover{ color: #0057ff; }
.navigation-lists-con .navig-li:after{ display: block;clear: both;content: ""; }
.navigation-lists-con .navig-li{ padding: 0 30px; }
.navigation-lists-con .navig-li h5{ font-size: 16px;font-weight: bold;color: #333;padding: 25px 0px; }
.navigation-lists-con .navig-li ul li{
    position: relative; width: 218px;float: left;line-height: 40px;margin-bottom: 20px;
}
.navigation-lists-con .navig-li ul li img{margin-right: 10px;}
.navigation-lists-con .navig-li ul li .dask{ display: none; width: 240px;padding: 20px;  position: absolute;top: 50px;background: #fff;border-radius: 5px;border: 1px solid #eee;z-index: 310; }
.navigation-lists-con .navig-li ul li .dask i{ position: absolute;top: -9px;left: 60px; display: block;width: 13px;height: 9px;background: url("../img/top.png"); }
.navigation-lists-con .navig-li ul li:hover .dask{ display: block; }
/*+------------------------------
 + 单页管理
 +-------------------------------*/
.page-left{ width:220px; padding-bottom: 20px; border-radius:5px;text-indent:30px;overflow:hidden; }
.page-left h5{ height:55px;line-height:55px;background:#0057ff; }
.page-left h5 a{ color:#fff; }
.page-left h5 a,.page-left ul li a{ display: block; font-size:16px; }
.page-left ul li{ height:35px;line-height:35px;margin-top:15px; }
.page-left ul li a{ border-left: 2px solid #fff;text-indent: 28px; }
.page-left ul li a.on,
.page-left ul li:hover a{ color:#0057ff;border-left-color: #0057ff; }
.page-right{ width: 940px; border-radius:5px; overflow:hidden;}
.page-right h5{ height: 55px;line-height: 55px;border-bottom: 1px solid #eee;text-indent: 20px;font-size: 16px; }
.page-right .page-content{ padding: 20px;line-height: 25px; }
.page-right .page-content p{ line-height: 25px; }
/*+------------------------------
 + 榜单
 +-------------------------------*/
.ulist-lists:after,
.ulist-lists ul li:after,
.ulist-lists ul li .title-bottom:after { display:block;content:"";clear:both; }
.ulist-lists{ border-radius: 5px; }
.ulist-lists .utitle{ padding:30px 60px;margin: 20px 0 0;border-bottom: 1px solid #eee; }
.ulist-lists .utitle .count{ font-size:22px;color: #333; }
.ulist-lists .utitle .only-qi{ display: inline-block;padding-left: 60px;color: #666; }
.ulist-lists .utitle .only-qi .number{ font-size: 22px;color: #333;padding: 0 5px; }
.ulist-lists .utitle .utime{ padding-left: 10px; }
.ulist-lists .utitle .see-ulist{ position: relative; cursor: pointer; }
.ulist-lists .utitle .see-ulist i{ display: inline-block; width: 9px;height: 6px;background-position: -73px -107px;vertical-align: middle;margin-left:5px;
    transition: all .3s ease-out;-webkit-transition: all .3s ease-out;
}
.ulist-lists .utitle .see-ulist .old-bangdan{
    display: none; position: absolute;top: 20px;left: -70px; width: 200px;max-height: 620px;padding: 10px 0; background: #fff;border-radius: 5px;overflow-y: auto;
    -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); z-index: 600;
}
.ulist-lists .utitle .see-ulist .old-bangdan a{ display: block;padding: 12px 25px; }
.ulist-lists .utitle .see-ulist .old-bangdan h5{ color: #666; }
.ulist-lists .utitle .see-ulist .old-bangdan p{ color: #999;font-size: 12px; }
.ulist-lists .utitle .see-ulist:hover .old-bangdan{ display: block; }
.ulist-lists .utitle .see-ulist:hover i{ transform: rotate(-180deg);-webkit-transform: rotate(-180deg); }
.ulist-lists .utitle .see-ulist .old-bangdan a.on,
.ulist-lists .utitle .see-ulist .old-bangdan a:hover { background: #f9f9f9; }
.ulist-lists .utitle .see-ulist .old-bangdan a.on h5,
.ulist-lists .utitle .see-ulist .old-bangdan a:hover h5,
.ulist-lists .utitle .see-ulist .old-bangdan a.on p,
.ulist-lists .utitle .see-ulist .old-bangdan a:hover p{color: #333;}
/* webkit内核 滚动条*/
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar {width:3px;background-color:#006eff;}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb {width:3px;background-color:#999;}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-track-piece {width:3px;background-color:#f8f8f8;}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb:hover {width:3px;background-color:#0057ff;}
.ulist-lists ul li{ position:relative;padding:30px 50px 30px 70px;border-bottom: 1px solid #eee; }
.ulist-lists ul li .top-num{position:relative;width:82px;margin-right:65px; }
.ulist-lists ul li .top-num img{ width: 100%;margin: 55px 0 0 0; }
.ulist-lists ul li .top-num .top-num{display: block; font:normal bold 30px arial;color: #ffb829;padding:95px 0 0 7px; }
.ulist-lists ul li .bor-img{ display:block;float:left;width:280px;height:210px;border-radius:5px;overflow:hidden; }
.ulist-lists ul li .bor-img img{ width:100%; }
.ulist-lists ul li .ulists .works-tit{ float:left;width:600px;margin-left:30px; }
.ulist-lists ul li .ulists .h5{ padding:25px 0 8px; }
.ulist-lists ul li .ulists .h5 a{ font-size:24px;color:#333;}
.ulist-lists ul li .ulists .subtitle{ font-size:12px;color:#999; }
.ulist-lists ul li .title-bottom{ margin:15px 0 30px; }
.ulist-lists ul li .title-bottom span { display:block;float:left;font-size:12px;color:#999;margin-right:15px; }
.ulist-lists ul li .title-bottom .view i { margin-top:3px;width:15px;height:11px;background-position: 0px -188px; }
.ulist-lists ul li .title-bottom .hits i { width: 14px;height: 14px;background-position: -24px -186px; }
.ulist-lists ul li .title-bottom .comment i { margin-top: 1px;width: 14px;height: 14px;background-position: -48px -186px; }
.ulist-lists ul li .title-bottom i { float: left; margin-right: 5px; }
.ulist-lists ul li .user-data .u img{ width: 40px;height: 40px;border-radius: 55px; }
.ulist-lists ul li .user-data .uname{ font-size: 14px;color: #333;font-weight: bold;line-height: 40px;margin-left:5px; }
.ulist-lists ul li .user-data .level-u{ margin: 10px 0 0 5px; }
.ulist-lists ul li .user-data .level-u span { display:inline-block;width:19px;height:22px;margin:0 3px; }
.ulist-lists ul li .user-data .level-u .is_off{ background-position: -25px -161px; vertical-align: middle;}
.ulist-lists ul li .user-data .level-u .is_real{ background-position: -51px -161px; vertical-align: middle;}
.ulist-lists ul li .user-data .level-u .interview{ background-position: 0 -161px; vertical-align: middle;margin-left: 8px;}
.ulist-lists ul li .button-a{ position: absolute;bottom: 45px;right: 50px; }
.ulist-lists ul li .button-a .works-ls{ display: inline-block; width: 88px;border: 1px solid #eee;font-size: 12px;height:34px;line-height:34px;text-align: center;
    border-radius: 5px;background: #fff; }
.ulist-lists ul li .button-a .works-ls:hover{ background: #0057ff;color: #fff;border-color: #0057ff; }
.ulist-lists ul li .button-a .add-follow{ width: 80px;height: 36px;background: #0057ff;color: #fff;font-size: 12px;border: 0;
    border-radius: 5px;margin-left: 8px; }
.ulist-lists ul li .button-a .button.is_follow1 { width: 75px; background: transparent; border:1px solid #0057ff; color: #0057ff; }
.ulist-lists .remark { padding: 40px 30px; }
.ulist-lists .remark h6{ font-weight: bold;color: #333;padding-bottom: 12px; }
.ulist-lists .remark p{ font-size: 12px; }
.ulist-lists .remark .sm{ margin-top: 25px; }
.ulist-lists .jiaoliu{ font-size: 14px;color: #333;margin-top: 20px; }
.ulist-lists .jiaoliu span{ color:#ffb829;font-size: 14px; }
/*+------------------------------
 + 专访
 +-------------------------------*/
.interview-lists-con{border-radius: 5px; }
.interview-lists-con ul li:after{ display: block;content: "";clear: both; }
.interview-lists-con ul li{ padding: 25px;border-bottom: 1px solid #e6e6e6;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;  }
.interview-lists-con ul li:last-child{ border-bottom: none; }
.interview-lists-con ul li .bor-img{ display: block;width: 285px;height: 211px;border-radius: 5px;margin-right: 25px; overflow: hidden; }
.interview-lists-con ul li .bor-img img{ width: 100%;}
.interview-lists-con ul li .remark h5{ font-size: 22px;color: #333;padding-top: 40px; }
.interview-lists-con ul li .remark h5 span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.interview-lists-con ul li .remark h5 .is_off{ background-position: -25px -161px; vertical-align: middle;}
.interview-lists-con ul li .remark h5 .is_real{ background-position: -51px -161px; vertical-align: middle;}
.interview-lists-con ul li .remark h5 .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.interview-lists-con ul li .remark p{ min-height: 50px;color: #333;padding: 20px 0 25px;line-height: 24px; }
.interview-lists-con ul li .remark .more{ color: #999; }
.interview-lists-con ul li:hover{ background: #fafafa; }
.interview-lists-con ul li:hover .more{ color: #0057ff; }
/*+------------------------------
 + 品牌企业
 +-------------------------------*/
.scree-rec:after,
.brand-ceng .brand-input:after,
.brand-ceng .brand-input ul li:after{ display:block;content:"";clear:both; }
.scree-rec{ padding:28px 0; }
.scree-rec .scree-l{ width:65%; }
.scree-rec .scree-l ul li{ line-height:33px; }
.scree-rec .scree-l a{ padding:7px 15px;border-radius:65px;margin-left:5px; }
.scree-rec .scree-l a:hover,
.scree-rec .scree-l a.on{ background:#fe3a2c;color:#fff; }
.scree-rec .txt-brand span{ color: #999;line-height: 33px;padding-right: 15px; }
.scree-rec .go-brand{ cursor: pointer;padding:7px 22px;background:#0057ff;color:#fff;border-radius:65px; }
/** 列表 **/
.brand-index .brand-ul li{ width: 280px;height: 350px;background: #fff;float: left;margin: 20px 20px 0 0;border-radius: 5px;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out;
}
.brand-index .brand-ul li:nth-of-type(4n){ margin-right: 0; }
.brand-index .brand-ul li .img-logo{ border-bottom: 1px solid #f0f0f0;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden; }
.brand-index .brand-ul li .remark{ padding: 20px 15px; }
.brand-index .brand-ul li .remark h5{ font-size: 14px;color: #333;padding-bottom: 7px;font-weight: bold; }
.brand-index .brand-ul li .remark p{ line-height: 25px;color: #999; }
.brand-index .brand-ul li .remark p a:hover{ color: #0057ff; }
.brand-index .brand-ul li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);  }
/** 层 **/
.brand-ceng{ position: absolute;top: 50%;left: 50%; width: 600px;background: #fff;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    border-radius: 5px; z-index: 1005; }
.brand-ceng .colse-x{ position: absolute;top: 16px;right: 16px; display: block;width: 11px;height: 11px;background: url("../../common/img/colse-samll.png") no-repeat;
    cursor: pointer;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;
}
.brand-ceng .colse-x:hover{ transform: rotate(-90deg);-webkit-transform: rotate(-90deg); }
.brand-ceng .tit{ font-size: 24px;color: #333;height: 70px;line-height: 70px;border-bottom: 1px solid #e6e6e6;text-align: center; }
.brand-ceng .brand-input{ width: 438px;margin: 20px auto 0;padding-bottom: 45px; }
.brand-ceng .brand-input ul li{ height: 48px;line-height: 48px; margin: 0 0 10px 0;}
.brand-ceng .brand-input label{ display: block;width: 58px;float: left;text-align: right;color: #333; }
.brand-ceng .brand-input .int-right{ position: relative; width: 358px;height: 46px; float: right;border: 1px solid #e6e6e6;border-radius: 5px;overflow: hidden; }
.brand-ceng .brand-input .int-right .up-img{ position: relative;width: 92px;height: 40px;line-height: 40px;font-size: 12px;color: #333;border-radius: 5px;background: #fc3b2c;
    color: #fff;text-align: center;margin: 3px 0 0 3px;cursor: pointer;overflow: hidden;
}
.brand-ceng .brand-input .int-right .up-img #up-logo{ width: 100%;height: 40px; position: absolute;top: 0;left: 0;opacity: 0;z-index: 5;font-size: 60px;}
.brand-ceng .brand-input .int-right .size{ font-size: 12px;padding-right: 20px; }
.brand-ceng .brand-input ul li.up-img-load{ display: none; height: auto;line-height: inherit; }
.brand-ceng .brand-input .up-img-load .int-right{ height: auto;line-height: inherit; border: 0; }
.brand-ceng .brand-input .up-img-load .int-right img{ border: 1px solid #e6e6e6;border-radius: 5px; }

.brand-ceng .brand-input .int-right .text-class{ width: calc(100% - 20px); height: 48px;border: 0;padding: 0 10px; }
.brand-ceng .brand-input .int-right.subtit{ border-color: #0057ff;margin-top: 10px; }
.brand-ceng .brand-input .int-right.subtit .input-sub{ display: block;background: #0057ff;color: #fff;width: 100%;height: 46px;
    border: 0;cursor: pointer; }
.brand-input .tips-r{ display: block;margin:20px 0 0 75px;  }
/*+------------------------------
 + 地图
 +-------------------------------*/
.maps{ padding: 30px 25px; }
.maps ul li{ margin-bottom: 20px; }
.maps ul li:after{ display: block;content: "";clear: both; }
.maps ul li h6{ font-size: 16px;color: #333;font-weight: bold;padding-bottom: 12px; }
.maps ul li a{ display: block;float: left;margin-right: 15px; }
.maps ul li a:hover{ color: #006eff; }

/**  分页 **/
.pagination { text-align: center; }
.pagination li{ display: inline-block;width: 38px;height: 38px;line-height: 40px;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; }
.pagination li.disabled.prev,
.pagination li.disabled.next{ display: none; }
.pagination li.active span,.pagination li.active a{color: #fff}
/** 没有数据 **/
.empty-img{ position: relative;padding: 50px 0;text-align: center; }