html,body{background:#FFF; font-size:12px;}
body,input,textarea,select{ margin:0; padding:0; color:#404040; font-size:12px;font-family:'microsoft yahei','微软雅黑',Tahoma,Arial,Verdana;}
input,select{ outline:none; vertical-align:middle;}

select{padding:4px 3px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size:12px; vertical-align:middle}
select.normal{ padding:0; height:auto}
ul,li{ margin:0; padding:0; list-style:none}
img { border:0;}
form { margin:0; padding:0}
a { outline:none; color:#333; text-decoration:none}
a:hover{ color:#FF6600;}

.clearfix:after{ content:'.'; display:block; height:0; clear:both; visibility:hidden}
.clearfix{ display:inline-block;}
.clearfix{ display:block;}

/* 去掉 input[type=number] 的增减号 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

[v-cloak] {
    display: none;
}

.z{ float:left}
.y{ float:right}
input{ vertical-align:middle}

.red{ color:#FF0000}
.green{ color:#27a427}
.gray{ color:#CCC}
.orange{ color:#FF6600}
.bold{ font-weight:bold}
.grey { color: #888;}
.blue {color: #0283cc;}
.bg-red{ background:#fff3f0;}

.link{ display:inline-block; width:10px; height:10px; overflow:hidden; font-size:0; background:url(url.png) 0 0 no-repeat; vertical-align:middle}
.dl{ color:#ddd; padding:0 3px 0 4px; font-family:Arial; font-size:10px; font-weight:normal}
.dl-navs{padding:0 3px 0 4px; color: #999; font-family: "\5b8b\4f53"; font-weight:normal}

.mpad{ vertical-align:middle}
.lpad{ padding-left:6px; vertical-align:middle;}
.rpad{ padding-right:6px; vertical-align:middle;}
.pad{ padding:4px 0; display:inline-block;}
.required{ font-weight:bold; font-size:12px; font-family:Verdana; cursor:default; color:#FF0000; vertical-align:middle;}

/**
 * 页面布局
*/
#layoutWrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

#layoutSider {
    box-sizing: border-box;
    position: relative;
    width: 14rem;
    flex-shrink: 0;
}
#layoutSider.hidden {
    width: 0;
}

#layoutMain {
    flex-grow: 1;
}

/*提示内容*/
.alert-box{ padding:15px 10px; background:#FFFFCC; border:1px solid #e0e0e0; margin-bottom:20px;}

/*头部*/
.header{ height:41px; padding:0 25px; background:#f6f6f6; line-height:41px; border-bottom:1px solid #dbdbdb; font-size:12px; font-weight:bold; box-shadow:0 1px 2px rgba(215,215,215,0.3); position:relative; z-index:1}
.header-navs{ float:left;}
.header-navs .dl:last-child{ display:none}
.header-user{ float:right;}
.header-navs a.sel{ color:#FF6600}

/*侧栏*/
.admin-side {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 14rem;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index:2;
    background:#31373d;
    color:#FFF;
}
#layoutSider.hidden .admin-side {
    display: none;
}

.admin-side a{ color:#84909d}
.admin-side a:hover{ color:#fff}
.admin-word{ height:41px;}

.admin-side::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}
/*滚动条里面小方块*/
.admin-side::-webkit-scrollbar-thumb {
    border-radius: 1px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    background: #272c30;
  }
.admin-side::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    background: #31373d;
}

/*侧栏显示隐藏控件*/
.side-ctl{
    position:fixed;
    background:#ff6600;
    left:14rem;
    top:50%;
    margin-top:-21px;
    margin-left:-12px;
    width:12px;
    height:43px;
    overflow:hidden;
    cursor:pointer; z-index:3;
    background:url(sidebar.png) 0 0 no-repeat
}
#layoutSider.hidden .side-ctl {
    background:url(sidebar.png) -12px 0 no-repeat;
    margin-left:0;
    left:0;
}

.navs-box{ border-top:1px solid #1d2329;}
.navs-title{ line-height:35px; font-weight:bold; padding:0 15px 0 15px; border-top:1px solid #4c5054; cursor:pointer;}
.navs-title .tab{ width:13px; height:13px; background:url(corner2.png) center center no-repeat; cursor:pointer; margin-top:9px; overflow:hidden; line-height:0; margin-right:-6px}
.navs-title .tab:hover{ background-color:#000; border-radius:3px}
.navs-title .tab-open{ background:url(corner.png) center center no-repeat;}
.navs-title .z{ cursor:pointer}

.navs-items{ padding-bottom:10px;}
.navs-items li{line-height:31px; padding:0 20px 0 15px; font-weight:bold;}
.navs-items li.sel,
.navs-items li:hover{ background:#272c30}
.navs-items li a{ display:block; line-height:31px;}

/*主体*/
.admin-wrap {
    position: relative;
    box-sizing: border-box;
    padding: 25px;
    max-width: 1600px;
    margin: 0 auto;
}
.col-box{ margin-bottom:20px;}
.col-box-message{ background:#f7f7f7; margin-bottom:20px; padding:15px; border:1px solid #eee}

/*翻页*/
.showpage a{ display:inline-block; font-size:13px; border:1px solid #adadad; height:25px; line-height:25px; padding:0 9px; border-radius:2px; text-decoration:none; color:#606060; margin-right:5px; font-weight:bold;background:url(btn-bg.png) 0 bottom repeat-x; vertical-align:top}
.showpage a:hover{ border:1px solid #949494; color:#606060}
.showpage a.current,
.showpage a.current:hover{ background:#666; color:#FFF; padding:1px 10px; border:0}
.showpage span{ display:inline-block; margin-right:5px; font-family:Arial; font-weight:bold; line-height:25px;}
.showpage .pg-prev,
.showpage .pg-next{ font-family:"Courier New", Courier, monospace;}
.showpage .pg-total{ background:#f0f0f0; padding:1px 10px; font-weight:normal; margin-right:0; border-radius:2px;}

/*输入框与按钮*/
.txt{ padding:7px 5px; font-size:13px; line-height:18px; border:1px solid #ccc; border-top:1px solid #aaa; outline:none; background:url(input-bg.png) 0 0 repeat-x #FFFFFF; border-radius:2px; vertical-align:middle; visibility:visible;}
.txt2,
.txt[disabled],
.txt.disabled {
    opacity: 0.5;
}
textarea.txt{ overflow:hidden; overflow-y:auto; line-height:1.6}

.txt.block {
    box-sizing: border-box;
    width: 100%;
}

.btn,
.btn2 {
    display        : inline-block;
    vertical-align : middle;
    line-height    : 31px;
    height         : 31px;
    padding        : 0 1em;
    font-size      : 12px;
    font-weight    : bold;
    border-radius  : 2px;
    border-width   : 1px;
    border-style   : solid;
    border-color   : #bcc1c8 #bababa #adb2bb #bababa;
    visibility     : visible;
    cursor         : pointer;
    color          : #606060;
    background     : linear-gradient(to bottom, #fbfbfc, #eff0f3, #e7e9ec);
    box-shadow     : 0 1px 2px rgba(0,0,0,0.1);
    outline        : none;
    text-decoration: none;
    white-space    :nowrap;
}
.btn:hover{
    color     : #606060;
    border    : 1px solid #adadad;
    background: linear-gradient(to bottom, #ebedf3, #e5e8ee 70%, #d9dce1);
}
.btn:active {
    color     : #606060;
    border    : 1px solid #adadad;
    background: linear-gradient(to bottom, #c0c3c6, #dcdfe3 20%, #dbdee2);
}
.btn[disabled],
.btn.disabled {
        background-color: hsl(221, 14%, 80%);
        border-color: hsl(221, 14%, 60%);
        opacity: 0.5;
}
.btn2 {
    color: #FFFFFF;
    border: 1px solid #0082be;
    background: linear-gradient(to bottom, #40c6f5, #00b1f1 5%, #00a4ef 85%, #00a3ef);
}
.btn2:hover {
    color: #FFFFFF;
    border:1px solid #0082be;
    background: linear-gradient(to bottom, #38b1eb, #0090e1);
}

.btn2:active {
    color: #FFFFFF;
    border:1px solid #0082be;
    background: linear-gradient(to bottom, #0283cc, #0ca3e6 20%, #38b1eb);
}

input.btn,
input.btn2,
button.btn,
button.btn2{
    visibility : visible;
    height     : 34px;
    line-height: normal;
    cursor     : pointer
}

.btn3 {
    height        : 23px;
    line-height   : 23px;
    border-radius : 2px;
    font-size     : 12px;
    vertical-align: middle;
    padding       : 0 5px;
}
input.btn3,
button.btn3{
    height     : 25px;
    line-height: normal;
    cursor     : pointer;
}

.btn-m{
    height       : 31px;
    line-height  : 31px;
    border-radius: 3px;
    padding      : 0 0.8em;
}
input.btn-m,
button.btn-m {
    height       : 29px;
    border-radius: 3px;
    padding      : 0 0.8em;
    line-height  : normal;
}


.input-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}
.input-group input,
.input-group select,
.input-group button {
    box-sizing: border-box;
}
.input-group > .input-item {
    position: relative;
    z-index: 0;
}
.input-group > .input-item.flex-item {
    flex: 1;
}

.input-group > .input-item:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}
.input-group > .input-item:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-item:hover,
.input-group > .input-item:active {
    z-index: 1;
}

/*表格*/
.center{ text-align:center;}
.tbl{ width:100%; margin-bottom:20px; border-collapse:collapse; background:#FFF;}
.tbl>thead>tr>th,
.tbl>tbody>tr>th,
.tbl>tr>th{ padding:10px; text-align:center; background:#f0f0f0; border:1px solid #e0e0e0;}
.tbl>thead>tr>th.noborder,
.tbl>tbody>tr>th.noborder,
.tbl>tr>th.noborder{ border-bottom:0}
.tbl>tbody>tr>td,
.tbl>tfoot>tr>td,
.tbl>tr>td{ padding:10px; border:1px solid #e0e0e0;}
.tbl>tr:nth-child(odd),
.tbl>tbody>tr:nth-child(odd) {
    background:#f9f9f9
}
.tbl:not(.nohover)>tbody>tr:hover,
.tbl:not(.nohover)>tr:hover {
    background:#FFFFCC
}
.tbl-border{ border:1px solid #e0e0e0}

.tbl2{ width:100%; margin-bottom:20px; border-spacing: 0; box-sizing: border-box;}
.tbl2>thead>tr>th,
.tbl2>tbody>tr>th,
.tbl2>tr>th{ padding:10px; text-align:center; background:#f0f0f0; border-bottom:1px solid #eee;}
.tbl2>tbody>tr>td,
.tbl2>tr>td { padding:10px 15px;}
.tbl2>tbody>tr>td.ltd,
.tbl2>tr>td.ltd{
    padding: 10px 15px;
    font-weight:bold;
    background:#f0f0f0;
    text-align:center;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.tbl>tbody>tr>td.ltd,
.tbl>tr>td.ltd,
.tbl2>tbody>tr>td.ltd,
.tbl2>tr>td.ltd{
    box-sizing: border-box;
    min-width: 10em;
}

table.bordered {
    border: 1px solid #ddd;
}
table.bordered > tbody > tr > td,
table.bordered > tr > td {
    border-bottom: 1px solid #e0e0e0;
}

.tbl2.bordered>tbody>tr>td.ltd,
.tbl2.bordered>tr>td.ltd {
    border-left-width: 0px;
}

/*消息*/
.cpmsg{ background:#FFF; border:1px solid #eee;}
.cpmsg-title{line-height:35px; height:35px; padding:0 15px; border-bottom:1px solid #eee; background:url(line-bg.png) repeat; font-weight:bold;}
.cpmsg-content{ font-size:14px; font-weight:bold; color:#FF0000; line-height:1.8; padding:15px;}
.cpmsg-success{ color:#009900;}
.cpmsg-url{  font-size:12px; color:#888; padding:0 15px; background:#f9f9f9; line-height:41px}

/*我是华丽的分割线*/
.bline{ border:0; margin:0; margin-bottom:20px; padding:0; background:#eee; height:4px; font-size:0; line-height:4px; overflow:hidden}

/**/
.Tab{ display:inline-block; width:11px; height:11px; overflow:hidden; text-indent:-9999px; vertical-align:middle; background:url(tab.png) -25px 0px no-repeat; cursor:pointer}
.Tabclose{ background:url(tab.png) 0px 0px no-repeat}

/**
 * 添加商品页按钮
 */
.icon_add,
.icon_del{ display:inline-block; width:0px; height:17px; line-height:17px; padding-left:16px; overflow:hidden; text-indent:-9999px}
.icon_add{ background:url(icon_add_del.png) 2px 6px no-repeat;}
.icon_del{ background:url(icon_add_del.png) 2px -30px no-repeat;}

.icon-edit,
.icon-redirect{
    border: 0;
    cursor: pointer;
    width:14px;
    height:14px;
    overflow:hidden;
    text-indent:-9999px;
    vertical-align:middle;
    display:inline-block;
}
.icon-edit{ background:url(icon-edit.png) 0 0 no-repeat;}
.icon-redirect{background:url(icon-redirect.png) 1px 1px no-repeat;}


.icon_printer{display:inline-block; width:12px; height:12px; background:url(icon_printer.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle}

.icon_new{ display:inline-block; width:22px; height:9px; background:url(new.gif) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle;}


.send_multi{ width:565px;}
.send_multi_text{ padding-bottom:10px;}
.send_multi_example{ height:110px; background:url(example.png) 0 0 no-repeat}

/**
 *  弹出式 发货
 */
.pop-send-tips{ padding-bottom:10px;}
.pop-send-title{ padding:5px 0;}

/**
 * 图片管理样式 - 已废弃
 */
.js-pics-upload{ display:block; width:98px; height:98px; margin-right:10px; border:1px dashed #ccc; background:url(upload.jpg) center center no-repeat; text-indent:-9999px; overflow:hidden}
.js-pics-box{ position:relative; min-height:110px;}
.js-pics li{ float:left; margin:0 10px 10px 0; background:#f6f6f6; width:100px; height:100px; position:relative;}
.js-pics li .js-pics-box{ width:100px; height:100px; overflow:hidden;  position:relative; z-index:1;}
.js-pics li .js-pics-box img{ width:100px; height:auto; display:block;}
.js-pics li .js-pics-option{ position:absolute; width:20px; right:-20px; top:0; overflow:hidden; display:none; z-index:2; }
.js-pics li:hover .js-pics-option{ display:block}

.js-pics-btn{ height:18px; width:20px; overflow:hidden; margin-bottom:2px; border-radius:0 3px 3px 0; text-indent:-9999px; opacity:0.7;}
.js-pics-del{ background:url(icons/remove.png) center center no-repeat #bbb; background-size:10px 10px; }
.js-pics-mv-prev{ background:url(icons/left-arrow.png) center center no-repeat #bbb; background-size:10px 10px;}
.js-pics-mv-next{ background:url(icons/next-arrow.png) center center no-repeat #bbb; background-size:10px 10px;}
.js-pics-default{ background:url(icons/favorite.png) center center no-repeat #bbb; background-size:10px 10px; }

.js-pics li:first-child .js-pics-mv-prev{ display:none}
.js-pics li:last-child  .js-pics-mv-next{ display:none}
.js-pics li:first-child .js-pics-default{ display:none}


.product-style span{ display:inline-block;}
.product-style-box li{ float:left; padding:5px 0; width:60px;}
.tb-attr li{ float:left; width:25%; padding:5px 0;}
.tb-attr-checkbox li{ width:10%;}

.prop-item{ float:left; margin-right:10px;}
.prop-item table.tbl{ width:auto; margin-bottom: 0}

.pop-language-wrap{
    position: relative;
}
.pop-language {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border:1px solid #ddd;
    max-height:400px;
    overflow:auto;
    overflow-x:hidden;
    background:#F6F6F6;
    border-bottom:0
}
.pop-language li{
    padding:0 10px;
    font-size:12px;
    line-height:27px;
    border-bottom:1px solid #e0e0e0;
    cursor:pointer
}
.pop-language li:hover{
    background:#fff2c3
}
.flexImages {
    display: flex;
    flex-wrap: wrap;
}

.flexImages-item {
    margin: 0 5px 5px 0;
    width: 150px;
    height: 150px;
    background: #f6f6f6;
    position: relative;
    text-align: center;
}

.flexImages-item img {
    max-width: 150px;
    max-height: 150px;
    vertical-align: top;
}

.flexImages-item-options {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
    font-size: 0;
}
.flexImages-item-option {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 21px;
    width: 21px;
    line-height: 21px;
    color: #FFF;
    text-align: center;
    background: #000;
    opacity: .5
}
.flexImages-item-option:hover {
    opacity: 1;
}
.flexImages-upload{
    line-height: 150px;
    border: 1px dashed #ddd;
}
.flexImages-upload>input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    display: block;
    width: 150px;
    height: 150px;
}

.icon-message {
    display: inline-block;
    height:15px;
    line-height: normal;
    padding: 0 15px;
    background: url(message.svg) 0 0 no-repeat;
    background-size: 15px 15px;
}
.icon-message:hover {
    background-image: url(message.orange.svg);
}

.form-table {
    border: 1px solid #e0e0e0;
    background-color: #F9F9F9;
    margin-bottom: 10px;
}

.form-table.is-white {
    border: 0;
    background-color: transparent;
}

.form-headers {
    font-weight: bold;
    padding-bottom: 0.5em;
}

.form-dtbody {
    margin-bottom: 0.5em;
}

.tag {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 3px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    line-height: 1.5;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}
.tag.is-info {
    background-color: #3e8ed0;
    color: #fff;
}

.sizetable {
    border-collapse: collapse;
    width: auto;
    font-size: 12px;
    background: #FFF;
}
.sizetable > tbody > tr > td {
    padding: 12px;
    border: 1px solid #e0e0e0;
    text-align: center;
    min-width: 4em;
}
.sizetable.header-row > tbody > tr:first-child > td,
.sizetable.header-both > tbody > tr:first-child > td {
    background-color: #eee;
    font-weight: bold;
    text-align: center;
}
.sizetable.header-column > tbody > tr > td:first-child,
.sizetable.header-both > tbody > tr > td:first-child {
    background-color: #eee;
    font-weight: bold;
    text-align: center;
}


.imageThumb {
    width: 50px;
    height: 50px;
    border-radius: 3px;
}
.imageThumb.heightAuto {
    height: auto;
}

/** 
 * 可编辑的尺码表
*/
.sizetable-edit {
    display: table;
    width: auto;
    border-collapse: collapse;
    font-size: 12px;
    background: #FFF;
}

.sizetable-edit ul {
    display: table-row;
}

.sizetable-edit ul > li {
    display: table-cell;
}

.sizetable-edit ul > li {
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    text-align: center;
    min-width: 5em;
}

.sizetable-edit ul > li:last-child {
    box-sizing: border-box;
    width: 60px;
    min-width: 60px;
}

.sizetable-edit ul > li > .inputBox {
    text-align: center;
    min-width: 5em;
    border: 0;
    font-size: 12px;
    line-height: 29px;
    background-color: transparent;
    outline: none;
    white-space: nowrap;
}
.sizetable-edit ul > li > .inputBox:focus {
    text-align: left !important;
}


.sizetable-edit.header-row ul:first-child > li,
.sizetable-edit.header-both ul:first-child > li {
    background-color: #eee;
    font-weight: bold;
    text-align: center;
}
.sizetable-edit.header-column ul > li:first-child,
.sizetable-edit.header-both ul > li:first-child {
    background-color: #eee;
    font-weight: bold;
    text-align: center;
}

.sizetable-edit.header-row    ul:first-child > li > .inputBox,
.sizetable-edit.header-both   ul:first-child > li > .inputBox,
.sizetable-edit.header-column ul > li:first-child > .inputBox,
.sizetable-edit.header-both   ul > li:first-child > .inputBox {
    font-weight: bold;
    text-align: center;
}

.sizetable-edit ul:first-child > li {
    position: relative;
}

.sizetable-edit ul:first-child > li > .btn-column-delete {
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 10;
    display: none;
    cursor: pointer;
    border-top: 1px solid rgb(64, 64, 64);
    border-right: 1px solid rgb(64, 64, 64);
}
.sizetable-edit ul:first-child > li > .btn-column-delete:hover {
    color: #ff6600;
    border-top: 1px solid #ff6600;
    border-right: 1px solid #ff6600;
}
.sizetable-edit ul:first-child > li:hover > .btn-column-delete {
    display: block;
}

.form-card {
    border-radius: 3px;
    margin-bottom: 1em;
    box-sizing: border-box;
}
.form-card.border {
    border: 1px solid #eee;
    background-color: #f7f7f7;
}
.form-card__title {
    padding: 1em 1.5em;
    font-weight: bold;
}
.form-card__header {
    padding-bottom: 0.6em;
    font-weight: bold;
}
.form-card__body {
    padding: 1em 1.5em;
}
.form-card__footer {
    padding: 1em 1.5em;
}

/*
模拟 table
*/
.tableBox{
    display: table;
    border-collapse:collapse;
    background:#FFF;
    box-sizing: border-box;
    width: 100%;
}
.tableBox-thead,
.tableBox-tbody,
.tableBox-tfoot {
    display: table-row-group;
}
.tableBox-row {
    display: table-row;
}
.tableBox-head,
.tableBox-cell {
    display: table-cell;
}
.tableBox-cell.vcenter {
    vertical-align: middle;
}
.tableBox-cell.center {
    text-align: center;
}

.tableBox-head {
    font-weight: bold;
    text-align: center;
}
.tableBox-row>.tableBox-head {
    padding:10px;
    text-align:center;
    background:#f0f0f0;
    border:1px solid #e0e0e0;
}
.tableBox-row>.tableBox-cell {
    padding:10px;
    border:1px solid #e0e0e0;
}
.tableBox-row:nth-child(even){
    background:#f9f9f9
}

.buttonsWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.lightBule,
optgroup.lightBule {
    background-color: #eff5fb;
}
.lightGreen,
optgroup.lightGreen {
    background-color: #effaf5;
}
.lightOrange,
optgroup.lightOrange {
    background-color: #fff4e8;
}

.tabnav {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background-color: #f7f7f7;
    padding: 5px;
    border-radius: 5px;
}
.tabnav-item {
    padding: 0 1em;
    line-height: 40px;
    display: block;
    font-weight: bold;
}
a.tabnav-item:hover {
    color: currentColor;
}
.tabnav-item.active {
    color: red;
    background-color: #ffffff;
    border-radius: 5px;
}


/**
 * 登录
*/
.loginBox {
    box-sizing: border-box;
    width: 300px;
    height: 300px;
    margin: 150px auto;
    border-radius:5px;
    box-shadow:1px 1px 3px rgba(0,0,0,0.1);
    border:1px solid #eee;
    padding:30px 20px;
    background:#f9f9f9
}
.loginBox-title{ padding-bottom:10px; font-weight:bold; text-align:center}
.loginBox-tbl td{ padding:10px;}
.loginBox-tab .lpad{ vertical-align:middle;}
.loginBox .chkbox {
    vertical-align:middle;
    position:relative
}
.loginBox-footer {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    padding:1em;
    background: rgba(255, 255, 255, 0.8);
    border-top:1px solid #eee
}

.mb2 {
    margin-bottom: 8px;
}
.mb4 {
    margin-bottom: 16px;
}

.dropdown {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}
.dropdown-menu {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: auto;
    transform: translate3d(0px, 38px, 0px);
    z-index: 1000;
    float: left;
    min-width: 10em;
    padding: 0.5em 0;
    margin: 0.125em 0 0;
    font-size: 1em;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25em;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-item {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.25em 1.5em;
    clear: both;
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-badge {
    color: #ff6600;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}