@charset "utf-8";
/* 
   Author:Seamless
   QQ:105811404
*/

/* Style
----------------------------------------------------------------------------------- */
body{word-wrap:break-word; height: 100%; color: #000; font-size: 12px; line-height: 20px;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,label,textarea,p{padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
select,label,input{vertical-align:top;}
input,button{border:none;outline:none;}
li{list-style-type:none;}
img{border: none;}

.img{-ms-interpolation-mode: bicubic;}
.l{float: left;}
.r, .more{float: right;}
.clear{clear: both;float: none;height: 0;margin: 0;padding: 0;width: 0; overflow: hidden;}
.clearfix:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
*html .clearfix{height:1%;}
.clearfix{display: block;}
*+html .clearfix{min-height:1%;}
* html{background-image: url(about:blank);background-attachment:fixed;}

a{color: #000; text-decoration: none;}
a:hover{color: #ff5d4e; text-decoration: none;}

.mid{position: relative;display: table-cell;vertical-align: middle;text-align: center;}
.mid-in{position: static;*position: absolute;top: 50%;}
.mid-in img{position: static;*position: relative;top: -50%;left: -50%;-ms-interpolation-mode: bicubic;width: 100%;}

/* commom
----------------------------------------------------------------------------------- */
.logo { position: absolute;left: 20px;top: 18px;}
.layui-upload-img{height: 92px; margin: 0 10px 10px 0;}

/* header
----------------------------------------------------------------------------------- */
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}

/* side
----------------------------------------------------------------------------------- */
.layui-side-child{width: 160px!important; left: 200px; bottom: 60px!important; border-right: 1px solid #eee; background-color: #fff;}
.layui-side-child .layui-side-scroll{width: 170px;}
.layui-side-child .layui-nav{padding: 10px 0; width: 160px; border-radius: 0; background: none}
.layui-side-child .layui-nav-child{border-radius: 0;}
.layui-side-child .layui-nav .layui-nav-title a, 
.layui-side-child .layui-nav .layui-nav-title a:hover, 
.layui-side-child .layui-nav-itemed>a{color: #666 !important;}
.layui-side-child .layui-nav-itemed .layui-nav-child{margin-bottom: 10px; background: none !important;}
.layui-side-child .layui-nav .layui-nav-item a{height: 30px; line-height: 30px; color: #666;}
.layui-side-child .layui-nav .layui-nav-item a:hover{background: none !important;}
.layui-side-child .layui-nav .layui-nav-child a{color: #999 !important;}
.layui-side-child .layui-nav .layui-nav-more{display: none;}
.layui-side-child .layui-nav-tree .layui-this, 
.layui-side-child .layui-nav-tree .layui-this>a, 
.layui-side-child .layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-side-child .layui-nav-tree .layui-nav-child dd.layui-this a{background: none; color: #5FB878 !important;}
.layui-side-child .layui-nav .layui-nav-child a:hover{color: #009688 !important} 
.layui-side-child .layui-nav-bar{background-color: #5FB878;}


/* footer
----------------------------------------------------------------------------------- */
.footer{padding: 30px 0; line-height: 30px; text-align: center; color: #666; font-weight: 300;}
body .layui-layout-admin .footer{height: 50px; padding: 5px 0;}
.footer a{padding: 0 5px;}


/* 适配多设备 */
@media screen and (max-width: 750px) {
  .layui-main{width: auto; margin: 0 10px;}
  .logo,
  .header .logo{left: 10px;}
  .component{display: none}

  .header .layui-nav-child{left: auto; right: 0;}

  .site-nav-layim{display: none !important;}
  .header .layui-nav .layui-nav-item{margin: 0;}
  .header .layui-nav .layui-nav-item a{padding: 0 20px;}
  .header .layui-nav .layui-nav-item[pc]{display: none;}
  .header .layui-nav .layui-nav-item[mobile]{display: inline-block;}

  .layui-layer-dir{display: none;}
  .site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff;  transition: all .3s; -webkit-transition: all .3s;}
  .site-content{width: 100%; padding: 0; overflow: auto;}
  .site-content img{max-width: 100%;}
  .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
  .site-home .site-tree-mobile{display: none!important;}
  .site-mobile .site-tree-mobile{display: none !important;}
  .site-mobile .site-tree{left: 0;}
  .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
  .site-tree-mobile i{font-size: 20px;}
  .layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  .layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
  .layui-body{position: static; bottom: 0; left: 0;}
  .site-mobile .layui-side{left: 0;}
  .site-mobile .layui-side-child{top: 50%; left: 200px; height: 300px; margin-top: -100px;}

  body .layui-layout-admin .footer{position: static; height: auto; line-height: 30px;}
  .footer p{height: auto;}

}

@-webkit-keyframes site-anim-closeup{
  from {-webkit-transform: translate3d(0, 0, 0) scale(1);  opacity: 1;}
  to { -webkit-transform: translate3d(0, 400px, 0) scale(2);  opacity: 0.5;}
}
@keyframes site-anim-closeup{
  from {transform: translate3d(0, 0, 0) scale(1); opacity: 1;}
  to {transform: translate3d(0, 400px, 0) scale(2); opacity: 0.5;}
}
.site-out-up{-webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: site-anim-closeup; animation-name: site-anim-closeup; overflow: hidden;}