*,:after,:before{margin:0;padding:0;outline:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body,html{width:100%;height:100%;position:relative;overflow:hidden;background:#000}html{font-family:"-apple-system","Noto Sans SC",'Microsoft YaHei',helvetica,sans-serif;color:#444;font-weight:400}#content{width:100%;height:100%;background:#fff;z-index:-100;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}#foot{position:absolute;bottom:10px;z-index:1000;text-align:center;width:100%;color:#444;height:20px;line-height:20px;font-size:14px}#foot .out_link{position:relative}#foot .out_link::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#444;transform-origin:bottom right;transform:scaleX(0);transition:transform .4s ease}#foot .out_link:hover::before{transform-origin:bottom left;transform:scaleX(1)}#logo{text-align:center;width:100%;height:25%}#logo img{padding:0;height:100px;width:300px;position:relative;top:70%}#search-hot{max-width:470px;width:74%;background:#f5f5f5;overflow:hidden;position:relative;top:0}#search-hot ul{font-size:15px}#search-hot ul li{list-style:none;cursor:pointer;height:25px;line-height:25px;color:#838383}#search-hot ul li:hover{background:#fff;color:#444}#search-hot ul li span{-webkit-tap-highlight-color:#00000000;list-style:none;cursor:pointer;display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;background:#e5e5e5;margin-right:10px;color:#535353;border:1px solid #f5f5f5}#search-hot ul li.selected{background:#fff;color:#444}#container{width:85%;margin:0 auto;position:relative}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{width:100%;height:46px;line-height:26px;font-family:inherit;font-size:inherit;padding:0 15px;color:#333;background:#fff;border-radius:0;-webkit-appearance:none}button,input[type=button],input[type=reset],input[type=submit],textarea{height:46px;font-family:inherit;font-size:inherit;border-radius:0;-webkit-appearance:none}button,input[type=button],input[type=reset],input[type=submit]{text-transform:uppercase;padding:0 15px;cursor:pointer;color:#fff;background:#444;-webkit-transition:.2s;transition:.2s}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#2d2d2d}.float-left{float:left}.float-right{float:right}#headline-content{max-width:550px;margin:0 auto}#search-bar{padding:40px 0 70px}#search-tab{font-weight:700;max-width:570px;height:33px;margin:0 0 20px;display:flex;align-items:center;flex-direction:row;justify-content:space-between;border-bottom:1px solid #e9e9e9;-webkit-tap-highlight-color:transparent}#search-tab span{height:32px;padding:0 8px;display:inline-block;font-size:16px;line-height:1;opacity:.6;color:#444;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;overflow:hidden;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}#search-tab span.active,#search-tab span:hover{opacity:1;border-color:#838383}#search-form input[type=search]{max-width:570px;width:74%;background:#eeeeee;overflow:hidden}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;height:15px;width:15px;color:#444;background:url(../img/clear.png) no-repeat;background-size:contain}#search-form input[type=submit]{max-width:130px;width:26%;font-weight:700}#search-keyword{border-top:2px solid #f5f5f5;border-bottom:2px solid #f5f5f5}#search-keyword:focus{border-bottom:2px solid #444;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}#menu{width:50px;height:50px;transform:scale(.8);position:absolute;right:10px;top:5px;cursor:pointer;z-index:2001}#menu i{position:fixed;right:10px;margin:24px auto;width:30px;height:2px;background:#444;transition:.3s all ease}#menu i:before{content:'';width:20px;height:2px;top:-8px;background:#444;position:absolute;right:0;transition:.3s all ease}#menu i:after{content:'';width:20px;height:2px;bottom:-8px;background:#444;position:absolute;left:0;transition:.3s all ease}#menu.on i{width:25px;background:#444}#menu.on i:before{top:-5px;transform:rotate(45deg);width:14px;right:-1px;left:auto;background:#444}#menu.on i:after{bottom:-5px;transform:rotate(-45deg);width:14px;right:-1px;left:auto;background:#444}.list{width:376px;padding:0 20px 0 0;height:100%;overflow:hidden;overflow-y:auto;position:absolute;right:0;z-index:2000;background:#f7f7f7;transition:.3s all ease}.list.closed{right:-376px}.list ul{float:left}.list ul li{text-align:center;margin:0 auto;float:left;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.list #setting{width:47px;height:100%;padding:20px 0 20px 0;border-right:1px solid #e9e9e9}.list #setting li{width:46px;margin:6px 0;border-right:2px solid #f7f7f7}.list #setting li a{padding:4px 6px;line-height:24px;margin:0 5px 0 5px}.list #setting li.selected{border-right:2px solid #838383}.list #element{width:293px;height:100%;padding:20px 0 0 5px}.list #element li{width:96px;padding:9px 0;white-space:nowrap}.list #element li.element-title{width:100%;padding:9px 0;text-align:left}.list #element li.element-title span{line-height:24px;margin:0;padding:0 0 5px 0;border-bottom:2px solid #838383;cursor:text;color:#999;font-size:14px}.list #element li a{vertical-align:middle;height:32px;line-height:32px;padding:0 16px}.list #element div{padding:9px 0;line-height:32px;float:left;color:#666}#top-menu-list{height:42px;margin:0 4%;position:absolute;top:15px}#top-menu-ul{text-align:center;display:inline-block;height:42px;margin:auto 0}#top-menu-ul li{float:left;width:62px;list-style:none;text-align:center;margin:0 2px;white-space:nowrap;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}#top-menu-ul li a{vertical-align:middle;height:32px;line-height:32px;padding:0 16px;margin:5px 0}#frame-box{height:85%;width:85%;margin:0 auto;padding:57px 0 0 0;min-width:640px}#left-menu{height:auto;width:128px;margin:28px 0;border-right:1px solid #e9e9e9;float:left}#left-menu ul li{text-align:center;list-style:none;height:40px;padding:0;margin:6px 0;border-right:2px solid #fff}#left-menu ul li.selected{border-right:2px solid #838383}#left-menu ul li a{vertical-align:middle;height:32px;line-height:32px;padding:0 16px;margin:4px 0}#right-main{font-size:14px;padding:0 0 0 10px;margin:28px 0 0 0;line-height:32px;height:100%;width:auto;overflow-y:auto;overflow-x:hidden;white-space:normal;word-break:break-all}#right-main span{line-height:24px;margin:0;padding:0 0 3px 0;border-bottom:2px solid #838383;cursor:text;color:#999;font-size:14px}.modal-content{position:fixed;left:0;right:0;top:100px;margin:0 auto;width:500px;height:198px;background-color:#fff;border:2px solid #444;border-radius:0;z-index:100;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.modal-header{font-size:18px;height:50px;line-height:50px;padding:0 10px;border-bottom:2px solid #444}.modal-body{height:98px;line-height:32px;padding:0 10px;border-bottom:2px solid #444}.modal-footer{padding:5px 10px;text-align:right}.modal-footer button{height:36px;margin:0 10px;border:2px solid #444}.modal-footer .modal-btn-text{background:#fff;color:#444;border:2px solid #444}.tag_box{border:1px solid #444;color:#444;border-radius:3px;padding:.1rem .2rem;vertical-align:middle;font-size:80%;font-weight:700}a{text-decoration:none;color:#444}ul li{list-style:none}ul li a{display:inline-block;cursor:pointer;color:#666;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}li.selected a{background:#e5e5e5;color:#444}li a:hover{color:#444;background:#e5e5e5}li a:active{color:#444;background:#838383}.scrollbar{width:4px;height:auto;margin:0 auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-radius:2px;background:#666}::-webkit-scrollbar-track{border-radius:0;background:#e5e5e5}@media (max-width:640px){#menu,#top-menu-list,.beian{display:none}}@media (max-height:420px){#foot,#menu,#top-menu-list,.beian{display:none}}@media screen and (max-width:1024px){#container{width:90%}#site-main{margin:0}}@media screen and (max-width:768px){#container{width:70%}#search-hot{width:100%}#burger{margin-top:43px}#headline-content{max-width:100%}#search-bar{padding-bottom:60px}#search-tab span{font-size:15px}#work-link #container{width:85%}}@media screen and (max-width:480px){#container{width:90%}}#message{position:absolute;bottom:30px;z-index:10;text-align:center;width:100%;color:#444;height:20px;line-height:20px;font-size:14px}