[v-cloak] { display: none; }
body {margin:0;padding:0; font-family: 'Microsoft YaHei',微软雅黑, 宋体,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;}
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-b-10 { margin-bottom: 10px; }
.text-red{color:#f00;}
.text-coffee{color:#b26f46;}
.text-white{color:#fff;}
.text-gray{color:#ccc;}
.bg-gray { background: rgb(245, 245, 245) }
.bg-white{background:#fff;}
.bg-black{background:#333;color:#fff;}
.loading{display:block;margin:auto;width:60px;height:60px;background:url(/images/loading.gif) no-repeat center;}
ul,ol,dl{list-style:none;padding:0;}
img{max-width:100%;}
.flex{display:flex;}
.flex-1{flex:1;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.pull-right{float:right;}
.pull-left{float:left;}
.table{width:100%;background:#fff;}
/*modal*/
.modal {position:fixed;left:0;right:0;top:0;bottom:0;z-index:2000; margin:0; display: flex;flex-direction:column;justify-content:center; background: rgba(0,0,0,0.3); }
.modal-footer{text-align:center;}
.el-menu:first-child { margin: -15px -15px 10px; }
@media (max-width: 500px) {
    .modal-dialog { width: 100%; margin:auto; }
    .content { padding: 5px; }
    .el-menu:first-child { margin: -5px -5px 10px; }
}
@media (min-width: 800px) {
    .modal-dialog { width: 800px; margin: 30px auto; }
}
.modal-dialog.modal-xs { width: 100px; }
.modal-dialog.modal-sm { width: 300px; }
.vmodal-fade-enter-active { animation: opacity-fade-in .3s; }
.vmodal-fade-leave-active { animation: opacity-fade-in .3s reverse; }
@keyframes opacity-fade-in { 
    0%{ opacity: 0; }
    100% { opacity: 1; }
}
@keyframes vmodal-fade-in {
    0% { transform: translate(0, -100%); }
    100% { transform: translate(0, 0);}
}
@keyframes vmodal-fade-out {
    0% { transform: translate(0, 0); }
    100% { transform: translate(0, -100%); }
}
@keyframes vmodal-down-fade-in {
    0% { transform: translate(0, 100%); }
    100% { transform: translate(0, 0);}
}
@keyframes vmodal-down-fade-out {
    0% { transform: translate(0, 0); }
    100% { transform: translate(0, 100%); }
}
@keyframes vmodal-right-fade-in {
    0% { transform: translate(100%, 0); }
    100% { transform: translate(0, 0); }
}
@keyframes vmodal-right-fade-out {
    0% { transform: translate(0, 0); }
    100% { transform: translate(100%, 0); }
}
/*.modal .modal-dialog {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); margin:0;}*/
.modal-body { word-wrap: break-word; word-break: break-all; }
.modal.right .modal-dialog { position: absolute; top: 0; right: 0; bottom: 0; margin: 0; animation: vmodal-right-fade-out .3s; }
.modal.right .modal-dialog.opened { animation: vmodal-right-fade-in .3s 1ms; }
.modal.right .modal-content{height:100%;}
.modal.right .modal-body { position: absolute; top: 56px; bottom: 65px;width:100%; overflow-y: auto;overflow-x:hidden; }
.modal.right .modal-footer { position: absolute; bottom: 0; right: 0; left: 0; }
.modal.bottom .modal-dialog { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; width: 100%; overflow-x: hidden; overflow-y: auto; animation: vmodal-down-fade-out .3s; }
.modal.bottom .modal-dialog.opened { animation: vmodal-down-fade-in .3s 1ms; }
.modal.bottom .modal-content{border-radius:0;}
.modal.bottom .modal-body { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
/*modal end*/
/*.el-input{width:180px;}
.el-input-number .el-input{width:auto;}
.el-date-editor.el-input, .el-date-editor.el-input__inner{width:180px;}*/
.panel-heading .el-form-item, .alert .el-form-item,.box-header .el-form-item { margin-bottom: 0; }
/*print*/
.print-page, .print-page td, .print-page th { font-family: 黑体,宋体; font-weight: normal; font-size: 12pt; -webkit-font-smoothing: antialiased; }
.print-page td, .print-page th { padding: 2px; }
.print-page p { margin-bottom: 4px; }
@media print {
    html { display: flex; width: 100%; justify-content: center; }
    body { background: #fff; color: #000; margin-top: 0; margin-bottom: 0; font-family: \\5B8B\\4F53; }
    a:after { content: " (" attr(href) ") "; }
    table { /*border: 1px solid #000;*/ border:none;}
    .print-page { page-break-after: always; }
    .print-page:last-child { page-break-after: auto; }
    .print-page span { display: inline-block; }
    .print-page hr{border-style:dashed;margin:2px 0;}
    /*td { border: 1px solid #000; }*/
    /*@page { size: auto; margin: 0.5cm 0.8cm 0.5cm 0.5cm; }*/
}
/*login page*/
.head{height:50px;background:#fff;}
.head .logo { line-height: 50px; font-size: 20px;font-weight:600; color: #b26f46; }
.head .logo a { color: #b26f46; }
.head .main-nav { line-height: 50px; font-size: 16px; }
.section{padding:30px 0;}
.section.bg{background:url(/images/bg3.png);color:#fff;}

.login-page { background: rgb(96,56,17);}
.login-box { max-width: 360px; margin: 60px auto -40px auto; background: rgba(95, 74, 64,.8); color: rgb(209, 188, 173); border-radius: 5px; }
.login-logo, .register-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300;color:#fff; }
.login-box-body, .register-box-body { padding: 20px; border-top: 0; color: rgb(209, 188, 173); }
.login-box-msg, .register-box-msg { margin: 0; text-align: center; padding: 0 20px 20px 20px; }
/*page*/
.page{position:fixed;top:0;left:0;right:0;bottom:0;}
.page-main{position:absolute;top:43px;left:0;right:0;bottom:50px;background:#fff;}
.page-main .silderbar{position:absolute;top:0;left:0;bottom:0;width:88px;background:#f1f1f1;overflow-x:hidden;overflow-y:auto;}
.page-main .content { position: relative; margin-left:88px;height:100%; padding: 0 10px; overflow-x: hidden; overflow-y: auto; }
.page-footer{position:absolute;left:0;right:0;bottom:0;height:50px;padding:8px;display:flex;background:#000;color:#fff;}
/*spinner*/
.spinner{display:inline-block;font-size:25px;}
.spinner .spinner-left{color:#ccc;text-align:center;}
.spinner .spinner-value { display: inline-block; width: 30px; color: #333; text-align: center; font-size: 20px; vertical-align: text-top; }
.spinner .spinner-right { color: #ff6a00;text-align: center; }
/*cart*/
.cart{margin:0;padding:0;}
.cart .item { display: flex; border-bottom: 1px solid #ddd; align-items: center; }
.cart .item .title{flex:1;}
.cart .item .price { color: #ff6a00; }
.cart .item .quantity{flex:0.5;text-align:right;}
.radio-tag{display:inline-block;padding:5px 8px;margin:0 6px 6px 0;border:1px solid #ddd;cursor:pointer;}
.radio-tag.active{border-color:#f00;}
/*shop*/
#app-shop .nav a{color:#666;border-radius:0;}
#app-shop .nav-tabs > li.active > a, #app-shop .nav-tabs > li.active > a:focus, #app-shop .nav-tabs > li.active > a:hover { color: #333;border:none; border-bottom: 1px solid #ff6a00;background:none; }
#app-shop .nav-pills > li.active > a, #app-shop .nav-pills > li.active > a:focus, #app-shop .nav-pills > li.active > a:hover { color: #333; background: #fff; }
.shop-item { padding: 4px; margin-bottom: 15px;border-bottom:1px solid rgba(0,0,0,.1);}
.shop-item .text-price{color:#ff6a00;font-size:16px;}
.shop-item .btn-add-cart{margin-top:-4px;}
.nav.shop-tabs { background: #f8f8f8; }
#app-shop .btn-order { position: absolute; right: 0; top: 0; bottom: 0; width: 140px; border-radius: 0; background:#ff6a00;border:none;}
/*bootstrap*/
.list-group-item .arrow { position: absolute; top: 50%; right: 10px; margin-top: -7px; color: #999; }
.list-item, a.list-item { position: relative; color: #333; }
.list-item dl { margin-bottom: 0; }
.list-item dt.pic { width: 110px; height: 110px; float: left; border: 1px solid #ddd; text-align: center; line-height: 108px; overflow: hidden; }
.list-item dt.pic img { max-height: 100%; max-width: 100%; margin: auto; }
.list-item dt.pic ~ dd { padding-left: 120px; }
.list-item dt.num { float: left; }
.list-item dt.num ~ dd { padding-left: 35px; }
.list-item dd { margin-bottom: 8px; }
.list-item dd:last-child { margin-bottom: 0; }
.list-item dd:empty { display: none; }
/*aside-kf*/
.aside-kf { position: fixed; right: 0; top: 200px;  padding: 10px; background: #f0ad4e;text-align: center; color: #fff; }
.img-caidan { width: 100%; height: 120px; line-height:120px; overflow: hidden; }
/*kindeditor*/
.ke-dialog-content .ke-dialog-footer { text-align: left; }
/*retail*/
.retail-header { height: 50px; background: #242424; color: #fff; align-items: center; }
.retail-logo{margin-right:20px; display:inline-block; font-size:30px;line-height:50px;}
.retail-userinfo{float:right;margin:5px;line-height:20px;}
.retail-body {position:absolute;top:50px;bottom:0px;width:100%; padding: 10px 15px; background: #4f4f4f; }
.retail-cart {display:flex;flex-direction:column;width:300px;background:#fff; } 
.retail-searchbox { padding: 4px; background: #242424; }
.retail-member{padding:6px;border:1px solid #ddd;border-width:1px 0;font-size:12px;color:#999;}
.retail-summary { padding:6px;} 
.text-price { font-size: 30px; color: #ed8953; }
.retail-cats .el-button,.retail-items .el-button{display:block;width:100%;height:50px;padding:4px;white-space:normal;text-align:left;overflow:hidden;margin-bottom:5px;}
.retail-items .el-button{height:70px;}
.retail-line{line-height:1;}
.retail-line span{display:inline-block;}
.box{border:none;box-shadow:none;}