@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
 
}

form ::-webkit-input-placeholder {
  /* WebKit browsers */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  font-weight: 300;
}
form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  opacity: 1;
  font-weight: 300;
}
form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  opacity: 1;
  font-weight: 300;
}
form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  font-weight: 300;
}
.wrapper {
  width: 100%;height: 100%;
  background: #50a3a2;
  background: #61c5fd;
  
  padding-top: 10%;
  overflow: hidden;
  color: #fff;
  

}

.wrapper.form-success .container h1 {
  -webkit-transform: translateY(85px);
      -ms-transform: translateY(85px);
          transform: translateY(85px);
}
.container {
  max-width: 600px;
  margin: 0 auto;
  padding: 80px 0;
  height: 400px;
  text-align: center;
}
.container h1 {
  font-size: 40px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-put;
          transition-timing-function: ease-in-put;
  font-weight: 200;
}
form {
  padding: 20px 0;
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: 640px;
  margin: 0 auto;
  border: 2px solid #FFFFFF;
  border-radius: 4px;
}
form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
  width: 90%;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 24px;
  color: white;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  
}
form input:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
form input:focus {
  background-color: white; 
  color: #000;
}
form a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background-color: white;
  border: 0;
  padding: 10px 15px;
  color: #0277c1;
  border-radius: 3px;
  width:90%;
  cursor: pointer;
  font-size: 24px;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
          display: inline-block;
}
form a:hover {
  background-color: #f5f7f9;
}
.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; background:none;border:none }
input[type="text"], input[type="password"], input[type="number"], input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none; /* mobile firefox too! */
}
ul,li { list-style: none; }
img, object { max-width: 100%; }
i,em{ font-style:normal; display:inline-block}
.clearfixd:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfixd { *zoom:1; overflow:hidden;}
.hide{display:none;}
input:focus,select:focus {outline:none;}
.fl{ float:left;}
.fr{ float:right;}

