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{ width:1200px; 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}

.erjishejishi .mod_design_list{ width:1213px; margin-left:-13px; display:inline; font-family:"微软雅黑"}
.erjishejishi .mod_design_list ul{ width:290px; height:458px; float:left; margin:13px 0 0 13px; display:inline; position:relative; overflow:hidden}
.erjishejishi .mod_design_list ul .t{ width:100%; height:458px; float:left; position:absolute; z-index:1; left:0; top:0}
.erjishejishi .mod_design_list ul .t .i{ width:290px; height:344px; float:left}
.erjishejishi .mod_design_list ul .t .i img{ width:290px; height:344px}
.erjishejishi .mod_design_list ul .t dl{ width:258px; border:1px solid #DDD; border-top:none; float:left; padding:0 15px}
.erjishejishi .mod_design_list ul .t dl .d1{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #DDD}
.erjishejishi .mod_design_list ul .t dl .d1 p{ float:left; font-size:22px}
.erjishejishi .mod_design_list ul .t dl .d1 p em{ color:#D80000; font-size:14px; padding-left:10px}
.erjishejishi .mod_design_list ul .t dl .d1 span{ float:right; color:#666}
.erjishejishi .mod_design_list ul .t dl .d2{  width: 100%;
    height: 55px;
    line-height: 180%;
    font-size: 13px;
    color: #666;
    padding-top: 5px;
    position: relative;}
.erjishejishi .mod_design_list ul .t dl .d2 p{ 
	float: left;
    position: absolute;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;}
.erjishejishi .mod_design_list ul .t dl .d2 i{ position: absolute;
    right: 5px;
    bottom: 5px;}
.erjishejishi .mod_design_list ul .s{ width:260px; height:458px; float:left; position:absolute; z-index:2; left:0; top:-458px; background:url(../images/designer_index/design_hover.png) repeat; padding:0 15px}
.erjishejishi .mod_design_list ul .s .i{ width:100%; height:142px; float:left; margin-top:15px}
.erjishejishi .mod_design_list ul .s .i a{ width:120px; height:142px; float:left}
.erjishejishi .mod_design_list ul .s .i a img{ width:120px; height:142px}
.erjishejishi .mod_design_list ul .s .i p{ float:left; padding-left:20px; font-size:22px; color:#FFF}
.erjishejishi .mod_design_list ul .s .i p em{ color:#D80000; font-size:16px}

.erjishejishi .mod_design_list ul .s .c{  width: 100%;
    height: 223px;
    float: left;
    overflow: hidden;}
.erjishejishi .mod_design_list ul .s .c p{ width:100%; float:left; color:#DDD; margin-top:20px; line-height:200%; font-size:13px}
.erjishejishi .mod_design_list ul .s .c p em{ color:#FFF}
.erjishejishi .mod_design_list ul .s .l{ width:100%; float:left}
.erjishejishi .mod_design_list ul .s .l a{ width:100%; height:40px; background:#D80000; color:#FFF; line-height:40px; text-align:center; float:left; font-size:16px; margin-top:23px}
.erjishejishi .mod_design_list ul .s .l a i{ font-size:18px}

.erjishejishi .mod_design_tpl{ font-family:"微软雅黑"}
.erjishejishi .mod_design_tpl .tpl{ padding-bottom:20px; border-bottom:1px solid #DDD}
.erjishejishi .mod_design_tpl .tpl .img{ width:368px; height:436px; float:left}
.erjishejishi .mod_design_tpl .tpl .img img{ width:368px; height:436px}
.erjishejishi .mod_design_tpl .tpl .txt{ width:492px; float:left; padding:0 30px}
.erjishejishi .mod_design_tpl .tpl .txt .n{ width:100%; float:left; border-bottom:1px solid #DDD; padding-bottom:20px}
.erjishejishi .mod_design_tpl .tpl .txt .n h1{ width:100%; float:left; font-size:26px}
.erjishejishi .mod_design_tpl .tpl .txt .n span{ float:left; padding:4px 30px; border-radius:100px; background:#D80000; color:#FFF; font-size:15px; text-align:center; margin-top:10px}
.erjishejishi .mod_design_tpl .tpl .txt .n p{ width:100%; float:left; color:#999; font-size:15px; margin-top:10px; line-height:180%}
.erjishejishi .mod_design_tpl .tpl .txt .n h5{ width:100%; float:left; margin-top:10px; font-size:14px}
.erjishejishi .mod_design_tpl .tpl .txt .q{ width:100%; height:239px; float:left; margin-top:10px; overflow-y:auto}
.erjishejishi .mod_design_tpl .tpl .txt .q p{ width:100%; float:left; line-height:180%; color:#666; font-size:14px; margin-top:10px}
.erjishejishi .mod_design_tpl .tpl .txt .q em{ color:#333; font-weight:bold}

.erjishejishi .mod_design_tpl .tpl .get{ width:280px; float:right; height:436px}
.erjishejishi .mod_design_tpl .tpl .get .t{ width:100%; height:55px; background:#3F4A55; line-height:55px; font-size:18px; text-align:center; color:#FFF}
.erjishejishi .mod_design_tpl .tpl .get .c{ width:250px; height:381px; background:#EEE; padding:0 15px}
.erjishejishi .mod_design_tpl .tpl .get .c .o{ width:100%; height:55px; float:left; line-height:55px; font-size:16px; color:#666; text-align:center}
.erjishejishi .mod_design_tpl .tpl .get .c .i .inp_txt{ width:228px; height:38px; background:#FFF; border:1px solid #DDD; margin-bottom:15px; padding:0 10px; font-size:14px; color:#999}
.erjishejishi .mod_design_tpl .tpl .get .c .i .inp_btn{ width:100%; height:40px; background:#D80000; border:none; text-align:center; line-height:40px; cursor:pointer; color:#FFF; font-size:16px}
.erjishejishi .mod_design_tpl .tpl .get .c .l p{ width:100%; height:60px; line-height:60px; font-size:15px; color:#333}
.erjishejishi .mod_design_tpl .tpl .get .c .l a{ width:50%; float:left; text-align:center}
.erjishejishi .mod_design_tpl .tpl .get .c .l a img{ width:70px; height:70px; border-radius:70px; display:inline;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    -ms-transition: -ms-transform 0.3s ease-out;}
.erjishejishi .mod_design_tpl .tpl .get .c .l a:hover img{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.erjishejishi .mod_design_tpl .tpl .get .c .l a span{ width:100%; height:40px; line-height:40px; text-align:center; float:left; color:#666}
.erjishejishi .mod_design_tpl .tpl .get .c .l a:hover span{ color:#D80000}






















/*.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;}*/