/*推广链接*/

.more-links {
    text-align: center;
    overflow  : hidden;
    height:34px;
    line-height:34px;
    margin:1em;
    white-space: nowrap;
}

.more-links span {
    overflow: hidden;
}
.more-links span a{color:#555555;font-size:14px;}
.more-links span.more-link-item {
    max-width    : 24%;
  
}
.more-links span.more-link-item a {
    position     : relative;
    overflow     : hidden;
    white-space  : nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    background: #f2f2f2;
    padding: 0 1em;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    margin-right: .3em;
}
.more-links span.more-link-item a:hover{background: #e4e0e0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

/*banner*/
.banner{height:287px;}
.ban_img{min-width: 75%;}

.ban_num{width: 25%;}
.ban_num dl{font-size:16px;overflow:hidden;position:relative;margin-top:25px;padding: 0 0 1em;white-space: nowrap;}
.ban_num dl dt{float:left;}
.ban_num dl dt.line{position:absolute;/* width:200px; */height:2px;background: #f2f2f2;bottom: 0;left: 0;right: 100%;right: 0;}
.ban_num dl dd{/* float:right; */background: #fff;padding-left: 15px;z-index: 999;position: absolute;right: 0;text-align: right;bottom: 0;}
.ban_num dl dd span{
    font-size:24px;
    color:#FF8A00;
    margin-right:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inline-block;
    max-width: 10em;
    vertical-align: middle;
    }

/*标题*/
.title{margin-bottom:20px;width:100%;text-align:right;overflow:auto}
.title h3{font-size:24px;float:left}
.title .tit_more{display: inline-block;}


/*设计征稿*/
.filling_box{overflow:hidden;width:100%;margin-top:35px;}
.fill_l{width:72%; }
.fill_con{}
.fill_con ul li{width: 48%;}
.fill_con .fill_list .f_l_img{width:100%;}
.fill_con .fill_list .f_l_img> a{display:block;width:100%;height:220px;border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;height:220px;}
.fill_con .fill_list .f_l_img a img{display:block;border-radius:8px; -webkit-border-radius:8px;-moz-border-radius:8px;width:100%;height:220px;}
.fill_tag span{ background: #EA4054;display:block;width:45px;height:22px;line-height:22px; text-align: center;color:#fff;font-size:12px;border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;margin-bottom:8px;}
.fill_tag span.tg{ background: #2CCC50;}
.fill_tag span.js{ background: #8400FF;}

.f_l_img{position:relative;}
.fill_tag{position:absolute;top:16px;left:0;width:100%;pointer-events:none}
.number{float:right;}
.number i{font-size:12px;color:#fff;margin-right:25px;text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);}
.num_icon{margin-right:15px;}
.num_icon img{width:22px;height:24px;margin-left:-12px;border:2px solid #f9f3f3;}

.fill_price{width:100%;padding:0 15px; background-color: rgba(0, 0, 0, .5);height:90px;border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;position:absolute;bottom:0;left:0;}
.fill_price dl dt{font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;padding-top:18px;margin-bottom:6px;}
.fill_price dl dt a{color:#fff;font-size:16px;}
.fill_price dl dd{color:#FF8A00;font-size:20px;}

.fill_btn{width:86px;height:30px;line-height:30px; text-align: center;background:-webkit-linear-gradient(left,#FF8A00,#FF6578);
background:-o-linear-gradient(right,#FF8A00,#FF6578);
background:-moz-linear-gradient(right,#FF8A00,#FF6578);
background:linear-gradient(to right,#FF8A00,#FF6578);position:absolute;bottom:0;right:0;border-radius:8px 0 8px 0; -webkit-border-radius:8px 0 8px 0;-moz-border-radius:8px 0 8px 0;}
.fill_btn a{color:#fff;font-size:12px;display:block;}
 
.fill_text dl{margin-top:30px;width:100%;}
.fill_text dl dt{overflow:hidden;}
.fill_text dl dt span{width:19px;height:22px;line-height:22px;border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px; display:block;color:#fff;font-size:12px; text-align: center;float:left;}
.fill_text dl dt span.re{background: #FF8A00;}
.fill_text dl dt span.zh{background: #2DCC50;}
.fill_text dl dt span.ch{background: #26B8DF;}
.fill_text dl dt a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;font-size:14px;width:90%;display:block;float:left;margin-left:10px;}
.fill_text dl dd{color:#e65a6b;font-size:18px;margin-top:15px;    padding-left: 30px;}
.fill_text .number i{color:#AAAAAA;text-shadow:none;}
.fill_text .progress{overflow: visible;}
.fill_text .progress-bar{position:relative;}
.fill_text .progress span{position:absolute;color:#C38A56;font-size:12px;top:-9px;right:-10px; background: #fff;display:block;padding:0 5px;}

/*收获排行*/
.fill_r{width:25%;}
.fill_r .title h3 a{font-size:20px;}
.fill_r dl{overflow:hidden;border-bottom:1px solid #f2f2f2;padding-bottom:12px;margin-bottom:11px;}
.fill_r dl dt{width:55%;}
.fill_r dl dt img{width:32px;height:32px;}
.fill_r dl dt span{font-size:14px;display:inline-block; vertical-align: middle;width:73%;color:#333;}
.fill_r dl dt span:hover{ text-decoration: underline;}
.fill_r dl dd{float:right;font-size:14px;width:45%;padding-top:5px;color:#7F7F7F; text-align: right;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fill_r dl dd i{color:#e65a6b;}

/*热门创意*/
.ideas_con dl {border:none;padding:4px;}
.ideas_con dl dt{width:60%;}
.ideas_con dl dt i{display:inline-block;width:24px;height:24px;line-height:24px; text-align: center;color:#333;border-radius:24px; -webkit-border-radius:24px;-moz-border-radius:24px; background: #f2f2f2;margin-right:3px;}
.ideas_con dl dt span{ vertical-align: top;    width: 75%;}
.ideas_con dl.first dt span{font-weight:bold;}
.ideas_con dl dd{padding-top:0;width:40%;color:#b6b6b6;}
.ideas_con dl.first dt i{background: #EA4054;color:#fff;}
.ideas_con dl.second dt i{background: #FF8A01;color:#fff;}
.ideas_con dl.third dt i{background: #FACD91;color:#fff;}
.ideas_con dl.first dd,.ideas_con dl.second dd,.ideas_con dl.third dd{color:#6e6e6e;}

.ideas_con .rm_img { background: #F2F2F2;width:100%;border-radius:0 1em 1em 1em;padding:1em; }
.ideas_con .rm_img dt a{font-size:12px;color:#333;}
.ideas_con .rm_img dd{width:100%;}
.ideas_con .rm_img dd a:first-child{margin-right:8px;}
.ideas_con .rm_img dd a{float:left;width:48%;display:block;}
.ideas_con .rm_img dd a img{width:100%;height:66px;}


/*案例展示*/
.case_box{margin-top:35px;}
.card_con {width:100%;padding:14px 12px;}
.case_con ul{margin-right:-16px;}
.case_con ul li{width:23%;box-shadow:0px 1px 3px rgba(0,0,0,.1);margin:0 16px 20px 0;display:inline-block;}
.case_con ul li img{height:168px;width:100%;}

.case_con .card{border:0;border-radius:0;}
.card_con h5{font-size:16px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:15px;}
.card_con p {margin-bottom:20px;}
.card_con p span{color:#b2b2b2;background: #f0f0f0;display:inline-block;width:31%;height:22px; text-align:center;line-height:22px;font-size:12px;border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.card a:hover{ text-decoration: none;}
.card h5:hover,.card span:hover{ text-decoration: underline;}

.location{font-size:12px;color:#999999;}
.location span,.location i{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:inline-block;}
.location span{width:76%;}
.location i{width:20%; text-align: right;}




/*文章征稿内页*/
.nr_nav a{color:#6c757d;}
.zg_type{color: #666;
    border: 1px solid rgba(0,0,0,.1);
    position: relative;
    padding: 30px 20px;
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);}
.zg_type h6{font-size:16px;position:absolute;left:20px;top:-10px; background: #fff;padding:0 30px; }
.zg_type dl{font-size:14px;overflow:hidden;margin-bottom:1em;}
.zg_type dl dt{float:left;margin-top:3px;  text-align: right;width:8%;}
.zg_type dl dd{float:left;margin-left:15px;width:90%;}
.zg_type dl dd a{border-radius:26px; -webkit-border-radius:26px;-moz-border-radius:26px;display:inline-block; text-align: center;border:1px #ebebeb solid;padding:2px 10px;color:#6c757d;margin-right:.3em;}
.zg_type dl dd a.active,
.zg_type dl dd a:hover{color:#c38a56;border-color:#c38a56;text-decoration:none}
.zg_type .more{position:absolute;right:15px;bottom:10px;}
.zg_type .more a{display:inline-block;font-size:14px;}
.zg_type .more a .fa{margin-left:.3em;transition:all .5s ease}

.nr_con{margin-top:40px;}
.nr_con .title{height:auto; margin-bottom:1.5em;}
.nr_con .title h3{ font-size:20px;line-height:38px;}
.nr_con .title > a{display:inline-block;padding:6px 20px;border:1px #ebebeb solid;border-radius:26px; -webkit-border-radius:26px;-moz-border-radius:26px;color:#797979;margin-left:.5em;}
.nr_con .title > a:hover,
.nr_con .title > a.line_color{color:#c38a56;border:1px #c38a56 solid;}

.zg_list .media{border-bottom:1px solid #efefef;padding-bottom:30px;margin-top:25px;}
.zg_list .media > a{width:24%;margin-right:26px;}
.zg_list .media > a img{width:100%;height:160px;border-radius:6%; -webkit-border-radius:6%;-moz-border-radius:6%;}
.zg_list .media-body{min-width:70%;}
.zg_list .media-body h5 span{float:right;color:#e65a6b;}
.zg_list .media-body h5 a{color:#333;display:block;padding-right:10px;}
.zg_list .media-body p{font-size:14px;color:#797979;}
.zg_list .media-body p.date,.l_num i{color:#9f9f9f;}
.l_num i{margin-right:15px;}
.fa-eye:before,.fa-pencil:before{padding-right:5px;}

.nr_con .pagination{ justify-content: center;margin-top:40px;}
.nr_con .page-item.disabled .page-link{border:0; background: #f7f7f7;}
.nr_con .page-link{border:0; background: #f7f7f7;margin-right:7px;font-size:14px;color:#333;margin-left:0;}
.nr_con .page-link:hover{background: #eee;}
.nr_con .page-item.active .page-link{ background: #c38a56;}


/*项目众包内页*/
.zb_list .fill_text{overflow:hidden;margin-left:-20px;}
.zb_list .fill_text dl{width:48%;float:left;margin:0 0 40px 20px;margin-top:0;}
.zb_list .fill_text dl dt a{font-size:16px;margin-bottom:8px;}
.zb_list .num_icon{margin-right:0;}
.zb_list .fill_text p{padding-left: 32px;color:#AAAAAA;font-size:12px;clear:both;margin-bottom:5px;}
.zb_list .fill_text dl dt span{width:22px;height:22px;line-height:22px;}
.zb_list .fill_text dl dd{padding-left:32px;}
.zb_list .fill_text .zb_img img{border-radius:5%; -webkit-border-radius:5%;-moz-border-radius:5%;width:20%;height:66px;margin-right:15px;}
.fill_text dl dt span.biao{ background: #8400FF;}


/*设计征稿内页*/
.sj_list .fill_con ul{overflow:hidden;margin-right:-10px;margin-left:-10px;}
.sj_list .fill_con ul li{width: calc(33.333% - 20px);border:1px solid #f2f2f2;margin:0 10px 30px;}
.sj_list .fill_text dl{margin-top:15px;}
.sj_list .fill_text dl dd{padding-left:10px;}
.sj_list .fill_con .fill_list .f_l_img a img{border-radius:0; -webkit-border-radius:0;-moz-border-radius:0;}

.sj_list .l_num{float:right;margin-right:10px;}
.sj_list .fa{font-size:14px;}
.sj_list .l_num i{margin-right:5px;}
.sj_list .fill_tag{top:25px;}
.sj_list .fill_tag span{width:77px;height:28px;line-height:28px;}
.sj_list .fill_tag span.going{ background: url(../images/going.png) no-repeat center;}
.sj_list .fill_tag span.over{ background: url(../images/over.png) no-repeat center;}

/*设计征稿内页*/
.demand_con{ background: #eee;margin-bottom:-40px;padding-bottom:70px;border-bottom:1px solid #d4d4d4;} 
.demand_type{ background: #fff;box-shadow:0 0 3px rgba(0,0,0,.3);padding-bottom:10px;}
.demand_type .demand_name{overflow:hidden;}
.demand_type .demand_name .jin_e { text-align: center; background: url(../images/jin_e_bg.png) no-repeat top center;padding:16px 20px;}
.demand_type .demand_name .jin_e span{color:#9f9f9f;font-size:14px;}
.demand_type .demand_name .jin_e i{display:block;color:#FF8A01;font-size:28px;}
.demand_type .demand_name .jin_e a{display:block;color:#fff;font-size:14px; background: #FF8A01;width:200px;height:40px;line-height:40px;border-radius:20px; -webkit-border-radius:20px;-moz-border-radius:20px;margin-top:15px;}
.demand_name dl dt{margin:15px 0;}
.demand_name dl dd span{display:inline-block;font-size:14px; background: #fff2ea;border:1px solid #ff7b4c;padding:3px 6px;margin-right:5px;color:#ff7b4c;}
.demand_name dl dd.more-info{color:#9f9f9f;margin-top:25px;font-size:12px;}
.demand_name dl dd.more-info i:before{padding-right:5px;}
.demand_con .nr_con{margin:0;}

.demand_info{ background: #fff;margin-top:30px;box-shadow:0 0 4px rgba(0,0,0,.2);padding:20px 0 30px;}
.demand_info h6{color:#C38A56;font-size:16px;font-weight:bold;}
.demand_info h6 span{display:inline-block;width:5px; background: #C38A56;height:19px;float:left;margin-right:22px;}
.demand_info .info_con{margin:22px 0 20px 30px;}
.demand_info .info_con p{color:#333;font-size:14px;margin-bottom:5px;}
.demand_info a{display:block;color:#FF8A01;margin:15px 0 0 30px;}
.info_more i{padding-left:5px;}

.dem_designer .info_con{margin:30px 0 40px 30px;}
.dem_designer .info_con img{width:36px;height:36px;}
.dem_designer .info_con dl{overflow:hidden;margin-bottom:20px;}
.dem_designer .info_con dd{margin:-5px 0 0 10px;}
.dem_designer .info_con dd p:first-child b{font-size:14px;}
.dem_designer .info_con dd p .que{display:inline-block;color:#fff; background: #f1be5c;padding:4px 5px 0px 5px;margin:0 8px;}

.dem_designer .info_con dd p.info_1{ background: #f9f9f9;padding:5px 0;color:#999;}
.dem_designer .info_con dd p.info_1 b{border-left:3px solid #d0d0d0;padding-left:10px;}

.dem_designer a,.dem_tl a{width:14%;margin:0 auto;height:40px;line-height:40px;font-size:14px;text-align: center;border:1px solid #ccc;color:#333;transition: all 0.5s ease-out;}
.dem_designer a:hover,.dem_tl a:hover{color:#FF8A01;border-color:#FF8A01;}

.dem_tl .info_con{margin: 22px 40px 40px 30px;}
.dem_tl ul{overflow:hidden;margin-bottom:20px;} 
.dem_tl ul li{float:left;font-size:14px;border-bottom: 1px solid #f2f2f2;padding-bottom:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.dem_tl ul li.going{color:#FF8A01;} 
.dem_tl ul li.li_1{color:#FF8A01;width:12%;} 
.dem_tl ul li.li_2{color:#999;width:16%;} 
.dem_tl ul li.li_3{width:49%;} 
.dem_tl ul li.li_4{color:#999;width:15%;} 
.dem_tl ul li.li_5{width:8%;} 
.dem_tl ul li.li_3 span{ color:#fff;padding:0 3px;}
.dem_tl ul li.li_3 i{margin-right:3px;}
.dem_tl ul li.zb span{background: #ff9000;}
.dem_tl ul li.zb i{color:#ff9000;margin-right:3px;}
.dem_tl ul li.bg span{background: #ff5c00;}
.dem_tl ul li.bg i{color:#ff5c00;margin-right:3px;}

.manage-menu{border:1px solid rgba(0,0,0,.1);border-radius:.5em;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:16px;padding:2rem 0;min-height:40rem}
.manage-menu > .manage-menu-item{position:relative;margin:0;padding:1rem 1rem 1rem 5rem;line-height:1.7;border:1px solid transparent;border-width:1px 0;transition:background .3s ease}
.manage-menu > .manage-menu-item dt{font-weight:normal;}
.manage-menu > .manage-menu-item dt a{color:#333;display:block;}
.manage-menu > .manage-menu-item dd{font-size:12px;opacity:.6;cursor:default}
.manage-menu > .manage-menu-item .manage-menu-icon{
  display:inline-block;
  position:absolute;
  left:1.7rem;
  top:50%;
  width:1em;
  height:1em;
  text-align:center;
  transform:translateY(-50%);
  color:#888;
  font-size:24px;
  transition:color .3s ease;
}

.manage-menu > .manage-menu-item:hover{background-color:rgba(0,0,0,.04);}
.manage-menu > .manage-menu-item:hover .manage-menu-icon{color:#444;}
.manage-menu > .manage-menu-item.active{background-color:rgba(0,0,0,.06);border-color:rgba(0,0,0,.06);}
.manage-menu > .manage-menu-item.active dt a{color:#c38a56;font-weight:bold;}
.manage-menu > .manage-menu-item.active .manage-menu-icon{color:#c38a56;}

.person-info{position:relative;background-color:#f9f9f9;padding:1rem;border-radius:.5rem;overflow:auto}
.person-info dl{display:inline-block;padding:0 1rem;margin:0;text-align:center;line-height:1.7}
.person-info dl dt{font-size:16px;font-weight:bold;}
.person-info dl dd{opacity:.5}
.person-info dl.user-cof{text-align:left;padding-left:5rem;background:url(../images/user.svg) no-repeat left center;}
.person-info dl.user-cof dt{font-size:1.2rem}

.user-avatar{display:inline-block;position:absolute;left:0;top:0;max-width:10rem;height:100%;padding:1rem;overflow:hidden}
.user-avatar img{height:100%;border-radius:5rem;overflow:hidden}

.bread-links ul{padding:1em;margin:0;color:#999}
.bread-links ul li{display:inline;}
.bread-links ul li::after{content:"/";opacity:.3;margin:0 .75em}
.bread-links ul li:last-child::after{display:none}
.bread-links ul li a{}

.info-list dl dd{font-size:.8em;margin-top:.25rem;opacity:.7}
.info-list dl{
  margin:0;
  line-height:1.7;
}
.info-list table{width:100%;border-top:1px solid rgba(0,0,0,.1);}
.info-list table thead tr th{padding:.3rem .5rem;background-color:#EBEFFB}
.info-list table tbody td,
.info-list table tbody th{padding:1rem .5rem;border:1px solid rgba(0,0,0,.1);border-width:1px 0}
.info-list table tbody tr:hover{background-color:#f9f9f9}

.pagination{display:inline-block;text-align:right}
.pagination .page-item{display:inline-block;line-height:1;}
.pagination .page-link{color: #666;border-radius:.25rem;min-width:1em;box-sizing: content-box;text-align: center;padding:.5rem;line-height:1;}
.pagination .page-item.active .page-link{background-color: #c38a56;border-color: #c38a56;}

.manage-form{padding:2rem;border:1px solid rgba(0,0,0,.05);border-radius:.5rem}
.btn-main{min-width:6rem}

.login-form{width:30rem;padding:5rem 0}