﻿table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
html {height: 100%;position: relative;}
body {height: 100%;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;}
.lay_background_img {position: absolute;left: 0px;top: 0px;z-index: -1;width: 100%;height: 100%;}


.login_iframe {background: url(../images/loginbox.png) repeat left top;width: 341px;height:240px;padding-top:90px;position: absolute;top: 140px;left:130px;z-index: 100; }


    /*背景图片*/
.login-background-img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-size: cover;overflow: hidden;position: absolute;left: 0;
top: 0;z-index: -1;-webkit-animation: fadeIn .8s ease-in-out 0s 1;-moz-animation: fadeIn .8s ease-in-out 0s 1;-o-animation: fadeIn .8s ease-in-out 0s 1;-ms-animation: fadeIn .8s ease-in-out 0s 1;animation: fadeIn .8s ease-in-out 0s 1;animation-fill-mode: both;}
.login-background-img > img{width: 100%;height: 100%;}

.login_iframe .header {font-size: 30px;color: #666;padding-top: 10px;padding-left: 12px;margin-bottom: 25px;font-style: italic;}
.login_iframe .header em {font-size: 18px; color: #b2b2b2;margin-left: 15px;}
    /*下拉弹出窗*/
.login-dropbox{position: absolute;right: 0;top: 0;}
.login-dropbox-toggle{width: 50px;height: 48px;border-top-left-radius:0;border-bottom-left-radius:100% 50%;overflow: hidden;cursor: pointer;position: absolute;right: 0px;top: 0px;z-index: 1001;}
.login-dropbox-toggle .iconbox{width: 100px;height: 48px;position: absolute;left: 0;top: 0;}
.login-dropbox-toggle .iconbox .icon-PC,
.login-dropbox-toggle .iconbox .icon-QRcode{width: 50px;height: 48px;border-top-right-radius: 8px;background-repeat: no-repeat;background-position: 50%;display: block;float: left;}
.login-dropbox-toggle .iconbox .icon-PC{ background-image: url(../images/login_icon_PC.png);}
.login-dropbox-toggle .iconbox .icon-QRcode{ background-image: url(../images/login_icon_QR.png);}

.login-dropbox-menu{display: none;padding: 10px 25px;width: 300px;min-height: 275px;border-radius: 8px;border: 1px solid #ccc;background: url(../images/login_dropdown_bg.png) repeat 50%;z-index: 1000;}
.login-dropbox-QRcode-list{margin: 0;padding: 0;list-style: none;}
.login-dropbox-QRcode-list:before,
.login-dropbox-QRcode-list:after{display: table;content: " ";}
.login-dropbox-QRcode-list:after{clear: both;    }
.login-dropbox-QRcode-list > li{width: 49%;min-height: 1px;float: left;}
.login-QRcode-box{margin: 0 5px;text-align: center;}
.login-QRcode-box .title{margin: 10px 0 12px;font-size: 16px;font-weight: normal;white-space: nowrap;display: block;   overflow: hidden;   text-overflow: ellipsis;}
.login-QRcode-box .QRcode{ margin: 0 auto; width: 74px; height: 74px;}
.login-QRcode-box .depict{margin-top: 15px;font-size: 13px;font-weight: normal;}

.login-form{width: 100%;height: 100%;}


/*登录框*/


.logo{ position:absolute; top:35px; left:35px; background:url(../images/logo.png) no-repeat; width:269px; height:55px;}

.login_modern{width: 295px;margin: 0 auto;}

.error_tips{color: #787878; font-size:12px; padding-bottom:15px;}

.icon_user{ display:none;}
.icon_pwd{ display:none;}

.login_form_item_username,.login_form_item_password{ width:292px; height:42px;margin-bottom:15px; background:url(../images/text_bg.png) no-repeat;}
.login_modern input{ height:20px; line-height:20px; padding:10px 0px 10px 0px; border:0px none; width:280px; background:none; font-size:14px; margin-left:5px; margin-top:1px;}


.btn_submit{ width:116px; height:37px; line-height:38px; text-align:center; color:#ffffff; background:url(../images/btn1.png); display:block; float:left; font-size:14px; margin-left:80px;}
.btn_submit:hover{background:url(../images/btn2.png); color:#ffffff;}


input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}


.submit_item{width:100%; height:37px;}
.down{ width:100%; text-align:center; height:30px; line-height:0px;}







