初始化CRICS

WebSite/Styles/app/About.css

@@ -0,0 +1,27 @@
+@font-face
+{
+    font-family: <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͤ<EFBFBD>˺ڼ<EFBFBD><EFBFBD><EFBFBD>;
+    src: url(fonts/<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͤ<EFBFBD>˺ڼ<EFBFBD><EFBFBD><EFBFBD>.TTF);
+}
+
+.About-dl
+{
+    margin: 0 auto;
+    width: 100%;
+    text-align: left;
+}
+
+.About-dd
+{
+    float: left;
+    text-align: center; /* margin-left: 25%; */
+    font-size: 24px;
+    margin-top: 1%;
+    width: 100%;
+}
+
+.About-strong
+{
+    font-weight: normal;
+    width: 100%;
+}

WebSite/Styles/app/air.css

@@ -0,0 +1,242 @@
+.air-panel, .top
+{
+    /*background: blue;*/
+    margin: 0 auto;
+    width: 100%; /* margin-top: 5%;*/
+}
+.air-btn
+{
+    display: block;
+    color: #FFF;
+    text-align: center;
+    text-decoration: none;
+    position: relative;
+    float: left;
+}
+.air-btn-icon
+{
+    background-repeat: no-repeat;
+    
+    background-position: center center;
+    display: block;
+    height: inherit;
+    width: inherit;
+    position: absolute;
+    left: 0;
+    top: 25px;
+}
+
+.air-btn-power
+{
+    width: 60px;
+    height: 60px;
+}
+.air-btn-icon-power
+{
+    background-image: url(../../images/app/air-btn-power.png);
+}
+.selected .air-btn-icon-power
+{
+    background-image: url(../../images/app/air-btn-power-selected.png);
+}
+
+.air-list-panel
+{
+    /*background: pink;*/
+    width: 120px;
+    list-style-type: none;
+    float: right;
+    margin: 0;
+    padding: 0;
+    margin-top: 5%;
+}
+.air-list-panel li
+{
+    /*background: red;*/
+    padding: 1px 0;
+}
+.air-list-panel .selected
+{
+    background-color: #D1B670;
+    border-color: #D1B670;
+}
+.air-btn-air
+{
+    width: 100px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 5px;
+    border: 1px solid #FFF;
+    margin: 0 auto;
+}
+.temp-panel
+{
+    width: 80%;
+    height: 80%;
+    position: relative;
+    margin-left: 10%;
+}
+.air-btn-temp-down, .air-btn-temp-up
+{
+    width: 10%;
+    height: 80%;
+    line-height: 300px; /* background: red; */
+    font-size: 70pt;
+}
+.air-btn-temp-down
+{
+    float: left;
+}
+.air-btn-temp-up
+{
+    float: left;
+}
+.air-temp
+{
+    /*background: green;*/
+    width: 50%;
+    height: inherit;
+    margin: 0 auto;
+    text-align: center;
+    float: left;
+}
+.air-temp i
+{
+    font-style: normal;
+    font-size: 18pt;
+    position: absolute;
+    top: 30px;
+}
+
+.air-temp em
+{
+    font-style: normal;
+    font-size: 32pt;
+    position: absolute;
+    top: 0px;
+}
+
+.air-temp span
+{
+    font-size: 180pt;
+    font-weight: normal;
+    position: relative;
+}
+.air-temp span strong
+{
+    font-weight: normal;
+}
+.air-temp span i
+{
+    left: -50pt;
+}
+.air-temp span em
+{
+    top: -250px;
+    right: 0;
+}
+.air-mode-panel
+{
+    /* background: gold; */
+    width: 10%;
+    height: inherit;
+    float: left; /* margin-top: 5%; */
+    position: relative;
+}
+.air-btn-mode-cold
+{
+    /*background: green;*/
+    width: 60px;
+    height: 60px;
+}
+.air-btn-icon-mode-cold
+{
+    background-image: url(../../images/app/air-btn-mode-cold.png);
+}
+.selected .air-btn-icon-mode-cold
+{
+    background-image: url(../../images/app/air-btn-mode-cold-selected.png);
+}
+.air-btn-mode-hot
+{
+    /*background: green;*/
+    width: 60px;
+    height: 60px;
+    margin-top: 70px;
+}
+.air-btn-icon-mode-hot
+{
+    background-image: url(../../images/app/air-btn-mode-hot.png);
+}
+.selected .air-btn-icon-mode-hot
+{
+    background-image: url(../../images/app/air-btn-mode-hot-selected.png);
+}
+
+.air-divbtn
+{
+    float: left;
+    margin-left: 5%;
+    width: 100%;
+    height: 100px; /* background-color: red; */
+}
+
+.air-auto-open
+{
+    color: #D1B670;
+}
+.air-auto-close
+{
+    color: #FFF;
+}
+
+.air-low-open
+{
+    background: url(../../images/app/kt/low-open.png) no-repeat center center;
+}
+.air-low-close
+{
+    background: url(../../images/app/kt/low-close.png) no-repeat center center;
+}
+
+
+.air-middle-close
+{
+    background: url(../../images/app/kt/middle-close.png) no-repeat center center;
+}
+
+.air-middle-open
+{
+    background: url(../../images/app/kt/middle-open.png) no-repeat center center;
+}
+
+
+.air-high-close
+{
+    background: url(../../images/app/kt/high-close.png) no-repeat center center;
+}
+.air-high-open
+{
+    background: url(../../images/app/kt/high-open.png) no-repeat center center;
+}
+
+.air-divbtn a
+{
+    height: 65px;
+    width: 12%;
+    display: block;
+    text-decoration: none;
+    position: relative;
+    float: left;
+    margin-left: 5%; /* margin-top: 1%; */ /* background-color: black; */
+}
+.air-divbtn a span
+{
+    display: block;
+    height: inherit;
+    font-size: 28pt; /* position: absolute; */ /* bottom: 0; */ /* line-height: 93px; */ /* margin-left: 0px; */
+}
+
+/*   float: right;
+    position: relative;
+    top: -80px; */

