.all_background {
	background: #fafafa;
	@extend .cf;
}
.home_fouse {
	@extend .web_; height: 455px; position: relative;
	// img {display: block;width: 1200px;height: 562px;}
	img {display: block; width: 100%; height: 460px;}
	strong {display: none;}
	.FocusPic {
		li {
			height: 460px; background-size: cover;
			background-position: center;
		}
		a {
			display: block; width: 100%; height: 460px;
		}
	}
	.FocusNum {
		width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; text-align: center;
		li {
			display: inline-block; margin: 0 10px 0 0; width: 5px; height: 5px;
			text-align: left; cursor: pointer; background: rgba($c00,.3);
			text-indent: -9999px; border-radius: 50%; border: 3px solid rgba($cff,.3);
			&.on {
				background: $cff; border: 3px solid rgba($c00,.3);
			}
		}
	}
	.FocusLeft,.FocusRight {
		position: absolute; width: 41px; height: 100%; top: 0;
		background-image: url("../image/icon_slides.png");
		background-repeat: no-repeat;
		@include dz(); cursor: pointer;
	}
	.FocusLeft {
		left: 0;
		background-position: -41px center;
		&:hover {background-position: 0 center;}
	}
	.FocusRight {
		right: 0;
		background-position: -82px center;
		&:hover {background-position: right center;}
	}
}

.home_focus_show {
	@extend .web; margin-top: 15px;
	.show {
		width: 292px; height: 184px; float: left; margin-right: 10px; background: $cf0;
		&:nth-child(4) {margin-right: 0;}
	}
	.banner {
		width: 100%; height: 120px; background: $cf0; margin: 10px 0;
	}
}

