html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width: 100%;
}
/* flex布局 */
.fx{ display: flex; }
.fx-v{display: flex;align-items:center;}
.fx-c{display: flex;justify-content: center;}
.fx-vc{display: flex;align-items:center;justify-content: center;}
.fx-vr{display: flex;align-items:center;justify-content: flex-end;}
.fx-v-between{display: flex;align-items:center;justify-content: space-between;}
.fx-between{display: flex;justify-content: space-between;}
.fx-1{flex: 1; }
.fx-grow{flex-grow:1}
.fx-d-c{flex-direction:column;}
.fx-start{align-items: flex-start;}

/****自定义样式区域*****/
.c-33{color:#333333 !important;}
.c-66{color:#666666 !important;}
.c-99{color:#999999 !important;}
.c-red{color: #f14e4e !important;}
.c-green{color: #23c58f !important;}
.c-main{color: #1677ff !important;}
.special-color{color: #FE6901 !important;}
.font-20{font-size:1rem;}

/****自定义和样式覆盖区域*****/
.swal2-actions .btn{padding: 0.5rem 2rem;}
.round-t-r-0{border-top-right-radius:0px !important;}
.round-t-l-0{border-top-left-radius:0px !important;}
.round-b-r-0{border-bottom-right-radius:0px !important;}
.round-b-l-0{border-bottom-left-radius:0px !important;}
.sscs-input-sort{ padding: 0.25rem !important;}
.input-group-text.disabled{background-color:#f5f5f5 !important; color: #999 !important;}
.table > thead{background-color: #f9fafc !important;}
.sticky-table-header > .table > thead{background-color: #1677ff !important;}

.sscs-pointer{cursor:pointer;}
/***列表居中显示***/
.table-v-c tr td{vertical-align:middle !important;}

/** 上传图片的操作 **/
.sscs-select-img{position: relative; height: 100px;}
.sscs-select-img input[type="file"],.sscs-select-img .sscs-input-file{width: 100px !important; height:100px !important; opacity: 0; filter: alpha(opacity=0);position: absolute; left: 0; z-index: 11; cursor:pointer; padding: 0; cursor: pointer;}
.sscs-select-img .sscs-select-btn{ width:100px; height:100px; border-radius:4px; position: absolute; top: 0px; left: 0px; z-index: 10; display: flex; justify-content: center; align-content: center; align-items: center;flex-direction: column; font-size:1rem; border:1px solid #ced4da; cursor:pointer; color: #666;}
.sscs-select-img:hover .sscs-select-btn{background-color: #1677ff; color: #fff; border:1px solid #005cdd;}
.sscs-select-img .sscs-select-btn em{font-size:1.5rem; color: #666}
.sscs-select-img:hover .sscs-select-btn em{ color:#fff;}
.sscs-select-img.sscs-120{height:120px;}
.sscs-select-img.sscs-150{height:150px;}
.sscs-select-img.sscs-200{height:200px;}
.sscs-select-img.sscs-120 .sscs-select-btn{ width:120px; height:120px;}
.sscs-select-img.sscs-150 .sscs-select-btn{ width:150px; height:150px;}
.sscs-select-img.sscs-200 .sscs-select-btn{ width:200px; height:200px;}

/**多张图已上传的样式**/
.sscs-selected-img{display:flex;}
.sscs-selected-img .sscs-selected-img-item{ width: 120px; height: 120px;margin-right:0.75rem; position: relative;border:1px solid #ced4da;}
.sscs-selected-img .sscs-selected-img-item img{ width: 118px; height: 118px;}
.sscs-selected-img .sscs-selected-img-item .sscs-selected-img-item-control{position: absolute; top: 0px; left: 0px; width: 120px; height: 30px; z-index: 9; display: none; line-height: 30px; padding: 0px 5px;}
.sscs-selected-img .sscs-selected-img-item:hover .sscs-selected-img-item-control{display:block;}
.sscs-selected-img .sscs-selected-img-item .sscs-selected-img-item-control .sscs-control-del{float:right; cursor: pointer; color: #1677ff;}
.sscs-selected-img .sscs-selected-img-item .sscs-selected-img-item-control .sscs-control-default{ float:left; cursor: pointer; color: #fff;}
.sscs-selected-img .sscs-selected-img-item .sscs-selected-img-item-control .sscs-control-default-checked{color:#23c58f !important;float:left;cursor: pointer;}

/***timeline 样式覆盖***/
.timeline{padding:0px !important;}
.timeline-continue{padding:0px !important;}
.timeline .timeline-date{margin:0px 10px 0 10px;}
.timeline .timeline-date::after{left:-6px; background: #edf1f5 !important;}
.timeline .timeline-box{margin:15px 15px 15px 30px;}
.timeline .timeline-continue:after{left:0px !important; background: #edf1f5 !important;}
.timeline .row:first-child .timeline-date::after{background: #1677ff !important;}


/***打印标签的二维码***/
.sscs-print-block{display: none;}
@media print{
	@page {
		size: 40mm 30mm;  /* auto is the initial value */
		margin: 0; /* this affects the margin in the printer settings */
		font-size: 16px !important;
	}
	body,html{font-size: 16px !important;}
	.sscs-no-print{display: none;}
	.sscs-print-block{display: block !important;}
	.sscs-print-block .sscs-print-goods{width: 100%; page-break-after: always; padding:0px 10px;/*transform: scale(0.7);*/transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0;}
	.sscs-print-block .sscs-print-goods:last-child{page-break-after: auto;}
	.sscs-print-goods .sscs-print-goods-title{margin-top:10px;overflow: hidden; display: -webkit-box;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 24px; text-align: justify; margin-bottom: 15px; font-size: 22px;}
	.sscs-print-goods .sscs-print-goods-content{height:84px; width: 100%;}
	.sscs-print-goods .sscs-print-goods-content:after{content: ' ';display: block;clear: both;visibility:hidden;line-height: 0;height:0;}
	.sscs-print-goods .sscs-print-goods-content .sscs-print-goods-qrcode{float:left; width:100px; height: 84px;}
	.sscs-print-goods .sscs-print-goods-content .sscs-print-goods-qrcode img{height: 84px; width: 84px;}
	.sscs-print-goods .sscs-print-goods-content .sscs-print-goods-info{height: 84px; float:left; width: calc(100% - 100px);}
	.sscs-print-goods .sscs-print-goods-content .sscs-print-goods-info .sscs-print-goods-tips{ height: 24px; line-height: 24px; font-size: 18px;}
	
	.sscs-print-goods .sscs-print-goods-content .sscs-print-goods-info .sscs-print-goods-reback{border:1px solid #000000; margin-top:5px; border-radius: 12px; padding: 0px 10px; display: inline-block; line-height: 24px; height: 26px;}
	
	.sscs-print-goods  .sscs-print-goods-bottom{ overflow: hidden; display: -webkit-box;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 22px; text-align: justify; margin-top: 15px; font-size: 22px;}
	
	.sscs-print-block .sscs-print-user{width: 300px; display: flex; flex-direction:column; align-items: center;padding-top: 30px;}
	.sscs-print-block .sscs-print-user img{width: 100px; height: 100px;}
	.sscs-print-block .sscs-print-user-title{ font-size:26px;}
	
}

.spinner-block{height:300px;}
.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #1677FF;
    animation: spin 1s linear infinite;
}

.spinner-text{ margin-top:15px; color:#ced4da;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}