.ybc {
	background:#ffa000!important
}
.gbc {
	background:#007aff!important
}
.list .ones {
	overflow:hidden;
	margin-right:-20px;
	min-height:350px
}
.list .one {
	border-radius:4px;
	position:relative;
	float:left;
	overflow:hidden;
	margin-right:20px;
	margin-bottom:20px;
	background:url(../../common/image/loadone.png) no-repeat center #eceff1;
	/*-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1)*/
}
.list .one .img {
	position:relative
}
.list .one .img img {
	width:100%;
	cursor:pointer cursor:pointer;
	transition:all .4s
}
.list .one .img img:hover {
	transform:scale(1.03)
}
.list .one .title {
	position:absolute;
	bottom:-52px;
	display:block;
	width:100%;
	height:50px;
	color:#fff;
	line-height:50px;
	transition:all .2s
}
.list .one:hover .title {
	bottom:0
}
.list .one .btitle {
	float:left;
	display:block;
	overflow:hidden;
	overflow:hidden;
	box-sizing:border-box;
	padding:0 25px;
	width:100%;
	height:50px;
	color:#fff;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	line-height:59px
}
.list .one .downco {
	float:right;
	display:block;
	height:50px;
	font-size:12px;
	line-height:50px
}
.list .one .downco .dx {
	float:right;
	display:block;
	margin-right:20px;
	height:50px;
	line-height:50px
}
.list .one .downco .dx i {
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/public.png) -12px -63px no-repeat;
	vertical-align:-10px
}
.list .one .downco .downnum {
	float:right;
	display:block;
	width:66px;
	height:50px;
	line-height:50px
}
.list .one .downco .downnum i {
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/public.png) -12px -109px no-repeat;
	vertical-align:-10px
}
.list .one .downco .collectnum {
	float:right;
	display:block;
	height:50px;
	line-height:50px
}
.list .one .downco .collectnum i {
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../../common/image/common_new.png) -7px -41px no-repeat;
	vertical-align:-10px
}
.list .one .collect {
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	width:35px;
	height:35px;
	border:1px solid #dad9d9;
	border-radius:2px;
	background:url(../image/public.png) -9px -525px no-repeat #fff;
	cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-ms-transform:scale(0);
	-ms-transition:all .5s
}
.list .one:hover .collect {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
.list .one .down {
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	width:78px;
	height:35px;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:35px;
	cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-ms-transform:scale(0);
	-ms-transition:all .5s
}
.list .one:hover .down {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
.list .one .down1 {
	position:absolute;
	top:54px;
	right:10px;
	z-index:2;
	width:78px;
	height:35px;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:35px;
	cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-ms-transform:scale(0);
	-ms-transition:all .5s
}
.list .one:hover .down1 {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
.list .one .down i {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../image/down.png) -21px -14px no-repeat;
	vertical-align:-5px
}
.list .one .down1 i {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../image/down.png) -21px -14px no-repeat;
	vertical-align:-5px
}
.list .two {
	position:relative;
	float:left;
	margin-right:12px;
	margin-bottom:20px;
	width:288px;
	background:#fff;
	-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
	transition:all .2s linear
}
.list .two:hover {
	box-shadow:0 15px 30px rgba(0,0,0,.1);
	-webkit-transform:translate3d(0,-2px,0);
	transform:translate3d(0,-2px,0);
	webkit-box-shadow:0 15px 30px rgba(0,0,0,.1)
}
.list .two .img {
	position:relative;
	display:block;
	margin-top:13px;
	margin-left:13px;
	width:260px;
	height:260px;
	border:1px solid #f7f1f1
}
.list .two .img-ys {
	background:url(../../common/image/grids.jpg!/fw/260)
}
.list .two .img .mark {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:.4;
	cursor:pointer
}
.list .two:hover .img .mark {
	display:block
}
.list .two .btitle {
	float:left;
	display:block;
	overflow:hidden;
	padding-left:14px;
	width:260px;
	height:52px;
	color:#252525;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	line-height:52px
}
.list .two .btitle:hover {
	color:#678be4
}
.list .two .downco {
	float:right;
	display:block;
	margin-right:14px;
	margin-left:14px;
	width:260px;
	height:45px;
	border-top:1px solid #ececec;
	color:#7f7f7f;
	text-align:left;
	font-size:12px;
	line-height:45px
}
.list .two .downco .dx {
	float:left;
	display:block;
	margin-right:18px;
	height:40px;
	color:#7f7f7f;
	font-size:12px;
	line-height:45px
}
.list .two .downco .dx i {
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../../common/image/common_new.png) -8px -1400px no-repeat;
	vertical-align:-10px
}
.list .two .downco .collectnum {
	float:right;
	display:block;
	height:40px;
	line-height:45px
}
.list .two .downco .collectnum i {
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../../common/image/common_new.png) -7px -41px no-repeat;
	vertical-align:-10px
}
.list .two .collect {
	position:absolute;
	top:23px;
	left:23px;
	z-index:2;
	width:35px;
	height:35px;
	border-radius:2px;
	background:url(../image/public.png) -9px -526px no-repeat #fff;
	cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-ms-transform:scale(0);
	-ms-transition:all .5s
}
.list .two:hover .collect {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
.list .two .down {
	position:absolute;
	top:23px;
	right:23px;
	z-index:2;
	width:78px;
	height:35px;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:35px;
	opacity:0;
	cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-ms-transform:scale(0);
	-ms-transition:all .5s
}
.list .two:hover .down {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
.list .two .down1 {
	position:absolute;
	top:66px;
	right:23px;
	z-index:2;
	width:78px;
	height:35px;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:35px;
	opacity:0;
	cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-ms-transform:scale(0);
	-ms-transition:all .5s
}
.list .two:hover .down1 {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
.list .two .down i {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../image/down.png) -21px -14px no-repeat;
	vertical-align:-5px
}
.list .two .down1 i {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../image/down.png) -21px -14px no-repeat;
	vertical-align:-5px
}
.list .ones .one .chose,.list .ones .two .chose {
	background:url(../image/public.png) -9px -566px no-repeat #fff
}
.list .one .title {
	background:#000;
	background:-moz-linear-gradient(bottom,rgba(0,0,0,.5) 0,transparent 100%);
	background:-webkit-gradient(linear,bottom,top,color-stop(0,rgba(0,0,0,.5)),color-stop(100%,transparent));
	background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5) 0,transparent 100%);
	background:-o-linear-gradient(bottom,rgba(0,0,0,.5) 0,transparent 100%);
	background:-ms-linear-gradient(bottom,rgba(0,0,0,.5) 0,transparent 100%);
	background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.5)),to(transparent));
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.5)),to(transparent));
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.5)),to(transparent));
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.5)),to(transparent));
	background:linear-gradient(to top,rgba(0,0,0,.5) 0,transparent 100%)
}
.bj-div {
	overflow:hidden;
	padding:20px 0;
	width:780px;
	background:#f6f6f6;
	vertical-align:middle;
	text-align:center
}
.bj-div .bj-img {
	display:table-cell;
	width:780px;
	height:600px;
	vertical-align:middle;
	text-align:center
}
.bj-div img {
	vertical-align:middle
}
.wis-box {
	position:fixed;
	top:0;
	left:0;
	z-index:8889;
	display:none;
	width:100%;
	height:100%
}
.derc {
	position:relative;
	overflow-y:auto;
	width:100%;
	height:100%;
	text-align:center
}
.desan {
	display:block;
	display:table;
	box-sizing:border-box;
	width:100%;
	height:100%;
	text-align:center
}
.disi {
	display:table-cell;
	box-sizing:border-box;
	padding:50px 0;
	vertical-align:middle
}
.diwu {
	position:relative;
	display:inline-block;
	padding:12px;
	width:auto;
	max-width:80%;
	border-radius:5px;
	background-color:#fff
}
.bgimg-box {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.7)
}
.diwu .d-close {
	position:absolute;
	top:-1px;
	right:0;
	margin-right:-41px;
	width:40px;
	height:40px;
	background:url(../../common/image/common_new.png) 1px -550px no-repeat;
	cursor:pointer
}
.middle .banquan .bj-collect {
	position:absolute;
	top:20px;
	right:21px;
	display:inline-block;
	width:101px;
	height:30px;
	border:1px solid #e5e5e5;
	color:#676767;
	text-align:center;
	font-size:13px;
	line-height:30px;
	cursor:pointer
}
.middle .banquan .bj-collect em {
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../../common/image/common_new.png) -2px -41px no-repeat;
	vertical-align:-10px
}
.type1 .uli2>a {
	float:left;
	display:block;
	margin-top:20px;
	margin-right:8px;
	padding:0;
	width:49px;
	height:21px
}
.type1 .uli2 .color1 {
	background:url(../../catage/image/duocai.png) no-repeat center
}
.type1 .uli2 .color2 {
	background:#f44336
}
.type1 .uli2 .color3 {
	background:#e91e63
}
.type1 .uli2 .color4 {
	background:#9c27b0
}
.type1 .uli2 .color5 {
	background:#673ab7
}
.type1 .uli2 .color6 {
	background:#3f51b5
}
.type1 .uli2 .color7 {
	background:#ffb5c5
}
.type1 .uli2 .color8 {
	background:#03a9f4
}
.type1 .uli2 .color9 {
	background:#00bcd4
}
.type1 .uli2 .color10 {
	background:#009688
}
.type1 .uli2 .color11 {
	background:#4caf50
}
.type1 .uli2 .color12 {
	background:#8bc34a
}
.type1 .uli2 .color13 {
	background:#cddc39
}
.type1 .uli2 .color14 {
	background:#ffeb3b
}
.type1 .uli2 .color15 {
	background:#ffc107
}
.type1 .uli2 .color16 {
	background:#ff5722
}
.type1 .uli2 .color17 {
	border:1px solid #aaa;
	background:#fff
}
.type1 .uli2 .color18 {
	background:#9e9e9e
}
.type1 .uli2 .color19 {
	background:#282828
}
.type1 .uli2 .on {
	display:block;
	width:100%;
	height:100%;
	background:url(../../catage/image/selectcolor.png) no-repeat 8px -5px
}
.type1 .uli2 .color17 .on {
	display:block;
	width:100%;
	height:100%;
	background:url(../../catage/image/selectcolor.png) no-repeat 8px -26px
}
.lazy {
	background:0 0
}
@media screen and (max-width:1300px) {
	.list .two {
	width:320px
}
.list .two .img {
	width:293px
}
.float-header .copyright {
	margin-left:29px
}
.float-header .titlefloat {
	max-width:245px
}
.bj-div {
	width:640px
}
.bj-div .bj-img img {
	width:auto
}
}