// 放心去喜欢
.rest_assured {
	width: 100%; height: 475px; margin-top: 20px;
	h3 {
	    height: 40px; line-height: 40px; font-size: 22px; font-weight: 700;
	    color: #333; width: 100%; margin-bottom: 15px;
	}
	.feature {
		float: right;
		.feature_content {
			width: 402px; height: 184px; cursor: pointer; background: #fff; padding: 10px 0;
			box-sizing: border-box;
			// margin-top: 8px;
			&:nth-child(1) {margin-bottom: 10px;}
			h4 {
				font-size: 17px; line-height: 32px; height: 32px;
				a {color: #000; padding: 0 15px;}
			}
			& > a {
				// 27px-5,33px-4,22px-6
				float: left; width: 320px; margin-left: 15px; height: 22px; line-height: 22px;
				white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-size: 12px;
			}
		}
	}
	.index_card_container {
	    width: 797px; height: 379px; float: left; display: block; position: relative;
		a {
			background: #fff; position: relative; box-sizing: border-box; padding-top: 15px;
		    width: 198px; height: 188px; float: left; display: block; margin: 1px 0 0 1px;
			p {
				height: 30px; margin: 0 0 0 20px; width: 60%;
				white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
				&.pro_title {
					font-size: 18px; line-height: 30px;
				}
				&.brown {
					font-size: 14px; line-height: 16px; color: #ed1a46;
				}
			}
			img {
				position: absolute; bottom: 0; right: 10px; display: block;
			    width: 120px; height: 120px;
				@include dz(0.4s);
			}
			&:hover img {
				right: 20px;
			}
			&:hover {
				border: 2px solid #ea0014; position: relative; z-index: 1;
				box-shadow: 0 2px 10px #999;
			}
		}
	}
}

// 模块展示
.module {
	height: 420px; margin: 0 auto 20px; overflow: hidden; width: 100%;
	.index_card {
		float: left; width: 390px; height: 418px; border: 1px solid #f6f7f8; margin-left: 10px;
		background: #FFF; overflow: hidden;
		h4 {
			color: #FFF; width: 100%; height: 52px; display: block; padding-left: 20px;
			font: bold 20px/52px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB"; box-sizing: border-box;
			small, .more {
				font: 12px/20px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB"; color: #FFF;
				float: right; margin-right: 10px; display: block; height: 52px; line-height: 52px;
			}
			small {
				color: #999;
			}
		}
		&:nth-child(1) h4 {background: #419dae;}
		&:nth-child(2) {
			h4 {background: #867bc5;}
			.index_card_container {
				.pro_title {font-size: 14px;}
			}
		}
		&:nth-child(3) h4 {background: #a25683;}
		.index_card_container {
			position: relative; width: 368px; height: 345px; margin: 10px auto; overflow: hidden;
			&::after {
				visibility: hidden; display: block; height: 0; clear: both; content: ".";
			}
			a {
				position: relative; float: left; width: 184px; height: 115px; display: block;
				outline: 1px solid $cf0; background: $cff; font-size: 12px;
				&:hover {color: #666}
				img {
					position: absolute; right: 5px; bottom: 5px;
					display: block; width: 70px; height: 70px;
					@include dz(0.4s);
				}
				&:hover img {
					right: 20px;
				}
				.pro_title {
					margin: 10px 0 0 6px; width: 75px; height: 40px; overflow: hidden; line-height: 20px;
				}
				.brown {
					margin: 0 0 0 6px; width: 100%; height: 20px; line-height: 20px; position: relative; z-index: 1;
					em {color: #FF7B24;}
				}
				del {
					margin: 0 0 0 6px; width: 100%; height: 20px; line-height: 20px; position: relative; z-index: 1;
					text-decoration:line-through;
				}
				.countdown {
					margin: 10px 0 0 6px; width: 100%; height: 20px; line-height: 20px; position: relative; z-index: 1;
					opacity: 0.6;
					b {color: #ed1a46;}
				}
			}
		}
	}
}

.home_rec {
	@extend .web;margin: 40px auto;
	header {
		width: 1200px !important;height: 40px;@extend .cf;
		h3 {font-size: 22px;float: left;font-weight: normal;}
		.control {
			float: right;margin: 1px;
			@extend .cf;
			i {
				width: 36px;height: 24px;background: $cff;position: relative;outline: 1px solid $cdd;color: $c99;text-align: center;line-height: 24px;
				display: block;float: left;font-size: 20px;cursor: pointer;@include dz();
				&:hover {
					z-index: 1;color: $cf60;outline: 1px solid $cf60;
				}
			}
		}
	}
	.con {
		width: 1200px;overflow: hidden;
	}
	ul {
		clear: both;  height: 281px; width: 100%;
		li {
			float: left; width: 199px; overflow: hidden; height: 281px; border-right: 1px solid #F6F7F8;
			a {
				display: block; background: #fff; padding: 19px; text-decoration: none;
				&:hover {
					img {@include fd(1.1);}
				}
				img {
					display: block;width: 160px;height: 160px;@include dz();
				}
				p {
					display: block; color: $c22; font-weight: normal; overflow: hidden;
					font-size: 12px; margin-top: 12px; height: 36px; width: 100%; line-height: 18px;
				}
				em {
					color: #e12228; font-size: 20px; display: block; margin-top: 10px; line-height: 26px;
					span {
						float: right; display: inline-block; width: 47px; height: 18px; color: #FFF;
						line-height: 18px; text-align: center; background: #fa4b4b; border-radius: 2px;
						font-size: 12px; margin-top: 5px;
					}
				}
				del {
					color: $c99;display: none;margin-top: 10px;text-decoration: line-through;
				}
			}
		}
	}
}

// 居中处理-container
.container {
    width: 1210px; min-width: $min-scrwidth; margin: 0 auto; position: relative;
}
.home_floor {
    @extend .web; width: 100%; height: 645px; margin-bottom: 20px; position: relative;
	h3 {
	    height: 50px; line-height: 50px; font-size: 22px; font-weight: 700;
	    color: #333; width: 100%; margin-bottom: 5px; padding-left: 15px;
	}
	.tab_title {
		position: absolute; top: 4px; right: 0; height: 42px; padding: 11px; box-sizing: border-box;
		li {
			float: left; height: 20px; line-height: 20px;
			a {font-size: 13px; border-right: 1px solid #999; padding: 0 10px;}
			&:last-child a {border: none;}
		}
	}
	/*共用*/
	a.side_img {
		// background: #fff;
		display: block; font-size: 12px; float: left; position: relative; box-sizing: border-box;
		padding-top: 15px; border-right: 1px solid #f6f7f8; border-bottom: 1px solid #f6f7f8;
	}
	a.side_img p {position: relative; z-index: 3; }
	a.side_img .title {
		// white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
		box-sizing: border-box; overflow: hidden;
	    width: 100%; height: 60px; padding: 0 20px; font-size: 18px; line-height: 28px;
	}
	a.side_img .desc {
	    width: 100%; height: 16px; padding: 0 20px; font-size: 16px; line-height: 16px;
		box-sizing: border-box;
	}
	a.side_img img {
	    position: absolute; bottom: 0; right: 5px; display: block;
	}
	/*左侧*/
	.card_container_left {
	    width: 394px; height: 590px; float: left; position: relative; background: #fff;
	    /*background: #D4E9FF;*/
		& > .side_img {
		    display: block; width: 394px; position: relative; float: none;
			height: 296px; border-bottom: 1px solid #f6f7f8;
			// height: 317px;
			.title {
			   font-size: 20px; line-height: 40px;
			}
			img {
			   width: 250px; height: 250px; background: none !important;
			}
		}

		.side_img i {
		   position: absolute; top: 0; right: -6px;
		   width: 0; height: 0; display: block;
		   border-style: solid; border-width: 6px 0 0 6px;
		}
		/*二级栏目*/
		// .entrances {
		//     position: absolute; bottom: 270px; width: 394px;
		//     background-color: #fff; overflow: hidden; opacity: .7;
		// 	li {
		// 	    float: left; padding: 7px 0;
		// 		a {
		// 		    width: 85px; height: 33px; display: block;
		// 		    line-height: 33px; margin: 0 21px;
		// 			span { margin-left: 10px; }
		// 		}
		// 	}
		// }
		/*热词*/
		// .hot_word {
		//     width: 392px; height: 147px; border-bottom: 1px solid #f6f7f8; box-sizing: border-box;
		//     display: block; border-right: 1px solid #f6f7f8;
		// 	padding: 13px 18px;
		// 	a {
		// 		display: block; float: left; width: 64px; height: 25px; line-height: 25px;
		// 		color: #666; overflow: hidden;
		// 	}
		// }
	}
	// 颜色
	.card_color1 {
		.side_img {
			background: #FFE2EC;
			p {color: #F15453;}
			i {border-color: transparent transparent transparent #F15453;}
		}
		.entrances a {color: #F15453;}
	}
	.card_color2 {
		.side_img {
			background: #B2FDFC;
			p {color: #03C4DB;}
			i {border-color: transparent transparent transparent #0BA6E8;}
		}
		.entrances a {color: #03C4DB;}
	}
	.card_color3 {
		.side_img {
			background: #FCEFA7;
			p {color: #FD9B22;}
			i {border-color: transparent transparent transparent #FD9B22;}
		}
		.entrances a {color: #FD9B22;}
	}
	.card_color4 {
		.side_img {
			background: #d4e9ff;
			p {color: #3892f0;}
			i {border-color: transparent transparent transparent #3892f0;}
		}
		.entrances a {color: #3892f0;}
	}
	/*右侧*/
	.card_container_right {
		width: 807px; height: 584px; margin-top: 6px; float: left; position: relative; background: #fff;
		.side_img:nth-child(1) {
			width: 405px; height: 291px;
			.title {
				white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
			}
			img {
				width: 230px; height: 230px;
			}
		}
		.side_img:nth-child(2),
		.side_img:nth-child(3),
		.side_img:nth-child(6),
		.side_img:nth-child(7) {
			width: 201px; height: 292px;
			img {
				width: 190px; height: 190px;
			}
		}
		.side_img:nth-child(6),
		.side_img:nth-child(7) {
			margin-top: -146px;
		}
		.side_img:nth-child(4),
		.side_img:nth-child(5),
		.side_img:nth-child(8),
		.side_img:nth-child(9) {
			width: 405px; height: 147px;
			.title {width: 65%;}
			img {
				width: 140px; height: 140px;
			}
		}
		.side_img:nth-child(8) {
			width: 392px; position: absolute; left: -394px; bottom: 3px; border-bottom: 0;
		}
		.side_img:nth-child(9) {
			width: 392px; position: absolute; left: -394px; bottom: 145px;
		}
	}
}

.recommand_allshow {
	h3 {
		height: 50px; line-height: 50px; font-size: 22px; font-weight: 700;
		color: #333; width: 100%; margin-bottom: 5px; padding-left: 15px;
	}
	ul {
		li {border-bottom: 1px solid #F6F7F8}
	}
}
