html.mdlctm-set {
  overflow: hidden;
}
.mdl-images{
	max-width: 100%;
	max-height:90vh;
}
.modal-costom {
  display: none;
  width: 100%;
  max-height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999!important;
}
.modal-costom-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  white-space: nowrap;
}
.modal-costom-wrap::-webkit-scrollbar {
  display: none;
}
.modal-costom-wrap:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 100%;
}
.modal-costom-bg {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100vh;
}
.modal-costom-sm {
  width: 100%;
  max-width:40%;
}
.modal-costom-md {
  width: 100%;
  max-width:55%;
}
.modal-costom-lg {
  width: 100%;
  max-width: 70%;
}
.modal-costom-xl {
  width: 100%;
  max-width: 90%;
}
.modal-costom-box {

  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.modal-costom-box .inner {
  background: #fff;
  padding: 5px;
  text-align:center;
　width: 100%;
}
.modal-costom-box .inner > :first-child {
  margin-top: 0;
}
.modal-costom-close {
  text-align:right;
}
.modal-costom-close i
{
    font-size: 22px;
    cursor: pointer;
    margin-top: -7px;
    position: absolute;
    margin-left: -10px;
    background-color: #FFFFFF;
    border-radius: .90rem;
}