初始化CRICS

WebSite/Styles/WeiXin/air.css

@@ -0,0 +1,233 @@
+body {
+	background-image: url(../../Images/weixin/BG.png);
+}
+#air-panel {
+    width: 80%;
+    margin-left: 10%;
+    margin-top: 5%;
+}
+#air-switch-bar {
+	width: 80%;
+	padding: 8% 0px 0px 0px;
+	margin-left: 18%;
+}
+#air-switch {
+    display: block;
+    width: 40px;
+    height: 40px;
+    float: right;
+}
+#air-switch .icon-air-switch {
+	background: url(../../Images/WeiXin/air-switch-off.png);
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+#air-switch.selected .icon-air-switch {
+	background-image: url(../../Images/WeiXin/air-switch-on.png);
+}
+
+/* <20>¶<EFBFBD> */
+#air-temp-bar {
+    width: 95%;
+    margin: 0 auto;
+    position: relative;
+    padding: 20% 0;
+    background: url(../../Images/WeiXin/0.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+        background-size: 50%;
+}
+#air-temp-down {
+	display: block;
+	width: 40px;
+	height: 40px;
+	float: left;
+    margin-left: 25px;
+}
+#air-temp-down .icon-temp-down {
+    background: url(../../Images/WeiXin/air-temp-down.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 90%;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+#air-temp {
+    display: block;
+    width: 100%;
+    line-height: 40px;
+    position: absolute;
+    font-size: 55pt;
+    color: #FF6600;
+    text-align: center;
+    z-index:-1;
+}
+#air-temp i {
+	font-style: normal;
+	font-size: 14pt;
+}
+#air-temp-up {
+	display: block;
+	width: 40px;
+	height: 40px;
+	float: right;
+margin-right: 10px;
+}
+#air-temp-up .icon-temp-up {
+    background: url(../../Images/WeiXin/air-temp-up.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: auto 95%;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+/* <20><><EFBFBD><EFBFBD> */
+#air-speed-bar {
+width: 92%;
+    margin: 0 auto;
+    height: 70px;
+    padding: 0px 0;
+    background-image: url(../../Images/WeiXin/air-boder-two.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 100%;
+}
+#air-speed-bar a {
+	text-decoration: none;
+	color: #B3B3B3;
+	float: left;
+	width: 25%;
+	display: block;
+	height: 90%;
+	margin-top: 5%;
+}
+#air-speed-bar .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 40%;
+	display: block;
+	height: 55%;
+}
+#air-speed-bar .text {
+	display: block;
+	height: 35%;
+	    font-size: 10pt;
+	font-style: normal;
+	text-align: center;
+	padding-top: 5px;
+}
+.icon-speed-auto {
+	background-image: url(../../Images/WeiXin/air-speed-auto-off.png);
+}
+.selected .icon-speed-auto {
+	background-image: url(../../Images/WeiXin/air-speed-auto-on.png);
+}
+.icon-speed-low {
+	background-image: url(../../Images/WeiXin/air-speed-low-off.png);
+}
+.selected .icon-speed-low {
+	background-image: url(../../Images/WeiXin/air-speed-low-on.png);
+}
+.icon-speed-middle {
+	background-image: url(../../Images/WeiXin/air-speed-middle-off.png);
+}
+.selected .icon-speed-middle {
+	background-image: url(../../Images/WeiXin/air-speed-middle-on.png);
+}
+.icon-speed-high {
+	background-image: url(../../Images/WeiXin/air-speed-high-off.png);
+}
+.selected .icon-speed-high {
+	background-image: url(../../Images/WeiXin/air-speed-high-on.png);
+}
+
+/* ģʽ */
+#air-mode-bar {
+width: 80%;
+    margin: 0 auto;
+    height: 70px;
+    background-image: url(../../Images/WeiXin/air-boder-one.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 50%;
+    margin-top: 10%;
+}
+#air-mode-bar a {
+	text-decoration: none;
+	color: #B3B3B3;
+	float: left;
+	width: 25%;
+	display: block;
+	height: 100%;
+}
+#air-mode-bar .icon {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: auto 100%;
+    display: block;
+    height: 50%;
+}
+#air-mode-bar .text {
+    display: block;
+    height: 55%;
+    font-size: 10pt;
+    font-style: normal;
+    text-align: center;
+    padding-top: 5px;
+}
+a#air-mode-hot {
+	width: 50%;
+}
+.icon-mode-cold {
+	background-image: url(../../Images/WeiXin/air-mode-cold-off.png);
+}
+.selected .icon-mode-cold {
+	background-image: url(../../Images/WeiXin/air-mode-cold-on.png);
+}
+.icon-mode-hot {
+	background-image: url(../../Images/WeiXin/air-mode-hot-off.png);
+}
+.selected .icon-mode-hot {
+	background-image: url(../../Images/WeiXin/air-mode-hot-on.png);
+}
+.icon-mode-wind {
+	background-image: url(../../Images/WeiXin/air-mode-wind-off.png);
+}
+.selected .icon-mode-wind {
+	background-image: url(../../Images/WeiXin/air-mode-wind-on.png);
+}
+.air-list-panel {
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	height: 100%;
+	width: 100%;
+}
+
+.air-list-panel li {
+	float: left;
+	height: 100%;
+	width: 24.5%;
+	padding: 0;
+	padding-left: 2.5%;
+}
+.air-list-panel li a {
+background-color: #B3B3B3;
+    color: white;
+    display: block;
+    font-size: 13pt;
+    text-align: center;
+    text-decoration: none;
+    height: 25px;
+}
+
+a.air-btn.air-btn-air.selected {
+	background-color: #FF6600;
+}

