/* 卖出订单样式 */ /* 面包屑样式 */ .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 .byOrder_left{ float: left; width: 180px; min-height: 520px; background: #FFFFFF; } .wraper .byOrder_left ul li{ text-align: center; height: 50px; line-height: 50px; } .wraper .byOrder_left ul li a{ text-decoration: none; color: #444444; } .wraper .byOrder_left ul li .active{ color: #4689C6; } .wraper .byOrder_right{ float: left; width: 980px; background: #FFFFFF; padding: 20px; min-height: 520px; margin-bottom: 30px; } /* 右侧内容样式 */ .wraper .byOrder_right .right_title{ font-size: 16px; } .wraper .byOrder_right .table span { display: inline-block; color: #0000FF; } /* 标的信息部分 */ .wraper .byOrder_right .right_sign{ display: none; } .wraper .byOrder_right .right_sign .sign_box{ display: flex; justify-content: space-between; } .wraper .byOrder_right .right_sign .sign_box .sign_title{ font-weight: 700; font-size: 18px; } .wraper .byOrder_right .right_sign .sign_box .sign_btn #btn1{ width: 120px; height: 30px; background: #D5D5D5; text-align: center; line-height: 30px; color: #4D4D4D; border-radius: 5px; font-size: 12px; margin-right: 25px; } .wraper .byOrder_right .right_sign .sign_box .sign_btn #btn2{ width: 45px; height: 30px; border-radius: 5px; line-height: 30px; border: 1px solid #DDDDDD; } .wraper .byOrder_right .right_sign .sign_basic{ margin-top: 20px; display: flex; } .wraper .byOrder_right .right_sign .sign_basic .basic_img img{ width: 160px; height: 140px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list{ margin-left: 20px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .basic_title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box{ line-height: 30px; display: flex; margin-top: -1px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(0){ margin-top: 0px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(10){ margin-bottom: 25px; } .wraper .byOrder_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 .byOrder_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 .byOrder_right .right_sign .sign_basic .basic_list .entrust_box{ display: flex; flex-wrap: wrap; margin-bottom: 40px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_left{ width: 97px; height: 30px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_content{ width: 201px; height: 30px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_left{ width: 155px; height: 30px; margin-left: -1px; } .wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_content{ width: 307px; height: 30px; margin-left: -1px; } /* 评估报告样式 */ .wraper .byOrder_right .right_assess{ display: none; } .wraper .byOrder_right .right_assess .assess_box{ display: flex; justify-content: space-between; } .wraper .byOrder_right .right_assess .assess_box .assess_titile{ font-size: 18px; } .wraper .byOrder_right .right_assess .assess_box .btn001{ width: 45px; height: 30px; line-height: 30px; border: 1px solid #DDDDDD; border-radius: 5px; font-size: 13px; } /* 发票详情样式 */ .wraper .byOrder_right .right_details { display: none; height: 800px; } .wraper .byOrder_right .right_details .make_details { display: flex; justify-content: space-between; height: 30px; line-height: 30px; text-align: center; } .wraper .byOrder_right .right_details .make_details .make_title { font-size: 16px; } .wraper .byOrder_right .right_details .make_details .make_return { width: 44px; height: 30px; border: 1px solid #DDDDDD; background: #FDFDFD; border-radius: 3px; cursor: pointer; } .wraper .byOrder_right .right_details .step_box { margin-bottom: 30px; margin-top: 40px; display: flex; justify-content: space-between; position: relative; } .wraper .byOrder_right .right_details .step_box .step001 { width: 180px; height: 100px; border-radius: 10px; text-align: center; background: #E5E3E3; color: #444444; position: relative; } .wraper .byOrder_right .right_details .step_box .success_step001 { background: #24803E; color: #ffffff; } .wraper .byOrder_right .right_details .step_box .step001 .step_type { padding-top: 10px; } .wraper .byOrder_right .right_details .step_box .step001 .step_line { width: 90px; height: 1px; background: #444444; margin-left: 45px; margin-top: 8px; } .wraper .byOrder_right .right_details .step_box .step001 .success_line { background: #ffffff; } .wraper .byOrder_right .right_details .step_box .step001 .step_status { margin-top: 8px; } .wraper .byOrder_right .right_details .step_box .step001 .step_longLine { width: 203px; height: 2px; background: #E5E3E3; position: absolute; top: 49px; left: 180px; } .wraper .byOrder_right .right_details .step_box .step001 .success_longLine { width: 203px; height: 2px; background: #24803E; position: absolute; top: 49px; left: 180px; } .wraper .byOrder_right .right_details .step_box .step_info{ width: 384px; height: 2px; background: #24803E; position: absolute; top: 49px; left: 376px; display: none; z-index: 99999; } .wraper .byOrder_right .unTicket .un_table { margin-top: 15px; margin-bottom: 35px; } .wraper .byOrder_right .unTicket .titck_box { margin-top: 21px; display: flex; flex-wrap: wrap; } .wraper .byOrder_right .unTicket .titck_box .box { display: flex; height: 40px; line-height: 40px; text-align: center; } .wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_title { width: 151px; border: 1px solid #DDDDDD; margin-top: -1px; } .wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n) .box_title { width: 205px; border: 1px solid #DDDDDD; margin-top: -1px; margin-left: -1px; } .wraper .byOrder_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 .byOrder_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 .byOrder_right .btn_btns { margin-top: 35px; } .wraper .byOrder_right .btn_btns input:nth-child(1) { width: 110px; height: 40px; line-height: 40px; background: #3685BF; color: #ffffff; border-radius: 5px; } .wraper .byOrder_right .btn_btns input:nth-child(2) { margin-left: 20px; height: 40px; line-height: 40px; border-radius: 5px; width: 80px; background: #EAEAEA; } .wraper .byOrder_right .toolTicket { margin-top: 35px; } .wraper .byOrder_right .toolTicket input { width: 110px; height: 40px; line-height: 40px; background: #F02525; color: #ffffff; border-radius: 5px; } .wraper .byOrder_right .successTicket { margin-top: 35px; } .wraper .byOrder_right .successTicket input:nth-child(1) { width: 110px; height: 40px; line-height: 40px; background: #3685BF; color: #ffffff; border-radius: 5px; } .wraper .byOrder_right .successTicket input:nth-child(2) { margin-left: 20px; height: 40px; line-height: 40px; border-radius: 5px; width: 110px; background: #EAEAEA; } /* .wraper .byOrder_right .box .table thead tr th:nth-child(1){ width: 57px; } */ /* 下载模态框样式 */ #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{ width: 408px; height: 38px; background: #E8F7FF; border-radius: 3px; display: flex; flex-wrap: wrap; line-height: 38px; font-size: 12px; justify-content: space-between; padding: 0px 20px; } /* 资源列表 查看模态框 */ #myModalImage .modal-body .body_box { display: flex; } #myModalImage .modal-body .body_box .box_img{ width: 283px; 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: 271px; height: 217px; /* padding-left: 6px; */ } #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 .byOrder_right #sources_detial{ display: none; } .wraper .byOrder_right .sources_detial{ display: none; } .wraper .byOrder_right .sources_detial .sign_box{ display: flex; justify-content: space-between; } .wraper .byOrder_right .sources_detial .sign_box .sign_title{ font-weight: 700; font-size: 18px; } .wraper .byOrder_right .sources_detial .sign_box .sign_btn #btn2{ width: 45px; height: 30px; border-radius: 5px; line-height: 30px; border: 1px solid #DDDDDD; } .wraper .byOrder_right .sources_detial .title{ margin-top: 20px; } .wraper .byOrder_right .sources_detial .sources_info{ margin-top: 20px; display: flex; } .wraper .byOrder_right .sources_detial .sources_info .left_info{ width: 50%; } .wraper .byOrder_right .sources_detial .sources_info .left_info .title{ margin-top: 5px; color: #7F7F7F; } .wraper .byOrder_right .sources_detial .image_box .iamge_title{ margin: 20px 0px; } .wraper .byOrder_right .sources_detial .image_box .iamge_title::before{ content: "|"; width: 2px; background: #1890FF; color: #1890FF; font-size: 22px; margin-right: 5px; } /* 下载单资源模态框样式 */ #myModalD .body_table .table_box .table_source{ width: 350px; 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; }