.custom-template {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: -325px;
	width: 325px;
	height: max-content;
	display: block;
	z-index: 1;
	background: #ffffff;
	transition: all .3s;
	z-index: 1003;
	box-shadow: -1px 1px 20px rgba(69, 65, 78, 0.15);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: all .5s;
}

.custom-template.open {
	right: 0px;
}

.custom-template .custom-toggle {
	position: absolute;
	width: 45px;
	height: 45px;
	background: rgb(88, 103, 221);
	top: 50%;
	left: -45px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #177dff;
	cursor: pointer;
	color: #ffffff;
	box-shadow: -5px 5px 20px rgba(69, 65, 78, 0.21);
}

.custom-template .custom-toggle i {
	font-size: 20px;
	animation: 1.3s spin linear infinite;
}

.custom-template .title{
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom: 1px solid #ebedf2;
    background: #5867dd;
}

.custom-template .custom-content{
	padding: 20px 15px;
	max-height: calc(100vh - 90px);
	overflow: auto;
}

.custom-template .switcher {
	padding: 5px 0;
}

.custom-template .switch-block h4 {
	font-size: 13px;
	font-weight: 600;
	color: #444;
	line-height: 1.3;
	margin-bottom: 0;
	text-transform: uppercase;
}

.custom-template .btnSwitch {
	margin-top: 20px;
	margin-bottom: 25px;
}

.custom-template .btnSwitch button {
	border: 0px;
	height: 20px;
	width: 20px;
	outline: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #eee;
	position: relative;
	transition: all .2s;
}

.custom-template .btnSwitch button:hover{
	border-color: #0bf;
}

.custom-template .btnSwitch button.selected{
	border-color: #0bf;
}

.custom-template .img-pick {
	padding: 4px;
	min-height: 100px;
	border-radius: 5px;
	cursor: pointer;
}

.custom-template .img-pick img {
	height: 100%;
	height: 100px;
	width: 100%;
	border-radius: 5px;
	border: 2px solid transparent;
}

.custom-template .img-pick:hover img, .custom-template .img-pick.active img{
	border-color: #177dff;
}

.demo .btn, .demo .progress{
	margin-bottom: 15px !important;
}

.demo .form-check-label, .demo .form-radio-label{
	margin-right: 15px;
}

.demo .toggle, .demo .btn-group{
	margin-right: 15px;
}

.demo #slider{
	margin-bottom: 15px;
}

.table-typo tbody > tr > td{
	border-color: #fafafa;
}

.table-typo tbody > tr > td:first-child{
	min-width: 200px;
	vertical-align: bottom;
}

.table-typo tbody > tr > td:first-child p{
	font-size: 14px;
	color: #333;
}

.demo-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
	padding: 10px;
	transition: all .2s;
}

.demo-icon:hover{
	background-color: #f4f5f8;
	border-radius: 3px;
}

.demo-icon .icon-preview{
	font-size: 1.8rem;
	margin-right: 10px;
	line-height: 1;
	color: #333439;
}

body[data-background-color="dark"] .demo-icon .icon-preview {
	color: #969696;
}

.demo-icon .icon-class{
	font-weight: 300;
	font-size: 13px;
	color: #777;
}

body[data-background-color="dark"] .demo-icon .icon-class {
	color: #a9a8a8;
}

.form-show-notify .form-control{
	margin-bottom: 15px;
}

.form-show-notify label{
	padding-top: 0.65rem;
}

.map-demo {
	height: 300px;
}

#instructions li{
	padding: 5px 0;
}

.row-demo-grid{
	margin-bottom: 15px;
}

.row-demo-grid [class^="col"]{
	text-align: center;
}

.row-demo-grid [class^="col"] .card-body{
	background: #ddd;
}

.btnSwitch button[data-color="white"] {
	background-color: #fff;
}
.btnSwitch button[data-color="grey"] {
	background-color: #f1f1f1;
}
.btnSwitch button[data-color="black"] {
	background-color: #191919;
}
.btnSwitch button[data-color="dark"] {
	background-color: #1a2035;
}
.btnSwitch button[data-color="blue"] {
	background-color: #1572E8;
}
.btnSwitch button[data-color="purple"] {
	background-color: #6861CE;
}
.btnSwitch button[data-color="light-blue"] {
	background-color: #48ABF7;
}
.btnSwitch button[data-color="green"] {
	background-color: #31CE36;
}
.btnSwitch button[data-color="orange"] {
	background-color: #427bff;
}
.btnSwitch button[data-color="red"] {
	background-color: #fc4b6c;
}
.btnSwitch button[data-color="dark2"] {
	background-color: #1f283e;
}
.btnSwitch button[data-color="blue2"] {
	background-color: #1269DB;
}
.btnSwitch button[data-color="purple2"] {
	background-color: #5C55BF;
}
.btnSwitch button[data-color="light-blue2"] {
	background-color: #3697E1;
}
.btnSwitch button[data-color="green2"] {
	background-color: #2BB930;
}
.btnSwitch button[data-color="orange2"] {
	background-color: #FF9E27;
}
.btnSwitch button[data-color="red2"] {
	background-color: #EA4d56;
}
.btnSwitch button[data-color="bg1"] {
	background-color: #fafafa;
}
.btnSwitch button[data-color="bg2"] {
	background-color: #fff;
}
.btnSwitch button[data-color="bg3"] {
	background-color: #f1f1f1;
}

