/**PUBLIC CSS**/
body {
    width: 100%;

    font-family: "msjh";
    font-size: 14px;
    color: #ebdeb8;
    min-height: 100vh;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    /* vertical-align: bottom; */
}

/**道具tip提示样式*/
div#tip {
	BORDER: none; 
	DISPLAY: none; 
	FONT-SIZE: 12px; 
	Z-INDEX: 19901015; 
	BACKGROUND: #000;
	COLOR: #C9BB7E;
	LINE-HEIGHT: 16px;
	FONT-FAMILY: "Tahoma"; 
	POSITION: absolute; 
	TEXT-ALIGN: center;
	padding:16px;
	margin-top:-16px;
	WHITE-SPACE: nowrap;
	opacity: 0.95;
 	filter:alpha(opacity=95);
	border:rgb(49,49,49) solid 1px;
	-moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius:2px;
}

.tipfont {
	display:block;
	color:#FFF;
	margin-bottom:5px;
}
.tipfont i{
	font-style:normal;
}

.inventory-info {
	cursor:pointer;
}

/**end*/
/**怪物属性标签**/
.monster-main {
	width:600px;
	height:218px;
	color:#ebdeb8;
}
.monster-main .monster-top {
	margin:6px;
	float:left;
}
.monster-main .monster-img{
	width:200px;
	height:200px;
	border: 1px solid orange;
	border-radius:5px;
}
.monster-main .monster-info {
	width:358px;
	height:200px;
}
.monster-main .monster-name {
	height:22px;
	border-bottom: 1px solid #2d2412;
	text-align:center;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
}
.monster-main .life {
	height:30px;	
}
.monster-main .life span {
	float:left;
	height:16px;
	line-height:16px;
	display: block;	
	font-size:13px;
	margin-top:6px;
}
.monster-main .life .hp-text {
	width:70px;
	text-align:right;
}
.monster-main .life .hp-info {
	width:100px;
	background-color:red;
	margin-left:6px;
	border-radius:10px;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.monster-main .life .mp-info {
	background-color:#4395FF;
}
.monster-main .life .attribute-info {
	background-color:rgba(13,18,21,0.5);
}
/**end**/
input, textarea {
    background: #000!important;
    border: 1px solid #333!important;
    color: #f7b924 !important;


    position: relative;

    font-size: 13px;




    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.5;

    text-align: left;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #333;
    border-radius: .25rem
    /*font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;*/
}
button, .button {
	background-size: 100% 100%;
}

.readonly {
	color:#444141;
}
.main {
    box-shadow: inset 0px 10px 10px 0px rgb(0 0 0 / 50%), inset 0px -10px 10px 0px rgb(0 0 0 / 50%);
    padding: 30px 0px 30px 0px;
	min-height:80vh;
}
.footer {
    background: url(../images/footer-bg.jpg) center no-repeat;
    padding: 20px 0px 20px 0px;
}
.container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
	margin-bottom:10px;
}
.footer-logo {
    text-align: center;
    margin-bottom: 4px;
}
.footer-text {
    text-align: center;
    color: #a4a4a4;
    font-size: 18px;
    margin-block-end: 0.8em;
}
.footer-logo img {
    max-width: 290px;
}
.layui-table,.layui-table-body {
	background: #0d1215;
}
.layui-table tbody tr:hover,.layui-table-hover {
	background-color: #ebdeb8;
}
.layui-table-view .layui-table[lay-skin=line]{
	border-style:none;
}
.layui-table-header,.layui-table thead tr {
	background: #0d1215;
}
.layui-table th, .layui-table[lay-skin=line],.layui-table td,.layui-table-view,.layui-table-header,.layui-table-page {
	border-color: #4d4d4d;
}
.layui-table-page {
	border-width:0;
	background: #0d1215;
	text-align:center;
	font-weight:bold;
}
.layui-laypage a, .layui-laypage span {
	color: #FFD700;
}
.leftNav-item {
position: fixed;
    position: fixed;
    z-index: 999999;
    bottom: 100px;
	right:100px;
   /* float: left;
    left: 2100px;*/
	
}
.leftNav-item ul li i{text-shadow:none;}
.leftNav-item ul {
    margin: 0;
    padding: 0;
}

.leftNav-item ul li {
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #fff;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: .5s;
    list-style: none;
}

.leftNav-item ul li:hover {
    background-color: #007BFF;
    color: #FFF;
}

.leftNav-item ul li:hover i {
    color: #FFF;
}

.leftNav-item ul i:hover {
    color: #FFF;
}

.leftNav-item ul li i {
    color: #666;
    line-height: 50px;
    font-size: 26px;
}

.leftNav-item ul li .rota {
    display: block;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #1B8BF5;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 3px;
    box-sizing: border-box;
}

.leftNav-item ul li:hover .rota {
    -webkit-transform: rotate3d(0,0,1,0deg);
    transform: rotate3d(0,0,1,0deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: .9;
    filter: alpha(opacity=90);
}

.leftNav-item ul li .title {
    position: absolute;
    right: -72px;
    top: 16px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    text-align: left;
    padding: 3px 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 8px;
}

.leftNav-item ul li .img-item {
    position: absolute;
    left: 65px;
    top: -30px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.leftNav-item ul li div img {
    max-width: 120px;
    display: block;
}

.leftNav-item ul li .text-item {
    position: absolute;
    left: 65px;
    top: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    text-decoration: none;
    padding: 3px 8px;
    color: #444;
    font-size: 14px;
}

.leftNav-item ul li .text-item span {
    position: relative;
    padding-left: 15px;
    word-break: keep-all;
    white-space: nowrap;
}

.leftNav-item ul li .text-item span i {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: -2px;
    color: #444;
}

.leftNav-item ul li div {
    display: none;
}
.leftNav-item ul li{background-color:#ffd430;color:#000;}
.leftNav-item ul li i{color:#000;}
.leftNav-item ul li:hover{background-color:#000;}
.demo-class{background-color:#434341;}

.title2 {
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 35px;
    margin-top: 15px;
    line-height: 18px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 20px;
    color: #000000;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
}	
/*.layui-table-body table{width: 100%!important;height:100%!important;}*/
.layui-layer {
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #6b6b6b;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgb(22 21 21);
	
.lanj838-188 {
    display: block;
    font-size: 18px;
    color: #ff4141;
    font-weight: bold;
    /* position: absolute; */
    /* left: 50%; */
    /* margin-left: -800px; */
    text-shadow: 1px 1px 1px #000000;
    /* margin-top: -250px; */
    z-index: 1;
}
.h4 {
    font-size: 18px;
    line-height: 22px;
    margin-left: -4px;
    background-image: -webkit-linear-gradient(bottom,#ffffff,#ffd430,#fbff00);
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    border-bottom-color: #423313;
    font-weight: 700;
    font-size: 20px;
}