/*body{filter:grayscale(100%);}*/

@media screen and (min-width: 1200px) {
    html, body {margin: 0;padding: 0;font-size: 14px;font-family: "Microsoft Yahei", Helvetica, sans-serif;overflow: auto;background-color: #F1F4FF;height: 100%;}
    .login_detail {height: 100%;overflow: auto;background-image: url('/images/login/background.jpg');background-repeat: no-repeat;background-size: cover;}

    .login_center{width:1200px;height:560px;position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-280px;}

    .login_left{width:750px;height:560px;float:left;}
    .login_right{width:420px;height:100%;float:right;background-color:white;text-align:center;position:relative;}

    .login_left img{border:0;padding:0;margin:0;width:100%;height:100%;}

    .login-title{font-size:24px; color:#59607b;text-align: center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
    .form-title {text-align: center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
    .form-title-text {color: #59607b;font-size: 14px;padding-top: 9px;display: inline-block;padding-bottom: 15px;}

    .text {display:block;width: 250px;margin:20px auto 0 auto;height:40px;outline: none;border-radius: 4px;border: 1px solid #cbcbcb;text-indent:10px;vertical-align: middle;padding-left:28px;color:#666;}
    .text:focus {border: 1px solid #3091f2;}
    .text::-webkit-input-placeholder{color:#ccc;letter-spacing:1px;line-height:28px;}
    #username{background:url('/images/login/username.png') 5px center no-repeat;}
    #password{background:url('/images/login/password.png') 5px center no-repeat;}




    .item{width:280px;height:26px;line-height:26px;margin:15px auto;text-align:left;font-size: 12px;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
    .item input[type=checkbox]{position:relative;top:2px;background-color:white;border:1px solid #ddd;}
    .item label{color:#59607b;}
    .forgetpassword{float:right;}
    .forgetpassword a{color:#3091f2;text-decoration:none;}

    .mesg{display:inline-block;width:100%;height:24px;line-height:24px;color:red;text-align:center;}

    button {user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor: pointer;display: block;margin: 15px auto 0 auto;width: 280px;border-radius: 2px;line-height: 41px;text-align: center;font-size: 16px;background-color: #3091f2;color: #fff;border: 0;padding: 0;outline: none;}
    button:hover{opacity: .8;}
    button:active{background-color: #0b66c1;}

    .qrcode-title {font-size: 12px;text-align: center;font-weight: 600;color: #aaa;font-weight: normal;width: 420px;margin-top:40px;}
    .cross-line {display: inline-block;height: 1px;width: 90px;vertical-align: top;background-color: #ddd;margin: 9px 10px 0;}

    .otherlogin{width:420px;margin:15px auto 0 auto;text-align:center;padding-top:10px;}
    .otheritem{width:60px;margin:0 20px;display:inline-block;cursor:pointer;text-align:center;}
    .otheritem img{display:inline-block;width:44px;height:44px;border:0;outline:0;opacity:0.7;}
    .otheritem label{display:inline-block;width:100%;height:20px;line-height:20px;outline:0;font-size:12px;color:#888;}
    .otheritem:hover img{opacity:1;}
    .otheritem:hover label{color:#666;}


    .beian{width:100%;height:50px;background:rgba(0,0,0,0.5);border-top:0px solid #888;box-sizing:border-box;line-height:50px;text-align:center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;position:absolute;bottom:0;}
    .beian *{color:#888;margin:0 15px;font-size:12px;}
    .beian a,.beian a:hover,.beian a:link,.beian a:active{color:#888;text-decoration:none;}
    .beian a:hover{transition: all .3s;}
    .beian a:hover{color:#ccc;}
    .beian .fuhao{font: 12px/1.6 tahoma,arial,"Hiragino Sans GB",\5B8B\4F53,sans-serif;margin:0 5px;}
    .gaicon{display:inline-block;width:18px;height:18px;background:url('/images/ui/foot/gongan.png') 0 0 no-repeat;margin:0 2px 0 0;position:relative;top:5px; }

    .userlist{width:280px;height:360px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box; position:absolute;left:70px;top:180px;z-index:2;overflow:scroll;overflow-x:hidden;}
    .userlist ul{margin:0;padding:0;width:100%;height:100%;}
    .userlist ul li{width:100%;height:28px;line-height:28px;cursor:pointer;list-style:none;color:#888;font-size:12px;text-align:left;text-indent:5px;}
    .userlist ul li span{float:right;margin-right:5px;color:#ccc;}
    .userlist ul li:hover{background-color:#369ff8;color:#fff;}
    .userlist ul li:hover span{color:#fff;}

}


@media screen and (max-width: 1199px) {
    html,body{width:100%; height:100%;margin: 0;padding: 0;font-size: 14px;font-family: "Microsoft Yahei", Helvetica, sans-serif;background-color: #f1f4ff;overflow: hidden;}
    .login_detail {width:100%; height: 100%;margin:0;padding:0;margin-bottom:20px; overflow-x: hidden;background-image: url('/images/login/background.jpg');background-repeat: no-repeat;background-size: inherit;}

    .login_center{height:100%;padding:0 8%;padding-top:10px;}

    .login_left{width:100%;margin:0;padding:0;margin-bottom:10px;border-radius:8px;}
    .login_right{width:100%;background-color:white;text-align:center;position:relative;height: auto;overflow: hidden;border-radius:8px;}

    .login_left img{border:0;padding:0;margin:0;width:100%;height:auto;border-radius:8px;}

    
    .login-title {margin:0; padding-top:18px;font-size:24px;color:#59607b;text-align: center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
    .form-title {text-align: center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
    .form-title-text {color: #59607b;font-size: 14px;padding-top: 9px;display: inline-block;padding-bottom: 15px;}

    .text {display:block;width: 250px;margin:14px auto 0 auto;height:40px;outline: none;border-radius: 4px;border: 1px solid #cbcbcb;text-indent:10px;vertical-align: middle;padding-left:28px;color:#666;}
    .text:focus {border: 1px solid #3091f2;}
    .text::-webkit-input-placeholder{color:#ccc;letter-spacing:1px;line-height:28px;}
    #username{background:url('/images/login/username.png') 5px center no-repeat;}
    #password{background:url('/images/login/password.png') 5px center no-repeat;}




    .item{width:280px;height:26px;line-height:26px;margin:10px auto;text-align:left;font-size: 12px;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
    .item input[type=checkbox]{position:relative;top:2px;background-color:white;border:1px solid #ddd;}
    .item label{color:#59607b;}
    .forgetpassword{float:right;}
    .forgetpassword a{color:#3091f2;text-decoration:none;}

    .mesg{display:inline-block;width:100%;height:24px;line-height:24px;color:red;text-align:center;}

    button {user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor: pointer;display: block;margin: 10px auto 20px auto;width: 280px;border-radius: 2px;line-height: 41px;text-align: center;font-size: 16px;background-color: #3091f2;color: #fff;border: 0;padding: 0;outline: none;}
    button:hover{opacity: .8;}
    button:active{background-color: #0b66c1;}

    .qrcode-title,.cross-line,.otherlogin,.beian,.userlist{display:none;}
}