html{
    height:100%;
    cursor: default;
}
body{
    font-family:  wy, "微软雅黑", "黑体", "Helvetica Neue", sans-serif;
    height:100%;
}
/**
 * 以下标签选中时候阴影
 **/   a,img,button,input,textarea,div,span{-webkit-tap-highlight-color:rgba(255,255,255,0);}

/**
 * 输入框提示语颜色
 */
::-webkit-input-placeholder { /* WebKit browsers */
    color: #9099b7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9099b7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9099b7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #9099b7;
}
/**
 * 文本选中背景色透明

::selection{  background: none;}
::-moz-selection{  background: none;}*/

/**
 * a标签设置
 */
a{text-decoration: none;}
a img{border: 0;}

/**
 * 无序列表

ul, li, ol{
    list-style: none;
}*/

*{margin:0;padding:0;}

/**
 * 浮动
 */
.fl{float: left;}
.fr{float: right;}

/**
 * 清除浮动
 */
.clear{clear: both;height: 0;line-height: 0;font-size: 0;overflow: hidden;}
.clears{zoom:1;}
.clears :after{clear: both;centent: ".";display: block;height:0;visibility:hidden;}
.clears :before{clear: both;centent: ".";display: block;height:0;visibility:hidden;}
/**
 * 滚动条
 */
::-webkit-scrollbar{width:4px;height: 4px;}
::-webkit-scrollbar-track{background-color: #F5F5F5;}
::-webkit-scrollbar-corner{width:0;height:0;background-color: rgba(0, 0, 0, 0);overflow:hidden; }
::-webkit-scrollbar-button{width:0;height:0;}
::-webkit-scrollbar-thumb{background-color: #00bcd4;}
::-webkit-scrollbar-thumb:hover {background-color: #376dd4;}
::-webkit-scrollbar-thumb:active {background-color:#376dd4;}

/*
 *  Usage:  加载动画
 *
 *    <div class="sk-spinner sk-spinner-three-bounce mAlign">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.loading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.sk-spinner-three-bounce > .sk-spinner {
    margin: 0 auto;
    width: 160px;
    text-align: center;
}

.sk-spinner-three-bounce > div {
    width: 16px;
    height: 16px;
    background-color: #154597;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-three-bounce > .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-threeBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/**
 *	百分比垂直居中
 */
.mAlign{
    position: absolute;
    left: 50%;
    top:50%;
    /*width: 100%;*/
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/**
 * 颜色组 背景
 */
.re-ml{
    background-color: #79cdd7;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.re-ml:hover{
    background-color: #70bec7;
}
.re-ml:active{
    color: #e6e6e6;
    background-color: #69b2ba;
}
.re-cc{
    background-color: #eab48c;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.re-cc:hover{
    background-color: #d4a37e;
}
.re-cc:active{
    color: #e6e6e6;
    background-color: #c09472;
}
.re-cl{
    background-color: #a4cb71;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.re-cl:hover{
    background-color: #9abf6a;
}
.re-cl:active{
    color: #e6e6e6;
    background-color: #87a75d;
}
/**
 * 面包宵
 */
.layui-breadcrumb{
    visibility: visible;
    font-size: 0;
    padding-left: 8px;
}
.layui-breadcrumb a {
    padding-right: 3px;
    line-height: 22px;
    font-size: 16px;
    color: #333!important;
}
.layui-breadcrumb a span {
    padding-left: 3px;
    font-family: Sim sun;
}
.layui-breadcrumb a:hover {
    color: #01AAED !important;
}
.layui-breadcrumb a cite, .layui-breadcrumb a span {
    color: #666;
    cursor: text;
    font-style: normal;
}
.layui-box, .layui-box * {
    box-sizing: content-box;
}

/**
 * 动画
 */
.re-animate{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}