/*#region ===========图标字体===========*/
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*#endregion */


/*#region ==========默认样式==========*/
body { font:14px "Microsoft Yahei";}
html{ background:#FFFFFF; color:#666; width:100%; overflow:hidden;}
a { cursor:pointer;}
.hidden { display:none !important;}
/*#endregion */


/*logo*/
.layui-logo { color:#eefef6 !important; font-weight:bold;}
.layui-navbtn{ height:20px; line-height:20px; padding:0 5px; display:block; overflow:hidden; font-size:17px; color:#fff;
cursor:pointer; position:absolute; left:200px; top:20px; z-index:10;}
.fsTopMenu{ left:230px;}


/*模块伸缩*/
.layui-side { left:0; transition:all .3s; -webkit-transition:all .3s;}
.layui-body { transition:all .3s; -webkit-transition:all .3s;}
.showMenu .layui-side{ left:-200px;}
.showMenu .layui-body{ left:0;}

/*菜单*/
.layui-nav-child a { padding:0 10px 0 34px !important;}
.layui-nav-tree i { width:20px; text-align:center; display:inline-block;}
#fsLeftMenu dl.layui-nav-child { background-color:rgba(0,0,0,.6)!important;}


/*右侧区域贴底*/
.layui-layout-admin .layui-body { bottom:0px;}
.fsTab{height:40px;margin:0;}
.fsTab .layui-tab-title{z-index:999; top:0;height: 40px;}
.fsTab .layui-tab-title cite{font-style:normal;}
.fsTab .layui-tab-item{ position: absolute; top: 41px; bottom:0; left: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling:touch; overflow:auto;}
.fsTab .layui-tab-content{height:100%;padding:0;}
.fsTab .layui-tab-content iframe{ width: 100%; height:100%; border:none; min-width: 320px; position:absolute; }




/*#region ==========登录页面==========*/
/*登录界面*/
.layuilogin{ padding:0 20px; width:400px; position:absolute; left:50%; top:50%; z-index:100; margin:-150px 0 0 -200px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
background:#fff; border-radius:5px; box-shadow:0 0 30px #666;}
.login_face{ margin:-55px auto 20px; width:100px; height:100px; border-radius:50%; border:5px solid #fff; overflow:hidden; box-shadow:0 0 30px #666; background:#fff;}
.login_face img{ width:100%;}

/*表单*/
.input-item { position:relative; margin-bottom:20px;}
.input-item .iconfont { width:38px; height:36px; line-height:36px; display:block; overflow:hidden; text-align:center; color:#999;
position:absolute; left:1px; top:1px; z-index:100; font-size:17px;}
.input-item .layui-input { padding-left:40px;}
.input-item.layui-input-focus .layui-input{ border-color:#ff6700 !important;}

/*文本框字颜色渐变*/
.layui-input::-webkit-input-placeholder{color:#ccc;}
.layui-input::-moz-placeholder{color:#ccc;}
.layui-input:-ms-input-placeholder{color:#ccc;}
.layui-input::placeholder{color:#ccc;}
.layui-input-focus .layui-input::-webkit-input-placeholder{color:#ff9147;}
.layui-input-focus .layui-input::-moz-placeholder{color:#ff9147;}
.layui-input-focus .layui-input:-ms-input-placeholder{color:#ff9147;}
.layui-input-focus .layui-input::placeholder{color:#ff9147;}

.layui-input-focus input,.layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}

/*其他表单按钮*/
.layui-block{ width:100% !important; height:46px; line-height:46px; font-size:16px;}
.imgCode{ position:relative;}
.imgCode img{ height:28px; position:absolute; top:4px; right:1px; cursor:pointer;}

/*背景*/
.loginbody { width:100%; height:400px; overflow:hidden; background:#0172d2; opacity:0.8;
background:-webkit-linear-gradient(top left, #0172d2 0%, #0187f8 100%);
background:linear-gradient(to bottom right, #0172d2 0%, #0187f8 100%);
/*background:-webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
background:linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);*/}

.bubblesbg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.bubblesbg li { width:40px; height:40px; display:block; background-color:rgba(255, 255, 255, 0.15); position:absolute; bottom:-160px;
-webkit-animation:square 50s infinite; animation:square 50s infinite;
-webkit-transition-timing-function:linear; transition-timing-function:linear;}
.bubblesbg li:nth-child(1){left:10%;}
.bubblesbg li:nth-child(2){left:20%;width:80px;height:80px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:34s;animation-duration:34s;}
.bubblesbg li:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s;}
.bubblesbg li:nth-child(4){left:40%;width:60px;height:60px;background-color:rgba(255,255,255,.25);-webkit-animation-duration:44s;animation-duration:44s;}
.bubblesbg li:nth-child(5){left:70%;}
.bubblesbg li:nth-child(6){left:80%;width:120px;height:120px;background-color:rgba(255,255,255,.2);-webkit-animation-delay:3s;animation-delay:3s;}
.bubblesbg li:nth-child(7){left:32%;width:160px;height:160px;-webkit-animation-delay:7s;animation-delay:7s;}
.bubblesbg li:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:80s;animation-duration:80s;}
.bubblesbg li:nth-child(9){left:25%;width:10px;height:10px;background-color:rgba(255,255,255,.3);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:80s;animation-duration:80s;}
.bubblesbg li:nth-child(10){left:90%;width:160px;height:160px;-webkit-animation-delay:11s;animation-delay:11s;}
@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{-webkit-transform:translateY(-1000px) rotate(600deg);transform:translateY(-1000px) rotate(600deg);}
}
@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{-webkit-transform:translateY(-1000px) rotate(600deg);transform:translateY(-1000px) rotate(600deg);}
}
/*#endregion */