WebSite/Styles/WeiXin/common.css

@@ -0,0 +1,128 @@
+@font-face {
+	font-family: fzzzhjt;
+	src: url(font/fzzyjt.TTF);
+}
+
+.clearfix:after {
+	content: ".";
+	display: block;
+	height: 0;
+	width: 0;
+	clear: both;
+	visibility: hidden;
+}
+.clearfix {
+	zoom: 1;
+}
+
+html, body {
+	font-family: fzzzhjt;
+	margin: 0;
+	overflow: hidden;
+}
+
+body {
+	background-size: 100%;
+	background-repeat: no-repeat;
+}
+
+#footer {
+	background: #56514A;
+	width: 100%;
+	height: 10.3%;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	overflow: hidden;
+}
+#menu {
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	height: 100%;
+	width: 100%;
+}
+#menu li {
+	float: left;
+	height: 100%;
+	width: 16.6%;
+	padding: 0;
+}
+#menu li a {
+	color: #E8D089;
+	display: block;
+	height: inherit;
+	text-decoration: none;
+	font-size: 11pt;
+}
+#menu li a .icon {
+	display: block;
+	height: 100%;
+	width: 100%;
+    background-size: 100% 100%;
+}
+#menu li a .text {
+	display: block;
+	height: 30%;
+	font-style: normal;
+	text-align: center;
+}
+
+.icon-scene {
+	background: url(../../Images/WeiXin/scene-normal.png) no-repeat center center;
+}
+.selected .icon-scene {
+	background: url(../../Images/WeiXin/scene-selected.png) no-repeat center center;
+}
+
+.icon-service {
+	background: url(../../Images/WeiXin/service-normal.png) no-repeat center center;
+}
+.selected .icon-service {
+	background: url(../../Images/WeiXin/service-selected.png) no-repeat center center;
+}
+
+.icon-light {
+	background: url(../../Images/WeiXin/light-normal.png) no-repeat center center;
+}
+.selected .icon-light {
+	background: url(../../Images/WeiXin/light-selected.png) no-repeat center center;
+}
+.icon-air {
+	background: url(../../Images/WeiXin/air-normal.png) no-repeat center center;
+}
+.selected .icon-air {
+	background: url(../../Images/WeiXin/air-selected.png) no-repeat center center;
+}
+.icon-television {
+	background: url(../../Images/WeiXin/television-normal.png) no-repeat center center;
+}
+.selected .icon-television {
+	background: url(../../Images/WeiXin/television-selected.png) no-repeat center center;
+}
+.icon-fan {
+	background: url(../../Images/WeiXin/fan-normal.png) no-repeat center center;
+}
+.selected .icon-fan {
+	background: url(../../Images/WeiXin/fan-selected.png) no-repeat center center;
+}
+.icon-curtain {
+	background: url(../../Images/WeiXin/curtain-normal.png) no-repeat center center;
+}
+.selected .icon-curtain {
+	background: url(../../Images/WeiXin/curtain-selected.png) no-repeat center center;
+}
+.icon-music {
+	background: url(../../Images/WeiXin/music-normal.png) no-repeat center center;
+}
+.selected .icon-music {
+	background: url(../../Images/WeiXin/music-selected.png) no-repeat center center;
+}
+.icon-unlock
+{
+    background: url(../../Images/WeiXin/unlock-normal.png) no-repeat center center;
+}
+.selected .icon-unlock
+{
+    background: url(../../Images/WeiXin/unlock-selected.png) no-repeat center center;
+}

WebSite/Styles/WeiXin/curtain.css

