@import "base";
.ico{
  .d-ib;
}
.pay{
	padding: 30px 70px 70px;
	.info{
		margin: 20px 0;


		.success{
			color: #00c4b4;
			line-height: 22px;
		}
		.error{
			color: #f04f34;
			line-height: 22px;
		}

		.ico-check{
			.rect(22px);
			background:url(../images/ico-check.png);//sprite(../images/pay-icos.png)
			background-size: auto auto;
			.mr(4px);
		}
		.ico-alert{
			.rect(22px);
			background:url(../images/ico-alert.png);//sprite(../images/pay-icos.png)
			.mr(4px);
		}
	}

	.frm-group{
		.btn{
			width: 174px;
		}
	}
}


#input-pwd{
	width: 260px;
}

.member{
	.ico-sec-shield{
		.rect(32px);
		background:url(../images/ico-sec-shield.png);//sprite(../images/mem-icos.png)
	}	
	.ico-mem-arrow{
		.rect(12px);
	}

	.ico-check{
		.rect(22px);
		background:url(../images/ico-check.png);//sprite(../images/pay-icos.png)
		.mr(4px);
	}
	.sidebar{
		width: 252px;
		.pull-left;
		h1{
			font-size: 22px;
			line-height: 70px;
			text-align: center;
			background:url(../images/ico-sec-shield.png) 30px center no-repeat;
		}

		ul{
			li{
				line-height: 60px;
				font-size: 18px;
				text-align: center;
				border-top: 1px solid #e9e9e9;
				a{
					line-height: 60px;
					font-size: 18px;
					text-align: center;
				}
				.ico-mem-arrow{
					background: url(../images/ico-member-arrow-gray.png);//sprite(../images/mem-icos.png)
				}
				&.active{
					background: #00a7e4;
					a{
						color: #fff;
					}
					.ico-mem-arrow{
						background: url(../images/ico-member-arrow-white.png);//sprite(../images/mem-icos.png)
					}
				}
			}
		}
	}


  .main{

		.complete{
			overflow: hidden;
			.img{
				.rect(165px, 106px);
				background: url(../images/show-shield.png);//sprite(../images/sec-icos.png)
				strong{
					font-weight:bold;
				}
				background-size:82px 53px;
				margin: 80px auto 10px;
			}
		}
	}
}

.img{
  .rect(165px, 106px);
  background: url(../images/show-shield.png);//sprite(../images/sec-icos.png)
  margin: 80px auto 10px;
}
.ico-check{
  .rect(22px);
  background:url(../images/ico-check.png);//sprite(../images/pay-icos.png)
  .mr(4px);
}
.ico-alert{
  .rect(22px);
  background:url(../images/ico-alert.png);//sprite(../images/pay-icos.png)
  .mr(4px);
}
.ico-sec-shield{
  .rect(32px);
  background:url(../images/ico-sec-shield.png);//sprite(../images/mem-icos.png)
}	
.ico-mem-arrow{
  .rect(12px);
}

.ico-check{
  .rect(22px);
  background:url(../images/ico-check.png);//sprite(../images/pay-icos.png)
  .mr(4px);
}
.ico-mem-arrow{
  background: url(../images/ico-member-arrow-white.png);//sprite(../images/mem-icos.png)
}
.ico-ok{
  background: url(../images/ico-ok.png);//sprite(../images/mem-icos.png)
  background-size: 25px auto;
  .rect(50px);
}