@charset "utf-8";
/* CSS Document */



.yyy{
	width:220px;
	height: auto;
    background-color:#fff;
    border:0.1px solid  #091A82;/*边框*/
	border-radius:4px;/*圆角*/
	float: left;
	margin-left: 10px;
    }

/*单独属性*/
/*铁*/
.yyy-2-1{
font-size: 30px;/*文字尺寸*/
margin-top:5px;
margin-right: 40px;
}

/*ピカ銅*/
.yyy-3-1{
margin-right:20px;
font-size: 25px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-4-1{
margin-right:30px;
font-size: 28px;
margin-top:8px; /*文字距离上边距离*/
}
/*ステンレス*/
.yyy-5-1{
margin-right: 8px;
font-size: 20px;
margin-top:10px; /*文字距离上边距离*/
}
/*アルミ*/
.yyy-6-1{
margin-right: 15px;
font-size: 26px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-7-1{
font-size: 25px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-8-1{
margin-top:10px;
margin-right: 45px;
font-size: 28px;/*文字尺寸*/
}
.yyy-9-1{
margin-right: 8px;
font-size: 28px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-10-1{
margin-right: 8px;
margin-top:10px;
font-size: 28px;/*文字尺寸*/
}
.yyy-11-1{
margin-right: 27px;	
font-size: 28px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-12-1{
margin-right: 18px;		
font-size: 28px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-13-1{
margin-right:8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}
.yyy-14-1{
margin-right:8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-15-1{
margin-right: 16px;		
font-size: 28px;/*文字尺寸*/
margin-top:8px; /*文字距离上边距离*/
}

.yyy-16-1{
margin-right: 12px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-17-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-18-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-19-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-20-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-21-1{
margin-right: 10px;		
font-size: 24px;/*文字尺寸*/
margin-top:8px; /*文字距离上边距离*/
}

.yyy-22-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-23-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-24-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-25-1{
margin-right: 15px;		
font-size: 27px;/*文字尺寸*/
margin-top:8px; /*文字距离上边距离*/
}

.yyy-26-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-27-1{
margin-right: 18px;		
font-size: 25px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-28-1{
margin-right: 18px;		
font-size: 25px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-29-1{
margin-right: 8px;		
font-size: 24px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}

.yyy-30-1{
margin-right: 5px;		
font-size: 20px;/*文字尺寸*/
margin-top:10px; /*文字距离上边距离*/
}














.yyy-1{
	width:204px;
	height:45px;
    background-color:#275d8c;
    margin:3px auto;
    border-radius:4px;/*圆角*/
}

                   .yyy-1-1{
					       text-align:center;/*文字左右居中对齐*/
					       line-height:inherit;/*文字上下居中对齐*/
					       color: #FFFFFF; /*文字颜色*/
					       font-size: 28px;/*文字尺寸*/
					       padding-top:0px;/*内边距*/
					   
}

/*共同属性*/
.yyy-2,.yyy-3,.yyy-4,.yyy-5,.yyy-6,.yyy-7,.yyy-8,.yyy-9,.yyy-10,.yyy-11,.yyy-12,.yyy-13,.yyy-14,.yyy-15,.yyy-16,.yyy-17,.yyy-18,.yyy-19,.yyy-20,.yyy-21,.yyy-22,.yyy-23,.yyy-24,.yyy-25,.yyy-26,.yyy-27,.yyy-28,.yyy-29,.yyy-30{
	width:204px;
	height:60px;
    background-image: linear-gradient(#51aeaf, #337186);  /* 浅变背景，手机浏览器不支持*/
	background-color: #348285;/*背景色*/
	text-decoration:none;/*去链接下划线*/
    margin:10px auto;
    border-radius:4px;/*圆角*/
	border: 3px solid #c7d1d8;/*边框（像素  实心  颜色）*/
	box-shadow: 2px 3px 2px #cccccc;}/*背阴影*/



/*共同属性*/
	
                  .yyy-2-1,.yyy-3-1,.yyy-4-1,.yyy-5-1,.yyy-6-1,.yyy-7-1,.yyy-8-1,.yyy-9-1,.yyy-10-1,.yyy-11-1,.yyy-12-1,.yyy-13-1,.yyy-14-1,.yyy-15-1,.yyy-16-1,.yyy-17-1,.yyy-18-1,.yyy-19-1,.yyy-20-1,.yyy-21-1,.yyy-22-1,.yyy-23-1,.yyy-24-1,.yyy-25-1,.yyy-26-1,.yyy-27-1,.yyy-28-1,.yyy-29-1,.yyy-30-1{
					  width:auto;
					  height: auto;
					  font-weight:700;/*文字加粗 100--900*/
					  color: #fff; /*文字颜色*/
					  text-align:center;/*文字左右居中对齐*/
					  line-height:inherit;/*文字上下居中对齐*/
                      text-shadow: 2px 2px 0px  #000000;/*文字阴影(水平.垂直.模糊.颜色)*/
					  float:right;  /*文字浮动在右边*/
                          }







/*单独属性*/

	.yyy-2:hover{ background-color: #3BA09B;}	
	.yyy-3:hover{ background-color: #3BA09B;}	
	.yyy-4:hover{ background-color: #3BA09B;}	
	.yyy-5:hover{ background-color: #3BA09B;}	
	.yyy-6:hover{ background-color: #3BA09B;}	
	.yyy-7:hover{ background-color: #3BA09B;}	
	.yyy-8:hover{ background-color: #3BA09B;}	
	.yyy-9:hover{ background-color: #5c6bf9;}	
	.yyy-10:hover{ background-color: #5c6bf9;}	
	.yyy-11:hover{ background-color: #5c6bf9;}	
	.yyy-12:hover{ background-color: #5c6bf9;}	
	.yyy-13:hover{ background-color: #5c6bf9;}	
	.yyy-14:hover{ background-color: #5c6bf9;}	
	.yyy-15:hover{ background-color: #5c6bf9;}	
	.yyy-16:hover{ background-color: #5c6bf9;}	
	.yyy-17:hover{ background-color: #5c6bf9;}	
	.yyy-18:hover{ background-color: #5c6bf9;}	
	.yyy-19:hover{ background-color: #5c6bf9;}	
	.yyy-20:hover{ background-color: #5c6bf9;}	
	.yyy-21:hover{ background-color: #5c6bf9;}	
	.yyy-22:hover{ background-color: #5c6bf9;}	
	.yyy-23:hover{ background-color: #5c6bf9;}	
	.yyy-24:hover{ background-color: #5c6bf9;}	
	.yyy-25:hover{ background-color: #5c6bf9;}	
	.yyy-26:hover{ background-color: #5c6bf9;}	
	.yyy-27:hover{ background-color: #5c6bf9;}	
	.yyy-28:hover{ background-color: #5c6bf9;}	
	.yyy-29:hover{ background-color: #5c6bf9;}	
	.yyy-30:hover{ background-color: #5c6bf9;}	










	.yyy-2:hover { border: 3px solid #1f28e0;}	
	.yyy-3:hover { border: 3px solid #1f28e0;}
	.yyy-4:hover { border: 3px solid #1f28e0;}	
	.yyy-5:hover { border: 3px solid #1f28e0;}	
	.yyy-6:hover { border: 3px solid #1f28e0;}	
	.yyy-7:hover { border: 3px solid #1f28e0;}	
	.yyy-8:hover { border: 3px solid #1f28e0;}	


	.yyy-9:hover { border: 3px solid #18ff00;}	
	.yyy-10:hover { border: 3px solid #18ff00;}	
	.yyy-11:hover { border: 3px solid #18ff00;}	
	.yyy-12:hover { border: 3px solid #18ff00;}	

	.yyy-13:hover { border: 3px solid #f57212;}	
	.yyy-14:hover { border: 3px solid #f57212;}	
	.yyy-15:hover { border: 3px solid #f57212;}	
	.yyy-16:hover { border: 3px solid #f57212;}	
	.yyy-17:hover { border: 3px solid #f57212;}	
	.yyy-18:hover { border: 3px solid #f57212;}	
	.yyy-19:hover { border: 3px solid #f57212;}	
	.yyy-20:hover { border: 3px solid #f57212;}	
	.yyy-21:hover { border: 3px solid #f57212;}	
	.yyy-22:hover { border: 3px solid #f57212;}	
	.yyy-23:hover { border: 3px solid #f57212;}	



	.yyy-24:hover { border: 3px solid #12f2f5;}	
	.yyy-25:hover { border: 3px solid #12f2f5;}	
	.yyy-26:hover { border: 3px solid #12f2f5;}	
	.yyy-27:hover { border: 3px solid #12f2f5;}	



	.yyy-28:hover { border: 3px solid #06494a;}	
	.yyy-29:hover { border: 3px solid #06494a;}	
	.yyy-30:hover { border: 3px solid #06494a;}