@@ -0,0 +1,111 @@
+body {
+	background-image: url(../../Images/weixin/BG.png);
+}
+.curtain-pic {
+	background: url(../../Images/WeiXin/curtain-bj.png) no-repeat center center;
+	background-size: 100% 100%;
+	height: 35%;
+	margin-top: 10px;
+	position: relative;
+}
+
+/*.divText {
+	width: 100%;
+	text-align: center;
+	position: absolute;
+	top: 8px;
+}*/
+
+.gauze-pic {
+	background: url(../../Images/WeiXin/gauze-bg.png) no-repeat center center;
+	background-size: 100% 100%;
+	height: 35%;
+	margin-top: 10px;
+	position: relative;
+}
+#curtain-panel {
+	overflow: auto;
+	overflow-y: auto;
+	overflow-x: hidden;
+	position: absolute;
+	height: 90%;
+	width: 100%;
+	padding: 0px;
+}
+#curtain-panel a {
+	color: #FFF;
+	display: block;
+	height: 100%;
+	text-decoration: none;
+	float: left;
+	width: 33%;
+}
+
+#curtain-panel dl dd {
+	margin-left: 0px;
+}
+
+.textshow {
+	margin-top: 20px;
+	font-size: 16pt;
+	font-style: normal;
+	color: white;
+	position: relative;
+}
+
+
+.divshow {
+	width: 100%;
+	text-align: center;
+	position: absolute; /*top: 8px;*/
+}
+
+
+#curtain-panel a .icon {
+	display: block;
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: 110px;
+	height: 400px;
+	margin-top: 80%;
+}
+#curtain-panel a .text {
+	display: block;
+	height: 30%;
+	font-style: normal;
+	font-size: 13pt;
+	text-align: center;
+}
+.icon-curtain-open {
+	background-image: url(../../Images/WeiXin/curtain-open-normal.png);
+}
+.selected .icon-curtain-open {
+	background-image: url(../../Images/WeiXin/curtain-open-selected.png);
+}
+.icon-curtain-stop {
+	background-image: url(../../Images/WeiXin/curtain-stop-normal.png);
+}
+.selected .icon-curtain-stop {
+	background-image: url(../../Images/WeiXin/curtain-stop-selected.png);
+}
+.icon-curtain-close {
+	background-image: url(../../Images/WeiXin/curtain-close-normal.png);
+}
+.selected .icon-curtain-close {
+	background-image: url(../../Images/WeiXin/curtain-close-selected.png);
+}
+
+
+.icon-gauze-open {
+	background-image: url(../../Images/WeiXin/gauze-open-normal.png);
+}
+.selected .icon-gauze-open {
+	background-image: url(../../Images/WeiXin/gauze-open-selected.png);
+}
+.icon-gauze-close {
+	background-image: url(../../Images/WeiXin/gauze-stop-normal.png);
+}
+.selected .icon-gauze-close {
+	background-image: url(../../Images/WeiXin/gauze-stop-selected.png);
+}
+

WebSite/Styles/WeiXin/light.css

@@ -0,0 +1,294 @@
+body {
+	background-image: url(../../Images/weixin/BG.png);
+	background-size: 100%;
+	background-repeat: no-repeat;
+}
+#cmain {
+    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: absolute;
+    height: 80%;
+    width: 82%;
+    padding: 0px;
+    margin-left: 9%;
+}
+
+#cmainFan {
+	overflow: auto;
+	overflow-y: auto;
+	overflow-x: hidden;
+	position: relative;
+	height: 500px;
+}
+
+#light-list {
+    padding: 0;
+    list-style-type: none;
+}
+
+#light-list li {
+    float: left;
+    height: 140px;
+    width: 32%;
+    margin-top: 4%;
+    margin-left: 1%;
+}
+
+#light-list li a {
+	    color: #BEBEBE;
+	display: block;
+	height: inherit;
+	text-decoration: none;
+}
+#light-list li a .icon {
+    display: block;
+    background-position: center 60%;
+    background-repeat: no-repeat;
+    background-size: 50%;
+    width: 100%;
+    height: 65%;
+    MARGIN-TOP: 15%;
+}
+#light-list li a .text {
+    display: block;
+    height: 20%;
+    font-style: normal;
+    font-size: 10pt;
+    text-align: center;
+}
+#light-list li a .dimmer {
+    display: block;
+    height: 50px;
+    font-style: normal;
+    font-size: 10pt;
+    text-align: center;
+    margin-top: -50px;
+}
+
+.icon-fun {
+	background-image: url(../../Images/WeiXin/fan-close.png);
+}
+.selected .icon-fun {
+	background-image: url(../../Images/WeiXin/fan-open.png);
+}
+.icon-lightcontrol {
+	background-image: url(../../Images/WeiXin/light-close.png);
+}
+.selected .icon-lightcontrol {
+	background-image: url(../../Images/WeiXin/light-open.png);
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+	margin-top: 15px;
+}
+
+.Bar {
+	position: relative;
+	width: 60%; /* height: 44%; */ /* border: 3px solid #D1B66F; */
+	padding: 1px; /* margin: 50px; */
+	margin-top: 24px;
+	margin-left: 21%;
+	border-radius: 20px;
+}
+
+.Bar span {
+	position: absolute;
+	width: 100%;
+	text-align: center;
+	font-weight: bold;
+	color: #D1B66F;
+	font-size: 16pt;
+	margin-top: 10px;
+}
+
+.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: -42px;
+	margin-right: 4%;
+	font-size: 51px;
+	text-align: center;
+	color: #D1B66F;
+	font-weight: bold;
+}
+.tiaoguang-close {
+	position: absolute;
+	right: 0;
+	text-decoration: none;
+	margin-top: -90px;
+	margin-right: 4%;
+	font-size: 40px;
+	text-align: center;
+	color: #D1B66F;
+	font-weight: bold;
+}
+
+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;
+}
+input[type=checkbox] {
+  -ms-transform: scale(2); /* IE */
+  -moz-transform: scale(2); /* FireFox */
+  -webkit-transform: scale(2); /* Safari and Chrome */
+  -o-transform: scale(2); /* Opera */
+  margin-top:14px;
+  margin-left:170px;
+}
+
+

