.pause-ad {background: #000;display: block;left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);}.pause-ad .btn-close {background-color: #333;cursor: pointer;height: 15px;padding: 2px 8px;position: absolute;right: 5px;top: 5px;width: 2px;}.pause-ad .btn-close i {background-color: #fff;height: 15px;position: absolute;width: 2px;}.pause-ad .btn-close .split-left {transform: rotate(-45deg);}.pause-ad .btn-close .split-right {transform: rotate(45deg);}.pause-ad .ad-text {background-color: #333;color: #fff;font-size: 14px;left: 5px;padding: 3px 5px;position: absolute;top: 5px;}.pause-ad .ad-content {align-items: center;display: flex;height: 100%;justify-content: center;width: 100%;}.pause-ad .ad-content img {max-height: 100%;max-width: 100%;}@keyframes fade-in {0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes fade-in { 0% {opacity: 0;}  40% {opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-10px);} 100%{opacity: 1; -webkit-transform: translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity: 0; -moz-transform: translateY(-10px);} 100%{opacity: 1; -moz-transform: translateY(0);}}
.mcv-purchase {
background: #000;
display: block;
position: absolute;
top:0;
width:100%;
height: 100%;
z-index: 999;
}
.mcv-purchase .content {
position:absolute;
top:30%;
width: 100%;
text-align: center;
}
.mcv-purchase .title {
font-size: 24px;
text-indent: 0.5em;
color: #ccc;
}
.mcv-purchase .pay {
padding: 15px 0 20px;
display: block;
font-size: 18px;
color: #e85206;
}
.mcv-purchase .pay-btn {
display: inline-block;
width: 170px;
height: 48px;
line-height: 48px;
font-size: 18px;
vertical-align: middle;
border-radius: 4px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
border: 1px solid #23b8ff;
background-color: #23b8ff;
}