@charset "utf-8";
/*----These are the default style _ Begin----*/
/* Remove margin padding */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,
	pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}

/* Default Font */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	font-family: 'Microsoft YaHei', '黑体', '宋体', Tahoma, Helvetica, Arial,
		"\5b8b\4f53", sans-serif; color:#000;}
* {　margin: 0;padding: 0;}
html, body { height: 100%;}
/*#wrapper { min-height: 100%;}
* html #wrapper { height: 100%;}*/

body{ font-size:10pt; overflow-x: auto !important; overflow-y:scroll !important; padding:0px !important;/*模式窗口偏移*/}
.modal{ overflow: auto !important;}
ul li {list-style:none;}

a, a:active {
	color:#555; text-decoration:none; outline:none;}
a:hover {
	color:#fd7512;}
a:link, a:visited {
	text-decoration:none !important;}
a span { font-size:12px; margin-right:5px;}

.wel-bg { background:url(../img/wel.jpg) no-repeat center top; background-size:100%; background-attachment:fixed;}
.wel-bg a.welBtn {  width:80px; text-align:center; height:80px; line-height:80px; font-size:16px; font-weight:bolder; background:rgba(255,255,255,0.75); border:#F90 solid 4px; border-radius:50%; top:50%; left:50%; margin-top:-40px; margin-left:-40px; position:absolute;}

.ot-bg { background:url(../img/17.jpg) repeat center top;  background-attachment:fixed;}

.topTool { height:50px; line-height:50px; border-bottom:#f15201 solid 2px; background:rgba(255,255,255,1);}
    .topTool .leftBtn,
	.topTool .rightBtn,
	.rowRightBtn { cursor:pointer; z-index:5px; position:absolute;}
	.topTool .leftBtn { left:0; padding-left:15px;}
		.topTool .leftBtn span { font-size:12px; margin-right:5px;}
		.topTool .rightBtn span,
		.rowRightBtn span { width:20px; text-align:center; height:20px; line-height:20px; border-radius:50%; background:#f15201; font-size:12px; color:#FFF; margin-right:5px;}
		.rowRightBtn a { color:#FFF;}
	.topTool .rightBtn,
	.rowRightBtn { right:0; padding-right:15px;}
	.topTool .currentPath { width:100%; line-height:46px; text-align:center; font-size:18px; font-weight:bolder; color:#110925;}
	.topTool a { color:#f15201;}

.indexbody { padding-top:60px; padding-bottom:5px; margin-left:1%; margin-right:1%; overflow:hidden;}
    .indexbody .lineDriver { width:100%; height:2px; background:#f15201; border-bottom:#F2F2F2 solid 1px; margin:10px 0;}
    .indexbody .rowBox { width:100%; overflow:hidden;}
	    .indexbody .rowBox .c-rowBox { width:100%; font-size:14px; color:#FFF; overflow:hidden; margin-bottom:5px;}
		    .indexbody .rowBox .c-rowBox .rowBoxLeft { width:30%; line-height:34px; font-weight:bolder; text-align:justify; text-align-last:justify; padding-right:5px; margin:0; float:left;}
			.indexbody .rowBox .c-rowBox .rowBoxRight { width:70%; line-height:34px; padding-left:10px; margin:0; float:left;}
			    .indexbody .rowBox .c-rowBox .rowBoxRight .radio-inline { padding-left:0; margin-right:10px;}
			.indexbody .rowBox .c-rowBox .c-rowHalf { width:50%; margin:0; float:left;}
			.indexbody .rowBox .c-rowBox .c-row43 { width:43%; padding-right:5px; margin:0; float:left;}
			.indexbody .rowBox .c-rowBox .c-row14 { width:14%; padding-left:5px; margin:0; float:left;}
			    .indexbody .rowBox .c-rowBox .c-row14.spanAdd a span{ color:#0F0;}
				.indexbody .rowBox .c-rowBox .c-row14.spanDel a span { color:#F00;}
			    .indexbody .rowBox .c-rowBox .c-row14 a span { font-size:28px; margin:3px 0; float:right;}
			.indexbody .rowBox .c-rowBox .c-row60w { width:60px; margin:0; float:left;}
			.indexbody .rowBox .c-rowBox .c-rowLeft { margin:0; float:left;}
			.indexbody .rowBox .c-rowBox .c-lastInfo { line-height:20px; padding:0 8px; margin:7px 0 7px 15px; float:left; background:#FFF; color:#999; border-radius:17px;}
			    .indexbody .rowBox .c-rowBox .c-lastInfo a { color:#f15201;}

			.indexbody .rowBox .form-group { overflow:hidden; margin-bottom:5px;}
			    .indexbody .rowBox .form-group label { width:30%; line-height:34px; text-align:justify; text-align-last:justify; color:#FFF; padding-right:5px; margin:0; float:left;}
			    .indexbody .rowBox .form-group .form-control { width:70%; padding-left:10px; margin:0; float:left;}
				.indexbody .rowBox .form-group .form-noBg { background:none;}
				.indexbody .rowBox .form-group .radioRow { width:70%; line-height:34px; margin:7px 0; float:left;}
				    .indexbody .rowBox .form-group .radioRow .tick-label { width:auto; margin-right:5px;}
	.indexbody .rowBox .c-btn { width:100%; text-align:center; height:40px; line-height:40px; color:#FFF; border:#FFF solid 1px; border-radius:5px; background:#f15201;}
	    .indexbody .rowBox .c-btn span { font-size:14px; margin-right:10px;}


/*workspace-工作空间*/
.menuUl { width:100%; overflow:hidden;}
.menuUl li { width:20%; padding-left:5px; padding-right:5px; margin:0; float:left;}
    .menuUl li > a { color:#FFF;}
	.menuUl li > a .btn { width:100%; line-height:1.75; text-align:center; border-radius:5px; font-size:12px; background:rgba(255,255,255,0.35); border:#f2f2f2 solid 2px; padding:5px 0; overflow:hidden;}
	.menuUl li > a .btn span { font-size:16px; margin:0 auto;}

.noticeLine { height:30px; line-height:30px; background:url(../img/clock_red.png) no-repeat 5px center rgba(255,255,255,0.65); background-size:20px; padding:0 0 0 30px; border-radius:5px; margin:25px 0;}
    .noticeLine a { color:#f15201;}

    .listBox { background:rgba(255,255,255,0.65); padding:5px 10px; overflow:hidden; border-radius:5px;}
	    .listBox .lineDriver { width:100%; height:2px; background:#f15201; border-bottom:#F2F2F2 solid 1px; margin:10px 0;}
	    .listBox .rowBox { width:100%; overflow:hidden; padding:10px 0;}
		    .listBox .rowBox .positionCol { width:25%; font-size:16px; overflow:hidden; padding-top:5px; color:#f15201; margin:0; float:left;}
			.listBox .rowBox .listCol { width:75%; margin:0; float:left;}
			    .listBox .rowBox .listCol .clineDriver { width:100%; height:1px; background:url(../img/dotted.png) repeat-x; margin:5px 0;}
			    .listBox .rowBox .listCol .childRow { width:100%; overflow:hidden;}
				    .listBox .rowBox .listCol .childRow .childLeftCol { width:15%; font-size:16px; min-height:50px; line-height:84px; overflow: hidden; margin:0; float:left;}
					.listBox .rowBox .listCol .childRow .childRightCol { width:80%; margin:0; float:left;}
					    .listBox .rowBox .listCol .childRow .childRightCol ul.listUl { width:100%; overflow:hidden;}
					    .listBox .rowBox .listCol .childRow .childRightCol ul.listUl li { width:50px; text-align:center; padding:8px 0; margin:0; float:left;}
						.listBox .rowBox .listCol .childRow .childRightCol  ul.listUl li .btn { width:32px; height:32px; line-height:32px; overflow:hidden; padding:0; margin:0 auto; }
						.listBox .rowBox .listCol .childRow .childRightCol  ul.listUl li .c-red { background:#F00;}
						.listBox .rowBox .listCol .childRow .childRightCol  ul.listUl li .c-green { background:#0F0;}
						.listBox .rowBox .listCol .childRow .childRightCol  ul.listUl li .c-gray { background:#F2F2F2;}
						.listBox .rowBox .listCol .childRow .childRightCol  ul.listUl li .c-yellow { background:#fafd03}

/*openCard-开卡*/
.ps { width:100%; color:#FFF; overflow:hidden; margin:30px 0;}
.activityBox { width:100%; line-height:1.75; color:#fafd03; overflow:hidden; margin:30px 0;}
    .activityBox span { margin-right:8px;}


/*personCenter*/
.personCentBox { width:100%; background:rgba(255,255,255,0.25); border-radius:5px; overflow:hidden; margin-bottom:25px;}
    .personCentBox .personInfo { width:100%; overflow:hidden; padding:5px;}
	    .personCentBox .personInfo .pensonImg { width:30%; margin:0; float:left;}
		    .personCentBox .personInfo .pensonImg img { height:80px; border:#FFF solid 3px; border-radius:50%;}
		.personCentBox .personInfo .pensonInfo { width:50%; margin:0; float:left;}
		    .personCentBox .personInfo .pensonInfo .infoRow { width:100%; text-align:left; height:20px; line-height:20px; color:#FFF; overflow:hidden; margin-top:5px; margin-bottom:5px;}
		.personCentBox .personInfo .pensonShow { width:20%; height:80px; overflow:hidden; margin:0; float:left;}
		    .personCentBox .personInfo .pensonShow .showBtn { width:50px; text-align:center; height:20px; color:#000; border:#FFF solid 1px; line-height:20px; border-radius:5px; background:#8edcff; margin:0; float:right;}

.personFunClerk { width:100%; overflow:hidden; margin:5px 0;}
.personFunClerk li { width:50%; padding:5px; margin:0; float:right;}
    .personFunClerk li > a { color:#FFF;}
	.personFunClerk li > a .btn { width:100%; text-align:center; border-radius:5px; font-size:12px; background:#f15201; border:#FFF solid 1px; padding:5px 0;}
	.personFunClerk li > a .btn span { font-size:16px; margin:0 auto;}

.personFunClerkCop { width:100%; overflow:hidden; margin:5px 0;}
.personFunClerkCop li { width:33%; padding:5px; margin:0; float:right;}
    .personFunClerkCop li > a { color:#FFF;}
	.personFunClerkCop li > a .btn { width:100%; text-align:center; border-radius:5px; font-size:12px; background:#f15201; border:#FFF solid 1px; padding:5px 0;}
	.personFunClerkCop li > a .btn span { font-size:16px; margin:0 auto;}
	
.personFun { width:100%; overflow:hidden; margin:5px 0;}
.personFun li { width:25%; padding:5px; margin:0; float:right;}
    .personFun li > a { color:#FFF;}
	.personFun li > a .btn { width:100%; text-align:center; border-radius:5px; font-size:12px; background:#f15201; border:#FFF solid 1px; padding:5px 0;}
	.personFun li > a .btn span { font-size:16px; margin:0 auto;}

.achievementBox { width:100%; background: rgba(0, 0, 255, 0.41); border-radius:5px; overflow:hidden; padding:10px 5px; margin-bottom:15px;}
    .achievementBox .achievRow { width:100%; color:#FFF; line-height:28px; margin-bottom:10px;}
	    .achievementBox .achievRow .estCom { width:auto; margin:0; float:left;}
		    .achievementBox .achievRow .estCom a { color:#FFF;}
			.achievementBox .achievRow .estCom span { margin-left:3px; font-size:14px; color:#FFF;}
		.achievementBox .achievRow .ranking { width:auto; margin:0; float:right;}
		    .achievementBox .achievRow .ranking a { color:#FFF;}
		    .achievementBox .achievRow .ranking span { margin-left:3px; font-size:14px; color:#F00;}

	.achievementBox .table-responsive { text-align:center; color:#FFF; overflow:hidden;}
	.achievementBox .c-btn { width:100%; text-align:center; height:40px; line-height:40px; color:#FFF; border:#FFF solid 1px; border-radius:5px; background:#f15201;}

/*personDate*/
.stafImg { width:80px; height:80px; border:#FFF solid 3px; border-radius:50%; background:#999; margin:0 auto;}

.rowBox .table-responsive { border:none; margin:15px 0; background:rgba(255,255,255,0.9); border-radius:5px;}
    .rowBox .table-responsive .td-attribute { font-weight:bolder;}

/*serviceOrder*/
.orderBox { width:100%; padding:10px; overflow:hidden; background:rgba(242,242,242,0.75); border-radius:10px; margin-bottom:5px;}
    .orderBox .orderNo { width:100%; overflow:hidden;}
	    .orderBox .orderNo a { color:#f15201;}
	.orderBox .lineDriver { width:100%; height:2px; border-bottom:#FFF solid 1px; background:#999; margin:8px 0 10px 0;}
	.orderBox .orderLine { width:100%; overflow:hidden; margin-bottom:5px;}
	    .orderBox .orderLine .orderLineLeft { width:auto; margin:0; float:left;}
		.orderBox .orderLine .orderLineRight { width:auto; margin:0; float:right;}

/*payResult*/
.promptBox {  width:100%; padding:10px; overflow:hidden; background:rgba(255,255,255,0.75); border-radius:10px; margin-bottom:15px;}
    .promptBox .imgRow { width:100%; text-align:center; font-size:18px; padding:20px 0; overflow:hidden;}
	    .promptBox .imgRow img { height:80px; margin:0 auto;}
	.promptBox .lineDriver { width:100%; height:2px; border-bottom:#FFF solid 1px; background:#999; margin:8px 0 10px 0;}
	.rowBox .promptBox .c-btnOK,
	.rowBox .promptBox .c-btnSorry { width:40px; height:40px; line-height:35px; color:#FFF; border:#FFF solid 3px; border-radius:50%; text-align:center; overflow:hidden; margin:0 auto;}
    .rowBox .promptBox .c-btnOK { background:#f15201;}
	.rowBox .promptBox .c-btnSorry { background:#ccc;}

/*reportForm-报表*/
.p-nav-tabs { height:40px; background:rgba(255,255,255,0.65); border:#f15201 solid 1px; margin:5px 0 20px 0; overflow:hidden;}
.p-nav-tabs li { width:33.33%; text-align:center; margin:0;}
    .p-nav-tabs .driver { width:1px; height:38px; background:#f15201; margin-left:-1px; float:left;}

.p-nav-tabs > li > a { width:100%; color:#f15201; font-size:14px; line-height:40px; border:none; border-radius:0; background:none; padding:0;}
.p-nav-tabs > li.active > a,
.p-nav-tabs > li.active > a:hover,
.p-nav-tabs > li.active > a:focus { line-height:39px; color:#FFF; background:#f15201; border:none; padding:0;}

.c-rowBox .storeName { line-height:34px; font-size:18px; font-weight:bolder; padding-right:5px; margin:0; float:left;}
.c-rowBox .searchMonth { line-height:34px; padding-left:10px; margin:0; float:right;}

.employeeBox { width:100%; padding:10px; color:#FFF; overflow:hidden; background:rgba(242,242,242,0.35); border-radius:10px; margin-bottom:20px;}
	.employeeBox .lineDriver { width:100%; height:2px; border-bottom:#FFF solid 1px; background:#999; margin:8px 0 10px 0;}
	.employeeBox .clineDriver { width:100%; height:1px; background:url(../img/dotted.png) repeat-x; margin:5px 0;}
	.employeeBox .employeeLine { width:100%; overflow:hidden; margin-bottom:5px;}
		.employeeBox .employeeLine a { color:#FFF; background:#f15201; border-radius:3px; padding:2px 5px;}
	    .employeeBox .employeeLine .employeeLineLeft { width:auto; margin:0; float:left;}
		.employeeBox .employeeLine .employeeLineLeft span { margin-right:5px; font-size:12px;}
		.employeeBox .employeeLine .employeeLineRight { width:auto; margin:0; float:right;}
		.employeeBox .employeeLine .employeeLineHalf28 { width:28%; overflow:hidden; text-align:justify; text-align-last:justify; margin:0; float:left;}
		.employeeBox .employeeLine .employeeLineHalf22 { width:22%; overflow:hidden; margin:0; float:left;}
td.cusName { width:70px;}

#edtails .table-responsive { text-align:left;}
    #edtails .table-responsive thead { color:#000; background:#FFF;}
    #edtails .table-responsive td.orderNo { color:#00F; font-weight:bolder;}
	#edtails .table-responsive td font { color:#000;}
	#edtails .table-responsive td.project { padding-top:10px; padding-bottom:10px;}

.marginT10 { margin-top:10px;}
.marginT30 { margin-top:30px;}

/*店管理*/
.indexbody .rowBox .c-rowBox .colRow { width:33.33%; overflow:hidden; margin:0 0 15px 0; float:left;}
    .indexbody .rowBox .c-rowBox span { font-size:12px; margin-right:5px;}
    .indexbody .rowBox .c-rowBox .colRow a { color:#fff;}

#cardType td { height:34px; line-height:34px;}
td .spanDel { width:20px; height:20px; background:url(../img/spanDel.png) no-repeat; margin:7px 5px 0 5px; float:right;}
td .spanEdit { width:20px; height:20px; background:url(../img/spanEdit.png) no-repeat; margin:7px 5px 0 5px; float:right;}
td .spanShow { width:20px; height:20px; background:url(../img/spanShow.png) no-repeat; margin:7px 5px 0 5px; float:right;}
td .spanEdit2 { width:20px; text-align:center; height:20px; line-height:20px; border-radius:50%; margin:7px 5px 0 5px; float:right;}
    td .spanEdit2 span { font-size:18px; margin:0px;}

/*员工设置*/
.staffBox { width:100%; height:auto; font-size:12px; border-radius:5px; overflow:hidden; background:rgba(255,255,255,0.75); padding:5px 0; margin-bottom:15px;}
    .staffBox .staffImgBox { width:40px; height:72px; z-index:5px; position:absolute; left:10px;}
	    .staffBox .staffImgBox img { height:40px; border-radius:50%; margin:16px 0;}
    .staffBox .staffBtnBox { width:20px; height:72px; z-index:5px; position:absolute; right:10px;}
	    .staffBox .staffBtnBox .btnbox { width:20px; height:36px; line-height:36px;}
		    .staffBox .staffBtnBox .btnbox span { width:20px; text-align:center; height:20px; line-height:20px; border-radius:50%; background:#f15201; font-size:12px; color:#FFF; margin:8px 0;}
    .staffBox .staffInfoBox { width:226px; height:72px; left:50%; position:relative; margin-left:-100px;}
	    .staffBox .staffInfoBox .staffInfoRow { width:100%; height:24px; line-height:24px;}
		    .staffBox .staffInfoBox .staffInfoRow .info1 { width:123px; height:24px; line-height:24px; margin:0; float:left;}
			.staffBox .staffInfoBox .staffInfoRow .info2 { width:103px; height:24px; line-height:24px; margin:0; float:left;}
			.staffBox .staffInfoBox .staffInfoRow .info2.effective span { color:#0F0; margin-right:3px;}
			.staffBox .staffInfoBox .staffInfoRow .info2.invalid span { color:#FC3; margin-right:3px;}

/*考勤*/
#kaoqin input { width:90px; margin:0 5px; float:left;}

/*水牌*/
.form-group .groupRow { width:100%; color:#FFF; font-weight:bolder; margin-bottom:15px;}

/*--tick-radio--*/
.tick-label { width:auto; margin-left:10px; overflow:hidden; display:inline-block; float:left;}
.tick-radio{display:none}
.tick-radioInput{ width:20px; height:20px; line-height:1; background:url(../img/noChecked.png) no-repeat center center #FFF; border-radius:100%; display:inline-block; vertical-align:middle; margin:0; float:left;}
.tick-radio:checked + .tick-radioInput:after{ width:20px; height:20px; line-height:1; border-radius:100%; content:""; background:url(../img/checked.png) no-repeat center center #FFF; display:inline-block; vertical-align:middle; float:left;}
.tick-checkbox.tick-radioInput,.tick-radio:checked + .tick-checkbox.tick-radioInput:after {border-radius:5px;}

.radioValue { width:auto; height:20px; line-height:20px; font-weight:400; overflow:hidden; margin:0 0 0 5px; float:left;}

/*登录页面*/
.wel-bg form { padding:0 15px; text-align:center; position: relative; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.wel-bg form h3 { color:#FF0;}

.wel-bg form .p-checkbox { margin-left:0; float:left;}
.wel-bg form .p-reg { margin:10px 0; float:right;}
.wel-bg form .p-checkbox,
.wel-bg form .p-reg a { color:#FFF; font-weight:bolder;}
.wel-bg form .p-reg a:hover { color:#555;}
.wel-bg form .p-submitBt {  width:80px; text-align:center; height:80px; font-size:16px; font-weight:bolder; background:rgba(255,255,255,0.75); border:#F90 solid 4px; border-radius:50%; margin:15px auto;}
.wel-bg form .p-submitBt a { color:#000;}

.sub_cont {
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	border: #FFF solid 1px;
	background: #de4b4b;
}

input[type="date"] {
	cursor: pointer;
}