a{  outline: none;}.caseItem{  width: 387px;  height: 307px;  border: 1px solid #e7e7e7;  box-sizing: border-box;  margin-right: 17px;  margin-bottom: 35px;  -webkit-transition: all .2s linear;  transition: all .2s linear;  float: left;}.caseItem:nth-child(3n){  margin-right: 0 !important;}.caseItem:hover{  box-shadow: 0px 15px 30px rgba(0,0,0,0.1);  transform: translate3d(0,-2px,0);}.caseItem-img{  width: 100%;  height: 217px;}.caseItem-down{  position: relative;  height: 90px;  width: 100%;  display: inline-block;  box-sizing: border-box;  padding-left: 27px;  padding-top: 20px;}.caseItem-star{  position: absolute;  right: 27px;  bottom:20px;  display: block;}.caseItem-star-hover{    position: absolute;    width: 59px;    height: 51px;    background: #d6010e;    color:#fff;    box-sizing: border-box;    padding: 9px 15px;    right: 27px;    bottom: 16px;    font-size: 14px;    display: none;    cursor: pointer;}.caseItem-star img{  width: 18px;  height: 18px;  float: left;}.caseItem-star span{  color: #d6000f;  font-size: 12px;  float: left;  margin-left: 2px;  margin-top: 3px;}.caseItem-down p{  display: inline-block;  width: 220px;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  position: relative;  color: #333;}.caseItem-master{  padding: 20px;	color: #fff;	text-transform: uppercase;	font-size: 14px;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  box-sizing: border-box;}.effect-bubba {  text-align: center;}.effect-bubba-background{  background: #000;}.effect-bubba:hover img {  opacity: 0.7;  -webkit-transition: opacity 0.35s;  transition: opacity 0.35s;}.caseItem-master::before,.caseItem-master::after {	pointer-events: none;}.caseItem-master::before,.caseItem-master::after {	position: absolute;	top: 30px;	right: 30px;	bottom: 30px;	left: 30px;	content: '';	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}.caseItem-master::before {	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);	transform: scale(0,1);}.caseItem-master::after {	border-right: 1px solid #fff;	border-left: 1px solid #fff;	-webkit-transform: scale(1,0);	transform: scale(1,0);}.effect-bubba p {	padding: 20px;	opacity: 0;  margin-top: 60px;  font-size: 20px;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,20px,0);	transform: translate3d(0,20px,0);}.effect-bubba:hover .caseItem-master::before,.effect-bubba:hover .caseItem-master::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}.effect-bubba:hover h2,.effect-bubba:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}.drawingItem{  display: inline-block;  width: 220px;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  position: relative;}/* 效果图案例列表 */.drawing_case_item{  width: 387px;  height: 307px;  border: 1px solid #e7e7e7;  box-sizing: border-box;  margin-right: 17px;  margin-bottom: 35px;  -webkit-transition: all .2s linear;  transition: all .2s linear;  float: left;}.drawing_case_item:nth-child(3n){  margin-right: 0 !important;}.drawing_case_item:hover{  box-shadow: 0px 15px 30px rgba(0,0,0,0.1);  transform: translate3d(0,-2px,0);}.drawing_case_tem_down{  position: relative;  height: 90px;  width: 100%;  display: inline-block;  box-sizing: border-box;  padding-left: 27px;  padding-top: 20px;}.drawing_case_tem_down p{  display: inline-block;  width: 220px;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  position: relative;}.banner img {  width: 100%;  height: 100%;}