/* 引导美皮肤
 
 * 主色调 #020003  #363636  #303030
 * 辅色调 #e9536c
 * */
.height100{
	height: 100%
}
.pt50{
	padding-top: 50px;
}
.ofY-auto{
	overflow-y: auto
}
/* .padding-sm{
    padding: 15px!important;
} */
.breadcrumb{
    border: none;
    -webkit-box-shadow: 0 1px 1px white!important;;

}
select.input-sm{
    line-height:1!important;
}
/* 屏蔽花括号 */
.ng-cloak{display: none !important;}

/* 公告模块 */
.height50{height: 50px;}
.w187{width: 187px;}
.w100{width: 100px;}
/* .mt50{margin-top: 50px;} */
a{color: #101010;}
a:hover{color: #e9536c;}
a.hover{color: #e9536c; text-decoration: underline;}
a.link{text-decoration: underline;}
/* 帮助说明移上样式 */
.explain:hover{
    color: #11a3d3;
    text-decoration: underline;
}
.explain:focus {
    color: #11a3d3;
    text-decoration: underline;
}
/* 弹窗样式 */
.layui-layer-msg{
    background: rgba(16, 16, 16, 0.6);
    color: #fff;
    padding-left: 25px;
}
.massage-success div{
    background: url(../images/index/yes.png) no-repeat;
}
.massage-error div{
    background: url(../images/index/no.png) no-repeat;
}
.massage-success div,.massage-error div{
    background-position: -2px;
    background-size: 20px;
}
/* 三级导航鼠标移上的样式 */
.sub-menu-box a:hover{ background: #FDF1F5;}
.sub-menu-box .subSction{color: #FC7FA2;}
.positon-relative{position: relative;}
.breadcrumb-table {
	background: #fff; 
	padding-bottom: 15px;    
	/* border-bottom: 1px solid #ddd; */
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    /* box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); */
}
/* 屏蔽最小化弹窗 */
.layui-layer-min{display:none !important}
.layui-layer-setwin .layui-layer-max{z-index: 999;}

/* 进入动画loading */
.mask-loading{width: 100%; height: 100%; overflow: hidden; background: #484d5e;}
.mask-loading div{background: #fff url(../images/loading-0.gif) no-repeat center; width: 90%; margin: 0px auto; margin-top: 60px; height: 600px;}
/* 按钮 */
.btn { border: 1px solid #ededed; }
.btn.btn-success{background: #fc7fa2;border: 1px solid #fc7fa2;}
.btn.btn-success.active,.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover{background: #fc7fa2;border: 1px solid #fc7fa2;}

/* 头部 */
#versionId{padding: 0; max-height: 600px; overflow: auto;width: 515px;}
.top-nav{background: #ffa3c1; height: 70px;}
.wrapper{padding-top: 70px;}
/* 切换白色头部样式 */
.top-navS{background: #FAD0DD;}
.top-nav .nav-header .brand{background:#ffa3c1;line-height:0px; padding: 0px; cursor: pointer;}
.top-nav .nav-header .brand img{height: 50px;}
.top-nav .nav-header{background: none;width: 220px;}
.top-nav .nav-container{
	margin-left: 220px;
}
.top-nav .user-block .user-profile-pic{width: 34px;height: 34px;}
.top-nav .user-block .user-detail{color: #242424;margin-right: 3px;margin-left: 7px;}
.top-nav .nav-notification>li>a{padding: 15px 15px 13px 15px;margin-right: 22px;}
.top-nav .nav-notification>li>a:hover{background: #e9536c; color: #fff;}
.top-nav .nav-notification>li>.badge {top: 8px;right: 23px;}
.top-nav .top-nav-inner{border-top: 0px;}
.top-nav .navbar-toggle .icon-bar{background-color: #e9536c;}

/* 登录注册修改 */
.reg-top{overflow: hidden; padding: 15px 15px 15px 50px; background: #020003; border-bottom: 2px #e9536c solid;}
.reg-top .logo{ height: 50px;}
.reg-main{ width: 450px; margin: 0px auto; border-radius: 5px; padding: 0px;}
.reg-main.breadcrumb{ background: #fff;}
.reg-main .tab{overflow: hidden; background: #020003; color: #e9536c; border-radius: 5px 5px 0px 0px;}
.reg-main .tab li{ width: 50%; line-height: 40px; float: left; text-align: center; font-size: 16px;cursor: pointer;}
.reg-main .tab li.active{background: #fff; border-radius: 5px 5px 0px 0px; color: #333;}
.reg-width{margin: 40px 80px 40px 80px;}
.reg_logo{border-radius: 100px;}

.login-main{overflow: hidden; padding: 30px 0px; background:#323232}

.ydm-footer{position: fixed; height: 175px; z-index: 99; background: #020003; color: #e9536c; padding: 20px; width: 100%; bottom: 0px;}
.ydm-reg .inp{ padding: 0px; position: relative; margin-top: 20px; border: 1px #ccc solid;}
.ydm-reg .inp span.line{display:block; height: 1px; overflow: hidden; background: #bcbdc0 url(../images/input_line.png) no-repeat top right;}
.ydm-reg .inp input, .ydm-reg .inp input:focus, .ydm-reg .inp select, .ydm-reg .inp select:focus{border: none; background: none; box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);}
.input-active, .form-control.active{background: #FFEEF1 !important;}

.ydm-reg .btn-code{position: absolute; top: 0px; right: 0px; background: #fff; color: #e9536c; border: 1px #e9536c solid;}
.ydm-reg .input-group-btn .btn{border: none; background: none; font-size: 20px; color: #999;}
.ydm-reg .open>.dropdown-menu{width: 290px; overflow: hidden;}
.ydm-reg .open>.dropdown-menu li {margin: 5px; padding: 5px; border-bottom: 1px #ddd solid; overflow: hidden; cursor: pointer;}
.ydm-reg .open>.dropdown-menu li .img{width: 30px; height: 30px; overflow: hidden; border-radius: 30px; float: left;}
.ydm-reg .open>.dropdown-menu li .img img{border-radius: 30px;}
.ydm-reg .open>.dropdown-menu li .phone{line-height: 30px; float: left; width: 200px;  margin-left: 15px;}
.ydm-reg .open>.dropdown-menu li .fa{float: right; font-size: 20px; color: #ccc; margin-top: 5px; margin-right: 5px;}
.ydm-footer .reg-bottom{width: 340px; margin: 0px auto; position: relative;}
.ydm-footer .reg-bottom a{display: block; float: left; width: 33.3%; border-left: 1px #e9536c solid; color: #999;}
.ydm-footer .reg-bottom a:hover{text-decoration: underline; color: #e9536c;}
.ydm-footer .dropdown-menu{position: absolute; width: 250px; top: 23px; left: 376px; background: #323232; padding: 10px;}
.ydm-footer .dropdown-menu li{ clear: both; margin:10px 0px; overflow: hidden;}
.ydm-footer .dropdown-menu .img{float: left; margin-right: 10px;}
.ydm-footer .dropdown-menu .img img{width: 25px; height: 25px;}
.ydm-footer .dropdown-menu .number{line-height: 25px;}
.ydm-footer .dropdown-menu span{display: block; width: 14px; height: 7px; background: url(../images/sanjiao.png) no-repeat; position: absolute; top: -8px; left: 50px;}

/* 登录注册修改  -杨康*/
#home_img_bg {
	background-image: url(https://img02.ydm01.com/images/20180825/164516308b7080a84311e8b070c102ef28e4bc.png);
	position:fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	min-width: 600px;
	z-index:-10;
	zoom: 1;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: 100% 0;
}


/*验证码登陆*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.new_title{font-size: 28px;color: #3e3945;padding-top: 1.2%;margin-left: 2.73%;}
html,body{font-family: PingFangSC-Medium, sans-serif;color: #333;}
.new_content{width: 29.2%;position: absolute;right: 7.6%;top: 12%;box-shadow: 0px 0px 20px 1px #f8bac9;border-radius: 10px;background: #fff;z-index: 99;min-width: 460px;min-height: 600px;max-width: 500px;}
.new_content .div_img{text-align: center;padding-top: 55px;padding-bottom: 55px;}
.new_content .div_tab{display: flex;justify-content:space-around;font-size: 18px;color: #999;margin: 0 10%;padding-left: 10px;padding-right: 10px;}
.new_content .div_tab .p1{padding-bottom: 23px;margin: 0; cursor: pointer;padding-left: 10px;padding-right: 10px;}
.new_content .div_tab .p2{padding-bottom: 23px;margin: 0;border-bottom: 1.5px solid #e9536c;color: #333;padding-left: 10px;padding-right: 10px;}
.new_content .line{border: .5px solid #dbdbdb;width: 66%;margin: 0 17% 3.7% 17%;margin-top: -1px;}
.new_content .new_phone input{padding-left: 58px;height: 42px;line-height: 42px;font-size: 16px;border-radius: 0px;background-color: #fff;}
.new_content .new_yzm{width: 66%;margin: 0 auto;margin-top: 3.5%;margin-bottom: 2.5%;}
.new_content .new_yzm p{position: absolute;width: 124px;border-left: 1px solid #ededed;color: #e9536B;right: 0;top: 0px;padding-left: 34px;background: url(../images/index/message.png) no-repeat;z-index: 999999999;cursor: pointer;background-position-x: 8px;background-position-y: center;height: 42px;line-height: 42px;font-size: 14px;}
.new_content .new_yzm button{position: absolute;width: 124px;border-left: 1px solid #ededed;margin: 0;
	padding: 0;
	border: 1px solid transparent; 
	outline: none;  color: #e9536B;right: 0;top: 0px;padding-left: 34px;background: url(../images/index/message.png) no-repeat;z-index: 999999999;cursor: pointer;background-position-x: 8px;background-position-y: center;height: 42px;line-height: 42px;font-size: 14px;}

.new_content .new_yzm input{padding-left: 58px;height: 42px;line-height: 42px;font-size: 16px;border-radius: 0px;background-color: #fff;}
.new_content .new_a{display:block;font-size: 16px;color: #e9536B;padding-bottom: 3.1%;width: 66%;text-align: right; margin: 0 auto;}
.new_content .new_login button{width: 66%;height: 42px;font-size: 18px;border-radius: 2px;letter-spacing: 2px;}
.new_content .new_fwtk{text-align: center;padding-bottom: 10.7%;padding-top: 5.75%;}

/*密码登陆*/
.new_content1{width: 29.2%;position: absolute;right: 7.6%;top: 12%;box-shadow: 0px 0px 20px 1px #f8bac9;border-radius: 10px;background: #fff;z-index: 99;min-width: 460px;min-height: 600px;max-width: 500px;}
.new_content1 .div_img{text-align: center;padding-top: 55px;padding-bottom: 55px;}
.new_content1 .new_login{display: flex;justify-content:space-around;font-size: 18px;color: #999;margin: 0 10%;padding-left: 10px;padding-right: 10px;}
.new_content1 .new_login .p1{padding-bottom: 23px;margin: 0;border-bottom: 1.5px solid #e9536c;color: #333;padding-left: 10px;padding-right: 10px;}
.new_content1 .new_login .p2{padding-bottom: 23px;margin: 0; cursor: pointer;padding-left: 10px;padding-right: 10px;}
.new_content1 .line{border: .5px solid #dbdbdb;width: 66%;margin: 0 17% 3.5% 17%;margin-top: -1px;}
.new_content1 .new_message{width: 66%;margin: 0 auto;margin-top: 2.25%;margin-bottom: 2.25%;height: 12.1%;background-color: #fef2f3;}
.new_content1 .new_message p{line-height: 24px;color: #999;padding: 16px;font-size: 15px;margin: 0;border: 1px solid #ededed;}
.new_content1 .new_name{width: 66%;margin: 0 auto;}
.new_content1 .new_name input{padding-left: 58px;height: 42px;line-height: 42px;font-size: 16px;border-radius: 0px;background-color: #fff;}
.new_content1 .new_pwd{width: 66%;margin: 0 auto;margin-top: 3.5%;margin-bottom: 2.5%;}
.new_content1 .new_pwd input{padding-left: 58px;height: 42px;line-height: 42px;font-size: 16px;border-radius: 0px;background-color: #fff;}
.new_content1 .new_zc{display:block;font-size: 16px;color: #e9536B;padding-bottom: 3.1%;width: 66%;text-align: right; margin: 0 auto;}
.new_content1 .new_dl{text-align: center;}
.new_content1 .new_dl button{width: 66%;height: 42px;font-size: 18px;border-radius: 2px;letter-spacing: 2px;}
.new_content1 .new_fwtk{text-align: center;padding-bottom: 10.7%;padding-top: 5.75%;}
/*注册*/
.new_content2{width: 29.2%;height: 71.85%;position: absolute;right: 7.6%;top: 11.1%;box-shadow: 0px 0px 20px 1px #f8bac9;border-radius: 10px;background: #fff;min-width: 500px;min-height: 600px;z-index: 99;}
.new_content2 .new_user{font-size: 24px;color: #E9536B;text-align:center;padding-top: 12.24%;padding-bottom: 7.73%}
.new_content2 .new_v1{width: 66%;margin: 0 auto;margin-bottom: 3.6%;font-size: 16px;color: #333;}
.new_content2 .new_v1 p{position: absolute;left: 20px;top: 9px;}
.new_content2 .new_v1 input{padding-left: 110px;height: 42px;line-height: 42px;font-size: 16px;color: #999;border-radius: 0px;background-color: #fff;}
.new_content2 .new_v2{width: 66%;margin: 0 auto;margin-bottom: 3.6%;font-size: 16px;color: #333;}
.new_content2 .new_v2 .p1{position: absolute;width: 32.5%;border-left: 1px solid #ededed;right: 0;top: 0;padding-left: 32px;background: url(../images/index/message.png) no-repeat;z-index: 999999999;cursor: pointer;background-position-x: 6px;color: #e9536B;font-size: 13px;background-position-y: 11px;line-height: 42px;height: 42px;}
.new_content2 .new_v2 .p2{position: absolute;left: 20px;top: 9px;}
.new_content2 .new_v2 input{padding-left: 110px;height: 42px;line-height: 42px;font-size: 16px;color: #999;border-radius: 0px;background-color: #fff;}
.new_content2 .new_zc{text-align: center;font-size: 16px;color: #333;}
.new_content2 .new_zc button{width: 66%;height: 6.88%;font-size: 18px;letter-spacing:2px;background: #e9536b;color: #999;border-radius: 2px;}
.new_content2 .new_fwtk{text-align: center;padding-bottom: 11.2%;padding-top: 6%;}
.new_content2 .backlogin{display: block;margin: 0 auto;color: #e9536b; width: 66%;text-align: right;padding-bottom: 14.5px;}

/* 表格中项目 */
.main-change .project-name .img {width: 60px; float: left;}

/* 验证错误提示 */
.info {border: 1px solid #ddd; z-index:9999;padding: 2px 20px 2px 5px;color: #666;position: absolute;line-height: 20px;background-color: #fff;top: 5px;left: 292px;}
.info .Validform_wrong {color: red;padding-left: 20px;white-space: nowrap;background: url(../images/error.png) no-repeat left center;}
.info .Validform_checktip {margin-left: 8px;line-height: 20px;height: 20px;overflow: hidden;color: #f00;font-size: 12px;}
.info .dec {bottom: 4px;display: block; height: 17px;overflow: hidden; position: absolute; left: -8px; width: 8px;}
.info .dec s {font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px;position: absolute;text-decoration: none;top: 0px;width: 17px;}
.info .dec .dec1 { color: #ccc;}
.info .dec .dec2 {color: #fff;left: 1px;}

.info1 {border: 1px solid #ddd; z-index:999; padding: 2px 10px 2px 0px;color: #666;position: absolute;line-height: 20px;background-color: #fff;top: -22px;left: 0px;}
.info1 .Validform_wrong {color: red;padding-left: 20px;white-space: nowrap;background: url(../images/error.png) no-repeat left center;}
.info1 .Validform_checktip {margin-left: 8px;line-height: 20px;height: 20px;overflow: hidden;color: #f00;font-size: 12px;}
.info1 .dec {bottom: -8px;left: 8px;display: block; height: 8px;overflow: hidden; position: absolute;  width: 17px;}
.info1 .dec s {font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px;position: absolute;text-decoration: none;top: -10px;width: 17px;}
.info1 .dec .dec1 { color: #ccc;}
.info1 .dec .dec2 {color: #fff;top: -11px;}

.reg-main .title{position: relative; background: #020003; border-radius: 5px 5px 0px 0px; color: #e9536c; line-height: 40px; text-align: center; font-size: 16px;}
.reg-main .title a{color: #e9536c; position: absolute; top: 0px;left: 15px; font-size: 12px;}
.boss-staff{margin-top: 50px;}
.boss-staff a{width: 50%; float: left; text-align: center; color: #e9536c;line-height: 50px;}
.boss-staff a img{border-radius: 50px; width: 80px; border: 3px #e9536c solid;}
.ydm-reg .inp .fa-address-book-o{position: absolute; top: 9px; left: 11px; font-size: 18px; color: #e9536c;}

.reg_line{background: url(../images/reg_line.png) repeat-x top; position: relative; height: 60px;}
.reg_line div{position: absolute; text-align: center; width: 60px; top: 0px;}
.reg_line .fa{font-size: 18px;}
.reg_line .fa-circle-o{background: #fff;}
.reg_line .step1{color: #e9536c; left: -30px;}
.reg_line .step2{color: #76dbe0; left: 70px;}
.reg_line .step3{color: #f9c130; left: 160px;}
.reg_line .step4{color: #e9536c; left: 260px;}

.btn-50{width: 48%;}

.upload-img{margin-left: 15px;}

.ydm-tips{text-align: center; }
.ydm-tips .img{margin: 20px 0px;}

/* 添加分店 */
.add-branch{width: 1000px; margin: 0px auto; margin-top: 15px;}
.add-branch .title{line-height: 30px; border-bottom: 1px #ccc dotted; font-size: 18px; text-align: center;}
.add-branch p{line-height: 40px; text-align: center;}
.add-branch .arr-img,.add-branch .content{padding: 10px 0px;}

/* 导航 */
.m-left-sm{margin-left: 36px;}
/* .sidebar-menu{background: #fff; width: 260px;} */
.sidebar-menu{background: #fcfcfc; width: 180px;}
/* 皮肤切换时样式 */
.sidebar-menu .main-menu ul li.active a, .sidebar-menu .main-menu ul li.active a .menu-icon{
	color: #242424;
	background: #f7d2de 100%;
}
.sidebar-menu .main-menu ul li a:focus, .sidebar-menu .main-menu ul li a:hover{
	color: #666;
	background: #FDF1F5 100%;
}
.sidebar-menus .main-menu ul li.active a, .sidebar-menus .main-menu ul li.active a .menu-icon{
	color: #fff;
	background:#343031 100%;
}
.sidebar-menus .main-menu ul li a:focus, .sidebar-menus .main-menu ul li a:hover{
	color: #fff;
	background:#343031 100%;
}
.sidebar-menus{background: #242424; width: 180px;color: #dbdbdb;}
.sidebar-menus::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: #f7f7f7;
}
.sidebar-menus::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: #999999;
}
.sidebar-menu .main-menu ul li{border:none;color: #666;}
.sidebar-menu .main-menu ul li .menu-img{width: 20px;position: relative;left: 22px;top: -2px;}
.sidebar-mini .main-menu ul li a .menu-content .menu-img{left: 0px;}
.sidebar-mini .main-menu ul li a .active .menu-content{height: 60px;}
.sidebar-menu .main-menu ul li a{color: #666;font-size: 18px;line-height: 34px;height: 60px;font-weight: 500;}
.sidebar-menus .main-menu ul li a{color: #dbdbdb}
.sidebar-menu .main-menu>ul>li>a:after{background: #444; width: 0;}
.sidebar-menu .sidebar-fix-bottom{background: #303030; color: #999; }
.sidebar-menu .sidebar-fix-bottom .fa{cursor: pointer;}
.sidebar-menu .main-menu ul li:hover,.sidebar-menu .main-menu ul li:focus {background-color: #f7d2de;}
.sidebar-menu.sidebar-mini .main-menu li a .menu-icon{color: #666;}


.ggb_version{    overflow: hidden;}
.sidebar-menu .main-menu ul li:before{width: 0;}
.sidebar-mini .main-menu ul li:before{width: 0 !important;}
.sidebar-menu .main-menu ul li.active{background: #f7d2de;color: #242424;}
.sidebar-menu .main-menu ul .active.bg-palette1:before,
.sidebar-menu .main-menu ul .active.bg-palette2:before{background: #FFA3C1 100%; width: 3px; z-index: 99;}
.sidebar-menu .main-menu ul .active.bg-palette3:before,
.sidebar-menu .main-menu ul .active.bg-palette4:before,
.sidebar-menu .main-menu ul .active.bg-palette5:before,
.sidebar-menu .main-menu ul .active.bg-palette6:before{background: #FFA3C1 100%; width: 3px; z-index: 99;}
.sidebar-menu .main-menu ul .active.bg-palette7:before,
.sidebar-menu .main-menu ul .active.bg-palette8:before,
.sidebar-menu .main-menu ul .active.bg-palette9:before,
.sidebar-menu .main-menu ul .active.bg-palette10:before,
.sidebar-menu .main-menu ul .active.bg-palette11:before,
.sidebar-menu .main-menu ul .active.bg-palette12:before{background: #FFA3C1 100%; width: 3px; z-index: 99;}
.sidebar-menu .main-menu ul .active.bg-palette13:before,
.sidebar-menu .main-menu ul .active.bg-palette14:before,
.sidebar-menu .main-menu ul .active.bg-palette15:before,
.sidebar-menu .main-menu ul .active.bg-palette16:before,
.sidebar-menu .main-menu ul .active.bg-palette17:before,
.sidebar-menu .main-menu ul .active.bg-palette18:before,
.sidebar-menu .main-menu ul .active.bg-palette19:before,
.sidebar-menu .main-menu ul .active.bg-palette20:before,
.sidebar-menu .main-menu ul .active.bg-palette21:before{background: #FFA3C1 100%; width: 3px; z-index: 99;}
.sidebar-menu .main-menu ul .active.bg-palette31:before,
.sidebar-menu .main-menu ul .active.bg-palette32:before,
.sidebar-menu .main-menu ul .active.bg-palette33:before,
.sidebar-menu .main-menu ul .active.bg-palette34:before,
.sidebar-menu .main-menu ul .active.bg-palette35:before,
.sidebar-menu .main-menu ul .active.bg-palette36:before,
.sidebar-menu .main-menu ul .active.bg-palette37:before,
.sidebar-menu .main-menu ul .active.bg-palette38:before,
.sidebar-menu .main-menu ul .active.bg-palette39:before{background: #FFA3C1 100%; width: 3px; z-index: 99;}
.sidebar-menu .ggb_version{display: block;}

@media (min-width: 992px){
	.sidebar-mini .ggb_version{display: none;}
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette1 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette1 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette2 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette2 a:hover .menu-content
	{background: rgb(232, 85, 109)!important;}
	/*.sidebar-menu.sidebar-mini .main-menu li.bg-palette3 a:hover .menu-content*/
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette3 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette3 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette4 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette4 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette5 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette5 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette6 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette6 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette7 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette7 a:hover .menu-content
	{background: rgba(136, 237, 252, 1)!important;}
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette8 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette8 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette9 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette9 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette10 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette10 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette11 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette11 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette12 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette12 a:hover .menu-content
	{background: rgba(240, 113, 194, 1);}
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette13 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette13 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette14 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette14 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette15 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette15 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette16 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette16 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette17 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette17 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette18 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette18 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette19 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette19 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette20 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette20 a:hover .menu-content,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette21 a .menu-content-hover,
	.sidebar-menu.sidebar-mini .main-menu li.bg-palette21 a:hover .menu-content
	{background: rgba(239, 142, 58, 1);}
}



/*表单*/
.smart-widget.widget-dark .smart-widget-header{background: #e9536c; border-radius: 0px;}
textarea.form-control:focus,
select[multiple]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus {
  	background: #fff;
  	border-color: #FAD0DD;
  	box-shadow: none;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
}
.ydm-reg .custom-checkbox label{border-radius: 20px;}
.ydm-reg .custom-checkbox input[type=checkbox]:checked+label{background: #e9536c; border: #e9536c; border-radius: 20px;}
.form-horizontal .radio, .form-horizontal .checkbox{ margin-right: 15px;}
.time-line-ccc{display: block; height: 1px; background: #ccc; width: 20px; margin: 0px 10px; margin-top: 17px;}
.calendar{position: relative;}
.calendar .fa{position: absolute; top: 7px; right: 8px; font-size: 20px; color: #cccccc;}

/* 表格 */
.th-head{background: #f8f5ef;}
.no-right-border{border-right: 0px !important;}
.no-left-border{border-left: 0px !important;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{border-top: 1px #eee solid;}

/* 首页 */
.bg-danger0{background: #e9536c; color: #fff;}
.bg-danger1{background: #f679b1; color: #fff;}
.bg-danger2{background: #85d4f5; color: #fff;}
.bg-danger3{background: #24c5cd; color: #fff;}
.bg-danger4{background: #7ec05e; color: #fff;}
.bg-danger5{background: #a9d132; color: #fff;}
.bg-danger6{background: #f9be26; color: #fff;}
.bg-danger7{background: #ef8d32; color: #fff;}


.statistic-box .statistic-value{font-size: 20px; font-weight: normal;}
.statistic-box .statistic-icon-background{left: -162px;bottom: -40px;font-size: 123px;}
.statistic-box  {position: relative;    width: 146px;padding: 0;}
.statistic-box .bg, .statistic-box .font{position: absolute; bottom: 0px; left: 0px; height: 30px; width: 100%;}
.statistic-box .bg{background: #000; opacity: 0.1;}
.statistic-box .font{line-height: 30px;}
.statistic-box .font span{padding-left: 10px;}
.statistic-box .font .fa{font-size: 20px; margin-top: 6px; margin-right: 10px;}

/* 检索 */
.tab-style1{ border-bottom: 0px;}
.tab-style1>li{margin: 0px;}
.tab-style1 li a{border: none;}
.tab-style1>li.active>a, .tab-style1>li.active>a:hover, .tab-style1>li.active>a:focus{border: none; border-bottom: 3px #e9536c solid; margin: 0px; color: #e9536c;}
.tab-style1 li a:hover{background: none; border: none; border-bottom: 3px #e9536c solid;}
.st-et{display: none;}
.st-et .input-group{ width: 300px;}

.home-mock .title{ line-height: 42px; border-bottom: 1px #eee solid; overflow: hidden;}
.home-mock .title .pull-left{font-size: 18px;}
.home-mock .title .color1{color: #e9536c;}
.home-mock .title .color2{color: #f679b1;}
.home-mock .title .color3{color: #85d4f5;}
.home-mock .title .color4{color: #24c5cd;}
.home-mock .title .color5{color: #7ec05e;}
.home-mock .title .color6{color: #a9d132;}
.home-mock .title .color7{color: #f9be26;}
.home-mock .title .color8{color: #ef8d32;}
.mock-body{overflow: hidden;}
.mock-body .total div{width: 50%; padding: 15px;}
.mock-body .total div p{color: #bbb;}
.mock-body .total div span{font-size: 30px;}
.mock-body .total div span small{font-size: 16px;}

/* 上传图片样式 */
.atlas{float:left; width: 50px; height: 50px; position: relative; margin-right: 15px; margin-top: 15px;}
.atlas img{width: 50px; height: 50px; border-radius: 5px;}
.atlas span{position: absolute; display: block; width: 18px; height: 18px; top: -5px; right: -5px; background: url(../images/close.png) no-repeat;}
.add-image{float:left; width: 50px; height: 50px; margin-right: 15px; margin-top: 15px; background: url(../images/upload_img.png) no-repeat;}
.add-image input{width: 50px; height: 50px; opacity: 0;}

.main-img{position:relative; width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom:10px;}
.main-img .pic{width: 50px; height: 50px; border-radius: 5px;}
.main-img span{position: absolute; display: block; width: 18px; height: 18px; top: -5px; right: -5px; background: url(../images/close.png) no-repeat;}

.cut-img{width: 82px; height: 82px; background: #eee; border:1px #ddd solid}
.cut-img .pic{width: 100%; height: auto;border-radius:0px; cursor: pointer;}
.cut-img .size-bg, .cut-img .size{position: absolute; height: 20px; width: 100%; bottom: 0px; left: 0px;}
.cut-img .size-bg{background: #000000; opacity: 0.5;}
.cut-img .size{color: #fff; text-align: center;}
#icon .size{color: #fff; text-align: center;margin-bottom: 7px}

/* 弹窗按钮颜色 */
.layui-layer-btn .layui-layer-btn0{background: #fc7fa2 !important; border: #fc7fa2 !important;}

/* 店铺模糊搜索列表样式 */
.store-list{position: absolute; background: #fff; top: 35px; left: 0px; width: 100%; border: 1px #ccc solid; border-top: none; border-radius: 0px 0px 5px 5px; z-index: 999;}
.store-list .item{ font-size: 12px; line-height: 30px; border-bottom: 1px #ccc dashed; margin: 0 15px; cursor: pointer}
.store-list .item:last-child{border-bottom: none;}

/* 员工注册-店铺头像  */
.store-logo{text-align: center; }
.store-logo img{margin: 10px; border-radius: 5px;}


/* 带图表的按钮 */
.btn-icon .fa{color: #e9536c;}
.btn-icon .fa-download {color: #242424;}

/* 表格 */
.table-black thead{background: #ededed;}
.table-black thead tr th{color: #242424; text-align: left;}

/* 翻页样式 */
.pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
    padding: 0px !important;
    user-select: none;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #333;
    background-color: #ffffff;
    border: none;
    margin-left: 6px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #333;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #FB92B1;
    border-color: #363636;
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}
.page-list .pagination span {cursor: pointer;}
.page-list .pagination .separate span{cursor: default; border-top:none;border-bottom:none;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .page-total {float:right; margin: 22px 20px;}
.page-list .page-total input, .page-list .page-total select{height: 26px; border: 1px solid #ddd;}
.page-list .page-total input {width: 40px; padding-left:3px;margin-left: 4px;}
.page-list .page-total select {width: 50px;}
.page-list {
      width: 100%;
      text-align: center;
      display: inline-table;
}
.page-list div [type=text]{
    width: 40px;padding-left: 3px;margin-left: 4px;height: 32px;border: 1px solid #ddd;
}
.no-items {overflow: hidden; margin-bottom: 50px; margin-top: 30px;}
.no-items div {width: 268px; margin: 0px auto; height: auto; overflow: hidden;}
/* .no-items div span{display: block; height: 268px; overflow: hidden; background: url(../images/no_data.png) no-repeat;} */
.no-items div span{display: block; height: 138px; width: 110px; margin: 0 auto; overflow: hidden; background: url(../images/no_data.png) no-repeat;} 
.no-items div p{text-align: center; margin-top: 20px; font-size: 20px;}

/*权限管理*/
.ml10{margin-left: 10%;}
.mt20{margin-top: 20px;}
.p10{padding: 10px;}
.mr20{margin-right: 20px;}
.righttab{border-bottom: hidden;}
.righttab li{margin-right: 20px;background: white;}
.righttab>li.active>a,.righttab>li.active>a:hover,.righttab>li.active>a:focus {color: white;cursor: default;background-color: #1797BE!important;border-bottom-color: transparent;cursor: pointer;}
.dele{position: absolute;top: 5px;left: 1px;cursor: pointer;color: red;}
.bdere0{border: 1px solid #E0E0E0;}
.b-tom{border-bottom: 1px solid #E0E0E0;}

/* 弹窗表单 */
.layer-inp{ width: 50%; float: left; margin: 6px 0px;}
.layer-inp label{width: 90px; text-align: right; float: left; padding-right: 10px;}
.layer-inp .left{width: 105px;  float: left;text-align: left; padding-right: 10px;}

.layer-inp .inp{width: 236px; float: left; position: relative;}
.layer-inp .inp .fa{position: absolute; top: 10px; right: 10px;}
.layer-inp span.line{display: block; float: left; padding: 0px 5px;}
.iframe-layer-btn{position: fixed; width: 100%; bottom: 0px; left: 0px; background-color: #fff; border-top: 1px solid #ededed; padding: 10px 0px;z-index: 999999;}
/*店铺介绍*/
.layer-intro{ float: left; height: 34px; line-height: 34px; margin: 6px 0px;}
.layer-put{ float: left; width: 200px; line-height: 34px; margin: 6px 0px;}

/*店铺弹窗表单 */
.layer-shop{ width: 50%; float: left; height: 34px; line-height: 34px; margin: 6px 0px;}
.layer-shop label{width: 110px; text-align: right; float: left; padding-right: 10px;}
.layer-shop .inp{width: 236px; float: left; position: relative;}
.layer-shop .inp .fa{position: absolute; top: 10px; right: 10px;}
.layer-shop span.line{display: block; float: left; padding: 0px 5px;}
.layer-img{ width: 50%; float: left; height: 80px; line-height: 34px; margin: 6px 0px;}
.layer-img label{width: 110px; text-align: right; float: left; padding-right: 10px;}
/* 房间设置弹窗表单 */
.layer-room{ width:70%; float: left; height: 34px; line-height: 34px; margin: 6px 0px;}
.layer-roomRight{ width: 30%; float: left; height: 34px; line-height: 34px; margin: 6px 0px;}
.layer-room label{width: 90px; text-align: right; float: left; padding-right: 10px;}
.layer-room .inp{width: 240px; float: left; position: relative;}

.layer-room span.line{display: block; float: left; padding: 0px 5px;}
/* 多选分店样式 */
.checkbox-inp{width: 100%; height: auto; }
.checkbox-inp .checkbox{margin-bottom: 0px;}
/* 分类样式*/
.cate-pro{width:120px;height:45px;margin-left:13px;margin-top:8px;margin-bottom:8px;border-radius:10px;background-color: #F9F9F9;border-color:#F1F1F1;}
/*订单管理*/
.mytr td{text-align: center;overflow: hidden;}
.checkcont{margin: 0px;float: left;}
.onum{font-size: 11px;color: #000000;}
.projectDet{overflow: hidden;margin-top: 0px;float: left;}
.psrc{width: 50px;height: 50px;float: left;}
.sType{background: #DD425A;color: white;border-radius: 10px;padding: 5px;font-size: 6px!important;margin-left: 10px;}
.pname{color: #000000;font-size: 14px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;word-break:keep-all;width: 144px;}
.pTime{color: #AEAFB0;font-size: 7px;}
.pMoney{color: #E47B8B;font-size: 15px;}
.mp0{margin: 0;padding: 0;}
.mt5{margin-top: 5px;}
.fc{color: #E46B79;}
.bigtime{font-weight: 800;font-size: 14px;color: #000000;}
.falg{font-size:25px;color: #DF3B59;}
.projectCont{overflow: hidden;float: left; padding-left: 10px;text-align: left;}
.projectCont p{margin: 0;padding: 0;}
.clock{color: #DF3B59;font-size: 30px;font-weight: 400;}
.orderbtn{border-radius: 3px;width: 70px;border: hidden;margin-top: 5px;}
.paybtn{background: white;border: 1px solid #E0E0E0;}
.recibtn{background: #DE425C;color: white;}
.cancelbtn{background: white;color: #DE425C;border: 1px solid  #DE425C;}
.ordertab,.timetab{border-bottom: hidden;}
.ordertab li{padding:6px 15px;}
.ordertab li a{padding: 8px 10px !important;}
.ordertab li a:hover{padding: 8px 10px !important;cursor: pointer!important;}
.ordertab li.active a, .ordertab>li.active>a:hover{border:hidden;background:#DE425C;color: white!important;border-radius: 5px;padding: 8px 10px !important;cursor: pointer!important;}
.shopselect{width: 150px;margin-top: 5px;margin-left: 10px;}
.timetab li{padding:6px 15px;}
.timetab li a{padding: 8px 10px !important;}
.timetab li a:hover{padding: 8px 10px !important;cursor: pointer;}
.timetab li.active a, .timetab>li.active>a:hover{border:hidden;background:#DE425C;color: white!important;border-radius: 5px;padding: 8px 10px !important;cursor: pointer!important;}
.search-type{margin-bottom: 10px;}
.search-type p{text-align: right; margin: 0px; padding: 0px; line-height: 30px;}
.allbtn{margin-bottom: 10px;padding: 5px;}

/*选择房间弹窗*/
.ml15{margin-left: 15px;}
.ml30{margin-left: 30px;}
.w70{width: 70px;}
.roomsrc{width: 50px;height: 50px;min-width: 50px;margin-left: 15px;margin-bottom: 5px;}
.beauticiansrc{width: 40px;height: 40px;min-width: 40px;border-radius: 20px;margin-right: 20px;margin-top: -13px;}
.usernull{font-size: 40px;margin-top: -13px;color:#DE425C ;margin-right: 20px!important;}
.reddot{color: #DE425C;}
.roomsrcs{width: 50px;height: 50px;min-width: 50px;margin: 5px 20px 5px 0px;}
.clocks{color: #DE425C;font-size: 40px;margin-top: 10px;margin-left: 8px;}
.atime{margin-top: 20px;margin-left: 20px;}
.headsrc{width: 50px;height: 50px;min-width: 50px;margin: 5px 20px 5px 0px;border-radius: 25px;}
.p20{padding: 20px;}
.mt10{margin-top: 10px;}
.f10 p{font-size: 10px;}
.line1{height: 80px;width: 1px;background: #E0E0E0;margin-right: 5px;margin-left: 5px;}
.fw100{width: 95px;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;font-size: 10px;}
.roms{border-bottom: 3px solid #E0E0E0;background: white;padding: 10px;}
.beasrc{width: 40px;height: 40px;border-radius: 20px;}
.bedinfo{width: 33%;margin-left: 1px;text-align: center;}
.mfont{margin: 15px 20px 0px 20px;}
.croomsrc{width: 70px;height: 70px;}
.bname{width: 40px;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
/*选择时间*/
.choosetime .title{font-size: 24px;}
.choosetime .title .select-time{ width: 100%; top: 5px; left: 0px; text-align: center;padding-top: 5px;}
.choosetime .title .select-time div{width: 300px; margin: 0px auto;}
.choosetime .title .select-time div span{display: block; float: left; font-size: 14px; cursor: pointer;}
.choosetime .title .select-time div .calendar-icon{display: block; float: left; width: 20px; height: 20px; background: url(../images/calendar_icon.jpg)  no-repeat; background-size: cover;margin-top: 5px; margin-right: 5px;}
.choosetime .title .select-time div input{float: left; background: no-repeat; border: none; width: 90px; padding: 2px;border: 1px solid #E0E0E0;height: 30px!important;padding: 7px 5px 0px 5px;}
.timebox{overflow: hidden;padding: 20px;border: 1px solid #E0E0E0;width: 100%;}
.untime{float: left;width: 23%;color: #DF3B59;border: 1px solid #E0E0E0;padding: 10px;margin: 5px;text-align: center;}
.unusable{margin-bottom: 5px;top: 50px;padding-left: 20px;}
.ctime{padding: 20px;}
.stime{width: 80px;}
.nowrap{white-space:nowrap;}

/*批量接单弹窗*/
.user-icon{font-size: 28px;margin-top: 8px;}
.time-icon,.home-icon{font-size: 30px;margin-top: 8px;color: #DE425C;}
.contact-icon{font-size: 20px;margin:10px 10px 0 0;color: #DF3B59;}
.edit-icon{font-size: 20px;margin:10px 10px 0 0;border: 1px solid #E0E0E0;padding: 5px;border-radius: 5px;}
.b-right{border-right: 1px solid #E0E0E0;}
.mt15{margin-top: 15px;}
.w50{width: 50%;}
.pb15{padding-bottom: 15px;padding-top: 5px;}
.ml10px{margin-left: 10px;}
.pl10{padding-left: 10px;}
.oldMoney{text-decoration: line-through;font-size: 10px;}
.mass-detail{width: 65%;}
.beauty-detail {width: 35%;padding-right: -10px;}
.edit-icons{font-size: 20px;margin:10px 0px 0 0;border: 1px solid #E0E0E0;padding: 5px;border-radius: 5px;}
.mp{margin-top: -10px;}

/*支付弹窗*/
.wechat{background: url(../images/icon-pay-2.png) no-repeat;background-size:cover;width: 35px;height: 35px;margin-bottom:10px;}
.alipay{background: url(../images/icon-pay-1.png) no-repeat;background-size:cover;width: 35px;height: 35px;margin-bottom:10px;}
.cashpay{background: url(../images/pay_ic_cash.png) no-repeat;background-size:cover;width: 35px;height: 35px;margin-bottom:10px;}
.pospay{background: url(../images/pay_ic_pos.png) no-repeat;background-size:cover;width: 35px;height: 35px;margin-bottom:10px;}
.payname{margin-top: 8px;margin-left: 10px;}
.qrcordbox{height: 150px;width: 150px;margin: 10px auto;max-width: 150px;max-height: 150px;overflow: hidden;}
.w200{width: 200px;}
/*微信付款页面*/
.bg_one{margin: 20px auto;text-align: center;}
.bg_one img{width:80px;height: 80px;}
.payicon{color: gold;font-size: 25px;}
.pay-btn{width: 90%;margin-left: 5%;background: #DE425C;color: white;position: fixed;bottom: 10px;}
/*订单详情*/
.circlesrc{width: 50px;height: 50px;border-radius: 50%;}
.droom{width: 50px;height: 50px;max-height: 50px;}
.bookdet{padding: 5px 10px 5px 10px;width: 100%;height: 50px;}
.bookdet i{height: 50px;width: 50px;}
.bookdet img{height: 50px;width: 50px;}
.diarypics{width: 83%;overflow: hidden;margin-left: 15%;margin-bottom: 10px;}
.diarypic{width: 24%;text-align: center;float: left;}
.diarypic img{width: 95%;height: 100px;margin-top: 5px;}
.diarytitle{width:100%;height:25px;line-height:25px;background: #DDDDDD;padding: 0 10px;}
.btitle{width: 100%;text-align: center;padding: 5px 0;height: 25px;border-top: 1px solid #E0E0E0;background: #DDDDDD;}
.diray-user{width: 15%;text-align: center;}
.diary-content{width:85%;}
.diray-time{width: 100%;text-align: right;padding-right: 20px;}
/*星级评价*/
.rating {color: #a9a9a9;margin: 0;padding: 0;}  
ul.rating {display: inline-block;}  
.rating li{list-style-type: none;display: inline-block;padding: 1px;text-align: center;font-weight: bold;cursor: pointer;font-size: 14px;}
.rating .filled{color: #E1415C;}
.stars div{line-height: 15px;}
/* 邀请员工 */
.copy .form-control{width: 278px;}
.copy span{ float: left; width: 10px; display: block; height: 34px;}
.erm{ margin-top: 15px; }
.erm div{text-align: center;}

/* 弹窗背景  */
/* .layui-layer.layui-layer-page.layer-anim .layui-layer-content{background: #f5f5f5 !important;} */

/* 员工审核 */
.examine-type .tit{ padding-bottom: 15px; overflow: hidden; line-height: 20px;}
.examine-type .tit div{float: left; width: 50%; text-align: center;}
.examine-type .tit img{ margin-right: 10px;}
.examine-type .tit font{ display: inline-block; vertical-align: middle;}
.examine-type .con{ width: 200px; margin: 0px auto;}
.examine-type .con div{margin-bottom: 15px; overflow: hidden;}
.examine-type .icon{display:block; float: left; width: 20px; height: 20px; margin-right: 10px;}
.examine-type .icon1{background: url(../images/ic_man.png) no-repeat; background-size: cover;}
.examine-type .icon2{background: url(../images/ic_post.png) no-repeat; background-size: cover;}
.examine-type .icon3{background: url(../images/ic_phone.png) no-repeat; background-size: cover;}
.examine-type .icon4{background: url(../images/ic_id.png) no-repeat; background-size: cover;}

/* 权限管理  */
.control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 10px;
}
.buy-card ul li {
    min-width: 100px;
    max-width: 200px;
    padding: 0px;
    text-align: center;
    height: 44px;
    border: 1px solid #e7e7e7;
    float: left;
    margin: 0 5px 5px 0;
    cursor: pointer;
}
.buy-card ul li.active .year-num {
    color: #E26A6A;
}
.buy-card ul li.active {
    border: 2px solid #E26A6A;
    background: #f2f2f2;
    color: #E26A6A;
}
.year-num {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    height: 40px;
    width: 100%;
    padding: 0 8px;
    overflow: hidden;
    line-height: 40px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #bfbfbf;
}
.btn.default:not(.btn-outline) {
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
}
.authority-box {
    width: 100%;
    float: left;
	border: 1px solid #e7ecf1;
	background-color: #fff;
}
.authority-boom {
    border-bottom: 1px solid #e7ecf1;
    width: 100%;
    float: left;
}
.authority-boom .boom-title {
    width: 100%;
    float: left;
    padding: 10px;
    font-size: 18px;
    border-bottom: 1px dashed #eee;
}
.authority-title {
    width: 20%;
    float: left;
    padding: 10px 15px 15px 10px;
    text-align: right;
}
.authority-content:last-child {
    border-bottom: none;
}
.authority-content {
    width: 80%;
    float: left;
    padding: 10px 15px 15px 10px;
}


/* 高级搜索 */
.search-choose {
    width: 100%;
    float: Left;
    background: #fafafa;
}
.search-choose ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px;
    list-style: none;
}
.search-choose ul li {
    width: 100%;
    float: Left;
    margin: 0 0 5px 0;
    padding: 0;
}
.search-choose ul li .title {
    width: 16%;
    text-align: right;
    float: left;
    padding: 8px 10px;
}
.search-choose ul li ul {
    float: left;
    width: 84%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.search-choose ul li ul li {
	position: relative;
    width: auto;
    float: Left;
    min-width: 96px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 5px;
}
.search-choose ul li ul li:hover {
    background: #eee;
}
.search-choose ul li ul li.active {
    background: #fc7fa2;
    /* background: #23b7e5; */
    color: #fff;
}
.font-red-sunglo {
    color: #e9536c!important;
}
.font-grey-salt {
    color: #bfcad1!important;
}
.search-choose ul li ul li.checke_a{
	padding: 0px;
}
.search-choose ul li ul li.checke_a span{
	display: block;
	padding: 8px 10px;
}
.search-choose ul li ul li.checke_a .fa{
	position: absolute;
	top: -5px;
	right: -5px;
	height: 14px;
	width: 14px;
	border-radius: 10px;
	color: #fff;
	z-index: 999;
	background: #edbc6c;
}

/* 上牌管理 */
.pai-over{overflow-x: scroll; margin-bottom: 20px;}
.table-over{width: auto !important; max-width: inherit !important; margin-bottom: 0px;}
.pai-a{display:block; width: 100px; height: 20px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis}
.pai-th{width: 52px; height: 20px; overflow: hidden; text-align: center; margin: 0px; padding: 0px;}
.pai-title{width: 100px; height: 20px; overflow: hidden;}
.table-over>tbody>tr>td:hover{background: #e9536c url(../images/ic_plus.png) no-repeat center; cursor: pointer;}
.table-over>tbody>tr>td.active{background: url(../images/ic_check.png) no-repeat center;}

/* 排班管理 */
.table-sch>tbody>tr>td.active{background: #ED7589 !important; color: #fff;}
.table-sch>tbody>tr>td:hover{background: #e9536c no-repeat !important; cursor: pointer; color: #fff;}


/*消息管理*/
.icon-18{font-size: 18px;}
.read-btn{background: white;color: #000000;border-radius: 3px;border: 1px solid #E0E0E0;padding: 3px 5px;margin-top: 0px!important;}
.notification{width: 360px!important;}
.fcontent{width: 200px!important;text-overflow:ellipsis!important;overflow: hidden;white-space:nowrap;margin: 0px!important;}
.red-dot{border-radius: 50%!important;width: 6px!important;height: 6px!important;}
.fblue{color: #00ACED!important;}
.msg-time{width: 100%;text-align: right;margin-top: 40px;}
.messagePay{background: #ECEDEF;padding: 0 20px;}
.pay-alert{display: block;position: absolute;z-index: 2;background-color: white;padding: 5px;color: #DE425C;min-width: 150px;right: 10px; text-align: center;font-size: 12px;opacity: 0.9;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.pay-alert:after {position: absolute;top: -6px;right: 10px;display: inline-block; border-right: 6px solid transparent;border-bottom: 6px solid white;border-left: 6px solid transparent;content: '';}
/*.form-group {overflow: hidden;padding: 10px 0px;}*/
.inline-block.item{position: relative; margin-right: 15px;}
.item .fa-times-circle{ position: absolute; background: #fff; color: #e9536c; top: -5px; right: -5px; font-size: 18px;}

/*项目管理*/
.tabActive{background-color:#e9536c!important;color: white!important;}
.textCenter{text-align: center;}
.redText{color: #e9536c;}

/*分类样式*/
.class-th{background: #ededed; color: #242424; width: 100%;}
.class-th .th{line-height:35px; text-align: center; float: left; font-weight: bold; }
.class-th .th.th1{width: 10%;}
.class-th .th.th2{width: 25%;}
.class-th .th.th3{width: 25%;}
.class-th .th.th4{width: 40%;text-align:center;}
.class-body{overflow: hidden;  width: 100%;}
.class-body .class-item-1{overflow: hidden;}
.class-body .td{    line-height: 30px;
    float: left;
    font-weight: bold;
    padding: 6px 0;
    border-top: 1px #eee solid;
    height: 45px;}
.class-body .td.child{border: none;padding-top: 6px;padding-bottom:6px;height: 40px}
.class-body .td.td1{width: 10%; text-align:center;}
.class-body .td.td2{width: 25%;}
.class-body .td.td3{width: 25%;}
.class-body .td.td3 img{display: block;margin:0 auto}
.class-body .td.td4{width: 40%;text-align:center;}
.class-body .td.td2.child{padding-left: 12%}
.class-product{ width: 100%; background-color: #ededed;}
.class-product .th{line-height: 47px;  float: left; font-weight: bold; color: #FFF;background: #ededed; color: #242424; padding-left: 4em}
.class-product .th.th1{width: 33%;}
.class-product .th.th2{width: 33%;}
.class-product .th.th3{width: 33%;}
/* .class-product{overflow: hidden;width: 100%} */
/* .class-product .class-item-1{overflow: hidden;} */
.class-product .td{line-height: 30px; float: left; font-weight: bold;padding: 12px 0;border-top: 1px solid #bbb;height: 56px;padding-left: 4em}
.class-product .td.td1{width: 33%;}
.class-product .td.td2{width: 33%;}
.class-product .td.td3{width: 33%;}
.class-hj:hover>.child{background-color: #eee}
.hj-marginlr{margin-left: 10px;margin-right: 10px}
.buttonleft{
	float: left;
	margin-left: 10px;
}
/*表格列较多情况下的处理*/
.table-fin th {text-align: left;}

/* tab框架 */
/* .main-tab{
	height: auto;
	background-color: #fff;    
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
} */
.main-tab .tab{overflow: hidden; height: 41px;}
.main-tab .tab a{display:block; padding: 10px; float: left;}
.main-tab .tab a:hover{border-bottom: 3px #eee solid; color: #e9536c;}
.main-tab .tab a.active{border-bottom: 3px #e9536c solid; color: #e9536c;}
.main-tab .tab li:focus{outline: none}

.search-tab{overflow:hidden; padding: 15px 10px; border-top: 1px #ddd solid;}
/*弹窗关闭按钮*/
.layui-layer-setwin .layui-layer-close2{z-index: 99999;}

/* 客户头像 */
.customer-img{padding:0px;width: 160px; height: 160px; background: url(../images/default.jpg) no-repeat; background-size:cover;}
.customer-img .main-img{
	position: relative;
    width: 160px;
    height: 160px;
    margin: 0px;
}
.customer-img .main-img img{
	width: 160px;
    height: 160px;
}
.activeImg{
	padding:0px;width: 160px; height: 107px;
	background: url(../images/image.jpg) no-repeat; 
	background-size:cover;
	background-position: 1px;
}
.activeImg .main-img{
	position: relative;
    width: 160px;
    height: 107px;
    margin: 0px;
}
.activeImg .main-img img{
	width: 160px;
    height: 107px;
	position: relative;
    top:-14px;
}

/* 错误提示样式 */
.eorror-login{
	background: url(../../images/home_bg.jpg)no-repeat center; 
	width: 600px; 
	margin: 0px auto;
	height: 600px; 
	overflow: hidden;
	position: relative;
}
.eorror-login span{
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	top: 380px;
	color: #000;
}
.eorror-login span a{
	text-decoration: underline;
	color: #0000FF;
}

/* 订单样式 */
.order-type { cursor: pointer; overflow: hidden;}
.order-type.hover .pull-left:hover{text-decoration: underline !important;}
.order-type span {display: block; width: 30px; height: 30px; margin: 0px auto; margin-bottom: 5px; overflow: hidden;}
.order-type img {width: 30px;height: 30px;border-radius: 20px; margin-bottom: 5px;}
.order-type span.time{background: url(../images/order/order_01.jpg) no-repeat;}
.order-type span.house{background: url(../images/order/order_02.jpg) no-repeat;}
.order-type span.user{background: url(../images/order/order_03.jpg) no-repeat;}
.order-type .img{width: 30px; height: 30px; overflow: hidden; margin-right: 10px;}
.order-type .font{height: 30px; line-height: 30px;}

.popular-blog-post{ 
	margin: 0px;
}
.popular-blog-post li {
	background: #fff;    
	border-bottom: 1px solid #ddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px;
}
.popular-blog-post li .h5{height: 16px; overflow: hidden; display: block; margin: 0px;}
.popular-blog-post li .m-top-sm{
	margin-top: 5px;
	font-size: 12px;
	height: 17px;
	overflow: hidden;
}
.popular-blog-post li .w-font{
	width: 130px;
	border-right:1px #ddd solid;
	margin-left: 0px;
	padding: 0px 10px;
}
.popular-blog-post li .room{
	margin-left: 210px;
}
.popular-blog-post li .room .radio{margin-right: 10px;}


/* 项目详情 */
.project-detail .w-left {
	width: 214px;
	padding: 15px;
}
.project-detail .mian-image .img {
	padding: 2px;
	border: 1px #ddd solid;
	margin-top: 5px;
}
.project-detail .mian-image .img div {
	position: relative;
	height: 118px;
}
.project-detail .mian-image .img div span {
	position: absolute;
	display: none;
	width: 178px;
	height: 118px;
	top: 0px;
	left: 0;
	text-align: center;
	background: url(../images/black_transparent.png);
}
.project-detail .mian-image .img div:hover span{
	display: block;
}
.project-detail .mian-image .img div span button {
	margin-top: 50px;
}
.project-detail .w-right {
	margin-left: 210px;
	overflow: hidden;
	padding: 15px 0px;
}
.project-detail .form-group{
	overflow: hidden;
}

/* 图片裁剪 */
#cutImg{
	width: 420px;
	margin: 0 auto;
	height: 420px;
	background: #eee;
	border: 1px #ddd solid;
	overflow: hidden;
}
.jcrop-holder {
	margin: 0 auto !important;
}
.cut-icon {
	position: relative;
	width: 120px;
	height: 34px;
}
.cut-icon input {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 34px;
}
.opt-btn {
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

/* 时间选择样式 */
.Hunter-time-picker{
	position: absolute;
	border: 2px solid #c9cbce;
	width: 390px;
	background: #ffffff;
	z-index: 99999999;
	font-size: 0;
}
.Hunter-time-picker:before, .Hunter-time-picker:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	left: 20px;
	z-index: 999999;
}
.Hunter-time-picker:before{
	border-color: transparent transparent #ffffff;
	top: -17px;
	z-index: 9999999;
}
.Hunter-time-picker:after{
	border-color: transparent transparent #c9cbce;
	top: -20px;
}
.Hunter-time-picker *{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	color: #666666;
	font-family: "Microsoft YaHei";
	font-size: 14px;
}
.Hunter-time-picker ul{
	list-style: none;
}
.Hunter-time-picker ul li{
	display: inline-block;
	position: relative;
	margin: 4px;
	cursor: pointer;
}
.Hunter-time-picker p{
	font-weight: bold;
	padding: 0 4px;
	margin-top: 4px;
	margin-bottom: 10px;
}
.Hunter-time-picker .line{
	width: 340px;
	margin: 0 auto;
	margin-top: 4px;
	border-bottom: 1px solid #d8d8d8;
}
.Hunter-time-picker .Hunter-wrap{
	position: relative;
	width: 100%;
	background: #ffffff;
	padding: 9px;
}
.Hunter-time-picker .Hunter-hour-name{
	display: inline-block;
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	position: relative;
	background-color: #f5f5f5;
}
.Hunter-time-picker .Hunter-hour-name:hover{
	color: #002DFF;
}

.Hunter-time-picker .Hunter-hour.active{
	z-index: 999999999;
}
.Hunter-time-picker .active .Hunter-hour-name{
	color: #ffffff;
	background-color: #3A7ADB;
}
.Hunter-time-picker .Hunter-minute-wrap{
	display: none;
	border: 1px solid #D8D8D8;
	background: #ffffff;
	position: absolute;
	top: 29px;
	width: 370px;
	padding: 10px 10px 5px 10px;
}
.Hunter-time-picker .Hunter-minute{
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #999999;
	background-color: #f5f5f5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Hunter-time-picker .Hunter-minute:hover{
	color: #002DFF;
}
.Hunter-time-picker .Hunter-minute.active {
	color: #ffffff;
	background-color: #3A7ADB;
}
.Hunter-time-picker .Hunter-clean-btn{
	width: 108px;
	height: 30px;
    background-color: #3A7ADB!important;
    color: #ffffff;
    background-image: none !important;
    border: 5px solid #3A7ADB;
    border-radius: 0;
}
.Hunter-time-picker .Hunter-clean-btn:hover{
	background-color: #0B4B94 !important;
    border-color: #3A7ADB;
}
.detial-style .col-lg-4{
		margin-top: 10px;
	}
.detial-style .title, .detial-style .content{
	float: left;
}
.detial-style .content {
	width: 155px;
}
.detial-style .title{
	font-weight: bold;
	width: 96px;
	text-align: right;
}
.detial-style .content{
	padding-left: 10px;
}
/*人事和薪酬负数标红*/
.centsColor {
	color: #e9536c;
}
/* 提示框 */
.layui-layer-tips .layui-layer-content{
	background:white!important;;
	color: black!important;
}
.layui-layer-content .layui-layer-TipsG{
	display: none;
}
.helpimg{
	vertical-align: text-top;
	width: 16px ;
	margin-left: 3px;
}
.explainone{
    text-align: right;
    text-decoration: underline;
    margin-right:  10px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.explain{
	color: #11a3d3;
	margin-bottom: 10px;
	text-decoration:underline;
	font-size: 15px;
    cursor: pointer;
}
.explain img{
	width: 16px;
	vertical-align: middle;
	margin-right: 5px
	
}
.helpspan{
	color: #11a3d3;
	text-decoration: underline;
}
.isoverflow{
	/* cursor: pointer; */
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
max-width:80px;
margin: 0 auto;
}
/* 报表UI弹窗样式 */
.reportTable .breadcrumb-table{
	background:#FFFFFF;
	border-bottom: none;
}
.reportTable .breadcrumb{
	background:#FFFFFF;
	border-bottom:none;
	box-shadow: none;
	margin-bottom: 5px;
}
.reportTable .table-black thead{
	background-color: #ededed;
}
.reportTable .table-black thead tr th{
	color: #101010;
	border: none;
}
.reportTable .table-black tbody tr{
	border: 0.5px solid #EDEDED;
}
.reportTable .table-black tbody tr td{
	padding-left: 8px;
	line-height: 60px;
}
.reportTable .table-black tbody tr td p{
	margin: 0;
	line-height: 30px;
}
.form-control{
    box-shadow:inset 0 0px 0px rgba(0,0,0,.075)!important;
    color: #242424;
}
.See{
	
	background: #FC7FA2!important;
	border: 1px solid  #FC7FA2!important;
	color: #FFFFFF!important;;

}


/* UI修改 */
.btn {
	border-radius: 0;
}
.btn.btn-info {
	background-color: #fc7fa2;
	border: 1px solid #fc7fa2;
}
.table > thead > tr > th {
	border-bottom: none;
}
.table > tbody {
	background-color: #fff;
}

/* 全局按钮样式 */
.btn.btn-ydm {
	background: #FC7FA2;
	border: 1px solid #FC7FA2;
	color: #fff;
}

/* 主内容区域滚动 */
.main-container-content .main-tab {
    overflow-y: auto;    
    padding: 0 20px;
}
/* 黑白皮肤切换 */
.header_skin{
	margin-top: 24px;
	text-align: left;
}
.header_skin span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
}
.header_skin .black{
	background: #242424;
	margin-left: 35px;
}
.header_skin .white{
	background: #fff;
	margin-left: 26px;
}



/************ 新增用户自定义样式起 ************/
/* 主页面三级菜单 */
.main-container-content .main-tab .tab {
	margin-top: 10px;
}

.main-container-content .main-tab .tab .nav-stand{
    position: absolute;
    right: 0;
    top: 15px;
    height: 18px;
    border-right: 1px solid #DBDBDB;
}

.main-container-content .main-tab .tab {
    margin: 10px 0;
    /* margin-right: 15px; */
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding-right: 26px;
}

.main-container-content .main-tab .tab li {
    color: #666;
    border-bottom: 3px #fff solid;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    height: 50px;
    min-width: 140px;
    text-align: center;
}

.main-container-content .main-tab .tab li:hover {
    color: #242424;
    font-size: 20px;
    font-weight: bold;
}

.main-container-content .main-tab .tab li.active span {
    color: #242424;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #FFA3C1;
    padding-bottom: 10px;
}

/* 外边距-上 */
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}

/* 外边距-右 */
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-right-20 {
    margin-right: 20px;
}
.margin-right-30 {
    margin-right: 30px;
}

/* 外边距-下 */
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}

/* 外边距-左 */
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-left-30 {
    margin-left: 30px;
}

/* 内边距-上 */
.padding-top-10 {
    padding-top: 10px;
}

/* 内边距-右 */
.padding-right-5 {
    padding-right: 5px;
}
.padding-right-10 {
    padding-right: 10px;
}

/* 内边距-下 */
.padding-bottom-10 {
    padding-bottom: 10px;
}

/* 内边距-左 */
.padding-left-5 {
    padding-left: 5px;
}
.padding-left-10 {
    padding-left: 10px;
}

/* 文字顺序 */
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left-important {
    text-align: left!important;
}
.text-right-important {
    text-align: right!important;
}

/* 文字font-weight */
.font-weight-bold {
    font-weight: bold;
}
.font-weight-normal {
    font-weight: 100;
}

/* 边框 */
.border-bottom {
    border-bottom: 1px solid #ededed;
}

/*自定义下拉选择框起*/

.simulate-select {
    position: relative;
    width: 300px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ededed;
    float: left;
    padding: 4px;
	box-sizing: border-box;
	background-color: #fcfcfc;
}

.simulate-select-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.simulate-select-box-left {
    width: 100000px;
    overflow: hidden;
}

.simulate-select-box-text-close {
    height: 22px;
    line-height: 22px;
    font-size: 15px;
    float: left;
    margin: 0;
    padding: 0 4px;
    box-sizing: border-box;
}

.simulate-select-box-text {
    color: #101010;
}

.simulate-select-box-close {
    color: #ccc;
    cursor: pointer;
}

.simulate-select-box-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background-color: #fcfcfc;
}

.simulate-select-box-right::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #101010;
}

.simulate-select-content {
    position: absolute;
    top: 30px;
    left: -1px;
    width: 300px;
    border: 1px solid #ededed;
    z-index: 9;
}

.simulate-select-content ul {
    list-style: none;
}

.simulate-select-content-list {
    width: 100%;
    box-sizing: border-box;
    max-height: 350px;
    overflow-y: scroll;
}

.simulate-select-content-list::-webkit-scrollbar-thumb {
    background-color: #ffc0d5;
    border-radius: 7px;
}

.simulate-select-content-list li {
    display: flex;
    height: 40px;
    align-items: center;
    background-color: #fcfcfc;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 15px;
}

.simulate-select-content-list li:hover {
    background-color: #fdf1f5;
}

.simulate-select-content-list li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    margin-top: 0;
    margin-right: 20px;
}

.simulate-select-content-list li input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
}

.simulate-select-content-list li input[type="checkbox"]:checked::before {
    content: "\2714";
    background-color: #FC7FA2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #FC7FA2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2px;
}

.list-item-name {
    display: block;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simulate-select-value {
    position: relative;
    width: 100%;
    padding: 0 100px 0 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.simulate-select-value-tag-name {
    position: absolute;
    top: 0;
    left: 15px;
}

.simulate-select-value-list {
    width: 100%;
    padding-left: 40px;
    box-sizing: border-box;
    background-color: #ccc;
}

.simulate-select-value-text-close {
    float: left;
    border: 1px solid #ededed;
    height: 24px;
    line-height: 22px;
    font-size: 15px;
    margin: 0;
    padding: 0 4px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
}

.simulate-select-value-text {
    color: #101010;
}

.simulate-select-value-close {
    cursor: pointer;
}

.simulate-select-content-btn {
    width: 100%;
    height: 60px;
    padding: 24px 0 21px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
}

.simulate-select-content-btn li {
    position: relative;
    width: 33.3%;
    text-align: center;
    color: #11a3d3;
    cursor: pointer;
    font-size: 15px;
}

.simulate-select-content-btn-stand-line::after {
    content: "";
    position: absolute;
    top: 9.5px;
    right: 0;
    height: 15px;
    border-right: 1px solid #dbdbdb;
}

/*自定义下拉选择框止*/

/* 主表自定义样式起 */

.flex {
    display: flex;
}

/* 表边框 */
.table-border {
    border: 1px solid #ededed;
}

/* 主页表格中操作按钮hover效果 */
.table-operate-btn a:hover {
    /* text-decoration: underline; */
    /* opacity: 0.8; */
}

/* 主表格操作列 */
.table-th-operate {
    text-align: left;
}

/* 主报表操作按钮 */
.table-operate-btn {
    text-align: left;
}
.table-operate-btn a {
    position: relative;
    cursor: pointer;
    color: #11a3d3;
}
.table-operate-btn a.stand-line::after {
    content: "";
    position: absolute;
    top: 3px;
    right: -2px;
    width: 1px;
    height: 12px;
    background-color: #dbdbdb;
}

/* 搜索区域 */
.search-tab-box {
    padding: 15px 0;
    /* border-top: 1px solid #ededed; */
}
.search-tab-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 搜索区域的输入框样式 */
.search-tab-content input {
    border-radius: 0;
    height: 32px;
    background-color: #fcfcfc;
    border: 1px solid #ededed;
}

.search-tab-content input::-webkit-input-placeholder{
    color: #ccc;
}

/* 搜索日期 */
.search-date-box {
    display: flex;
    align-items: center;
}
.search-date-content {
    position: relative;
    width: 160px;
}
.search-date-content input {
    height: 32px;
    border-radius: 0;
}
.search-date-input {
    width: 100%;
    height: 32px;
    border: 1px solid #ededed;
    background-color: #fcfcfc;
    color: #242424;
    padding: 7px 10px;
    box-sizing: border-box;
    border-radius: 0!important;
    outline: none;
}
.search-date-icon {
    background-image: url('../images/calendar-icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: 90% 50% !important;
}
.search-date-input::-webkit-input-placeholder {
    color: #ccc;
}
.search-tab-tag {
    font-size: 15px;
}
.horiz-line {
    margin: 10px 10px 0;
}

/* 搜索区域按钮样式 */
.btn {
    min-width: 70px;
    height: 32px;
    line-height: 18px;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
}
.btn-default:hover{
    background-color: #fdf1f5;
    border: 1px solid #fdf1f5;
}
.btn-default:active {
    background-color: #FAD0DD;
    border-color: transparent;
}
.btn.btn-default:focus {
    outline: 0;
    background-color: #fff;
    border-color: #ededed;
}

.advanced-search-btn-down-icon {
    position: relative;
    top: -1px;
    left: 3px;
    width: 10px;
}

/* 关键字搜索框 */
.search-key-box {
    display: flex;
    position: relative;
}
.clear-search-key {
    position: absolute;
    top: 0;
    right: 77px;
    width: 24px;
    height: 100%;
    line-height: 32px;
    text-align: center;
    color: #242424;
    cursor: pointer;
}
.search-key-input {
    width: 270px;
    height: 32px;
    border-radius: 0!important;
    outline: none;
    border: 1px solid #ededed;
    padding: 7px 10px;
}
.search-tab-content-left,
.search-tab-content-right {
    display: flex;
}

/* 高级搜索区域 */
.advanced-search-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ededed;
    padding: 20px 30px;
    margin-top: 20px;
}
.advanced-search-tag {
    position: absolute;
    top: -11px;
    left: 30px;
    color: #999;
    font-size: 14px;
    background-color: #fff;
}
.advanced-search-select-content {
    display: flex;
    align-items: center;
}
.advanced-search-select-style {
    height: 32px;
    border: 1px solid #ededed;
    background-color: #fcfcfc;
    color: #242424;
    outline: none;
    min-width: 160px;
    padding: 0 4px;
    font-size: 15px;
}
.input-group .form-control{
    height: 32px;
}

/* 表格行hover样式 */
.table-hover>tbody>tr:hover>td {
    background-color: #fdf1f5;
}

/* 表格行总计去除hover样式 */
.table-hover>tbody.table-hover-no>tr:hover>th,
.table-hover>tbody.table-hover-no>tr:hover>td {
    background-color: transparent;
}
.table-striped>tbody.table-hover-no-bg>tr:nth-child(odd)>th,
.table-striped>tbody.table-hover-no-bg>tr:nth-child(odd)>td {
    background-color: transparent;
}
.table-hover>tbody.table-hover-no-bg>tr.table-page-tr:hover>th,
.table-hover>tbody.table-hover-no-bg>tr.table-page-tr:hover>td {
    background-color: transparent;
}


/* 表格行本页统计样式 */
.table-striped>tbody.table-hover-no>tr:nth-child(odd)>th,
.table-striped>tbody.table-hover-no>tr:nth-child(odd)>td {
    background-color: #ededed;
}
.table-hover>tbody.table-hover-no>tr.table-page-tr:hover>th,
.table-hover>tbody.table-hover-no>tr.table-page-tr:hover>td {
    background-color: #ededed;
}

/* 主表自定义样式止 */

/* index页面标题 */
.smart-widget .smart-widget-header{
    font-size: 18px;
    font-weight: 700;
    color: #242424;
    height: 60px;
}
/************ 新增用户自定义样式止 ************/

.sub-menu-box ul li div {
    position: relative;
}
.sub-menu-box ul li div.active::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.blankDivForArrow{
    height: 15px;
}

.main-container{
    display: flex;
    flex-flow: column;
}
.main-container .main-container-content{
    flex-grow: 1;
    -webkit-box-flex: 1;
    height: 0;
    margin: 0 15px 15px 15px;    
    height: 100%;
    overflow: auto;
}
.main-container .main-container-content>div:first-child{
    background-color: white;
    min-height: 100%;
}
.main-container .main-container-content>div:first-child.homePageNoBackgroundColor{
    background-color: initial;
    margin-top: 20px;
}

.main-container {margin-left: 180px; background-color: #fad0dd;}
.main-containerS{background-color: #F7F7F7;}
/* 子导航  */
.sub-menu-box{
    margin-bottom: 15px;
}
.sub-menu-box.sub-menu{ padding: 0px 0px 0px 0px; background: #fff;}
/* .breadcrumb.sub-menu{overflow: hidden; padding: 0px 0px 0px 0px; background: #fff;} */
/* .breadcrumb ul{ overflow: hidden;} */
.sub-menu-box ul, .sub-menu-box ul li{ list-style: none; padding: 0px; margin: 0px;}
.sub-menu-box ul li{float: left;text-align: center;font-size: 18px;color: #242424;width: 140px;height: 50px;}
.sub-menu-box ul li a{display: block; padding: 10px 3px;font-size: 13px;}
.sub-menu-box ul li div{padding: 10px 3px;cursor: pointer;line-height: 30px;}
.sub-menu-box ul li a.active,.sub-menu-box ul li div.active{font-size: 20px;font-weight: 700;color: #FC7FA2;}
.sub-menu-box ul li a.active, .sub-menu-box ul li a:hover, .sub-menu-box ul li div:hover{font-weight: 700;color: #FC7FA2;}
.sub-menu-box ul li div:hover{font-size: 20px;}
.sub-menu-box  li div:focus{outline: none}
/* .sub-menu{position: fixed; width: 100%;  z-index: 9;height: 50px;} */
   /*自定义帮助说明弹窗起*/

   .explain-box {
    position: absolute;
    top: 30px;
    right: 0;
    width: 450px;
    max-height: 360px;
    background-color: #ccc;
    z-index: 9;
    box-shadow: 0 0 8px 0 rgba(237, 237, 237, 1);
}

.explain-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    background-color: #f7f7f7;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 20px;
}

.close-help-explain {
    cursor: pointer;
}

.explain-content {
    background-color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
}

.explain-content-section p {
    position: relative;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 24px;
    text-indent: 12px;
}

.explain-content-section p:first-child {
    margin-top: 20px;
}

.explain-content-section p.explain-content-section-title {
    text-indent: 0;
}

.explain-content-section p::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #FC7FA2;
}

.explain-content-section p.explain-content-section-title::before {
    content: "";
    width: 0;
    height: 0;
}

.explain-content-section-title {
    font-size: 16px;
    color: #242424;
    font-weight: bold;
}
/*自定义帮助说明弹窗止*/
/* 帮助说明 */
.help:hover{color: #11a3d3!important;
    text-decoration: underline!important;
}
/* 服务状态 */
.orderState{
	color: white;
	background-color: #fc7fa2;
	padding: 0 10px;
    border-radius: 7px
}
/* 服务状态 */
.showMore{
	color: white;
	background-color: #fc7fa2;
	padding: 0 30px;
	border-radius: 4px;
}
.custom-checkbox input[type=checkbox]:checked+label {
    border-color: #fc7fa2!important;
    background-color: #fc7fa2!important;
}

.hj-fieldset {
  border: 1px solid #ededed;
  margin-top: 1em;
  position: relative;
}

.hj-fieldset .hj-fieldset-title {
  position: absolute;
  left: 2em;
  top: -0.5em;
  background-color: white;
  color: #999999;
  font-size: 14px;
  line-height: 1em;
}
.hj-fieldset .hj-fieldset-content {
  padding: 1em 0;
  min-height: 5em
}

.hj-fieldset .hj-fieldset-content label {
  width: 7em;
  float: left;
  padding-top: 10px;
  padding-right: 1em;
  text-align: right;
}

.hj-fieldset .hj-fieldset-content label+div {
  width: calc(100% - 7em);
  float: left;
}

.hj-fieldset .form-control {
  margin-bottom: 1em;
}

.set-approver-dialog {
  width: 1000px;
}

.set-approver-dialog>main {
  padding-top: 30px;
  padding-bottom: 30px;
}

.edit-approver-dialog {
  width: 800px;
}



.edit-approver-dialog>header {
  font-size: 20px;
  background-color: #FFF7F7F7;
}

.edit-approver-dialog>header>i {
  float: right;
  display: block;
  background-color: white;
}

md-dialog {
  border-radius: 0;
}

.refund-detail-dialog {
  width: 1200px;
}

.refund-detail-dialog>main {
  padding-top: 30px;
  padding-bottom: 30px;
}

.refund-order-detail-dialog {
  width: 1200px;
}

.refund-order-detail-dialog>main {
  padding-top: 30px;
  padding-bottom: 30px;
}

.hj-default-dialog-layout {
  height: 80vh;
}
.dialog-layout{
    height: 54vh!important;;
  }
.hj-default-dialog-layout>* {
  padding-right: 30px;
  padding-left: 30px;
}

.hj-default-dialog-layout>header {
  font-size: 20px;
  line-height: 50px;
  background-color: #F7F7F7;
  position: relative;
}

.hj-default-dialog-layout>main {
  height: calc(100% - 100px);
  overflow-y: auto;
}

.hj-default-dialog-layout>footer {
  line-height: 49px;
  border-top: 1px solid #ededed;
  text-align: right
}

.hj-default-dialog-layout>header>i {
  position: absolute;
  right: 30px;
  top: 14px;
  cursor: pointer;
}

.hj-grid-detail {
  display: grid;
  grid-template-columns: 15% 15% 15% 15%;
  grid-gap: 20px;
}

.hj-grid-detail>*:nth-child(even) {
  text-align: left;
  border: 1px solid #ededed;
  line-height: 20px;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;

}

.hj-grid-detail>*:nth-child(odd) {
  text-align: right;
  line-height: 20px;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.hj-grid-detail-down {
  display: grid;
  grid-template-columns: 15% 15% 15% 15% 15% 15%;
  grid-gap: 20px;
}

.hj-grid-detail-down>*:nth-child(even) {
  text-align: left;
  border: 1px solid #ededed;
  line-height: 20px;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

.hj-grid-detail-down>*:nth-child(odd) {
  text-align: right;
  line-height: 20px;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.hj-padding3020 {
  padding: calc(30px - 1em) 30px;
}

.hj-detail-table {
  font-size: 15px;
  table-layout: auto;
  width: 100%;
}

.hj-detail-table td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hj-detail-table tr td:first-child {
  padding-left: 50px;
}

.hj-detail-table tr td:last-child {
  padding-right: 50px;
}

.hj-detail-table tr:nth-child(odd) {
  background-color: #fcfcfc;
}

.hj-margin-bottom30 {
  margin-bottom: 30px;
}

branch-select {
  display: inline-block;
  max-width: 300px;
  width: 300px;
  height: 32px;
    color: black;
    border: 1px solid #ccc;
}

.flexBox {
  display: flex;
  flex-flow: column;
}

.flexBox .flexItem {
  flex-grow: 1;
  -webkit-box-flex: 1;
  height: 0;
}

.hj-approverList {
  height: 120px;
  padding: 30px !important;
  overflow-y: auto;
}

.hj-approverList a {
  color: #11A3D3;
}
.edit-approver-dialog nav {
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
}

/* 全局ag-grid配置 */
.ag-theme-balham .ag-header-row {
  background: #eee;
  color: #101010;
}

.ag-theme-balham .ag-row-odd {
  background-color: #fafafa;
}

.ag-theme-balham .ag-row {
  color: #333;
}

.ag-theme-balham .ag-row-selected {
  background-color: #ffeff4;
}

.ag-theme-balham .ag-row-hover {
  background-color: #ffeff4;
}

.ag-theme-balham .ag-row-selected {
  border-color: #d9dcde;
}

md-chips .md-chips md-chip {
  border-radius: 0;
  height: 24px;
  border: 1px solid #ededed;
  line-height: 22px;
  margin: 0 5px 0 0;
}

md-chips .md-chips md-chip .md-chip-remove-container {
  position: absolute;
  right: 0;
  line-height: 22px;
  top: -4px;
  
}
md-dialog {
    max-width: none;
    max-height: none;
}
.md-chips md-chip{
    background: white;

}
 md-select .md-select-value.md-select-placeholder{
    color: #020003;
}
.md-button.md-primary.md-raised{
    background-color:#fc7fa2!important;
    
}
.md-button.md-primary.md-raised:not([disabled]):hover{
    background-color:#fc7fa2!important;

}
md-select-menu md-content md-option[selected]{
    color: #fc7fa2!important;
}
.md-checkbox-enabled[selected] .md-icon{
    background-color: #fc7fa2!important;

}
md-chips .md-chips{
    box-shadow: 0 1px white!important;;
}
/* .md-select-menu-container{
    top: 310px!important;
} */
.hj-switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  user-select: none;
  margin: 0;
}

.hj-switch input {
  display: none;
}

.hj-switch>.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ededed;
  -webkit-transition: .4s;
  transition: .4s;
}

.hj-switch>.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.hj-switch>input:checked+.slider {
  background-color: #FC7FA2;
}

.hj-switch>input:focus+.slider {
  box-shadow: 0 0 1px #FC7FA2;
}

.hj-switch>input:checked+.slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.hj-switch>.slider.round {
  border-radius: 34px;
}

.hj-switch>.slider.round:before {
  border-radius: 50%;
}

.hj-switch>input:checked+.slider+.hj-switch-text>.hj-switch-checked {
  display: inline;
}

.hj-switch:hover>input:checked+.slider+.hj-switch-text>.hj-switch-checked {
  display: none;
}

.hj-switch:hover>input:checked+.slider+.hj-switch-text>.hj-switch-not-checked {
  display: none;
}

.hj-switch:hover>input:checked+.slider+.hj-switch-text>.hj-switch-not-checked {
  display: inline;
}
/* 解决无数据时，aggrid下方的空白框 */
.ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper, .ag-body-viewport.ag-layout-auto-height .ag-center-cols-container {
    min-height: 0;
}
.md-select-value{
    border-bottom-style:none!important;
}
.hj-flex-cell>span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hj-refund-nav{
    padding-bottom: 20px;
}
.hj-refund-nav>*{
    float: left;
}
.hj-refund-nav>*:nth-child(2),
.hj-refund-nav>*:nth-child(3){
    margin-left: 30px;
}
.hj-refund-nav>*:nth-last-child(-n+2){
    float: right;
}
.refund-detail-dialog1 {
    width: 1300px;
}
select {
    /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/
    border: solid 1px #ddd;
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    /* -webkit-appearance:none; */
    padding-right: 14px;
    /*如果要加入自定义图片， 就增加这个属性 background: url或者在html中直接加入图标也行*/
  }
  /*清除iIE的默认选择框样式*/
  select::-ms-expand { display: none; }
  .hj-flex-cell>span {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hj-refund-nav{
      padding-bottom: 20px;
  }
  .hj-refund-nav>*{
      float: left;
  }
  .hj-refund-nav>*:nth-child(2),
  .hj-refund-nav>*:nth-child(3){
      margin-left: 30px;
  }
  .hj-refund-nav>*:nth-last-child(-n+2){
      float: right;
  }
select {
    /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/
    border: solid 1px #ddd;
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    /* -webkit-appearance:none; */
    padding-right: 14px;
    /*如果要加入自定义图片， 就增加这个属性 background: url或者在html中直接加入图标也行*/
  }
  /*清除iIE的默认选择框样式*/
  select::-ms-expand { display: none; }
  .text-center-important{
    text-align: center!important
}
 
.clickbutton{
    position: relative;
    display: inline-block;
    width: 65px;
    color: #11A3D3;
    font-size: 14px;
    cursor: pointer;
    text-align: center; 
    height: 28px;
}
  .refund-detail-dialog1 {
      width: 1300px;
    }
    
    .refund-detail-dialog1>main {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    
    .refund-order-detail-dialog1 {
      width: 1300px;
    }
    .sipright{
        float: right;
    }
 
.clickbutton{
    position: relative;
    display: inline-block;
    width: 65px;
    color: #11A3D3;
    font-size: 14px;
    cursor: pointer;
    text-align: center; 
    height: 28px;
}
.spanred{
    color:#e9536b ;
}
.layui-layer-nobgs{
    top: 0px!important;
}
.past{
    width: 66%;margin: 0 auto;margin-top: 2.25%;margin-bottom: 2.25%;height: 12.1%;
    color:red;
}
.switch {
    width: 40px;
    height: 20px;
    border-radius: 30px;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    background: #ccc;
    cursor: pointer
}

.switch input {
    visibility: hidden;
}

.switch span {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #fff;
    width: 50%;
    height: 100%;
    transition: all linear 0.2s;
}

.switch span::before {
    position: absolute;
    top: 0;
    left: -100%;
    content: '';
    width: 200%;
    height: 100%;
    border-radius: 30px;
    background: #11a3d3;
}

.switch span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
}

.switch input:checked+span {
    transform: translateX(100%);
}
    .ag-menu-option:last-child {
        display: none;
    }
      .cancel {
          color: #999999;
      }



/* 登录 */
/* body * {
    box-sizing: border-box;
    flex-shrink: 0;
}

body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
        Arial, PingFang SC-Light, Microsoft YaHei;
} */

button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}

.flex-col {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

/* .page {
  position: relative;
  width: 1360px;
  height: 768px;
  overflow: hidden;
} */

.main1 {
    /* height: 768px; */
    background-color: rgba(255, 21, 140, 1);
    /* width: 1360px; */
}

.box1 {
    z-index: 3;
    height: 600px;
    background: url('../images/login/ditu.png') -83px -42px no-repeat;
    width: 1232px;
    position: relative;
    /* margin: 84px 0 0 64px; */
    margin: auto;
    box-shadow: 0px 60px 120px 0px #B43B79;

}

.main2 {
    width: 1121px;
    height: 600px;
}

.mod1 {
    z-index: 34;
    position: relative;
    width: 613px;
    height: 600px;
    border-radius: 15px 0 0 15px;
    overflow: hidden;
    background: url('../images/login/ch.png') 100% no-repeat;
}






.main4 {
    width: 488px;
    height: 500px;
    margin-top: 23px;
}


.logo {
    width: 256px;
    height: 19px;
}

.main5 {
    width: 202px;
    height: 16px;
    margin-top: 12px;
}

.mod5 {
    width: 14px;
    height: 14px;
    background-color: rgba(186, 197, 207, 1);
    border-radius: 50%;
    margin-top: 1px;
}

.mod6 {
    width: 14px;
    height: 14px;
    background-color: rgba(186, 197, 207, 1);
    border-radius: 50%;
    margin-top: 1px;
}

.mod7 {
    width: 14px;
    height: 14px;
    background-color: rgba(186, 197, 207, 1);
    border-radius: 50%;
    margin-top: 1px;
}

.word10 {
    width: 130px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(186, 197, 207, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
}

.block2 {
    width: 325px;
    height: 22px;
    margin: 48px 0 0 131px;
}

.word3 {
    width: 88px;
    height: 22px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 22px;
    font-family: SourceHanSansCN-Bold;
    white-space: nowrap;
    line-height: 22px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

.word13 {
    width: 88px;
    height: 22px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 22px;
    font-family: SourceHanSansCN-Bold;
    white-space: nowrap;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
}

.word4 {
    width: 110px;
    height: 22px;
    display: block;
    overflow-wrap: break-word;
    color: #333333;
    font-size: 22px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
}

.word14 {
    width: 110px;
    height: 22px;
    display: block;
    overflow-wrap: break-word;
    color: #333333;
    font-size: 22px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 22px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

.block3 {
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 21, 140, 1);
    margin: 10px 0 0 150px;
}

.block15 {
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 21, 140, 1);
    margin: 10px 0 0 380px;
}

.block4 {
    height: 64px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgba(241, 241, 241, 1);
    width: 388px;
    margin: 58px 0 0 100px;
}

.main3 {
    width: 119px;
    height: 64px;
    position: absolute;
}

.group4 {
    width: 3px;
    height: 64px;
    border-radius: 1.5px 1.5px 1.5px 1.5px;
    background-color: rgba(255, 21, 140, 1);
}

.group0 {
    width: 3px;
    height: 64px;
}

.group5 {
    width: 103px;
    height: 38px;
    margin: 10px 0 0 10px;
}

.word5 {
    width: 65px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: #333333;
    font-size: 16px;
    font-family: SourceHanSansCN-Bold;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
    margin-left: 2px;
}

.word6 {
    width: 180px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    margin-top: 15px;
}

.group6 {
    width: 1px;
    height: 14px;
    border-radius: 0.5px 0.5px 0.5px 0.5px;
    background-color: rgba(255, 21, 140, 1);
    margin: 40px 0 0 2px;
}

.block5 {
    height: 64px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgba(241, 241, 241, 1);
    width: 388px;
    margin: 50px 0 0 100px;
}

.group7 {
    width: 150px;
    height: 38px;
    margin: 10px 0 0 13px;
}

.word7 {
    width: 24px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Bold;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
    margin-left: 2px;
}

.info11 {
    width: 150px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    margin-top: 15px;
}

.block6 {
    width: 181px;
    height: 14px;
    margin: 21px 0 0 100px;
}

.mod3 {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 0.6896551724137931px solid rgba(255, 181, 219, 1);
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
}

.mod4 {
    width: 157px;
    height: 11px;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    margin-top: 1px;
    font-size: 0;
}

.word8 {
    font-size: 11px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(51, 51, 51, 1);
    line-height: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info2 {
    font-size: 11px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(9, 129, 255, 1);
    line-height: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-decoration:underline
}

.block7 {
    height: 46px;
    border-radius: 6.206896551724139px 6.206896551724139px 6.206896551724139px 6.206896551724139px;
    border: 1px solid rgba(255, 21, 140, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 388px;
    margin: 50px 0 0 100px;
    text-align: center;
    line-height: 46px;
    color: #FF158C;
    padding-left: 180px;
    font-size: 16px;
}

/* .word9 {
    width: 28px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 21, 140, 1);
    font-size: 13px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 13px;
    text-align: left;
    margin: 15px 0 0 181px;
} */

.bd1 {
    z-index: 304;
    height: 30px;
    border-radius: 0 15px 0 15px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 192px;
    position: absolute;
    left: 0;
    top: 570px;
}

.txt1 {
    width: 152px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 14px;
    text-align: left;
    margin: 8px 0 0 20px;
}

.box6 {
    height: 64px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgba(241, 241, 241, 1);
    width: 388px;
    margin: 50px 0 0 100px;
}

.section1 {
    width: 363px;
    height: 38px;
    margin: 10px 0 0 13px;
}

.group2 {
    width: 89px;
    height: 38px;
}

.word16 {
    width: 36px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Bold;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
    margin-left: 2px;
}

.info1 {
    width: 89px;
    height: 11px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(186, 197, 207, 1);
    font-size: 11px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 11px;
    text-align: left;
    margin-top: 15px;
}

.group3 {
    height: 36px;
    border-radius: 3px;
    border: 1px solid rgba(255, 21, 140, 1);
    background-color: rgba(255, 255, 255, 1);
    margin-top: 1px;
    width: 88px;
    color: #FF158C;
    padding-left: 10px;
    line-height: 36px;
    margin-top:5px;

}

.txt12 {
    width: 56px;
    height: 11px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 21, 140, 1);
    font-size: 11px;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
    line-height: 11px;
    text-align: left;
    margin: 12px 0 0 17px;
}

.conter {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -616px;
    margin-top: -300px;
}

.main14 {
    width: 348px;
    height: 12px;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    top: -22px;
}

.info12 {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(255, 21, 140, 1);
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.word114 {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(9, 129, 255, 1);
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-decoration: underline;
}

.outer5 {
    width: 358px;
    height: 48px;
    overflow-wrap: break-word;
    text-align: left;
    font-size: 0;
    position: relative;
    top: -60px;
}

.infoBox1 {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(255, 21, 140, 1);
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.paragraph1 {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(9, 129, 255, 1);
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-decoration: underline;
}

.txt0 {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal;
    color: rgba(255, 21, 140, 1);
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btns[disabled] {
      border: 1px solid #FFB5DB;
      color: #FFB5DB;

}
input[type="checkbox"] {
    width: 19px;
    height: 19px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    cursor: pointer;
    margin-bottom: 2px
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc
}

input[type="checkbox"]:checked::before {
    content: "✔";
    background-color: #fc7fa2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #fc7fa2;
    color: white;
    font-size: 19px;
    font-weight: bold;
     margin-bottom: 2px
}
.custom-checkbox input[type=checkbox].checkbox-grey:checked+label:after{
    border-color:white !important;
}
      .ordername {
          width: 160px;

          color: rgba(36, 36, 36, 1);
          font-size: 14px;
          /* font-weight: bold; */
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: keep-all;
          display: block;
            -o-text-overflow:ellipsis;
           /* -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          word-wrap: break-word;  */
      }
      .fa{
          cursor: pointer;
      }
      .search-key-input-width {
          width: 130px;
          margin-right: 5px !important;
      }
      .md-virtual-repeat-container{
        z-index: 99999999999 !important;
      }
      .vertical-top{
        margin-right: 20px;
      }
      .custom-checkbox{
        margin-right: 0px!important;

      }
      .opt-select{
        color: #fc7fa2;
      }
.search-container {
     position: absolute;
    display: inline-block;
    width: 250px;
    top: 20px;
    left: 74px;
}
/* Search results dropdown */
.search-results {
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
}

/* Search results dropdown item */
.search-results li {
  padding: 10px 10px;
  cursor: pointer;
}

/* Search results dropdown item on hover */
.search-results li:hover {
  background-color: #f2f2f2;
}

/* Search results dropdown item on active */
.search-results li.active {
  background-color: #2ecc71;
  color: #fff;
}
.text-label{
    width: 130px;
    text-align: right;
    float: left;
}
.cpointer{
    cursor: pointer;
}