why_in_h5/portal/css/BillManage.css

/* 
	发票管理样式
 */
/* 面包屑样式 */
.rumbs {
	width: 100%;
	height: 60px;
	background: #FFFFFF;
}

.rumbs .rumbs_box {
	width: 1200px;
	margin: 0px auto;
	line-height: 60px;
	font-size: 16px;
}

.rumbs .rumbs_box .rumbs_title {
	float: left;
}

.rumbs .rumbs_box .rumbs_name {
	float: left;
}

/* 内容样式 */
.wraper .BillManage_left {
	float: left;
	width: 180px;
	height: 520px;
	background: #FFFFFF;
}

.wraper .BillManage_left ul li {
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.wraper .BillManage_left ul li a {
	text-decoration: none;
	color: #444444;
}

.wraper .BillManage_left ul li .active {
	color: #4689C6;
}

/* 右侧样式 */
.wraper .BillManage_right {
	float: left;
	width: 980px;
	background: #FFFFFF;
	padding: 20px;
	min-height: 520px;
	margin-bottom: 30px;
}

.wraper .BillManage_right .rightBox {
	display: block;
}

.wraper .BillManage_right .right_title {
	font-size: 16px;
}

.wraper .BillManage_right .table1 span {
	display: inline-block;
	color: #0000FF;
}

/* 发票详情样式 */
.wraper .BillManage_right .right_details {
	display: none;
	height: 800px;
}

.wraper .BillManage_right .right_details .make_details {
	display: flex;
	justify-content: space-between;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.wraper .BillManage_right .right_details .make_details .make_title {
	font-size: 16px;
}

.wraper .BillManage_right .right_details .make_details .make_return {
	width: 44px;
	height: 30px;
	border: 1px solid #DDDDDD;
	background: #FDFDFD;
	border-radius: 3px;
	cursor: pointer;
}

.wraper .BillManage_right .right_details .step_box {
	margin-bottom: 30px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.wraper .BillManage_right .right_details .step_box .step001 {
	width: 180px;
	height: 100px;
	border-radius: 10px;
	text-align: center;
	background: #E5E3E3;
	color: #444444;
	position: relative;
}

.wraper .BillManage_right .right_details .step_box .success_step001 {
	background: #24803E;
	color: #ffffff;
}

.wraper .BillManage_right .right_details .step_box .step001 .step_type {
	padding-top: 10px;
}

.wraper .BillManage_right .right_details .step_box .step001 .step_line {
	width: 90px;
	height: 1px;
	background: #444444;
	margin-left: 45px;
	margin-top: 8px;
}

.wraper .BillManage_right .right_details .step_box .step001 .success_line {
	background: #ffffff;
}

.wraper .BillManage_right .right_details .step_box .step001 .step_status {
	margin-top: 8px;
}

.wraper .BillManage_right .right_details .step_box .step001 .step_longLine {
	width: 203px;
	height: 2px;
	background: #E5E3E3;
	position: absolute;
	top: 49px;
	left: 180px;
}

.wraper .BillManage_right .right_details .step_box .step001 .success_longLine {
	width: 203px;
	height: 2px;
	background: #24803E;
	position: absolute;
	top: 49px;
	left: 180px;
}

.wraper .BillManage_right .unTicket .un_table {
	margin-top: 15px;
	margin-bottom: 35px;
}

.wraper .BillManage_right .unTicket .titck_box {
	margin-top: 21px;
}

.wraper .BillManage_right .unTicket .titck_box .box {
	display: flex;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.wraper .BillManage_right .unTicket .titck_box .box .box_title {
	width: 158px;
	border: 1px solid #DDDDDD;
	margin-top: -1px;
}

.wraper .BillManage_right .unTicket .titck_box .box .box_con {
	width: 782px;
	border: 1px solid #DDDDDD;
	text-align: left;
	padding-left: 20px;
	margin-left: -1px;
	margin-top: -1px;
}

.wraper .BillManage_right .btn_btns {
	margin-top: 35px;
}

.wraper .BillManage_right .btn_btns input:nth-child(1) {
	width: 110px;
	height: 40px;
	line-height: 40px;
	background: #3685BF;
	color: #ffffff;
	border-radius: 5px;
}

.wraper .BillManage_right .btn_btns input:nth-child(2) {
	margin-left: 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	width: 80px;
	background: #EAEAEA;
}

.wraper .BillManage_right .toolTicket {
	margin-top: 35px;
}

.wraper .BillManage_right .toolTicket input {
	width: 110px;
	height: 40px;
	line-height: 40px;
	background: #F02525;
	color: #ffffff;
	border-radius: 5px;
}

.wraper .BillManage_right .successTicket {
	margin-top: 35px;
}

.wraper .BillManage_right .successTicket input:nth-child(1) {
	width: 110px;
	height: 40px;
	line-height: 40px;
	background: #3685BF;
	color: #ffffff;
	border-radius: 5px;
}

.wraper .BillManage_right .successTicket input:nth-child(2) {
	margin-left: 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	width: 110px;
	background: #EAEAEA;
}

/* 模态框 */
.modal .modal-body {
	text-align: center;
}

.modal .modal-body img{
	width: 362px;
	height: 236px;
	margin-top: 30px;
}

.modal .modal-body .btn_download{
	margin-top: 20px;
}

.modal .modal-body .btn_download input{
	width: 76px;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	background: #2E6FC3;
	color: #ffffff;
}

/* 底部结算 */
.header_order{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #D7D7D7;
	position: fixed;
	bottom: 0px;
	left: 0px;
}
.header_order .header_box{
	float: right;
	margin-right: 380px;
}

.header_order .header_box input{
	height: 50px;
	width: 118px;
	background: #2A3FE8;
	color: #ffffff;
	font-size: 18px;
	margin-left: 20px;
}

.header_order .header_box span{
	display: inline-block;
}

.header_order .header_box span:nth-child(4){
	margin: 0px 15px;
}

.header_order .header_box span:nth-child(2){
	margin: 0px 2px;
}

.modal-content .modal-body #titkeImage{
	width: 400px;
	height: 400px;
}