body { padding:0px; margin:0px; font-size:14px; font-family: Inter, sans-serif; color:#213547; overflow:hidden; }
.main{ display:flex; width:100%; height:100vh; margin:0px; }
.l { min-width:280px; background:#ffffff; height:100vh; text-align:center;}
.l>a:hover{ text-decoration:none; }
.kiy-logo-text{ width:220px; margin:66px auto 0; color:#FE7B45; font-family:Inter, sans-serif; font-size:18px; font-weight:700; line-height:1.22; text-align:left; }
.lc{ width:120px; border-left:1px solid #999; margin:0 auto; margin-top:80px; }
.lci { display:flex; width:100%; margin-bottom:50px; }
.lci>div:nth-child(1){ height: 7px; width: 7px; background-color: rgb(89, 89, 89);; border-radius: 999px; position: relative; z-index: 2; margin-left:-4px; } 
.lci>div:nth-child(2){ width:100px; text-align:left; padding-left:32px; line-height:6px; color:rgb(89, 89, 89); font-family:Inter, sans-serif; font-weight:bold; font-size:15px; }
.sel { color: rgb(254, 123, 69); }
.sel>div:nth-child(1){ background-color: rgb(254, 123, 69); }
.sel>div:nth-child(2){ color: rgb(254, 123, 69); } 
.l>img{ margin-top:66px; }
.l>button{ width:134px; height:37px; background:#FE7B45; font-size:14px; border:0px; border-radius:5px; color: rgb(255, 255, 255); } 
.l>button:hover{  background:#ef652c; } 
.r { background-color: rgb(241, 241, 241); background-image: url(/image/b_a.png);background-size: cover; background-position: center bottom; height:100vh; flex-grow: 1; text-align:center; overflow:hidden }
.rt { width:380px; margin-top:50px; }

.rf { width:100%; position:absolute; bottom:20px; display:flex; }
.rf>div:nth-child(1){ text-align:left; width:200px; margin-left:50px;}
.rf>div:nth-child(2){ text-align:right; flex-grow: 1; margin-right:50px; }
.rf a{ font-size:14px; border-radius:5px; display:block; text-align:center; padding:10px 50px; } 
.pre{  background:#fff; border:1px solid #000; color: black; float:left;  min-width: 50px; }  
.pre:hover{ text-decoration:none; background:#dbd8d8;  }
.nex {  background:#FE7B45; color: rgb(255, 255, 255);  float:right; min-width: 50px; }
.nex:hover{ text-decoration:none; color:white; background:#ef652c; }

.st { text-align:left; margin-left:30px; color: #999; font-size:12px; font-weight:bold; }
.sm { background-color: rgb(254, 123, 69); border-radius: 30px 5px 50px 30px;    padding: 10.4px 12px; font-size: 14px; color:white; width:240px; margin:0 auto; margin-top:10px; margin-bottom:40px;}
.sms { padding: 10.4px 12px; font-size: 14px; color:black; width:240px; margin:0 auto; margin-top:10px; margin-bottom:20px;}
a{ text-decoration:none;  cursor:pointer;}
a:hover{ text-decoration:none; }
.sms:hover{ text-decoration:none; color:white; background-color: rgb(254, 123, 69); border-radius: 30px 5px 50px 30px; }
.no-device{ line-height:30px }
.no-device>div:nth-child(1){ font-weight:bold; }
.oa{ font-size:14px; border-radius:5px; text-align:center; padding:14px 50px; background:#fff; border:1px solid #000; color: black; margin:0 auto; width:300px; margin-top:20px; cursor:pointer; margin-left:30px; }
.oa:hover{ border-color:#1d37ff; }
.o{ display:inline; }
.oi{ width:14px; height:14px; margin-left:15px; }
.otip{ position:absolute; background:#999; color:white; padding:3px 10px; display:none; margin-top:34px; margin-left:10px; border-radius:4px; font-size:12px; }
.of{ font-size:14px; border-radius:5px; display:block; text-align:center; padding:14px 50px; background:#FE7B45; color: rgb(255, 255, 255); margin:0 auto; width:95%; margin-top:20px; cursor:pointer; }
.of:hover{ text-decoration:none; color:white; }

.info{ padding-top:50px; }
.info>div:nth-child(1) { margin-bottom:10px; margin-top:20px; }
.info>div>input { height:50px; margin-bottom:20px; width:96%; padding-left:10px; font-size:18px;}
.info>div>img:nth-child(2){ position:absolute; margin-left:-70px; width:26px; height:26px; margin-top:12px; }
.info>div>img:nth-child(3){ position:absolute; margin-left:-30px; width:16px; height:16px; margin-top:16px; }
.info>input { height:40px; margin-bottom:20px; width:96%; padding-left:10px;}

input::placeholder{ font-size:14px; }

.vali{ margin:0 auto; width:100%; text-align:center;}
.vali>img{ display:block; margin:0 auto; width:260px; }
.vali>input { height:40px; margin-bottom:20px; width:200px; padding-left:10px;}
.vali>div>input { height:42px; margin-bottom:20px; width:200px; padding-left:10px; font-size:18px;}
.vali>div>img:nth-child(2){ position:absolute; margin-left:-40px; width:26px; height:26px; margin-top:8px; }
.vali>div>a{ font-size:14px; text-align:center; padding:12px 20px; margin-left:20px; background:#FE7B45; color: rgb(255, 255, 255); vertical-align: text-bottom; }
.vali>div>a:hover{ text-decoration:none; color:white; }

ul { width:100%; list-style-type: none; }
ul li::before{
	height: 1.25rem;  width: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center; border-radius: 999px; color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(0, 0, 0); counter-increment: orderedlist 1; content: counter(orderedlist); margin-right: 16px; }
li {  counter-increment: orderedlist 0; content: counter(orderedlist); text-align:left; margin-bottom:20px; }
.cra{ font-size:14px; border-radius:5px; display:block; text-align:center; padding:15px 20px; width:200px; background:#FE7B45; color: rgb(255, 255, 255); margin:0 auto; margin-top:30px; }
.cra:hover{ text-decoration:none; color:white; background:#ef652c; }

button{ cursor:pointer;}