*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{padding:0;margin:0;font-size:14px;font-family:'微软雅黑';line-height:23px;color:#fff;background:#343434;overflow:hidden}li{list-style:none}ol,ul{margin:0;padding:0}a,a:active,a:hover,a:link,a:visited{text-decoration:none;color:#222}h2,h3{padding:0;margin:0}p{margin:0}input,textarea{outline:0;resize:none}i{display:inline-block;width:15px;height:15px;background-size:cover}#application-canvas{width:100%}#application-splash-wrapper{position:fixed;width:100%;height:100%;top:0;background:#343434;z-index:100000}#application-splash-wrapper>img{width:100%;height:100%;margin:auto;display:block}#application-splash-wrapper #progress-bar{text-align:center;color:#f9c03b;position:absolute;z-index:1;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}#application-splash-wrapper #progress-bar>div{position:absolute;width:100px;height:100px;top:0;left:0;right:0;bottom:0;margin:auto}#application-splash-wrapper #progress-bar>div>img{width:100px;-webkit-animation:loadingPic 3s infinite linear}#application-splash-wrapper #progress-bar>div span{position:absolute;top:40%;left:0;width:100%}@-webkit-keyframes loadingPic{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.slogan{margin-top:50px;position:fixed;width:100%}.slogan img{display:block;margin:auto}.slogan .logo{width:180px}.slogan .title{width:310px;margin-top:15px}.nav{position:fixed;bottom:30px;width:100%}.nav ul{display:flex;display:-moz-flex;display:-webkit-flex;justify-content:center}.nav ul li{text-align:center;width:22%;font-size:12px;line-height:28px}.nav ul li i{width:50px;height:50px;display:block;overflow:hidden;border:1px solid #aaa;margin:auto;border-radius:50%;box-sizing:border-box}.nav ul li i img{width:80px;display:block;padding-top:10px;filter:grayscale(0);margin:auto;margin-left:8px;margin-top:-3px}.nav ul li.active{color:#f9c03b}.nav ul li.active i{background-image:linear-gradient(#fee09e,#f9c03b);border:0}.nav ul li.active i img{filter:drop-shadow(100px 0 0 #000);margin-left:-35px}.nav.is-fault ul li.active{color:#f93b3b}.nav.is-fault ul li.active i{background-image:linear-gradient(#fe9e9e,#f93b3b)}.content .outer{position:fixed;width:35%;top:30%;left:20px}.content .outer.tianqin{width:190px;transform:scale(.8);transform-origin:left;top:33%}.content .outer .text1{width:143px}.content .outer .text2{width:160px}.content .outer .line{height:2px;width:20px;background:#fff;margin-top:10px}.content .outer p{font-size:12px;margin-top:10px}.content .part{position:fixed;width:100%}.content .part>time{width:100%;text-align:center;position:fixed;top:20px;line-height:27px;font-size:10px;color:#bbb;background-repeat:repeat-y;background-position:center;background-size:300px}.content .part>time span{display:block;font-size:20px;font-weight:700}.content .part>time span img{width:130px}.content .part #highlightId{position:fixed;top:0;left:0}.content .part .status{margin-top:-100px;width:30%;position:fixed;top:42%}.content .part .status .pressure,.content .part .status .temperature{width:96px;height:110px;background:url(../image/part-bg.png) no-repeat;background-size:85px;background-position:center top;margin-left:10px}.content .part .status .pressure p,.content .part .status .temperature p{text-align:center;color:#ddd;font-weight:initial;font-size:12px}.content .part .status .pressure>div,.content .part .status .temperature>div{position:relative;height:78px;text-align:center;line-height:14px;padding-top:30px;box-sizing:border-box;font-size:13px}.content .part .status .pressure>div>span,.content .part .status .temperature>div>span{display:block;font-size:12px;font-weight:100;transform:scale(.6)}.content .part .status .pressure>div img,.content .part .status .temperature>div img{width:47px;position:absolute;right:44px;top:43px;transform-origin:45px 0}.content .part .status>ul{margin-left:20px}.content .part .status>ul li{line-height:20px;margin-top:10px;border-radius:30px;padding:0 8px;color:#ddd;font-size:12px}.content .part .status>ul li span{color:#f9c03b;display:block;font-size:16px}.content .part .status>ul li>i{margin-right:5px;display:none}.content .part .status>ul li>i img{width:12px;margin-bottom:-3px}.content .part .status>div.event-order-button{width:150px;position:fixed;border:1px solid #f9c03b;color:#f9c03b;border-radius:30px;line-height:30px;text-align:center;left:0;right:0;margin:auto;top:100px}.content .part .status>div.event-order-button:before{content:'';display:inline-block;width:14px;height:17px;background:url(../image/event-order-icon.png) no-repeat;background-size:cover;margin-top:7px;margin-right:6px;margin-bottom:-3px}.content .part .status.airFilter>ul,.content .part .status.commonParamYiti>ul,.content .part .status.electricMachinery>ul,.content .part .status.oilFilter>ul,.content .part .status.oilSeparator>ul{width:100%}.content .part .status.airFilter>ul li,.content .part .status.commonParamYiti>ul li,.content .part .status.electricMachinery>ul li,.content .part .status.oilFilter>ul li,.content .part .status.oilSeparator>ul li{width:100%;margin:2%}.content .part .status.fanFrequency>ul{width:100%}.content .part .status.fanFrequency>ul li{width:84%;margin:2%}.content .part .status.bottom-nav-part,.content .part .status.controller{display:flex;width:100%;top:0;justify-content:center;margin-top:80px}.content .size{pointer-events:visible}.content .size .swiper-size{width:180px;position:absolute;left:37px;right:0;background:0 0;margin:auto;top:23%;border:1px solid #666;border-radius:30px;height:30px;line-height:30px;text-align:left}.content .size .swiper-size .more{position:absolute;width:35px;line-height:17px;top:0;left:-40px;font-size:12px;color:#ddd}.content .size .swiper-size>span{display:block;width:100%;text-indent:30px}.content .size .swiper-size>ul{background:rgba(0,0,0,.6);position:absolute;left:0;width:100%;text-indent:28px;height:200px;overflow:auto;top:36px;border:1px solid #464646;border-radius:20px}.content .size .swiper-size>ul li.active{background:rgba(255,255,255,.3)}.content .size .swiper-size .sizeSwiper-button-next{position:absolute;width:10px;right:15px;top:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(135deg);height:10px;z-index:2;transition:all .4}.content .size .swiper-size .sizeSwiper-button-next.active{transform:rotate(-45deg);top:11px}.content .size .swiper-size .sizeSwiper-button-prev{position:absolute;width:10px;left:10px;top:9px;border-top:1px solid #fff;border-left:1px solid #fff;transform:rotate(-45deg);height:10px;z-index:2}.content .size img{position:absolute;margin:auto;top:18%;bottom:0;right:3%;width:25%}.content.is-fault .part .status.is-fault .pressure p,.content.is-fault .part .status.is-fault .temperature p{color:#f93b3b}.content.is-fault .part .status.is-fault ul>li span{color:#f93b3b}#highlightId{position:fixed;width:100%}#highlightId>div{border-bottom:1px solid #aaa;position:absolute;left:20px;height:20px;white-space:nowrap}#highlightId>div i{position:absolute;right:0;width:20px;height:20px;line-height:20px;background:url(../image/part-button.png);background-size:20px;margin-top:10px;margin-right:-25px}#highlightId>div i:before{content:' ';display:block;width:20px;height:20px;border:1px solid #f9c03b;border-radius:50%;box-sizing:border-box;animation:partButton 1s ease-out infinite}#highlightId>div:nth-of-type(even){right:20px;left:auto;text-align:right}#highlightId>div:nth-of-type(even) i{position:absolute;left:0;margin-left:-25px}#highlightId.is-fault>div.is-fault{border-color:#f93b3b}#highlightId.is-fault>div.is-fault i{background-image:url(../image/part-button-fault.png)}#highlightId.is-fault>div.is-fault i:before{border-color:#f93b3b}@-webkit-keyframes partButton{000%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}.part-text .return-button{left:0;font-size:12px;position:absolute;top:-46px;width:100%}.part-text .return-button>div{height:34px;top:60%;padding:0 10px;line-height:25px;width:100%;text-align:center}.part-text .return-button>div>div{height:34px;padding:0 10px;display:inline-block;border-radius:25px;background:url(../image/part-button-fenjie.png) no-repeat;width:100px;text-align:center;text-indent:15px;font-size:12px;font-weight:100;line-height:32px;filter:grayscale(100%);color:#f9c03b;background-size:cover;margin:0 5px}.part-text .return-button>div>div.active{filter:grayscale(0)}.part-text .content-text{position:absolute;bottom:0;width:100%}.part-text .content-text>div.swiper-container{bottom:0;background:rgba(100,100,100,.4);width:100%;padding:15px 0 50px 0;box-sizing:border-box;border-radius:20px 20px 0 0;overflow:initial}.part-text .content-text>div.swiper-container .swiper-slide{box-sizing:border-box;padding:0 20px;font-size:13px}.part-text .content-text>div.swiper-container .swiper-slide.hong{color:#f93b3b}.part-text .content-text>div.swiper-container .swiper-pagination-bullet-active{background:#f9c03b}.part-text .content-text>div.swiper-container h4{font-size:18px;font-weight:700;padding:0 0;box-sizing:border-box;padding:0 20px}.part-text .content-text>div.swiper-container h4>div{float:right;font-size:14px}.part-text .content-text>div.swiper-container .partButton{position:absolute;top:-82px;width:84px;left:0;right:0;margin:auto;text-align:center}.part-text .content-text>div.swiper-container .partButton>span{width:40px;height:40px;display:block;margin:auto;overflow:hidden;border-radius:50%;border:1px solid #ddd}.part-text .content-text>div.swiper-container .partButton>span img{width:80px;margin-left:4px;margin-top:5px}.part-text .back{width:35px;height:35px;position:fixed;top:20px;left:20px;background:url(../image/part-back-icon.png) no-repeat;background-size:19px;background-position:center}