WebSite/Styles/WeiXin/login.css

@@ -0,0 +1,98 @@
+@font-face {
+	font-family: fzzzhjt;
+	src: url(font/fzzyjt.TTF);
+}
+body {
+	margin: 0;
+	background: #000 url(../../Images/weixin/Login/Log-BG.png) no-repeat;
+	background-size: 100%;
+	background-repeat: no-repeat;
+	background-size: 100%;
+	overflow: hidden;
+	font-family: fzzzhjt;
+}
+
+.logo {
+	position: absolute;
+	left: 5%;
+	top: 12%;
+}
+
+.fonter {
+	left: 0px;
+	bottom: 20%;
+	position: absolute;
+	width: 100%;
+	height: 30px;
+	z-index: 100;
+	text-align: center;
+	-moz-background-size: cover;
+	-webkit-background-size: cover;
+	-o-background-size: cover;
+	background-size: cover;
+}
+
+#login-panel {
+	margin-top: 60%;
+	width: 100%;
+}
+#login-panel th {
+	width: 30%;
+	text-align: right; /*background: red;*/
+	padding: 10px 0;
+}
+#login-panel td {
+	/*width: 70%;* /*background: red;*/ /*padding: 10px 0;*/
+	vertical-align: bottom;
+}
+label {
+	color: #FFF;
+	font-size: 8pt;
+}
+input {
+	font-size: 12pt;
+	border: none;
+	font-family: fzzzhjt;
+	background: transparent;
+	color: #FFF;
+	display: block;
+	margin: 0px auto;
+	margin-left: 8%;
+	text-align: center;
+	text-decoration: none;
+	width: 80%;
+	padding: 10px;
+}
+
+.roomNumber {
+	background-image: url(../../Images/weixin/Login/RoomNumber.png);
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.identity {
+	background-image: url(../../Images/weixin/Login/pwd.png);
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+
+#login {
+	background-image: url(../../Images/weixin/Login/LogButton.png);
+	background-size: 100% 100%;
+	background-position: center center;
+	color: #fff;
+	font-size: 12pt;
+	display: block;
+	margin-left: 8.9%;
+	text-align: center;
+	text-decoration: none;
+	width: 79%;
+	padding: 10px;
+	margin-top: 5%;
+}
+#login:hover {
+	background-image: url(../../Images/weixin/Login/LogButton.png);
+}

WebSite/Styles/WeiXin/music.css

