@charset "UTF-8";

/*初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
body{font-family: Microsoft Yahei;}
img{border:none;}
button{cursor:pointer;}


/*布局参考:上下（左右）布局*/
.top-container{width: 100%;height: 95px;position: fixed;top: 0;left: 0;right: 0;z-index: 99;}
.bottom-container{width: 100%;position: fixed;top: 95px;left: 0;right: 0;bottom: 0;z-index: 99;}
.bottom-left-container{width: 200px;position: absolute;top: 0;bottom: 0;left: 0;z-index: 99;}
.bottom-right-container{position: absolute;top: 0;bottom: 0;right: 0;z-index: 99;}

.bc-d2d2d2:{border-color: #D2D2D2!important;}
/*图片*/
.img-responsive{display: block;width: 100%;height: auto;vertical-align: middle;}

/*显示、隐藏*/
.disN{display:none !important;}
.disB{display:block !important;}
.disL{display:inline-block !important;}
.visN{visibility:hidden !important;}

/*鼠标悬浮*/
.hover-opacity8:hover{opacity: 0.8;}
.hover-opacity6:hover{opacity: 0.6;}
.hover-normal:hover{text-decoration: underline;color: #1184d5;}
.hover-danger:hover{color: #FF5722;}
.hover-1676f2:hover{color: #1676f2;}
.hover-bold:hover{font-weight: bold;}
.hover-bgc009688:hover{background-color: #009688;color: #fff;}
.hover-bgc1E9FFF:hover{background-color: #1E9FFF;color: #fff;border-color: #dcdcdc;}
.hover-bgcFFB800:hover{background-color: #FFB800;color: #fff;border-color: #dcdcdc;}
.hover-bgcFF5722:hover{background-color: #FF5722;color: #fff;border-color: #dcdcdc;}

/*背景颜色*/
.bgc-393D49{background-color: #393D49;}
.bgc-c2c2c2{background-color: #c2c2c2;}
.bgc-d2d2d2{background-color: #d2d2d2;}
.bgc-ddd{background-color: #ddd;}
.bgc-e2e2e2{background-color: #e2e2e2;}
.bgc-eee{background-color: #eee;}
.bgc-f2f2f2{background-color: #f2f2f2;}
.bgc-f0f0f0{background-color: #f0f0f0;}
.bgc-ffffff{background-color: #ffffff;}
.bgc-eaedf2{background-color: #eaedf2;}
.bgc-ffb800{background-color:#FFB800;}
.bgc-01aaed{background-color:#01AAED;}
.bgc-ff5722{background-color: #FF5722;}
.bgc-0362dd{background-color: #0362dd;}
.bgc-094{background-color: #094;}

/*字体颜色*/
.c-333{color: #333;}
.c-444{color: #444;}
.c-666{color: #666;}
.c-888{color: #888;}
.c-999{color: #999;}
.c-ccc{color: #ccc;}
.c-fff{color: #fff;}
.c-red{color:red;}
.c-FF5722{color: #FF5722;}
.c-1184d5{color: #1184d5;}
.c-409eff{color:#409EFF;}
.c-c7c5c5{color:#c7c5c5;}
.c-1676f2{color:#1676f2 !important;}
.c-5f5f5f{color:#5f5f5f;}


/*按钮*/
.btn{display: inline-block;text-align: center;border: 1px solid #d2d2d2; border-radius: 4px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.btn-fill{width: 100%;line-height: 2;font-size: 18px;}
.btn-big{padding: 10px 25px;font-size: 16px;margin: 0 8px;}
.btn-normal{padding:8px 20px;font-size: 15px; margin:0 6px;}
.btn-small{padding:6px 15px;font-size: 14px;margin: 0 4px; }
.btn-mini{padding:4px 10px;font-size: 12px;margin: 0 2px; }

.btn-read{background-color: #009944;}
.btn-write{background-color: #1184d5;}
.btn-set{background-color: #efad03}
.btn-delete{background-color: #dd514c}
.btn-disable{background-color: #e2e2e2}

.font14{font-size:14px;}

/*文本对齐*/
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.tl{text-align: left!important;}
.tj{text-align: justify!important;}
.to{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*边距*/
.mar20{margin: 20px!important;}
.mar15{margin: 15px!important;}
.mar10{margin: 10px!important;}
.mar5{margin: 5px!important;}
.mar0{margin: 0!important;}
.mar-20auto{margin: 20px auto!important;}
.mar-15auto{margin: 15px auto!important;}
.mar-10auto{margin: 10px auto!important;}
.mar-5auto{margin: 5px auto!important;}
.mar-0auto{margin: 0 auto!important;}
.mar-auto15{margin: 0 15px!important;}
.mar-top20{margin-top: 20px!important;}
.mar-top15{margin-top: 15px!important;}
.mar-top10{margin-top: 10px!important;}
.mar-top5{margin-top: 5px!important;}
.mar-right20{margin-right: 20px!important;}
.mar-right10{margin-right: 10px!important;}
.mar-right5{margin-right: 5px!important;}
.mar-bottom20{margin-bottom: 20px!important;}
.mar-bottom15{margin-bottom: 15px!important;}
.mar-bottom10{margin-bottom: 10px!important;}
.mar-bottom5{margin-bottom: 5px!important;}
.mar-left20{margin-left: 20px!important;}
.mar-left15{margin-left: 15px!important;}
.mar-left10{margin-left: 10px!important;}
.mar-left5{margin-left: 5px!important;}

.pad20{padding: 20px!important;}
.pad15{padding: 15px!important;}
.pad10{padding: 10px!important;}
.pad5{padding: 5px!important;}
.pad-top20{padding-top: 20px!important;}
.pad-top10{padding-top: 10px!important;}
.pad-top5{padding-top: 5px!important;}
.pad-right20{padding-right: 20px!important;}
.pad-right10{padding-right: 10px!important;}
.pad-right5{padding-right: 5px!important;}
.pad-bottom20{padding-bottom: 20px!important;}
.pad-bottom10{padding-bottom: 10px!important;}
.pad-bottom5{padding-bottom: 5px!important;}
.pad-left30{padding-left: 30px!important;}
.pad-left20{padding-left: 20px!important;}
.pad-left15{padding-left: 15px!important;}
.pad-left10{padding-left: 10px!important;}
.pad-left5{padding-left: 5px!important;}

/*浮动*/
.fl{float: left;}
.fr{float: right;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clear{zoom:1;}

/*当前选中（仅供参考）*/
.current-selected-1{border: solid 1px #cccccc;border-radius: 4px;font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.current-selected-2{background-color: #fff;color: #004268!important;}
.current-selected-3{color: #004268!important;}

/*表格*/
.table{width: 100%;text-align: center;font-size: 14px;color: #444;}
.table-th,.table-td{padding: 10px;border: solid 1px #e6e6e6;overflow: hidden;}
.table-th{background-color: #f2f2f2;}
.table-td-tag{width: 10%!important;max-width: 120px;text-align: right;height: 19px;background-color: #f2f2f2;}
.table-td-value{text-align: left;padding:10px 20px;}
.table-errorMsg{color: #FF5722;}
.table-tr:hover{background-color: #f5f5f5;}
.table_tags{text-align: right;height: 19px;background: #f2f2f2;border: solid 1px #e6e6e6;width:15%;padding: 10px;}
.table-td-values{text-align: left;padding:10px 20px;width:35%;padding: 10px;border: solid 1px #e6e6e6;}
/*表单*/
.form-input::-ms-clear{display:none;}
.form-input{padding: 6px 12px;line-height: 1.428571429;color: #555555;background-color: #ffffff;border: 1px solid #cccccc;font-family: Microsoft Yahei;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-input:focus{border-color: #66afe9;outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}

.form-input-fill,.form-select-fill{width: 100%!important;}
.form-input-half,.form-select-half{width:500px!important;}
.form-input-w300{width: 300px!important;}
.form-input-w250{width: 250px!important;}
.form-input-w200{width: 200px!important;}
.form-input-w120{width: 120px!important;}
.form-input-w100{width: 100px!important;}

.form-select{padding: 6px 12px;line-height: 1.428571429;color: #555555;background-color: #ffffff;border: 1px solid #cccccc;border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.form-select:focus{border-color: #66afe9;outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-select-w100{width: 100px;}
.form-select-w150{width: 150px;}
.form-select-w200{width: 200px;}
.form-select-w250{width: 250px;}

.form-radio,.form_checkBox{width: 18px;height: 18px;vertical-align: sub;}
.form-textarea{min-height: 200px;resize: vertical;padding: 6px 12px;text-align: justify;border-radius: 4px;}