wenhuayun_admin/public/ps/css/BuyOrder.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 .buyOrder_left {
	float: left;
	width: 180px;
	background: #FFFFFF;
}

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

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

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

.wraper .buyOrder_right {
	float: left;
	width: 980px;
	background: #FFFFFF;
	padding: 20px;
	min-height: 600px;
	margin-bottom: 30px;
}


/* 
	模态框样式
 */

#myModal .modal-dialog .modal-content .modal-body {
	width: 440px;
	height: 46px;
	border: 1px solid #CFAF0F;
	border-radius: 5px;
	margin: 20px;
	background: #FEFFE8;
	color: #785D03;
}


/* 标的信息部分 */

.wraper .buyOrder_right .right_sign {
	display: none;
}

.wraper .buyOrder_right .right_sign .sign_box {
	display: flex;
	justify-content: space-between;
}

.wraper .buyOrder_right .right_sign .sign_box .sign_title {
	font-weight: 700;
	font-size: 18px;
}

.wraper .buyOrder_right .right_sign .sign_box .sign_btn #btn1 {
	width: 120px;
	height: 30px;
	background: #D5D5D5;
	text-align: center;
	color: #4D4D4D;
	border-radius: 5px;
	margin-right: 25px;
}

.wraper .buyOrder_right .right_sign .sign_box .sign_btn #btn2 {
	width: 45px;
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	border: 1px solid #DDDDDD;
}

.wraper .buyOrder_right .right_sign .sign_basic {
	margin-top: 20px;
	display: flex;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_img img {
	width: 160px;
	height: 140px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list {
	margin-left: 20px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .basic_title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info {
	margin-top: 25px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box {
	display: flex;
	height: 30px;
	line-height: 30px;
	margin-top: -1px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box .info_left {
	text-align: right;
	padding-right: 10px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box .info_right {
	text-align: left;
	padding-left: 10px;
	margin-left: -1px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) {
	margin-left: -1px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n+1) .info_left {
	width: 97px;
	border: 1px solid #EEEEEE;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) .info_left {
	width: 155px;
	border: 1px solid #EEEEEE;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n+1) .info_right {
	width: 201px;
	border: 1px solid #EEEEEE;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) .info_right {
	width: 307px;
	border: 1px solid #EEEEEE;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box {
	line-height: 30px;
	display: flex;
	margin-top: -1px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(0) {
	margin-top: 0px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(10) {
	margin-bottom: 25px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box .list_left {
	width: 130px;
	height: 30px;
	border: 1px solid #EEEEEE;
	text-align: right;
	padding-right: 10px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box .list_content {
	width: 630px;
	height: 30px;
	border: 1px solid #EEEEEE;
	text-align: left;
	padding-left: 10px;
	margin-left: -1px;
	color: #888888;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box {
	width: 760px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_left {
	width: 130px;
	height: 30px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_content {
	width: 201px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_left {
	width: 140px;
	height: 30px;
	margin-left: -1px;
}

.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_content {
	width: 285px;
	height: 30px;
	margin-left: -1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/* 
	评估报告样式
 */

.wraper .buyOrder_right .right_assess {
	display: none;
}

.wraper .buyOrder_right .right_assess .assess_box {
	display: flex;
	justify-content: space-between;
}

.wraper .buyOrder_right .right_assess .assess_box .assess_titile {
	font-size: 18px;
}

.wraper .buyOrder_right .right_assess .assess_box .btn001 {
	width: 45px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	font-size: 13px;
}


/* step部分样式 */

.wraper .buyOrder_right .right_details {
	display: none;
	height: 800px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.wraper .buyOrder_right .right_details .step_box .step_info {
	width: 384px;
	height: 2px;
	background: #24803E;
	position: absolute;
	top: 49px;
	left: 376px;
	z-index: 8888;
	/* display: none; */
}

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

.wraper .buyOrder_right .unTicket .titck_box {
	margin-top: 21px;
	display: flex;
	flex-wrap: wrap;
}

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

.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_title {
	width: 151px;
	border: 1px solid #DDDDDD;
	margin-top: -1px;
}

.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n) .box_title {
	width: 205px;
	border: 1px solid #DDDDDD;
	margin-top: -1px;
	margin-left: -1px;
}

.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_con {
	width: 226px;
	border: 1px solid #DDDDDD;
	text-align: left;
	padding-left: 20px;
	margin-left: -1px;
	margin-top: -1px;
}

.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n) .box_con {
	width: 358px;
	border: 1px solid #DDDDDD;
	text-align: left;
	padding-left: 20px;
	margin-left: -1px;
	margin-top: -1px;
}

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

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

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

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

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

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

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

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


/* 下载模态框样式 */

#myModalD .modal-body .body_title {
	height: 65px;
	background: #FEFFE8;
	border: 1px solid #CFAF0F;
	font-size: 12px;
	padding: 10px;
	border-radius: 5px;
}

#myModalD .modal-body .body_title .body_message {
	color: red;
}

#myModalD .modal-body .body_title .body_name {
	margin-top: 10px;
	color: #785D03;
}

#myModalD .modal-body .body_table .table_title {
	margin: 20px 0px;
}

#myModalD .modal-body .body_table .table_box {
	height: 38px;
	border-radius: 3px;
	line-height: 38px;
	font-size: 12px;
	justify-content: space-between;
}


/* 下载单资源模态框样式 */

#myModalD .body_table .table_box .table_source {
	width: 450px;
	height: 46px;
	line-height: 46px;
	display: flex;
	background: #E8F7FF;
	justify-content: space-between;
	border: 1px solid #57A9FB;
	padding: 0px 15px;
	border-radius: 3px;
	margin-top: 10px;
	color: #323FFF;
}


/* 资源列表 查看模态框 */

#myModalImage .modal-body .body_box {
	display: flex;
}

#myModalImage .modal-body .body_box .box_img {
	width: 300px;
	height: 392px;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 35%);
	border-color: rgba(215, 215, 215, 1);
	line-height: 392px;
}

#myModalImage .modal-body .body_box .box_img img {
	width: 260px;
	height: 217px;
	padding-left: 8px;
}

#myModalImage .modal-body .body_box .box_message {
	margin-left: 30px;
}

#myModalImage .modal-body .body_box .box_message .mess_title {
	font-size: 16px;
}

#myModalImage .modal-body .body_box .box_message .mess_con {
	color: #7F7F7F;
}

