<>
.damijing-open-tooltip {
position: absolute !important;
}
.global-item-mapper {
width: 526px;
background-color: rgba(2552552550.05);
border-radius: 5px;
padding: 10px;
margin-top: 15px;
position: relative;
}
.global-item-mapper iframe {
width: 100%;
height: 360px;
}
.item-mapper-tabs {
color: #ffffff;
margin-bottom: 5px;
}
.item-mapper-tabs span.on {
color: #ffd100;
}
.item-mapper-tabs span {
color: #cccccc;
display: inline-block;
margin-right: 10px;
margin-bottom: 5px;
cursor: pointer;
}
.item-detail {
display: flex;
justify-content: left;
flex-wrap: wrap;
align-items: flex-start;
}
.item-detail-des {
margin-top: 10px;
}
.item-detail-des img {
border-radius: var(--div-border-radius-large);
border: 1px solid #666666;
background-color: #000000;
}
.item-detail-des p {
margin-top: 5px;
}
.item-detail-des p span {
font-size: var(--font-size-large);
}
.item-detail-attr {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
padding: 10px !important;
width: 350px !important;
}
.item-detail-attr p {
color: var(--font-main-color);
}
.item-detail-tuijian {
width: 325px;
padding: 10px;
margin-left: 20px;
background-color: rgba(2552552550.05);
border-radius: 5px;
}
.item-detail-tuijian h3 {
color: #ffffff;
}
.item-detail-tuijian ul {
margin: 0;
padding: 0;
}
.item-detail-tuijian ul li {
margin-bottom: 15px;
display: flex;
justify-content: left;
}
.item-detail-tuijian ul li span {
display: inline-block;
}
.item-detail-tuijian ul li span.level {
font-size: 12px;
color: #9345ff;
margin-top: 10px;
margin-left: 10px;
}
.item-detail-tuijian ul li span.perc {
font-size: 12px;
color: #ffffff;
background-color: var(--div-ss-background-color);
border-radius: 3px;
height: 18px;
line-height: 18px;
padding: 0 5px 0 5px;
margin-top: 10px;
margin-left: 10px;
}
.item-detail-mount-info img {
max-width: 100%;
}
.item-detail-tuijian-sourcedetail {
max-width: 500px;
max-height: 500px;
overflow-y: auto;
}
.item-detail-tuijian-sourcedetail,
.item-detail-tuijian-sourcedetail p,
.item-detail-tuijian-sourcedetail span,
.item-detail-tuijian-sourcedetail div {
color: #cccccc;
}
.item-detail-tuijian-sourcedetail>h5 {
font-size: 18px;
color: #ffffff;
margin: 0px 0 5px 0;
}
.item-detail-tuijian-sourcedetail img {
max-width: 100%;
}
.item-source-achievement p {
display: flex;
justify-content: left;
}
.item-source-achievement p img {
width: 30px;
}
.item-des-trading-box {
display: flex;
justify-content: left;
align-items: center;
}
.item-des-trading-box img {
width: 20px;
height: 20px;
}
.item-des-trading-box span {
color: #ffd100;
}
.global-wowsockets {
display: flex;
justify-content: left;
align-items: center;
margin-top: 5px;
}
.global-wowsockets span {
color: #ffffff;
font-size: 12px;
}
小程序
< type="text/css">
.side-wx-qrcode {
position: fixed;
right: 20px;
bottom: 10vh;
z-index: 1000;
width: 35px;
height: 100px;
background-color: rgb(532121);
box-shadow: 0px 0px 2px rgba(2552552550.32);
text-align: center;
border-radius: 2em;
cursor: pointer;
}
.side-wx-qrcode-l {
width: 33px;
height: 33px;
border-radius: 50%;
margin: 1px;
margin-top: 2px;
}
.side-wx-qrcode>span {
width: 15px;
display: inline-block;
line-height: 18px;
font-weight: 500;
margin-top: 0px;
color: #ffffff;
}
.side-wx-qrcode-m {
position: absolute;
width: 130px;
height: 130px;
top: -2px;
left: -140px;
border-radius: 10px;
display: none;
transition-duration: 0.5s;
opacity: 0;
}
.side-wx-qrcode:hover .side-wx-qrcode-m {
display: block;
opacity: 1;
}
.index-header .index-header-menu {
position: relative;
}
.index-header .index-header-menu>a {
position: absolute;
right: 0;
font-size: 15px;
color: #ff9b00;
top: 0px;
}
.index-header .index-header-menu>a span {
padding: 2px 5px 3px;
margin-right: 5px;
background-color: #ff9b00;
color: #fff;
border-radius: 5px;
overflow: hidden;
}
