.popitup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: rgba(0, 0, 0, .28);
    overflow: hidden;
    z-index: 99;
}

.popitup>div {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	overflow: auto;
}

.popitup>div>div {
	position: relative;
	display: block;
}

.popitup>div>div.popitup-title {
	text-align: center;
    background: skyblue;
    background-image: linear-gradient(to bottom, royalblue, skyblue);
}

.popitup>div>div.popitup-title>span {
	display: inline-block;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.popitup>div>div.popitup-title>a {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}

.popitup>div>div.popitup-body {
	overflow: auto;
}

.popitup>div>div.popitup-foot {
	position: relative;
	display: block;
    text-align: right;
}

.popitup>div>div.popitup-foot>div {
    position: relative;
    display: inline-block;
    padding: 5px;
}