body{background:#f4f4f4;color:#000;cursor:default;font:13px arial,sans-serif}
*{border:0;box-sizing:border-box;margin:0;outline:0;padding:0}
a{color:#0b3893;text-decoration:none}
a:hover{color:#000}
h1{color:#0b3893;font-size:20px}
header{background:#1f1f1f;height:50px;width:100%;position:fixed;z-index:10;top:0;line-height:50px}
header a{color:#fff}
header a:hover{color:rgba(255,255,255,0.8)}
.header_wrapper{margin:auto;padding:0 24px;width:920px}
.header_logo{float:left;font-size:24px;font-weight:bold}
.header_category{float:left;font-size:16px;margin-left:20px;position:relative}
.category_button{color:#fff;cursor:pointer;float:left;padding-left:23px}
.category_button:before{content:'';position:absolute;background:#fff;width:18px;height:2px;top:17px;left:0}
.category_button span{display:block;position:absolute;background:#fff;width:18px;height:2px;top:23px;left:0}
.category_button:after{content:'';position:absolute;background:#fff;width:18px;height:2px;top:29px;left:0}
.category_button:hover{opacity:0.8}
.header_category:hover .category_list{display:block!important}
.category_list{background:#1f1f1f;border-radius:0 0 4px 4px;display:none;padding:0 10px 10px;position:absolute;top:50px;z-index:1;left:-15px}
.category_list a{border-radius:4px;display:block;line-height:30px;padding:0 10px;white-space:nowrap}
.category_list a:hover{background:rgba(255,255,255,0.05)}
.category_new{float:left;font-size:16px;margin:0 10px}
.new_mobile,.login_mobile{display:none;border-top:1px solid rgba(255,255,255,0.05);margin-top:5px;padding-top:5px}
.category_mobile{float:right;display:none;position:relative;width:50px;cursor:pointer;height:50px}
.category_mobile:before{content:'';position:absolute;background:#fff;width:20px;height:3px;top:17px;left:15px}
.category_mobile span{display:block;position:absolute;background:#fff;width:20px;height:3px;top:24px;left:15px}
.category_mobile:after{content:'';position:absolute;background:#fff;width:20px;height:3px;top:31px;left:15px}
.open_mobile.category_mobile:before{width:26px;top:24px;left:12px;transform:rotate(45deg)}
.open_mobile.category_mobile span{display:none}
.open_mobile.category_mobile:after{width:26px;top:24px;left:12px;transform:rotate(-45deg)}
.header_login{float:right}
.header_login a{font-size:15px;margin-left:10px}
.header_search{text-align:center}
.search_input{background:rgba(255,255,255,0.1);border-radius:4px;color:rgba(255,255,255,0.5);line-height:30px;padding:0 30px 0 10px;width:360px}
.search_input:focus{background:#f2f2f2;color:#000}
.search_button{background:transparent;cursor:pointer;height:30px;margin:10px 0 0 -30px;width:30px;position:absolute}
.search_button:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);top:7px;left:7px}
.search_button:after{content:'';position:absolute;background:rgba(255,255,255,0.5);width:6px;height:2px;top:19px;left:18px;transform:rotate(45deg)}
.search_input:focus ~ .search_button:before{border-color:#000;opacity:0.5}
.search_input:focus ~ .search_button:after{background:#000;opacity:0.5}
.search_mobile{float:right;display:none;position:relative}
.search_mobile:before{content:'';position:absolute;width:14px;height:14px;border-radius:50%;border:3px solid #fff;top:15px;left:15px}
.search_mobile:after{content:'';position:absolute;background:#fff;width:8px;height:3px;top:31px;left:31px;transform:rotate(45deg)}
.open_mobile.search_mobile:before{width:26px;height:3px;top:24px;left:12px;border-radius:0;border:0;background:#fff;transform:rotate(45deg)}
.open_mobile.search_mobile:after{width:26px;height:3px;top:24px;left:12px;transform:rotate(-45deg)}
main{background:#fff;margin:50px auto 0;width:920px}
.main_wrapper{padding:24px}
footer{background:#1f1f1f;margin:auto;width:920px;color:rgba(255,255,255,0.3)}
footer a{color:rgba(255,255,255,0.3)}
footer a:hover{color:rgba(255,255,255,0.7)}
.footer_wrapper{padding:25px 24px 40px}
.footer_menu{border-bottom:1px solid rgba(255,255,255,0.1);font-size:15px;margin-bottom:24px;padding-bottom:24px;text-align:center}
.footer_copyright{float:left}
.footer_counters{float:right}
@media(max-width:919px){
.header_wrapper{width:600px;position:relative;padding:0}
.category_mobile,.search_mobile{display:block;width:50px;cursor:pointer;height:50px}
.new_mobile,.login_mobile{display:block}
.header_logo{margin-left:14px;text-align:center}
.header_category{position:unset}
.category_list{left:0;width:600px}
.category_list a{line-height:40px}
.category_button,.category_new,.header_login,.header_search,.footer_counters{display:none}
.header_search{background:#1f1f1f;top:50px;left:0;width:600px;position:absolute;border-radius:0 0 4px 4px}
.search_input{width:576px}
main,footer{width:600px}
.footer_wrapper{padding:24px}
.footer_copyright{float:none;text-align:center}
}
@media(max-width:599px){
.header_wrapper,main,footer,.category_list,.header_search{width:360px}
.search_input{width:336px}
}
@media(min-width:920px){
.category_list{display:none!important}
.header_search{display:block!important}
}
.uid{display:none!important}
a.login-with i{border-radius:25px!important;height:50px!important;width:50px!important;margin:-15px 4px!important}
.uadm,.uadm-collapse{top:10px!important}
.uadm-collapse{left:10px!important}