page { background-color: #f9f9f7; } .writeOldmanName { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; z-index: 99; display: block; } .none { display: none; } .OldmanName_box { width: 550rpx; height: 300rpx; background-color: #fff; position: absolute; top: 300rpx; left: 100rpx; border-radius: 10rpx; } .oldmanname { text-align: center; color: #666666; margin-top: 30rpx; } .adress_box { width: 750rpx; height: 750rpx; background-color: #fff; position: fixed; bottom: 0; border-radius: 20rpx 20rpx 0 0; } .adress_title { text-align: center; /* margin-top: 10rpx; */ font-weight: 800; color: #666666; margin-top: 3%; } .adress_detail { width: 650rpx; height: 70%; margin-top: 5%; /* height: 450rpx; */ margin-left: 50rpx; border: 1px solid red; white-space: nowrap; overflow-y: scroll; } .btn_box { width: 100%; display: flex; height: 80rpx; margin-top: 50rpx; } #sure { height: 50rpx; line-height: 50rpx; background-color: #2087f7; color: #fff; border-radius: 10rpx; font-size: 27rpx; width: 100rpx; text-align: center; padding: 0; margin: 0; margin-left: 150rpx; } .esc { height: 50rpx; line-height: 50rpx; /* background-color: #2087f7; */ color: #fff; border-radius: 10rpx; font-size: 27rpx; margin-left: 50rpx; width: 100rpx; text-align: center; border: 1px solid #579bfb; color: #579bfb; } .left { width: 200rpx; float: left; margin-left: 10rpx; } .right { height: 90vh; width: 520rpx; float: right; margin-right: 20rpx; font-size: 28rpx; color: #666666; padding-bottom: 50rpx; } .scan { width: 450rpx; height: 50rpx; border: 1px solid #2087f7; border-radius: 10rpx; margin-top: 10rpx; margin-bottom: 10rpx; background-color: #d2e7fd; display: flex; font-size: 25rpx; color: #2087f7; } .scans { width: 450rpx; height: 50rpx; border-radius: 10rpx; margin-top: 10rpx; margin-bottom: 10rpx; text-align: center; font-size: 25rpx; color: red; display: flex; align-items: center; border: 1px solid red; justify-content: center; box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.15); } .liyou { font-size: 28rpx; margin-left: 30rpx; /* font-weight: 900; */ } .scan text { margin-left: 10rpx; line-height: 50rpx; padding-bottom: 10rpx; letter-spacing: 2rpx; } .block1 { width: 172rpx; margin-left: 10rpx; height: 161rpx; margin-top: 100rpx; position: relative; background-color: #2087f7; text-align: center; border-radius: 20rpx; color: #fff; box-shadow: 0px 0px 20px 0px #cfdfed; } .clickblock1 { background-color: #fff; color: #666666; } .block2 { width: 172rpx; margin-left: 10rpx; height: 161rpx; margin-top: 50rpx; position: relative; background-color: #fff; text-align: center; border-radius: 20rpx; box-shadow: 0px 0px 10px 0px #e3ecf2; } .clickblock2 { background-color: #2087f7; color: #fff; } .img { width: 70rpx; height: 70rpx; position: absolute; top: 25rpx; left: 51rpx; } .img1 { top: 15rpx; } .title { color: #fff; width: 150rpx; margin-top: 100rpx; font-size: 26rpx; display: inline-block; text-align: center; } .title1 { color: #666666; width: 150rpx; margin-top: 100rpx; font-size: 26rpx; display: inline-block; text-align: center; } .title2 { color: #666666; width: 150rpx; margin-top: 70rpx; font-size: 26rpx; display: inline-block; text-align: center; } .title3 { color: #666666; width: 150rpx; margin-top: 0rpx; font-size: 26rpx; display: inline-block; text-align: center; } .title4 { color: #fff; } .isfinish_icon { width: 35rpx; height: 35rpx; position: absolute; top: -10rpx; left: -10rpx; } .name_box { width: 500rpx; height: 60rpx; /* overflow-x: auto; */ display: flex; /* white-space: nowrap; */ margin-top: 20rpx; position: relative; /* border: 1px solid red; */ } .name_smallName { width: 430rpx; height: 60rpx; overflow-x: auto; white-space: nowrap; display: flex; /* top: 0; left: 10rpx; */ /* border: 1px solid red; */ } .addname_box { width: 60rpx; height: 40rpx; margin-top: 10rpx; /* position: absolute; */ /* right: 20rpx; */ /* top: 5rpx; */ } .singlename { /* background-color: #2087f7; */ border: 1px solid #2087f7; color: #2087f7; height: 50rpx; margin: 0 10rpx; padding: 0 10rpx; /* color: #fff; */ font-size: 25rpx; border-radius: 10rpx; display: flex; width: auto; } .unsinglename { border: 1px solid #2087f7; background-color: #2087f7; height: 50rpx; margin: 0 10rpx; padding: 0 10rpx; color: #fff; font-size: 25rpx; border-radius: 10rpx; display: flex; width: auto; } .name { margin-top: 40rpx; } .form_box { height: 85vh; overflow-y: auto; padding-bottom: 50rpx; background-color: #fff; margin-top: 20rpx; padding-left: 20rpx; box-shadow: 0px 0px 20px 0px #cfdfed; border-radius: 20rpx; } checkbox .wx-checkbox-input { width: 40rpx; height: 40rpx; } checkbox .wx-checkbox-input.wx-checkbox-input-checked { background-color: #2087f7; color: #fff; } input { height: 50rpx; margin-top: 10rpx; width: 450rpx; border: 1px solid #e3e5eb; border-radius: 10rpx; text-indent: 20rpx; } .huiColor { background-color: #eeeeef !important; } .block { margin-top: 30rpx; } checkbox-group label { margin-left: 20rpx; display: inline-block; margin-top: 20rpx; } radio-group label { margin-left: 20rpx; display: inline-block; margin-top: 20rpx; } .required { color: red; margin-left: 20rpx; margin-top: 10rpx; font-size: 25rpx; } .required1 { color: green; margin-left: 20rpx; margin-top: 10rpx; font-size: 25rpx; } .otherinput { height: 50rpx; margin-top: 10rpx; width: 450rpx; border: 1px solid #e3e5eb; border-radius: 10rpx; text-indent: 20rpx; line-height: 50rpx; } .picker { height: 50rpx; border: 1px solid #e3e5eb; width: 450rpx; border-radius: 10rpx; text-indent: 20rpx; line-height: 50rpx; margin-top: 10rpx; position: relative; } .picker1 { border: 1px solid #e3e5eb; width: 450rpx; border-radius: 10rpx; text-indent: 20rpx; line-height: 50rpx; margin-top: 10rpx; height: auto; position: relative; } .picker11{ width: 450rpx; height: 50rpx; border: 1px solid #e3e5eb; border-radius: 10rpx; position: relative; } .red { color: red; } .adress_box { width: 750rpx; height: 70vh; background-color: #f6f6f6; position: fixed; bottom: 0; border-radius: 50rpx 50rpx 0 0; z-index: 99; /* text-align: center; */ } .choose_text { font-size: 30rpx; margin-top: 30rpx; text-align: center; } /* radio .wx-radio-input { width: 40rpx; height: 40rpx; } radio .wx-radio-input.wx-radio-input-checked::before { background-color: #2087f7; color: #fff; border-radius: 40rpx!important; } */ radio .wx-radio-input{ height: 40rpx; width: 40rpx; border-radius: 50%; background: transparent; } /* 选中后的 背景样式 */ radio .wx-radio-input.wx-radio-input-checked{ border: none; } /* 选中后的 对勾样式 */ radio .wx-radio-input.wx-radio-input-checked::before{ border-radius: 50%; width: 46rpx; height: 46rpx; line-height: 46rpx; text-align: center; font-size:46rpx; color:#fff; background: #2087f7; border: 6rpx solid #2087f7; } .close_img { width: 30rpx; height: 30rpx; position: absolute; top: 50rpx; right: 50rpx; } .choosedAdress_box { width: 650rpx; margin-left: 50rpx; display: flex; margin-top: 50rpx; flex-wrap: wrap; flex-direction: row; } .choosedAdress { margin-left: 20rpx; margin-top: 20rpx; } .boxssss { position: relative; margin-top: 50rpx; } .close { position: absolute; top: 10rpx; left: 150rpx; } .loading{ width: 750rpx; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; position: fixed; bottom: 0; } .picker_container{ width: 750rpx; height: 100vh; position: fixed; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .page-body{ background-color: #fff; position: fixed; bottom: 0; left: 0; width: 750rpx; height: 300px; } .pick_sure{ color: #2087f7; position: fixed; z-index: 999; bottom: 260px; right: 20px; font-size: 35rpx; } .pick_esc{ color: #2087f7; position: fixed; z-index: 999; bottom: 260px; left: 20px; font-size: 35rpx; } .setting{ width: 250rpx; } .setting button{ padding: 0; } .setting button:not([size='mini']){ background-color: #fff; font-size: 25rpx; color: #2087f7; width: 100%; /* width: 180rpx; */ } .place_text{ font-size: 25rpx; color: #bbbbbb; }