body{padding-top: 50px;font-family: "微软雅黑", Helvetica, Arial, sans-serif;background: #f2f6fd;}
h4,h5,h6{font-family: "微软雅黑", Helvetica, Arial, sans-serif;}

hr{ margin-top: 10px;margin-bottom: 10px; }

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background-color: #888;border-radius: 10px;}
/* 针对横向滚动条 */
::-webkit-scrollbar:horizontal {
  height: 5px; /* 控制滚动条高度（横向滚动条的宽度） */
}

.min-height-300{min-height: 300px;}

.tip-body{padding: 0px;background-color: #ffffff;}
.cld-body{padding: 10px 10px 0px 10px;background: transparent;}

.login-body{background: #ffffff;padding-top: 70px;}

.footer{text-align: center;font-size: 12px;}
.login-body .footer{position: fixed;bottom: 0px;}

.login-body .login-panel{width: 320px;height: 350px;background: #ffffff;position: absolute;right: 20%;top: 50%;margin-top: -150px;padding: 32px;box-sizing: border-box;box-shadow: 0 0 12px #8e8e8e;}
.login-body .login-panel>.heading{font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.login-body .login-panel>div>div>.login-btn{width: 100%;height: 40px;font-size: 14px;}
.login-body .content-panel{text-align: center;width: 320px;height: 350px;position: absolute;left: 20%;top: 45%;text-align: center;margin-top: -150px;}
.login-body .content-panel .heading{font-size: 24px;font-weight: 700;margin-bottom: 10px;}
.login-body .content-panel img{width: 250px;}

body>.container{padding-left: 0px;padding-right: 0px;}
.login-body>.container{padding-left: 20px;padding-right: 20px;}
.container{width: 100%;}
.container .c-left{width: 130px;float: left;margin-top: 0px;margin-left: 0px;margin-bottom: 30px;}
.container .c-left>div{width: 100%;}
.container .c-left>div button{width: 100%;}
.container .c-right{width:calc(100% - 130px);position: absolute;bottom: 25px;right: 0px;top: 50px;}
.container .c-right>.panel{height:100%;overflow: auto;border-radius: 0px;border: 0px;background: #f2f6fd;margin-bottom: 0px;}
.container .c-right>.panel>.panel-heading{background: #ffffff;}
.container .c-right>.panel>.panel-body{height:calc(100% - 10px);padding: 10px;}
.container .c-right>.panel>.panel-body .table-page-panel{background: #ffffff;}
.container .c-right>.panel>.panel-heading-tool .btn-group .btn{height: 23px;line-height: 21px;font-size: 12px;padding: 0px 5px;}
.container .c-right>.panel>.panel-heading-tool .btn-group .btn-sm>.icon{top: 4px;}
.container .c-right>.panel>.panel-heading-tool .menu-tabs .navigation{margin-left: 0px;font-size: 12px;}
.container .c-right>.panel>.panel-heading-tool .menu-tabs .navigation a{color: #999999;border: 1px #eeeeee solid;padding: 3px 8px;font-size: 12px;margin-right: 5px;border-radius: 5px;}
.container .c-right>.panel>.panel-heading-tool .menu-tabs .navigation a.select{color: #5cb85c;border: 1px #5cb85c solid;}

.container .c-right>.panel>.panel-body>.tab-content{height:calc(100% - 35px);}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane{height:100%;background: #ffffff;}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane>.layout{display: block;height:calc(100% - 40px);}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane>.layout>.left{width: 45%;float: left;height: 100%;}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane>.layout>.right{width: 55%;height: 100%;float: right;padding-left: 10px;}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane>.layout>.left .table-panel{height: calc(100% - 50px);}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane>.layout>.left .table-panel>.label{margin: 10px;display: inline-block;padding: 5px;}
.container .c-right>.panel>.panel-body>.tab-content>.tab-pane>.layout>.right .table-panel{height: calc(100% - 50px);}
.container .c-right>.panel>.panel-body .table-panel{background: #ffffff;min-height:calc(100% - 80px);overflow: auto;}
.container .c-right>.panel>.panel-body .table-panel>.label{margin: 10px;display: inline-block;padding: 5px;}
.container .c-right>.panel>.panel-body .tab-pane .table-panel{min-height:calc(100% - 90px);}

.container .c-right>.panel .layout{display: block;height: 100%;}
.container .c-right>.panel .layout>.left{width: 45%;float: left;height: 100%;}
.container .c-right>.panel .layout>.right{width: 55%;height: 100%;float: right;padding-left: 10px;}
.container .c-right>.panel .layout>.right>.right-msg{height: 100%;font-size: 18px;padding: 10px 5px;background: #ffffff;border: 1px solid #e1e6eb;}
.container .c-right>.panel .layout>.right>.right-content{height: 100%;display: none;}
.container .c-right>.panel .layout .title{font-size: 16px;font-weight: bold;}

.container .c-right .main{padding: 0px;margin-left: -5px;margin-right: -5px;margin-top: -5px;margin-bottom: 5px;}
.container .c-right .main .item{padding: 5px;font-size: 12px;}
.container .c-right .main .item .right{text-align: right;font-size: 12px;}
.container .c-right .main .item .panel{margin-bottom: 0px;border-radius: 0px;}
.container .c-right .main .item .panel .panel-heading{padding: 5px 10px;}
.container .c-right .main .item .panel .panel-body{padding: 10px;}
.container .c-right .main .item .panel .item-body{height: 300px;overflow-y: auto;}
.container .c-right .main .item .item-body .table{margin-bottom: 10px;margin-top: 0px;}
.container .c-right .main .item .panel .item-table{padding: 0px;}
.container .c-right .main .item .panel .item-table .table{border: 0px;}
.container .c-right .main .item .panel .item-table .label{margin-left: 10px;line-height: 3.0;}


/* 无主题样式 */
.panel>.theme-none{background-image: none;}

.pager{margin: 10px 0px 0px 0px;}

.form-group .Wdate{height: auto;}

.va-top{vertical-align: top;}

.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-top-10{padding-top: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}

.container .nav-tabs>li.active>a{color: #3c763d;}
.container .nav-tabs>li>a{color: #000000;}

.card-panel{margin-bottom: 10px;}
.card-panel .label{display: inline-block;padding: 10px;text-align: left;margin-right: 10px;}
.card-panel .label>div{padding: 5px;}
.card-panel .label-sm{width: 150px;}
.card-panel .label>.big{font-size: 18px;}

.media >a>img{border-radius:50%;}
.media-body .media-heading >a.mh-title{display: inline-block;font-size: 16px;line-height: 25px;color: #333333;margin-bottom: 5px;}
.media-body .media-heading >a.mh-title:hover{color: #1F761F;}
.media-body a.mc-content{font-size: 14px;color: #555555;line-height: 25px;}
.media-body a.mc-content:hover{color: #333333;text-decoration: none;}
.media-body a.mc-content>.mc-detail{font-size: 12px;color: #999999;}
.media-body{width: 800px;max-width: 800px;}
.media-body>p>a>img{max-width: 560px;}

.panel>.panel-heading-tab{padding: 0px;border-bottom: 0px;}
.panel>.panel-heading-tool{padding: 7px 15px;}
.panel>.panel-heading-tool .btn-sm{padding: 3px 8px;}
.panel>.panel-heading-tool .title{padding-top: 4px;}
.panel-heading>.ph-title{font-size: 16px;}
.panel-body{line-height: 180%;}
.panel-body>div img{max-width: 700px;}
.panel-footer{background: #fafafa;font-size: 12px;color: #888888;}
.panel-footer div>div>a{color: #888888;}
.panel:hover>.panel-footer div>div>a{color: #1F761F;}

.badge-success{background-color: #3e8f3e;}
.badge-danger{background-color: #b92c28;}
.badge-warning{background-color: #ed9c28;}

.panel-nav .panel-heading{padding: 5px;}

.nav-success>li>a{color: #468847;}
.nav-sm>li>a{padding: 7px 10px;}
.nav-sm>li>a:hover{color: #fff;background: #c1c1c1;}
.nav-sm>li.active>a{background: #555;}
.nav-sm>li.active>a:hover{background: #555;}

.navbar .header-logo{background: url("../images/icon.png") no-repeat 5px;padding-left: 40px;}
.navbar .small-title{font-size: 12px;font-style: italic;}

.carousel {margin-bottom: 20px;}
.carousel-indicators {bottom: 0px;}
.carousel-control {width: 50px;}
.carousel-control .glyphicon-chevron-left {left: 30%;}
.carousel-control.left {background-image: linear-gradient(to right,rgba(133, 127, 127, 0.5) 0,rgba(0,0,0,0.0001) 100%);}
.carousel-control.right {background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(133, 127, 127, 0.5) 100%);}
.carousel-control .glyphicon-chevron-right {right: 30%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top: 47%;}

.thumbnail {padding: 8px;}
.thumbnail-success {background: #dff0d8;border: 1px solid #dff0d8;}
.thumbnail-info {background: #d9edf7;border: 1px solid #d9edf7;}
.thumbnail-primary {background: #428bca;border: 1px solid #428bca;color: #fff;}
.thumbnail-warning {background: #fcf8e3;border: 1px solid #fcf8e3;}
.thumbnail-danger {background: #f2dede;border: 1px solid #f2dede;}

.header-menu .dropdown-menu{min-width: 150px;z-index: 99999;}
.header-menu .dropdown-menu{padding: 0px;border-radius: 0px;text-align: left;}
.header-menu .dropdown-menu li>a{border: 1px solid #ffffff;font-size: 14px;padding: 8px 20px;}
.header-menu .dropdown-menu li>a:hover{color: #f16b36;background-color: #f2f2f5;}
.header-menu .dropdown-menu li>.select{color: #f16b36;background-color: #f2f2f5;}

.tab-content>.tab-pane>.table-tool-panel{border-top: 0px;padding-top: 10px;}
.table-tool-panel{padding: 10px 10px;background: #fff;border: 1px solid #e1e6eb;}
.table-tool-panel .enter-panel>input{vertical-align: middle;}
.table-tool-panel .enter-panel>select{vertical-align: middle;}
.table-tool-panel .Wdate{height:auto;}
.table-tool-panel .w-60{ width: 60px;display: inline; }
.table-tool-panel .w-80{ width: 80px;display: inline; }
.table-tool-panel .w-100{ width: 100px;display: inline; }
.table-tool-panel .w-120{ width: 120px;display: inline; }
.table-tool-panel .w-150{ width: 150px;display: inline; }
.table-tool-panel .w-200{ width: 200px;display: inline; }

.table-panel{border: 1px solid #e1e6eb;border-top: 0px;margin-top: 0px;margin-bottom: 0px;}
.table-panel .chart{padding: 15px;height: 320px;}
.table-panel>.table{margin: 0px;border: 0px;}
.table-panel>.list-panel{padding: 15px;}
.table-panel>.list-panel .item{margin-bottom: 10px;}
.table-panel>.list-panel .item .panel-heading{padding: 5px 10px;}
.table-panel>.list-panel .item .panel-heading label{margin-bottom: 0px;font-size: 12px;}
.table-panel>.list-panel .item .panel-body{padding: 10px 15px;}
.table-panel>.list-panel .item .panel-body label{margin-bottom: 0px;font-weight: normal;font-size: 12px;}

.table-page-panel{padding: 7px 10px;background: #f8f8f8;border: 1px solid #e1e6eb;border-top: 0px;min-height: 40px;}
.table-page-panel .footer-operate{padding: 5px 10px;}
.table-page-panel .pagination a{padding: 3px 8px;}

.table{margin-bottom: 10px;background: #FFF;font-size: 12px;border-top: 1px solid #e1e6eb;margin-top: 8px;border: 1px solid #e1e6eb;}
.table>thead{font-size: 12px;}
.table thead tr th {padding: 7px 6px 6px 6px;font-weight: normal;color: #000000;border-bottom: 1px solid #ccc;background-color: #F5F6FA;}
.table tbody tr td {padding: 5px 5px;border-top: 0px;border-right: 0px;border-bottom: 1px solid #e1e6eb;vertical-align: middle;color:#1f2d3d;}
.pagination {margin: 0px;vertical-align: middle;}

.alert {margin-bottom: 10px;}
.popover {max-width: 1024px;}

/* 更改modal窗体的样式 */
.modal .modal-header{padding: 10px;}
.modal .modal-header .modal-title{font-size: 16px;}
.modal .modal-body{font-size: 14px;}
.modal .modal-footer{padding: 10px;}

.dropdown-menu>li>a{padding: 5px 20px;}

.text-red { color: #ed2a26; }

blockquote{font-size: 14px;}

/* 发布到的弹窗样式 */
.publish-panel{}
.publish-panel .publish-panel-cont{}
.publish-panel .publish-panel-cont>textarea{height: 110px;}
.publish-panel .publish-panel-operate{text-align: right;}

.left-menu{height: calc(100% - 30px);position: fixed;background-color: #252c35;overflow: auto;}
.left-menu a,a:active,a:hover,.btn,.btn:hover{text-decoration: none;}
.left-menu .btn-link{color: #aeb7c2;}
.left-menu .btn-link:hover{color: #ffffff;}
.left-menu .btn-block{font-size: 13px;text-align: left;height: 40px;padding-left: 35px;line-height: 25px;}
.left-menu .btn-select{color: #ffffff;}
.left-menu>.panel-group{margin-bottom: 0px;}
.left-menu>.panel-group>.top{border-radius: 4px 4px 0px 0px;border: 0px;}
.left-menu>.panel-group>.bottom{border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border: 0px;}
.left-menu>.panel-group>.panel{margin-top: 0px;border: 0px;}
.left-menu>.panel-group>.panel .panel-body{background-color: #252c35;border: 0px;color: #aeb7c2;padding: 0px;}
.left-menu>.panel-group>.panel .panel-heading{height: 50px;background-color: #2b333e;color: #aeb7c2;border: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.left-menu>.panel-group>.panel .panel-select{background-color: #252c35;}
.left-menu>.panel-group>.panel .panel-heading .panel-title{padding-left: 0px;font-size: 14px;line-height: 30px;text-align: left;}
.left-menu>.panel-group>.center{border-radius: 0px;border-top: 0px;border: 0px;}
.left-menu>.panel-group>.panel .panel-heading .panel-title>a{display: inline-block;width: 100%;}
.left-menu>.panel-group>.panel .panel-heading .panel-title>a .glyphicon{font-size: 13px;}
.left-menu>.panel-group>.panel .panel-heading .panel-title>a>.caret{border-top-color: #aeb7c2;float: left;margin-top: -16px;margin-left: 85px;}

.opt-more>a{min-height: 16px;}
.opt-more .dropdown-menu{min-width: 80px;}
.opt-more .btn-sm{min-height: 30px;}
.opt-more .dropdown-menu{padding: 0px;border-radius: 0px;text-align: center;}
.opt-more .dropdown-menu li>a{border: 1px solid #ffffff;font-size: 12px;padding: 5px 20px;}
.opt-more .dropdown-menu li>a:hover{color: #f16b36;background-color: #f2f2f5;}

.cld-body>.enter-panel{padding-bottom: 60px;}
.cld-body .enter-panel .form-group>div{display: inline-block;}
.cld-body .enter-panel .form-group>label{width: 100px;display: inline-block;text-align: right;}
.cld-body .ep-xs .form-group div>input{width: 200px;}
.cld-body .ep-xs .form-group div .input-group{width: 200px;display: flex;}
.cld-body .ep-xs .form-group div .input-group>input{width: 163px;}
.cld-body .ep-xs .form-group div>textarea{width: 200px;}
.cld-body .ep-xs .form-group div>select{width: 200px;}
.cld-body .ep-sm .form-group div>input{width: 300px;}
.cld-body .ep-sm .form-group div .input-group{width: 300px;display: flex;}
.cld-body .ep-sm .form-group div .input-group>input{width: 263px;}
.cld-body .ep-sm .form-group div>textarea{width: 300px;}
.cld-body .ep-sm .form-group div>select{width: 300px;}
.cld-body .ep-lg .form-group div>input{width: 400px;}
.cld-body .ep-lg .form-group div>textarea{width: 400px;}
.cld-body .ep-lg .form-group div>select{width: 400px;}

.cld-body .panel-xs{}
.cld-body .panel-xs .panel-heading{padding: 5px 10px;}
.cld-body .panel-xs .panel-body{padding: 10px;font-size: 12px;line-height: 150%;}

.cld-body .enter-panel .form-table{width: 100%;overflow-x: auto;}
.cld-body .enter-panel .form-table tr td{padding: 3px;}
.cld-body .enter-panel .form-table tr td label{height: 35px;line-height: 35px;text-align: right;margin-bottom: 0px;font-size: 12px;}
.cld-body .enter-panel .form-table tr td .form-group{ margin-bottom: 0px; }
.cld-body .enter-panel .form-table .w-200{ width: 200px; }
.cld-body .enter-panel .form-table .w-200>input{ width: 200px; }
.cld-body .enter-panel .form-table .w-150{ width: 150px; }
.cld-body .enter-panel .form-table .w-150>input{ width: 150px; }
.cld-body .enter-panel .form-table .w-120{ width: 120px; }
.cld-body .enter-panel .form-table .w-120>input{ width: 120px; }
.cld-body .enter-panel .form-table .w-100{ width: 100px; }
.cld-body .enter-panel .form-table .w-100>input{ width: 100px; }
.cld-body .enter-panel .form-table .w-80{ width: 80px; }
.cld-body .enter-panel .form-table .w-80>input{ width: 80px; }
.cld-body .enter-panel .form-table .w-60{ width: 60px; }
.cld-body .enter-panel .form-table .w-60>input{ width: 60px; }
.cld-body .enter-panel .form-table .w-40{ width: 40px; }
.cld-body .enter-panel .form-table .w-40>input{ width: 40px; }
.cld-body .enter-panel .form-table .form-control {display: inline-block;}
.cld-body .enter-panel .load-code-panel{background: #eef0f6;border: 1px solid #dfe3ed;padding: 10px 15px;}
.cld-body .enter-panel .footer-operate{text-align: right;position: fixed;width: 100%;bottom: 0px;right: 0px;padding: 10px 15px 10px 10px;background: #ffffff;border-top: 1px solid #eeeeee;}


.table-tool-panel .enter-panel .form-table{width: 100%;overflow-x: auto;}
.table-tool-panel .enter-panel .form-table tr td{padding: 3px;min-width: 120px;}
.table-tool-panel .enter-panel .form-table tr td.name{width: 120px;font-size: 12px;color: #999999;text-align: right;}
.table-tool-panel .enter-panel .form-table tr td label{height: 35px;line-height: 35px;text-align: right;margin-bottom: 0px;font-size: 12px;}
.table-tool-panel .enter-panel .form-table tr td .form-group{ margin-bottom: 0px;}
.table-tool-panel .enter-panel .form-table .form-control {display: inline-block;}
.table-tool-panel .enter-panel .form-table .footer-operate{width: 100%;border-top: 1px solid #eeeeee;}
.table-tool-panel .enter-panel .form-table .footer-operate>td{padding: 10px 15px 10px 10px;}

.scan-body{padding: 10px;background-color: #ffffff;}
.scan-body .row{margin-left: 0px;margin-right: 0px;}
.scan-body .row>div{padding-left: 0px;padding-right: 0px;}
.scan-body .row>.left{padding-right: 10px;}
.scan-body .row .w-80{width: 80px;display: inline;}
.scan-body .row .w-120{width: 120px;display: inline;}
.scan-body .row .w-150{width: 150px;display: inline;}
.scan-body .row .w-200{width: 200px;display: inline;}
.scan-body .row .w-300{width: 300px;display: inline;}
.scan-body .row .input-group-btn{width: auto;}

.scan-body .row .panel-body{padding: 10px;min-height: 500px;}

.scan-body .row .tip{color: #777777;font-size: 12px;text-align: right;}
.scan-body .row .form-table{width: 90%;}
.scan-body .row .form-table tr>td{padding: 5px;}

.scan-body .row .member .type{margin-bottom: 5px;}
.scan-body .row .member .info{padding: 5px;}
.scan-body .row .member .info .tip{color: #777777;font-size: 12px;text-align: right;}
.scan-body .row .member .info .form-table tr>td>input{font-size: 12px;height: 25px;border-top: 0px;border-left: 0px;border-right: 0px;background: transparent;border-radius: 0px;box-shadow: inset 0 0 0;}

.scan-body .row .right .title{font-size: 16px;color: #ff9900;font-weight: bold;margin: 10px 0px 10px 0px;}
.scan-body .row .right .title .count{font-size: 14px;font-weight: normal;}

.scan-body .row .right .money{}
.scan-body .row .right .money input{font-size: 12px;height: 25px;border-top: 0px;border-left: 0px;border-right: 0px;background: transparent;border-radius: 0px;box-shadow: inset 0 0 0;}
.scan-body .row .right .money .form-table tr>td button{width: 100%;height: 50px;margin-bottom: 5px;}

.scan-body .row .right .coupon{padding: 0px 10px;font-size: 12px;}
.scan-body .row .right .coupon .item{font-size: 12px;}
.scan-body .row .right .coupon .item label{margin-bottom: 0px;}

.scan-body .select-goods{}
.scan-body .select-goods .title{margin-bottom: 10px;font-size: 16px;}
.scan-body .select-goods .row{line-height: 33px;padding-bottom: 10px;}
.scan-body .row .right .goods{}

.navbar-inverse .navbar-nav>li>a{color: #aeb7c2;}

.btn-sm{height: 30px;}
.btn-sm>.icon{top: 3px;}

.interval-chart{width: 95%;margin: 10px 5px;}
.interval-chart>.title{font-size: 16px;padding: 15px 5px;}
.interval-chart>.content{width: 100%;}
.interval-chart>.content>tbody>.value>td{height: 30px;}
.interval-chart>.content>tbody>.value>td.select{background: #cb610b;border: 1px solid #834009;line-height: normal;padding:5px;color: #d9d9d9;}
.interval-chart>.content>tbody>.value>td.select0{background: #00cb2e;border: 1px solid #00831e;line-height: normal;padding:5px;color: #000000;}
.interval-chart>.content>tbody>.value>td.select1{background: #a8efb8;border: 1px solid #80cd92;line-height: normal;padding:5px;color: #000000;}
.interval-chart>.content>tbody>.value>td.select2{background: #ffd9b8;border: 1px solid #ddac81;line-height: normal;padding:5px;color: #000000;}
.interval-chart>.content>tbody>.value>td.select3{background: #ff983d;border: 1px solid #ab5910;line-height: normal;padding:5px;color: #000000;}
.interval-chart>.content>tbody>.scale>td{height: 5px;border: 1px solid #777474;border-top: 0px;}
.interval-chart>.scale-value{width: calc(100% + 15px);}
.interval-chart>.scale-value>tbody>tr>td{text-align: right;font-size: 12px;}
.interval-chart>.scale-remark{margin: 10px 5px;float: right;}
.interval-chart>.scale-remark>tbody>tr>td{width: 80px;font-size:12px;padding: 2px 5px;line-height: normal;border: 2px solid #ffffff;}