#myModalImage .modal-body #body_video {
	display: none;
}

#myModalImage .modal-body #body_audio {
	display: none;
}


/* 资源集详情数据 */

.wraper .buyOrder_right #sources_detial {
	display: none;
}

.wraper .buyOrder_right .sources_detial {
	display: none;
}

.wraper .buyOrder_right .sources_detial .sign_box {
	display: flex;
	justify-content: space-between;
}

.wraper .buyOrder_right .sources_detial .sign_box .sign_title {
	font-weight: 700;
	font-size: 18px;
}

.wraper .buyOrder_right .sources_detial .sign_box .sign_btn #btn2 {
	width: 45px;
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	border: 1px solid #DDDDDD;
}

.wraper .buyOrder_right .sources_detial .title {
	margin-top: 20px;
}

.wraper .buyOrder_right .sources_detial .sources_info {
	margin-top: 20px;
	display: flex;
}

.wraper .buyOrder_right .sources_detial .sources_info .left_info {
	width: 50%;
}

.wraper .buyOrder_right .sources_detial .sources_info .left_info .title {
	margin-top: 5px;
	color: #7F7F7F;
}

.wraper .buyOrder_right .sources_detial .image_box .iamge_title {
	margin: 20px 0px;
}

.wraper .buyOrder_right .sources_detial .image_box .iamge_title::before {
	content: "|";
	width: 2px;
	background: #1890FF;
	color: #1890FF;
	font-size: 22px;
	margin-right: 5px;
}