@charset "utf-8";
.hcitem{ height:auto; overflow:hidden; width:100%;}
.hcitem *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitem .hcleft{ float:left; width:15%; text-align:right; }
.hcitem .hcleft span{ padding:3px; display:block; height:24px; line-height:24px;}
.hcitem .hcright{ float:left; width:85%;}
.hcitem .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitem .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:24px; line-height:24px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; padding:0px; position:relative;}
.hcitem .hcright ul li img{ height:100%;}
.hcitem .hcright ul li .in{ height:100%; display:block; margin:0px; padding:0px;}
.hcitem .hcright ul li .in .img{ margin:0px; padding:0px;}
.hcitem .hcright ul li .in .img img{ height:24px;vertical-align:top;}
.hcitem .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitem .hcright ul li .hctxt{height:100%; padding-left:5px; padding-right:5px;}
.hcitem .hcright ul li.select{border: 1px solid #FF0036;}
.hcitem .hcright ul li .hcsee{ position:absolute; right:0px; top:0px; display:none; text-decoration:none; color:#FF0000; line-height:13px; margin:0px;}
.hcitem .hcright ul li i{position:absolute; right:-1px; bottom:-1px;display:block;   width: 12px;
    height: 12px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcf8AN////7f4NBoAAAABdFJOUwBA5thmAAAAMUlEQVQI103MAQ4AMAQEQev/j66i6YrEXIKIX9jY2NjYyDmhZnlCo5rdyWvebfYDVAcSmABbA7WD+QAAAABJRU5ErkJggg=="); line-height:0px; margin:0px;}

.hcitem3{ height:auto; overflow:hidden; width:100%;position:relative; margin-left:-90px; background-color:#FFFFFF;}
.hcitem3 *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitem3 .hcleft{ float:left;width: 80px; text-align:right; }
.hcitem3 .hcleft span{ padding:3px; display:block; height:24px;  line-height:24px;font-size: 14px; padding-top:10px;}
.hcitem3 .hcleft span i{color: #F00;font-size: 16px;padding-left: 3px; font-style:normal;}
.hcitem3 .hcright{margin-left:82px; }
.hcitem3 .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitem3 .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:40px; line-height:40px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; position:relative;
		width: auto;
		margin: 5px 2px;
		line-height: 25px;
		font-size: 14px;
		display: inline-block;
		border: 1px solid #ccc;
		text-decoration: none;
		border-radius: 5px; padding:0px; overflow:hidden;
}
.hcitem3 .hctxt{padding: 0px 10px; line-height:40px;}
.hcitem3 .hcright ul li .hcimg{padding: 0px;height:100%; overflow:hidden; width:40px;}
.hcitem3 .hcright ul li .hcimg img{height:100%; width:100%;}
.hcitem3 .hcright ul li.hcli:hover{color: #f60;text-decoration: none;}
.hcitem3 .hcright ul li.hcli{transition: all 0.5s linear 0s;}
.hcitem3 .hcright ul li .hcsee{ display:none; position:absolute; top:8px; left:8px; text-decoration:none; color:#FFFFFF;}
.hcitem3 .hcright ul li img{ height:100%;}
.hcitem3 .hcright ul li .in{ height:100%; display:block; margin:0px; padding:0px;}
.hcitem3 .hcright ul li .in .img{ margin:0px; padding:0px; height:100%; display:block;}
.hcitem3 .hcright ul li .in .img img{ height:100%;vertical-align:top;}
.hcitem3 .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitem3 .hcright ul li.select{background: #FF0000;color: #fff !important;}
.hcitem3 .hcright ul li.select .hcimg{ background-color:#FF0000; margin:3px; height:34px;width:34px;}
.hcitem3 .hcright ul li.select .hcsee{ display:block;}



.hcitema{ height:auto; overflow:hidden; width:100%; padding-top:5px; padding-bottom:5px;}
.hcitema *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitema .hcleft{ float:left; width:44px; text-align:right; }
.hcitema .hcleft span{ padding:0px; display:block; height:24px; line-height:24px; font-size:14px;}
.hcitema .hcright{ float:left; width:85%;}
.hcitema .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitema .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:24px; line-height:24px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; padding:0px; position:relative;}
.hcitema .hcright ul li img{ height:100%;}
.hcitema .hcright ul li .in{ height:100%; display:block; margin:0px; padding:0px;}
.hcitema .hcright ul li .in .img{ margin:0px; padding:0px;}
.hcitema .hcright ul li .in .img img{ height:100%;vertical-align:top;}
.hcitema .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitema .hcright ul li.hcli{ min-width:25px;}

.hcitema .hcright ul li .hctxt{height:100%; padding-left:5px; padding-right:5px;}
.hcitema .hcright ul li.hcliimg{ height:40px; width:40px; overflow:hidden;}
.hcitema .hcright ul li.hcliimg .in{ width:100%; height:100%;}
.hcitema .hcright ul li.hcliimg .in .img{width:100%; height:100%;display:block;}
.hcitema .hcright ul li .hctit .tit{ text-align:center; display:inline-block; width:100%;}
.hcitema .hcright ul li.hcliimg .hcimg{ padding:0px;}
.hcitema .hcright ul li.hcliimg .hcimg .tit{ display:none;}
.hcitema.hcitem_img .hcleft span{ line-height:40px;}
.hcitema .hcright ul li.select{border: 1px solid #FF0036;}
.hcitema .hcright ul li .hcsee{ position:absolute; right:0px; top:0px; display:none; text-decoration:none; color:#FF0000; line-height:13px; margin:0px;}
.hcitema .hcright ul li i{position:absolute; right:-1px; bottom:-1px;display:block;   width: 12px;
    height: 12px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcf8AN////7f4NBoAAAABdFJOUwBA5thmAAAAMUlEQVQI103MAQ4AMAQEQev/j66i6YrEXIKIX9jY2NjYyDmhZnlCo5rdyWvebfYDVAcSmABbA7WD+QAAAABJRU5ErkJggg=="); line-height:0px; margin:0px;}	
	
.hcitemcolor{ height:auto; overflow:hidden; width:100%;}
.hcitemcolor *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitemcolor .hcleft{ float:left; width:15%; text-align:right; }
.hcitemcolor .hcleft span{ padding:3px; display:block; height:24px; line-height:24px;}
.hcitemcolor .hcright{ float:left; width:85%;}
.hcitemcolor .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitemcolor .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:24px; line-height:24px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; padding:0px; position:relative;}
.hcitemcolor .hcright ul li img{ height:100%;}
.hcitemcolor .hcright ul li .in{ height:100%; display:block; margin:0px; padding:0px;}
.hcitemcolor .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitemcolor .hcright ul li .hctxt{height:100%; padding-left:5px; padding-right:5px;}
.hcitemcolor .hcright ul li.select{border: 1px solid #FF0036;}
.hcitemcolor .hcright ul li .hcsee{ position:absolute; right:0px; top:0px; text-decoration:none; color:#FF0000; line-height:13px; margin:0px;}
.hcitemcolor .hcright ul li i{position:absolute; right:-1px; bottom:-1px;display:block;   width: 12px;
    height: 12px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcf8AN////7f4NBoAAAABdFJOUwBA5thmAAAAMUlEQVQI103MAQ4AMAQEQev/j66i6YrEXIKIX9jY2NjYyDmhZnlCo5rdyWvebfYDVAcSmABbA7WD+QAAAABJRU5ErkJggg=="); line-height:0px; margin:0px;}
.hcitemcolor .hcright ul li .color{margin:0px;padding:0px;float:left;width:20px;height:20px;border-radius:10px;margin-top:2px;margin-right:5px;}
.hcitemcolor .hcright ul li .img{display:none;}

.hcitemimg{ height:auto; overflow:hidden; width:100%;}
.hcitemimg *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitemimg .hcleft{ float:left; width:15%; text-align:right; }
.hcitemimg .hcleft span{ padding:3px; display:block; height:24px; line-height:24px;}
.hcitemimg .hcright{ float:left; width:85%;}
.hcitemimg .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitemimg .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:24px; line-height:24px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; padding:0px; position:relative;}
.hcitemimg .hcright ul li img{ height:100%;}
.hcitemimg .hcright ul li .in{ height:100%; display:block; margin:0px; padding:0px;}
.hcitemimg .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitemimg .hcright ul li .hctxt{height:100%; padding-left:5px; padding-right:5px;}
.hcitemimg .hcright ul li.select{border: 1px solid #FF0036;}
.hcitemimg .hcright ul li .hcsee{ position:absolute; right:0px; top:0px; text-decoration:none; color:#FF0000; line-height:13px; margin:0px;}
.hcitemimg .hcright ul li i{position:absolute; right:-1px; bottom:-1px;display:block;   width: 12px;
    height: 12px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcf8AN////7f4NBoAAAABdFJOUwBA5thmAAAAMUlEQVQI103MAQ4AMAQEQev/j66i6YrEXIKIX9jY2NjYyDmhZnlCo5rdyWvebfYDVAcSmABbA7WD+QAAAABJRU5ErkJggg=="); line-height:0px; margin:0px;}
.hcitemimg .hcright ul li .color{display:none;}
.hcitemimg .hcright ul li .img{margin:0px;padding:0px;float:left;height:100%;}
.hcitemimg .hcright ul li .tit{margin:0px;padding:0px;float:left;}	

.hcitemimg1{ height:auto; overflow:hidden; width:100%;}
.hcitemimg1 *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitemimg1 .hcleft{ float:none; width:100%; text-align:left;clear:both; margin-top:10px; }
.hcitemimg1 .hcleft span{ padding:3px; display:block; height:24px; line-height:24px;font-size: 18px; padding-left:5px;}
.hcitemimg1 .hcright{ float:none; width:100%;clear:both;  }
.hcitemimg1 .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitemimg1 .hcright ul li{border: 1px solid #e0e0e0; list-style:none; padding:0px; margin:0px;margin-left: 6px;float:left; display:inline; margin-top: 15px;line-height: 42px;height: 42px;width: 270px; margin-right:10px;cursor:pointer; padding:0px; position:relative;}
.hcitemimg1 .hcright ul li img{ height:100%;}
.hcitemimg1 .hcright ul li .in{ height:100%; display:block; margin:0px; padding:0px;}
.hcitemimg1 .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitemimg1 .hcright ul li .hctxt{height:100%; padding-left:5px; padding-right:5px;}
.hcitemimg1 .hcright ul li.select{border: 1px solid #FF0036;}
.hcitemimg1 .hcright ul li .hcsee{ position:absolute; right:0px; top:0px; text-decoration:none; color:#FF0000; line-height:13px; margin:0px;}
.hcitemimg1 .hcright ul li i{position:absolute; right:-1px; bottom:-1px;display:block;   width: 12px;
    height: 12px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcf8AN////7f4NBoAAAABdFJOUwBA5thmAAAAMUlEQVQI103MAQ4AMAQEQev/j66i6YrEXIKIX9jY2NjYyDmhZnlCo5rdyWvebfYDVAcSmABbA7WD+QAAAABJRU5ErkJggg=="); line-height:0px; margin:0px;}
.hcitemimg1 .hcright ul li .color{display:none;}
.hcitemimg1 .hcright ul li .img{margin:0px;padding:0px;float:left;height:100%;}
.hcitemimg1 .hcright ul li .tit{margin:0px;padding:0px;float:left; font-size:16px;color: #333;padding-left:5px;}	
.hcitemimg1 .hcright ul li .price{ float:right; color:#CCCCCC; font-size:15px; padding-right:5px;}


.hcitem1{ height:auto; overflow:hidden; width:100%;}
.hcitem1 *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitem1 .hcleft{ float:left; width:100px; text-align:right; }
.hcitem1 .hcleft span{ padding:3px; display:block; height:24px;  line-height:24px;font-size: 14px; padding-top:10px;}
.hcitem1 .hcleft span i{color: #F00;font-size: 16px;padding-left: 3px; font-style:normal;}
.hcitem1 .hcright{ margin-left:100px;}
.hcitem1 .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitem1 .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:40px; line-height:40px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; position:relative;
		width: auto;
		margin: 5px 2px;
		line-height: 25px;
		font-size: 14px;
		display: inline-block;
		border: 1px solid #ccc;
		text-decoration: none;
		border-radius: 5px; padding:0px; overflow:hidden;
}
.hcitem1 .hctxt{padding: 0px 10px; line-height:40px;}
.hcitem1 .hcright ul li .hcimg{padding: 0px;height:100%; overflow:hidden; width:40px;}
.hcitem1 .hcright ul li .hcimg img{height:100%; width:100%;}
.hcitem1 .hcright ul li.hcli:hover{color: #f60;text-decoration: none;}
.hcitem1 .hcright ul li.hcli{transition: all 0.5s linear 0s;}
.hcitem1 .hcright ul li .hcsee{ display:none; position:absolute; top:8px; left:8px; text-decoration:none; color:#FFFFFF;}
.hcitem1 .hcright ul li img{ }
.hcitem1 .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitem1 .hcright ul li.select{background: #FF0000;color: #fff !important;}
.hcitem1 .hcright ul li.select .hcimg{ background-color:#FF0000; margin:3px; height:34px;width:34px;}
.hcitem1 .hcright ul li.select .hcsee{ display:block;}

.hcitem2{ height:auto; overflow:hidden; width:100%;}
.hcitem2 *{ font-family:"微软雅黑";font-size:12px;box-sizing:content-box;}
.hcitem2 .hcleft{ float:left; width:100%; text-align:left; color:#000000; }
.hcitem2 .hcleft span{ padding:3px; display:block; height:24px;  line-height:24px;font-size:15px;  padding-top:10px;}
.hcitem2 .hcleft span i{color: #F00;font-size: 16px;padding-left: 3px; font-style:normal;}
.hcitem2 .hcright{ width:100%;}
.hcitem2 .hcright ul{ list-style:none; padding:0px; margin:0px; }
.hcitem2 .hcright ul li{ list-style:none; padding:0px; margin:0px; float:left; height:30px; line-height:30px; margin:2px; border:solid #CCCCCC 1px; cursor:pointer; position:relative;
		width: auto;
		margin: 5px 2px;
		font-size: 13px;
		display: inline-block;
		border: 1px solid #ccc;
		text-decoration: none;
		border-radius: 5px; padding:0px; overflow:hidden;
		 background-color:#f5f5f5;
}
.hcitem2 .hctxt{padding: 0px 10px; line-height:30px;}
.hcitem2 .hcright ul li .hcimg{padding: 0px;height:100%; overflow:hidden; width:30px;}
.hcitem2 .hcright ul li .hcimg img{height:100%; width:100%;}
.hcitem2 .hcright ul li.hcli:hover{color: #f60;text-decoration: none;}
.hcitem2 .hcright ul li.hcli{transition: all 0.5s linear 0s;}
.hcitem2 .hcright ul li .hcsee{ display:none; position:absolute; top:2px; left:8px; text-decoration:none; color:#FFFFFF;}
.hcitem2 .hcright ul li img{ }
.hcitem2 .hcright ul li.not{ border:dashed #CCCCCC 1px;}
.hcitem2 .hcright ul li.select{background: #fd5200; border-color:#fd5200;color: #fff !important;}
.hcitem2 .hcright ul li.select .hcimg{ background-color:#FF0000; margin:3px; height:24px;width:24px;}
.hcitem2 .hcright ul li.select .hcsee{ display:block;}