/** reset **/
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, img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea{font: 16px/1.5 'Microsoft Yahei',tahoma, Srial, helvetica, sans-serif;}
html{width: 100%;height: 100%;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
em,i{font-style:normal;}
ul, ol{list-style: none;}
a{
	border: none;
	text-decoration: none;color:#282828;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a:hover{
	text-decoration: none;color: #a0161d;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,select,textarea
{outline:none;/*-webkit-appearance:none;*/}
textarea{resize:none;}
a { text-decoration: none; color: #333; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a.hidefocus{outline:none}
input{font-family: "微软雅黑";}
textarea{font-family: "微软雅黑";}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}
.hide { display:none;}
input::-webkit-input-placeholder { color: #eee }


/**20230408 youhong新增*/
/* ul或ol下li取消样式 **/
.no-list-style,
.no-list-style ul,
.no-list-style ol,
.no-list-style li{margin:0px;padding:0px;list-style:none;}

/*公共类*/
.none{display:none !important;}
.block{display: block !important;}
.inline{display:inline !important;}
.inline-block{display:inline-block !important;}
.pre {margin:15px auto;padding: 20px;border: 0;border: 1px dotted #785;background: #f5f5f5;line-height: 1.4;font-family: Consolas;}

/*浮动*/
.tc{margin:auto;text-align:center;}
.fl{float:left !important;}
.fr{float:right !important;}
.cl{clear:both !important;}

/*外边距*/
.margin{margin:15px !important;}
.margin-0{margin:0px !important;}
.margin-5{margin:5px !important;}
.margin-10{margin:10px !important;}
.margin-20{margin:20px !important;}
.margin-30{margin:30px !important;}
.margin-top{margin-top:15px !important;}
.margin-top-0{margin-top:0px !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-bottom{margin-bottom:15px !important;}
.margin-bottom-0{margin-bottom:0px !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-left{margin-left:15px !important;}
.margin-left-0{margin-left:0px !important;}
.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-30{margin-left:30px !important;}
.margin-right{margin-right:15px !important;}
.margin-right-0{margin-right:0px !important;}
.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-30{margin-right:30px !important;}

/*内边距*/
.padding{padding:15px !important;}
.padding-0{padding:0px !important;}
.padding-5{padding:5px !important;}
.padding-10{padding:10px !important;}
.padding-20{padding:20px !important;}
.padding-30{padding:30px !important;}
.padding-top{padding-top:15px !important;}
.padding-top-0{padding-top:0px !important;}
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-bottom{padding-bottom:15px !important;}
.padding-bottom-0{padding-bottom:0px !important;}
.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-left{padding-left:15px !important;}
.padding-left-0{padding-left:0px !important;}
.padding-left-5{padding-left:5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-20{padding-left:20px !important;}
.padding-left-30{padding-left:30px !important;}
.padding-right{padding-right:15px !important;}
.padding-right-0{padding-right:0px !important;}
.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-20{padding-right:20px !important;}
.padding-right-30{padding-right:30px !important;}

/*字体方向*/
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

/*字体大小*/
.fz-10{font-size:10px !important;}
.fz-12{font-size:12px !important;}
.fz-14{font-size:14px !important;}
.fz-15{font-size:15px !important;}
.fz-16{font-size:16px !important;}
.fz-17{font-size:17px !important;}
.fz-18{font-size:18px !important;}
.fz-19{font-size:19px !important;}
.fz-20{font-size:20px !important;}
.fz-21{font-size:21px !important;}
.fz-22{font-size:22px !important;}
.fz-23{font-size:23px !important;}
.fz-24{font-size:24px !important;}
.fz-25{font-size:25px !important;}
.fz-26{font-size:26px !important;}
.fz-28{font-size:28px !important;}
.fz-30{font-size:30px !important;}
.fz-32{font-size:32px !important;}
.fz-34{font-size:34px !important;}
.fz-36{font-size:36px !important;}
.fz-38{font-size:38px !important;}
.fz-40{font-size:40px !important;}
.fz-42{font-size:42px !important;}
.fz-44{font-size:44px !important;}
.fz-46{font-size:46px !important;}
.fz-48{font-size:48px !important;}
.fz-50{font-size:50px !important;}
.fz-52{font-size:52px !important;}
.fz-54{font-size:54px !important;}
.fz-56{font-size:56px !important;}
.fz-58{font-size:58px !important;}
.fz-60{font-size:60px !important;}

/*字体粗细*/
.fw-100{font-weight:100 !important;}
.fw-400{font-weight:400 !important;}
.fw-600{font-weight:600 !important;}
.fw-800{font-weight:800 !important;}

/*字体样式*/
.fs-normal{font-style:normal !important;}
.fs-italic{font-style:italic !important;}
.fs-oblique{font-style:oblique !important;}

/*字体颜色*/
.color-grey{color:#999 !important;}
.color-white{color:#fff !important;}
.color-default{color:#333 !important;}
.color-danger{color:#FF5722 !important;}
.color-warning{color:#FFB800 !important;}
.color-success{color:#5FB878 !important;}
.color-info{color:#01AAED !important;}
.color-black{color:#000 !important;}
.color-blue{color:#0000ff !important;}
.color-green{color:#ddff1c !important;}
.color-37 {color: #373737 !important;}
.color-48 {color: #484848 !important;}
.color-54 {color: #545454 !important;}
.color-76 {color: #767676 !important;}
.color-83 {color: #838383 !important;}
.color-89 {color: #898989 !important;}
.color-9a {color: #9a9a9a !important;}
.color-9c {color: #9c9c9c !important;}
.color-9d {color: #9d9d9d !important;}
.color-b2 {color: #b2b2b2 !important;}
.color-b5 {color: #b5b5b5 !important;}
.color-ee {color: #eeeeee !important;}

/*控制字母大小写*/
.text-transform-big {text-transform:uppercase !important;}
.text-transform-first{text-transform:capitalize !important;}
.text-transform-small{text-transform:lowercase !important;}

/*背景颜色*/
.bgcolor-grey{background-color:#999 !important;color:#fff !important;}
.bgcolor-white{background-color:#fff !important;color:#000 !important;}
.bgcolor-default{background-color:#fff !important;color:#333 !important;}
.bgcolor-danger{background-color:#FF5722 !important;color:#fff !important;}
.bgcolor-warning{background-color:#FFB800 !important;color:#5d4403 !important;}
.bgcolor-success{background-color:#5FB878 !important;color:#fff !important;}
.bgcolor-info{background-color:#01AAED !important;color:#fff !important;}
.bgcolor-black{background-color:#000 !important;color:#fff !important;}
.bgcolor-37 {background-color: #373737 !important;color:#fff !important;}
.bgcolor-48 {background-color: #484848 !important;color:#fff !important;}
.bgcolor-54 {background-color: #545454 !important;color:#fff !important;}
.bgcolor-76 {background-color: #767676 !important;color:#fff !important;}
.bgcolor-83 {background-color: #838383 !important;color:#fff !important;}
.bgcolor-89 {background-color: #898989 !important;color:#fff !important;}
.bgcolor-9a {background-color: #9a9a9a !important;color:#fff !important;}
.bgcolor-9c {background-color: #9c9c9c !important;color:#fff !important;}
.bgcolor-9d {background-color: #9d9d9d !important;color:#333 !important;}
.bgcolor-b2 {background-color: #b2b2b2 !important;color:#333 !important;}
.bgcolor-b5 {background-color: #b5b5b5 !important;color:#333 !important;}
.bgcolor-ee {background-color: #eeeeee !important;color:#000 !important;}
.bgcolor-ffe {background-color: #ffffee !important;color:#000 !important;}

/*背景图片设置*/
.bg-default {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bg-fixed {background-repeat: no-repeat;background-attachment: fixed;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

/*让容器内容撑满*/
.height-auto{height:auto !important;overflow:hidden !important;}

/* 边框 */
.border{border:#ccc solid 1px;}

.border-color-default{border-color:#333333 !important;}
.border-color-danger{border-color:#FF5722 !important;}
.border-color-warning{border-color:#FFB800 !important;}
.border-color-success{border-color:#5FB878 !important;}
.border-color-info{border-color:#01AAED !important;}

.border-style-none{border-style:none !important;}
.border-style-solid{border-style:solid !important;}
.border-style-dashed{border-style:dashed !important;}
.border-style-dotted{border-style:dotted !important;}
.border-style-groove{border-style:groove !important;}

.border-width-0,.border-none{border-width:0px !important;}
.border-width-1{border-width:1px !important;}
.border-width-2{border-width:2px !important;}
.border-width-3{border-width:3px !important;}

/*边框圆角*/
.border-radius{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.border-radius-0{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;-o-border-radius:0 !important;border-radius:0 !important;}
.border-radius-50{-webkit-border-radius:50% !important;-moz-border-radius:50% !important;-ms-border-radius:50% !important;-o-border-radius:50% !important;border-radius:50% !important;}
.border-radius-100{-webkit-border-radius:100% !important;-moz-border-radius:100% !important;-ms-border-radius:100% !important;-o-border-radius:100% !important;border-radius:100% !important;}

.box-shadow-none{-webkit-box-shadow:none;box-shadow:none;}
.box-shadow{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}

/*flex布局*/
.flex_direction_row{display:flex !important;flex-direction:row !important;}
.flex_direction_column{display:flex !important;flex-direction:column !important;}


/*位置（position）*/
.position-static{position: static !important;}
.position-relative{position: relative !important;}
.position-absolute{position: absolute !important;}
.position-fixed{position: fixed !important;}

/*模拟表格*/
.div-table, .div-table * {margin:0 auto;padding:0;}   
.div-table {display:table;border-collapse:collapse;}   
.div-table-tr {display:table-row; height:30px;}   
.div-table-th {display:table-cell;font-weight:800;height:100%;text-align:center;vertical-align:middle;}   
.div-table-td {display:table-cell;height:100%;text-align:center;vertical-align:middle;}  

/**自定义表格样式*/
.my-table{width:auto;padding:4px;background-image:url(../images/sgbk_index_bg.png);}
.my-table table{width:100%;background-color:#fff}
.my-table table th{border:1px solid #dee6f2;background-color:#f7faff;padding:10px 10px}
.my-table table td{border:1px solid #dee6f2;text-align:center;padding:10px 10px}


.my-line {width: 60px;height: 5px;display: block;background: #27ae60;margin-top: 15px;position: relative; }
.my-line:before {width: 20px;height: 5px;content: "";background: #333333;position: absolute;right: 0; }