pengpeng
/
zaibei_charts


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
							<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0
			}
			
			body {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				font-family: PingFang SC, Helvetica Neue, Helvetica, Microsoft YaHei, Arial, "sans-serif";
			}
			
			.chartBox {
				width: 80%;
				height: 500px;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				overflow: hidden;
				background-color: #000;
				touch-action: none;
				-webkit-overflow-scrolling: touch;
			}
			.kuang{z-index: 4;opacity:0;text-align: left;padding:15px;position: absolute;top: 0px;left: 0px;background: #eebd1d;transition: all 0.4s linear;color: #ff4200;}
			.kuang .tit1{font-size: 14px;margin-bottom: 4px;}
			.kuang .tit2{font-size: 20px;}
			.kuang .tit2 .tit2b{font-size: 12px;margin-left: 5px;}
			.lizi{
				width: 1000px;
			    height: 1000px;
			    position: absolute;
			    top: 0;
			    left: 0;
			    /*background: blueviolet;*/
			}
		</style>
	</head>

	<body>
		<div class="chartBox"></div>
	</body>

</html>