@import url("//at.alicdn.com/t/font_1151392_5hwi3w2ygqu.css");*{padding:0;margin:0}body{--theme:#2b7057;transition:.3s;color:#333;font-size:16px}.hlogo{height:70px}.headline{display:flex;align-items:center}.wrap{width:1400px;margin:0 auto;border-radius:10px;box-shadow:10px 0 20px rgba(255,255,255,.3)}.main,.wrap,header{background:#fff}li{list-style:none}header h1{padding:50px 100px;color:var(--theme)}.logo{background:url(https://img20.360buyimg.com/openfeedback/jfs/t20260624/305386/1/3666/435074/682c5eedF10d030bd/16ecff8fc99245c8.jpg);width:100%;height:560px;background-position:50%;background-size:cover}.angled{background:#fff;color:#333}.top{display:flex;align-items:center;justify-content:space-between}.top h1{padding:40px 0;font-size:30px;font-weight:400;color:#fff}.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;color:#333}.main{padding:20px;display:flex}nav{background:#fff;color:#fff}nav ul{display:flex;width:100%}.content{width:1050px;margin:0 auto}nav li{padding:15px;cursor:pointer;flex:1 1;text-align:center}nav li.active{background:var(--theme);color:#fff;border-top:2px solid #166d4d}.left{width:900px;box-sizing:border-box;padding:20px;margin:0 auto}article img{max-width:100%;border-radius:5px}article h2{font-size:30px;margin-bottom:10px}article h1,article h2{color:#333;border-bottom:1px solid #ddd;padding:10px 0}article h1{font-size:45px}article li{list-style-type:disc}article ul{padding:10px 10px 10px 30px}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 #f2f2f2}a,strong{color:var(--theme);text-decoration:none;font-weight:700}img{border-radius:5px}.right{width:300px;border-left:1px solid #f2f2f2;padding:20px}.right img{width:100%}article p{padding:10px 0;line-height:24px;word-wrap:break-word}article pre{font-size:20px;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:#DDD;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}.counter{background:var(--theme);color:#fff;padding:10px}@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;width:100%}.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}}