@import url("//at.alicdn.com/t/font_1151392_5hwi3w2ygqu.css");*{padding:0;margin:0}body{background:url(https://image.planet.youku.com/img/100/19/42605/i_1719400142605_3b6f71a78f759320cf7dbca24cf0bc6a_b_w1123h2307.png) #111 repeat;--theme:#2ec2df;transition:.3s}.wrap{width:1250px;margin:0 auto;border-radius:10px;box-shadow:10px 0 20px rgba(0,0,0,.3)}li{list-style:none}header h1{padding:50px 100px;color:#fff}.logo{background:url(https://dd-static.jd.com/ddimgp/jfs/t20271004/504766/17/12882/91077/6a93ffafFf1c8795a/09366c04381eb3d2.jpg);width:100%;height:360px;background-position:50%}.angled,.logo{background-size:cover}.angled{background-color:#202020;background-image:radial-gradient(10% 50px at 70% 10%,#1c4357,transparent),radial-gradient(10% 50px at 30% 90%,#1c4357,transparent)}.top{display:flex;align-items:center;justify-content:space-between}.top h1{padding:50px 0}.login-btn{color:#fff;background:#1e82e9;padding:2px 10px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-left:15px}.login-btn img{height:30px!important;width:30px!important;margin:0!important}.nav{display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center}.nav button,.userinfo button{background:var(--theme);padding:5px 20px;border-radius:8px;border:0;color:#fff;font-size:16px;font-weight:700}.search{display:flex;align-items:center}.nav input{background:rgba(0,0,0,.3);border:0;padding:8px 20px;border-radius:8px 0 0 8px;color:#fff}.nav button{border-radius:0 8px 8px 0!important}main{border-radius:5px;background:#0f0f0f;color:#bbb;margin:30px auto!important}.main{padding:20px;display:flex}nav{background:#212121;color:#fff}nav ul{display:flex}.content{width:1050px;margin:0 auto}nav li{padding:15px;cursor:pointer}nav li.active{background:var(--theme);color:#fff}.left{width:750px;box-sizing:border-box;padding:20px}article img{max-width:100%;border-radius:5px}article h2{color:#fff}hr{margin:20px auto;height:1px;border:none;border-top:1px dashed #bbb}.avatar,.avatar img{height:25px;width:25px;border-radius:4px}.info li,.info span{margin-right:5px}.info li{color:var(--theme)}.info{display:flex;align-items:center;padding:10px 0;margin-bottom:20px}article{padding:40px 0;border-bottom:1px solid #222}a,strong{color:var(--theme);text-decoration:none;font-weight:700}img{border-radius:5px}.right{width:300px;border-left:1px solid #222;padding:20px}.right img{width:100%}article p{padding:10px 0;line-height:24px;word-wrap:break-word}article pre{font-size:16px;padding:5px 15px}.next-btn,article pre{background:#222;border-radius:5px}.next-btn{padding:10px 40px;width:100%;margin:20px 0;color:#fff;border:none;cursor:pointer}.next-btn:hover{background:var(--theme);transition:.3s}article em{color:#555;font-size:12px;background:#000;padding:0 10px;border-radius:5px}.login{text-align:center;overflow:hidden;width:350px;margin:0 auto;border-radius:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222}.close-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:-20px;right:-20px;background:#fc4761;font-size:20px;font-weight:700;color:#fff;width:40px;height:40px;border-radius:20px;line-height:1}.close-btn,button{cursor:pointer}.login li{padding:10px;margin:5px}.login li input{padding:10px 20px;box-sizing:border-box;background:#111;background:#fff}.login li button,.login li input{border-radius:8px;border:none;width:100%}.login li button{background:var(--theme);color:#fff;padding:10px;cursor:pointer}.login li h1{color:var(--theme);padding:10px 0}button:disabled{opacity:.7;cursor:wait!important}.login select{padding:10px 20px;border-radius:8px;border:none;width:330px;box-sizing:border-box;margin:10px 0}.login p{background:#555;padding:10px;border-radius:50px;margin:10px;color:var(--secondary)}button[type=error]{background:#fc4761!important}.flex{display:flex!important}.upload{flex:3 1;min-height:200px;margin:0 auto;padding:10px;border-radius:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222}.upload.wrap{width:800px}.upload h1{color:var(--primary)}.upload textarea{width:100%;min-height:200px;outline:none;border:none;box-sizing:border-box;padding:10px 15px;resize:vertical;font-size:16px;line-height:20px;border-radius:8px;background:#111;color:#fff}.te{cursor:pointer;margin:7px;padding:7px;font-size:16px;border-radius:5px}.upload .title input{padding:10px 20px;border-radius:8px;margin-bottom:10px;border:none;width:100%;box-sizing:border-box;background-color:#111;color:#fff}.upload .title{width:100%;margin:10px 0;box-sizing:border-box}.submit{text-align:right}.submit button{background:var(--theme);color:#fff;margin:0 auto;padding:8px 10px;border-radius:8px;border:none;width:100px;cursor:pointer}.options select{padding:5px 17px;border:0;color:#666;background:#111;margin:20px 20px 20px 0;border-radius:10px}.panel{justify-content:space-between}.infos,.panel,.userinfo{display:flex;align-items:center}.userinfo{justify-content:right}.userinfo img{height:35px;width:35px;border-radius:8px;margin:0 10px}.timeinput{background:#111;border:0;color:#fff}blockquote{background:#222;padding:2px 10px;border-left:5px solid var(--theme)}#modal{border:none;border-radius:8px;margin:0 auto;padding:20px;position:fixed;top:-100%;left:20%;transform:translateX(-50%);animation:slideIn .3s forwards}@keyframes slideIn{0%{top:-100%}to{top:10%}}@media screen and (max-width:500px){.nav a,.right,.userinfo,header{display:none}.content,.left,.wrap{width:100%}.main{padding:0;margin-top:50px}.search{width:calc(100% - 130px)}.search button{padding:5px 10px!important}main{margin:0!important}.nav{display:block;position:fixed;background:#0f0f0f}.nav,nav li{padding:10px}nav li{font-size:18px}nav ul{display:flex;flex-wrap:nowrap;overflow:scroll;white-space:nowrap;align-items:center}.angled{background-size:0;background-image:none;background-color:transparent;width:100%}nav li.active{background:transparent;color:var(--theme);font-weight:700;position:relative}nav li.active:after{content:"";position:absolute;bottom:6px;left:50%;height:6px;width:6px;border-bottom:3px solid var(--theme);border-left:3px solid var(--theme);transform-origin:50% 50%;transform:rotate(-45deg) translate(-25%,-50%)}nav{width:100%;height:36px;line-height:36px}article{padding:20px 0}}