/**
 * @module 标液订单-已完成详情
 * @author gw
 * @date 2021/01/13
 */
.first-layout{
    /* height: 100vh; */
    overflow: auto;
}
.first-layout .head{
    width: 100%;
}
.first-layout .head .header{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.header .page-header{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: skyblue;
}

.first-layout .main{
    position: relative;
    min-height: 100%;
    padding-bottom: 20px;
}
.main .main-box{
    margin: 0 auto;
    padding: 20px 20px;
    background: #fff;
}

.main .content{
    width: 100%;
    height: 650px;
    overflow: hidden;
}
.left-side-menu{
    float: left;
}
.left-top{
    height: 70px;
    background: #3362B0;
}
.left-top span{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 70px;
    line-height: 70px;
    margin-left: 50px;
}
.right-content{
    width:70%;
    margin-left: 40px;
    height: 650px;
    float: left;
    background: #fff;
    margin-right: 15px;
}
.footer{
    width: 100%;
    height: 190px;
    background: #00498E;
    position: relative;
    padding-bottom: 30px;
}
.right-content .line{
    width: 100%;
    height: 1px;
    background: #ccc;
}
.right-content h3{
    margin-left: 15px;
}
.rbox{
    height:85%;
    width:100%;
    float: left;
}
.rbox ul{
    background: #F5F5F5;
    height:246px;
    width:23%;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
}
.rbox ul li{
    width:100%;
    height:246px;
    background:white;
    overflow: hidden;
    cursor: pointer;
    float:left;
    border: 1px solid #dcdcdc
}
.rbox ul li img{
    width:100%;
    height:134px;
    background:white;
}
.rbox ul li h3{
    width:188px;
    height:20px;
    font-size:18px;
    color: #333;
    font-weight: 600;
    font-family:PingFangSC-Regular,PingFang SC;
    line-height: 20px;
    background-color:white;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin: 15px 0 10px 15px;
}
.rbox ul li p{
    margin: 0 0 5px 15px;
    font-size: 14px;
}
.rbox ul li p span{
    font-size: 12px;
    color: #999999;
}
.rbox ul li p b{
    float: right;
    color: #FF6000;
    font-size: 13px;
    margin-right: 10px;
    font-weight: 600;
}
.footPage {
    width: 100%;
    text-align: center;
    background: white;
    height: 40px;
}
.pagination {
    margin-top: 40px;
    text-align: center;
    font-weight: 700;
}
.pagination .page-all{
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
    color: #606266;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination .btn-left{
    padding-right: 12px;
    border: none;
    padding: 0 6px;
    background: 50% no-repeat;
    background-size: 16px;
    background-color: #fff;
    cursor: pointer;
    margin: 0;
    color: #303133;
    border: none;
    padding: 0 6px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    outline:none;
}

.pagination .btn-left:hover{
    color: #4f99c2;
    outline:none;
}
.pagination .btn-left span{
    display: block;
    font-size: 13px;
    font-weight: 700;
    font-family: element-icons!important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.pagination .page-list{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.pagination .page-list .page-li{
    padding: 0 4px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
}
.pagination .page-list .page-li:hover{
    color: #4f99c2;
    cursor: default;
}
.pagination .btn-right{
    padding-left: 12px;
    background: 50% no-repeat;
    background-size: 16px;
    background-color: #fff;
    cursor: pointer;
    margin: 0;
    color: #303133;
    border: none;
    padding: 0 6px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    outline:none;
}
.pagination .btn-right:hover{
    color: #4f99c2;
    outline:none;
}
.pagination .btn-right span{
    display: block;
    font-size: 13px;
    font-weight: 700;
    font-family: element-icons!important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.pagination .go{
    display: inline-block;
}
.pagination .go span{
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box;
    margin-left: 24px;
    font-weight: 400;
    color: #606266;
}
.pagination .go .num{
    display: inline-block;
    width: 50px;
    font-size: 14px;
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 3px;
}
.pagination .go .num input{
    height: 28px;
    padding: 0 3px;
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    outline: none;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.pagination .go .last-span{
    margin-left: 0px;
}
.pageList{
    height: 40px;
    width: 500px;
    /* padding-left: 80px; */
    text-align: center;
    margin-left: 20%;
    float: left;
    /* width: 100%; */
}
#pageList{
    position: relative;
    height: 20px;
    top: 5px;

}

#pageList li{
    width: 35px;
    cursor: pointer;
    border:  solid 1px #e3e3e3;
    color:rgba(0,0,0,0.7);
    padding: 5px;
    margin: 10px 0;
    height: 35px;
    float: left;
}
.pageGo{
    position: relative;
    top: -7px;
    height: 30px;
    float: left;
}
.active{
    background: #2D98E6;
    color: #fff;

}
.determine{
    width: 58px;
    height: 35px;
    background-color: #fff;
    border:  solid 1px  #e3e3e3;
    border-radius: 5%;
    padding: 3px 10px;
}
.determine:hover{
    background: #2D98E6;
    color: #fff;
}
.pageButton{
    width: 70px !important;
}
.MenuTitle{
    position: relative;
    background: #3362B0;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: left;
    padding-left: 20px;
    width: 100%;
    color: rgba(255,255,255,0.8);
}
.left-side-menu .layui-nav .layui-nav-item a {
    display: block;
    padding: 0 20px;
    color: #000;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #000!important;
}


.left-side-menu .layui-nav .layui-nav-mored, 
.left-side-menu .layui-nav-itemed>a .layui-nav-more {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #000;
    border-width: 6px;
}
.left-side-menu .layui-nav .layui-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #000 transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -4px;
    border-width: 6px;
    /* border-top-color: rgba(255,255,255,.7); */
}
.layui-nav-itemed>.layui-nav-child {
    display: block;
    background: #fff !important;
    text-indent: 20px;
}
.layui-nav-itemed>.layui-nav-child  dd a{
    padding: 0 0 0 30px;

}
.layui-nav-itemed>.layui-nav-child  div a{
    padding: 0 0 0 60px;

}


.left-side-menu .layui-nav .layui-nav-item a:hover {
    background:#F98351 ;
    color: #fff;
}
.activeItem{
    background: #F98351;
    color: #fff;
}


.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
    background-color: #F98351;
    color: #fff;
}
.pageButton:hover{
    background: #e3e3e3;
}
.layui-two-this{
    background: #F98351;
}
.layui-three-this{
    background:#fff !important;
}

.query-input{
    width: 135px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #BDC5D2;
}
.row_div{
    height: 39px;
    float: left;
    margin-right: 5px;
    margin-left: 17px;
    margin-top: 28px;
}
.top-query{
    width: 100%;
    background: #FAFAFA;
    height: 77px;
}
.contactMessage{
    width: 100%;
    background: #FAFAFA !important;
    height: 246px;
    margin-top: 10px;
}
.td-action{
    width: 200px;
    text-align: left;
}
.viewButton{
    min-width: 65px;
    height: 24px;
    padding: 0 3px;
    border: 1px solid #B0C8E3;
    border-radius: 4px;
    margin: 5px;
}
.viewButton p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0073E9;
}
.cancelButton{
    min-width: 59px;
    height: 24px;
    border: 1px solid #B0C8E3;
    border-radius: 4px;
    padding: 0 3px;
    margin: 5px;
}
.cancelButton p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #6C8DAF;
}
.cancelOrderButton{
    width: 91px;
    height: 30px;
    margin-left: 19px;
    background-color:#94A5C1;
    color:#FFFFFF;
    border: 0;
    border-radius: 5px;
}
.totalCheckbox{
    float: left;
    margin-top: 10px;
    margin-left: 18px;
}
.goodsImg{
    height: 25px;
    width: 25px;
}
.evaluateImg{
    float: left;
    margin-top: 3px;
    margin-left: 7px;
}
.tabInput{
    width: 311px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #BDC5D2;
}
.contactTable td{
    padding-top: 19px;
}
.contactTable{
    margin-left: 14px;
}
.tabInputNote{
    width: 719px;
    height: 85px;
    border: 1px solid #BDC5D2;
}
.commonTd{
    text-align: center;
    width: 148px;
    height: 35px;
    background: #E8F0F7;
}
.commonTdAll{
    width: 86%;
    height: 35px;
    background: #F7F7F7;
}
.commonTdHalf{
    width: 369px;
    height: 35px;
    background: #F7F7F7;
}
.commonTableBorder{
    border-collapse: separate;
    border-spacing: 2px;
}
.main .myContent {
    width: 100%;
    /* height: 650px; */
    overflow: hidden;
}
.my-right-content {
    width: 76%;
    margin-left: 40px;
    /* height: 650px; */
    float: left;
    background: #fff;
    margin-right: 15px;
}
.logisticsGoods{
    width: 100%;
    background: #FAFAFA;
    height: 77px;
}
.goodsList{
    display: inline;
    width: 100%;
    margin: 50px auto;
    margin: inherit;
    float: left;
    margin-top: -6px;
    margin-left: 0px;
    margin-bottom: 17px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;

    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.goodsList:nth-child(2n){
    margin-left:22px;
}
.showImg img{
    float:left;
    margin-top: 9px;
    margin-left: 11px;
    width: 129px;
    height: 125px;
}
.rightWord{
    float:left;
    margin-left: 28px;
    margin-top: 8px;
}
.goodsInfo ul {
    width: 350px;
}
.goodsInfo li {
    width: 216px;
    float: left;
    display: block;
    margin-left: 10px;
    margin-top: 19px;
}
.confirmButton{
    width: 91px;
    height: 30px;
    background: #2175D3;
    border-radius: 4px;
    border: none;
    margin-top: 47px;

    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.timeLine{
    padding-top: 3px;
    width: 100%;
    background: #FAFAFA;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
}
.contentP{
    margin-left: 249px;
}