@charset "utf-8";

/*背景*/
.bodyBg {
	background: #f2f7ff;
}

.bodyPopup{
	background: #fff;
}

/* 头 */
.head {
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.head .logo {
	min-width: 430px;
max-width: 500px;
height: 60px;
    display: flex;
    align-items: center;
}

.head .logo img {
	height: 36px;
}

.head .logo span{
	display: inline-block;
	margin: 0 0 0 15px;
	line-height: 26px;
	color: #0a61e8;
	font-size: 26px;
	font-weight: 700;
}

.head .logo span.foLogo{
	border-left: 1px solid #e5e5e5;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
}


.head .logo span.foLogo img{
	height: 50px;
}

.head .nav {
	padding-top: 12px;
}

.head .nav ul li {
	float: left;
	margin: 0 15px;
}

.head .nav ul li a {
	display: block;
	font-size: 16px;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
}

.head .nav ul li a:hover {
	color: #0a61e8;
}

.head .nav ul li.on a {
	background-color: #deebff;
	color: #0a61e8;
	font-weight: 700;
}

.head .userInfo {
	padding-top: 22px;
}

.head .userInfo span {
	height: 16px;
	line-height: 16px;
	font-weight: 700;
	margin-right: 10px;
}

.head .userInfo a {
	height: 16px;
	line-height: 16px;
	padding: 0 10px;
	border-right: 1px solid #999;
}

.head .userInfo a:nth-last-of-type(1) {
	border-right: none;
}

.head .userInfo a.fullScreen,
.head .userInfo a.fullScreen:hover {
	color: #0a61e8;
}

.head .userInfo a:hover {
	color: #e6a23c;
}

.head .translateMenu {
margin-top:19px;
	border: 1px solid #aaa;
}


/*当前位置*/
.location {
	height: 40px;
	line-height: 40px;
	margin: 0 20px;
	color: #666;
}

.location .icon-return{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: 12px;
	background: url(../images/icon-home.png) center no-repeat;
}

.location a {
	padding: 0 10px;
	color: #666;
}

/* 尾 */
.footer {
	text-align: center;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
}

.footer span {
	padding: 0 10px;
}

/*深伪左侧源图列表*/
.deepFake_layerBox {
	padding: 0px 20px 10px;
}

.sourceImg_layerBox,
.deepFakeCon,
.resultListBox {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	height: -webkit-calc(100vh - 152px);
	height: -moz-calc(100vh - 152px);
	height: calc(100vh - 152px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sourceImg_layerBox {
	width: 234px;
	padding: 12px 0 15px;
}

.btn_FileBox {
	padding: 0 10px;
}

.btn_FileBox a {
	color: #055fe7;
	margin-right: 20px;
}

.btn_FileBox a:nth-last-of-type(1) {
	margin-right: 0;
}

.icon {
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 6px;
}

.icon-add {
	background-position: 0 0;
}

.icon-edit {
	background-position: 0 -20px;
}

.sourceImg_layerBox .taskName {
	height: 50px;
	padding: 0 10px;
	font-weight: normal;
	margin-top: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.btn_sourceImgBox {
	margin: 10px 0;
display: flex;
    justify-content: right;
    align-items: center;
}

.btn_sourceImgBox a {
	background-color: #6ca6ff;
	color: #fff;
	height: 26px;
	line-height: 26px;
	transition: all 0.6s;
	border-radius: 3px;
	margin: 0 3px;
	min-width: 48px;
	text-align: center;
}

.btn_sourceImgBox a:hover {
	background-color: #448eff;
}

.sourceImgList .tit {
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-weight: normal;
	background-color: #67a3ff;
	color: #fff;
}

.sourceImgList ul {
	overflow-y: auto;
	height: -webkit-calc(100vh - 348px);
	height: -moz-calc(100vh - 348px);
	height: calc(100vh - 348px);
}

.sourceImgList ul li {
	margin: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #ddd;
}

.sourceImgList ul li.on{
	border: 1px solid #ff4040;
}

.sourceImgList ul li .imgBox {
	width: 100%;
	height: 140px;
	position: relative;
}

.sourceImgList ul li .imgBox img {
	max-width: 100%;
	height: 140px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.sourceImgList ul li .imgBox .checkbox {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	width: 18px;
	height: 18px;
}

.sourceImgList ul li .fileName {
	background-color: #fdfdfd;
	height: 32px;
	line-height: 32px;
	text-align: center;
	padding: 0 10px;
}

/*深伪中间内容*/
.deepFakeCon {
	margin: 0 10px;
	padding: 0 10px;
	width: -webkit-calc(100% - 618px);
	width: -moz-calc(100% - 618px);
	width: calc(100% - 618px);
}

.btn-detectFunction{
	padding: 20px 0;
	position: relative;
}

.btn-detectFunction .btn_moreCon{
	display: block;
	position: absolute;
	top: 15px;
	width: 18px;
	height: 66px;
	text-align: center;
	line-height: 66px;
	border-radius: 4px;
	margin: 0;
	transition: all 0.6s;
	color: #333;
}

.btn-detectFunction .btn_moreCon:hover{
	opacity: 0.8;
}

.btn-detectFunction .btn_moreCon.arrL{
	left: 0;
	background: #ddd url(../images/icon-arrowLR.png) -28px 27px no-repeat;
}

.btn-detectFunction .btn_moreCon.arrR{
	right: 0;
	background: #ddd url(../images/icon-arrowLR.png) 6px 27px no-repeat;
}


.btn-detectFunction .group_layer{
	border-right: 1px solid #ddd;
}

.btn-detectFunction .group_layer:nth-last-of-type(1){
	border-right: none;
}

.btn-detectFunction a{
	margin: 0 22px;
}

.btn-detectFunction a p{
	margin-top: 10px;
	text-align: center;
}

.btn-detectFunction a:hover p{
	color: #4b80d2;
}

.btn-detectFunction a.disable{
	opacity: 0.3;
    cursor: no-drop;
}

.btn-detectFunction a.disable:hover p{
	color: #666;
}

.icon-deepFake {
	display: block;
	background-image: url(../images/iocn-deepFake.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin: auto;
}

.icon-zdjc,.btn-detectFunction a.disable:hover .icon-zdjc{
	background-position: 0 0;
}

.btn-detectFunction a:hover .icon-zdjc {
	background-position: -70px 0;
}

.icon-lhjc,.btn-detectFunction a.disable:hover .icon-lhjc{
	background-position: 0 -50px;
}

.btn-detectFunction a:hover .icon-lhjc {
	background-position: -70px -50px;
}

.icon-mxksh,.btn-detectFunction a.disable:hover .icon-mxksh{
	background-position: 0 -100px;
}

.btn-detectFunction a:hover .icon-mxksh {
	background-position: -70px -100px;
}

.icon-jmksh,.btn-detectFunction a.disable:hover .icon-jmksh{
	background-position: 0 -150px;
}

.btn-detectFunction a:hover .icon-jmksh {
	background-position: -70px -150px;
}

.icon-dcd,.btn-detectFunction a.disable:hover .icon-dcd{
	background-position: 0 -200px;
}

.btn-detectFunction a:hover .icon-dcd {
	background-position: -70px -200px;
}

.icon-pp,.btn-detectFunction a.disable:hover .icon-pp{
	background-position: 0 -250px;
}

.btn-detectFunction a:hover .icon-pp {
	background-position: -70px -250px;
}

.icon-rh,.btn-detectFunction a.disable:hover .icon-rh{
	background-position: 0 -300px;
}

.btn-detectFunction a:hover .icon-rh {
	background-position: -70px -300px;
}

.icon-yjqx,.btn-detectFunction a.disable:hover .icon-yjqx{
	background-position: 0 -350px;
}

.btn-detectFunction a:hover .icon-yjqx {
	background-position: -70px -350px;
}

.icon-znzq,.btn-detectFunction a.disable:hover .icon-znzq{
	background-position: 0 -400px;
}

.btn-detectFunction a:hover .icon-znzq {
	background-position: -70px -400px;
}

.icon-znjz,.btn-detectFunction a.disable:hover .icon-znjz{
	background-position: 0 -450px;
}

.btn-detectFunction a:hover .icon-znjz {
	background-position: -70 -450px;
}

.icon-znqmh,.btn-detectFunction a.disable:hover .icon-znqmh{
	background-position: 0 -500px;
}

.btn-detectFunction a:hover .icon-znqmh {
	background-position: -70px -500px;
}

.icon-znfd,.btn-detectFunction a.disable:hover  .icon-znfd{
	background-position: 0 -550px;
}

.btn-detectFunction a:hover .icon-znfd {
	background-position: -70px -550px;
}

.icon-yjjc,.btn-detectFunction a.disable:hover .icon-yjjc{
	background-position: 0px -600px;
}

.btn-detectFunction a:hover .icon-yjjc{
	background-position: -70px -600px;
}

.icon-ysj,.btn-detectFunction a.disable:hover .icon-ysj{
	background-position: 0px -650px;
}

.btn-detectFunction a:hover .icon-ysj{
	background-position: -70px -650px;
}

.icon-fzzt,.btn-detectFunction a.disable:hover .icon-fzzt{
	background-position: 0px -700px;
}

.btn-detectFunction a:hover .icon-fzzt{
	background-position: -70px -700px;
}

.icon-ytpj,.btn-detectFunction a.disable:hover .icon-ytpj{
	background-position: 0px -750px;
}

.btn-detectFunction a:hover .icon-ytpj{
	background-position: -70px -750px;
}

.icon-wbcg,.btn-detectFunction a.disable:hover .icon-wbcg{
	background-position: 0px -800px;
}

.btn-detectFunction a:hover .icon-wbcg{
	background-position: -70px -800px;
}

.icon-zzcg,.btn-detectFunction a.disable:hover .icon-zzcg{
	background-position: 0px -850px;
}

.btn-detectFunction a:hover .icon-zzcg{
	background-position: -70px -850px;
}

.icon-xjsy,.btn-detectFunction a.disable:hover .icon-xjsy{
	background-position: 0px -900px;
}

.btn-detectFunction a:hover .icon-xjsy{
	background-position: -70px -900px;
}


.icon-qxrl,.btn-detectFunction a.disable:hover .icon-qxrl{
	background-position: 0px -950px;
}

.btn-detectFunction a:hover .icon-qxrl{
	background-position: -70px -950px;
}

.icon-hdzft,.btn-detectFunction a.disable:hover .icon-hdzft{
	background-position: 0px -1000px;
}

.btn-detectFunction a:hover .icon-hdzft{
	background-position: -70px -1000px;
}

.icon-wtz,.btn-detectFunction a.disable:hover .icon-wtz{
	background-position: 0px -1050px;
}

.btn-detectFunction a:hover .icon-wtz{
	background-position: -70px -1050px;
}

.icon-xl,.btn-detectFunction a.disable:hover .icon-xl{
	background-position: 0px -1100px;
}

.btn-detectFunction a:hover .icon-xl{
	background-position: -70px -1100px;
}

.icon-rlgjd,.btn-detectFunction a.disable:hover .icon-rlgjd{
	background-position: 0px -1150px;
}

.btn-detectFunction a:hover .icon-rlgjd{
	background-position: -70px -1150px;
}

.icon-zy,.btn-detectFunction a.disable:hover .icon-zy{
	background-position: 0px -1200px;
}

.btn-detectFunction a:hover .icon-zy{
	background-position: -70px -1200px;
}

.icon-hm,.btn-detectFunction a.disable:hover .icon-hm{
	background-position: 0px -1250px;
}

.btn-detectFunction a:hover .icon-hm{
	background-position: -70px -1250px;
}

.icon-tbzt,.btn-detectFunction a.disable:hover .icon-tbzt{
	background-position: 0px -1300px;
}

.btn-detectFunction a:hover .icon-tbzt{
	background-position: -70px -1300px;
}

.icon-gz,.btn-detectFunction a.disable:hover .icon-gz{
	background-position: 0px -1350px;
}

.btn-detectFunction a:hover .icon-gz{
	background-position: -70px -1350px;
}

.icon-nlsc,.btn-detectFunction a.disable:hover .icon-nlsc{
	background-position: 0px -1400px;
}

.btn-detectFunction a:hover .icon-nlsc{
	background-position: -70px -1400px;
}


.icon-zstz,.btn-detectFunction a.disable:hover .icon-zstz{
	background-position: 0px -1450px;
}

.btn-detectFunction a:hover .icon-zstz{
	background-position: -70px -1450px;
}

.icon-qxtx,.btn-detectFunction a.disable:hover .icon-qxtx{
	background-position: 0px -1500px;
}

.btn-detectFunction a:hover .icon-qxtx{
	background-position: -70px -1500px;
}

.icon-ypfx,.btn-detectFunction a.disable:hover .icon-ypfx{
	background-position: 0px -1550px;
}

.btn-detectFunction a:hover .icon-ypfx{
	background-position: -70px -1550px;
}

.icon-cqtxsc,.btn-detectFunction a.disable:hover .icon-cqtxsc{
	background-position: 0px -1600px;
}

.btn-detectFunction a:hover .icon-cqtxsc{
	background-position: -70px -1600px;
}


.bigImgBox {
	width: -webkit-calc(50% - 2px);
	width: -moz-calc(50% - 2px);
	width: calc(50% - 2px);
}

.bigImgBox .imgBox {
	height: -webkit-calc(100vh - 308px);
	height: -moz-calc(100vh - 308px);
	height: calc(100vh - 308px);
	width: 100%;
	position: relative;
	border: 1px solid #d4e7ff;
}

.bigImgBox:nth-of-type(1) .imgBox {
	border-right: none;
}

.bigImgBox .imgBox img {
	max-width: 98%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}

.bigImgBox .imgBox .icon-download{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 42px;
	height: 36px;
	border-radius: 2px;
	transition: all 0.6s;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(10,97,233,0.4);
	background-image: url(../images/icon-download.png);
	
}
.bigImgBox .imgBox .icon-download:hover{
	background-color: rgba(10,97,233,0.6);
}

.bigImgBox .imgBox .picFunction {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 40px;
	padding-top: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	transition: all 0.6s;
	background-color: #d9e8ff;
}

.bigImgBox .imgBox:hover .picFunction{
	opacity: 1;
}

.percentPic {
	color: #666;
	font-weight: bold;
	padding: 5px 20px 0 0;
	float: left;
	font-size: 14px;
	font-weight: 700;
}

/*对图片进行操作的的按钮*/
.icon-picAction {
	background: url("../images/icon-picAction.png") no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: 4px 11px 0 0;
	cursor: pointer;
	float: left;
}

.icon-qxhcl {
	background-position: 0px -120px;
}

.icon-crop {
	background-position: 0px 0px;
}

.icon-rotate {
	background-position: 0px -180px;
}

.icon-enlarge {
	background-position: 0px -30px;
}

.icon-zoomOut {
	background-position: 0px -60px;
}

.icon-originalSize {
	background-position: 0px -210px;
}

.icon-fullScreen {
	background-position: 0px -90px;
}

.icon-exitFullScreen {
	background-position: 0px -150px;
}

.icon-move {
	background-position: 0px -270px;
}

.icon-cleanUp {
	background-position: 0px -240px;
}

.icon-cropUpload {
	background-position: 0px -299px;
}

.icon-lateralTurn {
	background-position: 0px -328px;
}

.icon-verticalTurn {
	background-position: 0px -358px;
}

.icon-window {
	background-position: 0px -388px;
}

.icon-qxhcl:hover {
	background-position: -28px -120px;
}

.icon-crop:hover {
	background-position: -28px 0px;
}

.icon-rotate:hover {
	background-position: -28px -180px;
}

.icon-enlarge:hover {
	background-position: -28px -30px;
}

.icon-zoomOut:hover {
	background-position: -28px -60px;
}

.icon-originalSize:hover {
	background-position: -28px -210px;
}

.icon-fullScreen:hover {
	background-position: -28px -90px;
}

.icon-exitFullScreen:hover {
	background-position: -28px -150px;
}

.icon-move:hover {
	background-position: -28px -270px;
}

.icon-cleanUp:hover {
	background-position: -30px -240px;
}

.icon-cropUpload:hover {
	background-position: -28px -299px;
}

.icon-lateralTurn:hover {
	background-position: -28px -328px;
}

.icon-verticalTurn:hover {
	background-position: -28px -358px;
}

.icon-window:hover {
	background-position: -28px -388px;
}

.textTitTips {
	text-align: center;
	line-height: 54px;
}

/*深伪右侧*/
.resultListBox {
	width: 364px;
}

.resultListBox .tit{
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
	background-color: #d4e9ff;
	color: #0a61e8;
}

.fileName,
.md5Val{
	color: #333;
	font-weight: 700;
	padding: 0 20px;
	line-height: 24px;
}

.countResultBox{
	padding: 0 10px;
	height: -webkit-calc(100vh - 380px);
	height: -moz-calc(100vh - 380px);
	height: calc(100vh - 380px);
	overflow-y: auto;
}

.countResultBox.txjcBox{
	height: -webkit-calc(100vh - 320px);
	height: -moz-calc(100vh - 320px);
	height: calc(100vh - 320px);
}

.countResultBox.txsyBox{
	height: -webkit-calc(100vh - 260px);
	height: -moz-calc(100vh - 260px);
	height: calc(100vh - 260px);
}

.countResultBox .imgBox a{
	width: -webkit-calc(33.33% - 10px);
	width: -moz-calc(33.33% - 10px);
	width: calc(33.33% - 10px);
	height: 100px;
	margin:5px;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d4e7ff;
}

.countResultBox .imgBox a.on{
	border: 1px solid #ff4040;
}

.countResultBox .imgBox a .imgMoreResults{
	display: none;
	position: absolute;
	bottom: 2px;
	right: 2px;
	padding: 2px 5px 1px;
	border-radius: 2px;
	font-size: 12px;
	z-index: 2;
	color: #0a61e8;
	background: #deebff;
}

.countResultBox .imgBox a:hover .imgMoreResults{
	display: block;
}

.countResultBox .imgBox{
	margin-top: 5px;
	padding: 0 8px;
}

.countResultBox .imgBox a img{
	width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.detectResult,
.fakeVal,
.charactDesc{
	color: #333;
	padding: 0 10px;
	line-height: 24px;
}


.charactDesc{
	margin-top: 10px;
}

.methodName{
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	margin: 15px 0;
	border-left: 5px solid #3b95f2;
	background-color: #e1eefa;
	color: #0a61e8;
}

.resultListBox .btn_moreBox{
	display: block;
	font-size: 16px;
	padding: 20px;
	transition: all 0.6s;
	opacity: 1;
	color: #fb3a5a;
}

.resultListBox .btn_moreBox:hover{
	opacity: 0.7;
}

.resultListBox .btn_reportBox{
	display: block;
	height: 46px;
	line-height: 46px;
	width: 160px;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	background-color: #3b95f2;
	color: #fff;
}

.method1{
	margin: 0px 10px 10px;
}

.method2{
	margin: 0px 10px;
}
.method1 h1,.method2 h1{
	color: #333;
}

.method1 p,
.method2 p{
	margin: 5px 0;
}
.method1 p{
	color: #ff4040;
}

.method2 p{
	color: #67C23A;
}

/*图像溯源*/
.imgTraceability .bigImgBox{
	width: -webkit-calc(49.9% - 2px);
	width: -moz-calc(49.9% - 2px);
	width: calc(49.9% - 2px);
}

.entryImgBox{
	height: -webkit-calc(50vh - 142px);
	height: -moz-calc(50vh - 142px);
	height: calc(50vh - 142px);
}

.bigImgBox .entryImgBox .imgBox {
	height: -webkit-calc(50vh - 171px);
	height: -moz-calc(50vh - 171px);
	height: calc(50vh - 171px);
    border: 1px solid #ecf2fd;
}

.publicImgTit{
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	width: 100%;
	color: #333;
	border-top: 1px solid #ecf2fd;
	background-color: #f2f7ff;
}

.bigImgBox .entryImgBox .imgBox,
.publicImgTit,
.imgAttrInfo .key{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.imgAttrInfo{
	border: 1px solid #ecf2fd;
}

.imgAttrInfo .key{
	/* width: 210px; */
	width: 100%;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: -webkit-calc(50vh - 150px);
	max-height: -moz-calc(50vh - 150px);
	max-height: calc(50vh - 150px);
	overflow-y: auto;
}

.imgAttrInfo .key p{
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imgAttrInfo .val{
	width: -webkit-calc(100% - 210px);
	width: -moz-calc(100% - 210px);
	width: calc(100% - 210px);
	height: -webkit-calc(50vh - 150px);
	height: -moz-calc(50vh - 150px);
	height: calc(50vh - 150px);
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #f5f8fe;
}

.imgAttrInfo .val img{
	max-width: 96%;
	max-height: 96%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.imgAttrInfo .phoneImg{
			height: -webkit-calc(50vh - 150px);
			height: -moz-calc(50vh - 150px);
			height: calc(50vh - 150px);
			position: relative;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.imgAttrInfo .phoneImg img{
			max-width: 98%;
			max-height: 98%;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			z-index: 1;
		}

/*翻页*/
div.pageUp_bj {
    text-align: center
}

div.pageUp_bj ul {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    padding: 1px;
}

div.pageUp_bj ul li {
    display: inline-block;
    height: 32px;
    float: left;
    padding: 0;
    width: auto;
    margin: 0 0 0 -1px;
	border: none;
	background: none;
}

div.pageUp_bj ul .pagenext,
div.pageUp_bj ul a#gopage,
div.pageUp_bj ul select,
div.pageUp_bj ul input {
    float: left;
    margin-left: -1px;
}

div.pageUp_bj span,
div.pageUp_bj ul a,
div.pageUp_bj ul li strong,
div.pageUp_bj ul a.pagenext {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 13px;
	border: 1px solid #ddd;
	color: #666;
}

div.pageUp_bj ul li strong{
	background: #0a61e8;
	color: #fff;
	border-color: #0a61e8;
}

div.pageUp_bj ul li a,
div.pageUp_bj ul a#gopage {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}

div.pageUp_bj ul select {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
	background: #fff;
	border: 1px #ddd solid;
	color: #666;
}

div.pageUp_bj ul input {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 0 !important;
	background: #fff;
	color: #666;
	border: 1px #ddd solid;
}
div.pageUp_bj ul span {
    color: #ccc;
    border-color: #ddd;
}
/*layui*/
.layui-layer{
	background:#fff !important;
}

.layui-layer-title {
    color: #333 !important;
    border-bottom: 1px solid #ddd !important;
}

/*创建账户*/
.editDataList{
	padding: 20px 50px;
}

.editDataList ul li{
	padding: 10px 0;
}

.editDataList ul li .key{
	display: inline-block;
	width: 172px;
	padding-right: 5px;
	text-align: right;
	color: #333;
}
.editDataList ul li .key,
.editDataList ul li .val input,
.editDataList ul li .val select,
.editDataList ul li .val textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 36px;
	/*line-height: 36px;*/
	font-size: 16px;
display: flex;
    justify-content: right;
    align-items: center;
}

.editDataList ul li .val{
	width: -webkit-calc(100% - 172px);
	width: -moz-calc(100% - 172px);
	width: calc(100% - 172px);
	position: relative;
}

.editDataList ul li .val input,
.editDataList ul li .val select,
.editDataList ul li .val textarea{
	display: block;
	width: 100%;
	padding: 0 10px;
	border-radius: 4px;
	border: 1px #ddd solid;
    background-color: #fff;
	color: #333;
}

.editDataList ul li .val textarea{
	height: 120px;
}

.editDataList ul li .val .uploadImgBox{
	font-size: 30px;
	width: 101px;
	height: 101px;
	line-height: 101px;
	text-align: center;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.6s;
	color: #888;
	border: 1px dashed #ddd;
}

.editDataList ul li .val .uploadImgBox:hover{
	color: #0a61e8;
	border: 1px dashed #0a61e8;
}

.editDataList ul li .val .fileInput{
	border: none;
	position: absolute;
	top: 1px;
	left: 1px;
	height: 130px;
	width: 130px;
	opacity: 0;
}

.editDataList ul li .btn_createAcc{
	display: block;
	height: 40px;
	line-height: 40px;
	width: 160px;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	transition: all 0.6s;
	background-color: #3b95f2;
	color: #fff;
}

.star{
	vertical-align: sub;
	font-size: 16px;
	margin-right: 5px;
	color: #ff4040;
}
.editDataList.ageRange{
	padding: 20px 20px;
}
.editDataList.ageRange ul li span.key{
	width:80px;
}
.editDataList.ageRange ul li .val{
	width: -webkit-calc(100% - 100px) !important;
    width: -moz-calc(100% - 100px) !important;
    width: calc(100% - 100px) !important;
}

/*新建任务*/
.newTaskListBox{
	background-color: #fff;
	margin-bottom: 10px;
	/* height: -webkit-calc(100vh - 200px);
	height: -moz-calc(100vh - 200px);
	height: calc(100vh - 200px); */
	overflow-y: auto;
}

.newTaskListBox ul{
	max-width: 1400px;
	margin: 0 auto;
}

.newTaskListBox ul li .val .btn_uploadFile{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	padding: 0 10px;
	min-width: 120px;
	border-radius: 4px;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #3b95f2;
	color: #fff;
}

.newTaskListBox ul li .val .fileTxt{
	width: 120px;
	background: none;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.newAllImgBox{
	display: block;
	width: 100%;
	padding: 5px;
	border-radius: 4px;
	margin-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 125px;
	max-height: 238px;
	overflow-y: auto;
	border: 1px solid #ddd;
	color: #333;
}

.newAllImgBox .uploadImgBox{
	position: relative;
	width: 129px;
	height: 110px;
	border-radius: 4px;
	overflow: hidden;
	margin:5px;
	border:1px solid #eee;
}

.newAllImgBox .uploadImgBox img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.newAllImgBox .uploadImgBox .item_btn{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 3px 3px 7px;
	border-bottom-left-radius: 41px;
	font-size: 18px;
	height: 20px;
	line-height: 18px;
	z-index: 1;
	opacity: 0;
	transition: all 0.6s;
	background: rgba(255, 52, 52, 0.8);
	color: #fff;
}

.newAllImgBox .uploadImgBox:hover .item_btn{
	opacity: 1;
}

/*计算结果进度条*/
.progress-bar{
	height: 20px;
	width:100%;
	margin:20px 0 0;
	border-radius: 10px;
	background-color: #ddd;
}
.progress-bar-speed{
	border-radius: 10px;
	height: 20px;
	background-color: #67c23a;
	
}
.progress-bar-text{
	line-height: 20px;
	text-align: right;
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
}

/*-------元数据table列表------*/
.metadataTableBox{
	height: 100%;
	overflow-y: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.metadataTableBox table tr td{
	line-height: 20px;
	padding: 10px;
	border-bottom: 1px solid #eee;
}

.metadataTableBox table tr td:nth-of-type(1){
	color: #777;
}

.authorizeTime .radioGroup{
				margin-right: 50px;
				line-height: 36px;
			}
			.authorizeTime .radioGroup .radioBox{
				width: 16px;
				height: 16px;
				vertical-align: middle;
				margin: 10px 5px 0 0;
			}
			.authorizeTime .radioGroup span{
			}
			.authorizeTime .radioGroup .txt{
				width: 60px;
				margin: 5px 10px 0 10px;
				height: 26px;
				font-size: 12px;
			}
			.notDataPic{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;
			}
			.notDataPic .notPicBox img{
				position: static;
			}
			.notDataPic .word{
				margin-top: 10px;
				color: #89b7ff;
				font-size: 16px;
			}
			.methodName .titName{
				width: calc(100% - 70px);
				color: #0a61e8;
			}
			.methodName .btnRecalculate{
				margin-right: 5px;
				color: #ff4040;
			}
			.methodName .btnRecalculate:hover{
				color: #f00;
			}