/* 通用css */

/* 背景色 */
.backgroundCustom_306 {
  background-color: #306eff !important;
  color: #fff !important;
}

/* 背景色2 */

.backgroundCustom_FF7 {
  background-color: #ff7800 !important;
  color: #fff !important;
}

/* 背景色2 */

.backgroundCustom_D9 {
  background-color: #d9d9d9 !important;
  color: #fff !important;
}

.backgroundCustom_CED {
  background-color: #CEDBF8 !important;
  color: #fff !important;
}

.backgroundCustom_7AA_306 {
  background: linear-gradient(#7AA2FF, #306EFF) !important;
  color: #fff !important;
}

/* 字体颜色 */

.colorCustom {
  color: #00a2fe !important;
}
.colorCustom_306 {
  color: #306eff !important;
}
.colorCancel {
  color: #999 !important;
}
.colorRed {
  color: #FA4844 !important;
}
.colorGreen {
  color: green !important;
}
.colorOrange {
  color: #FFAE20 !important;
}

/* 提示 */

.public_tip {
  padding: 40rpx 30rpx;
  font-size: 26rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: rgba(166, 166, 166, 1);
  line-height: 40rpx;
}


/* 状态颜色 */
.state_color_blue {
  color: #2E70FF;
}
.state_color_orange {
  color: #FA9219;
}
.state_color_green {
  color: #08B58E;
}
.state_color_gray {
  color: #CCC;
}


/* 滑块 */

.public_switch {
  transform: scale(0.7);
  margin-right: -20rpx;
}

/* 向右 图片 */

.public_right_img {
  width: 12rpx;
  height: 21rpx;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

/* 长按钮 */

/* 
<view class="public_btn_con">
<view class="public_btn backgroundCustom">添加就诊卡</view>
</view>
*/

.public_btn_con {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150rpx;
  padding: 30rpx;
  background-color: #f2f5f6;
}

.public_btn {
  border-radius: 46rpx;
  height: 90rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx;
  font-weight: 500;
}

/* 边框 */

.border_top {
  position: relative;
}

.border_top::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #eee;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.border_bottom {
  position: relative;
}

.border_bottom::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #eee;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.border_left {
  position: relative;
}

.border_left::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #eee;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

.border_right {
  position: relative;
}

.border_right::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #eee;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

.border {
  position: relative;
}

.border::before {
  content: "";
  position: absolute;
  border: 1px solid #ccc;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  border-radius: 50px;
  transform: scale(0.5);
  box-sizing: border-box;
}
.noData {
  padding-top: 219rpx;
}

/* 下拉加载更多样式 */
.public_loadAllTip{
  text-align: center;
  padding: 35rpx 0;
  color: #999;
}

.arrow {
  width: 15rpx;
  height: 25rpx;
  margin-right:30rpx;
}

.mask {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
}