.works_crumb .semb .aso:hover,
.fashion .factor_con ul li:hover,
.works .dress span:hover,
.learn_course .es_course p:hover,
.work_href:hover{
    color: #f15766;
}
.works_search_tip{
    background: rgba(0,0,0,0.8);
    z-index: 999;
    position: fixed;
    left: 50%;
    top:38%;
    transform: translateX(-50%);
    color: #fff;
    padding: 15px;
    font-size: 16px;
    display: none;
}
.works_list .bot_cation .cate span:hover {
    background: #bbb;
    color: #fff;
}
.works{
    margin:24px 0 0;
}
.works .banner img{
    border-radius: 8px;
}
.works_nav{
    background: #fff;
    padding:25px 20px 0;
    position: relative;
}
.works_poster{
    position: absolute;
    right: 21px;
    border-radius: 8px;
    overflow: hidden;
    background: #0E0E18;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.works_poster p{
    padding:5px;
}
.works_crumb ul li .closes,
.work-item .works_title span,
.works_list .bot_cation .cate span,
.fashion .open,
.works_search_btn,
.works_crumb .empty,
.works .dress span{
    cursor: pointer;
}
/*面包屑*/
.works_crumb {
    font-size: 14px;
    color:#444;
    display: flex;
    align-content: center;
}
.works_crumb .semb,
.works_crumb .total{
    margin-top: 4px;
}

.works_crumb ul li{
    float: left;
}
.works_crumb ul .condition{
    border: 1px solid #F25767;
    border-radius: 4px;
    padding:2px 7px 1px;
    color:#F25767;
    float: left;
}

.works_crumb ul li .closes{
    margin-left: 2px;
    padding:0 2px;
}
.works_crumb ul li .closes:hover{
    background: #ddd;
}
.works_crumb .aso:after,
.works_crumb ul li:after{
    content: '>';
    margin:0 5px;
    color: #444;
}
.works_crumb ul li:after{
    margin: 3px 8px 0;
    display: inline-block;
}
.works_crumb .empty{
    display: inline-block;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding:2px 12px;
    color: #999;
    margin-left: 15px;
    display: none;
}
.works_crumb .empty:hover{
    border-color: #666;
    color: #666;
}
.works_crumb .total{
    font-size: 14px;
    color: #444;
    margin-left: 10px;
}
.works_crumb .total .num{
    color: #F25767;
}
.class_school{
    display: none;
}
/*搜索框*/

/*修改placeholder默认文字*/
.works_search input::-webkit-input-placeholder {
    color:#aaa;
}
.works_search input:focus::-webkit-input-placeholder {
    color:#ddd;
}
.works_search input::-moz-placeholder {
    color:#aaa;
}
.works_search input:focus::-moz-placeholder {
    color:#ddd;
}
.works_search input::-ms-input-placeholder {
    color:#aaa;
}
.works_search input:focus::-ms-input-placeholder {
    color:#ddd;
}

.works_search{
    margin: 30px 0;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    line-height: 48px;
    height: 48px;
}
.works_search_btn{
    color: #fff;
    background: #f15766;
    font-size: 16px;
    width:100px;
    border-radius: 0px 8px 8px 0px;

}
.works_search .form-control{
    width:520px;
    border-radius: 8px 0px 0px 8px;
    padding:16px 27px;
    font-size: 16px;
    border:0;
    background: #F5F5F5;
    height: 100%;
    color: #666;
}
.form-control:focus{
    border:none;
    box-shadow:none;
}
input::-webkit-input-placeholder{
    font-size: 16px;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 16px;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    font-size: 16px;
}
/*作品分类*/
.fashion .factor{
    margin-bottom:15px;
    font-size: 14px;
    color: #242424;
}
.fashion .factor_title{
    color: #f15766;
    font-weight: bold;
    float: left;
    margin-right: 18px;
    margin-top: 3px;
}

.fashion .factor_con ul li,
.fashion .factor_all{
    float: left;
    line-height: 26px;
    padding:0 8px;
    cursor: pointer;
    margin-bottom: 8px;
}
.fashion .factor_con ul{
    margin-left: 8px;
    width: 755px;
    float: left;
    overflow: hidden;
}
.fashion .factor_con ul li{
    margin:0 9px 8px;

}
.fashion .factor_con .active{
    background: #f15766;
    border-radius: 4px;
    color: #fff!important;
}
/*展开*/
.fashion .open{
    color: #999;
    font-size: 14px;
    float: left;
    margin-left: 60px;
    margin-top: 3px;
    display: none;
}
.fashion .open:after{
    content: '\eb6d';
    font-size: 12px;
}

/*最新发布*/
.works .dress{
    padding: 17px 0;
    text-align: center;
    border-top:1px solid #ECEEF5;
    color: #666666;
    font-size: 14px;
}
.works .dress .active{
    color: #f15766;
    font-weight: bold;
}
.works .dress span{
    margin:0 21px;
}

/*作品描述*/
.works_description{
    padding:15px;
    color: #666;
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    margin-top: 24px;
    text-align: center;
}
/*作品列表*/
.works_list{
    margin-bottom: 58px;
}
.works_list .each_group{
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    width: 284px;
    margin-top: 24px;
    float: left;
    height: 337px;
    position: relative;
}
.works_list .each_group:hover{
    -webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
.works_list .mid_pic .thumbnail li,
.works_list .each_group .one_pic{
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.works_list .mid_pic .thumbnail li:hover{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.works_list .each_group .one_pic:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.works_list .each_group:not(:nth-child(4n+1)){
    margin-left: 21px;
}
.works_list .each_group .one_pic{
    height: 180px;
    border-radius: 8px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}

.works_list .works_con img,
.works_list .one_pic img{
    width:100%;
    cursor: pointer;
    height: 100%;
}
.works_list .mid_pic{
    height:94px;
}
.works_list .mid_pic .thumbnail{
    padding:0 6px;
}
.works_list .mid_pic .thumbnail li:not(:nth-child(4n+1)){
    margin-left: 4px;
}
.works_list .mid_pic .thumbnail li{
    width: 65px;
    height: 42px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 5px;
    float: left;
}
.works_list .bot_cation{
    padding:22px 10px 12px;
    text-align: right;

}
.works_list .bot_cation .cate span{
    background: #F5F5F5;
    border-radius: 4px;
    color: #999;
    font-size: 12px;
    padding:4px 7px;
    margin-left: 4px;
}
/*标题内容*/
.works_list .work-item{
    display: none;
}
.works_list .work-tags{
    height: 25px;
    overflow: hidden;
    padding: 0 7px;
}
.work-item{
    padding: 18px 0px 15px;
}

.work-item .works_title{
    color: #333;
    font-size: 14px;
    margin-bottom: 7px;
    padding:0 12px;
}
.list_release{
    padding: 0 12px;
    margin-top: 10px;
    color: #999;
    font-size: 12px;
}
.work-tags .tag:first-child {
    /*margin-left: 0;*/
}
/*点赞*/
.works_detail .views,
.work-item .views {
    margin-top: 10px;
    color: #bbb;
    font-size: 12px;

}
.work-item .views{
    padding: 12px 12px 0px;
    border-top:1px solid #ECEEF5;
}
.works_detail .watch,
.work-item .watch {
    float: left;
    line-height: 1;
}
.works_detail .watch img,
.work-item .watch img {
    vertical-align: bottom;
    margin-right:5px;
}
.works_detail .watch:not(:first-child),
.work-item .watch:not(:first-child) {
    margin-left: 25px;
}
/*标签*/
.entire_label .tag{
    margin: 0 2px 4px;
}

