@charset "utf-8";
/* CSS Document */
/* 全局设置 */
* { margin: 0; padding: 0; }
body { overflow-y: scroll; font: 13px/28px "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif; color: #787878; }
input { font-size: 12px; }
a, a:link, a:active, a:hover, a:visited { text-decoration: none; color: #787878; }
ul, ol { list-style: none; }
.clear { clear: both; }
.fl { float:left; }
.fr { float:right; }
.center { text-align:center; }
::selection { background: gray; color: #fff; }
/*框架*/
#main { background:url('../images/viesn.jpg') center center no-repeat; padding-top:20vh; }
.panel { width:700px; height:450px; margin:0 auto 0; background:#fff; border-radius:10px; box-shadow:2px 2px 10px #333; overflow:hidden; }
.panel .lefttab,.panel .righttab { width:50%; height:100%; }
.panel .lefttab { float:left; }
.panel .righttab { float:right;  background: url('../images/bg1.jpg') no-repeat; background-size:cover; }
.panel .lefttab .lfrom { width:70%; margin:80px auto 0;}
.panel .lefttab .lfrom dt { color:rgb(8,60,109); font-size:26px; text-align:center; }
.panel .lefttab .lfrom dd { margin-top:30px; text-align:center; display:flex }
.panel .lefttab .lfrom dd input { border:1px solid #dedede; border-radius:5px; }
.panel .lefttab .lfrom dd input.icon-user,.panel .lefttab .lfrom dd input.icon-pass {width:100%; padding:10px 10px 10px 40px;}
.panel .lefttab .lfrom dd input.icon-user { background: url('../images/icon-user.png') 10px center no-repeat; }
.panel .lefttab .lfrom dd input.icon-pass { background: url('../images/icon-pass.png') 10px center no-repeat; }
.panel .lefttab .lfrom dd input.icon-safe { width:50%; padding:10px; text-transform:uppercase; }
.panel .lefttab .lfrom dd button.icon-butn { width:100%; padding:10px; border:none; background:rgb(22,121,244);color:#fff; }

@media (max-width:1024px) {
 .panel { width:60vw; height:450px; }
}

@media (max-width:768px) {
 .panel { width:80vw; height:450px;  }
 .panel .lefttab { width:100%; }
 .panel .righttab {display:none; }
}