body{background-color: #fff;}
.W-top-list{display: none;}
.W-search {margin-left: 66px;float: left;margin-top: 11px;margin-right: 0;}
.top-md,#nav-my-tabs{background-color: #fff;}
#nav-my-tabs{border-bottom: 2px solid #22b9bb;}
#nav-my-tabs ul{width: 1200px;margin: 0 auto;}
#nav-my-tabs li{margin-top: 0;}
#nav-my-tabs li a{height: 40px;color: #333;}
#nav-my-tabs li.active{background-color: #22b9bb;}
#nav-my-tabs li.active a{color: #fff;}

/*.lunbo{height: 500px;overflow: hidden;}*/
.lunbo li a{display: block;width: 100%;height: 100%;}
/*.lunbo img{height: 500px;width: 100%;}*/
.lunbo .am-slider-default .am-control-nav{bottom: 15px;}
.new-nav-img{width: 100%;}

.main{width: 1200px;margin: 0 auto;margin-top: 34px;}
.guanggao2{
	width: 100%;
	margin-top: 20px;
	display: block;
}
.section .title{
	font-size: 49px;
	color: #000;
	text-align: center;
}
.section .tip{
	color: #ccc;
	font-size: 24px;
	text-align: center;
}
.recommend-list{
	overflow: hidden;
	padding: 20px 5px;
}
.recommend-list .item{
	float: left;
	width: 275px;
	height: 350px;
	box-shadow:0px 7px 9px 0px rgba(204,204,204,0.52);
	border-radius:7px 7px 7px 7px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 30px;
}
.recommend-list .item:nth-child(4n){
	margin-right: 0;
}
.recommend-list .item .head-img{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin-bottom: 15px;
	margin-top: 55px;
}
.recommend-list .item .name img{
	width: 38px;
	height: 36px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
}
.recommend-list .item .text{
	font-size: 33px;
	color: #000;
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.recommend-list .item .tag{
	width: 110px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #999;
	border-radius: 7px;
	font-size: 22px;
	color: #999;
	display: inline-block;
	margin-top: 7px;
}

/* 今日之星 */
.star-list{
	padding: 20px 5px;
	overflow: hidden;
}
.star-list .item{
	margin-right: 30px;
	width: 275px;
	text-align: center;
	margin-bottom: 30px;
	float: left;
}
.star-list .item:nth-child(4n){
	margin-right: 0;
}
.star-list .item .head-img{
	width: 275px;
	height: 350px;
	margin-bottom: 10px;
}
.star-list .item .name img{
	display: inline-block;
	vertical-align: middle;
	width: 33px;
	position: relative;
	top: 2px;
	margin-right: 5px;
}
.star-list .item .name .text{
	font-size: 33px;
	color: #333;
	display: inline-block;
	vertical-align: middle;
}
.star-list .item .tag{
	border: 1px solid #36C3BE;
	border-radius: 7px;
	width: 160px;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	color: #36C3BE;
	margin-top: 15px;
}

/* 明星工长 */
.popular-list{
	overflow: hidden;
	padding: 20px 5px;
}
.popular-list .item{
	margin-right: 30px;
	width: 275px;
	height: 330px;
	text-align: center;
	margin-bottom: 30px;
	float: left;
	border:1px solid rgba(240,240,240,1);
	position: relative;
	box-sizing: border-box;
}
.popular-list .item:nth-child(4n){
	margin-right: 0;
}
.popular-list .item .crown{
	position: absolute;
	width: 33px;
	top: 20px;
	right: 70px;
}
.popular-list .item .head-img{
	width: 115px;
	height: 115px;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 35px;
	display: inline-block;
}
.popular-list .item .text{
	font-size: 34px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 5px;
	display: inline-block;
}
.popular-list .item .tag{
	width: 110px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	border-radius: 7px;
	display: inline-block;
	font-size: 20px;
	color: #ccc;
}
.popular-list .item .work_num{
	font-size: 25px;
	color: #36C3BE;
	margin-top: 15px;
}


/* 热门预约 */
.hot{
	text-align: center;
	padding: 0 5px;
}
.hot .big-tab{
	display: flex;
	width: 840px;
	position: relative;
	left: 50%;
	margin-left: -420px;
	margin-top: 20px;
}
.hot .big-tab span{
	flex: 1;
	font-size: 33px;
	height: 60px;
	line-height: 60px;
	color: #000;
	position: relative;
}
.hot .big-tab span:after{
	border-left: 3px solid #EEEEEE;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
}
.hot .big-tab span:first-child:after{
	border: none;
}
.hot .big-tab span.active{
	color: #36C3BE;
}
.hot .big-tab span.active:before{
	position: absolute;
	width: 138px;
	height: 4px;
	background-color: #36C3BE;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -69px;
}
.hot .small-tab{
	display: flex;
}
.hot .small-tab span{
	flex: 1;
	font-size: 24px;
	color: #999;
	margin-top: 20px;
	margin-bottom: 18px;
}
.hot .small-tab span.active{
	color: #000;
}
.hot-list{
	overflow: hidden;
	padding: 20px 5px;
}
.hot-list .item{
	margin-right: 30px;
	width: 373px;
	height: 460px;
	text-align: center;
	margin-bottom: 36px;
	float: left;
	box-shadow:0px 7px 2px 0px rgba(235,231,230,0.75);
	position: relative;
	box-sizing: border-box;
}
.hot-list .item:nth-child(3n){
	margin-right: 0;
}
.hot-list  .item .head-img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 50px;
}
.hot-list  .item .name{
	position: relative;
	height: 30px;
	margin: 20px 0;
}
.hot-list .item .name img{
	display: inline-block;
	vertical-align: middle;
	width: 31px;
	position: absolute;
	left: 100px;
}
.hot-list .item .text{
	font-size: 26px;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	line-height: 30px;
}
.hot-list .item .tag{
	width: 80px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 22px;
	color: #999;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: absolute;
    left: 250px;
    top: 4px;
}
.hot-list .item .item-style{
	display: flex;
	margin-left: 96px;
	margin-bottom: 20px;
}
.hot-list .item .item-style span{
	color: #666;
	font-size: 17px;
	margin-right: 17px;
	position: relative;
}
.hot-list .item .item-style span:after{
	content: "";
	position: absolute;
	height: 17px;
	border-right: 1px solid #ccc;
    top: 6px;
    right: -8px;
}
.hot-list .item .item-style span:last-child:after{
	border: none;
}
.hot-list .item .cons{
	display: flex;
	padding: 0 60px;
}
.hot-list .item .cons p{
	flex: 1;
	color: #666;
	font-size: 17px;
}
.hot-list .item .mingxing-btn{
	background:linear-gradient(0deg,rgba(54,197,191,1) 0%,rgba(49,230,209,1) 100%);
	width: 170px;
	height: 36px;
	line-height: 36px;
	border-radius: 100px;
	font-size: 19px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
}
.hot-list .item .love{
	position: absolute;
	width: 24px;
	top: 18px;
	right: 20px;
}
.hot-list .item .zang{
	position: absolute;
	width: 25px;
	bottom: 17px;
	left: 22px;
}
.hot-list .item .collect{
	position: absolute;
	width: 26px;
	right: 21px;
	bottom: 17px;
}

.popular .liucheng{
	width: 100%;
	padding: 20px 0;
	padding-bottom: 30px;
	background-color: #fff;
}

/* 排行榜 */
.ranking .tab{
	height:147px;
	background:linear-gradient(0deg,rgba(54,195,190,1) 0%,rgba(86,252,215,1) 100%);
}
.flex-tab{
	max-width: 1200px;
	width: 1200px;
	margin: 0 auto;
	display: flex;
	margin-top: 20px;
}
.flex-tab span{
	flex: 1;
	text-align: center;
	color: #fff;
	font-size: 42px;
	line-height: 147px;
}
.flex-tab span.active{
	font-size: 51px;
}
.ranking-list{
	max-width: 1200px;
	width: 1200px;
	margin: 0 auto;	
}
.ranking-list .item{
	height: 196px;
	line-height: 196px;
	overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}
.ranking-list .item:last-child{
    border: none;
}
.ranking-list .item .pai{
    width: 48px;
    height: 66px;
    float: left;
    margin-top: 69px;
    margin-right: 69px;
}
.ranking-list .item .pai img{
	float: left;
	width: 100%;
}
.ranking-list .item .pai_num{
    font-size: 35px;
    color: #999;
    float: left;
    width: 48px;
    margin-right: 69px;
}
.ranking-list .item .gongsi-img{
    width: 130px;
    float: left;
    height: 130px;
    margin-top: 33px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}
.ranking-list .item .name{
    width: 370px;
    font-size: 42px;
    color: #333;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ranking-list .item .xiaolaing{
    font-size: 38px;
    color: #FFA201;
    float: left;
    width: 300px;
    text-align: center;
}
.ranking-list .item .fensi{
    float: left;
    font-size: 38px;
    color: #999;
    text-align: center;
}