/**

 layui 1.0 Beta
 By 贤心

*/



/* 滚动条 */
::-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:#A6A6A6;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-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;
}


/* 基础公用 */
.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-li{margin-bottom: 20px; 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: 36px;}
.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: 60px; padding:0 10px; line-height: 36px; 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: 36px; height: 36px; line-height: 36px; 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: 36px; margin-right: 10px; border: 1px solid #DFDFDF;}
.layui-form-sltitle{height:36px; line-height:36px; 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%; max-height: 200px; overflow-y: auto; border:1px solid #DFDFDF; background-color:#fff;}
.layui-form-option li{position:relative; height: 26px; line-height: 26px;}
.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: 36px; line-height: 36px; border: 1px solid #DFDFDF;  overflow: hidden;}
.layui-upload-button input{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.01; filter: Alpha(opacity=1);}
.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;  transition: all .3s; -webkit-transition: all .3s;}
.layui-tab-title li{display: inline-block; *display: block; *zoom: 1; vertical-align: top; font-size: 14px;}
.layui-tab-title li{position: relative; height: 45px; line-height: 45px; min-width: 65px; padding: 0 15px; text-align: center;}
.layui-tab-title li.layui-tab-this{color: #666;}
.layui-tab-title li.layui-tab-this::after{position: absolute; left:0; top: 0; content: ''; width:100%; height: 44px; border: 1px solid #ddd; border-bottom-color: #fff;}
.layui-tab-content{padding-top: 10px; border-top: 1px solid #ddd;}
.layui-tab-item{display: none;}
.layui-tab-scroll{padding:0 21px;}
.layui-tab-bar span{position: absolute; left: 0; top: 0; width: 20px; height:44px; line-height: 44px; 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;}