body {
    background-color:#19232F;
    color: white;
    font-size: 14px;
    font-family: PingFang SC;
    font-style: normal;
    margin:0;
}

.color0 {
    color: white !important;
}
.color1 {
   color:#A98D6F;
}
.color2 {
    color:#808080;
}
.w100 {
    width: 100%;
}
.h100 {
    height:100%;
}
.h200 {
    height: 200px;
}
.plrbfb20 {
    padding:0 20%;
    box-sizing:border-box;
}
.plrbfb10 {
    padding: 0 10%;
    box-sizing: border-box;
}
.pl40 {
    padding-left:40px;
    box-sizing:border-box;
}
.pl40 a{
    color: white;text-decoration: none;
}
.pl20 {
    padding-left: 20px;
    box-sizing: border-box;
}
.ptb10 {
    padding:10px 0;
    box-sizing:border-box;
}
.ptb30 {
    padding: 30px 0;
    box-sizing: border-box;
}
.plr20 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.plr201:hover {
    background-color: #A98D6F;
    color: white;
    cursor:pointer;
}

.plr20 a{

    color: #A98D6F;text-decoration:none;

}*//


.lxfs {
    line-height: 40px;
    color: #A98D6F;
    padding-left: 20px;
    box-sizing: border-box;
}
.pt30 {
    padding-top: 30px;
    box-sizing: border-box;
}
.mt10 {
    margin-top:10px;
}
.mt20 {
    margin-top: 20px;
}
.mtb20 {
    margin:20px 0;
}
.ml20 {
    margin-left:20px;
}
.ml40 {
    margin-left: 40px;
}
.displayinline {
    width: 100%;
    display: inline-block;
}
.flex {
    display:flex;
}
.flex1 {
    flex:1
}
.textcenter {
    text-align:center;
}


.border {
    border: 1px solid #A98D6F;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #A98D6F;
}
.borderso {
    border: 1px solid #A98D6F;
}
.top-image {
    margin-top:20px;
    margin-left:0px;
}



.border-line {
    position: relative;
    top: 40px;
    left: -180px;
    display: inline-block;
    width: 150px;
    height: 0;
    border-top: 1px solid #A98D6F;
}

.border-line2 {
    position: relative;
    top: -52px;
    left: 180px;
    display: inline-block;
    width: 150px;
    height: 0;
    border-top: 1px solid #A98D6F;
}
.border-lines {
    background-color: #A98D6F;
    width:40px;
    height:40px;
    border-radius:40px;
    
}
.wximage {
    position: fixed;
    right: 53%;
    bottom: 80px;
    width: 150px;
    height: 150px;
    z-index: 2;
}
.dyimage {
    position: fixed;
    margin-left: 27%;
    bottom: 80px;
    width: 150px;
    height: 150px;
    z-index: 2;
}
/*首页菜单的样式修改*/
.el-menu.el-menu--horizontal {
    border-bottom: 0 !important;
}

.el-menu--horizontal > .el-menu-item {
    color: #A98D6F !important;
}
.el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 2px solid #A98D6F !important;
}
image {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}




.pageinfo{ margin: 20px 0; } .pageinfo{ height: 34px; text-align: center; } .pageinfo li { display: inline-block; height: 34px; margin-right: 5px; } .pageinfo li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #fbf7f7; text-decoration: none; } .pageinfo li a:hover{ background:#f5f5f5; color:#0099ff; } .pageinfo li.thisclass { background: #09f; color: #fff; } .pageinfo li.thisclass a,.pageinfo li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }


/*pages*/ .pageinfo-wrapper{ margin: 20px 0; } .pageinfo{ height: 34px; text-align: center; } .pageinfo li { display: inline-block; height: 34px; margin-right: 5px; } .pageinfo li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pageinfo li a:hover{ background:#f5f5f5; color:#0099ff; } .pageinfo li.thisclass { background: #09f; color: #fff; } .pageinfo li.thisclass a,.pageinfo li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }


DIV.black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 3px; COLOR: #a0a0a0; PADDING-TOP: 10px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.black A {
	BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bar.gif); PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; COLOR: #c0c0c0; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none
}
DIV.black A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black SPAN.thisclass {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #606060
}
DIV.black SPAN.disabled {
	BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid
}

.pageinfo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pageinfo A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}