body { color:#666666;width: 100%; min-width: 320px;font-size:16px;box-sizing: border-box; background-color: #FFFFFF;margin:0 auto;overflow:hidden ;}

html,body{width: 100%;height: 100%;}
.title{font-size:30px;padding: 10px 0;text-align: center;font-weight: 700;color: #ffffff;}
.container{width: 94%;margin: 0 auto;}
.contenlist{font-size:14px;margin:30px auto 10px auto}
.contenlist li{margin-top: 20px;position: relative;}
.contenlist li label{display: inline-block;width: 80px;text-align: right;}
.inputstyle{padding: 4px;border: 1px solid #E9E9E9;line-height: 36px;border-radius: 3px;}
.tips{height: 12px;color: #F94668;font-size:12px;text-align: center;padding: 0 20px;margin:10px 0}
.handbox{text-align: center;}
.handstyle{display:inline-block;width: 200px;height:40px;line-height: 40px; font-size: 16px;color: #FFFFFF;border: none;background: #01A9EE;border-radius: 80px;}
.handstyle:focus{outline: none;}
.handstyle:active{background: #0690DB;}
.reportBox{/*position: fixed;top: 0;left: 0;*/background: #FFFFFF;width: 100%;height: 100%;/*display: none;*/}
#reportImg{width: 100%;height: 100%;}
.close{width: 20px;height: 20px;line-height: 20px;text-align: center; border-radius: 50%;background:rgba(0,0,0,0.3);font-size: 20px;font-weight: 100;color: #FFFFFF;position: absolute;top:10px;right: 10px;z-index: 99;}
.clearNum{width: 15px;height: 15px;background: rgba(0,0,0,0.2);border-radius: 50%;right: 12px;top: 10px;color: #FFFFFF;display: inline-block;position: absolute;font-size: 16px;text-align: center;line-height: 15px;display: none;}
.pinch-zoom-container{width: 100%;height: 100%;}
.loginSend{width:30%;background: #01A9EE;border-radius: 3px;color: #FFFFFF;padding: 4px;line-height: 24px;}
.loginSend.disabled{background: #C9C5C5;color: #FFFFFF;}
.reportlist{padding: 20px;max-width: 960px;margin: 0 auto;color: #4b5563;font-family:"Microsoft YaHei","PingFang SC",Helvetica,Arial,sans-serif;}

.reportlist ul li{font-size: 14.5px;position: relative;line-height:26px;margin-bottom: 14px;background:#fff;border:1px solid #eef0f3;border-radius: 10px;padding: 16px 14px;min-height: 94px;color:#8a94a6;box-shadow:0 2px 8px rgba(31,45,61,.04);transition:box-shadow .2s;}
.reportlist ul li:hover{box-shadow:0 6px 16px rgba(31,45,61,.08);}
.reportlist ul{list-style:none;padding:0;}
.reportlist ul li .articleTitle{color:#2c3e50;font-weight:500;font-size:14.5px;}
.reportlist ul li .itemTime{color:#a5acb8;}
.reportlist ul li .itemTime .articleTitle{color:#7a828f;font-weight:400;}
.reporttit{font-size:24px;margin:25px 0;font-weight: 700;}
/* 外层 wrapper：只负责定位 */
.reportbtn-wrap{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.reportbtnbb-wrap{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}

/* 按钮容器 */
.reportbtn{background: transparent;color: #FFFFFF;line-height: 26px;text-align: center;border-radius: 3px;cursor: pointer;display: inline-flex;gap: 6px;align-items: center;white-space: nowrap;}
.reportbtnbb{padding: 2px 4px;background: #1abb00;color: #FFFFFF;line-height: 26px;text-align: center;border-radius: 3px;cursor: pointer;display: inline-flex;gap: 6px;align-items: center;white-space: nowrap;}
.reportbtnbb a{color: #FFFFFF;}

/* 下载状态标识 */
.dl-status{display: none;padding: 3px 10px;border: none;border-radius: 3px;font-size: 12px;color: #FFFFFF;line-height: 1.4;text-align: center;white-space: nowrap;}
.dl-status.dl-downloaded{background: #999999;}
.dl-status.dl-not-downloaded{background: #1abb00;}

.reportitem span{margin-right: 12px;}
.username,.userPhone,.reportdate,.reportname {color: #333;}
.reportitem .itemlist{float: right;margin-right: 0;text-align: right;}

@media screen and (min-width: 540px) {
    .container{width: 60%;margin: 0 auto;}
}
@media screen and (max-width: 320px) {
    .inputstyle{width: 67%;}
}
@media screen and (min-width:400px) and (max-width:750px){
		.inputstyle{width: 74%;}	
}
@media screen and (min-width:751px) and (max-width:1024px){
		.inputstyle{width: 77%;}	
}
.logoMain{margin-bottom: 30px;overflow: hidden;margin-top: 10px;}
.logoMain img{max-width: 100%;}
.logoMain span{width:33%;display: inline-block;float: left;}
.reportlist{height: 93%;overflow: auto;}
.searchbox{margin: 0 0 16px;padding:16px 110px 16px 18px;background:#fff;border-radius:10px;position: relative;color: #333;box-shadow:0 2px 8px rgba(31,45,61,.04);}
.searchLeft{width: 87%;}
.searchbox label{margin-right: 4px;font-size: 12px;}
.searchbtn{width:90px;text-align:center;border-radius: 8px;margin-right: 6px;vertical-align: middle;font-size:15px;height: 40px;display: inline-block;line-height: 40px;border: none; position: absolute;right: 0;top:50%;margin-top: -20px;cursor: pointer;color:#fff;background:#01A9EE;font-weight:500;box-shadow:0 4px 10px rgba(1,169,238,.25);transition:background .2s,box-shadow .2s;}
.searchbtn:hover{color: #fff;background:#0690DB;box-shadow:0 6px 14px rgba(1,169,238,.35);}
.searchbtn:active{background:#057fb8;}
.searchbox input{color: #333;}
.inputstyle3{width: 91%;font-size: 12px;border: 1px solid #E9E9E9;line-height: 26px;padding: 0 3px;}
.inputstyle4{width: 45%;font-size: 14px;border: 1px solid #ccc;line-height: 36px;padding: 0 12px;border-radius: 18px;}
.inputstyle5{width: 31%;font-size: 14px;border: 1px solid #dce1e8;line-height: 36px;height:38px;padding: 0 14px;border-radius: 8px;margin-right: 2%;box-sizing:border-box;background:#fff;transition:border-color .2s,box-shadow .2s;}
.inputstyle5:last-child{margin-right: 0;}
.inputstyle5:focus{outline:none;border-color:#01A9EE;box-shadow:0 0 0 3px rgba(1,169,238,.12);}
.nothing{font-size: 14px;margin: 20px 0;text-align: center;display: none;color:#9aa3af;}
.pinch-zoom-container{overflow: auto !important;}


.reportlist{position: relative;}
.reportbtn a{color: #FFFFFF;padding:4px 8px;display: inline-block;border-radius: 4px;}
.reportbtn a:link{color: #FFFFFF;}
.reportbtn a:visited{color: #FFFFFF;}
.reportbtn a:active{color: #FFFFFF;}
.reportbtn a:hover{color: #FFFFFF;}

			.layui-layer-btn .layui-layer-btn0{background: transparent !important;border: 1px solid #ccc !important;color: #666 !important;}
			.layui-layer-btn .layui-layer-btn1{background: #01A9EE !important;color: #FFFFFF!important }
			.iconout{width: 20px;height: 20px;display: inline-block;vertical-align: top;margin-right: 4px;margin-top: -2px;}
			.iconout img{max-width: 1005;}
			#pager{position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.95);
    box-shadow: 0 -2px 8px rgba(31,45,61,.06);}
    

.reportBox {
				display: block !important;
			}
			 
			
			/* 顶部蓝色导航栏 */
		.top-nav {
			background: linear-gradient(90deg,#22b0ee,#0690DB);
			height: 50px;
			line-height: 12px;
			padding: 0 20px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 1000;
			box-shadow: 0 2px 10px rgba(6,144,219,.22);
		}
		.reporttit{color: #ffffff;font-size: 18px;font-weight:600;letter-spacing:1px;}
		body{background:#f4f6f9;}
			
			/* 退出登录按钮 */
		.loginout {
			color: #FFFFFF;
			padding: 6px 18px;
			border-radius: 20px;
			cursor: pointer;
			display: flex;
			align-items: center;
			transition: all 0.25s ease;
			border: 1px solid rgba(255,255,255,.7);
			font-size: 13px;
			line-height: 1.4;
		}

		.loginout:hover {
			background-color: rgba(255,255,255,.18);
			border-color: #FFFFFF;
		}
			
			.download-log-btn {
				color: #333;
				padding: 4px 12px;
				border-radius: 4px;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: -60%;
				background-color: #FFF;
				border: 1px solid #666;
			}
			
			.download-log-btn:hover {
				background-color: #F1F1F1;
			}
			
			.loginout .iconout img {
				width: 12px;
				height: 12px;
			}
			
			/* 报告列表容器调整 */
			.reportlist {
				padding-top: 110px;
				padding-bottom: 40px;
			}
			
			/* 批量操作区域悬浮 */
		.batchOperation {
			background-color: rgba(255,255,255,.95);
			padding: 10px 20px;
			box-shadow: 0 2px 8px rgba(31,45,61,.06);
			border-bottom: none;
		}
			.top-navmain,.batchOperationMain{display: flex;
				justify-content: space-between;
				align-items: center;max-width: 940px;margin: 0 auto;}
				.selectAll{width: 18px;height: 18px;vertical-align: -4px;margin-right: 6px;appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #c0c4cc;border-radius:5px;cursor:pointer;position:relative;transition:background .2s,border-color .2s,box-shadow .2s;}
			.selectAll:hover{border-color:#01A9EE;}
			.selectAll:focus{outline:none;border-color:#01A9EE;box-shadow:0 0 0 3px rgba(1,169,238,.12);}
			.selectAll:checked{background:#01A9EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4L4.6 9 10 3' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:#01A9EE;}
			.selectAllBox label{cursor:pointer;user-select:none;}
			
			/* 批量操作区域悬浮时的样式 */
		.fixed {
			position: fixed;
			top: 50px;
			left: 0;
			right: 0;
			z-index: 999;
			box-shadow: 0 2px 8px rgba(31,45,61,.06);
		}
			
			/* 批量下载按钮样式 */
		.downloadBtn {
			padding: 8px 24px;
			background-color: #009F95;
			color: white;
			border: none;
			border-radius: 8px;
			cursor: pointer;
			font-size: 14px;
			font-weight: 500;
			transition: all 0.2s ease;
			box-shadow: 0 4px 10px rgba(0,159,149,.22);
		}

		.downloadBtn:hover {
			background-color: #008a81;
			box-shadow: 0 6px 14px rgba(0,159,149,.32);
		}

		.downloadBtn:active {
			background-color: #007a72;
		}
			
			/* 下载压缩包按钮 */
		.reportBtnDownload {
			display: inline-block;
			color: #FFFFFF;
			background: #009F95;
			white-space: nowrap;
			transition: background .2s, box-shadow .2s;
		}
		.reportbtn a.reportBtnDownload{
			padding: 8px 17px;
			border-radius: 8px;
			font-size: 14px;
			line-height: 1.4;
			font-weight: 500;
			box-shadow: 0 4px 10px rgba(0,159,149,.2);
		}
		.reportbtn a.reportBtnDownload:hover{
			background: #008a81;
			box-shadow: 0 6px 14px rgba(0,159,149,.32);
		}
			
			/* 列表项样式调整 */
			.reportlistMain li {
				display: flex;
				align-items: flex-start;
				padding: 10px 0;
			}
			
			/* 复选框样式 */
		.reportlistMain li .checkbox {
			margin-right: 15px;
			margin-top: 4px;
			width: 18px;
			height: 18px;
			flex: none;
			appearance: none;
			-webkit-appearance: none;
			background: #fff;
			border: 1.5px solid #c0c4cc;
			border-radius: 5px;
			cursor: pointer;
			transition: background .2s, border-color .2s, box-shadow .2s;
		}
		.reportlistMain li .checkbox:hover{border-color:#01A9EE;}
		.reportlistMain li .checkbox:focus{outline:none;border-color:#01A9EE;box-shadow:0 0 0 3px rgba(1,169,238,.12);}
		.reportlistMain li .checkbox:checked{background:#01A9EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4L4.6 9 10 3' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:#01A9EE;}
		.reportlistMain li .checkbox:disabled{background:#f2f3f5;border-color:#e5e7eb;cursor:not-allowed;}
		.reportlistMain li .checkbox:disabled:checked{background-color:#c8cdd4;border-color:#c8cdd4;}
			
			/* 报告内容样式 */
			.reportlistMain li .reportitem {
				flex: 1;
			}
			
			/* 按钮区域样式 */
			.reportlistMain li .reportbtn {
				margin-left: 15px;
			}
			.view-btn{padding: 8px 17px;background:#01A9EE;color: #fff;border: none;border-radius: 8px;cursor: pointer;font-size: 14px;font-weight: 500;font-family: inherit;box-shadow: 0 4px 10px rgba(1,169,238,.2);transition: background .2s, box-shadow .2s;}
		.view-btn:hover{background:#0690DB;box-shadow: 0 6px 14px rgba(1,169,238,.32);}
		.view-btn:active{background:#057fb8;}
		.seq-btn{padding: 8px 17px;background:#FF8800;color: #fff;border: none;border-radius: 8px;cursor: pointer;font-size: 14px;font-weight: 500;font-family: inherit;box-shadow: 0 4px 10px rgba(255,136,0,.2);transition: background .2s, box-shadow .2s;}
		.seq-btn:hover{background:#ed7d00;box-shadow: 0 6px 14px rgba(255,136,0,.32);}
		.seq-btn:active{background:#d96f00;}
		.seq-dl-btn{padding: 8px 17px;background:#6C5CE7;color: #fff;border: none;border-radius: 8px;cursor: pointer;font-size: 14px;font-weight: 500;font-family: inherit;box-shadow: 0 4px 10px rgba(108,92,231,.2);transition: background .2s, box-shadow .2s;}
		.seq-dl-btn:hover{background:#5b4cd1;box-shadow: 0 6px 14px rgba(108,92,231,.32);}
		.seq-dl-btn:active{background:#4a3db8;}
		.view-btn-green{padding: 8px 17px;background:#009F95;color: #fff;border: none;border-radius: 8px;cursor: pointer;font-size: 14px;font-weight: 500;font-family: inherit;box-shadow: 0 4px 10px rgba(0,159,149,.2);transition: background .2s, box-shadow .2s;}
		.view-btn-green:hover{background:#008a81;box-shadow: 0 6px 14px rgba(0,159,149,.32);}
		.view-btn-green:active{background:#007a72;}
			.beian{color: #FFFFFF;text-decoration: none;}
			.beian img{width: 18px;height: 18px;}