@charset "UTF-8";

	#demo{
				width: 30vw;
				height: 0vh;
				position: fixed;
				overflow: hidden;
				left: 35vw;
				top: 30vh;
				background-color:#D2E9FF;
				border-radius: 10px;
				transition: all 0.5s;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
				
			}
			#title{
				width: 28vw;
				height: 3vh;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
			.info{
				width: 25vw;
				height: 4vh;
				display: flex;
				flex-direction: row;
				justify-content: space-around;
			}
			.info-x{
				width: 25vw;
				height: 12vh;
				display: flex;
				flex-direction: row;
				justify-content: space-around;
			}
			.info-title{
				width: 4vw;
				height: 4vh;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				
			}
			.info-text{
				width: 18vw;
				height: 3vh;
				font-size: 1vw;
				background-color: #FFFFFF;
				border-radius: 5px;
				outline: none;
				border:none; 
				padding-left: 1%;
			}
			.info-textarea{
				width: 18vw;
				height: 8vh;
				font-size: 1vw;
				resize: none;
				outline: none;
				border-radius: 5px;
				border:none;
			}
			.buton{
				width: 5vw;
				height: 3vh;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 3px;
				background-color: #FFFFFF;
				border: 1px #46A3FF solid ;
				color: #46A3FF;
			}
			.dianji-demo{
				position: fixed;
				top: 58vh;
				right: 1vw;
				width: 3vw;
				height: 5vw;
				font-size: 1.2vw;
				color:#fff;
				background-color: #63B8FF;
				border: #7EC0EE 1px solid;
				border-radius: 5px;
				border:none;
				outline: none;
				font-family:KaiTi;
			}