/*引导栏靠左*/
.sidebar-top {
    position: fixed;
    display: flex;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-flex;     /* NEW - Chrome */
    flex-wrap: wrap;
    left: 10px;
    top: 100px;
    font-size: 14px;
    writing-mode: vertical-lr;
    /*z-index: -1;*/
}

.sidebar-right {
    position: fixed;
    right: 10px;
    bottom: 100px;
    /*background-color: #2C87F1;*/
    /*width: 30px;*/
    /*height: 30px;*/
    text-align: center;
}

.sidebar-right div {
    margin-bottom: 1px;
    width: 30px;
    height: 30px;
    background-color: #2C87F1;
    text-align: center;
    line-height: 30px;
}
.SKULink  td {
    padding: 0px 0px;
}
#qrCode {
    position: fixed;
    right: 42px;
    bottom: 60px;
}

table td {
    padding: 10px 10px;
}

/*表格td内元素居中*/
table td.center {
    text-align: center;
}

.aleft {
    text-align: left;
    padding-left: 0px;
}

/*表格头样式*/
thead th {
    padding: 4px 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: middle;
    background-color: #f2f7ff;
}

/*表格头部中让文字、图标上下居中*/
thead th .title {
    line-height: 26px;
}

/*表格左边线*/
tbody .boder-left {
    border-left: 1px solid #ECECEC;
}

/*表格右边线*/
tbody .boder-right {
    border-right: 1px solid #ECECEC;
}

/*表格左边线*/
tfoot .boder-left {
    border-left: 1px solid #ECECEC;
}

/*表格右边线*/
tfoot .boder-right {
    border-right: 1px solid #ECECEC;
}

/*表格上边线*/
tbody .boder-top {
    border-top: 1px solid #ECECEC;
}

/*表格下边线*/
tbody tr {
    border-bottom: 1px solid #ECECEC;
}

/*表格底部样式*/
tfoot th {
    border-top: 1px solid #ECECEC;
}

/*让文字、图标上下居中*/
.title-line-height {
    line-height: 26px;
}

.sui-form .input-xsmall {
    width: 80px;
}

.sui-form .input-yt-xlarge {
    width: 120px;
}

/*按钮自己占1行，且居中显示*/
.btn-center {
    display: block;
    margin: auto;
}

/*单独下单地址*/
.btn-simple-bordered {
    border: 2px solid #bab5b5;
}

hr {
    margin: 10px 0 !important;
    border-top: 1px solid #ECECEC;
}

/*购物车按钮*/
.shopping-car {
    border: none;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    margin-top: -2px;
}

/*免关联对话框 添加删除保存按钮*/
.purchase-dialog .btn-save, .btn-delete, .btn-add, .btn-empty , .btn-paste{
    width: 35px;
}

/*免关联对话框 去下单按钮*/
.purchase-dialog .btn-purchase {
    width: 110px;
}

/*免关联对话框 下单链接*/
.purchase-dialog .purchase-url {
    width: 100%;
    overflow: hidden;
}

/*圆形*/
.count-circle {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    margin-top: -7px;
    margin-left: -6px;
    float: right;
    display: inline-block;
    text-align: center;
    color: white;
    background-color: #E8351F;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #ffffff;
    position: relative;
    z-index: 1
}

/*买家留言样式*/
.buyerMemo {
    color: #E8351F;
}

/*查单发货中查看上家、取消订单padding*/
.check-post-detail {
    padding: 2px 5px !important;
}

/*定义鼠标在元素上时显示手型*/
.ele-cursor {
    cursor: pointer;
}

.datepicker td, .datepicker th {
    padding: 0px;
}

.checkBox-Menu {
    display: inline-block;
    position: relative;
    top: 6px;
}

.table-trade-hover {
    border: 1px solid #AED8FF;
}

.table-trade {
    border: 1px solid #ECECEC;
}

/*天猫抽检及打假专用红色边框*/
.table-checked{
    border: 1px solid #E8351F;
}

.tooltip-search {
    position: absolute;
}

.title-search {
    height: 25px;
    line-height: 25px;
    color: white;
    min-width: 65px !important;
    background-color: #5e9cff;
    border-right: 1px solid white;
    text-align: center;
}

.tooltip-inner a:hover {
    color: white;
    background-color: #7BC0FF;
}

.tooltip-inner a:visited {
    color: white;
}

