/**********移动版页面**********/

@charset"utf-8";

/*广告位*/
/*图片比例长:高=4:1*/
.banner{
	width: 100%;
	height: 2.5rem;
}
.swiper-container {
	width: 100%;
	height: 2.5rem;
}

    .swiper-container img {
	    width: 100%;
        height: 2.5rem;
    }
    .swiper-container .swiper-pagination {
        bottom:0px;
    }

/*赛事*/
.match{overflow: hidden;}
.match a{
	display: block;
	float: left;
}
/*赛事数量为1*/
.match-1{
	width: 10rem;
	height: 2.5rem;
}
/*赛事数量为2或4*/
.match-n{
	width: 5rem;
	height: 1.25rem;
}

/*商家*/
.shop{
	width: 10rem;
	height: 1.8rem;
	background: #FFF;
}
.shop>li{
	width: 1.8rem;
	height: 1.5rem;
	float: left;
}
.shop>li.shop-more{	width: 1rem;}
.shop>li>a{
	display: block;
	font-size: 0.20rem;
	color: #000;
	text-align: center;
}
.shop>li.shop-more>a{
	color: #666;
	padding-top: 0;
	line-height: 1.8rem;
	border-left: 1px solid #CCC;
}
.shop>li>a>img{
	display: block;
	width: 1rem;
    height:1rem;
	margin: 0.2rem 0.4rem 0 0.4rem;
}

/*首页快捷导航*/
.fast-mod{
	text-align: center;
	overflow: hidden;
	margin-bottom: 0.13rem;
}
.fast-mods{
	width: 9.6rem;
	margin: 2px auto;
	border-radius: 8px;
	overflow: hidden;
}
.fast-mods tr td{
	border: 1px solid #EEF4F9;
	width: 2.8rem;
    border-left: none;
	border-bottom: none;
}
.fast-mods tr td.fast-mods-more{
	width: 1.2rem;
}
.fast-mods tr td a{
	display: block;
	color: #FFF;
	font-size: 0.4rem;
	height: 1.1rem;
	line-height: 1.1rem;
}
.fast-mods tr td.fast-mods-more a,.fast-mods tr td.fast-mods-big a{	height: 2.2rem;}
.fast-mods tr td.fast-mods-more a{line-height: 2.2rem;}
.fast-mods tr td.fast-mods-1 a{background: url("/mobilecss/images/fast-mod-1.png") bottom center no-repeat;background-size: 1.5rem;}
.fast-mods tr td.fast-mods-2 a{background: url("/mobilecss/images/fast-mod-2.png") bottom center no-repeat;background-size: 1.5rem;}
.fast-mods tr td.fast-mods-3 a{background: url("/mobilecss/images/fast-mod-3.png") bottom center no-repeat;background-size: 1.5rem;}

/*每日特惠*/
.section-title{
	background:#FFF url("images/flower.jpg") 3.7rem center no-repeat;
	background-size: 0.45rem;
	text-align: center;
	color: #FD4E00;
	font-size: 0.36rem;
}
/*特惠商品*/
.products{
	border-top: 1px solid #CCC;
}
.products-link{
	display: block;
	width: 10rem;
	height: 3rem;
	overflow: hidden;
}
.products-photo{
	display: block;
	float: left;
	width: 3.8rem;
	height: 2.8rem;
	margin: 0.1rem;
}
.products-info{
	display: block;
	float: left;
	width: 6rem;
	padding:0.1rem 0.2rem;
}
	.p-i-title{
		width: 5.6rem;
		font-size: 0.4rem;
		color: #000;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.p-i-shop,.p-i-date{
		font-size: 0.32rem;
		line-height: 0.45rem;
		width: 5.6rem;
	}
	.p-i-shop{color: #666;}
	.p-i-date{color: #F54D03;}
	.p-i-price{
		height: 1.26rem;
		position: relative;
		padding-left:0.4rem; 
	}
		.p-i-price-now{
			font-size: 0.92rem;
			color: #F54D03;
			line-height: 1.26rem;
            padding-right:5px;
		}
		.p-i-price-before{
			color: #000;
			font-size: 0.4rem;
			text-decoration: line-through;
			vertical-align: bottom;
		}
	.p-i-price:before{
		content: '￥';
		position: absolute;
		bottom: 0.05rem;
		left: 0;
		color: #F54D03;
		font-size: 0.4rem;
		font-weight: bold;
	}

/*内部容器最底部的提示*/
.bottom-message{
	width: 10rem;
	text-align: center;
	padding: 0.2rem 0;
	color: #999;
}

/*公共场馆*/
/*.public-venue{
	padding: 2.5vw;
	text-align: center;
}
.p-venue{
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	border-radius: 5px;
	overflow: hidden;
}
.p-venue .venues{
	float: left;
	width: 19vw;
	padding: 1vw 0;
	text-align: center;
}
.p-venue .venues:first-child{border-left: none;}
.p-venue .venues img{
	width: 14vw;
	height: 10vw;
	border-radius: 4px;
	margin: 2vw auto 1.5vw;
}
.p-venue .venues p{
	font-size: 2.8vw;
	color: #000;
	width: 16vw;
	text-align: center;
	line-height: 3.2vw;
	margin: 0 auto;
}*/
.public-venue {
    padding: 2.5vw;
    text-align: center;
}

.p-venue {
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow: hidden;
}

    .p-venue .venues {
        float: left;
        width: 30vw;
        padding: 1vw 0;
        text-align: center;
    }

        .p-venue .venues:first-child {
            border-left: none;
        }

        .p-venue .venues img {
            width: 27vw;
            height: 20vw;
            border-radius: 4px;
            margin: 2vw auto 1.5vw;
        }

        .p-venue .venues p {
            font-size: 2.8vw;
            color: #000;
            width: 29vw;
            text-align: center;
            line-height: 3.2vw;
            margin: 0 auto;
        }

/*商业场馆*/
.commercial-venue{
	overflow-x:scroll; 
	padding: 2vw 4vw 4vw;
}
.all-c-venue{
	float: left;
	text-align: center;
	padding-right: 3vw;
	border-right: 1px solid #ddd;
}
.all-c-venue a p{
	font-weight: bold;
	font-size: 3.2vw;
}
.all-c-venue a p.all-c-1{
	color: #fe9720;
	line-height: 3.2vw;
}
.all-c-venue a p.all-c-2{
	color: #fff;
	padding: 0 2vw;
	background-color: #fe9720;
	border-radius: 4vw;
	line-height: 5.5vw;
	margin-top: 1vw;
}
.c-venue{
	white-space:nowrap;
}
.c-venue a{
	white-space:normal;
	display: inline-block;
	font-size: 3.2vw;
	line-height: 4.5vw;
	max-width: 23vw;
	max-height: 9vw;
	overflow: hidden;
	color: #333;
	margin: 0;
	padding-right: 3.5vw;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	position: relative;
	font-weight: bold;
}
.c-venue a:after{
	display: block;
	position: absolute;
	content: " ";
	width: 1vw;
	height: 1vw;
	border-radius: 1vw;
	background-color: #fe9720;
	top: 50%;
	margin-top: -0.5vw;
	right: 1vw;
}
.c-venue a:first-child{margin-left: 3vw;}
.c-venue a:last-child:after{display: none;}