.video_play{height:100%;width:100%}.video_play .video_Playback{height:90%;width:100%;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column}.video_Playback_type{height:100%;width:100%;background-image:url(../../assets/img/lixian2.png);background-size:100% 100%}.video_Playback_type4{display:flex;width:100%;height:100%;flex-wrap:wrap;justify-content:space-around}.video_Playback_type4 .video_Playback_type4_li{width:49%;margin:.5%;background-image:url(../../assets/img/lixian2.png);background-size:100% 100%}.video_Playback_type9{display:flex;width:100%;height:100%;flex-wrap:wrap;justify-content:space-around}.video_Playback_type9 .video_Playback_type9_li{width:32.33%;margin:.5%;background-image:url(../../assets/img/lixian2.png);background-size:100% 100%}.video_operation{height:10%;width:100%}.video_operation .monitor_details_video_operation{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center}.video_operation .monitor_details_video_operation .monitor_details_operation_li{display:flex}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span{cursor:pointer;margin:0 8px;width:30px;height:30px}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAB20lEQVRIie3WTYiNYRQH8N8dNyETymBoUlJqWFhYsLBCFpTPpCifZS/Zmc2kbMSChQjFwkcmu1lghSgWimLBRtKMoZR8jBg6OlevW3TvO2x0//V0nvfr/J//c57e869M6P8mUcE6bMV8dCiHrxjEXZzAvZ8ESTYJF7GyJMHvEMkPY3/Mq2jDFSzDK/TiWs7LYAy6sAl7sQ8f0RPKtuA8XmIJnv9FZcvRnwq7Q9nufNBTIGrHDizCuAYTR62e4UzGwPUUsj1GKItiTkMnBjA3X5pdUs0wtuUZCGzEZfRVC6duMOO5JLqP43jfIEnUalWe5lB3M0tTy9tRzSMv93UOFuM1VuBtk6ouYDJWYz2OZd5Apa3u5ZkZn5QgquF2xln1D+rJ/ilaZC2yFtl/TjacceIocrbX5fqFbKQwf4R3WIhdJYgWYE/ObxXyBkbirz+E6fkTfpFN9AhO4WCTLaYrk4etuJH3OzMOBdmDNDprsn8drXmGQhdoFB9wtmZw8pu1GR9Gpw771oc3WIrHBfkzmrQFA3W12oBL+Ix5oexqjljBnVQW2/CpSVWBqRmnpLvamYs+EP6m5hvH4zQ2lyD4E74k0aG4KDriQGxjmJVujB0FSdQudukknv64g+/Yc28QNQbrbwAAAABJRU5ErkJggg==);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAACu0lEQVRIieWWS2yNQRTHf729Sku8Wm/ifSWEkKh3WFhYsRILUYQI8UptiIQFkTQkJB6LGzat2AhdqISwqAXxiISwkHosSNVtRSqtFm1p5ST/j8n0m3stWPWffJmZc+Z/zplvzpyZvKKbPQgzgUPAYmAIf2ATMsAt4Bjwmd5YA+yRjUJH2wW8BaqANNAdOVwA1AIDY4y5eKWAmh3ZPuBUDp7hElCW0CAtZ1cU5XDnKwaWA8+AFHDQMTIWqLDIgf3ARI87GlgPfAE2AKtshWOAD0ArMAr4HohwKXAPeAHMkmyjftd1/dYQjgKHgTO2whJNepfFmaFe7SBHFm3B+xy/s05tSSLHxH+OvuGwXf0ROeYWqe1yZF2eLoTIdntCBzOjFC4PEOwwH1H/oSOP+uuAhQHuOBUFw4Po4G8CKiVsBL56pGJVHztPpcBLR1cpfo8yvdvjjgcKgOfGTUpYpYkViigOj4BdnjPDNqAJ2AlMiuH9VEExfadbSw15qh79PZIVhU+BQCIUiOtnfpOTJyQ9pXlvyGE4hE7lQ1b4Dm1lM4B+nrxNhbsni7GhwNQYeUals9cKy5WJgwMG3wDbdau4sPJ2GtgM5Ae4tdLXR3u4GzgrpRXnbx5hJDBBv20R8NTR1QCrgQ5x/SydrkW8Buaaw3wdhRKl98WYCC0RzgNbgWpgreTzgcdAiwKpi+EOA+7qhtlhhqbIWUPAGYr6uPrzHHnUrw44Qy+EtPql5nCABs0BQoQOte6+Jz1dCJHtwr51PeX9Rz+/bSdUegyTveeDj5TGLY68VW0qC88wW22jbfpH4D6wBLiqAt7mEewMnlS/xpHf1s2yEjihbP3hrcyelXs1vhYd/DnAHT3tsuEJsMILaAtw4S/y4Zzdi+5tYas4oMPs11hbxQ175sXclYZlqlbTYnS2ZXa+LwP8Au6SnQEsIJ5UAAAAAElFTkSuQmCC);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span3{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAYAAACAyoQSAAADGUlEQVRIicWWW2jPYRjHP5u/0X//jRaaQysLS+YQQg5LXFhOuXFoES4k5YKLceNGCXEjciGJXM4xkjkrSs6SK02YYZrGmI3NNj31fXn2+sfu/t96+72H7/t73vc5vU9W8mIXQA6wBOjPHzwG7tvoWznkVv+eT4qb0th+cBd4SncMAubr34afwDXgdUITp4CF0Sb72Qqgys1lAdeBqRHXfjhPa4YC4AkwOOI1AeMTOrkJbAOOabEIKAeWRUKLJbAROKm5EcAcYLkTWiaBNW5uCjABWGRCe2uyFViv/gIJ7RudNKnvW8etkNBUGt49x9sloalsMgC7aYfsl3SqDLb4Hh3pq1N/lev7NUOzvjMdb2zgJUQ4DqwGlrqNZuPDkdBXQLVU77ktzh+QHZ8Do9yhDO+BMyFkzCtnAwMc4RHwgr9Dxg46F8jXOITMm+iAKdm6j8bm4TeBTwm38QY9g22+1AOmafBcuoWMOZJhKLDZ6b8duCWbdkR7RgIbnbP9AK7KL7ocbzqwxmU5c7QT5hNB6BVgdPTzCtltT3RIc5JhEXeltHZU4yKlvDjO11pyMWKeBLYoA1nbLdKMNLc0gbWOu19rZY43TQJvO95ZOeyshLNru66PDmDoFQkNmmly3JDRctLwah1vYuBlzJHaFAZ5IS5d7vwS8Rv0LXHcVLTm+4sdryCsZSvRb9dEsVoh8MHZNqAe2CdVBq69m3XAAcczZ7usAwWeefEDS4shIxkG6rbI9etk5zgjocyV78Z10liMIc6DO2XjzoQjNUQq+hc+qv0P79KtZzQjWVztcNmjSw/wVvdMBVhZUhnVUxaPWyIVrwNWOafsULWxNyHBp9PUM5MVr5VuLqm4y4u4k6TKkL3GAIeUDDysZHlm6s2VwGYJsrZJxDg1DpfAGsfdprVSxxsngdWOF97bUu9Idv2H6heSHsEHWh23RF+fvcINGx2vPvAy5kimVmv9oqfJYHHlYdWBxa7VOzHXypOAl+rYS2WtG89uamq1J8cLsLRolcTOaMNnYINqnQDz2AvAQTd3R9nM+AF2sSPA+V9I8sA2SdwMKgAAAABJRU5ErkJggg==);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span4{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAEfUlEQVRIia2WX4jUVRTHP+fc38zsH3e3JYJAEyIwjJQK7CXCB6GNQKOCQBLsj9Bb4VtQ9BAZ1kMPPklg9VAGhWFSYFT0ImgYRVIpVFImRUa5q7mzs/O798S5v5nZnXHsJX/wg5l7zz3f7znne8/5ycSeH6gXMpMs7RaR27iKj5DmSqm/olZ7qQiBuw07LKpgdhysBPR/wpm/ht4SrL1LSWuKoOy3vCw3QTqNxcylegfPMrA+bK2CqFwE9/tZkrhdzVgF9gXE09mAcIWAtOdwya2C9NuKgIbKR8WfN/1E1ypiKW+UyQ2yq1oH1d8ie3CnIiQk20XULSXvd+0wtKgjRR2rIp5kGfXQZaiKivApomc6b4lIG9jn9LAqCg3ih2YwSai2Ef3T7Q39OcZyA5mO9HwX/XGbIzeATcvSfQB0VOErz6wza5sRE0jB70H5RNv8QmAbMO0BlmVcK8ZxCUtJ7geqyuu8/wKu7eT8lBnPdXc7cvJMO7ETSeyegKw3ZEePL3JpWIUHH6cxbfAesBt4VsReN7WezvxQPUAjGbWSBy3INwhfI/Z0LwCzPrcDEUmVP0zVuF6Qh5PYDcBjHf9PuHDEo3FQlQcQOQDMI9xB4vYqCzKOyjL59wFJzonBQlBeaya+jQbjgW0GoxjbEX4Ee7E5mZFWjzfD+w5sgbWkTLIp2D5Uj7k/y3d/SETSqYGaPNkyl7qxImReD2E8JcoJE6FIWdYXgGcQDgJnOuxPATuqrKX/Sl0XTC7rC8CeFHKhqS9koFmT9PLlqYecWklZVVcUg+RcwFhQJuuhEyEs1o20mAjnS8QpB6H0qKNXVRBLqLVzBlsj7T6QoUC+lFxNqowEXSqn6EpdtGt0PlaMK/ar8l4XyC9phPkVJa2RRChlGJAthS7MJGx97Eg0CVsai3a21kg77TpIIRJTXFUIvxbdppyTLlOK3GeBqfnJsmoiNiyiqmnXROUwMe61GB10s5A+SMKlC82V785dXE2bEagt/g0cAraCvZUkkCTcapI+mjhf3Ds+G4hhqLx7qi+kuv0nwe4U4ZDCbLvGzQtzk+e4CDI2TzE2N0+7dj/CO5g9Ysj3hh7x3ltrhsJFZw3LtZJhquvgXRRlBnjczL5MhA2hhLHpc9iKQKPWRMuRXBtLaStBvhOzXcDZnOpgrTxBljkdiMi3vHknL/fKzvJ+M9sYEmcnJv74yR1YHIVU98Y9FmO6C7WjIL/1xNHJCsOBvO27VmNpFsYqPlkgr/rPJHxo7dHNXUJ+60XZRE0O0d/W/O+ltDR7+oHMlEIXaBT/tBfK6Y1lLNaJpFjZSMT0mJnl+edqbEcjmBypF7bN1KYwWu5bRGZj0o8drqi6WhcoM18QSZSpDnHCGR+FdPSy6lWREVyr3jRLzlvi7cFLEqpB3H3mMpDRRqW+xk2cfivWUL912q3ZgCY78yjPtDy4Ox8yy0xDsCqS6htlXQZKUjyvZi8Y9rnAQRGfncNa3UAdBuoysNfdvRHY6WqUYm+LqXTmDUiP5kF+9Z+TwJZ/Afwb+gfz5LYPAAAAAElFTkSuQmCC);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span5{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAC3UlEQVRIibWWXWiOYRjHf9ezYU3EydjU2uyjhiKxAwcOJidi7cDRtEg7WWpJKTLlKylEKUWRouQEjexADnCGlgMftUxDCWPlq4x3z6X7ea7Hnr17P57tff1Pnvu97vu+/vf/vq/rei8p71PSUAasBaoBL31yChgGHgBf4ltKY2MBuoEDwLwCiOJIAeeAPcCPgCSm8AKw3cZPgKeAXwBZDdBiovpt/DVSuNXIvgFbgNvFkAc0ATeAlcBJoDNSOAA0AO3A1SKRRagHnpnSahcUtUb2CbhWZDKHV0AfUAKsc6yVsYl/b1b2emB8i8g98Faj/g7Qyzndex6oLgW5+6u2vsqskbNKLxb6uQJkITAHmJtXj7p3k5ugnTFr5NsrzbItHVEu/c6zbokF3E5U72RakJ0wuEaZbadb5o4eXLt4bcDeiTeiSrhgFPW7c0V5DoXSEtYCzFeAYZD1QPNEuxeNP4PmTKkchNqB6sxAidADXh1oI+pfAh0MFcrHsJpoGyJdwEgusjyEXBlXIB1AHbAA9a8jMhCIV6oQaQb/IASEJfkIkxbncvuOhvwC4rUj8hyoAKmx+Un/BMkJNePemfas21A5DXoE9c8HShMiaVpEh38H0gqcAt0Heja0S+o/EAYYRLyGIEh07H4YxYHkGTafL08TE2roWLvRoLT54G20IHnh/nZs3XyQTXaKP1ZDp0VYEXIGkdgVmqIc5SL4R21ciXi9sX2S5icx4SPQVBieUaBp5LDf6iyhKh0y+89MjpIRqrZPOO+kCJZWmxtC/cZcrjzrO5KTZ8Yss2brhSLfKUf4xn40BXk2PbgG6TvwPsvu5fZ9G7UYj4FVwG7gRAFKM2EN8NBSZlFUafbb9xiwq8DrjWMD0GtP55qokXib2AMcstBw/c1Ly6XpwPlwvdJi23sL2OxUpnfeLpkPAyuKpNC96XHgDDDmDJlafQd3OtfqRyVrqnBOP9gtjXcGwF9WEMIlRnC8EAAAAABJRU5ErkJggg==);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span6{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAADUElEQVRIibWWXYhVVRTHf2ufc2ecQctMnZpKFB37EPTBFytCfA0SCoSKGOihHiIE0aCHXnqMgqBewgK/EMLSHnzIHgoSoqAXoeljEHOsh7SyDxRt7pyz/7H33XO5M91z7p1h+sO5Zx/22uu/1rprrb1s+GPRgdXAS8BuYAMwyOJQAL8AnwBvAt/Naukk3AV8ANy+SJIqzAAvAgfDvktCm4HTiewM8BCwLBi0yKcBPAC8A+TpvbvTw1PA48D7wNOAFuhFHQ4ArwOXgI2B8Bbg93TgbuDXJQ5piOL3KYq7wse9KQTf/A9kAR74NK235h2ZeKNTamjqwquS3wdWpkO9YNEb6SMvnu2UbW4c+zsth/MqJZJekWxcxnmDq8B14M6UTBWe2KA5O+rkdwo+7yZUSYiY9J7juTNwAm9rgXOiROaCRWA254iFXBNnRZTtCle1EdQ5GHTGHRKXZbqC6QgWLDCUZYnE2rWTMATcXDBhJDWmS/QgMJKMGJe5RlgpzyFwqxWA6PF/jZ5jSS1hjJZY5qWzwIWk4W1XlE3n5yhaD9wqaxdvVqe31kNgFZ6rGPeDu89ke0NEHQ4rymdMTGC66I2fDDthrVqbmmP0Agh97IMts2dAk1GBM7zTEVcUx5C2JNnQPPakJv0Y8GOLMf7usKJoZ3Z1lsbQ6DcGGpHbFLjdOmSnBNu7mt86M2biGlncH0GcHPx5avSfDZt6erg+y+wNy93yFKAnZExEskoIWUaZNy6ZtBnPeRNZOTz8dV8hFey3ZvMi3v8g3EmwFTXyWChDc+Ny2T342CpXYHw5MzI629pqCWfSe3Xqtz0hs+cyFccbzZuTMhvA+BAXb6E26gi7/kndPYuF+ALGIYm/ZG4okhl75l90dYQD/dGJMstfk8veQ/ojhbFF1gV1WdrfPCPOYdnL+FLRG1dNRiK8ltar5u0dSE8gLivOZ5h9lhXTt8nsBs6dxvRkF7m70vvPcOMHhVdS8W4FJvryrH8sT41gTdAf/sNp4FBKksNLPLWFrvFuIvsiTBWzQ9RKIBTnpjRPvhXuvjRfLgbB+DHgeWAbEG78h4FvO+fS0TS1PbLEIQ3N/Cngq/Axf/IOlj2aZsh1PbK4F0KkQoc50b6QgX8B3XkQZsif+2YAAAAASUVORK5CYII=);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span7{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAACd0lEQVRIibWWPWgUURDHf283p+fn5SRiIFpExSiiNkYE6wQLLQUFsbLzoxAr7VNGLEQEQbQSsfITqzQWaiMKikj8wCKI4gee3F283I7M7nuwl+zHeW7+sPt2983Of97MezNjlj8UYtgCnAXGgSGgj94wC3wE7gCTwGenJU54HLgELOmRJA0/gcPAI533rNB+4Iol03E7UFKDerzKwF7gPtAP3Aa2uhUq6VtgE3AemChwdUp+AzgK3AMOKuE+4DHw3sawXSChYg0wY/fDOl3dNjsxtQhkiu/Ac8AHRpRwwE58XQQyh292rGZu+/KH6XfAWoSXEv3kpYgGwEpjGAXqzeHNg2k6887ZRr2JMCHCg0QJe6qMzwjwBliVpTDNYoeaHf+kkpmQDGOY6zQhGd1mkmQ5Rxa9lXpXlACRcBV4XrCQ1VF2gTyXhhChYZAEMmtJ5MV6zIJUdEWIoc/zM0ITkTpv/VcMw43geVwDU8swUEmW2ud6ikxXhM6HG/4hTpnZKo/QuMFIWy1viVHfhgnfWaA6li38Jxl5MbQGBQSef6Dtl/qRoAoM2gI9BHIqR0cH8ghX681vt5gtV540y5UxL2hdBBphUpCghsiXIgnPuAcx3pwx5oSB0y7lRTAD8/7JTW0uyH7C/AXgHPDLiKxA5LVNd82YzG/7zV0zGQsLtAAfA64DN4EjOSvuFS+AncCoMj+zSsZdzAqGFvgd1hOvPFtSpmwrcLXgrq1qved6m4ZrE7WWPQUqagVw2TZWmWkqA3qcdgEngfXANLAH+BHvS3cDt4Dhgl2qITsEfNKX+Z239pM6OWYPd/d1pxO685Xgru1NoxQJ/AWlV6B7rFV06QAAAABJRU5ErkJggg==);background-size:100% 100%}.video_operation .monitor_details_video_operation .monitor_details_operation_li .span8{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAACPElEQVRIia2WTYhOYRTHf+eZYRiKpiFlRSLZkI2dokFoLEgxJSEL42uys5jF7BUpHwtl4SNbkvKxVBobyUwZZSMWSk2YehP36Ljnmuu69733fe/7r9t9nuc9nd857/Pc8xzpfaSktAM4AWwCltC+vgNvgLvANeCHeUpgc4HrwOEagCK9AnYDH4MbXHCQRXQOWG6B1HgWAXuBd8B64CHQY5mtASaAX8Bm4EUHs1rs/oxx2jI7AHQBNzsMMk0D5318sBtY55NnWct576fS034k3PLAklPVBfoc1dHEqLFyddbNE39vMNh8n8yURLkA2J6zbvszmrOe6Ju/e0ITo6x++r5m9amqg1ZgtdUKrFGwnpdtrspg/alxVGCjBev/qQQmQ0iYQcJbJLzMt5cBJEwi4QMSpvK8JOpuDtPLwBYIg00SWAisjc31WI3MiFDdA9HFEjvQaAD0Rh2YO9IR0CtNQPb9PS1zU/00qg6jeikHtBN4XMVF0z1TiWMRTQ6ino1LlJx00LakHKkVe5H2Yf9CFVE1wCkk9KI6HoMELYG0BIs161Q0OtoKpCrMjvSc7IerEqLUxTobTVxNJtqCCUxWjToDLYRN+zivwXkA9FUsSVJwTS3z9xeD2UYPAfv8tv6rxopVgxUgZdrvv48Hb7e+AruA4Q44T2sjMObzq0krdwRISs194B7wuQbEbv+twHEf37F/L92kWitnhdcKa6dkzq0fPWONarYjXgoc8o7Yeot2ZRetneTbwOs/ToDfcVKPfllHC0sAAAAASUVORK5CYII=);background-size:100% 100%}.history_playback{position:absolute;left:0;right:0;bottom:5%;margin:auto;width:60%;height:80%;background-image:url(../../assets/img/shipinbjing1.png);background-size:100% 100%;display:flex;flex-direction:column}.history_playback .history_playback_title{margin-left:28.5%;width:39%;height:6%;font-size:24px;color:#00b7ff;display:flex;justify-content:center;align-items:center}.history_playback .history_playback_top{margin:0 auto;margin-top:3%;height:10%;width:90%;display:flex;align-items:center;justify-content:center}.history_playback .history_playback_top .history_playback_button{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;margin-left:20px;width:56px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#038ac4;border:1px solid #038ac4;border-radius:5px}.history_playback .history_playback_top .history_playback_button:active{background-color:rgba(3,138,196,.3);color:#cccfb2}.history_playback .history_playback_bottom{margin:0 5%;height:74%;width:90%;background-image:url(../../assets/img/lixian2.png);background-size:100% 100%}.history_playback .history_playback_close{cursor:pointer;position:absolute;top:8.5%;right:1.8%;width:23px;height:23px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABnElEQVQokV2RTWtTYRCFn3lzc5OQNmliCRRExao1FKRuxIrEgrirC1Fc+ef8AaVLu+hCG/wqohGhdSG6ycKvmOZDb+6b5B5J2oB4VrOYOfPMHJvfGb2V7JywTWEvBoIFG/Ao+xhPhjZlviTLNxu+upWzcdslcleHuJKwOnCBEwmj6Dr0NX/5va/WvVxFcisuZ9GtsYgBB7wBriQ4ytamo9LqXrz+MpbDgFPu58NA2J7BGvAKKAoaBdc930xOD7f8vUZP2SBv4GED9MzKOxG9JEvaqAIHCZC3qOvJjHuJK00A00ZtKOpnUi0CQzPsQ+BiCnZ7yp31gkUXd8v2484Rxf1IIWk8QYaYETnSx0NNwSiYVAYDiWvhvi+5Fh/HVboq4P7ZsAh8BZanGOD7yha24813LVVuVNz3aZObvA9Ymh19bK7rgtU5I/6tkO3B3effkqXbc9bHpRhfEnyYORvaAF4DnxJYyxudSI6n8fruL5Xv28KTWH8ImXAbqgGTAKfBnahqcBAJQgOXmPscoCNDD2bN/+lQqJYxtUJGzb8AgrCItal4dAAAAABJRU5ErkJggg==);background-size:100% 100%}.history_playback .history_playback_operation{position:absolute;top:17%;right:4.5%;height:75%;width:3.5%}.history_playback .history_playback_operation .history_playback_operation_ul{display:flex;flex-direction:column;width:100%}.history_playback .history_playback_operation .history_playback_operation_ul .history_playback_operation_li{cursor:pointer;width:100%;margin-bottom:5px}.history_playback .history_playback_operation .history_playback_operation_ul .history_playback_operation_li img{width:25px}.history_playback .el-date-editor{border:1px solid #384162}.history_playback .el-date-editor,.history_playback .el-range-input{background-color:transparent;color:#fff}.history_playback .el-range-separator{color:#fff}.monitor_details{position:fixed;top:0;right:0;height:100%;width:100%}.monitor_command{cursor:pointer;position:absolute;left:1.8%;top:85px;font-size:12px;width:100px;height:30px;line-height:30px;border:1px solid #f00b0e;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff}.monitor_command:active{background-color:#454a60}.monitor_details_left{position:absolute;top:122px;left:1%;width:60%;height:calc(96% - 102px);background:url(../../assets/img/zuobjt.png);background-size:100% 100%}.monitor_details_left_title{position:absolute;top:2%;left:2%;right:2%;width:96%;height:6%;background-size:100% 100%;display:flex;justify-content:space-between;align-items:center}.monitor_details_left_play{position:absolute;top:8%;left:2%;right:2%;width:96%;height:87%}.monitor_details_video{height:100%;width:100%}.monitor_details_left_title .monitor_title{font-size:16px;color:#fff}.monitor_details_left_title .monitor_circuit{font-size:12px;color:#fff;display:flex;align-items:center;height:100%}.monitor_details_left_title .monitor_circuit .history_monitor_button{cursor:pointer;margin-left:15px;width:100px;height:55%;display:flex;align-items:center;justify-content:center;border:1px solid #0676a8;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.monitor_details_left_title .monitor_circuit .history_monitor_button:active{background-color:rgba(0,0,0,.3)}.monitor_details_right{position:absolute;top:122px;right:1%;width:37%;height:calc(96% - 102px);background:url(../../assets/img/youbeijingtu.png);background-size:100% 100%;overflow:hidden}.monitor_details_right .monitor_title{display:flex;margin-top:3%;height:8%;margin-left:5%;margin-right:5%;justify-content:space-between;align-items:center}.monitor_details_right .monitor_title .monitor_lis_title{font-size:16px;color:#fff}.monitor_details_right .monitor_title .monitor_lis_number{display:flex;align-items:center;height:100%}.monitor_details_right .monitor_title .monitor_lis_number .text{font-size:12px;color:#fff}.monitor_details_right .monitor_title .monitor_lis_number .number{margin-left:10px;width:34px;height:60%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAxCAYAAAClOZt5AAAEU0lEQVRoge2au64TQQyGbScVDQUVVIcO0SBEg0R/al6DN6OnOCUVHQ2IElHxGhkj32Y8m9kNZzcKF2VEkrO7c/ns/ceb2OCDO34LAK/h32rv9wBwS58/vsOf3xfJOb8xn9dKRHmLf4utvHgD/PT5172O+/EN6MunY1gBFEYuBhvHwHbtLMwNWgzQYyRAGpvAj28EHPZzE3JhBeZi0JzB5RgS+H2NwAyFduzgAg0oa9KiAUNwgVXgIsD2afBhxErggQFclSLeJmBkAIGVCyRvuyH8EbhCHw4GmOC5cJNLlspadgx2gXevC6gYwARMcpZ8+mP4DlzgqjQOxb1dmmySVI7kcm9uA2FMUlF5uAFA1b4RfAU3KPdwSdBhgIyWY+jh1zbG6nLfm+iyRuBCgFAUm6GYkaJ72A08zhmYe+jQesC7XGzcKnf7uIgiCKxsMjcC7kDhBRaL6F7WRuMagesrabqDDhklj28Niarv8LhuTLSNeQCHl+MCGNA0BWeTCnPeiMXPJ+jQdtqkWxoz1tjNAii6LhZNhEHlIuHRoc1xcx7PcMXhM3Ty+haP24PHIxSQh26Dl3mxRq/q2djOGTxufzbApoQKOoDesjnZQ5/ilARv0Han0byucT0/uatUuMElCxsg1A3Zx/PtjWtodPgKiG0NTo6FBM75Md493jkZ0azN0GvlolLxsQ2+rY/JoXpzJntq/F0lZBIT56flCHrFdxWFS/D99xdfJ/oNpqAeeAAww7QaemZM55xBf55co3zx3otu1PmizE7MTYtX/+J2Bb90u4Jful3BL92u4JduV/BLtyv4pdt/AI6nEryDfr87ZnaqhfEn1tnPdq7n5heNH7znaJFunjMG/Vp8Sx9LxVNiAdVNmiZe9NiJhl0KDicOwnp+bo19jI2qAEeCpkKm3LXmVbHl/eJ343r6BDcHix1fBw5poP5+Tcl2uz3s0pATDEh0nopErUDkv7H/uxrYy3YfVtUL6dZZBtUTNZKAFGBJCiFXKW1KT0CsSXZME3hJBBElpiapfZqpe1k+T/J2h4kxlLK1W6TSvNmgSUGbt9GXtT61CNCkAslSsgSjJqsPlkWNhKSkCSJ72uVctni8ZWsrNFHztr7SHoAjj3vRiKyUoSldduhin5IWU9lAhEGulYV1baDrgPbCVY1uNNqc4XWxji3xKJFSux2kEMCagNSk/k7yeynvsXaTjjweug5oOSfr6TGNSykWAs3T6OGdo3gguWqRjwWVLum5tg6EkMEncql6b5/TB1335DSLqALHEqYP9/okVYYwn6ZboHZmbCeqtxM07ernNAgcJT1VLimDqmEwgMOA6HCGOiemEKx3YQD/W3XOBu+etuKXJtotmkCtDmwpF8KRXNK6dLo0PlsS17Id28awelBUBSBV3LYXr8KE+vR0+DngDpyfvYLy8NFix/5/TxxdWYMdFcMe/sSs/OTGej+441sAeLly9T/TAD78Ann03eIic0NtAAAAAElFTkSuQmCC);background-size:100% 100%;display:flex;font-size:24px;align-items:center;justify-content:center;color:#fff}.monitor_details_right .monitor_choice{margin-left:5%;margin-right:5%;display:flex;justify-content:space-between}.monitor_details_right .monitor_choice .monitor_choice_li{cursor:pointer;width:112px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAcCAYAAACqAXueAAADwUlEQVRoge2bPW4UQRCFX/VYluWEgEs4RVwBkXELYo7AfTgBAacgRiJAInGCRMx2ofrrrt6ZXZBgJrD6yd6ZnRlb4/32VdfPmu4/8jsAbzD1FPV4A+Bh+fThFX35fPHvY2aAdU+e2POpw0VE8iB79qX7F3R7h19v33+70bM/HkHfv67BVjaotSrYDNnJT8pH6Qxue04FVDZA393r5mbr9syxDBawDln32aAyJuDD1eBmwAUowoqAUjYdvQKscGt1oB0yR3iuCe4EfIwcHBM5Z9kWcMAVF+v5tZsHwBluA8vVjglLOQZOa/LUcZBtzeVwscNV0AuAE0CLMBydPDrYHdvg1pM5NsBWbs7tYXoy3lXOikDq4BaiuWhYRqmgEzpkuXhZ2h01wBzhWF08wjUXpwx6hufDleGqa6kKcnUsFnTI4kUP2RgcnBIrATrAPVVzbIaMGaYPE9nLLWAFssLVcC1rrrAic3INd9d2ZyvAkSkbSIebs+oAHWv21CEiB2sJFoElaxYDCmSxrcAPZpJ4OSMDLPyqgWzu5fPsuSbwEaLnOry7PNYyW4imUpSJsG6Q5Rp1bwU1uBkwRucOECuPJVMKz9PBB4ijg8XNiA2yMPFTSLwswx4Au3gM1Yzk1AYzwZ2AD1E0ECUKN0YUrKgxisNZCfAZrC14vLH2Tsj7ihygbi1ky+svoZitKh4YNFP6sfLPN3et4T113JvggpKDaf1DnLbo7ybN4tq7iifkveWZc2t60OVpkjREKK7vgKOBnacU0T3xwlrrrMjmWM9hJtC7q0EkpGHDxuABvU+d1R1MNHxHrYV6cqeSBnRC6Y0O8PWZ5NR/EiUXp/1ivWgdMNAZ8MHBYfc0gtIWGJ26e+GFdPFaayvhmtpFlOHBamGFDINsx6h1utaAYf1LjcFyIcecMUKzbXV6UT1TI+uf0Soxn9oJcwddHO5SDGqJb3f0eg12F8tFypU1wdZLTjKdYOuUSNdEfimn1Hw6eH+d5UVI4VkH/S1UG2QrmE0NsPU6zbnk1RNHn7syqGx0TaLumtpN1FPnNE1yiOShuSwO1sJ3HvoPnSw7URpYPwpPn83FrWvCcXam0nsql0Ypi47EylwcYMuVLNqlFzX3+mgqwAZopJbZ1AGQqW8ogY1l1Z279bmszQ/dGWR3bo32WGTPBpZmeD5UdFb3DiVTQP6bD92FJATY53uKjQ6jNIrON6aDj1QP0RuA/9Sq5IeXqM+eX71dzg+8OjO1q8he5dbN2mCzInurG/nXldcAXkxAT1DAz9/1RE/Z9GiMXgAAAABJRU5ErkJggg==);background-size:100% 100%;font-size:12px;color:#fff;display:flex;justify-content:center;align-items:center}.monitor_details_right .monitor_choice .monitor_choice_li_te{background-image:url(data:image/png;base64,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);background-size:100% 100%}.monitor_details_right .monitor_list{position:relative;height:calc(86% - 25px);margin:0 5%;padding-top:2%;display:flex;flex-direction:column;overflow:hidden}.monitor_details_right .monitor_list .monitor_list_ul{overflow-y:auto;display:flex;flex-wrap:wrap}.monitor_details_right .monitor_list .monitor_list_li{cursor:pointer;margin:5px .8%;width:48%;height:240px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATEAAADwCAYAAABoplPNAAAEgElEQVR4nO3cPYtcZRiA4WdnF9lso7VgiFEiKKRTEAUbCxvBWhDsLGxsLP0BdlapRRBECwMisVcEsTAuLIo2gqCgKClkXdHMyIB/IM5p7ux1lVM8zPvBXZwDZ+/oxmZvZp6YmYsD0PHzzHx+MDNvzswzM3PT4QEhj87Mt9uIvTwzl2bm1OkBIdt+/b6amXsEDAj6Z2bWKycHlIkYkCZiQJqIAWkiBqSJGJAmYkCaiAFpIgakiRiQJmJAmogBaSIGpIkYkCZiQJqIAWkiBqSJGJAmYkCaiAFpIgakiRiQJmJAmogBaSIGpIkYkCZiQJqIAWkiBqQd7Prnz1646gYA/8vh9eOdN27niG2tPzm+d3779bX55af7l5gH3OX2Vpu59PAXp4fz9tHZbHZZ7CIRm5Ovrq3eePXFOf3j7t98YBlXHntl/da7f86s3ttl3iLPxPa++fpJAQPuyHcnMz98/9Sum7bMg/31en+ROcD5cvv2zu3wdhJIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEgTMSBNxIA0EQPSRAxIEzEgbZmI7e//5RoAd+zwwtmum7ZIxDaPP/3RXH5kiVHAeXBwMJtnn1/PAw9+vOtqDxbZrosPvb6+9sFnM3PlHGw/sLu/Z+bTo7P5ctdJi0Rs9dzV9cx8uMQs4By5frzzWveObmxuzcx97g0QdMvbSSBNxIA0EQPSRAxIEzEgTcSANBED0kQMSBMxIE3EgDQRA9JEDEjbRmz7BYp9xwgUbb9i8f7MbL+ueOIEgZDLM3NpG7ELM/PSfz8AVPw4M+/8C236UoI/MLCKAAAAAElFTkSuQmCC);background-size:100% 100%}.monitor_details_right .monitor_list .monitor_list_li .monitor_list_li_title{display:flex;align-items:center;font-size:12px;height:14%;margin:0 6%}.monitor_details_right .monitor_list .monitor_list_li .monitor_list_li_title .text{font-size:13px;color:#fff}.monitor_details_right .monitor_list .monitor_list_li .monitor_list_li_title .text2{margin-left:10px;font-size:12px;color:#00ff4b;display:flex;align-items:center}.monitor_details_right .monitor_list .monitor_list_li .monitor_list_li_title .text2 .b{margin-left:3px;height:8px;width:8px;background-color:#00ff4b;border-radius:8px}.monitor_details_right .monitor_list .monitor_list_li .monitor_list_li_title .text1{margin-left:10px;font-size:12px;color:red;display:flex;align-items:center}.monitor_details_right .monitor_list .monitor_list_li .monitor_list_li_title .text1 .b{margin-left:3px;height:8px;width:8px;background-color:red;border-radius:8px}.monitor_details_right .monitor_list .monitor_list_li .list_video{margin:0 6%;margin-top:1%;height:77%;background-image:url(../../assets/img/lixian.png);background-size:100% 100%}.monitor_monitor_return{cursor:pointer;position:absolute;top:90px;left:2%;width:30px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAbCAYAAADyBeakAAADcklEQVRIibWXTYgcRRiGn7eqJ7v+RlYUEUU8BREhF2PAaIyo+ANB4h8qHnIQksuSnPQYT55FiOBJSBSMB/FgPChEIwgqHiR6Ei9GEFEjJnFdnan6pKq7x57e7p3ZXfeDmume+qrqre/3HS0c/Q4QyMAEI4PLYPnaOebP/gXm8nQelj+2x8A54AemicplYCCP/ADMViwqpm40Kc8Cx4EbV9USOGdED4rgLIKfR3NXgoUNgXgQ7Hj1/HPn2RJKh1Nbrhz57skCMYDFFevcjADuw/igev4VGIxnKuu6DIDa/muSWUDsBT5svPuJWxTgfBk3He6eSXpBxCJf6SHgvRWTKUAt+T1m35cI1geAPhDp+MGFsA/jZId5Q/RhKfneK+bbb+D8LP6SRxYbuaQcXFjcW5y3d03q8rHHR+fQ1pTQSL8bDiU0Sb0ySv6uMl85RQfIb6ELcis7koJ7woI7Yf1BNudj8ZKRssCnJWdEPAkcA75djyUa7khW4GlTPDEuTj1ik7e5DewFnH0j2SmMJ9cPwnjc4K313KQh9wBvCz4FdswaKyUI2fNg72w4wioR7ML0ucy9PCuIBzBe/3+Ob21uvCjxPimRpoD4Hvh6M0Dk6DE9bOgMTrmJmXz+bo4axO3AJ5sDJOfrLTGMTjO8SDFawrVHpTZEOai+3CQUWBzdZcOLb/LPBdQa7Yq5A/hsU2BIRBXPDNHBUQwMYxyPrrK9Czi9yn4RZULzI3C+swT2AckNxx8Nfm4hFluoRxefSJvurmLk7o75PyyyzYm/MweTrpDZdcBNBttK3sFOYL4PjHd6DXhqDK6kdw0S8h/s9H6qKkBNORcDV+e24somoaqHmxlKGeDdNQqje4HHDPa12391wPY6K/v5RNmh9wAfr7AqXJoIklkb+Vh+yZVTqYTrZuCNDp0jdXuYTmqkPYKPWvBKChEst3KtzqbOgvYDd0wEvexRC2FrDGE2emfS/Q2LuCaQMW2cSuv0BWZ3Cl6pryJp0a2BYyZJrvkKuGpi68xymMUitRwCFsvFOoBzawJRNqay097QnssWmb0Bvop0GLheZrf2Z0f9W23nFPm1Skx/j/izqVoxTeRcyg4UEumCmIM3udRw0eHjPLIhUiTa4Fjw4be1/vmpZQJAA2qvuFgQ/BLLl/+UsyoVLnPxucHywu5/AUssRAfFpQtXAAAAAElFTkSuQmCC);background-size:100% 100%}.monitor_playback_video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}@keyframes monitorDetailsRight{0%{right:-800px}to{right:1%}}@keyframes monitorDetailsLeft{0%{left:-1000px}to{left:1%}}@keyframes monitorListRight{0%{right:-1000px}to{right:0}}.monitor_details .personnel .el-input__inner{width:100%;height:28px;color:#fff;background-color:transparent;border:1px solid #08c9ff;font-size:12px}.monitor_details .personnel .personnel_tree{margin-top:4%}.monitor_details .personnel .personnel_tree .el-tree{background-color:transparent;color:#fff}.monitor_details .personnel .personnel_tree .el-tree .el-tree-node__content,.monitor_details .personnel .personnel_tree .el-tree:hover{background-color:transparent}.monitor_details .personnel .personnel_tree .el-tree .el-tree-node__content:hover{background-color:rgba(9,131,178,.2)}