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

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

.text-primary{color: #1ab394}
a.text-primary:hover{color: #1ab394}

.width-100{width: 100px;}
.width-130{width: 130px;}
.width-200{width: 200px;}

.margin-t-0{margin-top: 0}
.padding-0{padding: 0}
.padding-l-0{padding-left: 0}
.padding-r-0{padding-right: 0}
.margin-b-10{margin-bottom: 10px;}
.margin-t-5{margin-top: 5px;}

/*1px解决方案*/
.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 {
	max-height: 460px;
	overflow-y: scroll;
	border: medium none;
	display: none;
	float: left;
	font-size: 14px;
	left: 0;
	list-style: none outside none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 1000;
	border-radius: 0;
	box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}

#js-modal .form-horizontal{max-width: 100%;}
.form-horizontal{max-width: 950px}
.form-horizontal .control-label{text-align: left; font-weight: 500}
.form-horizontal .form-group{border-bottom: 1px solid #eff4f5; padding-bottom: 15px;}
.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}
.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; border: none}
.form-horizontal.form-filter .form-control.select2-container {width: 140px}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*多图上传*/
.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}

.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;}

.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;}

#qrcode-modal #qrcode{border: 1px solid #CCC; display: inline-block; padding: 20px; margin-left: 15px;}
#qrcode-modal #wx-qrcode{display: inline-block; padding: 20px;}
#qrcode-modal #wx-qrcode span{display: block; width: 200px; height: 205px; text-align: center; line-height: 205px;}
#qrcode-modal #vue-qrcode{display: inline-block; padding: 20px;}
#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; padding-bottom: 100%; 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;}

/*系统应用购买记录样式*/
.plugincenter-order .panel .table-header{display: flex;justify-content: center;background: #f8f8f8;height: 40px;line-height: 40px;padding: 0 20px;font-weight: 600;}
.plugincenter-order .table-header .others{flex: 1;text-align: center;}
.plugincenter-order .panel .table-header div:first-child{width: 400px;text-align: left;}
.plugincenter-order .panel .tables{border: 1px solid #e5e5e5;font-size: 14px;line-height: 18px;margin-top: 20px;}
.plugincenter-order .tables:hover{border:1px solid #1ab394;}
.plugincenter-order .tables .table-top{display: flex;justify-content: center;align-content: space-around;padding: 0 20px;background: #f7f7f7;border-bottom: 1px solid #e5e5e5;}
.plugincenter-order .tables .table-body{display: flex;justify-content: center;align-content: space-around;margin-left: 20px;}
.plugincenter-order .tables .table-top .top-left{text-align: left;color: #8f8e8e;padding: 10.5px 0;flex: 1;height: 100%;}
.plugincenter-order .table-top .top-left .order-title{font-weight: bold;margin-right: 10px;color: #2d2d31;}
.plugincenter-order .tables .table-body .goods-des{border-right: 1px solid #efefef;vertical-align: middle;width: 400px;text-align: left;padding: 14px 0;}
.plugincenter-order .table-body .goods-des .goods-info{display: flex;margin: 10px 0;}
.plugincenter-order .goods-des .goods-info .goods-img{width: 70px;height: 70px;border: 1px solid #efefef;padding: 1px;}
.plugincenter-order .goods-des .goods-info .goods-name{flex: 1;margin-left: 10px;text-align: left;display: flex;align-items: center;}
.plugincenter-order .goods-info .goods-name .title{width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.plugincenter-order .tables .table-body .saler{flex: 1;display: flex; flex-flow: row wrap; justify-content: center;align-items: center;border-right: 1px solid #efefef;vertical-align: center;}
.plugincenter-order .table-body .saler div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.plugincenter-order .table-body .saler:last-child{border-right: none;}

/*表格内容样式*/
.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;
}
/*上传图片弹出层样式兼容*/
.modal-material .modal-header {
	display: flex;
	align-items: center;
}
.modal-material .modal-header .material-nav {
	flex: 1;
	width: 0;
	text-align: center;
}
.modal-material .modal-header .material-nav a {
	margin: 0 14px;
	padding: 14px 0;
	border-bottom: 2px solid transparent;
}
.modal-header .material-nav a.active, .modal-header .material-nav a:hover {
	color: #1ab394;
	border-color: #1ab394;
}
.we7-modal-dialog .modal-header, .modal-dialog .modal-header {
	/*border-bottom: 0;*/
}
#newUploaderImg.image .selected-all, .uploader-modal.image .selected-all {
	float: left;
	padding: 7.5px 0;
	display: flex;
	align-items: center;
}
.we7-form input[type=radio]+label, .we7-form input[type=checkbox]+label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-left: 3px;
	color: #252424;
	font-weight: 400;
}

.dialog-secret-mobile .secret-mobile{
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
}
.dialog-secret-mobile .extension{
	font-size: 20px;
	color: #ff2d4b;
	margin-left: 10px;
}

/*客服界面*/
.br{
	border: 1px solid red;
}
/*登录页样式*/
.system-login{
	position: relative;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
}
.system-login .login-panel{
	position: fixed;
	width: 380px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 25px 30px;
	background-color: #fff;
	box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.19);
	box-sizing: border-box;
	border-radius: 4px;
}
.system-login .login-panel .title{
	color: #333;
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
}
.system-login .login-panel .form-group{
	position: relative;
}
.system-login .login-panel .form-group input{
	width: 100%;
	height: 46px;
	padding-left: 46px;
}
.system-login .login-panel .form-group .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 46px;
	font-size: 18px;
	line-height: 46px;
	text-align: center;
	color: #999
}
.system-login .login-panel .form-group.yzm input{
	padding-right: 130px;
}
.system-login .login-panel .form-group .code{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 120px;
	border-radius:  0 3px 3px 0;
	overflow: hidden;
	border: 1px solid #ccc;
}
.system-login .login-panel .form-group .code img{
	width: 100%;
	height: 100%;
}
.system-login .login-panel .checkbox{
	padding-left: 0;
}
.system-login .login-panel .login-submit{
	margin: 15px 0;
}
.system-login .login-panel .register{
	margin-top: 15px;
	text-align: right;
}

.plate-create-index .panel-body{
	background-color: #fbfbfb;
	padding: 30px 0;
	border: 1px solid #e8e9eb;
}
.plate-create-index .panel-body .list-item{
	border-right: 1px solid #e8e9eb;
	padding: 30px;
	display: flex;
	align-items: baseline;
}
.plate-create-index .panel-body .list-item .img {
	display: inline-block;
	width: 22px;
	height: 46px;
	margin-right: 20px;
}
.plate-create-index .panel-body .list-item .img.img-tel {
	background: transparent url(../../../web/resource/images/tel.png) no-repeat;
}
.plate-create-index .panel-body .list-item .img.img-pen {
	background: transparent url(../../../web/resource/images/pen.png) no-repeat;
}
.plate-create-index .panel-body .list-item .title{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 400;
	color: #6c6c6c;
}
.plate-create-index .panel-body .list-item .con {
	margin-bottom: 30px;
	line-height: 1.5;
	height: 4.5em;
	color: #c4c4c4;
}