jje_staff/pages/index/index.rpx.css

.page {
	/* background-image:url('https://wine.gzzzyd.com/tech/static/index/bgImg.png'); */
	/*background-image: url('https://jje.admin.xinyuekj.com.cn/test-api/tech/static/index/bgImg.png');*/
	background-image: url('https://jje.xinyuekj.com.cn/prod-api/tech/static/index/bgImg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #f7f7f7;
	padding: 0 32rpx 30rpx 32rpx;
}

.tuni {
	height: 160rpx;
	border-radius: 24rpx;
	background: #ffffff;
	margin-top: 34rpx;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFCED 100%);
}

.profile {
	width: 112rpx;
	height: 112rpx;
	border-radius: 80rpx;
	border: 2rpx solid #FFFFFF;
	box-sizing: border-box;
	margin-left: 32rpx;
	margin-top: 24rpx;
}

.tuniMsg {
	width: 165rpx;
	height: 160rpx;
	margin-left: 16rpx;
}

.name {
	font-size: 28rpx;
	font-weight: 600;
	color: #333333;
	margin-top: 30rpx;
	line-height: 52rpx;
}

.biaoqian {
	white-space: nowrap;
	background: #FFF6CE;
	border-radius: 8rpx;
	border: 2rpx solid #FFE05C;
	padding: 2rpx 10rpx;
	font-size: 18rpx;
	font-weight: 400;
	color: #333333;
	margin-left: 10px;
}

.biaoqian1 {
	white-space: nowrap;
	background: #FFF6CE;
	border-radius: 8rpx;
	padding: 2rpx 10rpx;
	font-size: 18rpx;
	font-weight: 400;
	color: #333333;
	margin-left: 10px;
}

.tuni-right {
	width: 365rpx;

}

.imgs {
	width: 622rpx;
	/*height: 624rpx;*/
	margin-top: 16rpx;
	border-radius: 15rpx;
}

.mmImgView {
	float: left;
	width: 308rpx;
	height: 310rpx;
	border-radius: 15rpx;
	overflow: hidden;
}

.floatRight {
	float: right;
}

.marginTop {
	margin-top: 6rpx;
}

.mmImg {
	width: 308rpx;
	height: 310rpx;
	border-radius: 8rpx;
}

.like {
	width: 622rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #333333;
	line-height: 40rpx;
	margin-top: 16rpx;
}

.serviceMsg {
	width: 686rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	margin-top: 84rpx;
	position: relative;
	margin-bottom: 60rpx;
	padding-bottom: 38rpx;
}

.dakaIcon {
	height: 40rpx;
	margin-top: 46rpx;
	font-size: 28rpx;
	font-weight: 600;
	color: #93D21A;
	line-height: 36rpx;
}

.dakaText {
	margin-top: 10rpx;
	font-size: 20rpx;
	font-weight: 400;
	color: #333333;
}

.buttons {
	margin-top: 16rpx;
}

.buttonItem {
	width: 164rpx;
	height: 80rpx;
	background: #FFE05C;
	border-radius: 40rpx;
	border: 4rpx solid #FFFFFF;
	text-align: center;
	font-size: 24rpx;
	font-weight: 600;
	color: #333333;
	line-height: 80rpx;
}

.serviceProfile {
	width: 160rpx;
	height: 160rpx;
	border-radius: 80rpx;
	border: 2px solid #ffffff;
	box-sizing: border-box;
}

.serviceInfo {
	width: 622rpx;
	position: absolute;
	left: 32rpx;
	top: -60rpx;
}

.serviceInfo-rigth {
	width: 465rpx;
	padding-bottom: 20rpx;
}

.servicename {
	/*width: 100rpx;*/
	/*height: 52rpx;*/
	font-size: 24rpx;
	font-weight: 600;
	color: #333333;
	margin-left: 20rpx;
	margin-top: 10rpx;
	/*padding: 0 20rpx;*/
	/*line-height: 64rpx;*/
	/*margin-bottom: 20rpx;*/
}

