body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;

	min-width: 1430px;
 

}
.img-hide,.img-lg{ overflow:hidden; }

.img-hide img,.img-lg img{ transition: 0.5s all;  transform: scale(1,1); }
.img-hide:hover img,.img-lg:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.login-left{ position:fixed; left: 0; top: 0; bottom: 0; width: 50%; height: 100vh; }
.login-right{ position:fixed; right: 0; top: 50; bottom: 0; width: 50%; height: 100vh; }
.login-jz{ position:fixed; left: 50; top: 0; bottom: 0; width: 50%; height: 100vh; }
.login-right-sm{ position: absolute; left: 100px; top: 50%; transform: translate(0,-50%); }
.login-tt{ font-size: 48px; margin-bottom: 40px; color: #333; }
.login-a{ border:solid 1px #797979; display: block; border-radius: 50px; height: 50px; width: 338px; line-height: 48px; text-align: center;  font-size: 20px; font-size: 20px; color: #555; }
.lind{ position: relative; width: 338px; margin-top: 17px; }
.lind:before{ height: 2px; display: block; content: ""; background: #d7d7d7; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; }
.lind span{ position: relative; z-index: 10; background: #fff; font-size: 15px; color: #333; width: 55px; display: inline-block; }
.login-a-b{ background: #d7d7d7; margin-top: 17px; }
.forget-a{ width: 338px; margin-top: 15px; }
.forget-a a{ color:  #016fa0; text-decoration:underline!important; }
.login-logo{ position: absolute; right: 50px; top:50px; }
/*********logo********/
.login-back{ position:fixed; left: 0; top: 0; right: 0; bottom: 0; background: #2e3a4c; height: 100vh; }
.login-back-tt{ color:  #f2f2f2; font-size: 32px; margin-bottom: 65px; }
.login-back-sm{ position:fixed; left: 50%; width: 600px; top: 50%; transform: translate(-50%,-50%); }
.login-input{ width: 100%; height: 65px; font-size: 16px; background: #293443 url(../images/icon01.png) 20px center no-repeat; margin-bottom: 30px; box-shadow: none; border-color: #3f4957; padding-left: 60px; color: #fff; }
.password-box{ position: relative; }
.eye{ position: absolute; right: 15px; top: 0; height: 65px; width: 24px; background: url(../images/eye.png) center no-repeat; }
.btn-login{ font-size: 16px; color: #fff!important; height: 50px; padding:0; text-align: center; border:none; line-height: 50px; width: 100%; background: #1b90ff; }
.login-forget a{ font-size: 18px; color: #fff; display: inline-block; margin-top: 25px; }
.login-input::-webkit-input-placeholder{
            color:#fff;
        }
.login-input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
.login-input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
.login-input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;}
/*******设备管理*******/
.left-box{ position: fixed; left: 0; top: 0; bottom: 0; width: 280px; background: #2f4156; overflow-y: auto; }
.left-box-nav li a{ display: block; line-height: 70px; position: relative; padding-left: 65px; font-size: 16px; color: #bfcbd9; font-weight: bold; }
.left-box-nav li a i{ position: absolute; left: 25px; top: 0; bottom: 0; width: 23px; }
i.icon-nav01{ position: absolute; left: 25px; top: 0; bottom: 0; width: 23px; background: url(../images/icon-nav01.png) left center no-repeat; }
i.icon-nav02{ position: absolute; left: 25px; top: 0; bottom: 0; width: 23px; background: url(../images/icon-nav02.png) left center no-repeat; }
.left-box-nav li.active a,.left-box-nav li a:hover{ background: #263446; color: #409eff; }
.left-box-nav li.active i.icon-nav01,.left-box-nav li a:hover i.icon-nav01{ background: url(../images/icon-nav01-1.png) left center no-repeat; }
.left-box-nav li.active i.icon-nav02,.left-box-nav li a:hover i.icon-nav02{ background: url(../images/icon-nav02-1.png) left center no-repeat; }
.right-box{ padding-left: 280px; }
.right-box-header{ height: 64px; padding:0 25px; border-bottom: solid 1px #eee; }
.header-left{ font-size: 16px; line-height: 64px; padding-left: 45px; background: url(../images/icon-tt.png) left center no-repeat; }
.header-right-top{ line-height: 64px; padding-right: 25px; background: url(../images/raw.png) right 45px no-repeat;}
.header-right-top img{ width: 50px; height: 50px; border-radius: 15px; }
.right-box-bottom{ padding:30px 40px; }
.right-box-tt{ font-size: 22px; color: #333; line-height: 22px; }
.sb-input{ width: 195px; box-shadow: none; margin-right: 10px; }
.search-box{ margin-top: 30px; }
.btn-sb{ background: #ecf4ff; border:solid 1px #b3d8ff; padding:6px 20px; color: #409eff!important; }
.right-box-sm{ max-width:1160px; }
.btn-add{ background: #409eff; color: #fff!important; border-color: #409eff; }
.table > thead > tr > th{ font-size: 14px; color: #666; border-width:1px; }
.table-a{ display: inline-block; margin-right: 15px; color: #409eff; }
.btn-remove{ background: #f56c6c;  color: #fff!important; border-color: #f56c6c; padding:3px 20px; }
.table > tbody > tr > td{ vertical-align: middle; }
.sb-table{ margin-top: 15px; border-bottom: solid 1px #ddd; }
.sb-number{ color: #666; padding-left: 15px; line-height: 34px; }
.page-number{ line-height: 34px; color: #666; margin-right: 15px; }
.page-select{ box-shadow: none; padding-left: 6px; }
.pagination > li > a, .pagination > li > span{ border-color: transparent!important; background: none!important; padding:6px; color: #666; }
.pagination{ margin:0 0 0 15px; }
.pagination > li > a:hover,.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ color: #409eff; }
.table-input{ padding-top: 2px; }
.password-width{ width: 280px; }
.password-left{ width: 65px; color: #333; line-height: 34px; margin-bottom: 15px; }
.password-input{ width: 215px; box-shadow: none; }
.password-left span{ color: red; font-weight: bold; padding-right: 3px; }
.bg-success{ position: fixed; top: 15px; left: 720px; width: 480px; line-height: 40px; padding:0 15px; border-radius: 4px; color: #67c239; }
.bg-success span{ background: url(../images/dg.png) left center no-repeat; padding-left: 25px; }
.bg-danger{ background: #fef0f0; top:70px; }
.bg-danger span{ background: url(../images/dc.png) left center no-repeat; color: #fa5455; }
.tabs-ul li{ float: left; margin-right: 40px; }
.tabs-ul{ border-bottom: solid 2px #eee; margin-top: 50px; margin-left: 20px; }
.tabs-ul li a{ display: block; color: #333; padding-bottom: 10px; }
.tabs-ul li.active a,.tabs-ul li a:hover{ color: #3399ff; border-bottom: solid 2px #3399ff; margin-bottom: -2px; }
.cs-box{ padding:30px; width: 600px; }
.cs-box .right-box-tt{ color: #999; }
.mk-box{ border:solid 1px #ddd; padding:8px 12px; margin-top: 30px; width: 300px; border-radius: 4px; }
.btn-xg{ background: #409eff; color: #fff!important; border-color: #409eff; }
.sj-box{ width: 150px; }