body{font-family: Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif; background: #f2f2f2}
body{background: #e7e8eb;}
.panel{box-shadow: 0 0 0}
a:focus{text-decoration: none}
ul{list-style: none; padding: 0}
.panel-default{border-color: #eee;border-radius: 0}
.panel-default>.panel-heading{border-color: #eee; background: #fafafa; border-radius: 0}
a:hover,a:focus{cursor: pointer; text-decoration: none}

h2{font-size: 16px; margin-top: 0; margin-bottom: 20px; font-weight: 600;}
.label-br{display: inline-block; margin-top: 6px}

.text-primary{color: #1ab394}
a.text-primary:hover{color: #1ab394}
.nav{background: none;}
.width-100{width: 100px;}
.width-130{width: 130px;}

.margin-t-0{margin-top: 0}
.padding-0{padding: 0}
.padding-l-0{padding-left: 0}
.padding-r-0{padding-right: 0}
.margin-b-10{margin-bottom: 10px;}
.dropdown-menu {
	border: medium none;
	display: none;
	float: left;
	font-size: 14px;
	left: 0;
	list-style: none outside none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 1000;
	border-radius: 0;
	box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}

#js-modal .form-horizontal{max-width: 100%;}
.form-horizontal{max-width: 950px}
.form-horizontal .control-label{text-align: left; font-weight: 500}
.form-horizontal .form-group{border-bottom: 1px solid #eff4f5; padding-bottom: 15px; margin-right: 5px;  margin-left: 5px;}
.form-horizontal .form-group:last-child{border: none}
.form-horizontal h3{font-weight: 700; border-left: 3px solid #06c1ae; margin-bottom: 30px; padding-left: 10px; font-size: 14px;}
.form-horizontal h3:first-child{margin-top: 0}
.form-horizontal.form-validate .btn{margin-right: 15px}
.form-horizontal .btn-group .btn{margin-right: 0px}
.form-horizontal .nav.nav-tabs{margin-bottom: 15px}
.form-horizontal.form-validate .input-group-btn .btn{margin-right: 0px}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus{box-shadow: none; border-radius: 2px}
.form-control:focus{border-color: #06c1ae}
.has-error .form-control{border-color: #b94a48}
.has-error .form-control:focus{border-color: #b94a48}
.has-error .control-label, .has-error .help-block{color: #888}
.has-error .control-label, .has-error .help-block.help-block-error{color: #b94a48}
.input-group .input-group-addon{background-color: #FFF}

.form-horizontal.form-filter{max-width: 100%;}
.form-horizontal.form-filter .form-group{margin-left: 0; margin-right: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px}
.form-horizontal.form-filter .control-label{max-width: 120px; padding-right: 0; padding-left: 0}
.form-horizontal.form-filter .form-control{max-width: 300px;}
.form-horizontal.form-filter .form-group{border-bottom: 1px solid #eff4f5}
.form-horizontal.form-filter .form-group:last-child{margin-bottom: 10px}

.btn{border-radius: 3px}
.btn-primary{background-color:#1ab394;border-color:#1ab394;color:#FFF}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background-color:#18a689;border-color:#18a689;color:#FFF}
.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#1dc5a3;border-color:#1dc5a3}

.btn-default{background-color: white; border: 1px solid #ccc; color: inherit}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color: inherit; background: white; }

.btn-danger{background-color: #ff595f; border: 1px solid #ff595f; color: #FFF}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active{color: inherit; background: #ff6369; border-color: #ff595f; color: #FFF; }
.btn-success{background-color: #21d376; border: 1px solid #21d376; color: #FFF}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active{color: inherit; background: #2bdd80; border-color: #21d376; color: #FFF;}

.alert{position: relative; padding: 10px 15px 10px 35px; border-radius: 2px; color: #555; font-size: 14px; border: none}
.alert:before{position: absolute; top: 6px; left: 10px; font-family: "FontAwesome"; content: "\f05a"; font-size: 20px; padding-right: 5px;}
.alert.alert-original:before{content: none}
.alert-danger{background-color: #ffe7e8}
.alert-danger:before{color: #00c8f2}
.alert-info{background-color: #e2f6fa}
.alert-info:before{color: #00c8f2}
.alert-warning{background-color: #fff5e8}
.alert-warning:before{color: #ffa900}

.pace {-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.pace-inactive {display: none; }
.pace .pace-progress {background: #06c1ae; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }

#page-loading{position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.2);left:0;top:0;z-index:9999}
#page-loading>div{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
#page-loading .sk-spinner-three-bounce div{background-color: #06c1ae}

/*web端message*/
.panel-message .message-icon{width: 100px}
.panel-message .fa-check-circle{color: #06c1ae}
.panel-message .fa-times-circle{color: #f90}
.panel-message .fa-info-circle{color: #ccc}
.panel-message h2{margin-top: 0}
.panel-message p{font-size: 14px}
.panel-message p.message-text{margin-top: 10px}

.message-box{position:fixed; margin:auto; height:32px; line-height:32px; top:-32px; width:100%; text-align:center; z-index:111111111; transition-duration: 300ms; -webkit-transition-duration: 300ms; opacity:0;}
.message-box.in{top:0; opacity: 1;}
.message-box .msg{display:inline-block; white-space:nowrap; height:32px; line-height:32px; color:#fff; font-size:14px; min-width: 350px;}
.message-box .msg-success{background:#1ab394}
.message-box .msg-error{background:#ed5565}
.message-box .msg-info{background:#eaa000}

/*circliful插件*/
.circliful {position: relative;}
.circliful .circle-text, .circliful .circle-info, .circliful .circle-text-half, .circliful .circle-info-half {width: 100%; position: absolute; text-align: center; display: inline-block;}
.circliful .circle-info, .circliful .circle-info-half {color: #999;}
.circliful .fa {margin: -10px 3px 0 3px; position: relative; bottom: 4px;}

/*模态框下的button按钮*/
#modal-webuploader .nav > li.active >a, #modal-webuploader .nav > li.active >a:active, #modal-webuploader .uploader .placeholder .webuploader-pick{background: #19aa8d; border: none}

/*分页*/
.pagination{float: right;}
.pagination li > a{color: #777}
.pagination li > a:focus,.pagination li > a:hover {color: #1ab394; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{    background-color: #1ab394; border-color: #1ab394; color: #fff; cursor: default; z-index: 2; }
.pagination>li>a, .pagination>li>span{padding: 5px 12px}
/*底部*/
.footer{padding: 24px 0; margin-left: 114px; color: #ccc; text-align: center; background-color: #f2f2f2; bottom: 0px; position: relative;}
.footer .links{list-style: none; margin-bottom: 0}
.footer .links .links_item .copyright{margin: 0}
.footer .links .links_item .copyright a{color: #ccc}

/*公用*/
.tag{ border-radius: 10px; text-align: center; font-weight: normal;border: 1px solid #eee; padding: 0px 6px; font-size: 12px;}
.tag-danger{border-color: #FF5A5A; color: #FF5A5A;}
.tag-success{border-color: #1ab394; color: #1ab394;}
.tag-default{border-color: #333; color: #333;}
.border-0-lr{border-left: 0; border-right: 0;}
.border-0-l{border-left: 0;}
.grayest{color: #8d8d8d; text-align: center}
.greenest,.greenest:hover,.greenest:focus{color: #06c1ae;}
.orange{color: #f90;}
.btn-green{font-size: 12px; padding: 4px; color: #06c1ae; border: 1px solid #06c1ae; border-radius: 5px; cursor: pointer}
.btn-green:hover{border-color: #06c1ae; background-color: #e1fefb;}
.btn-gray{font-size: 12px; padding: 3px 8px; color: #D2D2D2; border: 1px solid #D2D2D2; border-radius: 5px; cursor: pointer}

#app-sidebar{position: fixed; top: 0px; left: 0; bottom: 0; width: 119px; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.2); box-shadow: 0 0 1px 0 rgba(0,0,0,0.2); z-index: 99;}
/*一级分类*/
#app-first-sidebar{ position: fixed; top: 0px; bottom: 0; left: 0; width: 115px; background: #203544;}
#app-first-sidebar .team-logo-wrap{display: block; width: 90px;}
#app-first-sidebar .team-logo{margin: 15px auto 0; width: 32px; height: 32px; border-radius: 32px; overflow: hidden;}
#app-first-sidebar .plateform-name{display: block; color: #fff; text-align: center; padding: 0 18px; font-size: 14px; height: 36px; line-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#app-first-sidebar .nav{padding: 0 0 60px 0; width: 100px;}
#app-first-sidebar .nav ul li{font-size: 14px; height: 36px; line-height: 36px; margin-bottom: 14px; cursor: pointer;}
#app-first-sidebar .nav ul li.active{background: #F8F8F8;}
#app-first-sidebar .nav ul li.active a{color: #333;}
#app-first-sidebar .nav ul li a{color: #CACACA; display: block; padding-left: 18px;}
#app-first-sidebar .nav ul li a .icon{font-size: 16px; position: relative; top: 1px;}
#app-user-info{width: 100px; position: fixed; bottom: 0px; color: #e5e5e5;height: 50px; padding: 10px 0; word-break: break-word; background: #162530; z-index: 100;}
#app-user-info .user-name{margin: 0 auto; width: 66px; display: block; line-height: 30px; padding: 0 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#app-user-info .user-dropdown{display: none; background: #fff; position: absolute; bottom: 45px; left: 10px; color: #333; width: 145px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4);}
#app-user-info .user-dropdown-meta{padding: 10px 20px; line-height: 24px; background: #f8f8f8; border-radius: 2px 0 0 2px;}
#app-user-info .user-dropdown-select{padding: 10px 0; line-height: 30px;}
#app-user-info .user-dropdown-select a{display: block; color: #666; padding: 0 20px; line-height: 30px;}
#app-user-info .user-dropdown::after {content: ' '; width: 0; height: 0; position: absolute; left: 28px; border: 6px solid #fff; border-color: #fff transparent transparent transparent;}
/*二级分类*/
#app-second-sidebar{position: fixed;top: 0px; bottom: 0; left: 112px; width: 3px; background: #fff;}
#app-second-sidebar .second-sidebar-title{padding-left: 20px; font-size: 14px; height: 50px; line-height: 50px; border-bottom: 1px solid #f2f2f2;}
#app-second-sidebar .nav{width: 120px; padding: 13px 10px; height: auto;}
#app-second-sidebar .nav .menu-header{padding: 0 10px 0 3px; color: #a0a0a0; margin-bottom: 10px;}
#app-second-sidebar .nav ul li{font-size: 14px; margin-bottom: 5px; overflow: hidden; cursor: pointer; border-radius: 2px;}
#app-second-sidebar .nav ul li a{display: inline-block; min-width: 60px; height: 36px; line-height: 36px; padding: 0 8px; color: #666; position: relative;}
#app-second-sidebar .nav ul li a .badge{background: #ff2d4b; position: absolute; top: 0; right: -7px; padding: 2px 5px; min-width: 8px; border-radius: 8px;}
#app-second-sidebar .nav ul li.active{background: #f8f8f8;}
#app-second-sidebar .nav ul li.active a{color: #06c1ae;}
#app-second-sidebar .nav ul li:hover a{color: #06c1ae}
#app-second-sidebar .nav .menu-item:last-child{margin-bottom: 50px}

/*三级分类*/
#app-container{margin-left:124px; background: #f2f2f2;}
#app-third-sidebar .user-section .wm-user-name{position: relative; height: 50px; margin-left: 1px; background: #fff; min-width: 80px; text-align: center;}
#app-third-sidebar .user-section .drop-menu{display: none; padding: 0; text-align: center; width: 100%; position: absolute; top: 50px; left: 0; background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); z-index: 1000;}
#app-container .text{display: block; width: 100%; height: 100%; padding: 0 10px; line-height: 50px; color: #06c1ae; text-decoration: none;}
#app-third-sidebar .user-section .wm-user-name:hover .drop-menu{display: block}
#app-third-sidebar .user-section .drop-menu li{padding: 5px;}
#app-third-sidebar .user-section .drop-menu li:hover{background: #06c1ae; color: #fff}
#app-third-sidebar .user-section .drop-menu li:hover a{color: #fff;}
#app-third-sidebar .user-section .drop-menu .page-jump a{color: #333}
#app-third-sidebar .wm-notice{width: 50px;}
#app-third-sidebar .wm-notice .notice-jump{position: relative; display: block; line-height: 50px; text-align: center; font-size: 18px;  color: #06c1ae;}
#app-third-sidebar .wm-notice .notice-jump #notice-total{position: absolute; left: 26px; top: 2px; background: #06c1ae}
#app-container .sys-message{height: 80px; line-height: 80px;background: #fcf8e3;}
#app-third-sidebar{padding: 0 5px; color: #333; background: #fff; border-bottom: 1px solid #e5e5e5;}
#app-third-sidebar .nav-list{float:left; margin-bottom: 0;}
#app-third-sidebar .nav-list li{padding: 0 20px; float: left}
#app-third-sidebar .nav-list li:first-child{padding-left: 7px}
#app-third-sidebar .nav-list li a{display: block; height: 49px; min-width: 0; border: none; background: transparent; font-weight: bold; font-size: 14px; color: #666666; line-height: 48px}
#app-third-sidebar .nav-list li.active a{color: #333; border-bottom: 2px solid #06c1ae;}
#app-third-sidebar .navbar-right{margin-right: 5px}
#app-third-sidebar .navbar-right a{color: #333; padding: 0 15px; height: 49px; line-height: 48px}
#app-third-sidebar .navbar-right a:hover{color: #1ab394;}
#app-third-sidebar .navbar-right a.account-info{font-weight: bold}
#app-third-sidebar .navbar-right a.account-info .pic{width: 35px; height: 35px; margin-right: 7px; display: inline-block}
#app-third-sidebar .navbar-right a.account-info img{width: 100%; height: 100%; border-radius: 100%;}
#app-third-sidebar .navbar-right .dropdown-menu a{height: 35px; line-height: 35px}
#app-third-sidebar .navbar-right .dropdown-menu a i.icon{font-size: 16px; position: relative; top: 2px;}
#app-third-sidebar .navbar-right .dropdown-menu li a:hover{color: #1ab394; background-color: #FFF}
/*主内容区*/
#app-inner{background: #fff; margin: 10px 10px 0 10px; padding: 15px; min-width: 750px; min-height: 500px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);}
#app-inner .page{padding: 25px 25px 0 25px;}

.panel-table{margin-bottom: 0}
.panel-table .panel-heading{padding: 0; margin-bottom: 15px}
.panel-table .panel-body{padding: 0}
.panel-table .panel-body .table thead{background-color: #f8f8f8; }
.panel-table .panel-body .table thead th{height: 40px}
.panel-table .panel-body .btn-region{padding-top: 15px}
.panel-table .panel-body .btn-region .btn{margin-right: 10px}
.panel-table .panel-body .btn-region .pagination{margin: 0px}
.panel-table .table>tbody>tr>td, .panel-table .table>tbody>tr>th, .panel-table .table>tfoot>tr>td, .panel-table .table>tfoot>tr>th, .panel-table .table>thead>tr>td, .panel-table .table>thead>tr>th{vertical-align: middle}
.panel-table .table>thead>tr>th{border-bottom: 1px solid #ddd; background-color: #f8f8f8}
.panel-table .table>tbody>tr:last-child>td{border-bottom: 1px solid #ddd}
.panel-table  .table-hover>tbody>tr:hover {background-color: #f8f8f8}

.bottom-bar{display: none; position: fixed; z-index: 48; width: 100%; bottom: 0; left: 0; padding: 12px 20px 12px 220px; background: #fff; box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);}
.bottom-bar .btn{margin-left: 10px}
.bottom-bar .col-md-2 .btn:first-child{margin-left: 20px}

.no-result{padding: 40px 0; text-align: center; border: 1px solid #eee}
.no-result p{margin-bottom: 0}

/*商户中心*/
.panel-business .main-content{padding-left: 0}
.panel-business .sub-content{padding: 0}
.panel-business .branner img{width: 100%}
.panel-business .manage a{padding: 0px 10px; color: #555}
.panel-business .manage a:hover{color: #06c1ae}
.panel-business .panel-heading .scan-all{color: #555}
.panel-business .panel-heading .scan-all:hover{color: #06c1ae}
.panel-business .analysis{padding: 10px 0 10px 35px; border-bottom: 1px solid #eee}
.panel-business .analysis .left-side strong{font-size: 20px; color: #555}
.panel-business .analysis:last-child{border-bottom: none}
.panel-business .analysis .right-side{margin: 5px 0 0 40px}
.panel-business .analysis .data-count{border-top: 1px solid #eee; padding-top: 20px}
.panel-business .recent-count{width: 100%}
.panel-business .recent-count tbody tr:first-child{font-size: 16px}
.panel-business .recent-count td{width: 20%; text-align: left; padding: 2px 0}
.panel-business .activity-item{padding: 10px; border-bottom: 1px solid #eee}
.panel-business .activity-item .activity-title{margin-bottom: 10px}
.panel-business .activity-item a{color: #555;}
.panel-business .activity-item>a{display: block; margin-top: 10px;}
.panel-business .activity-item a:hover{color: #06c1ae;}
.panel-business .activity-item:last-child{border-bottom: none}
.panel-business .activity-item .limit-time{font-size: 12px; text-align: left}
.panel-business .activity-item .limit-time p{max-width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.panel-business .enter{margin-top: 10px}
.panel-business .cube{display: inline-block; width: 10px; height: 10px; margin-right: 4px; background: #06C1AE;}
.panel-business .cube2{background: #E7F9F7;}
.panel-business .kangaroo .kangaroo-image img{width: 100%; height: 150px}
.panel-business .kangaroo .kangaroo-image>a{position: relative; display: block}
.panel-business .kangaroo .kangaroo-image .title{width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.panel-business .kangaroo .kangaroo-image .des{left: 0; bottom: 0; width: 100%; height: 34px; padding: 0 10px; line-height: 34px; background: rgba(0,0,0,0.7); color: #FFF;}
.panel-business .kangaroo-item{border-bottom: 1px solid #eee;padding: 10px}
.panel-business .kangaroo-item:last-child{border-bottom: none}
.panel-business .kangaroo-item a{color: #000}
.panel-business .kangaroo-item img{width: 50px; height: 50px}
.panel-business .kangaroo-item .kangaroo-info{margin-left: 10px; height: 50px; line-height: 25px}
.panel-business .kangaroo-item .kangaroo-info:hover p{color: #06c1ae}
.panel-business .kangaroo-item .kangaroo-info p{margin-bottom: 0}
.panel-business .kangaroo-item .kangaroo-info .kangaroo-info-main span{display: inline-block; vertical-align: middle}
.panel-business .kangaroo-item .kangaroo-info .kangaroo-info-main span:first-child{margin-right: 15px; overflow: hidden}
.panel-business .line{color: #eee}
.panel-business ul{list-style: none ;padding-left: 0}
.panel-business .panel-stat .panel-heading strong{font-size: 14px}
.news-detail,.news-category{width: 900px; margin: 0 auto}
.news-detail h3{font-weight: 700; border-left: 3px solid #06c1ae; margin-bottom: 30px; padding-left: 10px; font-size: 14px;}
.news-detail h3:first-child{margin-top: 0}
.news-tab{position: relative;}
.news-category>ul{margin-bottom: 15px}
.news-category .watched-tab{position: absolute; bottom: 0; color: #fff; height: 25px; font-size: 12px; width: 100%; background-color: rgba(0,0,0,0.6); padding-right: 10px; border-top: 1px rgba(210,210,210,.6) solid;}
.news-category .watched-txt{display: block; line-height: 25px}
.news-category .news-des{padding: 10px; background-color: #f8f8f8;}
.news-category .news-des:hover .title{color: #06C1AE}
.news-category .news-des:hover .des{color: #06C1AE}
.news-category .news-des .title{color: #000}
.news-category .news-des .des{text-align: left}
.news-category .col-md-3{margin-bottom: 15px; padding-left: 0}
.news-category .col-md-3:nth-child(4n+1){padding-right: 0}
/*统计列表*/
.panel-stat{border: none}
.panel-stat .panel-heading, .panel-display .panel-heading, .panel-trend .panel-heading{border: none; background-color: #f8f8f8;}
.panel-stat .panel-heading h3, .panel-trend .panel-heading h3, .panel-display .panel-heading h3{display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 10px; font-size: 14px; font-weight: bold; border-left: 4px solid #06c1ae}
.panel-stat .panel-heading .pull-right a{color: #2A2A2A}
.panel-stat .panel-body, .panel-trend .panel-body{margin-top: 15px; background-color: #f8f8f8;}
.panel-stat .panel-body>div[class*=col-]{border-right: 1px dotted #ccc;}
.panel-stat .panel-body>div[class*=col-]:last-child{border-right: none}
.panel-stat .panel-body .title{text-align: center}
.panel-stat .panel-body .num-wrapper{text-align: center; }
.panel-stat .panel-body .num{color: #333; font-size: 40px; display: block}
.panel-stat .panel-body .info{display: inline-block; color: #999}
.panel-trend form{margin-top: 15px}
.panel-trend .panel-body, .panel-display .panel-body{background-color: #FFF; border: 1px solid #e4e4e4; margin-top: 15px;}


/*历史订单*/
.order-list .col-md-8{padding-left: 0}
.panel-order{font-size: 14px; color: #555; border: 1px solid #f2f2f2; margin-bottom: 15px; position: relative}
.panel-order .panel-heading{padding: 5px 15px;border-bottom: 1px solid #eee; border-top: 4px solid #1ab394}
.panel-order .user-info{padding: 10px 20px;border-bottom: 1px solid #eee}
.panel-order .user-info .user-location{margin-top: 10px}
.panel-order .user-info .user-location .fa-map-marker{margin-right: 5px}
.panel-order .product-info{padding: 10px 0 0 20px;  border-bottom: 1px solid #eee}
.panel-order .product-info .product-title{padding-right: 20px; cursor: pointer}
.panel-order .product-display .remark{padding-bottom: 5px; border-bottom: 1px solid #eee}
.panel-order .product-display .remark .orange{margin-left: 0}
.panel-order .product-display .table-order{padding: 10px 20px 10px 0;}
.panel-order .product-display .table-order .table{margin-bottom: 0}
.panel-order .product-display .table-order td{border: none; padding: 0; font-size: 14px}
.panel-order .product-display .table-order .goods-name{width: 40%;}
.panel-order .product-display .table-order .goods-price{width: 10%; text-align: right}
.panel-order .product-display .table-order .goods-num,.panel-order .product-display .table-order .total-price{width: 20%; text-align: right}
.panel-order .product-display .list-item{padding: 10px 20px 10px 0; border-top: 1px solid #eee; font-size: 14px}
.panel-order .charge-info{padding: 10px 20px 10px 0; border-top: 1px solid #eee;}
.panel-order .charge-info .charge-title{margin-bottom: 10px}
.panel-order .charge-info .charge-pay{margin-bottom: 5px; font-size: 12px}
.panel-order .charge-info .total{padding-top: 10px; border-top: 1px solid #eee;}
.panel-order .charge-info strong{font-size: 12px}
.panel-order .delivery-info{padding: 10px 20px; position: relative; border-bottom: 1px solid #eee}
.panel-order .delivery-info .highlight{position: absolute; left: 20px; top: 9px}
.panel-order .delivery-info .deliveryer-info{padding-left: 45px}
.panel-order .delivery-info .status-info{color: #A0A0A0; font-size: 12px; margin-top: 5px}
.panel-order .order-code{margin-bottom: 0; padding: 5px 20px 15px 0; text-align: right;}
.panel-order .square{color: #fff; font-size: 14px; padding: 0 5px; margin-left: -15px;margin-right: 15px}
.panel-order .square-success{background: #06c1ae; }
.panel-order .spot{width: 4px; height: 4px;background: #06c1ae; display: block; margin-top: 8px; margin-left: -10px}
.panel-order .send-time strong{font-size: 14px}
.panel-order .order-status{font-size: 15px; padding-top: 7px}
.panel-order .serial-sn{margin-right: 15px; font-size: 16px}
.panel-order .serial-sn strong{font-size: 24px;}
.panel-order .remark{font-size: 12px}
.panel-order .highlight{font-size: 15px; font-weight: bold}
.panel-order .btn-area{padding: 10px 15px;  text-align: right; background-color: #f8f8f8}
.panel-order .btn-area .btn{margin-left: 10px}
.panel-order .pay-info{position: absolute; top: 35%; left: 43%; width:120px; height: 65px;}
.panel-order .pay-info.have-pay{background: url(../img/have-pay.png) no-repeat 0 0; background-size: cover;}
.panel-order .pay-info.delivery-pay{background: url(../img/delivery-pay.png) no-repeat 0 0; background-size: cover; width: 120px; height: 80px}

.order-detail table tr:first-child td{border: none}

/*系统消息*/
.news-list .fa.fa-circle{font-size: 10px;}
/*插件应用库*/
.page-application h2{padding-left: 10px; margin-bottom: 15px; border-left: 3px solid #06c1ae; font-size: 15px}
.application-list .application-item{float: left; width: 350px; background-color: #f8f8f8; border: none; padding: 15px; border-radius: 3px; margin: 0 15px 15px 0}
.application-list .application-item:hover{background-color: #f2f2f2; cursor: pointer}
.application-list .application-image{float: left; width: 54px; height: 54px; display: block; text-align: center; border-radius: 6px; overflow: hidden}
.application-list .application-image img{width: 54px; height: 54px;}
.application-list .application-info{float: left; width: 245px; margin-left: 15px; padding-top: 4px}
.application-list .application-info .application-name{margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #222222;}
.application-list .application-info .application-description{color: #999; font-size: 12px; margin-bottom: 0}

.activity-shop-card{float: left; width: 260px; background: #f8f8f8; margin: 0 15px 15px 0; padding-top: 30px; padding-bottom: 40px; text-align: center}
.activity-shop-card .icon{display: block; margin-bottom: 10px}
.activity-shop-card .icon img{width: 100px; height: 100px; border-radius: 100%}
.activity-shop-card .title{display: block; font-size: 18px; margin-bottom: 7px}
.activity-shop-card .sub-title{display: block; font-size: 14px; color: rgba(76,81,101,.8); margin-bottom: 20px}
.activity-shop-card .count{display: block; font-size: 12px; color: #9497a3; margin-bottom: 10px}
.activity-shop-card .count .num{color: #1ab394}
.activity-shop-card .btn{padding: 8px 40px; font-size: 16px;}

/*活动参加*/
.activity-invite .activity-item{border: 1px solid #e7e7eb; margin: 15px 0;padding-top: 5px}
.activity-invite .activity-item img{width: 100%;height: 90px; margin-top: 10px}
.activity-invite .activity-info{padding-left: 0}
.activity-invite .activity-item{font-size: 12px}
.activity-invite .activity-item h4{font-weight: bold}
.activity-invite .activity-item .detail{font-weight: normal; font-size: 12px; margin-top: 8px; color: #06c1ae}
.activity-invite .activity-item .activity-description{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.activity-invite .activity-item .limit-time{margin-bottom: 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.activity-invite .activity-item .activity-time{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.activity-invite .activity-item .btn{margin-right: 15px;margin-bottom: 15px}

/*评论回复*/
.panel-comment .panel-body{padding: 0; border: 1px solid #eee;}
.panel-comment .light{background: #F8C833!important;}
.panel-comment .star{padding: 2px; border-radius: 4px; font-size: 12px; color: #FFF; background: #D2D2D2;}
.panel-comment .comment-item{padding: 20px 10px; border-bottom: 1px solid #eee;}
.panel-comment .comment-item:last-child{border-bottom: 0}
.panel-comment .comment-item .comment-item-left{text-align: right}
.panel-comment .comment-item .seller,.panel-comment .comment-item .delivery{font-size: 12px; color: #6A6A6A;}
.panel-comment .comment-item .customer-name,.panel-comment .comment-item .seller,.panel-comment .comment-item .delivery{white-space: nowrap; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis;}
.panel-comment .comment-item .store-title{margin-bottom: 5px;}
.panel-comment .comment-item .merit{margin-bottom: 10px; font-size: 12px;}
.panel-comment .comment-date{font-size: 12px; margin-bottom: 5px; color: #909090}
.panel-comment .comment-main{overflow: hidden;}
.panel-comment .customer-comment{margin-bottom: 5px;}
.panel-comment .seller-comment-goods{margin-right: 20px; margin-bottom: 5px; font-size: 12px;}
.panel-comment .seller-comment-delivery{margin-right: 20px; margin-bottom: 5px; font-size: 12px;}
.panel-comment .reply{margin-top: 5px; text-decoration: none;}
.panel-comment .reply .fa{margin-right: 5px;}
.panel-comment .reply-area{display: none; position: relative; margin-top: 15px; border: 1px solid #D2D2D2; border-radius: 4px; background: #FAFAFA;}
.panel-comment .reply-area .input-area{padding: 0 15px;}
.panel-comment .reply-area .input-area textarea{height: 100px; margin-top: 10px; border: none; resize: none; box-shadow: none;}
.panel-comment .reply-area .input-area textarea:focus{box-shadow: none;}
.panel-comment .reply-area .input-area .btn{margin: 10px 5px 10px 0; font-size: 12px; height: 28px; padding: 6px 15px}
.panel-comment .reply-area .input-area .btn:focus{outline: 0;}
.panel-comment .reply-area .input-area .btn-primary:focus{background: #06c1ae; border-color: #06c1ae}
.panel-comment .reply-area .input-area .btn-default{border-color: #06c1ae;}
.panel-comment .reply-area .input-area .btn-default:hover{background: #e1fefb;}
.panel-comment .reply-area .input-area .btn-default:focus{background: none}
.panel-comment .reply-area .reply-list{padding: 5px 15px;}
.panel-comment .reply-area .arrow{position: absolute; left: 15px; top: -5px; width: 8px; height: 8px; border: 1px solid #D2D2D2; border-right: none; border-bottom: none; transform: rotate(45deg); background: #FAFAFA;}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top: 5px}

.checkbox-inline, .radio-inline{vertical-align: inherit}
.checkbox {padding-left: 20px; }
.checkbox label {display: inline-block; vertical-align: middle; position: relative; padding-left: 3px; }
.checkbox label::before {content: ""; display: inline-block; position: absolute; width: 14px; height: 14px; left: 0; margin-left: -20px; margin-top: 3px; border: 1px solid #cccccc; border-radius: 2px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block; position: absolute; width: 13px; height: 13px; left: 0; top: 0; margin-left: -20px; margin-top: 2px; padding-left: 1px; padding-top: 0px; font-size: 10px; color: #555555; font-weight: normal; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {opacity: 0; z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {font-family: "FontAwesome"; content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-inline {margin-top: 0; }
.checkbox input[type="checkbox"]:checked + label::before{background-color: #1ab394; border-color: #1ab394;}
.checkbox input[type="checkbox"]:checked + label::after{color: #fff}

.radio {padding-left: 20px; }
.radio label {display: inline-block; vertical-align: middle; position: relative; padding-left: 3px; }
.radio label::before {content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; margin-left: -20px; margin-top: 3px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after {display: inline-block; position: absolute; content: " "; width: 8px; height: 8px; left: 4px; top: 4px; margin-left: -20px; margin-top: 3px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {opacity: 0; z-index: 1; }
.radio input[type="radio"]:focus + label::before {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }
.radio input[type="radio"] + label::after {background-color: #1ab394; }
.radio input[type="radio"]:checked + label::before {border-color: #1ab394; }
.radio input[type="radio"]:checked + label::after {background-color: #1ab394; color: #fff;}

.page-config-store-delivery .delivery-fee-mode{display: none}
.page-config-store-delivery .delivery-times .col-sm-6{margin-bottom: 10px; padding-left: 0}

.popover{max-width: 360px}
.popover .prompt-input-text{display: inline-block; width: inherit}
.btn-group.btn-label{margin-right: 10px; margin-bottom: 10px}
.btn-group.btn-label>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.border-no-radius .btn{border-radius: 0}
.label-add{margin-bottom: 10px}

.thumbs .col-lg-4{padding-left:0;}
.panel-slide{position: relative;}
.panel-slide .btnClose{position: absolute; top:-10px; right:-10px; width:30px; height: 30px; border-radius: 30px;background: #eee; font-size: 16px; cursor: pointer; color:#FFF; text-align: center; line-height: 30px}
.panel-slide .btnClose:hover{background: red}
.panel-slide .panel-body div{margin-top: 10px}

#order-dispatch .table>thead>tr>td, #order-dispatch .table>thead>tr>th, #order-dispatch .table>tbody>tr>td, #order-dispatch .table>tfoot>tr>td{text-align: center}
#order-dispatch .deliveryer-list .thumbnail{width: 60px; margin-bottom: 0; margin: 0 auto}

.amap-marker .marker-deliveyer-route{position: relative; width: 52px; height: 80px; color: #e90000; background: url(../img/map-location.png) no-repeat 0 0; cursor: pointer;}
.amap-marker .marker-deliveyer-route img{position:absolute; top: 5px; right: 5px; width: 42px; height: 42px; border-radius: 100%}
.amap-marker .marker-start-route{position: relative; width: 54px; height: 74px; background: url(../img/map-start.png?t=99) no-repeat 0 0; background-size:cover; cursor: pointer;}
.amap-marker .marker-end-route{position: relative; width: 54px; height: 74px; background: url(../img/map-end.png?t=99) no-repeat 0 0; background-size:cover; cursor: pointer;}
.amap-lib-marker-from{position: absolute; top: -43px; right: -35px;  width: 54px; height: 74px;  background: url(../img/map-start.png?t=99) no-repeat 0 0; background-size:cover; }
.amap-lib-marker-to{position: absolute; top: -43px; right: -35px;  width: 54px; height: 74px;  background: url(../img/map-end.png?t=99) no-repeat 0 0; background-size:cover; }

/*多图上传*/
.multi-img-details{margin-top:.5em;}
.multi-img-details .multi-item{height: 150px; max-width: 150px; position:relative; float: left; margin-right: 18px;}
.multi-img-details .multi-item img{max-width: 150px; max-height: 150px;}
.multi-img-details .multi-item em{position:absolute; top: 0; right: -14px;}

.history .img-list { margin: 4px; display: block; clear: both; list-style: outside none none; padding:0px;}
.history .img-list .img-item { float: left; padding: 1px; cursor: pointer; position: relative;}
.history .img-list .img-item .img-container { position: relative; width:75px; height:75px; text-align:center; background-color:#eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%;}
.history .img-list .img-item .img-container:hover .img-meta{display:none; }
.history .img-list .img-item .img-container .img-meta { width:100%; position: absolute; bottom: 0; z-index:1; background:rgba(0,0,0,0.5); color:#eee;}
.history .img-list .img-item .img-container .select-status {display:inline-block; width:50px; height:50px; position: absolute; bottom:0; right:0; z-index:2;}
.history .img-list .img-item-selected .img-container .select-status {display:inline-block; width:50px; height:50px; position: absolute; bottom:0; right:0; background: url('../img/success-small.png') no-repeat right bottom; z-index:2;}
.history .img-list .img-item-selected .img-container .img-meta {display:none;}
.history .img-list .img-item .btnClose{text-align:right; position:absolute; top:-10px; right:-5px; display:none; z-index:10;}
.history .img-list .img-item:hover .btnClose{display:block;}
.history .img-list .img-item .btnClose a{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
.history .img-list .img-item .btnClose a i.fa-times{font-size:14px; padding:3px;margin-top: 0;}
.history .img-list .img-item .btnClose a:hover{background:rgba(0,0,0,1);}

/*添加规格*/
#options{margin-top:15px; display:none}
#options .input-group{margin-bottom:15px;}
#options .delOptions{cursor:pointer;}
#options .addOptions{display:inline-block; margin-top:0px; cursor:pointer;}

#attrs-container .attr-item{margin-bottom: 15px; height: 34px;}
#attrs-container .attr-item .col-md-3{padding-left: 0;}
#attrs-container .attr-item .col-md-1{padding-right: 0; text-align: center; line-height: 34px;}
#attrs-container .attr-item .attrs-delete{padding: 8px 12px; font-weight: 400; color: #555; border: 1px solid #ccc; border-radius: 4px;}

.panel-payment-switch{border-radius: 1px;}
.panel-payment-switch:first-child{margin-top: 20px;}
.panel-payment-switch h4{font-weight: bold; font-size: 15px}
.panel-payment-switch .pull-right{padding-top:10px;text-align: right}

.table.text-center td, .table.text-center th{text-align: center; vertical-align: middle}
.table tr.no-border td{border: none}

.panel-app-qrcode{display: inline-block; margin-top: 20px; margin-right: 20px}
.panel-app-qrcode .panel-heading{text-align: center}
.panel-app-qrcode .panel-body{padding: 15px}

.panel-checkupgrade{position:fixed; bottom: 20px; right: 20px; z-index: 9999; width: 300px; height: auto; background: #1ab394; opacity: 0.9; color: #fff; border: none; border-radius: 4px;}
.panel-checkupgrade .title{font-size: 16px}
.panel-checkupgrade .tclose{float: right; font-size: 25px; position: relative; top: -7px; cursor: pointer}
.panel-checkupgrade .content{margin-top: 10px}
.panel-checkupgrade .buttons{text-align: right}

.table-qrcode.panel{display:inline-block; margin-right:20px; float:left}
.table-qrcode.panel .panel-heading{text-align:center;font-size:16px; padding: 7px; margin-bottom: 0}
.table-qrcode.panel .panel-body div.qrcode{width:230px; height:230px; border-radius:100%; padding: 15px}
.table-qrcode.panel .panel-body div.qrcode img{width: 230px; }

.queue{margin-top:20px; font-family:'微软雅黑';}
.queue .list{display:inline-block; position:relative; width:150px; height:150px; border-radius:100%; margin:0 20px 20px 0; color:#FFF;}
.queue .list .name{display:inline-block; width:150px; height:90px; line-height:90px; text-align:center; font-size:20px; font-weight:bold;}
.queue .list .status{display:inline-block; width:150px; height:30px; line-height:30px; text-align:center; font-size:16px;}
.queue .list .button{position:absolute; display:none; top:0px; right:0px; width:35px; height:35px; text-align:center; line-height:35px; font-size:22px; border-radius:40px; background:rgba(0,0,0,.3);}
.queue .list:hover .button{display:block;}
.queue .list:hover .button:hover{background:#000}

.board{margin-top:20px; font-family:'微软雅黑';}
.board .list{display:inline-block; position:relative; width:31.1%; height:100px; margin:0 2% 20px 0; color:#FFF;}
.board .list .name{display:inline-block; width:100%; height:60px; line-height:60px; text-align:center; font-size:20px; font-weight:bold;}
.board .list .status{display:inline-block; width:100%; height:20px; line-height:20px; text-align:center; font-size:14px;}

.block-gray{background:#555555}
.block-red{background:#ef4437}
.block-primary{background:#428bca}
.block-success{background:#5cb85c;}
.block-orange{background:orange;}

.table-block.panel{display:inline-block; margin-right:20px}
.table-block.panel .panel-body{padding:25px}
.table-block.panel .panel-body div{width:120px; height:120px; border-radius:100%; position:relative}
.table-block.panel .panel-body div span{position:absolute; top:45px; left:30px; font-size:20px; color:#FFF;}
.table-block.panel .panel-footer{text-align:center; padding:5px; font-size:16px}

.coupon-detail{position: relative; float: left; width: 270px; height: 105px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; color: #ccc; z-index: 990;}
.coupon-detail:before{top: -8px; border-bottom: 1px solid #ccc; content: ""; display: block; position: absolute; left: 80px; background: #fff; width: 18px; height: 18px; border-radius: 9px; z-index: 1002;}
.coupon-detail:after{bottom: -10px; border-top: 1px solid #ccc;content: ""; display: block; position: absolute; left: 80px; background: #fff; width: 18px; height: 18px; border-radius: 9px; z-index: 1002;}
.coupon-detail .coupon-operation{position: absolute; right: 10px; top: 4px;}
.coupon-detail .coupon-operation>a{padding-left: 5px; font-size: 14px; color: #06c1ae;}
.coupon-detail .coupon-amount{position: relative; width: 90px; padding: 20px 0; border-right: 1px dashed #ccc; text-align: center; z-index: 990;}
.coupon-detail .coupon-amount .discount-amount{color: red; font-size: 24px;}
.coupon-detail i{font-style: normal;}
.coupon-detail .coupon-term{width: 176px; line-height: 105px; font-size: 18px; text-align: center;}

.coupon-collect-detail .panel-stat .panel-body{width: 90%; margin: 0 auto; padding: 10px; background: #fff}
.coupon-collect-detail .item-group{padding: 5px 10px;}
.coupon-collect-detail .label-title{margin-right: 19px; font-weight: 400;}
.coupon-collect-detail .progress{overflow: hidden; height: 10px; margin: 4px 0 0!important;}
.coupon-collect-detail .sales-amount{font-size: 18px; color: #feb25e;}

.panel-payment-switch .form-group .control-label{text-align: right}
#form-changes .modal-body{padding: 50px 50px 0}
#form-changes .modal-body span{line-height: 32px}
#form-add-ptf-deliveryer .modal-body{padding: 15px;}
#form-add-ptf-deliveryer .modal-body .form-group{margin: 0}

.task-calendar .select-time{display: block; height: 34px; line-height: 34px;}
.task-calendar .header{height: 40px; width: 1050px;}
.task-calendar .weeks{border-bottom: 1px solid #ccc; width: 840px; height: 40px; line-height: 40px; background: #f2f2f2;}
.task-calendar .weeks .col-sm-2{width: 120px; font-weight: bold; text-align: center;}
.task-calendar .dates{width: 840px;}
.task-calendar .dates .col-sm-2{position: relative; width: 120px; height: 120px; text-align: center; background: #fefefe;  border: 1px solid #f2f2f2; line-height: 120px;}
.task-calendar .dates .col-sm-2 .date{position: absolute; right: 5px; top: 5px; font-size: 14px; color: #999; line-height: 20px; display: inline-block; width: 20px; height: 20px;}
.task-calendar .dates .col-sm-2 .btn{margin-right: 0}
.task-calendar .dates .col-sm-2 .btn.btn-set-has{background: #1ab394; color: #fff; width: 100%; white-space: normal;}
.task-calendar .dates .col-sm-2 .link{position: absolute; right: 0; bottom: 5px; font-size: 14px; color: #666; line-height: 20px; text-align: center; width: 120px; height: 20px; display: none}
.task-calendar .dates .col-sm-2.date-item.select:hover .link{display: block}
.task-calendar .dates .col-sm-2 .link i{font-size: 14px; color: #666;}

#placeOrder  .input-group-addon{cursor: pointer}
#placeOrder .goods-content .navbar-nav li.active a{color: #06c1ae}
#placeOrder .goods-content .goods-item{border: 3px solid #f8f8f8; border-radius: 5px; position: relative; display: inline-block; margin: 0 15px 15px 0; width: 120px;}
#placeOrder .goods-content .goods-item.active{border: 3px solid #06c1ae;}
#placeOrder .goods-content .goods-item .goods-image{position: relative;}
#placeOrder .goods-content .goods-item .goods-image img{width: 100%; height: 60px;}
#placeOrder .goods-content .goods-item .goods-title{background-color: rgba(255,255,255,0.8); color: #333; text-align: center; height: 20px; line-height: 20px; position: absolute; bottom: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#placeOrder .goods-content .goods-item .price{width: 100%; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #06c1ae;}
#placeOrder .goods-content .goods-item .num{display: none; position: absolute; top: -7px; left: -7px; color: #FFF; background: #06c1ae; width: 20px; height: 20px; font-size: 12px; border-radius: 10px; line-height: 20px; text-align: center}
#placeOrder .goods-content .goods-item.active .num{display: block}
#placeOrder .goods-content .goods-item .popover{display: block; width: 350px; top: 100%; left: -100%; z-index: 1000000;}
#placeOrder .goods-content .goods-item .popover.in{display: block;}
#placeOrder .goods-content .goods-item .popover.ng-hide{display: none}
#placeOrder .goods-content .goods-item .badge{background: #06c1ae}

.toggle-content .toggle-pane{display: none}
.toggle-content .toggle-pane.active{display: block}

::-webkit-scrollbar-track{background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #999;}

.daterangepicker .icon-arrow-left:before{content: '\f060';}
.daterangepicker .icon-arrow-right:before{content: '\f061';}

.config-notice-phonic .audio-container{width: 30%; padding: 15px 0;}
.config-notice-phonic .audio-container .audio-msg{position: relative; padding-left: 65px; height: 70px;}
.config-notice-phonic .audio-container .audio-msg .audio-player-play span{position: absolute; left: 0; top: 0; background: #ccc; width: 60px;height: 60px; line-height: 60px; vertical-align: middle; display: inline-block; cursor: pointer; font-size: 25px; text-align: center;}

.dispatch .dispatch-container .col-md-3{padding: 0;}
.dispatch .dispatch-container .col-md-3 .scroll-preloader{margin: 13px; text-align: center;}
.dispatch .dispatch-container .col-md-3 .scroll-preloader .preloader{width: 39px; height: 39px; margin: 0 auto; transform-origin: 50%; animation: preloader-spin 1s steps(12,end) infinite;}
@keyframes preloader-spin{100% {transform: rotate(360deg);}}
.dispatch .dispatch-container .col-md-3 .scroll-preloader .preloader:after{display: block; width: 100%; height: 100%; content: ""; background-image: url(../img/preloader.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%;}
.dispatch .dispatch-container .col-md-9{padding: 0;}
.dispatch .order-list{max-height: 700px; overflow-y: auto}
.dispatch .order-list .order-item{border-top: 4px solid #1ab394;; position: relative;}
.dispatch .order-list .order-item.active{background: #f4fffc;}
.dispatch .order-list .order-item:last-child{border-bottom: 4px solid #1ab394;;}
.dispatch .order-list .order-item .pickup-address{position: relative; padding: 10px 0 0 25px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dispatch .order-list .order-item .pickup-address span.icon{position: absolute; left: 5px; top: 9px; font-size: 16px; color: #1ab394;}
.dispatch .order-list .order-item .delivery-address{position: relative; padding: 10px 0 10px 25px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px;}
.dispatch .order-list .order-item .delivery-address span.icon{position: absolute; left: 3px; top: 7px; font-size: 19px; color: #f90;}
.dispatch .order-list .order-item .dispatch-info{text-align: center; border-top: 1px solid #ddd;}
.dispatch .order-list .order-item .dispatch-info span{display: block; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dispatch .order-list .order-item .dispatch-info .col-md-4{border-left: 1px solid #ddd; padding-top: 5px; padding-bottom: 5px;}
.dispatch .order-list .order-item .dispatch-info .col-md-4:first-child{border-left: none;}
.dispatch .order-list .order-item .dispatch-info .col-md-4:first-child a{font-size: 18px; font-weight: bold; color: #333}
.dispatch .order-list .order-item .col-md-4 a{display: block; height: 40px; line-height: 40px;}
.dispatch .order-list .order-item .select-status{position: absolute; background: #1ab394; right: 0; top: 0; border-bottom-left-radius: 40px; padding: 0 5px 0 10px; height: 32px; line-height: 28px; display: none;}
.dispatch .order-list .order-item.active .select-status{display: block;}
.dispatch .order-list .order-item .select-status span.icon{font-size: 16px; color: #fff;}
.dispatch .order-list .no-result{border-left: 0; border-right: 0;}
.dispatch .map{position: relative;}
.dispatch .map #allmap{height: 750px; z-index: 10;}
.dispatch .map .deliveryer-container{display: none; width: 20%; padding-left: 10px; background: #fff; position: absolute; top: 0; right: 0; height: 750px; z-index: 11;}
.dispatch .map .deliveryer-container .deliveryer-list{height: 700px; overflow-y: auto;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item{border-bottom: 1px solid #ddd; position: relative; z-index: 15;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item.active{background: #f8f8f8;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item:first-child{border-top: 1px solid #ddd}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-name{padding: 10px 0 0 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 34px; font-size: 16px;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-name u{cursor: pointer;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-name.active{color: #ff2d4b;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-name.off-line{color: #999;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-name .scan-deliveryer-orders{font-size: 12px;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-mobile{padding: 10px 0 10px 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-info{border-top: 1px solid #ddd;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .col-md-4{text-align: center; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #ddd;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .col-md-4:last-child{border: none}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-dispatch{display: none; position: absolute; width: 100%; bottom: 0; height: 40px; line-height: 40px; text-align: center; cursor: pointer;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-dispatch>div:first-child{background: #f8f8f8;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-dispatch>div:first-child span{font-size: 18px;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-dispatch>div:nth-child(2){background: #1ab394; color: #fff;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-dispatch>div:last-child{background: #ffb607; color: #fff;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item .deliveryer-dispatch>div:last-child span{font-size: 18px;}
.dispatch .map .deliveryer-container .deliveryer-list .deliveryer-item.active .deliveryer-dispatch{display: block;}
.dispatch .map .deliveryer-container .deliveryer-current-orders{position: fixed; top: 400px; right: 14%; margin-right: 3px; background: #fff; z-index: 16; width: 400px; text-align: center;}
.dispatch .map .deliveryer-container .deliveryer-current-orders th{text-align: center; width: 40%;}
.dispatch .map .deliveryer-container .deliveryer-current-orders th:first-child{width: 30%;}
.dispatch .map .deliveryer-container .deliveryer-current-orders td{width: 40%; vertical-align: middle}
.dispatch .map .deliveryer-container .deliveryer-current-orders td:first-child{width: 30%;}
.dispatch .map .deliveryer-container .deliveryer-current-orders .deliveryer-current-order-list .no-order{width: 100%; text-align: center; padding: 10px 0; position: relative; left: 120%;}
.dispatch .map .deliveryer-container .deliveryer-current-orders .deliveryer-current-order-list td span{display: block;}
.dispatch .map .deliveryer-container .deliveryer-current-orders .deliveryer-current-order-list .color-danger{color: #ff2d4b;}
.dispatch .map .deliveryer-container .deliveryer-current-orders .deliveryer-current-order-list .color-default{color: #333;}
.dispatch .map .deliveryer-container-switch{color: #fff; position: absolute; width: 20px; height: 40px; top: 50%; background-color: #1ab394; border-bottom-left-radius: 30px;  border-top-left-radius: 30px; line-height: 40px; text-align: center; right: 0; z-index: 11;}
.dispatch .map .map-mark{width: 142px; border: 1px solid #1ab394; border-radius: 2px; background: #f4fffc; position: relative; z-index: 19;}
.dispatch .map .map-mark:before,.dispatch .map-mark:after{content: ""; display: block; border-width: 10px; position: absolute; bottom: -20px; left: 30px; border-style: solid dashed dashed; border-color: #1ab394 transparent transparent; font-size: 0; line-height: 0; z-index: 10;}
.dispatch .map .map-mark:after{bottom: -19px; border-color: #f4fffc transparent transparent;}
.dispatch .map .map-mark>span{padding: 5px; display: inline-block;}
.dispatch .map .map-mark>.deliveryer-name{width: 66px; text-align: center;}
.dispatch .map .map-mark .delivery-times-info{background: #fff; color: #999; width: 40px; text-align: center;}
.dispatch .map .map-mark .delivery-times-info .wait-pickup{color: #333;}
.dispatch .map .map-mark .delivery-times-info .wait-delivery{color: #f90;}
.dispatch .map .map-mark .icon{font-size: 16px; color: #1ab394;}
.dispatch .map .map-mark.active{border-color: #ff2d4b; background: #fff3f4;}
.dispatch .map .map-mark.active:before,.dispatch .map-mark.active:after{border-color: #ff2d4b transparent transparent;}
.dispatch .map .map-mark.active:after{bottom: -19px; border-color: #fff3f4 transparent transparent;}
.dispatch .map .map-mark.active>.deliveryer-name{color: #ff2d4b;}
.dispatch .map .map-mark.active .delivery-times-info{color: #ff2d4b;}
.dispatch .map .map-mark.active .icon{color: #ff2d4b;}
.dispatch .map .map-mark.hover{background: #1ab394; color: #fff;}
.dispatch .map .map-mark.hover:after{bottom: -19px; border-color: #1ab394 transparent transparent;}
.dispatch .map .map-mark.hover .delivery-times-info{background: #1ab394; color: #fff;}
.dispatch .map .map-mark.hover .delivery-times-info span{color: #fff;}
.dispatch .map .map-mark.hover .icon{background: #fff;}
.dispatch .map .map-mark.off-line{border-color: #999; background: #eee;}
.dispatch .map .map-mark.off-line:before,.dispatch .map-mark.active:after{border-color: #999 transparent transparent;}
.dispatch .map .map-mark.off-line:after{bottom: -19px; border-color: #eee transparent transparent;}
.dispatch .map .map-mark.off-line>.deliveryer-name{color: #999;}
.dispatch .map .map-mark.off-line .icon{color: #999;}
.dispatch .map .map-mark .mark-container{width: 180px; color: #333; position: absolute; left: -40px; bottom: 0; background: #fff; box-shadow: 0 0 0 1px #ddd; border-radius: 10px; padding: 15px 10px; z-index: 20;}
.dispatch .map .map-mark .mark-container>div{margin-bottom: 10px;}
.dispatch .map .map-mark .mark-container .btn{width: 100%; margin: 0;}
.dispatch .map .map-mark .mark-container .wait-delivey,.map-mark .mark-container .finish-delivey{color: #999;}
.dispatch .map .map-mark .mark-container .icon-close{color: #999; font-size: 16px;}
.dispatch .map .map-mark .location-dot{position: absolute; left: 30px; bottom: -18px; width: 21px; height: 15px; z-index: 9;}
.dispatch .form-horizontal.form-filter .form-group{border: none; padding-top: 0; margin-bottom: 5px;}
.dispatch .form-horizontal.form-filter .form-group .form-control{max-width: 100%;}

.dispatch .map .amap-marker .marker-start-route{width: 38px; height: 52px}
.dispatch .map .amap-marker .marker-end-route{width: 38px; height: 52px}
.dispatch .map .amap-marker .marker-start-route.marker-start-deliveryer-route{background: url(../img/map-start-1.png); background-size:cover; width: 42px; height: 54px}
.dispatch .map .amap-marker .marker-start-route.marker-start-deliveryer-route.delivery-status-4{background: url(../img/map-start-active-1.png); background-size:cover; width: 42px; height: 54px}
.dispatch .map .amap-marker .marker-end-route.marker-end-deliveryer-route{background: url(../img/map-end-1.png); background-size:cover; width: 42px; height: 54px}

.order-deliveryer-records .color-danger{color: #ff2d4b;}
.order-deliveryer-records .color-default{color: #333;}

#qrcode-modal #qrcode{border: 1px solid #CCC; display: inline-block; padding: 20px; margin-left: 15px;}
#qrcode-modal #wx-qrcode{border: 1px solid #CCC; display: inline-block; padding: 20px; margin-right: 15px;}
#qrcode-modal #wx-qrcode span{display: block; width: 200px; height: 205px; text-align: center; line-height: 205px;}

#delivery-times .col-sm-6{margin-bottom: 10px; padding-left: 0;}
.system-perm .perm-container .category-perm{margin-bottom: 10px;}
.system-perm .perm-container .category-perm:last-child{margin: 0;}
.system-perm .perm-container .heading{font-weight: bold; padding: 5px 0;}
.system-perm .perm-container .perm-list{border-top: 1px dashed #ccc;}
.system-perm .perm-container .checkbox-inline{margin-left: 10px;}