@@ -0,0 +1,284 @@
+body {
+	background-image: url(../../Images/weixin/BG.png);
+}
+#music-panel {
+}
+#top {
+	margin: 5% 5% 0% auto;
+	width: 80%;
+}
+
+#musicBg {
+    background-image: url(../../Images/WeiXin/music/m.png);
+    background-size: 45%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    width: 70%;
+    height: 24%;
+    margin-left: 15%;
+    position: absolute;
+}
+
+
+#music-switch {
+	display: block;
+	width: 70px;
+	height: 32px;
+}
+
+
+#music-mute {
+	display: block;
+	width: 40px;
+	height: 40px;
+}
+
+#music-mute {
+	float: left;
+}
+
+#music-mute .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100% 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-music-mute {
+	background-image: url(../../Images/WeiXin/music/Mute-normal.png);
+}
+.selected .icon-music-mute {
+	background-image: url(../../Images/WeiXin/music/Mute-selected.png);
+}
+
+
+#middle {
+    margin: 38% auto 3% auto;
+/*width: 80%;
+    height: 45%;
+    background-size: 70%;
+    background-repeat: no-repeat;
+    background-position: center center;*/
+}
+
+#voice-panel, #channel-panel {
+	color: #FFF;
+	width: 20%;
+	height: 100%;
+	float: left;
+	position: relative;
+}
+#voice-panel .text, #channel-panel .text {
+	width: 100%;
+	font-size: 14pt;
+	position: absolute;
+	top: 50%;
+	margin-top: -25%;
+	text-align: center;
+	cursor: default;
+}
+#music-voice-inc, #music-voice-dec, #music-channel-inc, #music-channel-dec {
+	display: block;
+	vertical-align: middle;
+	text-decoration: none;
+	font-size: 40pt;
+	color: #FFF;
+	text-align: center;
+	width: 100%;
+	position: absolute;
+	height: 25%;
+}
+/*#music-voice-inc:hover, #music-voice-dec:hover, #music-channel-inc:hover, #music-channel-dec:hover {
+	color: #33CC33;
+}*/
+#music-voice-inc, #music-channel-inc {
+	top: 0;
+}
+#music-voice-dec, #music-channel-dec {
+	bottom: 0;
+}
+
+#dir-panel {
+	width: 100%;
+	height: 100%;
+	float: left;
+	position: relative;
+}
+
+#music-key-VoiceInc {
+display: block;
+    margin: 0 auto;
+    position: absolute;
+    top: 100px;
+    left: 5px;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+}
+#music-key-VoiceInc .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100% 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-music-key-VoiceInc {
+	background-image: url(../../Images/WeiXin/music/VoiceInc-normal.png);
+}
+.selected .icon-music-key-VoiceInc {
+	background-image: url(../../Images/WeiXin/music/VoiceInc-selected.png);
+}
+
+#music-key-Prev {
+display: block;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+}
+#music-key-Prev .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100% 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-music-key-Prev {
+	background-image: url(../../Images/WeiXin/music/Prev-normal.png);
+}
+.selected .icon-music-key-Prev {
+	background-image: url(../../Images/WeiXin/music/Prev-selected.png);
+}
+
+#music-key-Play {
+    display: block;
+    position: absolute;
+    top: 14px;
+    left: 36px;
+}
+#music-key-Play .icon {
+background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 80%;
+    display: block;
+    width: 110px;
+    height: 110px;
+    border-radius: 50%;
+}
+.icon-music-key-Play {
+	background-image: url(../../Images/WeiXin/music/Play.png);
+}
+.selected .icon-music-key-Play {
+	background-image: url(../../Images/WeiXin/music/Pause.png);
+}
+
+
+#music-key-Next {
+	display: block;
+	width: 50px;
+    height: 50px;
+	border-radius: 50%;
+	position: absolute;
+	top: 0px;
+	right: -8px;
+}
+
+#music-key-Next .icon {
+	background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 100% 100%;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.icon-music-key-Next {
+	background-image: url(../../Images/WeiXin/music/Next-normal.png);
+}
+.selected .icon-music-key-Next {
+	background-image: url(../../Images/WeiXin/music/Next-selected.png);
+}
+
+#music-key-VoiceDec {
+    display: block;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    position: absolute;
+    right: -6px;
+    bottom: 32px;
+}
+#music-key-VoiceDec .icon {
+	background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 100% 100%;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.icon-music-key-VoiceDec {
+	background-image: url(../../Images/WeiXin/music/VoiceDec-normal.png);
+}
+.selected .icon-music-key-VoiceDec {
+	background-image: url(../../Images/WeiXin/music/VoiceDec-selected.png);
+}
+
+#bottom {
+    width: 80%;
+    margin: 0 auto;
+    /* background: blue; */
+}
+
+#bottom a {
+    color: #FFF;
+    display: block;
+    height: inherit;
+    text-decoration: none;
+    width: 33%;
+    float: left;
+    height: 80px;
+}
+#bottom .icon {
+    display: block;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: auto 85%;
+    height: 100%;
+}
+#bottom .text {
+	display: block;
+	font-style: normal;
+	text-align: center;
+	font-size: 12pt;
+	padding: 5px 0; /*background-color: red;*/
+	height: 30%;
+}
+.icon-music-key-SequentialPlay {
+	background-image: url(../../Images/WeiXin/music/SequentialPlay-normal.png);
+}
+.selected .icon-music-key-SequentialPlay {
+	background-image: url(../../Images/WeiXin/music/SequentialPlay-selected.png);
+}
+
+
+.icon-music-key-RandomPlay {
+	background-image: url(../../Images/WeiXin/music/RandomPlay-normal.png);
+}
+.selected .icon-music-key-RandomPlay {
+	background-image: url(../../Images/WeiXin/music/RandomPlay-selected.png);
+}
+
+
+.icon-music-key-SingleCycle {
+	background-image: url(../../Images/WeiXin/music/SingleCycle-normal.png);
+}
+.selected .icon-music-key-SingleCycle {
+	background-image: url(../../Images/WeiXin/music/SingleCycle_selected.png);
+}
+
+
+

