.content{width:800px;height:808px;padding:16px;box-sizing:border-box;position:relative}.content .nav{width:100%;margin-bottom:16px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.content .nav .buttonList{display:flex}.content .nav .buttonList .button{width:64px;height:28px;font-size:12px;margin-right:16px;border:1px solid hsla(0,0%,100%,.6);color:hsla(0,0%,100%,.6);text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}.content .nav .buttonList .active{border:1px solid #fff;color:#fff;background-color:#0084ff;font-weight:700;font-size:12px}.content .nav .el-input__inner{width:160px;height:30px;border-radius:0;font-size:12px;border:1px solid #fff;background-color:transparent;color:#fff}.content .nav .el-input__icon{line-height:28px}.content .nav .el-select__caret{color:#0ff;font-weight:800}.content .line{width:100%;height:1px;background-color:#fff}.content .boxList{width:100%;height:721px;margin-top:12px;overflow-y:scroll}.content .boxList .box{width:768px;height:80px;margin:12px 0;background:rgba(0,46,91,.6);box-shadow:0 0 8px 0 rgba(0,0,0,.6);cursor:pointer;color:#fff;display:flex}.content .boxList .box .typeIcon{width:64px;height:80px;display:flex;justify-content:center;align-items:center}.content .boxList .box .saleBg{background-image:url(data:image/png;base64,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);background-size:cover}.content .boxList .box .buyBg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACgCAYAAADEkmT9AAAAAXNSR0IArs4c6QAABUdJREFUeF7tmj1TJDEMRMd/8H4vARfcpSQkpCQkpFxwFxBwpa2aKaZ2PmxLE7T8SMFbkvtVrxupTF9fX9Pxz4+T3/Nr3Rv4LACgq15A5R8AEHCLwh/xBgDC6gWU/gIAAbco/BHPACCsXkDpjwAQcIvCH/EAAMLqOUv/O5XyEwCctyh8/H0q5QkAhBV0lv46lUIKcF6i8vGXqZRXHEBZQl/tT1Mp7wDgu0Tl049TKf8AQFnC/to/p1Ie7DgA9F+i8slbBAQAZQl9tb9NpTwDgO8SlU/fIiAAKEvoq/15KuUNAHyXqHz611TKHwBQltBX+8NUyicA+C5R9fQSAQFAVUJf3R9TKb/nj+D/AL7LVDy9REAcQFE+f823IRAO4L9I1U9YIiAOoCqhr+7bEAgH8F2i8uklAuIAyjL21b4MgXCAvgtUP3XbA/zeBDFQXdK2+pchEA7QdnFZ/noVAXkDZJG1vo/bHiBfAfUXlu0vVxEQB8gm73E/qyEQb4CxxLdu7yIgDjAWBKshEA4wlvjW7V0ExAHGgmA1BMIBxhLful32AImB44lvHa+GQDjAWBBsRkDeAONAsNoD5CtgHOHnTjcjIA4wDgh3QyDeAOOIb51uRkAcYBwI7oZAOMA44u9GQBxgDAg2h0A4wBjiW5d3e4DEwHHEt043h0A4wDgQ7EZA3gBjQHC3B8hXwBjCz13uRkAcID8Iu0Mg3gD5xbcODyMgDpAfgt0hEA6QX/zTCIgD5IdgdwiEA+QX3zrc3AMkBo4hvnW5uQcIAGMAcBoBeQPkBmF3DxAHyC383N1pBMQBcoNwOAQiBeQW37o7jYA4QG4IDodAOEBu8asiIA6QF4LTIRAOkFd86+xwD5AYmFt86+5wDxAA8gNQFQF5A+QF4XAPEAfIK/zcWVUExAFyglA1BCIF5BTfuqqOgDhATgiqhkA4QE7xmyIgDpATgqohEA6QU3zr6nQPkBiYV3zr7HQPEADyAtAUAXkD5AOhag8QB8gn/NxRUwTEAfKBUD0EIgXkE986aoqAOEA+CKqHQDhAPvGbIyAOkAuCpiEQDpBLfOumeg+QGJhPfOuoeg8QAHIC0BwBeQPkAqF6DxAHyCX83E1zBMQB8oDQPAQiBeQR3zrpioA4QB4ImodAOEAe8bsjIA6QB4LmIRAOkEd866RpD5AYmEt866ZpDxAAcgHQHQF5A+QAoXkPEAfIIfzcRXcExAFygNA1BCIF5BDfuuiOgDhADgi6hkA4QA7xXREQB9CHoHsIhAPoi28ddO0BEgNziG9ddO0BAkAeAFwRkDeAPghde4A4gL7wcweuCIgDaIPgGgKRArTFt+rdERAH0IbANQTCAbTFD4mAOIA2BK4hEA6gLb5V370HSAzUF9866N4DBAB9AEIiIG8AXRBce4A4gK7wc+UhERAH0AXBPQQiBeiKb5WHREAcQBcC9xAIB9AVPywC4gCaEIQMgXAATfGtavceIDFQV3yr3L0HCADaAIRFQN4AmiC49wBxAE3h56rDIiAOoAdC2BCIFKAnvlUcGgFxAD0IwoZAOICe+OEREAfQgyBsCIQD6IlvFYfsARIDNcW3qkP2AAFAE4DwCMgbQAuEsD1AHEBL+Lna8AiIA2iBEDoEIgVoiW/VhkdAHEALgtAhEA6gJf4lERAH0IEgfAiEA+iIb5WG7gESA7XEt2pD9wABQA+ASyIgbwAdEEL3AHEAHeHnSi+JgDiABgiXDIFIARriW5WXRUAcQAOCS4ZAOICG+JdGQBxAA4JLhkA4gIb4VmX4HiAxUEd8qzR8D/B7+/8Ba24aw6ILHs4AAAAASUVORK5CYII=);background-size:cover}.content .boxList .box .boxContent{padding:16px 26px 16px 24px;flex:1;flex-direction:column}.content .boxList .box .boxContent,.content .boxList .box .boxContent .title{display:flex;justify-content:space-between}.content .boxList .box .boxContent .title .breed{font-size:16px;font-weight:700;color:#fff}.content .boxList .box .boxContent .lineB{width:100%;height:1px;background-color:#fff;opacity:.3}.content .boxList .box .boxContent .detail{color:hsla(0,0%,100%,.6)}.content .boxList .box .boxContent .detail .sale{color:#0084ff}.content .boxList .box .boxContent .detail .buy{color:#0ff}.content .boxList::-webkit-scrollbar{width:0}.content .window{position:absolute;width:560px;border:1px solid #fff;padding:12px;background:rgba(0,24,47,.8);top:184px;left:120px}.content .window .title{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.content .window .title .close{width:24px;height:24px;cursor:pointer}.content .window .body{display:flex}.content .window .body .pic{width:240px;height:240px}.content .window .body .picBox{width:240px;height:240px;margin-left:12px;margin-bottom:24px;border:1px solid #0084ff;color:#0084ff;display:flex;justify-content:center;align-items:center}.content .window .body .detail{margin-left:24px;flex:1;display:flex;flex-direction:column}.content .window .body .detail .name{font-size:20px;color:#fff;display:flex;justify-content:space-between}.content .window .body .detail .name .icon{width:48px;height:24px;font-size:12px;margin-right:12px;color:#fff;display:flex;align-items:center;justify-content:center}.content .window .body .detail .name .salse{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAwCAYAAADuFn/PAAAAAXNSR0IArs4c6QAAAZ1JREFUeF7tmrtSBCEQRe8GBmtqbGLgBibGphrs9/qDbXVtWT5qHaG7GQIO8cIy98BhBjgoW8weJZ2yzSxU//37sx7SD272Iuku3c46DRQCMPPgHQClPYFSAOinPfjPX5YCeJV029+HpWsUAUA/0VFUBuBJ0kO0FwvXKwNwlnSzcJDRRy8AgH6i4Xu9EgDoJ44gCcDMteNvP+gnBiENgI+vWPBF3wFmz5Luc31YunZiBqCfipGTAuAj32cAJZ5ACgA7n/Hgk2sA+slHf2khOAPMfNvB3/8puQTCANBPLviEgi768b0fSj6BwAxAP/nYv1oIAUA/dQg6AZgdJb3V/f/yLXUD4Ny3dsx0A0A/0wBw8FIbffeHGLfepgPg2kk9gsY1AP3UR9+lIDPOfccgaJ4BXDuZBgD9jIm+WUHoZyIADl5Ght9wIIN+pgPg2slYBBtvQehnbPT/LsJmXDsZj2BzBrDzOQ0A+hkf/aaCOPedDgD97IPgyhrAtZN9ov9TQehnOgD0sx+CXwri2sl+0V9VEOe+0wGgn30R/FDQB0Kaj6GbmcefAAAAAElFTkSuQmCC);background-size:cover}.content .window .body .detail .name .buy{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAwCAYAAADuFn/PAAAAAXNSR0IArs4c6QAAAZtJREFUeF7tmj2OwkAMhV8QFEtLDQUFW9BQ00LBSfYciL+Sw+zhtsQoYleiINqM7cGFX2rGmbzP+SQybmC9LrLADZ/WMonWfz8/a2N+8JOsAUzMdfIUcARwkQluaAHw6p+AKwDqp3/wf790BHCWDQTj8j2kXuEEgPrRdpETgIMsMcBcu4vE65wAHGWHBqPEQWof3QEA9aMNv13nAID6CQTwJSNMsaF+1AyMbwD1o07+d6ERwFlWEEytu0i83gCA+vHoGwOAk7Sdv/LYReIaJgD88mnvHCUA6sce/aOCEsBe5hhi6bWLxHWUAHjw4tUzCgCtfmbYee0geR0FAOrHs2cUAKifQABX+cAPtp47SF6r8A3g2Il3vxQCoH4CAfDLp3f4hX/EqJ9gABw7CQRA/dQIv0BBPPcNBsCxk0AA1E+t8HsqiPoJBMCDl5rh93gDqJ9gABw7CQRA/dQO/x8FcewkHADHTuoj6PgcTf3Uj/5xhw4APPcNBsCDl0AAHDt5V/gdCqJ+ggFQP4EAOHbyzvBfKIjnvsEAqJ9QAHfyb4uRQTRO/gAAAABJRU5ErkJggg==);background-size:cover}.content .window .body .detail .line{width:96%;height:1px;background-color:#fff;margin-top:16px}.content .window .body .detail .phoneBox{width:152px;height:24px;font-size:12px;margin-top:12px;color:hsla(0,0%,100%,.6);background:rgba(0,132,255,.3);display:flex;align-items:center;justify-content:center}.content .window .body .detail .text{margin-top:12px;line-height:24px;color:hsla(0,0%,100%,.6);display:flex;justify-content:space-between}.content .window .lineB{margin:auto;width:96%;height:1px;border-top:1px dashed #fff;opacity:.3}.content .window .remark{margin-top:24px;color:#fff;line-height:24px}.el-select-dropdown{background-color:#000206!important;border-radius:0}.el-select-dropdown__item{color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#074075!important}