*{margin: 0;padding: 0;box-sizing: border-box;user-select: none;}
a{text-decoration: none;}
img[src=""],img:not([src]){ display:none; }
.fl{float: left;}
.fr{float: right;}
canvas{cursor: pointer;}
html,body,.mainL{width:100%;height:100%;}
body{
	font-family: "Source Han Sans CN",sans-serif;background: #fdfdfd;font-size: 14px;color: #333;
	min-width: 1020px;padding: 15px 20px;min-height: 500px;
}
li {list-style: none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{zoom:1; /*针对IE*/ }
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}
.colorGreen{color: #1cac1c;}
/*
.container{display: grid;}
.asideIMG{grid-column: 1 / 2; grid-row: 1 / 2;	margin-right: 30px;	padding: 0 20px;border-top: 3px solid purple;}
.main{background:orange; grid-column: 2 / 3; grid-row: 2 / 3;}
:root { --ASW: 200px;}
width:calc(100% - var(--ASW)); */

/* 左侧多图list */
.container{height: 100%;}
.asideIMG,.main,form{height:100%;}
.asideIMG{ width:180px; overflow: auto; }
.asideIMG li{
	width:100%;height:auto; height:180px;  margin-bottom:5px; position: relative;
	border:1px solid #ddd;border-radius:5px;box-shadow: 0 0 6px 0px rgba(0,0,0,.1);background:#fff;
}
.asideIMG li:last-child{margin-bottom:0;}
.asideIMG img{width:100%;display: block;height: auto;position: absolute;transform: translate(-50% , -50%);left: 50%;top: 50%;padding: 5px;}
.asideIMG .Vertical img{height: 100%;width: auto;margin: auto;}
.asideLack{display:none;width: 0;}

/*.asideIMG li span{*/
/*	width: 100%; height: 18px; line-height: 20px; display: block; text-align: center;*/
/*	position: absolute;bottom: 0;left: 0; background: rgba(0,0,0,.5); color: #fff;*/
/*}*/
.asideIMG li span{
	width: 20px; height: 20px; display: block; text-align: center;
	position: absolute;top: 0; background: rgba(0,0,0,.5); color: #fff; border-radius: 100%;
}


.allBtn{border-radius: 4px;padding: 6px 15px;margin-right:10px;cursor: pointer;display: inline-block;min-width: 80px;text-align: center;}
.arealityBtn-blue{background:#54a9f0;color:#fff;border: 1px solid #54a9f0;}
.linearBtn-blue{background:#fff;color:#0e7ae6;border: 1px solid #0e7ae6;}
.arealityBtn-gray{background-color: #eee; border: 1px solid #d8d8d8;}
.arealityBtn-blue:hover{background:#3da0f3;border: 1px solid #3da0f3;color: #fff;}
.arealityBtn-gray:hover{background:#999;border: 1px solid #999;color: #fff;}

.asideIMG li iframe{width: 100%;}
.asideIMG .pdfLi{position:relative;}
.asideIMG .pdfLi:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;}

/* 主图 */
.main{width:calc(100% - 200px); }
.asideLack + .main{width:100%;}
.main header{margin-bottom:20px;min-height: 35px;width:100%;}
.main header>div{display: inline-block;vertical-align: middle;}
/*.main header>div:first-child{width: 60%;}*/
.main header>div:nth-of-type(2){/*width: 38%;*/float: right;}
.main .select-btn{display: inline-block;vertical-align: top;}
.main .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden;  position: absolute;  z-index: -1;}
.main .inputfile + label { display: inline-block;padding: 5px 8px;cursor: pointer; font-size: 15px;font-weight: blod;}
.main .inputfile + label svg {height: 14px; vertical-align: middle;fill: currentColor;}
.main .inputfile + label {color: #0073eb;border: 1px solid #0073eb;border-radius: 4px;}
/*.main .startScan{
	border-radius: 4px;
	padding: 6px 15px;margin-right:10px;cursor: pointer;display: inline-block;
}*/
.allBtn input{display:none;}
.main .verifyOpen,.main .verifyClose{background: #fff;color: #666;border: 1px solid #ccc;padding: 6px 15px;border-radius: 4px;margin-left: 8px;cursor: pointer;}
.main .verifyOpen input,.main .verifyClose input{display:none;}
.main .currentCheck{position: relative;}
.main .currentCheck,.main .verifyOpen:hover,.main .verifyClose:hover{border: 1px solid #3da0f3;color:#0073eb;}
.main .currentCheck::before {
	content: '';  display: block;color: #fff; position: absolute; right: 0; bottom: 0; border: 11px solid #3da0f3;
	border-top-color: transparent; border-left-color: transparent;
}
.main .currentCheck:hover::after, .main .currentCheck::after {
	content: ''; display: block; width: 2px;  height: 7px;  position: absolute; right: 3px; bottom: 3px; border: 2px solid #fff;
	border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg);
}
.main form>section{height: calc(100% - 55px);border: 1px solid #cacaca;}
.mainL,.mainR{height: 100%;}
.mainL{width:100%;border-right: 1px solid #cacaca;}
.mainIMGBox{padding-top: 42px;position: relative;height: calc(100% - 130px);}
.mainIMGBox .hitTxt{background: #eef7fe;color: #2d74b4;height: 42px;line-height: 42px;width: 100%;padding: 0 15px;position: absolute;top: 0;left: 0;}
.pictureBox{text-align: center;overflow: hidden;height: 100%;position: relative;}
.pictureBox>img{width: 100%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%); }
.pictureBox .element{display: none;}
.pictureBox div.element{width: 100%;height: 100%;overflow: hidden;}
.pictureBox .current{display: inline-block;}
.main #embed{width: 100%;height: 100%;display: none;}
.mainL .slicing{padding: 5px;height: 130px;overflow-x: auto;border-top: 1px solid #cacaca;}
.slicingbox{height:100%;}
.slicingbox div{
	margin-right: 8px; position: relative;width: 100px;height: 100px;overflow: hidden;
	border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 0 6px 0px rgba(0,0,0,.1);float: left;
}
#canvas_first{display:none;}
.slicing img{width:100%;height:auto;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;padding: 5px;}
.slicing .Vertical{width: auto;height: 100%;}
.slicingbox .element canvas{position:absolute;top:50%;left:50%;}
.slicing .current{border: 1px solid #0073eb; }
#originalDraw{display: none;}
.slicingbox div canvas{position: absolute;transform: translate(-50% , -50%);left: 50%;top: 50%;}
/* 解析数据 */
.mainR>ul li{width: 50%;height: 42px;line-height: 42px;font-size: 16px;	float: left;text-align: center;	cursor: pointer;background: #eee;}
.mainR .pitch_on{background: #0e7ae6; color: #fff;display: block;}
.mainR .exhibition{height: calc(100% - 42px);}
.mainR .tab{font-size: 14px;height: 100%;overflow: auto;}
.mainR .tabHtml{display: block;padding: 18px 18px 0;line-height: 30px;}
.mainR .tabJson{display: none;padding: 0 18px;line-height: 21px;white-space: nowrap;}
.mainR .tab pre{display: none;}
.mainR .tab pre:first-child{display: block;}

#textarea{display: none;}

@media screen and (max-width:1380px ) {
	body{padding: 15px; }
	.asideIMG { width: 10%;}
	.main {width: 89%;}
}

/*
.main{width: 1300px;height: 750px; margin: 50px auto;border: 1px solid #b7b7b7;overflow: hidden;height: 100%;}
.imgList{font-size: 0;padding: 5px;height: 100px;box-sizing: border-box;border-top: 1px solid #b7b7b7;overflow-x: auto;}
.imgList img{width: 100px;border: 1px solid rgba(0,0,0,0); padding: 1px;min-height: 66px;max-height: 70px;vertical-align: middle;margin-right: 20px;}

@media screen and (max-width:1400px ) {
	.main { width: 1200px;}
	.main #embed { width: 717px; }
}
@media screen and (max-width:1300px ) {
	.main { width: 1050px;}
	.main #embed {width: 620px; }
}
@media screen and (max-width:1150px ) {
	.main { width: 950px;}
	.main aside {width: 36.8%;}
	.main #embed { width: 559px; }
}
.pdfSmallImg #imgbox div img {display: block;}
.pdfSmallImg #imgbox div {height: 83px;}

面包屑导航
.crumbsNav{padding: 20px 40px;}
.crumbsNav span{color: #aaa;font-size: 16px;margin-right: 8px; padding-right: 10px; position: relative; cursor: default;}
.crumbsNav span:after{content: '';
	border-top: 1px solid #aaaaaa; border-right: 1px solid #aaa;transform: rotate(45deg);
	width: 6px; height: 6px; display: inline-block; position: absolute; right: 0; top: 6px;
}
.crumbsNav span:last-child:after,.crumbsNav .pageName:after,.crumbsNav a:nth-of-type(2):after{content: none;}
.crumbsNav .version{font-size: 16px;}
.crumbsNav a{color: #0073eb;font-weight: bold;}
form{height: calc(100% - 65px);padding: 0 40px 30px;}
.main footer label{ padding-right: 10px;cursor: pointer;}
#preview{max-width: 700px;}
 */

.scanMainIMG{display:none;height: 100%;position: relative;}
.scanMainIMG img{width: 100%;height: auto;transform: none; position: absolute;left: 50%;top: 50%;margin-top:-178px;margin-left:-290px;}

#originalDraw_{position:relative;}
#originalDraw_ img{width:100%;height:auto;/* position: absolute;left: 50%;top: 50%; */}
#originalDraw_ .Vertical{width:auto;height:100%;}

/* 20221228 */
#firstIMG {width: 100%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);}
#firstIMG img{width: 100%;height: auto;}
#tabHtml p{cursor: pointer;}
.tabJson ol,.tabJson li,.tabJson a,#tabHtml p{user-select: text;}
#ledCanvas{position: absolute;left: 0;width: 100%;height: auto;top: 0;}
#originalDraw_ div{position: absolute;left: 50%;top: 50%;}

#firstIMG.Vertical img{width:auto;height:100%;}
.name {color:#a6a6a6;font-size:16px;line-height:25px;}
#originalDraw_ div{width: 100%;height: auto;}
#originalDraw_ .verticalIMG img,#originalDraw_ .verticalIMG{width: auto;height: 100%;}

/*沙漏*/
.sandClock{
	width:5.3em;height:9.8em;font-size:3.5px;position:relative; animation: rotating 2s linear infinite;
	flex-direction:column;align-items:center;justify-content:space-between;float: left; display: none;
}
.sandClock.show_sc{display:flex;}
.sandClock::after{content:'';position:absolute;background-color:#0e7ae6;width:0.2em;height:4.8em;top:1em;animation: flow 2s linear infinite;}
.sandClock .top,.sandClock .bottom {
	width:3.5em;height:3.5em;position: relative;overflow: hidden;box-sizing: revert;
	border-style:solid; border-color:#54a9f0;border-width:0.2em 0.2em 0.6em 0.6em;border-radius:50% 100% 50% 30%;
}
.sandClock .top{transform:rotate(-45deg);}
.sandClock .bottom{transform:rotate(135deg);}
.sandClock .top::before,.sandClock .bottom::before{	content:'';position:absolute;width:inherit;height:inherit;background-color:#0e7ae6;	animation: 2s linear infinite;}
.sandClock .top::before{border-radius: 0 100% 0 0; animation-name: drop-sand;}
.sandClock .bottom::before{border-radius:35%;transform:translate(2.5em,-2.5em);animation-name: fill-sand;}

@keyframes drop-sand{
	to{transform:translate(-2.5em,2.5em);}
}
@keyframes fill-sand{
	to{transform:translate(0,0);}
}
@keyframes flow{
	10%,100%{transform:translateY(3.2em);}
}
@keyframes rotating{
	0%,90%{transform:rotate(0);}
	100%{transform:rotate(0.5turn);}
}
.testStatus{line-height: 35px;margin-left: 6px;display: none;position: relative;}
.testStatus.show_ts,.succeed,.lose{display:inline-block;}
.show_ts.succeed{/*color: green;*/}
.show_ts.lose{/*color: #ee2d1b;*/}
.succeed:before{
	content:''; position: absolute; left: -40px; width: 35px; height: 35px;
	background: url(../../images/succeed02.png) no-repeat; background-size: contain;
}
.lose:before{
	content:''; position: absolute; left: -40px; width: 35px; height: 35px;
	background: url(../../images/lose02.png) no-repeat; background-size: contain;
}
.progressBox {position: relative; border: 1px solid #13C2B6; background-color: #fff;margin-top: 12px;display: none;height: 22px;}
.progress-in {
    position: absolute; height: 100%; width: 0%; border: none; background-color: #13C2B6;
    background-image: linear-gradient(top, #15E5D8 0%, #12EADE 40%, #1ABFB4 100%);
    background-image: -webkit-linear-gradient(top, #15E5D8 0%, #12EADE 40%, #1ABFB4 100%);
    background-image: -moz-linear-gradient(top, #15E5D8 0%, #12EADE 40%, #1ABFB4 100%);
    background-image: -o-linear-gradient(top, #15E5D8 0%, #12EADE 40%, #1ABFB4 100%);
    background-image: -ms-linear-gradient(top, #15E5D8 0%, #12EADE 40%, #1ABFB4 100%);
    /*-moz-linear-gradient(top, #39ddfa 0%, #00abdf 40%, #008ada 100%)*/
    text-align: center; color: #fff; z-index: 1;
}
.direction-left{left:0; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
.direction-right{right:0; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.percent-show {position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #333; text-align: center; z-index: 2;}

.shadeBox{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);top: 0; left: 0;z-index: 10;display: none;}
/*.SettingScan{position: absolute;width: 400px; height: 600px;background: #fff;}*/
.popUp{position: absolute;top:50%; left:50%; transform: translate(-50%,-50%);background: #fff; border-radius: 8px;}
.popUp header{padding: 8px 18px; background: #eee; border-radius: 8px 8px 0 0;}
.popUp h3{font-weight: inherit;font-size: 16px;}

.SettingScan{width: 650px;}
.SettingScan ul{padding: 25px 35px; padding-bottom: 8px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.SettingScan .checkBox{width: calc(100% - 95px); display: inline-block;  vertical-align: top;}
.SettingScan li{margin-bottom: 20px;display: flex; align-items: center;}
.SettingScan .titleName{width: 85px;display: inline-block; text-align:justify; text-align-last:justify;	position: relative;margin-right: 15px;}
.SettingScan .titleName:after{content: ":";position: absolute;right: -5px;}
.SettingScan label{margin-right: 25px;}
.SettingScan input[type='checkbox']{margin-right: 5px;}
.SettingScan input[type='range']{vertical-align: middle;margin-right: 6px;width: 148px;}
.SettingScan select,.SettingScan input[type='text']{width: calc(100% - 104px);background: #fff; border: 1px solid #adadad; min-height: 29px;padding: 3px 6px;}
.SettingScan select{cursor: pointer; line-height: 29px;}
.SettingScan input[type='text']{border-radius: 3px;}
.SettingScan footer{text-align: right; margin-bottom: 25px;padding: 0px 28px;}
.DefaultIcon{width: 40% !important;opacity: .5;max-width: 320px;}
.imgSrc{width: 100%;}
.SettingScan .disableClick{background: #eee;}


/*扫描识别中*/
.scanning{width: 550px;}
.scanning dl{padding: 30px; display: flex; align-items: center; justify-content: space-around;}
.scanning dd{width: calc(100% - 230px);}
.scanning p{font-size: 18px;}
.scanning p strong{font-size: 24px; margin-right: 8px;}
.scanAnime1{background: url(../../images/gif01.png) no-repeat #fff;width: 150px; height: 150px; background-size: contain;position: relative;}
.backgroundTop{background: url(../../images/gif02.png) no-repeat;width: 100%; height: 100%;z-index: 2; background-size: contain;position: relative;}

.paper1{position: absolute; top: 9%; width: 42%; left: 25%; height: 80%;}
.paper1 #top1{ 
	position: absolute; width: 82%; height: 46%; top: 18%; left: 60%;
	background: url(../../images/gif03.jpg) no-repeat;background-size: cover; 
	animation: print1 3s linear infinite;
}
.paper1 #bottom1 {
	position: absolute; z-index: 1; width: 66%; top: 60%; height: 38%; left: -3%;
	background: url(../../images/gif04.jpg) no-repeat; background-size: cover;
	transform: skew(-49deg , 30deg) translateY(-67%);
	animation: print2 3s linear infinite; /*animation-delay: 2s;*/
  /*transform: skew(-43deg , 30deg) translateY(-60px);*/
  /*width: 82%; top: 60%; height: 46%; left: -18px;*/
}
/*@keyframes prin1 {
	0%{transform: skew(-18.5deg , 30deg) translateY(-60px);}
	100%{transform: skew(-18.5deg , 30deg) translateY(0px);}
}*/
@-webkit-keyframes print1 {
	0%{transform: skew(-18.5deg , 30deg) translateY(-67%);}
  	80%{transform: skew(-18.5deg , 30deg) translateY(18%);}
  	100%{transform: skew(-18.5deg , 30deg) translateY(18%);}
}
@keyframes print1 {
  0%{transform: skew(-18.5deg , 30deg) translateY(-67%);}
  80%{transform: skew(-18.5deg , 30deg) translateY(18%);}
  100%{transform: skew(-18.5deg , 30deg) translateY(18%);}
}
@-webkit-keyframes print2 {
	0%{transform: skew(-49deg , 30deg) translateY(-67%);}
	100%{transform: skew(-49deg , 30deg) translateY(0px);}
}
@keyframes print2 {
	0%{transform: skew(-49deg , 30deg) translateY(-67%);}
	100%{transform: skew(-49deg , 30deg) translateY(0px);}
}