 
		    .clearfix:after {
		        content:"\200B";
		        display:block;
		        height:0;
		        clear:both;
		    }
		    .clearfix {*zoom:1;}/*IE/7/6*/
		    .piano-top{
		    	text-align: center;
		    	padding-right: 28px;
		    }
		    .top-1{
		    	width: 240px;
		    	height:43px;
		    	vertical-align:center;
		    }
		    .top-2{
		    	vertical-align: bottom;
		    }
		    .piano-con{
		    	padding: 20px 0px 20px 28px;
				background: #333333;
		    }
			.piano-explain{
				color:#999;
				font-size: 15px;
				line-height: 20px;
				margin: 35px 0;
			}
			.combine-con{
				width: 500px;
				height: 580px;
				position: relative;
				float: left;
			}
			.choose{
				float:left ;
				padding-left: 50px;
				height: 580px;
			}
			.body{
				width: 100%;
				left: 0;
				top: 0;
				position: absolute;
				z-index: 2;
			}
			.desk,.lyre,.leg-1,.leg-2,.leg-3{
				position: absolute;
			}
			.desk{
				display: block;
				width: 115px;
				left: 120px;
				top:214px;
				z-index: 3;
			}
			.lyre{
				display: block;
				width: 90px;
				left: 125px;
				top:399px;
			}
			.leg-1{
				display: block;
				width: 40px;
				left: 50px;
				top:367px;
			}
			.leg-2{
			    display: block;
			    width: 78px;
			    left: 237px;
			    top: 403px;
			}
			.leg-3{
				display: block;
				width: 30px;
				left: 413px;
				top:338px;
			}
			.choose{
				background: #333333;
				color:#999;
				padding: 0 8px 0 0; width:220px;
			}
			.desk-style div,.leg-style div,.lyre-style div{
				font-size:26px;
				margin: 5px 0 15px;
				text-align: right;
			}
			.choose span{
				font-size: 15px;
				text-align: right;
				display: block;
				margin: 5px 0;
				cursor: pointer;
			}
			.choose span:hover{
				color:#e2e2e2;
			}
			.now-style{
				text-align: right;
				color:#bbaa88;
				margin-top: 10px;
			}
			.now-style div{
				margin: 5px 0;
			}
            @media screen and (max-width:1200px){
				.piano-con{
					padding: 20px 0px 20px 8px;
				}
				.combine-con{
					width: 100%;
					height: auto;
					position: relative;
					float: none;
					text-align: center;
					margin-bottom: 36%;
				}
				.body{
					width: 80%;
					left: 0;
					top: 0;
					position: relative;
					z-index: 2;
				}
				.desk{
					display: block;
					width: 23%;
					left: 50%;
					top:50%;
					transform: translateX(-101%) translateY(-18%);
					z-index: 3;
				}
				.lyre{
					display: block;
					width: 18%;
					left: 50%;
					top:50%;
					transform: translateX(-129%) translateY(119%);
				}
				.leg-1{
					display: block;
					width: 8%;
					left: 50%;
					top:50%;
					transform: translateX(-456%) translateY(98%);
				}
				.leg-2{
				    display: block;
				    width: 15.6%;
					left: 50%;
					top:50%;
					transform: translateX(-7%) translateY(90%);
				}
				.leg-3{
					display: block;
					width: 6%;
					left: 50%;
					top:50%;
					transform: translateX(438%) translateY(102%);
				}
				.choose{
					position: relative;
					padding-top:98px;
					width: 100%;
				}
				.desk-style div,.leg-style div,.lyre-style div{
					text-align: center;
				}
				.choose span{
					text-align: center;
				}
				.now-style{
					width: 100%;
					position: absolute;
					top: 0;
					text-align: center;
				}
			}
.choose{
	height: auto;
}
@media screen and (max-width: 1200px){
	.now-style div {
    	margin: 5px 12px 5px 0px;
	}
	.choose{
		padding-top: 45px;
	}
	.now-style {
	    width: 100%;
	    position: absolute;
	    top: 0;
	    text-align: left;
	    display: flex;
	}	
	.now-style div {
	    margin: 5px 0;
	    flex: 0 0 25%;
	}	
	.desk-style, .leg-style {
		padding-left: 86px;
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    position: relative;	
	    margin-bottom: 15px;	
	}
	.lyre-style{
		padding-left: 106px;
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    position: relative;		
	    margin-bottom: 15px;	
	}
	.desk-style div, .leg-style div, .lyre-style div {
	    text-align: center;
	    position: absolute;
	    margin: 0;
	    left: 0;
	    top: 0;
	    font-size: 18px;
	}	
	.choose span {
    	margin: 0px 3px 5px ;
	}
}

 