body{
	margin: 0;
	font-family: 'microsoft yahei'; 
}
.roate-container{
	position: relative;
	margin: 0 auto;
	width: 449px;
	height: 500px;
	background: url(../image/roate-bg.png) no-repeat;
}
.screen-bg{
	position: absolute;
	left: 20px;
	top:150px;
	width: 362px;
	height: 304px;
	background-repeat: no-repeat;
	/*background-image: url(../images/screen-bg.png);*/
	z-index: 99;
}

.roate-item{
	position: absolute;
	left: 0;
	top:0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	font-size: 0;
	background: url(../image/icon-item.png) no-repeat;
	z-index: 9;
}
.icon-roate-1,.icon-roate-2,.icon-roate-3,.icon-roate-4{
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
}
/*.icon-roate-1{
	background-image: url(../images/icon-roate-1.png);
}
.icon-roate-2{
	background-image: url(../images/icon-roate-2.png);
}
.icon-roate-3{
	background-image: url(../images/icon-roate-3.png);
}
.icon-roate-4{
	background-image: url(../images/icon-roate-4.png);
}*/
.icon-sq-1{
	width: 54px;
	height: 43px;
	background: url(../image/icon-sq-1.png) no-repeat;
}
.icon-sq-2{
	width: 28px;
	height: 22px;
	background: url(../image/icon-sq-2.png) no-repeat;
}
#roate1{
	height: 60%;
}
#roate2{
	height: 20%;
}

.type9901 .screen-bg{
	background-image: url(../image/bg3.png);
}
.type9901 .icon-roate-1{
	background-image: url(../image/ic_1.png);
}
.type9901 .icon-roate-2{
	background-image: url(../image/ic_2.png);
}
.type9901 .icon-roate-3{
	background-image: url(../image/ic_3.png);
}
.type9901 .icon-roate-4{
	background-image: url(../image/ic_4.png);
}

.type9902 .screen-bg{
	background-image: url(../image/bg31.png);
}
.type9902 .icon-roate-1{
	background-image: url(../image/ic_11.png);
}
.type9902 .icon-roate-2{
	background-image: url(../image/ic_21.png);
}
.type9902 .icon-roate-3{
	background-image: url(../image/ic_31.png);
}
.type9902 .icon-roate-4{
	background-image: url(../image/ic_41.png);
}

.type9903 .screen-bg{
	background-image: url(../image/bg32.png);
}
.type9903 .icon-roate-1{
	background-image: url(../image/ic_12.png);
}
.type9903 .icon-roate-2{
	background-image: url(../image/ic_22.png);
}
.type9903 .icon-roate-3{
	background-image: url(../image/ic_32.png);
}
.type9903 .icon-roate-4{
	background-image: url(../image/ic_42.png);
}

.type9904 .screen-bg{
	background-image: url(../image/bg33.png);
}
.type9904 .icon-roate-1{
	background-image: url(../image/ic_13.png);
}
.type9904 .icon-roate-2{
	background-image: url(../image/ic_23.png);
}
.type9904 .icon-roate-3{
	background-image: url(../image/ic_33.png);
}
.type9904 .icon-roate-4{
	background-image: url(../image/ic_43.png);
}

.type9905 .screen-bg{
	background-image: url(../image/bg34.png);
}
.type9905 .icon-roate-1{
	background-image: url(../image/ic_14.png);
}
.type9905 .icon-roate-2{
	background-image: url(../image/ic_24.png);
}
.type9905 .icon-roate-3{
	background-image: url(../image/ic_34.png);
}
.type9905 .icon-roate-4{
	background-image: url(../image/ic_44.png);
}

.type9906 .screen-bg{
	background-image: url(../image/bg35.png);
}
.type9906 .icon-roate-1{
	background-image: url(../image/ic_15.png);
}
.type9906 .icon-roate-2{
	background-image: url(../image/ic_25.png);
}
.type9906 .icon-roate-3{
	background-image: url(../image/ic_35.png);
}
.type9906 .icon-roate-4{
	background-image: url(../image/ic_45.png);
}