@charset "UTF-8";
*{
	margin:0;
	padding:0;
	outline:0;
	box-shadow:none;
}
html,body{
	font-size:14px;
	font-family:"微软雅黑";
	height:100%;
	color:#333;
	background:#f5f5f5;
}
p{
	margin:0;
}
a,a:hover,a:visited,a:focus,a:active{
	color:#333;
	font-size:14px;
	text-decoration: none;
	cursor:pointer;
	outline:none;
}
ul,ol{
	list-style:none;
	margin:0;
	padding:0;
}
ul:after,ol:after{
	clear:both;
}
button:focus{
	outline:none;
}
input,input:focus,input:active{
	box-shadow:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

/*字体粗细*/

.f-bold {
    font-weight: bold;
}

.f-normal{
	font-weight:normal;
}

/*元素转换*/

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-iblock {
    display: inline-block;
}

.d-none {
    display: none;
}

/*对齐方式*/

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.t-middle {
    vertical-align: middle;
}

.t-ellipsis {
    text-overflow: ellipsis;
}

/*鼠标手型*/

.hand {
    cursor: pointer;
}

.hand-move {
    cursor: move;
}

/*最小高度*/

.m-h-10{
	min-height: 10px;
}

.m-h-20{
	min-height: 20px;
}

.m-h-30{
	min-height: 30px;
}

.m-h-40{
	min-height: 40px;
}

.m-h-50{
	min-height: 50px;
}

/*行高*/

.l-h-25 {
    line-height: 25px;
}

.l-h-30 {
    line-height: 30px;
}

.l-h-35 {
    line-height: 35px;
}

.l-h-40 {
    line-height: 40px;
}

.l-h-45 {
    line-height: 45px;
}

.l-h-50 {
    line-height: 50px;
}

/*字体大小*/

.f-12 {
    font-size: 12px;
}

.f-14 {
    font-size: 14px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 20px;
}

/*边框*/

.b-none{
	border:none;
}
.b-s-1 {
    border: 1px solid #a0a0a0;
}
.b-s-1-gray{
    border: 1px solid #DCDCDC;
}
.b-d-1 {
    border: 1px dashed #a0a0a0;
}

.b-t-1 {
    border-top: 1px solid #a0a0a0;
}

.b-r-1 {
    border-right: 1px solid #a0a0a0;
}

.b-b-1 {
    border-bottom: 1px solid #a0a0a0;
}
.b-b-1-gray {
    border-bottom: 1px solid #DCDCDC;
}

.b-l-1 {
    border-left: 1px solid #a0a0a0;
}

/*内边距*/

.p-0 {
    padding: 0!important;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px!important;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}

.p-t-0 {
    padding-top: 0px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px!important;
}
.p-t-12 {
    padding-top: 12px!important;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px!important;
}

.p-r-20 {
    padding-right: 20px!important;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-50 {
    padding-right: 50px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px!important;
}

.p-l-20 {
    padding-left: 20px!important;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-50 {
    padding-left: 50px;
}

/*外边距*/

.m-auto {
    margin: 0 auto;
}

.m-0 {
    margin: 0;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-20 {
    margin: 20px;
}

.m-30 {
    margin: 30px;
}

.m-40 {
    margin: 40px;
}

.m-50 {
    margin: 50px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-b-0 {
    margin-bottom: 0px!important;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-50 {
    margin-left: 50px;
}

.position-relative{
    position: relative;
}
/*字体颜色*/
.c-red{
	color:#f00;
}
.c-blue{
    color: #01A0E2;
}
.c-green{
    color: #34c236;
}
.c-gray-555{
    color: #555;
}
.c-gray-333{
    color: #333;
}
/* 没有数据 */
.ys-empty {
	position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 0;
    text-align: center;
}
.ys-empty:before {
	content: "";
	height:100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}
.ys-empty-main {
	display: inline-block;
	vertical-align: middle;
}
.ys-empty-main:after {
	content: "没有数据";
	display: block;
	font-size: 14px;
	margin-top: 10px;
}
.ys-empty-main:before {
	content: "";
	width: 140px;
	height: 120px;
	display: block;
	background: url(../images/common/ys-empty.png) center center no-repeat;
}
.ys-pos {
	font-size: 0;
	padding-left: 25px;
	background: url(../images/common/ico-pos.png) left center no-repeat;
}
.ys-pos a {
	line-height: 38px;
	font-size: 14px;
	color: #666;
}
.ys-pos a + a {
	margin-left: 2px;
}
.ys-pos a + a:before {
	content: ">";
	margin-right: 2px;
	color: #666;
}
.ys-pos a:last-child {
	color: #E5005A;
}
.cut {
	overflow: hidden;
}
/* 按钮 */
.ys-btn {
	display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    min-width: 70px;
    text-align: center;
    box-sizing: content-box;
    border: 1px solid #C5C5C5;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    color: #666;
    background: transparent;
    padding: 0 8px;
}
.ys-btn:hover {
	border-color: #EA2E79;
	color: #EA2E79;
}
.ys-btns .ys-btn + .ys-btn {
	margin-left: 10px;
}
.ys-btn.look {
	text-indent: 25px;
	background: url(../images/common/ico-look-grey.png) 10px center no-repeat;
}
.ys-btn.look:hover {
	text-indent: 25px;
	background: url(../images/common/ico-look-red.png) 10px center no-repeat;
}
.ys-btn.edit {
	text-indent: 25px;
	background: url(../images/common/ico-edit-grey.png) 10px center no-repeat;
}
.ys-btn.edit:hover {
	text-indent: 25px;
	background: url(../images/common/ico-edit-red.png) 10px center no-repeat;
}
.ys-btn.del {
	text-indent: 25px;
	background: url(../images/common/ico-del-grey.png) 10px center no-repeat;
}
.ys-btn.del:hover {
	text-indent: 25px;
	background: url(../images/common/ico-del-red.png) 10px center no-repeat;
}
.ys-btn.download {
	text-indent: 25px;
	background: url(../images/common/ico-download-grey.png) 10px center no-repeat;
}
.ys-btn.download:hover {
	text-indent: 25px;
	background: url(../images/common/ico-download-red.png) 10px center no-repeat;
}
.ys-btn.print {
	text-indent: 25px;
	background: url(../images/common/ico-print-grey.png) 10px center no-repeat;
}
.ys-btn.print:hover {
	text-indent: 25px;
	background: url(../images/common/ico-print-red.png) 10px center no-repeat;
}
.ys-btn.node {
	text-indent: 25px;
	background: url(../images/common/ico-node-grey.png) 10px center no-repeat;
}
.ys-btn.node:hover {
	text-indent: 25px;
	background: url(../images/common/ico-node-red.png) 10px center no-repeat;
}
.ys-btn.lamp {
	text-indent: 25px;
	background: url(../images/common/ico-lamp-grey.png) 10px center no-repeat;
}
.ys-btn.lamp:hover {
	text-indent: 25px;
	background: url(../images/common/ico-lamp-red.png) 10px center no-repeat;
}
.ys-btn.export {
	text-indent: 25px;
	background: url(../images/common/ico-export-red.png) 10px center no-repeat;
}
.ys-btn.export:hover {
	text-indent: 25px;
	background: url(../images/common/ico-export-white.png) 10px center no-repeat;
}
.ys-btn.tick {
	text-indent: 25px;
	background: url(../images/common/ico-tick-red.png) 10px center no-repeat;
}
.ys-btn.tick:hover {
	text-indent: 25px;
	background: url(../images/common/ico-tick-white.png) 10px center no-repeat;
}
.ys-btn.noTick {
	text-indent: 25px;
	background: url(../images/common/ico-noTick-red.png) 10px center no-repeat;
}
.ys-btn.noTick:hover {
	text-indent: 25px;
	background: url(../images/common/ico-noTick-white.png) 10px center no-repeat;
}
/* 按钮 end*/

/* 简单tab切换 */
.simple-menu {
	font-size: 0;
	border-bottom: 1px solid #E7E5E6;
}
.simple-menu a {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
	padding: 0 3px;
}
.simple-menu a:hover {
	color: #E5005A;
}
.simple-menu a + a {
	margin-left: 40px;
}
.simple-menu a.active {
	border-bottom: 3px solid #FA004D;
	color: #E5005A;
}
.noDataBg {
	background: #fff;
}
/* 简单tab切换 end */

/* 404 */
.main-404 {
	position: fixed;
    left: 0;
    right: 0;
    bottom: 66px;
    top: 87px;
    text-align: center;
    font-size: 0;
    background: url(../images/404-bg.png) center bottom no-repeat;
}
.main-404:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	background: #000;
}
.main-content-404 {
	display: inline-block;
	vertical-align: middle;
}
.main-content-404 > img {
	margin-bottom: 35px;
}
.txt-404 {
	font-size: 24px;
    color: #666;
    margin-bottom: 10px;
}
.tips-404 {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
}
.tips-404 span {
	color: #E5005A;
	margin: 0 5px;
}
a.btn-404 {
	width: 90px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	background: #E5005A;
	border-radius: 4px;
	display: inline-block;
}
.btn-404:hover {
	color: #fff;
	font-size: 16px;
	opacity: .8;
}
/* 404 end */