body,html{
	width: 100%;
	height: 100%;
}
.main{
	width: 100%;
	overflow: hidden;
}
.banner{
	width: 100%;
	padding:0.15rem;
}
.banner .swiper-container {
    width: 100%;
    height: 2.08rem;
    border-radius: 4px;
    overflow: hidden;
} 
.banner .pic{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.banner .pic .word{
	position: absolute;
	left: 0.2rem;
	right: 0.6rem;
	bottom: 0.3rem;
	z-index: 1;
}
.banner .pic .word p,
.banner .pic .word h1{
	font-size: 0.14rem;
	line-height: 0.2rem;
	color: #FEFEFF;
}
.banner .pic .word h1{
	font-size: 0.18rem;
	line-height: 0.25rem;
	font-weight: 600;
	margin-top: 0.05rem;
}
.banner .swiper-pagination{
	text-align: left;
	padding-left: 0.15rem;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.025rem;
}
.banner .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.03rem;
    display: inline-block;
    border-radius:0;
    background: #fff;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #9C1D22;
}
.box1 .list{	
	width: 1.1rem;
	height: 1.54rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.box1 .list .desc{
	position: absolute;
	left: 0.1rem;
	bottom: 0.15rem;
	z-index: 1;
}
.box1 .list .desc h1{
	font-size: 0.14rem;
	color: #fff;
	font-weight: 600;
	line-height: 0.2rem;
}
.box1 .list .desc p{
	font-size: 0.12rem;
	color: #fff;
	line-height: 0.2rem;
}
.box2{
	margin-top: 0.5rem;
	padding-left: 0.15rem;
}
.box2 .title{
	padding-left: 0.1rem;
	padding-right: 0.25rem;
	margin-bottom: 0.15rem;
}
.box2 .title h1 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.2rem;
    color: #242424;
}
.box2 .title a {
    font-size: 0.12rem;
    line-height: 0.17rem;
    color: #242424;
    position: relative;
    display: block;
    padding-right: 0.15rem;
}
.box2 .title a:after {
    border: 1px solid #000;
    border-bottom-width: 0;
    border-left-width: 0;
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    width: 0.05rem;
    height: 0.05rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.box2 .swiper-container{
	width: 100%;
	overflow: visible;
}
.box2 .item{
	background-color: #fff;
	box-shadow:0px 18px 18px 0px rgba(10,31,68,0.12),0px 0px 1px 0px rgba(10,31,68,0.1);
	border-radius:4px;
	margin-bottom: 0.15rem;
}
.box2 .item .name{
	padding: 0.13rem 0;
}
.box2 .item .name .pic{
	width: 0.74rem;
	height: 0.74rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
}
.box2 .item .name h1{
	font-size: 0.18rem;
	color: #3B3D40;
	font-weight: 600;
	line-height: 0.18rem;
	margin-top: 0.1rem;
	margin-bottom: 0.06rem;
	text-align: center;
}
.box2 .item .name p{
	font-size: 0.12rem;
	color: #9A9A9A;
	line-height: 0.17rem;
	text-align: center;
}
.box2 .item .desc{
	padding: 0.1rem;
	background:linear-gradient(180deg,rgba(251,210,73,0.11) 0%,rgba(245,166,35,0.11) 100%);
}
.box2 .item .desc p:nth-of-type(1){
	font-size: 0.09rem;
	color: #F5A623;
	line-height: 0.13rem;
	margin-bottom: 0.05rem;
}
.box2 .item .desc p:nth-of-type(2){
	font-size: 0.12rem;
	color: #3B3D40;
	line-height: 0.17rem;
}
.box3{
	margin-bottom: 0.5rem;
}
.box3 .list{
	width: 1.7rem;
	height: 0.56rem;
	line-height: 0.56rem;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-size: 0.14rem;
	color: #fff;
	font-weight: 600;
	text-align: left;
	padding-left: 0.25rem;
}	
.box4{
	width: 100%;
	padding: 0.3rem 0;
}
.box4 .title{
	padding:0 0.25rem;
}
.box4 .title h1{
	font-size: 0.18rem;
	font-weight: 600;
	line-height: 0.2rem;
	color: #3B3D40;
}
.box4 .title a{
	font-size: 0.12rem;
	line-height: 0.17rem;
	color: #3B3D40;
	position: relative;
	display: block;
	padding-right: 0.15rem;
}
.box4 .title a:after{
    border: 1px solid #3B3D40;
    border-bottom-width: 0;
    border-left-width: 0;
    content:"";
    position: absolute;
    top: 50%;
    right:1px;
    width: 0.05rem;
    height: 0.05rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.box4 .card{
	padding-left:0.15rem;
	margin-top: 0.15rem;
}
.box4 .card .pic{
	width: 100%;
	height: 1.4rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	box-shadow:0px 18px 18px 0px rgba(10,31,68,0.12),0px 0px 1px 0px rgba(10,31,68,0.1);
	border-radius:4px;
	position: relative;
	overflow: hidden;
}
.box4 .card .pic img{
	display: block;
	width: 0.32rem;
	height: auto;
	position: absolute;
	left: 0.15rem;
	bottom: 0.15rem;
	z-index: 1;
}
.box4 .card .desc{
	padding: 0.1rem;
}
.box4 .card .desc p{
	font-size: 0.12rem;
	color: #fff;
	line-height: 0.17rem;
	margin-bottom: 0.03rem;
}
.box4 .card .desc h1{
	font-size: 0.16rem;
	color: #3B3D40;
	font-weight: 600;
	line-height: 0.22rem;
}
.experts_head{
	font-size: 0.18rem;
	color: #242424;
	font-weight: bold;
	margin-left: 0.1rem;
	width: 100%;
}
.experts_head a{
	font-size: 0.12rem;
	float: right;
	margin-right: 0.1rem;
	font-weight: normal;
	line-height: 200%;
	position: relative;
	color: #242424;
}
.experts_head a:after{
	border: 1px solid #242424;
	border-bottom-width: 0;
	border-left-width: 0;
	content:"";
	position: absolute;
	top: 50%;
	right:1px;
	width: 0.05rem;
	height: 0.05rem;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.happiness_content{
	padding: 0 0.15rem;
	overflow: hidden;
}
.experts_content{
	width: 100%;
	overflow: hidden;
}
.experts_content li{
	width: 1.55rem;
	height: 0.78rem;
	overflow: hidden;
	background: url("/img/pic/2/happiness1.jpg") no-repeat;
	background-size:cover;
	border-radius: 4px;
	float: left;
	margin-top: 0.15rem;
	font-size: 0.12rem;
	color: #242424;
	font-weight: 600;
	line-height: 0.17rem;
	padding: 0.14rem 0 0 0.1rem;
}
.experts_content li:nth-child(even){
	margin-left: 0.15rem;
}
.happiness_kitchen{
	width: 100%;
	overflow: hidden;
	margin-top: 0.45rem;
}
.kitchen_content{
	padding-bottom: 0.46rem;
}
.kitchen_content li{
	width: 1.35rem;
	height: 2.31rem;
	padding: 0.19rem 0.15rem 0;
	background: url("/img/pic/2/happiness5.jpg") no-repeat;
	font-size: 0.18rem;
	background-size:cover;
	color: #fff;
	line-height:0.25rem;
	box-shadow:0px 18px 18px 0px rgba(10,31,68,0.12),0px 0px 1px 0px rgba(10,31,68,0.1);
	position: relative;
}
.kitchen_content li.baise{
	color: #fff;
}
.kitchen_content li.baise a{
	color: #fff;
}
.kitchen_content li.qianzongse{
	color:#4A4A4A;
}
.kitchen_content li.qianzongse a{
	color:#4A4A4A;
}
.kitchen_content li.zongse{
	color: #4E3232;
}
.kitchen_content li.zongse a{
	color: #4E3232;
}
.kitchen_content li a{
	display: block;
	width: 0.64rem;
	height: 0.24rem;
	text-align: center;
	font-size: 0.1rem;
	left: 0.15rem;
	bottom: 0.2rem;
	position: absolute;
	line-height: 0.24rem;
}
.kitchen_content li a.box-line:after{
	border:1px solid rgba(0,0,0,0.3);
}
.kitchen_content li.baise a.box-line:after{
	border:1px solid rgba(255,255,255,1);
	border-radius: 60px;
}
.tips_codes{
	background:rgba(31,31,31,0.9);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0.49rem 0.3rem 0;
	z-index: 10;
	display: none;
}
.tips_codes.baise{
	color: #fff;
}
.tips_codes.qianzongse{
	color: #4A4A4A;
}
.tips_codes.zongse{
	color: #4E3232;
}
.tips_codes2{
	width: 2.8rem;
	overflow: hidden;
	background: #E1E4EA;
	height: 4.6rem;
	padding: 0 0.18rem;
	font-size: 0.14rem;
	line-height: 0.2rem;
	position: relative;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: justify;
}
.tips_codes2 h1{
	font-size: 0.18rem;
	width: 2.42rem;
	margin-top: 0.21rem;
	font-weight: 600;
	line-height: 0.25rem;
	font-family:PingFangSC-Semibold;
}
.tips_codes2 span{
	display: block;
	margin-top: 0.27rem;
	font-weight: bold;
	font-size: 0.14rem;
}
.tips_hand{
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: #9C1D22;
	color: #fff;
	text-align: center;
	overflow: hidden;
	font-size: 0.1rem;
	position: absolute;
	right: 0.15rem;
	bottom: 0.15rem;
	box-shadow: 0px 10px 20px 0px rgba(156,29,34,0.4);
}
.tips_hand img{
	width: 0.24rem;
	display: block;
	margin: 0.08rem auto 0.04rem;
	height: 0.24rem;
}
.tips_wrong{
	position: absolute;
	top: 0.13rem;
	right: 0.13rem;
	width: 0.14rem;
	height: 0.14rem;
	cursor: pointer;
}
.tips_wrong img{
	width: 0.14rem;
	height: 0.14rem;
}
.tips_color_white{
	color: #fff !important;
}
.tips_color_white h1{
	color: #fff !important;
}
.tips_color_white span{
	color: #fff !important;
}
.tips_color_brown{
	color: #4E3232 !important;
}
.tips_color_brown h1{
	color: #4E3232 !important;
}
.tips_color_brown span{
	color: #4E3232 !important;
}

.box6 .title{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	margin-bottom: 0.15rem;
}
.box6 .title h1 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.2rem;
    color: #242424;
}
.box6 .title a {
    font-size: 0.12rem;
    line-height: 0.17rem;
    color: #242424;
    position: relative;
    display: block;
    padding-right: 0.15rem;
}
.box6 .title a:after {
    border: 1px solid #000;
    border-bottom-width: 0;
    border-left-width: 0;
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    width: 0.05rem;
    height: 0.05rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.box6 .menu p{
	font-size: 0.12rem;
	color:#7f7f7f;
	line-height: 0.17rem;
	padding-bottom: 0.12rem;
	position: relative;
}
.box6 .menu p.active{
	color: #9C1D22;
	font-weight: 600;
}
.box6 .menu p.active:after{
	content:"";
	height:0.03rem;
	background:rgba(156,29,34,1);
	position: absolute;
	left: -0.05rem;
	right: -0.05rem;
	bottom: 0;
}
.box6  .swiper-container{
	width: 100%;
}
.box6 .menu .swiper-slide:first-child{
	padding-left: 0.25rem;
}
.box6 .menu .swiper-slide:last-child{
	padding-right: 0.25rem;
	-webkit-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
.box6 .menu .swiper-slide{
	width: auto!important;
	padding-right: 0.3rem;
}
.box6 .submenu .line{
	width: 100%;
	height: 0.66rem;
	padding: 0 0.3rem;
}
.box6 .submenu .line.bottom-line:before{
	border-bottom: 1px dashed #979797;
	left: 0.15rem;
	right: 0.15rem;
}
.box6 .submenu .line:last-child.bottom-line:before{
	border-bottom: none;
}
.box6 .submenu .line p{
	width: 100%;
	font-size: 0.14rem;
	color: #000;
	font-weight: 600;
	line-height: 0.2rem;
}
.box6 .column{
    width: 100%;
    overflow: hidden;
    padding:0 0.15rem;
    margin-top: -0.19rem;
    margin-bottom: 0.5rem;
}
.box6 .column li{
    margin-top: 0.19rem;
    font-size: 0.12rem;
    float: left;
    width: 0.78rem;
    height: 0.25rem;
    background: #F1F3F5;
    margin-left: 0.1rem;
    text-align: center;
    line-height: 0.25rem;
    border-radius:60px;
}
.box6 .column li:nth-child(4n+1){
    margin-left: 0;
}
.box6 .column li a{
    color: #7C8088;
}