.notification-index{
  padding: 0 1.3rem;
}
.notification-header{
  margin-top: 4rem;
}
h1{
  font-size:23px;
  font-family:PingFang-SC-Bold,PingFang-SC;
  font-weight:bold;
  color:rgba(102,102,102,1);
  line-height: 32px;
  text-align: center;
  margin-bottom: 1.9rem;
}
.notification-instructions{
  font-size: 13px;
  font-family: PingFang-SC-Regular,PingFang-SC;
  font-weight: 400;
  color: rgba(114,114,114,1);
  line-height: 20px;
  text-indent: 20px;
  letter-spacing: .5px;
}
.notification-agree{
  font-size: 13px;
  font-family: PingFang-SC-Regular,PingFang-SC;
  font-weight: 400;
  color: rgba(114,114,114,1);
  line-height: 30px;
  letter-spacing: .5px;
}
.notification-agree span{
  color: #023488;
  font-size:13px;
  font-family:PingFang-SC-Medium,PingFang-SC;
  font-weight:500;
}
.marginTop{
  margin-top: 1.6rem;
}
/* 点击查看告知视频 */
.video-click{
  display: flex;
  /* justify-content: flex-end; */
  align-items: center;
  margin-top: 4rem;
}
.video-click button{
  background: #fff;
  outline: none;
  border: 0;
  font-size:15px;
  font-family:PingFang-SC-Medium,PingFang-SC;
  font-weight:500;
  color:rgba(37,116,234,1);
  line-height:21px;
}
.checkbox{
  display: inline-block;
  width:16px;
  height:16px;
  background:rgba(255,255,255,1);
  border-radius:2px;
  border:0px solid rgba(159,159,159,1);
}
/* 公证意愿视频确认双录  */
.video-recording{
  margin: 4rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-recording h1 {
  margin-bottom: 0;
}
.video-recording img {
  width: 6rem;
  height: 6rem;
  margin-top: 2.7rem;
}
.video-recording p {
  margin-top: 1.2rem;
  font-size:13px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:20px;
}
/* 签名处 */
.sign-desk{
  
}
.sign{
  width: 100%;
  height: 203px;
  display: flex;
  justify-content: center;
  align-items: center;
  touch-action: none;
  /* border:1px dashed rgba(176,176,176,1); */
  text-align: center;
}
.sign p{
  width: 348px;
  height: 203px;
  font-size: 13px;
  font-family: PingFang-SC-Medium,PingFang-SC;
  font-weight: 500;
  color: rgba(176,176,176,1);
  line-height: 22px;
  border:1px dashed rgba(176,176,176,1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 客户须知签章显示 */
#signImg{
  width: 6rem;
  height: 6rem;
  outline: none;
  border: 0;
}
/* 清空签名 */
.clear-sign{
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 1.7rem;
}
#imgUrlEnsure{
  width: 348px;
  height: 213px;
}
.clear-sign p{
  font-size:13px;
  font-family:PingFang-SC-Medium,PingFang-SC;
  font-weight:500;
  color:rgba(176,176,176,1);
}
.clear-sign button{
  width: 10.4rem;
  height: 3.6rem;
  border-radius: 2rem;
  outline: none;
  border:1px solid rgba(37,116,234,1);
  background: #ffffff;
  font-size: 16px;
  font-family:PingFang-SC-Regular,PingFang-SC;
  font-weight:400;
  color:rgba(37,116,234,1);
}
.clear-sign button:nth-child(2){
  width: 10.4rem;
  height: 3.6rem;
  border-radius: 2rem;
  outline: none;
  border:1px solid #ffffff;
  background: rgba(37,116,234,1);
  font-size: 16px;
  font-family:PingFang-SC-Regular,PingFang-SC;
  font-weight:400;
  color:#ffffff;
}
.modal-footer-index{
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-around;
  margin-top: 6rem;
  margin-bottom: 5rem;
}
/* 底部按钮样式 */
.modal-footer-index button{
  width: 14rem;
}
.modal-footer-index button:focus{
  outline: none !important;
}
/* 按钮高亮显示样式 */
.modal-footer-index .btn-primary{
  background:rgba(37,116,234,1);
  margin-left: 2.7rem;
}

/* 视频播放 */
.video{
  display: flex;
  justify-content: center;
  align-items: center;
}
#videoBox{
  width: 100%;
}
#videoImg{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.close-video-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.8rem;
}
.close-video-btn button{
  width: 10.4rem;
  height: 3.6rem;
  background:rgba(255,255,255,1);
  border-radius: 2rem;
  font-size:16px;
  font-family:PingFang-SC-Regular,PingFang-SC;
  font-weight:400;
  color:rgba(37,116,234,1);
  line-height: 3.6rem;
  border: 0;
  outline: none;
}
/* 警告提示框 */
#main{
  width: 100%;
  height: 100%;
  z-index: 999;
}
#dialog{
  border-radius: 5px;
  text-align: center;
  width: 80%;
  /* height: 7rem; */
  margin: auto;
  background-color: white;
  z-index: 999;
  overflow: hidden;
}
#dialog h4{
  font-size: 16px;
  color: #333;
  text-align: center;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #D2D2D2;
}
#dialog button{
  width: 100%;
  border: 0;
  outline: none;
  font-size: 16px;
  color: #2574EA;
  min-height: 3rem;
  /* line-height: 3rem; */
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.3);
  z-index: 2222;
  display: flex;
  justify-content: center;
  align-items: center;
}
.warning-header {
  border-bottom: 0 !important;
  position: static;
}
.warning-body {
  position: static;
}
.checked-title {
  font-size:19px;
  font-family:PingFang-SC-Medium,PingFang-SC;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:26px;
  text-align: center;
}
.no-read-list{
  padding: 2rem 1.3rem;
}
.list-show{
  
}
.list-show li {
  font-size:13px;
  font-family:PingFang-SC-Medium,PingFang-SC;
  font-weight:500;
  color:#023488;
  line-height:29px;
}
.warning-footer {
  /* position: static; */
  box-shadow: none;
  border-top: 0 !important;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.warning-footer .btn{
  width: 90% !important;
}
/* 电子邮箱close */
.close{
  margin-right: 20px;
}
/* 电子邮箱 */
.email-content{
  display: flex;
  align-items: center;
}
/* 电子邮箱标题 */
.email-word{
  width: 65px;
  font-weight: 500;
}
/* 电子邮箱输入框 */
.email{
  flex: 1;
  outline: none;
  border: 0;
  padding-left: 10px;
  border-bottom: 1px solid #C8C8C8;
}
/* 邮箱描述 */
.email-dec{
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
/* 邮箱总高度 */
.modal-content-warning{
  height: 430px;
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
}

.dashed{
  border: 1px dashed rgba(176,176,176,1);
}