/*首页*/
/*banner*/
.carosoul{
	width: 750px;
	height: 424px;
	position: relative;
	overflow: hidden;
}

.logo{
	width: 200px;
	height: 60px;
}

.carosoul-slide{
	position: absolute;
	width: 1560px;
	font-size: 0;
	left: 0;
}

.carosoul img {
	width: 750px;
	height: 424px;
}

.news{
	width: 250px;
	height: 424px;
	/* overflow: hidden; */
	/* border-right:1px solid #ff8300;
	border-bottom:1px solid #ff8300; */
	padding: 25px 0;
	background: #fff;
	border: 0;
}

.news .top{
	height: 149px;
	width: 100%;
}

.news .bottom{
	height: 225px;
	width: 100%;
	border-top: 1px solid #F0F0F0;
}

.news .top .img-box{
	width: 100%;
	height: 40px;
	justify-content: center;
	align-items: center;
}


.news .top .img-box img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.news .top .name{
	margin-top: 10px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}

.news .top .vip-box{
	width: 100%;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
}

.news .top .vip-box .vip{
	width: auto;
	height: 15px;
	padding: 0 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #ff8300;
	color: #fff;
}

.news .top .login {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	clear: both;
}

.news .top .login button{
	width: 66px;
	height: 24px;
	display: flex;
	float: left;
	margin-left: 25px;
	justify-content: center;
	align-items: center;
	background: #999999;
	border-radius: 10px;
	background: #ff6100;
	color: #fff;
	border: 0;
}

.news .top .login button a{
	color: #fff;
}


.news-title{
	padding: 0 10px;
	height: 41px;
	line-height: 40px;
	font-weight: bold;
	border-bottom: 1px solid #F0F0F0;
}

.news-title span{
	font-family: "微软雅黑";
}

.news-title a{
	color: #FF2D52;
}

.news-title a:hover{
	color: #000;
}

.news-lists{
	width: calc(100% - 20px);
	height: calc(100% - 41px);
	overflow: hidden;
	padding: 0px 10px;
}

.news-lists .list{
	width: 100%;
	line-height: 30px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	/*不换行*/
	white-space: nowrap;
	/*文件超出隐藏方式*/
	text-overflow: ellipsis;
}

.news-lists .list:hover{
	color: #ff2d52;
}

/*活动*/
.activity-title{
	line-height: 60px;
}

.activity-title .list{
	display: inline-block;
	width: 20%;
	font-size: 14px;
	text-align: center;
	position: relative;
	border-bottom: 2px solid #fff;
}

.activity-title .list:hover, .activity-title .list.active{
	border-color:#FF2D52;
}

.activity-title .refresh:hover{
	color: #FF2D52;
	font-size: 14px;
}

