@charset "utf-8";

.page {width:1210px;margin:20px auto; }
.page .productions .col{width:395px;float:left;}

@media screen and (min-width: 1210px) { /*当屏幕尺寸大于1210px时，应用下面的CSS样式*/
.page {width:1210px;margin:20px auto; }
.page .productions .col{width:395px;float:left;}
.page a:hover{color: #FF6E07;}
}

@media screen and (max-width: 960px) { /*当屏幕尺寸小于960px时，应用下面的CSS样式*/
.page .productions .col{width:100%;float:left;}
.page {width:100%; }
}

.page .title{text-align:center;font-size: 30px;font-weight: bold;margin: 15px 0px;}
.page .description{text-align:right;font-size: 14px;margin: 10px;}

.page .productions{border-top: 1px solid #cccccc;margin: 10px;}


.productions .group{clear: both;padding: 0 2%;}
.group .group-title{font-size: 20px;margin: 5px 0px;font-weight:bold;}
.group .group-item{line-height:30px;}
.group .group-item span.name{font-size: 14px;display: block;width: 75%;float: left;overflow: hidden;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;}
.group .group-item span.spec{font-size: 14px; color: #4a9ad0;}
.group .group-item span.price{color: #4a9ad0;float: right;text-align: right;width: 23%;margin-right:2%}

.page .more{clear: both; border-top: 1px solid #cccccc;text-align: right;font-size: 16px;line-height: 32px;margin: 10px;}
.page .more a{font-size: 16px;line-height: 32px;}

.productions .item{ float:left; width:90%; margin-left:5%;}
.productions .left-tab{width:20%; float:left; text-align:left;}
.productions .right-tab{width:80%; margin-left:20%;border-left: 1px #cccccc solid;}
.productions .good-item{line-height:30px;height: 30px;padding-left: 5px;}
.productions .group-title{font-size: 20px;margin: 5px 0px;font-weight: bold;}
.productions .name{font-size:16px;}
.productions .spec{margin-left: 5px;}
.productions .price{font-size:14px; float:right; color:#4a9ad0;width: 100px;}
.productions .top-border{border-top: 1px #cccccc solid;}
.productions .left-border{border-left: 1px #cccccc solid;}

@media screen and (max-width: 960px){
	.navWrap{display: block!important;}
}
*{margin: 0;padding:0;}
.productions .group {overflow: hidden;}
.item{height:100px;}
.navWrap{
	display: none;
	position: fixed;
	bottom:10px;
	right:5px;
	width:40px;
	height:40px;
}
.navBtn{
	display: -webkit-box;
	position:absolute;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-box-align: center;
	box-align: center;
	text-align: center;
	bottom:0;
	right:0;
	width:60px;
	height:60px;
	border-radius:50%;
	background:#333 url(../../images/iconfont-zhankai.png) center no-repeat;
	background-size:40%;
	border:0;
	color:#fff;
	box-shadow:1px 1px 5px rgba(0,0,0,0.8);
	outline:none;
	cursor: pointer;
	transition:0.3s;
}
.navBox{
	position: absolute;
	bottom:60px;
	right:0;
	height:0;
	overflow:hidden;
}
.navItem{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: box;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-box-align: center;
	box-align: center;
	padding:4px;
	height:40px;
	line-height:17px;
	width:60px;
	margin-top:1px;
	font-size:10px;
	background:#3d3d3d;
	color:#fff;
	text-align:center;
	cursor:pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	border-radius:3px;
}
.navItem:hover{color:#fff;}
.curr{background:#ea8010;}