WebSite/Styles/WeiXin/scene.css

@@ -0,0 +1,125 @@
+body {
+	/*background-image: url(../../Images/WeiXin/scene-bk.jpg);*/
+	background-image: url(../../Images/weixin/BG.png);
+	background-size: 100%;
+	background-repeat: no-repeat;
+}
+
+#cmain {
+	overflow: auto;
+	overflow-y: auto;
+	overflow-x: hidden;
+	position: absolute;
+	height: 89%;
+	width: 80%;
+	margin-left: 10%;
+}
+
+
+#scene-list {
+	margin: 10px 0px 0px 0px;
+	padding: 0;
+	list-style-type: none;
+}
+
+
+#scene-list li {
+    float: left;
+    height: 150px;
+    width: 33.33%;
+    text-align: center;
+}
+#scene-list li a { 
+	color: #BEBEBE;
+	display: block;
+	height: inherit;
+	text-decoration: none;
+}
+#scene-list li a .icon {
+    background-position: center center;
+    background-repeat: no-repeat;
+    display: block;
+    width: 70px;
+    height: 70px;
+    top: 10%;
+    left: 15%;
+    position: relative;
+}
+#scene-list li a .text {
+	display: block;	
+	font-style: normal;
+	font-size: 10pt;
+	text-align: center;
+	position: relative;
+	line-height: 60px;
+}
+
+.icon-list0 {
+	background-image: url(../../Images/WeiXin/scene/g.png);
+	background-size: 90%;
+}
+
+
+.selected .icon-list0 {
+	background-image: url(../../Images/WeiXin/scene/g1.png);
+	background-size: 90%;
+}
+
+
+.icon-list1 {
+	background-image: url(../../Images/WeiXin/scene/h.png);
+	background-size: 100%;
+}
+
+
+.selected .icon-list1 {
+	background-image: url(../../Images/WeiXin/scene/h1.png);
+	background-size: 100%;
+}
+
+.icon-list2 {
+	background-image: url(../../Images/WeiXin/scene/q.png);
+	background-size: 90%;
+}
+
+
+.selected .icon-list2 {
+	background-image: url(../../Images/WeiXin/scene/q1.png);
+	background-size: 90%;
+}
+
+
+.icon-list3 {
+	background-image: url(../../Images/WeiXin/scene/R.png);
+	background-size: 90%;
+}
+
+
+.selected .icon-list3 {
+	background-image: url(../../Images/WeiXin/scene/R1.png);
+	background-size: 90%;
+}
+
+
+.icon-list4 {
+	background-image: url(../../Images/WeiXin/scene/s.png);
+	background-size: 90%;
+}
+
+
+.selected .icon-list4 {
+	background-image: url(../../Images/WeiXin/scene/s1.png);
+	background-size: 90%;
+}
+
+
+.icon-list5 {
+	background-image: url(../../Images/WeiXin/scene/sceneControl-normal.png);
+	background-size: 90%;
+}
+
+
+.selected .icon-list5 {
+	background-image: url(../../Images/WeiXin/scene/sceneControl-selected.png);
+	background-size: 90%;
+}

WebSite/Styles/WeiXin/service.css

