/*-----------afPopup-------------*/
.afOverflow{ overflow:hidden;}
.afPopup *,
.afPopup *:before,
.afPopup *:after {

    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.afPopup a:link, .afPopup a:visited, .afPopup a:hover, .afPopup a:active {
    text-decoration: none;
}

#popupMask {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    background-color:  rgba(0, 0, 0,.33);
}

.afPopup {
    display: block;
    float: left;
    border-radius: 5px;
    border: 1px solid rgba(223, 223, 223, 1);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    background: #fff;
    color: inherit;
    box-shadow: 0 1px 1px rgba(223, 223, 223, 1);
}

.afPopup > * {
    color: inherit;

}

.afPopup > HEADER {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    line-height: 40px;
    text-indent: 10px;
    border-bottom: 1px solid rgba(223, 223, 223, 1);
}
.afPopup > HEADER .close {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDNDMzQ2RTM5OURFMzExQjA0NzgwOEJBMDM4NUI5MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODg0MEQxMjlFOTYxMUUzQjgwQUEyNUQxMjFEMzJDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODg0MEQxMTlFOTYxMUUzQjgwQUEyNUQxMjFEMzJDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ODNDMzQ2RTM5OURFMzExQjA0NzgwOEJBMDM4NUI5MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDNDMzQ2RTM5OURFMzExQjA0NzgwOEJBMDM4NUI5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq4zXeMAAACDSURBVHjatJRBDsAgCASRLzX+/67tm6w0sQcsokg38aC4EwwgnCmVKthdxEGounIusKHmD0RtmyPGYAWR94HxQwvozUwKroA62CxQutPBNOAo9gmTTFrWIoybZ54/hPEe1AqD4ChcKb82Kf8XwK013JrWbZzcBt3tC6If0griwFuAAQAn1OT8u8uPbAAAAABJRU5ErkJggg%3D%3D);
    background-position:center;
    background-repeat:no-repeat;
    cursor: pointer;
}
.afPopup > DIV {
    font-size: 14px;
    padding: 20px 10px;
    text-align: center;
}

.afPopup.text-left > DIV {
    text-align: left;
}

.afPopup > FOOTER {
    overflow: hidden;
    border-top: 1px solid rgba(223, 223, 223, 1);
    width: 100%;
    text-align: center;
    display: block !important;
}

body .afPopup > FOOTER > * {
    width: 30%;
    display: inline-block;
    line-height: 40px;
    color: rgba(36, 129, 253, 1);
    float: left;
    border-left: 1px solid rgba(223, 223, 223, 1);
    cursor: pointer;
}
body .afPopup > FOOTER > *:nth-child(1) {

    border-left: 0;
}

.afPopup > FOOTER > A.center {
    width: 100%;

}

.afPopup.hidden {
    opacity: 0;
    -webkit-transform: scale(0.1);
}

.afPopup.show {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}



/*-----------/afPopup-------------*/