*{margin:0;padding:0;border:0;outline:0;font-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;transform:none;-webkit-transform:none;-moz-transform:none;transition:none;-webkit-transition:none;-moz-transition:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
a,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
button,input,textarea{outline:0;-webkit-appearance:none}
button{cursor:pointer}
select{outline:0;font-family:"microsoft yahei"}
li,ul{list-style:none;padding:0;margin:0}
input[type=password]::-ms-reveal{display:none}
a{text-decoration:none;color:#333;transition:all .25s}
a.link{color:#1e9fff}
img{border:none;display:inline-block;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;-webkit-font-smooting:antialiased;cursor:pointer}
em,i{font-style:normal;display:inline-block}
*::-webkit-scrollbar{width:5px}
*::-webkit-scrollbar-track{background:#181818;border-radius:2px}
*::-webkit-scrollbar-thumb{background:#585858;border-radius:10px}
*::-webkit-scrollbar-thumb:hover{background:#d4d4d4}
body{background-color:#131313}
#think_page_trace_open{display: none;}
.clearfix:after{content:"";display:table;clear:both}
.empty{padding:23px;text-align:center;overflow-y:scroll;overflow:auto}
.empty .img{width:92px}
.empty .p{margin-top:20px;color:#dadada}
.w1200{margin:0 auto;max-width:1200px;width:90%}
.layui-layer-shade{cursor:pointer}
.layui-layer-hei{background-color:#3f3f3f;border-radius:10px;border:3px solid rgb(255 255 255 / 37%)}
.layui-layer-hei .layui-layer-title{border-bottom:1px solid #868686;color:#e8e8e8}
.layui-layer-hei .layui-layer-setwin span{color:#e8e8e8}
.layui-layer-hei .layui-layer-content{color:#e8e8e8}
.layui-layer-hei .layui-layer-btn .layui-layer-btn0{border-color:transparent;background-color:#ff9800;color:#fff}
.layui-layer-hei .layui-layer-btn a{border:1px solid #dedede;background-color:#8a8a8a;color:#fff}
.layui-layer-hei .layui-layer-content{padding:16px;}
.layui-layer-hei .layui-layer-input{display:block;width:100%;min-width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border: 1px solid #8c8c8c;color: #fff;background-color: #24252c;border-radius: 6px;}
.layui-layer-hei .layui-layer-btn{padding-top:0}
.layui-layer-yuan{border-radius:10px;border:3px solid rgb(255 255 255 / 30%)}
.layui-layer-yuan .layui-layer-content{padding:16px}
.layui-layer-yuan .layui-layer-input{display:block;width:100%;min-width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}
.layui-layer-yuan .layui-layer-btn{padding-top:0}
.tab_hei{border-radius:10px;padding:10px;background-color:#3d3d3d;margin-top:10px}
.tab_hei table{background-color:unset;color:#f0f8ff;margin:0}
.tab_hei th{border-width:1px;border-style:solid;border-color:#5a5a5a}
.tab_hei td{border-width:1px;border-style:solid;border-color:#5a5a5a;word-break: break-all;}
#scrollUp{position:fixed;right:20px;bottom:80px;z-index:999;font-size:38px;display:none;background-color:#88837dbf;border-radius:6px;padding:5px 10px}
#scrollUp i{font-size:32px;font-weight:bolder;color:#fff}
.login .form{background-color:#0d0d0d;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;height:100%;border-radius:6px;text-align:center;position:relative;margin:10px}
.login .form-group{width:100%;position:relative}
.login .input{background-color:#24252c;border:0;padding:15px 15px;border-radius:6px;margin-bottom:20px;width:100%;min-width:300px;color:#d4d4d4}
.login .footer{display:none}
.login .codeadd{background-color:#3f3f3f;cursor:pointer;font-weight:700;padding:0 30px;position:absolute;right:0;color:#b7b7b7!important;top:0;height:46px;border-radius:6px}
.login .btn{background-color:#3f3f3f;color:#b7b7b7!important;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;width:100%;line-height:48px;display:unset;margin-top:10px;border-radius:6px;min-width:300px}
.head_pc{display:block;height:90px;position:fixed;top:0;left:0;right:0;z-index:999}
.head_pc .head-box{height:90px;position:fixed;left:0;top:0;z-index:99;width:100%;box-shadow:0 0 15px rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.6)}
.head_pc .wrap-box{display:flex;width:98%;margin:0 auto;align-items:center}
.head_pc .flex_center{display:flex;align-items:center;width:98%;margin:0 auto}
.head_pc .logo{display:inline-block;height:56px;margin-right:75px}
.head_pc .logo img{height:100%}
.head_pc .navigation{display:flex}
.head_pc .navigation .jiaobiao{padding: 1px 6px;position: absolute;top: 8px;left: 4px;white-space: nowrap;background-color: #ff5200;border-radius: 3px;color: #fff;font-size: 12px;animation: moveUpDown 1s infinite;-webkit-animation: moveUpDown 1s infinite;}

.head_pc .navigation .jiaobiao::after {
			content: '';
			display: block;
			position: absolute;
			bottom: -8px;
			left: 20px;
			width: 0;
			height: 0;
			border: 4px solid;
			border-color: #ff5200 transparent transparent;
		}

@-webkit-keyframes moveUpDown {
			25% {
				top: 7px;
			}

			50% {
				top: 6px;
			}

			75% {
				top: 5px;
			}

			100% {
				top: 6px;
			}
		}

		@keyframes moveUpDown {
			25% {
				top: 7px;
			}

			50% {
				top: 6px;
			}

			75% {
				top: 5px;
			}

			100% {
				top: 6px;
			}
		}
		
.head_pc .navigation>span{position:relative;display:flex;align-items:center;height:90px;margin-right:50px;box-sizing:border-box}
.head_pc .navigation span.active .nava{color:#ffc107;border-bottom:2px solid #ffc107;font-weight:700}
.head_pc .nava{display:block;line-height:48px;border-bottom:2px solid transparent;font-size:18px;font-weight:700;color:#fff}
.head_pc .nava.prod{display:flex;align-items:center}
.head_pc .nava.prod::after{content:'';position:relative;top:-2px;display:inline-block;width:0;height:0;margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;transition:all .25s}
.head_pc .navhide{z-index:9;position:absolute;left:50%;top:100%;margin-top:20px;background:#fff;padding:0;width:200px;margin-left:-95px;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:4px}
.head_pc .navigation span:hover .navhide{opacity:1;visibility:inherit;margin-top:0;padding:8px 0}
.head_pc .navhide a{display:block;align-items:center;padding:10px 20px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#666;font-size:14px}
.head_pc .navhide::after{content:'';top:-10px;position:absolute;left:80px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}
.head_pc .navhide a.active,.navhide a:hover{background-color:#def1e0}
.head_pc .navhide a.active .nav-sub-title-h3,.navhide a:hover .nav-sub-title-h3{color:#1e9fff}
.head_pc .navhide a.active .desc,.navhide a:hover .desc{color:#62c075}
.head_pc .nav-sub-title{position:relative}
.head_pc .nav-sub-title .nav-sub-title-h3{font-size:15px;color:#555;font-weight:700;margin-bottom:3px}
.head_pc .nav-sub-title .desc{font-size:12px;color:#999}
.head_pc .user-login-btn{display:flex}
.head_pc .user-login-btn a{position:relative}
.head_pc .user-login-btn a span{line-height:32px;width:100px;font-size:16px;color:#ffc107;display:inline-block;border:3px solid #ffc107;border-radius:4px;margin-left:12px;text-align:center}
.head_pc .user-login-btn a .head{height:38px;border-radius:100px;margin-right:10px;border:4px solid #fff}
.head_pc .user-login-btn a .vip{border-radius:100px;position:absolute;right:-9px;bottom:-3px;z-index:100;display:block;width:25px;height:23px;background-position:center bottom;background:url(../img/vip-icon-nomal.png) no-repeat}
.head_pc .user-login-btn a .no-vip{border-radius:100px;position:absolute;right:-3px;bottom:-3px;z-index:100;display:block;width:25px;height:23px;background-position:center bottom;background:url(../img/none-vip-icon.png) no-repeat}
.head_pc .user-login-btn a span.active,.user-login-btn a span:hover{background:#ff9800;color:#fff}
.html_chat{overflow:hidden}
.html_chat .container-index{position:relative;display:flex;height:calc(100vh - 90px);background-color:#080808}
.html_chat .container-index .duihua_caidan{margin-top:10px;margin-left:10px;height:48px;width:48px;background-color:#3d3d3d;border-radius:6px;cursor:pointer;padding:10px;display:none}
.html_chat .container-index .duihua{height:100%;width:30%;border-right:1px solid hsla(0,0%,100%,.1);max-width:500px;min-width:200px;position:relative}
.html_chat .container-index .top{padding:10px;display:flex}
.html_chat .container-index .top img{margin-left:10px;height:48px;width:48px;background-color:#3d3d3d;border-radius:6px;cursor:pointer;padding:10px}
.html_chat .container-index .lingo-btn{width:100%;height:48px;background-color:#3d3d3d;color:#fff;border-color:#707070;display:flex;align-items:center;display:flex;justify-content:center;border-radius:6px}
.html_chat .container-index .lingo-btn:hover{background-color:#33343f}
.html_chat .container-index .lingo-btn span{margin-left:5px}
.html_chat .container-index .duihua .ul{height:calc(100% - 68px);position:relative;overflow-y:scroll;overflow:auto;padding:5px 0}
.html_chat .container-index .duihua .ul .cate{padding:5px 10px}
.html_chat .container-index .duihua .ul .li{width:100%;border-radius:6px;color:#9e9e9e;cursor:pointer;position:relative}
.html_chat .container-index .duihua .ul .settop1{background-color:#33343f}
.html_chat .container-index .duihua .ul .cate:first-child .settop1 .set{display:none}
.html_chat .container-index .duihua .ul .li .name{padding:15px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.html_chat .container-index .duihua .ul .li .name img{width:28px;height:28px;margin-right:5px;border-radius:50%;overflow:hidden}
.html_chat .container-index .duihua .ul .li .name img::before{content:attr(alt);display:flex;background-color:#78787f;text-transform:uppercase;line-height:28px;letter-spacing:28px;text-indent:28px;justify-content:center;text-align:center;word-break:break-all;line-break:anywhere;color:#fff;height:28px;width:28px;font-weight:700;font-size:20px;border-radius:50%}
.html_chat .container-index .duihua .ul .li .set{display:flex;position:absolute;top:0;right:0;bottom:0;text-align:right;align-items:center;display:none;z-index:99;padding:0 10px;background-color:#5a5a5ade;border-radius:0 6px 6px 0}
.html_chat .container-index .duihua .ul .li:hover .set{display:flex}
.html_chat .container-index .duihua .ul .li .set a{background-color:#181818;display:inline-table;margin-left:1px;margin-right:1px;line-height:30px;width:45px;text-align:center;font-size:12px;color:#a5a5a5}
.html_chat .container-index .duihua .ul .li .set img{height:18px;margin-left:10px}
.html_chat .container-index .duihua .ul .li.hover{background-color:#3d3d3d}
.html_chat .container-index .duihua .ul .li .xz{position:absolute;width:18px;right:10px;top:50%;transform:translateY(-50%)}
.html_chat .container-index .duihua .ul .li:hover{background-color:#3d3d3d}
.html_chat .container-index .chat{width:100%;padding:10px;position:relative;height:100%}
.html_chat .container-index .ctr{width:90%;max-width:800px;margin:0 auto;position:relative;overflow:auto;height:100%;background-color:#33343f;border-radius:10px}
.html_chat .container-index .ctr .head{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px;background-color:#33343f}
.html_chat .container-index .ctr .head img{width:43px;height:43px;background-color:#181818;border-radius:100%;margin-right:10px;overflow:hidden}
.html_chat .container-index .ctr .head img::before{content:attr(alt);display:flex;background-color:#78787f;text-transform:uppercase;line-height:43px;letter-spacing:43px;text-indent:43px;justify-content:center;text-align:center;word-break:break-all;line-break:anywhere;color:#fff;height:43px;width:43px;font-weight:700;font-size:20px;border-radius:50%}
.html_chat .container-index .ctr .head .you{width:calc(100% - 53px)}
.html_chat .container-index .ctr .head .you .name{font-size:16px;color:#b9b9b9;margin-bottom:5px}
.html_chat .container-index .ctr .head .you .description{font-size:12px;color:#78787f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.html_chat .container-index .ctr .field-title{text-align:center;margin:20px 0;border:1px solid #505050;border-width:0;margin-bottom:10px;border-style:solid;border-top-width:1px}
.html_chat .container-index .ctr .field-title legend{font-size:14px;color:#cecece;padding:0 20px}
.html_chat .container-index .msg-row{width:100%;position:relative;height:calc(100% - 178px);border-radius:10px;padding:0 15px;overflow-y:scroll;overflow:auto;padding-bottom:200px;background-color:#080808;border:4px solid #33343f}
.html_chat .container-index .ctr .messages-container{flex:1;overflow-y:auto;padding:20px}
.html_chat .container-index .ctr .message{box-sizing:border-box}
.html_chat .container-index .ctr .message .msg{background:#78787f;color:#dcdcdc;min-width:38px;border-radius:0 15px 15px 15px;margin:0;position:relative;right:0;max-width:80%;padding:12px;font-size:16px;animation:myfirstl 1.5s;min-width:80px;-webkit-animation:myfirstl 1.5s}
.html_chat .container-index .ctr .message .msg .time{color:#868686;padding:0 9px;font-size:12px;text-align:right;position:absolute;line-height:20px;right:0;bottom:0;border-radius:0 0 15px 0}
.html_chat .container-index .ctr .message p,.message pre{margin:0;line-height:26px;position:relative;font-size:16px}
.html_chat .container-index .ctr .message li{margin:10px 0;line-height:20px;font-size:16px}
.html_chat .container-index .ctr .message.question{color:#f0f8ff;font-size:16px;position:relative;display:flex;margin:20px 0;margin-left:10px;justify-content:flex-end;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all}
.html_chat .container-index .ctr .message.question .title{margin:0;line-height:26px;position:relative;right:0;max-width:80%;padding:12px;background:#264c7d;color:#f0f8ff;border-radius:15px 0 15px 15px;animation:myfirst .5s;-webkit-animation:myfirst .5s;font-size:16px}
.html_chat .container-index .ctr .message.answer{margin:10px 0;text-align:left;color:#313131;position:relative;font-size:16px;min-width:38px;border-radius:0 15px 15px 15px;display:flex;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all}
.html_chat .container-index .ctr .message pre{width:100%;padding:10px;background-color:#23241f;border-radius:6px;color:#f8f8f2;box-sizing:border-box;overflow-x:auto}
@keyframes myfirst{0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes myfirstl{0%{opacity:0}
100%{opacity:1}
}
.html_chat .container-index .ctr .tips{margin:20px;text-align:center;font-size:12px}
.html_chat .container-index .ctr .tips span{display:inline-block;padding:4px 10px;background-color:#81692a;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.html_chat .container-index .ctr .hljs{background:#23241f;color:#f8f8f2}
.hljs-tag,.html_chat .container-index .ctr .hljs-subst{color:#f8f8f2}
.hljs-strong,.html_chat .container-index .ctr .hljs-emphasis{color:#a8a8a2}
.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp,.html_chat .container-index .ctr .hljs-bullet{color:#ae81ff}
.hljs-section,.hljs-selector-class,.hljs-title,.html_chat .container-index .ctr .hljs-code{color:#a6e22e}
.hljs-strong{font-weight:700}
.hljs-emphasis{font-style:italic}
.hljs-keyword,.hljs-name,.hljs-selector-tag,.html_chat .container-index .ctr .hljs-attr{color:#f92672}
.hljs-symbol,.html_chat .container-index .ctr .hljs-attribute{color:#66d9ef}
.hljs-params,.hljs-title.class_,.html_chat .container-index .ctr .hljs-class .hljs-title{color:#f8f8f2}
.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable,.html_chat .container-index .ctr .hljs-addition{color:#e6db74}
.hljs-deletion,.hljs-meta,.html_chat .container-index .ctr .hljs-comment{color:#75715e}
.html_chat .container-index .chat .lingo{position:absolute;bottom:10px;width:calc(100% - 0px);border-top:1px solid hsla(0,0%,100%,.1);background-color:#33343f;padding:0 10px}
.html_chat .container-index .chat .lingo .top{position:relative;padding:10px 0}
.html_chat .container-index .chat .lingo .top a{display:inline-block;padding:4px 10px;background-color:#81692a;color:#fff;margin-right:10px;border-radius:10px}
.html_chat .container-index .chat .lingo .bottom{position:relative}
.html_chat .container-index .chat .lingo textarea{max-width:100%;height:56px;vertical-align:bottom;transition:all .3s,height 0s;outline:0;border-radius:10px;padding:5px 11px;resize:none;overflow-y:hidden;width:100%;color:#fff;background-color:#080808}
.html_chat .container-index .chat .lingo button{color:#fff;background-color:#181818;box-shadow:none;font-size:24px;font-weight:700;align-items:center;position:absolute;right:5px;top:5px;width:80px;height:45px;border-radius:10px;cursor:pointer;background:#ffc107}
.html_chat .container-index .zhinengti_caidan{margin-top:10px;margin-right:10px;height:48px;width:48px;background-color:#3d3d3d;border-radius:6px;cursor:pointer;padding:10px;display:none}
.html_chat .container-index .zhinengti{position:relative;width:30%;border-left:1px solid hsla(0,0%,100%,.1);max-width:500px;height:100%;min-width:200px}
.html_chat .container-index .zhinengti .title{line-height:68px;color:#a7a7a7;font-size:18px;font-weight:700;text-align:center;padding:10px;display:flex}
.html_chat .container-index .zhinengti .title img{margin-right:10px;height:48px;width:48px;background-color:#3d3d3d;border-radius:6px;cursor:pointer;padding:10px}
.html_chat .container-index .zhinengti .title span{width:100%;height:48px;background-color:#3d3d3d;color:#fff;border-color:#707070;align-items:center;display:flex;justify-content:center;border-radius:6px}
.html_chat .container-index .zhinengti .ul{padding:10px;overflow:auto;height:calc(100% - 68px);position:relative;overflow-y:scroll;overflow:auto;padding:10px 10px 0 10px}
.html_chat .container-index .zhinengti .ul .li{overflow:auto;position:relative;background-color:#3d3d3d;padding:10px;border-radius:6px;margin-bottom:10px;cursor:pointer}
.html_chat .container-index .zhinengti .ul .li:hover{background-color:#33343f}
.html_chat .container-index .zhinengti .ul .jia{width:28px;height:28px;line-height:28px;color:#f0f8ff;text-align:center;background-color:#46a7ff;border-radius:100%;float:right;margin-top:10px}
.html_chat .container-index .zhinengti .ul .jia.hover{background-color:#dedfe0;color:#6b6b6b}
.html_chat .container-index .zhinengti .ul .li .left{width:50px;height:50px;border-radius:100%;float:left;margin-right:15px}
.html_chat .container-index .zhinengti .ul .li .right{float:left;width:calc(100% - 65px)}
.html_chat .container-index .zhinengti .ul .li .right .name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e0e0}
.html_chat .container-index .zhinengti .ul .li .right .desc{font-size:12px;color:#a7a7a7;margin-top:8px;height:40px;line-height:20px;margin-bottom:8px;overflow:hidden}
.html_chat .container-index .zhinengti .ul .li .right .bottom{color:#b4b4b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.html_chat .container-index .zhinengti .ul .li .right .bottom span{margin-right:10px}
.html_chat .container-index .zhinengti .ul .li .right .bottom span i{margin-right:3px}
.html_login{justify-content:center;display:flex;align-items:center;padding:120px 0}
.html_login .layui-form{border-radius:15px;padding:50px 30px 50px 30px;box-shadow:0 0 30px 0 rgba(0,0,0,.1);margin:0 auto;width:380px;background-color:#33343f}
.html_login .layui-form h2{text-align:center;margin-bottom:30px;color:#c7c7c7}
.html_login .layui-input{padding:30px;background-color:#33343f;border:1px solid #797979;color:#f0f8ff;border-radius:6px}
.html_login .layui-input:hover{border:1px solid #bfbfbf}
.html_login .layui-input:focus{border:1px solid #bfbfbf}
.html_login .layui-form-item{margin-top:20px}
.html_login .layui-btn{height:62px;border-color:#303030;color:#cacaca;border-radius:6px;background:#5a5a5a}
.html_login .layui-input-prefix{line-height:62px}
.html_huitu{overflow:hidden}
.html_huitu .container{position:relative;display:flex;height:calc(100vh - 90px);background-color:#080808}
.html_huitu .container .huitu{width: 33%;border-right:1px solid hsla(0,0%,100%,.1);max-width:500px;min-width: 360px;position:relative;height:100%;}
.html_huitu .container .huitu .option{width:100%;border-right:1px solid hsla(0,0%,100%,.1);max-width:500px;min-width: 350px;padding:10px;height:calc(100% - 60px);position:relative;overflow-y:scroll;overflow:auto;}
.html_huitu .container .huitu .ok_btn{line-height:55px;text-align:center;border-top:1px solid hsla(0,0%,100%,.1);font-size:18px;font-weight:700;color:#fff;border:3px solid #424242;cursor:pointer;position:relative;background-color:#33343f;z-index:1}
.html_huitu .container .huitu .ok_btn::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#424242;transform:translateX(-100%);transition:all .3s;z-index:-1}
.html_huitu .container .huitu .ok_btn:hover::before{transform:translateX(0)}
.html_huitu .container .huitu .option .box{padding:10px;background-color:#424242;border-radius:10px;position:relative;margin-bottom:10px;}
.html_huitu .container .huitu .option .box .title{padding-bottom:10px;display:flex;align-items:center;margin-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;color:rgb(226 226 226 / 85%)}
.html_huitu .container .huitu .option .box .title img{width:24px;height:24px;vertical-align:middle;margin-right:10px;background-color:#afafaf;border-radius:100%;padding:2px}
.html_huitu .container .huitu .option .box .item{position:relative;}
.html_huitu .container .huitu .option .box .item .btn{line-height: 22px;padding: 0 10px;font-size: 16px;color: #ffc107;display: inline-block;border: 3px solid #ffc107;border-radius: 6px;text-align: center;position: absolute;right: 5px;bottom: 5px;cursor: pointer;}
.html_huitu .container .huitu .option .box .item .tis{font-size: 14px;color: #FFC107;margin-top: 10px;background-color: #080808;border-radius: 10px;padding: 5px 10px;}

.html_huitu .container .huitu .option .box .item select{
 border: solid 1px #333;
 appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 padding-right: 14px;
 outline: none;
 width: 100%;
 height: 50px;
 background-color: #080808;
 color: aliceblue;
 padding: 10px;
 border-radius: 6px;
 cursor: pointer;
 }
.html_huitu .container .huitu .option .box .item option{
    cursor: pointer;
}
 
.html_huitu .container .huitu .option .box .item .img_box{position:relative;width:100%;height:100%;display:grid;grid-gap:10px;grid-template-columns: 1fr 1fr 1fr;}
.html_huitu .container .huitu .option .box .item .img_box .li{border-radius:6px;background-color:#181818;cursor:pointer;padding:3px;color:rgb(226 226 226 / 85%);transition:all .5s ease;}
.html_huitu .container .huitu .option .box .item .img_box .hover{background-color:#a47f1f;color:#fff}
.html_huitu .container .huitu .option .box .item .img_box .li:hover{background-color:#a47f1f}
.html_huitu .container .huitu .option .box .item .img_box .li p{text-align:center;margin:10px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.html_huitu .container .huitu .option .box .item .img_box .li img{width:100%;border-radius:6px 6px 0 0;overflow:hidden;height:48px}
.html_huitu .container .huitu .option .box .item .img_box .li img::before{content:attr(alt);display:flex;background-color:#78787f;justify-content:center;text-align:center;border-radius:6px 6px 0 0;word-break:break-all;line-break:anywhere;color:#fff;width:100%;font-weight:700;height:48px;line-height:48px}
.html_huitu .container .huitu .option .box .item textarea{max-width:100%;min-height:150px;vertical-align:bottom;transition:all .3s,height 0s;outline:0;border-radius:10px;padding:5px 11px;/* overflow-y: auto; */color:#fff;background-color:#080808;width:100%;resize: none;}
.html_huitu .container .generate{width:100%;position:relative;height:calc(100% - -1px);overflow-y:scroll;overflow:hidden}
.html_huitu .container .generate .sctxyl{height:calc(100% - 60px);overflow-y:scroll;overflow:auto;justify-content:center;display:flex;align-items:center}
.html_huitu .container .generate .prompt{background-color:#3d3d3d;color:#f0f8ff;width:100%;text-align:center;padding:10px;height:61px;z-index:99999;position:absolute;bottom:0;left:0;right:0;overflow-y:scroll;overflow:auto;justify-content:center;display:flex;align-items:center}
.html_huitu .container .generate .sctxyl .img-box{border-radius:10px;display:flex;align-items:center;overflow:hidden;justify-content:center;width:100%;margin:5px;border:5px solid #6b6b6b;background-color:#000;position:relative;max-width:420px}
.html_huitu .container .generate .sctxyl .img-box img{width:100%;cursor:pointer}
.html_huitu .container .generate .sctxyl .img-box span{position:absolute;background-color:#3d3d3d;right:0;top:0;display:inline-block;padding:10px;border-radius:0 10px 0 10px;z-index:99;border-bottom:1px solid #585858;border-left:1px solid #585858;color:rgb(226 226 226 / 85%)}
.html_huitu .container .jilu_caidan{margin-top:10px;margin-right:10px;margin-left:10px;height:48px;width:48px;background-color:#3d3d3d;border-radius:6px;cursor:pointer;padding:10px;display:none}
.html_huitu .container .jilu{position:relative;border-left:1px solid hsla(0,0%,100%,.1);height:100%;width:30%;min-width:300px}
.html_huitu .container .jilu>.title{line-height:68px;color:#a7a7a7;font-size:18px;font-weight:700;text-align:center;padding:10px;display:flex}
.html_huitu .container .jilu>.title img{margin-right:10px;height:48px;width:48px;background-color:#3d3d3d;border-radius:6px;cursor:pointer;padding:10px}
.html_huitu .container .jilu>.title span{width:100%;height:48px;background-color:#3d3d3d;color:#fff;border-color:#707070;align-items:center;display:flex;justify-content:center;border-radius:6px}
.html_huitu .container .jilu .ul{padding:10px;overflow:auto;height:calc(100% - 68px);position:relative;overflow-y:scroll;overflow:auto;padding:10px 10px 0 10px;width:calc(100% + 0px)}
.html_huitu .container .jilu .ul .li{width:calc(50% - 5px);height:180px;border-radius:6px;float:left;margin-bottom:10px;margin-right:10px;border:1px solid #737373;position:relative;justify-content:center;display:flex;align-items:center;overflow:hidden;transition:all .5s ease;background-image:url(../img/bgpng001.jpg);background-repeat:repeat;background:#000}
.html_huitu .container .jilu .ul .li:hover{transform:scale(1.02)}
.html_huitu .container .jilu .ul .li:nth-child(2n){margin-right:0}
.html_huitu .container .jilu .ul .li img{width:100%;cursor:pointer}
.html_huitu .container .jilu .ul .li .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;position:absolute;bottom:0;border-radius:0 0 3px 3px;width:100%;background-color:rgb(24 24 24 / 52%);color:#f0f8ff}
.html_huitu .container .jilu .ul .li .count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 5px;position:absolute;border-radius:0 3px 0 6px;background-color:#0d1355;color:#f0f8ff;font-size:12px;top:0;right:0}
.html_huitu .container .jilu .ul .li .share{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 5px;position:absolute;border-radius:3px 0 6px 0;background-color:#ff3d00;color:#f0f8ff;font-size:12px;top:0;left:0;cursor:pointer}
.html_bbs .search{position:fixed;top:90px;left:0;right:0;z-index:99;background:rgba(0,0,0,.6)}
.html_bbs .search .row{position:relative;width:100%;max-width:666px;display:flex;align-items:center;margin:auto;margin-top:20px;margin-bottom:20px}
.html_bbs .search .style{margin:auto;text-align:center;width:90%;margin-bottom:10px}
.html_bbs .search .style a{border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.08);text-align:center;color:#bdbdbd;line-height:24px;padding:0 5px;margin-right:10px;display:inline-table;border-radius:6px;margin-bottom:10px;font-size:12px}
.html_bbs .search .style a.hover{color:#fff;background:rgb(255 152 0 / 52%)}
.html_bbs .search .row .screen{display:flex;align-items:center;margin:auto;position:absolute;z-index:99;left:10px;top:10px}
.html_bbs .search .row .screen a{border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.08);text-align:center;color:#bdbdbd;line-height:27px;padding:0 10px;margin-right:10px;display:block;border-radius:4px}
.html_bbs .search .row .screen a:hover{color:#fff;background:rgb(77 77 238)}
.html_bbs .search .row .screen a.hover{color:#fff;background:rgb(77 77 238)}
.html_bbs .search .row .searchBox{position:relative;width:100%;display:flex;align-items:center}
.html_bbs .search .row .searchBox .ksun{position:absolute;right:91px;height:26px;display:none}
.html_bbs .search .row .searchBox input{width:100%;height:48px;display:flex;align-items:center;border-radius:10px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.08);padding:20px 20px 20px 200px;color:#bdbdbd;padding-right:90px}
.html_bbs .search .row .searchBox button{position:absolute;right:4px;border-radius:6px;padding:10px;color:#fdfdfd;font-size:14px;background:rgb(138 119 255);box-shadow:inset 0 0 32px 16px rgb(12 12 12 / 48%)}
.html_bbs .search .row .searchBox button:hover{background:rgb(3 141 253 / 66%)}
.html_bbs .search .row .searchBox .layui-icon-search:before{margin-right:5px;font-size:20px;vertical-align:top}
.html_bbs .BoxClass{width:100%;padding-top:200px;padding-bottom:30px;display:inline-table;min-height: 90vh;}
.html_bbs .BoxClass .ul{width:90%;margin:auto;position:relative}
.html_bbs .BoxClass .ul .li{border-radius:10px;float:left;width:calc(20% - 8px);border:2px solid rgb(42 42 42);margin-right:10px;margin-bottom:10px;overflow:hidden;position:relative;justify-content:center;/* min-height:200px; */display:flex;align-items:center;transition:all .5s ease}
.html_bbs .BoxClass .ul .li a{width:100%}
.html_bbs .BoxClass .ul .li:hover{transform:scale(1.02)}
.html_bbs .BoxClass .ul .li:nth-child(5n){margin-right:0}
.html_bbs .BoxClass .ul .li img{width:100%;border-radius:10px;cursor:pointer}
.html_bbs .BoxClass .ul .li .count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 12px;position:absolute;border-radius:0 6px 0 10px;background-color:rgb(255 255 255 / 77%);color:#1d1d1d;font-size:12px;top:0;right:0}
.html_bbs .BoxClass .ul .li .tis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 6px;position:absolute;border-radius:6px;background:rgba(0,0,0,.4);color:#ffe1b5;font-size:12px;top:8px;left:9px}
.html_bbs .BoxClass .ul .li .shang{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 12px;position:absolute;border-radius:6px 0 10px 0;color:#a7a7a7;font-size:12px;top:0;right:0}
.html_bbs .BoxClass .ul .li .DescClass{overflow:hidden;text-overflow:ellipsis;padding:10px;position:absolute;bottom:5px;left:5px;right:5px;border-radius:6px;background-color:rgb(24 24 24 / 79%);color:#f0f8ff;display:none}
.html_bbs .BoxClass .ul .li:hover .DescClass{display:block}
.html_bbs .BoxClass .ul .li .DescClass .xinxi{margin-bottom:10px;overflow:auto;color:#ff8c00}
.html_bbs .BoxClass .ul .li .DescClass .title{margin-bottom:10px;max-height:60px;overflow:auto}
.html_bbs .BoxClass .ul .li .DescClass .bottom{display:flex;align-items:center;justify-content:space-between;color:#9fa5ab}
.html_bbs .BoxClass .ul .li .DescClass .bottom .left{width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.html_bbs .BoxClass .ul .li .DescClass .bottom .left img{width:20px}
.html_bbs .BoxClass .ul .li .DescClass .bottom .right{width:30%;text-align:right}
.page_item{overflow:hidden}
.page_item .container{position:relative;display:flex;height:calc(100vh - 90px);background-color:#080808}
.page_item .container .content{width:100%;position:relative;overflow-y:scroll;overflow:auto;height:100%;padding:10px}
.page_item .container .content .box{margin:auto;width:50%;min-width:600px;background-color:rgb(70 70 70);border-radius:6px;color:#dedede}
.page_item .container .content .box .title{font-size:17px;font-weight:700;padding:20px;border-radius:6px 6px 0 0;background-color:#33343f}
.page_item .container .content .box .Top{display:flex;position:relative;margin-top:10px}
.page_item .container .content .box .Top .information{width:80%;margin-right:20px}
.page_item .container .content .box .Top .cover{width:20%}
.page_item .container .content .box .Top .cover img{width:100%}
.page_item .container .content .box .tuser{display:flex;position:relative;margin-top:10px}
.page_item .container .content .box .tuser .img{width:40px;height:40px;border-radius:100%;margin-right:10px}
.page_item .container .content .box .tuser .name{width:calc(100% - 100px)}
.page_item .container .content .box .tuser .name .time{color:#b7b7b7;margin-top:3px;font-size:12px}
.page_item .container .content .box .msg{background-color:#696969;padding:10px;width:calc(100% - 0px);margin-top:20px;font-size:14px;border-radius:5px;color:#dedede}
.page_item .container .content .box .li{overflow:auto;margin-bottom:10px}
.page_item .container .content .box .li .user{width:28px;height:28px;margin-right:10px;border-radius:100px}
.page_item .container .content .box .li .text{float:right;width:calc(100% - 38px);line-height:32px}
.page_item .container .content .box .li .text a{background-color:#3d3d3d;padding:0 9px;color:#f0f8ff;display:inline-block;margin-right:6px;margin-bottom:3px;border-radius:10px;font-size:12px}
.page_item .container .content .box .li .text .tpic{position:relative;width:100%;height:238px;margin-bottom:10px;border-radius:10px;display:flex;align-items:center;overflow:hidden;justify-content:center}
.page_item .container .content .box .li .text .tpic img{width:100%}
.page_item .container .content .box .li .text .image{position:relative;width:100%;height:100%;grid-gap:10px;margin-bottom:10px;}
.page_item .container .content .box .li .text .image .img{width:100%;position:relative;justify-content: center;display: flex;align-items: center;background-color: #080808;padding: 20px;border-radius: 10px;}
.page_item .container .content .box .li .text .image .img img{max-width: 100%;max-height: 100%;border-radius:10px;}
.page_item .container .content .box .li .text .image .img .dow{border-radius:6px;position:absolute;z-index:99;display:block;top:10px;right:10px;background-color:rgb(52 102 255);color:#f0f8ff}
.page_item .container .content .field-title{text-align:center;margin:20px 0;border:1px solid #6b6b6b;border-width:0;margin-bottom:10px;border-style:solid;border-top-width:1px}
.page_item .container .content .box .tpic{position:relative;width:100%;height:238px;margin-bottom:10px;border-radius:10px;display:flex;align-items:center;overflow:hidden;justify-content:center;background-color:#080808}
.page_item .container .content .box .tpic img{height:100%;max-width:100%}
.page_item .container .comment{width:30%;max-width:500px;min-width:300px;position:relative;height:100%;border-left:1px solid hsla(0,0%,100%,.1)}
.page_item .container .comment>.title{line-height:68px;color:#a7a7a7;font-size:18px;font-weight:700;text-align:center;padding:10px;display:flex}
.page_item .container .comment>.data{width:100%;border-right:1px solid hsla(0,0%,100%,.1);max-width:500px;min-width:300px;padding:10px;height:calc(100% - 135px);position:relative;overflow-y:scroll;overflow:auto}
.page_item .container .comment>.data .pinglun .li{overflow:auto;margin-bottom:11px;margin-top:11px;background-color:#3d3d3d;padding:10px;border-radius:6px;margin-bottom:10px}
.page_item .container .comment>.data .pinglun .li .usertop{position:relative;overflow:auto}
.page_item .container .comment>.data .pinglun .li .usertop img{width:32px;height:32px;margin-right:11px;border-radius:115px;float:left}
.page_item .container .comment>.data .pinglun .li .usertop .name{color:#dedede;font-size:16px}
.page_item .container .comment>.data .pinglun .li .text{float:right;width:calc(100% - 43px);color:#dedede;line-height:1.5}
.page_item .container .comment>.data .pinglun .li .bt{float:right;width:calc(100% - 43px);color:#bdbdbd;line-height:32px;text-align:right}
.page_item .container .comment>.title span{width:100%;height:48px;background-color:#3d3d3d;color:#fff;border-color:#707070;align-items:center;display:flex;justify-content:center;border-radius:6px}
.page_item .container .comment>.bottom{background-color:#3d3d3d;padding:10px;text-align:center;border-top:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:pointer;position:relative;z-index:1;display:flex;align-items:center;overflow:hidden;justify-content:center}
.page_item .container .comment>.bottom .li{width:60px;text-align:center}
.page_item .container .comment>.bottom .li img{height:22px}
.page_item .container .comment>.bottom .li .iconfont{font-weight:700;font-size:20px}
.page_item .container .comment>.bottom .li .title{font-size:12px;margin-top:6px}
.page_item .container .comment>.bottom .go{width:calc(100% - 80px);position:relative;margin-left:10px}
.page_item .container .comment>.bottom .go textarea{width:100%;background-color:#f0f8ff;height:45px;border-radius:10px;color:#6d6d6d;padding:13px 60px 13px 10px;resize:none}
.page_item .container .comment>.bottom .go button{position:absolute;right:0;line-height:45px;border-radius:0 10px 10px 0;background-color:#ff9800;padding:0 10px;color:#f0f8ff}
.html_vip .container{width:100%}
.html_vip .nvip-t{height:366px;width:100%;background:url(../img/nvip-top-nbg.png) no-repeat center;background-size:cover;overflow:hidden;position:relative}
.html_vip .nvip-t-t{width:384px;height:64px;line-height:64px;font-size:48px;font-weight:700;background:linear-gradient(180deg,#d8790a 0,rgba(216,121,10,.55) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:108px auto 0}
.html_vip .nvip-t-s{width:634px;height:22px;font-size:16px;line-height:22px;position:absolute;left:50%;top:185px;margin-left:-317px;text-align:center}
.html_vip .nvip-g{width:90%;max-width:1200px;height:304px;margin:auto;position:absolute;top:345px;left:50%;transform:translate(-50% ,0)}
.html_vip .nvip-g-d{width:calc(25% - 18px);height:304px;background:#000;color:#d8d8d8;box-shadow:0 4px 20px rgba(0,0,0,.05);border-radius:8px;float:left;margin-left:24px}
.html_vip .nvip-g-d-d{width:150px;height:32px;background:#ff9800;border-radius:8px 0 16px;font-weight:700;color:#fff;font-size:14px;line-height:32px;text-align:center;position:absolute;left:0;top:0}
.html_vip .nvip-v-c{height:36px;font-size:28px;line-height:38px;color:#333;margin-top:52px;text-align:center}
.html_vip .nvip-v-c2{height:36px;font-size:24px;line-height:38px;margin-top:52px;text-align:center;color:#d8d8d8}
.html_vip .nvip-v-s{width:134px;height:54px;position:relative;margin:20px auto 0;display:flex;align-items:center;overflow:hidden;justify-content:center}
.html_vip .nvip-v-s-m{width:16px;height:22px}
.html_vip .nvip-v-s-p{height:54px;color:#ff9800;font-size:40px;margin-left:10px;margin-right:10px}
.html_vip .nvip-v-s-t{height:20px;bottom:10px;right:0;font-size:16px;color:#d8d8d8;line-height:20px}
.html_vip .nvip-v-exp{width:142px;height:22px;color:#ff9800;text-align:center;font-size:16px;line-height:22px;margin:16px auto 24px}
.html_vip .nvip-g-d a{display:block;width:80%;height:56px;background:#ff9800;opacity:1;border-radius:8px;margin:0 auto;font-size:20px;color:#fff;line-height:56px;text-align:center}
.html_vip .nvip-g-d a:hover{background:#f34d37}
.html_vip .tis{background:#000;border-radius:4px;margin:auto;margin-top:20px;font-size:16px;color:#ff9800;padding:20px;max-width:1200px;width:90%}
.html_vip .tis a{border-radius:4px;font-size:16px;color:#fff;padding:6px 10px;margin-left:10px;background:#ff9800}
.html_vip .nvip-z{max-width:1200px;height:40px;background:#000;border-radius:4px;margin:214px auto 0;line-height:40px;font-size:16px;color:#fff;width:90%}
.html_vip .nvip-z-t{margin-left:16px;float:left}
.html_vip .nvip-z-d{position:relative;float:left;text-align:right;margin-left:24px;display:flex;align-items:center;justify-content:center}
.html_vip .nvip-z-d-i2{width:16px;height:16px;position:absolute;background:url(../img/nvip-w.png);left:104px;top:12px;z-index:1}
.html_vip .nvip-z-d-i2 div{position:absolute;width:260px;background:#6f6f6f;border-radius:4px;font-size:14px;line-height:24px;text-align:left;color:#fff;padding:10px;right:0;top:24px;display:none}
.html_vip .nvip-z-d-i2:hover div{display:block}
.html_vip .nvip-z-d-i{width:16px;height:13px;background:url(../img/nvip-sh-corr.png);left:0;top:14px;z-index:1;margin-right:10px}
.html_vip .nvip-z-a{width:82px;height:22px;font-size:16px;line-height:22px;color:#ff9800;text-align:center;margin:10px 16px 0 0;float:right}
.html_vip .vip-content-wrap{position:relative;margin-top:64px;margin-bottom:20px;width:100%}
.html_vip .vip-feature{width:100%;overflow:hidden}
.html_vip .vip-content-wrap h3{color:#b7b7b7;font-size:36px;height:48px;line-height:48px;font-weight:700;text-align:center}
.html_vip .vip-content-wrap h3 a{text-decoration:underline;color:#333}
.html_vip .vip-feature table{background-color:#000;max-width:1200px;width:100%;overflow:hidden;border:1px solid #fcf0df;margin-top:30px;border-radius:5px;box-sizing:border-box}
.html_vip .nvip-tb-td-bg{background:#131313}
.html_vip .vip-feature table th{height:80px;background:#efd19e;font-size:24px;width:240px;color:#333;font-weight:400}
.html_vip .vip-feature table td{border-right:1px solid #000;height:60px;text-align:center;font-size:16px}
.html_vip .vip-feature table td.no-vip-td{color:#666}
.html_vip .vip-feature table span{color:#d2d2d2;display:inline-block}
.html_vip .vip-feature table span b{color:#4ec923;font-weight:400}
.html_vip .vip-feature table th span{width:100%;height:48px;line-height:48px;color:#333}
.html_vip .vip-feature .feature-no{width:24px;height:24px;background:url(../img/nvip-b-error.png) no-repeat 0 0}
.html_vip .vip-feature .feature-yes{width:24px;height:24px;background:url(../img/nvip-b-corr.png) no-repeat 0 0}
.user_chongzhi{padding:10px;color:#3a3a3a;width:380px}
.user_chongzhi .title{text-align:center;margin-top:20px;color:#8e9092}
.user_chongzhi .rmb{color:#ff5722;font-weight:700;margin-top:20px;position:relative;width:170px;margin-left:calc(50% - 85px);margin-bottom:20px}
.user_chongzhi .rmb .text{position:absolute;left:10px;bottom:10px;font-size:18px}
.user_chongzhi .rmb .input{background-color:#f2f5f9;padding:10px;padding-left:40px;color:#f44336;font-size:20px;border-radius:6px;width:100%}
.user_chongzhi .xuanze{background-color:#f2f5f9;padding:10px 10px;color:#f44336;font-size:10px;border-radius:6px;margin-top:10px}
.user_chongzhi .xuanze .div{overflow:hidden;padding:15px 0;border-top:1px solid #eee;cursor:pointer}
.user_chongzhi .xuanze .div.hover0 .zhong{color:red}
.user_chongzhi .xuanze .div:nth-child(1){border-top:unset}
.user_chongzhi .xuanze .div .zuo{width:20px;float:left;margin-right:10px;margin-top:4px}
.user_chongzhi .xuanze .div .zhong{float:left;font-size:18px;font-weight:700;color:#484848}
.user_chongzhi .xuanze .div .zhong .text{font-size:19px;margin-left:10px;color:#8e9092;font-weight:100}
.user_chongzhi .xuanze .div .you{width:16px;background-color:#848484;height:16px!important;border-radius:50px;float:right;margin-top:5px}
.user_chongzhi .xuanze .div.hover0 .you{width:16px;background-color:#ff5722}
.user_chongzhi .chongzhi{margin-bottom:10px;background-color:#fff;border-radius:10px;padding-bottom:0}
.user_chongzhi .chongzhi .ul{overflow:auto;position:relative}
.user_chongzhi .chongzhi .ul .li{overflow:auto;position:relative;float:left;margin-right:10px;width:calc(33.33% - 7px);margin-bottom:10px;border:2px solid #f2f5f9;border-radius:6px;background-color:#f2f5f9;padding:10px 0;cursor:pointer}
.user_chongzhi .chongzhi .ul .li:nth-child(3n){margin-right:unset}
.user_chongzhi .chongzhi .ul .li .box{text-align:center;width:calc(100%);padding:8rpx 0;font-weight:700}
.user_chongzhi .chongzhi .ul .li .song{color:#9c9c9c;font-size:14px}
.user_chongzhi .chongzhi .ul .hover0{border:2px solid #ff5722}
.user_chongzhi .chongzhi .ul .hover0 .box{color:#ff5722}
.user_chongzhi .chongzhi .ul .hover0 .song{color:#ff5722}
.user_chongzhi .ok{text-align:center;background-color:#007aff;color:#fff;padding:10px 0;border-radius:6px;margin-top:30px;margin-bottom:10px;cursor:pointer}
.user_chongzhi .tis{color:#252525;font-size:14px;border:1px solid #f1f1f1;border-radius:6px;padding:10px;background-color:#f2f5f9;margin-top:10px;width:100%}
.footer{height:180px;width:100%;position:relative;overflow:hidden;background-color:#080808}
.footer .nhp-ft-f{margin:0 auto;position:relative;overflow:hidden;width:90%;max-width:1200px}
.footer .nhp-ft-f-l{position:absolute;left:0;top:24px;background:url(/public/static/img/logo.png);background-size:contain;opacity:.4;border-radius:8px;width:150px;height:60px}
.footer .nhp-ft-f-s{height:24px;font-size:16px;line-height:24px;color:#757575;position:absolute;left:176px;top:38px}
.footer-t{width:506px;height:24px;margin:52px 0 0 696px;display:block;text-align:right}
.footer-b{width:100%}
.footer-b{margin-top:34px;border-radius:4px;height:32px;font-size:14px;line-height:32px;box-sizing:border-box}
.footer-t li{display:inline-block;width:80px;height:16px;border-right:2px solid grey;text-align:center;font-size:16px;box-sizing:border-box}
.footer-t li a{display:inline-block;font-size:16px;line-height:16px;color:#9d9d9d}
.footer-t li a:hover{text-decoration:underline}
.footer-b li{display:inline-block;border-right:1px solid #575757;color:#9d9d9d;font-size:14px;height:14px;line-height:14px}
.footer-b li a{color:#9d9d9d}
.user_index{overflow:hidden}
.user_index .container{position:relative;display:flex;height:calc(100vh - 90px);background-color:#080808}
.user_index .container .user_box{width:30%;border-right:1px solid hsla(0,0%,100%,.1);max-width:500px;min-width:350px;position:relative;height:100%;overflow-y:scroll;overflow:auto}
.user_index .container .user_box .user_bg{width:100%;-webkit-filter:blur(5px);filter:blur(3px);height:200px}
.user_index .container .user_box .head{position:absolute;top:200px;width:100%;background-color:#080808;color:#d4d4d4;padding:10px}
.user_index .container .user_box .head>img{width:100px;height:100px;position:absolute;top:-61px;border-radius:100%;border:4px solid #c0e0ff;left:calc(50% - 50px)}
.user_index .container .user_box .head .name{margin-top:50px;text-align:center;font-size:18px;font-weight:700}
.user_index .container .user_box .head .ul{display:flex;margin-top:20px}
.user_index .container .user_box .head .ul .li{width:100%;text-align:center;position:relative;padding:10px;margin:10px;background-color:#3d3d3d;border-radius:6px;cursor:pointer}
.user_index .container .user_box .head .ul .li .number{color:#ffc107;font-size:18px;font-weight:700}
.user_index .container .user_box .head .ul .li .number span{color:#fff;font-size:12px;font-weight:unset;margin-right:2px;margin-left:2px}
.user_index .container .user_box .head .ul .li .title{font-size:16px;margin-top:10px}
.user_index .container .user_box .head .nav{padding:10px;background-color:#3d3d3d;color:#f0f8ff;border-radius:6px;margin:10px}
.user_index .container .user_box .head .nav a{display:block;background-color:#3d3d3d;color:#fff;padding:15px;margin-bottom:10px;border-radius:6px;position:relative;transition:all .5s ease;display:flex}
.user_index .container .user_box .head .nav a:before{float:right;content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#ccc;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-6px;right:20px}
.user_index .container .user_box .head .nav a img{display:block;height:20px;margin-right:10px;width:20px}
.user_index .container .user_box .head .nav .hover{background-color:#080808}
.user_index .container .user_box .head .nav a:hover{background-color:#080808;transform:scale(1.01)}
.user_index .container .user_box .head .nav a i{float:right}
.user_index .container .user_box .head .nav a:last-child{margin-bottom:auto}
.user_index .container .content_box{width:100%;position:relative;overflow-y:scroll;overflow:auto;height:100%;padding:10px}
.user_index .container .content_box .y_box{width:100%;height:100%;padding:10px;margin:auto;max-width:900px}
.user_index .container .content_box .y_box .bottom_tool{position:fixed;right:20px;bottom:105px;z-index:999;font-size:38px;background-color:#f0f8ff;padding:5px 10px;border-radius:6px}
.user_index .container .content_box .y_box .bottom_tool i{font-size:32px;font-weight:bolder;color:#000}
.user_index .container .content_box .y_box .BoxClass{width:100%;display:inline-table}
.user_index .container .content_box .y_box .BoxClass{width:100%;margin:auto;position:relative}
.user_index .container .content_box .y_box .BoxClass iframe{width:100%;height:calc(100vh - 130px);position:relative;max-width: 400px;margin:auto;margin-left:calc(50% - 250px);border-radius:6px;}
.user_index .container .content_box .y_box .BoxClass .li{border-radius:10px;float:left;width:calc(33.333% - 8px);border:2px solid rgb(42 42 42);margin-right:10px;margin-bottom:10px;overflow:hidden;position:relative;height:300px;justify-content:center;display:flex;align-items:center;transition:all .5s ease}
.user_index .container .content_box .y_box .BoxClass .li a{width:100%}
.user_index .container .content_box .y_box .BoxClass .li:hover{transform:scale(1.02)}
.user_index .container .content_box .y_box .BoxClass .li:nth-child(3n){margin-right:0}
.user_index .container .content_box .y_box .BoxClass .li img{width:100%;border-radius:10px;cursor:pointer}
.user_index .container .content_box .y_box .BoxClass .li .count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 12px;position:absolute;border-radius:0 6px 0 10px;background-color:rgb(255 255 255 / 77%);color:#1d1d1d;font-size:12px;top:0;right:0}
.user_index .container .content_box .y_box .BoxClass .li .tis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 12px;position:absolute;border-radius:6px 0 10px 0;background-color:rgb(8 8 8 / 78%);color:#a7a7a7;font-size:12px;top:0;left:0}
.user_index .container .content_box .y_box .BoxClass .li .DescClass{overflow:hidden;text-overflow:ellipsis;padding:10px;position:absolute;bottom:5px;left:5px;right:5px;border-radius:6px;background-color:#181818c9;color:#f0f8ff;display:none}
.user_index .container .content_box .y_box .BoxClass .li:hover .DescClass{display:block}
.user_index .container .content_box .y_box .BoxClass .li .DescClass .xinxi{margin-bottom:10px;overflow:auto;color:#ff8c00}
.user_index .container .content_box .y_box .BoxClass .li .DescClass .title{margin-bottom:10px;max-height:60px;overflow:auto}
.user_index .container .content_box .y_box .BoxClass .li .DescClass .bottom{display:flex;align-items:center;justify-content:space-between;color:#9fa5ab}
.user_index .container .content_box .y_box .BoxClass .li .DescClass .bottom .left{width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user_index .container .content_box .y_box .BoxClass .li .DescClass .bottom .left img{width:20px}
.user_index .container .content_box .y_box .BoxClass .li .DescClass .bottom .right{width:30%;text-align:right}
.user_index .container .content_box .y_box .max{margin:auto;width:100%;background-color:rgb(61 61 61);border-radius:6px;color:#dedede;padding:10px;min-height:calc(100vh - 130px)}


dan_index{

}

.dan_index .seclevel_title .bj {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #080808;
}
.dan_index .seclevel_title {
    position: relative;
}
.dan_index .seclevel_title h1 {
    color: rgba(255, 255, 255, 100);
    font-size: 38px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dan_index .wrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    border-radius: 10px;
    background-color: rgb(70 70 70);
    color: white;
}
.dan_index .mixinnet {
    margin: 30px 0;
    box-shadow: rgba(60,72,88,0.2) 0px 0px 3px 0px;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
}
.dan_index .article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5,.article_content h6{margin-bottom:18px;background-color: #1c1c1c;border-left: 4px solid #ffc107;padding-left:10px;margin:10px 0;border-top-left-radius:2px;border-bottom-left-radius:2px;font-weight:400;}
.dan_index .article_content h2{font-size:24px}
.dan_index .article_content h2{font-size:20px}
.dan_index .article_content h3{font-size:18px}
.dan_index .article_content h4{font-size:16px}
.dan_index .article_content h5{font-size:14px}
.dan_index .article_content h6{font-size:12px}
.dan_index .article_content ul{list-style:disc;padding-left: 30px;}

.dan_index .article_content  hr {
    border-bottom: 1px solid #808080;
}
.dan_index .article_content ol{list-style:decimal;}
.dan_index .article_content li{margin-bottom:6px}

.dan_index .article_content li {
    list-style-type: disc;
}
.dan_index .article_content p{margin:12px 0;line-height:32px;word-wrap:break-word;}
.dan_index .article_content p img{
    border-radius: 10px;
    cursor: pointer;
    width: calc(50% - 3px);
    height: 50%;
    margin-bottom: 3px;
    display: inline-block;
    margin-right: auto;
}
.dan_index .article_content pre{
    padding: 20px;
    border-radius: 10px;
    background-color: #292929;
}
.dan_index .article_content table{border-top: solid 1px #9e9e9e;border-left: solid 1px #9e9e9e;width:100%;margin-bottom:18px;}
.dan_index .article_content table th{background-color: #131313;text-align:center;}
.dan_index .article_content table td,.article_content table th{border-bottom: solid 1px #9e9e9e;border-right: solid 1px #9e9e9e;padding:5px 10px;}
.dan_index .article_content .alignnone{margin:0 auto}
.dan_index .article_content .alignleft{float:left;text-align:left;margin-right:10px}
.dan_index .article_content .aligncenter{margin:0 auto;text-align:center;display:block}
.dan_index .article_content .alignright{float:right;text-align:right;margin-left:10px}
.dan_index .article_content a{color:#03a9f4}
.dan_index .article_content a:hover{color:#f40;text-decoration:underline}
.dan_index .article_content blockquote{margin:20px 0;padding: 15px 30px 10px;border-left: 5px solid #ffc107;background-color: #1c1c1c;}
.dan_index .article_content blockquote p{margin:0;padding:0;margin-bottom:10px}
.dan_index .article_content embed,.article_content iframe,.article_content video{width:100%}