@@ -0,0 +1,168 @@
+body {
+	background-image: url(../../Images/weixin/BG.png);
+	background-size: 100%;
+	background-repeat: no-repeat;
+}
+#cmain {
+    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: absolute;
+    height: 80%;
+    width: 80%;
+    padding: 0px;
+    margin-left: 10%;
+    margin-top: 10%;
+}
+
+#service-list {
+	/* margin: 200px 0 0 0; */
+	padding: 0;
+	list-style-type: none;
+	/*background-image: url(../../Images/weixin/scene_BG.png);
+	background-size: 100%;*/
+}
+
+#service-list li {
+    color: #E8D089;
+    float: left;
+    height: 145px;
+    width: 50%;
+    margin-top: 2%;
+}
+
+#service-list li a {
+	color: #BEBEBE;
+	display: block;
+	height: inherit;
+	text-decoration: none;
+}
+#service-list li a .icon {
+display: block;
+    background-position: center center;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 60%;
+}
+
+#service-list li a .text {
+	display: block;
+	height: 20%;
+	font-style: normal;
+	    font-size: 10pt;
+	text-align: center;
+}
+
+.service-list {
+	margin: 0 auto;
+	width: 630px;
+}
+
+
+
+.B01 {
+	background: url(../../images/WeiXin/B01-normal.png);
+}
+
+.selected .B01 {
+	background: url(../../images/WeiXin/B01-selected.png);
+}
+
+
+
+.B02 {
+	background: url(../../images/WeiXin/B02-normal.png);
+background-size: 32%;
+}
+
+.selected .B02 {
+	background: url(../../images/WeiXin/B02-selected.png);
+background-size: 32%;
+}
+
+
+.B03 {
+	background: url(../../images/WeiXin/B03-normal.png);
+	    background-size: 25%;
+}
+
+.selected .B03 {
+	background: url(../../images/WeiXin/B03-selected.png);
+	    background-size: 25%;
+}
+
+
+
+.B04 {
+	background: url(../../images/WeiXin/B04-normal.png);
+	background-size: 35%;
+}
+
+.selected .B04 {
+	background: url(../../images/WeiXin/B04-selected.png);
+	background-size: 35%;
+}
+
+
+
+.B05 {
+	background: url(../../images/WeiXin/B05-normal.png);
+	background-size: 40%;
+}
+
+.selected .B05 {
+	background: url(../../images/WeiXin/B05-selected.png);
+	background-size: 40%;
+}
+
+
+
+.B06 {
+	background: url(../../images/WeiXin/B06-normal.png);
+}
+
+.selected .B06 {
+	background: url(../../images/WeiXin/B06-selected.png);
+}
+
+
+
+.B07 {
+	background: url(../../images/WeiXin/B07-normal.png);
+}
+
+.selected .B07 {
+	background: url(../../images/WeiXin/B07-selected.png);
+}
+
+
+
+.B08 {
+	background: url(../../images/WeiXin/B08-normal.png);
+}
+
+.selected .B08 {
+	background: url(../../images/WeiXin/B08-selected.png);
+}
+
+
+.B09 {
+	background: url(../../images/WeiXin/B09-normal.png);
+background-size: 30%;
+}
+
+.selected .B09 {
+	background: url(../../images/WeiXin/B09-selected.png);
+background-size: 30%;
+}
+
+
+.B10 {
+	background: url(../../images/WeiXin/B10-normal.png);
+	    background-size: 24%;
+}
+
+.selected .B10 {
+	background: url(../../images/WeiXin/B10-selected.png);
+	background-size: 24%;
+}

WebSite/Styles/WeiXin/tip.css

@@ -0,0 +1 @@
+

WebSite/Styles/WeiXin/tv.css

