/*产品*/
@import "/static/style/commonality.css";
body{background: #fff;color: #262626;}
input{-webkit-appearance: none;}
.red{color: red;font-size: 22px;vertical-align: middle;margin-left: 5px;}
body{--borderDF: 1px solid #dfdfdf;min-width: 1050px;}
.clearfix:after {content: '';display: block;visibility: hidden; height: 0; clear: both;}
.clearfix { zoom: 1;}

/*banner背景*/
.product_head{position:relative;display: flex;height: 510px;}
.car_banner{background: url(../images/product/Identify_car.jpg) no-repeat bottom center;background-size: cover;}
.visitingCard_banner{background: url(../images/product/visitingCard.jpg) no-repeat bottom center;background-size: cover;}
.bankCard_banner{background: url(../images/product/bankCard.jpg) no-repeat bottom center;background-size: cover;}
.License_banner,.VietinBanh_banner{background: url(../images/product/License.jpg) no-repeat bottom center;background-size: cover;}
/*vin/条码暂用车牌*/
.vin_banner,.vinCar_banner{background: url(../images/product/vin.jpg) no-repeat bottom center;background-size: cover;}
.barCode_banner{background: url(../images/product/barCode.jpg) no-repeat bottom center;background-size: cover;}
.invoice_banner,.invoiceE_banner{background: url(../images/product/invoiceFor2.jpg) no-repeat bottom center;background-size: cover;}
.document_banner{background: url(../images/product/document.jpg) no-repeat bottom center;background-size: cover;}
.face_banner{background: url(../images/product/face.jpg) no-repeat bottom center;background-size: cover;}
.papers_banner{background: url(../images/product/Identify_papers.jpg) no-repeat bottom center;background-size: cover;}

.IdNumber_banner{background:url(../images/product/Id_number.jpg) no-repeat bottom center;background-size: cover;}
.Prpermit_banner{background:url(../images/product/Prpermit.jpg) no-repeat bottom center;background-size: cover;}
.Chpassport_banner{background:url(../images/product/Chpassport.jpg) no-repeat bottom center;background-size: cover;}
.LivenessImage_banner{background: url(../images/product/LivenessImage.jpg) no-repeat bottom center;background-size: cover;}
.LivenessVideo_banner{background: url(../images/product/LivenessVideo.jpg) no-repeat bottom center;background-size: cover;}
.IdentityCard_banner{background: url(../images/product/Identity_card.jpg) no-repeat bottom center;background-size: cover;}
.IdentityCheck_banner{background: url(../images/product/Identity_check.jpg) no-repeat bottom center;background-size: cover;}
.cellPhone_banner{background: url(../images/product/cell_phone.jpg) no-repeat bottom center;background-size: cover;}
.VbankCard_banner{background: url(../images/product/VbankCard_banner.jpg) no-repeat bottom center;background-size: cover;}

.container{max-width:1500px;margin:0 auto;overflow: hidden;padding: 0 35px;}
/*banner上文字*/
.product_txt{position:absolute; top:50%; color:#fff; width: 50%; /*min-width: 700px;*/ transform: translate(12%,-43%);}
.product_txt h3{font-size:35px;font-weight: 400;}
.product_txt p{font-size:16px;line-height: 24px;/*overflow: hidden;*/margin-top: 10px;max-width:700px;/*max-height: 78px;*/}
.product_txt a{margin-top:20px;display: inline-block;border-radius: 30px;font-size:16px;padding:7px 20px; box-sizing: border-box; min-width: 135px; color:#fff;background:#3f7ed2;text-align: center;}
.product_txt a:last-child{background:#fdaa34;margin-left:27px;}
.txtMiddleW{width: 42%;}
.txtSmailW{width: 38%;}

.advantage .container{position: relative;}
/*通用*/
.advantage h4,.example h4,.API_document h4,.transaction h4,.headlineH4{
	font-size: 30px;line-height: 40px; font-weight: 400; color:#333; margin-bottom: 60px; text-align: center;
	position: relative; letter-spacing: 2px;
}
.advantage h4:after,.example h4:after,.API_document h4:after,.transaction h4:after,.headlineH4:after{
	content: ""; border-bottom: 1px solid #000;margin-left: -20px;	width: 40px; height: 1px;
	position: absolute; bottom: -10px; left: 50%;
}

/*产品优势*/
.advantage{padding: 40px 35px 60px;text-align: center;background: #f2f5fa;}
/*.Identify_car{background:url(../images/product/Identify_car1.jpg) no-repeat center;background-size: cover;}
.visitingCard{background:url(../images/product/visitingCard1.jpg) no-repeat center;background-size: cover;}
.bankCard{background:url(../images/product/bankCard1.jpg) no-repeat center;background-size: cover;}
.License{background:url(../images/product/License1.jpg) no-repeat center;background-size: cover;}
.document{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}
.Identify_face{background:url(../images/product/face1.jpg) no-repeat center;background-size: cover;}
.IdNumber_bac{background:url(../images/product/Id_number1.jpg) no-repeat center;background-size: cover;}
.IdentityCard_bac{background: url(../images/product/Identity_card1.jpg) no-repeat center;background-size: cover;}
.cellPhone_bac{background: url(../images/product/cell_phone1.jpg) no-repeat bottom center;background-size: cover;}*/

.advantage h4{ margin-bottom: 25px;}
.advantage>div{display: flex;justify-content: space-between;max-width: 1280px;	margin: auto;}
.advantage article{width: 32%;color: #4f5051;	text-align: left;background: #fff;padding: 20px;box-sizing: border-box;min-height: 160px;position: relative;overflow: hidden;box-shadow: 0 4px 20px 0 rgba(32,77,128,.1);}
.advantage article h5{font-size: 20px;font-weight: inherit;color: #333;}
.advantage article p{display: block;margin-top: 8px;}
.advantage article:after{
	content: "";width: 120px;height: 120px;position: absolute;right: -10px;	bottom: -20px;opacity: .4;
	background: url(../images/product/advantageIcon.png) no-repeat center;background-size: cover;
}
.advantage .contact{margin-bottom: 25px;font-size: 16px;}
.advantage .contact a{margin-left: 10px;}
/*产品*/
/* + 产品识别展示*/
.example{max-width: 1250px;margin: 0 auto;/*padding: 60px 0;*/padding-top: 60px;}
.example .residue{text-align: right;font-size: 16px;margin-bottom: 15px;}
.example .residue i{margin-right: 10px;font-size: 16px;color: red;	font-weight: bold;vertical-align: bottom;}

/*.example section{overflow: hidden;margin-bottom: 30px;}*/
.example section{/*overflow: hidden;*/margin-bottom: 30px;  display: inline-block; width: 100%;}

.example .imgL{width: 528px;float: left;height: 359px;border: 1px solid #e0e0e0;overflow: hidden;}
.example section .img_show{	width: 488px;height: 319px;padding: 20px;margin: auto;display: block;}
#embed,#embed2{display: none;width: 528px;height: 359px;float: left;}
.example section .word{padding-top: 30px;margin-left: 125px;float: left;}
.example .word h5{color: #494848;font-size:24px;font-weight: 400;margin-bottom: 20px;}
.example .word p{color: #4b4a4a;font-size: 16px;line-height: 24px;}
.example .select-btn,.example .btn-start{
	overflow: hidden;margin-top: 30px;display: inline-block;color:#fff;font-size: 15px;
	width: 164px;height: 45px;line-height: 43px;border-radius: 40px;position: relative;text-align: center;
}
.example .select-btn span,.example .btn-start span{vertical-align: middle;}
.example .select-btn{background: #3f7ed2;margin-right: 20px;}
.example .btn-start span{margin-left: 33px;}
.example .btn-start{margin: auto;background: url(../images/product/but-startI.png) no-repeat 36px center #fe9e07; background-size: 26px;}
.example .select-btn input,
.example .btn-start input{position: absolute;top: 0;left: 0;cursor: pointer;opacity: 0;	width: 100%;height: 100%;-webkit-appearance: button;}

.example .btn-start dot{display: none;}
.example .btn-process dot {display: inline-block; height: 1em; line-height: 1;	text-align: left;vertical-align: -.1em;	overflow: hidden;font-size: 22px;}
.example .btn-process dot::before {
	display: block;	content: '...\A..\A.';
	white-space: pre-wrap;	animation: dot 3s infinite step-start both;
}
@keyframes dot {
	33% { transform: translateY(-2em); }
	66% { transform: translateY(-1em); }
}
.example .img_list img{width: 100px;height: 66px;}

.example .img_list li{border: 2px solid #fff;margin: 20px 12px 0 0;position: relative;cursor: pointer;width: 100px;float: left;height: 66px;}
.example .img_list .nowadays_img,
.example .img_list li:hover{border: 2px solid #0073eb;}

.btn_center{text-align: center;margin-bottom: 30px;}

.price_right li a:hover::before,.nowadays_img::before {
	content: '';  display: block;color: #fff; position: absolute; right: 0; bottom: 0;
	border: 12px solid #0073eb; border-top-color: transparent; border-left-color: transparent;
}
.nowadays_img:hover::after, .nowadays_img::after {
	content: ''; display: block; width: 2px;  height: 8px; position: absolute; right: 4px;  bottom: 3px;
	border: 2px solid #fff; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg);
}
/*.example article{grid-column: 1 / 3; grid-row: 2 / 3;}*/
.example article ul{border-bottom: 1px solid #c3c3c3;height: 50px;}
.example article ul li{
	float: left;background: #fff;color: #8e8f90;width: 172px;line-height: 50px;cursor: pointer;
	text-align: center;	font-weight: bold;font-size: 16px;
}
.example ul p{text-align: right;line-height: 50px;margin-right: 5px;font-size: 16px;}

/*当前选中*/
.example .nowadays{	background: #fff;border: 1px solid #c3c3c3;	border-bottom: none;color: #3f7ed2;}
.example .exhibition{
	margin: 17px 2px 30px;padding: 25px 30px;background: #f6f6f6;color: #3b3b3c;border-bottom: 3px solid #dcdcdc;
	max-height: 477px;overflow: auto;font-size: 15px;
}
.example .exhibition p{margin-bottom: 15px;}
.example .exhibition strong{margin-right: 5px;}
.example #tab2{display:none;padding-bottom: 20px;}
.example_Alter section .word{padding-top: 15px;}

/*证件下拉框*/
.multi_box{
	width: 510px;padding: 5px;background: #fff;	position: absolute;display: inline-block;
	border: 1px solid #2DB2FF;box-shadow: 0 0 3px #3f7ed2;
}
.multi_box #_citysheng{border-bottom: 2px solid #2DB2FF;width: 100%;height: 34px;}
.multi_box #_citysheng li{display: inline-block;text-align: center;cursor: pointer;line-height: 34px;width: 80px;font-size: 15px;color: #888;}
.citySel {background-color: #56b4f8; color: #fff !important;}
._citys1 {width: 100%; display: inline-block; padding: 10px 0;}
._citys1 a {
	width: 145px;  height: 35px; line-height: 35px; display: inline-block;overflow: hidden;cursor: pointer;
	background-color: #f5f5f5;color: #666; margin-left: 8px; margin-top: 3px;padding: 0 5px; text-align: center;font-size: 13px;
}
._citys1 li{
	cursor: pointer;font-size: 14px;line-height: 21px;padding: 5px 9px;border-radius: 5px;
	width: 29%;display: inline-block;vertical-align: text-top;
}
#_citys0,#_citys3,#_citys1,#_citys4{display: none;}

.select0{position: relative;display:block;margin-top: 15px;	margin-right: 20px;width:300px;}
.select0 .placeholder1 {position: relative;z-index: 1; cursor: pointer;	display: block; padding: 6px 13px; border: 1px solid #aaa; border-radius: 4px;}
.select0.is-open1 .placeholder1{ border:1px solid #2DB2FF; box-shadow: 0 0 3px #3f7ed2;}
.select0.is-open1 i{
	width: 99.2%;height: 8px;background: #fff;display: inline-block;
	position: absolute;top: 28px;left: 1px;z-index: 5;
}
.select0.is-open1 .placeholder1:after {border-top-color: #fff;border-bottom-color: #3f7ed2;top: 5px;}
.select0 .placeholder1:after {
	content: ""; position: absolute; top: 12px; right: 10px;width: 0; height: 0; cursor: pointer; z-index: -2;
	border: 7px solid transparent;	border-top-color: #ccc;
}
.select0.is-open1 .multi_box {border: 1px solid #2DB2FF;display: block;box-shadow: 0 0 2px #3f7ed2; top: 29px;padding-top: 15px;}
.select0 .multi_box{display: none; overflow: hidden; z-index: 3; position: absolute; background: #fff; border: 1px solid #aaa; border-radius: 4px;}
.select0 .single li {padding: 6px 14px;cursor: pointer;}
.select0 .single li:hover {background: #2DB2FF;color: #fff; }
.is-open1 ._this{background: #2DB2FF;color: #fff;}
.select0 .single .disabled{cursor: no-drop;color: #626262;}

.headPortrait{
	height: 100px;width: 84px;margin: 20px 25px 0 0;overflow: hidden;display: inline-block;
	background: url(../images/product/head.png) no-repeat bottom;	background-size: contain;
}
.headPortrait img{width: 84px;}
.example .img_list{display: block;overflow:hidden;}
.example_zj .img_list{display: inline-block;}
.example_zj section .word{padding-top: 0;}
.example_zj article{width: 100%;float: left;margin-top: 30px;}

/*文档识别 select下拉框*/
.select{position: relative;width:220px;display:inline-block;margin-top: 15px;margin-right: 20px;}
.select1{width:110px;}
.select .placeholder {position: relative;z-index: 1; cursor: pointer;display: block; padding: 6px 8px; border: 1px solid #aaa; border-radius: 4px;}
.select.is-open .placeholder{ border:1px solid #2DB2FF; box-shadow: 0 0 3px #3f7ed2;}
.select.is-open i{width: 98.5%;height: 5px;background: #fff;display: inline-block;position: absolute;top: 28px;left: 1px;z-index: 5;}
.select.is-open .placeholder:after {top: 5px;border-top-color: #fff;border-bottom-color: #3f7ed2;}
.select .placeholder:after {
	content: ""; position: absolute; top: 12px; right: 10px;
	width: 0; height: 0; cursor: pointer; z-index: -2; border: 7px solid transparent;border-top-color: #ccc;
}
.select.is-open .single {top: 76%;width: calc(100% - 2px);display: block; display: block;border: 1px solid #2DB2FF;box-shadow: 0 0 2px #3f7ed2; }
.select .single{
	display: none; overflow: hidden; z-index: 3;  position: absolute; top: 100%; left: 0; width: 100%; height: auto;
	margin: 5px 0 0 0; background: #fff; border: 1px solid #aaa; border-radius: 0 0 4px 4px;	overflow: auto;
}
.select .single li {padding: 6px 10px;cursor: pointer;}
.select .single li:hover {background: #2DB2FF;color: #fff; }
.is-open ._this{background: #2DB2FF;color: #fff;}
.select .single .disabled{cursor: no-drop;color: #626262;}

/*人脸*/
.example section .img_show1 {
	/*grid-column: 2 / 3; grid-row: 1 / 2;*/
	width: 488px; height: 319px; padding: 20px; border: 1px solid #e0e0e0;
}
.face{position: relative;margin: auto;float: left;}
.face .imgL{float: none;}
.face p{font-size: 16px;margin-bottom: 10px;overflow: hidden;line-height: 32px;padding: 0 5px;max-width: 528px;}
.face p span{color: #494848;line-height: 32px;;}
.face p em{color: #026bbb;font-style: inherit;font-weight: bold;}
.face p a{
	width: 120px;height: 32px;text-indent: 20px;color: #fff;border-radius: 30px;
	display: inline-block;overflow: hidden;position: relative;	text-align: center; line-height: 32px; font-size: 14px;
	float: right;cursor: pointer;background: url(../images/product/uploading01.png) no-repeat 15px center #026bbb;
}
.face a input{height:100%;cursor: pointer;font-size: 35px;opacity: 0;position: absolute;top: 0;left: 0;-webkit-appearance: button;}
.face .img_list{margin-top: 10px; text-align: center;display: inherit;}
.face_example section{padding: 0 60px;}
.face_example .img_list img{width: 120px;margin-top: 15px;height: 76px;}
.face_example .img_list li{display: inline-block;border: 2px solid #fff;height: 76px;margin: 0 10px;width: 120px;float: none;}
.face .nowadays_img{position: relative;}
.face .img_list img{margin: 0;border: none;}
.face_example .face:nth-of-type(2){float: right;}
.face1{position: relative;margin: auto;float: top;}
.face1 .imgL{float: none;}
.face1 p{font-size: 16px;margin-bottom: 10px;overflow: hidden;line-height: 32px;padding: 0 265px;max-width: 528px;}
.face1 p span{color: #494848;line-height: 32px; padding: 0 88px;}
.face1 p em{color: #026bbb;font-style: inherit;font-weight: bold;}
.face1 p a{
	width: 120px;height: 32px;text-indent: 20px;color: #fff;border-radius: 30px;
	display: inline-block;overflow: hidden;position: relative;	text-align: center; line-height: 32px; font-size: 14px;
	float: right;cursor: pointer;background: url(../images/product/uploading01.png) no-repeat 15px center #026bbb;
}
.face1 a input{height:100%;cursor: pointer;font-size: 35px;opacity: 0;position: absolute;top: 0;left: 0;-webkit-appearance: button;}
.face1 .img_list{margin-top: 10px; text-align: center;display: inherit;}
/*核验通用*/
.IdentityCard .face:nth-of-type(2) label,
.cellPhone .face:nth-of-type(2) label{margin-left: 13px;}

.IdentityCard section .img_show,
.cellPhone section .img_show {width: 442px; height: 280px;border: 1px solid #e0e0e0;}

.example .word .uploading_,.example .face .uploading_{
	background: url(../images/product/Id_number3.png) no-repeat !important;
	height: 24px;width: 35px;vertical-align: text-bottom;
	display: inline-block;position: relative;overflow: hidden;
	margin: 0 !important;padding: 0;border-radius:0;float: none;
}
.example .uploading_ input{width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.example .label input{width: 350px;height: 37px;font-size: 14px;padding: 0 12px;color: #5c5c5c;border: 1px solid #d5d5d5;}

.Id_number .word p,.invoice_examination .word p,.VIN_car .word p,.VietinBanh .word p,
.IdentityCard .face:nth-of-type(2) p{margin-bottom: 30px;}
.IdentityCard .face:nth-of-type(2) p:nth-of-type(2){margin-top: 50px;}
.cellPhone .face:nth-of-type(1),
.IdentityCard .face:nth-of-type(1){border-right: 1px solid #e5e5e5;}
.IdentityCard .face:nth-of-type(2){padding-left: 35px;}

/*身份证号识别展示*/
.Id_number section .word,.VIN_car section .word,.VietinBanh section .word,
.invoice_examination section .word{	text-align: center;padding: 0;	min-width: 470px;margin: 0 auto;float: none;}

/* 身份证/身份 识别展示 */
.IdentityCard .face{width: 43%;}
.IdentityCard .face:nth-of-type(1){padding-right: 80px;}
.IdentityCard section{padding: 0 50px;}
.IdentityCard .face:nth-of-type(2) {padding-left: 80px;}
/*手机号识别展示*/
.cellPhone .face p,
.verification_bankCard .face p{margin-bottom: 30px;line-height: 32px;}
.cellPhone section,
.verification_bankCard section {grid-column-gap: 0px;}

/*发票验真*/
.invoice_examination .label input{width: 250px;height: 34px;}
.invoice_examination .word input:nth-of-type(2){margin-left: 30px;}
.invoice_examination .word .invoice01{background: url(../images/product/invoiceIcon.png) no-repeat !important;}
.invoice_examination #kong_checkCode{display:none;text-align: left;margin-left: 248px;}

/*车架号*/
.VIN_car .word .vincar01{background: url(../images/product/vin_ico.png) no-repeat !important;}
/*企业工商信息*/
.VietinBanh .word .VietinBanh01{height: 39px;background: url(../images/product/lic_ico.png) no-repeat !important;}
/*失信*/
.break_faith label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block; vertical-align: middle; width: 6px;  height: 6px; line-height: 1;
	margin-right: 5px; padding: .2em; font-size: 14px; border-radius: 50%;   border: 1px solid #0094da;
}
.break_faith label{margin: 0 20px;cursor: pointer;}
.break_faith label input{display: none;}
.break_faith .on::before {background-color: #0094da;  background-clip: content-box;}
/*银行卡*/
.verification_bankCard .face{width:43%;}
.verification_bankCard .face:nth-of-type(1){padding-right: 70px;border-right: 1px solid #e5e5e5;}
.verification_bankCard section{	width: 1000px;padding: 0;margin: auto;}
.verification_bankCard .face:nth-of-type(2){padding-left: 65px;}
.verification_bankCard .face:nth-of-type(2) p:nth-of-type(3),
.verification_bankCard .face:nth-of-type(2) p:nth-of-type(2){width: 197px;margin-bottom: 20px;}
.verification_bankCard .face:nth-of-type(2) p:nth-of-type(2) input,
.verification_bankCard .face:nth-of-type(2) p:nth-of-type(3) input{	width: 140px;}
.verification_bankCard .face .card01{background: url(../images/product/bank.png) no-repeat !important;}

.cellPhone .face:nth-of-type(1){padding-right: 70px;border-right: 1px solid #e5e5e5;}
.cellPhone section{	width: 1000px;padding: 0;margin: auto;}
.cellPhone .face:nth-of-type(2){padding-left: 65px;}

/*API文档*/
.API_document,.container1{min-width: 1010px;max-width: 1250px;margin:0 auto;/*padding: 60px 0;*/padding-top: 60px;}
.API_document table,.transaction table {
	border-spacing: 0;border-radius: 4px;color: #333;width: 100%;background: #fff;
	box-shadow: 0px 1px 10px rgba(0,0,0,.2);border: 1px solid #dedede;
}
.API_document tr,.transaction tr{line-height: 28px;font-size: 14px;}
.API_document td{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 5px 20px;font-size:13px;color:#525252;}
.API_document tr:last-child td{border-bottom:none;}
.API_document td:last-child,.transaction th:last-child{border-right:none;}
.API_document .title td{background: #f6f6f6;color: #171717;padding:5px 20px;font-size:15px;}
.API_document .multiseriate td,.transaction tr{text-align: center;}
.API_document td a{color: #298ff8;}

/*交易记录*/
.transaction{background: url(../images/product/bottom.jpg) no-repeat bottom center;background-size: contain;padding-bottom: 50px;}
.transaction article{margin-bottom: 22px;padding:0 10px;font-size: 16px;}
.transaction article span{color: #7f7e7e;}
.transaction article a{color: #353535;padding: 0 6px;}
#prePage,#nextPage{font-size: 15px;line-height: 20px;}
.transaction article .this:after{content: "";width: 17px;position: absolute;border-bottom:1px solid #353535;bottom: 0px;left: 7px;}
.transaction table{margin-bottom: 60px;}
.transaction td,.transaction th{border-bottom: 1px solid #dedede;font-size:13px;color:#5a5a5a;}
.transaction th{border-right: 1px solid #dedede;padding: 10px 20px;color: #525e6a;font-size: 15px;font-weight: 400;}
.transaction td{padding: 20px 30px;color: #66737f;}
.transaction thead tr,.transaction tbody tr:nth-child(2n){background:#f6f8f9;}
#number p a{height: 21px;line-height: 21px;position: relative;}
#number p a:last-child{margin: 0;}
#number{height: 22px;}

.example section{position: relative;}
.example .scan{
	position: absolute;  left: 21px; display: none; z-index: 7;  border-bottom: 3px solid #0073eb;
	-webkit-animation: scan 1.2s infinite;
	-moz-animation: scan 1.2s infinite;
	animation: scan 1.2s infinite;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#0073eb));
	background: -webkit-linear-gradient(top,transparent,#0073eb);
	background: -moz-linear-gradient(top,transparent,#0073eb);
	background: linear-gradient(180deg,transparent,#0073eb);
}
.example section .scan{width:488px;top: 20px;}
.example .face .scan{top: 62px;width:91%;}
@keyframes scan{
	from {height: 0;}
	to {opacity: 0;height: 300px;}
}
@-webkit-keyframes scan{
	from {height: 0;}
	to {opacity: 0;height: 224px;}
}

.transaction #jumpWhere{text-align: center;float: left; color: #212121; width: 39px; height: 20px; border-radius: 4px;  border: 1px solid #8d8d8d;}
.transaction #nextPage {padding: 0 11px 0 0;}
.transaction #jumpPage {padding: 0 0 0 11px;}

/*车辆登记证2019.12.27*/
.carRegister_banner{background: url(../images/product/carRegister.jpg) no-repeat bottom center;background-size: cover;}
.carRegisterYs{background:url(../images/product/Identify_car1.jpg) no-repeat center;background-size: cover;}
.carRegister{}
/*新车合格证2019.12.27*/
.carCertificate_banner{background: url(../images/product/carCertificate.jpg) no-repeat bottom center;background-size: cover;}
.carCertificateYs{background:url(../images/product/Identify_car1.jpg) no-repeat center;background-size: cover;}
.carCertificate{}
/*房产证识别  2019.12.27*/
.house_banner{background: url(../images/product/house.jpg) no-repeat bottom center;background-size: cover;}
.houseYs{background:url(../images/product/Identify_car1.jpg) no-repeat center;background-size: cover;}
.house{}
/*不动产登记证识别 2019.12.27*/
.realty_banner{background: url(../images/product/house.jpg) no-repeat bottom center;background-size: cover;}
.realtyYs{background:url(../images/product/Identify_car1.jpg) no-repeat center;background-size: cover;}
.realty{}
/*承兑汇票识别 2019.12.27*/
.accept_banner{background: url(../images/product/accept.jpg) no-repeat bottom center;background-size: cover;}
.acceptYs{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}
.accept{}
/*出生证明识别 2019.12.27*/
.born_banner{background: url(../images/product/born.jpg) no-repeat bottom center;background-size: cover;}
.bornYs{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}
.born{}
/*结婚证识别 2019.12.27*/
.marry_banner{background: url(../images/product/marry.jpg) no-repeat bottom center;background-size: cover;}
.marryYs{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}
.marry{}
/*报关单识别 2019.12.27*/
.customsDeclaration_banner{background: url(../images/product/customs.jpg) no-repeat bottom center;background-size: cover;}
.table_banner{background: url(../images/product/table.jpg) no-repeat bottom center;background-size: cover;}
.document_recog_banner{background: url(../images/product/document-recog.jpg) no-repeat bottom center;background-size: cover;}
/*.marryYs{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}*/
.marry{}
/*开户许可证识别 2019.12.27*/
.openAccount_banner{background: url(../images/product/openAccount.jpg) no-repeat bottom center;background-size: cover;}
.openAccountYs{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}
.openAccount{}
/*基本存款账户信息识别 2019.12.27*/
.deposit_banner{background: url(../images/product/deposit.jpg) no-repeat bottom center;background-size: cover;}
.ssc_banner{background: url(../images/product/ssc.jpg) no-repeat bottom center;background-size: cover;}
.depositYs{background:url(../images/product/document1.jpg) no-repeat center;background-size: cover;}
.deposit{}
/*银行回单 2023.11.28*/
.bankSlip_banner{background: url(../images/product/bankSlip.jpg) no-repeat bottom center;background-size: cover;}
.bankSlipYs{background:url(../images/product/Identify_car1.jpg) no-repeat center;background-size: cover;}
.bankSlipRegister{}
/*视频活体*/
/*
.videoModule p{font-size: 16px;  margin: auto; margin-bottom: 10px; overflow: hidden; line-height: 32px; max-width: 528px;}
.videoModule em{color: #026bbb;font-style: inherit;font-weight: bold;}
.videoModule p a{
	width: 120px;height: 32px;text-indent: 20px;color: #fff;border-radius: 30px;
	display: inline-block;overflow: hidden;position: relative;	text-align: center; line-height: 32px; font-size: 14px;
	float: right;cursor: pointer;background: url(../images/product/uploading01.png) no-repeat 15px center #026bbb;
}
.videoModule a input{height:100%;cursor: pointer;font-size: 35px;opacity: 0;position: absolute;top: 0;left: 0;-webkit-appearance: button;}
.videoModule .img_list{margin-top: 10px; text-align: center;display: inherit;}
*/

.videoBox{width: 600px; height: 400px;margin: auto;  border: 1px solid #e0e0e0;box-sizing: border-box; padding: 3px;overflow: hidden;position: relative;}
/*.videoBox img{width: auto; height: 100%;  display: block;}*/
.videoBox video{width: 100%; height: 100%; margin: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoBox video.vertical{height: 100%; width: auto;}

.example .videoModule .scan {width: 526px;left: 0px;}

/*营业执照2020.2.18*/
/* .License_case {overflow: hidden;padding: 60px 0 20px;}
.License_case p{margin-bottom: 20px;}
.License_case section{float: left;}
.License_case article{float: right;width: 820px;}
.License_case .imgL {
    width: 395px;padding: 5px;height: 540px;
    float: none; border: 1px solid #e0e0e0;
}
.License_case section .img_show {
    height: 100%;width: auto;
    padding: 0px; margin: auto;display: block;
}

.License_case article ul {border-bottom: none;  height: auto;border: 1px solid #e0e0e0;}
.License_case article ul li {
    float: none; color: #8e8f90; cursor: pointer;
    width: 100%; line-height: inherit;
    text-align: left; font-weight: bold;font-size: 15px;
}
.License_case .accordionHead a{border-bottom: 1px solid #dfdfdf;}
.License_case article li li {
	color: #3b3b3c;cursor: auto;
    font-weight: inherit;font-size: 14px;
}
.License_case .nowadays{background: #eee; border: none;}
.License_case .nowadays a{ color: #3f7ed2;}
.License_case article li a{
	background: #eee;display: block;padding-left: 10px;line-height: 38px;
	color: #6e6e6e;
}
.License_case .tab{height: 469px;background: #fff;overflow: auto;padding-top: 5px;}
.License_case .tab p,.License_case .tab span {
    text-align: left;   line-height: 30px; font-size: 14px;
	color: #3b3b3c;margin-bottom: 0;font-weight: 100;cursor: auto;
}
.License_case .tab strong{margin-right: 5px;font-weight: bold;}
.License_case .img_list { display: inline-block;}
.License_case .text_align{text-align: center;}
.License_case .img_list li { margin: 10px 12px 0 0; overflow: hidden;}
.License_case .img_list img {width: auto;  height: 66px; }
.License_case #tab2{padding-bottom: 0;color: #3b3b3c;font-size: 14px;font-weight: 100;}
.License_case #txtrslt{padding:0 20px;}
.License_case .access{float: right;font-size: 16px;margin-right: 5px;} */

#background{display: none;background: rgba(0,0,0,.2);position:fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 21;}
#enlarge_img{width: 100%;border: 5px solid rgba(0,137,232,.7);}
#enlarge_box{display: none;position:fixed;top: 50%;left: 50%; z-index: 22;/*border: 5px solid rgba(0,137,232,.7);*/}
.clouseImg{position: absolute;width: 30px;height: 31px;top: 5px;right: -5px;cursor: pointer;}
#enlarge_box em{
	position: absolute;font-size: 20px;top: 1px;right: 0;cursor: pointer;
	width: 24px;height: 24px;display: block;text-align: center;background: #fff;
}

/*示例代码*/
.sampleCode{}
.sampleCode ul{overflow: hidden;}
.sampleCode li{ padding: 4px 15px;cursor: pointer;display: inline-block;}
.sampleCode li:hover{color: #298ff8;}
.sampleCode pre{display: none;}
.sampleCode pre:nth-of-type(1){display: block;}
.sampleCode pre code{white-space: pre-wrap;/*防止代码行超出容器宽度*/margin: 0;/*去掉代码前缩进*/background: #f7f8fa;min-height: 40px; display: block;}
.sampleCode .atPresent{color: #298ff8; border-bottom: 2px solid #298ff8;}
/*报关单*/
.dataTable{border-collapse: collapse;margin-top:10px;width: 100%;}
.dataTable td{ border: 1px solid #999; height: 28px; line-height: 21px; padding: 2px 5px;}

@media screen and (max-width:1650px){
	.product_head {height: 440px;}
}
@media screen and (max-width:1500px){
	.product_head {height: 400px;}
	.product_txt h3 { font-size: 25px;}
}
@media screen and (max-width:1400px){
	.product_head {height: 375px;}
	.product_txt{transform: translate(5%,-43%);}
	.example,.API_document, .container1{max-width: 1160px;}
	.example_zj section .word,
	.example_discern section .word{margin-left: 85px;}
	.face_example section { padding: 0 20px;}
	.IdentityCard section { padding: 0 30px;}
	.IdentityCard .face:nth-of-type(1) {padding-right: 70px;}
	.IdentityCard .face:nth-of-type(2) {padding-left: 70px;}
	.IdentityCard section .img_show,
	.cellPhone section .img_show {width: 425px;height: 275px;}
	/* .License_case article{width: 730px;} */
}

@media screen and (max-width:1350px){
	.product_head {height: 375px;}
}

@media screen and (max-width:1230px){
	.API_document, .container1{max-width: 1060px;padding: 60px 45px;}
	.example{max-width: 1060px;/*padding: 60px 45px;*/}
	.product_head,.product_head,.advantage{min-width: 1130px;}
	.example_zj section .word,
	.example_discern section .word{margin-left: 60px;}
	.example .imgL {width: 508px;}
	.example section .img_show {width: 466px; height: 306px;}
	.face_example section { padding: 0;}
	.example section .scan {width: 468px;}
	.IdentityCard section .img_show,
	.cellPhone section .img_show{width: 426px; height: 265px;}
	.IdentityCard section{padding: 0;}
	.IdentityCard .face:nth-of-type(2){padding-left: 45px;}

	.multi_box { width: 440px;}
	._citys1 li {width: 28%;}
	.product_txt a {margin-top: 16px;}
}
@media screen and (max-width:1150px){
	.product_head,.product_head,.advantage{min-width: 1050px;}
	.API_document,.container1{min-width: 960px;padding: 60px 45px;}
	.example{max-width: 960px;}
	.example section .face .img_show {width: 440px;height: 290px;}
	.example section .face .imgL {  width: 485px;  height: 331px;}
	.IdentityCard section .face .img_show,
	.cellPhone section .face .img_show{width: 365px;height: 225px}

	.IdentityCard .face:nth-of-type(1) { padding-right: 65px;}
	/*2020.2.18营业执照*/
	/* .License_case article{width: 535px;} */
}
@media screen and (max-width:1120px){
	.multi_box { width: 410px;}
}
@media screen and (max-width:1090px){
	.multi_box { width: 400px;}
}
@media screen and (max-width:1080px){
	.example{max-width: 985px;min-width: 985px;}
	.example section .face .imgL {width: 465px; height: 318px;}
	.example section .face .img_show {width: 423px; height: 278px;}
	.IdentityCard section .face .img_show,
	.cellPhone section .face .img_show{width: 365px;height: 225px}
	.multi_box { width: 370px;}
	._citys1 li {width: 27%;}
	.IdentityCard .face:nth-of-type(1) {padding-right: 65px;}
	.IdentityCard .face:nth-of-type(2) { padding-left: 50px;}
	/*2020.2.18营业执照*/
	/* .License_case article{width: 560px;} */
}
@media screen and (max-width:1050px){
	.example{margin-left: 33px;}
}

/*产品页弹出框*/
.pop_up{position: fixed;z-index: 20;top: 0;left: 0;	background: rgba(0, 0, 0,.3);width: 100%;height: 100%;display: none;}
.pop_upMain{
	background: #fff;width: max-content;box-sizing: border-box;padding: 38px 22px;border-radius: 16px;
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;
}
.pop_upImg{width: 210px;margin-right: 20px;display: flex; justify-content: center; align-items: center;flex-wrap: wrap;}
.pop_upImg img{display: block; width: 85%; height: auto;}
.pop_upImg p{font-size: 16px;text-align: center;}
.pop_upTxt h3{margin-bottom: 6px;font-size: 22px;}
.pop_upTxt p{line-height: 24px;max-width: 460px;}
.pop_upTxt h4{font-size: 17px; margin-top: 15px;margin-bottom: 5px;}
.pop_upTxt section{font-size: 16px;}
.pop_upMain .closeBtn{position: absolute; top: 8px;right: 9px;border: 1px solid #999;width: 21px;height: 21px;border-radius: 50%;cursor: pointer;}
.pop_upMain .closeBtn:after,.pop_upMain .closeBtn:before{content: ""; position: absolute; height: 14px; border-right: 1px solid #666;right: 10px;top: 4px;}
.pop_upMain .closeBtn:after{transform: rotate(-45deg);}
.pop_upMain .closeBtn:before{transform: rotate(45deg);}


/*选项合子*/
.multiConfiguration .select{width: 120px;margin-right: 10px;}

.BackgroundFiltering{display: inline-block; height: 35px;line-height: 34px; vertical-align: bottom;}
.BackgroundFiltering .switch{
	position:relative; width:52px;height:21px;cursor: pointer;vertical-align: middle; display: inline-block;
	border-radius:50px;background-color:#fff;background-clip:padding-box;border:2px solid #e5e5e5;
	line-height: initial;margin-left: 4px;
}
.BackgroundFiltering .active{border-color:rgba(0,150,255,.5);background-color:rgba(0,150,255,.5);}
.BackgroundFiltering .switch .switch-handle{
	position:absolute;top:0;left:0; width:20px; height:20px; border-radius:30px; background-color:#fff;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4); box-shadow:0 2px 5px rgba(0,0,0,0.4); text-align: center;
}
.BackgroundFiltering .active .switch-handle{-webkit-transform:translate(32px,0); transform:translate(32px,0);}
.switch-mini{width:46px;}
.switch-mini:before{display:none;}
.switch-mini.active .switch-handle{-webkit-transform:translate(16px,0);	transform:translate(16px,0);}
/*.BackgroundFiltering .switch .switch-handle:before{content: "关";color: #888;transform: scale(0.8); display: inline-block;}
.BackgroundFiltering .active .switch-handle:before{content: "开";color: #399fe7;}*/
.BackgroundFiltering .switch:before{content: "OFF";transform: scale(0.8); display: inline-block;position: absolute;	top: 1px;	right: 5px;	text-transform: uppercase;	color: #999;}
.BackgroundFiltering .active:before{content: "ON";color: #fff;left: 5px;}

.operatingBtn{margin-top: 30px;display: flex;  justify-content: left;  align-items: center;}
.operatingBtn a,.operatingBtn .ExportBtn{margin-top: 0 !important;}
.operatingBtn .ExportBtn{width: 140px;}

/*开关*/
.switchBox{float: right;font-size: 16px;}
.inclineBox{margin-left: 300px;font-size: 16px;}
.switchVIZ{display: none;}
.switchBox .switch{
	position:relative; float:right;width:56px;height:21px;border:2px solid #e5e5e5;cursor: pointer;
	border-radius:50px;background-color:#fff;background-clip:padding-box;margin-left: 5px;
}
.switchBox .active{border-color:rgba(0,150,255,.5);background-color:rgba(0,150,255,.5);}
.switchBox .switch .switch-handle{
	position:absolute;top:0;left:0; width:20px; height:20px; border-radius:30px; background-color:#fff;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4); box-shadow:0 2px 5px rgba(0,0,0,0.4); text-align: center;
}
.switchBox .active .switch-handle{-webkit-transform:translate(32px,0); transform:translate(32px,0);}
.switch-mini{width:46px;}
.switch-mini:before{display:none;}
.switch-mini.active .switch-handle{-webkit-transform:translate(16px,0);	transform:translate(16px,0);}
.switchBox .switch:before{content: "OFF";transform: scale(0.8); display: inline-block;position: absolute; top: -1px; right: 5px; text-transform: uppercase; color: #999;}
.switchBox .active:before{content: "ON";color: #fff;left: 5px;}
/*表格、文档*/
.demonstration{padding: 60px 10px; font-size: 16px;}
.demonstration .setNavBox{display: flex;justify-content: space-around;	align-items: last baseline;}
.demonstration .setNavBox>div{width: calc(100% - 120px);}
.demonstration .setNavBox>div *{margin-bottom: 5px;}
.demonstration .setNavBox select{max-width: 140px;border-radius: 3px;font-size: 14px;color: #333;background: #fff;border: 1px solid #aaa;position: relative;padding: 2px;}
.demonstration .setNavBox select,.demonstration .setNavBox>div{margin-right: 10px;}
.demonstration .title{display: inline-block;vertical-align: middle;}
.demonstration .switchBox{float: none;display: inline-block;}

.demonstration .select{margin-top: 0;width: auto;font-size: 14px;min-width: 110px;box-sizing: border-box;}
.demonstration .placeholder{padding: 1px 18px 1px 5px;}
.demonstration .placeholder:after,.demonstration .select.is-open .placeholder::after{
	top: 6px;right: 5px;width: 6px;height: 6px; border: 0;
	border-bottom: 1px solid #333;border-left: 1px solid #333;transform: rotate(-45deg);
}
.demonstration .select.is-open .placeholder,.demonstration .select.is-open .single {border: 1px solid #aaa;box-shadow: none;}
.demonstration section{height: 700px;display: flex;	justify-content: space-between;margin-top: 10px;}
.exampleImgBox {width: 120px;border: var(--borderDF);overflow: auto;}
.exampleImgBox ul{padding: 3px;}
.exampleImgBox li{margin-bottom: 5px;border: 1px solid #ddd;height: 112px;position: relative;cursor: pointer;overflow: hidden;}
.exampleImgBox .nowadays_img{border: 1px solid #0073eb;}
.exampleImgBox img,.previewBase img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%;height: auto;}
.exampleImgBox .vertical img,.previewBase .vertical img{width: auto;height: 100%;}

.mainImgBox{border: var(--borderDF);width: calc(54% - 120px);border-width:1px 0;position: relative;}
.mainImgBox .masterMap{/*height: calc(100% - 45px);*/height: calc(100% - 128px);overflow: hidden;}
.mainImgBox .masterMap>div{position: relative;}
.mainImgBox .masterMap img{width: 100%;	height: auto;}

.mainImgBox .rotateBtn{position: absolute;	right: 0;top: 2px;cursor: pointer;z-index: 3;padding: 5px;display: none;border-radius: 6px;}
.mainImgBox .rotateBtn img{display: block;width: 32px;}
.mainImgBox .rotateBtn ul{position: absolute;right: -1px;top: 42px;height: initial;background: #fff;display: none;font-size: 16px;text-align: center;
	border: 1px solid #ddd;border-radius: 5px;padding: 5px 3px;}
.mainImgBox .rotateBtn ul:before{top: -3.5px;z-index: -1;border: 4px solid #aaa; }
.mainImgBox .rotateBtn ul:after{top: -3px; z-index: 0; border: 4px solid #fff; }
.mainImgBox .rotateBtn ul:before,.mainImgBox .rotateBtn ul:after{
	content: ""; position: absolute;right: 12px; width: 0;height: 0; transform: rotate(-45deg);
	box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.05);border-bottom-color: transparent; border-left-color: transparent;
}
.mainImgBox .rotateBtn li{height: auto;padding: 5px 6px;color: #666;min-width: 60px;}
.mainImgBox .rotateBtn:hover>ul{display: block;}
.mainImgBox .rotateBtn li:hover{background: #66b1ff;color: #fff;}

.previewBase{width: 100%;height: 80px;overflow: auto;display: block;padding-bottom: 2px;border-top: var(--borderDF);}
.previewBase ul{width: max-content;height: 100%;min-height: 62px;padding: 2px;box-sizing: border-box;}
.previewBase li{width: 80px;height: inherit;float: left;margin-right: 3px;	border: 1px solid #ddd;	position: relative;	overflow: hidden;}
.previewBase li.selected {border: 1px solid #036fe2 !important;}
.previewBase span{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 13px;background: rgba(0, 0, 0, .4);	color: #fff;}


.operatingBox{padding: 6px;border-top: var(--borderDF);overflow: hidden;font-size: 14px;}
.operatingBox>div{width: calc(100% - 70px);}
.operatingBox .hiteTxtBox{width: 100%;display: inline-block;line-height: 23px;min-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.operatingBox .hiteTxtBox p{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: calc(100% - 100px);min-height: 23px;vertical-align: middle;}
.operatingBox .file-upload{padding: 4px 15px;border: 0px;background: #409eff;cursor: pointer;color: #fff;border-radius: 4px;}
.operatingBox input[type="file"] {display: none;}



.presentationData{border: var(--borderDF);width: 45%;}
.presentationData ul{overflow: hidden;display: flex;}
.presentationData li{width: 50%;height: 42px;line-height: 42px;font-size: 16px;text-align: center;cursor: pointer;background: #eee;}
.presentationData .nowadays{background: #0e7ae6;color: #fff;}
.presentationData .exhibition{overflow: auto;height: calc(100% - 42px);}
.presentationData .tab:nth-of-type(2){display: none;}
.presentationData #txtrslt table{width: 100%;}