.page{ background: #fff; font-size: 20rpx; } .drag{ width: 0.6rem; height:1rem; background:url(../../../resource/images/drag.png) center no-repeat; position: absolute; z-index: 9999; } .left{ width: 20%; height: 1220rpx; margin-top: 10rpx; border: 1px solid #ccc; float: left; text-align: center; } .title{ display: inline-block; font-size: 30rpx; font-weight: 700; margin-top: 20rpx; } .visitor{ width: 100%; height: 93%; overflow-x: hidden; overflow-y: scroll; } .visitor text{ display: block; width: 130rpx; height: auto; line-height: 40rpx; border-radius: 10rpx; background: #548AF0; color: #fff; border-color: #fff; margin: 20rpx auto; } .right{ width: 76%; height: 1220rpx; margin-top: 10rpx; border: 1px solid #ccc; position: absolute; margin-left: 160rpx; overflow-x: hidden; overflow-y: scroll; } .seattitle image{ width: 100%; height: 100rpx; } .noseattop{ width: 100%; height: 140rpx; background: url(../../../resource/images/m12.png) center no-repeat; background-size: 80%; margin-top: -30rpx; position: relative; top: 20rpx; } .seattop{ width: 100%; height: 140rpx; background: url(../../../resource/images/m11.png) center no-repeat; background-size: 80%; margin-top: -30rpx; position: relative; top: 20rpx; margin-left: -3rpx; } .seattop view{ text-align: center; } .seattop text{ display: block; margin-top: -30rpx; } .seattop label{ display: block; margin-top: 60rpx; } .seatcenter{ width: 99%; height: 75rpx; background: url(../../../resource/images/m2.png) center no-repeat; background-size: 80%; /* border: 1px solid red; */ } .seatleft{ width: 51%; height: 75rpx; line-height: 75rpx; float: left; position: relative; /* background: url(../../../resource/images/seatleft.png) right / 85% no-repeat ; */ /*border: 1px solid #ccc;*/ } .seatleft view{ width: 100%; } .seatleft text{ width: 44%; height: 75rpx; line-height: 75rpx; text-align: center; display: block; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .seatleft label{ display: block; width: 10%; height: 75rpx; line-height: 75rpx; float: right; margin-right: 40rpx; } .seatright_box{ width: 50%; height: auto; float: right; position: absolute; right: 0; } .seatright{ width: 99%; height: 75rpx; line-height: 75rpx; /* background: url(../../../resource/images/seatright.png) left / 85% no-repeat ; */ /* border: 1px solid #ccc; */ } .seatright label{ display: block; width: 10%; height: 75rpx; line-height: 75rpx; float: left; margin-left: 40rpx; } .seatright text{ display: block; width: 44%; height: 75rpx; line-height: 75rpx; text-align: center; float: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .seatbottom{ width: 100%; height: 140rpx; background: url(../../../resource/images/m4.png) center no-repeat; background-size: 80%; margin-top: -75rpx; margin-left: -3rpx; } .seatbottom view{ text-align: center; } .seatbottom text{ display: block; margin-top: 70rpx; } .seatbottom label{ display: block; margin-top: 60rpx; margin-right: 250rpx; }