/* 初始化 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { margin: 0; padding: 0;}
html,body { width: 100%; height: 100%;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display: block;}
caption,th { text-align: left; font-weight: normal;}
html,body,fieldset,img,iframe,abbr { border: 0;}
i,cite,em,var,address,dfn { font-style: normal;}
li { list-style: none;}
h1,h2,h3,h4,h5,h6,small { font-size: 100%;}
sup,sub { font-size: 83%;}
textarea { overflow:auto; resize: none;}
label { cursor: default;}
a,button { cursor: pointer;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
del,ins,u,s,a,a:hover { text-decoration: none;}
body,textarea,input,button,select,keygen,legend { font: 12px/20px Microsoft YaHei,Arial,san-serif; color: #333; outline: 0;}
input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
a { color: #333;}
/* /初始化 */

/* 公共样式 */
/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F8F9FA;}
/* 定义滚动条轨道 内阴影+圆角 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F8F9FA;}
/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;}
.clearfix:before, .clearfix:after { content: ''; display: table;}
.clearfix:after { clear: both; overflow: hidden;}
.clearfix { zoom: 1;}
.fl { float: left;}
.fr { float: right;}
.dn { display: none;}
.db { display: block;}
.m-container { padding: 20px;}
.m-container-fluid { padding: 0 15px; width: 100%; box-sizing: border-box;}
.mt-10 {margin-top: 10px;}
.mt-20 { margin-top: 20px;}
table { width: 100%; border-spacing: 0;}
.m-table { border: 1px solid #ddd; border-right: none; border-bottom: none;}
.m-table th, .m-table td { padding: 8px; line-height: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.m-table th { background: #F5FAFE; font-weight: bold;}
.u-input, .u-textarea { padding: 0 2px; width: 100%; font-size: 12px; background: #fff url(none); box-sizing: border-box; border: 1px solid #CED4DA;}
.u-input { height: 28px; line-height: 24px\9;}
.m-list-form .u-input { height: 26px; line-height: 24px\9;}
.m-options .u-input { height: 26px; line-height: 24px\9;}
.m-login .u-input { height: auto;}
.u-input-tiny { width: 54px;}
.u-input-small { width: 104px;}
.u-input-def { width: 214px;}
.u-input-long { width: 314px;}
.u-input-longer { width: 414px;}
.m-textarea { height: 92px;}
.u-textarea { width: 520px; height: 92px; line-height: 1.2; padding: 5px 2px;}
.u-input-act, .u-textarea-act { border-color: #444;}
.u-btn { display: inline-block; padding: 4px 20px; background: #E7666D url(none); font-size: 13px; color: #fff; text-align: center; border: none; border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, .117647) 0px 2px 6px,rgba(0, 0, 0, .239216) 0px 1px 2px; box-shadow: rgba(0, 0, 0, .117647) 0px 2px 6px,rgba(0, 0, 0, .239216) 0px 1px 2px; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer;}
.u-btn:hover { background: #B8323A url(none);}
.u-batch-sorted { background: #3B7AD7 url(none);}
.u-batch-sorted:hover { background: #235BB0 url(none);}
.layui-form .layui-form-checkbox[lay-skin="primary"] { min-width: 12px; min-height: 12px;}
.layui-form .layui-form-checkbox[lay-skin="primary"] i { position: relative; top: -2px; width: 12px; height: 12px; line-height: 12px;}
.layui-form-checkbox[lay-skin=primary] span { float: right;}
.layui-form-radio { margin: 0;}
.layui-form-radio i { position: relative; top: 0; font-size: 16px;}
.layui-form-radio div { font-size: 12px;}
.layui-form-switch { margin-top: 0;}
.layui-input, .layui-select, .layui-textarea { height: 28px; line-height: 28px;}
.lay-select { display: inline-block; float: left;}
.layui-form-select dl { z-index: 10002;}
.layui-btn { height: 28px; line-height: 28px; padding: 0 10px; vertical-align: top; font-size: 13px;}
.layui-form-select dl dd, .layui-form-select dl dt { line-height: 30px;}
.layui-form .layui-form-checkbox[lay-skin="primary"] i { width: 12px; height: 12px; line-height: 12px;}
.m-select-tiny .layui-unselect { width: 114px;}
.m-select-small .layui-unselect { width: 214px;}
.m-select-def .layui-unselect { width: 314px;}
.m-select-long .layui-unselect { width: 414px;}
.m-select-longer .layui-unselect { width: 514px;}
.layui-laypage a, .layui-laypage span { height: 24px; line-height: 24px; padding: 0 12px;}
.u-status, .u-install { display: inline-block; padding: 4px 6px; font-size: 75%; font-weight: 400; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; cursor: pointer;}
.u-status-default { background: #777;}
.u-status-primary { background: #337AB7;}
.u-status-success { background: #5CB85C;}
.u-status-info { background: #5BC0DE;}
.u-status-warning { background: #F0AD4E;}
.u-status-danger { background: #D9534F;}
/* /公共样式 */

