html,
body {
  background-color: transparent;
  overflow: hidden;
  font-family: "Microsoft YaHei";
}
.border {
  position: absolute;
  left: 0;
  top: 0;
  width: 450px;
  height: 200px;
  border: 1px solid #000;
  background-color: #fff;
}
.border.et .bg-color {
  background-color: #65ad3e;
}
.border.et .border-common {
  border: #65ad3e solid 1px;
}
.border.et .color-common {
  color: #65ad3e;
}
.border.et .btn:hover {
  background: #6fbc45;
  color: #fff;
}
.border.et .btn:active {
  background: #589a34;
  color: #fff;
}
.border.et .btn-cancel {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/CAIAAACAQhSRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFEQTc0NUE2QzA2MTFFNjgyNkJCMzgxQUYyRDI5MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJCMzk5RDQ2QzFFMTFFNjgyNkJCMzgxQUYyRDI5MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMURBNzQ1ODZDMDYxMUU2ODI2QkIzODFBRjJEMjkwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMURBNzQ1OTZDMDYxMUU2ODI2QkIzODFBRjJEMjkwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqiW7loAAADaSURBVHja7NPBDcIwDAXQNAsiMQIjcOHQM5G4MAIjIHFkBWboAgyBTKRKEWq+7YCpcnGOlp8Tu/VARMFwBvcmH6g6KSVCB8ZDYypXFPsF4LDkCxOw4lW85v2m/k3z/+r7+/519tNrct/Pxzp0uu5gKozj+3PqYXuRI8r7PwGHlf5nJmB9fjLG86vv/+X7mfo3zZ9LhXHfv87+8bz/ef/d2/z5NsJUGAd+vznWqTmS463vX5TgsNR/KSFg/f+TsTL/GXPjVHy5WS4RW54tlIiNPXMlfH/7+rcAAwB2EtmfLKICjAAAAABJRU5ErkJggg==) no-repeat;
}
.border.et .btn-cancel:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/CAIAAACAQhSRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFEQTc0NUE2QzA2MTFFNjgyNkJCMzgxQUYyRDI5MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJCMzk5RDQ2QzFFMTFFNjgyNkJCMzgxQUYyRDI5MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMURBNzQ1ODZDMDYxMUU2ODI2QkIzODFBRjJEMjkwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMURBNzQ1OTZDMDYxMUU2ODI2QkIzODFBRjJEMjkwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqiW7loAAADaSURBVHja7NPBDcIwDAXQNAsiMQIjcOHQM5G4MAIjIHFkBWboAgyBTKRKEWq+7YCpcnGOlp8Tu/VARMFwBvcmH6g6KSVCB8ZDYypXFPsF4LDkCxOw4lW85v2m/k3z/+r7+/519tNrct/Pxzp0uu5gKozj+3PqYXuRI8r7PwGHlf5nJmB9fjLG86vv/+X7mfo3zZ9LhXHfv87+8bz/ef/d2/z5NsJUGAd+vznWqTmS463vX5TgsNR/KSFg/f+TsTL/GXPjVHy5WS4RW54tlIiNPXMlfH/7+rcAAwB2EtmfLKICjAAAAABJRU5ErkJggg==) 0 -21px no-repeat;
}
.border.et .btn-cancel:active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/CAIAAACAQhSRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFEQTc0NUE2QzA2MTFFNjgyNkJCMzgxQUYyRDI5MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJCMzk5RDQ2QzFFMTFFNjgyNkJCMzgxQUYyRDI5MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMURBNzQ1ODZDMDYxMUU2ODI2QkIzODFBRjJEMjkwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMURBNzQ1OTZDMDYxMUU2ODI2QkIzODFBRjJEMjkwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqiW7loAAADaSURBVHja7NPBDcIwDAXQNAsiMQIjcOHQM5G4MAIjIHFkBWboAgyBTKRKEWq+7YCpcnGOlp8Tu/VARMFwBvcmH6g6KSVCB8ZDYypXFPsF4LDkCxOw4lW85v2m/k3z/+r7+/519tNrct/Pxzp0uu5gKozj+3PqYXuRI8r7PwGHlf5nJmB9fjLG86vv/+X7mfo3zZ9LhXHfv87+8bz/ef/d2/z5NsJUGAd+vznWqTmS463vX5TgsNR/KSFg/f+TsTL/GXPjVHy5WS4RW54tlIiNPXMlfH/7+rcAAwB2EtmfLKICjAAAAABJRU5ErkJggg==) 0 -42px no-repeat;
}
.border.wpp .bg-color {
  background-color: #f8851e;
}
.border.wpp .border-common {
  border: #bd4b18 solid 1px;
}
.border.wpp .color-common {
  color: #da6e2f;
}
.border.wpp .btn:hover {
  background: #ff8742;
  color: #fff;
}
.border.wpp .btn:active {
  background: #cc5f21;
  color: #fff;
}
.border.wpp .btn-cancel {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/BAMAAAD9Dp71AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAASUExURf////C7qP/k1ux8OIaGhsddB3aq6Y0AAABtSURBVCjPrU6xDcAwCMvAAc2QvUo+yAW8wP/PVDURcqtsxALJMrZFKeega18IJg4aXOSX2Ojk5x79JvLogTvLpy/4wCzPxMn5GJSdfauTn3u4/8jPNXBlufmCN8zyGE7OW6Os1a1Ofu7h/hM/P30rMx+pWcnPAAAAAElFTkSuQmCC) no-repeat;
}
.border.wpp .btn-cancel:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/BAMAAAD9Dp71AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAASUExURf////C7qP/k1ux8OIaGhsddB3aq6Y0AAABtSURBVCjPrU6xDcAwCMvAAc2QvUo+yAW8wP/PVDURcqtsxALJMrZFKeega18IJg4aXOSX2Ojk5x79JvLogTvLpy/4wCzPxMn5GJSdfauTn3u4/8jPNXBlufmCN8zyGE7OW6Os1a1Ofu7h/hM/P30rMx+pWcnPAAAAAElFTkSuQmCC) 0 -21px no-repeat;
}
.border.wpp .btn-cancel:active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/BAMAAAD9Dp71AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAASUExURf////C7qP/k1ux8OIaGhsddB3aq6Y0AAABtSURBVCjPrU6xDcAwCMvAAc2QvUo+yAW8wP/PVDURcqtsxALJMrZFKeega18IJg4aXOSX2Ojk5x79JvLogTvLpy/4wCzPxMn5GJSdfauTn3u4/8jPNXBlufmCN8zyGE7OW6Os1a1Ofu7h/hM/P30rMx+pWcnPAAAAAElFTkSuQmCC) 0 -42px no-repeat;
}
.border.wps .bg-color {
  background-color: #3a7acb;
}
.border.wps .border-common {
  border: #3a7acb solid 1px;
}
.border.wps .color-common {
  color: #3a7acb;
}
.border.wps .btn:hover {
  background: #4289e7;
  color: #fff;
}
.border.wps .btn:active {
  background: #346ab3;
  color: #fff;
}
.border.wps .btn-cancel {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/CAIAAACAQhSRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMWJiZmY3MS1iNTYxLTQyNjAtYWY4MC04YTQxYjQ4N2EwNmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZDRTdCN0U2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZDRTdCN0Q2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTc4ZWVlNi0zNzRlLTQ1N2ItOGNjMC1mZjg5NmU3MzkwNDYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowMGJhMGJmOS1iNDkzLTExNzktOGE2OC1hNjk1MTE1NzdmNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YBmCKAAAA7klEQVR42uyUsQ1CMQxEfyImYBNGoWIRBqBKGhaBhj1AiBWAGjEBIgR9kSKxz5GiiF/Y5cnvYp/kmBDC0FB2aCvli/Lek620HqhyzonKWDSfARyM+IQBWOBFuOf7Tfs35c+1krrR+/0rPzvdNf9p8ZvDk2wldYpfzsvWqES9dv7MgoPR/skCwLHM8fYG8WBYyH+EuTil+X8vYwtbMzawsJU7cxZCfnp/vf/P60Pznxa/3V3IVlIn+PVqUbZGJeq182cWHIz2TxYA/t7//vwC8WBYyH+EuTgFPr2MLWzN2MDCVu7MWQj56f115j8CDAATwFqDUPQY4AAAAABJRU5ErkJggg==) no-repeat;
}
.border.wps .btn-cancel:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/CAIAAACAQhSRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMWJiZmY3MS1iNTYxLTQyNjAtYWY4MC04YTQxYjQ4N2EwNmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZDRTdCN0U2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZDRTdCN0Q2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTc4ZWVlNi0zNzRlLTQ1N2ItOGNjMC1mZjg5NmU3MzkwNDYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowMGJhMGJmOS1iNDkzLTExNzktOGE2OC1hNjk1MTE1NzdmNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YBmCKAAAA7klEQVR42uyUsQ1CMQxEfyImYBNGoWIRBqBKGhaBhj1AiBWAGjEBIgR9kSKxz5GiiF/Y5cnvYp/kmBDC0FB2aCvli/Lek620HqhyzonKWDSfARyM+IQBWOBFuOf7Tfs35c+1krrR+/0rPzvdNf9p8ZvDk2wldYpfzsvWqES9dv7MgoPR/skCwLHM8fYG8WBYyH+EuTil+X8vYwtbMzawsJU7cxZCfnp/vf/P60Pznxa/3V3IVlIn+PVqUbZGJeq182cWHIz2TxYA/t7//vwC8WBYyH+EuTgFPr2MLWzN2MDCVu7MWQj56f115j8CDAATwFqDUPQY4AAAAABJRU5ErkJggg==) 0 -21px no-repeat;
}
.border.wps .btn-cancel:active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA/CAIAAACAQhSRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMWJiZmY3MS1iNTYxLTQyNjAtYWY4MC04YTQxYjQ4N2EwNmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZDRTdCN0U2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZDRTdCN0Q2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTc4ZWVlNi0zNzRlLTQ1N2ItOGNjMC1mZjg5NmU3MzkwNDYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowMGJhMGJmOS1iNDkzLTExNzktOGE2OC1hNjk1MTE1NzdmNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YBmCKAAAA7klEQVR42uyUsQ1CMQxEfyImYBNGoWIRBqBKGhaBhj1AiBWAGjEBIgR9kSKxz5GiiF/Y5cnvYp/kmBDC0FB2aCvli/Lek620HqhyzonKWDSfARyM+IQBWOBFuOf7Tfs35c+1krrR+/0rPzvdNf9p8ZvDk2wldYpfzsvWqES9dv7MgoPR/skCwLHM8fYG8WBYyH+EuTil+X8vYwtbMzawsJU7cxZCfnp/vf/P60Pznxa/3V3IVlIn+PVqUbZGJeq182cWHIz2TxYA/t7//vwC8WBYyH+EuTgFPr2MLWzN2MDCVu7MWQj56f115j8CDAATwFqDUPQY4AAAAABJRU5ErkJggg==) 0 -42px no-repeat;
}
.border .placeholder {
  margin-top: 8px;
  margin-left: 11px;
  margin-right: 11px;
  height: 24px;
  width: 428px;
  padding-bottom: -2px;
  border-bottom: 1px solid #eee;
}
.border .placeholder p {
  color: #444444;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.border .placeholder .btn-cancel {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  width: 21px;
  height: 21px;
}
.border .center {
  text-align: center;
}
.border .center #view-download #msg {
  font-size: 14px;
  color: #444444;
  text-align: center;
  width: 370px;
  height: 40px;
  margin-top: 10px;
  display: inline-block;
}
.border .center #view-download .outer {
  display: inline-block;
  width: 370px;
  height: 12px;
  border-radius: 6px;
  background-color: #ecedef;
  margin-top: 5px;
}
.border .center #view-download .inner {
  width: 0;
  height: 12px;
  border-radius: 6px;
}
.border .center #view-download .value {
  display: inline-block;
  height: 55px;
  width: 370px;
  line-height: 55px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  text-align: center;
}
.border .center #view-error #failed_msg {
  padding-top: 20px;
  text-align: center;
  height: 50px;
  margin-top: 1px;
}
.border .center #view-error #failed_msg .img-failed {
  width: 48px;
  height: 48px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOTljOGEyNy05ZDZjLTFjNGMtOWZlOS1kNmE0ZmU3M2ZjYWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkMxRUZGNjJDNTY3MTFFNTlBRDRDQUIyMUY0Q0EyOTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkMxRUZGNjFDNTY3MTFFNTlBRDRDQUIyMUY0Q0EyOTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NGJhYWRjZmQtYmY0ZS0yNTRiLThhNjEtZTY1ZmU4Y2E5ZDEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmI5OWM4YTI3LTlkNmMtMWM0Yy05ZmU5LWQ2YTRmZTczZmNhZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmIPas4AAAIdSURBVHja7Jo/SwMxGMbbaykuLp2dxEULujropIMoAcHBRZ0EFUTpoP0Mp6goOBR1cnE/BAedFPwC/kEQwS+giEi1Ys+n8AqlXK65u+SSkwZ+pCR5r3mSvHmTa9Ou66aSnLLNBbZt55BtghmQj7EvaZFGpVLJXwDSBljRMJiuqIjGZHmUzVI+TA9UiZeIyAL+ls2VpuXjRhWgK4USYRm2qQQWYZqAwCJMFBBIhG4B75QPhhWhW8AJ5dfUyWaCR+KY0xroAJOgU8pRIub0BuYEInTinNiIQOYQiRWQmBkIOtJSZ8aSvGRktIldABPsoMOxMWIGGKeMCbaVd6WULEJZx//NLpSV7LRMgU17BmSuadb2AcWBzIlQr1WAE6DDjmkCRCMsUyFC5hJiipy4qjoSM8XtC8A2eRfqA9vgHnwSd1RWr3sEUzruxK1GOkedXPIYyF5iFRyAIqiYdKmvd/4UjAr46ALoAeNe/qBrCe1wOs977T5Cs2WEDxRoVIOmRbLVLmAeZELYZchWu4AxmbY6BHTLtE3aadSIXejJp67VW+lnEwScRbA9FxHwQvmQIgFH4IdTx4sDKbI5FBFwTPllyvtHh7B8gS5wA8ohhJfJtqWAdbAHXhUcH7boc9FrOfj4wAXZCEXiKh2i8in5v8xPN3zHBNgHNR/RNRp5xrsXWJq3xGXQD3bBA/gGH+CWygboCFHhPSSd9L/b/AowAFprgNm5d9KjAAAAAElFTkSuQmCC);
  background-size: 48px;
  background-repeat: no-repeat;
}
.border .center #view-error #failed_msg span {
  font-size: 14px;
  color: #444444;
  line-height: 48px;
  vertical-align: top;
  padding-left: 15px;
}
.border .center #view-error #retry {
  padding-top: 25px;
  height: 30px;
  margin-top: 1px;
  text-align: center;
}
.border .center #view-error #retry .btn {
  width: 98px;
  height: 26px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
}
.border .center #view-apply .img {
  margin: 30px auto 15px;
  height: 70px;
  background: url(./../images/waiting-64.gif) center center no-repeat;
}
.border .center #view-apply .message {
  line-height: 30px;
  font-size: 14px;
  color: #444;
}
.border .center #view-apply-fail #apply-failed_msg {
  padding-top: 20px;
  text-align: center;
  height: 50px;
  margin-top: 1px;
}
.border .center #view-apply-fail #apply-failed_msg .img-failed {
  width: 48px;
  height: 48px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZDRTdCNzk2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZDRTdCN0E2RDMzMTFFNkJDMEVBM0Q5RTMwQ0I4N0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkVBNzUyQTZDRkExMUU2QkMwRUEzRDlFMzBDQjg3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkNFN0I3ODZEMzMxMUU2QkMwRUEzRDlFMzBDQjg3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk3sb64AAAR3SURBVHja1JlLSJRRFMevo1hmD0czKyJKp8IWWRmUmUjRAwtX6a7HRkpDe9eiaNFCMDGjhl4SREmrXBXZolLUoqKH2aKHqVBIviK1LDUmpnOa/0c3nXG+x51hPPBn7nedOefn/e537v3OjSgpKREWLYaUScogLSHNJc0gRePvP0jdpE+k16R6qM9K0AiTv5tAyiFtJ60nhY/x3UiSnbSItIF0iPSbdJ9USaoiDQcaPIpUgOCz0feL9JBUixFtJnWQBkhhGPlZpIW4I2tJaaRNUCnpNOkiaVAvSJiBqZJFcpKScN1IuoQR+2pwAGJxx/JJy9DXSioi3dXjwKbjOxMxGtWAbiJtJqWSKkxAC/ymAj624E4lIcYFxLQEPpP0CCMzRDpIWoFRcQvr5gZsKnwPYSpyzASz4IlwsJzUgnl5huQS6s0F32mItRzPzXyj4HNIDwD/jLSa9EoE3l4hFsd0kGrAogt8Euk2aR7pKWkdqUcEz3oQ8ykYboHJL/hZ0lLcsmyktWDbAGK3IOuc9QfO2SIPD0muyZF2+5CZkc8FSx7YvIJzCjqH9rEgzWk9c/442k45TcrgBVKedorQsXPI84lg/A+c/5Mj0mi7QgjcBSYBxokyeA72E416l9wgWzXYmHGrDL4Nn+cVrYiqzQ02gR3pX/AYbE2HsWGyasM6+4yatv1l1hgbXgLCkfD7FQTo8tLXqcBvPxiZNZPB1+APNYpua5fOPjOmMWYweDIumhQ579DZZ8Y0xmQGX4CLZkXOu32sgipMY3TYsOdWeTs/6+yzMg2nM/hUXHwP4Ih3K/KtMU62CfXWGaCsMmp3+A3tKeMAXGMcsElOE8ZBOtQYvzD4B1wsDODDqSodaowtDP4OFymKnP9EIUjWD0W+Nca3DN6Ai3Ui9G0tPhsYvE54ankrSdNCGJrT9iqw1jN4H0oRWiEzVC0XjMzaq+XxSnzuURCAq7PlWOZ70I5U4LdAZrVJe90OVJA2WgxwinSAl2WI2yct+mSmVDBWyeBcAiiTAkdYCLLDS98uC/6YpRTtMrD+95bPVdI2FIOKLAQKUzy3i5AG28A4qjwxJAEX4x8wY9e99F2xkLeL0d6rjfZIcO1t+qrwnDzcJMWbCHYUtZBeiNsnTPiJx3yOAtOdkZuskVaIChJXS7n4GW0wIB+t7BOeU4dYtH8Z9BGN2A6wFHrbHXpbsrng+BGLEufNuCDm6zjEXAmGbDD5BWdrxxagDQ4eW5jzRoxjPEHMNjC0+9qP+zL+YTrpJd5LGX6/xVQ5Vso7gBgOxEwHgzAKrr0AsAM+aOKaHR93PBeeEzhVlgWf5YhxGTE7/b0B+TNOQbuF53SsFSmKs88LLCx2E7B2/PYlfKXAN9fA8+W0N9Yt0mscoBZ7hsPYHvDoOHGLtQPa9+LfAe3fF1vhKVbyybJ8QBspvWTwimjogNbofB3ELeUVjKumO/EAZUJ6jbem90jXRJCOxOXpcwOyA5rn5WLhKcAnYKQFRr4LD9ob4TmCrMPiZNr+CDAA4kYQSDURU7wAAAAASUVORK5CYII=);
  background-size: 48px;
  background-repeat: no-repeat;
}
.border .center #view-apply-fail #apply-failed_msg span {
  display: inline-block;
  font-size: 14px;
  color: #444444;
  vertical-align: top;
  padding-left: 15px;
  height: 48px;
}
.border .center #view-apply-fail #apply-failed_msg span p {
  padding: 0;
  margin: 0;
  height: 24px;
  line-height: 24px;
  text-align: left;
}
.border .center #view-apply-fail #apply-failed_btn {
  padding-top: 25px;
  height: 30px;
  margin-top: 1px;
  text-align: center;
}
.border .center #view-apply-fail #apply-failed_btn .btn {
  width: 98px;
  height: 26px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
}