.pd0 {
    padding: 0px !important;
}
.text-normal {
    min-width: 250px !important;
}
.unstyled a:hover {
    text-decoration: none !important;
}

.imgMain img {
    width: 50px;
    height: 50px;
}

.main-imgb {
    width: 40px !important;
    height: 40px !important;
}

.skuName {
    width: 100%;
    text-align: left !important;
}


.mod_select {
    /*position: relative;*/
    /*left: 54%;*/
    font-familY: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-bottom: -10px;
}

/*.mod_select ul {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*.mod_select ul li {*/
/*    list-style-type: none;*/
/*    float: left;*/
/*    margin-left: 20px;*/
/*    height: 24px;*/
/*}*/

.select_label {
    color: #982F4D;
    float: left;
    line-height: 24px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
}

.select_box {
    float: left;
    border: solid 1px #EDE7D6;
    color: #444;
    position: relative;
    cursor: pointer;
    width: 120px;
    height: 24px;
    font-size: 12px;
}

.selet_open {
    display: inline-block;
    border-left: solid 1px #E5E5E5;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 24px;
}

.select_txt {
    display: inline-block;
    padding-left: 10px;
    width: 135px;
    line-height: 24px;
    height: 24px;
    cursor: text;
    overflow: hidden;
}

.option {
    width: 120px;;
    border: solid 1px #EDE7D6;
    position: absolute;
    top: 24px;
    left: -1px;
    z-index: 2;
    overflow: hidden;
    display: none;
}

.option a {
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: left;
    padding: 0 10px;
    width: 100%;
    background: #fff;
}

.option a:hover {
    background: #EAF8FF;
}

.select_box a {
    color: black;
}

.select_box a:hover {
    text-decoration: none;
}

/*
续费按钮
 */
.trade-renew {
    width: 60px;
    border-radius: 6px;
    text-align: center !important;
}

/**
历史 样式
 */
.trade-history {
    position: absolute;
    margin-left: 28px;
}

[v-cloak] {
    display: none;
}

.dueList {
    width: 18px;
    height: 18px;
    cursor: pointer;
    top: 5px !important;
}

.picExpand:hover > img {
    transform: scale(3.5, 3.5);
    transition: .3s transform;
}

.picExpandDialog:hover > img {
    transform: scale(3, 2);
    transition: .3s transform;
}

/**
    手动发货
 */
.manual-deliver {
    margin-right: 10px;
}
.manual-deliver img {
    margin-bottom: 3px;
    width: 14px;
}
.manual-deliver span {
    font-weight: 400;
    margin-bottom: 0px;
    color: rgba(40, 163, 239, 1);
}
.title-background-blue .layui-layer-title{
    background-color: #f17227;
    /* opacity: 0.63; */
    color: white;
}
/**
    手动发货弹出框
 */
.open-win-nav div{
    display: inline-block;
    width: 100px;
    text-align: center;
}
.open-win-nav-text1 {
    display: inline-block;
    width: 100px;
    color: rgb(24, 127, 244);
    cursor: pointer;
}
.open-win-nav-text2 {
    display: inline-block;
    width: 100px;
    color: #333333;
    cursor: pointer;
}
.open-win-nav-line-block {
    display: inline-block;
    width: 100px;
    height: 1px;
    border-top: 1px solid rgb(24, 127, 244);
}
.open-win-nav-line-none {
    display: inline-block;
    width: 100px;
    height: 1px;
}
#selfLogisticsNode {
    padding-top: 15px;
}

#selfLogisticsNode a {
    text-decoration: none;
}
#selfLogisticsNode input {
    height: 23px;
    width: 190px;
}
.not-logistics {
    padding: 10px;
    display: none;
}
.affirm-btn {
    display: inline-block;
    cursor: pointer;
    padding: 2px;
    color: white;
    background: rgb(24, 127, 244);
}
.select-expressage {
    padding: 5px;
}
.select-expressage-text {
    margin: 5px 2px;
}
#expressageName {
    height: 23px;
    width: 200px;
    margin: 20px;
}
#expressageDefault, #expressageCommon {
    padding-left: 20px;
}

#expressageDefault span, #expressageCommon span{
    margin: 5px;
    cursor: pointer;
}

.check-order-deliver {
    display: inline-block;
}

.report {
    color: gray;
}

