/* 买入订单样式 */ /* 面包屑样式 */ .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; }