body{background:#F7F7F7 !important;}
.mt5{margin-top:5px;}
/*顶部区域导航*/
.ej_des_nav{height:auto;margin-top:10px;background:#fff;}
.ej_des_nav ul{width:100%;}
.ej_des_nav ul li{border-bottom:1px solid #eee;line-height:40px;}
.ej_des_nav ul li p.ej_itemName{width:105px;height:40px;float:left;text-align:right;font-weight:bold;color:#333;}
.ej_des_nav ul li p.ej_info{overflow:hidden;line-height:40px;/*float:left;*/padding-left:17px;}
.ej_des_nav ul li p.ej_info a{padding: 3px 8px;margin-right: 17px;color: #666666;text-decoration: none;border-radius: 3px;display: inline-block;line-height: 18px;}
.ej_des_nav ul li p.ej_info a:hover{background:#ed182a!important;color:#fff!important;}
.ej_des_nav ul li p.ej_info a.ej_active{background:#ed182a!important;color:#fff!important;}
/*设计师案例二级*/
.ej_des_upNav{height:40px;line-height:40px;font-size:12px;color:#666;}
.ej_des_upNav a{color:#666;float:left;}
.ej_des_upNav a:hover{color:#ed182a;}
.ej_des_upNav img{width:14px;height:12px;float:left;margin-top:14px;margin-right:5px;}
.ej_des_upNav span{float:left;margin:0 5px;}
/*索引*/
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.ej_des_alllist-sort{background:#fff;}
.ej_des_alllist-sort-ul{width:auto; border: 1px #eaeaea solid; overflow:hidden;}
.ej_des_alllist-sort-ul li.clearfix{line-height: 40px; border-top: 1px #eaeaea dotted;background:#f8f8f8;position: relative;top:-1px;overflow:hidden}
.ej_des_alllist-sort-ul-title{width: 109px;text-align: center;color:#999;}
.ej_des_alllist-sort-ul-angle{padding: 0 30px 0 30px ;border-left: 1px #eaeaea solid; width:1028px; overflow:hidden; background: #fff; }
.ej_des_alllist-sort-ul-angle li{padding-right: 33px; display: inline;}
.ej_des_alllist-sort-ul-angle li a{ display:inline-block; white-space:nowrap;}
.ej_des_alllist-sort .active{color: #ed182a}
.ej_des_alllist-sort-ul li{position: relative;}
.ej_des_alllist-sort-ul li .ico{width: 16px;height: 16px;background: url() no-repeat 0 -75px;cursor: pointer; position: absolute;right: 10px;top: 10px;}
.ej_des_alllist-sort-ul li.current ul{max-height: 80px;overflow: hidden;}
.ej_des_alllist-sort-ul li.current .ico{background-position: 0 -58px;}

/*设计师主体 end*/

.erjishejishi .mt50 {
    margin-top: 50px;
}
.erjishejishi .w {
    width: 100%;
}
.erjishejishi .fl {
    float: left;
    display: inline;
}
.erjishejishi .wrap{  margin:0 auto; background:#FFF}
.erjishejishi .page_banner{ width:100%; height:200px; position:relative; background:#DDD; float:left; left:0}
.erjishejishi .page_banner img{ height:200px}
.erjishejishi .page_url{ width:100%; float:left; height:80px; line-height:80px; font-family:"微软雅黑"; border-bottom:1px solid #DDD}
.erjishejishi .page_url .left a,.page_url .left em,.page_url .left span{ float:left; font-size:15px}
.erjishejishi .page_url .left a{ color:#666}
.erjishejishi .page_url .left a:hover{ color:#D80000}
.erjishejishi .page_url .left em{ font-family:"宋体"; margin:0 10px; display:inline; color:#666}
.erjishejishi .page_url .left span{ color:#D80000}


.erjishejishi .page_url .right a.s{ background:#D80000; color:#FFF}
.erjishejishi .page_url .right a{
    font-family:"微软雅黑"; font-size:15px; background:#FFF; height:26px; line-height:26px; padding:0 10px; float:left; margin-top:27px; display:inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background:#FFF;
}
.page_url .right a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#D80000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.erjishejishi .page_url .right a:hover{ color: #FFF;}
.erjishejishi .page_url .right a:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.erjishejishi .page_url .right em{ margin:0 15px; font-family:"宋体"; color:#999; float:left}
.erjishejishi .page_url .right em:nth-last-child(1){ display:none}

.erjishejishi .list_select{ width:1198px; border:1px solid #DDD; border-bottom:none; border-top:none}
.erjishejishi .list_select li{ width:100%; height:42px; border-bottom:1px solid #DDD}
.erjishejishi .list_select li .l{ width:150px; height:42px; float:left; line-height:42px; text-align:center; background:#F5F5F5; color:#555}
.erjishejishi .list_select li .l i{ font-size:18px;}
.erjishejishi .list_select li .l span{ font-size:15px; padding-left:10px}
.erjishejishi .list_select li .r{ width:1037px; min-height:42px; height:100%; float:left; border-left:1px solid #DDD; padding-left:10px}
.erjishejishi .list_select li .r a{ float:left; height:26px; line-height:26px; padding:0 15px; margin-top:8px; font-size:14px; color:#777}
.erjishejishi .list_select li .r a:hover{ color:#D80000}
.erjishejishi .list_select li .r a.s{ background:#3F4A55; color:#FFF}

.erjishejishi .list_search{ height:50px; background:#3F4A55}
.erjishejishi .list_search .l{ padding:10px 0 0 20px}
.erjishejishi .list_search .l .inp_txt{ width:300px; height:30px; background:#FFF; border:none; padding:0 10px; color:#666; float:left}
.erjishejishi .list_search .l .inp_btn{ width:80px; height:30px; background:#D80000; color:#FFF; border:none; cursor:pointer; float:left; font-size:14px}
.erjishejishi .list_search .r{ color:#DDD; padding-right:20px; line-height:50px; font-size:1.15em}

.erji_designer .sjs-list ul{
    overflow: hidden;
    width:90%;
    margin:auto;
}
.erji_designer .sjs-list1 ul{
    overflow: hidden;
    width:90%;
    margin:auto;
}
.erji_designer .sjs-list ul li{
    width: 23.5%;
    margin-right: 2%;
    float: left;
    color: #606060;
    font-size: 14px;
    margin-bottom: 35px;
    overflow: hidden;
    text-align: center;
}
.erji_designer .sjs-list1 ul li{
    width: 23.5%;
    margin-right: 2%;
    float: left;
    color: #606060;
    font-size: 14px;
    margin-bottom: 70px;
    overflow: hidden;
    text-align: center;
}
.erji_designer .sjs-list ul li a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.erji_designer .sjs-list1 ul li a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.erji_designer .sjs-list ul li:nth-child(4n){
    margin-right: 0;
}
.erji_designer .sjs-list1 ul li:nth-child(4n){
    margin-right: 0;
}
.erji_designer .sjs-list ul li img{
    width: 100%;
    height: 435px;
    vertical-align: bottom;
    transition: all 0.6s;
}
.erji_designer .sjs-list1 ul li img{
    width: 100%;
    vertical-align: bottom;
    transition: all 0.6s;
}
.erji_designer .sjs-list ul li img:hover{
    transform: translateZ(0) scale(1.05);
}
.erji_designer .sjs-list1 ul li img:hover{
    transform: translateZ(0) scale(1.05);
}
.erji_designer .sjs-name{
    color: #413b42;
    font-size: 30px;
    line-height: 78px;
}
.erji_designer .sjs-type{
    margin-top: 5px;
}


	.des-lists-container{width: 100%; height: auto; background: #f4f4f4; padding: 60px 0;}
	.des-lists-container ul{width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-bottom: 40px;}

	.des-lists-container ul li{width: 610px; height: 310px; padding: 20px; background: #fff; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; margin: 0 20px 20px 0;box-sizing: border-box;}
	.des-lists-container ul li:nth-child(2n){margin-right: 0;}
.des-lists-container ul li .des-list-headimg{width: 180px; height: 270px; position: relative; overflow: hidden; background-size: cover; background-position: center center;}
.des-lists-container ul li .des-list-headimg a{display: block; width: 100%; height: 100%;}
.des-lists-container ul li .des-list-headimg h5{width: 100%; height: 40px; background: rgba(0,0,0,.5); color: #fff; text-align: center; line-height: 40px; cursor: pointer; position: absolute; bottom: 0; left: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; opacity: 0;}
.des-lists-container ul li:hover{box-shadow: 0 0 20px #d2d0d0;}
.des-lists-container ul li:hover .des-list-headimg h5{opacity: 1;}
.des-lists-container ul li .des-list-info{width: 370px; height: 270px; }
.des-lists-container ul li .des-list-info .des-list-name{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;}
.des-lists-container ul li .des-list-info .des-list-name *{color: #6f6f6f;}
.des-lists-container ul li .des-list-info .des-list-name h5{font-size:14px;}
.des-lists-container ul li .des-list-info .des-list-name h5 span{color: #000; font-size: 20px; margin-right: 10px;}
.des-lists-container ul li .des-list-info .des-list-name div{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center;}
.des-lists-container ul li .des-list-info .des-list-name div i{width: 17px; height: 17px; background: url(../images/icon.png); background-position: 0 -1482px; margin: 0 1px;}
.des-lists-container ul li .des-list-info .des-list-name a{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center; font-size: 12px;text-decoration: none;}
.des-lists-container ul li .des-list-info .des-list-name a i{background: url(../images/icon.png); background-position: 18px -337px; margin-left: 5px; width: 18px; height: 18px;}
.des-lists-container ul li .des-list-info .des-list-name a:hover{color: #ff343f; }
.des-lists-container ul li .des-list-info .des-list-name a:hover i{background-position: 46px -337px;}
.des-lists-container ul li .des-list-info p{font-size:14px;;height: 48px; line-height: 24px; margin: 12px 0 12px; color: #6f6f6f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.des-lists-container ul li .des-list-info h6{margin-bottom: 10px;font-size:14px;}
.des-lists-container ul li .des-list-info h5{font-size:14px;}
.des-lists-container ul li .des-list-info span{color: #ff343f;}
.des-lists-container ul li dl{width: 100%; height: 110px; display: flex; display: -webkit-flex; display: -ms-flex; margin-top: 12px;}
.des-lists-container ul li dl dd{width: 116px; height: 110px; background-size: cover; background-position: center center;}
.des-lists-container ul li dl a{display: block; margin-left: 11px;}
.des-lists-container ul li dl a:first-child{margin-left: 0;}
.des-list-headimg h5{font-size:16px;}










/*.ej_des5-list ul{margin: 16px 0; display: block;overflow: hidden;}
.ej_des5-list ul li{ width: 287px;margin-bottom: 10px; margin-right: 10px; float: left;_display: inline; overflow: hidden; text-align: center;  position: relative;}
.ej_des5-list .pic{width: 274px; height:274px; border: 8px solid white; text-align: center overflow: hidden;}
.ej_des5-list .pic a{ display:block;}
.ej_des5-list .pic img{max-width: 100%;width: 274px; height: 274px;display: block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.ej_des5-list .ej_team_case{position: absolute; width: 74px; height: 64px; border-radius: 37px; -webkit-border-radius: 37px; -moz-border-radius: 37px;background: white; left: 50%;margin-left: -37px;top: 334px; font-size: 14px; padding: 5px 0; z-index: 99;}
.ej_des5-list .ej_team_case em{display: block; font-size: 30px;}
.ej_des5-list .designer_info{background: white; padding: 0 8px 8px 8px; text-align: left; width: 274px;}
.ej_des5-list .designer_info h3{line-height: 24px; overflow: hidden; font-size: 18px;}
.ej_des5-list .designer_info h3 em{color: #e60012; float: left; display: block;}
.ej_des5-list .designer_info h3 span{float: right; font-size: 14px; color: #333;}
.ej_des5-list .designer_info p{display: block; width: 274px; font-size: 14px; color: #333; margin: 16px 0; height: 68px;overflow: hidden;}
.ej_des5-list .designer_info p span{display: block;width: 64px; height: 24px; background: #999; color: white; text-align: center; line-height: 24px; margin-bottom: 4px;}
.ej_des5-list .designer_info a{display: block; width: 270px; height: 40px; line-height: 40px; text-align: center; color: #666; border: 1px solid #ddd;  border-radius: 20px;}
.ej_des5-list ul li:hover .designer_info a{color: white; background: #e3161e;border-color: #e3161e;}
.ej_des5-list ul li:hover .pic{border-color: #333;}
.ej_des5-list ul li:hover .designer_info{background: #333;}
.ej_des5-list ul li:hover .ej_team_case{background: #fecd07;}
.ej_des5-list ul li:hover .designer_info p span{background: white; color: #000;}
.ej_des5-list ul li:hover .designer_info p{color: #fff;}
.ej_des5-list ul li:hover .designer_info h3 span{ color:#FFF;}
.ej_des5-list ul li:hover .designer_info h3 em { color:#FFF;}*/