@media screen and (max-width: 550px){
	.table-typo tr td{
		display: flex;
		align-items: center;
		word-break: break-word;
	}

	.table-typo tr td:first-child p{
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 576px){
	.custom-template .custom-content {
		overflow: auto;
	}
	.form-show-notify > .text-right, .form-show-validation > .text-right {
		text-align: left !important;
	}
}

@media screen and (max-width: 400px) {
	.custom-template {
		width: 85% !important;
		right: -85%;
	}
}


.red { color:#f00; }
.footer_logo { width:240px; height:60px; background:url(../images/logo2.png) #fff center no-repeat; position:fixed; z-index:1113333; left:0; border-top:#F5F5F5 1PX solid;  bottom:0;     }
.margin-right-15 { margin-right:15px; }
.margin-left-15 { margin-left:15px; }
.margin-left-5 { margin-left:5px; }
.margin-right-5 { margin-right:5px; }
.margin-top-10 { margin-top: 5px; margin-bottom: 5px; ;}
.cust-control { position:fixed; border-top:1px solid #eee;
	padding:15px; padding-right:30px;
	background:#fff;
	width:100%; height:70px;  z-index:20000; bottom:0; left:0;    }
.tex_center { text-align:center; }
.tex_right { text-align:right; }

.img_50 { width:45px; height:45px; }

.table-head-bg-gray thead tr th { background:#f9fbfd; color:#666; }
.btn-gray { border:#ddd 1px solid; border-radius:4px; background:#fff;   }
.btn-gray:hover { border:#aaa 1px solid;background:#00a7bf; color:#666;  }
.margin-left-30 { margin-left:50px; }
.margin-top-220 { margin-top:-220px; }
.width-160 { width:120%;}

.table_th_a tr th { text-align:left;  }
.table_th_a a { color:#656565; }
.table_th_a a .sort_px { position:relative; padding-left:10px;  right:0;  width:40px; height:40px;    }
.table_th_a a .sort_px i { color:#ccc; }
.table_th_a a .sort_px i.up { position:absolute; }
.table_th_a a .sort_px i.down { position:absolute;  margin-top:7px; }

.table_th_a a .sort_px i.active { color:#ffa800;}

.table_th_a .btn-link  { color:#666; font-size:14px; }
.table_th_a .btn-link:hover  {  color:#ff5a09; }

.btn2 { padding:5px; }

/*提醒级别图标:1234*/
.tx_icon1 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#ff7575 , #ff5050);  border-radius:10px; padding:0 5px 0 5px; margin-right:10px;   }
.tx_icon2 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#ffaa3e , #f98d05); border-radius:10px; padding:0 5px 0 5px; margin-right:10px;  }
.tx_icon3 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#50b3ff , #008cf8); border-radius:10px; padding:0 5px 0 5px; margin-right:10px;  }
.tx_icon4 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#31ce35 , #04bd09); border-radius:10px; padding:0 5px 0 5px; margin-right:10px;  }

.login_ip { padding:0 10px 0 10px;  }
.padding-10 { width:15%; padding-left:5px; padding-right:5px;     }
.width-90 { width:100%; background:#0F6;}
.gray { color:#ccc;}

/*.nav .nav-primary.nav-item a { padding:0; margin:0; }
*/

.hiddens { display:none; }  /*控制左侧影藏菜单图标--下面的footer_logo*/
.form-control2 { background: none; border:0; line-height:30px; color:#60acef; margin-left:10px;  }
.form-control2 option { background:#fff; color:#00a7bf; border:0; line-height:50px;    }
.form-control-select2 { width:80px; height:auto; color:#fff;     }
.form-control-select2 h3 { width:80px; height:35px; font-size:14px;  padding:10px 10px 10px 15px;   }
.form-control-select2 h3 i { position:relative; left:20px; top:0; transition:all .4s ease-in-out;    }
.form-control-select2 .sel_content  { position:absolute; width:80px; margin-top:2px;  background:#fff; border-radius:4px; padding:10px;
box-shadow: -5px 5px 20px rgba(69, 65, 78, 0.21); display:none;
  }
.form-control-select2 .sel_content a { display:block; color:#666; padding-left:10px;     line-height:24px; font-size:14px;   }
.form-control-select2 .sel_content a:hover { color:#00a7bf; text-decoration:none;   }

.form-control-select2:hover i {  transform:rotate(180deg); }

.form-check2 { height:40px; line-height:40px; vertical-align:middle;  margin-left:10px;  }
.form-check2 label { padding-left:10px; margin-top:1px; vertical-align:middle;  }

#dis_caozuo { display:none; }
.null_img { margin-top:20px; padding-bottom:20px; }
.null_img img { width:150px;  }

.table tr:hover  { background:#ebf7ff; }
.form-inline span.ts{ line-height:20px; color:#999;  margin-bottom:0; padding-left:20px;   }




@media screen and (max-width: 768px) {
.cust-control {width:100%;  }
.margin-left-30 { margin-left:0; }
.margin-top-220 { margin-top:0; }
.width-160 { width:100%;}
.login_ip { display:none; background:#f00;}
.title_area { display:none; }
.mr-top-20 { margin-top:-20px; }
.blcok_dd2 { display:block; }
.blcok_dd1 { display:none; }
.mr-text-left { text-align:left; padding-left:0; margin-left:-5px;   }
.padding-10 {  width:15%; padding-left:10px; padding-right:10px;     }
.width-90 { width:100%; background:#0F6;}
.hidden { display:none; }

.footer_logo { height:50px;   }

.form-control-select2 .sel_content a { padding-left:0;   }
.form-control-select2 .sel_content { padding-left:0; }

.label-align-right { text-align:left; padding-left:0;  }

}





.tag_wd { cursor: pointer !important; }
.tag_wd:hover { color: #00a7bf !important;}
.lang_wd { cursor: pointer !important; }
.lang_wd:hover { color: #00a7bf !important;}






/*page content*/

DIV.digg {

	PADDING: 3px;    TEXT-ALIGN: right;  margin-bottom:10px; margin-right:15px; font-size:14px; padding-bottom:10px; 

}

DIV.digg a {BORDER-RIGHT: #00a7bf 1px solid; PADDING-RIGHT: 8px; text-align:center; BORDER-TOP: #00a7bf 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; MARGIN: 1px; BORDER-LEFT: #00a7bf 1px solid; COLOR: #777777; PADDING-TOP: 6px; BORDER-BOTTOM: #00a7bf 1px solid;  TEXT-DECORATION: none; width:auto; height:20px; line-height:40px; border-radius:4px; }

DIV.digg a:hover {BORDER-RIGHT: #00a7bf 1px solid; BORDER-TOP: #00a7bf 1px solid; BORDER-LEFT: #00a7bf 1px solid; COLOR: #0b6ac3; BORDER-BOTTOM: #00a7bf 1px solid; background:#00a7bf; color:#fff; }

DIV.digg a:active {BORDER-RIGHT: #00a7bf 1px solid; BORDER-TOP: #00a7bf 1px solid; BORDER-LEFT: #00a7bf 1px solid; COLOR: #0b6ac3; BORDER-BOTTOM: #00a7bf 1px solid; border-radius:4px;}


DIV.digg span.current {BORDER-RIGHT: #00a7bf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #00a7bf 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #00a7bf 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #00a7bf 1px solid; BACKGROUND-COLOR: #00a7bf; width:auto; height:20px; line-height:40px; border-radius:4px;}

DIV.digg span.disabled { BORDER: #ddd 1px solid; PADDING-RIGHT: 10px;  PADDING-LEFT: 10px;  PADDING-BOTTOM: 5px; MARGIN: 2px;  COLOR: #ddd; PADDING-TOP: 5px;  BACKGROUND: #fff; width:auto; height:20px; line-height:40px; border-radius:4px; }



.DIV.digg input {margin: 0px 2px -2px 2px; color:#66C; border: 1px solid #DDD; padding:2px; width:20px; text-align:center;font-size:12px; font-family:Tahoma;}   


@media screen and (max-width: 768px) {
DIV.digg a { margin: 1px;  }
DIV.digg span.disabled { margin: 1px; }
DIV.digg span.current { margin: 1px;  }

}



/*通用状态胶囊*/
.ico-status { width:42px; height:22px; border:#dedede 1px solid; background:#dedede; border-radius:25px;    }
.ico-status span { width:22px; height:22px;   background:#fff; border-radius:22px; border:#f5f5f5 1px solid; display:inline-block; transition: margin-left 0.5s; box-shadow:0px 0px 4px #ddd; margin-left:-20px; margin-top:-1px;     }
.ico-status span.open-radius {   margin-left:20px;   margin-top:0px;      }
.ico-status.ico-status-check { background:#00a7bf; border:0;  margin-top:0px;      }



/*通用多选框样式*/
input[type="checkbox"] {
text-indent:0;
margin: 0;
width: 18px;
height: 18px;
text-align:center;
display: inline-block;
vertical-align: middle;
line-height: 18px;
position: relative; 
}
input[type="checkbox"]::before { transition:background .4s ; 
content: "";
position: absolute;
background: #fff;
top: -5%;
left: -5%;
width: 110%; height:110%;
border: 1px solid #dedede; border-radius:4px;
}
input[type="checkbox"]:checked::before {
/*content: "\25BC";
*/
content:"";
color: #fff;
position: absolute;
top: -5%;
left: -5%;
width: 110%; height:110%;
font-size: 14px;
outline: none;
background:url(../images/ok.svg) center center #00a7bf ;
background-size:95%; 
border: 1px solid #00a7bf; border-radius:4px;

}

/*通用单选框样式*/
input[type="radio"] {
text-indent:0;
margin: 0;
width: 16px;
height: 16px;
text-align:center;
display: inline-block;
vertical-align: middle;
line-height: 18px;
position: relative; 
}
input[type="radio"]::before { transition:background .4s ; 
content: "";
position: absolute;
background: #fff;
top: -5%;
left: -5%;
width: 110%; height:110%;
border: 1px solid #dedede; border-radius:16px;
}
input[type="radio"]:checked::before {
/*content: "\25BC";
*/
content:"";
color: #fff;
position: absolute;
top: -5%;
left: -5%;
width: 110%; height:110%;
font-size: 14px;
outline: none;
background:url(../images/ok.svg) center center #00a7bf ;
background-size:100%; 
border: 1px solid #00a7bf; border-radius:16px;

}



.delete {  display: inline-block; padding: 2px 6px; border-radius: 4px; background: linear-gradient(#fff, #e8f9f9);  border: #01c4c6 1px solid; margin-bottom: 5px; 
	margin-right: 5px; cursor: pointer; padding-right: 10px;  }   /*transition: 0.5s all;*/
.delete i { color: #f7544e; }
.delete:hover { color: #fff ;  border-color: #f7544e;  background: linear-gradient(#f87570, #f7544e); }
.delete:hover i { color: #fff ; }
.delete input { border: 0; background-color: transparent; cursor: pointer; padding-left: 10px; line-height: 20px; width: 130px!important;  }
.delete:hover input { color: #fff ;  }








/*进度条loading*/
#loading { width:230px; height:90px; position:fixed; left:45%;  top:40%; background:url(../images/load.gif) center -30px no-repeat #fff;   padding:20px;  border-radius:4px; padding-top:60px; box-shadow: 2px 2px 10px #ddd; text-align:center; display:none;      }



/*公共样式表*/
/*弹窗*/
#wintq { width:auto; height:54px; line-height:54px; position:fixed; left:0; top:0px; z-index:9999; font-family:"微软雅黑";

}


#wintq .tqLeft { width:45px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px 0px;}
#wintq .tqLeft2 { width:45px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px -54px;}
#wintq .tqLeft3 { width:45px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px -108px;}
#wintq .tqLeft4 { width:16px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px -108px;}
#wintq .tqCenter { width:auto; height:54px; line-height:52px; padding-right:15px; float:left; background:url(../images/layer.png) repeat-x left bottom; font-size:15px; text-align:left; text-indent:15px; color:#333; font-weight:900}
#wintq .tqCenter .loading { width:auto; height:54px; background:url(../images/loading2.gif) no-repeat 6px 17px; text-indent:28px; padding-left:4px; }
#wintq .tqRight { width:6px; height:54px; float:left; background:url(../images/layer.png) no-repeat left 0px;}
#zbody { position:fixed; left:0; top:0; z-index:9998; background:#000; opacity:0.4; filter:Alpha(opacity=40);
animation:move_zbody 0.2s ease-in-out 0s  ; 
	animation-fill-mode:forwards; 
}

@keyframes move_zbody { from { opacity:0} to { opacity:0.4;  }  }

#iframe_pop {  height:auto;    background:#fff ; font-size:12px; /*box-shadow: 2px 2px 4px 3px rgba(0, 0, 0, 0.1);*/ position:fixed; z-index:9999; font-family:"微软雅黑"; border-radius:10px;  padding-bottom:5px; opacity:0; overflow:hidden;  
animation:move_wintq 0.3s ease-in-out 0s  ; 
animation-fill-mode:forwards;    
}

@media screen and (max-width: 768px) {
	#iframe_pop { width:90%; left:5%; top:20%;  } 
}


@keyframes move_wintq { 0% { opacity:0; transform:scale(0.5,0.5);  }  100% { opacity:1; transform:scale(1,1);   }  }

#iframe_pop .pop_h1 { width:auto; height:40px; line-height:40px; text-indent:16px; color:#333; text-align:left; background:#f5f5f5; position:relative; cursor:move; font-size:16px ;  border-top-left-radius:10px;  border-top-right-radius:10px; border-bottom:#e5e5e5 1px solid;   }
#iframe_pop .pop_h1 .pop_close { position:absolute; right:10px; top:6px; width:28px; height:28px; background: url(../images/close.png) no-repeat center top; background-size:100%; }
#iframe_pop .pop_h1 .pop_close:hover { background:url(../images/close.png) no-repeat center bottom; cursor:pointer; background-size:100%; }

#f_pop { width:auto; height:auto; border:solid 1px #999; background:#fff ; font-size:12px; box-shadow:0px 0px 10px #888; position:fixed; z-index:10000; font-family:"微软雅黑";}
#f_pop .pop_h1 { width:auto; height:32px; line-height:32px; text-indent:16px; color:#fff; text-align:left; background:#333; position:relative; cursor:move; font-size:14px; }
#f_pop .pop_h1 .pop_close { position:absolute; right:8px; top:6px; width:16px; height:16px; background: url(../images/close.png) no-repeat center top;}
#f_pop .pop_h1 .pop_close:hover { background:url(../images/close.png) no-repeat center bottom; cursor:pointer;}
#sbody { position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff; opacity:0.4; filter:Alpha(opacity=40);}

#tcimg { width:auto; height:auto; position:fixed; background:#fff; z-index:9999 }
#tcimg .close { width:40px; height:40px; position:absolute; top:0; right:0; background:url(../images/close.png) no-repeat right top; cursor:pointer; }
#tcimg img { max-width:1100px; max-height:620px; }


#Remindh { position:fixed; top:78px; right:20px; width:50px; height:46px; line-height:44px; text-indent:16px; color:#FF0; text-align:left; background:url(../images/home/sess.png) no-repeat left top; font-size:14px; font-family:"微软雅黑"; display:blick; z-index:99; cursor:pointer; font-weight:900; }


/*选择员工*/
.d_list ul { list-style:none; }
.d_list ul li { list-style:none; height:auto; line-height:40px; border-bottom:#ddd 1px solid; font-size:16px;   }


.icon_vip { width:auto; padding:2px 2px 1px 2px; display:inline-block; height:13px; line-height:8px; overflow:hidden;     border-radius:4px;  background: linear-gradient(to right, #fda640 , #fdbc40 );     color:#fff;}

.star {     color:#fdbc40;}
/*星级评分*/
#starRating { height:40px; line-height:40px;  overflow:hidden; }
#starRating .ppstar span {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 20px;
    overflow: hidden;
    margin-right: 10px; 
    cursor: pointer; margin-top:15px; 
}
#starRating .ppstar span:last-child {
    margin-right: 0px;
}
#starRating .ppstar span .nohigh {
    position: absolute;
    width: 22px;
    height: 20px;
    top: 0;
    left: 0;
    background: url("../images/star.png"); background-size:100%;
}
#starRating .ppstar span .high {
    position: absolute;
    width: 22px;
    height: 20px;
    top: 0;
    left: 0;
    background: url("../images/star1.png"); background-size:100%;
}

#ts_success { color:#00cc66; display:none;   line-height:40px;  margin:5px auto;   


	.custom-template {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		right: -325px;
		width: 325px;
		height: max-content;
		display: block;
		z-index: 1;
		background: #ffffff;
		transition: all .3s;
		z-index: 1003;
		box-shadow: -1px 1px 20px rgba(69, 65, 78, 0.15);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		transition: all .5s;
	}
	
	.custom-template.open {
		right: 0px;
	}
	
	.custom-template .custom-toggle {
		position: absolute;
		width: 45px;
		height: 45px;
		background: rgb(88, 103, 221);
		top: 50%;
		left: -45px;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-right: 1px solid #177dff;
		cursor: pointer;
		color: #ffffff;
		box-shadow: -5px 5px 20px rgba(69, 65, 78, 0.21);
	}
	
	.custom-template .custom-toggle i {
		font-size: 20px;
		animation: 1.3s spin linear infinite;
	}
	
	.custom-template .title{
		padding: 15px;
		text-align: left;
		font-size: 16px;
		font-weight: 600;
		color: #ffffff;
		border-top-left-radius: 5px;
		border-bottom: 1px solid #ebedf2;
		background: #5867dd;
	}
	
	.custom-template .custom-content{
		padding: 20px 15px;
		max-height: calc(100vh - 90px);
		overflow: auto;
	}
	
	.custom-template .switcher {
		padding: 5px 0;
	}
	
	.custom-template .switch-block h4 {
		font-size: 13px;
		font-weight: 600;
		color: #444;
		line-height: 1.3;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	
	.custom-template .btnSwitch {
		margin-top: 20px;
		margin-bottom: 25px;
	}
	
	.custom-template .btnSwitch button {
		border: 0px;
		height: 20px;
		width: 20px;
		outline: 0;
		margin-right: 10px;
		margin-bottom: 10px;
		cursor: pointer;
		padding: 0;
		border-radius: 50%;
		border: 2px solid #eee;
		position: relative;
		transition: all .2s;
	}
	
	.custom-template .btnSwitch button:hover{
		border-color: #0bf;
	}
	
	.custom-template .btnSwitch button.selected{
		border-color: #0bf;
	}
	
	.custom-template .img-pick {
		padding: 4px;
		min-height: 100px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.custom-template .img-pick img {
		height: 100%;
		height: 100px;
		width: 100%;
		border-radius: 5px;
		border: 2px solid transparent;
	}
	
	.custom-template .img-pick:hover img, .custom-template .img-pick.active img{
		border-color: #177dff;
	}
	
	.demo .btn, .demo .progress{
		margin-bottom: 15px !important;
	}
	
	.demo .form-check-label, .demo .form-radio-label{
		margin-right: 15px;
	}
	
	.demo .toggle, .demo .btn-group{
		margin-right: 15px;
	}
	
	.demo #slider{
		margin-bottom: 15px;
	}
	
	.table-typo tbody > tr > td{
		border-color: #fafafa;
	}
	
	.table-typo tbody > tr > td:first-child{
		min-width: 200px;
		vertical-align: bottom;
	}
	
	.table-typo tbody > tr > td:first-child p{
		font-size: 14px;
		color: #333;
	}
	
	.demo-icon {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-bottom: 20px;
		padding: 10px;
		transition: all .2s;
	}
	
	.demo-icon:hover{
		background-color: #f4f5f8;
		border-radius: 3px;
	}
	
	.demo-icon .icon-preview{
		font-size: 1.8rem;
		margin-right: 10px;
		line-height: 1;
		color: #333439;
	}
	
	body[data-background-color="dark"] .demo-icon .icon-preview {
		color: #969696;
	}
	
	.demo-icon .icon-class{
		font-weight: 300;
		font-size: 13px;
		color: #777;
	}
	
	body[data-background-color="dark"] .demo-icon .icon-class {
		color: #a9a8a8;
	}
	
	.form-show-notify .form-control{
		margin-bottom: 15px;
	}
	
	.form-show-notify label{
		padding-top: 0.65rem;
	}
	
	.map-demo {
		height: 300px;
	}
	
	#instructions li{
		padding: 5px 0;
	}
	
	.row-demo-grid{
		margin-bottom: 15px;
	}
	
	.row-demo-grid [class^="col"]{
		text-align: center;
	}
	
	.row-demo-grid [class^="col"] .card-body{
		background: #ddd;
	}
	
	.btnSwitch button[data-color="white"] {
		background-color: #fff;
	}
	.btnSwitch button[data-color="grey"] {
		background-color: #f1f1f1;
	}
	.btnSwitch button[data-color="black"] {
		background-color: #191919;
	}
	.btnSwitch button[data-color="dark"] {
		background-color: #1a2035;
	}
	.btnSwitch button[data-color="blue"] {
		background-color: #1572E8;
	}
	.btnSwitch button[data-color="purple"] {
		background-color: #6861CE;
	}
	.btnSwitch button[data-color="light-blue"] {
		background-color: #48ABF7;
	}
	.btnSwitch button[data-color="green"] {
		background-color: #31CE36;
	}
	.btnSwitch button[data-color="orange"] {
		background-color: #427bff;
	}
	.btnSwitch button[data-color="red"] {
		background-color: #fc4b6c;
	}
	.btnSwitch button[data-color="dark2"] {
		background-color: #1f283e;
	}
	.btnSwitch button[data-color="blue2"] {
		background-color: #1269DB;
	}
	.btnSwitch button[data-color="purple2"] {
		background-color: #5C55BF;
	}
	.btnSwitch button[data-color="light-blue2"] {
		background-color: #3697E1;
	}
	.btnSwitch button[data-color="green2"] {
		background-color: #2BB930;
	}
	.btnSwitch button[data-color="orange2"] {
		background-color: #FF9E27;
	}
	.btnSwitch button[data-color="red2"] {
		background-color: #EA4d56;
	}
	.btnSwitch button[data-color="bg1"] {
		background-color: #fafafa;
	}
	.btnSwitch button[data-color="bg2"] {
		background-color: #fff;
	}
	.btnSwitch button[data-color="bg3"] {
		background-color: #f1f1f1;
	}
	
	@media screen and (max-width: 550px){
		.table-typo tr td{
			display: flex;
			align-items: center;
			word-break: break-word;
		}
	
		.table-typo tr td:first-child p{
			margin-bottom: 0px;
		}
	}
	
	@media screen and (max-width: 576px){
		.custom-template .custom-content {
			overflow: auto;
		}
		.form-show-notify > .text-right, .form-show-validation > .text-right {
			text-align: left !important;
		}
	}
	
	@media screen and (max-width: 400px) {
		.custom-template {
			width: 85% !important;
			right: -85%;
		}
	}
	
	
	.red { color:#f00; }
	.footer_logo { width:240px; height:60px; background:url(../images/logo2.png) #fff center no-repeat; position:fixed; z-index:1113333; left:0; border-top:#F5F5F5 1PX solid;  bottom:0;     }
	.margin-right-15 { margin-right:15px; }
	.margin-left-15 { margin-left:15px; }
	.margin-left-5 { margin-left:5px; }
	.margin-right-5 { margin-right:5px; }
	.margin-top-10 { margin-top: 5px; margin-bottom: 5px; ;}
	.cust-control { position:fixed; border-top:1px solid #eee;
		padding:15px; padding-right:30px;
		background:#fff;
		width:100%; height:70px;  z-index:20000; bottom:0; left:0;    }
	.tex_center { text-align:center; }
	.tex_right { text-align:right; }
	
	.img_50 { width:45px; height:45px; }
	
	.table-head-bg-gray thead tr th { background:#f9fbfd; color:#666; }
	.btn-gray { border:#ddd 1px solid; border-radius:4px; background:#fff;   }
	.btn-gray:hover { border:#aaa 1px solid;background:#00a7bf; color:#666;  }
	.margin-left-30 { margin-left:50px; }
	.margin-top-220 { margin-top:-220px; }
	.width-160 { width:120%;}
	
	.table_th_a tr th { text-align:center;  }
	.table_th_a a { color:#656565; }
	.table_th_a a .sort_px { position:relative; padding-left:10px;  right:0;  width:40px; height:40px;    }
	.table_th_a a .sort_px i { color:#ccc; }
	.table_th_a a .sort_px i.up { position:absolute; }
	.table_th_a a .sort_px i.down { position:absolute;  margin-top:7px; }
	
	.table_th_a a .sort_px i.active { color:#ffa800;}
	
	.table_th_a .btn-link  { color:#666; font-size:14px; }
	.table_th_a .btn-link:hover  {  color:#ff5a09; }
	
	.btn2 { padding:5px; }
	
	/*提醒级别图标:1234*/
	.tx_icon1 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#ff7575 , #ff5050);  border-radius:10px; padding:0 5px 0 5px; margin-right:10px;   }
	.tx_icon2 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#ffaa3e , #f98d05); border-radius:10px; padding:0 5px 0 5px; margin-right:10px;  }
	.tx_icon3 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#50b3ff , #008cf8); border-radius:10px; padding:0 5px 0 5px; margin-right:10px;  }
	.tx_icon4 { font-size:11px; color:#fff; font-weight:normal;background-image: linear-gradient(#31ce35 , #04bd09); border-radius:10px; padding:0 5px 0 5px; margin-right:10px;  }
	
	.login_ip { padding:0 10px 0 10px;  }
	.padding-10 { width:15%; padding-left:5px; padding-right:5px;     }
	.width-90 { width:100%; background:#0F6;}
	.gray { color:#ccc;}
	
	/*.nav .nav-primary.nav-item a { padding:0; margin:0; }
	*/
	
	.hiddens { display:none; }  /*控制左侧影藏菜单图标--下面的footer_logo*/
	.form-control2 { background: none; border:0; line-height:30px; color:#60acef; margin-left:10px;  }
	.form-control2 option { background:#fff; color:#00a7bf; border:0; line-height:50px;    }
	.form-control-select2 { width:80px; height:auto; color:#fff;     }
	.form-control-select2 h3 { width:80px; height:35px; font-size:14px;  padding:10px 10px 10px 15px;   }
	.form-control-select2 h3 i { position:relative; left:20px; top:0; transition:all .4s ease-in-out;    }
	.form-control-select2 .sel_content  { position:absolute; width:80px; margin-top:2px;  background:#fff; border-radius:4px; padding:10px;
	box-shadow: -5px 5px 20px rgba(69, 65, 78, 0.21); display:none;
	  }
	.form-control-select2 .sel_content a { display:block; color:#666; padding-left:10px;     line-height:24px; font-size:14px;   }
	.form-control-select2 .sel_content a:hover { color:#00a7bf; text-decoration:none;   }
	
	.form-control-select2:hover i {  transform:rotate(180deg); }
	
	.form-check2 { height:40px; line-height:40px; vertical-align:middle;  margin-left:10px;  }
	.form-check2 label { padding-left:10px; margin-top:1px; vertical-align:middle;  }
	
	#dis_caozuo { display:none; }
	.null_img { margin-top:20px; padding-bottom:20px; }
	.null_img img { width:150px;  }
	
	.table tr:hover  { background:#ebf7ff; }
	.form-inline span.ts{ line-height:20px; color:#999;  margin-bottom:0; padding-left:20px;   }
	
	
	
	
	@media screen and (max-width: 768px) {
	.cust-control {width:100%;  }
	.margin-left-30 { margin-left:0; }
	.margin-top-220 { margin-top:0; }
	.width-160 { width:100%;}
	.login_ip { display:none; background:#f00;}
	.title_area { display:none; }
	.mr-top-20 { margin-top:-20px; }
	.blcok_dd2 { display:block; }
	.blcok_dd1 { display:none; }
	.mr-text-left { text-align:left; padding-left:0; margin-left:-5px;   }
	.padding-10 {  width:15%; padding-left:10px; padding-right:10px;     }
	.width-90 { width:100%; background:#0F6;}
	.hidden { display:none; }
	
	.footer_logo { height:50px;   }
	
	.form-control-select2 .sel_content a { padding-left:0;   }
	.form-control-select2 .sel_content { padding-left:0; }
	
	.label-align-right { text-align:left; padding-left:0;  }
	
	}
	
	
	
	
	
	
	
	
	
	
	/*page content*/
	
	DIV.digg {
	
		PADDING: 3px;    TEXT-ALIGN: right;  margin-bottom:10px; margin-right:15px; font-size:14px; padding-bottom:10px; 
	
	}
	
	DIV.digg a {BORDER-RIGHT: #00a7bf 1px solid; PADDING-RIGHT: 8px; text-align:center; BORDER-TOP: #00a7bf 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; MARGIN: 1px; BORDER-LEFT: #00a7bf 1px solid; COLOR: #777777; PADDING-TOP: 6px; BORDER-BOTTOM: #00a7bf 1px solid;  TEXT-DECORATION: none; width:auto; height:20px; line-height:40px; border-radius:4px; }
	
	DIV.digg a:hover {BORDER-RIGHT: #00a7bf 1px solid; BORDER-TOP: #00a7bf 1px solid; BORDER-LEFT: #00a7bf 1px solid; COLOR: #0b6ac3; BORDER-BOTTOM: #00a7bf 1px solid; background:#00a7bf; color:#fff; }
	
	DIV.digg a:active {BORDER-RIGHT: #00a7bf 1px solid; BORDER-TOP: #00a7bf 1px solid; BORDER-LEFT: #00a7bf 1px solid; COLOR: #0b6ac3; BORDER-BOTTOM: #00a7bf 1px solid; border-radius:4px;}
	
	
	DIV.digg span.current {BORDER-RIGHT: #00a7bf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #00a7bf 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #00a7bf 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #00a7bf 1px solid; BACKGROUND-COLOR: #00a7bf; width:auto; height:20px; line-height:40px; border-radius:4px;}
	
	DIV.digg span.disabled { BORDER: #ddd 1px solid; PADDING-RIGHT: 10px;  PADDING-LEFT: 10px;  PADDING-BOTTOM: 5px; MARGIN: 2px;  COLOR: #ddd; PADDING-TOP: 5px;  BACKGROUND: #fff; width:auto; height:20px; line-height:40px; border-radius:4px; }
	
	
	
	.DIV.digg input {margin: 0px 2px -2px 2px; color:#66C; border: 1px solid #DDD; padding:2px; width:20px; text-align:center;font-size:12px; font-family:Tahoma;}   
	
	
	@media screen and (max-width: 768px) {
	DIV.digg a { margin: 1px;  }
	DIV.digg span.disabled { margin: 1px; }
	DIV.digg span.current { margin: 1px;  }
	
	}
	
	
	
	/*通用状态胶囊*/
	.ico-status { width:42px; height:22px; border:#dedede 1px solid; background:#dedede; border-radius:25px;    }
	.ico-status span { width:22px; height:22px;   background:#fff; border-radius:22px; border:#f5f5f5 1px solid; display:inline-block; transition: margin-left 0.5s; box-shadow:0px 0px 4px #ddd; margin-left:-20px; margin-top:-1px;     }
	.ico-status span.open-radius {   margin-left:20px;   margin-top:0px;      }
	.ico-status.ico-status-check { background:#00a7bf; border:0;  margin-top:0px;      }
	
	
	
	/*通用多选框样式*/
	input[type="checkbox"] {
	text-indent:0;
	margin: 0;
	width: 18px;
	height: 18px;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
	position: relative; 
	}
	input[type="checkbox"]::before { transition:background .4s ; 
	content: "";
	position: absolute;
	background: #fff;
	top: -5%;
	left: -5%;
	width: 110%; height:110%;
	border: 1px solid #dedede; border-radius:4px;
	}
	input[type="checkbox"]:checked::before {
	/*content: "\25BC";
	*/
	content:"";
	color: #fff;
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%; height:110%;
	font-size: 14px;
	outline: none;
	background:url(../images/ok.svg) center center #00a7bf ;
	background-size:95%; 
	border: 1px solid #00a7bf; border-radius:4px;
	
	}
	
	/*通用单选框样式*/
	input[type="radio"] {
	text-indent:0;
	margin: 0;
	width: 16px;
	height: 16px;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
	position: relative; 
	}
	input[type="radio"]::before { transition:background .4s ; 
	content: "";
	position: absolute;
	background: #fff;
	top: -5%;
	left: -5%;
	width: 110%; height:110%;
	border: 1px solid #dedede; border-radius:16px;
	}
	input[type="radio"]:checked::before {
	/*content: "\25BC";
	*/
	content:"";
	color: #fff;
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%; height:110%;
	font-size: 14px;
	outline: none;
	background:url(../images/ok.svg) center center #00a7bf ;
	background-size:100%; 
	border: 1px solid #00a7bf; border-radius:16px;
	
	}
	
	
	
	
	
	/*进度条loading*/
	#loading { width:230px; height:90px; position:fixed; left:45%;  top:40%; background:url(../images/load.gif) center -30px no-repeat #fff;   padding:20px;  border-radius:4px; padding-top:60px; box-shadow: 2px 2px 10px #ddd; text-align:center; display:none;      }
	
	
	
	/*公共样式表*/
	/*弹窗*/
	#wintq { width:auto; height:54px; line-height:54px; position:fixed; left:0; top:0px; z-index:9999; font-family:"微软雅黑";
	
	}
	
	
	#wintq .tqLeft { width:45px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px 0px;}
	#wintq .tqLeft2 { width:45px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px -54px;}
	#wintq .tqLeft3 { width:45px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px -108px;}
	#wintq .tqLeft4 { width:16px; height:54px; float:left; background:url(../images/layer.png) no-repeat -5px -108px;}
	#wintq .tqCenter { width:auto; height:54px; line-height:52px; padding-right:15px; float:left; background:url(../images/layer.png) repeat-x left bottom; font-size:15px; text-align:left; text-indent:15px; color:#333; font-weight:900}
	#wintq .tqCenter .loading { width:auto; height:54px; background:url(../images/loading2.gif) no-repeat 6px 17px; text-indent:28px; padding-left:4px; }
	#wintq .tqRight { width:6px; height:54px; float:left; background:url(../images/layer.png) no-repeat left 0px;}
	#zbody { position:fixed; left:0; top:0; z-index:9998; background:#000; opacity:0.4; filter:Alpha(opacity=40);
	animation:move_zbody 0.2s ease-in-out 0s  ; 
		animation-fill-mode:forwards; 
	}
	
	@keyframes move_zbody { from { opacity:0} to { opacity:0.4;  }  }
	
	#iframe_pop {  height:auto;    background:#fff ; font-size:12px; /*box-shadow: 2px 2px 4px 3px rgba(0, 0, 0, 0.1);*/ position:fixed; z-index:9999; font-family:"微软雅黑"; border-radius:10px;  padding-bottom:5px; opacity:0; overflow:hidden;  
	animation:move_wintq 0.3s ease-in-out 0s  ; 
	animation-fill-mode:forwards;    
	}
	
	@media screen and (max-width: 768px) {
		#iframe_pop { width:90%; left:5%; top:20%;  } 
	}
	
	
	@keyframes move_wintq { 0% { opacity:0; transform:scale(0.5,0.5);  }  100% { opacity:1; transform:scale(1,1);   }  }
	
	#iframe_pop .pop_h1 { width:auto; height:40px; line-height:40px; text-indent:16px; color:#333; text-align:left; background:#f5f5f5; position:relative; cursor:move; font-size:16px ;  border-top-left-radius:10px;  border-top-right-radius:10px; border-bottom:#e5e5e5 1px solid;   }
	#iframe_pop .pop_h1 .pop_close { position:absolute; right:10px; top:6px; width:28px; height:28px; background: url(../images/close.png) no-repeat center top; background-size:100%; }
	#iframe_pop .pop_h1 .pop_close:hover { background:url(../images/close.png) no-repeat center bottom; cursor:pointer; background-size:100%; }
	
	#f_pop { width:auto; height:auto; border:solid 1px #999; background:#fff ; font-size:12px; box-shadow:0px 0px 10px #888; position:fixed; z-index:10000; font-family:"微软雅黑";}
	#f_pop .pop_h1 { width:auto; height:32px; line-height:32px; text-indent:16px; color:#fff; text-align:left; background:#333; position:relative; cursor:move; font-size:14px; }
	#f_pop .pop_h1 .pop_close { position:absolute; right:8px; top:6px; width:16px; height:16px; background: url(../images/close.png) no-repeat center top;}
	#f_pop .pop_h1 .pop_close:hover { background:url(../images/close.png) no-repeat center bottom; cursor:pointer;}
	#sbody { position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff; opacity:0.4; filter:Alpha(opacity=40);}
	
	#tcimg { width:auto; height:auto; position:fixed; background:#fff; z-index:9999 }
	#tcimg .close { width:40px; height:40px; position:absolute; top:0; right:0; background:url(../images/close.png) no-repeat right top; cursor:pointer; }
	#tcimg img { max-width:1100px; max-height:620px; }
	
	
	#Remindh { position:fixed; top:78px; right:20px; width:50px; height:46px; line-height:44px; text-indent:16px; color:#FF0; text-align:left; background:url(../images/home/sess.png) no-repeat left top; font-size:14px; font-family:"微软雅黑"; display:blick; z-index:99; cursor:pointer; font-weight:900; }
	
	
	/*选择员工*/
	.d_list ul { list-style:none; }
	.d_list ul li { list-style:none; height:auto; line-height:40px; border-bottom:#ddd 1px solid; font-size:16px;   }
	
	
	.icon_vip { width:auto; padding:2px 2px 1px 2px; display:inline-block; height:13px; line-height:8px; overflow:hidden;     border-radius:4px;  background: linear-gradient(to right, #fda640 , #fdbc40 );     color:#fff;}
	
	.star {     color:#fdbc40;}
	/*星级评分*/
	#starRating { height:40px; line-height:40px;  overflow:hidden; }
	#starRating .ppstar span {
		position: relative;
		display: inline-block;
		width: 22px;
		height: 20px;
		overflow: hidden;
		margin-right: 10px; 
		cursor: pointer; margin-top:15px; 
	}
	#starRating .ppstar span:last-child {
		margin-right: 0px;
	}
	#starRating .ppstar span .nohigh {
		position: absolute;
		width: 22px;
		height: 20px;
		top: 0;
		left: 0;
		background: url("../images/star.png"); background-size:100%;
	}
	#starRating .ppstar span .high {
		position: absolute;
		width: 22px;
		height: 20px;
		top: 0;
		left: 0;
		background: url("../images/star1.png"); background-size:100%;
	}
	
	#ts_success { color:#00cc66; display:none;   line-height:40px;  margin:5px auto;  }