.popularArea {
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	float:left;
}

.popularArea ul,.popularArea li{ margin:0px; padding:0px; list-style:none; border:none; }
.popularArea img{ border:none; outline:none; }

.popularArea a{ text-decoration:none; }
.popularArea a:hover{ text-decoration:none; }


.popularArea .b-box {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.popularArea .wrap {
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	float:left;
	overflow:hidden;
}
.popularArea .titleBox {
	position:absolute;
	top:0;
	left:0;
	z-index:1
}

.popularArea .popularBox {
	position:relative;
	margin:0px;
	width:100%;
	float:left;
	
}
.popularArea .popularBox:before {
	content:"";
	pointer-events:none;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(calc(-50% + 10px));
	-ms-transform:translateX(calc(-50% + 10px));
	transform:translateX(calc(-50% + 10px));
	width:593px;
	height:194px;
	background-repeat:no-repeat;
	background-image:url(../images/dish.png);
	background-size:cover
}
.popularArea .popularBox .popularList li {
	-webkit-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}



.popularArea .popularBox .slick-active {
	-webkit-transform:scale(0.7) translateY(-20px);
	-ms-transform:scale(0.7) translateY(-20px);
	transform:scale(0.7) translateY(-20px);
	-webkit-filter:blur(3px);
	filter:blur(3px);
	opacity:0.7
}

.popularArea .popularBox .slick-active .Img:before {
	bottom:-25px;
	-webkit-transform:translateX(-62%);
	-ms-transform:translateX(-62%);
	transform:translateX(-62%);
	width:206px;
	height:81px;
	background-image:url(../images/sh01.png)
}


.popularArea .popularBox .slick-active+.slick-active {
	-webkit-transform:scale(0.7) translateY(5px);
	-ms-transform:scale(0.7) translateY(5px);
	transform:scale(0.7) translateY(5px)
}

.popularArea .popularBox .slick-active+.slick-active .Img:before {
	bottom:-30px;
	-webkit-transform:translateX(-65%);
	-ms-transform:translateX(-65%);
	transform:translateX(-65%);
	width:217px;
	height:85px;
	background-image:url(../images/sh02.png)
}
.popularArea .popularBox .slick-active+.slick-active+.slick-active {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-filter:blur(0px);
	filter:blur(0px);
	opacity:1
}
.popularArea .popularBox .slick-active+.slick-active+.slick-active .Img:before {
	bottom:-30px;
	-webkit-transform:translateX(-30%);
	-ms-transform:translateX(-30%);
	transform:translateX(-30%);
	width:225px;
	height:89px;
	background-image:url(../images/sh03.png)
}

.popularArea .popularBox .slick-active+.slick-active+.slick-active+.slick-active {
	-webkit-transform:scale(0.7) translateY(5px);
	-ms-transform:scale(0.7) translateY(5px);
	transform:scale(0.7) translateY(5px);
	-webkit-filter:blur(3px);
	filter:blur(3px);
	opacity:0.7
}

.popularArea .popularBox .slick-active+.slick-active+.slick-active+.slick-active .Img:before {
	bottom:-30px;
	-webkit-transform:translateX(-40%);
	-ms-transform:translateX(-40%);
	transform:translateX(-40%);
	width:204px;
	height:82px;
	background-image:url(../images/sh04.png)
}

.popularArea .popularBox .slick-active+.slick-active+.slick-active+.slick-active+.slick-active {
	-webkit-transform:scale(0.7) translateY(-20px);
	-ms-transform:scale(0.7) translateY(-20px);
	transform:scale(0.7) translateY(-20px)
}

.popularArea .popularBox .slick-active+.slick-active+.slick-active+.slick-active+.slick-active .Img:before {
	bottom:-25px;
	-webkit-transform:translateX(-40%);
	-ms-transform:translateX(-40%);
	transform:translateX(-40%);
	width:205px;
	height:81px;
	background-image:url(../images/sh05.png)
}
.popularArea .popularBox .Img {
	position:relative;
	text-align:center;
	cursor:pointer;
	width:240px;
	height:300px;
}
.popularArea .popularBox .Img.active:before {
	-webkit-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	opacity:1
}
.popularArea .popularBox .Img:before {
	content:"";
	position:absolute;
	left:50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:0
}
.popularArea .popularBox .Img a {
	position:relative;
	display:inline-block;
	margin:0 auto;
	width:100%;
	height:100%;
	outline:none;
}
.popularArea .popularBox .Img img {
	position:absolute;
	bottom:0;
	margin-top:auto;
	width:100%;
	height:100%;
	object-fit:scale-down;
	display:block;
	
}
.popularArea .popularTextBox {
	margin:45px 0 0 320px;
	width:540px;
	height:175px;
	text-align:center;
	float:left;
	overflow:hidden;
}
.popularArea .popularTextBox .popularTextList{
	position:relative;
	width:100%;
}
.popularArea .popularTextBox li {
	position:absolute;
	left:0px;
	width:100%;
	height:100%;
	-webkit-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	opacity:0
}
.popularArea .popularTextBox li.current {
	opacity:1;
	z-index:1
}
.popularArea .popularTextBox .Txt {
	width:100%;
}
.popularArea .popularTextBox .Txt .title {
	width:auto;
	margin-bottom:18px;
	padding-bottom:13px;
	line-height:22px;
	letter-spacing:1px;
	font-size:13px;
	color:#727272;
	border-bottom:1px solid #d4d4d4;
	vertical-align:top;
	display:inline-block
}
.popularArea .popularTextBox .Txt .txtcon {
	width:100%;
	height:48px;
	line-height:24px;
	font-size:12px;
	color:#727272;
	letter-spacing:1px;
	overflow:hidden;
}

.popularArea .popularTextBox .btnBox {
	margin-top:18px; width:auto; letter-spacing:2px; font-size:12px; text-align:center; vertical-align:top; display:inline-block;
}
.popularArea .popularTextBox .btnBox a{
	padding:0 15px; width:auto; height:28px; line-height:28px; color:#6d6d6d; border:#959595 1px solid; border-radius:6px; display:block; 	
}
.popularArea .popularTextBox .btnBox a:hover{
	color:#bb5121; border:#bb5121 1px solid;
}

.popularArea .popularPageBox { background:url(../images/line03.jpg) repeat-y 192px top;
    margin:75px 0 0 0;
	width:200px;
	float:right;
	display:none;
}
.popularArea .popularPageList { 
	padding-bottom:10px;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.popularArea .popularPageList li.current .dot:before {
	background-color:rgba(0,0,0,0.5)
}
.popularArea .popularPageList .dot {
	cursor:pointer;
	position:relative;
	width:15px;
	height:15px
}
.popularArea .popularPageList .dot:hover:before {
	background-color:rgba(0,0,0,0.5)
}
.popularArea .popularPageList .dot:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:7px;
	height:7px;
	background-color:rgba(0,0,0,0.1);
	border-radius:50%;
	-webkit-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}
.popularArea .itemPage {
	margin-top:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	font-weight:700;
	color:#777777;
	background:#fff;
}
.popularArea .itemPageBox {
	margin-top:5px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:relative;
	width:100%;
	text-align:center
}
.popularArea .itemPageBox:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:calc(100% - 50px);
	height:1px;
	background-color:#e2e2e2
}
.popularArea .totalPage {
	color:#777777
}