/**
 
 @Name: layui
 @Author: 贤心
 @Site: http://www.layui.com
 
 */


/* 初始化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form{margin:0; padding:0;}
body{-webkit-font-feature-settings: 'kern' 1; -moz-font-feature-settings: 'kern' 1; -o-font-feature-settings: 'kern' 1; text-rendering: geometricPrecision;}
img{display: inline-block; border: none;}
em,i{font-style:normal; font-weight:normal;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
h1,h2,h3{font-size:14px; font-weight: 400;}
h4, h5, h6{font-size:100%; font-weight:400;}
button,input,select,textarea{font-size:100%; }
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline: 0;}
button{border:none;}
address,cite,dfn,em,var{font-style:normal;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.layui-box, 
.layui-box *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

/* 滚动条 */
::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track:vertical{background-color: black;}
::-webkit-scrollbar-track-piece{background-color: #F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color: #999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #666;}
::-webkit-scrollbar-corner:vertical{background-color: #535353;}
::-webkit-scrollbar-resizer:vertical{background-color: #FF6E00;}

/* 图标字体 */
@font-face {font-family: 'layui-icon';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
                    
.layui-icon{
  font-family:"layui-icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/* 初始化全局标签 */
body{line-height:24px; font:14px '\5FAE\8F6F\96C5\9ED1',Tahoma,Arial,Helvetica,sans-serif; overflow-x: hidden; overflow-y: auto;}
a{color: #444; text-decoration:none; }
a:hover{color: #999;}
a cite{*cursor:pointer;}

/* 基础公用 */
.layui-main{position:relative; width: 1000px; margin:0 auto;}
.layui-clear{ clear:both; zoom:1;}
.layui-clear:after{content:'\20'; clear:both; zoom:1; display:block; height:0;}
.layui-inline{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.layui-edge{position:absolute; width:0; height:0; border-style:dashed; border-color:transparent; overflow:hidden;}
.layui-elip{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
body .layui-show{display:block;}body .layui-hide{display:none;}

/* 表单模版 */
.layui-form input, 
.layui-form textarea{border:1px solid #DFDFDF; padding:0 5px; font-size:14px; color: #555; background-color: #fff;}
.layui-form input{width:205px; height:38px; line-height:38px;}
.layui-form textarea{width: 600px; height: 150px; padding: 8px; line-height:22px; resize: vertical;}
.layui-form button, .layui-btn{width:auto; height: 40px; line-height: 40px; padding:0 20px; font-size:14px; border:none; background-image:none; background-color:#009E94; color:#fff; 
cursor:pointer; overflow:hidden; *overflow:visible; border-radius: 2px; }
.layui-btn:hover{background-color:#5FB878; color:#fff; transition: all .3s}
.layui-form fieldset{padding: 15px; border: 1px solid #DFDFDF;}
.layui-form legend{padding: 0 12px;}

.layui-form-li{margin-bottom: 10px; font-size: 0;}
.layui-form-li *{font-size: 14px;}
.layui-form-label,
.layui-form-label *,
.layui-form-select,
.layui-form-li fieldset,
.layui-upload-button{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align:top; font-size: 14px}
.layui-form-li .layui-inline{line-height: 38px;}
.layui-form-li .layui-form-label{margin:0 10px 10px 0; white-space: nowrap; font-size: 0;}
.layui-form-li fieldset{padding-bottom: 5px; padding-right: 5px; font-size: 0;}
.layui-form-label label{width: 80px; padding: 0 10px; line-height: 38px; border: 1px solid #DFDFDF; background-color: #F8F8F8; text-align: center; text-overflow: ellipsis; overflow: hidden;}
.layui-form-label .layui-form-select{left: -1px}
.layui-form-label input{left: -1px; padding-left:8px}
.layui-form-label .layui-form-option li{display: block;}
.layui-form-tips{font-size: 12px; color: #999;}
.layui-form-area label{display: block; width: auto; text-align: left;}
.layui-form-area textarea{top: -1px; }

.layui-form-strength{display: none; position: absolute; left: 0; top: 42px; width: 100%; height: 8px; background-color: #eee;}
.layui-form-strength span{position: absolute; left: 0; top: 0; width: 0; height: 8px; background-color: #5FB878; transition: all .3s; -webkit-transition: all .3s}

.layui-form-label input[type=checkbox],
.layui-form-checkbox input{display: none;}
.layui-form-checkbox{cursor: pointer;}
.layui-form-checkbox label{width: auto; background-color: #DFDFDF; color: #fff; cursor: pointer;}
.layui-form-sure{left: -1px; width: 38px; height: 38px; line-height: 38px; border: 1px solid #DFDFDF; text-align: center; font-size: 18px; color: #5FB878;}
.layui-form-checked label{border: 1px solid #5FB878; background-color: #5FB878;}
.layui-form-checked .layui-form-sure{border: 1px solid #5FB878;}

.layui-form select{display: none;}
.layui-form-select{position:relative; z-index: 100; height: 38px; margin-right: 10px; border: 1px solid #DFDFDF;}
.layui-form-sltitle{height: 38px; line-height: 38px; padding:0 40px 0 8px; cursor:pointer;}
.layui-form-sltitle span{padding:0;}
.layui-form-sltitle .layui-edge{position:absolute; right:10px; top:50%; margin-top:-2px; border-width:6px; border-top-color:#aaa; border-top-style:solid;}
.layui-form-option{display:none; position: relative; top: 0; left:-1px; width: 100%; padding: 5px 0; max-height: 200px; overflow-y: auto; border:1px solid #DFDFDF; background-color:#fff;}
.layui-form-option li{position: relative; height: 30px; line-height: 30px;}
.layui-form-option li a{display:block;  padding: 0 8px;}
.layui-form-option li a:hover{background-color:#F7F7F7; color:#333;}

/* 文件上传模块 */
.layui-upload-button{min-width: 60px; padding: 0 10px 0 32px; height: 38px; line-height: 38px; border: 1px solid #DFDFDF;  overflow: hidden;}
.layui-upload-file,
.layui-upload-button input{opacity: 0.01; filter: Alpha(opacity=1);}
.layui-upload-button input{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}
.layui-upload-icon{display:block; text-align: center; color: #666}
.layui-upload-icon i{position: absolute; left: 10px; top: 0; font-size: 20px; color: #5FB878}
.layui-upload-iframe{width: 0px; height: 0px; border: 0px; visibility: hidden;}


/* 分页 */
.layui-laypage{font-size:0; clear:both; color:#666;}
.layui-laypage *{display:inline-block; vertical-align: top; font-size:12px;}
.layui-laypage a{height:26px; line-height:26px; text-decoration:none; color:#666;}
.layui-laypage a, .layui-laypage span{margin:0 3px 6px; padding:0 10px;}
.layui-laypage span{height:26px; line-height:26px;}
.layui-laypage input, .layui-laypage button{ border:1px solid #ccc; background-color:#fff;}
.layui-laypage input{width:40px; height:26px; line-height:26px; margin:0 5px; padding:0 5px;}
.layui-laypage button{height:28px; line-height:28px; margin-left:5px; padding:0 10px; color:#666;}

.layui-laypage-default a{border:1px solid #ccc; background-color:#fff;}
.layui-laypage-default span{height:28px; line-height:28px; color:#999; }
.layui-laypage-default .layui-laypage-curr{font-weight:700; color:#666;}

.layui-laypage-flow{text-align:center;}
.layui-laypage-flow .layui-laypage-nomore{color:#999}

/* 大框架 */


/* Tab选项卡 */
.layui-tab{position: relative; margin:10px 0; width: 100%;}
.layui-tab-title{position: relative; left: 0; font-size: 0; cursor: default; white-space: nowrap; overflow: hidden; transition: all .3s; -webkit-transition: all .3s;}
.layui-tab-title:after{position: absolute; left:0; bottom: 0; content: ''; width:100%; height: 1px; background-color: #ddd;}
.layui-tab-title li{display: inline-block; *display: block; *zoom: 1; vertical-align: top; font-size: 14px; transition: all .3s; -webkit-transition: all .3s;}
.layui-tab-title li{position: relative; z-index: 1; height: 40px; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center;}
.layui-tab-title li.layui-tab-this{color: #000;}
.layui-tab-title li.layui-tab-this:after{position: absolute; left:0; top: 0; content: ''; width:100%; height: 38px; border: 1px solid #ddd; border-bottom-color: #fff;}
.layui-tab-content{padding-top: 10px;}
.layui-tab-item{display: none;}
.layui-tab-scroll{padding:0 21px;}
.layui-tab-bar span{position: absolute; z-index: 10; left: 0; top: 0; width: 20px; line-height: 38px; text-align: center; border: 1px solid #ddd; background-color: #fff; color: #666; cursor: pointer;}
.layui-tab-bar .layui-tab-right{left: auto; right: 0;}

/* fixBlock */
.layui-fixBlock{position: fixed; right: 15px; bottom: 15px; z-index: 9999;}
.layui-fixBlock li{width: 50px; height: 50px; line-height: 50px; margin-bottom: 1px; text-align:center; cursor: pointer; font-size:30px; background-color: #666; color:#fff; border-radius: 2px;}
.layui-fixBlock li:hover{opacity: 0.9;}
.layui-fixBlock li.layui-fixBlock-top{display:none; font-size:40px;}

/* 动画 */
.layui-anim{-webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.layui-anim.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.layui-anim.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;}
.layui-anim.flipOutX,
.layui-anim.flipOutY,
.layui-anim.bounceIn,
.layui-anim.bounceOut {-webkit-animation-duration: .75s; animation-duration: .75s;}
@-webkit-keyframes layui-slideInUp {
  from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes layui-slideInUp {
  from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.layui-anim-up {-webkit-animation-name: layui-slideInUp; animation-name: layui-slideInUp;}





