H5_module/prescription/dialogue/index.css

/* prescription/dialogue/index.wxss */
page {
  background-color: #f1f1f1;
 }
  
 .inputRoom {
  /* height: 80rpx;
  align-items: center;
  padding: 20rpx 30rpx 20rpx 0;
  border-top: 1px solid #cdcdcd;
  background-color: #f1f1f1;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 20; */
  background: #fff;
    height: 100rpx;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    display: flex;
    display: -webkit-flex;
    align-items: center;
 }
  
 .ipt {
  width: 76vw;
  height: 9.33vw;
  background-color: #fff;
  border-radius: 40rpx;
  margin-left: 2vw;
  padding: 0 3vw;
  font-size: 28rpx;
  color: #444;
 }
  
 .confirm{
   background: #FE0419;
   width: 50%;
   height: 100%;
   text-align: center;
   line-height: 100rpx;
   color: #fff;
   font-size: 32rpx;
 }
 .no{
   background: #BDC2C9;
   width: 50%;
   height: 100%;
   text-align: center;
   line-height: 100rpx;
   color: #fff;
   font-size: 32rpx;
 }
 .suc{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 536rpx;border-radius: 20rpx;z-index: 100;text-align: center;}
 .title{padding: 30rpx 0;}
 .btn{border-top: 1rpx solid #E5E5E5;margin-top: 30rpx;}
 .cancel{width: 50%;border-right: 1rpx solid #E5E5E5;height: 100%;padding: 30rpx 0;}
 .queren{width: 50%;height: 100%;padding: 30rpx 0; color: #FF3C19;}
 .tips{background: #F9F8D9; padding: 20rpx; color: #F97326;font-size: 26rpx;}
 .authorization{color: #75B1FC; justify-content: space-between;}
 .underline{text-decoration:underline}
 .txt{line-height: 36rpx; }
 .top{box-sizing: border-box;align-items: center;padding: 20rpx;    margin: 10rpx 0 10rpx 0;}
 .topcon{position: relative;z-index: 2;display: flex;display: -webkit-flex;}
.logo{display: block;width: 80rpx;height: 80rpx;z-index: 2;}
.doctor,.subject{margin-right: 20rpx;}
.leftMsg {
  font-size: 28rpx;
  color: #444;
  line-height: 7vw;
  padding: 2vw 2.5vw;
  background-color: #fff;
  margin-left: -1.6vw;
  border-radius: 10rpx;
  z-index: 10;
  position: relative;
  margin-left:20px;
 }
.leftMsg:before {
  content: "";
  display: block;
  position: absolute;
  width:0;
  height: 0;
  border: 10px solid transparent;  /*边框宽度为10px 颜色透明（也就是隐藏） */
  border-right-color: #fff; /*只显示右边的边框 显示效果就是向左的箭头*/
  left: -20px;  /*在DIV左边显示右边的边框 要向左移动2倍边框宽度 即20px*/
  top: 9px;   /*高度为25+5+5=35 排除箭头高度20 剩余15 显示在距顶部9px的位置 */
}

.rightMsg {
  position: relative;
  /* margin-right: 0.5vw; */
  font-size: 28rpx;
  color: #444;
  line-height: 7vw;
  padding: 2vw 2.5vw;
  background-color: #96EB6A;
  margin-right: 26rpx;
  border-radius: 10rpx;
  z-index: 10;
 }
.rightMsg:before {
  content: "";
  display: block;
  position: absolute;
  width:0;
  height: 0;
  border: 10px solid transparent;  /*边框宽度为10px 颜色透明（也就是隐藏） */
  border-left-color: #96EB6A; /*只显示右边的边框 显示效果就是向左的箭头*/
  right: -20px;  /*在DIV左边显示右边的边框 要向左移动2倍边框宽度 即20px*/
  top: 9px;   /*高度为25+5+5=35 排除箭头高度20 剩余15 显示在距顶部9px的位置 */
}