.repotType:hover {
    background-color: white !important;
    color: rgba(18, 197, 248, 0.51) !important;
}

.repotType:link {
    text-decoration: none;
}

#reportModal {
    width: 500px;
    margin-left: -250px;
    margin-top: -128px;
    display: block;
}

.secrecyNumMsg{
    background-color: #e5f3ff;
    padding: 8px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.secrecyNumMsgTitle {
    color: #0088ff;
    font-weight: bold;
    font-size: 14px;
    margin: 5px;
}

.unstyledList{
    display: flex;
}

.order-gift {
    display: inline;
    background-color: #ffe2e7;
    height: 10px;
    color: red;
}

.pdd-font-color {
    color: rgb(244, 84, 0);
}

.pdd-gray-font-color {
    color: rgb(111, 111, 111);
}

.pdd-ul-style p {
    margin: 0px;
    color: rgba(111, 111, 111, 0.76);
}

.pdd-ul-style li {
    font-weight: bold;
    list-style: disc;
}

.memo-li{
    position: relative;
    margin-bottom: 5px;
}
.memo-li .tit{
    text-align: left;
    margin-bottom: 5px;
    position: relative;
}
.memo-li .tit img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
    cursor: pointer;
}
.text-area{
    border: 1px solid #ddd;
    padding: 5px;
    color:#e8351f;
}
.noneMemo{
    text-align: left;
    color:#808080;
}
#expressageDefault span, #expressageCommon span, #expressageDefaultOut span{
    margin: 5px;
    cursor: pointer;
}
.notice{
    background: #fff;
    border: 1px solid #ddd;
    width: 290px;
    padding: 10px;
    margin-top: 30px;
}
.not-tit{
    position: relative;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
}
.not-tit .not-tit-err{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    cursor: pointer;
}
.not-con div{
    display: inline-block;
}
.not-con-details{
    color:#2C87F1;
    cursor: pointer;
}
.not-con{
    padding-top: 5px;
}
#confirm-not{
    position: fixed;
    bottom: -250px;
    right: 50px;
    z-index: 999;
}
.nav-a {
    margin-right: 3px !important;
    /*margin-left:0  !important;*/
}
/*!important*/
.refundNow{
    width: 1200px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0px 20px;
    margin: 10px auto;
}
.refundNow_tit{
    padding: 7px 0;
}
.refundNow_tit .tit{
    font-size: 14px;
    display: inline-block;
}
.refundNow_tit a{
    margin-left: 42px;
    color: #000;
    position: relative;
    padding-right: 13px;
}
.refundNow_tit a:nth-child(2){
    margin-left: 20px;
}
.refundNow_tit a:hover{
    text-decoration: none;
    cursor: pointer;
    color: #2C87F1;
}
.refundNow_tit a span{
    position: absolute;
    right: -20px;
    top: -1px;
}
.refundNow_tit a i{
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 12px;
    transform: rotate(-90deg);
}
.refundNow_tit span{
    color: #2C87F1;
    font-size: 14px;
    margin-left: 5px;
}
.refundNow_tit h4{
    font-size: 17px;
    font-weight: bold;
}
.refundNow ul{
    overflow: hidden;
    margin-bottom: 5px;
}
.refundNow ul li{
    float: left;
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    cursor: pointer !important;
    padding: 10px;
}
.refundNow ul li:hover{
    background: rgb(240,241,245);
}
.refundNow ul li:hover .text{
    background: rgb(240,241,245);
    color: #2C87F1;
}
.refundNow ul li .text{
    font-size: 14px;
    color:#000;
    margin-bottom: 10px;
    position: relative;
    padding-right: 20px;
}
.refundNow ul li .text i{
    position: absolute;
    right: -4px;
    top: 1px;
    font-size: 17px;
    transform: rotate(-90deg);
}
.refundNow ul li .num{
    font-size: 16px;
    font-weight: bold;
}
.pagination .el-pagination .el-select .el-input .el-input__inner{
    height: 28px !important;
}
.provinceSelArr .el-select__input {
    box-shadow: none !important;
    border: 0 !important;
    margin-left: 1px;
    max-width: 10px !important;
}
.el-select-dropdown__item {
    height: auto !important;
}
.dialogBody-item{
    display: flex;
    align-items: center;
}
.dialogBody-item label{
    display: flex;
    width: 76px;
    justify-content: flex-end;
}
.el-message{
    top:80px !important;
}