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, a.text-primary:focus{color: #1ab394} .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} .pt5{padding-top:5px;} .margin-b-10{margin-bottom: 10px;} .margin-t-5{margin-top: 5px;} .border-1px-t{border-top: 1px solid #e0e0e0} .border-1px-b{border-bottom: 1px solid #e0e0e0} .border-1px-tb{border-top: #e0e0e0 1px solid;border-bottom: #e0e0e0 1px solid;background-image: none} .border-1px-l{border-left: 1px solid #e0e0e0} .border-1px-r{border-right: 1px solid #e0e0e0} .border-1px{border: 1px solid #e0e0e0} .border-1px-radius{border: 1px solid #e0e0e0;border-radius: 4px} @media screen and (-webkit-min-device-pixel-ratio:2){ .border-1px-radius{position: relative; border: 0} .border-1px-radius:before{content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 8px; pointer-events: none} } @media screen and (-webkit-min-device-pixel-ratio:2){ .border-1px{position: relative; border: 0} .border-1px-t,.border-1px-b,.border-1px-l,.border-1px-r,.border-1px-tb{border: 0} .border-1px-t{background-position: left top; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))} .border-1px-b{background-position: left bottom; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))} .border-1px-t,.border-1px-b,.border-1px-tb{background-repeat: repeat-x; -webkit-background-size: 100% 1px} .border-1px-tb{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)); background-position: top,bottom} .border-1px-l{background-position: left top; background-image: -webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))} .border-1px-r{background-position: right top; background-image: -webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))} .border-1px-l,.border-1px-r{background-repeat: repeat-y; -webkit-background-size: 1px 100%} .border-1px:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)); -webkit-background-size: 100% 1px,1px 100%,100% 1px,1px 100%; background-size: 100% 1px,1px 100%,100% 1px,1px 100%; -webkit-background-size: 100% 1px,1px 100%,100% 1px,1px 100%; background-size: 100% 1px,1px 100%,100% 1px,1px 100%; background-repeat: no-repeat; background-position: top,right,bottom,left; padding: 1px; -webkit-box-sizing: border-box; z-index: 10; pointer-events: none} } .font-18{font-size: 18px;} .font-16{font-size: 16px;} .font-12{font-size: 12px;} .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: 100%;} .form-horizontal .control-label{font-weight: 500} .form-horizontal .form-group{border-bottom: 1px solid #eff4f5; padding-bottom: 15px;} .form-horizontal .form-group:last-child{border: none} .form-horizontal .line{margin-bottom: 12px; padding-bottom: 0px; border-bottom: 0px;} .form-horizontal .label-line{width: 100%;} .form-horizontal .agent-body{padding: 20px 50px 20px; margin: 10px 0px;} .form-horizontal .text{line-height: 2.5rem;} .form-horizontal .agent-main{margin-top: 270px;} .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;text-align:left;} .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!important;border-color:#1ab394!important;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} .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:#f8f8f8;height:50px;color:#00a800;} .message-box .msg-error{background:#ed5565} .message-box .msg-info{background:#eaa000} .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;} #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;margin:15px 0;} .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:180px; color: #ccc!important; text-align: center; background-color: #f2f2f2!important; 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: 330px; -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:180px;background:#32374a;} #app-first-sidebar .team-logo-wrap{display: block;border-bottom:1px solid #f8f8f8;opacity: .5;} #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: 16px; height:40px; line-height:40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #app-first-sidebar .nav{padding: 0 0 60px 0; width: 190px;} #app-first-sidebar .nav ul li{font-size:14px; height:42px; line-height:42px; margin:12px 0;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: #fff; display: block; padding-left:25px;} #app-first-sidebar .nav ul li a:hover{color:#fff;background:#ff595f;} #app-first-sidebar .nav ul li a .icon{font-size:16px;position: relative;top:1px;margin-right:10px;} #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:180px; width:150px;background: #fff;} #app-second-sidebar .second-sidebar-title{padding-left: 20px; font-size: 14px; height: 50px; line-height: 50px; border-bottom: 1px solid #00b26a;background: #00b26a;color: #FFF;} #app-second-sidebar .nav{width:150px; padding: 13px 10px; height: auto;} #app-second-sidebar .nav .menu-header{padding:5px 10px;color:#666;margin:10px 0;background:#f8f8f8;font-weight:700;font-size:15px;} #app-second-sidebar .nav ul li{font-size: 14px; margin-bottom: 0px; 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: #7c838a; 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{} #app-second-sidebar .nav ul li.active a{color: #E64340;} #app-second-sidebar .nav ul li:hover a{color: #E64340} #app-second-sidebar .nav .menu-item:last-child{margin-bottom: 50px} #app-container{margin-left:330px; background: #f2f2f2;} #app-third-sidebar .user-section .wm-user-name{position: relative; height: 50px; margin-left: 1px;min-width: 80px; text-align: center;} #app-third-sidebar .user-section .wm-refresh{position: relative; height: 50px; margin-left: 1px;text-align: center;} #app-third-sidebar .user-section .wm-refresh .fa-refresh{font-size: 1.6em;padding-top: 9px;} #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:#fff;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;background: #05c879;} #app-third-sidebar .user-section .drop-menu li:hover{background: #00a800 ;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: #fff} #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: #fff;} #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: #fff; background: #00b26a; border-bottom: 1px solid #00b26a;margin: 0px 10px;} #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{font-weight: 700;border-left: 3px solid #fff!important;padding-left:10px;height: 49px; min-width: 0; border: none; background: transparent; font-weight: bold; font-size: 14px;color:#fff;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{padding:0 15px;height:49px;line-height:48px;color:#fff;} #app-third-sidebar .navbar-right a:hover{color:#fff;} #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{padding:7px 15px;} .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:35px;padding-top:10px;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: 3px 0 2px; 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 .btn-area .btn:hover {color:#fff;} .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} .panel-order.eleme .order-info{color: #2395ff;} .panel-order.eleme .grayest{color: #2395ff;} .panel-order.meituan .order-info{color: #FFB814;} .panel-order.meituan .grayest{color: #FFB814;} .panel-order.meituan .serial-sn:before{content: "美"; font-size: 22px; margin-right: .3rem;} .panel-order.eleme .serial-sn:before{content: "饿"; font-size: 22px; margin-right: .3rem;} .panel-order .order-reason{text-indent: -8px; color: #00abe4; background: rgba(229,246,252,.4); padding:10px 20px;} .panel-order .order-remind{text-indent: -8px; color: #00abe4; background: #FFF8F6; padding:10px 20px;} .panel-order.eleme .panel-heading{border-top: 4px solid #2395ff;} .panel-order.eleme .btn-area a{background-color: #2395ff; border-color: #2395ff;} .panel-order.eleme .user-info .greenest{color: #2395ff;} .panel-order.eleme .product-info .greenest{color: #2395ff;} .panel-order.meituan .panel-heading{border-top: 4px solid #FFB814;} .panel-order.meituan .btn-area a{background-color: #FFB814; border-color: #FFB814;} .panel-order.meituan .user-info .greenest{color: #FFB814;} .panel-order.meituan .product-info .greenest{color: #FFB814;} .panel-order.reserve .order-info{color: #ff8c26;} .panel-order.reserve .grayest{color: #ff8c26;} .panel-order.reserve .serial-sn:before{content: "预"; font-size: 22px; margin-right: .3rem;} .panel-order.reserve .panel-heading{border-top: 4px solid #ff8c26;} .panel-order.reserve .btn-area a{background-color: #ff8c26; border-color: #ff8c26;} .panel-order.reserve .user-info .greenest{color: #ff8c26;} .panel-order.reserve .product-info .greenest{color: #ff8c26;} .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: 253px; background: #f8f8f8; margin: 0 11px 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 .comment-img{height: 60px;} .panel-comment .comment-img a{display: inline-block; width: 50px; height: 50px;} .panel-comment .comment-img a img{display: inline-block; width: 100%; height: 100%; border-radius: 4px;} .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 15px 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/order-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/order-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: 18px; 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;} .dispatch .order-list .order-item .delivery-address span.icon{position: absolute; left: 3px; top: 7px; font-size: 22px; color: #f90;} .dispatch .order-list .order-item .label-wrap{position: relative; margin-bottom: 15px; padding-left: 15px;} .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: 50px; height: 68px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; font-size: 12px; color: #fff; background-size: 100% 100%;} .dispatch .map .amap-marker .marker-end-route{width: 50px; height: 68px; font-size: 12px; color: #fff; background-size: 100% 100%; text-align: center; padding-top: 13px; font-size: 18px} .dispatch .map .amap-marker .marker-start-route.marker-start-order-route{background: url(../img/map-start-1.png); width: 42px; height: 54px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; font-size: 12px; color: #fff; background-size: 100% 100%;} .dispatch .map .amap-marker .marker-end-route.marker-end-order-route{background: url(../img/map-end-1.png); background-size:100% 100%; width: 42px; height: 54px} .dispatch .map .amap-marker .marker-start-route.marker-start-deliveryer-route{background: url(../img/order-start.png); width: 42px; height: 54px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; font-size: 12px; color: #fff; background-size: 100% 100%;} .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/order-end.png); background-size:100% 100%; 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;} #qrcode-modal #vue-qrcode{border: 1px solid #CCC; display: inline-block; padding: 20px; margin-left: 15px;} #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;} select.we7-select, select{height: 34px!important; padding: 0 10px; color: #252424; border-color: #e7e7eb!important; border-style: solid; border-width: 1px; box-shadow: 0 0 0!important; outline: 0; border-radius: 0; -webkit-appearance: none; background: url(../../../../web/resource/images/select-arrow.png) #fff no-repeat right!important;padding-right: 44px !important;} .wi-search:before {content: "\e61e";} .material-content .material-head {padding: 15px 20px; border-bottom: 1px solid #e7e7eb; clear: both; box-sizing: border-box} .material-content .material-head .wi-search {font-size: 18px; margin: 0} .material-content .material-head .filter {width: 450px;} .material-content .material-head .filter .we7-select {width: 200px;} .material-content .material-head .filter .we7-select+.we7-select {margin-left: -1px} .material-content .material-nav {border-bottom: 1px solid #e7e7eb; padding: 0 20px} .material-content .material-nav a {display: inline-block; padding: 0 30px; line-height: 42px; font-size: 16px; color: #999; border-bottom: 3px solid transparent } .material-content .material-nav a:hover,.material-content .material-nav a.active,.material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover,.panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover { color: #428bca; border-color: #428bca} .material-content .material-body {padding: 20px; height: 460px; overflow-y: auto; border-bottom: 1px solid #e7e7eb} .material-content .material-body .col-sm-2{padding: 10px; overflow: hidden; box-sizing: border-box; cursor: pointer;} .material-content .material-body .item {position: relative; width: 100%; text-align: center; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; display: block;} .material-content .material-body .item:before{content: ""; display: inline-block;vertical-align: middle;} .material-content .material-body .item:hover {outline: 2px solid #428bca;} .material-content .material-body .item .name{position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0,0,0,.5); color: #fff; padding: 0 20px; text-align: left; z-index: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .material-content .material-body .item.active .mask,.material-content .material-body .head .navbar-left>li.item:hover .mask,.head .material-content .material-body .navbar-left>li.item:hover .mask,.material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask,.panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask {display: block} .material-content .material-body .mask {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background-color: rgba(0,0,0,.5); text-align: center; display: none} .material-content .material-body .mask .wi,.material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before,.material-content .material-body .mask .cut-list .item.apply-show:before,.cut-list .material-content .material-body .mask .item.apply-show:before { color: #fff; font-size: 32px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .material-content .material-body .del {position: absolute; width: 34px; line-height: 34px; text-align: center; background-color: #428bca; cursor: pointer; bottom: 0; right: 0; z-index: 6; display: none;} .material-content .material-body .item:hover .del {display: block;} .wi-delete2:before {content: "\e6b4";} .wi{font-size: 20px; vertical-align: middle; margin-right: 3px;} .wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before {font-family: "iconfont" !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .material-content .material-pager {padding: 20px; height: 79px;} .material-content .tab-content {overflow-x: hidden; overflow-y: auto; height: 310px;} .uploader-modal.image .img-net {font-size: 18px;} .uploader-modal.image .img-net .img {width: auto; min-width: 150px; height: 150px; background-color: #eee; margin: 50px 0 20px 0;} .uploader-modal.image .img-net input {width: 500px; margin: 10px auto;} .uploader-modal.image .img-net .btn {width: 120px; margin: 10px 0;} .uploader-modal .modal-body {padding: 0; min-height: 595px; max-height: auto!important; box-sizing: border-box;} .wxapp-detail{width: 398px; min-height: 398px; padding-bottom: 24px; margin: 40px 50px 200px 50px; background: #fff; box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1); position: relative; display: block;} .wxapp-detail .logo{width: 82px; height: 82px; border: 2px solid #fff; border-radius: 82px; background-color: #fff; position: absolute; top: -41px; left: 50%; margin-left: -41px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);} .wxapp-detail .logo img{width: 78px; height: 78px; border-radius: 78px;} .wxapp-detail .name{height: 95px; padding: 41px 30px 0; font-size: 18px; line-height: 54px; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .wxapp-detail .qrcode{height: 150px; width: 250px; background: #fff; margin: auto; position: relative;} .wxapp-detail .qrcode .layer{height: 100%; width: 100%; background: rgba(255, 255, 255, 0.75); position: absolute; top: 0; left: 0; line-height: 150px; text-align: center; font-size: 18px; color: #fff;z-index: 2; border:0px;} .wxapp-detail .qrcode .layer::before{content: ''; height: 96px; width: 96px; background: rgba(0, 0, 0, 0.75); border-radius: 96px; position: absolute; top: 50%; left: 50%; margin-left: -48px; margin-top: -48px; z-index: -1;} .wxapp-detail .qrcode .qrcode-container{display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between;} .wxapp-detail .qrcode .qrcode-container a{display: block;} .wxapp-detail .qrcode .qrcode-container .title{text-align: center; margin-top: 8px;} .wxapp-detail .qrcode img{height: 114px; width: 114px; display: block;} .wxapp-detail .line{height: 1px; background: #f0f0ef; margin: 24px 20px 0 20px;} .wxapp-detail .texts{padding: 14px 0 14px 114px; color: #999;} .wxapp-detail .texts p{font-size: 14px; color: #000; line-height: 36px; margin: 0px;} .wxapp-detail .texts p .text-primary{color: #44abf7 !important;} .wxapp-detail .texts p #btn-reauth{margin-left: 5px; border-bottom: 1px solid #00aeff; cursor: pointer;} .wxapp-detail .btn{height: 38px;width: 178px; margin: auto; display: block; line-height: 20px; font-size: 14px;outline: none !important; padding: 8px 16px; border-radius: 2px; text-align: center; vertical-align: middle; box-sizing: border-box; cursor: pointer; transition: background-color 0.3s; border: 1px solid transparent;} .wxapp-detail .btn-default{background: #fdfdfd !important; color: #6b6b6b; border: 1px solid #efefef !important;} .wxapp-detail .btn-primary{margin-top: 10px} .we7-wmall-dialog .we7-modal-dialog .modal-content,.we7-wmall-dialog .modal-dialog .modal-content { border-radius: 0; } #newUploaderImg .modal-header, .uploader-modal .modal-header { border-bottom: 1px solid #e7e7eb; padding: 15px 20px; } .we7-wmall-dialog .we7-modal-dialog .modal-header,.we7-wmall-dialog .modal-dialog .modal-header { background-color: #f4f5f9; border-bottom: 0; } #newUploaderImg .modal-header .modal-title, .uploader-modal .modal-header .modal-title { font-size: 16px; } .we7-modal-dialog .modal-body, .modal-dialog .modal-body { padding: 30px; max-height: 650px; overflow-y: auto; overflow-x: hidden; } #newUploaderImg .modal-body, .uploader-modal .modal-body { padding: 0; max-height: 710px; overflow: hidden; } .material-content .material-nav { border-bottom: 1px solid #e7e7eb; padding: 0 20px; } .material-content .material-nav a { display: inline-block; padding: 0 30px; line-height: 42px; font-size: 16px; color: #999; border-bottom: 3px solid transparent; } .material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover {color: #428bca; border-color: #428bca; } .material-content .material-head { padding: 15px 20px; border-bottom: 1px solid #e7e7eb; clear: both; box-sizing: border-box; } .material-content .material-head .filter { width: 450px; } .we7-modal-dialog .we7-select, .modal-dialog .we7-select { width: 100%; } .material-content .material-head .filter .we7-select { width: 200px; } select.we7-select+.we7-select, select+.we7-select { margin-left: 10px; } .material-content .material-head .filter .we7-select+.we7-select { margin-left: -1px; } .input-group .input-group-btn .btn { padding-left: 12px; padding-right: 12px; border-radius: 0; border-color: #e7e7eb; } .we7-margin-horizontal-sm { margin-left: 15px; margin-right: 15px; } #newUploaderImg.image .category li, .uploader-modal.image .category li { line-height: 44px; background: 0 0; } #newUploaderImg.image .category li.active, #newUploaderImg.image .category .head .navbar-left>li:hover, .head #newUploaderImg.image .category .navbar-left>li:hover, #newUploaderImg.image .category .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg.image .category li.list-group-item:not(.list-group-more):hover, #newUploaderImg.image .category li:hover, .uploader-modal.image .category li.active, .uploader-modal.image .category .head .navbar-left>li:hover, .head .uploader-modal.image .category .navbar-left>li:hover, .uploader-modal.image .category .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal.image .category li.list-group-item:not(.list-group-more):hover, .uploader-modal.image .category li:hover {background: #fff; } #newUploaderImg.image .category li .name, .uploader-modal.image .category li .name { width: 100%; padding: 0 30px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; cursor: pointer; } #newUploaderImg.image .category li .wi-file, .uploader-modal.image .category li .wi-file { color: #edce86; margin-right: 10px; } .wi-file:before { content: "\e692"; } #newUploaderImg.image .category li .edit, .uploader-modal.image .category li .edit { padding: 0 20px; border-top: 1px solid #f5f5f5; display: none;} #newUploaderImg.image .category li .name .setting, .uploader-modal.image .category li .name .setting { position: absolute;right: 2px;top: 0;cursor: pointer;color: #428bca;display: none;} .wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before {display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .we7-modal-dialog .wi, .we7-modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-modal-dialog .ext-apply-item.apply-show:before, .we7-modal-dialog .cut-list .item.apply-show:before, .cut-list .we7-modal-dialog .item.apply-show:before, .we7-modal-dialog .fa, .modal-dialog .wi, .modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-dialog .ext-apply-item.apply-show:before, .modal-dialog .cut-list .item.apply-show:before, .cut-list .modal-dialog .item.apply-show:before, .modal-dialog .fa {vertical-align: middle; margin-right: 3px;} .wi-appsetting{color: #428bca;} .img-container .item .del .wi{color: #fff;} .wi-registersite:before{content: "\e60d";} .wi-appsetting:before {content: "\e68a";} .wi-text:before{content: "\e685";} .wi-right:before{content: "\e649";} #newUploaderImg.image .category li:hover .name .setting, .uploader-modal.image .category li:hover .name .setting {display: block;} #newUploaderImg.image .category li .edit.show, .uploader-modal.image .category li .edit.show {display: block;} #newUploaderImg.image .category li .edit a, .uploader-modal.image .category li .edit a {display: inline-block; margin: 0 5px;} #newUploaderImg.image .material-body, .uploader-modal.image .material-body {padding: 0; position: relative; overflow-y: hidden;} #newUploaderImg.image .category, .uploader-modal.image .category {width: 170px; height: 460px; overflow-y: auto; border-right: 1px solid #e7e7eb; background: #f4f5f9; float: left;} #newUploaderImg.image .category .add, .uploader-modal.image .category .add {line-height: 44px; text-align: center; background: #fff; border-bottom: 1px solid #e7e7eb;} .color-default {color: #428bca!important;} .color-red {color: #cf1010!important;} #newUploaderImg.image .img-container, .uploader-modal.image .img-container {padding: 10px 10px 41px; flex-wrap: wrap; margin-left: 171px; max-height: 460px; overflow-y: auto;} #newUploaderImg.image .img-container .item, .uploader-modal.image .img-container .item {flex: none; position: relative; width: calc(20% - 20px); margin: 10px; text-align: center; vertical-align: middle; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block;} #newUploaderImg.image .img-container .item:before, .uploader-modal.image .img-container .item:before {content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle;} #newUploaderImg.image .img-container .item .name, .uploader-modal.image .img-container .item .name {position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0,0,0,.5); color: #fff; padding: 0 20px; text-align: left; z-index: 2;} .material-content .material-body .item:hover {outline: 2px solid #428bca;} .material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before {color: #fff; font-size: 32px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .material-content .material-body .del {position: absolute; width: 34px; line-height: 34px; text-align: center; background-color: #428bca; cursor: pointer; bottom: 0; right: 0; z-index: 6; display: none; } .material-content .material-body .item:hover .del { display: block;} .uu-replace-main {width:100%;margin:0 auto;background-color:#ebebeb;} .uu-replace-main .order-nav {width:170px;float:left;margin-right:18px;} .uu-replace-main .order-nav .secNav {text-align:center;overflow:hidden;height:904px;} .uu-replace-main .secNav .business-list {background-color:red;text-align:center;overflow:hidden;} .uu-replace-main .secNav .business-list a {display:block;width:170px;background:#fff;height:226px;} .uu-replace-main a {background-color:transparent;text-decoration:none;color:#333;} .uu-replace-main .secNav .business-list .item:last-child {margin-right:0;} .uu-replace-main .secNav .business-list a .item {height:226px;} .uu-replace-main .secNav .business-list .item {position:relative;margin-right:0;width:170px;height:166px;padding-top:60px;} .uu-replace-main .secNav .business-list .item h5 i {font-size:28px;} .uu-replace-main .secNav .business-list .item h5 .iconfont {font-family:"iconfont" !important;font-style:normal;} .uu-replace-main .secNav .business-list .item p {font-size:18px;color:#333333;padding-top:14px;} .uu-replace-main .secNav p {margin:0;} .uu-replace-main .secNav .business-list .item h5 {margin:0 auto;width:73px;height:73px;border:5px solid #f7f7f7;border-radius:50%;line-height:73px;text-align:center;cursor:pointer;position:relative;z-index:2;font-size:0.83em;} .uu-replace-main .secNav .business-list .item:hover h5 i {color:#333;} .uu-replace-main h1,.uu-replace-main h2,.uu-replace-main h3,.uu-replace-main h4,.uu-replace-main h5,.uu-replace-main h6 {margin:0;font-family:inherit;font-weight:500;line-height:1.1;} .uu-replace-main .secNav .business-list .item.active {background:#1a1a1a;} .uu-replace-main .secNav .business-list .item.active h5 {width:73px;height:73px;border:none;background-color:transparent;} .uu-replace-main .secNav .business-list .item.active h5 i,.uu-replace-main .secNav .business-list .item.active p {color:#FF8B03;} .uu-replace-main .secNav .business-list .item.active h5 i {font-size:40px;} .uu-replace-main .order-form {background-color:#ebebeb;overflow:hidden;width:926px;float:left;} .uu-replace-main .order-form .uuBusi {width:100%;height:auto;} .uu-replace-main .order-form .uuBusi .infos-box {z-index:10;overflow:hidden;} .uu-replace-main .order-form .infos-box .icon {position:absolute;top:6px;left:6px;font-weight:bold;font-size:14px;color:#ff8b03;} .uu-replace-main .order-form .infos-box1:before,.uu-replace-main .order-form .infos-box2:before,.uu-replace-main .order-form .infos-box3:before,.uu-replace-main .order-form .infos-box4:before {content:'';position:absolute;left:-20px;top:-35px;width:0;height:0;border-top:50px solid transparent;border-left:50px solid #000;border-bottom:50px solid transparent;} .uu-replace-main .order-form .uuBusi .infos-box,.uu-replace-main .order-form .uuPay .infos-box {position:relative;top:0;padding:30px 40px 0 45px;background:#fff;box-sizing:border-box;transform:translateZ(0);transition:box-shadow 218ms ease-in-out,transform 218ms ease-in-out;box-shadow:rgba(0,0,0,.0470588) 0 2px 3px 0;z-index:9;} .uu-replace-main .order-form .uuBusi .ucard {width:100%;line-height:38px;margin-bottom:20px;display:flex;} .uu-replace-main .order-form .uuBusi .ucard label {width:53px;font-size:13px;color:#333;text-align:right;margin-right:40px;font-weight:normal;} .uu-replace-main .order-form .uuBusi .ucard .tag {width:88%;position:relative;border:none;} .uu-replace-main .order-form .uuBusi .ucard .tag.category a {border-radius:2px;font-size:13px;color:#333;float:left;margin-right:9px;margin-bottom:20px;height:36px;line-height:36px;border:solid 1px #f4f4f4;background:#f4f4f4;width:83px;text-align:center;position:relative;} .uu-replace-main .order-form .uuBusi .ucard .tag a.selected,.uu-replace-main .order-form .uuBusi .ucard .tag a:hover {color:#000;border:solid 1px #333;border-radius:2px;} .uu-replace-main .order-form .uuBusi .ucard .tag.category a:nth-child(8n) {margin-right:0;} .uu-replace-main .order-form .uuBusi .ucard .tag a.selected:after {content:" ";position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:20px solid #000;border-left:20px solid transparent;text-align:center;line-height:20px;} .uu-replace-main .order-form .uuBusi .ucard .tag a.selected .icon {position:absolute;bottom:-5px;right:-66px;color:#FF8B03;font-size:12px;z-index:10;} .uu-replace-main .order-form .uuBusi .ucard .tag .inp.w86 {width:694px;} .uu-replace-main .order-form .uuBusi .ucard .tag .inp {width:70%;padding-left:18px;vertical-align:middle;} .uu-replace-main .order-form .uuBusi .ucard .tag input,.uu-replace-main .order-form .uuBusi .ucard .tag textarea {float:left;} .uu-replace-main input[type="text"],.uu-replace-main input[type="password"],.uu-replace-main input[type="tel"],.uu-replace-main input[type="datetime-local"],.uu-replace-main input[type="time"],.uu-replace-main input[type="number"] {border:solid 1px #dddddd;background:#fff;padding-left:18px;height:38px;line-height:38px;box-shadow:none;border-radius:2px;box-sizing:border-box;position:relative;z-index:2;outline:none;} .uu-replace-main .order-form .uuBusi .ucard .tag .inp.help-input {width:249px;padding:0 28px 0 18px;} .uu-replace-main .order-form .uuBusi .ucard .tag .inp.w100 {width:100%;} .uu-replace-main .order-form input:focus,.uu-replace-main .order-form textarea:focus {border:solid 1px #ff6700;box-shadow:none;outline:none;} .uu-replace-main .order-form input.on,.uu-replace-main .order-form textarea.on {border:solid 1px #cc0033;box-shadow:none;outline:none;} .uu-replace-main .order-form .uuBusi .ucard .tag .textarea-large {height:94px;} .uu-replace-main textarea {border:solid 1px #ddd;background:#fff;padding-left:8px;overflow:hidden;resize:none;border-radius:2px;position:relative;z-index:2;} .uu-replace-main button,.uu-replace-main input,.uu-replace-main optgroup,.uu-replace-main select,.uu-replace-main textarea {color:inherit;font:inherit;margin:0;box-sizing:border-box;} .uu-replace-main .order-form .uuBusi .ucard .more-bg {margin:5px auto 0;width:194px;background-color:#F1F1F1;border-top-right-radius:200px;border-top-left-radius:200px;height:28px;text-align:center;line-height:32px;color:#aaa;display:block;overflow:hidden;} .uu-replace-main .order-form .uuBusi .ucard .more-bg:hover {color:#555;} .uu-replace-main .order-form .uuBusi .ucard .more-down {display:inline-block;vertical-align:middle;margin-right:5px;} .uu-replace-main .order-form .uuBusi .ucard .send-input {display:flex;} .uu-replace-main .order-form .uuBusi .ucard .tips {margin-left:15px;display:inline-block;} .uu-replace-main .order-form .uuBusi .ucard .tag .tips .warn {color:#ff8b03;line-height:38px;font-size:13px;} .uu-replace-main .order-form .uuBusi .ucard .sod_select {font-family:MicrosoftYaHei;display:inline-block;position:relative;line-height:1;width:249px;height:38px;padding:12px 17px;background-color:transparent;background-clip:padding-box;border:1px solid #ddd;border-radius:4px;color:#333;font-size:12px;font-weight:700;text-align:left;text-transform:none;outline:0;outline-offset:-2px;cursor:default;vertical-align:middle;} .uu-replace-main .order-form .uuBusi .ucard .sod_select .sod_list {position:absolute;top:100%;left:0;display:none;height:auto;width:100%;margin:0 0 0 -1px;border:1px solid #dbdbdb;border-radius:0 0 3px 3px;box-shadow:1px 2px 5px rgba(0,0,0,.1);background:#ffffff;color:#676767;font-weight:300;z-index:6;} .sod_select .sod_list li {overflow:hidden;white-space:nowrap;position:relative;padding:10px 10px 10px 25px;list-style-type:none;} .uu-replace-main .order-form .uuBusi .ucard .sod_select .icons {position:absolute;top:0;bottom:0;margin:auto;right:13px;width:0;height:0;border-top:7px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;} .uu-replace-main .order-form .uuBusi .sod_select .sod_placeholder {color:#bbb;font-size:13px;font-family:MicrosoftYaHei;height:14px;line-height:14px;font-weight:normal;} .uu-replace-main .order-form .uuPay {width:100%;position:relative;overflow:hidden;} .uu-replace-main .order-form .uuPay .infos-box4 {display:flex;} .uu-replace-main .order-form .uuPay .pay {width:352px;box-sizing:border-box;} .uu-replace-main .order-form .uuPay .pay.step1 .distance {padding-bottom:28px;} .uu-replace-main .order-form .uuPay .pay.step1 .money {padding-bottom:20px;} .uu-replace-main .order-form .uuPay .pay ul li {font-size:13px;color:#333;} .uu-replace-main .order-form .uuPay .pay.step1 h3 span {font-size:16px;font-weight:bold;} .uuPay .pay ul li h3>span {font-size:16px;color:#000;font-weight:bold;} .uu-replace-main .order-form .uuPay .pay ul li h3 {display:inline-block;font-size:13px;} .uu-replace-main .order-form .uuPay .pay.step1 b {display:inline-block;width:102px;font-weight:normal;text-align:right;padding-right:50px;font-family:"Microsoft YaHei","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;} .uu-replace-main .order-form .uuPay .ucard {width:100%;margin-bottom:20px;overflow:hidden;} .uu-replace-main .order-form .uuPay .ucardCoupon label,.uu-replace-main .order-form .uuPay .ucard label {width:53px;display:inline-block;height:38px;line-height:38px;font-size:13px;margin-right:50px;font-weight:normal;} .uu-replace-main .order-form .uuPay .tag {display:flex;border:none;} .uu-replace-main .order-form .uuPay .ucard .tag .verfy-img {height:38px;display:inline-block;margin-left:10px;box-sizing:border-box;} .uu-replace-main .order-form .uuPay .ucard .tag .state-success {background:#fff;height:38px;line-height:38px;color:#FF8B03;border-radius:4px;box-sizing:border-box;} .uu-replace-main .order-form .uuPay .ucard .pay-sub {width:352px;height:38px;border-radius:3px;background:#1a1a1a;font-size:14px;letter-spacing:0.3px;text-align:center;color:#ff8b03;font-weight:bold;outline:none;border:none;} .uu-replace-main .order-form .uuPay .map {width:503px;float:left;height:311px;margin-left:52px;border:1px solid #ddd;} .deliveryer-comment.light {background:#F8C833!important;} .deliveryer-comment.star {padding:2px;border-radius:4px;font-size:12px;color:#FFF;background:#D2D2D2;} .superCoupon .col-md-6,.superCoupon .col-md-4 {padding-left:8px;padding-right:8px;} .superCoupon .marketing-title {position:relative;} .superCoupon .marketing-title .btn {position:absolute;top:0;right:20px;} .superCoupon .custom-card {margin-bottom:16px;border:1px solid #e5e5e5;width:100%;position:relative;padding:15px 17px 0 15px;height:110px;border-radius:2px;overflow:hidden;background-color:#f8f8f8;} .superCoupon .market-badge {width:29px;height:29px;position:absolute;top:0;left:0;} .superCoupon .market-badge.hot {background:url("https://xs01.meituan.net/bizdata/dist/images/market-hot.png?42803") no-repeat;} .superCoupon .market-badge.scene {background:url("https://xs01.meituan.net/bizdata/dist/images/market-recommend.png?8af22") no-repeat;} .superCoupon .custom-card .top {display:flex;justify-content:space-between;flex-flow:row nowrap;margin-bottom:10px;} .superCoupon .custom-card .title {overflow:hidden;width:230px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:21px;margin-bottom:5px;color:#333;} .superCoupon .custom-card .count {font-size:12px;line-height:16px;color:#999;margin-bottom:15px;} .superCoupon .devide-line {width:100%;height:0;border-top:1px dashed #e5e5e5;} .superCoupon .custom-card .desc {color:#666;font-size:12px;line-height:18px;height:36px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .superCoupon .custom-card.scene {text-align:center;height:136px;} .superCoupon .custom-card.scene .title {width:100%;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:21px;color:#333;} .superCoupon .custom-card.scene .count {margin-top:30px;margin-bottom:10px;} .superCoupon .custom-card .btn-del {position:absolute;background:url("https://xs01.meituan.net/bizdata/dist/images/market-del-btn.png?88e74") no-repeat 0 100%;width:34px;height:34px;border-radius:17px;overflow:hidden;cursor:pointer;top:-17px;right:-17px;color:#999;} .fast-add-goods #search {background:#1ab394;} .fast-add-goods table tr td:first-child {vertical-align:middle;} .fast-add-goods table tr td:nth-child(2) {vertical-align:middle;text-align:center;} .fast-add-goods table tr td:nth-child(3) {vertical-align:middle;text-align:center;} .fast-add-goods table tr td:last-child {text-align:right;vertical-align:middle;} .fast-add-goods .panel-body {height:569px!important;overflow:hidden;} .fast-add-goods .table-menu {height:100%!important;overflow-y:auto;} .fast-add-goods .table-menu {height:100%!important;} .fast-add-goods table img {width:38px;height:38px;border-radius:3px;} .fast-add-goods .store-categorys {height:10%;} .fast-add-goods .store-categorys ul {display:flex;flex-flow:row wrap;align-items:center;} .fast-add-goods .store-categorys ul li {width:25%;box-sizing:border-box;} .fast-add-goods .table-goods {height:87.5%;box-sizing:border-box;padding:15px;overflow-y:auto;border:1px solid #e4e4e4;} .fast-add-goods .table-goods tr td,#menu-detail table td {border:0px!important;} .fast-add-goods .table-goods tbody,#menu-detail table tbody {border:0px;border-bottom:1px solid #ddd;} .fast-add-goods .table-goods tbody:hover {background:#F5F5F5;} #menu-detail table tbody:hover {background:#F5F5F5;} #menu-detail .menu-detail-category {padding-left:0px;padding-right:0px;} #menu-detail .category-item {width:100%;height:44px;line-height:44px;box-sizing:border-box;padding:0px 10px;border-right:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;} #menu-detail .category-item .selected-number {display:inline-block;background:#FA5555;color:#fff;font-size:10px;width:18px;height:18px;line-height:18px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} #menu-detail .category-item.active {border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:0;} #menu-detail table img {width:38px;height:38px;border-radius:3px;} #menu-detail table {border-bottom:1px solid #ddd;} #menu-detail table tr td:last-child {padding-right:20px;} #menu-detail .menu-detail-category {height:500px;overflow-y:auto;} #menu-detail .menu-detail-goods {height:500px;overflow-y:auto;overflow-x:hidden;} .fast-add-goods .no-data {display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#333;} .fast-add-goods .menu-detail-goods .no-data {top:100px;position:absolute;} .fast-add-goods .loaded {position:relative;width:50%;margin:21px auto 0;line-height:11px;font-size:14px;text-align:center;vertical-align:center;border-top:1px solid #e5e5e5;color:#999;} .fast-add-goods .loaded .loaded-tips {position:relative;top:-11px;background:#fff;padding:0 10px;display:inline-block;vertical-align:middle;height:20px;line-height:20px;} .we7-form .form-group,form .form-group {margin-bottom:30px} .we7-form .form-group:before,form .form-group:before {content:'';display:table} .we7-form .form-group:after,form .form-group:after {display:table;clear:both;content:''} .we7-form .control-label,form .control-label {padding-top:7px;padding-left:0;padding-right:0;text-align:left;color:#252424;font-weight:400} .we7-form .form-controls,form .form-controls {padding-left:0;padding-right:0} .we7-form .form-control,form .form-control {border-color:#e7e7eb;border-radius:0;box-shadow:0 0 0;text-shadow:0 0 0} .we7-form .help-block,form .help-block {color:#98999a;padding-top:10px;margin-top:0;margin-bottom:0} .we7-form .checkbox-block input[type=radio]+label,.we7-form .checkbox-block input[type=checkbox]+label,.we7-form .radio-block input[type=radio]+label,.we7-form .radio-block input[type=checkbox]+label,form .checkbox-block input[type=radio]+label,form .checkbox-block input[type=checkbox]+label,form .radio-block input[type=radio]+label,form .radio-block input[type=checkbox]+label {display:block} .we7-form label,form label {color:#252424;font-weight:400;vertical-align:middle;margin-bottom:0} .we7-option {display:inline-block;font-family:we7icon;font-size:22px;vertical-align:middle;cursor:pointer} .we7-option+input {display:none} .we7-option:hover {color:#214665} .we7-option+label {color:#252424;vertical-align:middle} .we7-option.disabled {opacity:.35;cursor:default} .we7-radio-option:before {content:'\e950';color:#e7e7eb} .we7-radio-option.checked:before,.we7-radio-option.we7-check-checked:before {content:'\e94f';color:#428bca} .we7-checkbox-option:before {content:'\e952';color:#e7e7eb} .we7-checkbox-option.checked:before,.we7-checkbox-option.we7-check-checked:before {content:'\e951';color:#428bca} .we7-form input[type=radio],.we7-form input[type=checkbox] {display:none;cursor:pointer} .we7-form input[type=radio]:focus,.we7-form input[type=radio]:active,.we7-form input[type=checkbox]:focus,.we7-form input[type=checkbox]:active {outline:0} .we7-form input[type=radio]+label,.we7-form input[type=checkbox]+label {cursor:pointer;display:inline-block;position:relative;padding-left:25px;margin-right:3px;color:#252424;font-weight:400} .we7-form input[type=radio]+label:before,.we7-form input[type=radio]+label:after,.we7-form input[type=checkbox]+label:before,.we7-form input[type=checkbox]+label:after {content:'';font-family:helvetica;display:inline-block;width:18px;height:18px;left:0;top:50%;margin-top:-9px;text-align:center;position:absolute} .we7-form input[type=radio]+label:before,.we7-form input[type=checkbox]+label:before {background-color:#fff;border:1px solid #e7e7eb;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .we7-form input[type=radio]+label:after,.we7-form input[type=checkbox]+label:after {color:#fff} .we7-form input[type=radio]:checked+label:before,.we7-form input[type=checkbox]:checked+label:before {-moz-box-shadow:inset 0 0 0 10px transparent;-webkit-box-shadow:inset 0 0 0 10px transparent;box-shadow:inset 0 0 0 10px transparent} .we7-form input[type=radio]+label:before {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .we7-form input[type=radio]+label:hover:after,.we7-form input[type=radio]:checked+label:after {content:'\2022';text-align:center;font-size:40px;line-height:18px;margin-left:-.5px} .we7-form input[type=radio]+label:hover:after {color:#c7c7c7} .we7-form input[type=radio]:checked+label:after,.we7-form input[type=radio]:checked+label:hover:after {color:#428bca} .we7-form input[type=checkbox]+label:before {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0} .we7-form input[type=checkbox]+label:hover:after,.we7-form input[type=checkbox]:checked+label:after {content:"\2713";line-height:18px;font-size:14px;font-weight:900} .we7-form input[type=checkbox]+label:hover:after {color:#c7c7c7} .we7-form input[type=checkbox]:checked+label:after,.we7-form input[type=checkbox]:checked+label:hover:after {color:#428bca} .we7-form input[type=checkbox].we7-toggle {display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:55px;height:32px;background-color:#fff;position:relative;border:1px solid #e7e7eb;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;box-shadow:0 0 0;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .we7-form input[type=checkbox].we7-toggle:hover:after {background-color:#fff} .we7-form input[type=checkbox].we7-toggle:after {content:'';display:inline-block;position:absolute;width:27px;height:27px;background-color:#fff;top:1px;left:1px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999} .we7-form input[type=checkbox]:checked.we7-toggle {-moz-box-shadow:inset 0 0 0 15px #428bca;-webkit-box-shadow:inset 0 0 0 15px #428bca;box-shadow:inset 0 0 0 15px #428bca} .we7-form input[type=checkbox]:checked.we7-toggle:after {left:26px;background-color:#fff} .we7-input-img {border:1px dashed #e7e7eb;display:inline-block;position:relative;width:150px;height:150px;text-align:center} .we7-input-img:after {content:''} .we7-input-img.active .input-addon,.head .navbar-left>li.we7-input-img:hover .input-addon,.panel-menu .we7-input-img.list-group-item:not(.list-group-more):hover .input-addon {display:none} .we7-input-img.active:hover .cover-dark,.head .navbar-left>li.we7-input-img:hover .cover-dark,.panel-menu .we7-input-img.list-group-item:hover:not(.list-group-more) .cover-dark,.we7-input-img.active:hover .site-template .cover-lock,.site-template .we7-input-img.active:hover .cover-lock,.head .navbar-left>li.we7-input-img:hover .site-template .cover-lock,.site-template .head .navbar-left>li.we7-input-img:hover .cover-lock,.panel-menu .we7-input-img.list-group-item:hover:not(.list-group-more) .site-template .cover-lock,.site-template .panel-menu .we7-input-img.list-group-item:hover:not(.list-group-more) .cover-lock,.we7-input-img.active:hover .system-template .cover-lock,.system-template .we7-input-img.active:hover .cover-lock,.head .navbar-left>li.we7-input-img:hover .system-template .cover-lock,.system-template .head .navbar-left>li.we7-input-img:hover .cover-lock,.panel-menu .we7-input-img.list-group-item:hover:not(.list-group-more) .system-template .cover-lock,.system-template .panel-menu .we7-input-img.list-group-item:hover:not(.list-group-more) .cover-lock {display:block} .we7-input-img.active img,.head .navbar-left>li.we7-input-img:hover img,.panel-menu .we7-input-img.list-group-item:not(.list-group-more):hover img {display:block;max-width:100%;max-height:100%} .we7-input-img .input-addon {width:100%;height:100%;display:block} .we7-input-img .input-addon:before {display:inline-block;height:100%;vertical-align:middle;content:''} .we7-input-img .input-addon:after {content:'\e6db';font-family:we7icon;display:inline-block;vertical-align:middle;font-size:14px;margin-left:-5px;color:#98999a;margin-top:-6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)} .we7-input-img .input-addon span {display:none;vertical-align:middle;font-size:inherit;color:#98999a} .we7-input-img .cut {position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;background-color:rgba(255,255,255,.16);font-size:14px;color:#fff} .we7-input-img .cut:hover {background-color:#428bca} .we7-input-img .del {position:absolute;width:22px;height:22px;border-radius:100%;text-align:center;line-height:22px;background-color:#428bca;top:-11px;right:-11px} .we7-input-img .del .fa,.we7-input-img .del .wi,.we7-input-img .del .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-input-img .del .ext-apply-item.apply-show:before,.we7-input-img .del .cut-list .item.apply-show:before,.cut-list .we7-input-img .del .item.apply-show:before {color:#fff;font-size:14px;font-style:normal;margin:0;vertical-align:baseline} .we7-input-img .del:hover {background-color:#555} .we7-input-img img {display:none;width:100%;height:100%} .we7-breadcrumb {padding:0;margin-top:0;margin-bottom:30px;background-color:transparent;border-radius:0} .we7-breadcrumb li {color:#252424} .we7-breadcrumb li:nth-of-type(1) {color:#98999a} .we7-breadcrumb li+li:before {color:#252424;padding:0} .we7-breadcrumb .wi-back-circle {font-size:30px;color:#949494;vertical-align:middle} .we7-panel {box-shadow:0 0 0;border:1px solid #e7e7eb;border-radius:0;margin-bottom:0;margin-bottom:30px} .we7-panel>.panel-heading {width:auto;margin:0 auto;background-color:#f4f6f9;font-size:14px;color:#585858;border-radius:0;line-height:20px;padding-left:30px;padding-right:30px;border-bottom:1px solid #e7e7eb;border-radius:0} .we7-panel>.panel-body {padding:0} .we7-panel>.panel-heading+.panel-body {margin-top:-1px} .we7-panel .panel-heading.tab {padding:0} .we7-panel .panel-heading.tab a {display:inline-block;line-height:39px;padding:0 30px} .we7-panel .panel-heading.tab a.active,.we7-panel .panel-heading.tab .panel-menu a.list-group-item:not(.list-group-more):hover,.panel-menu .we7-panel .panel-heading.tab a.list-group-item:not(.list-group-more):hover {background-color:#428bca;color:#fff} .we7-panel .tab-bar-time {background-color:#f4f6f9;padding:10px 30px;border-bottom:1px solid #e7e7eb} .we7-panel .tab-bar-time .btn-default:hover,.we7-panel .tab-bar-time .btn-default:focus,.we7-panel .tab-bar-time .btn-default.active,.we7-panel .tab-bar-time .head .navbar-left>li.btn-default:hover,.head .we7-panel .tab-bar-time .navbar-left>li.btn-default:hover,.we7-panel .tab-bar-time .panel-menu .btn-default.list-group-item:not(.list-group-more):hover,.panel-menu .we7-panel .tab-bar-time .btn-default.list-group-item:not(.list-group-more):hover {color:#428bca;border-color:#e7e7eb;background-color:#fff;box-shadow:none} .we7-panel .data-view h4 {font-size:14px;margin:30px;padding:0 5px;border-left:2px solid #428bca;color:#999} .notice-fans-info {border:1px solid #e7e7eb;padding:30px;margin-bottom:30px} .notice-fans-info .media-heading {margin-bottom:15px;font-size:14px;color:#252424} .notice-fans-info p span {font-size:14px;color:#98999a;margin-right:40px} .notice-fans-info p:last-child {margin-bottom:0} .notice-fans-list {margin-top:30px} .notice-fans-list .notice-list-head {margin-bottom:10px;font-size:14px;color:#252424} .notice-fans-list .notice-item {padding:30px;border:1px solid #e7e7eb} .notice-fans-list .media-heading {font-size:14px;color:#252424} .notice-fans-list .notice-item-time {position:relative;left:475px} .notice-fans-list .notice-item-content {width:475px;color:#98999a;word-wrap:break-word} .notice-fans-list .notice-item-content img {width:80px;height:80px} .we7-select-msg .add {border:1px dashed #e7e7eb;cursor:pointer;line-height:80px;text-align:center} .we7-select-msg .add:hover {background-color:#f4f6f9;color:#428bca} .we7-select-msg .add:hover .wi,.we7-select-msg .add:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-select-msg .add:hover .ext-apply-item.apply-show:before,.we7-select-msg .add:hover .cut-list .item.apply-show:before,.cut-list .we7-select-msg .add:hover .item.apply-show:before {color:#428bca} .we7-select-msg ul {margin-bottom:0;padding:14px 7px 0 7px;overflow:hidden;border:1px dashed #e7e7eb} .we7-select-msg li {line-height:80px;text-align:center} .we7-select-msg li.tab-nav {float:left;width:25%} .we7-select-msg li.tab-nav a {display:block;border:1px solid #e7e7eb;margin:0 7px 14px 7px} .we7-select-msg li.tab-nav a:hover {background-color:#f4f6f9} .we7-select-msg li:hover .wi,.we7-select-msg li:hover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-select-msg li:hover .ext-apply-item.apply-show:before,.we7-select-msg li:hover .cut-list .item.apply-show:before,.cut-list .we7-select-msg li:hover .item.apply-show:before,.we7-select-msg li:hover .fa {color:#428bca} .we7-select-msg .wi,.we7-select-msg .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .we7-select-msg .ext-apply-item.apply-show:before,.we7-select-msg .cut-list .item.apply-show:before,.cut-list .we7-select-msg .item.apply-show:before,.we7-select-msg .fa {vertical-align:middle;font-size:22px;color:#b2b2b2;margin-right:3px;margin-top:-2px} .vm-box {display:inline-block;height:100%;vertical-align:middle} .edit-mask-content {display:inline-block;color:#fff} .edit-mask-content .wi-explain-sign {font-size:20px;position:relative;top:4px;left:5px} .edit-mask-content .wi-eye {font-size:28px} .material-list-head .info {float:left} .material-list-head h3 {display:inline-block;font-size:14px;font-weight:400;font-style:normal;vertical-align:middle} .material-list-head .btn-group .btn {min-width:120px} .material-list-head .action {float:right} .material-list-head .bnt {margin-top:10px} .material .modal .reply,.material .modal .link {border:1px solid #e7e7eb;padding:20px 20px 20px 160px;height:150px;position:relative;margin-bottom:20px} .material .modal .reply img,.material .modal .link img {position:absolute;width:110px;height:110px;border-radius:100%;top:20px;left:25px} .material .modal .reply .title,.material .modal .link .title {font-size:16px;margin:20px 0} .material .modal .reply .state,.material .modal .link .state {color:#999} .material-appmsg-list {position:relative;margin-top:30px;margin-left:-30px;margin-right:-30px} .material-appmsg-item {width:286px;display:inline-block;position:relative;border:1px solid #e7e7eb} .material-appmsg-item .appmsg-content {position:relative} .material-appmsg-item .appmsg-item {position:relative;padding:12px 14px} .material-appmsg-item .appmsg-item:hover .cover-dark,.material-appmsg-item .appmsg-item:hover .site-template .cover-lock,.site-template .material-appmsg-item .appmsg-item:hover .cover-lock,.material-appmsg-item .appmsg-item:hover .system-template .cover-lock,.system-template .material-appmsg-item .appmsg-item:hover .cover-lock {display:block} .material-appmsg-item .cover-appmsg-item:hover .cover-dark,.material-appmsg-item .cover-appmsg-item:hover .site-template .cover-lock,.site-template .material-appmsg-item .cover-appmsg-item:hover .cover-lock,.material-appmsg-item .cover-appmsg-item:hover .system-template .cover-lock,.system-template .material-appmsg-item .cover-appmsg-item:hover .cover-lock {display:block} .material-appmsg-item .cover-dark,.material-appmsg-item .site-template .cover-lock,.site-template .material-appmsg-item .cover-lock,.material-appmsg-item .system-template .cover-lock,.system-template .material-appmsg-item .cover-lock {text-align:center} .material-appmsg-item .appmsg-info {font-size:13px;line-height:20px;margin:0 14px;padding:12px 0;border-bottom:1px solid #e7e7eb} .material-appmsg-item .appmsg-date {font-weight:400;font-style:normal} .material-appmsg-item .undone-tips {color:#ffbe00;padding-top:3px} .material-appmsg-item .appmsg-title {font-weight:400;font-style:normal;font-size:14px;line-height:1.6;max-height:3.2;overflow:hidden;word-wrap:break-word;word-break:break-all;color:#222} .material-appmsg-item .appmsg-thumb {height:160px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover} .material-appmsg-item .appmsg-desc {padding:5px 0 10px;word-wrap:break-word;word-break:break-all} .material-appmsg-item .cover-appmsg-item {margin:12px 14px 12px;position:relative} .material-appmsg-item .cover-appmsg-item .appmsg-title {font-size:14px;color:#fff;padding-top:0;padding-bottom:0;margin-bottom:0;line-height:28px;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endcolorstr='#99000000')} .material-appmsg-item .cover-appmsg-item .appmsg-desc {display:none} .material-appmsg-item .appmsg-opr {background-color:#f4f4f4;border-top:1px solid #e7e7eb;margin-right:-1px} .material-appmsg-item .appmsg-opr li:first-child:nth-last-child(1) {width:100%} .material-appmsg-item .appmsg-opr li:first-child:nth-last-child(2),.material-appmsg-item .appmsg-opr li:first-child:nth-last-child(2)~li {width:50%} .material-appmsg-item .appmsg-opr li:first-child:nth-last-child(3),.material-appmsg-item .appmsg-opr li:first-child:nth-last-child(3)~li {width:33.3333%} .material-appmsg-item .appmsg-opr-item {float:left;line-height:44px;height:44px;background-color:#f4f4f4} .material-appmsg-item .appmsg-opr-item a {display:block;border-right:1px solid #e7e7eb;text-align:center;text-decoration:none;color:#98999a} .material-appmsg-item .appmsg-opr-item a:hover {color:#428bca} .material-appmsg-item .appmsg-opr-item a .wi,.material-appmsg-item .appmsg-opr-item a .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .material-appmsg-item .appmsg-opr-item a .ext-apply-item.apply-show:before,.material-appmsg-item .appmsg-opr-item a .cut-list .item.apply-show:before,.cut-list .material-appmsg-item .appmsg-opr-item a .item.apply-show:before {font-size:20px;vertical-align:middle} .material-appmsg-item .appmsg-opr-item a .wi.wi-transform,.material-appmsg-item .appmsg-opr-item a .ext-apply-list .wi-transform.ext-apply-item.apply-show:before,.ext-apply-list .material-appmsg-item .appmsg-opr-item a .wi-transform.ext-apply-item.apply-show:before,.material-appmsg-item .appmsg-opr-item a .cut-list .wi-transform.item.apply-show:before,.cut-list .material-appmsg-item .appmsg-opr-item a .wi-transform.item.apply-show:before {font-size:16px} .multi .appmsg-item {border-top:1px solid #e7e7eb;overflow:hidden} .multi .appmsg-item .appmsg-thumb {float:right;width:78px;height:78px;margin-left:14px} .multi .appmsg-item .appmsg-title {line-height:24px;max-height:48px;overflow:hidden;*zoom:1} #newUploaderImg .modal-dialog,.uploader-modal .modal-dialog {width:1088px} #newUploaderImg .modal-header,.uploader-modal .modal-header {border-bottom:1px solid #e7e7eb;padding:15px 20px} #newUploaderImg .modal-header .modal-title,.uploader-modal .modal-header .modal-title {font-size:16px} #newUploaderImg .modal-footer .count,.uploader-modal .modal-footer .count {display:inline-block;height:34px;line-height:34px} #newUploaderImg .modal-footer .btn-default.disabled,.uploader-modal .modal-footer .btn-default.disabled {background-color:#E7E7EB} #newUploaderImg .modal-body,.uploader-modal .modal-body {padding:0;max-height:710px;overflow:hidden} #newUploaderImg .modal-body .nav.nav-pills,.uploader-modal .modal-body .nav.nav-pills {float:left;width:150px;border-right:1px solid #e7e7eb;padding-bottom:999px;margin-bottom:-999px} #newUploaderImg .modal-body .nav.nav-pills li,.uploader-modal .modal-body .nav.nav-pills li {height:34px;line-height:34px;margin:0;padding-left:15px} #newUploaderImg .modal-body .nav.nav-pills li a,.uploader-modal .modal-body .nav.nav-pills li a {color:#252424} #newUploaderImg .modal-body .nav.nav-pills li.active,#newUploaderImg .modal-body .nav.nav-pills .head .navbar-left>li:hover,.head #newUploaderImg .modal-body .nav.nav-pills .navbar-left>li:hover,#newUploaderImg .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover,.panel-menu #newUploaderImg .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover,#newUploaderImg .modal-body .nav.nav-pills li:hover,.uploader-modal .modal-body .nav.nav-pills li.active,.uploader-modal .modal-body .nav.nav-pills .head .navbar-left>li:hover,.head .uploader-modal .modal-body .nav.nav-pills .navbar-left>li:hover,.uploader-modal .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover,.panel-menu .uploader-modal .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover,.uploader-modal .modal-body .nav.nav-pills li:hover {background-color:#f4f5f9} #newUploaderImg .modal-body .row,.uploader-modal .modal-body .row {margin:-10px} #newUploaderImg .modal-body .col-sm-2,#newUploaderImg .modal-body .col-sm-3,#newUploaderImg .modal-body .col-sm-4,.uploader-modal .modal-body .col-sm-2,.uploader-modal .modal-body .col-sm-3,.uploader-modal .modal-body .col-sm-4 {padding:10px;overflow:hidden;box-sizing:border-box;cursor:pointer} #newUploaderImg .tab-content,.uploader-modal .tab-content {width:935px;height:100%;float:left} #newUploaderImg.news .tab-content,.uploader-modal.news .tab-content {height:370px;overflow:hidden} #newUploaderImg.news .material-appmsg-item,.uploader-modal.news .material-appmsg-item {width:100%} #newUploaderImg.news #material-list-pager,.uploader-modal.news #material-list-pager {float:right;height:64px;padding-bottom:15px;padding-right:15px} #newUploaderImg.basic .modal-body,.uploader-modal.basic .modal-body {padding:30px} #newUploaderImg.basic .modal-body .tab-content,.uploader-modal.basic .modal-body .tab-content {width:100%;float:none;margin-top:1px} #newUploaderImg.basic .modal-body .tab-content textarea,.uploader-modal.basic .modal-body .tab-content textarea {width:100%} #newUploaderImg.music .modal-body,.uploader-modal.music .modal-body {padding:30px} #newUploaderImg.voice .tab-content,#newUploaderImg.video .tab-content,#newUploaderImg.image .tab-content,#newUploaderImg.module .tab-content,.uploader-modal.voice .tab-content,.uploader-modal.video .tab-content,.uploader-modal.image .tab-content,.uploader-modal.module .tab-content {width:100%;padding:15px;float:none} #newUploaderImg.voice #material-list-pager,#newUploaderImg.video #material-list-pager,#newUploaderImg.image #material-list-pager,#newUploaderImg.module #material-list-pager,.uploader-modal.voice #material-list-pager,.uploader-modal.video #material-list-pager,.uploader-modal.image #material-list-pager,.uploader-modal.module #material-list-pager {float:right;height:64px;padding-bottom:15px;padding-right:15px} #newUploaderImg.image .material-body,.uploader-modal.image .material-body {padding:0;position:relative;overflow-y:hidden} #newUploaderImg.image .material-body .selected-all,.uploader-modal.image .material-body .selected-all {width:915px;padding:10px 30px;background:#fff;position:absolute;left:170px;bottom:-1px;z-index:20} #newUploaderImg.image .tab-content,.uploader-modal.image .tab-content {height:460px;padding:15px 7px} #newUploaderImg.image .tab-content .history .img-list,.uploader-modal.image .tab-content .history .img-list {margin:0} #newUploaderImg.image .category,.uploader-modal.image .category {width:170px;height:460px;overflow-y:auto;border-right:1px solid #e7e7eb;background:#f4f5f9;float:left} #newUploaderImg.image .category .add,.uploader-modal.image .category .add {line-height:44px;text-align:center;background:#fff;border-bottom:1px solid #e7e7eb} #newUploaderImg.image .category li,.uploader-modal.image .category li {line-height:44px;background:0 0} #newUploaderImg.image .category li:hover .name .setting,.uploader-modal.image .category li:hover .name .setting {display:block} #newUploaderImg.image .category li .wi-file,.uploader-modal.image .category li .wi-file {color:#edce86;margin-right:10px} #newUploaderImg.image .category li.active,#newUploaderImg.image .category .head .navbar-left>li:hover,.head #newUploaderImg.image .category .navbar-left>li:hover,#newUploaderImg.image .category .panel-menu li.list-group-item:not(.list-group-more):hover,.panel-menu #newUploaderImg.image .category li.list-group-item:not(.list-group-more):hover,#newUploaderImg.image .category li:hover,.uploader-modal.image .category li.active,.uploader-modal.image .category .head .navbar-left>li:hover,.head .uploader-modal.image .category .navbar-left>li:hover,.uploader-modal.image .category .panel-menu li.list-group-item:not(.list-group-more):hover,.panel-menu .uploader-modal.image .category li.list-group-item:not(.list-group-more):hover,.uploader-modal.image .category li:hover {background:#fff} #newUploaderImg.image .category li .name,.uploader-modal.image .category li .name {width:100%;padding:0 30px 0 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;cursor:pointer} #newUploaderImg.image .category li .name .setting,.uploader-modal.image .category li .name .setting {position:absolute;right:2px;top:0;cursor:pointer;color:#428bca;display:none} #newUploaderImg.image .category li input,.uploader-modal.image .category li input {display:inline-block;width:90px} #newUploaderImg.image .category li .edit,.uploader-modal.image .category li .edit {padding:0 20px;border-top:1px solid #f5f5f5;display:none} #newUploaderImg.image .category li .edit.show,.uploader-modal.image .category li .edit.show {display:block} #newUploaderImg.image .category li .edit a,.uploader-modal.image .category li .edit a {display:inline-block;margin:0 5px} #newUploaderImg.image .category li .edit a .wi,#newUploaderImg.image .category li .edit a .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list #newUploaderImg.image .category li .edit a .ext-apply-item.apply-show:before,#newUploaderImg.image .category li .edit a .cut-list .item.apply-show:before,.cut-list #newUploaderImg.image .category li .edit a .item.apply-show:before,.uploader-modal.image .category li .edit a .wi,.uploader-modal.image .category li .edit a .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list .uploader-modal.image .category li .edit a .ext-apply-item.apply-show:before,.uploader-modal.image .category li .edit a .cut-list .item.apply-show:before,.cut-list .uploader-modal.image .category li .edit a .item.apply-show:before {font-size:14px} #newUploaderImg.image .img-container,.uploader-modal.image .img-container {padding:10px 10px 41px;flex-wrap:wrap;margin-left:171px;max-height:460px;overflow-y:auto} #newUploaderImg.image .img-container .item,.uploader-modal.image .img-container .item {flex:none;position:relative;width:calc(20% - 20px);margin:10px;text-align:center;vertical-align:middle;background-color:#eee;background-size:contain;background-repeat:no-repeat;background-position:50% 50%} #newUploaderImg.image .img-container .item:before,.uploader-modal.image .img-container .item:before {content:"";display:inline-block;padding-bottom:100%;width:.1px;vertical-align:middle} #newUploaderImg.image .img-container .item .name,.uploader-modal.image .img-container .item .name {position:absolute;bottom:0;left:0;width:100%;line-height:34px;background:rgba(0,0,0,.5);color:#fff;padding:0 20px;text-align:left;z-index:2} #newUploaderImg.image .img-net,.uploader-modal.image .img-net {font-size:18px} #newUploaderImg.image .img-net .img,.uploader-modal.image .img-net .img {width:auto;height:200px;margin:50px 0 20px 0} #newUploaderImg.image .img-net input,.uploader-modal.image .img-net input {width:500px;margin:10px auto} #newUploaderImg.image .img-net .btn,.uploader-modal.image .img-net .btn {width:120px;margin:10px 0} #newUploaderImg.keyword .tab-content,.uploader-modal.keyword .tab-content {width:100%;height:310px;padding:15px;float:none} #newUploaderImg.keyword .material-content,.uploader-modal.keyword .material-content {padding:0} #newUploaderImg.keyword .row,.uploader-modal.keyword .row {margin:-10px} #newUploaderImg.keyword .col-sm-2,.uploader-modal.keyword .col-sm-2 {padding:10px;overflow:hidden;box-sizing:border-box;cursor:pointer} #newUploaderImg.keyword .col-sm-2 a,.uploader-modal.keyword .col-sm-2 a {display:block;width:100%;height:75px;position:relative;cursor:pointer;border:1px solid #e7e7eb;text-align:center} #newUploaderImg.keyword .col-sm-2 a span,.uploader-modal.keyword .col-sm-2 a span {display:inline-block;width:94%;padding:0 3%;max-height:54px;line-height:18px;overflow:hidden;box-sizing:border-box;white-space:normal;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #newUploaderImg.keyword .col-sm-2.active a,#newUploaderImg.keyword .head .navbar-left>li.col-sm-2:hover a,.head #newUploaderImg.keyword .navbar-left>li.col-sm-2:hover a,#newUploaderImg.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a,.panel-menu #newUploaderImg.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a,#newUploaderImg.keyword .col-sm-2:hover a,.uploader-modal.keyword .col-sm-2.active a,.uploader-modal.keyword .head .navbar-left>li.col-sm-2:hover a,.head .uploader-modal.keyword .navbar-left>li.col-sm-2:hover a,.uploader-modal.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a,.panel-menu .uploader-modal.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a,.uploader-modal.keyword .col-sm-2:hover a {background-color:#f4f6f9;color:#428bca} #newUploaderImg.module .tab-content,.uploader-modal.module .tab-content {padding:15px 7px} #newUploaderImg.module .img-list,.uploader-modal.module .img-list {margin:0} #newUploaderImg.module .img-list img,.uploader-modal.module .img-list img {margin:17px 0 4px 0} #newUploaderImg.module .col-sm-2 .item,.uploader-modal.module .col-sm-2 .item {position:relative;width:100%;text-align:center;border:1px solid #e7e7eb} #newUploaderImg.module .col-sm-2 .item:before,.uploader-modal.module .col-sm-2 .item:before {content:"";display:inline-block;padding-bottom:100%;width:.1px;vertical-align:middle} #newUploaderImg.module .col-sm-2 .item .icon,.uploader-modal.module .col-sm-2 .item .icon {width:80px;height:80px;border-radius:10px;vertical-align:middle} #newUploaderImg.module .col-sm-2 .item .name,.uploader-modal.module .col-sm-2 .item .name {position:absolute;bottom:0;left:0;width:100%;line-height:34px;background:rgba(0,0,0,.5);color:#fff;padding:0 20px;text-align:left;z-index:2} #newUploaderImg.video .col-sm-3 .item,#newUploaderImg.voice .col-sm-3 .item,.uploader-modal.video .col-sm-3 .item,.uploader-modal.voice .col-sm-3 .item {position:relative;width:100%;height:150px;text-align:center;border:1px solid #e7e7eb} #newUploaderImg.video .col-sm-3 .item .icon,#newUploaderImg.voice .col-sm-3 .item .icon,.uploader-modal.video .col-sm-3 .item .icon,.uploader-modal.voice .col-sm-3 .item .icon {width:60px;height:60px;margin-top:18px} #newUploaderImg.video .col-sm-3 .item .time,#newUploaderImg.voice .col-sm-3 .item .time,.uploader-modal.video .col-sm-3 .item .time,.uploader-modal.voice .col-sm-3 .item .time {color:#999;line-height:34px} #newUploaderImg.video .col-sm-3 .item .name,#newUploaderImg.voice .col-sm-3 .item .name,.uploader-modal.video .col-sm-3 .item .name,.uploader-modal.voice .col-sm-3 .item .name {position:absolute;bottom:0;left:0;width:100%;line-height:34px;background:rgba(0,0,0,.5);color:#fff;padding:0 20px;text-align:left;z-index:2} #newUploaderImg .modal-body.image,#newUploaderImg .modal-body.thumb {height:459px} #newUploaderImg .modal-body #wx .tablepanel-top,#newUploaderImg .modal-body #local .tablepanel-top {padding:10px 15px;line-height:34px;border-bottom:1px solid #e7e7eb} #newUploaderImg .modal-body #wx .tablepanel-top span,#newUploaderImg .modal-body #local .tablepanel-top span {color:#999;display:inline-block;margin-right:20px} #newUploaderImg .modal-body #wx .tablepanel-con,#newUploaderImg .modal-body #local .tablepanel-con {padding:15px} #newUploaderImg .modal-body #wx .tablepanel-con input[type=text].form-control,#newUploaderImg .modal-body #local .tablepanel-con input[type=text].form-control {border-radius:4px} #newUploaderImg .modal-body #wx .tablepanel-con .empty,#newUploaderImg .modal-body #local .tablepanel-con .empty {height:330px;line-height:330px;text-align:center;font-size:18px} #newUploaderImg .modal-body #wx .tablepanel-con .fa,#newUploaderImg .modal-body #local .tablepanel-con .fa {margin:0} #newUploaderImg .modal-body #wx .tablepanel-con .item,#newUploaderImg .modal-body #local .tablepanel-con .item {float:left;border:1px solid #e7e7eb;width:120px;height:150px;margin:0 15px 15px 0} #newUploaderImg .modal-body #wx .tablepanel-con .item .img,#newUploaderImg .modal-body #local .tablepanel-con .item .img {position:relative;overflow:hidden;width:100%;height:114px;text-align:center;background-color:#f4f5f9;background-size:contain;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer} #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover,#newUploaderImg .modal-body #local .tablepanel-con .item .img .cover {display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:114px;background:rgba(0,0,0,.6);color:#fff} #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .wi,#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before,#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .cut-list .item.apply-show:before,.cut-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .item.apply-show:before,#newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .wi,#newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before,#newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .cut-list .item.apply-show:before,.cut-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .item.apply-show:before {font-size:48px} #newUploaderImg .modal-body #wx .tablepanel-con .item .img-title,#newUploaderImg .modal-body #local .tablepanel-con .item .img-title {text-align:center;width:100%;height:34px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #newUploaderImg .modal-body #wx .tablepanel-con .item.selected .cover,#newUploaderImg .modal-body #wx .tablepanel-con .site-template .item.lock .cover,.site-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover,#newUploaderImg .modal-body #wx .tablepanel-con .system-template .item.lock .cover,.system-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover,#newUploaderImg .modal-body #local .tablepanel-con .item.selected .cover,#newUploaderImg .modal-body #local .tablepanel-con .site-template .item.lock .cover,.site-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover,#newUploaderImg .modal-body #local .tablepanel-con .system-template .item.lock .cover,.system-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover {display:block} #newUploaderImg .modal-body #link {padding:30px} #newUploaderImg .modal-body #link .item {border:1px solid #e7e7eb;width:120px;height:150px;margin-right:30px;float:left} #newUploaderImg .modal-body #link .item .img {position:relative;overflow:hidden;width:100%;height:114px;text-align:center;background-color:#f4f5f9;background-size:contain;background-repeat:no-repeat;background-position:50% 50%} #newUploaderImg .modal-body #link .item .img .cover {display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:114px;background:rgba(0,0,0,.6);color:#fff} #newUploaderImg .modal-body #link .item .img .cover .wi,#newUploaderImg .modal-body #link .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before,.ext-apply-list #newUploaderImg .modal-body #link .item .img .cover .ext-apply-item.apply-show:before,#newUploaderImg .modal-body #link .item .img .cover .cut-list .item.apply-show:before,.cut-list #newUploaderImg .modal-body #link .item .img .cover .item.apply-show:before {font-size:48px} #newUploaderImg .modal-body #link .item .img-title {text-align:center;width:100%;height:34px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #newUploaderImg .modal-body #link .link {float:left;width:450px} #newUploaderImg .modal-body #link .link .state {font-size:18px;color:#999;margin:15px 0} #newUploaderImg .modal-body #link .link button {min-width:105px;margin:15px 0} .col-md-20{width:20%;float:left;position: relative;min-height:1px;padding-right:15px;padding-left:15px;} .nav-sidebar{width:175px!important;} .nav-first-sidebar{width:85px!important;} .nav-first-sidebar .nav ul li a{padding-left:10px!important;} .nav-first-sidebar .nav ul li a .icon{margin-right:2px!important;} .nav-first-sidebar .team-logo{padding:4px 20px;margin:0!important;height:auto!important;width:auto!important;} .nav-first-sidebar .team-logo-wrap{background: #00b26a;border-bottom: 1px solid #00b26a!important;height:39px;opacity:1!important;} .nav-first-sidebar .nav ul li a .icon{font-size:14px!important;top:0!important;} .nav-second-sidebar{left:85px!important;width:90px!important;} .nav-second-sidebar .nav{padding:0!important;} .nav-second-sidebar .second-sidebar-title{padding-left:0!important;height:40px!important;line-height:40px!important;} .nav-third-sidebar{margin:0!important;border-bottom:none!important;height:40px;} .nav-third-sidebar .nav-list li a{line-height:40px!important;} .nav-third-sidebar .user-section .wm-user-name{line-height:40px!important;} .nav-third-sidebar .user-section .wm-refresh{height:40px!important;} .nav-third-sidebar .wm-notice .notice-jump{line-height:40px!important;} .nav-third-sidebar .user-section .drop-menu{top:40px!important;} .nav-container{margin-left:175px!important;} .nav-container .text{line-height:40px!important;} .nav-container #app-inner{margin:0 5px!important;padding:5px 10px!important;}