/* 后台登录 */
.g-login { display: flex; margin: 0 auto; width: 100%; height: 100%; max-width: 330px; align-items: center;}
.g-login .m-login { position: relative\9; top: 50%\9; min-height: 246px\9; margin-top: -123px\9; width: 100%;}
.m-login h2 { margin-bottom: 15px; width: 100%; font-size: 18px; font-weight: 400; text-align: center;}
.m-login li { position: relative;}
.m-login li label { position: absolute; width: 1px; height: 1px; overflow: hidden;}
.m-login li input { padding: 10px; font-size: 14px;}
.m-login li input.u-password { border-top: none; border-bottom: none;}
.m-login li img { position: absolute; top: 7px; right: 7px; display: block; width: 90px; height: 28px; cursor: pointer;}
.m-login li .u-btn { margin-top: 10px; padding: 8px 0; width: 100%; font-size: 15px; background: #555 url(none);}
.m-login li .u-btn:hover { background: #444 url(none);}
.m-login p { margin-top: 20px; width: 100%; font-size: 13px; text-align: center;}
/* /后台登录 */

/* 后台管理首页 */
.g-index { width: 100%; height: 100%; overflow: hidden;}
.m-index-header { height: 48px; background: #343A40;}
.m-index-header h1 { float: left; width: 185px; line-height: 48px; font-size: 17px; color: #fff; font-weight: 400;}
.m-index-header li { float: left;}
.m-index-header li a, .m-index-header li p { display: block; padding: 0 20px; line-height: 48px; font-size: 13px; color: #fff;}
.m-index-header li a { transition: background .3s ease;}
.m-index-header li .icon-angle-down { position: relative; top: 3px; display: inline-block; margin-left: 5px; font-size: 21px;}
.m-index-header li.m-item-act a, .m-index-header li a:hover { background: #494E53;}
.m-index-header .m-side-nav li a { padding: 0 15px;}
.m-index-header li i { position: relative; top: 1px; font-size: 16px;}
.m-index-header li .icon-signout { margin-right: 2px;}
.m-main-nav li { position: relative;}
.m-main-nav .m-child { position: absolute; z-index: 999; top: 48px; left: 0; display: none; min-width: 100%; background: #fff; border: 1px solid #F2F2F2; border-top: none; border-bottom: none; border-radius: 0 0 6px 6px;}
.m-main-nav .m-child li { width: 100%; border-bottom: 1px solid #F2F2F2;}
.m-main-nav .m-child li a { display: block; padding: 5px 20px; line-height: 1.8; color: #333; white-space: nowrap;}
.m-main-nav .m-child li a:hover { color: #0D67CA; background: #F8F9FA;}
.m-main-nav .m-child li.m-last, .m-main-nav .m-child li.m-last a { border-radius: 0 0 6px 6px;}
.m-main-nav .m-child li.m-item-act a, .m-main-nav .m-child li a:hover { background: #F8F9FA; color: #0D67CA;}
.m-index-aside, .m-animate-aside, .m-index-main { transition: all .3s ease;}
.m-index-aside { position: absolute; top: 48px; bottom: 0; left: 0; width: 200px; overflow-y: auto; background: #F8F9FA;}
.m-index-aside dt { position: relative; height: 39px; line-height: 39px; padding-left: 30px; border-bottom: 1px solid #DFE0E1; font-size: 14px; color: #333; cursor: pointer;}
.m-index-aside dt i { position: absolute; line-height: 39px; color: #666;}
.m-index-aside dt .icon { top: 1px; left: 10px;}
.m-index-aside dt .icon-angle { right: 15px; font-size: 18px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.m-index-aside dt.m-item-act .icon-angle { transform: rotate(180deg);}
.m-index-aside dd { display: none;}
.m-index-aside dd li a { display: block; height: 32px; line-height: 32px; font-size: 14px; color: #666; text-indent: 30px;}
.m-index-aside dd li a:hover, .m-index-aside dd li.m-item-act a { color: #377BB5; background: #fdfdfd;}
.m-animate-aside { position: absolute; top: 0; z-index: 10; left: 200px; height: 100%;}
.m-animate-aside a { position: absolute; top: 50%; margin-top: -30px; width: 17px; height: 61px; background: url(../images/ico_arrow.png) no-repeat; background-position: 0 0;}
.m-animate-aside a:hover { background-position: -21px 0;}
.m-animate-aside a.open { background-position: 0 -61px;}
.m-animate-aside a.open:hover { background-position: -21px -61px;}
.m-index-main { position: absolute; top: 48px; right: 0; bottom: 0; left: 200px;}
.g-index iframe { display: block; width: 100%; height: 100%;}
.full-screen .m-index-aside { left: -200px;}
.full-screen .m-animate-aside { left: 0;}
.full-screen .m-index-main { left: 0;}
/* /后台管理首页 */


/* 欢迎页 */
.g-main { position: relative; width: 100%; height: 100%; overflow: hidden;}
.m-main-title { height: 39px; line-height: 39px; background: #F8F9FA; border-bottom: 1px solid #DFE0E1; font-size: 14px;}
.m-main-title span, .m-main-title a { float: left;}
.m-main-title span.icon-angle-right { position: relative; top: 13px; margin: 0 8px;}
.m-main-title a { color: #377BB5;}
.m-main-title .icon-home { margin-right: 2px; color: #333;}
.m-main-title .u-flush { position: absolute; top: 7px; right: 10px; padding: 5px 10px; line-height: 1; background: #555; border-radius: 4px; font-size: 12px; color: #fff; -webkit-box-shadow: rgba(0, 0, 0, .117647) 0px 2px 6px,rgba(0, 0, 0, .239216) 0px 1px 2px; box-shadow: rgba(0, 0, 0, .117647) 0px 2px 6px,rgba(0, 0, 0, .239216) 0px 1px 2px; transition: background .3s ease;}
.m-main-title .u-flush:hover { background: #333;}
.m-main-content { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto;}
.m-main-content .m-header h1 { margin-bottom: 10px; font-size: 21px;}
.m-main-content .m-header p { font-size: 13px; line-height: 1.5;}
/* /欢迎页 */


/* 选项卡标题 */
.m-main-content .m-tab-tit { padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.m-main-content .m-tab-tit li { float: left; margin-right: 10px; padding: 5px 15px; line-height: 1.6; background: #e8e8e8; font-size: 14px; color: #333; cursor: pointer;}
.m-main-content .m-tab-tit li.m-item-act { background: #222; color: #fff;}
/* /选项卡标题 */

/* from 表单 */
.m-form .u-btn { margin: 20px 0 0 15%;}
.m-options .u-btn { margin-right: 10px; padding: 0 12px; height: 26px; line-height: 26px; font-size: 12px; color: #fff;}
.m-options-right .m-options-item { margin-left: 10px;}
.m-options-right .m-options-item .u-btn { float: left; margin: 0 0 0 10px;}
.m-options .m-search .u-btn { margin-right: 0;}
.m-options .u-btn i { display: inline-block; margin-right: 2px;}
.m-options span { display: inline-block; margin: 0 5px;}
.m-form label, .m-form span { display: inline-block; line-height: 28px; margin: 0 10px; font-size: 12px; color: #666; vertical-align: top;}
.m-form .ke-toolbar-icon { margin: 0;}
.m-form label { margin: 0 10px 0 0; cursor: pointer;}
.m-form label em { display: inline-block; margin-left: 4px; color: #d60000; font-family: 'SimSun';}
.m-form .m-length { margin-left: 10px;}
.m-form .m-label { margin-top: 10px; font-size: 13px;}
.m-form .m-label a { color: #06c;}
.m-form .m-themes li { float: left; width: 19%; margin: 0 .6% 1% .4%; border: 1px solid #ddd; box-sizing: border-box;}
.m-form .m-themes li img { display: block; width: 100%;}
.m-form .m-themes li span { position: relative; width: 100%; display: block; margin: 0; padding-left: 10px; line-height: 36px; background: #FAFAFA; border-top: 1px solid #ddd; font-size: 15px; box-sizing: border-box;}
.m-form .m-themes li span em { font-weight: 570;}
.m-form .m-themes li span a { position: absolute; top: 4px; right: 4px; height: 28px; line-height: 26px; padding: 0 20px; background: #0085ba; border-color: #0073aa #006799 #006799; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #006799; font-size: 13px; color: #fff; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; border-radius: 3px; font-weight: normal; box-sizing: border-box; transaction: background .2s ease;}
.m-form .m-themes li span a:hover { background: #148FC0;}
.m-form .m-themes li.m-item-act { border-color: #343A40;}
.m-form .m-themes li.m-item-act span { background: #343A40; border-top-color: #343A40; color: #fff;}
.m-form .m-themes li i { display: none;}
.m-form .m-themes li.m-item-act i { display: inline;}
.m-opts .u-input { margin-right: 10px;}
.m-opts .u-btn { margin-right: 10px;}
.m-search form .u-btn { margin-left: 10px;}
.m-search .lay-select { margin-left: 10px;}
.m-search label, .m-search span { display: inline-block; height: 26px; line-height: 26px; float: left; font-weight: normal;}
.m-search label { cursor: pointer;}
.m-search form .u-input, .m-search form .u-btn { float: left;}
.m-search label, .m-search span, .m-search form .u-input { margin: 0 0 0 10px;}
/*.m-table tr:nth-child(2n) { background: #F2F2F2;}
.m-table tr:nth-child(2n+1) { background: #fff;}*/
.m-table .datas .u-caret-right { display: inline-block; width: 18px; height: 18px; cursor: pointer;}
.m-table .datas .u-caret-right i { position: relative; top: 2px; display: block; width: 18px; height: 18px; font-size: 18px; color: #868686;}
.m-table .datas .m-href a { display: inline-block; margin-right: 10px; color: #377BB5;}
.m-table .datas font { display: inline-block; margin: 0 4px; font-family: '宋体';}
.m-table .u-title { color: #02247E;}
.m-table .u-title:hover { text-decoration: underline;}
.m-table .u-column-icon i { position: relative; top: 1px; display: inline-block; margin-right: 5px; font-size: 16px;}
.m-table .m-opt a { display: inline-block; float: left; margin-right: 10px; vertical-align: bottom;}
.m-table .m-opt a i { font-size: 15px; color: #333;}
.m-table .m-opt a .icon-plus { position: relative; top: 1px; font-size: 16px;}
.m-table .m-mods-related li { float: left; margin-bottom: 2px;}

.m-pic li, .m-pics li, .m-pics-txt li { position: relative; float: left; margin: 8px 8px 0 0; background: #FAF5ED; overflow: hidden;}
.m-pic li img, .m-pics li img, .m-pics-txt li img { display: block; max-width: 150px;}
.m-pic li a, .m-pics li a, .m-pics-txt li a { position: absolute; top: -3px; right: 2px; font-size: 10%;}

.m-pic li { max-width: 150px; max-height: 150px;}
.m-pics li { width: 150px; height: 150px; cursor: move;}
.m-pics-txt li { width: 32%; cursor: move; height: 150px;}
.m-pics-txt li img { margin: 8px 0 8px 8px; max-height: 134px;}
.m-pics-txt li .m-textarea { position: absolute; top: 8px; left: 166px; right: 40px;}
.m-pics-txt li .m-textarea textarea { width: 90%; height: 122px; line-height: 1.2; padding: 5px; border-color: #ccc;}

.m-files li { margin: 8px 0 0 0; width: 100%; height: 30px; line-height: 30px; background: #F8F9FA; cursor: move;}
.m-files li i { position: relative; top: 1px; margin-left: 10px; font-size: 16px; color: #337AB7;}
.m-files li span, .m-files li input, .m-files li a { display: inline-block; margin-left: 10px; height: 30px; line-height: 30px; font-size: 13px;}
.m-files li input { margin-top: 3px; padding: 0 2px; width: 200px; height: 22px; line-height: 24px; border-color: #F8F9FA; font-size: 12px;}
.m-files li a { color: #337AB7;}
.m-files li a:hover { text-decoration: underline;}
.m-list-pic { width: 50px; max-height: 50px; overflow: hidden;}
.m-list-pic img { display: block; width: 50px;}
.layui-form-checkbox[lay-skin=primary] { padding-left: 0;}
.layui-form .lay-checked .layui-form-checkbox[lay-skin="primary"] i { top: 2px;}
.layui-unselect dd { font-weight: normal;}
.m-spec-attr a i { font-size: 15px; color: #333;}
.m-spec-attr .u-add-spec { font-size: 13px; color: #06c;}
.m-color { margin-left: 5px;}
.m-color input { height: 26px;}
.lay-checked em { font-size: 13px;}

.m-edit-form { padding: 20px;}
.m-edit-form p { margin-top: 10px; line-height: 1.5; font-size: 12px; color: #666;}
.m-edit-form .u-btn { margin-top: 10px; padding: 4px 20px;}
.m-form .m-linkage { margin-right: 10px;}
/* /from 表单 */


/* 信息左侧分类 */
.m-column-trees { padding: 5px 0 0 5px;}
.m-column-trees .columns-tree { padding: 4px 8px; }
.m-column-trees li { line-height: 1.5; background: url(../images/dots-s.png) repeat-y;}
.m-column-trees li a { display: inline-block;}
.m-column-trees li a em { position: relative; top: -2px;}
.m-column-trees li ul { display: none;}
.m-column-trees li .ico-columns-tree { display: inline-block; background: url(../images/sprit.png) no-repeat;}
.m-column-trees li .icon-tree-control { position: relative; top: 2px;}
.m-column-trees li .ico-tree-plus { width: 13px; height: 17px; background-position: -26px 0;}
.m-column-trees li .ico-tree-first-plus { width: 13px; height: 17px; background-position: 0 0;}
.m-column-trees li .ico-tree-minus { width: 13px; height: 17px; background-position: -39px 0;}
.m-column-trees li .ico-folder { position: relative; margin-right: 4px; top: -1px;}
.m-column-trees li .ico-tree-folder-close { width: 16px; height: 11px; background-position: 0 -17px;}
.m-column-trees li .ico-tree-folder-open { width: 16px; height: 11px; background-position: -16px -17px;}
.m-column-trees li .ico-tree-file { position: relative; top: 2px; width: 12px; height: 14px; margin-right: 2px; background-position: 0 -28px;}
.m-column-trees li ul.columns-tree { display: none; padding: 0 0 0 18px;}
.m-column-trees li a:hover { text-decoration: underline;}
.m-column-trees p { font-size: 13px; color: #aaa; text-indent: 8px;}
/* 信息左侧分类 */

/* 权限设置 */
.privilege { padding: 0 10px;}
.privilege-item { margin-bottom: 10px; padding: 10px 0 25px; border-bottom: 1px solid #ccc;}
.privilege-item h3 { line-height: 2; margin-top: 5px; font-size: 16px;}
.privilege-item dl { width: 100%; padding: 0 0 15px 0; border-bottom: 1px dashed #ccc;}
.privilege-item dt { margin-bottom: 5px;}
.privilege-item dd { float: left; margin-bottom: 2px;}
.privilege-item .lay-checkbox span { font-size: 13px;}
.privilege-item input { position: relative; top: 2px;}
.privilege-item label { display: inline-block; margin: 0 10px 0 5px;}
.privilege-item h3 .layui-form-checkbox[lay-skin="primary"] span { font-size: 15px; font-weight: bold; color: #333;}
.privilege-item h2 .layui-form-checkbox[lay-skin="primary"] span { font-size: 18px; color: #06c;}
/* /权限设置 */


.icon-user, .icon-user-md, .icon-hdd { font-size: 16px;}
.icon-file-alt { margin-left: 1px; font-size: 15px;}
.icon-mobile-phone { margin-left: 2px; font-size: 20px;}