.header-location{
    background-color: #f4f4f4;
}
.header-top{
    background-color: #f4f4f4;
}

.mr8{
    margin-right:0.8em;
}

.ml8{
    margin-left:0.8em;
}
.card_pd{
    padding:40px 0;
}
.mt15{ margin-top:15px;}
.mr20{ margin-right:20px;}
/*方案列表页面*/
.fan_banner{ background:url(../images/fa_list_banner.jpg) center center #fb4163 no-repeat; height:500px;background-size: cover;}
.card_op{ width:100%; padding:0; margin:0; background-color:#f4f4f4}
/*!*选项卡*!*/

.row_com{
    /*float:left; */
    line-height:200%;
    font-size:16px;
    color:#313131;}
.row_com a{
    color:#313131;
    padding:2px;
}
.row_com .on{
    border-bottom:2px solid #313131;
}
.row_com li{
    float: left;
    display: block;
    width:16.6%;
	font-size: 16px;
    cursor: pointer;
}
.row_com li:nth-child(1) a{
    margin-left: 30%;
}
.plan_card{margin-right:-30px;}
.plan_card li{width:30.3%; max-width:380px; float:left; margin-right:30px; margin-bottom: 30px; background:#fff;transition: all 0.8s;position: relative;}
.plan_card li a{
	display: block;
	position:relative;
}
.plan_card li .closeicon{
	position:absolute;
	bottom:5px;
	right:5px;
	width:20px !important;
	height:auto !important;
	min-height: auto !important;
}
.plan_card li:hover{ box-shadow:0 0 10px #999;}
.plan_card li h3{ margin:15px auto; text-align: center;font-size: 16px;	white-space:nowrap;
	text-overflow:ellipsis;overflow: hidden;font-weight:normal;}
.plan_card.cards li h3{text-align: left;padding:0 20px;margin-bottom: 5px;}	
.plan_card li p{ margin:20px; margin-top:0; color:#707070;font-size: 16px;}
.plan_card li p a{display: inline;}
.plan_card li img{transition: all 0.2s linear;}
.plan_card li .view{
	position: relative;
	text-align: center;
	overflow: hidden;
}

.plan_card li .view .mask{
	position:absolute;
	z-index: 33;
	left:0;
	top:2px;
	right:0;
	width:100%;
	height:100%;
	background-color:rgba(51,51,51,0.7);
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
.plan_card li .view .info{
	transition-delay: 0.2s;
	opacity:0;
	font-size: 14px;	
	background-color:rgba(0,0,0,1);
	padding:7px 14px;
	display:inline-block;
	height:35px;
	color:#fff;
	transition: all 0.4s ease-in-out;
	width:100px;
	border-radius:5px;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
}
.plan_card li:hover .view .mask,.plan_card li:hover .view .mask .info{
	opacity: 1;
}


/*.shar_con{ height:38px; }*/
/*.shar_con .fr{ line-height:38px; display:inline-block;}*/
/*.shar_con .fr{ vertical-align:middle; vertical-align:middle; padding-right:20px; background:url(../images/share.png) no-repeat right center; padding-right:20px;}*/
.load_mare_plan{ margin:40px 0; width:100%; clear:both; float:none; text-align:center;}
/*.load_mare_plan_btn{ display:inline-block; font-size:16px; height:45px; line-height:45px; padding:0 80px; border:1px solid #707070;}*/
/*.load_mare_plan_btn:hover{ border-color:#F60; cursor:pointer;}*/

.giftmade_list .card_pd{padding: unset}
.giftmade_list .card_pd ul li img{
/*    width: 380px;
    height: 264px; */
	width:100%;
	height:auto;
	max-height:258px;
	min-height:248px;
}

.listcase{
	padding:40px 0;
}