.activity-title .trangle{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.activity-title .list.active .trangle{
	display: block;
}

.activity-title .list:hover .trangle, .activity-title .list.active .trangle{
	display: block;
}

.trangle{
	display: inline-block;
	border: 10px solid transparent;
	border-bottom-color: #FF2D52;
}

.activity-lists.active{
	display: block;
}

/*li标签样式*/
.activity-lists .list{
	width: calc(20% - 12px);
	float: left;
	padding: 12px;
	margin: 8px 0px 8px 15px;
	background: #fff;
}

/*li标签的最后一个框的样式*/
.activity-lists .list:last-child{
	border-right: 0;
}

.activity-lists .list img {
	margin:10px;
}

/*li标签样式*/
.activity-lists-news .list{
	width: 20%;
	float: left;
	padding: 12px;
	background: #fff;
}

/*li标签的最后一个框的样式*/
.activity-lists-news .list:last-child{
	border-right: 0;
}

.activity-lists-news .list img {
	margin:10px;
}

/*title封装*/
.main-title{
	height: 70px;
	line-height: 78px;
	font-size: 30px;
	color: #fff;
	width: 100%;
	text-align: center;
}

.little-text{
	font-size: 16px;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
}

.miaosha{
	width: 80px;
	height: 80px;
	margin-left: 65px;
}

.count-down{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	text-align: center;
}

.count-down .time{
	height: 22px;
	width: 22px;
	display: inline-block;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 22px;
	/*圆角边框*/
	border-radius: 50%;
}

.count-down span{
	color: #fff;
}

.discount-countent-right{
	width: 250px;
	height: 314px;
	padding: 20px 20px;
}

.discount-countent-inside{
	width: 150px;
	height: 230px;
	border: 1px solid #FFF;
	text-align: center;
	padding:50px 28px ;
	color: #FFF;
}

.discount-countent {
	
}

.discount-countent .textone{
	width: 90px;
	height: 40px;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 10px;
}

.discount-countent .texttwo{
	font-size: 30px;
	margin-bottom: 25px;
}

.discount-countent .text3{
	width: 95px;
	height: 30px;
	background: #a8b5bf;
	line-height:30px;
	border-radius: 5px;
}

.discount-countent .text3 a{
	color: #FFF;
}

.discount-countent-left{
	height:320px;
	width: 950px;
}

.discount-countent-left .list{
	width: calc(33.33% - 10px);
	padding: 15px;
	margin: 5px;
	background: #fff;
	float:left;
}

.discount-countent-left .list .img{
	width: 108px;
	height: 120px;
}


.discount-countent-left .desc-img-box{
	padding-left:118px ;
}

.discount-countent-left .button{
	width: 76px;
	height: 25px;
	line-height: 25px;
	padding: 0;
}

.progress-box{
	width: 63px;
	height: 7px;
	border: 1px solid #fe9373;
	border-radius: 5px;
	display: inline-block;
}

.progress{
	width:50%;
	height: 100%;
	background: #fe9373;
}

.progress-text{
	color: #7B7B7B;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	font-weight: 500;
}

/*楼层*/
.floor{
	height: auto;
}

.floor-top{
	height: 66px;
	padding-top: 25px;
	width: 100%;
}

.floor-top-left{
	font-size: 22px;
	font-weight: 600;
	color: #FFFFFF;
	background: #c40311;
	padding: 3px 15px;
	border-radius:5px;
}

.floor-top-right{
	font-size: 14px;
	padding-top: 10px;
}

.floor-top-right .list{
	margin-right: 20px;
}

.floor-bottom{
	width: 100%;
	height: auto;
}

.floor-bottom-left{
	width: 248px;
	height: 468px;
	background: #d4e9fa;
}

.floor-bottom-left img{
	width: 205px;
	height: 167px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
}

.floor-bottom-left .text-box{
	width: 247px;
	height: 70px;
}

.floor-bottom-left .recommend{
	width: 247px;
	height: 143px;
	padding:0 15px;
	margin-top: 30px;
}

.floor-bottom-left .recommend .recommend-div{
	width: 247px;
	height: 64px;
	padding:0 15px;
}

.floor-bottom-left .recommend .text{
	width: 64px;
	height: 64px;
	background: #FFF;
	border-radius: 50%;
	margin-left: 7px;
	line-height: 64px;
	text-align: center;
	margin-bottom: 8px;
}

.floor-bottom-left .recommend .text:hover{
	background: #ffe9ed;
	color: #ff6e83;
}

.floor-bottom-center{
	width: 948px;
	height: 467px;
	/* border-bottom: 1px solid #e2e2e2; */
	background: #fff;
}

.floor-bottom-center .content{
	width: 20%;
	height: 50%;
	/* border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2; */
	padding: 10px 15px;
	background: #fff;
	text-align: center;
}

.floor-bottom-center .content img{
	width: 150px;
	height: 150px;
}

.floor-bottom-right{
	width: 199px;
	height:468px ;
	overflow: hidden;
}

.floor-bottom-right .text-title{
	height: 33px;
	font-family: "微软雅黑";
	font-size: 14px;
	margin: 0 10px;
	line-height: 33px;
	border-bottom: 1px solid #E2E2E2;
}

.floor-bottom-right .text-box{
	height: 73px;
	margin: 0 10px;
	padding:8px 3px;
	border-bottom: 1px dashed #E2E2E2;
}

.floor-bottom-right .text-box img{
	width: 54px;
	height: 54px;
}

.floor-bottom-right .text-box .text{
	width: 110px;
	height: 54px;
	margin-left: 5px;
	/*text-overflow: ellipsis;*/
}

