@charset "UTF-8";
/* 常用字体 */
body,html,#CM-body{
    font-family: Tahoma,"Microsoft YaHei,SimHei","微软雅黑","Microsoft JhengHei","Hiragino Sans GB",Verdana,LiSu,YouYuan,STHeiti,Arial,"宋体";
    padding: 0; margin: 0;
}
#CM-body .CM-body{display: grid; grid-template-columns: 40px auto;}
#CM-body .CM-body.nav-max{grid-template-columns: 136px auto;}
#CM-body .CM-body.nav-hide{grid-template-columns:auto;}
#CM-nav .nav-hover{ left:35px; width:calc(100vw - 39px);}
.nav-max #CM-nav .nav-hover{ left:133px; width:calc(100vw - 139px); }
/* 整个滚动条：width是垂直滚动条宽度；height水平滚动条高度；*/
::-webkit-scrollbar {width: 4px; height: 4px; border: none;}
/* 滚动条轨道 */
::-webkit-scrollbar-track {background: #f6f6f6; border-radius: 2px; border: none;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {background: #bbb; border-radius: 2px; border: none;}
/* 滚动条滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {background: #ccc; border: none;}
/* 滚动条角落（水平和垂直滚动条交汇处） */
::-webkit-scrollbar-corner {background: #fff; border: none;}
/* flex布局 */
.cm-flex,.cm-flex-a,.cm-flex-b,.cm-flex-c,.cm-flex-e,.cm-flex-r,.btn,.p-size,.t-label{ display: flex; align-items: center; }
.cm-flex-a{ justify-content: space-around; }
.cm-flex-b{ justify-content: space-between; }
.cm-flex-c,.btn{ justify-content: center; }
.cm-flex-e{ justify-content: space-evenly; }
.cm-flex-r{ justify-content: flex-end; }
/* 一行省略号 */
.one-line{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.red{ color: #ff5555!important; }
.grey{color: #999!important; }
a{ text-decoration: none; cursor: pointer; }
/**/
.cm-row .btn{ margin-right: 5px; margin-bottom: 5px;}
td.power-edit .btn{margin:2px 3px;}
/* 设置事件穿透 cm-mpointer-events简称cme */
.cme{pointer-events: none;}
/*按钮*/
.btn{ padding:0 5px; height:20px; font-size: 10px; border-radius: 5px; border: 0; white-space: nowrap; width: auto; }
.btn-def{color:#333; background-color:#f6f6f6; border: 1px solid #eee;}
.btn-def:hover{background-color:#efefef;}
.btn-info{color:#fff; background-color:#5bc0de; border-color:#46b8da;}
.btn-info:hover{background-color:#46b8da;}
.btn-suc{color:#fff; background-color:#5cb85c; border-color:#4cae4c;}
.btn-suc:hover{background-color:#4cae4c;}
.btn-pri{color:#fff;background-color:#337ab7; border-color:#2e6da4;}
.btn-pri:hover{background-color:#2e6da4;}
.btn-dan{color:#fff; background-color:#d9534f; border-color:#d43f3a;}
.btn-dan:hover{background-color:#d43f3a;}
.btn-warn{color:#fff; background-color:#f0ad4e; border-color:#eea236;}
.btn-warn:hover{background-color:#eea236;}
.btn-sm{ height: 25px; padding:0 10px; font-size: 12px; border-radius: 5px;}
.btn-lg{ height: 30px; padding:0 15px; font-size: 14px; border-radius: 8px;}
.btn-big{ height: 36px; padding:0 15px; font-size: 14px; border-radius: 8px;}


/* 全屏遮罩 */
.cm-show{height: 100vh; width: 100vw; position: fixed; top:0; left:0; right: 0; bottom: 0; z-index: 99900; }
.cm-mask{ background-color: rgba(0,0,0,.5); }
.cm-toast,.cm-loading,.cm-confirm{ max-width: 80%; flex-wrap: wrap; word-break:break-all;  }
/* toast窗 */
.cm-toast{ padding:5px 10px; min-height: 19px; min-width: 36px; background-color: #333; color: #fff; border-radius: 5px; font-size: 12px;}
/* loading窗 */
.cm-loading{text-align: center; padding:19px; border-radius: 5px; min-height: 100px; min-width: 100px;}
.cm-loading i{font-size:5rem; color: #fff; margin-bottom:19px;}
.cm-loading div{font-size: 12px; line-height: 19px; color: #fff; }
/* confirm窗 */
.cm-confirm{ background-color: #fff; border-radius: 5px; overflow: hidden; min-height: 100px; min-width: 150px;}
.cm-confirm .cm-title{
    padding:8px; font-size: 14px; min-height: 25px; font-weight: 600; text-align: center;
    background-color:#555; color: #fff; letter-spacing: 3px;
}
.cm-confirm .cm-content{ font-size: 12px; line-height: 19px; padding: 12px; }
.cm-confirm .cm-button{ display: flex; padding:0 10px 10px 10px; justify-content: flex-end;}
.cm-confirm .cm-button div{
    height:30px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    box-shadow: 0 0 10px #999; border-radius: 5px; margin-left: 5px; cursor: pointer; padding: 0 5px;
}
.cm-confirm .cm-button .cm-cancel{ min-width: 50px;  }
.cm-confirm .cm-button .cm-affirm{ background-color: #555; color: #fff; min-width:80px; margin-right: 5px; }

/*搜索样式*/
.cm-search{display: grid; overflow: visible; align-items: center; grid-template-columns:19px auto; background-color: #ddd; padding: 9px 9px 3px 9px; border-top-left-radius:10px; border-top-right-radius:10px; }
.cm-search > .icon{ width: 19px;}
.cm-search .cond{ padding-left: 5px; box-sizing: border-box; flex-wrap: wrap; }
.cm-search > .icon i,.cm-search .cond > input,.cm-search .cond > select,.cm-search .cond > button,.cm-search .cond .p-size,.cm-search .cond .t-label{ margin-bottom: 5px;}
.cm-search .cond > input,.cm-search .cond > select,.cm-search .cond > button,.cm-search .cond .p-size,.cm-search .cond .t-label{ margin-right: 5px;}
.cm-search .cond input,.cm-search .cond select,.cm-search .cond .t-label{ border:1px solid #666; font-size: 10px; height: 25px; box-sizing: border-box; color: #f55; border-radius: 5px;}
.cm-search .cond input{ width: 88px; text-indent:3px;}
.cm-search .cond input.max{width: 136px;}
.cm-search .cond button{ height: 25px; cursor: pointer; letter-spacing: 3px; text-indent: 3px; font-size: 12px; width:55px; line-height: 12px; }
.cm-search .cond .btn-warn{background-color: #5c5f80; border-color: #747796; }
.cm-search .cond .btn-pri{background-color:#2e2e2e; border-color:#2e2e2e; }
/*时间选择*/
.cm-search .cond .t-label{ width:88px; font-weight: 300; cursor:pointer; overflow: hidden; cursor: pointer; background-color: #666; }
.cm-search .cond .t-label i{ font-size: 13px; margin:auto 3px; color: #fff;  }
.cm-search .cond .t-label input{ width: 69px; cursor: pointer; text-indent: 5px; }
/*数量输入*/
.cm-search .cond .p-size {justify-content: flex-start; height: 25px; overflow: hidden; border-radius: 5px; background-color: #ddd; color: #333; }
.cm-search .cond .p-size span{font-size: 10px; padding:0 2px 0 0;  }
.cm-search .cond .p-size input{width: 50px; margin-left: 0; margin-bottom: 0;}

/*表格样式*/
.cm-table{ width: 100%; box-sizing: border-box; border-collapse: collapse; background-color: #fff; }
.cm-table tr{ overflow: scroll; }
.cm-table th,.cm-table td{ font-size: 10px; word-break: break-all; padding: 2px; min-width: 50px; }
.cm-table th{ background-color: #f9f9f9; color: #333; padding: 5px; }
.cm-table td{ background-color: #fff; padding: 2px; }
.cm-table .sticky-t,.cm-table .sticky-r,.cm-table .sticky-b,.cm-table .sticky-l,.cm-table .sticky-tl{position: -webkit-sticky; position: sticky; z-index: 1; }
.cm-table .sticky-t{top:0;}
.cm-table .sticky-r{right:0;}
.cm-table .sticky-b{bottom:0;}
.cm-table .sticky-l{left:0; min-width: 50px; }
.cm-table .sticky-t::before,.cm-table .sticky-b::after{content: ''; width: 100%; height:10px; position: absolute;left: 0; right: 0; }
.cm-table .sticky-t::before{background: linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 50%,rgba(255,255,255,0) 100%); top: auto; bottom:-10px;z-index: 100; }
.cm-table .sticky-b::after{background: linear-gradient(to top,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 50%,rgba(255,255,255,0) 100%); top:-10px; bottom:auto;}
.cm-table .sticky-l::before,.cm-table .sticky-r::after{content:''; width: 10px; height:100%; position: absolute;top: 0; bottom: 0; }
.cm-table .sticky-r::after{background: linear-gradient(to left,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 50%,rgba(255,255,255,0) 100%);left: -10px; right: auto;z-index: 100;}
.cm-table .sticky-l::before{background: linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 50%,rgba(255,255,255,0) 100%);left:auto; right: -10px;}
.cm-table .sticky-t.sticky-l,.cm-table .sticky-t.sticky-r,.cm-table .sticky-b.sticky-l,.cm-table .sticky-b.sticky-r{z-index: 50;}
.cm-table tr:nth-child(even) td{ background-color: #f9f9f9; }
.cm-table tr:hover td,.cm-table tr:hover th{ background-color: #faf9f5; }
.cm-table.border{ border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.cm-table.border th,.cm-table.border td{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.cm-table .empty{height: 50vh; font-size: 12px; color: #999; text-align: center; }
.cm-table.center td{ text-align: center; }
.cm-table.center td.left{ text-align: left; }
.cm-table.center td.right{ text-align: right; }
.cm-table tr.status0,.cm-table tr.status0 td{ background-color: #eee;}
#CM-body .cm-table tr .n-btn .cm-flex-c { flex-wrap: wrap; word-break: break-all; }
#CM-body .cm-table tr .n-btn .cm-flex-c > * { margin:2px; padding:3px; color: #0F769F; font-size: 12px; cursor: pointer; }

.cm-img{ display:block; max-width: 150px; max-height: 66px; box-shadow: 0 0 3px 3px #eee; }
.cm-img-r,.cm-img-c{ width: 36px; height: 36px; display:block; border-radius: 50%; box-shadow: 0 0 3px 3px #eee; }
.cm-img-c{ margin: auto; }

/*表格内表单*/
.cm-table td.edit{padding-top: 5px; padding-bottom: 5px;}
.cm-table td input,.cm-table td select,.cm-table td textarea{
    font-size: 11px; box-sizing: border-box; border: 1px solid #f8c6c8; border-radius: 3px; color: #ed444b;
    height: 25px; line-height: 19px; min-height: 25px; max-height: 88px; min-width: 55px; max-width: 30vw;
}
.cm-table td input.min{width: 66px;}
.cm-table td input.max{width: 266px;}
.cm-table .cm-flex-c .btn{ margin: 3px; }
.cm-table td textarea{min-width:100px;}
.cm-table td > div{ margin-bottom: 3px; }
.cm-table td > div:last-child{ margin-bottom: 0; }
.cm-table td.sticky-l input { height: 15px; width: 15px; min-width: 15px; min-height: 15px; }
/*添加编辑弹窗*/
.edit-body{ background-color: #fff; border: 1px solid #eee; border-radius: 10px; font-size: 10px; width: 40%; min-width: 360px; max-width: 800px;}
.edit-body .eb-title{ padding:19px 10px 10px 10px; font-size: 19px; line-height: 19px; font-weight: 600; color: #333;}
.edit-body .eb-item{margin: 2px 0;}
.edit-body .eb-item .eb-con{justify-content: space-between;}
.edit-body .eb-item .eb-title{ width: 90px; text-align: right; font-size: 12px; color: #666; font-weight: bold;}
.edit-body .eb-item .eb-input{ width: calc(100% - 105px); }
.edit-body .eb-item .eb-input .red{ color: #ED434A;}
.edit-body .eb-item .eb-input.cm-flex{ justify-content: flex-start; }
.edit-body.cm-min{width: 25%; min-width: 300px; max-width: 500px; }
.edit-body.cm-max{width: 50%; min-width: 500px; max-width: 1000px; }
.edit-body.cm-big{width: 80%; min-width: 800px; max-width: 1500px; }
.edit-body.cm-max .eb-item .eb-title{ width: 110px;}
.edit-body.cm-max .eb-item .eb-input{ width: calc(100% - 115px); }
.edit-body.cm-big .eb-item .eb-title{ width: 180px;}
.edit-body.cm-big .eb-item .eb-input{ width: calc(100% - 185px); }

/* 图片上传 */
.edit-body .cm_img label{display: block; height: 100%; width: 100%; position: relative; box-shadow: 0 0 10px 0 #999;}
.edit-body .cm_img label i{display: block; position: absolute; top:50%; left: 50%; font-size: 20px; margin:-10px auto auto -10px; color: #282828; z-index: 99;}
.edit-body .cm_img label img{height: 100%; width: 100%; position: absolute; z-index: 88; }
.edit-body .cm_img input{display: none;}

.edit-body .eb-item .eb-input input,.edit-body .eb-item .eb-input select,.edit-body .eb-item .eb-input textarea{
    border:2px solid #eee; color: #ed444b; border-radius: 5px; text-indent: 3px; min-width: 66px;
}
.edit-body .eb-item .eb-input input,.edit-body .eb-item .eb-input select{height: 30px; }
.edit-body .eb-item .eb-input input{ width: calc(100% - 19px); line-height: 30px; }
.edit-body .eb-item .eb-input select{ max-width:calc(100% - 19px); }
.edit-body .eb-item .eb-input span{color: #999; font-size: 10px; }
.edit-body .eb-item .eb-input textarea{ max-width:calc(100% - 19px); min-width: calc(100% - 19px); width:calc(100% - 19px); line-height: 20px; height: 150px; min-height: 150px; max-height:300px; }
.edit-body .eb-item .eb-input textarea.cm-sm{height: 40px; min-height:40px; max-height: 90px; }
.edit-body .eb-item .eb-input textarea.cm-min{height: 60px; min-height:60px; max-height: 120px; }
.edit-body .eb-item .eb-input textarea.cm-big{height: 300px; min-height:300px; max-height: 600px; }

.edit-body .eb-item .eb-exp{justify-content: flex-end; padding-bottom: 3px;}
.edit-body .eb-item .eb-exp div{ width: calc(100% - 90px); text-align: left; color: #999; font-size: 10px; line-height: 14px; box-sizing: border-box; padding-right: 5px;}
.edit-body.cm-max .eb-item .eb-exp div{ width: calc(100% - 125px); }
.edit-body.cm-big .eb-item .eb-exp div{ width: calc(100% - 195px); }
.edit-body .eb-item .eb-exp div span{color: #666;}
.edit-body .eb-item .eb-exp div span.red{ color: #ED434A;}
.edit-body .eb-btn{ justify-content: center; padding: 15px 10px 30px 10px; }
.edit-body .eb-btn .btn-pri{width: 50%;}





/*编辑描述*/
.power-edit { background-color: #fff; border-radius: 5px; margin:-2px auto 5px auto; box-sizing: border-box; padding: 10px 5px; font-size: 12px; color: #333; }
.power-edit > div { margin-top: 3px; }
.power-edit .cm-batch{ margin: 10px auto;}
.power-edit .cm-batch input{height: 25px; width: 25px;}
.power-edit .cm-batch .cb-qx label,.power-edit .cm-batch select,.power-edit .cm-batch .cb-qx label input,.power-edit .cm-batch .cb-sel textarea{ border: 1px solid #e28b41; border-radius: 10px;}
.power-edit .cm-batch .cb-qx label,.power-edit .cm-batch select{height: 25px; margin-right: 5px; box-sizing: border-box; font-size: 12px; color: #000; color: #ed444b; }
.power-edit .cm-batch .cb-qx label{ padding: 0 5px;}
.power-edit .cm-batch .cb-qx label input{ height: 15px; width: 15px; }
.power-edit .cm-batch button{min-width: 88px; }
.power-edit .cm-batch .cb-sel{position: relative;}
.power-edit .cm-batch .cb-sel textarea{
    position: absolute; top: calc(100% + 15px); right: auto; left: 0; bottom: auto; min-width: 300px; min-height: 66px; box-sizing: border-box; padding: 5px; color: #ed444b;
    font-size: 13px; max-width: calc(100vw - 500px); max-height: 200px;
}
.power-edit .cm-batch .cb-sel .cbs-arrow{
    content: "";position: absolute;top: 11px; right: auto; left: 10px; bottom: auto;width: 0;height: 0;
    border-top: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #e28b41;border-left: 15px solid transparent;
}



/*状态颜色*/
.status0{color: #666;}
.status1{color: #000;}
.status2{color: #337ab7;}
.status3{color: #d43f3a;}
.status4,.grey{color: #999;}

/*表单样式*/
.CM-from{ }
.CM-from .row,.CM-from input,.CM-from select,.CM-from textarea{ border-radius: 5px; box-sizing: border-box;}
.CM-from .row{ background-color: #fff; margin-bottom: 5px; display: grid; grid-template-columns: 100px auto; overflow: hidden;}
.CM-from .exp,.CM-from .sub-btn{  margin-bottom: 5px; box-sizing: border-box; }
.CM-from .exp{padding-left: 100px; margin-top: -5px; font-size: 10px; color: #888;}
.CM-from .title{ font-size: 12px; min-height: 30px; color: #666; background-color: #eee; text-align: right; box-sizing: border-box; padding-right: 5px; }
.CM-from .input{ padding: 5px;  }
.CM-from input,.CM-from select,.CM-from textarea{ border: 1px solid #333; font-size: 13px; color: #ff5555; }
.CM-from input,.CM-from select{ height: 29px; text-indent: 3px; align-items: center; }
.CM-from textarea{ line-height: 17px; padding: 5px; min-height: 60px; max-height: 150px; min-width:200px; max-width:70vw; width: 50%;}
.CM-from textarea.min{min-height: 30px; max-height: 90px;}
.CM-from textarea.max{min-height: 100px; max-height: 500px;}
.CM-from input.max{ width: 50%; }
.CM-from input.lag{ width: 70%; }
.CM-from .sub-btn{ padding-top: 10px;}
.CM-from .sub-btn .btn-lg{min-width:200px; }
/*小标题表单*/
.CM-from.min .row{grid-template-columns: 66px auto;}
/*大标题表单*/
.CM-from.max .row{grid-template-columns: 166px auto;}
/*行内注释*/
.CM-from .input .exp{padding-left: 3px; margin: auto auto auto 0;}
/*解决下拉框右侧箭头挡住了下拉选项文字的问题*/
select{padding-right:15px; overflow: visible!important; box-sizing: border-box!important;}
select option{width: 100%; padding-block-end:0; overflow: visible;}

/*左侧导航*/
#CM-nav{background-color: #2e2e2e; color: #fff; position: relative; box-sizing: border-box; font-size: 11px; }
#CM-nav .nav-icon{ height: 36px; font-size: 16px; }
#CM-nav .cn-logo{ width: 100%; padding: 5px 0; }
#CM-nav .cn-logo img{display: block; width:calc(100% - 11px); height: auto; }
#CM-nav .nav-li{ cursor: pointer; padding-left: 5px; }
#CM-nav .ca_name{ width: calc(100% - 11px); }
#CM-nav .ca_id .ca-li,#CM-nav .ca_id,#CM-nav .nav-hover,#CM-nav .nav-hover .nh-n{ height: 25px;}
#CM-nav .nav-hover{position: absolute; z-index: 5; top:0; right: auto; bottom: auto;}
#CM-nav .nav-hover .nh-i{font-size: 25px; color:#2e2e2e; }
#CM-nav .nav-hover .nh-n{background-color:#2e2e2e; color: #fff; margin-left: -2px; border-radius: 5px; padding: 0 8px; font-size: 10px;  }
#CM-nav .nav-level,#CM-nav .ca_id{  box-sizing: border-box; position: relative; }
#CM-nav .ca_id{ margin-bottom: 5px; }
#CM-nav .ca_id:hover{background-color: #393b57;}
#CM-nav .ca_id .ca-li{width:calc(100% - 19px);}
#CM-nav .nav-level .nav-level .ca_id{margin-left: 7px;}
#CM-body .nav-max .nav-level .nav-level .ca_id{margin-left:10px;}
#CM-nav .nav-level .nav-level .nav-level .ca_id{margin-left:13px;}
#CM-body .nav-max .nav-level .nav-level .nav-level .ca_id{margin-left:19px;}
#CM-nav .nav-act,#CM-nav .ca_id:hover{border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#CM-nav .ca_id.nav-act{background-color: #f9f9f9; color: #2e2e2e; }
#CM-nav .ca_id.nav-act:hover{background-color: #fff; }
#CM-nav .ca_fa{width: 18px; margin-right:5px; text-indent:4px;  }
#CM-nav .ca_down{width: 19px; height: 100%; font-size: 14px; text-align: right; color: #999; }




/*右侧 */
/*右侧 顶部*/
#CM-con{ box-sizing: border-box; background-color: #f9f9f9; overflow-x: scroll; }
#CM-con .CM-top{ height: 36px; background-color: #fff; }
#CM-con .CM-top .change-nav{ width: 36px; height:36px; color: #2e2e2e; font-size: 25px;}
#CM-con .CM-top .nav-icon{ width:36px; font-size: 16px; }
#CM-con .CM-top .crumbs{ font-size: 12px; cursor: pointer; padding-left: 5px; }
#CM-con .CM-top .crumbs div,#CM-con .crumbs div .fa-angle-right{ margin-right: 6px; }
#CM-con .CM-top .crumbs div .fa-angle-right{ font-size: 16px; }
#CM-con .CM-top .crumbs div,#CM-con .crumbs div a{ color: #2e2e2e; border: 0;}
#CM-con .CM-top .ct-admin{ width: 30%;}
#CM-con .CM-top .ct-admin.is-phone{ width: 50%;}
#CM-con .CM-top .ct-admin .cu_img{position: relative;}
#CM-con .CM-top .ct-admin .cu_img img{ display: block; width:30px; height:30px; border-radius: 50%; }
#CM-con .CM-top .ct-admin .cu_img .ct-act,#CM-con .ct-admin .cu_img .cta-icon{position: absolute; bottom: auto; left: auto; z-index: 9999;}
#CM-con .CM-top .ct-admin .cu_img .ct-act{  border: 1px solid #ddd; border-radius: 3px; width: 80px; top:40px; right: -22px; background-color: #fff; border-radius: 5px; font-size: 10px;}
#CM-con .CM-top .ct-admin .cu_img .cta-icon{ top:-15px; right: 50%; font-size: 16px; margin-right: -54px; color: #666; width: 100px; text-align: center; background-color: transparent; }
#CM-con .CM-top .ct-admin .cu_img .cta-li{ height: 30px; color: #2e2e2e; }
#CM-con .CM-top .ct-admin .cu_img .cta-li .cta-i{ width: 20px; font-size: 14px; margin-left: 3px; color: #666;}
#CM-con .CM-top .ct-admin .one-line{ margin-left: 5px; font-size: 12px; color: #2e2e2e;}
#CM-con .cm-div{ overflow-x: scroll; }
/*内容区*/
#CM-con .CM-con{ padding: 5px; box-sizing: border-box; }

#watermark-container{position: fixed; width: 100%; height:100%; top:0; left:0; right: 0; bottom: 0; z-index: 500; pointer-events: none; background-repeat: repeat; }


/*图片上传预览*/
.cm-table .up-img{margin: auto;}
.up-img{ box-shadow: 0 0 3px 0 #999; width: 88px; height: 88px;  }
.up-img label{height:100%; width:100%; position: relative; overflow: hidden; }
.up-img label i,#data .cm-up-img label img{display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.up-img label i{ position: absolute; top:50%; left: 50%; font-size: 20px; margin:-10px auto auto -10px; color: #282828; z-index: 99;
    text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;
}
.up-img label img{max-width: 100%; max-height: 100%; }
.up-img input{display: none;}

/*分页样式*/
.pagination{display:inline-block;padding-left:0;margin:5px 0;border-radius:5px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#2e2e2e;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#2e2e2e;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#2e2e2e;border-color:#2e2e2e}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}