body,html{margin:0;padding: 0;}
ul,li{list-style: none;padding: 0;margin: 0;}
a{color:#555;text-decoration: none;}
a:hover{color:#4792bf;text-decoration: none;}

i.layui-icon-ok{ color:#5fb878}
i.layui-icon-close{color:#fe4224}

.layui-bg-blue-mix{
    background-color: #337ab7!important;
}
.layui-bg-green-mix{
    background-color: #5FB878!important;
}

fieldset{margin:1% 0;border-bottom: 1px solid #eee;}
legend{border-bottom: 0;}

.pos-r{position: relative;}
.hidden{display: none;}
.clearfix{clear: both;}
.right{float: right;}
.left{float: left;}
.inline{display: inline;}

.text-c{text-align: center;}
.text-r{text-align: right;}
.vertical-m{vertical-align: middle;}

.mt-1{margin-top:1%}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom: 10px;}
.pad-10{padding: 10px;}
.pb-60{padding-bottom: 120px;}

.co-green{color:#5FB878;}
.co-red{color:#FF5722;}
.co-red-mid{color:#f56c2b}

.co-blue{color:#1E9FFF;}
.co-gray{color:#d2d2d2}
.co-orange{color:#FFB800}
.co-yellow{color:#ffff00}

.msg-block{
    border: 1px solid #1E9FFF;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;

}
.msg-block i{
    font-size: 40px; color: inherit;margin-right: 5px;
}



/* 全局框架 */
/* header */
.global-header{
    width: 100%;
    /* padding: 10px; */
    /* background: #80c2fa; */
    line-height: 30px;
    /* margin-bottom:15px; */
}
/* .global-header .header-box{text-align: center;} */
.global-header .head-tit{
    line-height: 50px;
    /* height: 30px; */
    display: block;
    /* padding:15px 0; */
}
.global-header .head-tit-name{font-size: 16px;color:#fff;height: 18px;
    padding:15px 15px 15px 5px;
    
}
.global-header .head-logo{width: 30px;height: 30px;
    float: left;
    margin:10px 5px 10px 15px;
    /* display: inline-block;margin-right: 10px; */
}

/* main-wrap */
.main-wrap{min-height: 600px;  width: 100%;position: relative;
z-index: 1;}
.main-wrap-tit{
    background: #eee;
    /* padding:10px 15px; */
    margin-bottom:15px; 
    font-weight: 600;
    position: relative;
}
.main-box{position: relative;z-index: 1;}


.header-box{
    margin:10px 0;
    font-size: 20px;
}

.clock{position: absolute;right:5px;top:5px}

.bread-wrap{
    width: 100%;position: relative;
}

.main-wrap-con{
    width: 100%;position: relative;
}

/* thumb-box */
.photo-box{
    /* border:1px solid #eee;padding: 5px; */
     max-width: 75%;display: inline-block;}
.photo-box ul{
    /* text-align: center; */
    /* margin-left:2px */
    display:inline-block;
    vertical-align: top;
}
.photo-box ul li{
    position: relative;
    width: 120px;height:90px;display:inline-block;
    /* margin-right: 8px;margin-bottom: 8px; */
    border:1px solid #eee;vertical-align: top;
    margin:3px 3px 3px 0px;
    /* background: url("../images/site/nophoto.png") 0 0 no-repeat; */
    
    /* background-size:120px 60px; */

}
.photo-box ul li img{
    z-index: 1;
}

.photo-tag{   
    position: absolute; top:0;
    z-index: 2;
    /* background: #ff3b3b; */
    right:0;font-size: 12px;
    width: 32px;
    height:32px
    /*
    transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
/*-moz-transform:rotate(45deg); 	/* Firefox */
/*-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
/*-o-transform:rotate(45deg); 	/* Opera */

}
.tag-main{
    background: url("../images/icons/tag.png") 0 0 no-repeat;
}

.photo-btn-box{
    width: 120px;
    height: 90px;
    display: inline-block;
    vertical-align: top;
    margin:3px 3px 3px 0px;
}   


.photo-box img,.photo-btn{width: 100%;height: 100%;display:inline-block;
    border:1px solid #eee;vertical-align: top;
    background: url("../images/icons/add.png") center center no-repeat;
}
.photo-btn-test{margin-left: 1%;max-width: 22%;float: right;}

/* 内容列表 */
.con-li{margin-bottom: 2%;
    

}
.con-li .con-li-tit{color:#4792bf;margin-bottom: 10px;}
.con-li .con-li-con{
    border:1px solid #eee;
    border-radius: 5px;
    padding:10px;
    line-height: 30px;
     height: 200px;
    overflow: auto;
    margin-bottom: 10px
}
.con-li .con-li-con ul li{margin: 1%;line-height: 30px;}


.con-li-con .thumb{width: 30px;}
.con-li-con .thumb img{width: 100%;display: inline-block;}

.small-tit{color:#999;
    width: 90px;display: inline-block;
    margin-right:10px;
} 

/* 面包屑 */
.breadcrumb,.breadcrumb a{color: #888;}

/* 左侧导航栏 */
.left-wrap{
    top:15%;
    z-index: 3;
    /* background: #eee; */
    min-width: 180px;
    /* padding: 10px; */
   
}
.left-wrap .navbar{
    /* padding: 15px 0; */
    padding-bottom: 10%;
    overflow: auto;
    width: 100%;
    height: auto;
    max-height: 500px;
    
}

.left-wrap .left-close-btn{
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 3;
    background: #ccc;
    height: 30px;
    display: inline-block;
    /* padding: 5px 10px; */
    width: 30px;
    font-size: 16px;
    text-align: center;
}
.left-wrap .left-close-btn i{margin-top:6px}   

.left-wrap ul li a{
    outline:none;
}

.nav .caret{width:8px;height:5px;display: inline-block;}
.nav .caret-open{
    /* border-top: 4px dashed; */
    border-top: 4px  solid transparent;
    /* border-top: 4px solid\9; */
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;

    border-right:0; 
}


.left-wrap ul li span.main-menu{
    display:block;
    padding:10px 15px
}

.left-wrap ul li.active a{
    background: #44b6fa;
    color:#fff
}

.left-wrap ul li.nav-main {
    /* border-top: 1px solid #eee; */
    background: #eee;
    /* border-left:2px solid #4792bf */
    color:#777
}
.left-wrap ul li.nav-child{
    /* padding-left: 10px; */
    border: 1px solid #eee;
    
    
    /* background: #efefef; */
}
.left-wrap ul li.nav-child a{
    padding:10px 0  10px  25px 
}

/* .left-wrap ul li.nav-child i{font-size: 0.5rem;} */



/* 右侧悬浮 */
.fixed-wrap{position: fixed;z-index: 9;
    top:30%;
    top:100px;

}
.fixed-wrap-right{right:1%}

/*消息提示框*/
.msg-wrap{position: relative;}
.msg-head-wrap{background: #eee;}
.msg-head-box{
    line-height: 30px;
    padding:10px 0;
    text-align: center;
    
}

.msg-head-box .head-logo{width: 30px;display: inline-block;margin-right: 10px;
    vertical-align: top;

}
.msg-head-box .head-tit-name{font-size: 22px;vertical-align: top;}


.msg-box{margin:5% auto;}
.msg-box .msg-img{width: 50%;display: inline-block;margin-bottom: 5%;}
.msg-box .msg-img i{font-size: 100px;display: inline-block;}

.msg-content{min-height: 200px;}
.msg-content i{
    margin-right: 8px;
}
.msg-content .msg-con{font-size: 16px;line-height: 30px;}
.msg-btn {line-height: 30px;}
.msg-btn a{display: inline-block;margin-right:5px}
.msg-btn .seperator{display: inline-block;margin-right:10px;
    color:#777;
}

.msg-foot-wrap{
    margin: 5%;
}

.msg-foot-wrap{text-align: center;}
.msg-foot-wrap .foot-tit{height: 30px;}
.msg-foot-wrap .foot-tit .foot-logo{width: 16px;display: inline-block;}
.msg-foot-wrap .foot-tit .foot-tit-name{font-size: 12px;display: inline-block;line-height: 22px;color: #777;}
/* msg end */

/* All index */
.main-slider .item{max-height: 600px;overflow: hidden;}
.main-slider .item img{width:100%;height: 100%;}
.main-slider .slider-head{
    background-color: #393D49;
    border-bottom:1px dashed #777
}
.main-slider .slider-head a{
    display: block;
    padding: 10px 20px;
    color: #fff;
    color: rgba(255,255,255,.7);
    transition: all .3s;
    -webkit-transition: all .3s;
}




.announce-wrap{position: relative;height: 30px;line-height:30px;overflow: hidden;
    padding: 0 10px;background:#eee
}
.announce-wrap .announce-icon{margin:6px 5px 0 0;display: inline-block;vertical-align: top;}
.announce-wrap .announce-box{height:100%;display: inline-block;vertical-align: top;text-align: left;}

.top-list a{width: 18%;height:50px;margin:1%;float: left;text-align: center;
    background: #eee;line-height:50px;
}



.left-box{width: 60%;display: inline-block;float: left;}
.left-box ul{padding: 5px 10px}
.left-box ul li{line-height: 30px;}


.right-box{width: 40%;display: inline-block;}
.index-list ul li{width: 30%; display: inline-block;margin: 1%;}
.index-list ul li img{width: 100%;}
.index-list ul li p{line-height: 40px;font-size: 16px;text-align: center;}



/* form 表单类 */
.form-wrap{width: 100%;display: inline-block;font-size: 1.2rem;
    overflow: auto;
}
.form-box{
    padding:1%
}
.form-title{
    font-size:18px;margin-bottom: 10px;
    display: block;
    width: 100%;
}
.form-title i{margin-right:5px}
.form-li{width: 100%;margin-bottom: 10px;clear: both;}
.form-li .form-li-th{padding: 0 0 5px 0px;color:#999}
.form-li .form-li-th i{margin-right:5px}
.form-li .form-li-td a{vertical-align: middle;}
.form-li .form-li-td .layui-form-radio{margin:0 10px 0 0;}
.form-li .form-li-td .layui-form-radio i{font-size: 16px;}

.form-li .form-li-tip{font-size: 12px;line-height: 22px;margin:5px;color:#8a96ed}
.form-li .form-li-tip img{margin-left:5px;max-width: 16px;max-height: 16px;}
.form-li .form-li-tip .word-len{
    vertical-align: middle;
}


.form-li .form-li-notice{font-size: 12px;line-height: 32px;color: #6780b8;margin-right:5px

}
.form-li-td {margin-bottom: 5px;}
.form-li-td ul {padding: 10px;}
.form-li-td ul li {display: inline-block;color: #777;}
.form-li-td ul li .layui-form-radio{font-size: 12px;margin: 0;}
.form-li-td ul li .layui-form-radio>i{
    font-size: 14px;
}
.form-li-td ul li.on a{color:#44b6fa}
.form-li-td ul li a{line-height: 22px;display: inline-block;margin:0 5px}
.form-li-td i{font-size: 12px;}

.form-li-inline{
    display: inline-block;
    /* max-width: 20%; */
    line-height: 30px;

}

/* table page */
.page-box{text-align: right;
padding: 5px;}


/* 附加按钮 */
.form-li-attach{position: relative;}
.form-li-attach-l{
    display:inline-block;
    width: 100%;
    vertical-align: middle;
    padding-top: 30px;
}
.form-li-attach-r{

    position: absolute;
    right:0;
    top:0;
   display:inline-block;

}
.form-li-attach-r a{
    width: 30px;display: inline-block;
    margin: 0!important;
    height: 25px;
    line-height: 25px;

}

/* 输入框内嵌的 删除按钮 */
.input-close{position: absolute;right: 5px;
    top:25%;z-index: 3;
}

/* 结果盒子 */
.result-box{background: #eee;
    padding: 2px;}
.result-box p{margin:10px;}
.result-box .result-head{color:#1E9FFF;}


/* layui 弹出层 */
.layer-open .layui-layer-content{
    padding: 5px;
}

/* 弹出 关闭按钮的变形 */
.layui-table-tips-c{padding: 0;}

/* 针对 radio 等做的适配小号 表格 */
.form-table-sm .layui-form-radio{font-size: 12px;}
.form-table-sm .layui-form-radio>i{
    font-size: 14px;
}


/* table 表格类 */
.table-box{width: 100%;
    /* overflow: auto; */
}

.table-box .table-th{line-height: 40px;}

.table-box .table-th ul.must{width:80px;float: left;}
.table-box .table-th ul.ex{white-space: nowrap;overflow-x: auto;}
.table-box .table-th ul li,.table-box .table-tr ul li{display: inline;}

.table-list .show-thumb{
    width: 18px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right:5px;
    text-decoration:none;
    /* text-align: center; */
}

.table-list .show-thumb img{
    width: 100%;
    height: 100%;
    width: 18px;
    height: 14px;
    margin-top:3px;
    display: inline-block;
}

.table-list .show-thumb i{
    font-size: 18px;
}
.table-list .show-thumb i.no-pic{
    color:#ccc;
    
    /* text-decoration:line-through  */
}


/* 弹出图片 */
.open-img{
    text-align: center;
    max-width: 90%;
    max-height: 80%;
    margin: auto;
}


/*内容发布 包含admin*/
.upload-pic a{
    border: 1px solid #eee;
    width: 100px;
    display: inline-block;
    height: 75px;
    margin-right: 10px;
    padding: 5px;
}
.upload-pic a img{
    width:100%;height:100%;
}




/* 弹出层 */
.open-box{}


/*layui-hack*/
/*checkbox BUG*/
.layui-form-switch{margin-top:0;}
.layui-form-checkbox[lay-skin=primary] i{font-size:0}
.layui-form-checked  i, .layui-form-checked:hover i{
    font-size: 12px!important;
}

/* td hack */
.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {
    word-break: keep-all;
    white-space: nowrap;
    /* text-align: center; */
}
/* .layui-table-cell a{line-height: 22px;} */
.layui-table-cell img{line-height: 16px;vertical-align: top;}
.layui-btn-xs{
    height: 18px;
    line-height: 18px;
}

.layui-btn+.layui-btn{margin-left: 5px;}
.layui-btn .layui-icon{margin:0}

/* open */
.layui-layer-page .layui-layer-content {margin:1%;text-align: center;}

/* 树形组件的hack */
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{text-decoration: none!important;}

/* boostrap hack */
.navbar{margin-bottom: 0;}

.head-box .head-tit{line-height: 30px;font-size: 16px;}



/* 兼容自适应 */
 /* ipad pro */ 
 @media(min-width: 1000px) { 
   
}

/* ipad    */
@media (max-width: 768px){
   .left-wrap{
       /* display: none; 
        position: relative;
       */
       left:0;position: absolute;
       z-index: 2;background: #fff;
       width: 100%;

   }
}

/* 手机等小屏幕手持设备 */
@media (max-width: 767px){ 
   /* .left-wrap{display: none;
       left:0;position: relative;
   } */

   .con-li{padding-right: 1%;
    padding-left:1%}
}

/* PC客户端或大屏幕设备: 1028px 至更大 */ 
@media(min-width: 1200px) {
   .left-wrap{
       /* float: left; */
       position: fixed;
       left:10%
   
   }
}

/* pc */
@media(min-width: 1400px){
  
      /* body { background: #eee; } */
}
/* 超小 iphone5 */
@media(max-width: 320px) {

}