.thorui-line-1 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.thorui-line-2 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.thorui-line-3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.thorui-line-4 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.layui-form-label{width: 120px !important;}

.layui-input-block{margin-left: 150px !important;}

table[data-line='4'] + div tbody .layui-table-cell {

    height: 95px;

}

table[data-line='4'] + div tbody .layui-table-cell .laytable-cell-checkbox{

    line-height: 80px;

    white-space: normal;

    font-size: 13px;

    font-weight: normal;

    word-wrap: break-word;

}

table[data-line='n'] + div tbody .layui-table-cell {

    height: auto !important;

    white-space: normal;

    font-size: 13px;

    font-weight: normal;

    word-wrap: break-word;

}

.thorui-table-cell .layui-table-cell { white-space:normal; height: auto !important; font-size: 13px; font-weight: normal; word-wrap: break-word; position: unset; }

/**=================== 订单相关样式 ===================**/

/** 订单进度条 组件 **/

.order-detail-progress { height: 26px; line-height: 26px; background: #f8f8f8; border-radius: 13px; font-size: 14px; text-align: center; position: relative; margin-bottom: 70px; }

.order-detail-progress:before,

.order-detail-progress:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; border-radius: 13px; background:#090  ; }

.order-detail-progress:after { background: rgb(17, 194, 109); z-index: 1; }

.order-detail-progress.progress-1:before { width: 0; }

.order-detail-progress.progress-1:after { width: 20%; }

.order-detail-progress.progress-2:before { width: 20%; }

.order-detail-progress.progress-2:after { width: 40%; }

.order-detail-progress.progress-3:before { width: 40%; }

.order-detail-progress.progress-3:after { width: 60%; }

.order-detail-progress.progress-4:before { width: 60%; }

.order-detail-progress.progress-4:after { width: 80%; }

.order-detail-progress.progress-5:before { width: 100%; }

.order-detail-progress.progress-5:after { width: 100%; }

.order-detail-progress.progress-5 li:nth-child(5) { color: #fff; }

.order-detail-progress li { width: 20%; float: left; border-radius: 13px; position: relative; z-index: 3; }

.order-detail-progress .tip { font-size: 12px; padding-top: 10px; color: #8c8c8c; }

.order-detail-progress.progress-1 li:nth-child(1),

.order-detail-progress.progress-2 li:nth-child(1),

.order-detail-progress.progress-3 li:nth-child(1),

.order-detail-progress.progress-4 li:nth-child(1),

.order-detail-progress.progress-5 li:nth-child(1) {color: #fff; }

.order-detail-progress.progress-2 li:nth-child(2),

.order-detail-progress.progress-3 li:nth-child(2),

.order-detail-progress.progress-4 li:nth-child(2),

.order-detail-progress.progress-5 li:nth-child(2) { color: #fff; }

.order-detail-progress.progress-3 li:nth-child(3),

.order-detail-progress.progress-4 li:nth-child(3),

.order-detail-progress.progress-5 li:nth-child(3) { color: #fff; }

.order-detail-progress.progress-4 li:nth-child(4),

.order-detail-progress.progress-5 li:nth-child(4) { color: #fff; }



/** 订单详细-订单面板信息 **/

.order-detail-panel { display: flex; justify-content: start; padding: 15px; border: 1px solid #f0f0f0; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}

.order-detail-panel .panel-sidebar { width: 20%; min-width: 210px; padding: 0 15px; box-sizing: border-box; border-right: 1px solid #f0f0f0; }

.order-detail-panel .panel-sidebar dl { margin-bottom: 10px; }

.order-detail-panel .panel-sidebar dl dt { font-size: 14px; color: #17233d; margin-left: -10px; margin-bottom: 5px; }

.order-detail-panel .panel-sidebar dl dd { font-size: 12px; color: #515a6e; line-height: 30px; }

.order-detail-panel .panel-main { padding-left: 15px; width: 80%; box-sizing: border-box; overflow: hidden;}

.order-detail-panel .panel-main .panel-main-information { padding: 0 0 8px 20px; margin-bottom: 5px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; }

.order-detail-panel .panel-main .panel-main-information h3 { margin-left: -15px; font-size: 14px; color: #17233d; }

.order-detail-panel .panel-main .panel-main-information .information-content { display: flex; justify-content: space-between; }

.order-detail-panel .panel-main .panel-main-information .information-content dl { width: 48%; }

.order-detail-panel .panel-main .panel-main-information .information-content dl dd { line-height: 30px; font-size: 12px; color: #515a6e; }



.layui-tab-card > .layui-tab-title > li {

    border-top: 2px solid transparent !important;

}

.layui-tab-card > .layui-tab-title .layui-this{

    border-top-color: rgb(17, 194, 109) !important;

}

.layui-tab-card .layui-tab-title > li:first-child{

    border-radius: 0px !important;

}

.layui-input.validate-error, .layui-textarea.validate-error{border-color: rgb(255, 76, 82) !important;}

.layui-input.validate-error ~ *,.layui-textarea.validate-error ~ * {color: rgb(255, 76, 82) !important;}

.layui-layout-theme-black-2 > .layui-tab-card > .layui-tab-title .layui-this.layui-error{border-top-color: rgb(255, 76, 82) !important;}

.layui-layout-theme-black-2 > .layui-layout-admin > .layui-side .layui-side-scroll .layui-side-icon a{line-height: 45px !important;height: 45px !important;}

.layui-layout-theme-black-2 > .layui-layout-admin > .layui-side .layui-side-scroll .layui-side-icon > .layui-this a .layui-icon{margin-right:8px !important}

.layui-layout > .layui-side .layui-side-scroll .layui-nav-item a{line-height: 35px !important;height:35px !important;}

.layui-layout-theme-black-2 > .layui-layout-admin > .layui-side .layui-side-scroll .layui-side-icon  a .layui-icon {margin-right: 4px !important;}



.tui-flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex

}



.tui-flex-1 {

    flex: 1;

}

.tui-align-center {

    justify-content: center;

}

.tui-align-left {

    justify-content: flex-start !important;

}

.tui-align-right {

    justify-content: flex-end !important;

}

.tui-align-between {

    justify-content: space-between !important;

}

.tui-align-around {

    justify-content: space-around !important;

}

.tui-vertical-center {

    align-items: center;

}

.tui-vertical-top {

    align-items: flex-start;

}

.tui-vertical-bottom {

    align-items: flex-end;

}

.tui-center {

    display: flex;

    align-items: center;

    justify-content: center;

}

.tui-line-feed {

    flex-direction: row;

    flex-wrap: wrap;

}