.m-reg-popup i a{text-decoration:none;color:#aeb4bd}
.m-reg-popup-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
.m-reg-popup {
  width: 800px;
  height: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -240px;
  background-color: #FFFFFF;
  border-radius: 3px;
    box-shadow: 0 2px 10px -7px rgba(0, 0, 0, 0.3);		
}
.m-reg-popup-banner {
	display: block;
  width: 260px;
  height: 480px;
  float: left;
  position: relative;
}
.u-reg-popup-banner-qrcode {
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.u-reg-popup-banner-bg {
	width: 100%;
	height: 100%;
}
.m-reg-popup-main {
  box-sizing: border-box;
  width: 540px;
  padding: 60px 40px 0;
  float: right;
}
.m-reg-popup-head {
	height: 120px;
	line-height: 40px;
	font-size: 14px;
	color: #262626;
	letter-spacing: 1px;
	border-bottom: 1px solid #f1f4f7;
	position: relative;
}
.m-reg-popup-head:after,
.m-reg-popup-head:before {
	display: inline-block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #f1f4f7;
	position: absolute;
	left: 0;
	top: 40px;
}
.m-reg-popup-head:after {
	top: 80px;
}
.m-close-reg-popup {
	display: block;
	width: 16px;
	height: 16px;
	color: #aeb4bd;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}
/*.m-reg-popup-head dt{
  border-bottom: 1px solid #f1f4f7;
    font-weight: bold;
}
.m-reg-popup-head dd {
  border-bottom: 1px solid #f1f4f7;
}*/
.m-reg-popup-form {
  box-sizing: border-box;
  width: 100%;
  margin-top: 40px;
  padding: 28px 20px 40px;
  border-radius: 3px;	
  background-color: #f1f4f7;
}
.m-reg-popup-item {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding-left: 130px;
  position: relative;
}
.m-reg-popup-label {
  width: 130px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: right;
  color: #262626;
  position: absolute;
  top: 0;
  left: 0;
}
.u-reg-popup-psw,
.u-reg-popup-account {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 4px 10px;
  border-radius: 3px;
  border: 1px solid #e0e6ed;
  background-color: #ffffff;
}
.u-reg-popup-account {
  display: none;
}
.u-reg-popup-sub {
  display: block;
  width: 115px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    background-color: #2769dc;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 1.47;
    text-align: center;
    border: none;
    cursor: pointer;
}
.m-reg-popup-account {
  line-height: 40px;
}
.m-reg-popup-account em {
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #f24949;
}
.m-reg-popup-account img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 10px 0 0 8px;
  float: left;
  cursor: pointer;
}
.u-reg-item-pop {
  display: none;
    position: relative;
    box-sizing: border-box;
    padding: 16px 15px;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 6px 12px -9px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    border: 1px solid #c4e4fd;
    background: #eaf5fe;
    z-index: 900;
    word-break: break-all;
    min-width: 290px;
    text-align: left;
    margin-top: 10px;
    color: #262626;
}
.u-reg-item-pop:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
    top: -14px;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom-color: #c4e4fd;
}
.u-reg-item-pop:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
    top: -12px;
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom-color: #eaf5fe;
}
.m-alert-popup {
  z-index: 999999;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    animation-duration: .4s;
    -webkit-animation: warnCircle 0.9s forwards;
       animation: warnCircle 0.9s forwards;
}
.m-alert-popup .ui-modal-alert {
  box-sizing: border-box;
    position: absolute;
  height: 180px;
  width: 200px;
  padding-top: 49px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -90px;
}
.m-alert-popup .modal-content{
  padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
.m-alert-popup .success-svg,
.m-alert-popup .failed-svg {
  margin-bottom: 17px;
}

.modal-visible .ui-modal-alert .p-ico {
-webkit-animation: suc 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards;
        animation: suc 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards;
}

.modal-visible .ui-modal-alert .p-circle {
-webkit-animation: sucCircle 0.9s forwards;
        animation: sucCircle 0.9s forwards;
}

.modal-visible .alert-failed .p-ico,
.modal-visible .ui-modal-confirm .p-ico {
-webkit-animation: warn 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards;
  animation: warn 0.9s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards;
}

.modal-visible .alert-failed .p-circle,
.modal-visible .ui-modal-confirm .p-circle {
-webkit-animation: warnCircle 0.9s forwards;
 animation: warnCircle 0.9s forwards;
}

.loading-svg .p-circle {
fill: none;
stroke-width: 2px;
}

.success-svg .p-ico,
.success-svg .p-circle {
stroke: #2faa18;
}

.success-svg .p-ico {
fill: none;
stroke-width: 3px;
stroke-dasharray: 51, 51;
stroke-dashoffset: 17;
}

.success-svg .p-circle {
fill: none;
stroke-width: 2px;
stroke-dasharray: 160, 160;
stroke-dashoffset: 0;
}

.failed-svg .p-circle,
.failed-svg .p-ico {
stroke: #f24949;
}

.failed-svg .p-ico {
fill: none;
stroke-width: 3px;
stroke-dasharray: 18, 18;
stroke-dashoffset: 0;
}

.failed-svg .p-circle {
fill: none;
stroke-width: 2px;
stroke-dasharray: 160, 160;
stroke-dashoffset: 0;
}

.failed-svg.tip .p-ico,
.failed-svg.tip .p-circle {
stroke: #f5a623;
}

.alert-success .success-svg {
display: inline-block;
}
.alert-success .failed-svg {
display: none;
}

.alert-failed .success-svg {
display: none;
}
@-webkit-keyframes suc {
0% {
  stroke-dashoffset: 51;
}
50% {
  stroke-dashoffset: 51;
}
100% {
  stroke-dashoffset: 17;
}
}

@keyframes suc {
0% {
  stroke-dashoffset: 51;
}
50% {
  stroke-dashoffset: 51;
}
100% {
  stroke-dashoffset: 17;
}
}

@-webkit-keyframes sucCircle {
0% {
  stroke-dashoffset: 160;
}
30% {
  stroke-dashoffset: 160;
}
80% {
  stroke-dashoffset: 0;
}
}

@keyframes sucCircle {
0% {
  stroke-dashoffset: 160;
}
30% {
  stroke-dashoffset: 160;
}
80% {
  stroke-dashoffset: 0;
}
}
@-webkit-keyframes warn {
0% {
  stroke-dashoffset: 18;
}
50% {
  stroke-dashoffset: 18;
}
100% {
  stroke-dashoffset: 0;
}
}

@keyframes warn {
0% {
  stroke-dashoffset: 18;
}
50% {
  stroke-dashoffset: 18;
}
100% {
  stroke-dashoffset: 0;
}
}

@-webkit-keyframes warnCircle {
0% {
  stroke-dashoffset: 160;
}
30% {
  stroke-dashoffset: 160;
}
80% {
  stroke-dashoffset: 0;
}
}

@keyframes warnCircle {
0% {
  stroke-dashoffset: 160;
}
30% {
  stroke-dashoffset: 160;
}
80% {
  stroke-dashoffset: 0;
}
}
s, i, em {
    font-style: normal;
    font-weight: normal;
}