.compare-dialog{z-index:100;background:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.compare-dialog .close{z-index:101;cursor:pointer;width:30px;height:30px;position:absolute;top:15px;left:30px}.compare-dialog .dialog-header{z-index:99;background:#1a192e;width:100%;height:64px;padding:15px 0;position:fixed;top:0;left:0}.compare-dialog .dialog-head{width:1280px;margin:0 auto;padding:0 20px}.compare-dialog .head-title{color:#fff;font-size:32px;font-weight:700}.compare-dialog .head-mao{gap:20px}.compare-dialog .head-tab{color:#fff;cursor:pointer;padding:10px 0;font-size:18px;position:relative}.compare-dialog .head-tab.active{color:#f9d849}.compare-dialog .head-tab .bottom-line{opacity:0;background:#f9d849;width:100%;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0}.compare-dialog .head-tab.active .bottom-line{opacity:1}.compare-dialog .compare-content{width:100vw;height:calc(100vh - 64px);margin-top:64px;overflow:hidden}.compare-dialog .dark{color:#fff;background:#333}.compare-dialog .ghost-white{color:#fff;background:0 0;border:1px solid #fff}.compare-dialog .round-big{border-radius:50px;padding:0 20px}.compare-dialog .middle{justify-content:center;align-items:center;height:30px;font-size:16px;display:flex}.compare-dialog .btn{cursor:pointer;margin-left:10px;transition:all .3s}