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;
}


