@charset "utf-8";
/* */
html,body{ height:100%;}
.browserprompt{ padding:10px; position: relative; background:#fff9e8; text-align:center; border:1px solid #f7d7b1;}
.browserprompt .cloebtn{ position:absolute; right:10px; top:10; width:24px; height:24px; background: url(../images/cloebtn.png) no-repeat;}
.browserprompt .btn{ display:inline-block; background:#339a6f; border-radius:5px; vertical-align:middle; margin-top:-2px; margin-left:10px; padding:3px 10px; color:#fff;}

.login-hd{ position: absolute; width:100%; z-index:2; height:50px; background:#393d49;}
.login-container{ width:980px; margin:auto;}
.login-hd h1{ margin-top:8px; margin-right:20px;}
.login-hd span{ color:#fff; font-size:1.8em; line-height:2.1em;letter-spacing:0.3em;}

.login_content{ position:relative; height:100%; background:#ebfdf1;height: calc(100% - 40px);}
.login_conbtbg{ position:absolute; bottom:0; left:0; z-index:0; width:100%; height:38%; background:rgba(0,159,149,.9);}
.login_conhdbg{ position:absolute; top:30px; left:0; z-index:0; width:100%; height:62%; background:#ebfdf1 url(login_conhdbg.png) center bottom no-repeat; background-size: auto 100%;}
.login_content .login-container{ position: relative; height:100%; z-index:1;}
.loginmain { padding:20px;display: flex;justify-content: center;}
.loginleftimg{ margin-top:20px;width: 22vw;margin-right: 3vw;}
.login_login{ height: 20vw;width: 20vw; position:relative; background:#fff; padding:2.08vw;}
.login_login_boxshadow{ position:absolute; height:1.05vw; background: url(login_login_boxshadow.png) center no-repeat; background-size:100%; left:0; bottom:-10px; width:100%;}
.login_login_title{ font-size:1.5vw; padding-bottom:0.52vw; color:#009f95;}
.login_login_title span{ text-transform:uppercase; font-size:22px; margin-left:10px; color:#cccccc; }
.loginfrom_item{ margin-top:1.6vw;padding-left:10px; border:1px solid #b4b4b4;display: flex;align-items: center;justify-content: space-between;}
.loginfrom_item div{}
.loginfrom_item .uico{ width:30px; height:30px; background: url(login_uico.png) no-repeat;}
.loginfrom_item .uico.userico{ background-position:0 0;}
.loginfrom_item .uico.oasswiedico{ background-position:-30px 0;}
.loginfrom_abtn{ margin-top:1.05vw; border:0; padding:0; height:1.05vw;}
.loginfrom_subbtn{ border:0; padding:0; margin-top:1.05vw; }
.loginfrom_prompt{line-height:1.05vw; color:#f30000; padding-top:0.78vw; }
.input_loginite{ height:2.61vw; line-height:2.61vw; border:0;width:99%;padding-left: 10px;}

.input_subbtn{ background:#009f95; color:#fff; width:100%; border:0; font-size:1.05vw; padding:0.78vw 0;}

.login_ft{ width:100%; z-index:2; height:40px; background:#393d49; color:#C2C2C2; text-align:center; line-height:40px;}
.login_ft a{color:#C2C2C2;}

.login-hd_blue{ text-align:center;height:40px; background:#393d49; color:#fff;}
.login-hd_blue .login-container h1{ display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;}
.login-hd_blue .login-container span{ font-size:1.4em; line-height:2.1em;}
.login_ft_blue{ position:fixed; left:0; text-align:center; bottom:0; width:100%; line-height:40px; background:rgba(255,255,255,0.5); color:#666;}
.login_content_bluw{ height:calc(100% - 40px); padding-bottom:20px; width:100%; background: url(login_content_bluw.png) center no-repeat; background-size: 100% 100%;}
.login_content_bluw_main{ background:#fafafa; width:704px; height:440px; box-shadow:0 0 5px 0 #aaa; margin:auto;}
.login_content_bluw_main .loginblue_hd{ height:40px; background:#fff; padding:20px 30px;}
.login_content_bluw_main .loginblue_hd span{ font-size:24px; margin-right:10px;  line-height:40px;}
.login_content_bluw_main .loginblue_hd abbr{ color:#ccc; font-size:20px; text-transform:uppercase;}
.login_content_bluw_main .loginblue_left{ height:360px; width:215px; background:#fff;}
.login_content_bluw_main .loginblue_lgonform{ width:400px; padding:0 40px}