@@ -0,0 +1,273 @@
+body {
+	background-image: url(../../Images/weixin/BG.png);
+}
+#tv-panel {
+}
+#top {
+    padding: 5% 0;
+    margin: 5% auto 0 auto;
+    width: 70%;
+}
+
+#tv-switch {
+	display: block;
+	width: 40px;
+    height: 40px;
+}
+
+#tv-mute {
+	display: block;
+	width: 40px;
+	height: 40px;
+}
+
+#tv-mute {
+	float: left;
+}
+#tv-switch {
+	float: right;
+}
+#tv-mute .icon, #tv-switch .icon {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 90% 93%;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.icon-tv-mute {
+	background-image: url(../../Images/WeiXin/television-mute-off.png);
+}
+#tv-mute:hover .icon-tv-mute {
+	background-image: url(../../Images/WeiXin/television-mute-on.png);
+}
+.off .icon-tv-switch {
+	background-image: url(../../Images/WeiXin/television-switch-off.png);
+}
+.on .icon-tv-switch {
+	background-image: url(../../Images/WeiXin/television-switch-on.png);
+}
+
+#middle {
+    margin: 8% auto;
+    width: 70%;
+    height: 150px;
+}
+
+#voice-panel, #channel-panel {
+	color: #B3B3B3;
+	width: 20%;
+	height: 100%;
+	float: left;
+	position: relative;
+}
+#voice-panel .text, #channel-panel .text {
+	width: 100%;
+    font-size: 10pt;
+    position: absolute;
+    top: 63%;
+    margin-top: -30%;
+    text-align: center;
+    cursor: default;
+}
+#tv-voice-inc, #tv-voice-dec, #tv-channel-inc, #tv-channel-dec {
+	    display: block;
+    vertical-align: middle;
+    text-decoration: none;
+    font-size: 35pt;
+    color: #B3B3B3;
+    text-align: center;
+    width: 100%;
+    position: absolute;
+    height: 28%;
+}
+#tv-voice-inc:hover, #tv-voice-dec:hover, #tv-channel-inc:hover, #tv-channel-dec:hover {
+	color: #33CC33;
+}
+#tv-voice-inc, #tv-channel-inc {
+	top: 0;
+}
+#tv-voice-dec, #tv-channel-dec {
+	bottom: 0;
+}
+
+#dir-panel {
+	width: 60%;
+	height: 100%;
+	float: left;
+	position: relative;
+}
+
+#tv-key-up {
+	display: block;
+	width: 90px;
+	height: 30px;
+	margin: 0 auto;
+	position: absolute;
+	top: 0;
+	left: 30px;
+}
+#tv-key-up .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-tv-key-up {
+	background-image: url(../../Images/WeiXin/tv-key-up-normal.png);
+}
+.icon-tv-key-up:hover {
+	background-image: url(../../Images/WeiXin/tv-key-up-selected.png);
+}
+
+#tv-key-left {
+	display: block;
+	width: 30px;
+	height: 90px;
+	position: absolute;
+	left: 0;
+	top: 30px;
+}
+#tv-key-left .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-tv-key-left {
+	background-image: url(../../Images/WeiXin/tv-key-left-normal.png);
+}
+.icon-tv-key-left:hover {
+	background-image: url(../../Images/WeiXin/tv-key-left-selected.png);
+}
+
+#tv-key-ok {
+display: block;
+    width: 80px;
+    height: 80px;
+    line-height: 80px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin: -42px 0 0 -42px;
+    background-color: #B3B3B3;
+    border-radius: 42px;
+    color: #FFF;
+    font-size: 13pt;
+    text-align: center;
+    text-decoration: none;
+    border: 1px solid #B3B3B3;
+}
+#tv-key-ok:hover {
+    background: #FF6600;
+    border: 2px solid #FFF;
+    color: #FFF;
+}
+#tv-key-right {
+	display: block;
+	width: 30px;
+	height: 90px;
+	position: absolute;
+	top: 30px;
+	right: 0;
+}
+#tv-key-right .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-tv-key-right {
+	background-image: url(../../Images/WeiXin/tv-key-right-normal.png);
+}
+.icon-tv-key-right:hover {
+	background-image: url(../../Images/WeiXin/tv-key-right-selected.png);
+}
+
+#tv-key-down {
+	display: block;
+	width: 90px;
+	height: 30px;
+	position: absolute;
+	left: 30px;
+	bottom: 0;
+}
+#tv-key-down .icon {
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-size: 100%;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+.icon-tv-key-down {
+	background-image: url(../../Images/WeiXin/tv-key-down-normal.png);
+}
+.icon-tv-key-down:hover {
+	background-image: url(../../Images/WeiXin/tv-key-down-selected.png);
+}
+
+#bottom {
+	    width: 70%;
+    margin: 0 auto;
+    /* background: blue; */
+}
+
+#bottom a {
+      color: #B3B3B3;
+    display: block;
+    height: inherit;
+    text-decoration: none;
+    width: 25%;
+    float: left;
+    height: 106px;
+}
+#bottom .icon {
+    display: block;
+    background-position: center 80%;
+    background-repeat: no-repeat;
+        background-size: 50%;
+    height: 70%;
+}
+#bottom .text {
+    display: block;
+    font-style: normal;
+    text-align: center;
+    font-size: 10pt;
+    padding: 5px 0;
+    /* background-color: red; */
+    height: 30%;
+    margin-top: 10px;
+}
+.icon-tv-key-home {
+	background-image: url(../../Images/WeiXin/tv-key-home-normal.png);
+}
+.icon-tv-key-home:hover {
+	background-image: url(../../Images/WeiXin/tv-key-home-selected.png);
+}
+.icon-tv-key-menu {
+	background-image: url(../../Images/WeiXin/tv-key-menu-normal.png);
+}
+.icon-tv-key-menu:hover {
+	background-image: url(../../Images/WeiXin/tv-key-menu-selected.png);
+}
+.icon-tv-key-source {
+	background-image: url(../../Images/WeiXin/tv-key-source-normal.png);
+}
+.icon-tv-key-source:hover {
+	background-image: url(../../Images/WeiXin/tv-key-source-selected.png);
+}
+.icon-tv-key-replay {
+	background-image: url(../../Images/WeiXin/tv-key-replay-normal.png);
+}
+.icon-tv-key-replay:hover {
+	background-image: url(../../Images/WeiXin/tv-key-replay-selected.png);
+}
+
+