/* yyui3.0  by yuyun 2022.08.15 */
*{ margin:0px ; padding:0px;   }
html, body{ max-width:100%; }
input,button,select,option,textarea{outline: none;} /*去掉聚焦时的蓝框*/
div,ul,li{ list-style-type:none;}
td,div{font-size:14px;}

/*字颜色*/
.yyui-lv{ color:#16b777;}
.yyui-hong{ color:#FF5722;}
.yyui-huang{ color:#FFB800;}

/*栅格*/
.yyui-row:after,.yyui-row:before{content:"";display:block;clear:both}  /* 外层容器yyui-row*/
.yyui-row > div { float:left;  box-sizing:border-box; min-height:5px; } /*列col通用css*/
.yyui-row-space > div { box-sizing:border-box; padding-right:10px; }   /*row 的首层列col距右10像素 */
.yyui-top {vertical-align:top;} /*外层容器内的元素（即各栅格列）靠上对齐*/

.yyui-lt{text-align:left; box-sizing:border-box; }
.yyui-left{text-align:left; box-sizing:border-box; }
.yyui-left5{text-align:left; box-sizing:border-box; padding-left:5px; }
.yyui-left8{text-align:left; box-sizing:border-box; padding-left:8px; }

.yyui-rt ,.yyui-right, .right{text-align:right; box-sizing:border-box; } /*常用于标题居右*/
.yyui-rt5{text-align:right; box-sizing:border-box; padding-right:5px; }
.yyui-rt8{text-align:right; box-sizing:border-box; padding-right:8px; }
.yyui-rt10{text-align:right; box-sizing:border-box; padding-right:10px; }
.yyui-right5{text-align:right; box-sizing:border-box; padding-right:5px; }
.yyui-right8{text-align:right; box-sizing:border-box; padding-right:8px; }
.yyui-right10{text-align:right; box-sizing:border-box; padding-right:10px; }
@media screen and (max-width: 1028px){
	/* 手机、pad */
	.yyui-m0{  display:none; }	
	.yyui-m1{  display:inline-block;width:4.166%; }	
	.yyui-m2{ display:inline-block;width:8.333%; }	
	.yyui-m3{ display:inline-block;width:12.5%; }	
	.yyui-m4{ display:inline-block;width:16.666%; }	
	.yyui-m5{ display:inline-block;width:20.833%; }	
	.yyui-m6{ display:inline-block;width:25%; }	
	.yyui-m7{ display:inline-block;width:29.166%; }	
	.yyui-m8{ display:inline-block;width:33.333%; }	
	.yyui-m9{ display:inline-block;width:37.5%; }	
	.yyui-m10{ display:inline-block;width:41.666%; }	
	.yyui-m11{ display:inline-block;width:45.833%; }	
	.yyui-m12{ display:inline-block;width:50%; }	
	.yyui-m13{ display:inline-block;width:54.166%; }	
	.yyui-m14{ display:inline-block;width:58.333%; }	
	.yyui-m15{ display:inline-block;width:62.5%; }	
	.yyui-m16{ display:inline-block;width:66.666%; }	
	.yyui-m17{ display:inline-block;width:70.833%; }	
	.yyui-m18{ display:inline-block;width:75%; }	
	.yyui-m19{ display:inline-block;width:79.166%; }	
	.yyui-m20{ display:inline-block;width:83.333%; }	
	.yyui-m21{ display:inline-block;width:87.5%; }	
	.yyui-m22{ display:inline-block;width:91.666%; }	
	.yyui-m23{ display:inline-block;width:95.833%; }	
	.yyui-m24{ display:inline-block;width:100%; }
	.yyui-pc800{ width:100%;} 	.yyui-pc800-else{ width:100%; }
	.yyui-pc1000{ width:100%;} 	.yyui-pc1000-else{ width:100%; }
}
@media only screen and (min-width: 1029px){
	/* 电脑PC */
	.yyui-pc0{ display:none;  }	.yyui-pc1{ display:inline-block;width:4.166%; }	.yyui-pc2{ display:inline-block;width:8.333%; }	.yyui-pc3{ display:inline-block;width:12.5%; }	.yyui-pc4{ display:inline-block;width:16.666%; }	.yyui-pc5{ display:inline-block;width:20.833%; }	.yyui-pc6{ display:inline-block;width:25%; }	.yyui-pc7{ display:inline-block;width:29.166%; }	.yyui-pc8{ display:inline-block;width:33.333%; }	.yyui-pc9{ display:inline-block;width:37.5%; }	.yyui-pc10{ display:inline-block;width:41.666%; }	.yyui-pc11{ display:inline-block;width:45.833%; }	.yyui-pc12{ display:inline-block;width:50%; }	.yyui-pc13{ display:inline-block;width:54.166%; }	.yyui-pc14{ display:inline-block;width:58.333%; }	.yyui-pc15{ display:inline-block;width:62.5%; }	.yyui-pc16{ display:inline-block;width:66.666%; }	.yyui-pc17{ display:inline-block;width:70.833%; }	.yyui-pc18{ display:inline-block;width:75%; }	.yyui-pc19{ display:inline-block;width:79.166%; }	.yyui-pc20{ display:inline-block;width:83.333%; }	.yyui-pc21{ display:inline-block;width:87.5%; }	.yyui-pc22{ display:inline-block;width:91.666%; }	.yyui-pc23{ display:inline-block;width:95.833%; }	.yyui-pc24{ display:inline-block;width:100%; }
	.yyui-pc800{ width:800px;} 	.yyui-pc800-else{ width:calc(100% - 800px); }
	.yyui-pc1000{ width:1000px;} 	.yyui-pc1000-else{ width:calc(100% - 1000px); }
}

/*重要提示框*/
.yyui-tipbox{ padding:15px; line-height:2; background-color:#fff3cd; border:1px solid #ffe69c; color:#997404; border-radius:2px;}
.yyui-tipbox-lv{ padding:15px; line-height:2; background-color:#DFF0D8; border:1px solid #3C763D; color:#3C763D; border-radius:2px;}
.yyui-tipbox-hong{ padding:15px; line-height:2; background-color:#F2DEDE; border:1px solid #c7254e; color:#c7254e; border-radius:2px;}

.yyui-inline{ display:inline-block;box-sizing:border-box;}

/*普通按钮（默认蓝色）****************************************************************************/
.yyui-btn {box-sizing:border-box; border:1px solid #1E9FFF; height:38px;line-height:36px; color:#ffffff; background-color:#1E9FFF;  cursor:pointer; vertical-align:middle; display:inline-block; text-decoration:none;  margin-bottom:2px;
 padding:0px 18px;-moz-border-radius: 2px;   -webkit-border-radius: 2px;   border-radius:2px; letter-spacing:0px; font-size:14px; -webkit-appearance:none; }
.yyui-btn:hover {background-color:#4BB2FF;  color:#ffffff;}

.yyui-btn-bai {   border:1px solid #d2d2d2;  color:#333333; background-color:#ffffff;      }
.yyui-btn-bai:hover {background-color:#E6E6E6; border:1px solid #ADADAD; color:#333333; }
.yyui-btn-hong {   border:1px solid #D9534F; color:#ffffff; background-color:#D9534F; }
.yyui-btn-hong:hover {background-color:#C9302C;  color:#ffffff;}
.yyui-btn-lv {border:1px solid #5CB85C; color:#ffffff; background-color:#5CB85C; }
.yyui-btn-lv:hover {background-color:#449D44;  color:#ffffff;}
.yyui-btn-huang {border:1px solid #F0AD4E; color:#ffffff; background-color:#F0AD4E; }
.yyui-btn-huang:hover {background-color:#EC971F;  color:#ffffff;}
.yyui-btn-jinyong {  border:1px solid #d2d2d2;   color:#C9C9C9; background-color:#FBFBFB;  cursor:not-allowed; }
.yyui-btn-jinyong:hover {background-color:#FBFBFB; color:#C9C9C9;}

/*各种尺寸按钮****************************************************************************/
.yyui-btn-lg {  height:44px;line-height:42px;  padding:0px 25px; }
.yyui-btn-sm {  height:30px;line-height:28px;  padding:0px 10px; }
.yyui-btn-xs {  height:22px;line-height:20px;  padding:0px 5px; font-size:11px; }

/*按钮组*/
.yyui-btn-group{ display:table; vertical-align: middle; font-size: 0;}
.yyui-btn-group .yyui-btn:first-child {
    border-left: none;
    border-radius: 2px 0 0 2px;
}
.yyui-btn-group .yyui-btn { margin-left: 0!important;
    margin-right: 0!important;
    border-left: 1px solid rgba(255,255,255,.5);
    border-radius: 0;
}
.yyui-btn-group .yyui-btn:last-child {
    border-radius: 0 2px 2px 0;
}


/*输入框****************************************************************************/
/* placeholder的颜色 */
.yyui-input input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   color: #cacaca;}
.yyui-input input:-moz-placeholder, textarea:-moz-placeholder {color:#cacaca;}
.yyui-input input::-moz-placeholder, textarea::-moz-placeholder {color:#cacaca;}
.yyui-input input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cacaca;}
.yyui-input{box-sizing:border-box;vertical-align:middle; font-size:14px;  width:100%;
	border:1px solid #E6E6E6; padding-left:10px; padding-right:10px; height:38px; padding-bottom:1px;
	-webkit-border-radius: 2px;  border-radius:2px; outline:none; -webkit-appearance:none;  margin-bottom:2px;
}
.yyui-input-sm{ padding-left:8px;padding-right:8px; height:30px;  padding-bottom:1px;  }
.yyui-input-jinyong{ cursor:not-allowed; background-color:#F9F9F9;   }


/*文本域****************************************************************************/
.yyui-textarea{box-sizing:border-box; resize:none; font-family: "Microsoft YaHei" ! important;  width:100%;
	border:1px solid #E6E6E6; padding:6px 10px; line-height:1.7;   font-size:14px;
	-webkit-border-radius: 2px;  border-radius:2px; outline:none; vertical-align:middle;
	margin:9px 0px;
}

/*密码输入框*/
.yyui-mima { letter-spacing:4px; text-security: disc;-webkit-text-security: disc; } 
.yyui-mima::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  letter-spacing:normal; }
.yyui-mima:-moz-placeholder, textarea:-moz-placeholder {letter-spacing:normal; }
.yyui-mima::-moz-placeholder, textarea::-moz-placeholder {letter-spacing:normal; }
.yyui-mima:-ms-input-placeholder, textarea:-ms-input-placeholder {letter-spacing:normal; }

/*下拉框****************************************************************************/
.yyui-select::-ms-expand { display: none;  } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.yyui-select{ box-sizing:border-box; vertical-align:middle;   margin-bottom:2px;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border:1px solid #E6E6E6; 
	height:38px;
	 font-size:14px;
	-webkit-border-radius: 2px;  border-radius:2px; 
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("data:image/gif;base64,R0lGODlhFAAIAJEAAMLCwv///9nZ2ejo6CH5BAAHAP8ALAAAAAAUAAgAAAIYjI+pA+0v1GHPRTkruDjbvjQciAwjiSYFADs=") no-repeat scroll right center transparent;
	background-color:#FFFFFF;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 24px;padding-left:10px;
}
/*小下拉框*/
.yyui-select-sm{ 	height:30px; }


 
/*单选框与复选框****************************************************************************/
/*单选框*/   
.yyui-radio{ display:inline-block; cursor:pointer; margin-right:5px;}
.yyui-radio input[type='radio']:hover { border-color:#1e9fff;}
.yyui-radio input[type='radio']:checked {	background:#1e9fff;border-color:#1e9fff;}
.yyui-radio input[type='radio'] {
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline: none;
	width:18px;
	height:18px;
	background-color:#ffffff;
	border:solid 2px #c2c2c2;
	border-radius:50%;
	margin:-3px 2px 0px 0px;
	padding:0;
	position:relative;
	display:inline-block;
	/*文字对齐方式*/
	vertical-align:middle;
}
.yyui-radio input[type='radio']:checked::after  {
	cursor:pointer;
	content:'';
	top:2px;
	left:2px;
	position:absolute;
	border:#fff solid 2px;
	border-top:none;
	border-right:none;
	height:5px;
	width:8px;
	transform:rotate(-45deg);
}

.yyui-radio-hong input[type='radio']:hover { border-color:#ff5722;}
.yyui-radio-hong input[type='radio']:checked {	background:#ff5722;border-color:#ff5722;}
.yyui-radio-lv input[type='radio']:hover { border-color:#16b777;}
.yyui-radio-lv input[type='radio']:checked {	background:#16b777;border-color:#16b777;}
.yyui-radio-huang input[type='radio']:hover { border-color:#ffb800;}
.yyui-radio-huang input[type='radio']:checked {	background:#ffb800;border-color:#ffb800;}


 /*复选框*/   
.yyui-checkbox{ display:inline-block; cursor:pointer; margin-right:5px;}
.yyui-checkbox input[type='checkbox']:hover { border-color:#1e9fff;}
.yyui-checkbox input[type='checkbox']:checked {	background:#1e9fff;border-color:#1e9fff;}
.yyui-checkbox input[type='checkbox'] {
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline: none;
	width:18px;
	height:18px;
	background-color:#ffffff;
	border:solid 2px #c2c2c2;
	border-radius:2px;
	margin:-3px 2px 0px 0px;
	padding:0;
	position:relative;
	display:inline-block;
	/*文字对齐方式*/
	vertical-align:middle;
}
.yyui-checkbox input[type='checkbox']:checked::after  {
	cursor:pointer;
	content:'';
	top:2px;
	left:2px;
	position:absolute;
	border:#fff solid 2px;
	border-top:none;
	border-right:none;
	height:5px;
	width:8px;
	transform:rotate(-45deg);
}
.yyui-checkbox-hong input[type='checkbox']:hover { border-color:#ff5722;}
.yyui-checkbox-hong input[type='checkbox']:checked {	background:#ff5722;border-color:#ff5722;}
.yyui-checkbox-lv input[type='checkbox']:hover { border-color:#16b777;}
.yyui-checkbox-lv input[type='checkbox']:checked {	background:#16b777;border-color:#16b777;}
.yyui-checkbox-huang input[type='checkbox']:hover { border-color:#ffb800;}
.yyui-checkbox-huang input[type='checkbox']:checked {	background:#ffb800;border-color:#ffb800;}


/*选择框包括单选框radio、复选框checkbox，按钮小对号形式，默认蓝色*/
.yyui-xzk {	display:block;	float:left;	position:relative;	overflow:hidden;	margin-right:3px;}
.yyui-xzk>input {	position:absolute;	top:0;	left:-20px;}
.yyui-xzk>val {	display:block;	cursor:pointer;	background-color:#ffffff;	border-radius:2px;	padding:0px 15px;	text-align:center;	 	border:#dddddd solid 1px; font-size:14px;
	height:36px;	line-height:36px;	color:#666666;	user-select:none;	overflow:hidden;	position:relative;}
.yyui-xzk>input:checked + val {	border:#1E9FFF solid 1px;	color:#1E9FFF;	background-color:#FFFfff;}
.yyui-xzk>input:checked + val:after {content:'';	display:block;	width:20px;	height:20px;	background-color:#1E9FFF;transform:skewY(-45deg);position:absolute;bottom:-10px;right:0;z-index:1;}
.yyui-xzk>input:checked + val:before {content:'';display:block;	width:3px;	height:8px;border-right:#ffffff solid 2px;	border-bottom:#ffffff solid 2px;transform:rotate(35deg);position:absolute;	bottom:2px;	right:4px;z-index:2;}

/*【选择框包括单选框radio、复选框checkbox】，按钮小对号形式，默认红色*/
.yyui-xzk-hong>input:checked + val {	border:#C9302C solid 1px;	color:#C9302C;	}
.yyui-xzk-hong>input:checked + val:after { background-color:#C9302C; }

/*【选择框包括单选框radio、复选框checkbox】，按钮小对号形式，绿色*/
.yyui-xzk-lv>input:checked + val {	border:#449D44 solid 1px;	color:#449D44;	}
.yyui-xzk-lv>input:checked + val:after {	background-color:#449D44;}

/* 小选择框*/
.yyui-xzk-sm>val {height:28px;	line-height:28px;	}

/*file文件域*/
/* .yyui-file{ display:none;} */
.yyui-file-show-part {box-sizing:border-box; cursor:pointer;  
	border:1px solid #E6E6E6; padding-left:35px; padding-right:10px; height:38px;  
	-webkit-border-radius: 2px;  border-radius:2px; outline:none;
	 background-color:#FFFFFF; vertical-align:middle;
}
.yyui-file-sm{ padding-left:8px;padding-right:8px; height:30px;   }



/*输入框左侧图标定义*/
.yyui-icon-date{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAIAAAObm5v///yH5BAAHAP8ALAAAAAAjABAAAAI+jI8GutEJIwK0WivzeY2qrWVPOIbThWImVIor+7ZrRzPfO9lO7eD57AMBg72dzlMM8pBMYpLklEWkplTKVAAAOw==") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}  
.yyui-icon-file{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAMQAAMWSAPXw4frWY//IGvvSS9WtLO7gsvz79vjlpeWxEP/PK/Tt2Nu5S+fSjP/lifn59//NIvHkvf7XV8yZAPDEM/7ggNe1Q9awN86fB/3xy/jmq/Ppyv////7WUti0O8qWACH5BAAHAP8ALAAAAAAjABAAAAWEICeO4kOeaKqS0eW98Nus9Gl8U67rW+0bE4xwOCxYjhZGxGcDXALQKHRBXTQAFibJkKA4vuDwV5BgaEcaiGLAbrvZEEjHdEaoFfi8Xk+ga+17gXx+TICCgn1nHIaHe4l1d42DioySeI9aaZZ5coQ+GQNxoqOkAwKKHAcVHRKtrq+vGSshADs=") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-excel{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAAGKmFP///6/RiJPCXtXnwcffrG2tJOXv2iH5BAAHAP8ALAAAAAAjABAAAAOKGLocR0UMY067+J5pgPfGII5FZjofpRpC4UbDmR0UCKyCEBKxrHUTgOgmOBwKBJ7vBxAoO5RcqNBbLmi3pODGMiKV1mtNEIBGdQNqWNwhBLZRb7IaxhZjZmmabrVPqERaLnxLNB03XGc7hD6GKypOBC1qaygfiSEjImSVARASNR4ERqSdGA85FmEJADs=") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-word{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAACBOlP///5yw0Fp9sdTd64igxjxkorPC2yH5BAAHAP8ALAAAAAAjABAAAAN2GLrcQcTJ6cgRZRgwIKTgom1AyR1oGlKkWXYoVKxT6w4CdhACLRmDoKbAyRV2PV8DUMgdjqcLUrkcpJ7FwpFHZRgMFgFhg3Nyu4oNQRt45QRTdGDzBbrNSbTNNNA2z3oufB4ycgEjglYpcIYPPBlkhBGNFZNKCQA7") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-zip{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQALMAAPdYVUbC92+8x////3LKKPDBaZ/e+vnDns+rYt3kvfze3eB7cbnmnN3x+YTNQP+oLyH5BAAHAP8ALAAAAAAjABAAAASEcMhJq70YN8PN+UlnNFkpGUEqPCySpqSZoSr7uG8sX3Swtq+Ablfp/W6CHPFyWDgXhWjhuVAsLQeA9gNaaAHWKyULWBxsBTJYPP5yCwl1mD3IPqXT55zNIDj+Ng9/fwl0En0EfjYIDokEhYZ9g4uDDpB0iImBjo+GAwkMoQxcB6IMQxgRADs=") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-image{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAAIrDb9fw+NXt76vXqP///9rct5TJe+nz5SH5BAAHAP8ALAAAAAAjABAAAANuSLrc/vCdQKu9NELBu/+e5oCkUJyc2JReYJ6ZuoAueBaprLQuxWExXYcyMAgqR4xu9xsAAEaXYeDrLAnN59PoBBSqgiulsDVstYBkUCYoot9bXE5nhpcN+LzhakfrtXtLXX12A1cEB4mKi4yJEQkAOw==") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-pdf{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAAOVdXf/x8f+Zmf/MzP++vv9ycv/d3f///yH5BAAHAP8ALAAAAAAjABAAAANdeLp8UjAWYZq91kgpQMVgo21QBwRheoxkAQAFqmJsCxEzvQ3EhueZ3cAHDEoIvWNR5AsQl4tawSAIGEY/6EoyGDwIWK1iVB2SslCy+Sze2iLopbQVXwru+PxdBkoAADs=") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-user{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAAHNpeP///6LU9byFZHCczv/ovOC2js7h6yH5BAAHAP8ALAAAAAAjABAAAANJGLrc/jCqMgAQMkMDyOGEJk7XUpRjZoTMwKbR2riwdB4tVkcuHlS+3eNksQSFDeJhiYScdCZU8/diyKa3oVRYqM6gXK8VPC0nAAA7") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-pass{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAAGxqbv///4O76uzFjsqdcHmgyv/35dHP0SH5BAAHAP8ALAAAAAAjABAAAANRGLrc/jAuQ4AtMr8BhDLcoY0GIDLcqBGeY6gZccIwZd04RjtDcfxAIGvXGLQUs8CQuDA2ATrlkelUcI5LZqAaoMyy1GkSTOQ6yDsObt3Ruh0JADs=") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
.yyui-icon-lock{box-sizing:border-box; background: url("data:image/gif;base64,R0lGODlhIwAQAKIAAINwd/////rPon6m0aLW/8yeeez09//y0SH5BAAHAP8ALAAAAAAjABAAAANbGLrcBcO0SesS0GAirV/Hk4Fi9FkF8QnDWaVr604wdajsTKvTkeU6BozV8ZmAQQXMaDBeZMkA0AeACHlRX9EKAnSigQJ0ggSHsQytuYsO+NrmkCkMgK+l1dEsAQA7") no-repeat scroll left center transparent;background-color:#ffffff; padding-left:32px;padding-right:10px; padding-bottom:0px;}
/*图标居右侧*/
.yyui-icon-right{ background-position: right; padding-left:10px;padding-right:32px; }


	
/*徽章，未读数，小圆点****************************************************************************/
.yyui-badge { display:inline-block; line-height:21px; color:#ffffff; background-color:#FF5722; margin-left:4px; 
font-size:11px; padding:0px 5px; -moz-border-radius: 2px;   -webkit-border-radius: 2px;   border-radius:2px; letter-spacing:0px;}
.yyui-badge-dot { display:inline-block; width:8px; height:8px; padding:0px; margin:0px 0px 0px 4px; border-radius: 50%; background-color:#ff5722; }
.yyui-badge-round { display:inline-block; width:21px; height:21px; line-height:21px; padding:0px; margin:0px; border-radius: 50%; background-color:#ff5722; color:#FFFFFF; vertical-align:middle; text-align:center }
	

/*面板*/
.yyui-card{box-sizing:border-box;padding:0px 5px;border-radius: 2px;background-color: #ffffff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
@media screen and (max-width: 1028px){
	/* 手机、pad */
	.yyui-card{	margin:0px 2px 15px 0px;}
}
@media only screen and (min-width: 1029px){
	/* 电脑PC */
	.yyui-card{margin:0px 10px 15px 0px;}
}
.yyui-card-title{ box-sizing:border-box; height:40px; line-height:40px; font-size:16px; float:left;     padding-left:8px; }
.yyui-card-more{ box-sizing:border-box; height:40px; line-height:40px;  float:right;   text-align:right; padding-right:8px; }
.yyui-card-body{
	clear:both;
    padding: 8px 10px;
    line-height:normal;
	 border-top:1px solid #F6F6F6;
}


/*普通静态表格美化*/
.yyui-table {  border-spacing: 0; *border-collapse: collapse; table-layout:fixed;     } 
/* 第一行 */
.yyui-table thead tr td, .yyui-table thead tr th  { padding-left:4px;padding-right:2px; background-color:#ffffff; box-sizing:border-box; font-weight:bold; }
/* 表身td   */
.yyui-table td, .yyui-table th {padding-left:4px;padding-right:2px;  border:1px solid #eeeeee; box-sizing:border-box; 	}
/* 鼠标经过行变色 */
.yyui-table tr:hover{ background-color:#FAFAFA;} 

/*边框+行美化*/
.yyui-table-line {  border-spacing: 0; *border-collapse: collapse; table-layout:fixed;  border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;   } 
.yyui-table-line thead tr td, .yyui-table-line thead tr th  { padding-left:4px;padding-right:2px; background-color:#ffffff; box-sizing:border-box; font-weight:bold; }
.yyui-table-line td, .yyui-table-line th {padding-left:4px;padding-right:2px;  border-bottom:1px solid #eeeeee; box-sizing:border-box; 	}
.yyui-table-line tr:hover{ background-color:#FAFAFA;} 

/*只有行美化*/
.yyui-table-onlyline {  border-spacing: 0; *border-collapse: collapse; table-layout:fixed;     } 
.yyui-table-onlyline thead tr td, .yyui-table-onlyline thead tr th  { padding-left:4px;padding-right:2px; background-color:#ffffff; box-sizing:border-box; font-weight:bold; }
.yyui-table-onlyline td, .yyui-table-onlyline th {padding-left:4px;padding-right:2px;  border-bottom:1px solid #eeeeee; box-sizing:border-box; 	}
.yyui-table-onlyline tr:hover{ background-color:#FAFAFA;} 

/*边框+列美化*/
.yyui-table-row {  border-spacing: 0; *border-collapse: collapse; table-layout:fixed;  border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee;   } 
.yyui-table-row thead tr td, .yyui-table-row thead tr th  { padding-left:4px;padding-right:2px; background-color:#ffffff; box-sizing:border-box; font-weight:bold; }
.yyui-table-row td, .yyui-table-row th {padding-left:4px;padding-right:2px;  border-right:1px solid #eeeeee; box-sizing:border-box; 	}
.yyui-table-row tr:hover{ background-color:#FAFAFA;} 

/*固定条*/
.yyui-fixbar{ position:fixed; background-color:#FFFFFF; }
.yyui-stickybar{ position:sticky; background-color:#FFFFFF; top:40px; }



/*对layui进行csshack */
.layui-input-sm{ height:30px; } /*小输入框，与btn高度保持一致*/
.layui-input-xs{ height:22px; } /*超小输入框*/
.layui-card-body{ line-height: normal;} /*原版layui定义line-height:24像素，这会让面板内容如ueditor工具栏图标变高，在此修正。   */
.layui-table-cell{  padding-left:7px;padding-right:5px; padding-top:4px;  } /*对表格td减小padding（原来的太大）   */


/* 基于iconfont 对图标旋转实现loading效果 class中加入 yyui-xuanzhuan 即可旋转 */
i { display:inline-block; }
.yyui-xuanzhuan{   animation: yyui-icon-xuanzhuan 1.5s linear infinite;}
@keyframes yyui-icon-xuanzhuan {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	}
}