﻿::-webkit-scrollbar { width: 10px; height: 10px; cursor: pointer; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); border-radius: 5px; }
::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); }
    ::-webkit-scrollbar-thumb:window-inactive { background: rgba(1, 0, 0, 0.4); }
.none { display: none; }
.wk6 { -webkit-transition: all .6s ease-in !important; transition: all .6s ease-in !important; }
.wk3 { -webkit-transition: all .3s ease-in !important; transition: all .3s ease-in !important; }
.body_w { width: 100% !important; height: 100% !important; padding: 0px; margin: 0px; }
.dbg { min-height: 100vh; background-color: #ffe8da; overflow: hidden; background-image: url(/Images/web728/bgb.jpg) !important; background-repeat: no-repeat !important; background-position: center bottom !important; background-size: auto,auto !important; }
.jngfgbg {background-position: center center;background-repeat: no-repeat;background-size: auto auto;height: 1080px;width: 1910px;overflow: hidden;position: relative;margin: 0 auto;}
.header_w { position: fixed; width: 100%; z-index: 2; left: 0; top: 0; background-color: rgba(0,0,0,0.5) !important; }
.header_n { width: 98% !important; height: 45px; margin: 0 auto; overflow: hidden; position: relative; }
.jnginfo, .navw { display: none; }
.jngname { position: fixed; width: 50%; z-index: 3; top: 0; line-height: 45px; font-size: 17px; font-weight: bold; text-align: center; color: #fff; left: 25%; }
.daohang { background-color: rgba(0,0,0,0.5); width: 100px; padding: 8px; height: auto; position: fixed; right: 15px; border-radius: 8px; color: #fff; top: 33%; }
.daohangn { border: solid 1px #fff; border-radius: 5px; padding: 0 0; }
.jngnavo { text-align: center; display: block; line-height: 40px; color: #fff; margin: 8px 8px; cursor: pointer; }
.jngnavock { background-color: #901720; border-radius: 5px; }
.hhxs { display: block; width: 90%; height: auto; margin: 0 auto; }
.footer_w { display: none; }
.jngtx { z-index: 1; width: 75px; height: 75px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius: 50%; margin: -110px 0 0 0; object-fit: cover; }
.jngsname { z-index: 3; width: 200px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: -30px 0 0 0; color: #ac6e01; font-size: 18px; font-weight: bold; letter-spacing: 0px; line-height: 20px; text-align: center; }
.jnglw_list { position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); z-index: 3; }
.jnglw_one { text-align: center; width: 120px; padding: 10px 0 15px 0; cursor: pointer; background-color: rgba(0,0,0,0.6); border-radius: 15px; margin: 0 5px; }
    .jnglw_one img { width: 80px; height: 80px; object-fit: contain; }
    .jnglw_one span { display: block; text-align: center; font-size: 16px; color: #fff; font-weight: bold; }
.jnglw_oner { text-align: center; width: 120px; padding: 10px 0 15px 0; cursor: pointer; position: relative; background-color: rgba(0,0,0,0.6); border-radius: 15px; margin: 0 5px; }
    .jnglw_oner img { width: 70px; height: 70px; object-fit: contain; padding: 5px; }
    .jnglw_oner span { display: block; text-align: center; font-size: 16px; color: #fff; font-weight: bold; }
.ly_w { overflow: hidden; color: #fff; width: 360px; height: 340px; position: absolute; left: 50px; bottom: 30px; z-index: 3; }
.lyonecon { position: relative; background-color: rgba(0,0,0,0.6); min-height: 50px; min-width: 200px; overflow: hidden; border-radius: 30px; margin-bottom: 25px; display: inline-block; max-width: 340px; padding: 10px 0; }
    .lyonecon p {display: block;padding: 0px 10px 0 68px;margin: 0px;line-height: 25px;}
    .lyonecon .touxiang {position: absolute;width: 50px;height: 50px;border-radius: 50%;left: 10px;top: 10px;}
.jngfgrq { width: 100vw; height: 100vh; overflow: auto; }
.jpbf { position: absolute; z-index: 1; width: auto; height: auto; transform: translateY(400px) scale(0); opacity: 0; }
.shang { transform: translateY(0px) scale(1); opacity: 1; }
.lyonecons { background-color: rgba(0,0,0,0.6); width: 300px; margin-bottom: 10px; }
    .lyonecons span {margin-left: 7px;letter-spacing: -1px;}
.audiokg { line-height: 30px; padding-bottom: 5px; text-align: center; width: 100%; cursor: pointer; }
.ecode { width: 250px; height: 250px; padding: 8px; background-color: rgba(0,0,0,0.5); border-radius: 8px; position: absolute; top: 300px; right: 123px; transform: translate(50%,-37%) scale(0); }
.eciden { width: 250px; height: 250px; padding: 10px; background-color: #fff; box-sizing: border-box; }
.eck { transform: translate(0px,0px) scale(1); }
.jngly { position: absolute; border-radius: 15px; background-color: rgba(0,0,0,0.6); left: 350px; bottom: 15px; z-index: 3; transform: translateX(-100%); color: #fff; padding: 10px 20px; cursor: pointer; }
.lylist { display: none; position: absolute; left: 108%; bottom: 0px; background-color: rgba(0,0,0,0.6); width: 300px; color: #fff; padding: 0px 20px; border-radius: 15px; text-align: left; }
.lytitle { padding: 20px 0 20px 0; font-weight: bold; letter-spacing: 1px; }
.lyone { line-height: 25px; border-top: solid 1px rgba(255,255,255,0.1); padding: 10px 0; }
    .lyone:hover { color: #fbdddd; }
.lyclose { float: right; color: #fff; font-size: 18px; }
.lylistn { max-height: 400px; overflow: auto; }
