.diagram_roof{width:100%;height:100%;color:#fff;padding:0 2rem 0 2rem;box-sizing:border-box}.diagram_roof .diagram_roof_box{margin:0 auto;text-align:center;align-self:center;width:100%;height:100%;position:relative;display:inline-flex}.diagram_roof .diagram_roof_box .roof_left{width:15%;height:100%;margin-right:1%}.diagram_roof .diagram_roof_box .roof_left .roof_menu{width:100%;display:inline-flex;align-items:center;margin-bottom:.5rem;cursor:pointer}.diagram_roof .diagram_roof_box .roof_left .roof_menu .roof_alarm_icon{width:2.6rem;height:1.3rem;background:url(../img/roof_menu_alarm.5ab19cfb.png) no-repeat 50%;background-size:50% 100%}.diagram_roof .diagram_roof_box .roof_left .roof_menu .roof_menu_common{flex:1;height:3rem;line-height:3rem;font-size:.7rem}.diagram_roof .diagram_roof_box .roof_left .roof_menu .roof_menu_un{background:url(../img/roof_menu_un.c6ba7485.png) no-repeat;background-size:auto 100%}.diagram_roof .diagram_roof_box .roof_left .roof_menu .roof_menu_se{background:url(../img/roof_menu_se.9f4047da.png) no-repeat;background-size:auto 100%}.diagram_roof .diagram_roof_box .roof_center{width:64%;height:100%;background:url(../img/roof_center_bak.cb013269.png) no-repeat;background-size:100% 100%;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:3% 2% 1%}.diagram_roof .diagram_roof_box .roof_center .roof_title{position:absolute;top:3.6%;left:25px;font-size:.7rem}.diagram_roof .diagram_roof_box .roof_center .roof_center_alarm{width:4rem;height:2rem}.diagram_roof .diagram_roof_box .roof_center .roof_center_wrapper{position:relative;width:100%}.diagram_roof .diagram_roof_box .roof_center .roof_center_wrapper .roof_center_pic{width:100%;height:auto}.diagram_roof .diagram_roof_box .roof_right{width:19%;height:100%;margin-left:1%;background:url(../img/roof_right_bak.fb596cb1.png) no-repeat;background-size:100% 100%;position:relative}.diagram_roof .diagram_roof_box .roof_right .roof_title{position:absolute;top:3.3%;left:25px;font-size:.7rem}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt{width:90%;height:91%;margin:15% 5% 0 5%}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item{width:100%;height:6rem;background:url(../img/roof_right_border.2bb01cde.png) no-repeat;background-size:100% 100%;position:relative;font-size:.7rem;padding:.5rem 1rem;box-sizing:border-box;margin-bottom:.8rem}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_know{position:absolute;top:8%;right:0;width:4rem;height:1.5rem;line-height:1.5rem;font-size:.7rem;color:#56fcff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAUCAYAAADGIc7gAAAAAXNSR0IArs4c6QAAAnNJREFUWEftWM9rE0EU/t5kYqT+iFr16EWh0pZeRLzFIuLBUlqlwb9BRPwHxD9E8FQoSgqCHkRQbOKh6MFD8VBEehSkitIkJt2dN0/e7CamNVANHrrFOey8efN9s/v2PWb3Gxqv1hZFzIpAvpOIwaDNK5EB79POA+rzDLCDdwEAxIpxoWfFOg/PcejByvHwjoE4teM4+DiMOcU5eLWV3/ErDM4T+6IIRmhsqXaPSCptoi9DrRw108AOAOjY6tKxtv6+Rv/X0QWnRi+suY3T6Fk5mMl8uIZLnzV0oodGdlNcwxzLEa7S6FLttneFhdXLF74OmqzdxCtO3Ty6r2BnaLz6+k6bZOFjqbS+mx5w0Gc5dO3W8H6S2b0ZmPwPbNDC+Mc8EVMGChWiVmflaZGhp0AbRGHbDaWYtYxpEPkYE/k81h8Ba2XguDhMRBZvnxDVMxsYRMwN4Ix4TMcGLyzjrAg+Ny2WnxFtZjcwAOdE8qcdLsJgDsBa3MSDx4ep+6nKZClqRiZF7AmgZDzmGHgfGcx3yjCzGSuL5BBhRCwmhbFscjhPHqt1izeZLsWySFEYVyiHlQrw4TpwysR8yeZzzx8Sfcp2xoCDFaAetncRmgWKJ4HmfaI4s4H9yVcxs5vHTsHt/cD2pmyhGRp7Vb3r2lyxFK3zD0tJqjd+ZTz8qGhLjHp3nLo3tjnqPdwtS6W4LfAUm/q2MXequt/mybal0LLDYs0Ujb6szZP379jxNyPeJNKewUGmq9qPgmJHlErz4OdEzus+pFiV76zHANonst5rr/I98uBwPNDhp7JfeZ3jBF0bHG6d4P46poRA4gVyhDyN/wTOY9bAaBm33AAAAABJRU5ErkJggg==) no-repeat;background-size:auto 100%;text-align:left;text-indent:.5em;transform:scale(.8);cursor:pointer}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_item_title{height:1.5rem;line-height:1.5rem;width:100%;color:#56fcff;text-align:left}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_item_cnt{height:1.5rem;line-height:1.5rem;width:100%;text-align:left;display:inline-flex;align-items:center}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_item_cnt .roof_right_item_cnt_icon{width:1rem;height:1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAAXNSR0IArs4c6QAAA/RJREFUOE9tlMlvllUUxn/Pfd9v6NdaARmsVFFo6YCoLahRokYSh4pgHP8BV25cGFmgG+LCnWtXujMmapSIGgUcgjihhNoBKhRwIAhVkEKh/Yb3PuZrGYrxLu/N+d1zzvOcI/7n/NHa2nA6N6fZhcLC4KwZknxUnCKGf3Ih+etI7dTEI6Oj5f+GavaFIdnb0bMoL620vRRRspQELKNoO5MYNxxMQmXo3eHh05shXmRcgn3S1lZYnLt6RSDeCZqH3Kjook0Rk3OgDCpLmsQ6Z/t4Wo27ug73H9IF4DRsuLs7X6OhJ4lxTRRzgzUn2l3Kau0xy5qVJEFJyAjhJGa/AgeBCRxOBLLtXfv7R8V0+mik89b2mtQHYQGwBLiXLFtkx3zT+j4FBSY+/gxnmUnTSeMjgp0Sf9n83lDJtrYdGhjTwA0r5yalfF/Ey5FbhfoMLa5WpVyOtk+3UC2XGXrsGUpTZZJiEUwG9ey8DWlM5qerJ8Z2aqCzd5XNWuRFAT0ArEAkrlQhTVi+fStnsoyvHnyUZZUaxVIjEQMuY30r/IPhGNV0i4Y7ep7KAl1C7cBjQHO9j65WIQSWvvUG56+ZxxcPbaC9FikWixflM3jM5h2koyHGbzTY1fMcVivyHcA9oMI0rFYDm9bXXqWyvI1dG57mpswUC4XLXsATMh8i9tvap4HOnhfqJUK4T9AL5C7BJJa8+TqVhQv4bt3jtNYi+WLdKZfOeds7FLQXGNVgR8/zSmhx5F6k22fDlCS0vPIyJ0Ng6MVN3KSUfLFwJQy2yfRL/qVe5rOCJRFWy7ofUZz+18YT58h1tnO8WuHc4V+5vthAkqaXYeas8fuSDuLsZw119q7PzC0h+EbgiWn3A7FSJWlqpO2j93C5zB8bX2JqcB9KUgjTXrft35A/cAx/BvylBtt7u5TycESLAl5jqAuRj+Uy6dw5LHv/bcaTwJ6Nm5i/u5+GNJlWmXrz4XPjIdu/l6reouEF3U3MK6x14BabhUYPSixzlqXBJu29ldF8wqlvd9OhQGMuTzSTiH6Zbyz/Lfvrm0eSH6fz3de1qiXCOtcnwMyPcJegnRiLrmXplFDELqVpNUgTNgPAHotxoQPl8ulPVx8+PD5TPKh/6W1tST6sFfFaCE3G10laShbnS+QlTUXpOOaQpDFHnzX8qlxlx8qhoRN1zqUVtBnCk8tuX6x8bY0dWsGNEiWsFGWa2QlUojgPmhDxQOr8910ju0/N5DMLdsGG2tXR0dSsphuF2y1aQl0MW0jGnJfiUarJyNmpE8fuPnp0cvZyvWLTXnwwhH3d3aVCOS1NKncVcj6G2lRelTPnzjROrj62pw6ZNQgzkf8CvtDi1bucFsQAAAAASUVORK5CYII=) no-repeat;background-size:auto 100%}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_item_cnt .roof_right_item_cnt_time{width:.7rem;height:.7rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAATpJREFUOE+d0zFLllEYxvHfvbikg1oi4tAoOEg0iIgoNOkU4tCiRltfoMXP0Bo0uEhI0BAuYtBQgy6GODgqNESiOAkqCHXHEZ94eHl8efFs51zX/z5wruuElpWZM1jCEwzhFHtYj4gvdXtUm8zsw3sstA6s7b9iOSJ+l7MbODN7sYORNmAl/cRURPyq4M943gJeYQ6f8LBF+x4RM5GZ0/jWcONlRDzIzGMMNugLBV7Fq3vAGwXex1gb+Az9DfpxgUsUjxrEi4jozsx3eN2gnxf4AKMNYmILb9CNt5ioEsJJgdew2CaiPyi3r+AQA7fezQLPYrODfK/RVfO9rHIuzXnWwYDKsovxCi4d3sbjDgaUB56MiMN6t4fxAaU0d60feBERR/+7XXdm5vztr3qKHlyidKEM/hgRfyv/P6F+bs+JFeUVAAAAAElFTkSuQmCC) no-repeat;background-size:auto 100%}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_item_cnt .roof_right_item_detail{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.diagram_roof .diagram_roof_box .roof_right .roof_right_cnt .roof_right_item .roof_right_item_cnt_line{width:100%;height:auto}