/* 初始化 */
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%; font: 12px/1 Microsoft YaHei,Arial,san-serif; color: #333;}
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 { 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: #F5F5F5;}
/* 定义滚动条轨道 内阴影+圆角 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;}
/* 定义滑块 内阴影+圆角 */
::-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;}
.m-table th .m-search, .m-table th input { font-weight: normal;}
.m-table th dd { font-weight: normal;}
.u-ipt, .u-tarea { padding: 0 2px; width: 100%; font-size: 12px; background: #fff url(none); box-sizing: border-box; border: 1px solid #CED4DA;}
.u-ipt { height: 28px;}
.u-ipt-tiny { width: 54px;}
.u-ipt-small { width: 104px;}
.u-ipt-def { width: 214px;}
.u-ipt-long { width: 314px;}
.u-ipt-longer { width: 520px;}
.m-textarea { height: 96px;}
.m-editor { height: 302px;}
.u-tarea { width: 520px; height: 96px; padding: 3px 2px;}
.u-ipt-act, .u-tarea-act { border-color: #444;}
.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;}
.u-btn { display: inline-block; padding: 8px 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: background .3s ease; transition: background .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"] i { position: relative; top: -2px; width: 12px; height: 12px; line-height: 12px;}
.layui-form-radio { margin: 0;}
.layui-form-radio i { position: relative; top: 1px; font-size: 16px;}
.layui-form-radio div { font-size: 12px;}
.layui-input, .layui-select, .layui-textarea { height: 28px;}
.m-search .layui-input, .m-search .layui-select, .m-search .layui-textarea { height: 26px;}
.lay-select { display: inline-block; float: left;}
.layui-form-select dl { z-index: 10002;}
.layui-form-checkbox span { padding: 0 6px;}
.layui-form-switch { margin-top: 0; height: 20px; line-height: 20px;}
.layui-form-switch i { top: 2px;}
.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;}
.layui-laypage a, .layui-laypage span { height: 24px; line-height: 24px; padding: 0 12px;}
.m-goods-status p { padding: 4px 0;}
.u-status { 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;}
.m-goods-status .u-status { float: left; margin-right: 8px;}
.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;}
.label { color: #999;}
.font-13 { font-size: 13px;}
.m-textarea .u-tarea { line-height: 1.2;}
.layui-layer-content img { width: 100%;}
/* /公共样式 */

/* 后台登录 */
.g-login { display: flex; margin: 0 auto; width: 100%; height: 100%; max-width: 330px; align-items: center;}
.g-login .m-login { width: 100%;}
.m-login h2 { margin-bottom: 15px; width: 100%; font-size: 28px; 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 { height: auto; padding: 10px; font-size: 14px;}
.m-login li input.u-pwd { border-top: none; border-bottom: none;}
.m-login li img { position: absolute; top: 7px; right: 7px; display: block; width: 90px; height: 28px;}
.m-login li .u-btn { margin-top: 10px; padding: 10px 0; width: 100%; font-size: 15px; background: #494E53 url(none);}
.m-login li .u-btn:hover { background: #272B30 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: #272B30;}
.m-index-header h1 { float: left; width: 185px; height: 48px; 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.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;}
.m-main-nav .m-child li { width: 100%;}
.m-main-nav .m-child li a { display: block; padding: 6px 20px; line-height: 1.8; color: #333; white-space: nowrap; border: 1px solid #F2F2F2; border-top: none;}
.m-main-nav .m-child li.m-last a { border-radius: 0 0 6px 6px;}
.m-main-nav .m-child li.item-act a, .m-main-nav .m-child li a:hover { background: #FAFAFA; 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: #F5F5F5;}
.m-index-aside dt { position: relative; height: 39px; line-height: 39px; padding-left: 30px; border-bottom: 1px solid #e5e5e5; 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.item-act .icon-angle { transform: rotate(180deg);}
.m-index-aside dd { display: none;}
.m-index-aside dd ul { padding: 5px 0;}
.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 li.m-item-act a { color: #377BB5; background: #FAFAFA;}
.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;}
.m-index-main 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: #F5F5F5; border-bottom: 1px solid #E5E5E5; font-size: 14px;}
.m-main-title a { color: #377BB5;}
.m-main-title .icon-home { margin-right: 2px; color: #333;}
.m-main-title .icon-angle-right { margin: 0 5px;}
.m-main-title .u-flush { position: absolute; top: 7px; right: 10px; padding: 5px 10px; line-height: 1; background: #494E53; 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: #272B30;}
.u-search { background: #494E53;}
.u-search:hover { background: #272B30;}
.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;}
.m-main-content .m-tab-tit a { display: block; padding: 5px 15px; line-height: 1.6; background: #e8e8e8; font-size: 14px; color: #333;}
.m-main-content .m-tab-tit li.item-act a { background: #222; color: #fff;}
/* /选项卡标题 */


/* from 表单 */
.m-list-form .u-ipt { height: 26px;}
.m-options .u-ipt { height: 26px;}
.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 .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-opts .u-btn { margin-right: 10px;}
.m-opts form .u-btn, .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-ipt, .m-search form .u-btn { float: left;}
.m-search label, .m-search span, .m-search form .u-ipt { margin: 0 0 0 10px;}
.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 .m-opt a { display: inline-block; 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-pages .m-overview { margin: 10px 10px 10px 0; line-height: 26px;}

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

.m-pic li { max-width: 150px; max-height: 150px;}
.m-pics li { width: 32%; cursor: move; height: 150px;}
.m-pics li img { margin: 8px 0 8px 8px; max-height: 134px;}
.m-pics li .m-textarea { position: absolute; top: 8px; left: 166px; right: 40px;}
.m-pics 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: #F5F5F5; 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: #f5f5f5; 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;}
.m-form .layui-form-checkbox[lay-skin=primary] span { margin: 0;}
.layui-form .lay-checked .layui-form-checkbox[lay-skin="primary"] i { top: 2px;}
.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;}
/* /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 { 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;}
/* /权限设置 */

/* 规格属性 */
.m-form .m-good-specs, .m-form .m-good-attrs { padding: 16px;}
.m-table .m-good-specs th { padding: 10px; background: #FBFBFB; color: #FD8221; font-weight: normal;}
.m-table .m-good-specs th h3 { font-size: 13px;}
.m-table .m-good-specs td { padding: 0; line-height: 1;}
.m-table .m-good-specs article { display: table-cell; padding: 8px; vertical-align: middle;}
.m-table .m-good-specs article span, .m-table .m-good-specs article em, .m-table .m-good-specs article input, .m-table .m-good-specs article img { float: left;}
.m-table .m-good-specs article input { height: 30px;}
.m-table .m-good-specs article em { display: block; float: left; margin: 5px 4px; width: 1px; height: 22px; background: #E9E9E9;}
.m-table .m-good-specs article input[type="color"], .m-table .m-good-specs article img { margin: 5px 0; width: 20px; height: 20px; background: #fff;}
.m-table .m-good-specs article img { display: block; width: 22px; height: 22px; cursor: pointer; background: none;}
.m-table .m-good-specs label { text-indent: 8px;}
.m-table .m-good-specs span { margin: 0; padding: 7px 20px; line-height: 1.4; border: 1px solid #E3E3E3; border-radius: 4px; cursor: pointer;}
.m-table .m-good-specs span.u-item-act { background: #2690EC; color: #fff;}
.m-table .m-good-specs article.m-add { display: none;}
.m-table .m-good-specs article.m-item span { padding: 7px;}
.m-table .m-good-specs article.m-add span { background: #DBDBDB;}
.m-table .m-good-specs article.m-item em { margin: 12px 4px;}
.m-table .m-good-specs article.m-item input[type="color"], .m-table .m-good-specs article.m-item img { margin: 12px 0;}
.m-table .m-good-specs article.m-add em { margin: 5px 4px;}
.m-table .m-good-specs article.m-add input[type="color"], .m-table .m-good-specs article.m-add img { margin: 5px 0;}
.m-table .m-good-specs article a { display: inline-block; float: left;}
.m-table .m-good-specs article .u-action { margin: 2px 0 0; padding: 5px 10px; border-radius: 3px; color: #fff; cursor: pointer;}
.m-table .m-good-specs article .u-confirm { margin: 3px 10px 0 10px; background: #24BAEB;}
.m-table .m-good-specs article .u-cancel { background: #BCBCBC;}
.m-table .m-good-specs a.u-add-spec { padding: 7px 0; line-height: 1.6; color: #0E73D0;}
.m-table .m-good-specs a.u-add-spec:hover { color: #1992BA;}
/* /规格属性 */

/* 商品 sku */
.m-table .m-good-sku { padding: 16px;}
.m-table .m-good-sku th { background: #FBFBFB; font-weight: normal;}
.m-table .m-good-sku th, .m-table .m-good-sku td { text-align: center;}
/* /商品 sku */

.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: 6px 20px;}
.m-allot { position: relative; padding: 20px;}
.m-allot .u-btn { margin-top: 10px; padding: 6px 20px;}
.m-allot .m-user-list { position: absolute; top: 48px; left: 20px; display: none; width: 398px; height: 135px; background: #fff; border: 1px solid #ccc; border-top: none; overflow-y: auto; overflow-x: hidden;}
.m-allot .m-user-list li { width: 100%;}
.m-allot .m-user-list li a { display: block; width: 100%; padding: 8px; text-indent: 10px; font-size: 14px;}
.m-allot .m-user-list li a:hover { background: #f1f1f1;}
.m-allot .m-user-list h3 { padding-top: 20px; font-size: 16px; color: #999; text-align: center;}

.m-order-action a { display: inline-block; margin-left: 10px; padding: 4px 10px; background: #111 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: background .3s ease; transition: background .3s ease; cursor: pointer;}