WebSite/Styles/app/common.css

@@ -0,0 +1,538 @@
+@font-face
+{
+    font-family: <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͤ<EFBFBD>˺ڼ<EFBFBD><EFBFBD><EFBFBD>;
+    src: url(fonts/FangZhengLanTingQianHeiQianTi.TTF);
+}
+
+body, p, h1, h2, h3, h4, ul, li, dl, dt, dd
+{
+    margin: 0;
+    padding: 0;
+}
+
+.clearfix:after
+{
+    content: ".";
+    display: block;
+    height: 0;
+    width: 0;
+    clear: both;
+    visibility: hidden;
+}
+.clearfix
+{
+    zoom: 1;
+}
+
+body
+{
+    /*background: url(../../images/app/bg.jpg) center;*/ /*background-size: 100% 100%; 	-o-background-size: 100% 100%; 	-moz-background-size: 100% 100%;  	-webkit-background-size: 100% 100%; 	overflow:hidden;*/
+    color: #FFF;
+    background-color: #373743;
+    font-family: <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͤ<EFBFBD>˺ڼ<EFBFBD><EFBFBD><EFBFBD>;
+}
+nav
+{
+    border-right: 1px solid #FFF;
+    width: 210px;
+    float: left;
+    height: 80%;
+}
+nav header
+{
+    position: relative;
+}
+nav header img.logo
+{
+    display: block;
+    margin: 0 auto;
+    padding: 4px 0;
+}
+nav header h1
+{
+    text-align: center;
+    font-weight: normal;
+    cursor: default;
+}
+nav header h1 strong
+{
+    font-size: 30px;
+    font-weight: normal;
+}
+nav header h2
+{
+    font-size: 18px;
+    text-align: center;
+    font-weight: normal;
+    cursor: default;
+}
+nav ul
+{
+    list-style-type: none;
+    height: 100%;
+}
+nav ul li
+{
+    height: 14.28%; /* line-height: 100px; */
+    border-bottom: 1px solid #FFF;
+}
+nav ul:last-child
+{
+    border-bottom: 1px solid #FFF;
+}
+nav ul li a
+{
+    display: block;
+    color: #FFF;
+    text-decoration: none;
+    height: 100%;
+    position: relative;
+}
+nav ul li.active a
+{
+    background-color: #D1B66F;
+}
+
+nav ul li a i
+{
+    height: 100%;
+    width: 55px;
+    display: block;
+}
+
+
+.text
+{
+    display: block;
+    font-style: normal;
+    text-align: center;
+    font-size: 27px; /* margin-top: -45%; */ /* margin-left: 30px; */
+    position: absolute;
+    left: 30%; /* bottom: 5%; */
+    top: 30%; /* height: 100%;*/
+}
+
+.log
+{
+    background: url(../../images/app/LOCO.png) no-repeat center center;
+    height: 100px;
+    width: 200px;
+    display: block;
+}
+.log-E
+{
+    background: url(../../images/app/E_BG.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.log-C
+{
+    background: url(../../images/app/C_BG.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+
+
+
+.nav-menu-item-jies
+{
+    background: url(../../images/app/jies.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.nav-menu-item-changj
+{
+    background: url(../../images/app/changj.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.nav-menu-item-dengg
+{
+    background: url(../../images/app/dengg.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.nav-menu-item-chuangl
+{
+    background: url(../../images/app/chuangl.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.nav-menu-item-kongt
+{
+    background: url(../../images/app/kongt.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.nav-menu-item-diaos
+{
+    background: url(../../images/app/diaos.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+.nav-menu-item-guany
+{
+    background: url(../../images/app/guany.png) no-repeat center center;
+    height: 87px;
+    width: 57px;
+    display: block;
+}
+
+
+#main
+{
+    position: relative;
+    height: 100%;
+}
+#main header
+{
+    height: 10%;
+    margin: 0;
+    border-bottom: 1px solid #FFF;
+    position: relative;
+    background: url(../../images/app/top.png) center center;
+}
+#room-status
+{
+    height: 80px;
+    position: absolute;
+    top: 18px;
+    right: 20px;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+#room-status li
+{
+    float: left;
+    line-height: 80px;
+}
+#room-status .sep
+{
+    background: url(../../images/app/header-sep.png) no-repeat center center;
+    width: 20px;
+}
+#room-status .welcome
+{
+}
+#room-status .temperature, #room-status .humidity
+{
+    padding: 0 10px 0 43px;
+}
+#room-status .temperature h3, #room-status .humidity h3, #room-status .date h3
+{
+    height: 40px;
+    line-height: 20px;
+}
+#room-status .temperature h3 strong, #room-status .humidity h3 strong
+{
+    font-size: 30px;
+    font-weight: normal;
+}
+#room-status .temperature
+{
+    background: url(../../images/app/temperature.png) no-repeat 10px center;
+}
+#room-status .humidity
+{
+    background: url(../../images/app/humidity.png) no-repeat 10px center;
+}
+#room-status .date
+{
+    padding: 0 10px;
+}
+#main .content
+{
+    overflow: hidden;
+    height: 80%;
+}
+#main footer
+{
+    background: url(../../images/app/bottom.png) center center;
+    height: 10%;
+    position: absolute;
+    bottom: 0;
+    z-index: 100;
+    width: 100%;
+    margin: 0px;
+    padding: 0px;
+}
+#main footer ul
+{
+    list-style-type: none;
+    height: 90%;
+    float: right;
+}
+
+#main footer ul li
+{
+    display: block;
+    float: right;
+    text-align: center;
+    margin-right: 5px;
+    width: 60px;
+    margin-top: 1%;
+}
+
+#main footer ul li span
+{
+    font-size: 9pt;
+    text-align: center;
+    display: block;
+}
+
+.loading,
+.tip {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+    text-align: center;
+}
+.loading .mask,
+.tip .mask,
+.loading .content {
+	position: absolute;
+    left: 0;
+    top: 0;
+	width: 100%;
+	height: 100%;
+}
+.tip .mask,
+.loading .mask {
+	background-color: #000000;
+	opacity: 0.3;
+}
+.loading .content {
+	background-image: url(../../images/app/loading.gif);
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+.tip .content {
+	margin-top: 20%;	
+	color: #FFFFFF;
+}
+.dialog
+{
+    /*border-radius: 15px;*/
+    background: #00a2ea;
+    /*width: 526px;
+    height: 335px;
+    margin: -167px 0 0 -263px;*/
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+    /*left: 50%;
+    top: 50%;*/
+}
+.dialog-inner
+{
+    border-radius: 15px;
+    border: 1px solid #FFF;
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    right: 10px;
+    bottom: 10px;
+}
+a.dialog-close
+{
+    color: #FFF;
+    text-decoration: none;
+    border: 1px solid #FFF;
+    border-radius: 5px;
+    font-size: 24px;
+    display: block;
+    width: 40px;
+    height: 28px;
+    line-height: 28px;
+    text-align: center;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+}
+a.dialog-close:hover
+{
+    color: #FF0000;
+}
+.dialog-content
+{
+    width: 485px;
+    height: 235px;
+    position: absolute;
+    left: 10px;
+    top: 70px;
+}
+.dialog-content-title
+{
+    text-align: center;
+    font-size: 2em;
+    font-weight: normal;
+    padding: 20px;
+}
+.dialog-content-text
+{
+    text-align: center;
+    font-size: 1.7em;
+    line-height: 150%;
+}
+
+.B01
+{
+    background: url(../../images/app/SOS.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+.B02
+{
+    background: url(../../images/app/dnd.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+.B03
+{
+    background: url(../../images/app/clean.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+.B04
+{
+    background: url(../../images/app/Call.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+.B05
+{
+    background: url(../../images/app/checkout.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+.B06
+{
+    background: url(../../images/app/Laundry.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+
+.B07
+{
+    background: url(../../images/app/Porters.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+
+.B08
+{
+    background: url(../../images/app/Delivery.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+.B09
+{
+    background: url(../../images/app/FoodDish.png) no-repeat center center;
+    background-size: 40px 40px;
+}
+
+.CLanguage
+{
+    display: block;
+    background: url(../../images/app/C_EBG.png) no-repeat center center;
+    height: 50px;
+    line-height: 46px;
+    color: black;
+    width: 77px;
+}
+.CLanguageActive
+{
+    display: block;
+    background: url(../../images/app/C_CBG.png) no-repeat center center;
+    margin-top: 10%;
+    line-height: 46px;
+    color: black;
+    width: 77px;
+}
+
+.ELanguage
+{
+    display: block;
+    background: url(../../images/app/E_CBG.png) no-repeat center center;
+    line-height: 46px;
+    color: black;
+    width: 77px;
+    margin-top: 10%;
+}
+
+.ELanguageActive
+{
+    display: block;
+    background: url(../../images/app/E_EBG.png) no-repeat center center;
+    height: 50px;
+    line-height: 46px;
+    color: black;
+    width: 77px;
+}
+
+
+#Language_left
+{
+    margin-left: 4%;
+}
+
+/*#service_left
+{
+    margin-left: 58%;
+}*/
+
+section footer ul li a span
+{
+    line-height: 95px;
+    font-size: 10px;
+}
+
+section footer ul li a
+{
+    text-decoration: none;
+    color: #FFF;
+    height: 40px;
+    display: block;
+    width: 40px;
+    margin-left: 10px;
+}
+
+section footer div a
+{
+    float: left;
+    text-align: center;
+    text-decoration: none; /*margin-top:13px;*/ /* margin-top: 1%;*/
+}
+
+section footer div
+{
+    margin-left: 4%;
+}
+
+/*section footer ul li.active a {
+       background-color: #D1B66F;
+    border-color: #D1B66F;
+}*/
+
+#services .active
+{
+    background-color: #D1B670;
+    border-color: #D1B670;
+    border-radius: 3px;
+}
+
+

WebSite/Styles/app/control.css

@@ -0,0 +1,647 @@
+#cmain
+{
+    width: 100%;
+    overflow: auto;
+    overflow-y: auto;
+    width: 100%;
+    margin: 0px;
+    height: 100%;
+    padding: 0px;
+}
+.cmain-list
+{
+}
+.cmain-list dt
+{
+    padding: 10px 0;
+    font-size: 20px; /*padding-left: 20px;*/
+    height: 100px;
+}
+.cmain-list dd
+{
+    /*display: inline-block; 	width: 18%;*/
+}
+.cmain-list dd a
+{
+    display: block;
+    height: 110px;
+    width: 110px; /*text-indent: -9999px;*/
+}
+
+/*灯光控制*/
+.fd
+{
+    text-align: center;
+    margin: 0px auto;
+    width: 630px; /* border-bottom: 2px solid #00CC00; */
+    background-color: #FFFFFF;
+    font-size: 14px;
+    position: absolute;
+    top: 12%;
+    _position: relative;
+    z-index: 100;
+    _top: expression(offsetParent.scrollTop+0);
+}
+.light-list
+{
+    margin: 0 auto;
+    width: 630px;
+}
+.light-list dd
+{
+    display: block;
+    float: left;
+    width: 33%;
+    text-align: center;
+    margin-top: 30px;
+}
+.light-list dd a
+{
+    margin: 0 auto;
+    width: 42%;
+    text-decoration: none;
+    height: 87px;
+    position: relative;
+    text-align: center;
+}
+.light-list dd a.active
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+    border-radius: 5px;
+}
+
+.light-list dt
+{
+    background-color: #FFF;
+    border-color: #FFF; /*margin-top: 40px;*/
+    position: relative;
+}
+
+.light-list dt.no-active
+{
+    display: none;
+}
+
+
+.light-list dl
+{
+    display: block;
+    float: left;
+    width: 25%;
+}
+
+.light-deng-span
+{
+    margin: 0 auto;
+    border-radius: 5px;
+    text-decoration: none;
+    line-height: normal;
+    width: 100%;
+    display: block;
+    text-align: center;
+    color: #fff;
+}
+
+.light-deng-ptspan
+{
+    margin: 0 auto;
+    border-radius: 5px;
+    text-decoration: none;
+    color: #FFF;
+}
+
+.light-deng-count1
+{
+    padding-top: 20px;
+    position: relative;
+    top: -47px;
+    left: 24px;
+    font-size: 9px;
+    color: #FFF;
+}
+
+.light-deng-count
+{
+    color: #FFF;
+    text-align: center;
+    font-size: 9px;
+    width: 100%;
+    height: 55%;
+    position: absolute;
+    top: 55%;
+    left: 0;
+}
+
+.Bar span
+{
+    position: absolute;
+    left: 203px; /* width: 255px; */
+    text-align: center;
+    font-weight: bold;
+    color: #D1B66F;
+    font-size: 20pt;
+    margin-top: 15px;
+}
+
+.Bar
+{
+    position: relative;
+    width: 75%; /* height: 44%; */ /* border: 3px solid #D1B66F; */
+    padding: 1px; /* margin: 50px; */
+    margin-top: 24px;
+    margin-left: 12%;
+    border-radius: 20px;
+}
+
+.brightness
+{
+    display: block;
+    position: relative;
+    background: #D1B66F;
+    color: #D1B66F;
+    height: 36px;
+    line-height: 140px;
+    text-align: center;
+    font-size: 39px;
+    border-radius: 20px;
+    position: relative;
+}
+
+.barRound
+{
+    display: block;
+    position: relative;
+    background: #FFF;
+    color: #FFF;
+    height: 60px;
+    border-radius: 60px;
+    border: 1px solid #D1B66F;
+    width: 60px; /* margin-left: 87%; */
+    position: absolute;
+    top: 50%;
+    margin-top: -30px; /* left: 0; */
+    right: -30px;
+}
+
+.tiaoguang-minus
+{
+    /* background: url(../../images/app/dg/brightness2.png) no-repeat center center; */ /* width: 93px; */ /* height: 106px; */
+    position: absolute;
+    left: 25px; /* margin-top: -38px; */
+    text-decoration: none;
+    font-size: 51px;
+    line-height: 30px;
+    color: #D1B66F;
+    font-weight: bold;
+}
+
+.tiaoguang-add
+{
+    /* background: url(../../images/app/dg/brightness1.png) no-repeat center center; */ /* width: 101px; */ /* height: 116px; */
+    position: absolute; /*margin-top: -69px;*/ /* float: right; */
+    right: 0;
+    text-decoration: none;
+    margin-top: -45px;
+    margin-right: 4%;
+    font-size: 51px;
+    text-align: center;
+    color: #D1B66F;
+    font-weight: bold;
+}
+
+
+.light-deng
+{
+    background: url(../../images/app/dg/deng.png) no-repeat center center;
+    background-size: 100% 100%;
+}
+
+.light-tiaoguang
+{
+    background: url(../../images/app/dg/tiaoguang.png) no-repeat center center;
+    background-size: 100% 100%;
+}
+
+.light-tiaoguan-bj
+{
+    background: url(../../images/app/dg/tiaoguangBG.png) no-repeat center center;
+}
+
+
+.light-zhudeng
+{
+    background: url(../../images/app/dg/zhudeng.png) no-repeat center center;
+}
+.light-bd
+{
+    background: url(../../images/app/dg/bd.png) no-repeat center center;
+}
+.light-ctd
+{
+    background: url(../../images/app/dg/ctd.png) no-repeat center center;
+}
+.light-sd
+{
+    background: url(../../images/app/dg/sd.png) no-repeat center center;
+}
+
+.light-yszd
+{
+    background: url(../../images/app/dg/yszd.png) no-repeat center center;
+}
+.light-ysdd
+{
+    background: url(../../images/app/dg/ysdd.png) no-repeat center center;
+}
+.light-zjqd
+{
+    background: url(../../images/app/dg/zjqd.png) no-repeat center center;
+}
+.light-yjqd
+{
+    background: url(../../images/app/dg/yjqd.png) no-repeat center center;
+}
+
+
+
+/*窗帘控制*/
+.curtain
+{
+    width: 600px;
+    margin: 0px auto;
+}
+
+.curtain dd
+{
+    width: 50%;
+    float: left;
+    margin-top: 15%;
+}
+.curtain dd a
+{
+    display: inline-block;
+    margin: 0 10px;
+    border-radius: 5px;
+    text-align: center; /* line-height: 250px; */
+    text-decoration: none;
+    color: #FFF;
+    position: relative;
+}
+.curtain dd a.active
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+}
+.curtain dd.active a
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+}
+
+.btn-windowScreening-open
+{
+    background: url(../../images/app/cl/csk.png) no-repeat;
+    background-size: 110px 110px;
+}
+
+.btn-windowScreening-close
+{
+    background: url(../../images/app/cl/csg.png) no-repeat;
+    background-size: 110px 110px;
+}
+
+.btn-curtain-open
+{
+    background: url(../../images/app/cl/clk.png) no-repeat;
+    background-size: 110px 110px;
+}
+
+.btn-curtain-close
+{
+    background: url(../../images/app/cl/clg.png) no-repeat;
+    background-size: 110px 110px;
+}
+
+.curtain-span
+{
+    position: absolute;
+    left: 0px;
+    width: 100%;
+    top: 100%; /* background-color: red; */ /* word-wrap: break-word; */ /* word-break: keep-all; */ /* overflow: hidden; */
+    float: left;
+}
+
+/* 空调 */
+#air
+{
+    width: 600px;
+    margin: 0 auto;
+}
+.air-control-panel ul
+{
+    list-style-type: none;
+}
+.air-control-panel ul li
+{
+    float: left;
+    width: 25%;
+}
+.air-control-panel ul li a
+{
+    display: block;
+    height: 110px;
+    width: 110px;
+    text-indent: -9999px;
+    margin: 0 auto;
+}
+.air-control-panel ul.tab-buttons li a
+{
+    border-radius: 5px;
+    border: 1px solid #FFF;
+}
+.air-control-panel ul.tab-buttons li.active a
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+}
+.container-panel
+{
+    height: 250px;
+    position: relative;
+}
+.panel
+{
+    height: 250px;
+    width: 100%;
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+.btn-air-temp
+{
+    background: url(../../images/app/kt/temp.png) no-repeat;
+}
+.btn-air-speed
+{
+    background: url(../../images/app/kt/speed.png) no-repeat;
+}
+.btn-air-mode
+{
+    background: url(../../images/app/kt/mode.png) no-repeat;
+}
+.btn-air-switch
+{
+    background: url(../../images/app/kt/switch.png) no-repeat;
+}
+
+/* 温度 */
+.air-temp-control-bar
+{
+    width: 80%;
+    height: 100px;
+    position: relative;
+    margin: 60px auto;
+}
+.btn-air-temp-down, .btn-air-temp-up
+{
+    width: 50px;
+    height: 50px;
+    display: block;
+    border-radius: 25px;
+    position: absolute;
+    top: 50%;
+    margin-top: -25px;
+}
+.btn-air-temp-down
+{
+    background: url(../../images/app/kt/btn-temp-down.png) no-repeat;
+    left: 0;
+}
+.btn-air-temp-down:hover
+{
+    background: url(../../images/app/kt/btn-temp-down-hover.png) no-repeat;
+}
+.btn-air-temp-up
+{
+    background: url(../../images/app/kt/btn-temp-up.png) no-repeat;
+    right: 0;
+}
+.btn-air-temp-up:hover
+{
+    background: url(../../images/app/kt/btn-temp-up-hover.png) no-repeat;
+}
+.air-temp
+{
+    width: 100px;
+    height: 94px;
+    margin: 0 auto;
+    text-align: center;
+    line-height: 100px;
+    border-radius: 10px;
+    border: 3px solid #fff;
+    cursor: default;
+}
+.air-temp strong
+{
+    font-size: 3em;
+}
+
+/* 风速 */
+.air-speed-panel ul
+{
+    vertical-align: middle;
+    width: 80%;
+    margin: 60px auto;
+}
+.air-speed-panel ul li
+{
+    width: 33%;
+}
+.air-speed-panel ul li a
+{
+    height: 117px;
+    width: 83px;
+    border: none;
+}
+.btn-speed-low
+{
+    background: url(../../images/app/kt/speed-low.png) no-repeat;
+}
+.active .btn-speed-low
+{
+    background: url(../../images/app/kt/speed-low-active.png) no-repeat;
+}
+.btn-speed-middle
+{
+    background: url(../../images/app/kt/speed-middle.png) no-repeat;
+}
+.active .btn-speed-middle
+{
+    background: url(../../images/app/kt/speed-middle-active.png) no-repeat;
+}
+.btn-speed-high
+{
+    background: url(../../images/app/kt/speed-high.png) no-repeat;
+}
+.active .btn-speed-high
+{
+    background: url(../../images/app/kt/speed-high-active.png) no-repeat;
+}
+
+/* 制式 */
+.air-mode-panel ul
+{
+    margin: 60px auto;
+    width: 90%;
+}
+.air-mode-panel ul li a
+{
+    border-radius: 5px;
+    border: 1px solid #FFF;
+}
+.air-mode-panel ul li.active a
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+}
+.btn-mode-cold
+{
+    background: url(../../images/app/kt/btn-cold.png) no-repeat;
+}
+.btn-mode-hot
+{
+    background: url(../../images/app/kt/btn-hot.png) no-repeat;
+}
+.btn-mode-wind
+{
+    background: url(../../images/app/kt/btn-wind.png) no-repeat;
+}
+.btn-mode-dehumidification
+{
+    background: url(../../images/app/kt/btn-dehumidification.png) no-repeat;
+}
+
+/* 开/关机 */
+.air-switch-panel ul
+{
+    margin: 60px auto;
+    width: 60%;
+}
+.air-switch-panel ul li
+{
+    width: 50%;
+}
+.air-switch-panel ul li a
+{
+    border-radius: 5px;
+    border: 1px solid #FFF;
+}
+.air-switch-panel ul li.active a
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+}
+.btn-switch-on
+{
+    background: url(../../images/app/kt/btn-switch-on.png) no-repeat;
+}
+.btn-switch-off
+{
+    background: url(../../images/app/kt/btn-switch-off.png) no-repeat;
+}
+
+
+/* 场景模式 */
+#sence
+{
+    width: 600px;
+    margin: 0 auto;
+    margin-top: 3%;
+    padding-bottom: 80px;
+}
+#sence dt
+{
+    text-align: center;
+}
+#sence dd
+{
+    text-align: center;
+    width: 33%;
+    float: left;
+    display: block; /*margin-top: 10%;    */
+}
+#sence dd a
+{
+    margin: 0 auto;
+    text-decoration: none;
+    font-size: 18px;
+    margin-top: 30%; /*width: 60%;     height: 60%;*/
+    background-repeat: no-repeat;
+}
+
+#sence dd.active a
+{
+    background-color: #D1B66F;
+    border-color: #D1B66F;
+    border-radius: 3px;
+}
+
+#sence dd a span
+{
+    margin: 0 auto;
+    text-decoration: none;
+    line-height: 261px;
+    color: #FFF;
+}
+
+
+.btn-day
+{
+    background: url(../../images/app/btn-day.png) no-repeat;
+}
+.btn-visitor
+{
+    background: url(../../images/app/cj/btn-visitor.png) no-repeat;
+}
+.btn-qiye
+{
+    background: url(../../images/app/cj/btn-qiye.png) no-repeat;
+}
+.btn-movie
+{
+    background: url(../../images/app/cj/btn-movie.png) no-repeat;
+}
+.btn-sleep
+{
+    background: url(../../images/app/cj/btn-sleep.png) no-repeat;
+}
+.btn-read
+{
+    background: url(../../images/app/cj/btn-read.png) no-repeat;
+}
+
+input[type="range"]
+{
+    /* -webkit-box-shadow: 0 1px 0 0px #424242, 0 1px 0 #060607 inset, 0px 2px 10px 0px black inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0px 1px rgba(0, 0, 0, 0.6) inset; */ /* margin-top: 27px; */
+    background-color: #D1B66F;
+    border-radius: 15px;
+    width: 100%;
+    -webkit-appearance: none;
+    height: 10px;
+}
+input[type="range"]::-webkit-slider-thumb
+{
+    -webkit-appearance: none;
+    cursor: default;
+    top: -15px;
+    height: 40px;
+    width: 40px;
+    transform: translateY(-4px);
+    background: none repeat scroll 0 0 #FFF;
+    border-radius: 40px;
+    -webkit-box-shadow: 0 -1px 1px black inset;
+}
+
+

WebSite/Styles/app/header.css

@@ -0,0 +1,102 @@
+#logo {
+	background: url(../../images/app/loco.png) no-repeat center center;
+	height: 100%;
+	width: 210px;
+}
+.info {
+	height: 50px;
+	position: absolute;
+	top: 50%;
+	right: 0;
+	margin-top: -25px;
+	cursor: default;
+}
+.info hr { 
+	background: #FFF;
+	width: 1px;
+	height: 100%;
+	float: left;
+	border: none;
+	margin: 0 10px;
+}
+
+#room-number {
+	height: 50px;
+	line-height: 50px;
+	text-align: center;
+	font-size: 38pt;
+	float: left;
+	padding: 0 5px;
+}
+
+#datetime {
+	height: 100%;
+	width: 85px;
+	float: left;
+}
+#datetime .time {
+	height: 35px;
+	line-height: 35px;
+	width: 100%;
+	text-align: center;
+	font-size: 34px;
+	    margin-left: -8px;
+}
+#datetime .date {
+	height: 15px;
+	line-height: 15px;
+	font-size: 10pt;
+}
+#datetime .date i {
+	font-style: normal;
+	display: inline-block;
+	
+}
+#datetime .date em {
+	font-style: normal;
+	display: inline-block;
+	padding: 0 2px;
+	float: right;
+}
+#temp {
+	height: 50px;
+	border-collapse: collapse;
+	border: none;
+	font-size: 14pt;
+	float: left;
+	padding: 0 20px 0 5px;
+	/*width: 82px;*/
+	position: relative;
+}
+#temp strong {
+	font-size: 38pt;
+	text-align: center;
+	display: block;
+	float: right;
+	font-weight: normal;
+	margin: 0;
+	padding: 0;
+	height: 50px;
+	line-height: 50px;
+}
+#temp i {
+	background: url(/images/app/temp.png) no-repeat center bottom;
+	background-size: 50%;
+	display: block;
+	height: 25px;
+	width: 20px;
+	position: absolute;
+	right: 0;
+}
+#temp em {
+	display: block;
+	height: 25px;
+	line-height: 25px;
+	width: 20px;
+	float: right;
+	font-style: normal;
+	font-size: 12pt;
+	position: absolute;
+	bottom: 0;
+	right: 0;
+}

WebSite/Styles/app/hotel.css

@@ -0,0 +1,38 @@
+@font-face
+{
+    font-family: <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͤ<EFBFBD>˺ڼ<EFBFBD><EFBFBD><EFBFBD>;
+    src: url(fonts/FangZhengLanTingQianHeiQianTi.TTF);
+}
+
+.hotel-dl
+{
+    margin: 0 auto;
+    width: 85%;
+    height: 100%;
+}
+
+.hotel-dt
+{
+   font-size: 30px;
+    padding-left: 20px;
+    padding: 0px;
+    height: 5%;
+}
+
+.hotel-dd
+{
+      float: left;
+    margin-left: 15px;
+    font-size: 22px;
+    display: block;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: 65%;
+    word-break: break-word;
+}
+
+.hotel-strong
+{
+    font-weight: normal;
+}

WebSite/Styles/app/tv.css

@@ -0,0 +1,256 @@
+#tv-panel
+{
+    width: 100%;
+    height: 100%;
+}
+#tv-panel .top
+{
+    margin: 0 auto;
+    padding: 3% 0;
+    width: 80%; /* margin-top: 0px; */
+    height: 8%;
+}
+#tv-panel .middle
+{
+    margin: 0 auto;
+    width: 80%;
+    height: 256px;
+    position: relative;
+}
+#tv-panel .bottom
+{
+    margin: 0 auto;
+    padding: 50px 0;
+    width: 90%;
+    list-style-type: none;
+}
+#tv-panel .bottom li
+{
+    width: 25%;
+    float: left;
+}
+
+.tv-key-power, .tv-key-mute
+{
+    background-repeat: no-repeat;
+    width: 60px;
+    height: 60px;
+}
+.tv-key-power
+{
+    background-image: url(../../images/app/tv-key-power.png);
+    float: right;
+}
+.tv-key-power:hover
+{
+    background-image: url(../../images/app/tv-key-power-hover.png);
+}
+.tv-key-mute
+{
+    background-image: url(../../images/app/tv-key-mute.png);
+    float: left;
+}
+.tv-key-mute:hover
+{
+    background-image: url(../../images/app/tv-key-mute-hover.png);
+}
+
+.tv-key
+{
+    text-decoration: none;
+    display: block;
+}
+.tv-key-dir-panel
+{
+    width: 256px;
+    height: 256px;
+    position: relative;
+    margin: 0 auto;
+}
+.tv-key-dir-left
+{
+    background: url(../../images/app/tv-key-dir-left.png) no-repeat;
+    width: 52px;
+    height: 152px;
+    position: absolute;
+    top: 52px;
+    left: 0;
+}
+.tv-key-dir-left:hover
+{
+    background-image: url(../../images/app/tv-key-dir-left-hover.png);
+}
+.tv-key-dir-up
+{
+    background: url(../../images/app/tv-key-dir-up.png) no-repeat;
+    width: 152px;
+    height: 52px;
+    position: absolute;
+    top: 0;
+    left: 52px;
+}
+.tv-key-dir-up:hover
+{
+    background-image: url(../../images/app/tv-key-dir-up-hover.png);
+}
+.tv-key-dir-ok
+{
+    background: #FFF;
+    width: 152px;
+    height: 152px;
+    line-height: 152px;
+    border-radius: 76px;
+    text-align: center;
+    color: #000;
+    font-size: 50pt;
+    position: absolute;
+    top: 52px;
+    left: 52px;
+}
+.tv-key-dir-ok:hover
+{
+    background: #D1B670;
+    color: #FFF;
+}
+.tv-key-dir-right
+{
+    background: url(../../images/app/tv-key-dir-right.png) no-repeat;
+    width: 52px;
+    height: 152px;
+    position: absolute;
+    top: 52px;
+    right: 0;
+}
+.tv-key-dir-right:hover
+{
+    background-image: url(../../images/app/tv-key-dir-right-hover.png);
+}
+.tv-key-dir-bottom
+{
+    background: url(../../images/app/tv-key-dir-bottom.png) no-repeat;
+    width: 152px;
+    height: 52px;
+    position: absolute;
+    bottom: 0;
+    left: 52px;
+}
+.tv-key-dir-bottom:hover
+{
+    background-image: url(../../images/app/tv-key-dir-bottom-hover.png);
+}
+
+.tv-key-channel-panel
+{
+    width: 52px;
+    height: 256px;
+    line-height: 256px;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.3em;
+    cursor: default;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.tv-key-channel-inc, .tv-key-channel-dec
+{
+    height: 52px;
+    line-height: 52px;
+    text-align: center;
+    color: #FFF;
+    font-size: 40pt;
+    font-weight: bold;
+    position: absolute;
+    left: 0;
+    width: 100%;
+}
+.tv-key-channel-inc:hover, .tv-key-channel-dec:hover
+{
+    color: #D1B670;
+}
+.tv-key-channel-inc
+{
+    top: 0;
+}
+.tv-key-channel-dec
+{
+    bottom: 0;
+}
+
+.tv-key-voice-panel
+{
+    width: 52px;
+    height: 256px;
+    line-height: 256px;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.3em;
+    cursor: default;
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+.tv-key-voice-inc, .tv-key-voice-dec
+{
+    height: 52px;
+    line-height: 52px;
+    text-align: center;
+    color: #FFF;
+    font-size: 40pt;
+    font-weight: bold;
+    position: absolute;
+    left: 0;
+    width: 100%;
+}
+.tv-key-voice-inc:hover, .tv-key-voice-dec:hover
+{
+    color: #D1B670;
+}
+.tv-key-voice-inc
+{
+    top: 0;
+}
+.tv-key-voice-dec
+{
+    bottom: 0;
+}
+
+.tv-key-home, .tv-key-menu, .tv-key-source, .tv-key-replay
+{
+    background-repeat: no-repeat;
+    width: 70px;
+    height: 70px;
+    margin: 0 auto;
+}
+.tv-key-home
+{
+    background-image: url(../../images/app/tv-key-home.png);
+}
+.tv-key-home:hover
+{
+    background-image: url(../../images/app/tv-key-home-hover.png);
+}
+.tv-key-menu
+{
+    background-image: url(../../images/app/tv-key-menu.png);
+}
+.tv-key-menu:hover
+{
+    background-image: url(../../images/app/tv-key-menu-hover.png);
+}
+.tv-key-source
+{
+    background-image: url(../../images/app/tv-key-source.png);
+}
+.tv-key-source:hover
+{
+    background-image: url(../../images/app/tv-key-source-hover.png);
+}
+.tv-key-replay
+{
+    background-image: url(../../images/app/tv-key-replay.png);
+}
+.tv-key-replay:hover
+{
+    background-image: url(../../images/app/tv-key-replay-hover.png);
+}