.mengban{width:100%;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;z-index:999}.home-notice{width:700px;height:300px;background-color:#fff;margin:0 auto;margin-top:20vh;border-radius:10px}.home-notice-head{width:100%;height:40px;margin:0 auto;padding:0;overflow:hidden}.home-notice-head span{display:block;width:500px;margin-left:100px;line-height:40px;text-align:center;font-size:16px;color:#333;font-weight:700;float:left}.home-notice-head img{width:20px;height:20px;display:block;float:right;margin-top:10px;margin-right:10px}.home-notice p{width:90%;margin:0 auto;font-size:12px;line-height:20px}.home-notice p.p{color:red;margin-top:20px}.notice-btn{width:150px;display:block;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:50px}.notice-btn button{height:30px;font-size:13px;padding:0 10px;border-radius:4px;outline:none;border:1px solid #263f77;background-color:#fff}.notice-btn button.agree{background-color:#263f77;color:#fff;border:0}#app{background-color:#f9fafb}.home-body{width:1280px;margin:0 auto;padding:0;overflow:hidden;padding-bottom:20px;margin-top:20px}.home-body-left{width:872px;float:left}.home-body-left-top{border-radius:5px;background-color:#fff;padding-bottom:20px}.home-head{width:100%;height:40px;margin:0;padding:0;overflow:hidden}.home-head img{display:block}.home-head img.head{float:left;width:24px;height:24px;margin-top:8px;margin-left:8px}.home-head img.moreicon{float:right;width:16px;height:16px;margin-right:8px;margin-top:12px}.home-head span{display:block;line-height:40px;font-size:15px;padding-left:10px}.home-head b{padding:0 5px;color:#1890ff}.home-head span.latest{float:left;color:#575757}.home-head span.more{float:right;color:#008cff}.home-body-right{min-height:100px;width:392;float:right;border-radius:5px;background-color:#fff}.write-button{background-color:#263f77;width:392px;height:98px;border-radius:8px;position:relative}.write-button img{display:block;position:absolute}.write-button img.write{width:40px;height:40px;left:24px;top:29px}.write-button img.more{width:16px;height:16px;right:16px;top:41px}.write-button span{display:block;position:absolute}.write-button span.say{font-size:20px;color:#fff;left:74px;top:22px;text-align:left;font-weight:700}.write-button span.channel{font-size:13px;color:#fff;left:74px;top:52px;text-align:left;opacity:.37}.write-button span.message{font-size:16px;color:#fff;right:34px;top:39px;text-align:right;height:20px;line-height:20px}.home-msg-search{background-color:#fff;width:392px;height:280px;border-radius:8px;overflow:hidden;margin-top:8px}.home-msg-head{width:392px;height:56px;background-color:rgba(95,127,200,.37)}.home-msg-head img{display:block}.home-msg-head img.msg2{float:left;width:24px;height:24px;margin-left:16px;margin-top:16px}.home-msg-head span{display:block;line-height:56px;float:left;font-size:17px;color:#263f77;margin-left:16px}.home-msg-head img.msg3{float:right;width:55px;height:52px;margin-right:16px;margin-top:2px}.home-msg-search-input{width:360px;height:56px;border-radius:6px;background-color:#f4f6fa;margin:0 auto;padding:0;overflow:hidden;margin-top:16px}.home-msg-search-input img{width:16px;height:16px;display:block;float:left;margin-top:20px;margin-left:16px}.home-msg-search-input input{line-height:36px;height:36px;margin-top:10px;float:left;margin-left:16px;background:none;width:300px;display:block;font-size:15px}.home-msg-search-input input::-webkit-input-placeholder{font-size:15px}.home-msg-search-input input::-moz-placeholder{font-size:15px}.home-msg-search-input input::-ms-input-placeholder{font-size:15px}.home-msg-search-input input::placeholder{font-size:15px}.home-msg-search-input input.code{width:200px}.home-msg-search-input button{display:block;float:right;margin-right:16px;background:none;outline:none;border:0;height:36px;line-height:36px;margin-top:10px;font-size:15px;color:#008cff}.home-msg-search button.search{display:block;margin:0 auto;background:#5b7ac0;outline:none;border:0;height:56px;line-height:56px;margin-top:16px;font-size:18px;color:#fff;width:360px;border-radius:6px}.home-body-left ul.latestReply{list-style:none;margin:0;padding:0;overflow:hidden}.home-body-left ul.latestReply li{position:relative;width:840px;height:84px;margin:0 auto;padding:0;overflow:hidden;margin-top:8px}.home-body-left ul.latestReply li:hover{background-color:#eaf1f8}.home-body-left ul.latestReply li span{display:block;position:absolute;border-radius:4px}.home-body-left ul.latestReply li span.state{background-color:#35cc99;left:12px;width:48px}.home-body-left ul.latestReply li span.state,.home-body-left ul.latestReply li span.type{top:12px;height:24px;text-align:center;line-height:24px;font-size:12px;color:#fff;border-radius:4px}.home-body-left ul.latestReply li span.type{background-color:#5b7ac0;left:65px;width:35px}.home-body-left ul.latestReply li span.title{left:106px;top:12px;text-align:left;line-height:24px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden;width:700px}.home-body-left ul.latestReply li p{display:block;position:absolute;left:12px;top:48px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden;width:800px;color:#898989}.home-body-left-bottom{border-radius:5px;background-color:#fff;padding-bottom:20px;margin-top:8px}.home-hot-head{width:100%;height:40px;margin:0;padding:0;overflow:hidden}.home-hot-head img{display:block}.home-hot-head img.head{float:left;width:24px;height:24px;margin-top:8px;margin-left:8px}.home-hot-head img.freshicon{float:right;width:16px;height:16px;margin-top:12px}.home-hot-head span{display:block;line-height:40px;font-size:15px}.home-hot-head span.hot{float:left;color:#575757;padding-left:10px}.home-hot-head span.fresh{float:right;color:#008cff;margin-right:8px}.home-body-left-bottom ul{list-style:none;margin:0;padding:0;overflow:hidden}.home-body-left-bottom ul li{position:relative;width:840px;height:48px;margin:0 auto;padding:0;overflow:hidden;margin-top:8px}.home-body-left-bottom ul li:hover{background-color:#eaf1f8}.home-body-left-bottom ul li span{display:block;position:absolute;border-radius:4px}.home-body-left-bottom ul li span.type{background-color:#ffa332;left:12px;top:12px;width:48px;height:24px;text-align:center;line-height:24px;font-size:12px;color:#fff;border-radius:4px}.home-body-left-bottom ul li span.title{left:72px;top:12px;text-align:left;line-height:24px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden;width:700px;font-weight:700;color:#292929}