You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
552 lines
11 KiB
552 lines
11 KiB
/*
|
|
卖出订单样式
|
|
*/
|
|
/* 面包屑样式 */
|
|
.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;
|
|
}
|