Init Repo

static/app2/css/paymentVoucher.css

@@ -0,0 +1,232 @@
+.con {
+	width: 98%;
+	margin: 0px auto 20px;
+}
+.con .info {
+	margin-bottom: 5px;
+	
+}
+.rowList {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 98%;
+	margin: 0px auto;
+	padding: 3px 1px;
+	background: #fff;
+	border-bottom:1px solid #ccc;
+}
+.rowList label{
+	min-width:70px;
+	font-size: 13px;
+	
+}
+.rowList input {
+	font-size: 13px;
+	padding: 0px 10px;
+	margin: 0px;
+	text-align: right;
+	border: 0px;
+	}
+input{
+	margin-right: 5px;
+	height: 20px;
+}
+.con_nav {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+	overflow: hidden;
+	border: 1px solid #fff;
+	border-radius: 15px;
+}
+.nh_left{
+	/* border: 1px solid #fff; */
+	
+}
+.nav_header {
+	text-align: center;
+	flex: 1;
+	background: #00D793;
+	color: #fff;
+	height: 30px;
+	line-height: 30px;
+	/* border-right: 1px solid #f00; */
+	
+}
+
+.active {
+	background: #f00;
+	color: #ccc;
+}
+.row{
+	margin:8px auto;
+	background: white;
+	padding:0px 5px;
+}
+.row_block_list {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
+	/* background: #efefef; */
+	padding: 5px auto;
+
+}
+
+.row_block_img {
+	width: 117px;
+	height: 126px;
+	padding: 9px 0 9px 9px;
+}
+
+.row_block_img img {
+	width: 100%;
+	height: 100%;
+}
+
+ .row_title {
+	display: flex;
+	justify-content:space-between;
+	align-items: center;
+	padding: 5px 1%;
+	font-size: 14px;
+}
+ .row_title_ {
+	display: flex;
+	justify-content:space-between;
+	align-items: center;
+	padding: 5px 1%;
+	font-size: 14px;
+}
+/* .uncommitted .row_title {
+	justify-content:flex-start;
+
+} */
+.committed .row_title {
+	justify-content:space-between;
+	font-size: 12px;
+}
+.store_name{
+	font-size: 15px;
+	
+}
+/* .committed .oper{
+	background: url(../img/bianji.png) no-repeat /50% 50%;
+	background: #000000;
+	} */
+.rcr {
+	flex: 0.8;
+	padding-top: 9px;
+}
+
+.rcrc p {
+	overflow: hidden;
+	font-size: 12px;
+	color: black;
+}
+
+.rcrc .leibie {
+	color: #909090;
+}
+
+.rcrr {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	padding-top: 9px;
+}
+
+.rcrr p {
+	color: black;
+	font-size: 12px;
+	margin-bottom: 5px;
+}
+
+/* .rcrr del {
+		color: #909090;
+		font-size: 12px;
+	
+	} */
+.row_title label{
+	font-size: 14px;
+	color: black;
+}
+.rcrr span {
+	color: #909090;
+	font-size: 12px;
+}
+
+.combination {
+	width: 100%;
+	height: 37px;
+	border-bottom: 1px solid #e6e6e6;
+	background: white;
+	text-align: right;
+	font-size: 12px;
+	line-height: 36px;
+	padding-right: 9px;
+}
+
+.combination_totle {
+	font-size: 15px;
+	background: #FF1A03;
+	padding: 0px 10px;
+
+	/* flex: 1; */
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+	border: 1px solid #f00;
+	border-radius: 15px;
+	color: #fff;
+}
+
+.combination_totle span {
+	/* color: #f00; */
+	margin:0px 5px;
+}
+.committed {
+	margin-top: 10px;
+}
+.row_cont .row_block_list{
+	font-size: 13px;
+	align-items: center;
+	padding: 6px 1%;
+	}
+.oper{
+	width: 20px;
+	height: 20px;
+}
+.oper img {
+	width: 100%;
+	height: 100%;
+}
+.btns {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+    margin: 10px 0px;
+}
+.btns input{
+	height: 20px;
+	
+}
+.btns label{
+	font-size: 14px;
+	color: black;
+}
+.bc_btn {
+	height: 30px;
+	line-height: 30px;
+	/* flex: 0.7; */
+	font-size: 15px;
+	text-align: center;
+	padding: 0px 10px;
+	/* 	width: 70%; */
+	/* margin: 10px auto; */
+	color: #fff;
+	background: #FF1A03;
+	border-radius: 15px;
+}