body {font-family:\5B8B\4F53,Arial Narrow,arial,serif;background:#ffffff;font-size:12px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}   
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a {color:#00f;}
a:visited {color:#00f;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}
.cLGray,.cLGray:visited,.cLGray a,.cLGray a:visited {color:#333;}
.fB{font-weight:bold;}
.fI{font-style: italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.unLine,.unLine a{text-decoration:none;}
.noBorder{border:none;}
.clear {clear:both; height:0; overflow:hidden; display:block;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.blankW {background:#fff;}
.blank3 {clear:both; height:3px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank9 {clear:both; height:9px; overflow:hidden; display:block;}
.blank9w {background:#ffffff; clear:both; height:9px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.lh25{line-height:25px;}
.lh20{line-height:20px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.mg5{margin:5px;}
.fRight{text-align:right;}

.comm-form{
	border-collapse:collapse;
	border-width:1px 1px 0 0;
	border:solid #ccc;
}
.comm-form td {
	border:solid #ccc;
	border-width:0 0 1px 1px;
	padding:3px;
}

table.tbLine,.tbLine td
{
    border:1px #99bbe8 solid;
    border-collapse:collapse;
}
.tbLine td{padding:3px;}
.tbLine .label{width:100px;text-align:right;}
.btn{height:40px;text-align:right;}
.btn2{height:50px;text-align:right;}
.myInput {border: 1px solid #99BBE8;padding:3px;}
.tbLine textarea{font-size: 12px;}

.download-div {
	width: 390px;
	/* 	border: 1px solid red; */
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.download-div .down-1 {
	/* width: 180px; */
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 0 solid red;
	position: relative;
	cursor: pointer;
}

.download-div .down-1 p {
	display: flex;
	flex-direction: column;
	/* 	margin-top: 10px; */
	/* 	padding: 5px 20px; */
	color: #fff;
	width: 100%;
	padding: 2px 0;
	margin: 0;
}

.download-div .down-1 img {
	width: 180px;
	height: 180px;
	border-radius: 5px;
	/* border: 1px solid #f1f1f1; */
}

.s-title {
	margin-top: 3px;
	font-size: 12px;
}

.info-div {
	display: flex;
	background: #80ca00;
	align-items: center;
	padding: 10px 25px;
	margin-top: 18px;
	/* width:100%; */
	justify-content: center;
}

.info-div2 {
	background: #3c8bea
}

.download-div .down-1 .info-div img {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	margin-right: 5px;
}


.light {
	display: none;

}

:root {
	--container-width: 100px;
	/*组件宽度*/
	--container-height: 100px;
	/*组件高度*/
	--angle-size: 100px;
	/*四角边框效果尺寸*/
	--angle-weight: 2px;
	/*四角边框粗细，数值越小越粗*/
	--angle-color: rgb(138, 227, 249);
	--scan-wake-size: 60px;
	/*扫描拖光的长度*/
	--scan-wake-color: rgb(104, 185, 229);
	/*扫描拖光颜色*/
}

@keyframes scan {
	0% {
		/*最开始块从顶部往下移动，块的位置需要溢出容器，处于容器顶部上方，块的背景颜色从底部到顶部由绿色逐渐透明*/
		margin-top: calc(0px - var(--scan-wake-size));
		background: linear-gradient(#0000 0%, var(--scan-wake-color) 100%);
	}

	49% {
		/*动画进行到一半时间时，块必须移动到容器底部并溢出，完成从上到下扫描效果*/
		margin-top: var(--container-height);
		background: linear-gradient(#0000 0%, var(--scan-wake-color) 100%);
	}

	50% {
		/*调转颜色方向，准备往回扫（从下往上）*/
		margin-top: var(--container-height);
		background: linear-gradient(var(--scan-wake-color) 0%, #0000 100%);
	}

	100% {
		/*往回扫*/
		margin-top: calc(0px - var(--scan-wake-size));
		background: linear-gradient(var(--scan-wake-color) 0%, #0000 100%);
	}
}
.border{
	position:absolute;z-index:0;width:inherit;height:inherit;border-radius:10px
}
.box{width:var(--container-width);height:var(--container-height);border:1px solid #eee;border-radius:10px}
.imge{position:absolute;z-index:10;width:inherit;height:inherit;background-color:white;border-radius:10px}
.down-1:hover .light{display: block;}