636 lines
10 KiB
Plaintext
636 lines
10 KiB
Plaintext
.container {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.safetytips-box {
|
|
background: rgba(255, 149, 0, 0.1);
|
|
padding: 9px;
|
|
}
|
|
|
|
.safetytips {
|
|
font-family: 'PingFang SC';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
line-height: 36rpx;
|
|
text-align: justify;
|
|
color: #FF8C39;
|
|
}
|
|
|
|
.report {
|
|
float: right;
|
|
color: #006EFF;
|
|
}
|
|
|
|
.tui-navigatorbar {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 750rpx;
|
|
height: 172rpx;
|
|
background: rgba(237, 237, 237, 0.9);
|
|
backdrop-filter: blur(20px);
|
|
}
|
|
.tui-navigatorbar-back {
|
|
position: absolute;
|
|
width: 30rpx;
|
|
height: 60rpx;
|
|
left:0rpx;
|
|
padding-left:40rpx;
|
|
padding-right:40rpx;
|
|
bottom: 15rpx;
|
|
}
|
|
|
|
|
|
|
|
.tui-chatroom-navigatorbar {
|
|
position: relative;
|
|
/*top: 0;*/
|
|
flex-shrink: 0;
|
|
width: 750rpx;
|
|
height: 176rpx;
|
|
|
|
}
|
|
|
|
.tui-chatroom-navigatorbar-back {
|
|
position: absolute;
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
left: 24rpx;
|
|
bottom: 15rpx;
|
|
}
|
|
|
|
.conversation-title {
|
|
position: absolute;
|
|
width: 350rpx;
|
|
height: 88rpx;
|
|
line-height: 88rpx;
|
|
font-size: 36rpx;
|
|
color: #000;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow:ellipsis;
|
|
bottom: 0;
|
|
left:50%;
|
|
text-align: center;
|
|
transform: translateX(-50%);
|
|
|
|
}
|
|
.list-box{
|
|
width: 100vw;
|
|
flex:1;
|
|
margin-top: 172rpx;
|
|
|
|
}
|
|
.list-box.nobottom{
|
|
margin-bottom: 300rpx;
|
|
}
|
|
/* 旧样式 */
|
|
/* .list-box {
|
|
position: absolute;
|
|
width: 100vw;
|
|
height: calc(100vh - 250px);
|
|
top: 172rpx;
|
|
}
|
|
.list-box.nobottom{
|
|
background-color: red;
|
|
height: calc(100vh - 172rpx);
|
|
} */
|
|
.list-box-notips {
|
|
height: calc(100vh - 284px);
|
|
}
|
|
|
|
.list-box-group {
|
|
background:blue;
|
|
height: calc(100vh - 248px);
|
|
top: 254rpx;
|
|
}
|
|
|
|
.list-box-group-notips {
|
|
background:red;
|
|
height: calc(100vh - 320px) !important;
|
|
top: 246rpx;
|
|
}
|
|
.input-area{
|
|
height:auto;
|
|
}
|
|
/* 旧样式 */
|
|
/* .input-area {
|
|
position: absolute;
|
|
bottom: 0;
|
|
} */
|
|
|
|
.message-list {
|
|
position: relative;
|
|
width: 100%;
|
|
height:100%;
|
|
}
|
|
.mylist{
|
|
position: absolute;
|
|
top:94rpx;
|
|
width:100%;
|
|
bottom: 0px;
|
|
flex:1;
|
|
}
|
|
.message-input {
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
padding-bottom: var(--padding);
|
|
/* background-color: #F1F1F1; */
|
|
background-color: #fff;
|
|
}
|
|
|
|
.calling {
|
|
position: fixed;
|
|
z-index: 199;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.group-profile {
|
|
top: 151rpx;
|
|
left: 0;
|
|
z-index: 8;
|
|
position: absolute;
|
|
}
|
|
|
|
.statusbox {
|
|
width: 100%;
|
|
display: flex;
|
|
/* position: absolute;
|
|
top: 172rpx; */
|
|
align-items: center;
|
|
z-index: 22;
|
|
height: 94rpx;
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 4px 10px 0px rgba(204, 204, 204, 0.5);
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.statusbox .status {
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
color: #333333;
|
|
font-size: 32rpx;
|
|
}
|
|
.statusbox .bar{
|
|
margin:0 20rpx;
|
|
}
|
|
|
|
.listwraper{
|
|
border-bottom:1rpx solid #E7E7E7;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding:30rpx 0rpx 30rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.listwraper:last-child{
|
|
border-bottom:none;
|
|
}
|
|
.statusbox .orderDetail{
|
|
padding:0 20rpx;
|
|
height: 60rpx;
|
|
white-space: nowrap;
|
|
background: #F8F8F8;
|
|
margin-right: 32rpx;
|
|
border-radius: 6rpx;
|
|
transform: rotateZ(360deg);
|
|
border: 1rpx solid rgba(5,5,5,0.1);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 26rpx;
|
|
color: #353535;
|
|
}
|
|
.statusbox .red{
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
color:rgba(239, 79, 32, 1);
|
|
}
|
|
.circle {
|
|
margin-left: 32rpx;
|
|
margin-right: 16rpx;
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
background: #2FCED7;
|
|
border-radius: 50%;
|
|
}
|
|
.statusbox .desc{
|
|
display: flex;
|
|
align-items:baseline;
|
|
}
|
|
.statusbox .item{
|
|
font-size: 32rpx;
|
|
}
|
|
.statusdesc {
|
|
height: 94rpx;
|
|
line-height: 94rpx;
|
|
margin-right: 32rpx;
|
|
white-space: nowrap;
|
|
color: #999999;
|
|
font-size: 24rpx;
|
|
}
|
|
.headbox {
|
|
position: fixed;
|
|
right: 0;
|
|
z-index: 222;
|
|
bottom: 410rpx;
|
|
width: 140rpx;
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
height: 160rpx;
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 4rpx 10rpx 0rpx rgba(204, 204, 204, 0.5);
|
|
border-radius: 20rpx 0px 0px 20rpx;
|
|
}
|
|
|
|
.headbox .guanzhu {
|
|
width: 100rpx;
|
|
height: 40rpx;
|
|
position: absolute;
|
|
bottom: 15rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background: #3CC7C0;
|
|
border-radius: 20rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.headicon {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.headbox .close {
|
|
top: -15rpx;
|
|
left: -15rpx;
|
|
position: absolute;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
border-radius: 50%;
|
|
}
|
|
.help{
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
|
|
|
|
|
|
.functionbox {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
border: 1rpx solid #E7E7E7;
|
|
}
|
|
|
|
.contact {
|
|
position: absolute;
|
|
right: 30rpx;
|
|
font-size: 28rpx;
|
|
display: flex;
|
|
line-height: 60rpx;
|
|
justify-content: center;
|
|
top: -62rpx;
|
|
width: 128rpx;
|
|
height: 66rpx;
|
|
color: #333333;
|
|
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABCCAYAAACfHt50AAACV0lEQVR4Xu3XvaoaQRjG8Vl3AxERBYOICAYRUmgK2cUy/Umq3EFuI5eQG8gNpEiRKkXgdKZfvwpTBWGJeECbTSFRIjuGTXGaQHDTTZ7/qU4xg7Pz/Hjfeb3pdHox/MnegJcDCMNQ9gKUP3w2mxkACAsAgHD4+acDAAC0AGUDVADl9GkB4ukDAAC0AHEDAAAAU4CyASqAcvo8AsXTBwAAaAHiBgAAAKYAZQNUAOX0eQSKpw8AANACxA0AAABMAcoGqADK6fMIFE8fAACgBYgbAAAAmAKUDVABlNPnESiePgAAQAsQNwAAADAFKBugAiinzyNQPH0AAIAWIG4AAABgClA2QAVQTp9HoHj6AAAALUDcAAAAwBSgbIAKoJw+j0Dx9AEAAFqAuAEAAIApQNkAFUA5fR6B4ukDAAC0AHED9wCGw+F/fRW+75sgCAp94/l8NtbaQntcW7xarX5PAV9dO3jR8wZB0O33+w8qlcpVW9M0NUmS/LDW3l21weFFnsNnv/rocRzf+L7/odfrVWq12l/37fd7s9ls7qy1L8bj8fLqH3F0oQSAPJvlcjnOsuxTt9t91Gg0/ojrcrmY7XZrdrvdF2PM8yiKvjmaaaFjywDIbyWO4yelUum23W4/brVa9xeV9/okSUyapp993385Go2+F7pFhxdLAchzms/nbWvtbbPZfNrpdEyWZWa9XpvD4fC+XC6/GgwGPx3Os/DR5QDkN7RYLOrW2o/1ev3Z8Xg0p9PpTRiGrz3PuxS+Qcc3SALIM5tMJg+r1eq7/N8oit46nuM/H/8XJ/zgYgJgSv4AAAAASUVORK5CYII=) no-repeat center center;
|
|
background-size: cover;
|
|
}
|
|
.contactCustom{
|
|
display: flex;
|
|
line-height: 60rpx;
|
|
padding: 0;
|
|
justify-content: center;
|
|
width:100%;
|
|
font-size: 28rpx;
|
|
}
|
|
.infobox {
|
|
position: relative;
|
|
|
|
z-index: 1;
|
|
/* overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch; */
|
|
margin-top: 40rpx;
|
|
padding: 22rpx 20rpx 40rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.namebox .head {
|
|
width: 80rpx;
|
|
height:80rpx;
|
|
flex-shrink: 0;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.namebox .guanzhu image {
|
|
width: 28rpx;
|
|
height: 26rpx;
|
|
}
|
|
|
|
.namebox {
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.namewraper {
|
|
max-width:530rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-direction: column;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.namebox .row {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
|
|
}
|
|
|
|
.namebox {
|
|
display: flex;
|
|
padding:0 52rpx;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.namebox .name {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
font-size: 34rpx;
|
|
}
|
|
|
|
.position {
|
|
font-size: 30rpx;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
}
|
|
.doctor_title{
|
|
margin-right: 10rpx;
|
|
}
|
|
.hospital {
|
|
color: #333333;
|
|
margin-top: 12rpx;
|
|
font-size: 28rpx;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
}
|
|
.type {
|
|
height: 32rpx;
|
|
display: flex;
|
|
margin-bottom: 6rpx;
|
|
line-height: 32rpx;
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
margin-left: 18rpx;
|
|
padding: 0rpx 6rpx;
|
|
background: #ED9C00;
|
|
border-radius: 4rpx;
|
|
color: #FFFFFF;
|
|
font-size: 24rpx;
|
|
}
|
|
.namebox .position {
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
margin-left: 15rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
|
|
|
|
.descbox {
|
|
padding: 0 15rpx;
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
text-align: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.descbox .number {
|
|
color: #333333;
|
|
font-size: 40rpx;
|
|
font-weight: bold;
|
|
}
|
|
.descbox .name {
|
|
margin-top: 15rpx;
|
|
color: #999999;
|
|
font-size: 24rpx;
|
|
}
|
|
.goodjob {
|
|
color: #666666;
|
|
margin-top: 38rpx;
|
|
line-height: 42rpx;
|
|
margin-left: 100rpx;
|
|
font-size: 28rpx;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
|
|
}
|
|
.renzhenbox {
|
|
margin-top: 18rpx;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.renzhenbox view {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.renzhen image {
|
|
width: 20rpx;
|
|
height: 20rpx;
|
|
}
|
|
|
|
.renzhen text {
|
|
font-weight: 600;
|
|
color: #3CC7C0;
|
|
font-size: 24rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.intro image {
|
|
width: 10rpx;
|
|
height: 18rpx;
|
|
}
|
|
|
|
.intro text {
|
|
color: #333333;
|
|
margin-right: 10rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.van-icon-cross{
|
|
color:#333;
|
|
|
|
}
|
|
.van-popup__close-icon{
|
|
position: absolute!important;
|
|
|
|
}
|
|
.van-popup--bottom
|
|
.rowintro{
|
|
margin-top: 30rpx;
|
|
display: flex;
|
|
color: #333333;
|
|
font-size: 34rpx;
|
|
align-items: center;
|
|
}
|
|
.rowintro image{
|
|
width: 32rpx;
|
|
height:35rpx;
|
|
}
|
|
.rowintro text{
|
|
margin-left: 16rpx;
|
|
}
|
|
.borderbox{
|
|
position: relative;
|
|
padding-bottom: 30rpx;
|
|
margin:0 52rpx;
|
|
border-bottom:1rpx solid #E7E7E7;
|
|
}
|
|
|
|
.ellipsis{
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden
|
|
}
|
|
.goodat{
|
|
display: flex
|
|
}
|
|
.mypop{
|
|
box-shadow: 0 0 10px #ccc;
|
|
}
|
|
.consultwraper{
|
|
overflow-y:scroll ;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.popwrper{
|
|
top:0rpx;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
transition: height 0.5s;
|
|
width:100%;
|
|
overflow: hidden;
|
|
height:100%;
|
|
bottom:0px;
|
|
}
|
|
.close{
|
|
z-index:9;
|
|
width: 32rpx;
|
|
height:32rpx;
|
|
position: absolute;
|
|
right:30rpx;
|
|
top:30rpx;
|
|
}
|
|
.popname{
|
|
margin-top: 45rpx;
|
|
padding:20rpx 52rpx 0;
|
|
font-size: 34rpx;
|
|
color:#333;
|
|
font-weight: 600;
|
|
}
|
|
.consultbox{
|
|
margin-left: 100rpx;
|
|
display: flex;
|
|
margin-top: 20rpx;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.consultbox{
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
}
|
|
.consultbox .btn{
|
|
width: 160rpx;
|
|
height: 60rpx;
|
|
background: #3CC7C0;
|
|
color:#fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 30rpx;
|
|
border-radius: 30rpx;
|
|
}
|
|
.price{
|
|
color:#EF4F20;
|
|
font-size: 34rpx;
|
|
font-weight: bold;
|
|
}
|
|
.viewwrap{
|
|
border-bottom:1rpx solid #E7E7E7;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding:30rpx 0rpx 30rpx;
|
|
margin:0 52rpx;
|
|
display: flex;
|
|
}
|
|
.viewwrap .right{
|
|
margin-left: 20rpx;
|
|
}
|
|
.viewwrap .price{
|
|
margin-top: 10rpx;
|
|
}
|
|
.viewwrap .name{
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
color: #333333
|
|
}
|
|
.top{
|
|
position: absolute;
|
|
top:20rpx;
|
|
width:100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding:20rpx 0;
|
|
}
|
|
.top .up{
|
|
width:40rpx;
|
|
height:22rpx;
|
|
transition: all 0.5s;
|
|
}
|
|
.top .up.active{
|
|
transform: rotate(180deg);
|
|
}
|
|
.leftimg{
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
.price .unit{
|
|
color:#333;
|
|
font-size: 28rpx;
|
|
}
|
|
.zxicon{
|
|
width:80rpx;
|
|
height:80rpx;
|
|
} |