#app{display:flex;flex-direction:column;height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;justify-content:center;height:72px;border-bottom:1px solid #ebf0f5;color:#000;background:#fff}.header .brand{display:flex;align-items:center;margin-right:40px;cursor:pointer}.header .brand .brand-img{height:40px;margin-right:20px}.header .brand .brand-text{font-size:30px;font-weight:700;letter-spacing:4px}.header .menu{display:flex}.header .menu .menu-item{line-height:72px;cursor:pointer;margin:0 20px}.header .menu .menu-active,.header .menu .menu-item:hover{color:#409eff}.popover-menu{padding:20px 0;text-align:center;cursor:pointer}.popover-menu:hover{color:#409eff}.main{flex:1;padding-top:72px}.footer{padding:40px 0 20px;background-color:#363636}.footer .footer-container{width:1200px;margin:0 auto;display:flex;justify-content:space-between;color:#8e8e8e}.footer .footer-container .footer-title{margin-bottom:20px;color:#fff;font-size:20px;font-weight:600}.footer .footer-container .footer-text{line-height:32px;margin-bottom:10px;color:#8e8e8e}.footer .footer-container .phone{color:#0093e0;font-size:24px;font-weight:700;vertical-align:bottom}.footer .footer-container .focus{display:flex;align-items:center}.footer .footer-container .focus .focus-qrcode{display:flex;flex-direction:column;align-items:center;width:150px}.footer .footer-container .focus .focus-qrcode .focus-qrcode-img{width:100px;margin-bottom:10px}.footer .footer-container .focus .focus-qrcode .focus-qrcode-text{color:#8e8e8e}.footer .footer-record{text-align:center}.footer .footer-record .footer-record-a{text-decoration:none;color:grey}.sideBar{position:fixed;right:20px;bottom:230px;z-index:998}.sideBar .sideBar-item{cursor:pointer;width:65px;height:65px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:8px}.sideBar .sideBar-item .sideBar-item-icon{font-size:24px}.sideBar .sideBar-item .sideBar-item-text{font-size:12px;margin-top:8px}.message-title{padding:14px 20px;color:#fff}.message-ruleForm{padding:20px 40px 0}.message-ruleForm .message-ruleForm-btn{width:100%}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Microsoft YaHei}.el-pagination{text-align:center}.el-popover{border:none;padding:0}.el-dialog__header{background-color:#409eff}.el-dialog__header .el-dialog__title{font-size:16px;color:#fff}.el-dialog__header .el-dialog__headerbtn{top:14px}.el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#fff}.com-banner{display:flex;flex-direction:column;justify-content:center;height:360px;background:url(../img/page_header_bg.ffcba31d.jpg) 50% no-repeat;background-size:cover}.com-banner .com-banner-title{font-size:64px;font-weight:600;text-align:center;color:#fff}.com-width-center{width:1200px;padding:20px 0;margin:0 auto}.com-img{display:block;width:100%}