.tag {
	width: 140rpx;
	height: 64rpx;
	background: #FFF6CE;
	border-radius: 32rpx;
	line-height: 64rpx;
}

.tag text {
	margin-right: 10rpx;
}

.hint {
	width: 24rpx;
	height: 24rpx;
	border-radius: 12rpx;
	text-align: center;
	background: #FFAF36;
	color: red;
	font-size: 18rpx;
	margin-left: 20rpx;
	margin-top: 32rpx;
	line-height: 24rpx;
}

.hintCentent {
	font-size: 32rpx;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 88rpx;
	margin-left: 20rpx;
}

.hintView {
	width: 622rpx;
	height: 88rpx;
	background: linear-gradient(180deg, #FF5C5C 0%, #E63A3A 100%);
	border-radius: 44rpx;
	border: 2rpx solid #FFFFFF;
}


.leftBord {
	border-left: 2px solid #DDDDDD;
	padding-left: 30rpx;
	margin-left: 30rpx;
}

.dataNull {
	width: 280rpx;
	height: 280rpx;
	margin-top: 100rpx;
}

.dataNullText {
	font-size: 24rpx;
	font-weight: 400;
	color: #999999;
	margin-top: 24rpx;
}

.addService {
	width: 750rpx;
	background: #FFFFFF;
	padding: 24rpx 0;
	border-radius: 24rpx 24rpx 0rpx 0rpx;
}

.popupTitle {
	height: 44rpx;
	font-size: 32rpx;
	font-weight: 600;
	color: #333333;
	line-height: 44rpx;
	margin-left: 34rpx;
}

.scrollY {
	height: 504rpx;
	margin-top: 34rpx;
	margin-bottom: 24rpx;
}

.scrollY1 {
	height: 870rpx;
	margin-bottom: 24rpx;
}

.serviceItems {
	width: 684rpx;
	margin-top: 20rpx;
}

.serviceItem {
	width: 210rpx;
	height: 100rpx;
	background: #FAFAFA;
	border-radius: 16rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: 500;
	color: #111111;
	line-height: 100rpx;
	float: left;
}

.marginTop24 {
	margin-top: 24rpx;
}

.marginLeft16 {
	margin-left: 16rpx;
}

.marginLeft28 {
	margin-left: 28rpx;
}

.serviceTeach {
	width: 148rpx;
	height: 206rpx;
	float: left;
	position: relative;
}

.serviceTeachImg {
	width: 148rpx;
	height: 148rpx;
	border-radius: 74rpx;
}

.serviceTeachName {
	width: 148rpx;
	height: 40rpx;
	font-size: 24rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 40rpx;
	text-align: center;
	margin-top: 16rpx;
}

.vImage {
	position: absolute;
	top: 0;
	right: 0;
	width: 32rpx;
	height: 32rpx;
}

.serviceName {
	font-size: 32rpx;
	font-weight: 600;
	color: #111111;
	margin-left: 24rpx;
	padding-top: 24rpx;
}

.servicePrice {
	margin-top: 16rpx;
	margin-left: 24rpx;
}

.servicePriceKey {
	height: 40rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #999999;
	line-height: 40rpx;
}

.servicePricePrice {
	height: 40rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #ed569f;
	line-height: 40rpx;
}

.cancelButton {
	width: 332rpx;
	height: 80rpx;
	background: #F5F5F5;
	border-radius: 54rpx;
	text-align: center;
	line-height: 80rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #666666;
}

.confirmButton {
	width: 332rpx;
	height: 80rpx;
	background: #FFE05C;
	border-radius: 54rpx;
	text-align: center;
	line-height: 80rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #333333;
}

.teachItem {
	width: 686rpx;
	height: 228rpx;
	background: #FAFAFA;
	border-radius: 16rpx;
	position: relative;
	margin-left: 32rpx;
	margin-top: 24rpx;
}

.teachItem:first-child {
	margin-top: 0rpx;
}

.teachImage {
	width: 180rpx;
	height: 180rpx;
	border-radius: 8rpx;
	margin-top: 24rpx;
	margin-left: 24rpx;
}

.teachMsg {
	margin-left: 24rpx;
}

.techName {
	height: 48rpx;
	font-size: 32rpx;
	font-weight: 600;
	color: #111111;
	line-height: 48rpx;
	margin-top: 62rpx;
}

.teachTag {

	height: 44rpx;
	font-size: 20rpx;
	font-weight: 400;
	color: #333333;
	line-height: 44rpx;

	padding: 0 24rpx;
	margin-left: 16rpx;
	margin-top: 62rpx;
	background: #FFF6CE;
	border-radius: 8rpx;
	border: 2rpx solid #FFE05C;
}

.declaration {
	height: 40rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #999999;
	line-height: 40rpx;
	margin-top: 16rpx;
}

.vBackGround {
	background: rgba(255, 224, 92, 0.1);
	border: 4rpx solid #FFE05C;
	box-sizing: border-box;
}

.objectItem {
	width: 686rpx;
	height: 160rpx;
	background: #FAFAFA;
	border-radius: 16rpx;
	margin-left: 32rpx;
	position: relative;
	margin-top: 24rpx;
}

.objectItem:first-child {
	margin-top: 0rpx;
}

.objectImage {
	width: 108rpx;
	height: 108rpx;
	border-radius: 56rpx;
	border: 2rpx solid #FFFFFF;
	margin-top: 24rpx;
	margin-left: 24rpx;
}

.objectName {
	height: 160rpx;
	font-size: 32rpx;
	font-weight: 600;
	color: #111111;
	line-height: 160rpx;
	margin-left: 24rpx;
}

.reminderView {
	width: 600rpx;
	background: #FFFFFF;
	border-radius: 15rpx;
	padding: 20rpx 10rpx;
}

.reminderTitle {
	text-align: center;
	height: 50rpx;
	line-height: 50rpx;
}

.textareaView {
	min-height: 280rpx;
	padding: 10rpx 0;
}

.textarea {
	border: 1px solid #F7F7F7;
	padding: 10rpx;
}

.orderMsg{
 padding-left: 32rpx;
	margin-top: 20rpx;
}

.orderMsg1{
	padding-left: 32rpx;
	padding-bottom: 30rpx;
	padding-top: 30rpx;
	border-bottom: 1px solid #F7F7F7;
}

.key{
	height: 44rpx;
	font-size: 28rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 44rpx;
	margin-left: 16rpx;
	min-width: 150rpx;
}
.value{
	height: 44rpx;
	font-size: 28rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 44rpx;
}
.promotionView{
	width: 500rpx;
	mix-height: 600rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
}
.qrcodeView{
	padding: 10rpx 0;
}
.stateStr{
	font-size: 28rpx;
	margin-right: 24rpx;
	background: #FFF6CE;
	padding: 0 15rpx;
	border-radius: 5rpx;
	font-weight: bold;
}
.avatarView{
	width: 600rpx;
	border-radius: 10rpx;
	background: white;
	padding: 20rpx 0;
}
.avatarOpen{
	width: 550rpx;
	border-radius: 10rpx;
}
.buttonState{
	background: #999999;
	pointer-events: none;
}
.hintViewBgColor1{
	background: #ed569f;
}

.hintViewBgColor2{
	background: #FFE05C;
}

.hintViewBgColor3{
	background: #11f10a;
}
.serviceTab {
	background: #999999;
	border: 1px solid #999999;
	border-radius: 40rpx;
	padding: 10rpx 40rpx;
	margin: 0 10rpx;
	font-size: 28rpx;
	font-weight: 500;
	color: #FFFFFF;
}

.serviceTab1 {
	background: #FFE05C;
	border: 1px solid #FFE05C;
	border-radius: 40rpx;
	padding: 10rpx 40rpx;
	margin: 0 10rpx;
	font-size: 28rpx;
	font-weight: 500;
	color: #333333;
}

.emptyDataView {
	width: 684rpx;
	height: 200rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FAFAFA;
	border-radius: 16rpx;
}

.emptyDataText {
	font-size: 28rpx;
	font-weight: 400;
	color: #999999;
}