body{background-color:#e5e5e5;}
/*顶部区域导航*/
a.ej_active{background:#ed182a!important;color:#fff!important;}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-center {
    text-align: center;
}
.clearfix:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-3 {
    width: 25%;

}
.col-xs-6 {
    width: 50%;
}
.bg-white {
    background: #fff;
}


.erji_case-sort{background:#fff;margin-top: 20px;}
.erji_case-sort-ul{width:auto; border: 1px #eaeaea solid; overflow:hidden;}
.erji_case-sort-ul li.clearfix{line-height: 40px; border-top: 1px #eaeaea dotted;background:#f8f8f8;position: relative;top:-1px;}
.erji_case-sort-ul-title{width: 109px;text-align: center;color:#999;}
.erji_case-sort-ul-angle{padding: 0 30px 0 30px ;border-left: 1px #eaeaea solid; width:1028px; overflow:hidden; background: #fff; }
.erji_case-sort-ul-angle li{padding-right: 33px; display: inline;}
.erji_case-sort-ul-angle li a{ display:inline-block; white-space:nowrap;}
.erji_case-sort .active{color: #ed182a}
.erji_case-sort-ul li{position: relative;}
.erji_case-sort-ul li .ico{width: 16px;height: 16px;background: url(http://icon.dyrs.cc/ico.png) no-repeat 0 -75px;cursor: pointer; position: absolute;right: 10px;top: 10px;}
.erji_case-sort-ul li.current ul{max-height: 80px;overflow: hidden;}
.erji_case-sort-ul li.current .ico{background-position: 0 -58px;}
.footer .bar a.xq2{
	margin-right:0;
}

/*图片排序导航*/
.ej_pic_sort{margin:10px auto; font-size:13px;height:26px;}
.ej_pic_sort a{width:80px;border:1px solid #ccc;background:#fff;line-height:26px; text-align:center; color:#000 ; float:left; margin:0 5px;} 
.ej_pic_sort a div:hover{background:#ed182a !important; color:#FFF !important; cursor:pointer}
.ej_pic_sort a img{vertical-align:middle;}

.cases_Detail-push-list1{width: 1220px; margin-top:15px;}
.cases_Detail-push-list1 li{float: left;margin:0 13px 13px 0;}
.cases_Detail-push-list1 .pic{ width:290px; height:290px; overflow:hidden;}
.cases_Detail-box{z-index: 10; bottom:95px; right: -40px;display: none;}
.cases_box{width: 280px; height: auto; padding: 10px; background: #fff;}
.relative{position: relative;}
.absolute{position: absolute;}
.cases_Detail-bubble{width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-top: 12px solid #fff; bottom: -12px; right: 75px;}
.cases_Detail-box-intro ul > li{float: left;margin-right: 5px; font-size: 12px;}
.cases_Detail-box-img{width: 94px;}
.cases_Detail-box-img-intro{width: 165px;}
.cases_Detail-box-intro ul  img{border: 1px #eaeaea solid; width:90px; height:90px;}
.cases_Detail-box-img-intro > p{margin-bottom: 5px; line-height: 1.3em;color: #333;width: 110%;overflow: hidden;}
.cases_Detail-box-img-intro p:nth-of-type(1){
	font-size: 14px;padding-top:5px;
}
.cases_Detail-box-img-intro p span{
	float: left;
	overflow: hidden;
}
.cases_Detail-box-img-intro p span:last-of-type{
	width: 120px;
}
.cases_Detail-box-img-intro i{
	width: 60px;
	overflow: hidden;
	font-style: normal;
	float: left;
	overflow: hidden;
	margin-bottom: 3px;
}
.cases_Detail-box-img-intro p span i{
	display: inline-block;
}
.cases_Detail-box-img-intro > p:first-child{margin-bottom: 10px;}
.cases_Detail-box-label{color: #666;}
.cases_box-btn{display: inline-block; line-height: 34px; border: 1px #b4b4b4 solid; height: 34px;width: 134px;text-align: center;}
.cases_box-btn:hover{border: 1px #ff5d5e solid; color: #ff5d5e;}
.cases_box .textcenter{margin-top: 5px;}
.cases_Detail-push-imgfont{width: 270px; height:60px; border: 1px #eaeaea solid; padding: 9px; line-height: 20px;background: #fff;}
.cases_Detail-push{padding: 30px 0}
.cases_Detail-push-list{width: 920px;}
.cases_Detail-push-list li{float: left; margin: 3px 15px 3px 0;}
.cases_Detail-push-list .pic{width:290px; height:290px; overflow:hidden;}
.cases_Detail-push-head{display:inline-block; top:-40px; right: 0; width:80px; height: 80px;}
.cases_Detail-push-head img{display: inline-block; width: 63px; height: 63px; border: 2px #fff solid; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}
.cases_Detail-push-imgfont-name{color: #6a6a6a;overflow: hidden;white-space: nowrap;width: 190px; text-overflow:ellipsis;}
.cases_Detail-push-imgfont-setting{color: #8f8f8f; font-size:12px; margin-top: 5px;}
.cases_Detail-push-imgfont-setting span{ display:inline-block; white-space:nowrap;}
.cases_Detail-right-img{display: inline-block; width: 108px; height: auto}
.cases_Detail-right-img img{width: 108px;height: 108px; border: 1px #d3d3d3 solid;}
.cases_Detail-right-stylist{padding: 0 17px 14px 17px; border-bottom: 1px #eaeaea solid;}
.cases_Detail-right-stylist li{float: left; margin-right: 5px; font-size: 12px;}
.cases_Detail-right-stylist .cases_Detail-right-intro{ margin:0 0 0 5px; width:125px;}
.cases_Detail-right-intro p{margin-bottom: 1px; color: #737373;}
.cases_Detail-right-intro p:first-child{color: #545454;}
.cases_Detail-right-intro-link{display: inline-block; padding: 8px 10px; background: #ff343f; color: #fff;}
.cases_Detail-right-intro-link:hover{color: #fff;}
.cases_Detail-right h3{padding: 10px 17px;}
.cases_Detail-right-from{padding: 10px 17px; max-width:244px;}
.cases_Detail-right-from select{border: 1px solid #ddd;color: #666;height:35px;line-height: 24px;margin-bottom: 10px;padding: 5px 8px;width: 244px;}
.cases_Detail-right-free{display: inline-block; background: #ff343f; color: #fff; padding: 5px 8px; margin-left: -18px;}
.cases_Detail-right-from-title{/*font-weight: initial;*/ text-align: center;}
.cases_Detail-right-from-title1{color: #666666; font-size:12px; margin-bottom: 20px;}

/*案例样式3主题内容*/
.erji_case3_content{ width:1200px; margin:0 auto;overflow: hidden;}
.erji_case3_content ul li{ width:288px; height:325px; float:left; margin-bottom: 20px; margin-right:12px;}
.erji_case3_content .photob{ width:100%; height:208px; position:relative;overflow: hidden;}
.erji_case3_content .photob img{ width:100%; height:100%;transition:all .3s;}
.erji_case3_content .photob img:hover{transform:scale(1.2,1.2);}
.erji_case3_dinwei{position: absolute; padding-left: 10px; top: 14px;right: 12px;}
.erji_case3_dinwei p{ height: 20px; line-height: 20px;display: block; width: 36px;color: #fff; background:#FA4C06; text-align: center;}
.erji_case3_text{ padding: 1px; border: 1px solid #dbdbdb; margin-top: -2px; background: #f4f5f6;}
.erji_case3_text_son{height: 100px !important;padding-top: 6px !important;}
.erji_case3_text_son .infomation-xq{height: 50px;}
.erji_case3_text_son .infomation-xq h4{height: 26px;line-height: 26px; overflow: hidden;text-align: center; font-size: 14px; margin-left: 0px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.erji_case3_text_son .infomation-xq b{padding: 0px 3px; height: 24px; float: left; display: block; font-size: 12px; color: #888888; font-weight: normal; overflow: hidden; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.erji_case3_text_son .infomation-xq .case3_sp1{ width: 94px;}
.erji_case3_text_son .infomation-xq .case3_sp2{width: 76px;}
.erji_case3_text_son .infomation-xq .case3_sp3{width: 45px;}
.erji_case3_text_son .infomation-xq .case3_sp4{width: 45px;}

.erji_case3_toux{display: block; float:left;}
.erji_case3_toux img{display: block; width:34px; height:34px;margin-left: 3px;}
.erji_case3_text_son .case3_name{float: left; display: block; position: relative; top: 7px; margin-left: 14px; max-width: 60px; overflow: hidden; color: #666;}
.erji_case3_text_son .case3_name a{color: #666666;}
.case3_stac_xin{float: left;display: block; position: relative; top: 7px; margin-left: 14px; max-width: 60px; overflow: hidden; color: #666;  background: url(/template/default/cases/cases_3/images/collect.png) 0 2px no-repeat; padding-left: 20px; height: 20px; cursor: pointer;}

/*案例样式3主题内容 end*/